/* Responsive */

@media (max-width: 900px) {
    .menu-overlay {
        grid-template-columns: 1fr;
        padding: 40px 25px;
    }

    .menu-right {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .menu-right {
        grid-template-columns: 1fr;
    }

    .menu-links li,
    .expertise-links li {
        margin-bottom: 12px;
        font-size: 24px;

    }

    .card-point {
        font-size: 15px;
        font-weight: 400;

    }


    .service-card {

        padding: 10px 10px;

    }
}


/****************Style-changes*******************/

@media (max-width: 1900px) {
    .gl-big-test {
        font-size: 200px;
        font-style: normal;
    }
}

@media (max-width: 1850px) {
    .career-banner-bg {
        height: 850px;
    }


    .design_list_vy .design_text {

        font-size: 18px;

    }


    .design_list_vy .design_text {

        font-size: 18px;

    }

}

@media (max-width: 1650px) {
    .footer_copy {
        font-size: 16px;
    }

    .social_link {
        font-size: 16px;
    }

    .ftr_country {
        font-size: 22px;
    }

    .ftr_address {
        font-size: 16px;
    }

    .ftr_contact {
        font-size: 15px;
    }

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

    .gl-big-test {
        font-size: 160px;
        font-style: normal;
    }
}

@media (max-width: 1600px) {
    .header_lists_cols {
        display: flex;
        gap: 60px;
    }

    .banner-cm-head {
        font-size: 60px;
        line-height: 72px;
    }

    .banner-custm-text {
        font-size: 63px;
        line-height: 72px;
    }


    .design_list_vy .design_text {

        font-size: 16px;

    }


    .design_list_vy .design_text {

        font-size: 16px;

    }
}

@media (max-width: 1550px) {
    .footer_bottom_inner {
        flex-direction: column-reverse !important;
        align-items: flex-start;
    }

    .shadow-cntnt-vy {

        font-size: 15px;

    }
}

@media (max-width: 1450px) {
    .drp-list-head {
        font-size: 22px;
    }

    .drp_list {
        font-size: 17px !important;
    }

    .custm-banr-pad {
        padding-bottom: 140px;
    }

    .banner_video {
        object-fit: cover;
        height: 900px;
    }

    .service-banner-vid {
        height: 300px !important;
    }

    .pad-btm-v-cstm {
        padding-bottom: 120px;
        padding-left: 40px;
    }

    .pt-180-v {
        padding-top: 70px;
    }

    .pb-cus-180-v {
        padding-bottom: 70px;
    }

    .w-35p {
        width: 25px;
    }

    .flwr-cntnt-vy {

        font-size: 17px;

    }

    .serv-ban-btm-vy {

        font-size: 15px;

    }


    .shadow-des {
        font-size: 60px;
    }

    .shadow-cntnt-vy {
        font-size: 16px;
    }

    .dev-head-vy {

        font-size: 60px;

    }

    .dev-cntnt-small {

        font-size: 19px;

    }

    .design_row_small {
        gap: 5px;
    }


    .gl-py-cust{
    padding-top: 80px;
    padding-bottom: 80px;
}
}

@media (max-width: 1366px) {
    .banner_video_text {
        justify-content: center;
    }

    .custm-banr-pad {
        padding-bottom: 0px;
        padding-top: 150px;
    }

    .hover_flag_dropdown {
        left: -25px;
    }
}

@media (max-width: 1350px) {
    .header_lists {
        padding: 0px 20px 60px 20px;
    }

    .gl-big-test {
        font-size: 120px;
        font-style: normal;
    }

    .top-cstm-pad {
        padding-top: 85px;
    }
}

@media (max-width: 1300px) {

    .gl_nav {
        display: none;
    }

    .visual-title {
        font-size: 34px;
    }

    .drp_list {
        font-size: 15px !important;
    }


    .clnt-head-vy {

        font-size: 50px;
        line-height: 50px;

    }


    .gradient_text_vy {
        font-size: 50px;
        line-height: 43px;

    }


    .py-custm {
        padding-top: 200px;
        padding-bottom: 150px;
    }
}

@media (max-width: 1250px) {
    .footer_list li {
        min-height: 84px;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 1200px) {
    .visual-title {
        font-size: 32px;
    }

    .serviceRow-title {
        font-size: 36px;
    }

    .serviceRow-count {
        font-size: 22px;
    }

    .serviceRow-label {
        font-size: 34px;
    }

    .serviceRow-item {
        padding: 30px 0;
    }

    .serviceRow-preview-img {
        width: 190px;
        height: 180px;
        left: 5%;
    }

    .serviceRow-header {
        padding: 40px 0 40px;
    }

    .gl_nav_list a {
        font-size: 14px;
    }

    .talk-head {
        font-size: 14px;
        align-items: end;
    }

    .country-name {
        font-size: 14px;
    }

    .hover_flag_trigger {
        display: flex;
        align-items: end;
    }

    .hover_flag {
        display: flex;
        align-items: end;
    }

    .arrow {
        margin: auto;
    }

    .menu-btn {
        height: 15px;
    }

    .header_lists_cols {
        display: flex;
        gap: 40px;
    }

    .banner-custm-text {
        font-size: 50px;
        line-height: 60px;
    }

    .banner-cm-head {
        font-size: 50px;
        line-height: 60px;
    }

    .gl-big-test {
        font-size: 90px;
        font-style: normal;
    }

    .career-head-cmn-v {
        font-size: 50px;
        line-height: 60px;
    }

    .career-head-cmn-italic-v {
        font-size: 50px;
        line-height: 50px;
    }

    .car-ban-sml-para-v {
        font-size: 16px;
        width: 50%;
    }

    .team-head-v {
        font-size: 80px;
        line-height: 80px;
    }

    .opening-head {
        font-size: 80px;
    }

    .oper-head-v {
        font-size: 40px;
        line-height: 65px;
    }

    .oper-head-italic-v {
        font-size: 40px;
        line-height: 50px;
    }

    .gl-pt-150-cus-v {
        padding-top: 40px;
    }

    .accor_new_v_title {
        font-size: 20px;
    }

    .accor_new_v_header {
        padding: 25px 0;
    }

    .xl-none {
        display: none !important;
    }

    .design_list_vy .design_row {

        padding: 15px 0;

    }

    .design_list_vy .design_row_small {

        padding: 15px 0;

    }
}

@media (max-width: 1200px) {
    .custm-banr-pad {
        padding-bottom: 0px;
        padding-top: 30px;
    }

    .footer_socials {
        flex-wrap: wrap;
    }

    .footer_socials {
        gap: 25px;
    }

    .gap-xl {
        gap: 50px;
    }

    .xl-hd-min {
        display: block;
    }

    .xl-hd-max {
        display: none;
    }
}

@media (min-width: 1200px) {

    .xl-hd-min {
        display: none;
    }

    .xl-hd-max {
        display: block;
    }
}

@media (max-width: 1150px) {
    .header_lists_cols {
        display: flex;
        gap: 30px;
    }
}

@media (max-width: 1100px) {

    .talk-head {
        display: none;
    }

    .talk-line {
        display: none;
    }

    .hover_flag_dropdown {
        position: absolute;
        top: 100%;
        left: -72px;
    }

    .ftr_video_wrap {
        width: 230px;
        display: flex;
    }
}

@media (max-width: 1050px) {
    .banner-custm-text {
        font-size: 32px;
        line-height: 40px;
    }

    .banner-cm-head {
        font-size: 32px;
        line-height: 40px;
    }

    .banner-sub-head {
        color: #FFF;
        font-size: 14px;
    }

    .bnr-enq-btn {
        font-size: 14px;
    }

    .banner_video_tag {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
}

@media (max-width: 1024px) {
    .gap-lg {
        gap: 60px;
    }

    .service-banner-vid {
        height: 255px !important;
    }

    .gap-90-vy {
        gap: 50px;
    }
}

@media (max-width: 991px) {
    .main-view-ftr {
        display: none;
    }

    .res-view-ftr {
        display: block;
    }

    .main-vid-sec {
        display: none;
    }

    .res-view-ico {
        display: flex;
    }

    .main-view-ico {
        display: none;
    }

    .footer_list li {
        min-height: 66px;
    }

    .pad-btm-v-cstm {
        padding-bottom: 120px;
        padding-left: 20px;
    }


    .py-custm {
        padding-top: 115px;
        padding-bottom: 100px;
    }
}

@media (min-width: 991px) {
    .main-view-ftr {
        display: block;
    }

    .res-view-ftr {
        display: none;
    }

    .res-vid-sec {
        display: none;
    }

    .res-view-ico {
        display: none;
    }

    .main-view-ico {
        display: flex;
    }
}

@media (max-width: 992px) {
    .visual-title {
        font-size: 30px;
    }

    .visual-header-right {
        display: none;
    }

    .visual-header {
        grid-template-columns: auto auto;
    }

    .visual-header-center {
        text-align: right;
    }

    .visual-header-center span {
        display: none;
    }

    .serviceRow-title {
        font-size: 34px;
    }

    .serviceRow-count {
        font-size: 20px;
    }

    .serviceRow-label {
        font-size: 32px;
    }

    .serviceRow-item {
        padding: 25px 0;
    }

    .serviceRow-preview-img {
        width: 160px;
        height: 140px;
        left: 3%;
    }

    .serviceRow-content .serviceRow-icon-left img {
        width: 20px;
    }

    .serviceRow-item:hover .serviceRow-icon-left,
    .serviceRow-item:hover .serviceRow-icon-right {
        width: auto;
    }

    .serviceRow-content .serviceRow-icon-right img {
        width: 15px;
    }

    .common-container {
        padding: 0 20px;
    }

    .banner_video {
        object-fit: cover;
        height: 600px;
    }
}

@media (max-width: 830px) {
    .footer_list li {
        min-height: 83px;
    }
}

@media (max-width: 820px) {
    .visual-title {
        font-size: 28px;
    }

    .serviceRow-header {
        padding: 30px 0 30px;
    }
}

@media (max-width: 780px) {
    .serviceRow-preview-img {
        width: 95px;
        height: 90px;
        top: 50%;
    }

    .serviceRow-label {
        font-size: 26px;
    }

    .serviceRow-title {
        font-size: 30px;
    }

    .serviceRow-number {
        margin-left: 0px;
    }

    .serviceRow-content {
        gap: 5px;
    }

    .serviceRow-count {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .footer_list li {
        min-height: auto;
    }

    .ft-menu-none {
        display: none !important;
    }

    .footer_title {
        padding-top: 20px;
    }

    .top-cstm-pad {
        padding-top: 50px;
    }
}

@media (max-width: 767px) {
    .footer_columns {
        display: flex;
        gap: 5px;
    }

    .footer_title {
        margin-bottom: 10px;
        opacity: 0.7;
    }

    .footer_list li {
        margin-bottom: 5px;
    }

    .top-cstm-pad {
        padding-top: 20px;
    }

    .footer_socials {
        flex-wrap: wrap;
        justify-content: left;
        gap: 18px;
    }

    .career-banner-bg {
        height: 830px;
    }

    .car-ban-sml-para-v {
        font-size: 14px;
        width: 80%;
    }

    .opening-head {
        font-size: 40px;
    }


    .gl-w-38-cus {
        width: 50% !important;
    }

    .gl-w-62-cus {
        width: 50%;
    }
}

@media (max-width: 700px) {
    .service-banner-vid {
        height: 200px !important;
    }
}

@media (max-width: 600px) {
    .visual-title {
        font-size: 26px;
        max-width: 90%;
    }

    .serviceRow-label {
        font-size: 20px;
    }

    .serviceRow-title {
        font-size: 20px;
    }

    .serviceRow-count {
        font-size: 12px;
    }

    .serviceRow-preview-img {
        display: none;
    }

    .serviceRow-content .serviceRow-icon-left img {
        width: 15px;
    }

    .serviceRow-content .serviceRow-icon-right img {
        width: 12px;
    }

    .serviceRow-content {
        gap: 10px;
    }

    .banner-sub-head {
        font-weight: 400;
    }

    .footer_socials {
        gap: 14px;
        align-items: flex-start;
    }

    .hover_flag_dropdown {
        position: absolute;
        top: 100%;
        left: -117px;
    }
}

@media (max-width: 575px) {
    .gl-big-test {
        font-size: 66px;
        font-style: normal;
    }

    .pad-btm-v-cstm {
        padding-bottom: 80px;
        padding-left: 20px;
    }

    .career-head-cmn-v {
        font-size: 35px;
        line-height: 45px;
    }

    .career-head-cmn-italic-v {
        font-size: 35px;
        line-height: 40px;
    }

    .gl-gap-20-cus {
        gap: 10px;
    }

    .team-head-v {
        font-size: 40px;
        line-height: 40px;
    }

    .pt-180-v {
        padding-top: 45px;
    }

    .open-text {
        font-size: 16px;
    }

    .open-roles-pill {
        gap: 35px;
        padding: 5px 0px 5px 20px;
        min-width: 200px;
    }

    .pb-cus-180-v {
        padding-bottom: 30px;
    }

    .opening-head {
        font-size: 40px;
    }

    .gap-60-vy {
        gap: 20px;
        margin: auto 0;
    }

    .flwr-cntnt-vy {
        font-size: 14px;
    }

    .service-banner-vid {
        height: 140px !important;
    }

    .shadow-des {
        font-size: 40px;
    }

    .dev-head-vy {
        font-size: 40px;
    }

    .dev-para-vy {

        font-size: 14px;

    }

    .w-35p {
        width: 18px;
    }


    .gl-w-38-cus {
        width: 100% !important;
    }

    .gl-w-62-cus {
        width: 100%;
    }

    .clnt-head-vy {
        font-size: 34px;
        line-height: 34px;
    }

    .gradient_text_vy {
        font-size: 34px;
        line-height: 30px;
    }

    .ht-240 {
        height: 150px;
    }

}

@media (max-width: 480px) {
    .visual-title {
        font-size: 24px;
        max-width: 90%;
    }

    .logo-width {
        width: 176px;
    }

    .banner-custm-text {
        font-size: 28px;
        line-height: 40px;
    }

    .banner-cm-head {
        font-size: 28px;
        line-height: 40px;
    }

    .gl-big-test {
        font-size: 50px;
        font-style: normal;
        text-align: center;
    }

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

    .sub-scribe-sec {
        font-size: 26px;
    }
}

@media (max-width: 575px) {
    .banner_video_text {
        justify-content: end;
    }

    .custm-banr-pad {
        padding-bottom: 120px;
        padding-top: 30px;
    }

    .menu-btn {
        width: 24px;
        height: 15px;
        cursor: pointer;
    }

    .res-none-country {
        display: none !important;
    }

    .flag-img {
        width: 20px;
    }
}

@media (max-width: 375px) {
    .visual-title {
        font-size: 22px;
        max-width: 90%;
    }
}


/****************Style-changes*******************/


/* our--story---------------------------------------------- */

@media (max-width: 1700px) {
    .catalyst-hd {
        font-size: 68px;
        line-height: 75px;
    }
}

@media (max-width: 1600px) {
    .banner-story {
        padding-bottom: 240px;
        padding-top: 240px;
    }
}

@media (max-width: 1500px) {
    .beyond-para-v {
        font-size: 20px;
        line-height: 29px;
    }
}

@media (max-width: 1366px) {
    .story-head-v {
        font-size: 95px;
        line-height: 100px;
    }

    .story-head-italic-v {
        font-size: 95px;
        line-height: 85px;
    }

    .story-banner-v {
        font-size: 29px;
    }

    .catalyst-hd {
        font-size: 52px;
        line-height: 64px;
    }

    .vis-cmn-hd {
        font-size: 26px;
    }

    .grid-para-cmn {
        font-size: 16px;
    }
}

@media (max-width: 1100px) {
    .catalyst-hd {
        font-size: 40px;
        line-height: 51px;
    }
}

@media (max-width: 991px) {
    .beyond-para-v {
        color: #FFF;
        text-align: left;
    }

    .beyond-box-hd-v {
        font-size: 24px;
        line-height: 32px;
    }

    .catalyst-hd {
        font-size: 34px;
        line-height: 45px;
    }

    .oper-head-v {
        font-size: 30px;
        line-height: 36px;
    }

    .oper-head-italic-v {
        font-size: 30px;
        line-height: 40px;
    }
}

@media (max-width: 575px) {
    .story-head-italic-v {
        font-size: 50px;
        line-height: 60px;
    }

    .story-head-v {
        font-size: 50px;
        line-height: 60px;
    }

    .banner-gap-v {
        gap: 8px;
    }

    .story-banner-v {
        font-size: 20px;
    }

    .banner-story {
        padding-bottom: 100px;
        padding-top: 100px;
    }

    .beyond-v {
        font-size: 24px;
    }

    .beyond-para-v {
        font-size: 16px;
        line-height: 25px;
    }

    .catalyst-hd {
        font-size: 30px;
        line-height: 42px;
    }

    .serve-hd {
        font-size: 24px;
    }

    .vis-cmn-hd {
        font-size: 22px;
    }

    .gl-w-80p {
        width: 50px !important;
    }

    .story-head-italic-v {
        font-size: 40px;
        line-height: 52px;
    }

    .story-head-v {
        font-size: 40px;
        line-height: 55px;
    }

    .video-section-grid {
        display: none;
    }

}

@media (max-width: 575px) {
    .accor_new_v_content {
        max-height: none !important;
        height: 0;
        overflow: hidden;
        transition: height 0.45s ease;
    }

    .accor_new_v_item.active .accor_new_v_content {
        height: max-content;
    }
}