@media (min-width: 1024px) and (max-width: 1024px) {
}

@media (min-width: 768px) and (max-width: 1024px) {
}

@media only screen and (max-width: 767px) {
    .d-none-xs {
        display: none !important;
    }

    .d-block-xs {
        display: block !important;
    }

    .menu-main {
        display: block;
    }

    .menu-icon {
        position: relative;
        padding: 0;
        margin: 0;
        width: 40px;
        height: 40px;
        border: 1px solid transparent;
        border-radius: 50%;
        padding: 0;
        transition: all .5s ease;
    }

    .main_header.inner-header .menu-icon .lines span {
        background: #363636 !important;
    }

    .sm_btn a .arrow svg {
        width: 10px;
    }

    .main_header.inner-header {
        padding: 5vw;
    }

    .menu-icon .lines {
        width: 100%;
        transition: all .5s ease-in-out;
        margin-top: 0;
    }

        .menu-icon .lines span {
            width: 100%;
            height: 2px;
            background: #fff;
            display: block;
            margin-bottom: 6px;
            position: relative;
            left: 0;
            transition: all .5s ease-in-out;
        }
    /*.menu-icon:hover .lines span{
        background: #CE2030;
    }*/
    .menu-icon.close-icon {
        top: 0;
        width: 34px;
        height: 34px;
    }

        .menu-icon.close-icon.main-btn {
        }

        .menu-icon.close-icon:before,
        .menu-icon.close-icon:after {
            content: '';
            /*background: #fff;*/
        }

        .menu-icon.close-icon:hover,
        .menu-icon.close-icon:hover {
            /* border-color: #fff; */
        }

        .menu-icon.close-icon .lines {
            width: 100%;
        }

    .menu-icon .lines span:last-child {
        margin-bottom: 0;
        width: 100%;
        left: 0;
    }

    .menu-icon.close-icon span:first-child {
        transform: rotate(45deg);
        width: 100%;
        left: 0;
    }
    /*.menu-icon.close-icon {
        transform: rotate(45deg);
    }*/
    .menu-icon.close-icon .lines span {
        background: #fff !important;
    }

    .menu-icon.close-icon span:last-child {
        transform: rotate(135deg);
        margin: -9px 0 -2px;
        left: 0;
        width: 100%;
    }

    .menu-icon.close-icon:hover .lines span {
        /*background: #fff;*/
    }

    body.menu-opened .menu-icon-main {
        right: 0;
        top: 0;
    }

    .menu-opened .main_header {
        padding: 5vw;
    }

    /*menu*/
    body.menu-opened .menu-main {
        left: 0;
    }

    .menu-main {
        height: 100%;
        left: -100%;
        padding: 0;
        position: fixed;
        top: 0;
        /*background: #007CBB;*/
        background: rgba(16, 97, 70, 1);
        /*background: url(../images/hero-section.jpg);*/
        transition: all 1s cubic-bezier(0.9, 0.01, 0, 1) 0s;
        width: 0;
        z-index: 11;
        width: 100%;
    }

    .menu-icon-main {
        position: relative;
        top: 0;
        z-index: 11;
        right: 0;
    }

    .links-main {
        align-items: flex-start;
        display: flex;
        height: 100%;
        transition: all .5s ease-in-out;
        z-index: 2;
        position: relative;
        padding: 6vw 0 0;
    }

    .menu-main .links-main ul {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 100%;
        z-index: 200;
    }

        .menu-main .links-main ul li {
            display: flex;
            position: relative;
            margin: 0 0 2vw;
        }

            .menu-main .links-main ul li .item {
                display: flex;
                align-items: center;
                position: relative;
            }

        .menu-main .links-main ul > li a {
            font-weight: 500;
            font-size: 30px;
            line-height: 1;
            color: #fff;
            text-decoration: none;
            transition: all .5s ease-in-out;
            display: flex;
            justify-content: flex-start;
            align-items: end;
            padding: 0;
            position: relative;
            padding: 0 0 5px;
            transition: all .7s ease;
        }

            .menu-main .links-main ul > li a:before {
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 1px;
                background: #fff;
                transition: all .7s ease;
                opacity: 0;
                visibility: hidden;
            }

            .menu-main .links-main ul > li a.active:before,
            .menu-main .links-main ul > li a:hover:before {
                opacity: 1;
                visibility: visible;
                width: 100%;
            }

            .menu-main .links-main ul > li a.active,
            .menu-main .links-main ul > li a:hover {
                padding-left: 7px;
            }

            .menu-main .links-main ul > li a svg {
                width: 50px;
                margin-left: 20px;
            }

        .menu-main .links-main ul li.sub-item {
            display: flex;
            flex-direction: column;
        }

            .menu-main .links-main ul li.sub-item .time {
                display: flex;
                align-items: center;
            }

                .menu-main .links-main ul li.sub-item .time a {
                    margin-right: 20px;
                }

                .menu-main .links-main ul li.sub-item .time .drop-btn {
                    margin: 0;
                    padding: 0;
                }

        .menu-main .links-main ul li .drop-menu {
            display: none;
        }

        .menu-main .links-main ul li .drop-btn svg {
            transition: all .5s ease;
            transform: rotate(0deg);
            width: 18px;
            top: -7px;
            position: relative;
        }

        .menu-main .links-main ul li .drop-btn.active svg {
            transition: all .5s ease;
            transform: rotate(180deg);
        }


    .nav-mb {
        height: 100%;
        width: 100%;
        padding-top: 25vw;
    }

        .nav-mb ul {
            height: 100%;
            width: 100%;
            display: flex;
            justify-content: center;
            flex-direction: column;
            padding: 0vw 5vw;
        }

            .nav-mb ul li {
                margin-bottom: 10vw;
            }

                .nav-mb ul li a {
                    font-size: 30px;
                    color: #fff;
                    position: relative;
                    overflow: hidden;
                    display: inline-block;
                    font-weight: 400;
                }

                    .nav-mb ul li a:hover {
                        color: #fff;
                    }

                    .nav-mb ul li a:before {
                        content: '';
                        position: absolute;
                        width: 100%;
                        height: 2px;
                        bottom: 0;
                        left: 0;
                        z-index: 1;
                        background: #fff;
                        transition: transform 0.5s;
                        transform: scale(0);
                        transform-origin: right;
                    }

                    .nav-mb ul li a:hover:before {
                        transform: scale(1);
                        transform-origin: left;
                    }

    .banner-video video {
        height: 100vh;
    }

    .nav {
        display: none;
    }

    .main_header .logo {
        width: 45%;
    }

    .main_header {
        width: 90%;
        padding: 5vw;
        top: 5vw;
        border-radius: 10px;
        z-index: 15;
    }

    .search-wrap .lang a {
        font-size: 16px;
    }

    .search-box a svg {
        width: 20px;
        height: 20px;
    }

    .search-wrap {
        grid-gap: 3vw;
    }

    .banner-text h2 {
        font-size: 52px;
        padding-bottom: 6vw;
    }

    .banner-text {
        top: 50%;
        width: 90%;
        left: 5vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .banner-text p {
            font-size: 20px;
            padding-bottom: 7vw;
            width: 100%;
        }

    .afg_btn {
        font-size: 16px;
        padding: 2vw 4vw;
        grid-gap: 3vw;
    }

        .afg_btn:before {
            right: 3vw;
            top: 2vw;
        }

    .legacy-boxes {
        overflow: scroll;
        grid-gap: 4vw;
        margin-top: -20vw;
    }

    .lgc-box {
        grid-gap: 5vw !important;
        padding: 18px;
        align-items: center;
        width: 300px;
    }

        .lgc-box.first_lgc.right {
            width: 65%;
            grid-gap: 3vw;
        }

        .lgc-box.first_lgc .left {
            width: 35%;
            gap: 10vw;
            padding: 0;
        }

    .left h3 {
        font-size: 26px;
    }

    .sm_btn a .infos {
        font-size: 16px;
    }

    .sm_btn a .arrow {
        width: 30px;
        height: 30px;
    }

    .sub-box {
        width: 50%;
        grid-gap: 10vw;
        justify-content: stretch;
        height: min-content;
        padding: 10px;
    }

    .sm_btn a {
        grid-gap: 3vw;
    }

    .sub-box h2 {
        font-size: 34px;
    }

    .sub-box p {
        font-size: 12px;
        width: 65%;
    }

    .heritage {
        margin-top: 15vw;
    }

        .heritage h4 {
            font-size: 20px;
            margin-bottom: 7vw;
        }

    .who-we-are {
        padding: 5vw;
        padding-bottom: 15vw;
        padding-right: 0;
        margin-bottom: 10vw;
    }

    .heritage-content {
        width: 100%;
        margin-right: auto;
        margin-left: 0;
    }

        .heritage-content h2 {
            font-size: 35px;
            margin-bottom: 7vw;
        }

        .heritage-content h3 {
            font-size: 17px;
            padding-bottom: 8vw;
            padding-right: 0;
            line-height: 25px;
        }

    .hert-description {
        width: 100%;
        padding-left: 25px !important;
        margin-bottom: 10vw;
        margin-right: auto;
        margin-left: 0;
        padding-right: 0;
    }

        .hert-description p {
            font-size: 16px !important;
            line-height: 24px;
        }

    .heritage-cta {
        grid-gap: 7vw;
    }

    .simple_button a {
        font-size: 16px;
        padding: 3vw 5vw;
        display: inline-flex;
    }

    .busniess-model {
        flex-direction: column;
        gap: 10vw;
        padding: 10vw 0 0;
        margin-bottom: 15vw;
    }

    .bus-left {
        width: 100%;
        padding: 15vw 5vw;
    }

    .bus-right {
        width: 90%;
        padding: 10vw 5vw;
        margin: auto;
    }

    .bus-left h3 {
        font-size: 20px;
        padding-bottom: 5vw;
    }

    .bus-left h2 {
        font-size: 30px;
        padding-bottom: 15vw;
    }

    .sm_btn_gn a .infos {
        font-size: 17px;
    }

    .sm_btn_gn a .arrow {
        width: 30px;
        height: 30px;
    }

    .sm_btn_gn a {
        grid-gap: 3vw;
    }

    .faqs-holder ul li h3 {
        font-size: 20px;
        margin-bottom: 7vw;
    }

        .faqs-holder ul li h3 i {
            font-size: 15px;
        }

        .faqs-holder ul li h3 > div {
            grid-gap: 2.5vw;
        }

    .cont-left p {
        font-size: 12px;
        margin-bottom: 9vw;
        line-height: 1.3;
    }

    .faqs-holder .sm_btn a .infos {
        font-size: 11px;
    }

    .faqs-holder ul li h3 .plus span {
        width: 25px;
    }

    .faqs-holder ul li {
        padding-bottom: 6vw;
        margin-bottom: 8vw;
    }

    .food_btn a {
        padding: 10px 15px;
        font-size: 12px;
    }

    .food_btn {
        margin-bottom: 5vw;
    }

    .portfolio_cards {
        padding: 7vw 5vw;
    }

        .portfolio_cards p {
            line-height: 1.3;
            width: 100%;
        }

    .protfolio_card_logo {
        width: 40%;
        margin-bottom: 5vw;
    }

    .portflio_btns {
        flex-direction: column;
        grid-gap: 5vw;
        margin-bottom: 7vw;
    }

    .pagi_head {
        align-items: baseline;
        flex-direction: column;
        margin-bottom: 9vw;
    }

    .portfolio_container {
        padding-top: 8vw;
        margin-bottom: 15vw;
        padding-bottom: 13vw;
        padding: 15vw 0;
    }

        .portfolio_container p {
            font-size: 18px;
            margin-bottom: 10vw;
        }

    .pagi_head .page {
        font-size: 17px;
    }

    .pagi_head .pagination {
        gap: 3vw;
        justify-content: end;
        width: 100%;
    }

    .pagination .nums {
        gap: 1vw;
    }

        .pagination .nums.active .line {
            width: 15vw;
        }

    .box-logo img {
        width: 100%;
    }

    .strategic_sec {
        margin-bottom: 15vw;
        padding-left: 5vw;
    }

        .strategic_sec h3 {
            font-size: 20px;
        }

        .strategic_sec h2 {
            font-size: 35px;
            margin-bottom: 20vw !important;
        }

    .main-strategic {
        padding-top: 20vw;
    }

    .front-box p {
        font-size: 17px;
    }

    .hover-box {
        bottom: 23vw;
    }

    .box-content p {
        font-size: 17px;
    }

    .box-content p {
        font-size: 17px;
    }

    .box-content i {
        font-size: 16px;
    }

    .box-content {
        padding: 6vw 4vw;
        justify-content: space-between;
    }

    .front-box {
        padding: 8vw 8vw 8vw 4.5vw;
        gap: 8vw;
    }

    .hover-box .simple_button a span {
        font-size: 12px;
    }

    .hover-box .sm_btn a .infos {
        font-size: 12px;
    }

    .d-flex.white {
        grid-gap: 5vw;
    }

    .partners_container > p {
        font-size: 20px;
        margin-bottom: 10vw;
    }

    .venture_container h2 {
        font-size: 25px;
        width: 40%;
        margin-bottom: 5vw;
    }

    .venture_container {
        padding: 8vw 7vw;
    }

        .venture_container p {
            font-size: 17px;
            line-height: 1.3;
        }

        .venture_container h3 {
            font-size: 17px;
            margin-bottom: 5vw;
        }

    .venture_logo {
        right: 4.5vw;
        top: 4vw;
    }

    .partner_image img {
        width: 100%;
    }

    .partners_container {
        padding-bottom: 10vw;
        padding-left: 5vw;
    }

    .faisaliah_group {
        flex-direction: column;
        align-items: self-start;
        gap: 10vw;
    }

    .ft-logo {
        width: 70%;
    }

    .ft_about ul li a, .ft_insights ul li a {
        font-size: 16px;
    }

    .fooer_bg img {
        height: 100vh;
        object-fit: cover;
    }

    .footer_content {
        padding: 10vw 5vw 5vw 5vw;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .ft_links {
        /* flex-direction: column; */
        gap: 2vw;
        width: 100%;
    }

    .ft-info {
        flex-direction: column;
        align-items: self-start;
        grid-gap: 15vw;
        margin-bottom: 10vw;
    }

    .mail_links a {
        font-size: 18px;
    }

    .mail_links {
        flex-direction: column;
        align-items: baseline;
    }

    .mail_adress h3 {
        font-size: 16px;
        padding-left: 6vw;
        margin-bottom: 5vw;
    }

        .mail_adress h3:before {
            width: 3.2vw;
            top: 2vw;
        }

    .afg_email {
        display: inline-flex;
        padding: 16px;
        width: 100%;
        font-size: 20px;
    }

    .mail_adress input::placeholder {
        font-size: 20px;
    }

    .lower_ft {
        padding-right: 0;
    }

    .copyright a {
        font-size: 16px;
    }

    .copyright {
        align-items: flex-start;
    }

    .social-links {
        flex-direction: column;
        gap: 10vw;
        align-items: flex-start;
    }

    .follow_icons p {
        font-size: 16px;
    }

    .ft_icon a svg {
        width: 20px;
        height: 20px;
    }

    .icons_container {
        gap: 5vw;
    }

    .follow_icons {
        gap: 8vw;
        padding-left: 5vw;
    }

        .follow_icons p:before {
            width: 3.2vw;
            left: -5vw;
            top: 7px;
        }
    /* About us */
    .main_header.inner-header .logo {
        width: 45%;
    }

    .define-us {
        padding: 40vw 5vw 15vw;
    }

    nav.breadcrumb {
        top: 25vw;
        gap: 2vw;
        left: 5vw;
    }

    .breadcrumb-item {
        font-size: 14px;
    }

    span.breadcrumb-arrow {
        width: 25px;
        height: 25px;
    }

    .define-us h2 {
        font-size: 35px;
        margin-bottom: 8vw;
    }

    .define-dec h3 {
        font-size: 20px;
        margin-bottom: 7vw;
    }

    .define-dec {
        width: 100%;
        padding-left: 5vw;
        padding-top: 3vw;
        padding-bottom: 3vw;
    }

        .define-dec p {
            font-size: 17px;
        }

    .visn_sec ul li a {
        font-size: 18px;
    }

    .visn_sec ul li {
        margin-bottom: 5vw;
    }

    .n_text h2 {
        font-size: 25px;
        margin-bottom: 5vw;
    }

    .n_text h3 {
        font-size: 18px;
    }

    .n_text {
        padding-right: 5vw;
        padding-top: 20vw;
        margin-bottom: 10vw;
    }

    .visn_sec ul {
        padding-top: 20vw;
    }

    .mission_bx {
        grid-template-columns: repeat(1, 1fr);
    }

    .valuesTab .text {
        flex-direction: column;
        padding-top: 20vw;
        width: 70%;
        grid-gap: 5vw;
    }

        .valuesTab .text h2 {
            font-size: 25px;
            width: 100%;
        }

        .valuesTab .text .left h3 {
            font-size: 14px;
            margin-bottom: 6vw;
            line-height: 20px;
        }

        .valuesTab .text .left {
            width: 100%;
        }

            .valuesTab .text .left p {
                font-size: 14px;
                line-height: 18px;
            }

    .integritySwiper .inner {
        min-height: 37vh;
        padding: 5vw;
        justify-content: start;
    }

    .integritySwiper h2 {
        font-size: 30px;
    }

    .integritySwiper p {
        font-size: 17px;
    }

    .integritySwiper {
        margin-top: 15vw;
    }

    .heritage-common {
        flex-direction: column;
        text-align: left;
        gap: 15vw;
        padding: 20vw 5vw;
    }

    .heri-left {
        width: 100%;
    }

    .heri-right {
        width: 100%;
    }

    .heri-right {
        justify-content: left;
    }

    .heri-left h2 {
        font-size: 30px;
    }
    /* out businesses */
    .build-fad .refill {
        font-size: 25px;
    }

    .build-fad {
        padding: 15vw 3.5vw;
        height: 80vh;
        margin-bottom: 15vw;
    }
    /* apart */
    .apart h3 {
        font-size: 20px !important;
    }

    .apart ul li h3 .plus {
        right: 0;
    }

    .faqs-holder.apart ul li h3 {
        grid-gap: 10vw;
    }

    .apart .cont-left p {
        font-size: 12px;
        margin-bottom: 0;
    }

    .cont-right {
        width: 30%;
    }

    .cont-left {
        width: 70%;
    }

    .page-what-sets-us-apart .define-us h2 {
        font-size: 30px;
    }

    .faqs-holder.apart ul li .content {
        align-items: center;
    }

    .faqs-holder.apart ul li {
    }

    .portfolio-box {
        padding: 8vw 5vw;
    }

        .portfolio-box p {
            font-size: 14px;
            margin-bottom: 5vw;
        }

        .portfolio-box h3 {
            margin-bottom: 5vw;
            font-size: 25px;
        }

    .portfolio-list li h4 {
        font-size: 13px;
        padding-left: 3vw;
        margin-bottom: 1vw;
    }

    .portfolio-list li {
        width: 100%;
    }

    .portfolio-list {
        margin-bottom: 3vw;
    }

    .number-box {
        /* flex-direction: column; */
        width: 100%;
        grid-gap: 2vw;
        padding-bottom: 5vw;
    }

    .n-box {
        width: 100%;
        padding: 4vw;
        min-height: 35vw;
        justify-content: space-between;
        padding: 3vw 5vw 4vw;
    }

        .n-box h2 {
            margin: 0 !important;
        }

        .n-box p {
            margin-bottom: 0;
        }
    /* portfolio */
    .fix-nav {
        display: none;
    }

    .sticky-section {
        padding: 14vw 5vw 7vw 5%;
        flex-direction: column;
        gap: 15vw;
    }

        .sticky-section .dropdown {
            background: #106146;
            width: 100%;
            margin-right: auto;
            padding: 4vw 5vw;
            border-radius: 10px;
            display: block !important;
            left: 0;
        }

            .sticky-section .dropdown button {
                padding: 0 !important;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

                .sticky-section .dropdown button.active {
                    color: navajowhite;
                }

    .btn-check:checked + .btn,
    .btn.active,
    .btn.show,
    .btn:first-child:active,
    :not(.btn-check) + .btn:active {
        border: none;
    }

    .sticky-section .dropdown button span {
        font-size: 20px;
        color: #fff;
    }

    .dropdown-menu {
        width: 100%;
        padding: 0;
        transform: translate(0, 50px) !important;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        background: #106146;
    }

    .dropdown-item {
        font-size: 16px;
        padding: 3vw 5vw;
    }

    .sticky-section .dropdown button:after {
        display: none;
    }

    .sticky-section .dropdown button svg {
        stroke: var(--white);
        width: 20px;
        height: 20px;
    }

    button.btn.dropdown-toggle {
        outline: none;
        border: none;
    }

    .menu-main .icons_sec .top_menu ul li > ul {
        display: none;
    }

    .sticky-section > .left {
        position: relative;
        width: 100% !important;
        left: 0;
    }

    .process_sec .info > p {
        font-size: 18px;
        margin-bottom: 10vw !important;
    }

    .process_sec h2 {
        font-size: 28px;
        line-height: 1.1;
        width: 100%;
        padding-bottom: 2vw;
    }

    .sector_swiper_image img {
        height: 90vh;
        object-fit: cover;
    }

    .sector_swiper_content {
        padding: 20vw 5vw 5vw 5vw;
    }

    .process_sec .pagi_head {
        top: 7vw;
    }

    .sector_card_logo {
        flex-direction: column;
        align-items: flex-start;
    }

    .sector_swiper_content h3 {
        font-size: 16px;
        width: 80%;
    }

    .sector_card_logo .food_btn a {
        font-size: 12px;
    }

    .sector_swiper .legacy-boxes {
        width: 100%;
        margin-top: -17vw;
    }

    .page-portfolio-companies .lgc-box {
        flex-direction: row;
    }

    .page-portfolio-companies .lgc-box {
        flex-direction: row;
    }

    .top_numb {
        flex-direction: column;
    }

    .brand_box .top_numb h2 {
        font-size: 30px;
    }

    .brand_box p {
        font-size: 16px;
    }

    .brand_box .top_numb {
        gap: 5vw;
        justify-content: space-between;
    }

    .brand_box .btm_numb {
        flex-direction: column;
        justify-content: space-between;
        gap: 5vw;
    }

    .brand_box {
        width: 250px;
        padding: 5vw;
    }

    .wt_box {
        display: flex;
        gap: 7vw;
        align-items: flex-start;
        padding: 3vw;
    }

    .page-portfolio-companies .heritage-content h3 {
        width: 100%;
        margin-bottom: 8vw;
    }

    .page-portfolio-companies .hert-description {
        padding: 0;
        padding-left: 6vw;
    }

        .page-portfolio-companies .hert-description p {
            width: 100%;
        }

    .page-portfolio-companies .steak_cards {
        width: 100%;
        justify-content: space-evenly;
        padding: 5vw;
    }

        .page-portfolio-companies .steak_cards h3 {
            font-size: 17px;
            width: 100%;
        }

    .hert-description.alfa_stage p {
        font-size: 20px !important;
        width: 100%;
    }

    .hert-description.alfa_stage {
        padding-left: 5vw;
        margin-left: 3vw;
        margin-bottom: 15vw;
    }

    .sticky-main .smasco {
        padding: 14vw 5% 7vw 5%;
    }

    .first_mill > h3 {
        font-size: 25px;
    }

    .mil_thumbnail {
        margin-bottom: 8vw;
    }

    .first_mill > h3 {
        margin-bottom: 8vw;
    }


    .mill_left h2 {
        font-size: 50px;
        padding-bottom: 2vw;
    }

    .mill_left h3 {
        font-size: 14px;
        margin-bottom: 2vw;
    }

    .mill_left p, .mill_right p {
        font-size: 16px;
    }

    .mill_left {
        width: 50%;
        padding: 5vw 5vw;
    }

    .mill_right {
        width: 50%;
        padding: 5vw 5vw;
    }

        .mill_right h2 {
            font-size: 25px;
            padding-bottom: 2vw;
        }

        .mill_right h3 {
            font-size: 44px;
        }

    .mill_card_wrapper {
        grid-gap: 2.5vw;
        margin-bottom: 10vw;
    }

    .hert-description.lead_prargrah {
        padding-left: 9vw;
        padding-right: 0;
        margin-bottom: 10vw;
    }

    .not-search-result ul li a {
        font-size: 22px;
    }

    .not-search-result {
        width: 100%;
    }

    .search-box-main .search-input-holder button svg {
        width: 50px;
        height: 50px;
    }

    .search-input-holder .flex {
        padding: 0 0 2vw;
    }

    .ft_about {
        width: 65%;
    }

    .ft_insights {
        width: 35%;
    }

    .copyright p {
        font-size: 14px;
    }

    .sub-box.nobg_box {
        width: 50%;
    }

    .lgc-box.first_lgc {
        width: 570px;
    }

    .lgc-box .right {
        gap: 5vw;
    }

    .sub-box h2 span {
        display: inline-block;
    }

    .portfolio_cards p {
        font-size: 16px;
    }

    .apart ul li:before {
        width: 100%;
        left: 0;
    }

    .main_header.white-header {
        padding: 5vw;
    }

    .apart {
        padding: 0 5vw 15vw;
    }

    .milestone {
        flex-direction: column;
        width: 100%;
        align-items: start;
        padding: 0 8vw 0 5vw;
    }

    .milestone-images {
        width: 100%;
        gap: 2vw;
    }

        .milestone-images img {
            width: 50%;
        }

    .milestone-text > div h2 {
        font-size: 54px;
        width: 85%;
    }

    .milestone-text p {
        width: 100%;
        font-size: 14px;
        line-height: 1.2;
    }

    .milestone-text {
        width: 100%;
        gap: 10vw;
    }

        .milestone-text p strong {
            font-size: 18px;
        }

        .milestone-text > div .img {
            width: 15%;
        }

            .milestone-text > div .img img {
                width: 100%;
            }

    .milestone_sec {
        padding-top: 30vw !important;
    }

    .history_Sec .define-us h3 {
        font-size: 16px;
    }

    .history_Sec .define-us h2 {
        font-size: 30px;
        margin-bottom: 5vw;
    }

    .historySwiper .pagi_head {
        margin-bottom: 10vw;
    }

    .historySwiper .bullets_sec span {
        width: 8px;
        height: 8px;
    }

    .historySwiper .bullets_sec {
        gap: 2vw;
        top: 50% !important;
    }

    .myBusinesess .portfolio-box {
        height: 75vh;
    }

    .sticky-tab-holder .process_sec .info > p {
        margin-bottom: 5vw !important;
    }

    .sticky-tab-holder .process_sec .info > h2 {
        margin-bottom: 10vw !important;
    }

    .sticky-main2 .sticky-tab-holder .process_sec .info > p {
        margin-bottom: 10vw !important;
    }

    .sticky-section .venture_left {
        left: 0 !important;
    }

    .sticky-main2 .sticky-section {
        padding: 15vw 5vw;
    }

    .process_sec .info {
        width: 100%;
    }

    .venture-firm {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10vw;
    }

    .equity_flex p {
        font-size: 16px;
        line-height: 22px;
        width: 85%;
    }

    .equity_flex {
        margin-bottom: 10vw;
        justify-content: space-between;
        flex-direction: column;
        padding-left: 0;
    }

    .equity_buttn {
        margin-bottom: 10vw;
    }

    .investment_wrapper > p {
        font-size: 16px;
        margin-bottom: 5vw;
    }

    .investment_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 4vw;
    }

    .investment_items {
        padding: 5vw;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
    }

        .investment_items p {
            font-size: 12px;
            width: 100%;
        }

    .investment_image {
        width: 50%;
        margin-left: 0;
    }

    .investment_wrapper {
        margin-bottom: 10vw;
    }

    .equity_card_logo {
        width: 35%;
        margin-left: auto;
    }

    .equity_flex p:before {
        left: -5vw;
    }

    .build-fad h2 {
        font-size: 22px !important;
    }

    .beyound_text {
        width: 90%;
        padding: 0;
        margin-bottom: 15vw;
    }

        .beyound_text h2 {
            font-size: 22px;
            margin-bottom: 10vw;
        }

        .beyound_text p {
            font-size: 14px;
            width: 95%;
            line-height: 20px;
            padding-left: 4vw;
            padding-right: 0;
        }

    .leadershipSwiper .lead_sec .right p {
        font-size: 14px;
    }

    .leadershipSwiper .lead_sec .right p {
    }

    .leadershipSwiper .lead_sec {
        flex-direction: column;
    }

        .leadershipSwiper .lead_sec .left {
            width: 100%;
        }

        .leadershipSwiper .lead_sec .left {
            width: 100%;
            padding: 0;
        }

        .leadershipSwiper .lead_sec .right {
            width: 100%;
            padding: 0;
        }

            .leadershipSwiper .lead_sec .right h2 {
                font-size: 24px;
                line-height: 1;
                margin-bottom: 5vw;
            }

            .leadershipSwiper .lead_sec .right span {
                font-size: 14px;
                padding: 8px 20px;
                margin-bottom: 5vw;
            }

    .bod_sec {
        padding: 15vw 5vw;
    }

    .extive_sec h2 {
        font-size: 16px;
        margin-bottom: 5vw;
    }

    .pagi_head p {
        font-size: 16px;
        margin-bottom: 10vw;
    }

    .extiveSwiper .text h2 {
        font-size: 16px;
    }

    .extiveSwiper .text p {
        font-size: 16px;
        margin-bottom: 3vw;
    }

    .extive_sec {
        padding: 0 0 15vw 5vw;
    }

    .extiveSwiper .text .img {
        margin-bottom: 5vw;
    }

    .modalSwipwer .lead_sec {
        flex-direction: column;
    }

        .modalSwipwer .lead_sec .left {
            width: 40%;
        }

        .modalSwipwer .lead_sec .right {
            width: 100%;
        }

            .modalSwipwer .lead_sec .right p {
                font-size: 14px;
                padding-right: 0;
                margin-bottom: 4vw;
            }

            .modalSwipwer .lead_sec .right h2 {
                font-size: 20px;
                margin-bottom: 3vw;
            }

            .modalSwipwer .lead_sec .right span {
                padding: 2vw 4vw;
                font-size: 12px;
                margin-bottom: 10vw;
            }

    #leaderModal .modal-body {
        padding: 15vw 5vw;
    }

    #leaderModal .close {
        top: 5vw;
        right: 5vw;
    }

    .buiding-banner {
        flex-direction: column;
    }

        .buiding-banner .b-left {
            width: 100%;
        }

        .buiding-banner .b-right {
            width: 100%;
        }

            .buiding-banner .b-right > p {
                font-size: 16px;
                margin-bottom: 10vw;
                padding-bottom: 10vw;
            }

    .carrer-faq ul li h3 {
        gap: 5vw;
        margin: 0;
    }

    .faq-arrow::before {
        width: 30px;
        height: 30px;
        left: -7px;
    }

    .faqs-holder ul li h3 svg {
        width: 15px;
    }

    .buiding-banner .cont-left p {
        font-size: 16px;
    }

    .life-afg .heritage-content {
        padding: 0 5vw;
    }

    .life-afg h2 {
        width: 100%;
    }

    .current-box p {
        font-size: 14px;
    }

    .current-box {
        height: 50vh;
        padding: 5vw;
    }

        .current-box h2 {
            font-size: 28px;
        }

    .open-roles {
        padding: 15vw 0;
    }

    .top-text h2 {
        font-size: 28px;
        margin-bottom: 10vw;
    }

    .top-text h3 {
        font-size: 18px;
    }

    .afg-vid {
        padding: 0 5vw;
    }

    .current-opport {
        padding: 0 0 0 5vw;
    }

    .contact_banner {
        flex-direction: column;
        gap: 10vw;
        padding: 35vw 5vw 10vw;
        height: auto;
    }

        .contact_banner .left {
            width: 100%;
        }

        .contact_banner .right {
            width: 100%;
        }

        .contact_banner .left h2 {
            font-size: 54px;
        }

        .contact_banner .left p {
            font-size: 16px;
            width: 100%;
        }

    .form_sec .form .right .row {
        flex-direction: column;
    }

    .form_sec .form .right .form-group input {
        font-size: 14px;
        padding-bottom: 5vw;
        margin-bottom: 5vw;
    }

    .form_sec .form .right .row .col {
        padding-right: calc(var(--bs-gutter-x) * .0);
    }

    .form_sec .form .right .form-group textarea {
        font-size: 14px;
    }

    .form_sec .form .right .form-group p {
        font-size: 14px;
    }

    .submition-main .form-group input {
        width: 15px;
        height: 15px;
        margin: 0 !important;
    }

    .submition-main .form-group {
        gap: 2vw;
        margin-bottom: 10vw !important;
    }

    .form_sec .form .right {
        width: 90%;
        margin: auto;
    }

    .location_wrap {
        flex-direction: column;
        width: 90%;
        margin: auto;
        align-items: start;
        padding: 10vw 0;
    }

        .location_wrap .left {
            width: 100%;
        }

        .location_wrap .right {
            width: 100%;
        }

            .location_wrap .right > h2 {
                font-size: 32px;
                margin-bottom: 5vw;
            }

    .ofer_sec .head_left > h2 {
        font-size: 22px;
        margin-bottom: 3vw;
    }

    .ofer_sec {
        flex-direction: column;
        gap: 5vw;
    }

        .ofer_sec .head_left {
            width: auto;
        }

            .ofer_sec .head_left p {
                font-size: 16px;
                width: 100%;
                margin-bottom: 3vw;
            }

            .ofer_sec .head_left > div h2 {
                font-size: 14px;
            }

        .ofer_sec .head_right .info p {
            font-size: 18px;
        }

        .ofer_sec .head_right .info > div a {
            font-size: 22px;
        }

        .ofer_sec .head_right .info {
            margin-bottom: 5vw;
            padding-left: 10vw;
        }

            .ofer_sec .head_right .info svg {
                width: 30px;
                height: 30px;
                padding: 2.5vw;
                left: -10vw;
            }

    .error_banner .img picture img {
        height: 100vh;
        object-fit: cover;
    }

    .foun_text h2 {
        font-size: 190px;
    }

    .foun_text p {
        font-size: 18px;
        margin-bottom: 7vw;
    }

    .policy_sec .left ul li {
        font-size: 16px;
    }

    .policy_sec .left {
        position: relative;
        top: 0;
        overflow: scroll;
        left: 0;
    }

        .policy_sec .left ul {
            display: flex;
            width: max-content;
            margin-bottom: 10vw;
            gap: 5vw;
        }

    .policy_sec .right {
        width: 100%;
    }

    h2.reveal {
    }

    .policy_sec .right .info h2 {
        font-size: 20px;
        margin-bottom: 5vw;
    }

    .policy_sec .right .info p {
        font-size: 14px;
    }

    .policy_sec {
        padding: 15vw 5vw;
    }

        .policy_sec .right .info {
            margin-bottom: 5vw;
        }

    .updated-detail {
        font-size: 14px;
    }

    .search_res .define-us h2 {
        font-size: 46px;
        margin-bottom: 5vw;
    }

    .search_res .search-input-holder {
        width: 90%;
        margin-bottom: 10vw;
    }

        .search_res .search-input-holder input {
            font-size: 16px;
        }

    .search_res_grid {
        width: 90%;
        grid-template-columns: repeat(1, 1fr);
        gap: 10vw;
    }

        .search_res_grid .card .badges span {
            font-size: 14px;
            padding: 2vw 3vw;
        }

        .search_res_grid .card .badges {
            margin-bottom: 5vw;
        }

        .search_res_grid .card h2 {
            font-size: 22px;
            margin-bottom: 2vw;
        }

        .search_res_grid .card p {
            font-size: 18px;
            margin-bottom: 5vw;
        }

        .search_res_grid .card {
            padding: 8vw 5vw 8vw;
        }

    .investment_image {
        flex-direction: column;
        width: 100%;
    }

        .investment_image .img {
            width: 100%;
        }

    .direct_investment_btn {
        flex-direction: column;
    }

        .direct_investment_btn .direct_image {
            width: 70%;
        }

            .direct_investment_btn .direct_image img {
                width: 100%;
            }

    .drect_bttn span {
        font-size: 14px;
        margin-bottom: 2vw !important;
        display: inline-block;
    }

    html.menu-opened,
    body.menu-opened {
        overflow: hidden;
    }

    .sub_menu ul {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 20px;
    }

        .sub_menu ul li {
            border: 0;
            margin-bottom: 20px;
        }

            .sub_menu ul li:last-child {
                margin-bottom: 0;
            }

            .sub_menu ul li a {
                font-size: 16px !important;
                padding: 0;
            }

    .arrows_swi .swiper-button-next, .arrows_swi .swiper-button-prev {
        width: 30px;
        height: 30px;
    }

        .arrows_swi .swiper-button-next svg, .arrows_swi .swiper-button-prev svg {
            width: 14px;
            height: 14px;
        }

    .integritySwiper .arrows_swi {
        top: -10vw;
    }

    .afg_email svg {
        width: 30px;
        height: 30px;
    }

    .afg_email button {
        top: 14px;
    }

    .mail_adress input {
        padding-right: 7vw;
    }

    .subscribemsg {
        font-size: 14px;
    }

    .nav-mb ul .sub_menu {
        transition: initial !important;
    }


    .page-portfolio-companies .brand_box {
        width: 315px;
    }

    .page-portfolio-companies .steak_logo {
        height: auto;
        margin-bottom: 10vw;
    }

    #leaderModal .modal-content {
        height: 90vh;
    }

    .modalSwipwer .lead_sec .right {
        height: 52vh;
        overflow: hidden;
    }

    .page-careers {
    }

    .carrer-faq ul li {
        margin: 0;
        padding: 5vw 0 !important;
    }

    .integritySwiper .swiper-slide:last-child .inner {
        padding: 5vw;
    }

    .venture_sec .sticky-section {
        padding: 10vw 5vw;
    }

    .venture_sec .venture_info > p {
        font-size: 14px;
        width: 100%;
    }

    .venture_sec .venture_info .text > h2 {
        font-size: 34px;
        line-height: 1;
        margin-bottom: 5vw;
    }

    .venture_sec .venture_info .text h3 {
        font-size: 18px;
        margin-bottom: 5vw;
    }

    .venture_sec .venture_info .text {
        width: 100%;
    }

        .venture_sec .venture_info .text .nuwa_text .info p {
            font-size: 14px;
            width: 100%;
        }

        .venture_sec .venture_info .text .nuwa_text .info {
            flex-direction: column;
            gap: 6vw;
            align-items: start;
            margin-bottom: 10vw;
        }

    .smp_sec .grid_wrap {
        grid-template-columns: repeat(1, 1fr);
        gap: 5vw;
        width: 100%;
    }

        .smp_sec .grid_wrap .grid p {
            font-size: 14px;
        }

    .smp_sec h2 {
        font-size: 18px;
        margin-bottom: 5vw;
    }

    .nuwa_text {
        margin-bottom: 15vw;
    }

    .myStrategic .swiper-slide {
        height: 52vh;
    }

        .myStrategic .swiper-slide .ralitive-box {
            height: 100%;
        }

        .myStrategic .swiper-slide .bg-image {
            height: 100%;
        }

            .myStrategic .swiper-slide .bg-image img {
                height: 100%;
                object-fit: cover;
            }

    .strategic_sec h2 {
        margin-bottom: 10vw !important;
    }

    .venture_container h2 {
        width: 60%;
    }

    .mill_right h3 {
        font-size: 34px;
    }

    .menu-mb .dropdown-menu {
        transform: translate(0, 65px) !important;
    }

    .menu-mb.fixed {
        position: fixed;
        top: 20px;
        width: 90%;
        z-index: 2;
        left: 5%;
    }

    .fix-nav {
        display: block;
    }

    .sticky-main2 .fix-nav {
        padding-top: 0vw;
    }

    .fix-nav ul {
        flex-direction: row;
        justify-content: flex-start;
        grid-gap: 5vw;
        overflow-x: scroll;
        overflow-y: hidden;
        flex-wrap: nowrap;
        white-space: nowrap;
        padding-bottom: 20px;
        width: 100%;
    }

        .fix-nav ul li a {
            font-size: 16px;
        }

    .modalSwipwer .lead_sec .right {
        overflow-y: scroll;
    }

    .historySwiper .pagi_head .pagination {
        overflow-x: scroll;
        flex-wrap: nowrap;
        white-space: nowrap;
        padding-bottom: 10px;
    }

    .milestone-text {
        flex-direction: column;
        margin-bottom: 10vw;
    }

    .fade-bg,
    .fade-bg.top {
        height: 10vh !important;
    }

    .history_Sec {
        padding-top: 0;
    }

    .mile_bg {
        padding-top: 12vw;
    }

        .mile_bg.paddZero .milestone_sec {
            padding-top: 10vw !important;
        }

    .history_Sec .breadcrumb.dark .breadcrumb-item {
        color: #363636;
    }

        .history_Sec .breadcrumb.dark .breadcrumb-item.cr-page {
            color: #106146;
            cursor: pointer;
        }

    .missionSwiper {
        height: auto;
    }

        .missionSwiper .inner_wrapper {
            height: auto;
            position: relative;
        }

    .mission_sec .item {
        position: relative;
    }

    .mission_sec .item {
        padding-bottom: 15vw;
    }

    .n_text {
        width: 95%;
    }

    .mission_sec .tab_list {
        display: none;
    }

    .valuesTab .text {
        width: 95%;
    }

    .milestone_sec {
        height: 80vh;
    }

    .historySwiper .pagi_head {
        margin-bottom: 0;
    }

    .n-box h2 {
        margin-bottom: 2vw !important;
    }



    .otherLeadershipSwiper .box {
        background-color: #fff;
        border-radius: 8px;
        height: 100%;
        padding: 20px;
    }


    .otherLeadershipSwiper {
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .otherLeadershipSwiper h2 {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 5vw;
    }

    .otherLeadershipSwiper .box > span {
        font-size: 14px;
        padding: 8px 20px;
        margin-bottom: 5vw;
    }

    .otherLeadershipSwiper p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .otherModalSwipwer .lead_sec .right p {
        font-size: 14px;
        padding-right: 0;
        margin-bottom: 4vw;
    }

    .otherModalSwipwer .lead_sec .right h2 {
        font-size: 20px;
        margin-bottom: 3vw;
    }

    .otherModalSwipwer .lead_sec .right span {
        padding: 2vw 4vw;
        font-size: 12px;
        margin-bottom: 10vw;
    }

    #otherLeaderModal .modal-body {
        padding: 15vw 5vw;
    }

    #otherLeaderModal .close {
        top: 5vw;
        right: 5vw;
    }

    .sub_menu ul li a {
        line-height: 1.3;
    }
    
    .history_Sec .milestone_sec {
        padding-top: 30vw !important;
    }  
    
    .milestone_sec {
        height: 100vh;
    }
    .milestone-text > div h2 {
        font-size: 44px;
    }
    .milestone-text {
        margin-bottom: 5vw;
        flex-direction: row;
    }
    .milestone-images {
        width: 60%;
        margin-left: auto;
    }
    .milestone {
        padding-top: 10vw;
    }
    
    .historySwiper .bullets_sec {
        z-index: 2;
        gap: 4vw;
    }
    .fade-bg, .fade-bg.top {
        height: 18vh !important;
    }
    .historySwiper.swiper-vertical {
        touch-action: inherit !important;
    }
    .policy_sec .left {
        margin-bottom: 8vw;
    }
    .policy_sec .left ul {
        margin-bottom: 2vw;
    }
    .policy_sec .left ul li a {
        font-size: 14px;
    }
    .spark-field-error {
        font-size: 14px !important;
        position: absolute;
        bottom: -18px;
    }
    .spark-form-message.spark-error {
        font-size: 14px;
    }
    
    .submition-main {
        position: relative;
    }
    .submition-main .spark-field-error {
        bottom: 12px;
    }
    
}