:root {
    --white: #ffffff;
    --black: #303030;
    --theme-gredient: linear-gradient(120deg, #48519E 11%, #1FAE95 33%, #C8D834 90%);
    --theme-gredient-1: linear-gradient(120deg, #48519E, #1FAE95);
    --theme-gredient-2: linear-gradient(120deg, #ED7136, #F2A408);
    --theme-gredient-menu: linear-gradient(45deg, #48519E, #1FAE95, #C8D834);
    --theme-blue: #48519E;
    --light-yellow: #FBFFEF;
    --theme-light-green: #1FAE95;
    --theme-yellow-main: #F9EA1D
}

@media (max-width:1199px) {
    .dropdown-toggle::after {
        display: none
    }

    header {
        margin-top: 0;
        background-color: var(--white)
    }

    .main_banner {
        padding: 13rem 0 10rem
    }

    .navbar-nav>.nav-item {
        padding: 0;
        letter-spacing: .03125rem
    }

    .dropdown-item {
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
        max-width: 100%
    }

    .dropdown-menu li:not(:last-child) {
        -webkit-transition: .3s !important;
        -o-transition: .3s !important;
        transition: .3s !important;
        border-bottom: 1px solid #f3f3f3
    }

    .common_banner {
        padding: 11rem 0 4rem
    }
}

@media (max-width:991px) {
    .sustainable_box2 {
        margin-top: 8.5rem
    }
}

@media (max-width:575px) {
    .logo {
        height: 2.5rem;
        z-index: 3
    }

    .box_mainlogo {
        height: 2rem
    }

    .captchabox {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center
    }
}

@media (min-width:576px) {
    .common_banner {
        padding: 10rem 0 4rem
    }

    .vismishead {
        margin-top: -1.3rem
    }
}

@media (min-width:768px) {
    .bannerheadtxt {
        font-size: 2rem
    }

    .vismishead {
        margin-top: -1.5rem
    }
}

@media (min-width:992px) {
    .about_section_img {
        border-radius: 0 1.5rem 1.5rem 0
    }

    .vismishead {
        margin-top: -1.8rem
    }
}

@media (min-width:1200px) {
    .common_banner {
        padding: 14rem 0 4rem
    }

    .offcanvas {
        visibility: visible;
        position: relative;
        background: 0 0;
        border: none;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }

    .navbar-nav .nav-item {
        padding: 0;
        letter-spacing: .03125rem;
        border-radius: 50rem;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .header_ul>li>a,
    .navbar-nav .dropdown-menu li a {
        color: var(--black)
    }

    .dropdown-menu li a::before {
        position: absolute;
        top: .5rem;
        left: -.1rem;
        width: 100%;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        height: 100%;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        font-family: 'Font Awesome 5 Free';
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left;
        color: var(--theme-orange_new);
        font-weight: 900;
        content: '\f178'
    }

    .dropdown-menu li a:hover::before {
        color: var(--theme-light-green);
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .dropdown-menu li a:hover {
        -webkit-transform: translateX(1rem);
        -ms-transform: translateX(1rem);
        transform: translateX(1rem)
    }

    .navbar-nav .nav-item a {
        color: var(--theme-blue);
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        padding: .4rem 1.3rem !important
    }

    .navbar-nav .nav-item>a {
        border-radius: 50rem
    }

    .navbar-nav .nav-item.dropdown a {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        padding: .4rem 2.2rem .4rem 1.3rem !important
    }

    .navbar-nav .nav-item:hover>a {
        background: var(--theme-gredient-menu);
        color: var(--white) !important
    }

    .navbar-nav .nav-item:not(:last-child):hover::before {
        left: 10%;
        width: 80%
    }

    .navbar-nav .nav-item.reg_btn_header::before {
        content: none
    }

    .dropdown:hover>.dropdown-menu,
    .dropend:hover>.dropdown-menu,
    .nav-item.dropdown:hover>.dropdown-menu {
        display: block
    }

    .dropend .dropdown-menu {
        top: 0;
        left: 100%;
        overflow: hidden
    }

    .g-recaptcha_inquire {
        -webkit-transform: scale(.8) !important;
        -ms-transform: scale(.8) !important;
        transform: scale(.8) !important
    }

    .footer_col_logo {
        border-right: .0625rem solid #ffffff94;
        position: relative
    }

    .footer_col_logo::after {
        content: "";
        position: absolute;
        top: 9.5rem;
        right: 0;
        width: calc(100% - 6rem);
        height: 0;
        border-bottom: .0625rem solid #ffffff94;
        background-color: #ffffff94;
        opacity: .5
    }

    .navbar .dropdown-menu-end {
        right: 0;
        left: auto
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        margin-top: 0
    }

    .navbar .dropend:hover>.nav-link,
    .navbar .nav-item:hover>.nav-link {
        color: var(--theme-orange)
    }

    .navbar .dropdown-menu.fade-down {
        top: 80%;
        -webkit-transform: rotateX(-75deg);
        transform: rotateX(-75deg);
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        transform-origin: 0% 0%
    }

    .navbar .dropdown-menu.fade-up {
        top: 140%
    }

    .dropend:hover>.dropdown-menu {
        top: 0 !important
    }

    .navbar .dropend:hover>.dropdown-menu,
    .navbar .nav-item:hover>.dropdown-menu {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }

    .program_accordion .accordion-item:nth-child(2n) {
        -webkit-transform: translateX(2rem);
        -ms-transform: translateX(2rem);
        transform: translateX(2rem)
    }

    .header_box_ltk {
        border-radius: 1rem
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1150px
    }

    .home_future_slider {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right
    }
}

@media (min-width:1366px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1220px
    }

    .common_banner {
        padding: 16rem 0 4rem
    }

    section {
        padding: 5rem 0
    }
}

@media (min-width:1440px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1320px
    }
}

@media (min-width:1800px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1500px
    }
}

@media (min-width:1921px) {
    .banner_content {
        margin-top: 13rem
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 80% !important
    }

    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .swiper-wrapper .container {
        max-width: 93% !important
    }

    html {
        font-size: calc(12px + (18 - 12) * ((100vw - 1200px) / (1920 - 1200)))
    }
}