/*
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");

* {
    margin: 0;
    padding: 0;
    border: 0;
}

::-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: #000000;
    -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.transparent {
        background: transparent;
        border: 2px solid #EF7C00;
    }

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

    .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);
    }

.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 > * {
    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;
}

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;
}

    #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 1.5s 0s infinite ease-in 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: #2D653E;
        box-shadow: 0 0 20px 0px #00000069;
    }

    #backtotop:active {
        background-color: #2D653E;
        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;
}

.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;
}

.text-green {
    color: #053325 !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: #053325;
    z-index: 200;
    box-shadow: 0px 0px 20px 0px #0000001f;
    position: sticky;
    top: 0;
    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;
}

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

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

            nav .wrapper .logo img {
                width: auto;
                height: 100%;
                max-height: 55px;
                -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-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;
                }

                    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, nav .wrapper .nav-btn-section .navbtn .btn:focus, nav .wrapper .nav-btn-section .navbtn .btn:active {
                    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: "\58";
                    }

            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;
            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 a.menu-item-main {
                        font-size: 22px;
                        font-family: "Roboto", sans-serif;
                    }

                        nav .mega-menu .wrapper .menu-box ul li a.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;
                        }

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

                        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 ul li a:hover {
                        color: #EF7C00;
                    }

                        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 .logo img {
        max-height: 40px;
    }

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

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

.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: 90vh;
        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 {
            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;
        }

        .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%);
        }

    .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 {
    position: absolute;
    bottom: 30px;
    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%, #053325 100%);
    }

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

    .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%, #053325 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 {
    background: #D0D0D0;
}

    footer .wrapper {
        padding: 80px 0;
    }

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

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

                footer .wrapper ul.menu-links li a {
                    color: #3D3D3D;
                }

                    footer .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 .wrapper ul.menu-links li:hover a {
                    margin-left: 2px;
                    color: #EF7C00;
                }

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

        footer .wrapper .menu-title {
            color: #3D3D3D;
        }

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

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

                footer .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 .wrapper ul.address li.location:hover::before {
                    color: #EF7C00;
                }

                footer .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 .wrapper ul.address li.mail:hover::before {
                    color: #EF7C00;
                }

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

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

            footer .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 .wrapper ul.social li:hover a i {
                    transform: rotate(45deg);
                }

    footer .footer-end {
        background: #053325;
        color: #ffffff;
    }

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

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

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

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

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

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

                    footer .footer-end .wrapper .footer-right ul a {
                        color: #ffffff;
                        font-size: 13px;
                    }

                        footer .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;
    }

.cta {
    position: relative;
    margin-top: 100px;
    min-height: 800px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .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;
            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%);
    }

.news-box {
    min-height: 400px;
    display: flex;
    align-items: flex-end;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    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;
        color: #EF7C00;
    }

.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 i {
                    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;
        }

    .float-elements.float-elements11 {
        top: 0px;
        position: absolute;
        width: 100%;
        height: 100%;
    }

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

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

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

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

.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 .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: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: #2D653E;
                    border-bottom: 2px solid #EF7C00;
                    margin-bottom: -10px;
                    padding-bottom: 5px;
                    font-weight: 800;
                }

            .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;
                }

.stories.greenbg {
    background: #053325;
    background: linear-gradient(0deg, #ffffff 0%, #0533258a 19%, #053325e0 38%, #053325 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: 10px;
            }

            .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: center center;
    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%;
            max-height: 200px;
            object-fit: cover;
            border-radius: 10px;
        }

    .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;
    }

        .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;
        }

.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 select {
        color: #000000;
        position: relative;
        font-weight: 700;
        min-width: 250px;
        min-height: 55px;
        border-width: 2px;
        background: #E6E6E6 !important;
    }

        .filter 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: 20px;
        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: 70%;
    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;
                transform: translateY(0px);
            }

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

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

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

.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 {
    position: relative;
}

    .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%;
        }

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;
}

.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;
}

    .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;
    width: 100%;
    z-index: -1;
    background: #053325;
    background: linear-gradient(0deg, #ffffff00 0%, #8aa69ee8 20%, #0a3b2cc7 40%, #053325 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: 500px;
    }

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

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

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

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

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

    .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 {
        font-family: "Roboto", sans-serif;
        font-size: 20px;
        color: #ffffff;
    }

        .alphabetical-list a.active {
            color: #EF7C00;
        }

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

        .alphabetical-list a:hover {
            color: #EF7C00;
        }

.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: 250px;
            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);
        }

.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;
}

.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;
        }

.scroll-arrows {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    display: 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;
}

    .scroll-arrows .scroll-arrow {
        position: absolute;
        top: 50%;
        background: #ececec;
        width: 30px;
        height: 30px;
        color: #000000;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        border-radius: 10px;
        box-shadow: 0px 0px 0px 1px #ececec;
    }

        .scroll-arrows .scroll-arrow.left-arrow {
            left: -20px;
        }

        .scroll-arrows .scroll-arrow.right-arrow {
            right: -20px;
        }

.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);
    }
}