@media (min-width: 1200px) {
   .container { max-width: 1200px; }
   .rowChallenges {--bs-gutter-x: 50px;}/*80*/
   .usedServicesBg .titleDiv {margin-bottom: 60px;}

   .rowUsedServices {--bs-gutter-x: 60px;}   
   .vulnerabilityAssessmentBoxSection { padding-left: 50px; }

    .menu ul li:hover > .mega-menu, .menu ul li:hover > .sub-menu, .menu ul li:hover > .tab-menu {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        transition: all .5s ease-in-out;
    }
    .menu ul .tab-menu {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: calc(100% + 15px);
        padding: 40px 0;
        background-color: #fff;
        width: 100%;
        margin-top: 0;
        /*min-height: 320px;*/
        /*box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.10);*/
    }
    .menu ul .resources-dropdown .tab-menu {
        /*min-height: 440px;*/
    }
    .menu ul .tab-menu:after {
        content: "";
        display: block;
        position: absolute;
        left: -50em;
        top: 0;
        bottom: 0;
        right: -50em;
        background: #fff;
        z-index: -1;        
        box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.10), 0px -1px 0 0px rgba(0, 0, 0, 0.10);
    }
    .menu ul .tab-menu > li {
        margin: 0;
        padding: 0;
        width: 320px; 
        display: block;
        float: none;        
        padding-right: 25px;
    }
    .menu ul .tab-menu > li:last-child {
        border-bottom: none
    }
    .menu ul .tab-menu > li.is-open-a > a:before {
        display: none
    }
    .menu ul .tab-menu > li > a {
        padding: 12px 10px 12px 0;
        font-size: 22px;
        font-weight: 600;
        line-height: 120%;
        color: var(--bodytext);
        display: block;
        border-right: 1px solid rgba(0,0,0,.1);
        cursor:pointer;
    }
    .menu ul .tab-menu > li:hover > ul {
        /*display: block;*/
        z-index: 99;
    }
    .menu ul .tab-menu > li:first-child ul {
        /*display: block;*/
    }
    .menu ul .tab-menu > li > ul {
        display: none;
        position: absolute;
        z-index: 9;
        left: 320px;
        top: 0;
        width: calc(100% - 320px);
        padding: 40px;
        background-color: var(--white);
    }
    .menu ul .tab-menu > li > ul > li {margin: 0;padding: 0;}
    .menu ul .tab-menu > li > ul > li > a {
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        color: #000;
        margin: 0;
        padding: 0;
        border-left: none
    }
    .menu ul .tab-menu > li > ul > li a:hover {
        color: var(--primary);
        background-color: transparent
    }
    .menu ul .tab-menu > li > ul > li ul li {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0
    }
    .menu ul .tab-menu > li > ul > li ul li a {
        /*padding: 5px 0;
        font-size: 16px;
        font-weight: 500;*/
        line-height: 120%;
        color: var(--bodytext);
        border-left: none !important
    }
    .menu ul .tab-menu > li > ul > li ul li a:hover {
        color: var(--primary);
        background-color: transparent
    }
    .menu ul .tab-menu > li > ul > li ul li.active > a {
        color: var(--primary);
    }
    .menu ul .tab-menu > li > ul > li.active > a {
        color: var(--primary);
        background-color: transparent
    }
    .menu ul .tab-menu > li.open > a {
        /*border-bottom: 1px solid #f4a210*/
    }
    .menu ul .tab-menu > li.open > ul {
        display: block;
        z-index: 9
    }
    .menu ul .tab-menu > li.open > a, .menu ul .tab-menu > li.active > a, .menu ul .tab-menu > li:hover > a {
        color: var(--primary);
        background-color: transparent;
        border-color: var(--primary);
    }
    .menu ul .tab-menu > li.open > a.tab_url_link {
        pointer-events: none;        
    }
    .menu ul .tab-menu .thumbnail-container {
        padding-bottom: 150%;
        background-color: rgba(0,0,0,.2)
    }

    .menu > ul > li .megaMenuDropdown, .menu > ul > li .tab-menu {
        opacity: 0;
        display: block;
        -webkit-transform: rotateX(-90deg);
        -khtml-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        -webkit-transition: all .5s ease-in-out 0s;
        -moz-transition: all .5s ease-in-out 0s;
        -ms-transition: all .5s ease-in-out 0s;
        -o-transition: all .5s ease-in-out 0s;
        transition: all .5s ease-in-out 0s;
        transform-origin: top center;
        /*box-shadow: 0 0 20px rgba(0,0,0,.2);*/
        visibility: hidden;
    }
    .menu > ul > li:hover > .megaMenuDropdown, .menu > ul > li:hover > .tab-menu {
        opacity: 1;
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0);
        visibility: visible;
        z-index: 1;
    }
    .menu > ul > li.mega-dropdown:hover > .dropdown-toggle::after {
        opacity: 1;
    }


    /* Home Menu S */
    .header.whiteHeader.fixed .menu > ul > li > a {
        color: var(--white);
    }
    .header.whiteHeader.fixed .menu .icon-down {
        stroke: var(--white) !important;
    }
    .header.whiteHeader.fixed .menu .icon-down {
        stroke: var(--white) !important;
    }
    /* Home Menu End */



    
    /* Mega Menu */
    .mega-dropdown .dropdown-toggle {
        position: relative;
        z-index: 1;
    }
    .mega-dropdown .dropdown-toggle::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 60px;
        top: 0;
        left: 0;
        cursor: pointer;
        display: block;
        z-index: -1;
    }
    .mega-dropdown .dropdown-toggle::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        top: 51px;
        left: 0;
        cursor: pointer;
        display: block;
        border: 0;
        background-color: var(--primary);
        z-index: -1;
        opacity: 0;
        transition: all .5s ease-in-out 0s;
        display: none;
    }
    .megaMenuDropdown {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 60px;
        padding: 50px;
        background-color: var(--white);
        box-shadow: 0px 8px 24px 0px #0000001A;
        z-index: 10;
        overflow-y: auto;
        max-height: 500px;
    }
    .megaMenuSec {
        display: flex;
        gap: 0 80px;
    }
    .megaMenu {
        width: 25%;
    }
    .megaMenuContent {
        flex: 1;
    }

    /* MegaMenu Feturebox */
    .megaFeaturedList .featuredBox {width:50%;}
    .megaFeaturedList .featuredBox .image{height:120px}


   .rowUsedServices {--bs-gutter-x: 60px;}   
   .serviceDetailsBoxSection { padding-left: 50px; }   
   

   
    /* Banner Animation S */
    .shapGrayMobile {display: none;}
    .bannerContent .h1Heading {z-index: 14;}
    .bannerSection .shapCard {
        transition: all 2s ease 0s !important;
        width: auto;
        display: inherit;
        background-color: transparent;
    }
    .bannerSection .shapCard span {width: 100vw;}
    .bannerSection .spbgWhite {background: #fff;}
    .shapGray0 {
        z-index: 7;
        transform: skewX(-37deg) translate(-72px, 0);
        -webkit-transform: skewX(-37deg) translate(-72px, 0);
        animation: bannerKey0 1s ease both;
    }
    .shapGray1 {
        z-index: 6;
        transform: skewX(-37deg) translate(-49px, 0);
        -webkit-transform: skewX(-37deg) translate(-49px, 0);
        animation: bannerKey1 1s ease both;
    }
    .shapGray2 {
        z-index: 5;
        transform: skewX(-37deg) translate(-24px, 0);
        -webkit-transform: skewX(-37deg) translate(-24px, 0);
        animation: bannerKey2 1s ease both;
    }
    .shapGray3 {
        z-index: 4;
        transform: skewX(-37deg);
        -webkit-transform: skewX(-37deg);
    }
    /* Banner Animation End */


   /* Footer */
    /*.rowFooterRight .col-xl-4 {width: 30%;}
   .rowFooterRight .col-xl-5 {width: 46%;}
   .rowFooterRight .col-xl-3 {width: 24%;}
   */

   .rowFooterRight .footIsoCol {width: 16%;}
   .rowFooterRight .footCompanyCol {width: 15%;}
   .rowFooterRight .footProdCol {width: 40%;}   
   .rowFooterRight .footSecCol {width: 28%;}
   

   /* Button HOver */
    .learnMore:hover .learnIcon:before , .learnIcon:hover:before {
        transform: rotate(-25deg);
    } 
    
    /* Case Studies */
    .caseBox:hover {box-shadow: 0px 4px 39px 0px rgba(0, 0, 0, 0.10);}    
    /*.caseBox:hover .learnIcon:before {transform: rotate(-25deg);}*/
    

    /* Services  */
    .servicesSlidebg .container {max-width:1650px;width:95%;}
    .servicesBox .info .learnIcon {left: -50px;}
    .servicesBox:hover .info .learnIcon {left: 0;}
    .servicesSlidebg .container-fluid {padding-left: 50px;padding-right: 50px;}
    .servicesTitleBottom {padding-bottom: 50px;}


    /* Blog */
    .innerBannnerSection.blogListingPageBanner {
        height: 481px;
    }

    /* Srvices Changes */
    .servicesHeadSec .sampleText {
        padding-bottom: 40px;
        z-index: 1;
    }

    .mt-xl-n3 {margin-top: -30px !important;margin-bottom: -30px !important;}
    .mt-xl-n4 {margin-top: -40px !important;margin-bottom: -40px !important;}
    .mt-xl-n5 {margin-top: -50px !important;margin-bottom: -50px !important;}
        
}

@media (min-width: 1400px) {
   .container {max-width: 1320px;}
   .caseStudiesBg::before {height: 355px;}
}

@media (min-width: 1600px) {
    /* Banner */
    .bannerContent h1 {font-size:140px;}
    .bannerSection {height: 100vh;}

    .simplePremise .patternShap {right: 867px;max-width: 468px;}

    .bannerImgSection {width: 1248px;}
    .bannerImgSection .bannerImg {width: 100%;}

}


@media (max-width: 1599px) {
    .bannerGreatLogo {max-width: 225px;}

    /* Update-Home */
    .servicesBox {min-height:375px;}
    .servicesBox .info {padding: 25px;}

}

@media (max-width: 1399px) {
  .innerBannnerInfo .h1Heading {max-width: 585px;}
    .ourJourneyDiv { overflow:hidden;}
}

@media (max-width: 1366px) {
    h1 {font-size:80px;} /*100px*/

    /* Banner */
    .bannerSection {height: 625px;}
    .simplePremise .patternShap {right: 571px;}

    /* Services Home */
    .servicesListBox {padding:25px;}

   .approachGettingDetails {padding-left: 20px;}
   .caseStudiesBanner .bannerShapeDiv {right: 10%;}


   /* Footer */
   .footerGreatIso {gap: 20px 15px;}

   /* Blog Detail */
   .blogDetailMenu {gap: 8px 0;}

}

@media (max-width: 1199px) {

    /* Banner */
    .bannerContent p{max-width:450px;}

    .servicesDetailsDiv {flex-wrap: wrap;}
    .servicesTitleDiv h3 {font-size: 36px;}
    .servicesDetailsDivReverse .servicesTitle {order: 0;}
    .servicesDetailsDiv {gap: 15px;}
    .servicesDetailsDivReverse .servicesTitleDiv {background: none !important;padding-top: 20px;}
    .servicesTitle {max-width: 100%;flex-basis: 100%;color: var(--bs-heading-color);text-align: left;}
    .servicesList {max-width: 100%;flex-basis: 100%;}
    .servicesTitle br{ display:none !important;}
    .servicesTitleDiv {background: no-repeat;min-height: inherit !important;justify-content: start;}

    /* About  */
    .leaderVector {display:none;}

    /* Banner Animation S */
    .shapGrayDesktop {display: none;}
    .shapGrayMobile {display: block;}
    /* Banner Animation End */
               

     .section {padding: 60px 0;}
     .serviceDetailsContentDiv, .preferredByIndustryLeaders {margin-bottom: 60px !important;}

    .leaderSection p br {display:none;}    
    .header {position: sticky;padding: 15px 0;background: var(--darkbg);border-bottom: 1px solid rgba(255,255,255,0.1);}
    .header.whiteHeader {background:var(--white);border-bottom:1px solid #eae8f2;}

    .html_overlap {overflow: hidden;}    
    .html_overlap .header { position: fixed;}
    .html_overlap .header.whiteHeader {animation:none;}

    .logoDiv {max-width: 120px;margin-left:0;}
    .btnDiv {margin-left: auto;}
    .header .btn {font-size: 11px;padding: 5px 4px;height: 30px;min-width: 100px;}

    .menuMobileLogo {display: flex !important;padding: 20px 15px;background: var(--darkbg);justify-content: center;}

    .menu_open_close {display: none;}
    .menu__open {fill: #fff;}
    .whiteHeader .menu__open {fill: var(--bodytext);}
    .header.whiteHeader.fixed .menu__open {fill: var(--white);}

    .menu__close {position: relative;z-index: 10;}
    .mega-dropdown .dropdown-toggle::after, .mega-dropdown .dropdown-toggle::before {display: none;}

    .is-open {position: relative;z-index: 99;float: right;width: 40px;height: 34px;}
    .is-open:before {
        position: absolute;content: "";left: 0;right: 0;top: 0;bottom: 0;text-align: center;display: inline-block;background-color: transparent;
        background-repeat: no-repeat;background-position: center center;background-size: 24px;transition: all .3s ease-in-out 0s;        
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z' fill='rgba(16,21,32,1)'%3E%3C/path%3E%3C/svg%3E");        
    }
    .is-open-a > a {float: left;width: calc(100% - 40px);}
    .menu > ul > li > span.is-open {height: 45px;}
    .is-open.is-close:before {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}

    .html_overlap .nav-overlay {position: fixed;z-index: 9;background-color: rgba(0,0,0,.7);top: 0;right: 0;bottom: 0;left: 0;display:block !important;}

    .menu .icon-down {display: none;}
    .menu {
        position: fixed;z-index: 99;overflow-x: scroll;width: 300px;left: -300px;bottom: 0;top: 0;background-color: #fff;
        -webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;
    }
    .menu ul {list-style: none;position: relative;z-index: 9;display: block;}
    .menu ul li {clear: both;display: block;border-bottom: 1px solid rgba(0,0,0,.05);}
    .menu ul li:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
    .menu > ul > li > a {
        font-weight: 600;font-size: 16px;color: var(--bodytext);display: inline-block;letter-spacing: 0.96px;text-transform: uppercase;position: relative;padding: 14px 15px;display:block;
    }    
    .menu ul li ul {display: none;min-height: auto !important;}
    .menu > ul > li > ul > li > a {font-size: 14px;font-weight: 600;color: var(--bodytext);padding: 7px 10px 7px 20px;position: relative;}
    .menu .is-open.is-close ~ ul li:first-child {border-top: 1px solid rgba(0,0,0,.1);}
    .menu .is-open.is-close ~ ul {display: block;}
    .menu > ul > li .megaMenuDropdown {padding: 0;visibility: visible;opacity: 1;transform: none !important;clear: both;}

    .megaMenuServices {display:flex;flex-direction:column;gap:20px 0;}
    .megaMenuServInfo {width: 100%;padding-right: 0;}
    .megaMenuServInfo p {font-size: 14px;display:none;}
    .megaMenuServList {width: 100%;clear:both;}
    .megaMenuServList .is-open{display:none !important;}
    .megaSubMenuList {gap: 5px 0;}
    .megaSubMenuList li {border: 0 !important;padding-left: 20px !important;}
    .megaSubMenuList li a {
        font-size: 14px;float: none;width: auto;border: 0;padding:0!important;display:block;line-height:1.25;
        font-weight: normal !important;
    }    
    .megaSubMenuList li::before {top: 9px;width: 10px;}
    .megaSubMenuList ul {padding-top: 10px;gap: 5px 0;}

    .header .featuredBox {gap:10px 12px;align-items:center;padding:0 !important;}
    .header .featuredBox .image {width:21%;height:42px;}
    .header .featuredBox .info {width: 100%;}
    .header .featuredBox .info h3, .header .featuredBox .info h4 {
        font-weight: 500;margin-bottom: 0px;font-size: 17px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
    }
    .header .featuredBox  {margin:0 !important;}
    .header .featuredDate {font-size: 11px;}

    .viewAllMega {margin-top: 15px;}
    .menu ul .megaMenuContent {padding:15px 22px;clear:both;border-top:1px solid rgba(0,0,0,.05);}
    .menu ul .megaMenuContent > li{margin:0;padding:0;border:0 !important;}

    /** HOME MENU S 01-08-25 ***/
    .header.whiteHeader {
        background: var(--darkbg);
        border-color: rgba(255,255,255,0.1);
    }
    .header.whiteHeader .btn-primary {
        background-color: var(--white) !important;
        border-color: var(--white) !important;
        color: var(--bodytext) !important;
        text-transform: uppercase;
    }
    .header.whiteHeader .btn-primary:hover {
        background-color: var(--primary) !important;
        border-color: var(--primary) !important;
        color: var(--white) !important;
    }
    .whiteHeader .logoDiv svg {
        fill: var(--black);
    }
    .header.whiteHeader .logoDiv svg {
        fill: var(--white);
    }    
    .whiteHeader .menu__open {
        fill: var(--white);
    }
    /** HOME MENU END 01-08-25 ***/


    /* Banner */
     h1 {font-size: 70px;}
    .bannerSection {height: 500px;}
    .bannerImgSection {width:475px;}
    .simplePremise .patternShap {right: 374px;}
    .bannerContent {padding: 20px 0;}    
     small.patternDiv {font-size: 100px;}
    .bannerContent p {font-size: 18px;}
    .bannerGreatLogo {left: 33.5%;padding-top: 0;max-width: 150px;}

    /* Inner Banner */
    .innerBannnerSection {height: 400px;}
    .innerBannnerSection.blogListingPageBanner {height: auto;}
    .innerBannnerSection .innerBannnerInfo {padding-top:0;}
    .innerBannnerSection .innerBannnerImage {width: 475px;}
    .patternSec .patternShap {right: 337px;display:none;}
    .cmsPageContent.patternSec .patternShap {right: 135px;}
        
    .shapDiv {right: 100px;}
    .blogBg.patternSec .patternShap {right: 133px;}
    .blogDetails.patternSec .patternShap {right: 135px;}    

    .careerDetailBg.patternSec .patternShap {right: 135px;}    
    .careerDetailBanner h1 {font-size: 70px;}
    .blogDetailBanner {padding-top: 50px;padding-bottom: 50px;}
    .blogDetailBannerBox {max-width: 750px;min-height: 300px;}

    .caseDetailBanner {padding-top:50px;}
    .caseDetailBanner .casedtlHeading h1 {font-size: 70px;margin-bottom: 15px;}
    .caseStudiesBannerImage {margin-top: 50px;height: 300px;}

    /* Shap */
    .careerDetailBanner .shapDiv{display:none;}
    .blogListingPageBanner .shapDiv{display:none;}
    .blogDetailBanner .shapDiv{display:none;}

    /* Case Studies Details */
    .overviewBg .row .col-md-7, .overviewBg .row .col-md-5 {width: 100%;}
    .overviewIndustry {padding-left: 0;padding-top: 30px;}
    .industryServicesList {margin-top: 0;}


    /* Appoarch */
    .approachListing li:after, .approachListing li:before {display:none;}
    .approachListing li {width: calc(50% - 30px);}


    /* Services */
    .servicesSlider .owl-theme .owl-nav button {width: 41px;}
    .servicesBox .info p {-webkit-line-clamp: 2;}
    .servicesBox .info .learnIcon, .servicesBox .info p {opacity: 1;}
    .subMenuServiceSection {margin-bottom: 50px;padding: 20px;top: 60px;}
    .subMenuServiceList {overflow: auto;}
    .subMenuServiceSection ul {min-height: 30px;gap: 10px;justify-content: flex-start !important;}
    .subMenuServiceSection ul li a {font-size: 14px;}
    .servicesTitleDiv h3 span {display:inline-block;margin-left:10px;}


    /* Great Sec */
    .greatImage:before {width: 70%;}

    /* Learn  */
    .learnSec .titleDiv .h2Title {font-size: 60px;}
    .learnSec .shapLine, .learnSec .shapCard {opacity: 0.30;}

    /* Footer */
    .mainFooter {padding: 50px 0;color: var(--extralite);}

    
    .vulnerabilityAssessmenContentDiv, .preferredByIndustryLeaders {margin-bottom: 60px !important;}
    h3 {font-size: 30px;}

  .contactInfo { padding-left: 20px; padding-right: 20px; }

  .boxDetails:nth-child(even) { padding-top: 120px; } 
  .boxDetails { padding: 20px 20px; }
  .serviceDetailsBoxSection { padding-left: 30px; } 
  .serviceDetailsImage:before { right: -165px; width: 55%; }
  .iwtcBoxSection .col-md-4 { width: 32%; padding: 15px 20px; }
  .iwtcInfo label { font-size: 30px; }
  .clientLogoSection { gap: 25px 0px; margin: 30px auto 0; }
  .iwtcBox.additionalServicesBox { padding: 40px 40px; }

  .filterSection { flex-wrap: wrap; margin-bottom: 40px; } 
  .filterLeft { padding: 0 0 15px 0; } 
  .filterTab li a { height: 38px; padding: 3px 12px; font-size: 14px; white-space: nowrap; } 
  .filterLeft, .filterRight { flex-basis: 100%; overflow: auto; }
  
  .blogDetails .container { max-width: 1200px !important; }
  .blogDetailMenu { gap: 10px; }
   
  .leadershipImg {max-width: 330px;padding-top: 48px;margin: 0 auto;}


   /* Update-Home */
    section.simplePremise {padding-bottom: 350px;}
   .servicesSlidebg {margin-top: -300px;}

   /* Home */
   .approachListBlock {max-width: 930px;}
   .approachShapImg {top: -12px;}
   .approachListBlock ul li:nth-child(even) .approachBox {margin-top: 85px;}

}

@media (max-width: 991px) {

   .section { padding: 50px 0; } 
   h2 { font-size: 45px; } 
   h3 { font-size: 24px; }
   h4 {font-size: 22px;}
   p { font-size: 18px; }
   textarea { min-height: 100px; }
   .fs-44 {font-size: 30px;}

   .servicesListBox h3 {font-size: 26px;}
   .servicesTitleDiv h3 {font-size: 30px;}

   /* Banner */
   h1 {font-size: 70px;} 
  .bannerImgSection {width:325px;}
  .bannerImgSection .shapGray {width: 125%;left: -60%;}
  .simplePremise .patternShap {right: 255px;}
 
   /* Inner Banner */
   .innerBannnerSection .innerBannnerImage {width: 480px;}
   .innerBannnerSection .shapGray {width: 140%;left: -110%;transform: skewX(-20deg);-webkit-transform: skewX(-20deg);}
   .shapCard {width: 40px;}
   .patternSec .patternShap {right: 255px;}

 
  /* Simple Premise */
  .simplePremise .titleDiv {margin-bottom: 20px !important;}

  /* Appoarch */
  

  /* Great Section */
  .greatImage {position: relative;width: 100%;max-width:695px;margin:75px auto 0; overflow:hidden;}
  .greatImage:before {width: 100%;height: 400px;transform: skewX(-73deg);top: -158px;}
  .greatlogo {right: auto;left: 10px;top:0;}

  /* Footer */
  .mainFooter > .row {--bs-gutter-y: 50px;}
  .footerBox {margin-top:18px;margin-bottom:18px;}
  .newslatter {margin-bottom: 30px;}
  .footerBox.footerStay {max-width: 100%;}
  
  .learnIcon { width: 32px; height: 32px; }
  .learnIcon::before { width: 18px; height: 9px; background-size: cover; }

  .contactInfo { padding-bottom: 80px; }
  .contactInfoBox label { font-size: 22px; line-height: 85%; padding-bottom: 3px; } 
  .contactInfoBox { padding: 20px 0; } 
  .contactInfoSection { margin: 0 0; }
  .inputBox label { padding-bottom: 5px; font-size: 14px; } 
  .workTogetherSection .col-md-7 p { font-size: 24px; line-height: 140%; } 
  .col-md-7.pl50 { padding-left: 0px !important; }

  .boxDetails:nth-child(even) { padding-top: 90px; } .boxDetails { padding: 10px; height: 250px; }
  .boxDetails label { font-size: 38px; line-height: 120%; } 
  .boxDetails p { line-height: 140%; }

  /*section.section.servicesbg { padding-top: 0; }*/
  section.container.vulnerabilityAssessmentDiv { max-width: 992px !important; padding: 0 !important; }
  .vulnerabilityAssessmentBox { height: 360px; } 
  .vulnerabilityAssessmenImage:before { right: -125px; width: 55%; }
  .vulnerabilityAssessmentBoxSection { padding: 0 20px !important; }

  section.section.servicesbg { padding-top: 0; }
  section.container.serviceDetailsDiv { max-width: 992px !important; padding: 0 !important; }
  .serviceDetailsBox { height: 360px; } 
  .serviceDetailsImage:before { right: -125px; width: 55%; }
  .serviceDetailsBoxSection { padding: 0 20px !important; }
  .fourIwtcBoxSection .container .col-md-4:nth-child(3) {margin-left: 0;}
  .fourIwtcBoxSection .container .col-md-4 {width: 50% !important;padding: 30px 40px !important;}
  .iwtcBoxSection .col-md-4 { width: 50%; } 
  .iwtcBoxSection .row.justify-content-center { justify-content: flex-start !important; }
  .requestAssessmentSection { padding: 50px 0 !important; margin-bottom: 70px; }
  .requestAssessmentBox { gap: 45px; }
  .requestAssessmentContent label { font-size: 27px;}
  .requestAssessmentContent p { padding-bottom: 20px; font-size: 16px; }
  .pl40 { padding-left: 20px !important; }
  .networkSection .fs-44 { font-size: 36px; }
  .clientLogoSection { margin: 30px auto 0; justify-content: center !important; gap: 15px; box-sizing: border-box; }
  .clientLogoBox { max-width: 23%; flex-basis: 23%; }
  .storiesBox { padding: 30px; flex-wrap: wrap; }   
  .storiesBox p { font-size: 18px; font-weight: 300; margin-bottom: 10px; }
  .storiesBox .storiesDesignation { font-size: 16px; }
  .quoteIcon { max-width: 28px; margin-bottom: 10px; }
  .clientsImg { max-width: 120px; flex-basis: 120px; }
  .storiesSec .shapLine { left: 190px; }
  .ourClients .story-owl-carousel .owl-dots { bottom: -10px; margin: 0 !important; }
  .iwtcBox.additionalServicesBox { padding: 30px 30px; min-height: 430px; }
  .iwtcInfo label { font-size: 24px; line-height: 116%; padding-top: 10px; padding-bottom: 4px; }
  .iwtcBox.additionalServicesBox .learnMore { margin-top: 15px; } 

  .WorkplaceTitleInfo { top: 50px; } 
  .workplaceBox { gap: 10px 10px; } 
  .story-owl-carousel .owl-dots { bottom: -20px; }
  .storiesSec h2 { font-size: 43px; }

  .blogBox .info .blogSubTitle { min-height: 80px; }
  .blogDetailMenu { flex-wrap: nowrap; flex-direction: inherit !important; padding-bottom: 20px; overflow: auto;} 
  .blogDetailMenu li { white-space: nowrap; } 
  .blogDetailMenu li a { border-bottom: 2px solid transparent; border-left: none; padding: 5px 1px; }    
  .blogDetailSecRow { padding: 12px 0; gap: 10px 0; }

  .ourCoreValuesDiv { flex-wrap: wrap; max-width: 900px; margin: 0 auto; } 
  .ourCoreValuesContent { max-width: 430px; flex-basis: 430px; } 
  .boxListSection { max-width: 100%; flex-basis: 100%; margin-top: -120px; }
  
  .leadershipImg {max-width: 280px;margin: 0 auto;padding-top: 30px;max-height: 400px;}
  .ourLeadershipInfo {flex-wrap: wrap;}
  .ourLeadershipInfo > div {max-width: 100%;flex-basis: 100%;text-align: center;margin: 0 auto;}
  .ourLeadershipContent .titleDiv {margin: 0 auto;padding-top: 60px;}
  .leaderTitle {justify-content: center;}
  .leaderVector {display: none;}
  .leadershipImg {padding: 0;max-width: 240px;}
  .leaderSection .contentTitleBox p {font-size: 20px;}
  .captchaImg img {width: 100%;height: 60px;}

  /* Home */
   .approachListBlock {max-width: 695px;}   
   .approachListBlock ul li:nth-child(even) .approachBox {margin-top: 70px;}
   .approachBox h3 {font-size: 22px;}
   .approachBox p {font-size: 16px;}

  /* Footer  */
  .footerStaySection {margin-bottom:25px;}
  .footerStaySection h2 br {display:none;}
  .footerStayleft {width:100%;}
  .footCompanyCol .footerNav {flex-wrap:wrap;flex-direction:row;}
  .footCompanyCol .footerNav li{width:50%;}  
  
  /* Ai Solutions */
  .aiSolutionListing {gap: 50px;}
  .aiSolutionPage:before {opacity:0.4;top:25px;right: 0px;}

}

@media (max-width: 767px) { 
  
  .container { --bs-gutter-x:40px;}

  h1 { font-size: 50px; }  
  h2 { font-size: 34px; }  
  h4 { font-size: 20px; }  

  p {font-size:16px;}
  .subTitle { font-size: 13px; margin-bottom: 5px; }
  .titleDiv {margin-bottom: 20px !important;}
.servicesList .row {gap: 12px 0;}
  .fs-44 {font-size: 34px !important;}
  p.fw-700.fs-44 { font-size: 22px !important;}
  .section {padding: 40px 0;}

  .servicesListBox {padding:25px 20px;}
  .servicesListBox p {min-height: inherit !important;display: block !important;font-size: 15px;}
  .servicesListBox h3 {font-size: 22px;padding: 0 0 5px;}
  .servicesListBox .learnMoreBtn .learnMoreIcon {top: -4px;}
  .servicesListBox .learnMoreBtn .learnMoreIcon svg {width:16px;}

  .learnMoreBtn span {font-size: 13px;}
  .servicesTitleDiv h3 {font-size: 23px;}
  .servicesDetailsDivReverse .servicesTitleDiv {padding-top: 10px;}

  /* Banner */
  .carousel-indiBox {padding:5px 2px;}
  .homeBanner .carousel-indicators {bottom: 5px;}  
  .learnMore {gap: 20px 10px;font-size: 14px;font-weight: 700;}
  .bannerSection .learnMore {font-size: 12px;}

  .bannerContent h1 {margin-bottom:10px;}
  .bannerContent h2 {font-size:30px;padding-right:35px;margin-bottom:5px;}
  .bannerContent h2 .AIIcon {top:-10px;}
  .bannerContent h2 .AIIcon svg {width:25px;}

  .bannerContent p {font-size: 15px;display:none;}
  .bannerContent .learnMore {margin-top: 10px;}
  .bannerImgSection {width: 50%;height: 100%;}
  .bannerImgSection:before {display:none;}
  .homeBanner .carousel-indicators span {font-size: 10px;padding: 3px 7px;}
  .homeBanner .bannerShapeDiv {display:none;}
  .homeBanner .bannerImg {width: 100%;height: 100%;}
  .bannerGreatLogo {max-width: 125px;top: -74px;left: 12px;}
  .shapCard {width: 30px;}
  .simplePremise .patternShap {display:none;}

  .bannerSection {height: 620px;display: block;}
  .bannerContent {padding: 35px 0;}
  .bannerContent p {font-size: 16px;display: block;max-width: 310px;line-height: 1.5;}
  .bannerImgSection {width: 100%;height: 58%;top: auto;bottom: 0;}
  .bannerImgSection .shapGray {width: 125%;left: -10px;height: 125px;top: -72px;transform:skewX(0deg) skewY(-10deg);}
  .bannerSection .shapCard {width: 100%;height: 30px;flex-direction: column;top: auto;bottom: 0;}
  .bannerSection .shapCard span {width: 100%;height: 100%;display: block;}
   
  /* Services Home */
  .servicesTabContent .container {width:100%;max-width:100%;padding-left:0;padding-right:0;}
  .servicesTabContent {padding-top:15px;}
  .servicesTabs .nav-tabs .nav-link {font-size: 12px;padding: 4px 10px;letter-spacing:0.2px;}


  /* Inner Banner */
 .innerBannnerSection {height:auto;display: block;} 
 .innerBannnerInfo .h1Heading {padding: 25px 0;max-width:100% !important;} 
 .innerBannnerInfo h1 {font-size:45px;}
 .innerBannnerSection .innerBannnerImage {width: 50%;height: 100%;}
 .innerBannnerInfo p {font-size: 13px;line-height: 150%;max-width: 320px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;}
 .patternSec .patternShap {display:none;}
 .shapDiv {right: 50px;}
   
 .innerBannnerSection .innerBannnerImage {width: 100%;height: 65%;top:auto;bottom:0;height:250px;  margin-top: -25px;position:relative;}
 .innerBannnerSection .shapGray {width: 125%;left: -10px;height: 125px;top: -72px;transform: skewX(0deg) skewY(-10deg);}
 .innerBannnerSection .shapCard {width: 100%;height: 30px;flex-direction: column;top: auto;bottom: 0;}
 .innerBannnerSection .shapCard span {width: 100%;height: 100%;display: block;}
  
 .careerDetailBanner h1 {font-size: 36px;}
 .careerDetailBanner .learnMore {margin-top: 15px;}
 .h1Heading .subTitle {margin-bottom: 10px;letter-spacing: 1.44px;font-size: 12px;}
 
 .blogDetailBannerBox {max-width: 750px;min-height: auto;}
 .blogDetailBanner {padding-top: 30px;padding-bottom: 30px;}
 .blogDetailBannerBox .blogdtlHeading .badgeLabel {margin-bottom: 15px;}
 .blogdtlHeading {margin-bottom: 15px;}
 .blogDetailBanner .bannerShapeDiv {display: none;}
 .blogDtlCard {gap: 0 15px;}
 .blogDtlCard .image {width: 50px;height: 50px;}
 .blogDtlCard .info h4 {font-size: 16px;}
 .timeCalDiv {gap: 0 5px;font-size: 14px;}

 .caseDetailBanner {padding-top: 30px;}
 .caseDetailBanner .casedtlHeading .badgeLabel {margin-bottom: 15px;}
 .caseDetailBanner .casedtlHeading h1 {font-size: 36px;margin-bottom: 5px;}
 .caseStudiesBannerImage {margin-top: 25px;height: 150px;}
 
  .cmsBanner .h1Heading {padding-top:50px;}

  /* Case Studies Details */
  .overviewIndustry {padding-top: 20px;}
  .indsBox h4 {font-size: 22px;}
  .indsBox span {font-size: 16px;}
  .industryServicesList h3 {font-size: 22px;}
  .ulList li {font-size: 16px;}
  story-owl-carousel.owl-theme .owl-dots {justify-content: center;}
     
  
  /* Simple Premise */
  .simplePremise .container {width: 100%;}
  .simplePremise + .caseStudiesBg {padding-top:20px;}

  /* Case Studies */
  .caseBox .info {padding: 20px;}
  .caseBox .info h3 {font-size: 20px;}
  .caseBox .info .subTitle {margin-bottom: 8px;}
  .caseBox .info .lf {padding-right: 10px;}
   

  /* Approach */
    .approachListing li {width: 100%;}

  .approachGettingDetails {margin:0;padding:0}
  .approachGettingDetails .shapLine {display:none}
  .approachListing { gap: 25px 0;}  
  .approachListBox .image {width: 150px;height: 150px;}
  .approachListBox .overlayTitle {font-size: 45px;padding:20px 20px 10px;}
  .approachListBox {gap: 12px 20px;}
  .approachListBox .info p {font-size: 16px;line-height:1.25;}
  .approachListBox .info::before {left: -20px;top: 45px;width: 10px;}

  /* Services */
  /*.servicesSlider {padding-left:20px;padding-right:20px;}*/
  .servicesSlider .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 15px;justify-content:center;}
    /*.servicesBox {max-width: 300px;margin: 10px auto 0;}*/
  .servicesBox .overlayTitle {font-size: 22px;padding: 20px;}
  .servicesBox .info {padding: 20px;min-height:130px;}
  .servicesBox .info .learnIcon {width: 40px;height: 40px;}
  .servicesBox .info p {font-size: 16px;margin-bottom:10px;line-height:1.25;}
  .subMenuServiceSection ul li a {font-size: 14px;padding: 4px 12px;}
  .servicesTitleDiv h3 span {font-size:16px;margin-left:5px;}

    .growCareerBlockImage {
        max-width: 280px;
        margin: 10px auto;
    }

  /* Great Sec */
  .greatdigitList {gap: 15px 0;margin-bottom: 15px;}
  .greatdigitBox strong {font-size: 40px;}
  .greatdigitBox span {font-size: 18px;}
  .greatSection .titleDiv {margin-bottom: 20px !important;}
  .greatImage {margin-top: 25px;}
  .greatlogo {right: 20px;max-width: 125px;}


  /* Feature */
  .featuredBox {gap: 10px 20px;}
  .featuredBox .image {height:85px;}
  .featuredBox .info h3, .featuredBox .info h4 {font-size: 18px;margin-bottom: 5px;}
  .featuredBox ~ .featuredBox {margin-top: 15px;}

  /* Learn Section */
  .learnSec .titleDiv {text-align: center;}
  .learnSec .titleDiv .h2Title {font-size: 35px;margin-bottom: 10px;}
  .learnSec .titleDiv .btn {margin-top: 20px;}
  .learnSec .shapLine, .learnSec .shapCard {display: none;}

  /* Footer */
  .footer {font-size:15px;}
  .mainFooter {padding: 20px 0;}
  .footer h3 {font-size:16px;}
  .footer h2 {font-size: 25px; margin-bottom: 5px;}
  .footSocialTitle {font-size: 15px;}
  .newslatter {margin-bottom: 15px;}
  .newslatter .form-control {font-size: 15px;}
  .social li a svg {width: 18px;height: 18px;}
  .footerStaySection {margin-bottom:15px;}
     
  .copyrightFooter {font-size:13px;}
  .copyrightFooter .container {flex-direction:column;justify-content:center;}
  .copyright {padding: 8px 0;}
  .termslinks {padding:8px 0;gap: 5px 20px;flex-wrap: wrap;justify-content: center;}

  .contentTitleBox { text-align: center; }
  .col-md-7.pl50 { padding-right: calc(var(--bs-gutter-x) * .5) !important; padding-left: calc(var(--bs-gutter-x) * .5) !important; padding-top: 10px; }
  .workTogetherSection .col-md-7 p { font-size: 18px; }
  .contactInfoBox { padding: 10px 0; } 
  .contactInfo { max-width: 540px; }
  .formSection { padding: 10px 0; }

  .boxDetailsDiv { flex-wrap: wrap;gap:10px;} 
  .boxDetails { max-width: 160px; height: 180px; padding: 20px 15px !important; border: 1px solid #ccc !important;} 
  .boxDetails p { font-size: 16px; }
  .growCareerBlock p:last-child { margin-bottom: 0; }
  .requestAssessmentBox { gap: 35px; flex-wrap: wrap; } 
  .requestAssessmentImg { margin: 0 auto; } 
  .requestAssessmentContent { max-width: 100% !important; flex-basis: 100% !important; text-align: center; }
  .clientLogoBox { max-width: 30%; flex-basis: 30%; }
  .iwtcBox.additionalServicesBox { padding: 30px 30px; min-height: auto; margin: 0px 10px 20px;height:A }
  .additionalServices .row { margin-top: 30px; }
  .ourClients .story-owl-carousel .owl-dots { bottom: inherit !important; position: relative; margin: 10px auto !important; max-width: 200px !important; width: 100% !important; left: inherit !important;    justify-content: center; }
   .storiesBox { margin: 0; }     
   .ourClients .titleDiv, .storiesSec .titleDiv { margin: 0 auto; text-align: center; }
   .storiesSec .shapLine { left: -100px; top: inherit !important; bottom: 0; }

   .serviceDetailsBox { height: 100%; flex-wrap: wrap; } 
   .serviceDetailsImage, .serviceDetailsBoxSection { max-width: 500px; flex-basis: 100% !important; margin: 0 auto !important; text-align: center; padding: 10px 20px !important; }
   .serviceDetailsImage img.img { height: auto; }
   .serviceDetailsBoxSection .titleDiv { margin: 0 auto !important; }
   .serviceDetailsImage:before { display: none;}

  .growCareerBox { padding: 20px 30px 30px 30px !important; max-width: 500px; margin: 20px auto 0;} 
  .growCareerBox .info h3 { font-size: 30px; }
  .WorkplaceTitleInfo { position: inherit !important; padding: 20px 0 40px !important; } 
  .mt-5 { margin-top: 1rem!important; }
  .mb-5 { margin-bottom: 1rem!important; }
  .story-owl-carousel .owl-dots {position: inherit !important;left: inherit !important;bottom: inherit !important;justify-content: center;}
  .joinTeamSec .titleDiv { text-align: center; max-width: 360px !important; } .joinTeamSec .titleDiv .d-block { display: inline-block !important; }
  .openPositionBox .info h3 { font-size: 21px; } 
  .openPositionBox { padding: 25px 0 10px 0; } 
  .openPositionBox .info p { font-size: 14px; }

  .careerDetail h2, .careerDetail h3 { margin-top: 30px; margin-bottom: 6px;}
  .careerDetail ul, .careerDetail ol { font-size: 17px; }

  .blogDetailBlock p, .blogDetailBlock ul, .blogDetailBlock ol { font-size: 16px; }    
  .ourCoreValuesDiv {flex-direction:column;gap: 15px 0;}
  .ourCoreValuesContent .titleDiv p {padding-top: 10px !important;}
  .boxListSection {margin-top:0;gap: 0;justify-content: center;} 
  .ourCoreValuesContent {max-width: 100%;flex-basis: 100%;}
  .boxListDiv { padding: 10px 10px;max-width:275px;margin:auto;gap:2px;} 
  .iwtIcon { max-width: 50px; } 
  .iwtText { font-size: 18px; }
  .iwtTextP { font-size: 14px; }

  /* Blog */
  .row-blog {gap: 30px 0;}
  .blogBox .info {padding-top: 15px;}
  /*.viewAll {font-size: 14px;}
  .viewAll::before {top: 4px;}*/
  .blogBox .info h3 {font-size:24px;}
  .blogBox .info .readArticle {margin-top: 15px;padding-top: 10px;}
  .blogDetailMenuSec {display:none;}

  /* Contact */
  .contactInfoSection {gap: 10px 0;}

  /* Case Studies Page */
  .solutionsBlock {margin-top: 15px;margin-bottom: 15px;}
  .solutionsBlock .image, .solutionsBlock .info {margin: 10px auto;}
  .solutionsBlock .info p {font-size: 16px;}
  .solutionsBlock .info h3 {margin-bottom: 5px;}

  /* Career */
  .applyModal .modal-header {padding: 15px 20px;}
  .applyModal .modal-body {padding: 20px;}
  .applyModal .modal-footer {padding:15px 20px}
  .applyModal .modal-title {font-size: 22px;}
  .applyModal .expNumModal {font-size: 14px;}
  .applyFrmTitle {margin-bottom: 10px !important;font-size:18px;}
  .applyModal .modal-footer .btn {height: 40px;min-width: 125px;}
  .applyModal .form-group {margin-bottom: 15px;}
  .customFileUploadBox {padding: 20px 30px;}
  .separateLineDiv { width: 330px; margin: 30px auto 20px;}

    .journeyGallerySection {padding-top: 25px;gap: 10px;flex-wrap: wrap;max-width: 385px;margin: 0 auto;}
    .galleryImgSection {gap: 10px;}
    .galleryImg {max-width: 48%;max-height: 110px;overflow: hidden;}
    .galleryImg img {object-fit: cover;}
    .storiesWhiteBgVector { display: none;}

    /* Update-Home */
    section.simplePremise {padding-bottom: 315px;}

    .learnSec.darkgradintbg {padding: 80px 0;}

    /* Home */
    .approachListBlock ul {flex-direction: column;}
    .approachListBlock ul li {width: 100%;}
    .approachListBlock ul li:nth-child(even) .approachBox {margin-top: 0;}
    .approachListBlock ul li:nth-child(odd) .approachBox {flex-direction: row;text-align: inherit;}

    .approachBox {background: #3632870D;padding: 25px 20px;border-radius: 10px;align-items: flex-start;gap: 15px;}
    .approachBox .info {padding:0;background:none;border-radius: 0px;}   
    .approachBox .icon {width: 40px;height: 40px;font-size: 18px;margin: 0 !important;}
    .approachBox h3 {margin: 0 0 5px 0;font-size: 20px;}
    .approachBox p {font-size: 16px;}

    /* Inner banner */
    .approachShapImg{display:none;}
    .innerBannnerInfo h1 .bannerSubAITitle {position: relative;padding-right: 30px;}
    .innerBannnerInfo h1 .AIIcon {top: -5px;}
    .innerBannnerInfo h1 .AIIcon svg {width: 25px;height: 25px;}

    /* Ai Solutions */
    .aiSolutionListing {gap: 40px;}
    .aiSolutionBlock {text-align: center;}
    .aiDivider {height: 2px;}
    

}

@media (max-width: 575px) {

  .section { padding: 40px 0; } 
  h2 { font-size: 35px; } 
  h3 {font-size: 22px;}
  p { font-size: 16px; }

  /* Footer */
  .footerGreatIso {justify-content: center;}

  /* About Page */
  .ourLeadInfoBox {padding: 30px 40px 50px 30px;margin: 30px 20px 0 20px;}
  .ourLeadInfo > p {font-size: 18px;}
  .leadPosBox h5 {font-size: 18px;}
  .leadPosBox span {font-size: 13px;}

  /* Blog Details */
  .blogShareSec {flex-direction: column;}

  /* Approach */
  .approachListBox {flex-direction: column;text-align:center;}
  .approachListBox .info {padding-top:5px;}
  .approachListBox .info::before {top: 0;left: 0;right: 0;width: 1px;height: 18px;margin: auto;}

  /* Feature */
  .featuredBox {align-items: flex-start;}
  .featuredBox .image {height:60px;}
  
  /* Footer */
  .footerNav {margin:0;flex-direction:column;flex-wrap:wrap;gap:12px 0;}
  .footerNav li {margin: 0;padding: 0;}
  .footSecCol .footerNav li {width: 100%;}

  .blogListing { max-width: 400px; margin: 0 auto; padding: 0; }
  .blogBox .info .blogSubTitle { min-height: auto; }
 
  textarea { min-height: 60px; }
  /*.viewAll { font-size: 13px; padding-right: 25px; }
  .viewAll::before { width: 18px; background-size: cover; height: 8px; top: 5px; }*/

  .workTogetherSection .col-md-7 p { font-size: 16px; }
  .contactInfo {padding-bottom: 40px;padding: 0 5px 40px 5px;}

  .fourIwtcBoxSection .container .col-md-4 {width: 100% !important;padding: 15px 20px !important;max-width: 400px;margin: 0 auto;text-align: center;}
  .fourIwtcBoxSection .container .col-md-4:nth-child(3) {margin-left: auto;}
  .iwtcBoxSection .col-md-4 { width: 100%; max-width: 400px; margin: 0 auto; text-align: center; }
  .growCareerBox { padding: 20px !important; gap: 15px; } 
  .growCareerBox .image { width: 95px; } 
  .growCareerBox .info h3 { font-size: 21px; line-height: 121%; }
  .storiesSec h2 { font-size: 35px; }
  .workplaceBox .iconSvg { width: 50px; }
  .serviceDetailsContentDiv, .preferredByIndustryLeaders {margin-bottom: 40px !important;}  
  .subMenuServiceSection { margin-bottom: 30px;padding: 10px 20px;}
  .journeyGallerySection { padding-top: 25px;}
    .galleryImg {
        max-height: 148px;
    }
    .galleryImg img {
        object-fit: cover;
        height: 100%;
    }
  .lable_input.form-group {display: block;max-width: 160px;}
  .captchaImg img {height: 50px;}
  .captchaImg {margin-bottom: 10px;}
  .storiesSecVector .shapCard { right: 140px;}
    .learnSec.darkgradintbg {
        padding: 60px 0;
    }
}


/* Key */
@keyframes bannerKey0 {
    0% {
        margin-left: -80px;
    }

    100% {
        margin-left: 0;
    }
}
@keyframes bannerKey1 {
    0% {
        margin-left: -40px;
    }

    100% {
        margin-left: 0;
    }
}
@keyframes bannerKey2 {
    0% {
        margin-left: -20px;
    }

    100% {
        margin-left: 0;
    }
}






/* Mega Menu */
@media (min-width:1200px) {
    .menu .g-xl-5, .menu .gy-xl-5 {--bs-gutter-y: 2rem;}        
    .menu ul .tab-menu > li {width:100%;padding:0;}
    .menu ul .tab-menu > li > ul {padding:0;position:static;width:100%;left:auto;}
        
    .megaMenuServices {display:flex;}
    .megaMenuServleft {width: 70%;padding-right: 40px;}
    .megaMenuServRight {width: 30%;padding-left: 40px;border-left: 1px solid var(--litebordercolor);}
        
    .megaMenuRecoures {display:flex;gap:40px;}
    .megaMenuRecoures > div {flex-basis:0;flex-grow:1;}           

}
@media (max-width:1199px){
    .menu ul .megaMenuContent {border-top: 0;}
    .tab-menu span.is-open {display: none;}

    .h4MenuTitle {margin-bottom: 12px;font-size: 12px;}
    .menu ul .megaMenuContent {display:block;}

    .megaMenuServices .row.g-3 {--bs-gutter-y: 16px;}
    .servicesMenuInfo {padding-left: 0;display: flex;align-items: center;gap: 10px;}
    .servicesMenuInfo p {display: none;}
    .servicesMenuInfo .iconDiv {position: static;width: 26px;flex-shrink: 0;}
    .servicesMenuInfo h3 {font-size: 16px;font-weight: 600;line-height: 1;margin: 2px 0 0 0;}

    .megaFeaturedList {flex-direction:column;gap:10px;}

    .menu > ul > li {position:relative;}
    .menu > ul > li > span.is-open {height: 45px;width: 100%;position: absolute;float: none;left: 0;right: 0;top: 0;}
    .is-open:before {width:45px;left:auto;}

}
/* Mega Menu End */