@charset "utf-8";
/*--------------media query css------------------*/	

@media (min-width:1400px) {

    
.help-developers-right-content h3{
    font-size: 32px;
    letter-spacing: -1px;
  }

  .work-banner-content h1{
    font-size: 64px;
    letter-spacing: -2px;
  }

  .insight-detail-left-inner {
        max-width: 326px;
    }



}

@media (max-width:1400px) {


    .site-header-btn-wrap{
        margin-left: 30px;
    }

    .header-sec{
        /* padding: 30px 0; */
    }

    .enumenu_ul > ul > li > a{
        padding: 30px 0;
    }

    .enumenu_ul > ul > li{
        margin-right: 30px;
    }

    .logo {
        width: 200px;
    }

    .home-banner-sec{
        padding: 150px 0 50px;
    }

    .home-banner-top-content{
        padding: 0 0 30px;
    }

    .home-banner-bottom-left{
        width: 50%;
        font-size: 18px;
    }

    .home-banner-bottom-right{
        gap: 15px;
    }

    .accreditations-sec{
        padding: 70px 0;
    }

    .consultant-top-content{
        padding: 0 0 40px;
    }

    .consultant-bottom-link{
        min-height: 500px;
        padding: 20px;
    }

    .consultant-bottom-link-content .catg-tag{
        margin: 0 0 20px;
    }

    .consultant-bottom-col{
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .consultant-bottom-row{
        margin: 0 -10px;
    }

    .transport-service-right-top h2{
        margin: 0 0 30px;
    }

    .transport-service-right-top-content-col {
        width: 47%;
    }

    .transport-service-list-left-col {
        width: 50%;
        padding: 0 10px;
    }

    .transport-service-list-right-col {
        width: 50%;
    }

    .transport-service-list-item{
        padding: 20px 0;
    }

    .transport-service-list-right-col p{
        margin: 0 0 20px;
    }

    .transport-service-section{
        min-height: inherit;
    }

    .featured-projects-section{
        padding: 70px 0;
    }

    .featured-projects-title-top{
        padding: 0 0 40px;
    }

    .featured-projects-item-link{
        min-height: 500px;
        padding: 20px;
    }

    .featured-projects-item-lg .featured-projects-item-link {
        width: 650px;
    }


    .featured-projects-item-link{
        width: 400px;
    }

    .featured-projects-item-bottom h2{
        font-size: 40px;
    }

    .featured-projects-item-bottom p{
        margin: 0 0 30px;
    }

    .where-we-work-section{
        padding: 70px 0;
    }


    .accordion-title{
        padding: 20px 0;
        font-size: 70px;
    }

    .accordion-title.active{
        padding: 20px 0;
    }

    .accordion-slider-col{
        padding: 0 10px;
    }

    .accordion-slider .slick-list{
        margin: 0 -10px;
    }

    .accordion-slider-position{
        margin: 0 0 20px;
    }

    .accordion-slider-item{
        min-height: 500px;
        padding: 20px;
    }

    .accordion > li{
        padding-bottom: 0;
    }

    .accordion-content-inner{
        padding-bottom: 50px;
    }

    .career-section{
        padding: 70px 0;
    }

    .three-col-top-row{
        padding-bottom: 30px;
    }

    .career-list-item-content h2{
        font-size: 40px;
    }

    .career-list-item{
        min-height: 550px;
        padding: 20px;
    }

    .career-list-item-content-top{
        padding-bottom: 0;
    }

    .footer-main{
        padding: 70px 0;
    }

    .inner-foo-top {
        padding: 0 0 5%;
    }


    .foo-form-fields{
        padding-right: 98px;
    }

    .foo-form-fields input[type="email"] {
        height: 42px;
        padding: 0 10px;
        font-size: 16px;
    }

    .foo-bottom {
        padding: 40px 0;
    }

    .career-list-col{
        padding: 0 10px;
    }
    .career-list-row{
        margin: 0 -10px;
    }

    .approach-topright-col h2{
        font-size: 40px;
        letter-spacing: 0;
    }

    .approach-bottom-col{
        padding: 0 15px;
    }

    .approach-bottom-row{
        margin: 0 -15px;
    }

    .who-we-work-content .btn {
        margin-top: 4%;
    }

    .who-we-work-section{
        padding: 150px 0 500px;
    }

    .consultant-bg-stone-section hr{
        margin: 30px 0;
    }

    .testimonials-section{
        padding: 70px 0;
    }

    .testimonials-slider-content blockquote{
        font-size: 40px;
        padding-left: 20px;
    }
    .testimonials-slider-author{
        padding-left: 20px;
    }
    .testimonials-top-row{
        padding-bottom: 20px;
    }

    .testimonials-slider-content{
        padding-top: 30px;
    }

    .project-list-section{
        padding: 70px 0;
    }

    .project-list-section .three-col-top-row{
        padding-bottom: 30px;
    }

    .project-list-card{
        min-height: 500px;
        padding: 20px;
    }

    .who-we-work-row{
        align-items: center;
    }


    .developers-banner-section{
        padding: 120px 0 70px;
    }

    .developers-banner-content h1{
        margin: 0 0 10%;
    }

    .developers-banner-btns{
        padding-top: 30px;
    }

    .help-developers-right-content h2{
        font-size: 40px;
        letter-spacing: 0;
    }

    .help-developers-right-content h3{
        letter-spacing: 0;
    }

    .help-developers-section{
        padding: 0 0 70px;
    }

    .help-developers-bottom-right-content{
        width: 60%;
    }


    .partners-section{
        padding: 70px 0 250px;
    }

    .partners-slider .testimonials-slider-content{
        padding: 0 0 30px;
    }

    .partners-col-left{
        width: 30%;
    }

    .partners-slider .testimonials-slider-content blockquote{
        letter-spacing: 0;
    }

    .work-banner-content h1{
        letter-spacing: 0;
    }

    .work-banner-content-bottom{
        margin-top: 30px;
    }

    .work-banner-section{
        padding: 150px 0;
        min-height: 700px;
    }

    .our-work-featured-section{
        padding: 70px 0 ;
    }

    .our-work-filter-col-right .filter-selectbox{
       width: 180px;
    }

    .our-work-featured-section .consultant-bottom-link{
        min-height: 450px;
        padding: 20px;
    }

    .our-work-featured-bottom{
        margin-bottom: 40px;
    }

    .specialist-section {
        padding: 0 0 20px;
    }

    .enumenu_ul .submenu-full{
        padding: 30px 0;
    }

    .submenu-mid-list li a{
        font-size: 20px;
    }


    .career-list-item-content-bottom .btn{
        font-size: 16px;
    }


    .specialist-row-item{
        padding-top: 30px;
    }

    .work-detail-list-section{
        padding-bottom: 70px;
    }

    .work-detail-banner-section{
        padding: 120px 0 70px;
        margin: 0 0 70px;
    }

    .work-detail-banner-btns{
        padding-top: 20px;
        padding-right: 0;
    }

    .work-detail-banner-content h1{
        margin: 0 0 20px;
    }


    .work-detail-banner-col-right {
    width: 50%;
    }

    .work-detail-list-item{
        padding: 0 0 40px;
        margin: 0 0 40px;
    }

    .work-detail-approach-img{
        margin-top: 20px;
    }


    .specialist-testimonial-left-section + .project-list-section{
        padding-top: 50px;
    }


    .location-section{
        padding: 70px 0;
    }

    .location-top-links {
        padding: 0 0 30px;
    }

    .location-tiles-box{
        min-height: 600px;
    }

    .location-col .btn{
        padding: 12px 18px;
    }


    .insight-banner-section{
        padding: 160px 0 70px;
    }


    .insight-banner-row-top{
        padding-bottom: 40px;
    }


    .insight-list-box{
        padding: 50px;
        min-height: 400px;
    }

    .insight-list-content-left-top{
        padding-bottom: 50px;
    }

    .insight-list-content-left h2{
        font-size: 40px;
        letter-spacing: 0;
    }

    .insight-list-content-right h4{
        letter-spacing: 0;
        margin: 0 0 20px;
    }

    .insight-list-content-right > *:last-child{
        margin-bottom: 0;
    }

    .insight-show-more-btn{
        padding-top: 20px;
    }

    .insight-banner-bottom-right-col-content ul li{
        margin: 0 10px 10px 0;
    }

    .insight-banner-bottom-left-col-content .btn{
        margin: 0 10px 10px 0;
    }


    .insight-detail-banner-section{
        padding: 150px 0 70px;
    }

    .insight-detail-banner-content h1{
        margin: 0 0 30px;
    }

    .insight-detail-banner-content{
        padding: 0 0 50px;
    }

    .insight-detail-right-content h4:first-child{
        margin-bottom: 30px;
    }


    .office-section{
        padding: 70px 0;
    }

    .office-location-col-left{
        width: 30%;
    }
    .office-location-col-right{
        width: 68%;
    }

    .office-location-tabs ul li{
        margin: 0 10px 10px 0;
    }

    .office-location-top .office-location-col-left h2{
        letter-spacing: 0;
    }

    .office-location-left-address{
        padding-bottom: 40px;
    }

    .location-map-left-col{
        padding: 30px 20px;
    }

    .enquiry-col-right{
        width: 68%;
    }

    .who-we-work-section.what-we-do-banner-section{
        padding: 150px 0 70px;
    }

    .core-services-section{
        padding: 70px 0;
    }

    .service-accordion-title {
        font-size: 30px;
    }

    .service-accordion-title:before{
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .service-accordion ul li{
        padding: 20px 0;
    }

    .approach-section.approach-stone-bg-section{
        padding: 70px 0;
    }


    .enumenu_ul > ul > li > a{
        font-size: 16px;
    }

    .our-work-filter-col-right .filter-selectbox{
        font-size: 16px;
    }

    .insight-detail-right-content h4{
        margin-top: 50px;
    }


    /*-- other internal pages --*/

    .meet-our-team-section {padding: 250px 0 100px;}
    .meet-our-team-card-inner {flex: 350px;min-height: 500px;min-width: 350px;max-height: 500px;}
    .meet-our-team-card-content {flex: calc(100% - 350px);}
    .hover-2 .meet-our-team-col:nth-child(2) .meet-our-team-card-content,.hover-3 .meet-our-team-col:nth-child(3) .meet-our-team-card-content {width: calc(100% - 350px);}
    .meet-our-team-card-caption {padding: 30px;}
    .meet-our-team-card-content-wrapper { padding: 40px 30px; }
    .meet-our-team-card-content h6 { margin-bottom: 20px; }
    .meet-our-team-card-content-left { padding-right: 50px; }
    .meet-our-team-card-content-right { padding-left: 30px; }
    .meet-our-team-card-social ul li a { padding: 14px 20px; }
    .meet-our-team-card-content-wrapper p { margin-bottom: 20px; }
    .meet-our-team-filters {gap: 15px;}
    .meet-our-team-filters-wrap {margin-bottom: 70px;}
    .meet-our-team-card-icon {width: 44px;height: 44px;font-size: 16px;}
    .meet-our-team-intro-col-right { width: 50%; padding-top: 0; }
    .meet-our-team-intro { margin-bottom: 70px; }
    .meet-our-team-card-text {width: calc(100% - 40px);padding-right: 15px;}
    .why-join-section { padding: 100px 0 200px; }
    .why-join-top-left { min-height: 500px; }
    .why-join-bottom-section { padding-top: 50px; }
    .why-join-features { width: 75%; }
    .why-join-feature-desc { width: 40%; }
    .why-join-feature-row { padding: 40px 0; }
    .why-join-feature-title { width: 45%; padding-right: 30px; }
    .why-join-left { top: -30%; }
    .graduate-program-top-right p {font-size: 40px}
    .graduate-program-section { padding: 110px 0; }
    /* .graduate-program-image { width: 48%; height: 112.4%; right: -25.5%; top: -4%; } */
    .graduate-program-middle { margin-bottom: 60px; padding-bottom: 70px; }
    .vacancies-section .insight-banner-section { padding-top: 100px; }
    .job-role-hero {padding: 230px 0 0;}
    .job-role-actions {padding-top: 60px;}
    .location-child-banner.work-banner-section { padding: 250px 0 70px; } 
    .location-child-banner .work-banner-content h1 { font-size: 90px; margin-bottom: 40px; } 
    .location-content-bottom-row { margin-top: 120px; }

    .contact-map-row {padding: 100px 0;}
    .contact-map-left h2 {font-size: 40px; letter-spacing: 0;margin-bottom: 70px;}

    .featured-projects-section + .transport-service-section{
        padding-top: 70px;
      }


      .core-services-left-video{
        width: 276px;
        height: 956px;
      }


      .our-work-featured-section .consultant-bottom-link-content h3{
        font-size: 27px;
      }


      .default-template-section {
        padding: 160px 0 70px;
    }


    .who-we-work-section.what-we-do-banner-section + .approach-section:not(.approach-stone-bg-section){
        padding-top: 70px;
      }

   

}


@media (max-width:1199px) {


    .enumenu_ul > ul > li {
        margin-right: 20px;
    }

    .consultant-top-content-left {
        width: 55%;
    }

    .consultant-bottom-link {
        min-height: 450px;
        padding: 20px 10px;
    }

    .transport-service-right-top {
        padding: 0 0 10px;
    }


    .transport-service-right-top-row{
        padding-left: 0;
    }

    .featured-projects-item-lg .featured-projects-item-link {
        width: 500px;
    }
    .featured-projects-item-link {
        width: 350px;
    }


    .featured-projects-item-bottom h2 {
        font-size: 32px;
    }

    .accordion-title{
        font-size: 50px;
    }

    .accordion-slider-item {
        min-height: 400px;
        padding: 15px;
    }

    .accordion > li{
        margin-bottom: 0;
    }

    .career-list-item-content h2 {
        font-size: 32px;
    }

    .foo-top-title-wrap {
        margin: 0 0 10%;
    }

    .inner-foo-top {
        padding: 0 0 2%;
        max-width: 400px;
    }
    .foo-bottom {
        padding: 2% 0 30px;
    }


    .foo-logo{
        max-width: 200px;
    }

    .foo-logo-col {
        width: 25%;
    }

    .foo-nav-links-1 {
        width: 19%;
    }

    .foo-nav-links-2 {
        width: 21%;
    }

    .foo-form-links {
        width: 35%;
    }


    .footer-main{
        padding: 70px 0 30px;
    }


    .testimonials-slider-item{
        padding: 0 15px;
    }
    .testimonials-slider .slick-list{
        margin: 0 -15px;
    }

    .consultant-bg-stone-section {
        margin-top: 0;
    }

    .who-we-work-section {
        padding: 120px 0 70px;
    }

    .consultant-section.consultant-bg-stone-section{
        padding: 70px 0 50px;
    }
    
    .approach-topright-col h2 {
        font-size: 32px;
    }

    .approach-bottom-col{
        width: 50%;
    }

    .testimonials-top-left-col{
        width: 25%;
    }

    .testimonials-top-right-col{
        width: 75%;
    }

    .testimonials-slider{
        width: 75%;
    }

    .testimonials-slider-content blockquote{
        font-size: 32px;
        margin: 0 0 20px;
        letter-spacing: 0;
        padding-left: 15px;
    }

    .testimonials-slider-author{
        padding-left: 15px;
    }

    .testimonials-slider .slick-list{
        padding-right: 10%;
    }

    .project-list-card {
        min-height: 450px;
    }

    .consultant-bg-stone-section .consultant-top-content{
        padding-bottom: 40px;
    }


    .developers-banner-col-left{
        width: 50%;
    }

    .developers-banner-col-right{
        width: 48%;
    }

    .help-developers-right-content h2{
        font-size: 32px;

    }



    .work-banner-section{
        padding: 150px 0 50px;
        min-height: 550px;
    }


    .our-work-filter-list{
        gap: 10px;
    }


    .our-work-featured-row{
        margin-top: 30px;
    }
    


    .our-work-featured-bottom-col-mid{
        width: 50%;
    }

    .specialist-col-left{
        width: 30%;
    }

    .our-work-featured-section .consultant-bottom-col{
        width: 50%;
    }



    .submenu-left-content .btn{
        margin-top: 20px;
    }


    .submenu-mid-list li a{
        font-size: 18px;
        letter-spacing: 0;
    }

    .submenu-mid-list li{
        padding-bottom: 12px;
    }

    .submenu-mid-list-text{
        margin-bottom: 12px;
    }

    .submenu-mid-list-text{
        letter-spacing: 0;
    }

    .submenu-left-content p{
        letter-spacing: 0;
    }
    .submenu-col{
        padding: 0 10px;
    }

    .submenu-row{
        margin: 0 -10px;
    }

    .submenu-col h6{
        margin: 0 0 15px;
    }

    .submenu-related-content h6{
        font-size: 16px;
        margin: 0 0 10px;
    }

    .enumenu_ul .submenu-full {
        padding: 20px 0;
    }


    .work-detail-banner-col-right {
        width: 45%;
    }

    .work-detail-banner-btns .btn {
        letter-spacing: 0;
        margin: 0 10px 10px 0;
    }


    .work-detail-col-right{
        width: 55%;
    }
 
    .specialist-col-left-content{
        padding-top: 30px;
    }

    .specialist-testimonial-left-section .specialist-col-content blockquote::before {
        left: -20px;
    }

    .specialist-testimonial-left-section .specialist-col-content{
        padding-left: 20px;
    }


    .location-tiles-box{
        min-height: 450px;
        padding: 30px;
    }
    


    .location-links-list ul li{
        margin-left: 10px;
    }

    .insight-list-box{
        padding: 30px;
        min-height: 300px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
    }

    .insight-list-content-left h2{
        font-size: 32px;
    }

    .insight-detail-author-name{
        font-size: 18px;
    }


    .insight-detail-author-info img{
        width: 60px;
        height: 60px;
    }


    .insight-detail-read-time i{
        margin-right: 6px;
        font-size: 16px;
    }

    .insight-detail-left-inner hr{
        margin: 20px 0;
    }

    .insight-related-services-links{
        padding-top: 0;
    }

    .insight-related-services-links h6{
        margin: 0 0 20px;
    }

    .insight-detail-col-left{
        width: 30%;
    }

    .insight-detail-content-inner > hr{
        margin: 50px 0;
    }


    .office-location-tabs .btn {
        padding: 12px 18px;
    }

    .form-col.form-textarea-col textarea {
        height: 150px;
    }

    .office-location-tabs .btn{
        font-size: 15px;
    }
    .office-location-col-right{
        width: 68%;
    }

    .enquiry-col-right{
        width: 68%;
    }

    .office-location-tabs ul li {
        margin: 0 7px 10px 0;
    }

    .who-we-work-section.what-we-do-banner-section {
        padding: 120px 0 70px;
    }

    .service-accordion-title {
        font-size: 26px;
    }

    
    .service-slider-accordion-item {
        padding: 0 10px;
    }

    .service-slider-accordion .slick-list{
        margin: 0 -10px;
        padding-right: 10%;
    }


    .core-service-col-left{
        width: 30%;
    }

    .core-service-col-right{
        width: 70%;
    }


    .location-map-left-content-item{
        font-size: 14px;
    }


    .location-map-left-content-item h6{
        font-size: 16px;
    }



    
    .accreditations-slider .slick-slide{
        padding: 0 30px;
    }

    .accreditations-slider {
        margin: 0 -30px;  
      }


      .work-detail-banner-col-left{
        width: 55%;
      }

      .office-location-tabs {
        padding-top: 55px;
    }


    /*-- other internal pages --*/

    .meet-our-team-filters { gap: 10px; }
    .meet-our-team-section { padding: 170px 0 70px; }
    .meet-our-team-intro { margin-bottom: 50px; }
    .meet-our-team-filters-wrap { margin-bottom: 50px; }
    .meet-our-team-col { padding: 0 10px; }
    .meet-our-team-row { margin: 0 -10px; }
    .meet-our-team-grid {gap: 20px 0;}
    .meet-our-team-card-inner {flex: 296px;min-height: 400px;min-width: 296px;max-height: 400px;}
    .meet-our-team-card-content {flex: calc(100% - 296px);}
    .hover-2 .meet-our-team-col:nth-child(2) .meet-our-team-card-content,.hover-3 .meet-our-team-col:nth-child(3) .meet-our-team-card-content {width: calc(100% - 296px);}
    .meet-our-team-card-caption { padding: 20px; }
    .meet-our-team-card-text {width: calc(100% - 40px);}
    .meet-our-team-card-icon { width: 40px; height: 40px; font-size: 14px; }
    .meet-our-team-cta-wrap {padding-top: 50px;}
    .meet-our-team-card-content-wrapper p { font-size: 14px; } 
    .meet-our-team-card-content-wrapper { padding: 30px 24px; } 
    .meet-our-team-card-content-left { padding-right: 30px; }
    .meet-our-team-card-social ul li a { padding: 10px 20px; font-size: 14px; }
    .meet-our-team-card-social .meet-our-team-card-social-linkedin a { width: 41px; height: 41px; font-size: 16px; }
    .meet-our-team-card-content-wrapper .meet-our-team-card-social-linkedin { margin-left: 40px; }
    .meet-our-team-card-content-column2 ul li a { font-size: 12px; }
    .meet-our-team-card-content-right { padding-left: 20px; }
    .meet-our-team-card-content h6 { margin-bottom: 10px; }
    .graduate-program-top-right p {font-size: 32px}
    .why-join-section { padding: 70px 0; } 
    .why-join-top-left h6 { margin-bottom: 40px; }
    .why-join-top-left { min-height: 450px; } 
    .why-join-feature-title { width: 50%; } 
    .why-join-feature-desc { width: 50%; } 
    .why-join-feature-row { padding: 30px 0; } 
    .why-join-left { left: -31%; width: 50%; top: -30%; } 
    .why-join-features { width: 83%; } 
    .graduate-program-section {padding: 70px 0;} 
    .graduate-program-middle { padding: 60px 0px 40px 0; margin-bottom: 50px; } 
    .graduate-program-middle,.graduate-program-middle-button { width: 81%; } 
    .vacancies-section .insight-banner-section { padding-top: 70px; } 
    .vacancies-section .insight-banner-top-content .button-group-wrap { gap: 10px; }
    .job-role-hero { padding: 200px 0 0; }
    .job-role-actions { padding-top: 50px; }
    .job-role-hero-main { width: 60%; }
    .job-role-hero-meta > h5 { margin-bottom: 30px; }
    .job-role-hero-main h1 { margin-bottom: 35px; }
    .job-role-hero-row { padding-bottom: 60px; }
    .job-role-details { padding: 70px 0 80px; }
    .job-role-sidebar h5 { margin-bottom: 30px; }
    .job-role-article { width: 66%; } 
    .job-role-block { margin-top: 50px; } 
    .job-role-article p { margin-bottom: 20px; }
    .location-child-banner.work-banner-section { padding: 200px 0 70px; }
    .location-child-banner .work-banner-content h1 { font-size: 70px; margin-bottom: 30px; }
    .location-child-banner .work-banner-content-bottom { gap: 15px; } 
    .location-content-section { padding: 70px 0; } 
    .location-content-bottom-row { margin-top: 70px; padding-bottom: 70px; } 
    .location-content-bottom-col-left h3 { margin-bottom: 50px; }
    .contact-map-row {padding: 70px 0;}
    .contact-map-left h2 {margin-bottom: 50px;}


    .core-services-left-video {
        width: 168px;
        height: 472px;
    }




}

@media (max-width:991px) {


    .header-sec{
        padding: 30px 0;
        position: relative;
    }

    .inner-header-sec{
        position: static;
    }
    

/*     
    .home-banner-mob-video{
        display: block;
        position: relative;
        height: 330px;
        max-width: 330px;
        width: 100%;
        margin: 0 auto 30px;
    } */

    .home-banner-mob-video{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }


    .home-banner-mob-video video{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        overflow: hidden;
        object-fit: cover;
        object-position: right center;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .home-banner-video{
        display: none;
    }
   

    .home-banner-bottom-left{
        width: 100%;
        padding: 0 0 30px;
        letter-spacing: 0;
    }

    .home-banner-bottom-right{
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .home-banner-top-content {
        padding: 0 0 10px;
    }

    .accreditations-sec {
        padding: 50px 0;
    }

    .consultant-top-content-left {
        width: 63%;
    }

    .consultant-bottom-col{
        width: 50%;
    }


    .transport-service-right-top-content-col {
        width: 100%;
    }

    
    .transport-service-right-top-row{
        padding-bottom: 20px;
    }

    .transport-service-list-right-col {
        width: 55%;
    }

    .transport-service-list-left-col{
        width: 45%;
    }

    .featured-projects-item-lg .featured-projects-item-link {
        width: 400px;
    }


    .featured-projects-item-link{
        width: 300px;
        min-height: 460px;
        padding: 40px 15px 30px;
    }

    .featured-projects-item-top .catg-tag{
        padding: 6px 12px;
        font-size: 12px;
    }

    .featured-projects-item-top .catg-tag{
        margin-right: 10px;
    }

    .featured-projects-item-top .catg-tag:last-child{
        margin-right: 0;
    }

   

    .featured-projects-item-bottom p{
        margin-bottom: 15px;
        display: -webkit-box;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .featured-projects-item-bottom h2 {
        font-size: 28px;
        margin: 0 0 15px;
    }

    .featured-projects-item-bottom .btn:last-child{
        margin-bottom: 0;
    }

    .accordion-title {
        font-size: 40px;
    }

    .accordion-slider {
        padding-right: 10%;
    }

    .career-list-item {
        min-height: 400px;
        padding: 15px;
    }


    .career-list-item-content h2 {
        font-size: 28px;
    }

    .career-list-item-img:before{
        height: 85%;
    }

    .career-section{
        padding: 70px 0 40px;
    }

    .career-list-col{
        padding: 0 10px;
    }
    .career-list-row{
        margin: 0 -10px;
    }

    .inner-foo-top{
        max-width: 300px;
    }

    .foo-logo-col{
        width: 100%;
        
    }

    .foo-col{
        padding-bottom: 30px;
    }

    .foo-nav-links-1{
        width: 50%;
    }

    .foo-nav-links-2{
        width: 50%;
    }

    .foo-form-links{
        width: 100%;
    }

    .foo-bottom {
        padding: 2% 0;
    }

    .foo-disc-right-col ul li{
        margin-left: 15px;
    }

    .testimonials-slider-content blockquote{
        font-size: 28px;
    }

    .three-col-top-row > div{
        width: 100%;
    }
    .project-list-section .three-col-top-mid-item{
        width: 100%;
    }
    .project-list-section .three-col-top-right-item{
        width: 100%;
    }
    .project-list-section .three-col-top-left-item{
        width: 100%;
    }

    .three-col-top-right-item{
        align-items: flex-start;
    }

    .project-list-item{
        width: 50%;
    }

    .testimonials-top-left-col{
        width: 100%;
    }

    .testimonials-top-right-col{
        width: 100%;
    }

    .testimonials-slider{
        width: 100%;
    }

    .approach-topright-col h2 {
        font-size: 28px;
    }


    .partners-bg {
        position: absolute;
        bottom: -40%;
        left: -20%;
        width: 58%;
    }


    .help-developers-bottom-right-content{
        width: 100%;
        padding-right: 0;
    }

    .help-developers-bottom-left-col{
        width: 40%;
    }

    .help-developers-left-col {
        width: 40%;
    }

    .help-developers-right-content h2 {
        font-size: 28px;
    }


    .work-banner-section{
        padding: 150px 0 50px;
        min-height: 500px;
    }



    .our-work-featured-bottom-col-left{
        width: 100%;
    }

    .our-work-featured-bottom-col-mid{
        width: 100%;
    }

    .our-work-featured-bottom-col-right{
        width: 100%;
    }

    
    
    .our-work-filter-col-left{
        width: 100%;
        padding-bottom: 20px;
        display: none;
    }

    .our-work-filter-col-right{
        width: 100%;
        margin-bottom: 20px;
        flex-direction: column;
    }


    .our-work-filter-list{
        gap: 10px;
        width: 100%;
        order: 2;
    }

    .our-work-filter-col-right .filter-selectbox {
        width: 100%;
        order: 1;
        margin-bottom: 30px;
        background-color: transparent;
        border-bottom: 2px solid var(--color-vivid-purple);
        border-radius: 0;
        font-size: 20px;
        text-align: left;
    }


    .our-work-featured-col-left{
        width: 100%;
        margin-bottom: 30px;
    }

    .our-work-featured-col-right{
        width: 100%;
    }

    .specialist-col{
        width: 100%;
    }

    .specialist-col-right{
        margin-bottom: 30px;
        order: 1;
    }

    .specialist-col-left{
        order: 2;
    }

    .specialist-col-left-content{
        padding-top: 0;
    }

    .specialist-col-content{
        padding-left: 20px;
    }

    .specialist-col-content .testimonials-slider-content blockquote:before{
        left: -14px;
    }

    .menu-open img.white-logo{
        display: none;
    }

    .menu-open img.dark-logo{
        display: block;
    }


    .menu-icon{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        color: var(--color-white);
        z-index: 99999;
        position: relative;
    }

    .menu-open .menu-box span{
        background: var(--color-body-color);
    }

    .menu-box {
        width: 22px;
        display: block;
        margin: 0 auto;
        order: 2;
        margin-left: 10px;
    }


    .menu-box span{
        background:var(--color-white);
        height: 2px;
        border-radius: 2px;
        display: block;
        margin: 0 0 6px;
        width: 100%;
        transition: all 0.3s ease-in-out;
      }
      
      .menu-box span:last-child{
        margin-bottom: 0;
      }


      /* .body-menu-open .menu-box span:nth-child(1), .menu-icon.active .menu-box span:nth-child(1){
        transform: rotate(45deg);
    }

    .body-menu-open .menu-box span:nth-child(2), .menu-icon.active .menu-box span:nth-child(2){
        transform: rotate(-45deg);
        margin: -8px 0 0;
    }

    .body-menu-open .menu-box span:nth-child(3), .menu-icon.active .menu-box span:nth-child(3){
        opacity: 0;
    } */


    .menu-btn-txt {
        display: none !important;
        margin: 0;
        color: var(--color-white);
        font-size: 16px;
        font-weight: 400;
        text-transform: capitalize;
    }

    .menu-btn-txt-2 {
        display: none;
    }

    .body-menu-open .menu-btn-txt-1, .menu-icon.active .menu-btn-txt-1 {
        display: none;
    }

    .body-menu-open .menu-btn-txt-2, .menu-icon.active .menu-btn-txt-2 {
        display: inline-block;
    }

    body.menu-open {
        overflow: hidden;
    }

    .mobile-menu-header{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 30px 0;
        position: relative;
        margin-bottom: 40px;
    }

    .menu-close{
        display: block;
        font-size: 30px;
        color: var(--color-body-color);
        z-index: 999999;
    }

    .menu-main{
        left: 0;
        right: 0;
        display: none;
        text-align: left;
        position: absolute;
        right: 0;
        top: 0;
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 99999;
        width: 100%;
        /* max-height: calc(100vh - 100px); */
        max-height: 100vh;
        min-height: 100vh;
        background: var(--color-stone);
        padding: 0 32px 40px;
        transition: all 0.3s ease-in-out;
        opacity: 0;
        visibility: hidden;
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 0 !important;
    }

    .menu-open .menu-main{
        opacity: 1;
        visibility: visible;
    }

    

    .enumenu_ul > ul{
        display: block;
        margin-bottom: 40px;
    }

    .enumenu_ul > ul > li {
        margin: 0;
        display: block;
        position: relative;
        padding: 0;
    }

    .arrow {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 80px;
        text-align: right;
        color: var(--color-vivid-purple);
        cursor: pointer;
        z-index: 3;
        font-size: 20px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-end;
    }

    .arrow:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 8px solid var(--color-vivid-purple);      
    }

    .arrow.up:before {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }

    .enumenu_ul > ul > li.has-children > a:after{
        display: none;
    }

    .enumenu_ul > ul > li > a{
        padding: 24px 0;
        padding-right: 40px;
        /* font-size: 18px; */
        letter-spacing: 0;
        color: var(--color-vivid-purple);
        border-bottom: 1px solid var(--color-vivid-purple);
        font-size: 32px;
    }

    .enumenu_ul > ul > li > a:hover, .enumenu_ul > ul > li > a:focus{
        color: var(--color-vivid-purple);
    }
    
    .submenu-mid-list-text{
        line-height: 1.3;
    }
    

    .site-header-btn-wrap{
        margin: auto 0 0;
    }

    .site-header-btn-wrap .btn{
        border-color: var(--color-body-color);
        color: var(--color-body-color);
    }

    .site-header-btn-wrap .btn:hover, .site-header-btn-wrap .btn:focus{
        background: var(--color-vivid-purple);
        color: var(--color-white);
        border-color: var(--color-vivid-purple);
    }
    


    .enumenu_ul > ul > li:hover > .submenu-full, .enumenu_ul > ul > li:focus > .submenu-full{
        display: none;
    }

    .enumenu_ul > ul > li > .submenu-full {
        position: static;
        margin: 0;
        padding: 30px 0;
        box-shadow: none;
        transition: none;
        opacity: 1;
        visibility: visible;
        filter: none;
        backdrop-filter: none;
        border-radius: 0;
        transform: none;
        display: none;
        border: 0;
        font-size: 20px;
    }
    .submenu-container.main{
        padding: 0;
        max-width: 100%;
    }

    .submenu-mid-list li{
        padding-bottom: 24px;
    }

    .submenu-left-content{
        max-width: 100%;
    }

    .submenu-col-left h6{
        display: none;
    }

    .submenu-col-left{
        /* display: none; */
        width: 100%;
        margin-bottom: 50px;
    }

    .submenu-left-content .btn{
        margin-top: 0;
        padding: 19px 27px;
    }

    .submenu-mid-list-text{
        display: none;
    }

    .submenu-col-mid{
        width: 100%;
        margin-bottom: 20px;
    }

    .submenu-mid-half .submenu-col-mid{
        width: 100%;
    }

    .submenu-mid-half ul.submenu-mid-list > li{
        width: 100%;
    }

    .submenu-col-right{
        width: 100%;
        border-left: 0;
        border-top: 1px solid var(--color-mauve);
        padding-top: 20px;
        display: none;
    }

    .submenu-mid-list li a{
        font-size: 20px;
        display: block;
        border-bottom: 1px solid var(--color-vivid-purple);
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 0 24px;
    }

    .submenu-service-item-arrow{
        top: 4px;
        position: relative;
    }

    .submenu-col h6 {
        margin: 0 0 20px;
        font-size: 16px;
    }

    .submenu-related-content h6 {
        font-size: 14px;
    }

    .submenu-related-col{
        padding: 0 5px;
    }

    .submenu-related-row{
        margin: 0 -5px;
    }



    .work-detail-col{
        width: 100%;
    }

    .work-detail-approach-img{
        margin: 20px 0;
    }

    .work-detail-col-left{
        margin-bottom: 30px;
    }

    .work-detail-left-content > *:last-child{
        margin-bottom: 0;
    }

    .work-detail-right-content{
        max-width: 100%;
    }


    .work-detail-right-slider .slick-list{
        padding-right: 20%;
    }



    .work-detail-right-slider-img{
        padding-bottom: 100%;
    }


    .location-tiles-box-inner{
        width: 100%;
        max-width: 400px;
    }


    .location-tiles-img:before{
        width: 100%;
    }


    .location-row{
        display: none;
    }

    .location-filter-selectbox{
        display: block;
    }

    .location-tiles-box {
        min-height: 350px;
        padding: 25px;
    }
    

    .insight-banner-section {
        padding: 130px 0 70px;
    }

    .insight-banner-top-col{
        width: 100%;
    }
    .insight-banner-col-right .insight-banner-top-content{
        padding: 0;
    }

    .insight-banner-bottom-left-col{
        width: 100%;
    }

    .insight-banner-bottom-right-col{
        width: 100%;
    }
    .insight-list-content-left h2 {
        font-size: 28px;
    }
    .insight-meta img {
        width: 40px;
        height: 40px;
    }

    .insight-list-content-left{
        width: 51%;
    }
    .insight-list-content-right {
        width: 45%;
    }


    .insight-detail-col-left {
        width: 33.333%;
    }

    .insight-detail-content-bottom-img{
        margin-top: 65px;
    }


    .form-checkbox-btn-col .wpcf7-list-item-label{
        font-size: 16px;
        letter-spacing: 0;
        padding: 10px 18px;
    }

    .contact-banner-section .developers-banner-btns{
        position: relative;
    }


    .service-accordion-title {
        font-size: 22px;
        letter-spacing: 0;
    }

    .service-accordion-title:before {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 14px;
    }

    .location-map-box{
        width: 75%;
    }
    


     
    .accreditations-slider .slick-slide{
        padding: 0 20px;
    }

    .accreditations-slider {
        margin: 0 -20px;  
      }
 


    /*-- other internal pages --*/

    .meet-our-team-col { flex: 100%; }
    .meet-our-team-row {flex-wrap: wrap;gap: 30px 0;}
    .meet-our-team-card-content { opacity: 1; pointer-events: auto;} 
    .meet-our-team-card-content-wrapper {display: block;opacity: 1;pointer-events: auto;flex-wrap: wrap;padding-right: 0;padding-bottom: 0;}
    .meet-our-team-card-content-left { width: 100%; padding-right: 0; padding-bottom: 20px; border-bottom: 2px solid var(--color-mauve); border-right: none; margin-bottom: 20px; }
    .meet-our-team-card-content-right {padding-left: 0;width: 100%;display: flex;flex-wrap: wrap;}
    .meet-our-team-card-content-column1 {margin-bottom: 0;width: 50%;padding-right: 20px;}
    .meet-our-team-card-inner {flex: 250px;min-height: 300px;min-width: 220px;max-height: 300px;}
    .meet-our-team-card-content {flex: calc(100% - 250px);}
    .hover-2 .meet-our-team-col:nth-child(2) .meet-our-team-card-content,
    .hover-3 .meet-our-team-col:nth-child(3) .meet-our-team-card-content {width: calc(100% - 250px);}
    .meet-our-team-row.c-row.hover-2,.meet-our-team-row.c-row.hover-1,.meet-our-team-row.c-row.hover-3 {margin: 0 -10px;}
    .meet-our-team-row.hover-1:has(> .meet-our-team-col:nth-child(2)):not(:has(> .meet-our-team-col:nth-child(3))) {margin-right: -10px;}
    .hover-1 .meet-our-team-col:nth-child(1){flex: 100%;}
    .hover-2 .meet-our-team-col:nth-child(2){flex: 100%;}
    .hover-3 .meet-our-team-col:nth-child(3){flex: 100%;}
    .meet-our-team-row:has(> .meet-our-team-col:nth-child(2)):not(:has(> .meet-our-team-col:nth-child(3))) .meet-our-team-col { max-width: none; }
    .meet-our-team-row:has(.meet-our-team-col:only-child) .meet-our-team-col { max-width: none; }
    .meet-our-team-row.c-row.hover-1:has(.meet-our-team-col:only-child) {margin-right: -10px;}
    .meet-our-team-card-content-wrapper { height: auto; }
    .meet-our-team-card-content-column2 {width: 50%;}
    .why-join-top-left { width: 47%; min-height: 400px; }
    .why-join-left { top: 0; left: -34%; }
    .why-join-features { width: 88%; padding-left: 30px; }
    .why-join-feature-row { padding: 25px 0; }
    .graduate-program-column { width: 50%; }
    .graduate-program-column h3 { margin-bottom: 20px; }
    /* .graduate-program-image { width: 600px; height: 600px; right: -53%; } */
    .graduate-program-column *:last-child { margin-bottom: 0; }
    .graduate-program-middle { gap: 30px 0; }
    .vacancies-section .insight-banner-col-left { margin-bottom: 30px; }
    .job-role-hero-meta { width: 35%; }
    .job-role-hero-main { width: 65%; }
    .job-role-hero-meta > h5 { margin-bottom: 20px; }
    .job-role-hero-main h1 { margin-bottom: 25px; }
    .job-role-hero-row { padding-bottom: 50px; }
    .job-role-sidebar { width: 40%; padding-right: 30px; }
    .job-role-article { width: 60%; }
    .job-role-block { margin-top: 35px; }
    .job-role-actions { padding-top: 40px; }

    .location-child-banner.work-banner-section { padding: 170px 0 70px; }
    .location-child-banner .work-banner-content h1 { font-size: 50px; }
    .location-content-right { width: 55%; padding-top: 0; }
    .location-content-bottom-col-right { width: 40%; }
    .location-content-bottom-col-left h3 { margin-bottom: 40px; }
    .contact-map-left { width: 40%; }
    .contact-map-right { width: 60%; }
    .contact-map-left h2 {margin-bottom: 30px;}
    .contact-map-info {margin-bottom: 30px;}


.meet-our-team-row.hover-2.col-2:has(.meet-our-team-col[style="display: none;"] + .meet-our-team-col:nth-child(2).active) ,
    .meet-our-team-row.hover-1.col-2:has(.meet-our-team-col:nth-child(1).active){ margin-left: -10px; }
    .meet-our-team-row.c-row.col-1 {margin-left: -10px;margin-right: -10px;}
    .meet-our-team-row:has(.meet-our-team-col:only-child) .meet-our-team-col, .meet-our-team-row.col-1 .meet-our-team-col,.meet-our-team-row:has(> .meet-our-team-col:nth-child(2)):not(:has(> .meet-our-team-col:nth-child(3))) .meet-our-team-col, .meet-our-team-row.col-2 .meet-our-team-col { max-width: none; }
    .meet-our-team-row.hover-1.col-2:has(.meet-our-team-col:nth-child(1).active) {margin-right: -10px;}


    .home-banner-content h1{
        font-size: 40px;
    }

    .home-banner-bottom-left{
        font-size: 20px;
    }

}

@media (max-width:767px) {


    .logo{
        width: 180px;
    }

    

    .home-banner-bottom-right{
        flex-wrap: wrap;
    }

    .featured-projects-title-top-right h3{
        font-size: 18px;
    }

    .consultant-top-content-left{
        width: 100%;
        padding-bottom: 30px;
    }

    .consultant-top-content-right{
        width: 100%;
    }

    .consultant-bottom-col{
        width: 100%;
    }

    .transport-service-right-col{
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .transport-service-list-left-col{
        width: 100%;
    }

    .transport-service-left-col{
        width: 110px;
        position: absolute;
        left: 0;
        top: 35px;
        height: 350px;
    }

    .featured-projects-title-top {
        padding: 0 0 20px;
    }

    .transport-service-list-right-col{
        width: 100%;
        padding: 0 10px;
    }

    .featured-projects-title-top-left{
        width: 100%;
        padding: 0 0 5px;
    }

    .featured-projects-title-top-right{
        width: 100%;
    }

    .featured-projects-item-lg .featured-projects-item-link {
        width: 300px;
    }

    .featured-projects-slider-btn .btn:first-child{
            color: var(--color-body-color);
            background: var(--color-stone);
            border-color: var(--color-stone);
    }

    .featured-projects-slider-btn .btn:first-child:hover ,.featured-projects-slider-btn .btn:first-child:focus{
        color: var(--color-stone);
        background: var(--color-body-color);
        border-color: var(--color-body-color);
    }

    .featured-projects-item-bottom h2 {
        font-size: 36px;
    }

    .where-we-work-title-top-left{
        width: 100%;
    }
    .where-we-work-title-top-right{
        width: 100%;
    }

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

    .accordion-row-left-box{
        max-width: 100%;
    }

    .accordion-row-left-col{
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }

    .accordion-row-right-col{
        width: 100%;
    }

    .three-col-top-row > div{
        width: 100%;
    }


    .three-col-top-right-item{
        align-items: flex-start;
    }

    .career-list-col{
        width: 100%;
    }


    .foo-bg-img{
        top: -18%;
    }

    .foo-disc-left-col{
        width: 100%;
        margin-bottom: 20px;
    }

    .foo-disc-right-col{
        width: 100%;
    }

    .foo-disc-right-col ul li:first-child{
        margin-left: 0;
    }

    .featured-projects-item{
        padding: 0 10px;
    }

    .featured-projects-slider .slick-list{
        margin: 0 -10px;
    }


    .who-we-work-col-left{
        width: 100%;
    }

    .who-we-work-col-right{
        width: 100%;
        margin-bottom: 50px;
    }


    .who-we-work-row{
        flex-direction: column-reverse;
    }

    .approach-topright-col h2 {
        font-size: 26px;
    }

    .approach-topleft-col{
        width: 100%;
    }

    .approach-topright-col{
        width: 100%;
    }

    .approach-bottom-col{
        width: 100%;
        border-right: 0;
        border-bottom: 2px solid var(--color-mauve);
        padding-bottom: 30px;
    }

    .testimonials-slider-content blockquote {
        font-size: 26px;
        padding: 0 0 0 12px;
    }

    .testimonials-slider-author{
        padding-left: 12px;
    }

    .project-list-item{
        width: 100%;
    }


    .developers-banner-col{
        width: 100%;
    }

    .developers-banner-col-left{
        margin-bottom: 50px;
    }

    .help-developers-col{
        width: 100%;
    }

    .help-developers-left-content{
        padding: 0;
    }

    .developers-banner-section{
        margin-bottom: 70px;
    }

    .help-developers-left-content h6{
        letter-spacing: 0;
        margin: 0 0 30px;
    }

    .help-developers-right-content h2 {
        font-size: 26px;
    }

    .help-developers-right-content h2{
        margin-bottom: 30px;
    }

    .help-developers-bottom-col{
        width: 100%;
    }

    .partners-col{
        width: 100%;
    }

    .partners-slider-content{
        padding-left: 20px;
    }

    .partners-slider .testimonials-slider-content blockquote::before{
        left: -20px;
    }

    .partners-bg {
        position: absolute;
        bottom: -150px;
        left: -150px;
        width: 100%;
        max-width: 350px;
    }

    .our-work-featured-bg {
        width: 100px;
        position: absolute;
        left: 0;
        top: 0;
        height: 300px;
        display: none;
    }

    .our-work-filter-link{
        padding: 10px 10px;
    line-height: 1;
    letter-spacing: 0;
    font-size: 12px;
    display: block;
    width: 100%;
    text-align: center;
    }

    .our-work-filter-list li {
        width: 33.333%;
        padding: 0 5px;
        margin-bottom: 10px;
    }



    .our-work-filter-list{
        width: auto;
        margin: 0 -5px;
        gap: 0;
    }


    .work-banner-section {
        padding: 150px 0 38px;
        min-height: 575px;
        justify-content: flex-end;
    }

    .work-banner-content h1{
        font-size: 32px;
    }

    .work-banner-content-top h6 {
        margin: 0 0 30px;
    }

    .work-banner-content-bottom{
        text-align: left;
    }

    

    .work-banner-content-top{
        width: 100%;
    }

    .our-work-featured-section .consultant-bottom-col{
        width: 100%;
    }


    .menu-main{
        padding-left: 15px;
        padding-right: 15px;
    }


    .location-tiles-box {
        min-height: 350px;
        padding: 30px 15px;
    }


    .mob-insight-selectbox{
        display: block;
    }

    .insight-banner-row-bottom{
        display: none;
    }

    .insight-banner-section {
        padding: 120px 0 40px;
    }

    .insight-list-content-left{
        width: 100%;
        padding-bottom: 25px;
    }

    .insight-list-content-right{
        width: 100%;
        display: none;
    }

    .insight-list-content-left-top{
        padding-bottom: 0;
    }

    .insight-list-content-left h2{
        font-size: 26px;
    }

    .mobile-insight-list-content{
        display: block;
        padding-bottom: 20px;
    }

    .mobile-insight-list-content h4{
        line-height: 1.2;
        color: var(--color-stone);
        margin: 0 0 20px;
        letter-spacing: 0;
    }


    .insight-detail-banner-section {
        padding: 130px 0 70px;
    }

    .insight-detail-col{
        width: 100%;
    }

    .insight-detail-left-inner{
        padding-bottom: 40px;
    }


    .insight-detail-left-bottom-inner-img{
        width: 100%;
        margin: 0 0 40px;
    }

    .insight-detail-right-content br{
        display: none;
    }

    .insight-detail-content-bottom-img{
        margin: 0 0 40px;
    }


    .office-location-col-left{
        width: 100%;
    }

    .office-location-col-right{
        width: 100%;
    }

    .office-location-tabs{
        padding-top: 20px;
        display: none;
    }

    .office-location-top{
        padding-bottom: 20px;
    }

    h2.resp-accordion{
        display: block;
        margin: 0 0 20px;
        position: relative;
    }

    .resp-arrow{
       position: absolute;
       right: 10px;
       top: 50%;
       transform: translateY(-50%);
       font-size: 16px;
       z-index: 1;
    }

    .resp-arrow:before{
        content: "\f078";
        font-family: "Font Awesome 6 Pro";
        font-weight: 400;
        display: block;
        transition: all 0.3s ease-in-out;
    }

    h2.resp-accordion.resp-tab-active{
        color: var(--color-stone);
    }

    h2.resp-accordion.resp-tab-active .resp-arrow , h2.resp-accordion:focus .resp-arrow{
        color: var(--color-stone);
    }

    h2.resp-accordion .btn{
        display: block;
        width: 100%;
    }

    h2.resp-accordion.resp-tab-active .resp-arrow:before{
        transform: rotate(180deg);
    }

    
    
    .office-location-tab-content{
        padding: 15px 0 30px;
    }

    .office-location-left-contact-info{
        padding-bottom: 40px;
    }

    .enquiry-col{
        width: 100%;
    }

    .form-col input[type="text"], .form-col input[type="email"], .form-col input[type="url"], .form-col input[type="password"], .form-col input[type="search"], .form-col input[type="number"], .form-col input[type="tel"], .form-col input[type="range"], .form-col input[type="date"], .form-col input[type="month"], .form-col input[type="week"], .form-col input[type="time"], .form-col input[type="datetime"], .form-col input[type="datetime-local"], .form-col input[type="color"], .form-col textarea, .form-col select{
        padding: 15px 0;
        font-size: 16px;
    }


    .form-checkbox-btn-col .wpcf7-list-item-label {
        font-size: 14px;
        letter-spacing: 0;
        padding: 10px 16px;
    }


    .form-col.form-btn-col{
        margin-top: 0;

    }

    .form-col.form-btn-col:last-child{
        margin-bottom: 0;
    }

    .core-service-col-left{
        width: 100%;
    }

    .core-service-col-right{
        width: 100%;
    }

    .service-accordion-title{
        font-size: 20px;
        padding-right: 40px;
    }


    .location-map-box {
        width: 100%;
        overflow-y: auto;
    }

    .location-map-left-col{
        width: 100%;
    }

    .location-map-right-col{
        width: 100%;
    }

    .location-map{
        height: 300px;
    }

    .location-map-left-content-item h6{
        margin: 0 0 10px;
    }

    .location-map-left-content-item{
        padding-bottom: 20px;
    }
    

        
    .accreditations-slider .slick-slide{
        padding: 0 15px;
    }

    .accreditations-slider {
        margin: 0 -15px;  
      }


      .work-detail-banner-col{
        width: 100%;
      }

      .work-detail-banner-col-right{
        order: 1;
        margin-bottom: 20px;
      }

      .work-detail-banner-col-left{
        order: 2;
      }

      .work-detail-right-read-more-btn .btn{
        margin: 0 7px 10px 0;
      }


      .core-services-left-video{
        height: 326px;
        top: 0;
        z-index: 0;
        width: 100px;
      }

      .graduate-program-top-right p{
        letter-spacing: 0;
      }


      /*-- other internal pages --*/

      .meet-our-team-card-inner {flex: 220px;min-height: 260px;min-width: 220px;max-height: 260px;}
      .meet-our-team-card-content {flex: calc(100% - 220px);}
      .hover-2 .meet-our-team-col:nth-child(2) .meet-our-team-card-content,
      .hover-3 .meet-our-team-col:nth-child(3) .meet-our-team-card-content {width: calc(100% - 220px);}
      .meet-our-team-card-caption {padding: 15px;}
      .meet-our-team-card-text {width: calc(100% - 36px);}
      .meet-our-team-card-icon {width: 36px;height: 36px;font-size: 12px;}
      .meet-our-team-card-content-wrapper .meet-our-team-card-social-linkedin { margin-left: 0; }
      .meet-our-team-card-content-column1 { width: 100%; margin-bottom: 20px; padding-right: 0; }
      .meet-our-team-card-content-column2 { width: 100%; }
      .meet-our-team-card-content-wrapper { padding-top: 20px; padding-left: 20px; }
      .meet-our-team-intro-col-right { width: 55%; }
      .meet-our-team-intro { margin-bottom: 40px; }
      .graduate-program-top-right p {font-size: 26px}
      .why-join-top-left { width: 100%; min-height: 1px; }
      .why-join-top-right { position: static; width: 100%; }
      .why-join-top-left h6 {margin-bottom: 20px;}
      .why-join-feature-title { width: 100%; padding-top: 0; margin-bottom: 15px; } 
      .why-join-feature-desc { width: 100%; }
      .why-join-bottom-section { padding-top: 30px; }
      .why-join-left { top: 0; bottom: 0; display: flex; }
      .graduate-program-top-left.animated.delay-300.fadeInUp { width: 100%; }
      .graduate-program-top-right.animated.delay-300.fadeInUp { width: 100%; }
      .graduate-program-image { padding: 0; width: 100%; height: auto; position: static; border-radius: 0; } .graduate-program-top { margin-bottom: 20px; }
      .graduate-program-image img{
        position: relative;
        border-radius: 50%;
      }
      .graduate-program-middle { padding: 30px 0px; width: 100%; margin: 0 0 30px; }
      .graduate-program-column { width: 100%; padding: 0; }
      .graduate-program-middle-button { width: 100%; }
      .job-role-hero { padding: 170px 0 0; }
      .job-role-hero-meta { width: 100%; padding: 0; margin-bottom: 30px; }
      .job-role-hero-main { width: 100%; }
      .job-role-hero-row { padding-bottom: 40px; }
      .job-role-details { padding: 70px 0; }
      .job-role-sidebar { width: 100%; padding: 0; margin-bottom: 30px; }
      .job-role-sidebar h5 { margin-bottom: 20px; }
      .job-role-article { width: 100%; }
      .job-role-hero-meta-image { width: 70%; position: absolute; left: -40%; top: 0; }
      .location-child-banner .work-banner-content-top { width: 100%; }
      .location-child-banner.work-banner-section { padding: 150px 0 60px; }
      .location-child-banner .work-banner-content h1 { font-size: 40px; margin-bottom: 20px; }
      .location-child-banner .work-banner-content-bottom { gap: 12px; }
      .location-content-left { width: 100%; margin-bottom: 20px; }
      .location-content-right { width: 100%; }
      .location-content-bottom-col-left { width: 100%; padding: 0; margin-bottom: 30px; } 
      .location-content-bottom-col-left h3 { margin-bottom: 30px; } 
      .location-content-bottom-col-right { width: 100%; }
      .contact-map-left {width: 100%;padding-right: 0px;margin-bottom: 30px;}
      .contact-map-right {width: 100%;}


      .our-work-featured-section .consultant-bottom-link-content h3{
        font-size: 36px;
      }


      .default-template-section {
        padding: 120px 0 70px;
    }

    .our-work-featured-section .consultant-bottom-link{
        min-height: 460px;
        padding: 40px 15px 30px;
    }

    .our-work-featured-section .consultant-bottom-link-content p{
        display: -webkit-box;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 18px;
    }

    .our-work-featured-section .consultant-bottom-link-content .small-btn{
        margin-top: 10px;
    }

    .insight-detail-banner-video{
        padding-bottom: 56%;
    }



}



@media (max-width: 639px) {
    .meet-our-team-card-inner {flex: 100%;min-height: 1px;min-width: 1px;max-height: none;}
    .meet-our-team-card {flex-wrap: wrap;}
    .meet-our-team-card-content-wrapper {padding-top: 30px;padding-left: 0;}
    .meet-our-team-card-caption {padding-top: 90%;}
    .meet-our-team-intro-col-left { width: 100%; margin-bottom: 20px; }
    .meet-our-team-intro-col-right { width: 100%; }
    .meet-our-team-filters-left { width: 100%; margin-bottom: 10px; }
    .meet-our-team-filters-right { width: 100%; padding: 0; max-width: 100%; }
}