@font-face {
    font-family: 'Metropolis Bold';
    src: url('/assets/css/fonts/metropolis/Metropolis-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis-Medium';
    src: url('/assets/css/fonts/metropolis/Metropolis-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
   
}

@font-face {
    font-family: 'Metropolis light';
    src: url('/assets/css/fonts/metropolis/Metropolis-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Metropolis ExtraLight';
    src: url('/assets/css/fonts/metropolis/Metropolis-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('/assets/css/fonts/metropolis/Metropolis-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Semi';
    src: url('/assets/css/fonts/metropolis/Metropolis-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

ol , ul{padding: 0 !important;}
a{text-decoration: none !important;}

.semibold-font{font-family: 'Metropolis Semi' !important}
.regular-font{font-family: 'Metropolis' !important }
.extralight-font{font-family: 'Metropolis ExtraLight' !important}
.light-font{font-family: 'Metropolis light' !important}
.medium-font{font-family: 'Metropolis-Medium' !important}
.medium-font-normal{font-family: 'Metropolis-Medium';}
.bold-font{font-family: 'Metropolis Bold' !important}

.font9{font-size: 9px;}
.font10{font-size: 10px;}
.font11{font-size: 11px !important;}
.font14{font-size: 14px !important;}
.font13{font-size: 13px !important;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font18-2{font-size: 18px;}
.font18-3{font-size: 18px;}
.font20{font-size: 20px;}
.font20-2{font-size: 20px;}
.font21{font-size: 21px;}
.font25{font-size: 25px;}
.font28{font-size: 28px;}
.font30{font-size: 30px;}
.font35{font-size: 35px;}
.font40{font-size: 40px;}
.font40-2{font-size: 40px;}
.font60{font-size: 60px;}
.bluecolor{color: #07DDC8 !important;}
.darkblue{color: #1781FF !important;}
.darkblue-bg{background-color: #1781FF !important;}
.blue-shadow{box-shadow: 0 4px 8px #11a0ff75!important;}
.page-item.active .page-link{background-color: #1781FF !important;}
.page-link:focus{box-shadow: unset !important;}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #51E7D8;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.darkwhite{color: rgba(255, 255, 255, 0.5);}
.border-20{border-radius: 20px !important;}
.pt-100{padding-top: 100px !important;}
.pt-50{padding-top: 50px !important;}
.pt-150{padding-top: 150px !important;}
.my-7{margin: 3em 0 !important;}
* { margin: 0;box-sizing: border-box;text-decoration: none;-webkit-touch-callout: none;-webkit-tap-highlight-color: transparent;-webkit-appearance: none; padding: 0; scroll-behavior: smooth;}
*:focus{outline: none;box-shadow: none;}
html{overflow-x: hidden !important;}
body {width:100% !important;position: relative;overflow-x: hidden !important;}
p{line-height: 1.4;}
img{object-fit: cover; }
.activemenu{color: #07DDC8 !important;}
.padding-middle{padding: 0 20%;}
.lightblack{color: rgba(30, 39, 48, 0.5);}
.lightwhite{color: #8F9398 !important;}
.black-text{color: #1E2730 !important;}
.lightblack-background{background-color: #1E2730;}
.pt-270{padding-top: 0px !important;}
.pt-400{padding-top: 150px !important;}
.blue-shadow{box-shadow: 0 4px 8px #11a0ff75!important;}
.container-fluid.w-35{border-top-left-radius: 30px;}
.w-65{width: 65% !important;}
.w-35{width: 35% !important;}
.brochure_error ,.free_brochure_error , .signup_error , .redcolor{color: #AA0000  !important;}
.greencolor{color: green;}
.w-215{width: 215px !important;}
#myBtn {display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 40px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #1781ff; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
  }
  .w-85{width: 85%;}
  .redcolor{color: red;}
  .checkmark , .mega_checkmark , .mobile_checkmark{
    display: inline-block;
    width: 22px;
    height: 22px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .checkmark_stem , .mega_checkmark_stem , .mobile_checkmark_stem{
    position: absolute;
    width: 3px;
    height: 15px;
    background-color: #07ddc8;
    left: 11px;
    top: 6px;
}
.checkmark_kick , .mega_checkmark_kick , .mobile_checkmark_kick {
    position: absolute;
    width: 5px;
    height: 3px;
    background-color: #07ddc8;
    left: 6px;
    top: 18px;
}
  .lds-ring , .mega_lds-ring , .mobile_lds-ring {
    display: inline-block;
    position: relative;
  
  }
  .lds-ring div , .mega_lds-ring div , .mobile_lds-ring div  {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    margin: -7px 5px 0 -16px;
    border: 3px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) , .mega_lds-ring div:nth-child(1) , .mobile_lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) , .mega_lds-ring div:nth-child(2) , .mobile_lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) , .mega_lds-ring div:nth-child(3) , .mobile_lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
 
  @keyframes mega_lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  /* Change the white to any color */


.contact  input:-webkit-autofill , .careers  input:-webkit-autofill{
    -webkit-text-fill-color: white !important;
}  
  #myBtn:hover {
    transition: 0.2s all ease-in-out;
    opacity: 0.8; /* Add a dark-grey background on hover */
  }
select,textarea,input[type="text"],input[type="number"],input[type="email"], input[type="tel"]{ font-size: 12px !important; -webkit-appearance: none; }
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s !important;}
/* #51E7D8 aqwa
#51A0FF
blue
dark aqwa
#07ddc8
#1e2730 black
dark blue #1781ff */

.rotateme{transform: rotate(90deg);}
.rotate{transform: rotate(180deg);}
/* navbar */
.menu-btn {
    width: 40px;
    height: 31px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.menu-btn__burger {
    width: 35px;
    height: 3px;
    background: #07DDC8;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}
.menu-btn__burger::before,.menu-btn__burger::after {
    content: '';
    position: absolute;
    height: 3px;
    background: #07DDC8;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.menu-btn__burger::before {
    width: 20px;
    top: 23px;
    transform: translateY(-16px);
}

.menu-btn__burger::after {
    width: 28px;
    bottom: 23px;
    transform: translateY(16px);
}
.overFlow {overflow: auto;}
.overFlowHide {overflow: hidden;}
.menu-toggle {display: none;}
.logo img{width:150px}
.button-arrow-green{border: 1px solid #07DDC8;
  cursor: pointer;
  color: #07DDC8;
  transition: 0.3s all ease-in-out;
  padding: 10px;
  border-radius: 6px;
  transform: skew( -23deg);}
.button-arrow-blue{border: 1px solid #1781FF;
  cursor: pointer;
  color: #1781FF;
  transition: 0.3s all ease-in-out;
  padding: 10px;
  border-radius: 6px;
  transform: skew( -23deg);}
  .whatisit iframe{max-width: 100%; max-height: 250px;}
  .whatisit h2{font-size: 15px;}
  .ourstory_first iframe{max-width: 100%; max-height: 250px;}
  .different_right iframe{max-width: 100%; max-height: 250px;}
  .iframe-class iframe{max-width: 100%; max-height: 250px;}

.navwarper{padding:2% 10%;background-color:#fff;}
.nav { width: 100%;display: flex;justify-content: space-between; align-items: center;position: relative; }
.list{display: flex;margin-bottom: 0 !important; justify-content: space-between; align-items: center; transition: 0.3s ease-in-out;list-style: none !important;}
.navbarLink { color: #1e2730;text-decoration: none;font-size: 14px; align-items: center; transition: all .2s ease-in-out;font-family: 'Metropolis-Medium'; } 
.megabtn{cursor: pointer;}
.active,.list li:hover a{color:#51E7D8;}
.navshow {right: 0 !important; transition: 0.5s ease-in-out;}
nav .mobile{display: none;}
/* .solutions .col:hover .arrowhover{display:inline-block !important;opacity: 1 !important;} */
.container-fluid.footer{position: relative;}
.container-fluid.footer .solution_third{position: absolute; top: -100px;}
.bugfixed_scroll{margin-bottom: 110px;}
.container-fluid.footer .container .footerwarpper{position: relative;}
nav{display: flex !important;position: inherit;}
/* mega menu */
.overlay{ position: fixed !important;right: -100%;transition: 0.5s !important; width: 100%; z-index: 2000; top: 0; height:100vh; overflow-x: hidden ;background: linear-gradient(to right,  #1781ff 70%, #fff 0%);  padding:0; bottom:0;}
.overlay a:hover{color: black !important;}
.activebar{right:0 !important;}
.activemega{  position: absolute;overflow:hidden !important;}
.closemenu{ display: flex; justify-content: flex-end; cursor: pointer;}
.megaData{display: flex; justify-content:space-between;padding: 2% 0;}
a:hover{transition: 0.3s all ease-in-out !important;}
.emailReg p{font-size: 11px; color:#ffffff; text-transform: uppercase; }
   .flexformEmail{ width:100%; display: flex; justify-content: space-between; align-items: center; border-bottom: 3px solid #fff ; margin-top: 10px;}
   .flexformEmail input::placeholder{font-family:'Metropolis' ; font-size: 12px; color:#8BC0FF !important; line-height: 1.9;  }
   .flexformEmail button{ background-color: transparent; border: none;  font-size: 12px; color:#fff; cursor: pointer;}
    .flexformEmail input:-webkit-autofill{-webkit-text-fill-color: #fff;font-size: 12px; }
    .flexformEmail input:focus{color:#fff}
.megacontactData{background-color: #51E7D8; border-radius: 20px; margin-left: -150px; width: 450px;}
.megacontactData .contactTilte{font-family:'Metropolis Bold'; color: #1781ff; font-size: 20px;}
.locationTitle{ font-size: 14px;font-family:'Metropolis Bold';color: #fff; padding: 4% 0;text-transform: uppercasemainLink bold-font text-white;}
.locationDets{display: block;font-size: 14px;font-family:'Metropolis';color: #fff;line-height: 1.2; }

.socialMegaTitle{font-size: 14px; padding-top: 25px;font-family:'Metropolis';color: #fff; text-transform: uppercase;}
.socialmediaMega a{ color:#fff; margin-right: 15px;}

.newlearning{padding-left: 150px !important;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    background: #D5D9E0;}

.newlearning-first a:hover .card p{color: black !important;}    
.newlearning-first {
    margin-top: -50px !important;
    margin-right: -100px !important;
    z-index: 99;
}
.newlearning-first .card{
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}
.parent-newdesign .newlearning .case p{padding: 0 25px 0 0 !important}
/* start of homepage */
.homepage{min-height: 400px; background: #1781ff; padding-top: 100px;}
.homepage .regular-font.font15{height: 60px;}
.homepage .carousel-item .regular-font.font15{height: unset;}

.homepage .trick{position: absolute;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    overflow: hidden;
    z-index: -1;
    top: 0;
    right: -20px;
    width: 720px;
    height: 720px;
    object-fit: cover;
    border: 4px solid #07DDC8;
    border-top: unset !important;
    transform: skew( -26deg);}
.homepage .banner{position: absolute;
    border-radius: 50px;
    overflow: hidden;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    border-bottom-left-radius: 100px;
    z-index: -1;
    top: 0;
    right: 25px;
    width: 645px;
    transform: skew(-26deg);
    height: 770px;
    object-fit: cover;}
.homepage .banner img{width: 180%;transform: skew(26deg);position: absolute;height: 100%;left: -360px;right: 0;}
.homepage .learnmore .fa-arrow-right:before{border: transparent;color: unset; padding: 0;border-radius: 0; transform: unset;}
.homepage .learnmore{border: 1px solid #07DDC8; color: white; transition: 0.2s all ease-in-out; background-color: #07DDC8; width: 110px; border-radius: 10px;transform: skew( -13deg)}
.homepage .learnmore:hover{ color: #07DDC8;background-color: white;}
.homepage .readmore i{border: 1px solid #07DDC8;
    cursor: pointer;
    transition: 0.2s all ease-in-out;
    background:#07DDC8 ;
     color: white;
    padding: 8px;
    border-radius: 6px;
    transform: skew( -23deg);}
    .homepage_fourth .right-card{border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        text-align: start;
        background: #12DECA;
        position: absolute;
        bottom: -50px;
        float: right;
        width: 800px;
        right: -414px;
         }
.homepage .rectanlges a:hover i{border: 1px solid #07DDC8; background-color: white; ;color: #07DDC8;}
.homepage_second .shape{position: absolute; top: 0;right: 550px; opacity: 0.05; z-index: 0;}
.homepage_second .banner{position: absolute;
    overflow: hidden;
    border-radius: 30px;
    z-index: 2;
    top: -10px;
    right: -75px;
    width: 160px;
    transform: skew(-26deg);
    height: 187px;
    object-fit: cover;}

.homepage_second .banner img{transform: skew(
    26deg);
        position: absolute;
        height: 100%;
        right: -35px;}
.homepage_second .banner-mobile{
    overflow: hidden;
    border-radius: 30px;
    z-index: 2;
    margin-left: -3px;
    width: 90%;
    transform: skew(-26deg);
    top: 25px;
    height: 120px;
    object-fit: cover;
    position: relative;}
.homepage_second .banner-mobile img{transform: skew(26deg);
        height: 100%;
        position: absolute;
        left: -20px;
        width: 112%;
       }
.homepage_second .right-col .bluearrow.fa-arrow-right:before{border: 1px solid #1781ff;
    background: #1781ff !important;}   
.homepage_second .texts{  width: 250px;}
.pe-100{padding-right: 100px !important;}
.homepage_second .case p{border-bottom: 1px solid rgba(255, 255, 255, 0.507);color: #798088 ;transition: 0.3s all ease-in-out;width: 140px;  }
.homepage_second .case p:hover{width: 340px;}
.homepage_second .case .fa-arrow-right:before{color: #798088 ;  }
.homepage_second .col-lg-6.linking a:hover p,.homepage_second .col-lg-6.linking a:hover .fa-arrow-right:before{color: white ; }
.homepage_second .right-col .fa-arrow-right:before{transform: skew( -23deg); position: absolute; bottom:15px; right: -70px; border: 1px solid #07DDC8;background: #07DDC8; cursor: pointer; color: white; padding: 9px;border-radius: 6px;z-index: 4;}
.homepage_second .right-col .fa-arrow-right.darkblue:before{transform: skew( -23deg); position: absolute; bottom:15px; right: -70px; border: 1px solid #1781ff;background: #1781ff; cursor: pointer; color: white; padding: 9px;border-radius: 6px;z-index: 4;}
.homepage_third .solution-icon{width: 120px;position: absolute; right: 0;top: -20px;object-fit: cover;}
.homepage_third .readmore i{border: 1px solid #07DDC8;
    cursor: pointer;
    color: #07DDC8;
    transition: 0.3s all ease-in-out;
    padding: 10px;
    border-radius: 6px;
    transform: skew( -23deg);}
.homepage_third .title{height: 125px;}
.homepage_third .content{min-height: 225px;}
.homepage_third .content.long{height: 170px;}    
.homepage_third .title.long{height: 160px;}

.homepage_third .readmore:hover i{border: 1px solid #07DDC8;background:#07DDC8 ; color: white;}
.homepage_fourth{border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
.homepage_fourth .parent-newdesign .newlearning .case{border-bottom: 0;}
.homepage_fourth .newlearning{border-top-right-radius: 30px !important; border-bottom-left-radius: 0;border-top-left-radius: 0;}
.homepage_fourth .newlearning-first{margin-top: 0 !important;margin-right: 0 !important;}
.homepage_fourth .newlearning-first .card{border-bottom-left-radius: 30px;border-top-left-radius: 30px; border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important; margin-left: -70px;margin-bottom: -160px;}
.homepage_fourth .case p{border-bottom: 1px solid #20272f75; color: #798088 ; width: 300px;transition: 0.2s all ease-in-out}
.homepage_fourth .case .fa-arrow-right:before{ color: #798088 !important;}
.homepage_fourth a:hover p,.homepage_fourth a:hover .fa-arrow-right:before{ color: #1781FF !important;}
.parent-newdesign .newlearning .case:hover{color: #1781FF !important;}
.parent-newdesign .newlearning .case:hover p{border-bottom: 1px solid #1781FF !important;}
.parent-newdesign .newlearning .case{width: 90%;color: rgba(30, 39, 48, 0.5);}
.parent-newdesign .newlearning .case h3{width: 350px; border-bottom: 1px solid rgba(30, 39, 48, 0.5);}
.incompany_train .newlearning .case:hover{color: #1781FF !important;}
.incompany_train .newlearning .case{ border-bottom: 1px solid rgba(30, 39, 48, 0.5);width: 90%;color: rgba(30, 39, 48, 0.5);}
.incompany_train .newlearning .case p{width: 350px;}
.homepage_fourth .no-border-desktop{border-bottom: none !important;}
.homepage_fifth .shape{position: absolute; top: -200px;transform: rotate(90deg);right: -250px; opacity: 0.05; z-index: 0;}
.homepage_fifth .achievements-icon{background-size: cover; width: 92px; height: 92px;}
.homepage_six .banner{position: absolute;border-radius: 100px; overflow: hidden; z-index: 2; top: -100px; left: -200px; width: 750px; height: 635px; transform: skew( -26deg)}
.homepage_six .banner img{position: absolute;border-radius: 100px; overflow: hidden; z-index: 2; top: 0; left: -132px; width: 138%; height: 635px; transform: skew( 26deg)}
.homepage_six .card{background:#1781FF;width: 420px;}

/* end of homepage */
.program_speciality h4{font-size: 15px;}
.program_speciality h3{font-size: 18px;}
.introduction_text p{margin-bottom: unset !important;}
/* start of solutions page */
.allpages_header{min-height: 350px; margin-top: 100px;padding-bottom: 40px;}
.allpages_header .share_section{padding-bottom: 70px;}

.allpages_header .trick{position: absolute;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  overflow: hidden;
  z-index: 3;
  top: -12%;
  height: 420px;
  object-fit: cover;
  border: 4px solid #07DDC8;
  border-top: unset !important;
  transform: skew( -26deg);}
.allpages_header .texts .content{max-width: 500px;}
.allpages_header .banner{position: absolute; transform: skew(-26deg);overflow: hidden;border-bottom-left-radius: 100px; border-bottom-right-radius: 50px; padding: 15px; object-fit: cover; right: 30px; top: 0; width: 500px; height: 400px;}
.allpages_header .banner img{transform: skew(26deg); height: 710px;top: 0;width: 140%; object-fit: cover;}
.allpages_header .banner img.careers-banner{object-fit: contain; height: 710px; width: 140%}
.allpages_header .img-design{position: absolute;border-bottom-left-radius: 100px; border-bottom-right-radius: 50px;top: 0;right: 57px;width: 500px;height: 370px;border: 4px solid #07DDC8;border-top: hidden; transform: skew( -26deg);}
.allpages_header .banner-mobile{transform: skew(-13deg);margin-bottom: -20px; border: 1px solid #07DDC8; border-radius: 50px; padding: 15px; object-fit: cover;  width: 100%; height: 350px;}
/* .allpages_header .banner img{height: 105px; width: 145px; position: absolute; right: -50px; top: 50px;} */
.allpages_header .solution-icon{position: absolute; right: -50px;top: 100px; width: 140px;}
.solutions_listing_second .solution-icon{width: 120px;position: absolute; right: 0;top: -20px;object-fit: cover;}
.solutions_listing_second .title{height: 120px;}
.solutions_listing_second .content{height: 210px;} 
.solutions_listing_second .readmore i{border: 1px solid #07DDC8;cursor: pointer;color: #07DDC8;transition: 0.2s all ease-in-out;padding: 10px;border-radius: 6px;transform: skew( -26deg);}
.solutions_listing_second .readmore:hover i{border: 1px solid #07DDC8;background:#07DDC8 ; color: white;}
/* end of solutions page */

/* start of solution page */
.solution_third{ background: linear-gradient(to left,  #D5D9E0 70%, transparent 0%)}
.solution_third .row{margin-left: 500px;}
.solution_third .case p{ color: #798088 ; width: 300px;transition: 0.2s all ease-in-out}
.solution_third .case{border-bottom: 1px solid #20272f75; }
.solution_third .case .fa-arrow-right:before{ color: #798088 !important;}
.solution_third a:hover p,.solution_third a:hover .fa-arrow-right:before{ color: #1781FF !important;}
.solution_third .right-card{border-top-right-radius: 20px; border-bottom-right-radius: 20px;text-align: start;
    background: #12DECA;
    position: absolute;
    top: -50px;
    width: 800px;
    margin-left: -200px;
    width: 650px; }


.solution_third .right-card p.font18{margin-left: 200px;}
.solution_third .right-card p.font30{margin-left: 200px;}
.solution_third .no-border-desktop{border-bottom: none !important;}
.solution_last .card p{height: 65px;}
.solution_last .card{transition: 0.3s all ease-in-out;}
.solution_last .card:hover{transition: 0.3s all ease-in-out;cursor:pointer;transform: scale(1.03);}
/* end of solution page */

/* start of contact page */
.contact{background: linear-gradient(to right,  #1781ff 70%, #fff 0%); padding-top: 100px;}
.contact input{font-family: 'Metropolis-Medium'; background: transparent; border: none; border-bottom: 1px solid white;font-size: 14px !important; color: white; }
.contact input::placeholder{color: white; }
.contact textarea{font-family: 'Metropolis-Medium'; background: transparent;border: 1px solid white; font-size: 14px !important; color: white !important; }
.contact textarea::placeholder{font-family: 'Metropolis-Medium'; background: transparent; font-size: 12px !important; color: rgba(255, 255, 255, 0.5);}
.contact .form-check-input{cursor: pointer; font-size: 18px !important; border: 1px solid white ;}
.form-check-input[type=checkbox]:checked{content: '';
  background: green;}
.mapouter{position:relative;text-align:right;height:370px;width:100%;}
.gmap_canvas {overflow:hidden;background:none!important;height:370px;width:100%;}
.gmap_canvas iframe{width:100%;}
/* end of contact page */

/* start of careers page */
.careers{background: linear-gradient(to right,  #1781ff 70%, #fff 0%);}
.careers input{font-family: 'Metropolis-Medium'; background: transparent; border: none; border-bottom: 1px solid white;font-size: 14px !important; color: white; }
.careers input::placeholder{color: white; }
.careers textarea{font-family: 'Metropolis-Medium'; background: transparent;border: 1px solid white; font-size: 14px !important; color: white !important; }
.careers textarea::placeholder{font-family: 'Metropolis-Medium'; background: transparent; font-size: 12px !important; color: rgba(255, 255, 255, 0.5);}
.careers #careers_file{border: none !important;}
/* .job-description {word-break: break-all; } */
.job-description b{font-family: 'Metropolis Bold' !important; }
.select_box{
    border-bottom: 1px solid white;
    position: relative;
  }
  .select_box:after{
    width: 0; 
    height: 0; 
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 56%;
    right: 10px;
    content: "";
    z-index: 98;
   }

  .select_box select{
      color: white;
    border: 0;
    position: relative;
    z-index: 99;
    background: none;
  }
  .select_box select option{
    cursor: pointer !important;
    color: black;
   
  }

::-webkit-file-upload-button {display: none;}
.job-description ul li::marker {
  color: #07DDC8; /* Change the color */
}
.job-description.require ul li::marker {
  color: #1781FF; /* Change the color */
}
/* end of careers page */

/* start of about us different page */
.different .card p{height: 65px;}
.different .card{transition: 0.3s all ease-in-out;}
.different .card:hover{transition: 0.3s all ease-in-out;cursor:pointer;transform: scale(1.08);}
/* end of about us different page */


/* start of about us leaders page */
.leaders .card.shadow{box-shadow: 0 4px 8px #11a0ff75!important;transition: 0.3s all ease-in-out}
.leaders .card .profile-img{position: absolute;right: 10px;overflow: hidden; top: -20px; transform: skew(-26deg); border-radius: 30px;  width: 200px; height: 190px; object-fit: cover;}
.leaders .card .profile-img img{ transform: skew(26deg);  width: 370px; height: 335px; object-fit: cover;}
.leaders .card .summary{height: 165px;}
.leaders .card .letter{height: 110px;}
.leaders .card .name{max-width: 250px;}
.leaders .card .job{max-width: 250px;}
.leaders .card.more_aboutus p{height: 65px;}
.leaders .card.more_aboutus:hover{transition: 0.3s all ease-in-out;cursor:pointer;transform: scale(1.08);}
/* end of about us leaders page */

/* start of about us our story page */
.our_story{padding-bottom: 150px;}
.our_story .card{transition: 0.3s all ease-in-out;}
.our_story .card p{height: 65px;}
.our_story .card:hover{transition: 0.3s all ease-in-out;cursor:pointer;transform: scale(1.08);}
.our_story_mission .banner{position: absolute;border-radius: 100px; overflow: hidden; z-index: 2; top: -100px; left: -200px; width: 750px; height: 635px; transform: skew( -26deg)}
.our_story_mission .banner img{position: absolute;border-radius: 100px; overflow: hidden; z-index: 2; top: 0; left: -132px; width: 140%; height: 700px; transform: skew( 26deg)}
.our_story_mission .card{background:#1781FF;}
.our_values .card{box-shadow: 0 4px 8px #11a0ff75!important;}
.our_values .card img{position: absolute; right: -10px; top: -30px; width: 95px; height: 75px; object-fit: cover;}
.our_values .card .title{height: 70px;}
.our_values .card .content{height: 260px;}

.consulting .quote-img{width: 80px; object-fit: cover;}
.centermidd{margin: -66px auto 0 auto}
.company-logo{height: 80px; width: fit-content; object-fit: contain; max-width: 300px;}
/* .company-content{height: 250px;} */
.company-content p{font-family: 'Metropolis-Medium';}
.company-content img{max-width: 100%; height: auto; width: fit-content; object-fit: contain; max-height: 200px;}
.company-content p b{ font-family: 'Metropolis Bold';}
.modal input{font-family: 'Metropolis-Medium';
    background: transparent;
    border: none;
    border-bottom: 1px solid black;
    font-size: 14px !important;
    color: black;}
.modal .form-select{border: none !important; border-bottom: 1px solid black !important; }    
.modal .form-check-input{border: 1px solid black !important;}
/* end of about us our_story page */

/* start of privacy and terms */
.privacy_terms p{font-family: 'Metropolis-Medium';}
/* end of privacy and terms */
.img_will_be_here img{width: fit-content !important; max-width: 100%; height: auto; max-height: 350px;}

/* start of upcoming courses page */
.course_details p{font-size: 15px;font-family: 'Metropolis-Medium'; color: white; margin-bottom: 0 !important;}
.banner_page{height: 130px;margin-top: 100px;}
.banner_page.upcoming_courses{height: 215px;}
.banner_page.upcoming_courses h1{width: 50%}
.banner_page .design_left{position: absolute; right: 35%; top: 0;}
.course_enhacements{width: 85%; margin: auto !important;}
.course_enhacements p{flex: 0 0 auto;width: auto;background: #E3E7EA;text-align: center;padding: 0.5rem!important;    border-radius: 20px !important;    color: #1781FF !important;font-size: 15px;font-family: 'Metropolis-Medium' !important;margin-bottom: 0 !important;}
.what_can_you_expect p{flex: 0 0 auto;width: 75%;padding-bottom: 0.5rem!important;   border-bottom: 1px solid #dee2e6!important;color: rgba(30, 39, 48, 0.5);font-size: 15px;font-family: 'Metropolis-Medium' !important;padding-left: 0 !important; margin-left: 15px !important;}
.what_can_you_expect p::before{content: '✓'; color: #07DDC8; margin-right: 10px;}
.programs_benefits_content p{flex: 0 0 auto;width: 47%;padding-bottom: 0.5rem!important;   border-bottom: 1px solid #dee2e6!important;color: rgba(30, 39, 48, 0.5);font-size: 15px;font-family: 'Metropolis-Medium' !important;padding-left: 0 !important; margin-left: 3% !important;}
.programs_benefits_content p b{font-family:'Metropolis Bold' !important;}
.programs_benefits_content p::before{content: '✓'; color: #07DDC8; margin-right: 10px;}
.who_can_apply{width: 75%;}
.who_can_apply p{flex: 0 0 auto;width: 25%;font-size: 15px;font-family: 'Metropolis-Medium' !important;}
/* start of upcoming courses page */



/* start of case studies page */
.case_study_main_container .image{height: 170px; background-size: cover; background-position: center;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.case_study_main_container .card:hover .button-arrow-blue{background-color:#1781FF; transition: 0.3s all ease-in-out; color: white;}
.case_study_main_container .card .texts{
  /* height: 270px; */
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.case_study_result b{font-family:'Metropolis Bold' !important}
/* .casestudy_outsidetitle{height: 65px;}
.casestudy_outsidedesc{height: 45px;} */
/* start of case studies page */
.casestudy_outsidedesc img{max-width: 100% !important; width: auto !important; object-fit: contain; height: auto; max-height: 400px !important;}
.insights_content img{max-width: 100% !important; width: auto !important; object-fit: contain; height: auto; max-height: 250px !important;}
.insights_content{font-style: initial;}
.fontstyle-initial{font-style: initial;}
/* start of single case study page */
.casestudy_title{min-height: 170px;}
.border-bottom-left-20{border-bottom-left-radius: 20px;}
.more_case_study{border-bottom-left-radius: 30px;}
.more_case_study .row{padding: 20px 10% 50px 100px;}
.more_insights .container{padding: 0 10% 50px 100px;}
.more_case_study .image{height: 100px; background-size: cover; background-position: center;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.more_case_study .card:hover .button-arrow-blue{background-color:#1781FF; transition: 0.3s all ease-in-out; color: white;}
.more_case_study .card .texts {
  height: 40%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;}
.more_case_study_parent{margin-bottom: -20px; position:relative;z-index: 4;}
/* end of single case study page */




/* start of single insight page */
.first_text_insight b{font-family:'Metropolis Bold'}
.insight_listing_image{background-position: center; background-size: cover; height: 170px; border-radius: 20px;}
/* end of single insight page */





/* footer */
footer .privacy_terms .border-end{border-right: 1px solid #8F9398!important;}
.container-fluid.footer{margin-top: 200px;}
.container-fluid.footer.parent_programlearning{margin-top: 150px;}
.footer{background-color: #1e2730;bottom: 0 !important;}
footer .emailReg p{ font-size: 15px; color:#8F9398; text-transform: uppercase; }
footer .flexformEmail input::placeholder{font-family:'Metropolis' ; font-size: 12px; color:#8F9398 !important; line-height: 1.9;  }
.footerMain{display:flex;justify-content: space-between;align-items: flex-start; padding-top: 150px;}
/* .logoFooter img{ width: 150px;}
.logoFooter {width:25%} */
.footerdata{display:flex; justify-content: space-between;}
.footerdata a{color:#fff; display: block;line-height: 1.6;transition: 0.2s all ease-in-out;}
.footerdata .mainLink{font-family:'Metropolis Bold' ; font-size: 14px}
.footerdata .mainLink:hover{color:#07ddc8}
.footerdata .subLink{font-family:'Metropolis' ; font-size: 12px;}
.footerdata .subLink:hover{color:#51A0FF}
.col{ display: flex;  justify-content: flex-start; align-items: flex-start; flex-direction: column;}
.row2{margin-top: 50px;}
.col1row2{margin-top: 70px;}
.emailReg p{ font-size: 15px; color:#8BC0FF; text-transform: uppercase; }
.flexformEmail{ width:100%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #FFFFFF ; margin-top: 10px;}
.flexformEmail input{ background-color: transparent; border: none; color: white; width: 100%;}
.flexformEmail input::placeholder{font-family:'Metropolis' ; font-size: 12px; color:#8BC0FF !important; line-height: 1.9;  }
.flexformEmail button{ background-color: transparent; border: none;  font-size: 12px; color:#07ddc8; cursor: pointer;}
.flexformEmail input:-webkit-autofill{-webkit-text-fill-color: #999;font-size: 12px; }
.flexformEmail input:focus{color:white}
.socialmedia{ border-top: 2px solid #707070; margin-top: 3%; padding: 1% 0; text-align: right;padding-right: 68px;}
.socialmedia a{color:#707070; margin-right: 8px; font-size: 20px;}
.socialmedia a:last-child{ margin-right: 0px;}
.socialmedia a:hover{color:#fff ;}
.copyrights{display: none;}

.sectionWrapper{ padding: 2% 10% ;}

footer .badges{margin: 20px 0 0 0}
footer .badges .badge-2022{width: 85px}
footer .badges .badge-2023{width: 80px}
footer .badges .badge-2024{width: 80px}


/* support Message */
.supportMessageCon{background-color:#1781ff;border-radius: 25px; position: absolute; top: -100px;}
.supportMessageText{font-family: "Metropolis Bold"; padding-left: 30px; font-size: 30px; color:#fff; width:60%; text-transform: uppercase; margin-right: 10%;}
.button {transition: 0.2s all ease-in-out; background-color: #07ddc8;border: 1px solid transparent !important; width:fit-content !important;padding: 7px 20px;border-radius:6px;transform: skew(-23deg); color:#1e2730;font-size: 13px; font-family:"Metropolis Bold" ;display: flex;justify-content: center;align-items: center;}
.arrow { margin-left: 10px; }
.button:hover{background-color: white;border: 1px solid #07ddc8 !important;color: #07ddc8;}
.register-btn.button{padding: 15px 40px}

.learning-program-footer{z-index: 3; position: absolute;bottom: -160px; height: 215px; border-top-right-radius: 30px;border-bottom-right-radius: 30px; width: 90% !important; margin-left: 0 !important; background: #D4D9DF;}
.three_containers{ position: relative;}
.three_containers .left-container{height:unset;}
.optionGroup {
  color: grey !important;
  font-weight: bold;
  font-style: italic;
}

/* start of our partners  */
.our_partners_header{height: 200px;background: #1781ff;margin-top: 100px;}
.our_partners_header.career{height: 300px;background: #1E2730;}
.our_partners_header .container{vertical-align: middle;}
/* end of our partners  */

/* start of our clients */
/* .clients .client .content{position: absolute; top: 26%; left: 30%;} */
.clients .clients_tab{display: flex;flex-wrap: wrap;}
.clients .clients_tab .client{width: 25%; padding: 10px;background-color: rgb(235, 240, 245);border-bottom: 1px solid #1e2730;}
.clients .clients_tab .client i{display: none;}
.clients .clients_tab .client .content{font-family: 'Metropolis-Medium';}
.clients .clients_tab .client:last-child{border-right: unset;}
.clients .clients_tab .client.active{background-color: white;border-bottom: unset;}
.clients .clients_tab .client.active:nth-child(1){border-top: 1px solid #1e2730}
.clients .clients_tab .client.active:nth-child(2){border-top: 1px solid #1e2730}
.clients .clients_tab .client.active:nth-child(3){border-top: 1px solid #1e2730}
.clients .clients_tab .client.active:nth-child(4){border-top: 1px solid #1e2730}
.clients .clients_tab .client.active .name{color: #1e2730;}
.clients .clients_tab .client .name{color: grey}
.clients .client_content p{font-family: 'Metropolis-Medium';}
.clients .client_content img{object-fit: contain;height: auto; max-width: 100%; width: fit-content; max-height: 300px;}
.clients .client_content p b{font-family:'Metropolis Bold' ;}
/* end of our clients */
.pt-6{padding-top: 6rem !important;}
.closebtn_modal{position: absolute; right: 15px; top: 15px; color: black; z-index: 999;}
.incompany-training{margin-bottom: -50px; position: relative; z-index: 3;}

@media (min-width: 992px) { 
  .homepage_second .banner{width: 150px;}
  .homepage_second .banner img{width: 227px;}

  .leaders .card .profile-img img{ transform: skew(26deg);  width: 238px; height: 349px; object-fit: cover;}
  .leaders .card .profile-img{position: absolute;right: 10px;overflow: hidden; top: -20px; transform: skew(-26deg); border-radius: 30px;  width: 153px; height: 200px; object-fit: cover;}
  .megacontactData{width: 360px;margin-left:-100px}
    .homepage_fourth .right-card{width: 700px;}
    .allpages_header .trick{ right: 150px;
      width: 340px;}
    .font40{font-size: 30px;}
    /* .homepage .banner img{width: 270%;} */
    .homepage .banner{width: 445px;}
    .homepage .trick{width: 510px;}
    .allpages_header .banner{width: 350px; }
    .allpages_header .img-design{width: 350px;}
    .modal-dialog{max-width: 650px !important;}
}

@media (min-width: 1200px) { 
  .leaders .card .profile-img img{ transform: skew(26deg);  width: 314px; height: 373px; object-fit: cover;}
  .leaders .card .profile-img{position: absolute;right: 10px;overflow: hidden; top: -20px; transform: skew(-26deg); border-radius: 30px;  width: 222px; height: 200px; object-fit: cover;}
  .homepage_second .banner{width: 200px;}
  .homepage_second .banner img{width: 270px;}


  #myOverlay .megacontactData{margin-left: -120px; width: 400px;}
  .allpages_header .trick{ right: 82px;
    width: 495px;}
    .font40{font-size: 40px;}
    .homepage_fourth .right-card{width: 800px;}
    .allpages_header .img-design{width: 500px;}
    /* .homepage .banner img{width: 340%;} */
    .homepage .banner{width: 645px;}
    .homepage .trick{width: 720px;}
    .allpages_header .banner{width:500px; }
    .modal-dialog{max-width: 800px !important;}
    .parent-newdesign .newlearning .case h3{width:350px ;}
}

/* @media only screen and (max-width : 1400px) {
  .homepage .banner img{left: -1000px;}
} */

@media only screen and (max-width : 1200px) {
  .allpages_header .banner img.careers-banner{width: 220%; height: 1180px}
  .solutions_listing_second .content{height: 250px;} 
  footer .badges .badge-2022{width: 70px}
  footer .badges .badge-2023{width: 65px}
  footer .badges .badge-2024{width: 65px}
  .homepage .banner img{width: 220%;}
}


@media (min-width: 1400px) {
  .leaders .card .profile-img img{ transform: skew(26deg);  width: 360px; height: 426px; object-fit: cover;}
  .leaders .card .profile-img{position: absolute;right: 10px;overflow: hidden; top: -20px; transform: skew(-26deg); border-radius: 30px;  width: 260px; height: 200px; object-fit: cover;}

    #myOverlay .megacontactData{margin-left: -150px; width: 450px;}
    .font40{font-size: 40px;}
    .allpages_header .img-design{width: 610px;}
    .allpages_header .trick{ right: 40px;
      width: 620px;}
    /* .homepage .banner img{width: 340%;} */
    .homepage .banner{width: 745px;}
    .homepage .trick{width: 820px;}
    .modal-dialog{max-width: 800px !important;}
    .homepage_fourth .right-card{width: 800px;}
    .allpages_header .banner{width:625px; }
    .parent-newdesign .newlearning .case p{width: 100%;}
}

@media screen and (max-width: 991px) {
    iframe{width:100%}
  .font60{font-size: 40px;}
  .whatisit iframe{width: 100%; height: 250px;}
  .ourstory_first iframe{width: 100%; height: 250px;}
  .different_right iframe{width: 100%; height: 250px;}
  .iframe-class iframe{width: 100%; height: 250px;}


  .container-fluid.footer .container .footerwarpper.pt-3 {padding-top: 4rem!important;}

  .img_will_be_here img{max-height: 250px;}
  .leaders .card .profile-img{top: -35px;}

  .mapouter{position:relative;text-align:right;width:100%;}
  .gmap_canvas {overflow:hidden;background:none!important;width:100%;}
  .bugfixed_scroll{margin-bottom: 30px;}
  .program_speciality h4{font-size: 14px;}
  .program_speciality h3{font-size: 16px;}

  .job-description.require ul, .job-description ul{margin-left: 10px;}
  .what_can_you_expect p{width: 100%;}
  .container-fluid.w-35{border-top-right-radius: 30px;}
  .incompany-training{margin-bottom: -120px;}
  .programs_benefits_content p{width: 100%;}
  .course_enhacements{width: 100%;}
  .course_enhacements p{flex: 0 0 auto;width: auto;background: #E3E7EA;text-align: center;padding: 0.5rem!important;    border-radius: 20px !important;    color: #1781FF !important;font-size: 15px;font-family: 'Metropolis-Medium' !important;margin-bottom: 0 !important;}
  .container-fluid.footer .container .footerwarpper.pt-6{padding-top: 6rem !important;}
  .more_insights .container{padding: 50px 0 50px 0;}
  .border-bottom-left-20{border-bottom-left-radius: unset;}
  .insight_listing_image{height: 125px; width: 95% !important; margin: auto;}
  .more_case_study{border-bottom-left-radius: unset;}
  .more_case_study .row{padding: 30px 0 0 0;}
  .careers{background: linear-gradient(to right,  #1781ff 100%, #fff 0%);}
  .allpages_header .trick.bottom{top: unset;bottom: 0;width: 88%;border: 2px solid #07DDC8 !important;border-radius: 50px;height: 308px;left: -20px;}
  .case_study_main_container .card .texts{height: unset;}
  .who_can_apply p{width: 100%;}
  .casestudy_title{height: unset;}
  .banner_page.upcoming_courses{height: 140px;}
  .banner_page.upcoming_courses h1{width: 100%}


  /* .clients .client .content{position: unset; top: unset; left: unset;} */
  .our_partners_header{height: 130px;margin-top: 104px;}
  .our_partners_header h1{font-size: 16px;} 
  .our_partners_header h1.career{font-size: 24px;} 
  .our_partners_header.career{height: unset;}
  .applycareer .font20{font-size: 23px;}
  .our_partners_header h2{font-size: 24px;} 

  .clients .clients_tab{display: block;}
  .clients .clients_tab .client:first-child{margin-top: unset;}
  .clients .clients_tab .client{width: 100%;background: white;border-right: unset;border-bottom: unset;padding: unset;margin-top: 10px;display: block;}
  .clients .clients_tab .client .name{color: #8F9296;border-bottom: 1px solid #1e2730;padding: 10px;}
  .clients .clients_tab .client.active .name{color: #1e2730;}
  .clients .clients_tab .client .content{padding: 10px;margin: 8px 0 15px 0;color: #1e2730;font-size: 13px;}
  .clients .clients_tab .client i{display: inline-block;margin-left: 10px;}
  .clients .clients_tab .client.active{border-top: unset;}
  .clients .clients_tab .client.active:nth-child(1){border-top: unset}
  .clients .clients_tab .client.active:nth-child(2){border-top: unset}
  .clients .clients_tab .client.active:nth-child(3){border-top: unset}
  .clients .clients_tab .client.active:nth-child(4){border-top: unset}

    .w-85{width: 100%;}
    .container-fluid.footer.parent_programlearning{margin-top: 100px;}
    .different_left_text p{margin-bottom: 0 !important;}
    .select_box{width: 93% !important;margin: auto;}
    .flexformEmail input::placeholder{font-family:'Metropolis' ; font-size: 12px; color:#8F9398 !important; line-height: 1.9;  }
    .company-logo{height: 80px; width: fit-content; object-fit: contain; max-width: 300px; margin: auto;}
    .company-content{height: unset;text-align: center;}
    .homepage_fourth .case p{width: 100%;}
    .parent-newdesign .newlearning .case h3{width: 100%;}
    .parent-newdesign{margin-top: -210px !important;}
    .homepage_fourth .parent-newdesign{margin-top: 0 !important;}
    .newlearning-first{margin-right: 0 !important;}
    .newlearning-first .card{width: 90%;margin-bottom: -30px;}
    .homepage_fourth  .newlearning-first .card{width: 100%;margin-bottom: 0;}
    .newlearning{padding-left: 20px !important;}
    .pt-400{padding-top: 400px !important;}
    .pt-270{padding-top: 200px !important;}
    .learning-program-footer{z-index: 3; position: relative;margin: -30px 0; bottom: unset; border-radius: 30px; width: 100% !important; background: #D4D9DF;height: unset;}
    .three_containers .left-container{height: unset;}
    .w-65{width: 100% !important;}
    .w-35{width: 100% !important;}
    .padding-middle{padding: 0;}
    .our_story .card p{height: 55px;}
    .our_story{padding-bottom: 50px;}
    .our_story_mission .banner{width: 80%;border-top-left-radius: 50px !important; top: -260px; left: 0;height: 360px; border-radius: 100px;}
    
    .allpages_header{height: unset;background: #1E2730 !important}
    .our_values .card .title{height: unset;}
    .our_values .card .content{height: unset;}
    .our_values .card img{top: -15px; right:0;}
    .different .card p{height: 40px;}
    .leaders .card img{width: 125px; height: 125px;}
    .leaders .card .letter{height: 60px;}
    .leaders .card .summary{height: unset;}
    .leaders .card.more_aboutus p{height: 40px;}
    .font25{font-size: 20px;}
    .w-50-mobile {width: 50% !important;}
    .w-60-mobile {width: 60% !important;}
    #myOverlay{background: #1781ff ;}
    .megacontactData{margin: 0; border-radius: 20px; margin-bottom: -100px; z-index: 3; width: 100%;}
    .googlemap{height: 150px;}
    .solutions_listing_second .content{height: unset !important;}
    .consulting .solution_second .card{height: unset;}
    .solution_third .row{margin-left: 0;}
    .solution_third{background: none;}
    .solution_third .container.position-relative{background:#D5D9E0 ;}
    .solution_third .right-card{width: 100%; margin-left: -50px;}
    .solution_third .right-card p.font30{margin-left: 20px; max-height: 60px;}
    .solution_third .container.position-relative{padding-top: 120px !important; border-radius: 25px; max-width: unset !important;}
    .solution_third .container.position-relative.programlearning {padding-top: 80px !important; }
    .solution_third .right-card p.font18{margin-left: 20px;}
    .consulting .quote-img{width: 50px;}
    .container-fluid.footer .solution_third.parent-programlearning{position: absolute; top: -235px;}
    .allpages_header .texts{padding-bottom: 330px;}
    .allpages_header .banner{right: 0; bottom: -30px; top: unset !important; width: 100%; height: 350px;border-top-right-radius: 50px; border-top-left-radius: 50px;}
    .allpages_header .banner img{transform: skew(26deg); height: 610px;top: 0;width: 170%;}
    .allpages_header .banner img.careers-banner{width: 170%; height: 750px}
    
    .allpages_header .img-design{top: unset; bottom: 0;width: 88%; border: 2px solid #07DDC8; border-radius:50px ; height: 308px;}

    .leaders .card .profile-img{width: 115px; height: 115px;}
    .leaders .card .profile-img img{width: 149px; height: 187px;}
    .leaders .card .name{max-width: 60%;}
    .leaders .card .job{max-width: 50%;}

    .logo img{width:140px}
    .my-7{margin: 5em 0 4em 0!important;}
    #myBtn{padding: 10px; font-size: 14px; bottom: 20px; right: 20px;}
/* mega  */
#myOverlay{display: none;}  
#myOverlay.show{display: block;}  

.solutions_listing_second .title{height: unset;max-width: 65%;}

/* navbar*/
.navwarper{padding:4% 5% ;}   
nav .desktop{display: none;}
nav .mobile{display: block;}   
nav {width: 100%;position: absolute;z-index: 3;margin-top: 22px; right: -100%;height: calc(100vh - 104px);  overflow-y: scroll !important;transition: 0.5s !important; background-color: #1e2730;}
.nav {display: block; }
.logowarp{display: flex; align-items: center;justify-content: space-between;}
.menu-toggle {display: block;}
.mobileDat{ padding-bottom: 20px;}
.mobileDat a{color:#fff; display: block;line-height: 1.6;}
.mobileDat .mainLink{font-family:'Metropolis Bold' ; font-size: 14px}
.mobileDat  .subLink{font-family:'Metropolis' ; font-size: 14px;}
.mobile .emailReg p{ font-size: 11px; color:#707070; text-transform: uppercase; }
.mobile .emailReg{ padding-top: 2%; padding-bottom:50px;}
.mobile .socialmedia{ border-top: 2px solid #707070; padding: 1% 0; text-align: left; }
.mobile .socialmedia a{color:#707070; margin-right: 10px; font-size: 20px;}
.mobile .socialmedia a:last-child{ margin-right: 0px;}
.bugerimg{background-image: url("/assets/images/burger.png");background-repeat: no-repeat; width:35px; height: 30px; ; }
.bugerclose{background-image: url("/assets/images/closeBurger.png");background-repeat: no-repeat; width:35px; height: 30px;;}
.w-50 , .w-25 , .w-75{width: 100% !important;}
.w-755{width: 75% !important;}


/* footer */
.footerMain{display:block;}
.footerwarpper{ display: flex; justify-content: space-between; align-items: center;}
.footerdata{display: none;}
.socialmedia{ border-top: none; margin-top: 0%; padding-top: 0%; text-align: right;padding-right: 0px;}
.copyrights{display: block; padding: 0% 5%; background-color:#1e2730; }
.copydata{display: flex; justify-content: center; border-top: 2px solid #707070;font-size: 12px; font-family:"Metropolis";color:#ffffff ;padding: 20px 0}
.sectionWrapper{ padding: 2% 5% ;}

/* start of mobile homepage */
.pt-100{padding-top: 50px !important;}
.font35{font-size: 23px;}
.homepage{padding: 0;padding-top: 100px;}
.homepage .carousel.pt-200{padding-top: 200px;}
.homepage .banner{width: 310px;top: 65%;left: 30%;border-radius: 50px; transform: skew(-26deg) translate(-50%, -50%); height: 315px;}
.homepage .banner img{transform: skew(26deg);position: absolute;left: -270px;right: 0;}
.homepage .trick{width: 310px;top: 67%;border: 2px solid #07DDC8 !important;border-radius: 50px !important;transform: skew(-26deg) translate(-50%, -50%);height: 315px;left: 22%;}    
.carousel-indicators{bottom: -13px !important;}
.carousel-indicators [data-bs-target]{background-color: #185DAD !important; width: 13px !important;border-radius: 50% !important; height: 13px !important;}
.carousel-indicators .active{background-color: #1E2730 !important;}
.font40{font-size: 28px;}
.font40-2{font-size: 23px;}
.font20{font-size: 18px;}
.font20-2{font-size: 15px;}
.font15{font-size: 14px;}
.carousel-control-prev , .carousel-control-next{display: none !important;}
.homepage_second .shape{right: 0; height: 100%;}
.homepage_second .case p{padding-right: 0; width: unset;border-bottom: unset;}
.studies-menu{transition: 0.5s all ease-in-out;  justify-content: space-between;width: 150px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.507);}
.studies-menu:hover{width: 100% !important;transition: 0.5s all ease-in-out; }
.homepage_second .insights{width: 100%; height: 94px; border-radius: 20px; margin: 0; top: 40px; margin: -50px 0 0 0;}
.homepage_second .right-col .fa-arrow-right:before{right: 10%;  bottom: -12px; transform: skew(-23deg)!important;}
.homepage_second .right-col .fa-arrow-right:before{padding: 6px; font-size: 11px;}
.font18{font-size: 10px;}
.font30{font-size: 20px;}
.font18-3{font-size: 15px;}
.homepage_third .title{height: unset;}
.homepage_third .content.long{height: unset;}    
.homepage_third .title.long{height: unset;}
.homepage_third .readmore i{padding: 6px; font-size: 11px; border-radius: 4px;}
.homepage_third .content{min-height: unset;}
.homepage_third .solution-icon{width: 86px;}
.homepage_fourth{border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
.homepage_fourth .newlearning-first{position: absolute; bottom: -70px;}
.homepage_fourth .newlearning-first .card{margin-top: 0 !important; margin-left: 0;}
.homepage_fourth .right-card{margin: 0;bottom: -120px;right: unset; width: 100%;}
.homepage_fourth .pt-100{padding-top: 50px !important;}
.homepage_fourth .no-border-desktop{border-bottom: 1px solid #20272f75 !important;}
.homepage_fifth .achievements-icon{height: 66px; width: 66px;}
.homepage_six .card{width: 100%;}
.font21{font-size: 17px;}
.font28{font-size: 20px;}
.container-fluid.footer{margin-top: 150px;}
footer .button{padding: 8px 14px; font-size: 12px;}
.footerMain{padding-top: 0;}
.footerwarpper{padding-top: 80px;}
.homepage_six .banner{width: 80%;border-top-left-radius: 50px !important; top: -260px; left: 0;height: 360px; border-radius: 100px;}
.homepage_six .banner img{width: 172%;height: 265px;}
.our_story_mission .banner img{width: 172%;height: 265px;}
.mt-100{margin-top: 200px !important;}

.supportMessageCon{flex-direction: column;justify-content: center;top: -120px;}
.supportMessageText{ font-size: 25px;width:100%;padding-left: 0;  margin-right: 0%; text-align: center; }
/* end of mobile homepage */

}


@media screen and (max-width: 960px) {
  footer .badges .badge-2022{width: 70px}
  footer .badges .badge-2023{width: 63px}
  footer .badges .badge-2024{width: 63px}
}

@media screen and (max-width: 400px) {
/* footer */
.logoFooter img{ width: 130px;}
.socialmedia a{color:#707070; margin-right: 5px; font-size: 16px;}
.homepage .trick{left: 15%;}
}

@media screen and (max-width: 380px) {
    .font30{font-size: 17px;}
    /* .footerwarpper{padding-top: 130px;} */
}

@media screen and (max-width: 330px) {
    .company-logo{ width: 100%; margin: auto;}
    .leaders .card .name{max-width: 140px;}
    .leaders .card .job{max-width: 50%;}
.leaders .card img{width: 115px; height: 140px;}

/* footer */
.logoFooter img{width: 100px;}

}
@media screen and (max-width: 306px) {
.footerwarpper{padding-top: 130px;}
}