html {
    scroll-behavior: smooth;
}

*, body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

:root {
    --primary-color: #2F2951;
    --secondary-color: #E6261B;
    --brand-green: #BFD85A;
    --brand-light: #69638F;
    --light-blue: #483F7C;
    --white-color: #ffffff;
    --bg-color1: #F6F2EB;
    --gray1: #D7D4CF;
    --font-size: 16px;
    --radius: 35vmin;
    --frame-size: calc(var(--radius) / 3);
    --d-outer: calc(var(--radius) * 2);
    --d-inner: calc(var(--d-outer) - var(--frame-size));
    --fonts: calc(var(--radius) / 10);
}

body {
    font-family: "Figtree", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--primary-color);
    background-color: var(--bg-color1);
}
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}
/* globle css */
.pg-width {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 25px;
}

ul {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: var(--primary-color);
}

img {
    display: block;
    max-width: 100%;
}

h1.h1, .h1 {
    font-size: 128px;
    line-height: 0.9;
}

.h2 {
    font-size: 64px;
    line-height: 1.2;
}

.h3 {
    font-size: 48px;
    font-weight: 400;
    line-height: 1.3;
}

.h4 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
}

.h5 {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
}

h6 {
    font-size: 24px;
    line-height: 1.36;
}

.medium {
    font-weight: 500;
}

.fs-32 {
    font-size: 32px;
}

.fs-20 {
    font-size: 20px;
}

.fs-24 {
    font-size: 24px;
}

.fs-14 {
    font-size: 14px;
}

.mb1 {
    margin-bottom: 1rem;
}

.mb2 {
    margin-bottom: 32px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.weight500 {
    font-weight: 500;
}

.color-white {
    color: var(--white-color);
}

.ligth-color {
    color: var(--bg-color1);
}

.main-btn {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding: 12px 12px 12px 16px;
    border-radius: 12px;
    background-color: var(--secondary-color);
    width: fit-content;
    transition: all .3s ease-in-out;
}

    .main-btn span, .main-btn:hover span {
        font-size: 16px;
        font-weight: 400;
        color: var(--white-color);
    }

    .main-btn:hover {
        background-color: var(--primary-color);
    }

    .main-btn svg rect, .main-btn svg path {
        transition: all .3s ease-in-out;
    }

    .main-btn:hover svg rect, .main-btn:hover svg path {
        stroke: var(--brand-green);
    }

.hover-light:hover {
    background-color: var(--light-blue);
}

    .hover-light:hover svg {
        fill: var(--brand-green);
        transition: all .3s ease-in-out;
    }

        .hover-light:hover svg path {
            stroke: var(--primary-color);
            transition: all .3s ease-in-out;
        }

.end-0 {
    right: 0 !important;
}

.position-fixed {
    position: fixed !important;
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #a3cfbb;
    --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-dismissible {
    padding-right: 3rem;
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.375rem;
    --bs-alert-link-color: inherit;
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: #d1e7dd;
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}
/* end globle css */
/* header */
header {
    position: fixed;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    z-index: 99;
}

.topsection {
    margin-top: 73px;
}

.header-wrapper {
    background-color: var(--bg-color1);
    padding: 12px 0;
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.header-logo {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1111;
}

    .header-logo a, .header-logo img {
        display: block;
    }

.header-menu {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

    .header-menu ul.menu__main-ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 40px;
    }

    .header-menu a {
        position: relative;
        display: inline-block;
        transition: all .3s ease-in-out;
    }

    .header-menu li.menu-item:hover a, .header-menu li.menu-item.active a {
        color: var(--secondary-color);
        transition: all .3s ease-in-out;
    }

        .header-menu li.menu-item.active a:after {
            content: "";
            width: 4px;
            height: 4px;
            background: var(--secondary-color);
            position: absolute;
            left: 50%;
            bottom: -5px;
            border-radius: 50%;
            transform: translateX(-50%);
        }

    .header-menu li.admin_item {
        padding-left: 25px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='17' viewBox='0 0 14 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.84471 1.73202C5.53031 1.04988 6.46019 0.666656 7.42977 0.666656C8.39936 0.666656 9.32924 1.04988 10.0148 1.73202C10.7004 2.41417 11.0856 3.33935 11.0856 4.30404C11.0856 5.26874 10.7004 6.19392 10.0148 6.87606C9.32924 7.55821 8.39936 7.94143 7.42977 7.94143C6.46019 7.94143 5.53031 7.55821 4.84471 6.87606C4.1591 6.19392 3.77394 5.26874 3.77394 4.30404C3.77394 3.33935 4.1591 2.41417 4.84471 1.73202ZM7.42977 1.95044C6.80239 1.95044 6.20071 2.19841 5.75708 2.63979C5.31346 3.08118 5.06423 3.67983 5.06423 4.30404C5.06423 4.92826 5.31346 5.52691 5.75708 5.96829C6.20071 6.40968 6.80239 6.65765 7.42977 6.65765C8.05715 6.65765 8.65884 6.40968 9.10246 5.96829C9.54609 5.52691 9.79531 4.92826 9.79531 4.30404C9.79531 3.67983 9.54609 3.08118 9.10246 2.63979C8.65884 2.19841 8.05715 1.95044 7.42977 1.95044Z' fill='%232F2951'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.062 10.5713C2.06817 11.1363 1.62344 11.8191 1.62344 12.4347C1.62344 13.437 1.65817 13.9624 2.1422 14.3608C2.40714 14.5789 2.8586 14.7987 3.6485 14.9603C4.43587 15.1214 5.51687 15.2162 6.99967 15.2162C8.48248 15.2162 9.56348 15.1214 10.3508 14.9603C11.1407 14.7987 11.5922 14.5789 11.8572 14.3608C12.3412 13.9624 12.3759 13.437 12.3759 12.4347C12.3759 11.8191 11.9312 11.1363 10.9374 10.5713C9.96178 10.0166 8.57097 9.65314 6.99967 9.65314C5.42839 9.65314 4.03758 10.0166 3.062 10.5713ZM2.42183 9.45662C3.62557 8.77225 5.24545 8.36936 6.99967 8.36936C8.75391 8.36936 10.3738 8.77225 11.5775 9.45662C12.763 10.1306 13.6662 11.1596 13.6662 12.4347C13.6662 12.4627 13.6662 12.491 13.6663 12.5196C13.6673 13.3975 13.6687 14.5359 12.6796 15.35C12.1919 15.7514 11.5143 16.0329 10.6107 16.2178C9.70458 16.4032 8.52756 16.5 6.99967 16.5C5.47179 16.5 4.29477 16.4032 3.38863 16.2178C2.48502 16.0329 1.80746 15.7514 1.31974 15.35C0.330621 14.5359 0.332009 13.3975 0.333079 12.5196C0.333114 12.491 0.333149 12.4627 0.333149 12.4347C0.333149 11.1596 1.23635 10.1306 2.42183 9.45662Z' fill='%232F2951'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 14px;
        transition: all .2s ease;
    }

        .header-menu li.admin_item:hover {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='17' viewBox='0 0 14 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.84471 1.73202C5.53031 1.04988 6.46019 0.666656 7.42977 0.666656C8.39936 0.666656 9.32924 1.04988 10.0148 1.73202C10.7004 2.41417 11.0856 3.33935 11.0856 4.30404C11.0856 5.26874 10.7004 6.19392 10.0148 6.87606C9.32924 7.55821 8.39936 7.94143 7.42977 7.94143C6.46019 7.94143 5.53031 7.55821 4.84471 6.87606C4.1591 6.19392 3.77394 5.26874 3.77394 4.30404C3.77394 3.33935 4.1591 2.41417 4.84471 1.73202ZM7.42977 1.95044C6.80239 1.95044 6.20071 2.19841 5.75708 2.63979C5.31346 3.08118 5.06423 3.67983 5.06423 4.30404C5.06423 4.92826 5.31346 5.52691 5.75708 5.96829C6.20071 6.40968 6.80239 6.65765 7.42977 6.65765C8.05715 6.65765 8.65884 6.40968 9.10246 5.96829C9.54609 5.52691 9.79531 4.92826 9.79531 4.30404C9.79531 3.67983 9.54609 3.08118 9.10246 2.63979C8.65884 2.19841 8.05715 1.95044 7.42977 1.95044Z' fill='%23e6261b'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.062 10.5713C2.06817 11.1363 1.62344 11.8191 1.62344 12.4347C1.62344 13.437 1.65817 13.9624 2.1422 14.3608C2.40714 14.5789 2.8586 14.7987 3.6485 14.9603C4.43587 15.1214 5.51687 15.2162 6.99967 15.2162C8.48248 15.2162 9.56348 15.1214 10.3508 14.9603C11.1407 14.7987 11.5922 14.5789 11.8572 14.3608C12.3412 13.9624 12.3759 13.437 12.3759 12.4347C12.3759 11.8191 11.9312 11.1363 10.9374 10.5713C9.96178 10.0166 8.57097 9.65314 6.99967 9.65314C5.42839 9.65314 4.03758 10.0166 3.062 10.5713ZM2.42183 9.45662C3.62557 8.77225 5.24545 8.36936 6.99967 8.36936C8.75391 8.36936 10.3738 8.77225 11.5775 9.45662C12.763 10.1306 13.6662 11.1596 13.6662 12.4347C13.6662 12.4627 13.6662 12.491 13.6663 12.5196C13.6673 13.3975 13.6687 14.5359 12.6796 15.35C12.1919 15.7514 11.5143 16.0329 10.6107 16.2178C9.70458 16.4032 8.52756 16.5 6.99967 16.5C5.47179 16.5 4.29477 16.4032 3.38863 16.2178C2.48502 16.0329 1.80746 15.7514 1.31974 15.35C0.330621 14.5359 0.332009 13.3975 0.333079 12.5196C0.333114 12.491 0.333149 12.4627 0.333149 12.4347C0.333149 11.1596 1.23635 10.1306 2.42183 9.45662Z' fill='%23e6261b'/%3E%3C/svg%3E");
        }

    .header-menu .header-btn a {
        padding: 12px 15px;
        background-color: var(--primary-color);
        border-radius: 12px;
        display: flex;
        align-items: center;
        color: var(--white-color);
        gap: 8px;
    }

        .header-menu .header-btn a:hover {
            background: #483F7C !important;
            border-color: #483F7C !important;
            color: var(--white-color) !important;
        }

    .header-menu .header-btn:hover a {
        color: var(--brand-green);
        background-color: var(--light-blue);
    }

    .header-menu .header-btn a .nm_icon {
        display: block;
    }

    .header-menu .header-btn a .hover_icon {
        display: none;
    }

    .header-menu .header-btn a:hover .nm_icon {
        display: none;
    }

    .header-menu .header-btn a:hover .hover_icon {
        display: block;
    }

    .header-menu .header-btn a span, .header-menu .header-btn:hover a span {
        color: var(--white-color);
    }

    .header-menu button.mobile-nav-toggle {
        padding: 0;
        background: transparent;
        border: none;
        outline: none;
        z-index: 1111;
    }

    .header-menu .mobile-nav-toggle span.nav-menu-icon {
        border: none;
        cursor: pointer;
        display: flex;
        height: 20px;
        position: relative;
        transform: rotate(0);
        transition: transform .5s ease-in-out;
        width: 30px;
        will-change: transform;
    }

        .header-menu .mobile-nav-toggle span.nav-menu-icon span {
            background: #636363;
            border-radius: 2px;
            display: block;
            height: 2px;
            left: 0;
            opacity: 1;
            position: absolute;
            transform: rotate(0);
            transition: transform .25s ease-in-out;
            width: 100%;
        }

            .header-menu .mobile-nav-toggle span.nav-menu-icon span:nth-child(2), span.nav-menu-icon span:nth-child(3) {
                top: 8px;
            }

            .header-menu .mobile-nav-toggle span.nav-menu-icon span:first-child {
                top: 0px;
            }

            .header-menu .mobile-nav-toggle span.nav-menu-icon span:nth-child(4) {
                top: 16px;
            }

header[data-state="mobile-expanded"] .header-menu .mobile-nav-toggle span.nav-menu-icon span:first-child {
    left: 50%;
    top: 10px;
    width: 0;
}

header[data-state="mobile-expanded"] .header-menu .mobile-nav-toggle span.nav-menu-icon span:nth-child(2) {
    left: -12.5%;
    transform: rotate(45deg);
    width: 125%;
}

header[data-state="mobile-expanded"] .header-menu .mobile-nav-toggle span.nav-menu-icon span:nth-child(3) {
    left: -12.5%;
    transform: rotate(-45deg);
    width: 125%;
}

header[data-state="mobile-expanded"] .header-menu .mobile-nav-toggle span.nav-menu-icon span:nth-child(4) {
    left: 50%;
    top: 10px;
    width: 0;
}

.header-menu .menu__main-ul.medium_ul {
    display: none;
    position: relative;
    z-index: 1111;
}
/* footer */
.footer-wrapper {
    background-color: var(--primary-color );
}

.footer-menu {
    padding: 25px 0 68px 0;
}

.footer-wrapper, .footer-wrapper a {
    color: var(--white-color);
}

    .footer-wrapper .active a {
        color: var(--secondary-color);
    }

.footer-menu-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 25px;
    justify-content: space-between;
    align-items: center;
}

ul.footer__menu-ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 55px;
}

    ul.footer__menu-ul .ftr_divider {
        color: #584E94;
    }

.social_wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

    .social_wrapper .ftr-social-link {
        padding: 5px;
        background-color: var(--brand-green);
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background .3s ease-in-out;
    }

        .social_wrapper .ftr-social-link img {
            width: 14px;
            height: 15px;
            display: inline-block;
        }

        .social_wrapper .ftr-social-link:hover {
            background-color: var(--secondary-color);
            transition: background .3s ease-in-out;
        }

.footer-main {
    padding: 143px 0 85px 0;
    position: relative;
    overflow: hidden;
}

.footer-title h2 {
    text-align: center;
    font-size: 64px;
    font-weight: 500;
    line-height: 1.15;
}

.footer-title {
    position: relative;
    z-index: 1;
}

.footer-animation {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 250px;
    bottom: 0px;
    left: 0;
    z-index: 0;
    display: flex;
    align-items: flex-end;
}

    .footer-animation img {
        max-width: 100%;
        width: 100%;
        min-height: 220px;
        max-height: 300px;
        object-fit: cover;
        object-position: top center;
    }

.text-center {
    text-align: center;
}

.copyright-wrapper {
    padding: 8px 0;
    background: #231E3E;
    border-radius: 50px 50px 0 0;
}

    .copyright-wrapper p {
        font-size: 12px;
        color: #9895A9;
        line-height: 1.2;
    }

        .copyright-wrapper p a {
            color: inherit;
        }

@media (max-width: 1440px) {
    .footer-main {
        padding-bottom: 50px;
    }
}

@media (max-width: 1199px) {
    .header-menu ul.menu__main-ul {
        gap: 22px;
    }
    /* footer */
    ul.footer__menu-ul {
        gap: 10px 20px;
    }
}

@media (min-width: 1025px) {
    .mobile-nav-toggle {
        display: none;
    }
}

@media screen and (min-width: 521px) and (max-width: 1024px) {
    .header-menu .menu__main-ul.main_ul .medium_hide {
        display: none;
    }

    .header-menu .menu__main-ul.medium_ul {
        display: flex;
    }
}

@media (max-width: 1024px) {
    body.menu-open {
        overflow: hidden;
    }

    ul.menu__main-ul.main_ul {
        position: fixed;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        top: 0;
        right: -100%;
        padding: 85px 20px 20px 20px;
        background: var(--bg-color1);
        max-width: 360px;
        width: 100%;
        height: 100vh;
        z-index: 11;
        box-shadow: 0px 0px 10px 0px #9f9f9f7d;
        transition: right .4s ease-in-out;
    }

    header[data-state="mobile-expanded"] ul.menu__main-ul.main_ul {
        right: 0%;
        transition: right .4s ease-in-out;
    }

    header:after {
        content: "";
        width: 0;
        height: 100%;
        position: fixed;
        right: -100%;
        top: 0;
        background: #000000;
        transition: all .3s ease-in-out;
        opacity: 0.6;
    }

    header[data-state="mobile-expanded"]:after {
        width: 100%;
        right: 0;
        opacity: 0.6;
    }
    /* footer */
    .ftr-logo img {
        max-width: 163px;
    }

    .footer-menu {
        padding: 25px 0 28px 0;
    }

    .footer-nav {
        width: 100%;
        order: 3;
    }
}

@media (max-width: 520px) {
    .header-menu .menu__main-ul.main_ul .lg_hide {
        display: none;
    }

    ul.menu__main-ul.main_ul {
        max-width: 100%;
        left: -100%;
        align-items: flex-start;
        transition: left .3s ease-in-out;
        box-shadow: none;
    }

    header[data-state="mobile-expanded"] ul.menu__main-ul.main_ul {
        right: auto;
        left: 0%;
        transition: left .3s ease-in-out;
    }

    .footer-title h2 {
        font-size: 35px
    }

    .ftr-logo {
        order: 0;
    }

    .footer-nav {
        order: 1;
    }

    .social_wrapper {
        order: 3;
        margin-top: 10px;
    }

    .footer-nav ul.footer__menu-ul {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    ul.footer__menu-ul .ftr_divider {
        display: none;
    }

    .footer-main {
        padding-bottom: 45px;
        padding-top: 90px;
    }

    .footer-animation img {
        min-height: 160px;
    }

    .footer-menu {
        padding-top: 10px;
    }
}
/* end header */

/* home page */
.slide-section .slide-left {
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0);
}
/* When the .animated class is added */
.slide-section.animated .slide-left {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


/* Initial state for the right slide */
.slide-section .slide-right {
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-transform: translate3d(360px, 0, 0);
    transform: translate3d(360px, 0, 0);
}
/* When the .animated class is added */
.slide-section.animated .slide-right {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0); /* Move to the original position */
    transform: translate3d(0, 0, 0); /* Move to the original position */
}

/* Initial state for the element */
.slide-section .fade-in {
    opacity: 0; /* Start invisible */
    transform: scale(0.95); /* Slightly scale down the element */
    transition: opacity .9s ease-in-out, transform .4s ease-in-out; /* Smooth transition for both opacity and transform */
}
/* When the element is visible in the viewport */
.slide-section.animated .fade-in {
    opacity: 1; /* Fade in to full visibility */
    transform: scale(1); /* Scale to normal size */
}

/* Initial state for the element */
.slide-section .fade {
    opacity: 0; /* Start invisible */
    transition: opacity .5s ease-in-out /* Smooth transition for both opacity and transform */
}
/* When the element is visible in the viewport */
.slide-section.animated .fade {
    opacity: 1; /* Fade in to full visibility */
}

/* Initial state for the slide-up effect */
.slide-section .slide-up {
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-transform: translate3d(0, 50px, 0); /* Move up from 50px below */
    transform: translate3d(0, 50px, 0); /* Move up from 50px below */
}
/* When the .animated class is added */
.slide-section.animated .slide-up {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0); /* Move to the original position */
    transform: translate3d(0, 0, 0); /* Move to the original position */
}


section {
    max-width: 100vw;
    width: 100%;
    overflow: hidden;
}

.overflow-hidden {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

/* banner */
.hm-top-banner {
    padding: 80px 0 120px 0;
}

.banner-animation {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    max-height: 320px;
    height: auto;
    z-index: 1;
}

.banner-slider {
    margin-top: -20px;
    margin-bottom: -10px;
}

.banner-animation img {
    max-width: 100%;
    width: 100%;
    min-height: 365px;
    height: auto;
    object-fit: cover;
    z-index: 0;
}

.hm-banner-row .banner-title {
    max-width: 1070px;
    width: 100%;
    z-index: 1;
}

    .hm-banner-row .banner-title h1 {
        line-height: 1.25;
    }

.hm-top-banner .image-section {
    margin-top: 2rem;
}

    .hm-top-banner .image-section img {
        max-width: 100%;
        object-fit: cover;
        border-radius: 20px;
    }

.hm-top-banner .right-txt {
    display: flex;
    justify-content: flex-end;
}

.bullet-txt {
    padding-left: 17px;
    font-weight: 600;
}

    .bullet-txt:before {
        content: "";
        width: 10px;
        height: 10px;
        background: var(--secondary-color);
        position: absolute;
        left: 0;
        top: 8px;
        border-radius: 50%;
    }

.relative {
    position: relative;
}

.hm-top-banner .image-section img.radius_svg {
    position: absolute;
    width: 35px;
    height: 35px;
    left: -34px;
    bottom: 0;
    border-radius: 0;
}

.hm-top-banner .image-section img.tr-svg {
    left: auto;
    right: 0;
    bottom: auto;
    top: -34px;
}
/* end banner */

/* hover toogle */
.hover-toggle-row {
    padding: 120px 0 120px 0;
    background: var(--primary-color);
    border-radius: 120px 120px 0 0;
    z-index: 1;
}

.hm-hover-toggle-wrap {
    margin-top: 80px;
}

.hover-toggle-item:not(:last-child) {
    border-bottom: 1px solid #69638F;
    padding-bottom: 40px;
}

.hover-toggle-item {
    padding-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.hm-hover-toggle-wrap .hover-toggle-item .hover-toggle-header h3 {
    color: #69638F;
    font-size: 48px;
    line-height: 1.2;
    font-weight: 400;
    transition: all .1s ease-in-out;
}

.hover-toggle-content {
    display: flex;
    display: none;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.hvr-toggle-content-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 50px;
}

    .hvr-toggle-content-wrap img {
        max-width: 350px;
        max-height: 350px;
    }

.hover-toggle-content .toggle_arrow-btn img {
    max-width: 110px;
}

.hm-hover-toggle-wrap .hover-toggle-item.hovered .hover-toggle-header h3 {
    font-size: 128px;
    color: var(--brand-green);
    transition: all .1s ease-in-out;
}

.hover-toggle-item.hovered .hover-toggle-content {
    display: block;
    opacity: 1;
    transition: opacity .3s ease-in-out;
}

.bottom-animation {
    margin-top: -1px;
    z-index: 0;
}

.top-animation {
    margin-bottom: -1px;
    z-index: 0;
}

.text-animation-img {
    max-width: 100%;
    width: 100%;
    object-fit: contain;
    height: auto;
}
/* end hover toggle */

/* accordion */
.hm-accordion-row {
    padding: 150px 0;
}

.accordion-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 26px;
}

.hm-acc-left-col {
    width: calc(45% - 26px);
}

.hm-acc-right-col {
    width: 55%;
}

.hm-accordion-title-wrap {
    margin-top: 55px;
}

.accordion-title-inner {
    max-width: 425px;
    width: 100%;
}

.hm-accordion-title-wrap .accordion-title {
    cursor: pointer;
}

    .hm-accordion-title-wrap .accordion-title:not(:first-child) {
        padding-top: 24px;
    }

    .hm-accordion-title-wrap .accordion-title:not(:last-child) {
        border-bottom: 1px solid #D7D4CF;
        padding-bottom: 24px;
    }

    .hm-accordion-title-wrap .accordion-title p {
        display: flex;
        align-items: center;
        gap: 10px 16px;
        transition: opacity .3s ease-in-out;
    }

    .hm-accordion-title-wrap .accordion-title.active p {
        font-weight: 600;
        transition: opacity .3s ease-in-out;
    }

    .hm-accordion-title-wrap .accordion-title.active .num {
        color: var(--secondary-color);
    }

.accordion-wrapper .accordion-content {
    display: none;
}

    .accordion-wrapper .accordion-content.active-content {
        display: block;
    }

.hm-acc-content-wrap .content_title {
    display: flex;
    align-items: center;
    gap: 24px;
    font-weight: 600;
    padding: 0 10px 32px 0;
    width: 42%;
    border-radius: 0 0 25px 0;
    position: absolute;
    background: var(--bg-color1);
    top: -1px;
    left: -1px;
    z-index: 1111111;
}

    .hm-acc-content-wrap .content_title .num {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 50px;
        min-width: 50px;
        height: 50px;
        background: var(--secondary-color);
        border-radius: 50%;
    }

.hm-acc-content-wrap .radius_svg {
    position: absolute;
    width: 35px;
    height: 35px;
}

    .hm-acc-content-wrap .radius_svg.lb-svg {
        left: 0px;
        bottom: -34.5px;
        transform: rotate(180deg);
    }

    .hm-acc-content-wrap .radius_svg.tr-svg {
        top: 0px;
        right: -34px;
        transform: rotate(-180deg);
    }

.main-content-wrap img {
    max-width: 100%;
    width: 100%;
    border-radius: 25px;
}

.hm-acc-content-wrap .main-content-wrap:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 25px;
}

.hm-acc-content-wrap .main-content-wrap .accordion-txt {
    position: absolute;
    left: 46%;
    top: 20px;
    z-index: 1;
    padding: 0 15px 0 0;
}
/* end accordion */
/* image grid */
.hm-image-grid .image-grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 24px;
}

.hm-image-grid .imggrid-col .imggrid-col-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
}

.hm-image-grid .right-imggrid-col .imggrid-col-inner {
    justify-content: flex-end;
    align-items: flex-end;
    padding-left: 20px;
}

.hm-image-grid .left-imggrid-col .imggrid-col-inner {
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 20px;
}

.hm-image-grid .image-grid-wrapper .right-imggrid-col {
    padding-left: calc(calc(100% - 1340px) / 2);
}

.hm-image-grid .image-grid-wrapper .left-imggrid-col {
    padding-right: calc(calc(100% - 1340px) / 2);
}

.hm-image-grid .image-grid-wrapper .sm_col {
    width: 32%;
}

.hm-image-grid .image-grid-wrapper .lg_col {
    width: calc(68% - 24px);
}

.hm-image-grid .image-grid-wrapper img {
    max-width: 100%;
    width: 100%;
    border-radius: 15px;
}

.hm-image-grid .image-grid-wrapper .right-imggrid-col .lg_col img {
    border-radius: 15px 0 0 15px;
}

.hm-image-grid .image-grid-wrapper .left-imggrid-col .lg_col img {
    border-radius: 0 15px 15px 0;
}

.bg-textbox {
    padding: 50px 50px 75px 50px;
    border-radius: 25px;
    background: var(--primary-color);
    min-height: 405px;
    height: auto;
}

.row-bullet-box:before {
    content: "";
    width: 20px;
    height: 20px;
    background: var(--secondary-color);
    border-radius: 50%;
    display: block;
    margin-bottom: 20px;
}

.overlay-btn-col {
    padding: 20px 0 0 20px;
    width: 45%;
    min-width: 205px;
    background: var(--bg-color1);
    position: absolute;
    right: -1px;
    bottom: -1px;
    z-index: 0;
    display: flex;
    justify-content: flex-end;
    border-radius: 25px 0 0 0;
}

    .overlay-btn-col img.radius_svg {
        position: absolute;
        width: 35px;
        height: 35px;
        border-radius: 0;
    }

        .overlay-btn-col img.radius_svg.lb-svg {
            bottom: 0;
            left: -34px;
        }

        .overlay-btn-col img.radius_svg.tr-svg {
            top: -34px;
            right: 0;
        }
/* end iimage grid */
/* text animation */
.hm-text-animation {
    padding: 235px 0 200px 0;
}

.animation-inner img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.breadcrumb-txt {
    margin-bottom: -10px;
    text-align: right;
    z-index: 1;
}

.text-animation-wrap .bullet-txt {
    padding-left: 30px;
}

    .text-animation-wrap .bullet-txt:before {
        top: 16px;
        width: 16px;
        height: 16px;
    }
/* end text animation*/
/* cta */
.cta-banner {
    margin-bottom: -1px;
    background: linear-gradient(180deg, rgba(246,242,235,1) 61%, rgba(47,41,81,1) 65%, rgba(47,41,81,1) 100%);
    background: -webkit-linear-gradient(280deg, rgba(246,242,235,1) 61%, rgba(47,41,81,1) 65%, rgba(47,41,81,1) 100%);
}

.cta-img-wrap img {
    width: 100%;
    min-height: 800px;
    height: auto;
    object-fit: cover;
    border-radius: 100px 100px;
}

.cta-content-box {
    background-color: var(--brand-green);
    padding: 56px 56px 82px 56px;
    border-radius: 32px;
    max-width: 600px;
    width: 100%;
}

.cta-txt {
    margin-bottom: 40px;
}
/* end cta */

/* end home page */


/* about us page */
/* top banner */
.au-top-banner {
    padding: 40px 0 20px 0;
}

.about-banner-img {
    margin-bottom: 24px;
}

    .about-banner-img img {
        border-radius: 30px;
    }

.dflex {
    display: flex;
}

.wrap {
    flex-wrap: wrap;
}

.about-banner-content {
    gap: 24px;
}

    .about-banner-content .about-banner-title {
        width: 65%;
    }

        .about-banner-content .about-banner-title h1 {
            line-height: 1;
        }

.about-banner-bullet {
    width: calc(35% - 24px);
    padding: 2rem 3rem 0 0;
}
/* end top banner */
/* button hover animation */
.au-txt-img-banner {
    padding: 100px 0 150px 0;
    background: var(--brand-green);
    border-radius: 0 0 100px 100px;
}

    .au-txt-img-banner .h5 {
        font-size: 32px;
    }

.max-880 {
    max-width: 880px;
    width: 100%;
}

.ab-btn-img-wrap {
    margin-top: 4rem;
    gap: 20px;
    align-items: flex-end;
}

    .ab-btn-img-wrap .btn-col {
        width: 30%;
    }

    .ab-btn-img-wrap .img-col {
        width: calc(70% - 20px);
    }

        .ab-btn-img-wrap .img-col img {
            border-radius: 20px;
        }

    .ab-btn-img-wrap .circle {
        position: relative;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ab-btn-img-wrap .text {
        position: absolute;
        width: 100%;
        height: 100%;
    }

        .ab-btn-img-wrap .text:hover {
            animation: rotateText 10s linear infinite;
        }

    .ab-btn-img-wrap .circle_arrow {
        position: absolute;
        width: 50px;
        height: 50px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

@keyframes rotateText {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* end button hover animation */
/* image & textbox */
.img-txtbox {
    padding: 150px 0 200px 0;
}

.img-txtbox-wrap {
    gap: 50px;
}

.imgbox-col {
    width: calc(55% - 50px);
    flex-direction: column;
    justify-content: space-between;
}

.textbox-inner-wrap {
    width: 45%;
    flex-direction: column;
    gap: 24px;
}

.imgbox-col img {
    margin-top: 20px;
    border-radius: 24px;
}

.textbox-col {
    padding: 40px 40px;
    background-color: var(--white-color);
    border-radius: 24px;
}

    .textbox-col .bullet-txt {
        margin-bottom: 8px;
    }
/* end image & textbox */
/* text animation banner */
.about-animate-banner-row {
    padding-bottom: 70px;
}

.about-animation-banner .animation img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.au-animation-txt-wrp {
    z-index: 1;
}

.fs98 {
    font-size: 98px;
    line-height: 1.1;
}

.fs96 {
    font-size: 96px;
}
/* end text animation banner */
/* about image grid */
.about-sec.hm-image-grid {
    padding: 200px 0 150px 0;
}

.about-sec .overlay-btn-col {
    min-width: 285px;
}
/* end about image grid */

/* end about us page */

/* organization page */
/* top banner */
.pg-top-banner {
    padding: 120px 0 150px 0;
    background: var(--primary-color);
    border-radius: 0 0 100px 100px;
}

.pg-top-banner-row .banner-animation {
    top: 200px;
    max-height: unset;
}

    .pg-top-banner-row .banner-animation img {
        min-height: 300px;
    }

.pg-top-banner-wrap {
    z-index: 1;
}

.pg-top-banner-row .banner-text {
    margin-top: 90px;
}

    .pg-top-banner-row .banner-text .bullet-txt {
        max-width: 322px;
        width: 100%;
        color: var(--bg-color1);
    }

.pg-top-banner-row .top-banner-content {
    align-items: center;
    gap: 24px;
    margin-top: -50px;
}

    .pg-top-banner-row .top-banner-content .banner-text-col {
        width: calc(50% - 24px);
    }

    .pg-top-banner-row .top-banner-content .banner-image-col {
        width: 50%;
    }

.pg-top-banner-row .banner-txt-col-inner {
    max-width: 505px;
    width: 100%;
}

.banner-txt-col-inner h4 {
    margin-bottom: 24px;
}

.pg-top-banner-row .top-banner-content .banner-image-col img {
    border-radius: 24px;
}
/* end top banner */
/* hover toggle */
.or-pg-hover-toggle {
    padding: 200px 0 135px 0;
}

    .or-pg-hover-toggle .bullet-txt {
        width: 60%;
    }

.hover-toggle-header h3 {
    font-size: 48px;
    transition: color .3s ease-in-out;
}

.hovered .hover-toggle-header h3 {
    color: var(--secondary-color);
    transition: color .3s ease-in-out;
}

.hover-toggle-item {
    padding-top: 48px;
}

    .hover-toggle-item:not(:last-child) {
        padding-bottom: 48px;
    }

.or-hover-toggle-wrap.hover-toggle-wrap {
    padding-top: 35px;
}

.hvr-toggle-content-wrap img {
    max-width: 385px;
    max-height: 385px;
}

.or-hover-toggle-wrap .hover-toggle-header {
    width: calc(100% - 320px);
}
/* end hover toggle */
/* cta */
.organization-cta .cta-content-box {
    padding: 56px 56px;
}

.organization-cta h3 {
    line-height: 1.15;
    font-weight: 500;
    letter-spacing: -0.3px;
    margin-bottom: 40px;
}
/* end cta */
/* end organization page */
/* contact page */
.contact-top-banner {
    padding: 105px 0 120px 0;
}

.contact-info-wrap {
    z-index: 1;
    gap: 24px;
    align-items: center;
}

.contact-top-banner .banner-animation {
    top: 125px;
}

    .contact-top-banner .banner-animation img {
        min-height: auto;
    }

.contact-info-col {
    width: calc(55% - 24px);
    margin-top: 100px;
}

.contact-form-col {
    width: 45%;
}

.contact-form-inner {
    width: 100%;
    padding: 40px 40px;
    border-radius: 20px;
    background-color: var(--white-color);
}

.form-ewrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px 12px;
}

    .form-ewrapper .half-col {
        width: calc(50% - 6px);
    }

    .form-ewrapper .full-col {
        width: 100%;
    }

    .form-ewrapper .form-col label {
        font-weight: 600;
        font-size: 14px;
        display: block;
        margin-bottom: 4px;
    }

    .form-ewrapper .form-col input, .form-ewrapper .form-col select, .form-ewrapper .form-col textarea {
        padding: 14px 16px;
        border: 1px solid #E0DFD3;
        outline: none;
        border-radius: 12px;
        color: var(--primary-color);
        width: 100%;
        font-size: 16px;
        font-family: "Figtree", sans-serif;
    }

        .form-ewrapper .form-col input::placeholder, .form-ewrapper .form-col textarea::placeholder {
            color: var(--gray1);
            font-size: 16px;
            font-family: "Figtree", sans-serif;
        }

    .form-ewrapper .form-col textarea {
        height: 120px;
        resize: none;
    }

    .form-ewrapper .form-col select {
        position: relative;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.0678 1H8.93222C3.37111 1 1 3.37111 1 8.93222V15.0678C1 20.6289 3.37111 23 8.93222 23H15.0678C20.6289 23 23 20.6289 23 15.0678V8.93222C23 3.37111 20.6289 1 15.0678 1ZM21.46 15.0678C21.46 19.7856 19.7856 21.46 15.0678 21.46H8.93222C4.21444 21.46 2.54 19.7856 2.54 15.0678V8.93222C2.54 4.21444 4.21444 2.54 8.93222 2.54H15.0678C19.7856 2.54 21.46 4.21444 21.46 8.93222V15.0678Z' fill='%232F2951'/%3E%3Cpath d='M16.6444 11.1078L12.6111 15.3978C12.44 15.5811 12.22 15.6667 12 15.6667C11.78 15.6667 11.56 15.5811 11.3889 15.3978L7.35556 11.1078C7.02556 10.7533 7.02556 10.1667 7.35556 9.82444C7.68556 9.47 8.23556 9.47 8.56556 9.82444L12 13.4667L15.4344 9.82444C15.7644 9.47 16.3144 9.47 16.6444 9.82444C16.9744 10.1667 16.9744 10.7533 16.6444 11.1078Z' fill='%232F2951'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: calc(100% - 15px) center;
        background-size: 22px;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
    }

        .form-ewrapper .form-col select option, .form-ewrapper .form-col select option:hover {
            color: var(--primary-color);
        }

            .form-ewrapper .form-col select option:hover {
                background: var(--bg-color1);
            }

.form-col.submit-col {
    justify-content: flex-end;
    width: 100%;
}

    .form-col.submit-col input.main-btn {
        width: auto;
        padding: 13px 45px 11px 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='11.5' stroke='white'/%3E%3Cpath d='M8.25 8.25H15.75V15.75' stroke='white' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M15.75 8.25L8.25 15.75' stroke='white' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat !important;
        background-position: calc(100% - 12px) center !important;
        background-size: 24px !important;
        color: var(--white-color);
    }

        .form-col.submit-col input.main-btn:hover {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='11.5' stroke='%23BFD85A'/%3E%3Cpath d='M8.25 8.25H15.75V15.75' stroke='%23BFD85A' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M15.75 8.25L8.25 15.75' stroke='%23BFD85A' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");
        }

.contact-info-inner ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .contact-info-inner ul li a {
        display: flex;
        align-items: center;
        gap: 15px;
        font-size: 24px;
    }

.contact-info-col .social_wrapper {
    justify-content: flex-start;
    margin-top: 24px;
}

.cursor-pointer {
    cursor: pointer;
}

.text-danger {
    --bs-text-opacity: 1;
    color: #ff0000 !important;
}

/* end contact page */
/* responsive */
@media (min-width: 767px) {
    .img-overlay-box {
        position: absolute;
        width: 28%;
        height: auto;
        right: -1px;
        bottom: -1px;
        background-color: var(--bg-color1);
        padding: 25px 0 0 25px;
        border-radius: 25px 0px 0px 0px;
    }

    .hover-toggle-content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
    }

    .cta-content-box {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width: 1440px) {
    h1.h1, .h1 {
        font-size: 100px;
    }
    /* home page responsive */
    .hm-hover-toggle-wrap .hover-toggle-item.hovered .hover-toggle-header h3 {
        font-size: 70px;
    }
    /* end home page responsive */
}

@media (max-width: 1350px) {
    .h3.medium-small {
        font-size: 35px;
    }
}

@media (max-width: 1200px) {
    .or-hover-toggle-wrap .hover-toggle-item .hover-toggle-header h3 {
        font-size: 35px;
    }
}

@media (max-width: 1024px) {
    h1.h1, .h1 {
        font-size: 75px;
    }

    .h2 {
        font-size: 42px;
    }

    .h3 {
        font-size: 40px;
    }

    .h4 {
        font-size: 34px;
    }

    .h5 {
        font-size: 24px;
    }

    h6 {
        font-size: 22px;
    }

    .fs98.fs96 {
        font-size: 60px;
    }

    .mb2 {
        margin-bottom: 20px;
    }
    /* home page responsive */
    .hm-top-banner {
        padding: 60px 0 60px 0;
    }

    .hm-top-banner {
        padding: 60px 0 60px 0;
    }

    .banner-animation img {
        min-height: 230px;
    }

    .img-overlay-box {
        width: 55%;
    }

    .hover-toggle-row {
        padding: 65px 0 65px 0;
        border-radius: 65px 65px 0 0;
    }

    .hm-hover-toggle-wrap {
        margin-top: 0;
    }

    .hover-toggle-item.hovered .hover-toggle-header h3 {
        font-size: 48px;
    }

    .hvr-toggle-content-wrap img {
        max-width: 270px;
        max-height: 270px;
    }

    .hover-toggle-content .toggle_arrow-btn img {
        max-width: 90px;
    }

    .hvr-toggle-content-wrap {
        column-gap: 25px;
    }

    .hm-accordion-row {
        padding: 65px 0 65px 0;
    }

    .hm-image-grid .imggrid-col .imggrid-col-inner {
    }

    .hm-image-grid .image-grid-wrapper .sm_col {
        width: 40%;
    }

    .hm-image-grid .image-grid-wrapper .lg_col {
        width: calc(60% - 24px);
    }

    .bg-textbox.relative {
        padding: 20px 20px 80px 20px;
        min-height: auto;
    }

    .hm-accordion-title-wrap {
        margin-top: 25px;
    }

        .hm-accordion-title-wrap .accordion-title:not(:last-child) {
            padding-bottom: 18px;
        }

        .hm-accordion-title-wrap .accordion-title:not(:first-child) {
            padding-top: 18px;
        }

    .hm-text-animation {
        padding: 140px 0 140px 0;
    }

    .animation-inner {
        margin: 10px 0;
    }

    .cta-img-wrap img {
        min-height: 700px;
        border-radius: 65px 65px;
    }

    .cta-content-box {
        padding: 35px 20px;
        max-width: 65%;
    }

    .cta-txt {
        margin-bottom: 10px;
    }

    .fs-24 {
        font-size: 22px;
    }
    /* end home page responsive */
    /* about page responsive */
    .about-banner-content .about-banner-title {
        width: 100%;
    }

    .about-banner-bullet {
        width: 100%;
        padding: 1rem 0;
    }

    .au-txt-img-banner {
        padding: 65px 0;
        border-radius: 0 0 65px 65px;
    }

    .img-txtbox {
        padding: 65px 0;
    }

    .img-txtbox-wrap {
        gap: 24px;
    }

    .imgbox-col {
        width: 100%;
    }

    .textbox-inner-wrap {
        width: 100%;
        gap: 20px;
    }

    .textbox-col {
        padding: 30px 30px;
    }

    .about-animate-banner-row {
        padding-bottom: 30px;
    }

    .about-sec.hm-image-grid {
        padding: 65px 0 65px;
    }

    .imggrid-col-inner .bg-textbox h2 {
        font-size: 35px;
    }

    .about-sec .overlay-btn-col {
        padding: 10px 0 0 10px;
        min-width: 270px;
    }

    .au-txt-img-banner .h5 {
        font-size: 24px;
    }
    /* end about page responsive */
    /* organization page responsive */
    .pg-top-banner-row .top-banner-content {
        margin-top: -10px;
    }

    .pg-top-banner {
        padding: 65px 0 65px 0;
        border-radius: 0 0 65px 65px;
    }

    .or-pg-hover-toggle {
        padding: 65px 0 65px 0;
    }

    .organization-cta .cta-content-box {
        padding: 40px 40px;
    }

    .organization-cta h3 {
        margin-bottom: 20px;
    }
    /* end organization page responsive */
    /* contact page responsive */
    .contact-info-col {
        width: calc(50% - 24px);
    }

    .contact-form-col {
        width: 50%;
    }

    .contact-form-inner {
        padding: 25px 25px;
    }

    .form-ewrapper {
        row-gap: 10px;
    }

    .contact-top-banner {
        padding: 65px 0 65px 0;
    }
    /* end contact page responsive */

}

@media (max-width: 766px) {
    .pg-width {
        padding-left: 20px;
        padding-right: 20px;
    }

    h1.h1, .h1 {
        font-size: 40px;
    }

    .h2 {
        font-size: 36px;
    }

    .h3 {
        font-size: 32px;
    }

    .h4 {
        font-size: 28px;
    }

    .h5 {
        font-size: 22px;
    }

    h6 {
        font-size: 20px;
    }

    .fs98.fs96 {
        font-size: 40px;
    }

    .fs-20 {
        font-size: 18px;
    }

    .fs-24 {
        font-size: 20px;
    }

    .mb1 {
        margin-bottom: 0.65rem;
    }

    .mb2 {
        margin-bottom: 15px;
    }
    /* home page responsive */
    .hm-top-banner {
        padding: 45px 0 45px 0;
    }

    .hm-banner-row .banner-title h1 {
        line-height: 1.2;
    }

    .banner-slider {
        margin: 0 0;
    }

    .banner-animation img {
        min-height: 130px;
    }

    .bullet-txt:before {
        transform: none;
    }

    .hm-top-banner .image-section {
        margin-top: 1rem;
    }

    .img-overlay-box {
        margin-top: 10px;
        width: 100%;
    }

    .main-btn {
        padding: 8px 12px 10px 15px;
    }

        .main-btn svg {
            width: 20px;
            height: 20px;
            margin-top: 2px;
        }

    .hover-toggle-row {
        padding: 45px 0 20px 0;
        border-radius: 45px 45px 0 0;
    }

    .scroll_animation .text-animation-img {
        object-fit: cover;
        height: 110px;
    }

    .hover-toggle-item {
        padding-top: 15px;
        flex-wrap: wrap;
    }

        .hover-toggle-item:not(:last-child) {
            padding-bottom: 15px;
        }

    .hm-hover-toggle-wrap .hover-toggle-item .hover-toggle-header h3 {
        font-size: 28px;
    }

    .hm-hover-toggle-wrap .hover-toggle-item.hovered .hover-toggle-header h3 {
        font-size: 36px;
    }

    .hvr-toggle-content-wrap img {
        max-width: 65%;
    }

    .hover-toggle-content {
        margin-top: 10px;
    }

        .hover-toggle-content .toggle_arrow-btn img {
            max-height: 55px;
        }

    .hm-accordion-row {
        padding: 45px 0 45px 0;
    }

    .hm-acc-left-col {
        width: 100%;
    }

    .hm-acc-right-col {
        width: 100%;
    }

    .hm-accordion-title-wrap .accordion-title:not(:last-child) {
        padding-bottom: 10px;
    }

    .hm-accordion-title-wrap .accordion-title:not(:first-child) {
        padding-top: 10px;
    }

    .hm-acc-content-wrap .content_title {
        position: relative;
        width: 100%;
        padding: 0 0 10px 0;
    }

    .hm-top-banner .image-section img.radius_svg, .hm-acc-content-wrap .radius_svg {
        display: none;
    }

    .hm-acc-content-wrap .content_title .num {
        max-width: 35px;
        min-width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .hm-acc-content-wrap .main-content-wrap .accordion-txt {
        top: 0;
        left: 0;
        padding: 20px;
    }

    .main-content-wrap img, .hm-acc-content-wrap .main-content-wrap:after {
        border-radius: 15px;
    }

    .hm-image-grid .image-grid-wrapper {
        gap: 10px;
    }

    .hm-image-grid .imggrid-col .imggrid-col-inner {
        gap: 10px;
        padding: 0 20px;
    }

    .hm-image-grid .image-grid-wrapper .sm_col, .hm-image-grid .image-grid-wrapper .lg_col {
        width: 100%;
    }

    .hm-image-grid .imggrid-col .imggrid-col-inner img {
        border-radius: 15px !important;
    }

    .bg-textbox.relative {
        border-radius: 15px;
    }

    .overlay-btn-col {
        border-radius: 15px 0 0 0;
        min-width: 190px;
    }

    .hm-image-grid .overlay-btn-col img.radius_svg {
        border-radius: 0 !important;
    }

    .hm-text-animation {
        padding: 65px 0 65px 0;
    }

    .animation-inner {
        margin: 15px 0 10px 0;
    }

    .hm-text-animation .h4 {
        font-size: 18px;
    }

    .text-animation-wrap .bullet-txt:before {
        top: 6px;
        width: 10px;
        height: 10px;
    }

    .text-animation-wrap .bullet-txt {
        padding-left: 20px;
    }

    .hm-text-animation h6 {
        font-size: 16px;
    }

    .cta-img-wrap img {
        min-height: auto;
        border-radius: 25px 25px 0 0;
    }

    .cta-banner .pg-width {
        padding-left: 0px;
        padding-right: 0px;
    }

    .cta-content-box {
        padding: 25px 20px;
        max-width: 100%;
        border-radius: 0 0 25px 25px;
    }
    /* end home page responsive */
    /* about us page responsive */
    .au-top-banner {
        padding: 20px 0;
    }

    .about-banner-img img {
        border-radius: 16px;
    }

    .about-banner-bullet {
        padding-top: 0;
    }

    .au-txt-img-banner {
        padding: 32px 0 45px 0;
        border-radius: 0 0 40px 40px;
    }

    .ab-btn-img-wrap {
        margin-top: 1rem;
    }

        .ab-btn-img-wrap .btn-col {
            width: 100%;
            order: 2;
        }

        .ab-btn-img-wrap .img-col {
            width: 100%;
        }

            .ab-btn-img-wrap .img-col img {
                border-radius: 16px;
            }

        .ab-btn-img-wrap .circle {
            width: 100px;
            height: 100px;
            margin: 0 auto;
        }

        .ab-btn-img-wrap .circle_arrow {
            width: 25px;
            height: 25px;
        }

    .img-txtbox {
        padding: 45px 0;
    }

    .textbox-inner-wrap {
        gap: 10px;
    }

    .textbox-col {
        padding: 20px 20px;
    }

    .about-animate-banner-row {
        padding-bottom: 0;
    }
    /* end about us page responsive */
    /* organization page responsive */
    .pg-top-banner {
        padding: 45px 0;
        border-radius: 0 0 40px 40px;
    }

    .pg-top-banner-row .banner-text {
        margin-top: 20px;
    }

    .pg-top-banner-row .banner-animation img {
        min-height: 150px;
    }

    .pg-top-banner-row .banner-animation {
        top: 50px;
    }

    .pg-top-banner-row .top-banner-content {
        margin-top: 32px;
    }

    .banner-txt-col-inner h4 {
        margin-bottom: 15px;
    }

    .pg-top-banner-row .top-banner-content .banner-text-col, .pg-top-banner-row .top-banner-content .banner-image-col {
        width: 100%;
    }

    .or-pg-hover-toggle {
        padding: 40px 0 0px 0;
    }

    .or-hover-toggle-wrap.hover-toggle-wrap {
        padding-top: 20px;
    }

    .or-pg-hover-toggle .bullet-txt {
        width: 100%;
    }

    .or-hover-toggle-wrap .hover-toggle-header {
        width: 100%;
    }

    .or-hover-toggle-wrap .hover-toggle-item .hover-toggle-header h3 {
        font-size: 20px;
    }

    .organization-cta .cta-content-box {
        padding: 20px 20px;
    }
    /* end organization page responsive */
    /* contact page responsive */
    .contact-top-banner {
        padding: 25px 0 45px 0;
    }

        .contact-top-banner .banner-animation {
            position: relative;
            top: auto;
        }

    .contact-info-col {
        width: 100%;
        margin-top: 0;
    }

    .contact-info-wrap {
        flex-wrap: wrap;
        margin-top: 24px;
    }

    .contact-info-inner ul li a {
        font-size: 18px;
    }

    .contact-info-inner ul {
        gap: 15px;
    }

    .contact-info-col .social_wrapper {
        margin-top: 15px;
    }

    .contact-form-inner {
        padding: 20px 20px;
        width: 100%;
    }

    .contact-form-col {
        width: 100%;
    }

    .form-ewrapper .half-col {
        width: 100%;
    }
    /* end contact page responsive */

}
/* end responsive */

/*
.alert {
    --mdb-alert-bg: transparent;
    --mdb-alert-padding-x: 1.5rem;
    --mdb-alert-padding-y: 1.25rem;
    --mdb-alert-margin-bottom: 1rem;
    --mdb-alert-color: inherit;
    --mdb-alert-border-color: transparent;
    --mdb-alert-border: 1px solid var(--mdb-alert-border-color);
    --mdb-alert-border-radius: 0.5rem;
    position: relative;
    padding: var(--mdb-alert-padding-y) var(--mdb-alert-padding-x);
    margin-bottom: var(--mdb-alert-margin-bottom);
    color: var(--mdb-alert-color);
    background-color: var(--mdb-alert-bg);
    border: var(--mdb-alert-border);
    border-radius: var(--mdb-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4.5rem
}

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.5625rem 1.5rem
    }

.alert-primary {
    --mdb-alert-color: #234479;
    --mdb-alert-bg: #d8e3f4;
    --mdb-alert-border-color: #c4d4ef
}

    .alert-primary .alert-link {
        color: #1c3661
    }

.alert-secondary {
    --mdb-alert-color: #5f646b;
    --mdb-alert-bg: #ecedf0;
    --mdb-alert-border-color: #e2e4e8
}

    .alert-secondary .alert-link {
        color: #4c5056
    }

.alert-success {
    --mdb-alert-color: #0c622e;
    --mdb-alert-bg: #d0eddb;
    --mdb-alert-border-color: #b9e4ca
}

    .alert-success .alert-link {
        color: #0a4e25
    }

.alert-danger {
    --mdb-alert-color: #842e3c;
    --mdb-alert-bg: #f8dbe0;
    --mdb-alert-border-color: #f5c9d1
}

    .alert-danger .alert-link {
        color: #6a2530
    }

.alert-warning {
    --mdb-alert-color: #896110;
    --mdb-alert-bg: #faecd1;
    --mdb-alert-border-color: #f7e3bb
}

    .alert-warning .alert-link {
        color: #6e4e0d
    }

.alert-info {
    --mdb-alert-color: #326c7f;
    --mdb-alert-bg: #ddf0f6;
    --mdb-alert-border-color: #cce9f2
}

    .alert-info .alert-link {
        color: #285666
    }

.alert-light {
    --mdb-alert-color: #646464;
    --mdb-alert-bg: #fefefe;
    --mdb-alert-border-color: #fefefe
}

    .alert-light .alert-link {
        color: #505050
    }

.alert-dark {
    --mdb-alert-color: #1f1b1b;
    --mdb-alert-bg: #d6d5d5;
    --mdb-alert-border-color: #c2c0c0
}

    .alert-dark .alert-link {
        color: #191616
    }


.alert {
    border: 0
}

.alert-absolute {
    position: absolute
}

.alert-fixed {
    --mdb-alert-fixed-z-index: 1070;
    position: fixed;
    z-index: var(--mdb-alert-fixed-z-index)
}

.parent-alert-relative {
    position: relative
}

.alert-primary {
    background-color: #dfe7f6;
    color: #2c58a0
}

    .alert-primary i {
        color: #376fc8
    }

    .alert-primary .alert-link {
        color: #2c58a0
    }

        .alert-primary .alert-link:hover {
            color: #234680
        }

.alert-secondary {
    background-color: #ebedef;
    color: #40464f
}

    .alert-secondary i {
        color: #565e6c
    }

    .alert-secondary .alert-link {
        color: #40464f
    }

        .alert-secondary .alert-link:hover {
            color: #33383f
        }

.alert-success {
    background-color: #d6f0e0;
    color: #0d6832
}

    .alert-success i {
        color: #139647
    }

    .alert-success .alert-link {
        color: #0d6832
    }

        .alert-success .alert-link:hover {
            color: #0a5328
        }

.alert-danger {
    background-color: #f9e1e5;
    color: #af233a
}

    .alert-danger i {
        color: #d62e4a
    }

    .alert-danger .alert-link {
        color: #af233a
    }

        .alert-danger .alert-link:hover {
            color: #8c1c2e
        }

.alert-warning {
    background-color: #fbf0da;
    color: #73510d
}

    .alert-warning i {
        color: #a17112
    }

    .alert-warning .alert-link {
        color: #73510d
    }

        .alert-warning .alert-link:hover {
            color: #5c410a
        }

.alert-info {
    background-color: #def1f7;
    color: #1c657d
}

    .alert-info i {
        color: #2686a6
    }

    .alert-info .alert-link {
        color: #1c657d
    }

        .alert-info .alert-link:hover {
            color: #165164
        }

.alert-light {
    background-color: #f5f5f5;
    color: #4f4f4f
}

    .alert-light i {
        color: #8c8c8c
    }

    .alert-light .alert-link {
        color: #4f4f4f
    }

        .alert-light .alert-link:hover {
            color: #3f3f3f
        }

.alert-dark {
    background-color: #332e2e;
    color: #f5f5f5
}

    .alert-dark i {
        color: #e8e8e8
    }

    .alert-dark .alert-link {
        color: #f5f5f5
    }

        .alert-dark .alert-link:hover {
            color: #c4c4c4
        }


.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(59, 113, 202, .25);
    opacity: 1
}

.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    --mdb-toast-zindex: 1060;
    --mdb-toast-padding-x: 1rem;
    --mdb-toast-padding-y: 0.65rem;
    --mdb-toast-spacing: 1.5rem;
    --mdb-toast-max-width: 350px;
    --mdb-toast-font-size: 0.875rem;
    --mdb-toast-bg: #fff;
    --mdb-toast-border-width: 1px;
    --mdb-toast-border-color: var(--mdb-border-color-translucent);
    --mdb-toast-border-radius: 0.5rem;
    --mdb-toast-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
    --mdb-toast-header-color: #757575;
    --mdb-toast-header-bg: #fff;
    --mdb-toast-header-border-color: rgba(0, 0, 0, 0.05);
    width: var(--mdb-toast-max-width);
    max-width: 100%;
    font-size: var(--mdb-toast-font-size);
    color: var(--mdb-toast-color);
    pointer-events: auto;
    background-color: var(--mdb-toast-bg);
    background-clip: padding-box;
    border: var(--mdb-toast-border-width) solid var(--mdb-toast-border-color);
    box-shadow: var(--mdb-toast-box-shadow);
    border-radius: var(--mdb-toast-border-radius)
}

    .toast.showing {
        opacity: 0
    }

    .toast:not(.show) {
        display: none
    }

.toast-container {
    --mdb-toast-zindex: 1060;
    position: absolute;
    z-index: var(--mdb-toast-zindex);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

    .toast-container > :not(:last-child) {
        margin-bottom: var(--mdb-toast-spacing)
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--mdb-toast-padding-y) var(--mdb-toast-padding-x);
    color: var(--mdb-toast-header-color);
    background-color: var(--mdb-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--mdb-toast-border-width) solid var(--mdb-toast-header-border-color);
    border-top-left-radius: calc(var(--mdb-toast-border-radius) - var(--mdb-toast-border-width));
    border-top-right-radius: calc(var(--mdb-toast-border-radius) - var(--mdb-toast-border-width))
}

    .toast-header .btn-close {
        margin-right: calc(var(--mdb-toast-padding-x)*-0.5);
        margin-left: var(--mdb-toast-padding-x)
    }

.toast-body {
    padding: var(--mdb-toast-padding-x);
    word-wrap: break-word
}

.end-0 {
    right: 0 !important;
}

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