@media only screen and (max-width: 1250px) {
}

@media(min-width: 768px) and (max-width: 1300px) {
  
    .sela_button {
        height: 5vw;
    }

        .sela_button a {
            height: 4vw;
            font-size: 14px;
        }

    .opper_wrap > div .big_heading h1 {
        font-size: 120px;
    }

    .sela_button h3 {
        height: 4vw !important;
    }

    .sela_button a > div {
        height: 4vw;
        width: 4vw;
    }

    .what_we_pag_slider {
        padding: 0 0 5vw 8vw;
    }

    .what_we_do.whatwe_meet .swiper-pagination {
        left: 27%;
        width: 50%;
    }

    .what_we_pag_slider div#fraction {
        right: 8%;
    }

    .originally-focused .video-section .left2, .originally-focused .video-section .left {
        font-size: 30px;
    }

    .originally-focused .video-section .right video {
        height: auto;
    }

    .our-expertise-block .wrap_sett > .right h4 {
        font-size: 40px;
    }

    .principle_wrap .pr_wrap .pr_left h2 {
        font-size: 40px;
    }

    .principle_wrap .pr_wrap .pr_right > div::after {
        left: -90px;
        width: 50px;
    }

    .principle_wrap .pr_wrap .pr_right p {
        font-size: 20px;
    }

    .sela-story-main .inner .page-head a {
        font-size: 14px;
    }

    .sela-story-main .inner .page-sub {
        padding: 2vw 0 2vw;
    }

        .sela-story-main .inner .page-sub:after {
            height: 2vw;
        }

        .sela-story-main .inner .page-sub:after, .sela-story-main .inner .page-sub:before {
            height: 2vw;
        }

    .sela-story-main .inner .page-sub {
        font-size: 60px;
    }

    .sela-story-main .inner p {
        font-size: 20px;
    }

    .sela-story-main .inner .page-head {
        top: 25vw;
    }

    .news_wrap.news_botto .latest_news .news_left .zoominn img {
        width: 100%;
    }

    .who_we_are .left h2 {
        font-size: 50px;
    }

    .para > p {
        font-size: 17px;
    }

    .main_menu .logo {
        width: 10%;
    }

        .main_menu .logo img {
            width: 100%;
        }

    .rolling-text {
        font-size: 12px;
    }

    .grid_vision .grid_v_template h2 {
        font-size: 40px;
    }

    .grid_vision .grid_v_template p {
        font-size: 16px;
        padding-right: 0;
    }

    .grid_vision .grid_v_template > div {
        padding-top: 10vw;
    }

        .grid_vision .grid_v_template > div .sela_button {
            bottom: 25%;
        }

    .what_we_pag_slider .whatwedo {
        padding-top: 10vw;
    }

    .what_we_pag_slider div#fraction {
        top: 20px;
        /*right: 20%;*/
    }

    .what_we_pag_slider .swiper-pagination {
        left: 15%;
        top: 23px;
    }

    .whatwedo_pag {
        top: 12%;
    }

    .what_data > .left h2 {
        font-size: 32px;
    }

    .what_data > .left p {
        font-size: 17px;
    }

    .news_wrap .latest_news .news_left .zoomin img {
        width: 100%;
    }

    .news_wrap .news_left .news_abs_text h2 {
        font-size: 30px;
    }

    .news_wrap .news_left .news_abs_text h3 {
        font-size: 22px;
    }

    .news_wrap .news_left .news_abs_text {
        bottom: 18vw;
    }

    .item__year {
        font-size: 40px;
    }

    .item__name {
        font-size: 16px;
    }

    .slider3d-info .slide-infos > .item__info {
        padding-top: 23%;
        width: 45%;
    }

    .arrow {
        top: 30%;
    }

    .cont_tabs ul li h2 {
        font-size: 40px;
    }

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

    .cont_tabs {
        padding: 30% 0 0% 49%;
    }

    .unit-holder span {
        font-size: 15px;
    }

    .tab-wrapper .tabs .tab-link {
        font-size: 15px;
    }

    .dropdown__filter {
        font-size: 15px;
    }

    .maps-holder .unit-lists li > p {
        font-size: 15px;
        line-height: 1.3;
    }

    .maps-holder .unit-lists li > div h4 {
        font-size: 17px;
    }

    .maps-holder .unit-lists li > div span {
        font-size: 15px;
    }

    .footer_wrap .right_foot a {
        font-size: 40px;
        line-height: 40px;
        height: 40px;
    }

    .footer_wrap .left_foot p {
        font-size: 40px;
        padding-right: 4vw;
    }

    .footer_wrap .left_foot .footer_social a {
        height: 50px;
        width: 50px;
    }

        .footer_wrap .left_foot .footer_social a svg {
            width: 22px;
            height: 22px;
        }

    .popular_serch .search_button a {
        display: inline-block;
        margin-bottom: 2vw;
    }

    .search_contain {
        padding: 18% 10% 0 10%;
    }

    .wrapper_port .tab-wrapper ul.tabs {
        grid-template-columns: repeat(2, 1fr);
    }

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

    a.tab-link_what.active {
        font-size: 35px;
    }

    .title_wicon {
        text-align: left;
    }

    .tab-wrapper.below a.tab-link_what {
        font-size: 25px;
    }

        .tab-wrapper.below a.tab-link_what.active {
            font-size: 26px;
        }

    .riyadh_slider {
        padding: 2vw 0vw 0 0vw;
    }
}


@media only screen and (max-width: 900px) {
    body {
        background: #000;
    }

    .mdn {
        display: none !important;
    }

    .mdb {
        display: block !important;
    }

    .opper_wrap {
        display: none;
    }

    .opper_mobile {
        display: block;
        height: 100vh;
    }

    img.op_mb_img {
        position: absolute;
        z-index: -1;
    }

    .mb_heading {
    }

        .mb_heading h1 {
            font-size: 46px;
            color: var(--white);
            font-family: 'din_next_lt_arabicheavy';
            line-height: 1;
            margin-bottom: 2vw;
        }

    .slide_mb_tex {
        text-align: left;
        position: absolute;
        bottom: 18%;
        width: 85%;
    }

    .mb_heading h2 {
        font-size: 26px;
        color: var(--white);
        line-height: 1;
        margin-bottom: 2vw;
    }

        .mb_heading h2:last-child {
            opacity: .4;
        }

    .slide_mb_tex .find_mb {
    }

        .slide_mb_tex .find_mb p {
            font-size: 18px;
            color: var(--white);
            line-height: 1.2;
            margin-bottom: 8vw;
        }

    .sela_button {
        height: 10vw;
    }

        .sela_button a {
            height: 9vw;
            font-size: 15px;
        }

            .sela_button a > h3 {
                height: 9vw !important;
                padding: 0px 25px 4px 40px;
            }

            .sela_button a > div {
                height: 9vw !important;
                width: 9vw !important;
                padding: 12px;
            }

    .title_wicon {
        margin-left: 8vw;
        margin-bottom: 8vw;
    }

        .title_wicon p {
            font-size: 16px;
            margin-left: 3.5vw;
        }

        .title_wicon i {
            height: 6px;
            width: 6px;
            top: 46%;
        }

    .job_opper_wrap .great_opp h2 {
        font-size: 42px;
        width: 90%;
        padding-left: 8%;
        margin-bottom: 8vw;
    }

    .job_opper_wrap .great_opp > h3 {
        font-size: 18px;
        line-height: 1.3;
        padding: 0 12% 0 14%;
    }

    .job_opper_wrap .great_opp .bl_line {
        margin-left: 15%;
        margin-top: 7vw;
    }

    .bl_line {
        width: 80px !important;
        height: 1px !important;
    }

    .jpb_opp_img {
        margin: 0 0vw 30vw;
        background: var(--black);
    }

        .jpb_opp_img .job_text {
            display: block;
        }

            .jpb_opp_img .job_text .jobleft {
                width: 100%;
            }

                .jpb_opp_img .job_text .jobleft h3 {
                    font-size: 20px;
                    padding-right: 15vw;
                    margin-bottom: 6vw;
                }

            .jpb_opp_img .job_text .jobright {
                width: 100%;
                padding-right: 5vw;
            }

                .jpb_opp_img .job_text .jobright p {
                    font-size: 18px;
                    line-height: 1.2;
                    margin-bottom: 7vw;
                }

    .job_opper_wrap.white .great_opp .reveal {
        margin: 10vw 0vw 10vw;
    }

    .sela_busi {
        display: block;
        width: 90%;
    }

        .sela_busi .selaleft {
            width: 100%;
            padding-right: 10vw;
        }

        .sela_busi .selaright {
            width: 100%;
            padding-right: 10vw;
        }



        .sela_busi .selaleft h3 {
            font-size: 20px;
            line-height: 1.4;
            margin-bottom: 5vw;
        }

        .sela_busi .selaright p {
            font-size: 18px;
            line-height: 1.3;
            margin-bottom: 10vw;
        }

    .lets_wrap .lets_connect h2 {
        font-size: 45px;
        margin-bottom: 12vw;
    }

    .lets_wrap .lets_connect > h3 {
        font-size: 18px;
        line-height: 1.3;
    }

    .lets_wrap .lets_connect .sela_button {
        margin-top: 10vw;
    }

    .lets_wrap {
        padding: 20vw 0 40vw;
    }

    .footer_wrap .flex {
        flex-direction: column;
    }

    .footer_wrap .right_foot {
        width: 100%;
        margin-bottom: 12vw;
    }

    .footer_wrap .left_foot {
        width: 100%;
        margin-bottom: 12vw;
    }

    .footer_wrap .right_foot a {
        font-size: 40px;
        line-height: 40px;
        height: 40px;
    }

    .footer_wrap .left_foot h2 {
        font-size: 17px;
        margin: .3VW 0 1.5vw;
    }

    .footer_wrap .left_foot p {
        font-size: 27px;
        padding-right: 7vw;
    }

    .footer_wrap .left_foot .search-wrap {
        margin-top: 18vw;
        width: 100%;
    }

        .footer_wrap .left_foot .search-wrap a svg {
            width: 50px;
            height: 50px;
        }

    .footer_wrap .left_foot .footer_social {
        grid-gap: 3vw;
        padding-right: 12vw;
    }

    .copy-right {
        flex-direction: column;
        padding: 10vw 8vw 10vw;
    }

        .copy-right p {
            font-size: 14px;
            margin-bottom: 5vw;
            text-align: center;
            margin-right: 0;
        }

        .copy-right div {
            flex-direction: column;
            width: 100%;
        }

            .copy-right div:last-child {
                width: 100%;
                text-align: center;
            }

            .copy-right div img {
                width: 60%;
                margin-top: 6vw;
            }

    .opp-mb-btn {
        position: absolute;
        left: 6%;
        bottom: 10%;
        width: 40%;
    }

        .opp-mb-btn .swiper-button-next {
            width: calc(var(--swiper-navigation-size)/ 44 * 45);
            transition: all .5s ease;
        }

        .opp-mb-btn .swiper-button-prev {
            width: calc(var(--swiper-navigation-size)/ 44 * 45);
            transition: all .5s ease;
        }

    .main_menu .logo {
        width: 25%;
    }

        .main_menu .logo img {
            width: 80%;
        }

    .rolling-text {
        margin-left: 8vw;
        font-size: 16px;
    }

    .coming_wrap .coming_text h2 {
        font-size: 50px;
        margin-bottom: 8vw;
    }

    .coming_wrap .coming_text h1 {
        font-size: 22px;
        line-height: 1;
        color: var(--white);
        margin-bottom: 5vw;
    }

    .coming_wrap .coming_text > h3 {
        font-size: 20px;
        width: 90%;
        line-height: 1.3;
    }

    .coming_wrap .coming_text .coming_btn {
        margin-top: 10vw;
        flex-direction: column;
    }

        .coming_wrap .coming_text .coming_btn .sela_button {
            margin: 3vw 1.2vw;
        }

    .sela_button a h3::before {
        /*top: 8px;*/
        width: 18px;
        height: 18px;
    }

    .job_opper_wrap {
        background: var(--black);
        padding: 25vw 0 15vw;
    }

    .cursor, .cursor2, .cursor3 {
        display: none;
    }

    .job_opper_wrap.white {
        padding: 10vw 0;
    }

    .cont_head h1 {
        font-size: 60px;
        margin-top: 50%;
    }

    .cont_tabs {
        padding: 80% 0 0% 9%;
    }

    .heading_form {
        width: 100%;
        left: 9%;
        margin-top: -8%;
    }

    .cont_tabs ul li h2 {
        font-size: 32px;
    }

    .cont_tabs ul {
        margin-top: 22vw;
    }

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

        .heading_form h3::after {
            content: "";
            left: 5px;
            right: auto;
            top: 110%;
            width: 2px;
            height: 55px;
        }

    .cont_tabs ul li:nth-child(1) h2.active {
        transform: translate(18%, -700%);
        font-size: 30px;
        color: var(--white);
    }

    .cont_tabs ul li:nth-child(2) h2.active {
        transform: translate(8%, -700%);
        font-size: 30px;
        color: var(--white);
    }

    .cont_tabs ul li:nth-child(3) h2.active {
        transform: translate(28%, -700%);
        font-size: 30px;
        color: var(--white);
    }

    .cont_swiper .swiper-slide .form-group label {
        font-size: 30px;
    }

    .cont_swiper .swiper-slide .form-group input {
        font-size: 30px;
        width: 55%;
    }

    .contact_next_prev {
        width: 30%;
    }

    .interst-div {
        display: block;
        width: 100vw;
        margin-left: 13%;
    }

        .interst-div > div {
            width: 100%;
        }

            .interst-div > div h3 {
                font-size: 28px;
                text-align: left;
            }

        .interst-div label {
            font-size: 20px;
        }

            .interst-div label:before {
                width: 20px;
                height: 20px;
            }

            .interst-div label:after {
                width: 10px;
                height: 10px;
                top: 18px;
                left: 5px;
            }

    img.mbbg {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: inherit;
        object-fit: cover;
    }

    .main_contact {
        overflow: hidden;
    }

    .message-div {
        font-size: 18px;
        line-height: 1.2;
    }

    /*Home page*/
    .main_menu {
        padding: 3vw 0 0;
    }

    .main_banner .fist_banner .main_header h1 {
        font-size: 12vw;
        line-height: 14vw;
    }

    .main_banner .fist_banner .main_header > div {
        margin-bottom: 4vw;
    }

    .main_banner .fist_banner .main_header h2 {
        font-size: 6vw;
    }

    .beginning-holder {
        height: auto;
        overflow: hidden;
    }

        .beginning-holder img {
            width: 100%;
            position: relative;
            height: auto;
            top: 5px;
        }

    .main_banner .para_cont {
        margin-top: 30vw;
    }

    .beginning-holder .main-title {
        font-size: 7vw;
        line-height: 7vw;
        margin-top: -4px;
    }

    .who_we_are .wrap_sett {
        padding: 0 6vw 0 9vw;
        flex-direction: column;
    }

    .who_we_are .left {
        width: 100%;
        padding-right: 15vw;
        margin-bottom: 8vw;
    }

    .who_we_are .right {
        width: 100%;
    }

    .who_we_are .left h2 {
        font-size: 36px;
    }

    .mt5 {
        margin-top: 8vw;
    }

    .para > p {
        font-size: 17px;
        line-height: 1.4;
    }

    .vision_sec {
        overflow-x: scroll;
        overflow-y: hidden;
    }

        .vision_sec .bg_img {
            width: 250vw;
        }

            .vision_sec .bg_img img {
                height: inherit;
            }

    .grid_vision {
        width: 250vw;
    }

        .grid_vision .grid_v_template > div {
            padding: 32vw 8vw 0;
            bottom: 15vw;
        }

        .grid_vision .grid_v_template h2 {
            font-size: 40px;
        }

        .grid_vision .grid_v_template p {
            font-size: 15px;
            line-height: 1.4;
            margin: 7vw 0;
        }

        .grid_vision .grid_v_template.active p {
            margin: 7vw 0;
        }

    .vision_sec {
        height: 90vh;
        margin-top: 10vw;
        padding: 0 0vw 0 7vw;
    }

    .what_we_pag_slider {
        padding: 0 9vw 5vw 9vw;
    }

    .what_data {
        flex-direction: column;
    }

        .what_data > div {
            width: 100%;
        }

        .what_data > .left {
            margin-bottom: 20vw;
        }

            .what_data > .left h2 {
                font-size: 35px;
                line-height: 1.1;
                margin-bottom: 1.5vw;
            }

            .what_data > .left p {
                font-size: 17px;
                line-height: 1.4;
                margin-bottom: 5vw;
                margin-top: 10vw;
            }

    .what_we_pag_slider div#fraction {
        display: none;
    }

    .what_we_pag_slider .swiper-pagination {
        display: none;
    }

    .what_data .right {
        height: 40vh;
    }

        .what_data .right .image-wrap {
            height: 40vh;
        }

    .whatwedo_pag {
        left: auto;
        top: -5px;
        right: 0;
        width: 110px;
    }

    .what_we_do {
        padding-top: 20vw;
    }

    .clients .client_parent {
        padding: 0 9vw 0 0vw;
        width: 91%;
        margin: 0 0 0 9%;
        top: 0;
        flex-direction: column;
        padding-top: 0;
    }

    div#clientsFraction {
        display: none;
    }

    .clients .client_parent .myClients {
        width: 90%;
        margin-left: 0;
        position: absolute;
        height: 500px;
    }

        .clients .client_parent .myClients .swiper-slide img {
            width: 36%;
            height: 20%;
            position: absolute;
            top: 0;
            left: 0;
            object-fit: contain;
        }

    .clients .client_parent .client_detail {
        width: 100%;
        padding-left: 0;
        height: auto;
        margin-top: 38%;
    }

    .clients {
        height: 100vh;
    }

    img.bg_layer {
        height: 100%;
    }

    .clients .client_parent .client_detail .client_content p {
        font-size: 18px;
        /*margin-bottom: 10vw;*/
        margin-top: 5vw;
    }

    .clients .client_parent .client_detail .client_content h2 {
        font-size: 17px;
        margin-bottom: 1.8vw;
        margin-top: 3vw;
    }

    .clients .client_parent .client_detail .client_content h3 {
        font-size: 17px;
    }

    .clients .bg_logo img {
        width: 100%;
    }

    .clients .client_parent .swiper-pagination {
        display: none;
    }

    .cliemts-pagi {
        left: auto;
        top: -54px;
        right: 7vw;
        width: 110px;
    }

    .news_wrap .latest_news {
        padding: 0vw 9vw 20vw;
        display: flex;
        flex-direction: column;
    }

        .news_wrap .latest_news .news_left {
            width: 100%;
        }

        .news_wrap .latest_news .news_right {
            width: 100%;
            padding: 0;
            margin-top: 10vw;
        }

    .news_wrap .news_left .news_abs_text {
        padding-right: 15vw;
        bottom: 15vw;
        left: 8vw;
    }

        .news_wrap .news_left .news_abs_text h2 {
            font-size: 24px;
            line-height: 1.2;
        }

        .news_wrap .news_left .news_abs_text h3 {
            font-size: 14px;
        }

    .news_wrap .latest_news .news_right .news_sec {
        flex-direction: column;
        margin-bottom: 12vw;
    }

        .news_wrap .latest_news .news_right .news_sec .img_news {
            width: 100%;
        }

        .news_wrap .latest_news .news_right .news_sec .text_news {
            width: 100%;
            padding: 0;
            padding-right: 20%;
            margin-top: 5vw;
        }

            .news_wrap .latest_news .news_right .news_sec .text_news h2 {
                font-size: 15px;
                opacity: .6 !important;
            }

            .news_wrap .latest_news .news_right .news_sec .text_news h3 {
                font-size: 26px;
                margin-bottom: 4.5vw;
                margin-top: 3.5vw;
            }

            .news_wrap .latest_news .news_right .news_sec .text_news p {
                font-size: 16px;
                width: 100%;
            }

    .lets_wrap .lets_connect {
        padding: 0px 16vw;
    }

    .prg_mb_sl {
        /* display: flex; */
        padding: 0 9vw;
        position: relative;
        width: 100%;
    }

        .prg_mb_sl .prg-left {
            width: 50%;
            text-align: right;
            color: var(--white);
            position: relative;
            left: 12%;
            position: absolute;
            top: 5%;
            z-index: 1;
        }

        .prg_mb_sl .prg-right {
            width: 62%;
            margin-left: auto;
        }

            .prg_mb_sl .prg-right img {
                height: inherit;
                filter: brightness(.5);
            }

        .prg_mb_sl .prg-left h2 {
            font-size: 30px;
            line-height: 1;
            font-family: 'din_next_lt_arabicheavy';
            text-transform: uppercase;
        }

        .prg_mb_sl .prg-left p {
            font-size: 13px;
            line-height: 1.2;
            margin-top: 1vw;
        }

    .mb_prog_pag {
        position: absolute;
        right: 8%;
        width: 110px;
        height: 30px;
        top: 0;
    }

    .program_slider_mob {
        position: relative;
        margin-top: 5vw;
        padding-bottom: 12vw;
    }

        .program_slider_mob .sela_button {
            display: flex;
            justify-content: end;
            padding-right: 9vw;
            margin-top: 10vw;
        }


    /*Home page
}


/*BOD PAGE*/
    .tab-content .bod_head {
        padding: 0 9vw;
        flex-direction: column;
    }

        .tab-content .bod_head .left {
            width: 100%;
            padding-left: 0;
        }

        .tab-content .bod_head .right {
            width: 100%;
            padding-top: 5vw;
        }

    .body_wrapper {
        padding: 0 0 25vw 9vw;
    }

    .bod_rw1 .bod_left {
        width: 100%;
        float: left;
        padding-top: 8vw;
        position: relative;
        padding-right: 9vw;
    }

    .bod_rw1 .bod_right {
        width: 100%;
        float: left;
        padding-top: 8vw;
    }

    .bod_names {
        right: 7%;
        top: auto;
        bottom: 9%;
    }

    .tab-content .bod_head .left h1 {
        font-size: 45px;
        line-height: 1.1;
        margin-bottom: 8vw;
    }

    .tab-content .bod_head .right p {
        font-size: 18px;
        margin-bottom: 5vw;
    }

    .bod_main_wrap {
        padding-top: 28%;
    }

    .tab-wrapper .tabs .tab-link {
        padding: 10px 0;
        font-size: 13px;
        width: 46%;
    }

    .content-wrapper {
        padding: 15vw 0vw 10vw;
    }

    .bod_img_wrapper {
        width: 70%;
        height: 40vh;
    }

    .bod_names .relative h1 {
        font-size: 25px;
        margin-bottom: 2vw;
    }

    .bod_names .relative > span {
        font-size: 17px;
    }

    .our_team_wrap .team_head h2 {
        font-size: 45px;
    }

    .bod_item .thumb_text h2 {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .bod_item .thumb_text p {
        font-size: 14px;
    }

    .our_team_wrap .team_head {
        margin-bottom: 20vw;
    }

    .our_team_wrap .team_slider {
        width: 75%;
    }

    .team_slider_wrap {
        height: auto;
        margin-bottom: 40vw;
    }

    .tea_pagin {
        height: 100%;
        width: 90%;
        left: 5%;
        top: 5%;
    }

        .tea_pagin .swiper-button-next {
            align-items: end;
            justify-content: end;
        }

        .tea_pagin .swiper-button-prev {
            align-items: end;
            justify-content: start;
        }

            .tea_pagin .swiper-button-prev img, .tea_pagin .swiper-button-next img {
                width: 10vw;
            }

    .expert_team {
        padding: 15vw 0 6vw;
        width: 82%;
        flex-direction: column;
    }

        .expert_team .expert_text {
            width: 100%;
        }

        .expert_team .sela_button {
            width: 100%;
            display: block;
        }

    .small_names {
        bottom: -36%;
        height: 30%;
    }

        .small_names .name_div h3 {
            font-size: 25px;
            margin-bottom: 2.5vw;
        }

        .small_names .name_div h4 {
            font-size: 18px;
        }

    .marquee {
        font-size: 150px;
        height: 150px;
    }

    .big_name {
        top: 50%;
    }

    .marquee .marquee--inner {
        width: 200%;
    }

    .expert_team .expert_text h2 {
        font-size: 19px;
        text-transform: uppercase;
        padding-right: 10vw;
        margin-bottom: 8vw;
    }

    .expert_team .expert_text p {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 8vw;
    }

    .bod_list_wrapper {
        grid-template-columns: repeat(15, 1fr);
        grid-gap: 6vw;
        overflow: hidden;
        overflow-x: scroll;
    }

    .bod_item {
        position: relative;
        width: 34vw;
    }

    .modal-content .img {
        width: 100%;
    }

    .modal-content {
        width: 90%;
        padding: 12vw 11vw;
    }

        .modal-content .inner-content .infos {
            position: relative;
            left: 0;
            top: auto;
        }

            .modal-content .inner-content .infos h2 {
                font-size: 30px;
                margin-left: 0;
            }

            .modal-content .inner-content .infos h3 {
                font-size: 30px;
                margin-left: 0;
            }

            .modal-content .inner-content .infos p {
                width: 100%;
                font-size: 16px;
            }

    .position-static {
        position: relative;
        right: 0;
        top: 0;
        font-size: 16px;
        margin-top: 2vw;
        width: 100%;
        text-align: left;
    }

    .modal-close {
        top: 15px;
        right: 15px;
    }

        .modal-close img {
            width: 3vw;
        }

    /*BOD PAGE*/

    /*What We Do*/

    .what_wrapper .tab-wrapper ul.tabs {
        /* padding: 35vw 0 0 9vw;
        justify-content: flex-start;*/
        padding: 0 0 0 9vw;
        justify-content:center;
    }

    a.tab-link_what {
        font-size: 12px;
    }

        a.tab-link_what.active {
            font-size: 14px;
        }

        a.tab-link_what span {
            font-size: 16px;
            bottom: 0;
        }

    .what_wrapper .right_text p {
        font-size: 16px;
    }

    .what_wrapper .right_text {
        right: auto;
        left: 10vw;
        bottom: 25vw;
        width: 80%;
    }

    .tmkn_text h2 {
        font-size: 20px;
        line-height: 1.5;
    }

    .tmkn_text p {
        margin-top: 3vw;
        line-height: 1.4;
        font-size: 15px;
        padding: 0 0vw 0 0vw;
    }

    .tmkn_text h2 {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 3vw;
    }

    .tmkn_text .sela_button {
        margin-left: 0;
        margin-top: 5vw;
    }

    .sport_slider {
        top: 0;
        padding: 0;
    }

    .what_slider .swiper-slide {
        height: 60vh;
    }

        .what_slider .swiper-slide h2 {
            font-size: 24px;
            line-height: 1.3;
            padding: 0 18vw 0 5vw;
        }

        .what_slider .swiper-slide p {
            padding: 0 8vw 0 5vw;
            font-size: 14px;
        }

        .what_slider .swiper-slide div {
            padding-top: 20vw;
        }

    .sport-bar {
        display: none;
    }

    .what_slider {
        padding-top: 10vw !important;
    }

    .sport_pag {
        top: 8%;
        left: auto;
        width: 12%;
        right: 17%;
    }

    .tamkeen_wrap {
        padding: 20vw 0 20vw;
    }

    .opacity_text {
        padding: 0 15vw;
        margin-bottom: 35vw;
    }

        .opacity_text h2 {
            font-size: 15px;
            line-height: 1.4;
            margin-bottom: 7px;
        }

    .sport_prjct_wrap {
        padding: 39vw 0 12vw 0;
    }

    div#sportFraction {
        display: none;
    }

    .tab-wrapper.below a.tab-link_what {
        font-size: 15px;
    }

    .tab-wrapper.below {
        flex-direction: column;
    }

        .tab-wrapper.below ul.tabs {
            padding: 0;
            padding-left: 9vw;
        }

        .tab-wrapper.below ul li {
            margin-bottom: 3vw;
            text-align: left;
        }

        .tab-wrapper.below a.tab-link_what {
            font-size: 15px;
            font-family: 'din_next_lt_arabiclight';
            line-height: 1;
        }

    .what_wrapper.below {
        height: auto;
        padding-bottom: 20vw;
    }

    .boul_wrap .boul_text h1 {
        font-size: 30px;
        margin-bottom: 5vw;
    }

    .boul_wrap .boul_text h2 {
        font-size: 20px;
        margin-bottom: 4vw;
    }

    .boul_wrap .boul_text a.icn_btn p {
        font-size: 16px;
        margin-right: 3vw;
    }

    .boul_wrap .boul_text a.icn_btn img {
        width: 2.5vw;
    }

    .boul_wrap .boul_text a.icn_btn {
        margin-bottom: 15vw;
    }

    .sport_prjct_wrap.boul {
        padding: 20vw 0 1vw 0;
    }

    .key_area .riyadh_swiper h2 {
        font-size: 30px;
        line-height: 1.2;
        width: 100%;
    }

    .key_area .riyadh_swiper {
        padding: 0 8vw;
    }

    .riyadh_slider {
        display: flex;
        padding: 10vw 0 0 0vw;
        flex-direction: column-reverse;
    }

        .riyadh_slider .myriyadh {
            width: 100%;
        }

        .riyadh_slider .text_riyad_wrap {
            width: 100%;
            height: 400px;
            padding-top: 8vw;
        }

    .faq_wrap .faq_top > div {
        width: 100%;
    }

    .faq_wrap .faq_top {
        display: flex;
        padding: 0 9vw;
        flex-direction: column;
    }

        .faq_wrap .faq_top > div h2 {
            font-size: 30px;
            line-height: 1.2;
        }

        .faq_wrap .faq_top > div p {
            text-align: left;
            font-size: 17px;
            padding-left: 0;
            margin-top: 11vw;
        }

    .b-faq .faq__title {
        margin-bottom: 25px;
        padding-top: 16px;
        font-size: 20px;
    }

        .b-faq .faq__title .faq__spoiler {
            top: 17px;
            width: 30px;
            height: 30px;
        }

    .b-faq .faq__symbol svg {
        width: 3vw;
    }

    .what_wrapper.below.land {
        padding-top: 20vw;
    }

    .boul_wrap {
        padding-top: 20vw;
    }

    .key_area {
        padding: 15vw 0 0;
    }

    .faq_wrap {
        padding: 20vw 0;
    }
    /*What We Do*/



    /*mobile menu*/
    .mobile_menu_wrap {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100vw;
        transition: all .5s ease;
    }

        .mobile_menu_wrap.onScroll {
            background: #0000009e;
        }

    .mobile_mn_list {
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0;
        left: -100%;
        background: var(--black);
        z-index: 1;
        padding-top: 30vw;
        padding-left: 10vw;
        transition: all .5s ease;
    }

        .mobile_mn_list.active {
            left: 0;
        }

        .mobile_mn_list ul {
        }

            .mobile_mn_list ul li {
            }

                .mobile_mn_list ul li a {
                    font-size: 25px;
                    color: var(--white);
                }

                    .mobile_mn_list ul li a.mb_lang {
                        font-family: 'DIN Next LT Arabic';
                    }

    .menu_icon {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 2;
        height: 18vw;
        width: 100vw;
        padding: 0 4vw 0 7vw;
    }

    .mb_logo {
        width: 25%;
    }

    .menu_icon .mb_logo img {
        width: 80%;
    }

    #hamburger {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        padding: 0;
    }

        #hamburger svg {
            width: 40px;
            height: 40px;
        }

        #hamburger .line {
            fill: none;
            stroke: #fff;
            stroke-width: 6;
            transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
        }

        #hamburger .line1 {
            stroke-dasharray: 60 207;
            stroke-width: 6;
        }

        #hamburger .line2 {
            stroke-dasharray: 60 60;
            stroke-width: 6;
        }

        #hamburger .line3 {
            stroke-dasharray: 60 207;
            stroke-width: 6;
        }

        #hamburger.open .line1 {
            stroke-dasharray: 90 207;
            stroke-dashoffset: -134;
            stroke-width: 6;
        }

        #hamburger.open .line2 {
            stroke-dasharray: 1 60;
            stroke-dashoffset: -30;
            stroke-width: 6;
        }

        #hamburger.open .line3 {
            stroke-dasharray: 90 207;
            stroke-dashoffset: -134;
            stroke-width: 6;
        }


    /*mobile menu*/


    /*Sela Story*/

    .sela-story-main .inner {
        padding-top: 25vw;
        align-items: revert;
    }

        .sela-story-main .inner .page-head {
            position: relative;
            order: 2;
            top: 24px;
            left: 7vw;
            width: 100%;
        }

        .sela-story-main .inner > .first {
            order: 1;
        }

        .sela-story-main .inner > .second {
            order: 3;
        }

        .sela-story-main .inner .page-sub {
            font-size: 40px;
            padding: 20vw 0 14vw;
        }

        .sela-story-main .inner p {
            font-size: 18px;
            line-height: 23px;
            margin: 0 9vw 8vw;
        }

            .sela-story-main .inner p br {
                display: none;
            }

    .stories-swiper h3 {
        font-size: 48vw;
        top: 28%;
    }

    .sela-story-main .inner .page-sub:before {
        height: 20vw;
    }

    .sela-story-main .inner .page-sub:after {
        height: 12vw;
    }

    .drag_wrap .drag .clickdrg {
        width: 40%;
    }

    .drag_wrap {
        top: -25%;
        right: 10%;
    }

        .drag_wrap .drag img.hand {
            width: 4vw;
        }
    /*.originally-focused .video-section{
    display: block;
}
.originally-focused .video-section .left2, .originally-focused .video-section .left{
    width: 100%;
    height: auto;
    padding: 0;
}
.originally-focused .video-section .right{
    width: 100%;
    height: auto;
}*/

    .originally-focused .video-section .left2 {
        width: 100%;
    }

    .originally-focused .video-section .left {
        width: 100%;
        padding: 0;
        font-size: 22px;
        line-height: 1.5;
        padding-right: 8vw;
        position: relative;
        margin-bottom: 20vw;
    }

    .originally-focused .video-section {
        flex-direction: column;
    }

    .pt-section .img {
        display: none;
    }

    .pt-section {
        margin: 0;
        padding: 0 9vw 20vw;
    }

        .pt-section p {
            margin: 0;
        }

    .originally-focused .video-section .right {
        width: 100%;
        height: 30vh;
    }

    .originally-focused .video-section.video-show .left {
        opacity: 1;
        position: relative;
        width: 100%;
    }

    .originally-focused .video-section.video-show .left2 {
        padding: 4vw 6vw 0;
    }

    .play_btn img {
        width: 40%;
    }

    .play_btn {
        bottom: 49%;
        right: 18%;
        width: 21%;
        display: none;
    }

    .video-section.video-show .closeIcon {
        display: none;
    }

    .partners-main {
        padding: 40vw 0 0;
        margin: -25vw 0 0;
    }

    .pt-section p {
        font-size: 16px;
        line-height: 1.5;
    }

    .whoWeAreSection .heading {
        padding: 0 8vw 15vw 8vw;
    }

        .whoWeAreSection .heading h2 {
            font-size: 30px;
            line-height: 1.3;
            /* padding: 0 0 1.5vw; */
        }

    .experience-holder {
        padding: 0 8vw;
        display: flex;
        flex-direction: column;
    }

        .experience-holder > div {
            width: 100%;
        }

    .our-expertise-holder {
        padding: 0 0;
    }

    .our-expertise-block .wrap_sett {
        padding: 0 8vw 30vw;
        display: flex;
        flex-direction: column;
    }

        .our-expertise-block .wrap_sett > div {
            width: 100% !important;
        }

    .our-expertise-block > h2 {
        margin: 0 7vw 10vw;
    }

    .our-expertise-block .wrap_sett .left h3 {
        font-size: 30px;
        line-height: 1.3;
        /* padding: 0 0 20px; */
        font-family: 'din_next_lt_arabicheavy';
    }

        .our-expertise-block .wrap_sett .left h3:before {
            left: 0px;
            width: 90px;
            height: 2px;
        }

    .our-expertise-block .wrap_sett > .right h4 {
        font-size: 23px;
        line-height: 1.3;
        margin: 10vw 0vw 10vw 10vw;
    }

    .our-expertise-block .wrap_sett > .right p {
        margin: 0vw 0vw 6vw 10vw;
    }

    .our-expertise-block .wrap_sett > .right .sela_button {
        margin-left: 10vw;
    }

    .our-expertise-block {
        padding-top: 25vw;
    }

    .partners-main .wrapper ul.tabs.tabs2 {
        padding: 0 18vw;
        margin-bottom: 10vw;
    }

    .whoWeAreSection .heading h2:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 90px;
        height: 2px;
    }

    .whoWeAreSwiper .swiper-slide:nth-child(4n), .whoWeAreSwiper .swiper-slide:first-child {
        width: 260px !important;
    }

    .experience-holder > div p {
        font-size: 22px;
        line-height: 1.2;
        padding-right: 15vw;
    }

    .experience-holder > div.right {
        padding: 10vw 0 5vw 18vw;
    }

        .experience-holder > div.right p {
            font-size: 15px;
            padding: 0;
        }

    .whoWeAreSwiper {
        margin: 0 0 15vw;
    }

    .vision-holder {
        padding: 0 8vw;
    }

        .vision-holder > .heading {
            padding: 0;
            flex-direction: column;
            align-items: baseline;
            margin-bottom: 15vw;
        }

            .vision-holder > .heading .sela_button {
                margin-top: 10vw;
            }

    .vis-content {
        flex-direction: column;
    }

        .vis-content > div {
            width: 100% !important;
            margin-bottom: 8vw;
        }

            .vis-content > div h3 {
                font-size: 23px;
                line-height: 1.3;
            }

        .vis-content > .right p {
            font-size: 16px;
            margin: 0 0 16px;
            line-height: 1.3;
        }

    .vision-holder .image-wrap {
        /*height: 40vh;*/
    }

        .vision-holder .image-wrap img {
            width: 100%;
        }

    .content-wrapper.inner-tabs {
        padding: 3vw 0 15vw;
    }
    /*Sela Story*/


    /*Sela Portfolio*/
    .portfolio_top .port_text h1 {
        font-size: 60px;
        margin-bottom: 2vw;
    }

    .portfolio_top .port_text h2 {
        font-size: 20px;
    }

    .wrapper_port > h3 {
        font-size: 30px;
    }

    .wrapper_port > h3 {
        font-size: 30px;
        margin-bottom: 5vw;
    }

    .wrapper_port .bl_line {
        width: 80px;
        height: 1px;
        margin-bottom: 15vw;
    }

    .tab-wrapper.port ul.tabs {
        grid-template-columns: repeat(2, 1fr);
    }

    li.tab-link.port {
        width: 100%;
    }

    .tab-wrapper.port ul.tabs li.tab-link.port {
        width: 100%;
        padding: 15px 0;
    }

    .tab-wrapper .tabs .tab-link::before {
        margin-right: 1.5vw;
        top: 1.5px;
    }

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

        .port_grid_wrap .grid_content {
            flex-direction: column;
            margin-bottom: 10vw;
        }

    .wrapper_port {
        padding: 10vw 7vw 15vw;
    }

    .port_grid_wrap .grid_content > div {
        width: 100%;
    }

    .port_grid_wrap .grid_content .grid_text {
        padding-left: 0;
        width: 100%;
        margin-top: 10vw;
    }
    /*Sela Portfolio*/


    /*News and Award*/
    .news_main_wrap .news_top .news_text h1 {
        font-size: 40px;
        height: 40px;
    }

    .news_main_wrap .news_top .news_text h2 {
        font-size: 20px;
        margin-top: 15vw;
    }

    .news_main_wrap .news_top .news_text {
        position: absolute;
        top: 50%;
        left: 45%;
        transform: translate(-50%, -50%);
    }

    .news_main_wrap .news_bottom {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
        padding: 20vw 7vw;
    }

    .achive_right .news_sec {
        display: flex;
        margin-bottom: 3vw;
        flex-direction: column-reverse;
    }

        .achive_right .news_sec .text_news {
            width: 100%;
            padding-left: 0;
            margin-top: 10vw;
            margin-bottom: 5vw;
        }

        .achive_right .news_sec .img_news {
            width: 100%;
        }

        .achive_right .news_sec .text_news h2 {
            font-size: 18px;
        }

        .achive_right .news_sec .text_news h3 {
            font-size: 30px;
            margin-bottom: 3.5vw;
        }

        .achive_right .news_sec .text_news p {
            font-size: 18px;
            line-height: 1.4;
            margin-bottom: 2vw;
            width: 90%;
        }
    /*News and Award*/


    /*News detail*/
    .nw_det_head {
        width: 100%;
        margin-bottom: 15vw;
        padding-left: 0vw;
    }

        .nw_det_head h1 {
            font-size: 40px;
            line-height: 1.2;
        }

    .news_detail_wrap {
        padding: 40vw 7vw 0;
    }

    .news_details {
        padding: 20vw 7vw 12vw;
    }

        .news_details h2 {
            font-size: 30px;
            line-height: 1.2;
            width: 100%;
            margin-bottom: 8vw;
        }

        .news_details .news_data {
            padding: 0;
        }

            .news_details .news_data p {
                font-size: 16px;
                line-height: 1.4;
                margin-bottom: 4vw;
            }

            .news_details .news_data h3 {
                font-size: 25px;
                line-height: 1.2;
                margin-top: 12vw;
                margin-bottom: 6vw;
            }

    .riyadh_pag {
        width: 120px;
        top: 9%;
        right: 7vw;
    }

        .riyadh_pag .swiper-button-next img, .riyadh_pag .swiper-button-prev img {
            width: 10vw;
        }

        .riyadh_pag .swiper-button-next img, .riyadh_pag .swiper-button-prev img {
            width: 10vw;
        }

    .port_grid_wrap .grid_content .grid_text h3 {
        font-size: 30px;
    }

    .port_grid_wrap .grid_content .grid_text > p {
        font-size: 16px;
        width: 90%;
    }

    .port_grid_wrap .grid_content .grid_text a.icn_btn p {
        font-size: 16px;
        margin-right: 2vw;
    }

    .port_grid_wrap .grid_content .grid_text a.icn_btn img {
        width: 2.5vw;
    }
    /*News detail*/

    /*timeline*/
    .stories-images .img {
        align-items: center;
        padding: 0 7vw 3vw 0;
    }

        .stories-images .img img {
            width: 55%;
        }

    .stories-images {
        padding: 0 7vw 2vw;
    }

    .timeline_detail .timeline {
        width: 60%;
        left: 20%;
    }

        .timeline_detail .timeline:nth-child(even) {
            left: auto;
        }

        .timeline_detail .timeline h2 {
            font-size: 35px;
        }

        .timeline_detail .timeline p {
            font-size: 16px;
        }

    .timeline_detail {
        top: 65%;
    }

    .headingYear .page-sub:before {
        height: 15vw;
    }

    .headingYear .page-sub {
        padding: 10vw 0 14vw;
        font-size: 130px;
    }

    .listyears ul li {
        padding: 0 14px 0 0px;
        font-size: 14px;
    }

    .listyears {
        top: 2%;
        height: 100%;
    }

    .timeline-pag {
        right: -5%;
        bottom: 12%;
    }

        .timeline-pag img {
            width: 2.5vw;
        }

    .latest_news .news_left a.read_circle {
        width: 100px;
        height: 100px;
        font-size: 16px;
        transform: scale(1);
    }


    .fact_number .number_fact {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .fact_detail img {
        height: 30%;
        padding-left: 5vw;
    }

    .fact_detail .fact_bod {
        padding-left: 4vw;
    }

        .fact_detail .fact_bod h2 {
            font-size: 30px;
            margin-top: 6vw;
            margin-bottom: 0.5vw;
        }

        .fact_detail .fact_bod p {
            font-size: 16px;
        }

    .nw_det_img img {
        height: 30vh;
    }
    /*timeline*/

    /*map*/
    .map-right {
        width: 100%;
        position: relative;
        padding: 0 7vw;
    }

    .contact-map img {
        width: 100%;
    }

    .map-right .top_drp h2 {
        width: 100%;
    }

    .dropdown {
        position: relative;
        width: 100%;
        right: 0;
        margin: 10vw 0;
    }

    .map-right .top_drp {
        flex-direction: column;
    }

    .dropdown li {
        font-size: 18px;
    }

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

    .map-list .map_text {
        padding-bottom: 8vw;
        margin-bottom: 13vw;
        flex-direction: column;
    }

        .map-list .map_text .left {
            width: 100%;
            margin-bottom: 4vw;
        }
    /*map*/

    /*contact us*/
    .maps-navs {
        flex-direction: column;
    }

    .maps-section .tab-wrapper {
        width: 100%;
        margin-bottom: 12vw;
    }

    .maps-section .right {
        width: 100%;
    }

    .maps-section .tab-wrapper .tabs {
        justify-content: center;
    }

        .maps-section .tab-wrapper .tabs .tab-link {
            width: 50%;
        }

    .unit-holder span {
        width: 50%;
        font-size: 13px;
    }

    .unit-holder .dropdown-holder {
        width: 50%;
    }

    .dropdown__filter-selected {
        font-size: 13px;
    }

    .maps-holder .unit-lists {
        width: 70%;
        padding: 40px 10px 40px 50px;
        display: none;
    }

        .maps-holder .unit-lists li {
            flex-direction: column;
        }

            .maps-holder .unit-lists li > div {
                width: 100%;
            }

            .maps-holder .unit-lists li > p {
                width: 100%;
            }

    .we_do_wrap {
        overflow-x: hidden;
    }

    .falcon_lgo img {
        width: 30%;
    }

    .news_wrap.news_botto .latest_news {
        grid-template-columns: repeat(1, 1fr);
    }

    .sela-story-main .inner .page-head a {
        font-size: 15px;
    }

    .principle_wrap .pr_wrap {
        width: 86%;
        grid-template-columns: repeat(1, 1fr);
    }

    .principle_wrap {
        padding: 15vw 0;
    }

        .principle_wrap .pr_wrap .pr_left h2 {
            color: #ffffff;
            font-size: 35px;
        }

        .principle_wrap .pr_wrap .pr_right p {
            color: #ffffff;
            font-size: 17px;
            padding-right: 8vw;
        }

        .principle_wrap .pr_wrap .pr_right h3 {
            font-size: 25px;
            color: #ffffff;
        }

    .who_weare_meet {
        padding: 15vw 0 12vw;
    }

    .what_we_do.whatwe_meet {
        padding-top: 15vw;
    }

    .sela_button.team a h3 > img {
        height: 3vw;
        width: 3vw !important;
    }

    .footer_wrap .left_foot .footer_social a {
        width: 50px;
        height: 50px;
    }

        .footer_wrap .left_foot .footer_social a svg {
            height: 20px !important;
        }

    .news_wrap .latest_news .news_left .zoomin img {
        /* height: 46vh; */
        width: 100%;
        object-fit: cover;
    }

    .news_wrap.news_botto .latest_news .news_left .zoominn img {
        width: 100%;
    }

    .distination_social {
        margin-bottom: 12vw;
    }
    .what_wrapper.what_wrapper_mb {
        height: auto;
        padding: 0 0 10vw;
    }
    .we_do_wrap a.tab-link_what.active {
        font-size: 6vw !important;
    }
    .we_do_wrap a.tab-link_what {
        font-size: 5vw !important;
    }
    .what_wrapper .tab-wrapper ul.tabs li {
        width: 100%;
        text-align: left;
        padding: 0 0 0 8vw;
        position: relative;
    }

    .we_do_wrap a.tab-link_what span {
        font-size: 18px;
        bottom: 0;
        position: absolute;
        top: 6px;
        left: 0;
    }
    .riyadh_text.active {
        position:relative;
    }
    .riyadh_slider.riyadh_slider_mb .text_riyad_wrap {
        height:auto
    }
    .tab-wrapper.below ul.tabs {
        padding-left:0
    }
    .what_wrapper.below .tab-wrapper ul.tabs li {
        width: 90%;
        padding: 0 5vw 4vw 5vw;
    }
    .wrapper_port .tab-wrapper ul.tabs {
        grid-template-columns: repeat(2, 1fr);
    }
    .wrapper_port .tab-wrapper ul.tabs li{
        width:100%;
    }
    .news_main_wrap .news_top .news_text {
        left: 35%;
    }
    .news_main_wrap .news_top .news_text h2 {
        margin-top:5vw   
    }
    .cont_head h1 {
        font-size: 14vw;
        padding: 0 0 0 9%;
        text-align: start
    }
    .maps-section .tab-wrapper .tabs .tab-link {
        font-size: 16px
    }

    .cookie {
        flex-direction: column;

    }

        .cookie .cont {
            padding-right: 0;
            margin-bottom: 8vw;
        }
    /*contact us*/
    

}