/*
Theme Name: NUS Giving
Author: Arshad Arsal
Author URI: @arshadarsal
Theme URI: https://www.constructdigital.com/
Theme Owner: Construct Digital
Description: 
Version: 1
Text Domain: 
Tags: 
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ephesis&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
* {
    margin: 0;
    padding: 0;
    border: 0;
    --blue: #003D7C;
    --dblue: #003D7C;
    --orange: #f5821f;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 10px;
    background-color: transparent;
}

::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: none;
    background-color: #8e8e8e;
}

*::before,
*::after,
a,
span,
button,
.btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    background: #ffffff;
    font-size: 16px;
    color: #343434;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: "Roboto", sans-serif;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.wow {
    visibility: hidden;
}

img,
video {
    max-width: 100%;
    vertical-align: middle;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    animation-duration: 0.5s;
    animation-delay: 0.2s;
}

.btn-container {
    display: flex;
    column-gap: 10px;
}

.btn {
    padding: 15px 30px;
    min-width: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: pre-wrap;
    border: 2px solid #EF7C00;
    border-radius: 10px;
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: none;
    background: #EF7C00;
    text-shadow: 0px 0px 4px #00000047;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: "Roboto", sans-serif;
}

    .btn.round {
        border-radius: 100vw;
    }

    .btn.transparent {
        background: transparent;
        border: 2px solid #EF7C00;
    }

        .btn.transparent:hover {
            background: #EF7C00;
            color: #ffffff;
        }

    .btn.semi-white {
        background-color: #fff;
        color: var(--orange);
        border-color: #fff;
        text-shadow: none;
    }

        .btn.semi-white:hover {
            background-color: var(--orange);
            color: #fff;
        }

    .btn.grey-text {
        color: #3d3d3d;
    }

        .btn.grey-text:hover {
            color: #ffffff;
        }

    .btn:hover {
        border: 2px solid #EF7C00;
        color: #000000;
        background: transparent;
    }

    .btn:hover {
        outline: 0;
        box-shadow: none;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .btn:focus,
    .btn:active {
        transform: translateY(5px);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.wrapper {
    width: 80%;
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 90px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .wrapper.wrap50 {
        width: 50%;
    }

    .wrapper.wrap60 {
        width: 60%;
    }

    .wrapper.wrap70 {
        width: 70%;
    }

.inner-wrapper {
    width: 80%;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.full-wrapper {
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1400px !important;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

    .row > * {
        /*padding: 0;*/
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

a {
    text-decoration: none;
    cursor: pointer;
    outline: none;
    color: #EF7C00;
}

    a:hover {
        color: inherit;
    }

    a.min-link:hover {
        background: #EF7C00;
        color: #ffffff;
        text-decoration: none;
    }

input[type="text"] {
    -webkit-appearance: none;
    box-shadow: none;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    width: 15px;
    height: 20px;
    margin-right: 5px;
    cursor: pointer;
}

span.check-box {
    color: #4c4b4b;
    font-weight: 500;
    display: block;
    padding-left: 1.5em;
    text-indent: 0em;
}

input.btn[type="button"] {
    -webkit-appearance: button;
    cursor: pointer;
    border: 0px solid #EF7C00;
    background: #EF7C00;
}

    input.btn[type="button"]:hover,
    input.btn[type="button"] :focus,
    input.btn[type="button"] :active {
        border: 0px solid #EF7C00;
        background: #116ca0;
    }

input {
    width: 100%;
    min-height: 40px;
    border: 1px solid #CBCBCB;
    text-indent: 15px;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #4B4B4B;
    font-weight: 500;
    -webkit-appearance: none;
    background: transparent;
    outline: none;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    input:focus,
    input :active {
        border: 1px solid #EF7C00;
    }

select {
    width: 100.7%;
    min-height: 40px;
    border: 0;
    border: 1px solid #CBCBCB;
    text-indent: 0;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #4B4B4B;
    font-weight: 500;
    -webkit-appearance: none !important;
    background: transparent !important;
    border-radius: 5px;
    outline: none;
    line-height: 35px;
    padding-left: 13px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    select:focus,
    select :active {
        border: 1px solid #EF7C00;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

textarea {
    width: 100%;
    max-width: 100%;
    border: 1px solid #cecece;
    text-indent: 15px;
    font-size: 14px;
    letter-spacing: 0.3px;
    border-radius: 20px;
    color: #6f6f6f;
    font-weight: 400;
    -webkit-appearance: none;
    background: transparent;
    outline: none;
    padding-top: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    textarea:focus,
    textarea :active {
        border: 1px solid #EF7C00;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

ul li {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

h1 {
    font-size: 65px;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 20px;
    text-transform: uppercase;
}

h2 {
    font-size: 60px;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 20px;
}

h3 {
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 20px;
}

h4 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 20px;
}

h5 {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    line-height: 1.3;
    font-weight: normal;
    margin-bottom: 20px;
}

h6 {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 1.3;
    font-weight: normal;
    margin-bottom: 20px;
}

h7.text-green.mb-1 {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 1.3;
    font-weight: normal;
    margin-bottom: 20px;
}

h7.text-blue.mb-1 {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 1.3;
    font-weight: normal;
    margin-bottom: 20px;
}

p {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 20px;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    animation-delay: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

    p .min-link {
        color: #EF7C00;
        text-decoration: underline;
        font-family: "Roboto", sans-serif;
    }

        p .min-link:hover {
            color: #ffffff;
        }

section {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    section:focus {
        outline: none;
    }

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #053325;
    z-index: 9999;
    display: none;
}

    #preloader #status {
        width: 400px;
        height: 400px;
        position: absolute;
        left: 50%;
        top: 50%;
        background-image: url("../images/loader.png");
        background-repeat: no-repeat;
        background-position: center;
        transform: translate(-50%, -50%);
        background-size: 100px;
        animation: loader 2s 0s infinite linear both;
    }

@keyframes loader {
    0% {
        transform: translate(-50%, -50%) translatey(0px);
    }

    50% {
        transform: translate(-50%, -50%) translatey(-50px);
    }

    100% {
        transform: translate(-50%, -50%) translatey(0px);
    }
}

#backtotop {
    background-color: #EF7C00;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 100px;
    right: 40px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px 0px #0000001c;
}

    #backtotop::after {
        content: "\f077";
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        font-size: 20px;
        color: #ffffff;
    }

    #backtotop:hover {
        cursor: pointer;
        background-color: var(--blue);
        box-shadow: 0 0 20px 0px #00000069;
    }

    #backtotop:active {
        background-color: var(--blue);
        box-shadow: 0 0 20px 0px #00000069;
    }

    #backtotop.view {
        opacity: 1;
        visibility: visible;
    }

.scrollshow {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

    .scrollshow:hover {
        justify-content: space-between;
    }

.bggreen {
    /* background-color: #053325; */
    background-color: var(--blue);
}


.bgyellow {
    background-color: #B99D1E;
}

.bgpink {
    background-color: #B88084;
}

.bglightgreen {
    background-color: #2D653E;
}

.bgmaroon {
    background-color: #801940;
}

.bgorange {
    background-color: #EF7C00;
}

.bgblue {
    background-color: #003D7C;
}

.bgblack {
    background-color: #000000;
}

.bgwhite {
    background-color: #ffffff;
}

.bggrey {
    background-color: #efefef;
}

.bglorange {
    background-color: #fff1e3;
}


.text-green {
    /* color: #053325 !important; */
    color: var(--blue) !important;
}

.text-yellow {
    color: #B99D1E !important;
}

.text-pink {
    color: #B88084 !important;
}

.text-lightgreen {
    color: #2D653E !important;
}

.text-maroon {
    color: #801940 !important;
}

.text-orange {
    color: #EF7C00 !important;
}

.text-blue {
    color: #003D7C !important;
}

.text-black {
    color: #000000 !important;
}

.text-white {
    color: #ffffff !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

nav {
    background: var(--blue);
    z-index: 200;
    box-shadow: 0px 0px 20px 0px #0000001f;
    position: sticky;
    width: 100%;
}

    nav .wrapper {
        padding: 10px 0;
        display: flex;
        align-items: center;
        gap: 30px;
    }

        nav .wrapper .logo {
            margin-right: auto;
        }

/* .navbar {
    position: fixed !important;
} */

.navbar .logo img {
    width: auto;
    height: 100%;
    max-height: 55px;
}

nav .wrapper .nav-front ul {
    padding: 0;
    list-style: none;
    display: inline-flex;
    gap: 30px;
    margin: 0;
}

    nav .wrapper .nav-front ul li {
        font-size: 14px;
    }

        nav .wrapper .nav-front ul li a {
            color: #ffffff;
            text-transform: uppercase;
        }

            nav .wrapper .nav-front ul li a:hover {
                color: #EF7C00;
            }

        nav .wrapper .nav-front ul li.has-sub {
            position: relative;
        }

            nav .wrapper .nav-front ul li.has-sub ul {
                position: absolute;
                left: -9999px;
                z-index: 9999;
                padding-left: 0;
                padding-top: 20px;
            }

                nav .wrapper .nav-front ul li.has-sub ul li {
                    height: auto;
                    -webkit-transition: all 0.25s ease;
                    -ms-transition: all 0.25s ease;
                    background: #ffffff;
                    border-bottom: 1px solid #0000000d;
                    transition: all 0.25s ease;
                }

                    nav .wrapper .nav-front ul li.has-sub ul li a {
                        color: #3D3D3D;
                        padding: 13px 20px;
                        width: 100%;
                        text-decoration: none;
                        display: block;
                        font-size: 15px;
                    }

                        nav .wrapper .nav-front ul li.has-sub ul li a:hover {
                            background: #EF7C00;
                            color: #ffffff;
                        }

                    nav .wrapper .nav-front ul li.has-sub ul li:last-child {
                        border-bottom: 0;
                    }

            nav .wrapper .nav-front ul li.has-sub:hover ul {
                left: auto;
                display: block;
                width: 300px;
            }

nav .wrapper .nav-btn-section {
    display: inline-flex;
    align-items: center;
    gap: 20px;
}

    nav .wrapper .nav-btn-section .navbtn .btn {
        padding: 16px 30px;
        min-width: 140px;
        border-radius: 5px;
        line-height: 0;
        font-size: 13px;
        text-transform: capitalize;
    }

        nav .wrapper .nav-btn-section .navbtn .btn:hover {
            transform: translateY(0px);
            background: transparent;
            color: #ffffff;
        }

    nav .wrapper .nav-btn-section .search-btn-box .search .search-btn {
        background: transparent;
        color: #ffffff;
        font-size: 25px;
        outline: none;
        cursor: pointer;
        outline: none;
        position: absolute;
        top: 19px;
    }

        nav .wrapper .nav-btn-section .search-btn-box .search .search-btn i:hover {
            color: #EF7C00;
        }

        nav .wrapper .nav-btn-section .search-btn-box .search .search-btn.icon-change {
            transform: rotate(180deg);
            top: 15px;
        }

            nav .wrapper .nav-btn-section .search-btn-box .search .search-btn.icon-change i::before {
                content: "\f00d";
            }

    nav .wrapper .nav-btn-section .search-btn-box .search-box {
        width: 100%;
        max-width: 1400px;
        position: absolute;
        top: -200px;
        left: 50%;
        transform: translate(-50%, 0px);
        padding: 20px;
        z-index: -1;
        background: #ffffff;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        box-shadow: 0px 0px 20px 0px #00000024;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        nav .wrapper .nav-btn-section .search-btn-box .search-box .search-input {
            border: 0;
            border-bottom: 1px solid #c6c6c6;
            border-radius: 0;
            font-size: 17px;
            color: #000000;
            max-width: 1400px;
        }

            nav .wrapper .nav-btn-section .search-btn-box .search-box .search-input:focus {
                border-color: #053325;
            }

        nav .wrapper .nav-btn-section .search-btn-box .search-box .search-btn-submit {
            background: transparent;
            position: absolute;
            right: 20px;
            top: 20px;
            font-size: 20px;
            color: #053325;
            padding: 0;
            width: 40px;
            height: 40px;
        }

            nav .wrapper .nav-btn-section .search-btn-box .search-box .search-btn-submit:hover {
                background: #053325;
                color: #ffffff;
            }

        nav .wrapper .nav-btn-section .search-btn-box .search-box.open-search-box {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            z-index: 11;
            top: 75px;
        }

nav .wrapper .menu-icon .hamburger {
    border-left: 2px solid #ffffffc9;
    padding-left: 30px;
    margin-left: 20px;
    cursor: pointer;
}

    nav .wrapper .menu-icon .hamburger .line {
        width: 35px;
        height: 3px;
        background-color: #ffffff;
        display: block;
        margin: 8px auto;
        border-radius: 50px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    nav .wrapper .menu-icon .hamburger.hamburger-close .line:nth-child(2) {
        opacity: 0;
    }

    nav .wrapper .menu-icon .hamburger.hamburger-close .line:nth-child(1) {
        -webkit-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    }

    nav .wrapper .menu-icon .hamburger.hamburger-close .line:nth-child(3) {
        -webkit-transform: translateY(-12px) rotate(-45deg);
        -ms-transform: translateY(-12px) rotate(-45deg);
        -o-transform: translateY(-12px) rotate(-45deg);
        transform: translateY(-12px) rotate(-45deg);
    }

nav .mega-menu {
    width: 100%;
    background: #fff;
    position: absolute;
    z-index: 110;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    animation: fadeOut ease 0.3s 0s both;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    nav .mega-menu.open-mega-menu {
        min-height: 400px;
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        animation: fadeInDown ease 0.3s 0s both;
        box-shadow: 0px 0px 20px 0px #0000001f;
    }

    nav .mega-menu .wrapper {
        width: 85%;
        height: 100%;
        padding: 40px 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 100px;
    }

        nav .mega-menu .wrapper .logo {
            margin: unset;
        }

            nav .mega-menu .wrapper .logo img {
                max-height: 170px;
            }

        nav .mega-menu .wrapper .menu-box ul {
            list-style: none;
            padding: 0;
        }

            nav .mega-menu .wrapper .menu-box ul li a {
                color: #3D3D3D;
                transition: none;
                opacity: 1;
                margin: 15px 0;
                display: block;
                position: relative;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

            nav .mega-menu .wrapper .menu-box ul li .menu-item-main {
                color: #3D3D3D;
                margin: 15px 0;
                font-size: 22px;
                font-family: "Roboto", sans-serif;
            }

                nav .mega-menu .wrapper .menu-box ul li .menu-item-main i {
                    -webkit-transition: all 0.3s ease;
                    -moz-transition: all 0.3s ease;
                    -o-transition: all 0.3s ease;
                    -ms-transition: all 0.3s ease;
                    transition: all 0.3s ease;
                    opacity: 0;
                }

                nav .mega-menu .wrapper .menu-box ul li .menu-item-main:hover i {
                    margin-left: 0px !important;
                }

            nav .mega-menu .wrapper .menu-box ul li a.menu-item-main::before {
                display: none;
            }

            nav .mega-menu .wrapper .menu-box ul li a::before {
                position: absolute;
                top: 10px;
                left: -15%;
                transform: translate(0px, -45%);
                display: inline-block;
                content: "\f061";
                font-family: "Font Awesome 6 Free";
                font-weight: 600;
                font-size: 14px;
                opacity: 0;
            }

        nav .mega-menu .wrapper .menu-box .menu-item-main:hover {
            color: inherit;
            cursor: default;
        }

        nav .mega-menu .wrapper .menu-box ul li a:hover::before {
            left: -7%;
            opacity: 1;
        }

        nav .mega-menu .wrapper .menu-box ul li a.disabled {
            pointer-events: none;
            opacity: 0.5;
        }

        nav .mega-menu .wrapper .menu-box.view-responsive {
            display: none;
        }

nav.scrolled-nav {
    position: sticky;
    top: 0;
    /* animation: fadeInDown 0.9s ease; */
}

    nav.scrolled-nav .logo img {
        max-height: 40px;
    }

    nav.scrolled-nav .search-btn {
        top: 13px !important;
    }

        nav.scrolled-nav .search-btn.icon-change {
            top: 10px !important;
        }

.scrolled-nav .mega-menu.open-mega-menu {
    top: 60px;
}

.video-hero {
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

    .video-hero .bg-video-wrap {
        position: relative;
        overflow: hidden;
        width: 100vw;
        height: 100vh;
        background: url("../images/hero.jpg") no-repeat center center/cover;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

        .video-hero .bg-video-wrap iframe,
        .video-hero .bg-video-wrap video {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100vw;
            height: 100vh;
            transform: translate(-50%, -50%);
            pointer-events: none;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
            object-fit: cover;
        }

        .video-hero .bg-video-wrap::before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            opacity: 1;
            z-index: 1;
            background: #00000040;
            /* background: linear-gradient(180deg, #00000040 0%, #00000040 75%, #053325 100%); */
            background: linear-gradient(180deg, #00000040 0%, #00000040 75%, var(--blue) 100%);
        }

    .video-hero .hero-image-mob {
        display: none;
        padding: 70px 20px;
    }

        .video-hero .hero-image-mob::before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            opacity: 1;
            z-index: 1;
            background: #00000040;
            background: linear-gradient(180deg, #00000040 0%, #00000040 75%, #053325 100%);
        }

    .video-hero .wrapper {
        position: absolute;
        z-index: 101;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        .video-hero .wrapper h1.hero-head {
            font-size: 90px;
            color: #ffffff;
            text-shadow: 3px 3px 10px #00000036;
        }

        .video-hero .wrapper p.hero-text {
            color: #ffffff;
            width: 60%;
            margin: 0 auto;
        }

.mouse-scroll-no-bottom {
    bottom: 0 !important;
}

    .mouse-scroll-no-bottom .mouse-scroll {
        bottom: 0 !important;
    }

.mouse-scroll {
    position: absolute;
    bottom: 82px;
    left: 50%;
    z-index: 110;
    transform: translate(-50%, 0%);
}

    .mouse-scroll .mouse {
        height: 45px;
        width: 30px;
        border-radius: 30px;
        border: 2px solid #ffffff;
        margin-bottom: 3px;
    }

        .mouse-scroll .mouse .wheel {
            animation: mouse-wheel 1.5s ease infinite;
            height: 9px;
            width: 3px;
            background: #ffffff;
            margin: 3px auto;
            border-radius: 3px;
        }

    .mouse-scroll .arrows .first {
        animation-delay: 0.1s;
    }

    .mouse-scroll .arrows .second {
        animation-delay: 0.3s;
    }

    .mouse-scroll .arrows span {
        width: 9px;
        height: 9px;
        border-right: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        transform: rotate(45deg);
        display: block;
        margin: 0 auto;
        animation: mouse-scroll 2s infinite;
    }

@keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

@keyframes mouse-wheel {
    0% {
        opacity: 1;
        transform: translateY(5px);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.uni-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer;
}

.featured-header {
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .featured-header .wrapper {
        z-index: 10;
    }

        .featured-header .wrapper .container h1 {
            color: #ffffff;
            text-shadow: 3px 3px 10px #00000036;
        }

        .featured-header .wrapper .container p {
            color: #ffffff;
            text-shadow: 3px 3px 10px #00000036;
            width: 60%;
            margin: 0 auto;
        }

    .featured-header::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 1;
        z-index: 1;
        background: #00000040;
        background: linear-gradient(180deg, #00000040 0%, #00000040 75%, var(--blue) 100%);
    }

.featured-header-small {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--blue);
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 30px 0;
}

    .featured-header-small > img,
    .featured-header > img {
        width: 100%;
        max-height: 600px;
        object-fit: cover;
        object-position: center;
    }

    .featured-header-small .wrapper {
        z-index: 10;
    }

        .featured-header-small .wrapper .container {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .featured-header-small .wrapper .container h1 {
                color: #ffffff;
                text-shadow: 3px 3px 10px #00000036;
                width: 60%;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

            .featured-header-small .wrapper .container h3 {
                color: #ffffff;
                text-shadow: 3px 3px 10px #00000036;
                width: 60%;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

            .featured-header-small .wrapper .container p {
                color: #ffffff;
                text-shadow: 3px 3px 10px #00000036;
                width: 60%;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

    .featured-header-small::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 1;
        z-index: 1;
        background: #00000040;
        background: linear-gradient(180deg, #00000040 0%, #00000040 75%, var(--blue) 100%);
    }

.slick-prev,
.slick-next {
    z-index: 1;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-prev:before {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0px, -52%);
    display: inline-block;
    content: "\f053";
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    font-size: 14px;
    padding: 10px;
    background: #EF7C00;
}

.slick-next:before {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0px, -52%);
    display: inline-block;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    font-size: 14px;
    padding: 10px;
    background: #EF7C00;
}

.slider-hero {
    position: relative;
}

    .slider-hero .hero-slider .slider-bg {
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

        .slider-hero .hero-slider .slider-bg::before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            opacity: 1;
            z-index: 1;
            background: #00000040;
            background: linear-gradient(180deg, #00000040 0%, #00000040 75%, #003D7C 100%);
        }

        .slider-hero .hero-slider .slider-bg .wrapper {
            min-height: 800px;
            display: flex;
            align-items: center;
            position: relative;
            z-index: 10;
        }

            .slider-hero .hero-slider .slider-bg .wrapper h1 {
                color: #ffffff;
                text-shadow: 3px 3px 10px #00000036;
            }

            .slider-hero .hero-slider .slider-bg .wrapper p {
                color: #ffffff;
                text-shadow: 3px 3px 10px #00000036;
                width: 60%;
                margin: 0 auto;
            }

    .slider-hero .hero-slider .slick-dots {
        bottom: 10%;
        left: 5%;
        width: auto;
    }

    .slider-hero .hero-slider.slick-dotted.slick-slider {
        margin: 0;
    }

.slick-dots li {
    border-radius: 50%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    border: 1px solid #bfbfbf;
}

    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 14px;
        height: 14px;
        padding: 0px;
        cursor: pointer;
        color: transparent;
        outline: none;
        background: transparent;
        border-radius: 50%;
    }

    .slick-dots li.slick-active button {
        background: #ffffff;
    }

    .slick-dots li button:before {
        display: none;
    }

.slick-prev::before,
.slick-next::before {
    background: transparent;
    color: #EF7C00;
    font-size: 30px;
}

.slick-prev {
    left: -40px;
}

.slick-next {
    right: -40px;
}

.slick-dots {
    bottom: -40px;
}

    .slick-dots li.slick-active button {
        background: #EF7C00;
    }

.footer-section {
    background: var(--blue);
}

    .footer-section .wrapper {
        padding: 80px 0;
    }

        .footer-section .wrapper ul {
            list-style: none;
            padding: 0;
        }

            .footer-section .wrapper ul.menu-links li {
                font-family: "Roboto", sans-serif;
                font-size: 15px;
                font-weight: bold;
                margin-bottom: 10px;
                position: relative;
            }

                .footer-section .wrapper ul.menu-links li a {
                    color: #ffffff;
                }

                    .footer-section .wrapper ul.menu-links li a::before {
                        position: absolute;
                        top: 10px;
                        left: -6%;
                        transform: translate(0px, -45%);
                        display: inline-block;
                        content: "\f061";
                        font-family: "Font Awesome 6 Free";
                        font-weight: 600;
                        font-size: 14px;
                        opacity: 0;
                    }

                .footer-section .wrapper ul.menu-links li:hover a {
                    margin-left: 2px;
                    color: #EF7C00;
                }

                    .footer-section .wrapper ul.menu-links li:hover a::before {
                        left: -3%;
                        opacity: 1;
                    }

        .footer-section .wrapper .menu-title {
            color: #ffffff;
        }

        .footer-section .wrapper ul.address {
            font-size: 14px;
            color: #ffffff;
        }

            .footer-section .wrapper ul.address li {
                padding-left: 1.4rem;
                position: relative;
            }

                .footer-section .wrapper ul.address li.location::before {
                    position: absolute;
                    top: 10px;
                    left: 0px;
                    transform: translate(0px, -52%);
                    display: inline-block;
                    content: "\f3c5";
                    font-family: "Font Awesome 6 Free";
                    font-weight: 600;
                    font-size: 14px;
                }

                .footer-section .wrapper ul.address li.location:hover::before {
                    color: #EF7C00;
                }

                .footer-section .wrapper ul.address li.mail::before {
                    position: absolute;
                    top: 10px;
                    left: 0px;
                    transform: translate(0px, -52%);
                    display: inline-block;
                    content: "\f2b6";
                    font-family: "Font Awesome 6 Free";
                    font-weight: 600;
                    font-size: 14px;
                }

                .footer-section .wrapper ul.address li.mail:hover::before {
                    color: #EF7C00;
                }

        .footer-section .wrapper ul.social {
            font-size: 18px;
            display: inline-flex;
            gap: 10px;
            margin-top: 10px;
        }

            .footer-section .wrapper ul.social li a {
                color: #ffffff;
                border: 1px solid;
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                transform: rotate(0deg);
            }

            .footer-section .wrapper ul.social li:hover a {
                color: #ffffff;
                background: #EF7C00;
                border-color: #EF7C00;
                border-top-left-radius: 50%;
                border-bottom-left-radius: 50%;
                border-bottom-right-radius: 50%;
                border-top-right-radius: 3px;
                transform: rotate(-45deg);
            }

                .footer-section .wrapper ul.social li:hover a .fa-brands {
                    transform: rotate(45deg);
                }

    .footer-section .footer-end {
        background: var(--dblue);
        color: #ffffff;
        border-top: 1px solid #ffffff12;
    }

        .footer-section .footer-end .wrapper {
            align-items: center;
            padding: 18px 0;
        }

            .footer-section .footer-end .wrapper .footer-left {
                margin-right: auto;
            }

                .footer-section .footer-end .wrapper .footer-left p {
                    margin: 0;
                    font-size: 13px;
                    font-weight: 600;
                }

            .footer-section .footer-end .wrapper .footer-right {
                text-align: right;
            }

                .footer-section .footer-end .wrapper .footer-right ul {
                    margin: 0;
                    display: inline-flex;
                    text-align: left;
                }

                    .footer-section .footer-end .wrapper .footer-right ul li {
                        margin-right: 20px;
                    }

                    .footer-section .footer-end .wrapper .footer-right ul a {
                        color: #ffffff;
                        font-size: 13px;
                        padding: 0;
                        font-weight: 300;
                    }

                        .footer-section .footer-end .wrapper .footer-right ul a:hover {
                            text-decoration: underline;
                        }

.pillars .wrapper .pillar-box .pillar {
    width: 100%;
    max-width: 200px;
    border-radius: 140px;
    height: 270px;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 7px 7px 20px #00000029;
}

    .pillars .wrapper .pillar-box .pillar .pillar-grp {
        height: 100%;
        position: relative;
    }

        .pillars .wrapper .pillar-box .pillar .pillar-grp .pillar-img-grp {
            position: relative;
            height: 100%;
            background-size: 107%;
            background-repeat: no-repeat;
            background-position: center;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .pillars .wrapper .pillar-box .pillar .pillar-grp .pillar-img-grp .img-lg img {
                width: 100%;
                max-width: 140px;
                position: absolute;
                left: 20px;
                bottom: 20px;
            }

            .pillars .wrapper .pillar-box .pillar .pillar-grp .pillar-img-grp .img-sm img {
                width: 100%;
                max-width: 120px;
                position: absolute;
                right: -20px;
                top: 0;
            }

        .pillars .wrapper .pillar-box .pillar .pillar-grp .copy {
            opacity: 0;
            pointer-events: none;
            visibility: hidden;
            height: 100%;
            position: absolute;
            bottom: -500px;
            width: 100%;
            padding: 30px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .pillars .wrapper .pillar-box .pillar .pillar-grp .copy p {
                font-size: 14px;
                letter-spacing: 0.4px;
                color: #ffffff;
                font-weight: 900;
                text-shadow: 1px 1px 2px #00000085;
            }

            .pillars .wrapper .pillar-box .pillar .pillar-grp .copy a.min-link {
                color: #EF7C00;
                background: transparent;
                font-weight: 900;
                font-size: 13px;
                letter-spacing: 0.4px;
                position: relative;
            }

                .pillars .wrapper .pillar-box .pillar .pillar-grp .copy a.min-link::after {
                    position: absolute;
                    top: 50%;
                    right: -14px;
                    transform: translate(0px, -50%);
                    display: inline-block;
                    content: "\f054";
                    font-family: "Font Awesome 6 Free";
                    font-weight: 600;
                    font-size: 14px;
                }

                .pillars .wrapper .pillar-box .pillar .pillar-grp .copy a.min-link:hover {
                    opacity: 0.7;
                }

                    .pillars .wrapper .pillar-box .pillar .pillar-grp .copy a.min-link:hover::after {
                        right: -20px;
                    }

    .pillars .wrapper .pillar-box .pillar.orangegrad {
        background: #EF7C00;
        background: linear-gradient(0deg, #ffd793 20%, #cf7d08 100%);
    }

        .pillars .wrapper .pillar-box .pillar.orangegrad .pillar-grp .copy {
            background: #EF7C00;
            background: linear-gradient(0deg, #ffd793 20%, #cf7d08 100%);
        }

    .pillars .wrapper .pillar-box .pillar.greengrad {
        background: #053325;
        background: linear-gradient(0deg, #5d8076 0%, #002d1e 100%);
    }

        .pillars .wrapper .pillar-box .pillar.greengrad .pillar-grp .copy {
            background: #053325;
            background: linear-gradient(0deg, #5d8076 0%, #002d1e 100%);
        }

    .pillars .wrapper .pillar-box .pillar.bluegrad {
        background: #003D7C;
        background: linear-gradient(0deg, #80afec 0%, #80afec 0.08%, #003d7c 100%);
    }

        .pillars .wrapper .pillar-box .pillar.bluegrad .pillar-grp .copy {
            background: #003D7C;
            background: linear-gradient(0deg, #80afec 0%, #80afec 0.08%, #003d7c 100%);
        }

    .pillars .wrapper .pillar-box .pillar.yellowgrad {
        background: #B99D1E;
        background: linear-gradient(0deg, #f7e79f 0%, #bc9e1f 100%);
    }

        .pillars .wrapper .pillar-box .pillar.yellowgrad .pillar-grp .copy {
            background: #B99D1E;
            background: linear-gradient(0deg, #f7e79f 0%, #bc9e1f 100%);
        }

    .pillars .wrapper .pillar-box .pillar.pinkgrad {
        background: #B88084;
        background: linear-gradient(0deg, #eab9c2 0%, #bb8087 100%);
    }

        .pillars .wrapper .pillar-box .pillar.pinkgrad .pillar-grp .copy {
            background: #B88084;
            background: linear-gradient(0deg, #eab9c2 0%, #bb8087 100%);
        }

    .pillars .wrapper .pillar-box .pillar.lightgreengrad {
        background: #2D653E;
        background: linear-gradient(0deg, #91af99 0%, #2d653e 100%);
    }

        .pillars .wrapper .pillar-box .pillar.lightgreengrad .pillar-grp .copy {
            background: #2D653E;
            background: linear-gradient(0deg, #91af99 0%, #2d653e 100%);
        }

    .pillars .wrapper .pillar-box .pillar.maroongrad {
        background: #801940;
        background: linear-gradient(0deg, #b293a1 0%, #801940 100%);
    }

        .pillars .wrapper .pillar-box .pillar.maroongrad .pillar-grp .copy {
            background: #801940;
            background: linear-gradient(0deg, #b293a1 0%, #801940 100%);
        }

    .pillars .wrapper .pillar-box .pillar.greengrad2 {
        background: #28663F;
        background: linear-gradient(0deg, #053325 0%, #28663F 100%);
    }

        .pillars .wrapper .pillar-box .pillar.greengrad2 .pillar-grp .copy {
            background: #28663F;
            background: linear-gradient(0deg, #053325 0%, #28663F 100%);
        }

    .pillars .wrapper .pillar-box .pillar.orangegrad2 {
        background: #F5821F;
        background: linear-gradient(0deg, #053325 0%, #F5821F 100%);
    }

        .pillars .wrapper .pillar-box .pillar.orangegrad2 .pillar-grp .copy {
            background: #F5821F;
            background: linear-gradient(0deg, #053325 0%, #F5821F 100%);
        }

    .pillars .wrapper .pillar-box .pillar.bluegrad2 {
        background: #004183;
        background: linear-gradient(0deg, #053325 0%, #004183 100%);
    }

        .pillars .wrapper .pillar-box .pillar.bluegrad2 .pillar-grp .copy {
            background: #004183;
            background: linear-gradient(0deg, #053325 0%, #004183 100%);
        }

    .pillars .wrapper .pillar-box .pillar.pinkgrad2 {
        background: #B98086;
        background: linear-gradient(0deg, #053325 0%, #B98086 100%);
    }

        .pillars .wrapper .pillar-box .pillar.pinkgrad2 .pillar-grp .copy {
            background: #B98086;
            background: linear-gradient(0deg, #053325 0%, #B98086 100%);
        }

    .pillars .wrapper .pillar-box .pillar.yellowgrad2 {
        background: #BA9E30;
        background: linear-gradient(0deg, #053325 0%, #BA9E30 100%);
    }

        .pillars .wrapper .pillar-box .pillar.yellowgrad2 .pillar-grp .copy {
            background: #BA9E30;
            background: linear-gradient(0deg, #053325 0%, #BA9E30 100%);
        }

    .pillars .wrapper .pillar-box .pillar:hover .pillar-grp .copy {
        opacity: 0.97;
        visibility: visible;
        pointer-events: auto;
        bottom: 0;
    }

.pillars .wrapper .pillar-box .pillar-title {
    text-align: center;
    width: auto;
    margin: 0 auto;
    margin-top: 30px;
}

    .pillars .wrapper .pillar-box .pillar-title h5 {
        font-family: "Roboto", sans-serif;
        line-height: 1.4;
        text-transform: uppercase;
        font-size: 20px;
    }

.pillars .wrapper .pillar-box:hover .pillar .pillar-grp .pillar-img-grp {
    background-size: 115%;
    transform: rotate(5deg);
}

.pillars .pillar-slider .slick-dots li.slick-active button {
    background: #EF7C00;
}

.pillars .pillar-slider .slick-list {
    padding: 0 0 0 0 !important;
}

.title-section {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;
}

    .title-section p {
        /*width: 60%;*/
        margin: 0 auto;
        margin-bottom: 20px;
    }

.see-the-possibility-container {
    background-image: url(../images/cta-bg.jpg);
}

.cta {
    padding: 0;
    position: relative;
    /*margin-top: 100px;*/
    min-height: 500px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .cta > img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .cta .cta-image {
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        display: flex;
        align-items: end;
        min-height: 840px;
    }

    .cta .title-section {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 0px 30px;
    }

        .cta .title-section .main-title {
            text-shadow: 3px 3px 10px #00000036;
            text-transform: uppercase;
            /* font-size: 54px; */
            font-size: clamp(1.75rem, 1.425rem + 1.625vw, 3.375rem);
            max-width: 80%;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        .cta .title-section .para {
            margin-bottom: 30px;
        }

        .cta .title-section .btn-box {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
        }

            .cta .title-section .btn-box .btn:hover {
                color: #ffffff;
            }

.dual-sides {
    position: relative;
}

    .dual-sides .wrapper {
        position: relative;
    }

        .dual-sides .wrapper .image-grid {
            max-width: 650px;
        }

            .dual-sides .wrapper .image-grid img {
                width: 100%;
                max-height: 210px;
                object-fit: cover;
            }

            .dual-sides .wrapper .image-grid .row {
                gap: 15px;
                margin-bottom: 15px;
            }

    .dual-sides.annual-giving .text-box {
        padding: 0;
        width: 80%;
    }

.text-box {
    padding: 0px 50px;
}

.bt-lr {
    border-top-left-radius: 80px !important;
}

.bt-rr {
    border-top-right-radius: 80px !important;
}

.bb-lr {
    border-bottom-left-radius: 80px !important;
}

.bb-rr {
    border-bottom-right-radius: 80px !important;
}

.sm-bt-lr {
    border-top-left-radius: 10px !important;
}

.sm-bt-rr {
    border-top-right-radius: 10px !important;
}

.sm-bb-lr {
    border-bottom-left-radius: 10px !important;
}

.sm-bb-rr {
    border-bottom-right-radius: 10px !important;
}

.white-bottom-grad {
    position: relative;
}

    .white-bottom-grad::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 1;
        z-index: 0;
        left: 0;
        background: #ffffff2e;
        background: linear-gradient(180deg, #00000000 0%, #00000000 30%, #ffffff 140%);
    }

.white-top-grad {
    position: relative;
}

    .white-top-grad::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 1;
        z-index: 0;
        background: #ffffff2e;
        /* background: linear-gradient(180deg, #0733259e -20%, #07332500 30%, #ffffff00 100%); */
        background: linear-gradient(180deg, #003D7C9e -20%, #07332500 30%, #ffffff00 100%);
    }



.news-box {
    min-height: 400px;
    display: flex;
    align-items: flex-end;
    background-size: cover;
    background-repeat: no-repeat;
    /*background-position: top;*/
    position: relative;
    box-shadow: 0px 0px 0px 1px #00000014;
    border-radius: 10px;
    margin: 0 5px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .news-box::before {
        content: "";
        position: absolute;
        background: #0000008a;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #0000009e 100%);
        border-radius: 10px;
        width: 100%;
        height: 100%;
    }

    .news-box .news-content-box {
        padding: 30px 30px 30px 30px;
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: flex-end;
        padding-bottom: 10px;
        width: 100%;
    }

        .news-box .news-content-box .news-top .news-heading {
            color: #ffffff;
            margin-bottom: 10px;
            font-size: 20px;
            display: inline-block;
            position: relative;
        }

            .news-box .news-content-box .news-top .news-heading::after {
                position: absolute;
                top: 50%;
                right: -20px;
                transform: translate(0px, -50%);
                display: inline-block;
                content: "\f054";
                font-family: "Font Awesome 6 Free";
                font-weight: 600;
                font-size: 17px;
            }

        .news-box .news-content-box .news-top .news-copy {
            color: #ffffff;
            max-height: 60px;
            overflow: hidden;
            font-size: 15px;
            padding-right: 10px !important;
            z-index: 4;
            position: relative;
        }

    .news-box:hover::before {
        background: #000000ad;
    }

    .news-box:hover .news-content-box .news-top .news-heading {
        color: #EF7C00;
    }

        .news-box:hover .news-content-box .news-top .news-heading::after {
            right: -30px;
        }

    .news-box:hover .news-content-box .news-top .news-copy {
        overflow-y: auto;
    }

.publication-slider-report .news-box {
    min-height: 500px;
}

.magazines .news-box {
    min-height: 500px;
}

.books .news-box {
    min-height: 500px;
}

.news-copy::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 10px;
    background-color: #ffffff38;
}

.news-copy::-webkit-scrollbar {
    width: 3px;
    background-color: transparent;
}

.news-copy::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: none;
    background-color: #fff;
}

.progress-bar-section {
    position: relative;
}

    .progress-bar-section .wrapper {
        padding-top: 0px;
    }

        .progress-bar-section .wrapper .progress-bar-box {
            border: 1px solid #053325;
            border-radius: 50px;
            padding: 50px 100px 50px 100px;
        }

            .progress-bar-section .wrapper .progress-bar-box h2 {
                margin-bottom: 100px;
            }

            .progress-bar-section .wrapper .progress-bar-box .subtext {
                color: #7E7E7E;
                text-transform: uppercase;
                font-size: 50px;
            }

                .progress-bar-section .wrapper .progress-bar-box .subtext span {
                    font-family: "Roboto", sans-serif;
                }

            .progress-bar-section .wrapper .progress-bar-box .progress-bar-item {
                margin-bottom: 90px;
            }

                .progress-bar-section .wrapper .progress-bar-box .progress-bar-item #number-drop-progress {
                    width: 100%;
                    background-color: #05332542;
                    border-radius: 50px;
                }

                .progress-bar-section .wrapper .progress-bar-box .progress-bar-item .number-drop {
                    width: 0%;
                    height: 40px;
                    background: linear-gradient(90deg, #2d653e 0%, #17331f 100%);
                    border-radius: 50px;
                }

                    .progress-bar-section .wrapper .progress-bar-box .progress-bar-item .number-drop .drop {
                        background: url(../images/drop-count.svg);
                        width: 100px;
                        height: 200px;
                        position: relative;
                        font-weight: 900;
                        color: #fff;
                        padding: 15px;
                        top: -80px;
                        left: 90%;
                        z-index: 60;
                        background-size: 100px;
                        background-repeat: no-repeat;
                        background-position: 0px 0px;
                        text-align: center;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex-direction: column;
                        line-height: 1.2;
                    }

                        .progress-bar-section .wrapper .progress-bar-box .progress-bar-item .number-drop .drop .number-box {
                            font-size: 33px;
                            font-weight: 900;
                            display: flex;
                        }

                        .progress-bar-section .wrapper .progress-bar-box .progress-bar-item .number-drop .drop .text {
                            text-transform: uppercase;
                            font-size: 12px;
                        }

            .progress-bar-section .wrapper .progress-bar-box .camp-stats p {
                margin-bottom: 10px;
            }

                .progress-bar-section .wrapper .progress-bar-box .camp-stats p span {
                    font-family: "Roboto", sans-serif;
                }

            .progress-bar-section .wrapper .progress-bar-box .btn-box {
                margin-top: 20px;
            }

                .progress-bar-section .wrapper .progress-bar-box .btn-box a {
                    color: #5C5C5C;
                }

                    .progress-bar-section .wrapper .progress-bar-box .btn-box a:hover {
                        color: #ffffff;
                    }

.parallax .wrapper {
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    color: #ffffff;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

    .parallax .wrapper::before {
        content: "";
        width: 100%;
        height: 100%;
        background: #000000;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0.2;
        border-top-left-radius: 100px;
        border-bottom-right-radius: 100px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .parallax .wrapper .btn-box {
        position: relative;
    }

.connect-withus .wrapper .social-icons {
    text-align: center;
}

    .connect-withus .wrapper .social-icons ul {
        list-style: none;
        display: inline-flex;
        padding: 0;
        font-size: 30px;
        gap: 30px;
    }

        .connect-withus .wrapper .social-icons ul.social {
            font-size: 30px;
            display: inline-flex;
            gap: 20px;
            margin-top: 10px;
        }

            .connect-withus .wrapper .social-icons ul.social li a {
                color: #3D3D3D;
                border: 1px solid;
                width: 60px;
                height: 60px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                transform: rotate(0deg);
            }

            .connect-withus .wrapper .social-icons ul.social li:hover a {
                color: #ffffff;
                background: #EF7C00;
                border-color: #EF7C00;
                border-top-left-radius: 50%;
                border-bottom-left-radius: 50%;
                border-bottom-right-radius: 50%;
                border-top-right-radius: 3px;
                transform: rotate(-45deg);
            }

                .connect-withus .wrapper .social-icons ul.social li:hover a .fa-brands {
                    transform: rotate(45deg);
                }

.connect-withus .wrapper .title-section {
    margin-bottom: 30px;
}

.social-wall .wrapper {
    padding-top: 0;
}

    .social-wall .wrapper .social-box {
        background: #F5F5F5;
        padding: 30px;
        margin: 0 8px;
    }

        .social-wall .wrapper .social-box .profile {
            display: flex;
            gap: 10px;
        }

            .social-wall .wrapper .social-box .profile .profile-img {
                width: 50px;
                height: 50px;
                object-fit: cover;
            }

                .social-wall .wrapper .social-box .profile .profile-img img {
                    width: 100%;
                    border-radius: 50%;
                }

            .social-wall .wrapper .social-box .profile .profile-details .name {
                font-size: 16px;
                margin: 0;
                text-transform: uppercase;
            }

            .social-wall .wrapper .social-box .profile .profile-details .time {
                color: #7B7B7B;
                font-size: 13px;
                margin-top: 3px;
                font-weight: 600;
            }

        .social-wall .wrapper .social-box .description p {
            font-size: 15px;
            font-weight: 600;
        }

        .social-wall .wrapper .social-box .display-pic {
            width: 100%;
            position: relative;
        }

            .social-wall .wrapper .social-box .display-pic img {
                width: 100%;
                max-height: 190px;
                object-fit: cover;
                object-position: top;
            }

        .social-wall .wrapper .social-box .share-box {
            margin-top: 30px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .social-wall .wrapper .social-box .share-box .likes a {
                color: #070707;
                display: flex;
                align-items: center;
                gap: 6px;
                font-size: 14px;
            }

                .social-wall .wrapper .social-box .share-box .likes a i {
                    font-size: 15px;
                    -webkit-transition: all 0.3s ease;
                    -moz-transition: all 0.3s ease;
                    -o-transition: all 0.3s ease;
                    -ms-transition: all 0.3s ease;
                    transition: all 0.3s ease;
                }

                .social-wall .wrapper .social-box .share-box .likes a:hover {
                    opacity: 0.7;
                }

                    .social-wall .wrapper .social-box .share-box .likes a:hover i {
                        transform: scale(1.4);
                    }

            .social-wall .wrapper .social-box .share-box .comments a {
                color: #070707;
                display: flex;
                align-items: center;
                gap: 6px;
                font-size: 14px;
            }

                .social-wall .wrapper .social-box .share-box .comments a i {
                    font-size: 15px;
                    -webkit-transition: all 0.3s ease;
                    -moz-transition: all 0.3s ease;
                    -o-transition: all 0.3s ease;
                    -ms-transition: all 0.3s ease;
                    transition: all 0.3s ease;
                }

                .social-wall .wrapper .social-box .share-box .comments a:hover {
                    opacity: 0.7;
                }

                    .social-wall .wrapper .social-box .share-box .comments a:hover i {
                        transform: scale(1.4);
                    }

            .social-wall .wrapper .social-box .share-box .shares a {
                color: #070707;
                display: flex;
                align-items: center;
                gap: 6px;
                font-size: 14px;
            }

                .social-wall .wrapper .social-box .share-box .shares a i {
                    font-size: 15px;
                    -webkit-transition: all 0.3s ease;
                    -moz-transition: all 0.3s ease;
                    -o-transition: all 0.3s ease;
                    -ms-transition: all 0.3s ease;
                    transition: all 0.3s ease;
                }

                .social-wall .wrapper .social-box .share-box .shares a:hover {
                    opacity: 0.7;
                }

                    .social-wall .wrapper .social-box .share-box .shares a:hover i {
                        transform: scale(1.4);
                    }

.float-elements {
    display: flex;
    align-items: end;
    justify-content: end;
    position: relative;
}

    .float-elements img {
        max-width: 200px;
        position: absolute;
    }

    .float-elements.float-elements1 {
        top: 600px;
    }

        .float-elements.float-elements1 .element1 {
            right: 100px;
            width: 100px;
        }

        .float-elements.float-elements1 .element2 {
            right: 0px;
            top: 40px;
            width: 100px;
        }

    .float-elements.float-elements2 {
        top: 700px;
    }

        .float-elements.float-elements2 .element1 {
            left: -50px;
            bottom: -800px;
            width: 110px;
        }

        .float-elements.float-elements2 .element2 {
            right: -60px;
            top: -60px;
            width: 150px;
        }

    .float-elements.float-elements3 {
        top: 0;
    }

        .float-elements.float-elements3 .element1 {
            left: 100px;
            top: 450px;
            width: 50px;
        }

        .float-elements.float-elements3 .element2 {
            left: 250px;
            top: 180px;
            width: 250px;
        }

        .float-elements.float-elements3 .element3 {
            right: 100px;
            top: 250px;
            width: 70px;
        }

        .float-elements.float-elements3 .element4 {
            right: 0;
            top: 500px;
            width: 30px;
        }

    .float-elements.float-elements4 {
        top: 0;
    }

        .float-elements.float-elements4 .element1 {
            right: 0;
            top: -180px;
            width: 70px;
        }

        .float-elements.float-elements4 .element2 {
            right: -50px;
            top: -40px;
            width: 180px;
        }

        .float-elements.float-elements4 .element3 {
            right: 130px;
            top: -150px;
            width: 140px;
        }

        .float-elements.float-elements4 .element4 {
            right: 260px;
            top: 30px;
            width: 70px;
        }

    .float-elements.float-elements5 {
        top: 0;
    }

        .float-elements.float-elements5 .element1 {
            left: 10%;
            top: 140px;
            width: 100px;
        }

        .float-elements.float-elements5 .element2 {
            right: 13%;
            top: 70px;
            width: 60px;
        }

        .float-elements.float-elements5 .element3 {
            right: 6%;
            top: 200px;
            width: 200px;
        }

        .float-elements.float-elements5.scholarships .element1 {
            left: -60px;
            top: 140px;
            width: 200px;
        }

        .float-elements.float-elements5.scholarships .element2 {
            right: 13%;
            top: 100px;
            width: 100px;
        }

        .float-elements.float-elements5.scholarships .element3 {
            right: 6%;
            top: 300px;
            width: 200px;
        }

    .float-elements.float-elements6 {
        top: 600px;
    }

        .float-elements.float-elements6 .element1 {
            right: 190px;
            width: 100px;
        }

    .float-elements.float-elements7 {
        top: 600px;
    }

        .float-elements.float-elements7 .element1 {
            left: 0px;
            top: -110px;
            width: 100px;
        }

        .float-elements.float-elements7 .element2 {
            right: 80px;
            top: -50px;
            width: 150px;
        }

    .float-elements.float-elements8 {
        top: 600px;
    }

        .float-elements.float-elements8 .element1 {
            right: 240px;
            width: 80px;
        }

        .float-elements.float-elements8 .element2 {
            right: 100px;
            top: 40px;
            width: 130px;
        }

    .float-elements.float-elements9 {
        top: 400px;
    }

        .float-elements.float-elements9 .element1 {
            right: 240px;
            width: 80px;
        }

        .float-elements.float-elements9 .element2 {
            right: 100px;
            top: 40px;
            width: 130px;
        }

    .float-elements.float-elements10 {
        top: 200px;
    }

        .float-elements.float-elements10 .element1 {
            right: 240px;
            top: -50px;
            width: 110px;
        }

        .float-elements.float-elements10 .element2 {
            right: 400px;
            top: 140px;
            width: 80px;
        }

        .float-elements.float-elements10 .element3 {
            right: 100px;
            top: 240px;
            width: 90px;
        }

.inspiration {
    display: flex;
    gap: 0;
    /*min-height: 700px;*/
}

    .inspiration .inspiration-slider-main {
        width: 50%;
    }

        .inspiration .inspiration-slider-main .insp-slider-box .video-box {
            height: 500px;
        }

        .inspiration .inspiration-slider-main .insp-slider-box .VideoPlay_InspirationList {
            height: auto !important;
            position: relative;
        }

.VideoPlay_InspirationList #videoIframe {
    position: absolute;
    top: 0;
    left: 0;
}

.inspiration .inspiration-slider-main .insp-slider-box .description-box {
    background: #B99D1E;
    padding: 40px;
    text-align: center;
    color: #ffffff;
}

    .inspiration .inspiration-slider-main .insp-slider-box .description-box .sub-title {
        text-transform: uppercase;
    }

    .inspiration .inspiration-slider-main .insp-slider-box .description-box .copy {
        margin-bottom: 0;
    }

.inspiration .inspiration-slider-nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 100px;
    width: 50%;
    row-gap: 10px;
}

    .inspiration .inspiration-slider-nav h4 {
        font-family: "Roboto", sans-serif;
    }

    .inspiration .inspiration-slider-nav .insp-slider-box {
        display: flex;
        gap: 20px;
        margin-bottom: 30px;
        cursor: pointer;
    }

        .inspiration .inspiration-slider-nav .insp-slider-box .thump-box {
            position: relative;
            flex: 1;
            max-height: 100px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .inspiration .inspiration-slider-nav .insp-slider-box .thump-box::before {
                content: "";
                background: url("../images/play.svg");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 70px;
                position: absolute;
                height: 100%;
                width: 100%;
            }

            .inspiration .inspiration-slider-nav .insp-slider-box .thump-box img {
                min-width: 140px;
                height: 100%;
                width: 100%;
                object-fit: cover;
            }

        .inspiration .inspiration-slider-nav .insp-slider-box .description-box {
            flex: 4;
        }

            .inspiration .inspiration-slider-nav .insp-slider-box .description-box .title {
                font-size: 22px;
                margin-bottom: 10px;
            }

            .inspiration .inspiration-slider-nav .insp-slider-box .description-box .copy {
                font-size: 15px;
                margin: 0;
                color: #333;
                text-overflow: ellipsis;
                overflow: hidden;
                width: 370px;
                height: auto;
                white-space: nowrap;
            }

            .inspiration .inspiration-slider-nav .insp-slider-box .description-box p {
                font-size: 15px;
                margin: 0;
                color: #333;
                text-overflow: ellipsis;
                overflow: hidden;
                width: 370px;
                height: auto;
                white-space: nowrap;
            }

        .inspiration .inspiration-slider-nav .insp-slider-box:hover .thump-box {
            opacity: 0.8;
        }

    .inspiration .inspiration-slider-nav .slick-slider .slick-list {
        height: 500px;
        overflow: hidden;
        overflow-y: scroll;
    }

    .inspiration .inspiration-slider-nav .slick-vertical .slick-slide {
        padding-right: 50px;
    }

    .inspiration .inspiration-slider-nav .slick-slider .slick-list::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        border-radius: 10px;
        background-color: #ffffff38;
    }

    .inspiration .inspiration-slider-nav .slick-slider .slick-list::-webkit-scrollbar {
        width: 3px;
        background-color: transparent;
    }

    .inspiration .inspiration-slider-nav .slick-slider .slick-list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: none;
        background-color: #000;
    }

.testimonials .wrapper .testimonial-box {
    position: relative;
    border: 1px solid #053325;
    border-radius: 50px;
    padding: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 80px;
    width: 85%;
    margin: 0 auto;
}

    .testimonials .wrapper .testimonial-box .testimonial {
        text-align: center;
        font-size: 30px;
        font-style: italic;
        line-height: 1.3;
        margin: 0;
    }

        .testimonials .wrapper .testimonial-box .testimonial::before,
        .testimonials .wrapper .testimonial-box .testimonial::after {
            content: "";
            background-image: url("../images/quote.svg");
            background-repeat: no-repeat;
            background-size: 100px;
            position: absolute;
            width: 100px;
            height: 100px;
            z-index: -1;
        }

        .testimonials .wrapper .testimonial-box .testimonial::before {
            left: -120px;
            top: -30px;
            transform: rotate(180deg);
        }

        .testimonials .wrapper .testimonial-box .testimonial::after {
            right: -120px;
            top: -30px;
            transform: rotate(180deg) scaleX(-1);
        }

    .testimonials .wrapper .testimonial-box .user {
        display: flex;
        gap: 10px;
        align-items: center;
    }

        .testimonials .wrapper .testimonial-box .user .image img {
            height: 80px;
            width: 80px;
            object-fit: cover;
            border-radius: 50%;
            border: 2px solid transparent;
            transform: scale(0.8);
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .testimonials .wrapper .testimonial-box .user .user-details h5 {
            margin-bottom: 5px;
            font-size: 18px;
        }

        .testimonials .wrapper .testimonial-box .user .user-details p {
            margin: 0;
            font-size: 15px;
        }

    .testimonials .wrapper .testimonial-box:hover .testimonial::before {
        transform: rotate(170deg);
    }

    .testimonials .wrapper .testimonial-box:hover .testimonial::after {
        transform: rotate(190deg) scaleX(-1);
    }

    .testimonials .wrapper .testimonial-box:hover .user .image img {
        transform: scale(1);
    }

.stories .wrapper {
    position: relative;
}

    .stories .wrapper .tabs .nav {
        justify-content: center;
        row-gap: 20px;
    }

        .stories .wrapper .tabs .nav.nav-pills .nav-item {
            border-bottom: 2px solid #69696924;
            padding-bottom: 5px;
        }

            .stories .wrapper .tabs .nav.nav-pills .nav-item:last-child {
                padding-right: 0;
            }

            .stories .wrapper .tabs .nav.nav-pills .nav-item .nav-link {
                border-radius: 0;
                background: transparent;
                padding: 0 0px;
                margin: 0 20px;
                color: #7E7E7E;
                font-size: 18px;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

                .stories .wrapper .tabs .nav.nav-pills .nav-item .nav-link.active {
                    color: var(--blue);
                    border-bottom: 2px solid #EF7C00;
                    margin-bottom: -10px;
                    padding-bottom: 5px;
                    font-weight: 800;
                }

                .stories .wrapper .tabs .nav.nav-pills .nav-item .nav-link:hover {
                    border-bottom: 2px solid #EF7C00;
                    margin-bottom: -10px;
                    padding-bottom: 5px;
                }

            .stories .wrapper .tabs .nav.nav-pills .nav-item:first-child .nav-link {
                margin-left: 0;
            }

            .stories .wrapper .tabs .nav.nav-pills .nav-item:last-child .nav-link {
                margin-right: 0;
            }

    .stories .wrapper .tabs .tab-content {
        padding: 30px 0;
    }

        .stories .wrapper .tabs .tab-content .stories-news-box {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            width: 80%;
            margin: 0 auto;
            gap: 15px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .stories .wrapper .tabs .tab-content .stories-news-box .news-box {
                margin: 0;
            }

                .stories .wrapper .tabs .tab-content .stories-news-box .news-box.video {
                    position: relative;
                }

                    .stories .wrapper .tabs .tab-content .stories-news-box .news-box.video::after {
                        content: "";
                        background: url("../images/play.svg");
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: 120px;
                        position: absolute;
                        height: 100%;
                        width: 100%;
                    }

            .stories .wrapper .tabs .tab-content .stories-news-box.stories-three-col {
                grid-template-columns: repeat(3, 1fr);
                width: 90%;
                gap: 15px;
            }

                .stories .wrapper .tabs .tab-content .stories-news-box.stories-three-col .news-box:first-child {
                    grid-column-start: 1;
                    grid-column-end: 3;
                }

.give-students-box .students-article {
    position: relative;
}

@media (min-width: 992px) {
    .blogGiveToStudentList .give-to-students {
    }

        .blogGiveToStudentList .give-to-students:after,
        .blogGiveToStudentList .give-to-students:before {
            content: "";
            position: absolute;
            top: 50px;
            height: 400px;
            width: 200px;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
        }

        .blogGiveToStudentList .give-to-students:after {
            right: 0;
        }

        .blogGiveToStudentList .give-to-students:before {
            left: 0;
        }

        .blogGiveToStudentList .give-to-students.BURSARIES:before {
            background-image: url(../images/environment.png);
            background-size: 100px;
        }

        .blogGiveToStudentList .give-to-students.BURSARIES:after {
            background-image: url(../images/duke2.png);
        }

        .blogGiveToStudentList .give-to-students.SCHOLARSHIPS:before {
            background-image: url(../images/yale.png);
        }

        .blogGiveToStudentList .give-to-students.SCHOLARSHIPS:after {
            background-image: url(../images/yale3.png);
        }

        .blogGiveToStudentList .give-to-students.PROGRAMMES:before {
            background-image: url(../images/design-environment.png);
            background-size: 100px;
        }

        .blogGiveToStudentList .give-to-students.PROGRAMMES:after {
            background-image: url(../images/yale4.png);
        }

        .blogGiveToStudentList .give-to-students.PREPARING:before {
            background-image: url(../images/integrative.png);
            background-size: 100px;
        }

        .blogGiveToStudentList .give-to-students.PREPARING:after {
            background-image: url(../images/pillar6.png);
        }
}

.stories.greenbg {
    background: var(--blue);
    background: linear-gradient(0deg, #ffffff 0%, #003D7C8a 3%, #003D7Ce0 23%, #003D7C 50%);
}

    .stories.greenbg .wrapper .nav.nav-pills .nav-item {
        border-bottom: 2px solid #ffffff24;
    }

        .stories.greenbg .wrapper .nav.nav-pills .nav-item .nav-link {
            color: #ffffff;
            opacity: 0.5;
        }

            .stories.greenbg .wrapper .nav.nav-pills .nav-item .nav-link.active {
                opacity: 1;
                color: #ffffff;
            }

.stories.greentab .wrapper .nav.nav-pills .nav-item {
    border-bottom: 2px solid #ffffff24;
}

    .stories.greentab .wrapper .nav.nav-pills .nav-item .nav-link {
        color: #ffffff;
        opacity: 0.5;
    }

        .stories.greentab .wrapper .nav.nav-pills .nav-item .nav-link.active {
            opacity: 1;
            color: #ffffff;
        }

.more-news-slider .slick-dots {
    display: none;
}

.video-pop-sec {
    padding-bottom: 0;
}

    .video-pop-sec .text-box {
        width: 60%;
        margin: 0 auto;
    }

    .video-pop-sec .video-pop {
        position: relative;
        text-align: center;
        margin: 0 auto;
        margin-top: 60px;
        width: 90%;
        overflow: hidden;
        border-radius: 10px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .video-pop-sec .video-pop .pop-image {
            height: auto;
            overflow: hidden;
            position: relative;
        }

            .video-pop-sec .video-pop .pop-image img {
                border-radius: 40px;
            }

            .video-pop-sec .video-pop .pop-image::before {
                content: "";
                background: url("../images/play.svg");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 130px;
                position: absolute;
                height: 100%;
                width: 100%;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }

        .video-pop-sec .video-pop:hover .pop-image::before {
            background-size: 150px;
        }

.popup {
    background: #ffffff;
    padding: 0px;
    text-align: left;
    max-width: 60%;
    margin: 40px auto;
    position: relative;
    display: flex;
}

.mfp-close-btn-in .mfp-close {
    color: #ffffff !important;
    background: #EF7C00;
    opacity: 1;
    font-size: 40px;
    right: 0px;
    top: -46px;
    border-radius: 0px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .mfp-close-btn-in .mfp-close:hover {
        background: #2D653E;
    }

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

.article-header {
    /*background-position: top;*/
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 600px;
    display: flex;
    align-items: end;
    justify-content: center;
    position: relative;
}

    .article-header .wrapper {
        z-index: 10;
    }

        .article-header .wrapper .content-bottom {
            display: flex;
        }

            .article-header .wrapper .content-bottom .left-side {
                padding-right: 100px;
            }

                .article-header .wrapper .content-bottom .left-side h3 {
                    color: #ffffff;
                }

                    .article-header .wrapper .content-bottom .left-side h3 span {
                        display: block;
                    }

                        .article-header .wrapper .content-bottom .left-side h3 span.main-title {
                            text-transform: uppercase;
                            font-family: "Roboto", sans-serif;
                            margin-bottom: 3px;
                        }

    .article-header::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 1;
        z-index: 1;
        background: black;
        background: linear-gradient(180deg, #00000000 0%, #053325 100%);
    }

    .article-header .mouse-scroll {
        display: none;
    }

.share-btn .btn {
    padding: 13px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
}

    .share-btn .btn i {
        font-size: 25px;
        margin-right: 10px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .share-btn .btn:hover i {
        transform: rotate(180deg);
    }

.article-body .wrapper {
    z-index: 2;
    position: relative;
}

    .article-body .wrapper .body-box {
        width: 70%;
        padding: 50px 100px;
    }

        .article-body .wrapper .body-box .date {
            display: block;
            font-size: 17px;
            margin-bottom: 100px;
            color: #053325;
        }

        .article-body .wrapper .body-box p {
            color: #737373;
            font-family: "Roboto", sans-serif;
        }

        .article-body .wrapper .body-box img {
            width: 100%;
            height: auto;
            margin: 50px 0;
            border-radius: 10px;
        }

.green-top-grad {
    position: relative;
}

    .green-top-grad::before {
        content: "";
        width: 100%;
        height: 250px;
        position: absolute;
        opacity: 1;
        z-index: 1;
        background: rgba(0, 0, 0, 0.6);
        background: linear-gradient(0deg, #ffffff00 0%, #053325 100%);
    }

.related-articles h5 {
    font-size: 20px;
    margin-left: 10px;
}

.related-articles .related-article-section .related-article-box {
    position: relative;
    margin: 0 10px;
}

    .related-articles .related-article-section .related-article-box .image-box {
        margin-bottom: 20px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .related-articles .related-article-section .related-article-box .image-box img {
            width: 100%;
            min-height: 130px;
            max-height: 200px;
            object-fit: cover;
            border-radius: 10px;
        }

.NewsArticleList {
    position: relative;
}

    .NewsArticleList > img {
        position: absolute;
        top: 0;
        left: 0;
        max-height: 100% !important;
    }

@media (max-width: 1030px) {
    .related-articles .related-article-section .related-article-box .image-box img {
        min-height: 180px;
    }
}

.related-articles .related-article-section .related-article-box p {
    font-size: 15px;
    color: #8B8B8B;
    font-weight: 600;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.related-articles .related-article-section .related-article-box:hover .image-box {
    opacity: 0.8;
}

.related-articles .related-article-section .related-article-box:hover p {
    color: #EF7C00;
}

.credit-card-box {
    z-index: 1;
    position: relative;
}

    .credit-card-box img {
        position: absolute;
    }

        .credit-card-box img.credit-card {
            top: -400px;
            right: 0;
            width: 600px;
        }

        .credit-card-box img.coin1 {
            top: 0;
            right: 500px;
            width: 100px;
            z-index: 4;
        }

        .credit-card-box img.coin2 {
            right: 700px;
            top: 0;
            width: 80px;
        }

.accordions {
    position: relative;
}

    .accordions .accordion .accordion-item {
        margin-bottom: 10px;
        border-radius: 10px;
        border: 1px solid #EF7C00;
        background: #ffffff7a;
    }

        .accordions .accordion .accordion-item .accordion-header .accordion-button {
            border-radius: 10px;
            box-shadow: none;
            font-size: 17px;
            color: #5C5C5C;
            font-family: "Roboto", sans-serif;
        }

            .accordions .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
                background: transparent;
                border-radius: 8px 8px 0 0;
            }

            .accordions .accordion .accordion-item .accordion-header .accordion-button::after {
                color: #5C5C5C;
                background-image: url("../images/arrow.svg");
            }

        .accordions .accordion .accordion-item .accordion-body {
            padding: 20px 40px;
        }

            .accordions .accordion .accordion-item .accordion-body .accord-inner-left {
                padding-right: 30px;
            }

            .accordions .accordion .accordion-item .accordion-body .accord-inner-right .accordion-img {
                border-radius: 10px;
                width: 100%;
                max-height: 300px;
                object-fit: cover;
            }

            .accordions .accordion .accordion-item .accordion-body ul.address {
                list-style: none;
                padding: 0;
            }

            .accordions .accordion .accordion-item .accordion-body .link-box {
                margin-top: 40px;
                margin-bottom: 40px;
                display: flex;
                flex-wrap: nowrap;
                flex-direction: column;
            }

                .accordions .accordion .accordion-item .accordion-body .link-box h6 {
                    font-size: 17px;
                    margin-bottom: 10px;
                }

                .accordions .accordion .accordion-item .accordion-body .link-box a {
                    background: transparent;
                }

                    .accordions .accordion .accordion-item .accordion-body .link-box a:hover {
                        color: #000000;
                        text-decoration: underline;
                    }

    .accordions .accordion-item {
        border: 0;
    }

.ways-plane {
    margin-bottom: 30px;
}

    .ways-plane h6 {
        margin-bottom: 10px;
    }

.annual-featured-img {
    width: 90%;
    margin: 50px auto;
    position: relative;
}

    .annual-featured-img img {
        width: 100%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .annual-featured-img:hover img {
        box-shadow: 0px 10px 20px 0px #00000012;
    }

.giving-stories .wrapper {
    position: relative;
}

    .giving-stories .wrapper .giving-stories-imgs {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        position: relative;
    }

        .giving-stories .wrapper .giving-stories-imgs .image-box {
            position: relative;
        }

            .giving-stories .wrapper .giving-stories-imgs .image-box.img1 {
                grid-column-start: 1;
                grid-column-end: 3;
            }

            .giving-stories .wrapper .giving-stories-imgs .image-box img {
                width: 100%;
                height: 350px;
                object-fit: cover;
                object-position: left top;
                border-radius: 10px;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

            .giving-stories .wrapper .giving-stories-imgs .image-box:hover img {
                opacity: 0.9;
            }

    .giving-stories .wrapper .min-link {
        text-transform: uppercase;
        color: #ffffff;
        position: absolute;
        right: 30px;
        bottom: 20px;
        text-shadow: 0px 0px 2px #000000;
        z-index: 1051;
    }

        .giving-stories .wrapper .min-link:hover {
            text-shadow: none;
        }

.form .wrapper {
    width: 50%;
}

.form-container form {
    width: 95%;
    margin: 0 auto;
}

    .form-container form .row .form-control {
        background-color: #ffffff91 !important;
        border: 0;
        border-radius: 0px;
        text-indent: 0;
        box-shadow: 0px 0px 0 1px #ebebeb;
    }

        .form-container form .row .form-control:focus {
            box-shadow: 0 0 0 2px #ef7c00;
        }

    .form-container form .row .form-group {
        margin: 3px;
        /* padding-right: 20px;*/
        margin-bottom: 40px;
        position: relative;
    }

        .form-container form .row .form-group label {
            margin-bottom: 5px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .form-container form .row .form-group .drop-arrow {
            border: solid #000000;
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 3px;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: rotate(45deg) translate(-30%, 150%);
            z-index: 3;
        }

    .form-container form .RecaptchaContainer button {
        width: 50px;
        height: 50px;
        border-radius: 0;
    }

    .form-container form .RecaptchaContainer svg {
        width: 30px;
    }

    .form-container form .RecaptchaContainer input[type=text] {
        border-radius: 0;
    }

.volunteer .wrapper {
    padding-top: 0;
    padding-bottom: 0;
    /* display: grid;
  grid-template-columns: 30% 70%;*/
    width: 68%;
}

.image-box.volunteer-img {
    /* height: 100%;*/
}

    .image-box.volunteer-img img {
        border-radius: 10px;
        height: 100%;
        object-fit: cover;
        object-position: center;
        width: 100%;
    }

.stories-news-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 80%;
    margin: 0 auto;
    column-gap: 5px;
    row-gap: 15px;
}

    .stories-news-box.stories-three-col {
        grid-template-columns: repeat(3, 1fr);
        width: 90%;
        gap: 15px;
    }

        .stories-news-box.stories-three-col .news-box {
            margin: 0;
        }

            .stories-news-box.stories-three-col .news-box:first-child {
                grid-column-start: 1;
                grid-column-end: 3;
            }

            .stories-news-box.stories-three-col .news-box.video {
                position: relative;
            }

                .stories-news-box.stories-three-col .news-box.video::after {
                    content: "";
                    background: url("../images/play.svg");
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-size: 70px;
                    position: absolute;
                    height: 100%;
                    width: 100%;
                }

    .stories-news-box.stories-one-col {
        grid-template-columns: repeat(1, 1fr);
        width: 90%;
    }

        .stories-news-box.stories-one-col .news-box {
            margin: 0;
        }

            .stories-news-box.stories-one-col .news-box:first-child {
                grid-column-start: 1;
                grid-column-end: 3;
            }

    .stories-news-box.publication {
        width: 100%;
    }

        .stories-news-box.publication .news-box {
            min-height: 700px;
        }

.publications .wrapper {
    width: 60%;
    margin: 0 auto;
}

.news-header .wrapper {
    width: 70%;
    padding: 60px 70px;
}

    .news-header .wrapper .title {
        font-size: 60px;
    }

    /*.news-header .wrapper .header-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between; }*/
    .news-header .wrapper .header-bottom .date p {
        font-size: 20px;
        font-weight: 900;
    }

    .news-header .wrapper .header-bottom .social-icons {
        text-align: center;
    }

        .news-header .wrapper .header-bottom .social-icons ul {
            list-style: none;
            display: inline-flex;
            padding: 0;
            gap: 30px;
        }

            .news-header .wrapper .header-bottom .social-icons ul.social {
                font-size: 20px;
                display: inline-flex;
                gap: 20px;
                margin-top: 10px;
                opacity: 0.5;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

                .news-header .wrapper .header-bottom .social-icons ul.social li a {
                    color: #ffffff;
                    border: 1px solid;
                    width: 50px;
                    height: 50px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 50%;
                    transform: rotate(0deg);
                }

                .news-header .wrapper .header-bottom .social-icons ul.social li:hover a {
                    color: #ffffff;
                    background: #EF7C00;
                    border-color: #EF7C00;
                    border-top-left-radius: 50%;
                    border-bottom-left-radius: 50%;
                    border-bottom-right-radius: 50%;
                    border-top-right-radius: 3px;
                    transform: rotate(-45deg);
                }

                    .news-header .wrapper .header-bottom .social-icons ul.social li:hover a i {
                        transform: rotate(45deg);
                    }

                .news-header .wrapper .header-bottom .social-icons ul.social:hover {
                    opacity: 1;
                }

.news-article .wrapper .body-box {
    width: 100%;
}

    .news-article .wrapper .body-box .left-image {
        width: 50%;
        float: left;
        margin: 20px 0px;
        margin-right: 50px;
    }

.filter {
    margin-bottom: 40px;
    position: relative;
}

    .filter.text-white select {
        color: #000000;
        position: relative;
        font-weight: 700;
        min-width: 250px;
        min-height: 55px;
        border-width: 2px;
        background-color: #E6E6E6 !important;
        background-image: url(../images/angle-down.svg) !important;
        background-size: 20px !important;
        background-position: 95% 15px !important;
        background-repeat: no-repeat !important;
    }

        .filter.text-white select:hover {
            background: #ffffff !important;
            color: #053325;
        }

    .filter .drop-arrow {
        border: solid #EF7C00;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 5px;
        position: absolute;
        right: 13px;
        top: 50%;
        transform: rotate(45deg) translate(-50%, -50%);
        z-index: 3;
    }

table {
    border: 1px solid #E6E6E6;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}

    table tr {
        background-color: #ffffff;
        padding: 12px 20px;
    }

    table th {
        padding: 12px 20px;
        text-align: center;
        font-size: 17px;
        font-family: "Roboto", sans-serif;
    }

        table th.first-head {
            background: #2D653E;
            color: #ffffff;
        }

        table th.last-head {
            background: #053325;
            color: #ffffff;
        }

        table th.time {
            width: 15%;
        }

    table td {
        padding: 30px 70px;
        text-align: left;
        vertical-align: top;
    }

        table td:not(:last-child) {
            border-right: 1px solid #E6E6E6;
        }

.sort .wrapper {
    width: 80%;
    padding: 30px 0px;
}

    .sort .wrapper .sortby ul {
        display: flex;
        padding: 0;
        list-style: none;
        gap: 70px;
        align-items: center;
        justify-content: center;
        padding-bottom: 5px;
        border-bottom: 2px solid #ffffff24;
    }

        .sort .wrapper .sortby ul li a {
            border-bottom: 2px solid transparent;
            padding-bottom: 8px;
        }

        .sort .wrapper .sortby ul li:hover a {
            color: #EF7C00 !important;
            border-bottom-color: #EF7C00;
        }

        .sort .wrapper .sortby ul li.active a {
            color: #EF7C00 !important;
            border-bottom-color: #EF7C00;
        }

.donors-filter .wrapper .filter {
    margin-bottom: 0;
}

.donors-filter-box {
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap: 10px;
}

    .donors-filter-box .filter-sort-box {
        display: flex;
        gap: 10px;
        overflow: auto;
        overflow-y: scroll;
    }

        .donors-filter-box .filter-sort-box .search-filter {
            position: relative;
            min-width: 250px;
        }

            .donors-filter-box .filter-sort-box .search-filter input {
                border-width: 2px;
                min-height: 55px;
                border-color: #EF7C00;
            }

            .donors-filter-box .filter-sort-box .search-filter .search-icon {
                background: transparent;
                position: absolute;
                right: 0;
                top: 0;
                padding: 10px;
                height: 55px;
                width: 55px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 20px;
                color: #000000;
            }

        .donors-filter-box .filter-sort-box .filter-btn {
            height: 55px;
            text-transform: capitalize;
            border-radius: 5px;
            background: transparent;
            color: #3D3D3D;
            font-family: "Roboto", sans-serif;
        }

            .donors-filter-box .filter-sort-box .filter-btn:hover {
                background: #EF7C00;
                color: #ffffff;
            }

.donor-list {
    margin-top: 50px;
}

    .donor-list .list-donors {
        border-top: 1px solid #e5e5e5;
        padding-top: 20px;
    }

        .donor-list .list-donors .row {
            row-gap: 50px;
            padding: 0 0;
            /*margin: 0 -15px;*/
            margin: 0 -10px;
        }

.donor-list-no-data-row {
    margin-top: 50px;
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}

.orangegrad {
    background: #EF7C00;
    background: linear-gradient(0deg, #ffd793 20%, #cf7d08 100%);
}

.greengrad {
    background: #053325;
    background: linear-gradient(0deg, #5d8076 0%, #002d1e 100%);
}

.bluegrad {
    background: #003D7C;
    background: linear-gradient(0deg, #80afec 0%, #80afec 0.08%, #003d7c 100%);
}

.yellowgrad {
    background: #B99D1E;
    background: linear-gradient(0deg, #f7e79f 0%, #bc9e1f 100%);
}

.pinkgrad {
    background: #B88084;
    background: linear-gradient(0deg, #eab9c2 0%, #bb8087 100%);
}

.lightgreengrad {
    background: #2D653E;
    background: linear-gradient(0deg, #91af99 0%, #2d653e 100%);
}

.maroongrad {
    background: #801940;
    background: linear-gradient(0deg, #b293a1 0%, #801940 100%);
}

.banner .wrapper {
    margin: 0px 100px;
    width: 45%;
}

.image-source-link {
    color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.gallery .wrapper .image-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

    .gallery .wrapper .image-gallery a img {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .gallery .wrapper .image-gallery a img.gallery-main {
            width: 100%;
            height: 400px;
            max-height: 400px;
            object-fit: cover;
        }

    .gallery .wrapper .image-gallery a:hover img {
        transform: scale(1.05);
    }

.gallery .wrapper .video-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

    .gallery .wrapper .video-gallery a img {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .gallery .wrapper .video-gallery a img.gallery-main {
            width: 100%;
            height: 400px;
            max-height: 400px;
            object-fit: cover;
        }

    .gallery .wrapper .video-gallery a:hover img {
        transform: scale(1.05);
    }

    .gallery .wrapper .video-gallery .video-pop {
        position: relative;
    }

        .gallery .wrapper .video-gallery .video-pop::before {
            content: "";
            background: url("../images/play.svg");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 100px;
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: 2;
        }

    .gallery .wrapper .video-gallery .full-width-box {
        grid-column: span 2;
    }

@media(max-width:767px) {
    .gallery .wrapper .video-gallery {
        grid-template-columns: repeat(1, 1fr);
    }

        .gallery .wrapper .video-gallery .full-width-box {
            grid-column: span 1;
        }
}

button.mfp-close {
    background: #EF7C00;
    font-size: 30px;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    button.mfp-close:hover {
        background: #2D653E;
    }

.mfp-arrow-right::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    border: 0;
}

.mfp-arrow-right::after {
    border: 0;
}

.mfp-arrow-left::before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    border: 0;
}

.mfp-arrow-left::after {
    border: 0;
}

.nav-mytabs {
    margin-top: 2rem;
}

    .nav-mytabs li:not(:last-child) {
        margin-right: 7px;
    }

    .nav-mytabs a {
        position: relative;
        top: 4px;
        padding: 10px 25px;
        border-radius: 2px 2px 0 0;
        background: white;
        color: black;
        opacity: 0.7;
        transition: all 0.1s ease-in-out;
    }

        .nav-mytabs a.active,
        .nav-mytabs a:hover {
            opacity: 1;
            top: 0;
        }

.mytab-content {
    position: relative;
    z-index: 2;
    padding: 25px;
    border-radius: 0 4px 4px 4px;
    background: white;
}


.float-elements.float-elements11 .element4 {
    right: 260px;
    top: 110px;
    width: 70px;
}

.float-elements.float-elements11 .element3 {
    right: 130px;
    top: -70px;
    width: 140px;
}

.float-elements.float-elements11 .element2 {
    right: -50px;
    top: 85px;
    width: 180px;
}

.float-elements.float-elements11 .element1 {
    right: 0;
    top: 0px;
    width: 70px;
}

.give-students-box .wrapper {
    width: 100%;
    max-width: none;
    padding-bottom: 0;
}

    .give-students-box .wrapper .tabs .tab-content {
        padding-bottom: 0;
    }

.give-students-box .students-article .wrapper {
    width: 50%;
    max-width: 1400px;
    padding: 20px 0;
    position: static;
}

@media (max-width: 1400px) {
    .give-students-box .students-article .wrapper {
        width: 60%;
    }
}

.give-students-box .students-article .wrapper .heading {
    font-size: 35px;
    text-transform: uppercase;
}

.give-students-box .students-article .wrapper .media-box {
    margin: 80px 0;
}

    .give-students-box .students-article .wrapper .media-box img {
        width: 100%;
        max-height: 400px;
        object-fit: cover;
        border-radius: 10px;
    }

    .give-students-box .students-article .wrapper .media-box.video {
        position: relative;
    }

        .give-students-box .students-article .wrapper .media-box.video::before {
            content: "";
            background: url("../images/play.svg");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 100px;
            position: absolute;
            height: 100%;
            width: 100%;
        }

.bggreengrad {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: -1;
    background: var(--blue);
    background: linear-gradient(0deg, #ffffff00 0%, #5f86afba 20%, #125395 40%, #003D7C 60%);
}

    .bggreengrad.h-100 {
        height: 100px !important;
    }

    .bggreengrad.h-200 {
        height: 200px;
    }

    .bggreengrad.h-300 {
        height: 300px;
    }

    .bggreengrad.h-400 {
        height: 400px;
    }

    .bggreengrad.h-500 {
        height: 95%;
    }

    .bggreengrad.h-600 {
        height: 600px;
    }

    .bggreengrad.h-700 {
        height: 95%;
    }

    .bggreengrad.h-800 {
        height: 95%;
    }

    .bggreengrad.h-900 {
        height: 95%;
    }

    .bggreengrad.h-1000 {
        height: 95%;
    }

    .bggreengrad.h-100-p {
        height: 100% !important;
    }

.named-profile .wrapper {
    width: 50%;
}

    .named-profile .wrapper .user {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 60px;
    }

        .named-profile .wrapper .user .user-dp img {
            width: 80px;
            height: 80px;
            object-fit: cover;
            border-radius: 50%;
        }

        .named-profile .wrapper .user .user-details h5 {
            margin: 0;
        }

        .named-profile .wrapper .user .user-details p {
            margin: 0;
        }

    .named-profile .wrapper .btn-box {
        justify-content: center;
        display: flex;
        gap: 10px;
    }

.names-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 70px;
    margin: 100px 0px;
}

    .names-list .arrow-link {
        position: relative;
        color: #ffffff;
        height: fit-content;
        text-transform: capitalize;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .names-list .arrow-link::after {
            content: "\f054";
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            font-size: 20px;
            color: #EF7C00;
            position: absolute;
            top: 50%;
            right: -20px;
            transform: translate(-25%, -50%);
        }

        .names-list .arrow-link:hover {
            color: #EF7C00;
        }

            .names-list .arrow-link:hover::after {
                right: -30px;
                color: #ffffff;
            }

    .names-list.blacktext .arrow-link {
        color: #000000;
    }

        .names-list.blacktext .arrow-link:hover {
            color: #EF7C00;
        }

            .names-list.blacktext .arrow-link:hover::after {
                color: #000000;
            }

.alphabetical-list {
    display: inline-flex;
    gap: 10px 20px;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

    .alphabetical-list a,
    .alphabetical-list button {
        font-family: "Roboto", sans-serif;
        font-size: 20px;
        color: #ffffff;
        background: transparent;
    }

        .alphabetical-list a,
        .alphabetical-list button.active {
            color: #EF7C00 !important;
        }

            .alphabetical-list a.active,
            .alphabetical-list button.active {
                color: #ffffff;
            }

            .alphabetical-list a.disabled,
            .alphabetical-list button.disabled {
                opacity: 0.4;
                pointer-events: none;
            }

            .alphabetical-list a:hover,
            .alphabetical-list button:hover: {
                color: #ffffff;
            }

.financial-alphabetical .article-body {
    margin-top: 50px;
}

    .financial-alphabetical .article-body .heading {
        margin-bottom: 50px;
    }

.financial-alphabetical .names-list {
    margin: 0;
}

.order-list {
    margin-bottom: 50px;
}

    .order-list .picture {
        text-align: right;
    }

        .order-list .picture img {
            width: 250px;
            height: auto;
            /*object-fit: cover;*/
            border-radius: 10px;
        }

    .order-list .row > * {
        padding: 0 15px;
    }

.faculties {
    padding: 0px 0 0px 40px;
}

    .faculties .slick-list {
        overflow: unset;
    }

.faculty-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

    .faculty-box a {
        min-height: 60px;
        border-width: 1px !important;
        text-transform: capitalize;
        font-size: 16px;
        font-family: "Roboto", sans-serif;
    }

        .faculty-box a:hover {
            transform: translateY(0px);
        }

.pagenotfound {
    padding: 100px 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pagenotfound .wrapper .container .row h1 {
        font-size: 8em;
    }

.no-animation {
    animation: none !important;
}

nav.navbar.navbar-expand-md ul.navbar-nav li a {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    padding: 0;
}

nav.navbar ul.navbar-nav {
    gap: 30px;
}

    nav.navbar ul.navbar-nav li a:hover {
        color: #EF7C00
    }

    nav.navbar ul.navbar-nav li ul.dropdown-menu {
        border-radius: 0;
        display: none;
        width: 300px;
        box-shadow: inherit;
        padding: 25px 0 0;
        background: transparent;
        border: none;
    }

    nav.navbar ul.navbar-nav li:hover ul.dropdown-menu {
        display: block;
    }

    nav.navbar ul.navbar-nav li ul.dropdown-menu li a {
        color: #3D3D3D;
        padding: 13px 20px;
        width: 100%;
        text-decoration: none;
        display: block;
        font-size: 15px;
        text-transform: capitalize;
        background: #fff
    }

    nav.navbar ul.navbar-nav li ul.dropdown-menu li {
        -webkit-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        background: #ffffff;
        border-bottom: 1px solid #0000000d;
        transition: all 0.25s ease;
    }

        nav.navbar ul.navbar-nav li ul.dropdown-menu li a:hover {
            background: #EF7C00;
            color: #ffffff;
        }

.bggreen .pillars .wrapper .pillar-box .pillar-title h5 {
    color: #fff;
}

.Search-box-nav .search-box {
    position: absolute;
    top: -200px;
    z-index: 1051;
    left: 0;
    right: 0;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 20px 0px #00000024;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.Search-box-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 9;
}

    .Search-box-nav .search-box.open-search-box {
        top: 75px;
    }

    .Search-box-nav.scrolled-nav .search-box.open-search-box {
        top: 61px;
    }

    .Search-box-nav .search-box input {
        border: 0;
        border-bottom: 1px solid #c6c6c6;
        border-radius: 0;
        font-size: 17px;
        color: #000000;
        max-width: 1400px;
        padding: 0;
        box-shadow: inherit;
    }

    .Search-box-nav .search-box button {
        background: transparent;
        position: absolute;
        right: 37px;
        top: 20px;
        font-size: 0;
        color: #053325;
        padding: 0;
        width: 40px;
        height: 40px;
    }

        .Search-box-nav .search-box button i {
            font-size: 20px;
        }

.mega-menu {
    width: 100%;
    background: #fff;
    position: absolute;
    z-index: 110;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    animation: fadeOut ease 0.3s 0s both;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .mega-menu.open-mega-menu {
        position: fixed;
        top: 75px;
        min-height: 400px;
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        animation: fadeInDown ease 0.3s 0s both;
        box-shadow: 0px 0px 20px 0px #0000001f;
    }

    .mega-menu .wrapper .menu-box ul li a {
        color: #3D3D3D;
        transition: none;
        opacity: 1;
        margin: 15px 0;
        display: block;
        position: relative;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        white-space: normal;
    }

    .mega-menu .wrapper .menu-box ul {
        list-style: none;
        padding: 0;
    }

        .mega-menu .wrapper .menu-box ul li .menu-item-main {
            color: #3D3D3D;
            margin: 15px 0;
            font-size: 22px;
            font-family: "Roboto", sans-serif;
        }

        .mega-menu .wrapper .menu-box ul li .menu-item-main-orange:hover {
            color: #EF7C00;
        }

    .mega-menu .wrapper {
        padding: 40px 0;
    }

.footer-right nav {
    position: static;
    background-color: var(--dblue);
    box-shadow: none;
}

.mega-logo img {
    max-height: 170px;
}

.navbar.scrolled-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1052;
}

.mega-menu .wrapper .menu-box ul li a::before {
    position: absolute;
    top: 10px;
    left: -15%;
    transform: translate(0px, -45%);
    display: inline-block;
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    font-size: 14px;
    opacity: 0;
}

.mega-menu .wrapper .menu-box ul li a:hover::before {
    left: -25px;
    opacity: 1;
}

.mega-menu .wrapper .menu-box ul li a:hover {
    color: #EF7C00;
}

.cta-top-center {
    position: absolute;
    bottom: 0;
    z-index: 9999;
    left: 0;
    right: 0;
}

@media (min-width: 767px) {
    .mega-menu .wrapper .menu-box ul li a[href="/our-campaign-progress"] {
        font-size: 22px;
        font-family: "Roboto", sans-serif;
    }

    .mega-menu .wrapper .menu-box ul li a[href="/contact-us"] {
        font-size: 22px;
        font-family: "Roboto", sans-serif;
    }

    .mega-menu .wrapper .menu-box ul li a[href="/honour-roll"] {
        font-size: 22px;
        font-family: "Roboto", sans-serif;
    }
}

.mega-menu .wrapper .menu-box > ul {
    display: flex;
    flex-wrap: wrap;
}

.mega-menu .wrapper .menu-box ul li.nav-item.dropdown.has-sub {
    width: 33%;
}

.names-list-tag div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 70px;
    margin: 100px 0px;
}

    .names-list-tag div a {
        position: relative;
        color: #ffffff;
        height: fit-content;
        text-transform: capitalize;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .names-list-tag div a::after {
            content: "\f054";
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            font-size: 20px;
            color: #EF7C00;
            position: absolute;
            top: 50%;
            right: -20px;
            transform: translate(-25%, -50%);
        }

        .names-list-tag div a:hover {
            color: #EF7C00;
        }

            .names-list-tag div a:hover::after {
                right: -30px;
                color: #ffffff;
            }


#Contentplaceholder1_T23228708001_Col00.sf_colsIn.container {
    max-width: 100% !important;
}

#Contentplaceholder1_T23228708002_Col00.sf_colsIn.container {
    max-width: 100% !important;
}

#Contentplaceholder1_T23228708003_Col00.sf_colsIn.container {
    max-width: 100% !important;
}

.featured-header-small.min-h-auto {
    min-height: 260px;
}

.top-banner-heading {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    z-index: 1;
}

.dual-sides .video-pop video {
    width: 100%;
    height: auto;
}

.video-pop-sec .video-pop video {
    width: 100%;
    height: auto;
}

.featured-header-small.contact-us-section {
    background-image: url(../images/contact.jpg);
}

.mega-menu-section.mega-menu.scrolled-nav {
    position: fixed;
    top: 61px;
    left: 0;
    right: 0;
}

.alphabetical-list div {
    display: inline-flex;
    gap: 10px 20px;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.form-container form .row > * {
    padding: 0;
}

.form-container form textarea {
    height: 131px;
}

.form-container form .row select.form-control {
    /*border-radius: 4px;*/
    appearance: auto !important;
}

.publication-wrap .form-container form .row select.form-control {
    appearance: none !important;
    background-color: #ffffff !important;
}

.title-section p.w-60 {
    width: 60%;
}

.stories-news-box.stories-three-col .news-box.first-one {
    grid-column-start: 1;
    grid-column-end: 3;
    border-top-left-radius: 80px;
}

.accordions .accordion .accordion-item button {
    border-radius: 10px;
    box-shadow: none;
    font-size: 17px;
    color: #5C5C5C;
    font-family: "Roboto", sans-serif;
}

    .accordions .accordion .accordion-item button:after {
        color: #5C5C5C;
        background-image: url(../images/arrow.svg);
    }



.toast-popup {
    opacity: 1 !important;
    margin-top: 50px;
    bottom: 60px;
    right: 30px;
    padding: 40px;
    background: #fff;
    width: 100%;
    z-index: 1;
    border-radius: 10px;
    position: fixed;
    animation-delay: 0s;
    -webkit-box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 15%);
    max-width: 340px;
    display: none;
}

.img-1 {
    position: absolute;
    content: "";
    top: -36px;
    left: -4px;
    width: 70px;
}

.img-2 {
    position: absolute;
    content: "";
    bottom: 5px;
    right: -30px;
    width: 60px;
}

.toast-popup .content {
    padding: 20px 0;
    color: #333;
    font-size: 20px;
    font-weight: 600;
}

.center {
    text-align: center;
}

.toast-popup em {
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer;
    color: #1E1E1E;
}

button.mfp-close.video-close {
    z-index: 99999;
}

button.mfp-close-video-close {
    color: #ffffff !important;
    background: #EF7C00;
    opacity: 1;
    font-size: 40px;
    right: 0px;
    top: -46px;
    border-radius: 0px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    z-index: 9999;
}

.article-header.h-auto {
    min-height: inherit;
}

.news-box .news-content-box .news-top .news-copy.category-name {
    display: none;
}

.featured-header.min-h-auto {
    min-height: inherit;
}

.sfPageEditor .mouse-scroll {
    position: static;
    transform: inherit;
}

.sfPageEditor .top-banner-heading {
    position: static;
}

.sfPageEditor .bggreengrad.h-500 {
    position: static;
}

.sfPageEditor .featured-header::before {
    display: none;
}

.sfPageEditor .cta .title-section {
    position: static;
}

.sfPageEditor .bggreengrad {
    position: static;
    height: auto
}

.sfPageEditor .featured-header-small.h-450 {
    height: auto
}

.featured-header-small.h-700 {
    height: 100vh;
}

    .featured-header-small.h-700 img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.featured-header-small.h-450 {
    height: 450px;
}

    .featured-header-small.h-450 img {
        object-fit: cover;
        height: 100%;
        width: 100%;
        object-position: top;
    }

.object-top {
    object-position: top !important;
}

.mfp-bg {
    pointer-events: none;
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    cursor: auto;
    position: relative;
    z-index: 99999;
    pointer-events: auto;
}

/*.mfp-wrap{pointer-events:none;}*/
.my-mfp-slide-bottom.mfp-ready .video.zoom-anim-dialog {
    cursor: auto;
    position: relative;
    z-index: 99999;
    pointer-events: auto;
}

@media only screen and (min-width: 1024px) {
    .my-mfp-slide-bottom.mfp-ready .video.zoom-anim-dialog {
        height: 500px;
    }
}

.text-black-form .btn.transparent {
    color: #333;
}

.success-content {
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    /*text-transform: capitalize;*/
    color: #fff;
    padding: 10px 0;
    border-radius: 10px;
    border: 3px solid #28a745;
    background: rgb(40 167 69 / 60%);
}

.back-button {
    text-align: center;
    margin: 40px 0 0;
}

    .back-button a {
        display: inline-block;
        padding: 7px 10px;
        border: 2px solid #fff;
        color: #fff;
        border-radius: 10px;
    }

ul#ui-id-1 {
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 20px 0px #00000024;
    max-width: 1400px;
    left: 0 !important;
    right: 0;
    margin: 21px auto 0;
    border-radius: 6px;
    position: fixed !important;
    top: 129px !important;
    list-style: none;
    z-index: 2;
    width: 80% !important;
}

#ui-id-1 li.ui-menu-item {
    margin: 0 0 10px;
    cursor: pointer;
}

    #ui-id-1 li.ui-menu-item .ui-menu-item-wrapper {
        font-size: 15px;
    }

        #ui-id-1 li.ui-menu-item .ui-menu-item-wrapper:hover {
            color: #ef7c00;
        }

.search-result-heading h2 {
    font-size: 36px;
    font-weight: bold;
}

.sf-search-results .media.sf-media {
    padding: 30px;
    border: 1px solid #ddd;
    margin: 0 0 20px;
    border-radius: 20px;
}

    .sf-search-results .media.sf-media .media-body h3 {
        font-size: 24px;
        margin: 0 0 10px;
    }

    .sf-search-results .media.sf-media .media-body p {
        line-height: 32px;
        font-size: 16px;
        font-weight: 500;
        color: #333;
    }

.financial-alphabetical .names-list .accordion-header button {
    background-color: transparent;
    padding: 0;
    border: none;
    color: #000;
    box-shadow: inherit;
    outline: inherit
}

.financial-alphabetical .names-list .accordion-item {
    background-color: transparent;
    border: none;
}

    .financial-alphabetical .names-list .accordion-item .arrow-link::after {
        display: none;
    }

.text-left-img {
    text-align: left !important;
}

    .text-left-img img {
        width: 100% !important;
        margin: 0 0 15px;
    }

.body-box.p-5.category-list {
    width: 75%;
    padding-right: 100px;
}

.row-3 {
    margin: 0 3px
}

    .row-3 .plr-3 {
        padding: 0 3px;
    }

.tab-content-width {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.photo-figure {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    background: #ddd;
    border-radius: 2px;
    overflow: hidden;
}

    .photo-figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.photo-title {
    margin: 10px 0 0;
    font-size: 17px;
    font-weight: 600;
}

.full-width-box:first-child {
    max-width: 100%;
    flex: 0 0 100%;
    width: 100%;
}

.PhotoGalleryItems {
    position: relative;
    display: block;
    height: auto;
}

    .PhotoGalleryItems .BlankImgItems {
    }

        .PhotoGalleryItems .BlankImgItems img {
            width: 100%;
            height: auto;
        }

    .PhotoGalleryItems .originalImg {
        position: absolute;
        top: 0;
        left: 0;
    }

.full-width-box:first-child .PhotoGalleryItems .BlankImgItems {
    display: none;
}

.full-width-box:first-child .PhotoGalleryItems .originalImg {
    position: static;
}

.PhotoGalleryItems_Img {
    position: relative;
}

    .PhotoGalleryItems_Img:after {
        content: "\f04b";
        font-family: FontAwesome;
    }

    .PhotoGalleryItems_Img:after {
        content: "\f04b";
        font-family: FontAwesome;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -30px;
        margin-left: -30px;
        color: #fff;
        font-size: 25px;
        background: rgb(255 255 255 / 51%);
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        border-radius: 50%;
    }

.PhotoGalleryItems_text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    color: #fff;
    font-size: 18px;
}

    .PhotoGalleryItems_text h3 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .PhotoGalleryItems_text label {
        font-weight: 700;
        display: flex;
        align-items: center
    }

        .PhotoGalleryItems_text label i {
            margin-left: 5px;
            font-size: 16px;
        }

@media(max-width:767px) {
    .PhotoGalleryItems_text {
        font-size: inherit;
        padding: 10px;
    }

        .PhotoGalleryItems_text h3 {
            font-size: 16px;
            margin-bottom: 0;
        }

        .PhotoGalleryItems_text .photo-description {
            font-size: 12px;
        }

        .PhotoGalleryItems_text label {
            font-weight: 700;
            font-size: 10px;
        }

            .PhotoGalleryItems_text label i {
                margin-left: 5px;
                font-size: 10px;
            }
}

.custom-border {
    border: 1px solid rgb(255 255 255 / 10%);
}

.photo-figure-view img {
    width: 100%;
    height: 400px;
    max-height: 400px;
    object-fit: cover;
}

.galler-label.text-center {
    font-weight: 600;
    color: #333;
    margin: 10px 0 0;
}

.honor-roll-sort .filter select {
    color: #000000;
    position: relative;
    font-weight: 700;
    /*min-width: 250px;*/
    min-height: 55px;
    border-width: 2px;
    /*background: #E6E6E6 !important;*/
    z-index: 4;
}

.filter-box {
    background: #E6E6E6 !important;
    border-radius: 5px;
}

.honor-roll-sort .wrapper {
    padding: 0 12px;
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-column-gap: 30px;
    align-items: center;
}

    .honor-roll-sort .wrapper .filter-box .filter {
        margin: 0;
    }

.honor-roll-tab .right-side {
    align-items: end;
    justify-content: end;
    display: grid;
}

@media (max-width: 480px) {
    .honor-roll-tab .right-side {
        align-items: start;
        justify-content: normal;
    }

    .Friends.col-3-items {
        margin: 0;
    }
}


.honor-roll-tab .search-filter {
    position: relative;
    min-width: 250px;
}

    .honor-roll-tab .search-filter input {
        border-width: 2px;
        min-height: 55px;
        border-color: #EF7C00;
        color: #ffffff;
    }

    .honor-roll-tab .search-filter .search-icon {
        background: transparent;
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px;
        height: 55px;
        width: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        color: #ffffff;
    }

.button-style-tabs .nav.nav-pills .nav-item {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

    .button-style-tabs .nav.nav-pills .nav-item .nav-link {
        padding: 13px 30px !important;
        border-radius: 6px !important;
        font-size: 15px !important;
        background: #ffffff !important;
        color: #000000 !important;
        margin: 0px 10px !important;
        opacity: 1 !important;
        border: 2px solid #EF7C00;
    }

        .button-style-tabs .nav.nav-pills .nav-item .nav-link.active {
            color: #ffffff !important;
            background: #EF7C00 !important;
        }

.no-border {
    border: none !important;
}

.nb-text {
    margin-top: 100px;
}

    .nb-text p {
        color: #7E7E7E;
        margin-bottom: 2px;
        font-size: 12px;
    }

.pagenotfound {
    padding: 100px 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pagenotfound .wrapper .container .row h1 {
        font-size: 8em;
    }

.no-animation {
    animation: none !important;
}

.animated {
    opacity: 0;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.js-fadeUp {
    opacity: 1;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.video iframe video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media(max-width:767px) {
    .mega-logo img {
        display: none;
    }

    .mega-menu .wrapper .menu-box ul li.nav-item.dropdown.has-sub {
        width: 100%;
    }

    .honor-roll-sort .wrapper {
        display: inline-block;
    }

    .hideInMobile {
        display: none;
    }
}

.mega-menu .wrapper .menu-box ul li .menu-item-main a {
    display: inline-block !important;
    margin: 0;
}

.menu-item-main a::before {
    display: none !important;
}

.col-3-items {
    max-width: 33%;
    flex: 0 0 33%;
    margin: 0 0 30px;
}

.fs-0 {
    font-size: 0;
}

.RecaptchaContainer {
    padding-bottom: 25px;
}

.contact_us_name {
    display: flex;
    /*padding: 13px;*/
}

    .contact_us_name .sf_2cols_1_25 {
        width: 35%;
    }

.sort .float-elements {
    top: 45px;
    /*position: absolute;*/
    width: 100%;
    height: 100%;
}

.tabItems {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.alumniRow {
    row-gap: 0px !important;
}

.aspect-ratio-4-3 {
    background: #000;
    box-sizing: border-box;
    resize: horizontal;
    overflow: hidden;
    max-width: 100%;
    aspect-ratio: 4/3;
    position: relative;
}

    .aspect-ratio-4-3 .videoBox {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

/* NEW HOMEPAGE */

.new-home nav .wrapper .nav-btn-section .navbtn .btn {
    border-radius: 100vw;
    text-shadow: none;
}

    .new-home nav .wrapper .nav-btn-section .navbtn .btn:hover {
        background-color: #fff;
        color: var(--orange);
        border-color: #fff;
    }

.new-home .video-pop-sec .text-box {
    width: 100%;
    margin: 0 auto;
}

.new-home .video-pop-sec .video-pop iframe {
    width: 100%;
    height: 600px;
    border-radius: 20px;
}

.new-hero-banner {
    min-height: 650px;
    height: 70vh;
    .new-hero-banner-container

{
    height: 100%;
    .new-hero-banner-wrapper

{
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 3fr;
    .left

{
    padding: 3rem;
    text-align: right;
    color: var(--blue);
    display: flex;
    align-items: end;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
    .title

{
    font-weight: 700;
    margin: 0;
}

}

.right {
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    display: flex;
    align-items: end;
    padding: 3rem;
}

.btn-box {
}

}
}
}






.featured-header.v2 .row .btn-box {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.counter {
    .title-section

{
    margin: 0;
    margin-top: 40px;
    .main-title

{
    border-bottom: 2px solid #595959;
    margin: 0;
    display: inline;
    padding-left: 3rem !important;
}

}

.wrapper {
    padding-top: 50px;
    .counter-container

{
    .counter-wrapper

{
    .counter-section

{
    align-items: center;
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    /* width: 70%; */
    margin: 0 auto;
    .counter-item

{
    .count

{
    font-size: clamp(2rem, 1.6rem + 2vw, 4rem);
}

p {
    font-weight: 600;
}

}
}
}
}
}
}

.video-alt {
    margin-top: 1rem;
    font-weight: 600;
}

nav .wrapper {
    max-width: none;
    width: 90%;
}

    nav .wrapper .nav-btn-section .navbtn {
        display: flex;
        gap: 0.6rem;
        flex-wrap: wrap;
    }

nav .mega-menu .wrapper .menu-box.view-responsive .btn-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.new-home {
    .stories-slider

{
    padding-bottom: 3rem;
    .wrapper

{
    padding-bottom: 0;
}

.slick-list {
    /* padding-left: calc(50vw - min(1690px, 87.6vw) / 2);
            padding-right: 20%; */
}

.slick-prev {
    left: 40px;
}

.slick-next {
    right: 40px;
}

}
}

.plane-banner {
    background-size: cover;
    background-position: top center;
}




.new-hero-banner-slider {
    /* height: 100vh; */
    /* min-height: 600px; */

    .new-hero-banner-slider-container

{
    .new-hero-banner-slider-wrapper

{
    display: grid;
    grid-template-columns: 1fr 3fr;
    min-width: 0;
    .left

{
    padding: 3rem;
    text-align: right;
    color: var(--blue);
    display: flex;
    align-items: end;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
    .title

{
    font-weight: 700;
    margin: 0;
}

}

.right {
    min-width: 0;
    height: 100%;
    min-height: 500px;
    .new-hero-slider

{
    min-width: 0;
    height: 100%;
    .slider

{
    min-width: 0;
    height: 100%;
}

.slick-list {
    height: 100%;
}

.slick-track,
.slick-slide {
    min-width: 0;
    height: 100%;
    margin: 0;
}

.image-container {
    width: 100%;
    height: 100%;
    img

{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

}
}

.new-hero-slider .slick-slider {
    margin-bottom: 0;
    height: 70vh;
    min-height: 550px;
}

    .new-hero-slider .slick-slider .slick-next {
        right: 10px;
    }

    .new-hero-slider .slick-slider .slick-prev {
        left: 10px;
    }

    .new-hero-slider .slick-slider .slick-dots {
        bottom: 30px;
    }

        .new-hero-slider .slick-slider .slick-dots li {
            border-color: #ffffff;
        }

}
}
}
}

@media only screen and (max-width: 650px) {
    .counter {
        .title-section

{
    margin: 0 auto;
    .main-title

{
    text-align: center;
    display: block;
    padding-left: 0 !important;
}

}

& .wrapper {
    & .counter-container

{
    & .counter-wrapper

{
    .counter-section

{
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
}

}
}
}
}


.new-hero-banner {
    min-height: auto !important;
    height: auto !important;
}

.new-hero-banner {
    & .new-hero-banner-container

{
    .new-hero-banner-wrapper

{
    display: flex;
    flex-direction: column-reverse;
}

}
}

.new-hero-banner {
    & .new-hero-banner-container

{
    & .new-hero-banner-wrapper

{
    .left

{
    padding: 2rem;
    text-align: left;
}

}
}
}

.new-hero-banner {
    & .new-hero-banner-container

{
    & .new-hero-banner-wrapper

{
    .btn-box

{
    margin-left: 0;
    margin-right: auto;
}

}
}
}

.new-hero-banner {
    & .new-hero-banner-container

{
    & .new-hero-banner-wrapper

{
    .right

{
    background-image: url(images/new-hero-banner.jpg);
    height: 300px;
}

}
}
}

.new-home .video-pop-sec .video-pop iframe {
    height: 300px !important;
}

.new-hero-banner-slider {
    & .new-hero-banner-slider-container

{
    .new-hero-banner-slider-wrapper

{
    display: block;
}

}
}
}

.blue-grad {
    position: relative;
}

    .blue-grad::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        z-index: -1;
        background: var(--blue);
        background: linear-gradient(0deg, #ffffff00 0%, #5f86afba 20%, #125395 40%, #003D7C 60%);
        height: 100%;
    }

/* LETTER SLIDER */
.letters-slider .title-section p {
    font-family: "Open Sans", sans-serif;
}

.letter-slider {
    position: relative;
    padding-bottom: 5rem;
    font-family: "Open Sans", sans-serif;
}

    .letter-slider .letter-slider-container {
        overflow: hidden;
        cursor: grab;
    }

        .letter-slider .letter-slider-container .letter-slider-wrapper {
            display: flex;
            width: 240%;
            transform: translateX(0);
        }

            .letter-slider .letter-slider-container .letter-slider-wrapper.is-dragging {
                cursor: grabbing;
            }

            .letter-slider .letter-slider-container .letter-slider-wrapper .slider-item {
                border-radius: 20px;
                background-color: #f1f1f1;
                margin: 0 6px;
                transition: all 0.3s ease;
                position: relative;
                display: flex !important;
                padding: 1rem;
                flex-direction: column;
                justify-content: space-between;
                gap: 0.5rem;
                height: auto;
                width: 100%;
                flex: 0 0 50vw;
                max-width: 350px;
                min-width: 260px;
            }

                .letter-slider .letter-slider-container .letter-slider-wrapper .slider-item:hover {
                    box-shadow: inset 0 0 20px 0px #0000001c;
                }

                    .letter-slider .letter-slider-container .letter-slider-wrapper .slider-item:hover .top .image-container {
                        box-shadow: 0 0 20px 0px #0000001c;
                    }

                        .letter-slider .letter-slider-container .letter-slider-wrapper .slider-item:hover .top .image-container img {
                            transform: scale(1.05);
                        }

                .letter-slider .letter-slider-container .letter-slider-wrapper .slider-item p {
                    margin: 0;
                    animation: none;
                }

                .letter-slider .letter-slider-container .letter-slider-wrapper .slider-item .top {
                    display: flex;
                    align-items: center;
                    gap: 1rem;
                }

                    .letter-slider .letter-slider-container .letter-slider-wrapper .slider-item .top .image-container {
                        width: 100%;
                        height: 350px;
                        aspect-ratio: 1;
                        border-radius: 10px;
                        overflow: hidden;
                    }

                        .letter-slider .letter-slider-container .letter-slider-wrapper .slider-item .top .image-container img {
                            width: 100%;
                            height: 100%;
                            -o-object-fit: cover;
                            object-fit: cover;
                            -o-object-position: top;
                            object-position: top;
                            transition: all 0.3s ease;
                        }

                .letter-slider .letter-slider-container .letter-slider-wrapper .slider-item .bottom {
                    display: flex;
                    flex-direction: column;
                    gap: 1rem;
                    height: 100%;
                    justify-content: space-between;
                }

                    .letter-slider .letter-slider-container .letter-slider-wrapper .slider-item .bottom .title {
                        font-weight: 600;
                        text-align: right;
                        font-style: italic;
                        margin-bottom: 1rem;
                        color: #000000;
                        font-size: 1.2rem;
                    }

                    .letter-slider .letter-slider-container .letter-slider-wrapper .slider-item .bottom .desc {
                        font-size: 15px;
                    }

                    .letter-slider .letter-slider-container .letter-slider-wrapper .slider-item .bottom .btn-container .min-link {
                        font-size: 0.9rem;
                        font-weight: 600;
                        &::after

{
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 5px;
    font-size: 0.8rem;
}

}

.letter-slider .letter-slider-container .letter-slider-wrapper .slider-item .bottom .btn-container .min-link:hover {
    background: none;
    color: var(--blue);
}

.letter-slider .letter-slider-container .slider-controls .slider-arrows .slider-arrow {
    --arrow-right: 3.5rem;
    position: absolute;
    bottom: 0px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: var(--blue);
    color: #fff;
    border-radius: 100px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .letter-slider .letter-slider-container .slider-controls .slider-arrows .slider-arrow:hover {
        background-color: var(--orange);
    }

    .letter-slider .letter-slider-container .slider-controls .slider-arrows .slider-arrow::before {
        content: "\f060";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 1rem;
        transition: all 0.3s ease;
    }

    .letter-slider .letter-slider-container .slider-controls .slider-arrows .slider-arrow.prev {
        left: auto;
        right: calc(var(--arrow-right) + 50px);
    }

    .letter-slider .letter-slider-container .slider-controls .slider-arrows .slider-arrow.next {
        right: var(--arrow-right);
    }

        .letter-slider .letter-slider-container .slider-controls .slider-arrows .slider-arrow.next::before {
            content: "\f061";
        }

.letter-slider.arrows-enabled .slider-controls .slider-arrows .slider-arrow {
    display: flex;
}

.letter-inner-container {
    max-width: 1000px;
    margin: 0 auto;
    .back-link

{
    font-weight: 600;
    color: var(--blue);
    text-decoration: none;
    display: inline-block;
    margin-bottom: 1rem;
    &::before

{
    content: "\f060";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1rem;
    margin-right: 0.5rem;
}

}

.back-link:hover {
    color: var(--orange);
}

.letter-inner-wrapper {
    display: grid;
    gap: 3rem;
    .letter-top

{
    background: url(../images/letter-bg.jpg) no-repeat center;
    background-size: cover;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0rem;
    align-items: end;
    justify-content: space-between;
    .left

{
    height: 100%;
    .image-container

{
    height: 400px;
    min-width: 200px;
    border: 1px solid #fff6f4;
    img

{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

}
}

.right {
    text-align: right;
    padding: 2rem;
    .content-container

{
    .title

{
    font-family: "Ephesis", cursive !important;
    color: #f05a28;
    font-size: clamp(2rem, 1.6rem + 2vw, 4rem) !important;
    font-weight: 400;
    /* margin-bottom: 0.5rem; */
    line-height: 1;
}

.designation {
    margin: 0;
    font-size: 1rem;
    color: #494949;
}

}
}
}

.letter-body {
    p

{
    &.note

{
    margin: 0;
    margin-top: 3rem;
    font-style: italic;
    color: #6d6d6d;
}

}
}
}
}

@media only screen and (max-width: 600px) {
    .letter-inner-container {
        & .letter-inner-wrapper

{
    .letter-top

{
    grid-template-columns: 1fr;
}

}
}
}

@media only screen and (max-width: 1024px) {
    .counter {
        & .wrapper

{
    & .counter-container

{
    & .counter-wrapper

{
    .counter-section

{
    width: 100%;
}

}
}
}
}
}

@media only screen and (max-width: 768px) {
    .featured-header.v2 {
        min-height: 500px;
    }

        .featured-header.v2 .row .left {
            width: 100%;
        }

        .featured-header.v2 .row .btn-box {
            margin: 0;
        }

    .new-hero-banner {
        min-height: 500px;
        height: 70vh;
    }

    .new-home .video-pop-sec .video-pop iframe {
        height: 400px;
    }
}

@media only screen and (max-width: 1280px) {
    .mega-menu .wrapper .menu-box > ul {
        display: block;
    }

    nav .mega-menu.open-mega-menu {
        overflow: hidden;
        overflow-y: auto;
    }

    nav .mega-menu .wrapper .menu-box ul li a.menu-item-main i {
        opacity: 1;
    }

    nav .wrapper .nav-btn-section .navbtn {
        display: block;
    }
}

@media only screen and (max-width: 1140px) {
    nav .wrapper .nav-front {
        display: none;
    }

    nav .wrapper .nav-btn-section .navbtn {
        display: none;
    }

    nav .mega-menu .wrapper .menu-box ul li a.menu-item-main:active,
    nav .mega-menu .wrapper .menu-box ul li a.menu-item-main:hover {
        color: #EF7C00;
    }

    nav .mega-menu .wrapper .menu-box.view-responsive {
        display: block;
    }
}