@import url('https://fonts.googleapis.com/css?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #54555D;
}
section.service-about-section .swiper-horizontal {
   
    margin-top: 30px;
}

.slick-dots li button:before {
    font-size: 15px;
    text-align: left;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: var(--orange);
}

.aboutslider .icon span img {
    width: 30px;
}
.aboutslider .icon span {
    vertical-align: top;
    display: block;
    background: #fff;
    padding: 0;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    align-items: center;
    align-content: center;
    justify-content: center;
    display: flex
;
}
section.service-about-section .swiper-slide {
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    text-align:left;
    max-height: 490px !important;
}

span.tickboxtext svg {
    width: auto;
}
a.logo img { 
    width: 286px;
    height: 100%;
}
section.ctan-section {
    background-position: center !important;
 
}
section.aboutBenefits p {
    font-size: 14px;
}
.card-custom img {
    border-radius: 12px;
    max-height: 250px;
    object-fit: cover;
    height: 100% !important;
}
a.logo1 img {
    width: 103px;
    height: 50.96px;
    margin-left: 10px;
}
h3{
    font-size:34px;
}
h4 {
    font-size: 16px;
    font-weight: bold;
}
    .contact-card {
    background: #fff;
    padding: 40px 20px;
    border-radius: 38px;
}
.contact-info {
    font: normal normal normal 16px / 30px Open Sans;
    letter-spacing: 0px;
    color: #171717;
}
.contact-info {
    font: normal normal normal 12px / 30px Open Sans;
    letter-spacing: 0px;
    color: #171717;
}
.contact-card i {
    color: #f38b00;
    font-size: 12px;
    margin-right: 10px;
}
.service-cruisestext-box.contact .service-cruisespercentage {
    font: normal normal 700 30px / 36px Lato;
    letter-spacing: 0px;
    color: #1E1E1E;
}
.service-cruisestext-box.contact .service-cruisesdescription {
    font: normal normal normal 16px / 20px Lato;
    letter-spacing: 0px;
    color: #585858;
}
section.service-section.card-titleboxhome .card.card-custom .card-body {
    min-height: 244px;
}

section.workday-slider-section.Coveredbox.powrpage .swiper-slide h3 {
    font: normal normal bold 16px / 16px Open Sans;
    letter-spacing: 0px;
    color: #272727;
    text-transform: capitalize;
}

section.Modules.Covered, section.workday-slider-section.Coveredbox.powrpage.serviceIgnite {
    background: #FFF5E7;
}
section.workday-slider-section.Coveredbox.powrpage.serviceIgnite .swiper-slide {
    background: #Fff;
}
section.workday-slider-section.Coveredbox.powrpage .swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    height: auto;
}
section.workday-slider-section.Coveredbox.powrpage .swiper-slide {
    min-height: auto !important;
     min-width: auto !important;
     height: auto !important;
    padding: 14px 25px;
    box-shadow: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 34px;
    border: none;
}
section.workday-slider-section.Coveredbox.powrpage img.slidericon {
    margin-right: 9px;
}
section.workday-slider-section.Coveredbox.powrpage .swiper-slide:hover {
    transform: none;
    box-shadow: none;
}
 .pdf-images {
      position: relative;
      
      max-width: 100%;
      
      text-align: center;
    }

    .pdf-documents-container {
      position: relative;
      width: 100%;
      height: 600px;
      margin: auto;
    }

    .pdf-document-card {
      position: absolute;
      
      background: #fff;
      border: 1px solid rgba(220,220,220,0.4);
      box-shadow: 0 6px 12px rgba(0,0,0,0.25);
      border-radius: 12px;
      transition: transform 0.6s ease, z-index 0.6s ease;
      cursor: grab;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 30px 0px 20px;
      text-align: center;
          width: 255px;
    height: 322px;
    }

    .pdf-card-title {
      font-weight: 600;
      font-size: 16px;
      line-height: 1.3em;
      margin-bottom: 10px;
      color: #000;
    }

    .pdf-img {
      max-width: 100%;
      height: auto;
      border-radius: 8px;
    }

    /* Card positions */
    .pdf-document-card {
  position: absolute;
  left: 50%;                     /* center base point */
  top: 0;                        /* align from top */
  transform: translateX(-50%);   /* default center */
  
  background: #fff;
  border: 1px solid rgba(220,220,220,0.4);
  box-shadow: 0 6px 12px rgba(0,0,0,0.25);
  border-radius: 12px;
  transition: transform 0.6s ease, z-index 0.6s ease;
  cursor: grab;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0px 20px;
  text-align: center;
  width: 255px;
  height: 322px;
}
.pdf-documents-container {
    position: relative;
    width: 100%;
    height: 450px;
    margin: auto;
}

p.logofooteicon img.batch {
    width: 40px;
    height: 45px;
}

img.footerimgplc {
    width: 50px !important;
    height: 50px !important;
}

img.pdf-img {
    width: 100%;
    margin: 0;
}
.pdf-document-card img {
    width: 100%;
    margin: 0;
    box-shadow: none;
    transform: rotate(-5deg);
    height: 95%;
}
/* Card positions */
.pdf-pos-left {
  transform: translate(-140%, 0) rotate(-20deg) scale(0.9); /* shift left from center */
  z-index: 1;
}




.pdf-pos-middle {
  transform: translate(-50%, 0) rotate(0deg) scale(1);      /* perfectly centered */
  z-index: 3;
}
.pdf-pos-right {
  transform: translate(40%, 0) rotate(10deg) scale(0.9);    /* shift right from center */
  z-index: 2;
}

    /* Decorations */
    .pdf-bottom-decorations,
    .pdf-bottomdecorations {
      position: absolute;
      bottom: -40px;
      width: 100%;
      text-align: center;
    }
    .pdf-bottomdec,
    .pdf-bottomdecs {
     
    }

    .pdf-mobile-hide { display: block; }
    .pdf-mobileshow { display: none; }






img.pdf-bottomdec.pdf-mobile-hide {
    width: 100%;
    transform: none;
    box-shadow: none;
    position: absolute;
    bottom: 40px;
}

.aboutus p {
    font: normal normal normal 18px / 23px Open Sans;
    letter-spacing: 0px;
    color: #fff;
}

.aboutus h2, .aboutus h2 span{
    
    color: #fff !important;
}
.aboutus .equal {
    display: flex
;
    align-items: center;
    justify-content: left;
}
.aboutus {
  
    background: #025eb9;
}
.Missionpart2 {
    padding-bottom: 25px;
}
header {
    min-height: 90px;
    box-shadow: 0px 2px 16px #00000040;
    display: flex !important;
    align-items: center;
}

#navbarNav a {
  color: #54555D;
  font-family: Poppins;
  font-weight: 500;
  font-size: 17px;
    line-height: 130%;
        font-size: 14px;
    font-family: 'Lato';
    text-transform: uppercase;
}
a.dropdown-item {
    position: relative;
    padding: 16px;
}
nav ul li a.active:after, nav ul li a.active:after {
    content: '';
    width: 79%;
    height: 4px;
    border-radius: 5.33px;
    background: #F28B02;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


.hero-section {
  height: 90vh;
  background-position: top;
  background-repeat: no-repeat;
  position: relative;
  color: white;
  display: flex;
  z-index:99;
}

.mobileview {
    display: none;
}
.text-muted.textspace {
    align-content: center;
}
iframe.aboutyoutubevideo {
    width: 100%;
    height: 498px;
}

.service-cruise img.herobannerimagesec {
    border-radius: 14px;
        min-height: 365px;
}

.Leadersmiddlebox {
    align-content: center;
    font: normal normal normal 18px / 23px Open Sans;
    letter-spacing: 0px;
    color: #171717;
}
section.hero-sections.services-hero-section.service-cruise, section.hero-sections.services-hero-section.contactus {
    background: #FFF7EE;
    height: 476px;
    padding: 0;
    display: flex
;
    align-items: center;
}
.Discover p {
    text-align: center;
    font: normal normal normal 16px / 20px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}

span.iconboxcon {
    display: flex
;
    width: 46px;
    height: 46px;
    background: #FFF1DF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    margin-bottom: 17px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.sidebar.footerright {
    padding-left: 5%;
}


section.quotebox h2 {
    margin-bottom: 15px;
    font-family: "Open Sans";
    font-size: 45px;
    font-weight: 500;
    line-height: 60px;
    font-style: normal;
    text-align: center;
    color: #ffffff;
}

 .Discovercard {
      display: flex;
      gap: 2rem;
      padding: 2rem;
      justify-content: center;
    }
    .Discovercard-card {
      background: #FFFFFF 0% 0% no-repeat padding-box;
 border-radius: 19px;
 width: 347px;
height: 205px;
justify-content: center;
padding: 33px 26px;

    }
   .Discovercard-card h3 {
    font: normal normal bold 16px / 16px Open Sans;
    letter-spacing: 0px;
    color: #151515;
}
    .Discovercardicon {
      background: #fff4e6;
      color: #f6a200;
      font-size: 2rem;
      padding: 0.7rem;
      border-radius: 0.7rem;
      margin-bottom: 1rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    
    .Discovercard-card p {
      font: normal normal normal 15px/23px Open Sans;
letter-spacing: 0px;
color: #242424;
opacity: 0.8;
    }





section.hero-sections.services-hero-section.contactus p {
    font-size: 21.35px;
    font-family: 'Manrope';
    letter-spacing: -0.34px;
    color: #0B0A0999;
    line-height: 36.7px;
    margin-bottom: 30px;
}
section.hero-sections.services-hero-section.contactus  img.herobannerimagesec {
    border-radius: 14px;
}
.hero-section svg {
    width: 11px;
    height: 11px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-left: 8px;
    top: 1px;
}

.copywrite a, .copywrite p {
    font-style: normal;
    font-weight: 400;
    font-size: 17.1984px;
    line-height: 23px;
    color: #FFFFFF;
    opacity: 0.8;
    font-family: 'Open Sans';
}

h2.section-heading sup {
  font-size: 60%;   /* smaller trademark symbol */
  /*vertical-align: super;*/
}


.Management.card-icon img {
   
    vertical-align: baseline;
}
section.hero-sections.services-hero-section.service-cruise h1 {
    font: normal normal 600 49px / 62px Manrope;
    letter-spacing: -1.96px;
        margin-bottom: 16px;
}
section.hero-sections.services-hero-section.service-cruise p{
    font: normal normal normal 21px/36px Manrope;
letter-spacing: -0.34px;
color: #0B0A0A99;
    margin-bottom: 27.54px;
    width:100%;
}
section.hero-sections.services-hero-section.service-cruise a.ExplorebtnJobs {
    font: normal normal 600 15px / 19px Open Sans;
    letter-spacing: -0.3px;
    color: #FFFFFF;
}
.CruiseDifferentiators h1.section-heading {
    color: #000;
    font: normal normal 600 56px / 62px Open Sans;
    letter-spacing: -2.24px;
}
section.CruiseDifferentiators p {
    font: normal normal normal 16px / 20px Open Sans;
    letter-spacing: 0px;
    color: #54555D;
}

.section.Ourservicespart.one h2 {
    font: normal normal 500 45px / 58px Open Sans;
    letter-spacing: 0px;
}
.section.Ourservicespart.one p.subtext {
    font: normal normal normal 16px / 20px Open Sans;
    letter-spacing: 0px;
    color: #54555D;
        padding-top: 13px;
}
.Explore h2 {
    font: normal normal bold 45px / 58px Open Sans;
    letter-spacing: 0px;
    color: #000000;
}
.aboutservice-cruise h2.section-heading {
    font: normal normal 500 45px / 66px Open Sans;
    letter-spacing: -2.24px;
    
}



 .CruiseDifferentiator {
      display: flex;
     margin-top: 34px;
      box-shadow: 0px 0.89px 3px #0000002E;
border: 1px solid #4252CF1A;
    }
.CruiseDifferentiator .tab.active small {
    display: block;
}
    .CruiseDifferentiator .sidebar {
      width: 300px;
      display: flex;
          background: #005CB9;
      flex-direction: column;
          width: 428px;
    height: 401px;
    padding:0;
    }
    
    section.CaseStudieshero.contactusbanner:before {
    content: '';
    width: 100%;
    height: 100%;
   
    position: absolute;
   background: rgba(0,0,0,0.4 );
}
section.CaseStudieshero.contactusbanner {
    position: relative;
    background-position: center;
    background-size: cover;
}
section.quotebox {
    filter: drop-shadow(20px -2px 54px rgba(40, 77, 145, 0.14));
    background: #035fb8;
     padding: 61px 0;
         background-position: left;
    background-size: cover;
}
i.fa.fa-quote-left {
    left: 0;
}



 .contact-section {
    display: flex;
    max-width: 900px;
    margin: 40px auto;
    background: #fff;
   
    overflow: hidden;
  }
  .contact-image {
    width: 492px;
    height: 519px;
}
.contact-image {
    width: 492px;
    height: auto;
    background-size: cover;
    background-position: center;
}
  .contact-section .contact-image {
    flex: 1;
   
  }
   .contact-section  .contact-form {
    flex: 1.2;
    padding: 0 30px 0;
  }
  section.contactusform {
    padding: 60px 0;
}
.contact-sectionbox .contact-card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 54px #F38B000F;
    padding: 40px 25px;
}
.contact-cardnumbers, .contact-cardnumbers p, .contact-cardnumbers a {
    font: normal normal normal 16px / 30px Open Sans;
    letter-spacing: 0px;
    color: #171717;
    margin: 0;
}
   .contact-sectionbox {
        display: flex;
        justify-content: center;
        gap: 40px;
        padding: 40px 20px;
      background: #FFF5E7 0% 0% no-repeat padding-box;
    }
     .contact-sectionbox1 {
        padding:61px 0;
      background: #FFF5E7 0% 0% no-repeat padding-box;
    }
    .contact-card {
       
        
    }
    .icon-badge {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 54px #F38B000F;
    position: absolute;
    width: 55.1px;
    height: 55.1px;
    filter: drop-shadow(0px 3px 27px rgba(243, 139, 0, 0.06));
    background: #ffffff;
    text-align: center;
    align-items: anchor-center;
    display: flex
;
    justify-content: center;
    border-radius: 50%;
    right: -21px;
    top: -28px;
    z-index: 99;
}
.Managementcards {
    display: flex
;
    align-items: baseline;
}
.Managementcards .Management.card-title {
    font-size: 12.53px;
    color: #272727;
    font-weight: 700;
    font: normal normal bold 16px / 16px Open Sans;
    letter-spacing: 0px;
    color: #272727;
}

section.Access-Management.POWER .description {
    color: #54555D;
    font-size: 16px;
    font: normal normal normal 18px / 27px Open Sans;
}

.ignite-cardspacesliderimg {
    position: relative;
    width: 100%;
    height: 200px;
}
.row.activities-grid .col-md-4 {
    padding: 3px;
}

.ignite-card img {
    width: 100%;
    border-radius: 8px;
    padding-left: 0px;
    position: relative;
    right: 0;
    top: 0;
    height: 200px;
    float: right;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
}
.Managementcards .Management.card-text {
   
    padding-top: 5px;
    font: normal normal normal 14px / 19px Open Sans;
    letter-spacing: 0px;
    color: #000;
}

.service-cruisespercentage {
    font: normal normal 700 30px / 36px Lato;
    letter-spacing: 0px;
    color: #1E1E1E;
}
.service-cruisesdescription {
    font: normal normal normal 16px / 20px Lato;
    letter-spacing: 0px;
    color: #585858;
}
.contact-card:after {
    content: "";
    position: absolute;
    top: -25px;
    right: -25px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #fff6ed;
}
.contact-card {
    position: relative;
}
    .contact-sectionbox1 .contact-title {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    line-height: 45px;
    font-style: normal;
    text-align: left;
    color: #005cb9;
}

    .contact-sectionbox .contact-card h3 {
    font: normal normal 600 24px / 45px Open Sans;
    letter-spacing: -0.48px;
    color: #005CB9;
    opacity: 1;
}
  .contact-section .contact-form h2 {
    margin-bottom: 4px;
    font-size: 45px;
    font-weight: 500;
    line-height: 60px;
    font-style: normal;
    text-align: left;
    
}
.Changemakersbox {
    padding-left: 8%;
}
   .contact-section .contact-form h2 span {
    color: #0078d7;
  }
  .contact-section  .contact-form p {
    font-size: 14px;
   
    margin-bottom: 20px;
  }
     

  .contact-section  .form-group {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
  }
  .contact-section  input,  .contact-section textarea {
    width: 100%;
    padding: 14px 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    border-radius: 10px;
background: #f4f6f8;

  }
  .contact-section  input:focus, .contact-section  textarea:focus {
    border-color: #0078d7;
    outline: none;
  }
  .contact-section  textarea {
    height: 100px;
    resize: none;
  }
  
  
/* FAQ section */
    .faq-section {
       
        margin: auto;
        padding: 0;
    }
    .faq-section h2 {
        text-align: center;
        font-size: 2rem;
        font-weight: 600;
    }
    .faq-section h2 span {
        color: #0073e6;
    }
    .faq-intro {
        text-align: center;
        font-size: 0.95rem;
        margin-top: 10px;
        color: #666;
    }

    .faq-item {
        border-bottom: 1px solid #ddd;
        padding: 25px 0;
    }
    .faq-question {
            display: flex;
    cursor: pointer;
    font-weight: bold;
    font: normal normal 400 16px / 22px Open Sans;
    letter-spacing: 0px;
    color: #000000;
    }
    .faq-answer {
        display: none;
        margin-top: 21px;
        font-size: 0.9rem;
        color: #555;
        font: normal normal normal 14px/22px Open Sans;
        letter-spacing: 0px;
        color: #000000;
        opacity: 0.6;
        margin-bottom: 5px;
        padding-left: 33px;
    }
    .faq-item.open .faq-answer {
        display: block;
    }
    section.Frequently .container {
    padding: 50px 0;
}
.faq-answer p {
    border-left: 1px solid #F38B00;
    padding-left: 15px;
    margin-bottom: 0;
}
    /* Image on the right */
    .faq-layout {
        display: grid;
    grid-template-columns: 1fr 450px;
    gap: 50px;
    margin-top: 48px;
    }
    .faq-layout img {
        width: 100%;
        border-radius: 8px;
        width: 100%;
    height: 100%; /* forces image to match column height */
    object-fit: cover;
    }
 .faq-layout .icon {
    font-size: 34px;
    margin-bottom: 0;
    margin-right: 11px;
    color: #F38B00;
    font-weight: 300;
}
  .faq-answer {
    display: none;
}
.faq-item.open .faq-answer {
    display: block;
}
.faq-section h1 {
    text-align: center;
    font: normal normal 500 45px / 60px Open Sans;
    color: #343434;
}

.faq-section .textformat{
    text-align: center;
font: normal normal normal 16px/20px Open Sans;
letter-spacing: 0px;
color: #343434;
margin-top:19px;
}
  
  

.contactcta button.cta-btn {
    width: 183px;
    height: 56px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 50px;
    border: none;
    color: var(--unnamed-color-171717);
    text-align: center;
    font: normal normal bold 18px / 20px DM Sans;
    letter-spacing: 0px;
    color: #171717;
}
  section.ctan-section h2, section.bluegetstart h2 {
    font-family: "Open Sans";
    font-size: 35px;
    font-weight: 600;
    line-height: 46px;
    font-style: normal;
    text-align: left;
    color: #ffffff;
    margin:0;
}
section.ctan-section {
 
    padding: 41px 0;
    background-color: #F38B00;
}
  
   .contact-section .btn-connect {
    background: #005CB9 0% 0% no-repeat padding-box;
    color: #fff;
    border: none;
    padding: 10px 0px;
    border-radius: 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
    width: 199px;
    height: 42px;
        margin-top: 20px;
  }
















.quotestyle {
    display: flex
;
    justify-content: center;
}
i.fa.fa-quote-right, i.fa.fa-quote-left {
    color: #F38B00;
    opacity: 0.3;
    position: absolute;
}
i.fa.fa-quote-right {
    bottom: 0;
}
.quote {
    position: relative;
}
.quote {
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: normal;
    line-height: 50px;
    font-style: normal;
    text-align: center;
    color: #ffffff;
   
    width: 822px;
}
  
    .CruiseDifferentiator .tab {
     background-color: rgba(255, 255, 255, 0.1);
      color: white;
      padding: 30px 20px;
     border: 1px solid #BED4FF;
      font-weight: bold;
      cursor: pointer;
      text-align: left;
      
    letter-spacing: 0px;
    color: #FFFFFF;
        margin-top: 10px;
    text-transform: uppercase;
    text-transform: uppercase;
    height: 127px;
    padding: 0 0 0 74px;
    border-radius: 0;
        border-color: rgba(255, 255, 255, 0.2);
            align-content: center;
                margin: 8px 0;
                  
                font: normal normal 600 24px/33px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: uppercase;
    }

    .CruiseDifferentiator .tab.active {
         background: #F38B00 0% 0% no-repeat padding-box;
      font: normal normal 600 24px/33px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: uppercase;
    border-radius: 0;
      margin-bottom: 4px;
    }

    .CruiseDifferentiator .tab small {
     font: normal normal normal 16px/20px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
    padding-top: 3.9px;
      display: none;
      text-transform: capitalize;
    }
.center-image.text-center.Key.Offeringsimg .img-fluid {
    max-width: 100%;
    height: 610px;
}

  


a.btn.btn-warning.hero.learn svg {
    width: 11px;
    height: 11px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-left: 8px;
    top: 1px;
}

 .Recentblogsection  .blog-img{
   
    margin-top:0 !important;
}

  .Recentblogsection .card-container {
      display: flex;
      gap: 20px;
      overflow: hidden;
    }

     .Recentblogsection  .card-wrapper {
      flex: 1;
      min-width: 286px;
      transition: flex 0.5s ease;
      transform-origin: right center; /* expand from right to left */
    }

    .Recentblogsection  .card-wrapper:hover {
      /*flex: 2;  expands the hovered card */
    }
    
     .Recentblogsection   .card-wrapper.active {
    flex: 2;
}
    
   .blog-card {
    background: #FFEFD9;
    color: black;
    padding: 30px 20px;
    border-radius: 23px;
    transition: all 0.4s ease-in-out;
}
   .Recentblogsection  .blog-card {
    box-shadow: none;
    }
 .Recentblogsection  .card {
     
      
      overflow: hidden;
      transition: transform 0.5s ease;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

   .Recentblogsection  .card:hover {
      transform: scale(1.02);
    }

    .Recentblogsection  .row {
      display: flex;
     
     
    }

.blog-textbox h5

 {
    font-size: 23px;
    font-weight: 600;
    letter-spacing: -4%;
}



.blog-imgbox {
  position: relative;
 
}

.blog-imgbox {
  display: flex;
  align-items: center;   /* keep image vertically centered */
  justify-content: center; /* keep image horizontally centered */
  position: relative;
  overflow: hidden;
}
.Recentblogsection .row {
    display: flex;
       flex-wrap: nowrap;
}


    .CruiseDifferentiator .content {
      flex: 1;
      background: white;
      padding: 40px 0;
    }

    .CruiseDifferentiator .grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
    }

    .CruiseDifferentiator .tool-box {
      display: flex;
      align-items: flex-start;
      gap: 16px;
    }
.CruiseDifferentiator .tab.active small {
    display: block;
}
    .CruiseDifferentiator .tool-box img {
      width: 40px;
    height: 40px;
    padding: 8px;
    background: #FFF1DF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    }
section.CruiseDifferentiators {
    padding-bottom: 60px;
}
.CruiseDifferentiator .content {
  flex: 1;
  background: white;
  padding: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  height: 401px;
}


.CruiseDifferentiator .grid {
    display: grid
;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    height: auto;
    position: relative;
}

/* .CruiseDifferentiator .grid:before {
    content: '';
    border: 1px solid #BED4FF;
    width: 48%;
    height: 1px;
    position: absolute;
    top: 0;
    transform: rotate(90deg);
    transform-origin: left top;
    left: 50%;
}
.CruiseDifferentiator .grid:after {
    content: '';
    border: 1px solid #BED4FF;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
}*/
.CruiseDifferentiator .grid {
    display: grid;
    overflow: hidden;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    height: 332px;
    position: relative;
}

/* Common styles for both lines */
.CruiseDifferentiator .grid:before,
.CruiseDifferentiator .grid:after {
    content: '';
    position: absolute;
    background-color: #BED4FF; /* line color */
    opacity: 0.48;
}

/* Vertical line */
.CruiseDifferentiator .grid:before {
    width: 1px;          /* thin vertical line */
    height: 100%;        /* full height */
    left: 50%;           /* center horizontally */
    top: 0;
    transform: translateX(-50%);
}

/* Horizontal line */
.CruiseDifferentiator .grid:after {
    width: 100%;         /* full width */
    height: 1px;         /* thin horizontal line */
    top: 50%;            /* center vertically */
    left: 0;
    transform: translateY(-50%);
}

.CruiseDifferentiator .grid {
    display: grid
;
    overflow: hidden;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    height: auto;
}
    .CruiseDifferentiator .tool-text h4 {
         
        font: normal normal bold 17px / 16px Open Sans;
    letter-spacing: 0px;
    color: #151515;
    opacity: 1;
   
    
    }
    
    .CruiseDifferentiator .content .tool-box {
    display: block;
    align-items: flex-start;
    gap: 16px;
        padding-left: 66px;
    margin-bottom: 13px;
}

.CruiseDifferentiator .content .tool-box img{
    
    margin-bottom: 13px;
}
.CruiseDifferentiator .content .tool-text h4 {
    font: normal normal bold 13px/16px Open Sans;
letter-spacing: 0px;
color: #151515;
}

.CruiseDifferentiator .content .tool-text p{
    font: normal normal normal 13px/16px Open Sans;
letter-spacing: 0px;
color: #242424;
opacity: 0.8;
}
    .CruiseDifferentiator .tool-text p {
    font: normal normal normal 13px Open Sans;
    letter-spacing: 0px;
    color: #242424;
    opacity: 0.8;
    line-height: normal;
    }

    


.RollingAdoptiontext {
    align-content: center;
}

.CruiseDifferentiators h1.section-heading {
    color: #000;
}


     .service-cruisescard {
      display: flex;
      align-items: center;
      background: #ffffff;
      border-radius: 8px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    
     width: 283px;
height: 96px;
         position: absolute;
    bottom: -25px;
    left: 64px;
    padding: 15px;
    }

     .service-cruisesicon-box {
      width: 48px;
      height: 48px;
      background-color: #ffe854;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 16px;
    }

    .service-cruisesicon-box img {
      width: 28px;
      height: 28px;
    }

     .service-cruisestext-box {
      display: flex;
      flex-direction: column;
    }

     .service-cruisestext-box .percentage {
      font-size: 20px;
      font-weight: 700;
      font: normal normal 800 30px/36px Lato;
            letter-spacing: 0px;
            color: #1E1E1E;
    }

     .service-cruisestext-box .description {
      font-size: 14px;
      color: #555;
      margin-top: 4px;
    }

.aboutslider .slider-wrapper:after {
    content: "";
    right: 0;
    width: 50px;
    height: 297px;
    background: transparent linear-gradient(270deg, #005CB9 0%, #005CB900 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 99999999;
    position: absolute;
    top: 0;
}
.aboutslider .slider-wrapper {
    overflow: hidden;
    position: relative;
}
video.aboutyoutubevideo {
   
    width: 100%;
}
section.aboutusvideo {
    background: #FFF1DF 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 83px 0;
}
.keyOfferings h1.section-heading {
   
    font-size: 45px;
    color: #000000;
    font-weight: 500;
}
.keyOfferingcard-body {
    background: #F6F6F6;
    border-radius: 10px;
    border: 1px solid rgba(66, 82, 207, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    padding: 20px 20px;
    margin-bottom: 15px;
    height: 193px;
}
.Coveredbox{
    background: #FFF5E7;
    color:#000;
}
section.Modules.Coveredbox h2 {
    line-height: 118.4%;
    font-size: 45px;
    font-weight: 500;
}

.keyOfferingcard-body h5 {
   font-family: 'Open Sans';
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 160%;
/* identical to box height, or 26px */

color: #151515;

      
     
}
.keyOfferingcard-body p {
font-family: 'Open Sans';
font-style: normal;

font-size: 14px;
line-height: 160%;
/* or 24px */

color: #242424;

opacity: 0.8;

    
    
}
.divider {
    border-right: 1px solid #0000001C;
    display: block;
}
.bg.Changemakers.blue{
    background-color: #025EB9 !important;
}

.Ourservicespartcard.rightbox {
    margin-left: 42px;
}
.section.Ourservicespart {
    padding: 50px 0;
}
.Ourservicespartcardright {
    display: flex;
    justify-content: center;
    align-items: center;
}
section.whois {
    background: #FFF5E7;
    padding: 50px 0;
}
h1.section-title {
    font-size: 45px;
    line-height: 118.4%;
    color: #000;
    font-weight:500px;
}
.subtextboxservice {
    padding-top: 15px;
}

.subtextboxservice .whoiscard{
        margin-bottom: 0px;
}
.subtextboxservice .whoiscard:hover {
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}
.intro, .after {
      height: 50vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #eee;
      font-size: 2rem;
    }
.containers {
    padding: 0px 20px;
}
section.service-section.card-titleboxhome .card.card-custom {
    filter: drop-shadow(-0.0260643px 1.70287px 0.86881px rgba(23, 23, 23, 0.28));
    border-radius: 21.9872px;
}
    .timeline-wrapper {
      position: sticky;
      top: 0;
      background: #fef6e4;
      z-index: 10;
      padding: 1rem;
      text-align: center;
      font-size: 2rem;
      font-weight: bold;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }

    .timeline-scroll {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 40px;
      padding: 60px 40px;
      
    }

    .timeline-scroll::-webkit-scrollbar {
      display: none;
    }

    .timeline-item {
      flex: 0 0 auto;
      scroll-snap-align: center;
      width: 250px;
     
      text-align: center;
    }

    .timeline-item img {
      width: 100px;
      height: 100px;
      object-fit: cover;
      
      margin-bottom: 10px;
    }
    .sliddertexttop {
    align-content: center;
}

    .timeline-item h3 {
      margin: 10px 0 5px;
      font-size: 1.2rem;
    }

    .timeline-item p {
      font-size: 0.9rem;
      color: #444;
    }
    .extrabox{
        display:none;
    }
    
    .CaseStudieshero {
      
      height: 450px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      position: relative;
    }
section.CaseStudiesabouttile h2, section.whois h2 {
    font: normal normal 500 45px / 60px Open Sans;
    letter-spacing: -0.8px;
    color: #000000;
}
  .CaseStudiesaboutinfo-box p {
   opacity: 1;
    font: normal normal 400 18px / 24px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
} 
    section.CaseStudiesabouttile {
    padding: 50px 0;
}
  section.CaseStudiesabouttile   button.cta-btn.mt-3 {
    background: #F28B02 0% 0% no-repeat padding-box;
    border-radius: 62px;
    border: none;
    color: #fff;
    width: 152px;
    height: 42px;
}


h3.blue-headline  span.orange-headline {
    color: #F28B02;
}
.ignite-card h3.blue-headline {
    color: #0059B7;
}


   .CaseStudiesaboutinfo-box {
    background: #F38B00 0% 0% no-repeat padding-box;
    padding: 40px;
    color: #fff;
    width: 329px;
    height: auto;
} 
.Management.card-icon{
     padding: 0;
}
.CaseStudiesaboutinfo.style {
    display: flex
;
    justify-content: center;
}
video.aboutyoutubevideo {
    width: 100%;
    min-height: 627px;
}
.CaseStudiesaboutinfo.style  hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: 1;
}
section.scrollbarslider {
    background: #FFF1DF;
    padding: 60px 0px;
}
h1.CaseStudies.title {
    font: normal normal 500 52px / 66px Open Sans;
    letter-spacing: -2.08px;
    color: #FFFFFF;
    opacity: 1;
    z-index: 99;
}
.CaseStudieshero-content {
    z-index: 99;
}

.breadcrumbs.text-white {
    font: normal normal 500 18px / 19px Open Sans;
    letter-spacing: -0.36px;
    color: #FFFFFF;
    opacity: 1;
}


.overlay {
    background-size: cover;
    background-repeat: no-repeat;
}

.aboutusvideo .overlay {
   /* height: 497px;*/
    position: relative;
}
.aboutusvideo {
    position: relative;
}
.aboutusvideo  p {
    font: normal normal normal 20px / 33px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.aboutusvideo h1 {
    font: normal normal 600 40px / 66px Open Sans;
    letter-spacing: -1.6px;
    color: #FFFFFF;
}
.aboutusvideo .overlay .text-block {
    position: absolute;
    bottom: 44px;
    color: #fff;
    z-index: 9999;
    opacity: 1;
        left: 40px;
}



/*----------Team style page ---------------*/
.team.title-banner {
    text-align: center;
    padding: 100px 0px;
    background: #0059B7;
}
.teamsection p {
    margin-top: 0;
    margin-bottom: 1rem;
    letter-spacing: 0;
    font-size: 16.5px;
    line-height: 1.9rem;
    margin-top: 35px;
        font-family: 'open sans';
}

section.hero-sections.services-hero-section.contactus h1 {
    font: normal normal 600 49px / 62px Manrope;
    letter-spacing: -1.96px;
}






.whoiscard {
    border-radius: 9px;
    background: #fff;
    border: 2px solid rgba(66, 82, 207, 0.1);
    color: #05000B;
    font-size: 19px;
    line-height: 160%;
    font-family: 'Open Sans';
       padding: 20px;
    margin-bottom: 20px;
    height: 265px;
}
.whois h5 {
    color: #05000B;
    font-size: 20px;
    line-height: 160%;
    font-family: 'Open Sans';
    font-weight: 800;
}
.Ourservicespartcard.leftbox {
    
    margin-right: 42px;
}
.Recentblogsection .blog-card .blog-textbox {
    width: 292px !important;
    margin-top: 0 !important;
    max-width: 332px !important;
}

a{
        text-decoration: none;
}
.home .stat-text {
    font-size: 14px;
    color: #FFF1DE;
}
 section.about.box.home .stat-text {
    font-size: 13px;
    color: #54545D;
}

.navbar-nav .nav-link.active {
  color: #f28b02;
  font-weight: bold !important;
}

a.nav-link.active{
    
}
.num {
    font-size: 47.17px;
    line-height: normal;
}

#navbarNav a {
    
    position: relative;
}
.btn.btn-warning.hero {
    background: #f08a0a;
    border: none;
    font-size: 14.87px;
    font-weight: 600;
    padding: 0;
    border-radius: 57.16px;
    width: 154px;
    height: 38px;
    display: inline-block;
    align-items: center;
    align-content: center;
    margin-top:10px;
}

.homepage .bannerh1 {
    font-size: 74.52px;
    line-height: 128.4%;
    font-weight: 700;
}

.fa-arrow-up-long::before,
.fa-long-arrow-up::before {
  content: "\f176";
  transform: rotate(45deg);
  display: inline-block !important;
  font-size: 13px;
  padding-left: 2px;
  position: relative;
  top: -2px;
}
.GuidingPrinciples {
    background: #005CB9 0% 0% no-repeat padding-box;
    padding: 50px 0;
}

.arrow-btn svg {
    font-size: 12px;
    width: 17px;
}
.Guidingleft {
    padding-bottom: 44px;
}
.aboutslider .icon {
    font-size: 30px;
    margin: 0;
}
.aboutslider .card h3 {
    margin: 14px 0 0;
    font: normal normal bold 16px / 16px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.aboutslider .card p {
    font: normal normal normal 16px/22px Open Sans;
    color: #dbeaff;
    margin-top: 10px;
    flex-grow: 1;
}
.Guidingrightbtn.nav-buttons {
    text-align: right;
}
.Guidingrightbtn button#prev, .Guidingrightbtn button#next {
    background: #F38B00 0% 0% no-repeat padding-box;
    color: #Fff;
    border-radius: 50%;
    border: none;
    width: 35px;
    height: 35px;
    margin-right: 13px;
}
.Guidingrightbtn {
    margin-top: 33px;
    text-align: right;
}
.GuidingPrinciples h1 {
    font: normal normal 600 45px / 60px Open Sans;
    letter-spacing: -0.9px;
    color: #FFFFFF;
}
.Guidingmiddlebox {
    
    letter-spacing: 0px;
    color: #FFFFFF;
}
/*about page slider*/

 .aboutslider .cards {
      display: flex;
      transition: transform 0.5s ease;
    }

   .Industry #card-title {
    font-size: 22px;
    color: #000;
    line-height: 118.4%;
    font-weight: 600;
}
.Industry p#card-description {
    font-size: 16px;
    color: #54555d;
}
.aboutslider .card {
    padding: 20px 15px;
    margin-right: 20px;
    box-sizing: border-box;
    flex-shrink: 0;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    width: 269px;
    height: 198px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 18px;
    background-color: rgba(255, 255, 255, 0.23);
}
  .aboutslider  .card:hover {
    transform: none;
}

.value-box .tab-inner-content {
    padding-left: 15px;
}

.Guidingmiddlebox {
   
    align-content: end;
}
    .aboutslider  .card h3 {
     
      color: #fff;
      margin: 14px 0 0;
    }
    .aboutslider .cards {
    display: flex
;
    transition: transform 0.5s ease;
    position: relative;
}
.Leadersleftbox h1 {
    color: #343434;
}
.Leadersleft {
    padding-bottom: 50px;
}
.Leaders {
    padding: 60px 0;
}
.Leadersdetailscard .card-body h5 {
    font: normal normal bold 24px / 31px Open Sans;
    letter-spacing: 0px;
    color: #2B2B2B;
    margin-bottom: 8px;
}
.Leadersdetailscard img {
    width: 357px;
    height: 304px;
}
.Leadersdetailscard {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 5px #0000000D;
    border: 1px solid #E6E6E6;
    width: 357px;
    height: 500px;
}
.Founderdpostcard {
    font: normal normal normal 16px / 22px Open Sans;
    letter-spacing: 0px;
    color: #171717;
    
}
.card-body {
    padding: 25px;
}
p.Founderdpost {
    text-align: left;
    font: italic normal medium 16px/22px Open Sans;
    letter-spacing: 0px;
    color: #005CB9;
    margin-bottom: 11px;
    font-family: 'Open Sans', sans-serif;
font-style: italic;
}
.cityicons {
    padding: 42px 0;
    background: #f28b02;
}
.cityicons {
    background: #f28b02;
    height: 156px;
}
.rowcenter {
    display: flex
;
    max-width: 80%;
    justify-content: center;
    flex: 1;
    margin: 0 auto;
}
.aboutusvideo {
    position: relative;
    margin: 0 auto;
    /*display: flex
;
    justify-content: center;*/
}

.teamimagebox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.Missionpart h2 {
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 28px;
}
.teamimagebox {
    height: 303px;
    overflow: hidden;
}
.buttons a {
    width: 133px;
    height: 42px;
    display: block;
    background: #025EB9 0% 0% no-repeat padding-box;
    border-radius: 62px;
    color: #fff;
    text-align: center;
    display: flex
;
    justify-content: center;
    align-items: center;
        float: right;
}
   .aboutslider   .card p {
      font-size: 15px;
      color: #dbeaff;
      margin-top: 10px;
      flex-grow: 1;
    }

    .aboutslider  .icon {
      font-size: 30px;
    }

    .aboutslider  .nav-buttons {
      position: absolute;
      top: 40px;
      right: 40px;
      z-index: 2;
    }

   .aboutslider   .nav-buttons button {
      background-color: orange;
      border: none;
      color: white;
      font-size: 20px;
      padding: 10px 15px;
      margin-left: 10px;
      border-radius: 50%;
      cursor: pointer;
    }
    
 .aboutslider   .slider-wrapper {
      overflow: hidden;
    }
    
    
    /* end*/



.client-Satisfaction-image {
  width: 537px;
  height: 321px;
  margin-bottom: 25px;
}

.client-quote p {
  margin-bottom: 14.39px;
  color: #282828;
  font-size: 11.51px;
  font-family: 'Open Sans', sans-serif;
}

.client-quote {
  border: 1px solid #ABD4FD;
  border-radius: 14.39px;
  padding: 28.77px;
  font-size: 11.51px;
  font-family: Poppins;
  margin-bottom: 7.19px;
}

.paTNERSLOGO.text-center {
  background: #0059B7;
}
.GreatWork.container.sp .section-heading {
    font-size: 2.82rem;
    font-weight: 600;
}

.Author.Name {
  font-weight: 600;
  display: block;
}

.rowcenter.block, .rowcenter-wrapper.value {
    border-radius: 20px;
    padding: 2rem !important;
    border: 2px solid #efefef;
    border-radius: 20px;
 
    margin-top: 10px;
}

.hero-section p {
    font-size: 25.88px;
    line-height: 44.5px;
    letter-spacing: -0.42px;
}

h2 {
 font: normal normal 500 45px/60px Open Sans;
letter-spacing: -0.9px;
}

h2 .style,
.style {
  color: #025eb9;

}
.Author-Title {
    font-family: 'Poppins';
    font-size: 12px;
}
.client-quote p {
    color: #282828;
    font-size: 12px;
}
.mobile-device{
    display:none;
}
.btn.btn-primary.about.mt-3 {
    background: #0059B7;
    border-radius: 26px;
    font-size: 14px;
    height: 38px;
    width: 154px;
    align-content: center;
}
.servicebanner{
    background: #FFF7EE;
        display: flex;
}

.servicebanner p {
    color: #0B0A0A;
    font-size: 21.35px;
    line-height: 36.7px;
    opacity: 60%;
    font-family: 'Open Sans';
        margin-bottom: 25px;
}
span.duration {
    color: #0059B7;
    font-size: 14px;
    font-family: Manrope;
    display:block;
    text-align:right;
}
.servicebanner .bannerh1 {
    font-size: 51.99px;
    font-weight: 600;
    color: #000;
    line-height: 128.4%;
}
.about .num {
  font-size: 45.07px;
  color: #2E2E2E;
}

.about .col {
  font-size: 13px;
  color: #2E2E2E;
      padding-right: 7%;
}

.about {
  background: #FFF5E7;
}

.num {
  font-size: 47.17px;
  font-weight:800;
}

.numtext {
  font-size: 14.15px;
  color: #FFF1DE;
}
.mobileview.mobile-show {
    display: none;
}

.card {

  border: none;
  transition: transform 0.3s ease;
}

.card:hover {
  transform: scale(1.05);
}



.btn.btn-warning {
  color: #fff;
}

.nav-item {
    padding: 0 0 0 33.9px;
}

.navbar .container-fluid {
  display: block !important;
  text-align: right;
}

/*.bg.Changemakers {
    background: #F28B02;
    background-repeat: no-repeat;
    height: 175px;
    align-items: center;
    align-content: center;
     background-repeat: no-repeat;
}*/



.bg.Changemakers {
    background: #F28B02;
    background-repeat: no-repeat;
    height: 169px;
    align-items: center;
    align-content: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
}


section.about.box.home .num {
    color: #54545D;
    font-size: 42px;
    font-weight: 600;
}
.about.box, .service-section, .Industry, .Recentblogsection, .getintouch {
    padding: 60px 0;
}
.service-sectionspace {
    padding-bottom: 60px;
}



 .Workdaytext{
    align-content: center;
}


.sidebar .col-6,
.sidebar ul,
.sidebar .col-6 ul li {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 17.2px;
  font-family: 'Open Sans', sans-serif;
  padding-bottom: 15px;
}

section.footersection p {
  font-size: 15.29px;
  line-height: 27.3px;
  padding-top: 15px;
      opacity: 0.8;
}

footer .footersection img,
svg {
  vertical-align: middle;
  width: 182.56px;
}

.sidebar {
  display: flex;
}

p.logofooteicon img {
  width: 65.21px;
  height: 65.21px;
  margin-bottom: 25px;
}
.copywrite {
    padding: 10px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 25px;
    color: rgba(255, 255, 255, 0.7);
}
footer h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 19.11px;
    font-weight: 600;
    padding-bottom: 10px;
    
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 19.1094px;
    line-height: 26px;
    color: #FFFFFF;
    opacity: 0.8;
    flex: none;
}
.sidebar {
    display: flex;
    padding-top: 10px;
}
footer {
  background-image: url("images/Footerimage.png");
  background-color: #035FB8;
  padding: 60px 0;
  background-position: center;
  color: #fff;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  
}
footer p{
  
  color: rgba(255, 255, 255, 0.8);
}
.col-md-5.footeremail {
  text-align: right;
}

footer input.email-input {
  border-radius: 12px;
  width: 60%;
  box-shadow: none;
  border: none;
  padding: 3px;
}

.copywrite a {
  padding: 0 35px 0 0;
  
}
footer button.btn.btn-primary.w-100 {
    background: #025EB9;
    border: none;
}
.copywrite {
  padding: 30px 0 0 0;
  font-size: 17px;
}

footer a {
  color: #fff;
  text-decoration: none;
  padding: 0 10px;
}

p.Founderdpostcard a {
    color: #f08a0a;
}
.whoiscard .icon svg {
    width: 100%;
    height: 100%;
}
section.hero-sections.services-hero-section {
    background: #FFF7EE;
    height: 626px;
        padding: 0;
         display: flex;
            align-items: center;
}

section.hero-sections.services-hero-section .row {
    height: 100%;
    display: flex;
    align-items: center;
}

section.hero-sections.services-hero-section .col-sm-6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
   
    align-items: center;
}


section.hero-sections.services-hero-section h1.bannertext {
    color: #000;
    font-size: 48.99px;
    letter-spacing: -4%;
    line-height: 128.4%;
    font-family: Manrope;
        font-weight: 600;
        width:100%;
}

.middle-boxcustom {
    display: flex
;
    align-items: center;
    justify-content: center;
    position: relative;
}
section.hero-sections.services-hero-section p {
    font-size: 21.35px;
    font-family: 'Manrope';
    letter-spacing: -0.34px;
    color: #0B0A0999;
    line-height: 36.7px;
}
section.hero-sections.services-hero-section a {
    background: #f08a0a;
    border: none;
    font-size: 14.87px;
    font-weight: 600;
    color: #fff;
    padding: 0;
    border-radius: 57.16px;
    text-align:center;
    color:#fff;
}
.ExplorebtnJobsbtn {
    text-align: right;
      font-family: 'Manrope';
}

.RollingAdoptiontext ul li {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    line-height: 130%;
    text-transform: capitalize;
    padding-bottom: 9px;
}
.RollingAdoption img {
    width: 100%;
}
section.services-about-section {
    padding: 60px  0;
}
.ExplorebtnJobsbtn .ExplorebtnJobs {
    background: #f08a0a;
    border: none;
    font-size: 16.2px;
    font-weight: 500;
    color: #fff;
   
    border-radius: 57.16px;
    font-family: 'Manrope';
}
.RollingAdoptiontext ul span.tickbox {
    font-weight: 800;
    font-size: 22px;
    color: #F28B02;
    margin-right: 10px;
}
.ExplorebtnJobsbtn .ExplorebtnJobs i.fa-solid.fa-arrow-up-long {
    margin-left: 5px;
}
.RollingAdoptiontext ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.service-cruisespercentage {
    font-weight: bold;
    color: #000;
}
.RollingAdoptiontext ul span.tickbox {
    font-weight: 800;
    font-size: 16px;
    color: #F28B02;
}
.RollingAdoptiontext p {
    font-size: 16px;
    color: #54555D;
    line-height: 170%;
}
.RollingAdoptiontext h3 {
    color: #54555D;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Open Sans';
}
.powersecbox {
  display: flex;
  align-items: center; /* Vertically center both columns */
  justify-content: space-between; /* Push columns to left and right */
  padding: 0 0 20px 0; /* Equal top & bottom spacing */
}
.Imageiframegroupboximg {
    width: 33.3%;
   
    float: left;
    padding: 0;
}
.Imageiframegroupbox {
    padding: 16px;
}
.Imageiframegroupboximg.middile {
    padding: 0 16px;
}
.Imageiframegroupbox {
    padding: 16px;
    display: flex
;
    flex: 1;
}
.ExplorebtnJobs {
      background: #f08a0a;
    border: none;
    font-size: 14.87px;
    font-weight: 600;
    padding: 0;
    border-radius: 57.16px;
    width: 154px;
    height: 38px;
    display: inline-block;
    align-items: center;
    align-content: center;
        color: #fff;
    text-align: center;
        line-height: normal;

}
h2.section-heading.power{
    font-family: 'Manrope';
}
.whoiscard h3{
    /* Exploring automation tools */


font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 160%;
/* identical to box height, or 32px */
margin:0;
color: #05000B;


}

.keyOfferingcard-body .card-icon svg {
    width: 100%;
}
.keyOfferingcard-body .card-icon {
    font-size: 24px;
    color: #0066cc;
    text-align: left;
    width: 40px;
    height: 53px;
    padding:0;
}
.whoiscard .icon svg {
    width: 100%;
}
.whoiscard .icon {
    width: 40px;
    height: 40px;
    margin-bottom: 6px;
}
.Failed .icon {
    width: 53px;
    height: 53px;
}
.keyOfferings .title p {
    margin: 0;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 37px;
    letter-spacing: -0.342811px;
    color: rgba(11, 10, 10, 0.6);
}
.whoiscard p{
  font-family: 'Open Sans';
font-style: normal;

font-size: 14px;
line-height: 160%;
/* or 26px */

color: #05000B;

opacity: 0.7;


}
section.services-about-section h2 {
    font-size: 45px;
    font-weight: 500;
    color: #000;
    line-height: 118.4%;
    
}
.col-sm-4.subtextbox {
    
    padding-top: 10px;
}
img.herobannerimagesec {
    width: 100%;
    height: 100%;
}
p.btnstyle {
    display: block;
    width: 100%;
}
.section-title {
  font-weight: 500;
  font-size: 1.8rem;
}
.kpi-label {
    font-size: 16px;
    color: #585858;
    font-family: Lato;
}
.kpi-percent {
    font-size: 30px;
    font-family: Lato;
    color: #1E1E1E;
        font-weight: 800;
}
.kpi-card {
    position: absolute;
    padding: 0;
    bottom: -22px;
    left: 54px;
    border-radius: 9px;
    box-shadow: 0px 0.89px 7px #00000040;
}
.kpi-card {
    display: flex
;
    background: #fff;
}
.kpi-card img {
    width: 100%;
    padding-right: 0;
    border-radius: 51px;
}
.imginner {
    position: relative;
}
.imginner {
    position: relative;
}
.kpi-card {
    display: flex
;
    background: #fff;
}

.highlight {
  color: #007BFF;
  /* Bootstrap primary color */
}

.card-custom {
  background:  linear-gradient(to bottom, #fff, #FBE1BA);
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: transform 0.3s ease;
 padding: 1rem;
  border-radius: 20px;
  border: 1px solid #E6E6E6;
}


.card.card-custom.logobox.h-100 {
    background: linear-gradient(to bottom, #D2E1ED, #FBE6CE);
}

img.client1 {
    width: 94px;
}
.card-body.logoimagebox {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: anchor-center;
    padding: 0;
}









.service-section .card-custom  {
    padding: 0;
}
.Modulesicon img{
	width:64px;
	height:64px;
}
.Modulesicon, .iconHCM{
    padding:30px 0 30px 0;
}

.workday-slider-section h3 {
    font-size: 24.42px;
    color: #2B2B2B;
    margin-top: 10px;
    font-weight: 700;
    line-height: 130%;
}
section.workday-slider-section p {
    font-size: 15.65px;
    color: #54555D;
    line-height: 130%;
}

.swiper-slide{
 padding: 20px 10px;
}



section.workday-slider-section {
    padding: 0 0 50px 0;
}
section.workday-slider-section  p {
    font-size: 15px;
    color: #54555D;
}
.view-readmore{
        display:none;
    }
.btn-arrow {
  background-color: #ff7a00;
  border: none;
  color: white;
  padding: 0.4rem 0.6rem;
  border-radius: 50%;
  font-size: 1rem;
}

.testimonial-card {
  background-color: #f9f9f9;
  padding: 1rem;
  border-radius: 10px;
  margin-bottom: 1rem;
}

.client-logo {
  max-height: 40px;
  margin: 0 1rem;
}

.orange-label {
  background-color: orange;
  color: white;
  padding: 0.3rem 0.8rem;
  border-radius: 6px;
  font-weight: 600;
}


.no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }


.client-quote {
  padding: 20px;
  background: #f8f9fa;
  margin-bottom: 10px;
  border-radius: 8px;
}

.client-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

.bg.Changemakers p {
  font-size: 14px;
  margin: 0;
  color: #FFF1DE;
      padding-top: 10px;
}

.bg.Changemakers h5 {
  font-size: 35.31px !important;
    margin: 0;
    font-weight: 700;
    line-height: 37.3px;
}



    .play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      width: 70px;
      height: 70px;
      background: #ffa500;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: transform 0.3s ease;
    }
    
        .play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      width: 70px;
      height: 70px;
      background: #ffa500;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: transform 0.3s ease;
    }

.Testimonials {
    position: relative;
}
.card-custom:hover {
  transform: translateY(-5px);
}
.Testimonials:before {
    content: '';
    width: 100%;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url(images/slideblurpart.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.3) 100%);
}
.Testimonials:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 60px;
  
    z-index: 1;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4));
}
section.logo-slider-section:before {
    content: '';
    height: 100%;
    width: 186px;
    background: transparent linear-gradient(90deg, #035FB8 0%, #005CB900 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    left: 0;
    z-index: 999;
}
section.logo-slider-section {
    position: relative;
}
section.logo-slider-section:after {
    content: '';
    height: 100%;
    width: 186px;
    background: transparent linear-gradient(90deg, #3873af00 0%, #035FB8 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    right: 0;
    z-index: 999;
    top: 0;
}
section.Satisfaction {
    padding: 60px 0 60px 0;
}
.card-body.imagebox img {
    max-height: 100%;
    width: 100%;
    height: 100%;
}
.card-body.imagebox {
    padding: 0;
}
.rowcenter.block {
    display: block;
}
.rowcenter h4 {
    font-size: 20px;
}
.tab-inner-icon.text-center img {
    width: 35px;
}
.tab-inner-iconstyle {
    background: #f28b02;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex
;
}








.card-titleboxhome .card-title {
  font-weight: 700;
  color: #025EB9;
  font-size: 20px;
}
.card-titleboxhome .card-text {
    color: #333;
    margin-bottom: 20px;
    font-size: 17px;
    line-height:130%;
}
.card-titleboxhome .card-title {
    margin-bottom: 10px;
}

.Industry .card-custom {
    border-radius: 28px;
    background: #fff;
    background-color: rgb(255, 255, 255);
    /*width: 857px;*/
    
    padding: 30px;
}



.Industry .card-custom img {
   
    height: 230px;
}

.card-text {
  color: #333;
  margin-bottom: 20px;
}

.card-img-bottom {
  position: relative;
  overflow: hidden;
  width: 208px;
  height: 136px;
}

.card-img-bottom img {
  width: 100%;

  object-fit: cover;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.containers {
    padding: 0px 65px;
}
.arrow-btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #F28B02;
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: background 0.3s;
}

section.service-section.card-titleboxhome {
    padding: 60px 0;
}
.category-box p {
    margin: 0;
    font-size: 15px;
    line-height: 150%;
    
}
.category-box.active h6 {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 16px;
    color: #f2f2f3;
}
section.aboutCONSULTING h2 {
    margin-bottom: 0;
}
section.aboutCONSULTING {
    background: #FFF1DF;
    height: 638px;
    padding:60px 0 0 0;
}
.section-heading {
  font-size: 45px;
  font-weight: 600;
  margin-bottom: 1rem;
}
.Missionpart h6 {
    color: #0059B7;
}
  .tabs {
    
    border-bottom: 1.2px solid #212529;
    display: flex;
    justify-content: space-around;
}
    .tab {
    
      cursor: pointer;
    
          padding: .5rem 1rem;
        letter-spacing: 0px;
        color: #343434;
            border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
       font-size: 20px;
    font-weight: 500;
    }
    p.signature {
    text-align: right;
    padding-top: 1.5rem;
}

.tab-inner-content.d-grid.align-self-end.pl-2 {
    padding-left: .5rem;
}
.tab-inner-content h4 {
    color: #000;
}
    .tab.active {
    border-bottom: 4px solid #f28b02;
    font-weight: bold;
    border-top: none;
    border-right: none;
    border-left: none;
    margin-bottom: -1px;
    font-size: 20px;
    font-weight: 500;
}
   .tabscontent {
    border-radius: 4px;
    padding-top: 2rem !important;
}
.aboutBenefits {
    padding: 60px 0;
}
.downloadpdf {
  background: #fff5e7;
}
section.bgblue {
    background-color: #025EB9;
    color: #fff;
    height: 170px;
    align-items: center;
    align-content: center;
}

.category-box {
  background-color: white;
  padding: 15px 20px;
  border-radius: 12px;
  margin-bottom: 15px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: 0.3s ease;
      min-height: 107px;
}

.category-box.active {
  background-color: #f28c00;
  color: white;
  position: relative;
}

.category-box h6 {
  font-weight: 700;
  margin-bottom: 5px;
}


.card-custom img {
  border-radius: 12px;
  max-height: 250px;
  object-fit: cover;
}

.card-custom h4 {
  font-weight: 700;
  margin-top: 20px;
}
 .card-container {
      display: flex;
      gap: 1.5rem;
      transition: all 0.4s ease-in-out;
      justify-content: center;
      flex-wrap: wrap;
    }

    .card-wrapper {
      flex: 1 1 25%;
      transition: all 0.4s ease;
      min-width: 250px;
    }

    /*.card-wrapper.active {
      flex: 1 1 32%;
    }*/

    .blog-card {
      width: 100%;
      transition: all 0.4s ease;
     
      border: none;
      border-radius: 20px;
      background-color: #ffe7c4;
      padding: 1rem;
      min-height: 250px;
    }

.blog-card:hover .blog-imgbox {
    display: none;
}



.blog-card{
   
    
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.5s ease;
        height: 286px;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
}



   /* .blog-card.active {
      opacity: 1;
      transform: scale(1);
      background-color: #F0F2F9;
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
    }*/

    /* Blog Card Image */
    .blog-img {
      width: 100%;
      height: auto;
      border-radius: 10px;
      margin-top: 1rem;
    }
.btn-primary-custom {
  background-color: #0056d2;
  border: none;
  border-radius: 30px;
  padding: 10px 25px;
}

.Industry .btn.btn-primary-custom:hover {
  background: #F28B02;
}

.Industry .card-custom:hover {
  transform: none;
}

.Industry .btn.btn-primary-custom {
  color: #fff;
  font-size: 16.02px;
  letter-spacing: -2%;
  padding: 10.68px 16.02px;
  line-height: 130%;
  border-radius: 61.57px;
  background: #025EB9;
}

.btn-primary-custom:hover {
  background-color: #0040a0;
}

.Industry {

  background-color: #fff6ec;
}

.slider {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100px;
  background: #0066cc;
}
.Missionpart2 h2 {
    text-align: center;
}

.slide-track {
  display: flex;
  width: calc(250px * 12);
  /* 6 logos × 2 sets */
  animation: scroll 20s linear infinite;
}

 .slide-track {
      display: flex;
      width: calc(200px * 12); /* 6 logos * 2 copies */
      animation: scroll 25s linear infinite;
    }




 /* Infinite scrolling animation */
    @keyframes scroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(calc(-200px * 6)); } /* move by 1 set */
    }
.logo-slider-section .slide-track {
  display: flex;
  width: calc(250px * 74) !important; /* adjust based on logos × 2 */
  
  animation: logo-scroll 80s linear infinite !important;
}

@keyframes logo-scroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(calc(-250px * 37)); } /* move one full set */
    }
section.logo-slider-section .slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #025eb9;
    text-align: center;
    align-items: center;
    display: flex
;
    padding: 51px 0;
}
 section.logo-slider-section .slide {
   
    padding: 0 ;
}
.slide {
    display: flex
;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
}
.highlight {
  color: #005eb8;
}

.download-btn {
  background-color: #005eb8;
  color: white;
  padding: 10px 20px;
  border-radius: 25px;
  border: none;
}

.download-btn:hover {
  background-color: #004a94;
}

/*.pdf-images img {
  width: 150px;
  margin: 0 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  transform: rotate(-5deg);
}
*/
.pdf-images img:nth-child(2) {
  transform: rotate(0deg);
  z-index: 2;
}


.pdf-images img:nth-child(3) {
  transform: rotate(5deg);
}

section.logo-slider-section .slide img{
    width:100%;
    height:100%;
}

.slide img {
  height: 30px;
  filter: brightness(100%);
  transition: transform 0.3s ease;
}

/*@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}*/

.getintouch .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
 
}
.section-heading {
    /* font-size: 2.82rem; */
    
    font-weight: 500;
}

.card-titleboxhome .card-title {
    margin-bottom: 10px;
    
}
.getintouch {
  background-color: #FFF5E7;
}

.left {
  max-width: 50%;
}

.left h2 {

  color: #000;
  margin-bottom: 20px;
}

.left p {
  font-size: 16px;
  color: #000;
  margin-bottom: 25px;
}
input.form-control {
    border-radius: 60px;
}
button.btn.btn-primary.w-100 {
    border-radius: 60px;
}
.flags {
  display: flex;
  gap: 20px;
}

.flags img {
  width: 60px;
  height: auto;
  
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.flags img.USAFlag {

  
   object-fit: cover; 
 
}


.right {
  background: #fff;
  padding: 30px;
  border-radius: 30px;
  width: 40%;

}

.blog-card {
  background: #FFEFD9;
  color: black;
  padding: 15px;
  border-radius: 23px;
  transition: all 0.4s ease-in-out;
}

.card.blog-card h5 {
    font-weight: 600;
}

.blogtitlesec {
  padding: 0 0 15px 0 ;
}

.blogtitlesecpart {
  display: flex;
  text-align: justify;
  width: 100%;
}

.blogtitlesec3 {
  text-align: right;
}

.right button:hover {
  background-color: #025eb9;
}

span.imgicon {
  padding: 10px;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  margin-bottom: 10px;
  display: none;
}
.view-more-btnbox {
    text-align: right;
}
.category-box.active span.imgicon {
  display: inline-block !important;
}

/*.category-box:not(:first-child).active {
  background-color: #025EB9;
  color: white;
  position: relative;
}*/

img.visibleright {
  position: absolute;
  right: 14px;
  top: -10px;
  height: 34px !important;
  width: 34px !important;
}

section.Recentblogsection .blog-card.active p {
  visibility: visible;
  color: #0F0F0F;
}

.blog-card.active {
  background: #F0F2F9;
  
  
  
}

img.client3 {
  width: 126.28px;
  height: 23.41px;
}

img.client2 {
  width: 63px;
  height: 22.91px;
}

img.client4 {
  width: 175px;
  height: 30px;
}

img.client5 {
  width: 116px;
  height: 24px;
}

.l1 {
  display: flex;
}

section.Recentblogsection .blog-card p {
  visibility: hidden;
}

.category-box h6 {
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 16px;
}
.blogtitlesec2 {
    align-content: center;
}
.Policybox,.cookies,.hse,.containerpolicy{
    padding:50px 0;
}
.extrabox {
    display: none !important;
}
span.imgicon img {
  height: 24px;
  width: 24px;
}

.right label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  margin-top: 0px;
  color: #000;
}

.getintouch button {
  display: inline-block;
}

.getintouch h2 {
    font-size: 45px;
    line-height: 130%;
    font-weight: 500;
}
.left p.mobile-hide {
    color: #54555D;
}
.blog-card.orange.backgroundimage {
  background-image: url(images/blogbackgroundblog.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.arrow i {
  line-height: 1;
}

.read-more {
  display: flex;
  align-items: center;
  gap: 10px;
  /* space between text and arrow */
  font-weight: 600;
  font-size: 19px;
  color: #000;
  /* Or any desired text color */
  cursor: pointer;
}

.blog-card h5.fw-bold {
  font-size: 23px;
}

.blog-card .read-more .arrow {
  width: 56px;
  height: 56px;
  background: #F28B02;

  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 18px;
}

.l1 {
  display: flex;
  height: 200px;
}


span.mobile-show, p.btnstyle.mobile-show {
    display: none ;
 
}



.blog-card.active .read-more .arrow {
  background: #025EB9;


}




.right input,
.right textarea {
  width: 100%;
  padding: 10px 15px;
  border-radius: 12px;
  border: 1px solid #CDCDCD;
  margin-bottom: 10px;
  font-size: 15px;
  resize: none;
  color: #686868 !important;
}

.right textarea {
  height: 120px;
}

.right button {
  padding: 10px 15px;
  background-color: #025EB9;
  color: white;
  font-size: 16px;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  margin-top: 0px;
  transition: background 0.3s ease;
  width: 199px;
}


section.Recentblogsection.Job.Openings .blog-card {
    height: 286px;
        padding: 33px 20px;
}
.Recentblogsection.Job.Openings .blog-card h5 {
    font-size: 20px;
    margin-bottom: 15px;
}
section.Recentblogsection.Job.Openings .blog-card p {
    display: none;
}
.dropdown-item.active, .dropdown-item:active,.dropdown-item:focus, .dropdown-item:hover {
    background: #f08a0a;
    color: #fff !important;
}
section.whois .whoiscard {
    border-radius: 9px;
    background: #fff;
    border: 2px solid rgba(66, 82, 207, 0.1);
    color: #05000B;
    font-size: 19px;
    line-height: 160%;
    font-family: 'Open Sans';
    padding: 20px;
    margin-bottom: 20px;
    height: 190px;
}

.Recentblogsection.Job.Openings .card-wrapper.active .blog-card:before,.Recentblogsection.Job.Openings .card-wrapper.active .blog-card:after {
   display:none;
}
.card-wrapper.active .blog-card:before, .card-wrapper.active .blog-card:after {
   display:none;
}




.Navbarbox {
    display: flex;
    justify-content: end;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-white {
    padding: 0;
}

.blog-card:after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: -25px;
    width: 160px;
    height: 160px;
    background: #ffefd9;
    border-bottom-right-radius: 87px;
    border-top-right-radius: 105px;
    border-top-left-radius: 99px;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #252525;
    font-size: 19px;
    font-weight: 700;
}


.blog-card:before {
    content: "";
    content: "Read More";
    color: #252525;
    font-size: 19px;
    font-weight: 700;
    bottom: 48px;
    position: absolute;
    z-index: 99;
}







section.Recentblogsection.Job.Openings .blog-card:before {
    content: "";
    content: "Apply now";
    color: #252525;
    font-size: 19px;
    font-weight: 700;
    bottom: 48px;
    position: absolute;
    z-index: 99;
}
.arrow.nonactive {
    width: 56px;
    height: 56px;
    transform: rotate(0deg);
    background: #f28b02;
    border-radius: 50%;
    position: absolute;
    bottom: 13%;
    right: 9%;
    display: flex
;
    justify-content: center;
    text-align: center;
    transform: rotate(-34deg);
}

section.Recentblogsection.Job.Openings .arrow.nonactive {
    width: 56px;
    height: 56px;
    transform: rotate(0deg);
    background: #f28b02;
    border-radius: 50%;
    position: absolute;
    bottom: 20%;
    right: 16%;
    display: flex
;
    justify-content: center;
    text-align: center;
    transform: rotate(-34deg);
}
.arrow.nonactive {
    width: 56px;
    height: 56px;
    transform: rotate(0deg);
    background: #f28b02;
    border-radius: 50%;
    position: absolute;
    
    display: flex
;
    justify-content: center;
    text-align: center;
    transform: rotate(-34deg);
}
.card-wrapper.active .blog-textbox {
    width: 66.66666667%;
}
section.Recentblogsection.Job.Openings .card-wrapper.active .arrow.nonactive,.card-wrapper.active .arrow.nonactive{
    display:none;
    
}
.card-wrapper.active .arrow.nonactive{
    display:none;
    
}
.read-morenotactive {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 19px;
    color: #000;
    cursor: pointer;
}
.read-morenotactive {
    /* display: none; */
    visibility: hidden;
}
.card-wrapper.active .read-morenotactive {
  
    visibility: visible;
}
span.arrownotactive {
    width: 40px;
    height: 40px;
    background: #F28B02;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 18px;
}

.read-morenotactive {
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 19px;
    color: #000;
    cursor: pointer;
}
i.bi.bi-arrow-right.not.active {
    padding-top: 13px;
}
i.bi.bi-arrow-right.not.active {
    color: #fff;
    font-weight: 800;
    font-size: 29px;
    top: 19px;
}

section.Recentblogsection.Job.Openings .blog-card.active{
    
}
section.Recentblogsection.Job.Openings .blog-card:after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: -25px;
    width: 160px;
    height: 160px;
    background: #ffefd9;
    border-bottom-right-radius: 87px;
    border-top-right-radius: 105px;
    border-top-left-radius: 99px;
    color: #333;
    font-size: 14px;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #252525;
    font-size: 19px;
    font-weight: 700;
}
section.Recentblogsection.Job.Openings .blog-card.active {
    height: 286px; 
    min-height: 286px;
}
section.Recentblogsection.Job.Openings .blog-card.active p {
        visibility: visible;
    color: #0F0F0F;
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}
.Benefitsspace {
    padding-bottom: 30px;
}
.Recentblogsection.Job.Openings .card-wrapper {
    flex: 1 1 19%;
    transition: all 0.4s ease;
    min-width: 250px;
}
.Recentblogsection.Job.Openings .card-container {
    display: flex;
    gap: 0.7rem;
}
.Recentblogsection.Job.Openings .blog-card h5 {
    font-size: 21px;
}
.Recentblogsection.Job.Openings {
    padding: 20px 0px 40px 0px;
    min-height: 600px;
}
.Recentblogsection.Job.Openings .blog-card .read-more .arrow {
    width: 40px;
    height: 40px;
    background: #F28B02;
    color: #fff;
    display: flex
;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 18px;
}
/*career page style*/


.hero-section.Careerbanner.align-items-center:after {
    position: absolute;
    width: 100%;
        height: 100%;
    opacity: 0.68;
    background: rgba(0, 0, 0, 0.4);
    top:0;
    content: '';
    
}
section.HelpsGrow {
    background: #025eb9;
    color: #fff;
        display: flex;
    align-items: center;
    justify-content: center;
}
section.HelpsGrow h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 500;
    letter-spacing: -0.9px;
    font: normal normal 500 45px / 50px Open Sans;
}
section.HelpsGrow p {
    font: normal normal normal 16px / 20px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}
section.HelpsGrow {
    background: #025eb9;
    color: #fff;
    padding: 39px 0;
    height: 278px;
}
.Benefits .Managementcard {
    height: 100%;
    padding: 20px;
    margin: 0 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0.89px 7px #00000040;
    border-radius: 10px;
        height: 115px;
        
}
.GreatWorkcard {
    background: #FFF5E7;
    border-radius: 9.8px;
    border: 1px solid #E2E2E2;
        margin-top: 20px;
                padding: 15px 30px;
            height: 100%;
               
}
.GreatWorkcardtopspace {
    margin-top: 20px;
      margin-bottom: 30px;
}
.EmployeeSpotlighttitle a {
    border-radius: 28px;
    background: #0059B7;
    display: inline-block;
    color: #fff;
    padding: 17px 56px;
    
}
.GreatWork.life.container h2.section-heading {
    font: normal normal 500 45px / 60px Open Sans;
    letter-spacing: -0.9px;
    color: #343434;
}

.section-headingLife {
    font: normal normal normal 16px / 20px Open Sans;
    letter-spacing: 0px;
    color: #171717;
}

.text-muted.textbox {
    font: normal normal normal 16px / 20px Open Sans;
    letter-spacing: 0px;
}
.equalsport {
    display: flex;
    align-items: center;
    justify-content: center;
}
.EmployeeSpotlighttitle p{
    font-size: 16px;
font-weight: normal;
line-height: 22px;
}
/*.teamimg img {
    float: left;
    width: 282px;
    height: 462px;
    margin: 0 10px;
}*/
.swiper.testimonialSwiper .swiper-slide {
    padding: 0;
    margin: 0;
}
.EmployeeSpotlight .row {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.Recentblogsection.Job.Openings .blogtitlesec {
    padding: 15px 0;
    padding-bottom: 50px;
}
.blog-card {
    background: #FEE4C1;
    color: black;
   
    border-radius: 23px;
    transition: all 0.4s ease-in-out;
    position: relative;
    overflow: hidden;
}

section.Benefits.container h2.section-heading {
   font: normal normal 500 45px/60px Open Sans;
letter-spacing: -0.9px;
}
.Benefits .Management.card-title {
   
    font: normal normal bold 16px / 16px Open Sans;
    letter-spacing: 0px;
    color: #272727;
}

.EmployeeSpotlight {
  
  justify-content: center; /* centers horizontally */
  align-items: center;     /* centers vertically */
  background-image: url('images/Mask Group 77.png');
  background-size: cover;
  background-position: center;
     padding-bottom: 60px;
  padding-top:60px ;
  overflow: hidden;
}
.EmployeeSpotlighttitle {
    text-align: left;
}
.EmployeeSpotlight h2 {
    color: #fff;
    line-height: 60px;
    font-weight: 500;
}
.EmployeeSpotlight {
    color: #fff;
    background: #f38b00;
    
        background-repeat: no-repeat;
      
}
.Benefits .Managementcard {
    height: 100%;
    padding: 20px;
    margin: 0 10px;
}
.Community a {
    border-radius: 28px;
    background: #005cb9;
    padding: 17px 56px;
    display: inline-block;
    color: #fff;
    font: normal normal 600 16px/22px Open Sans;
}

.Community h3 {
    font-family: "Open Sans";
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    font-style: normal;
    text-align: left;
    color: #343434;
}
.Community {
    background: #fff5e7;
  
    position: relative;
}
.blog-card.active span.fulltimejob {
    display: none;
}
.verified-icon {
    border-radius: 50%;
    width: 19px;
    height: 19px;
 background: rgba(255, 255, 255, 0.58);
    display: flex
;
    margin-bottom: 7px;
    align-items: center;
    justify-content: center;
    float: left;
    margin-right: 8px;
    flex-shrink: 0;
}
.bullet-box {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.verified-icon span {
    color: #fff;
    opacity: 1;
}
.verified-icon span {
    color: #fff;
    opacity: 1;
    font-size: 12px;
}
.Communitybg.equalsport {
    display: flex
;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.Communitytext {
    padding: 0px 0;
}
span.fulltimejob img {
  padding-right:10px;
}
img.logoteamfooteruperpart {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 611px;
    height: 418.3px;
}
.Benefits .Managementcarddesign {
    margin-top: 20px;
    padding: 0 10px 0 0;
    margin-bottom: 20px;
}
section.Benefits.container {
    padding-top: 50px;
    padding-bottom: 50px;
}
.GreatWorkcard .icon {
    margin-bottom: 0;
    font-size: 16px;
    padding: 18px 0;
}
.GreatWork.container {
    padding-top: 60px;
    padding-bottom: 0px;
}
.equal {
  display: flex;
  align-items: center;         /* vertical centering */
  justify-content: center;     /* horizontal centering (optional) */
      
}
.GreatWorkcard p {
    color: #707070;
    font-size: 16px;
    margin-bottom: 0;
    font: normal normal normal 14px / 22px Open Sans;
    letter-spacing: 0px;
}
.GreatWorkcard h3 {
    font: normal normal bold 16px / 21px Open Sans;
    letter-spacing: 0px;
    color: #171717;
    text-transform: capitalize;
}

.GreatWorkcard {
    background: #FFF5E7;
    border-radius: 9.8px;
    border: 1px solid #E2E2E2;
}
section.HelpsGrow {
    background: #025eb9;
    color: #fff;
    padding: 39px 0;
}
.hero-section.Careerbanner.align-items-center a i.fa-solid.fa-arrow-up-long {
    margin-left: 6px;
}
.aboutus {
    font: normal normal normal 18px / 23px Open Sans;
    letter-spacing: 0px;
    color: #171717;
    height: 300px;
    align-items: center;
    justify-content: center;
    display: flex;
}
section.hero-section.Careerbanner p {
    
    text-align: center;
}
section.hero-section.Careerbanner.align-items-center a {
    display: inline-block;
    font-family: "Open Sans";
    font-size: 14.871329307556152px;
    font-weight: 600;
    line-height: 19px;
    font-style: normal;
    text-align: left;
    color: #ffffff;
    position: relative;
    opacity: 1;
    z-index: 999;
    background: #f38b00;
    border-radius: 57.15676498413086px;
       padding: 0;
    margin-top: 31px;
    width: 154px;
    height: 39px;
    text-align: center;
   
    justify-content: center;
    align-items: center;
}
.hero-section.Careerbanner h1.bannerh1 {
    font-size: 51px;
    color: #fff;
    opacity: 1;
    z-index: 999999;
    position: relative;
    font-family: "Open Sans";
    font-weight: 600;
    line-height: 66px;
    font-style: normal;
    text-align: center;
        padding-top: 100px;
}

.GreatWork.container.sp .section-heading {
    font-size: 2.82rem;
    font-weight: 500;
    font: normal normal 500 45px / 60px Open Sans;
    letter-spacing: -0.9px;
    opacity: 1;
}
section.boxblue {
    background-position: center;
}
.boxblue{
    background-position: center;
    color: #fff;
    padding: 50px 0;
    background-color: #025EB9;
}
.boxblue h4 {
    font: normal normal bold 16px/16px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
    
}
.boxblue .verified-icon{
    display:block;
    float: none !important;
    position: relative;
}
.bullet-box{
        display: block;
        float: none !important;
        
}
.Recentblogsection.Job.Openings .read-morenotactive {
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 19px;
    color: #000;
    cursor: pointer;
}
.Recentblogsection.Job.Openings .blogtitlesec2 {
    align-content: start;
        padding-top: 5px;
}
.Benefitsspacecard-text .Managementcard{
        align-items: start;
}
.Openingstext {
    font: normal normal normal 16px / 20px Open Sans;
    letter-spacing: 0px;
    color: #171717;
}
.Recentblogsection.Job.Openings .blog-card h5.heading {
    font: normal normal 600 23px / 34px Open Sans;
    letter-spacing: -0.92px;
    color: #0F0F0F;
    opacity: 1;
}
.Recentblogsection.Job.Openings .blogtitlesec1 h2{
    font: normal normal 500 45px / 60px Open Sans;
    letter-spacing: -0.9px;
    color: #343434;
}
.Benefitsspacecard-text .Management.card-text {
    font: normal normal normal 14px / 22px Open Sans;
    letter-spacing: 0px;
    color: #707070;
}
.Benefitsspacetext{
    font: normal normal normal 16px/22px Open Sans;
letter-spacing: 0px;
color: #707070;
padding-top: 3px;
}


.bullet-box .verified-icon span {
    color: #fff;
    opacity: 1;
    font-size: 12px;
    position: absolute;
    align-items: center;
    align-content: center;
    left: 4px;
}
.boxblue  p{
    font: normal normal normal 16px/22px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
}
section.boxblue img {
    width: 30px;
}
iframe.youtubevideo {
    height: 650px;
        margin-top: 30px;
            margin-bottom: 24px;
}

.Community {
    height: 354px;
}
.Imageiframegroup {
    display: flex;
    flex: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    
    
}
#autoCarousel .carousel img {
      height: 500px;
      object-fit: cover;
    }
    
  div#autoCarousel .slide {
    width: 100%;
    display: block;
    align-items: end;
    height: auto;
}
div#autoCarousel img {
    height: 100%;
}
.dynamic.slide {
    width: 100%;
    display: block;
    justify-content: center;
    align-items: center;
    height: 260px;
    overflow: hidden;
}
.Imageiframegroup {
    display: flex
;
    flex: 1;
}
.Imageiframe {
    width: 100%;
    height: 100%;
}
section.bluegetstart .row {
    align-items: center;
}
/*------service Page style------ */
.badge {
        position: absolute;
    top: 0;
    right: 0;
    color: white;
    padding: 8px 27px;
    border-radius: 0 0 0 20px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #F28B02;
    background: linear-gradient(to right, #F28B02, #EFD240);
}

section.whois.servive.box .whoiscard

 {
    height: auto;
}
 .Ourservicespartcard a.view-btn {
   color: #fff;
    background: #0059B7;
    padding: 10px 21.71px;
    border-radius: 64.21px;
    font-size: 16px;
    line-height: normal;
    margin-top: 0;
    display: inline-block;
    width: 101.15px;
    height: 41.71px;
    text-align: center;
    font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 16.7057px;
line-height: 130%;
}
.Ourservicespart-container {
    margin-top: 25px;
}
 .Ourservicespartcard ul li {
    color: #2C2C2C;
    font-size: 13.56px;
  
    position: relative;
    padding-bottom: 12px;
}
span.ticktext {
    width: 90%;
    display: inline-block;
    padding-left: 5px;
}
span.tick {
    width: 10%;
    height: 20px;
    display: inline-block;
    vertical-align: top;
}
   .Ourservicespartcard h3 {
    font-size: 25.46px;
    font-weight: 600;
    color: #2B2B2B;
}
     .Ourservicespartcard ul {
      list-style: none;
      padding: 0;
      text-align: left;
      padding-top: 20px;
    }
.Ourservicespartcard {
    background: linear-gradient(to bottom, #fff, #FADFBA);
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
        border: 1px solid #E6E6E6;
}
.poweradv span.ticktext {
    font: normal normal normal 14px / 17px Open Sans;
    letter-spacing: 0px;
    color: #2C2C2C;
}
.poweradv .Ourservicespartcard.leftbox {
    margin-right: 0px;
}
.poweradv p {
    margin-top: 0;
    margin-bottom: 31px;
    font: normal normal normal 16px/21px Open Sans;
}
.poweradv .Ourservicespartcard {
    
    padding: 31px 35px 43px;
    border-radius: 22px;
    box-shadow: none;
    position: relative;
    overflow: hidden;
        border: 1px solid #E6E6E6;
}
.getstrttext h2 {
    color: #fff;
    font-size: clamp(1.75rem, 5vw, 1rem);
    line-height: normal;
}

.getstratbtn {
    text-align: right;
 
}
section.bluegetstart {
    padding: 47px 0;
}
.getstratbtn a {
    padding: 18px 39px;
    background: #fff;
    border-radius: 50px;
    display: inline-block;
    font-size: 13.4px;
    font-weight: 700;
}


section.service-about-section .container{
    padding-top: 50px;
}
.section-heading {
    /*font-size: 2.82rem;*/
}
.casestudayboxcardstyle img {
   
    width: 100%;
}
.ignite-cardbox {
  
  margin-top: 25px;
}

span.tickbox {
    font-weight: 800;
    font-size: 16px;
}
.ignite-card li {
    margin-bottom: 6px;
    font-size: 14px;
    color: #252525;
    
}
span.tickboxtext {
    padding-left: 5px;
}
.ignite-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
span.iconignitecard {
    font-weight: bold;
}
.progress-row {
  display: block;
  align-items: center;
  justify-content: space-between;
}

.progress-bar {
    flex-grow: 1;
    height: 10px;
    background: #f0f0f0;
    border-radius: 30px;
    margin-right: 10px;
    overflow: hidden;
}

.progress {
  width: 100%;
  height: 100%;
  background: orange;
}

.ignite-card h3 {
    color: #0B0A0A;
    font-size: 23px;
    font-weight: 600;
}


.card-icon {
    font-size: 24px;
    color: #0066cc;
    padding-top: 5px;
}
.Managementcardtextdesign {
    padding-left: 10px;
    align-content: center;
}
span.tickbox {
    /* font-weight: 800; */
    /* font-size: 16px; */
    /* height: 30px; */
 width: 13px !important; 
    display: inline-block;
}
.progress-bar.weeks .progress {
    width: 30%;
}
.progress-bar.weeks2 .progress {
    width: 60%;
}
.progress-bar.Months .progress {
    width: 84%;
}
.ignite-card p {
    font-size: 14px;
    color: #0B0A0A;
    letter-spacing: -0.37px;
    opacity: 1;
}
.ignite-card {
    
    border-radius: 21px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 0;
    height: 800px;
    overflow: hidden;
    border: 1px solid #E6E6E6;
    background: linear-gradient(to bottom, #fff, #FBDEBB);
        margin: 0 10px;
        
}
span.tickbox svg {
    width: 15px;
    height: 15px;
    flex: none;
    order: 0;
    flex-grow: 0;
    color: #252525;
}
.ignite-cardspace {
    padding: 20px 20px 5px 20px;
}
.row.ignite-cardbox p {
    color: #000 !important;
   
        /*text-align: justify;*/
        font-size:16px;
}

/*.ignite-card img {
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
    padding-left: 50px;
}*/
.service-hero-section img {
    width: 100%;
}
/*------End service Page style------ */
/*------service Page style------ */

section.Access-Management .description {
    color: #54555D;
    font-size: 16px;
}
.keyOfferings {
    padding-bottom: 30px;
    align-items: end;
}
.keyOfferingbtn {
    text-align: right;
}
a.keyOfferingbtnstyle {
    display: inline-flex
;
    align-items: center;
    gap: 6px;
}

.keyOfferings .title p{
    margin:0;
}
h2 {
    color: #000;
}
a.keyOfferingbtnstyle {
    background: #f08a0a;
    border: none;
    font-size: 16.2px;
    font-weight: 500;
    color: #fff;
    padding: 10.68px 20.02px;
    border-radius: 57.16px;
    font-family: 'Manrope';
    display: inline-block;
}
.keyOfferings {
    padding-bottom: 30px;
}

section.Key.Offeringssection {
    padding: 60px 0 0 0;
}
.sectionsubtitle {
    align-content: center;
}


.workday-slider-section p {
    font-size: 13px;
    color: #54555D;
}

    .Managementcard{
      background: #fff;
      border: 1px solid #eee;
      border-radius: 8px;
      padding: 20px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	   float: left;
		padding: 11px 10px;
		display: flex;
		
		    align-items: center;
      
    }
	.Managementcarddesign {
   margin-top: 20px;
    padding: 0 20px 0 0;
}

.Management.card-icon img {
    vertical-align: -webkit-baseline-middle;
}
.Management.card-text {
    color: #939393;
    font-size: 12.53px;
    padding-top: 5px;
}
.Management.card-title {
    font-size: 12.53px;
    color: #272727;
    font-weight: 700;
}
.Access-Management {
 
    display: flex;
    justify-content: center;
    align-items: center;
    height: 690px;
}
.Managementcards.Access-Managements {
    padding-top: 20px;
}
.Managementcardtextdesign {
    padding-left: 10px;
}
.Managementcards.Access-Management {
    margin-top: 10px;
}
    .card-icon {
      font-size: 24px;
      color: #0066cc;
    }
    div#swiper-wrapper-7810f27dc331aca32 {
    height: 280px;
}

.swiper {
      width: 100%;
      padding: 40px 0;
    }


.swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    height: 280px;
}

    .swiper-slide {
      background: #ffffff;
          background: #FFFFFF;
    box-shadow: 0px 0.894895px 3.57958px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    border: 1px solid rgba(0, 89, 183, 0.2);
      text-align: center;
      margin:0 20px;
      min-height: 243px !important;
     
      transition: transform 0.5s ease-in-out, box-shadow 0.4s ease;
    }
    p.adservice {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin:0;
}
p.subtext {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16.0196px;
    line-height: 130%;
    color: #54555D;
}
span.tick svg {
    width: 100%;
}
span.tick {
    width: 17px;
    height: 20px;
    display: inline-block;
}
    .swiper-slide:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    }

    .icon {
      font-size: 40px;
      margin-bottom: 15px;
    }

    .swiper-slide {
      background: #ffffff;
      border-radius: 12px;
     
    }

    .swiper-slide:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    }

    .icon {
      font-size: 40px;
      margin-bottom: 15px;
    }
/*------casestudy style------ */


section.casestudy {
    background: #FFF5E7;
    padding: 50px 0;
}
.casestudayboxcardstyle {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 16px;
	border: 1px solid #E3E3E3;
}
.casestudaybox-container {
    margin-top: 25px;
}
span.arrow {
    display: block;
    text-align: right;
    color: #025EB9;
    font-size: 25px;
}
.casestudaybox-container span.arrow {
    display: block;
    text-align: right;
    color: #025EB9;
    font-size: 25px;
    position: absolute;
    right: 3px;
    bottom: -17px;
}
.casestudayboxcardstyle h3 {
    font-size: 24.43px;
    font-weight: 600;
    color: #2B2B2B;
    padding-top: 11px;
}
.casestudayboxcardstyle p {
    font-size: 13px;
    color: #595959;
    position: relative;
}
a.view-more-btn {
    background: #025EB9;
    color: #fff;
    border-radius: 61.57px;
    padding: 9px 27px;
    font-size: 16.02px;
}
span.btnarrow {
    font-size: 21px;
}

.sectionsubtitle {
    color: #54555D;
    font-size: 16px;
    font-family: 'Open Sans';
}
.ignite-cardspaces {
    padding: 0 20px;
    text-align: left;
    text-align: justify;
}
.ExplorebtnJobsbtn.leftstyle {
    text-align: left;
    margin-top: 20px;
}
section.Modules.Covered {
    padding: 50px 0;
}


section.hero-sections.services-hero-section.mobile-device {
    display: none;
}




.testimonial-vertical-slider {
  height: 450px;
  overflow: hidden;
  position: relative;
}

.testimonial-track {
  display: flex;
  flex-direction: column;
  animation: scroll-down 30s linear infinite;
}

.testimonial-track.reverse {
  animation: scroll-up 30s linear infinite;
}

.client-quote {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}

/* Images */
.client-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

/* Scroll from top to bottom */
@keyframes scroll-down {
  0% {
    transform: translateY(-50%);
  }

  100% {
    transform: translateY(0%);
  }
}

/* Scroll from bottom to top */
@keyframes scroll-up {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(-50%);
  }
}



.GreatWork.container.sp {
    padding-top: 60px;
    padding-bottom: 60px;
}













.document-card.card-left {
    background: #fff;
}




        .hero-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
            width: 100%;
        }

        .left-content {
            max-width: 500px;
        }

        .main-title {
            font-size: 3.5rem;
            font-weight: 700;
            line-height: 1.1;
            color: #212529;
            margin-bottom: 1.5rem;
        }

        .workday-text {
            color: #0066cc;
        }

        .subtitle {
            font-size: 1.125rem;
            color: #6c757d;
            margin-bottom: 2rem;
            max-width: 400px;
        }

        .download-btn {
            background-color: #0066cc;
            border: none;
            padding: 12px 24px;
            border-radius: 50px;
            color: white;
            font-weight: 500;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .download-btn:hover {
            background-color: #0052a3;
            color: white;
            transform: translateY(-2px);
        }

        /* Document Cards Container */
        .documents-container {
            position: relative;
            height: 480px;
            width: 100%;
        }

        .document-card {
            position: absolute;
             width: 255px;
    height: 322px;
           
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            cursor: pointer;
        }

.card-content {
    background: #fff;
    color: #000;
}

 .mobileshow{
        display:none;
    }
    .mobilehidden{
        display:block;
    }
    
.document-card h3.card-title {
    color: #000;
    font-size: 14px;
    text-align: center;
    padding: 0 20px;
   font-family: 'Manrope';
}


.blog-imgbox {
    display: none;
}

.blog-textbox {
    display: block;
    width: 100%;
}



.card-wrapper.active .blog-imgbox {
    display: block;
}

span.arrownotactive {
    background: #025EB9;
}

img.workday1 {
    width: 100%;
    height: 100%;
    box-shadow: none;
    transform: none;
    margin: 0;
}

.downloadpdf {
    background: #fff5e7;
    padding-top: 60px;
}
img.bottomdec {
    width: 100%;
    display: block;
    transform: none;
    box-shadow: none;
}
.bottom-decorations {
    position: absolute;
    bottom: 0;
}

        .document-card:hover {
            transform: translateY(-10px) !important;
            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
        }

        /* Paper clip effect */
        .pdf-document-card::before {
            content: '';
            position: absolute;
            top: 0px;
            left: 23%;
            transform: translateX(-50%);
            width: 37px;
            height: 13px;
            background-color: #080808;
            border-radius: 0px;
            z-index: 10;
        }

        /* Left Card - Orange */
        .card-left {
            top: 20px;
            left: 0;
            transform: rotate(-25deg);
            /*background: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ff4757 100%);*/
            z-index: 2;
        }

        .card-left:hover {
            transform: rotate(-25deg) translateY(-10px) !important;
        }

        /* Middle Card - Teal */
        .card-middle {
            top: 80px;
            left: 50%;
            transform: translateX(-50%);
            /*background: linear-gradient(135deg, #00d2d3 0%, #54a0ff 50%, #2f3542 100%);*/
            z-index: 3;
        }

        .card-middle:hover {
            transform: translateX(-50%) translateY(-10px) !important;
        }

        /* Right Card - Blue 
        .card-right {
            top: 20px;
            right: 0;
            transform: rotate(25deg);
            /*background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #000428 100%);*/
          /*  z-index: 2;
            
            background: #FFFFFF;
            border: 0.725366px solid rgba(220, 220, 220, 0.39);
            box-shadow: 0px -2.90147px 5.80293px rgba(0, 0, 0, 0.25);
            transform: matrix(0.97, 0.25, -0.27, 0.96, 0, 0);
            
            
            
            
            
        }

        .card-right:hover {
            transform: rotate(25deg) translateY(-10px) !important;
        }

        .card-content {
            padding: 30px 0px 20px;
            height: 100%;
            color: white;
            position: relative;
            z-index: 5;
        }

        .card-title {
            font-size: 1rem;
            font-weight: 700;
            line-height: 1.3;
            margin: 0;
                margin-bottom: 10px;
        } */

        /* Bottom decorative element */
        .bottom-decoration {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%) translateY(50%);
            width: 600px;
            height: 200px;
            background: linear-gradient(90deg, #ffa726 0%, #ff8a65 100%);
            border-radius: 50%;
            opacity: 0.6;
            filter: blur(2px);
            z-index: 1;
        }

        /* Responsive Design */
        @media (max-width: 1200px) {
            .main-title {
                font-size: 3rem;
            }

             .Recentblogsection  .blog-textbox {
    width: 330px !important;
}

            
            .getintouch .container {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                padding: 50px 20px;
            }
            
            
        }




 @media (max-width: 1026px){

.card-wrapper.active .blog-imgbox {
    display: none;
}

}

        @media (max-width: 992px) {
                .hero-section.Careerbanner h1.bannerh1, section.HelpsGrow h2 {
        font-size: clamp(2rem, 6vw, 4rem);
        line-height: normal;
    }
    section.HelpsGrow {
    background: #025eb9;
    color: #fff;
    padding: 0;
}
            .hero-section {
                padding: 60px 0;
            }

            .hero-content {
                grid-template-columns: 1fr;
                gap: 40px;
                text-align: center;
            }
            section.bg.Changemakers.blue {
                background: #025EB9;
            }
            .ignite-card {
   
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 0;
    margin-bottom: 22px;
}
.Access-Management {
    display: block;
    height: auto;
}
.casestudayboxcardstyle {
    margin-bottom: 20px;
}
.view-more-btnbox {
    text-align: left;
    margin-top: 20px;
}
section.casestudy {
    background: #FFF5E7;
    padding: 0;
}

.hero-section {
        padding: 60px 0;
        height: auto;
        min-height: auto;
    }
    /*.about .row.align-items-center div {
    width: 100%;*/
}
.about .row.align-items-center div h2 {
    padding-bottom: 15px;
    line-height: 118.4%;
}

   
            .main-title {
                font-size: 2.5rem;
            }

            .documents-container {
               
                margin-top: 1rem;
            }

            
     

            .card-left {
                left: 28px;
            }
            .client-Satisfaction-image {
    width: 503px;
    
}

            .card-right {
                right: 27px;
            }
            .card-middle {
    top: 94px;
            }
           
          
    .py-5{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
.navbar .container-fluid {
    display: block !important;
    text-align: right;
}
   
        .bannerh1 {
        font-size: clamp(2rem, 6vw, 4rem);
}
        
   
   

#navbarNav a:hover {
    color: #F28B02;
}

            
        }

       
        /* Smooth scrolling */
        html {
            scroll-behavior: smooth;
        }

        /* Focus styles for accessibility */
        .download-btn:focus {
            outline: 2px solid #0066cc;
            outline-offset: 2px;
        }

        .document-card:focus {
            outline: 2px solid #0066cc;
            outline-offset: 2px;
        }
        
        
        
        
       .mobile-show {
    display: none;
} 
        .mobileview {
        display: none !important;
    }   
        /* --- MOBILE VIEW IMPROVEMENTS --- */
@media (max-width: 991px) {
    #cardContainer {
       
    }
    div#navbarNav {
        z-index: 999;
    }
	    button.navbar-toggler {
        z-index: 9999;
    }
	    a.logo img {
        width: 230px;
        height: auto;
    }
footer {
    text-align: left;
}

.swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
 
}
	.sidebar.footerright {
    padding-left: 2%;
    text-align: left;
}
	.Discovercard-card {
   height:auto;
    padding: 33px 26px;
}
	    .bg.Changemakers p {
        display: none;
    }
	section.ctan-section {
    padding: 0;
    background-color: #F38B00;
}
	    section.hero-sections.services-hero-section .textboxleft {
        padding-bottom: 0px;
        width: 100%;
    }
	.faq-layout {
    display: block;
    grid-template-columns: 1fr 450px;
    gap: 50px;
    margin-top: 48px;
    width: 100%;
    padding: 0 20px;
}
	.contact-sectionbox1 .col-3 {
    flex: 0 0 auto;
    width: 48%;
    margin-bottom: 32px;
}
	.swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    
}
section.bg.Changemakers.home.text-white.mobile-hide {
    display: none;
}
	
	    .about.box .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
	.about.box, .service-section, .Industry, .Recentblogsection, .getintouch {
    padding: 0;
}
	.mobile-show.Master.Workdaystyle, .middle-boxcustom {
    width: 100%;
}
	.containers {
    padding: 0px 20px;
}
	    .category-box {
        width: 30%;
        float: left;
        margin: 1%;
        padding: 10px;
        margin-bottom: 11px;
			    min-height: 55px;
    }
	.Industry.Mastermobile {
    padding: 0px 0;
}
	.mobile-show.Master.Workdaystyle p {
 display: none;
}
	    .service-sectionspace div {
        flex: 0 0 auto;
        width: 100%;
    }
	h2.section-heading.mobile-show {
    display: none;
}
	h2.section-heading.mobile-hide {
    display: block !important;
}
	    .swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
        width: 100%;
        overflow: hidden;
    }
	.Industry.Mastermobile .containers {
        padding: 60px 20px;
    }
	.client-Satisfaction-image {
    width: auto;
    display: none;
}
	    .Testimonials {
        padding-top: 30px;
        width: 100%;
    }
	section.Satisfaction {
    padding: 60px 0 0px 0;
}
	    .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
	section.bg.Changemakers.home.text-white.mobile-show {
    display: block;
		        background-size: initial;
        background-position: right;
		    height: 220px;
}
	  section.bg.Changemakers.home.text-white.mobile-show   .container {
        padding: 20px 20px;
    }
	.Changemakersbox {
    padding-left: 0;
    width: 100%;
}
	
	.service-sectionspace {
    padding-bottom: 0;
}
	.sidebar .col-6, .sidebar ul, .sidebar .col-6 ul li {
    
    font-size: 14.2px;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 15px;
}
	    .service-section .col-md-3 {
        width: 100%;
        float: left;
        height: auto;
        margin: 4% 0 0 0;
    }
	section.aboutus div {
    width: 100%;
}
	    .Leadersdetailscardsp .Founderdpostcard {
        display: none;
    }
	    .Leadersdetailscard {
        height: 291px;
    }
	.teamimagebox {
        height: 182px;
        overflow: hidden;
    }
	    .Leadersdetailscardsp .card-body {
        padding: 15px;
        text-align: center;
    }
	    .Leadersdetailscard .card-body h5 {
        font: normal normal bold 18px / 31px Open Sans;
        letter-spacing: 0px;
        color: #2B2B2B;
        margin-bottom: 0;
    }
	    #navbarNav a {
        padding: 20px;
    }
	.RollingAdoptiontext {
    align-content: center;
    width: 100%;
}
	.Industry.Mastermobile .mobile-hide {
    display: none;
}
	.mobile-show.Master.Workdaystyle {
    display: block;
}
	.blogmobile-slider.homepage .swiper-slide{
	box-shadow:none;
		border:none;
		margin:0;
	
	}
	.subtextbox {
    width: 100%;
    margin-top: 20px;
}
	section.Access-Management .col-sm-7 {
    width: 100%;
}
	.Ourservicespart-container .col-sm-6 {
    width: 100%;
}
	.aboutus p {
    font: normal normal normal 16px / 23px Open Sans;
    letter-spacing: 0px;
    color: #fff;
}
	a.dropdown-item {
    padding: 20px !important;
}
	    p.Founderdpost {
        text-align: center;
        font-size: 12px;
    }
	    .Leadersdetailscardsp {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 7px;
        padding-right: 7px;
        margin-top: 15px;
    }
	.aboutus {
  
    height: auto;
   
    display: block;
}
	section.HelpsGrow {
    
    height: auto;
}
	.Communitytext {
    padding: 0px 20px;
    width: 100%;
}
	img.logoteamfooteruperpart.mobile-hide {
    display: none;
}
	.Community {
    height: auto;
}
	.Community .container {
    padding-bottom: 0;
}
	    .communityimg.mobile-show .mobile-show {
        display: block;
        width: 100%;
    }
	.communityimg.mobile-show {
    display: block;
}
	
	.blogmobile-slider.homepage .swiper-slide{
	text-align:left;
	}
	.blogmobile-slider.homepage.hide-mobile .readmore:after, .blogmobile-slider.homepage.hide-mobile .readmore:before{
	display:block !important;
	}
	
	
	
}
        
        @media (max-width: 768px) {
            .faq-section h1 {
    text-align: unset;
    color: #343434;
    line-height: normal;
}
.aboutslider .card {
        width: 100%;
    }
	
	.service-section .col-md-3 {
        width: 100%;
        float: left;
        height: auto;
        margin: 4% 0 0 0;
    }
.imagesgridclients.container {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

 p.btnstyle.mobile-show {
    display: block !important ;
 
}
.mobile-show.Master.Workdaystyle .category-box {
    height: auto;
    width: 31%;
    padding: 10px;
}
.mobile-show.Master.Workdaystyle span.imgicon {
    display: none !important;
}
    .category-box h6 {
        font-weight: 600;
        margin-bottom: 5px;
        font-size: 11px !important;
        display: inline-block;
        padding-left: 0 !important;
    }

section.quotebox h2 {
    
    line-height: normal;
    font-style: normal;
    text-align: unset;
    color: #ffffff;
}
       .Discover p {
    text-align: left;
    
}  
.contact-sectionbox1 .col-3 {
    flex: 0 0 auto;
    width: 100%;
}
.EmployeeSpotlighttitle br {
    display: none;
}
    .Discovercard-card {
        
        padding: 15px;
        
    }
            nav ul li a.active:after, nav ul li a.active:after {
   
    left: 0;
    transform: translateX(0%);
}
    .nav-item {
        padding: 0 15px;
        padding-bottom: 0;
    }
    #navbarNav a {
   
    padding: 20px 0;
}
            section.hero-sections.services-hero-section.service-cruise, section.hero-sections.services-hero-section.contactus {
   
    height: auto;
    padding: 0;
    
}

    .category-box {
        
        padding: 10px 6px;
    }


.EmployeeSpotlight .testimonial-content p {

    font: normal normal normal 14px / 25px Open Sans;
    letter-spacing: 0px;
    color: #171717;
}
.Discovercard-card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 19px;
    width: 100%;
    height: auto;
    padding: 33px 26px;
    margin-bottom: 20px;
}
.col {
    justify-content: center;
    display: flex
;
}

.contact-card {
    background: #fff;
    padding: 40px 37px;
    border-radius: 38px;
    margin-bottom: 25px;
    width: 90%;
}

.contact-sectionbox1 {
    padding: 0;

}


    .icon-badge {
        justify-content: center;
        border-radius: 50%;
        right: -19px;
        top: -22px;
        z-index: 99;
    }

.Discovercard {
    display: block;
    gap: 2rem;
    padding: 0;
    gap: initial;
    width: 100%;
}
section.quotebox {
    
    padding: 0;
    
}
            
            h2.section-heading.mobile-show.style {
    letter-spacing: normal;
    line-height: normal;
}
    .section-heading {
        font-weight: 500;
    }
    h2.section-heading.tool br {
    display: none;
}


            .Mastermobileheading h2 span {
        display: inline;
    }
        .Key.Offerings.cards .keyOfferingcard-body {
        height: 100%;
        width: 100%;
    }
    span.mobile-show.text {
    padding: 0;
    display: inline !important;
}
    .Managementcards.Access-Managements {
        margin-top: 15px;
        padding-bottom: 60px;
    }
    .Workdayslider {
    overflow: hidden;
}
.Workday.mobile-show {
    background: #FFF5E7;
}
.keyOfferingcard-body h5 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    color: #151515;
}
.ignite-cardspacesliderimg {
    position: relative;
    width: 100%;
    height: auto;
}
.poweradv .Ourservicespartcard {
    padding: 25px;
    
}

     .Workdayslider .Guidingleftbox  p {
        
        font-size: 14px;
    }
    .imginner.mobile-show {
    margin: 5px 0 20px 0;
}

    section.ctan-section {
    background-position: top;
    padding: 0;
}
    section.service-section.card-titleboxhome .card.card-custom .card-body {
    min-height: auto;
}
.powersecbox {
   
    padding: 0;
}
h2.section-heading.power {
    font-family: 'Manrope';
    padding: 0;
    margin: 0;
}
.aboutslider .card p {
    font-size: 16px;
   
}
.Guidingleft {
    padding-bottom: 24px;
}
        .bg.Changemakers .container {
        padding: 31px 20px;
    }
        .bg.Changemakers {
        height: auto;
        background-size: initial;
        background-position: right;
    }
       .pdf-bottomdecorations.mobile-show img {
        position: relative;
        bottom: 61px;
        align-items: center;
        width: 100%;
    }
.pdf-bottom-decorations, .pdf-bottomdecorations {
    position: relative;
    bottom: -40px;
    width: 100%;
    text-align: center;
}
.pdf-bottomdecorations.mobile-show {
    position: static;
}
.pdf-documents-container {
        position: relative;
        width: 100%;
        height: 328px;
    
        margin-top: 35px;
    }
    .pdf-mobile-hide { display: none; }
    .pdf-mobileshow { display: block; }
    
    .card-titleboxhome .card-text {
    color: #333;
    margin-bottom: 0px;
    font-size: 17px;
    line-height: 130%;
}

    .arrow-btn.mobile-show {
        position: absolute;
        right: 42px;
        top: 24px;
        left: unset;
        align-items: center;
        align-content: center;
        justify-content: center;
        display: flex
;
    }
    .pdf-card-title {
    font-weight: 600;
    font-size: 9.73px;
    line-height: 1.3em;
    margin-bottom: 10px;
    color: #000;
}

.pdf-documents-container {
    position: relative;
    width: 100%;
    height: 328px;
  
}
    .pdf-document-card {
        overflow: hidden;
        width: 35%;
        height: 190px;
    }
    .arrow-btn svg {
        font-size: 12px;
        width: 18px;
    }

     .card-titleboxhome  .card-body {
        padding: 32px 24px;
        position: relative;
    }

    .readmore:before {
        content: "Read More";
        color: #252525;
        font-size: 18px;
        font-weight: 700;
        bottom: 12px;
        position: absolute;
        z-index: 99;
        left: 0;
    }
    footer .mobile-show {
        text-align: center;
    }
    
    .readmore:after {
        content: "";
        position: absolute;
        bottom: -80px;
        left: -41px;
        width: 160px;
        height: 160px;
        background: #ffefd9;
        /* border-bottom-right-radius: 111px; */
        /* border-top-right-radius: 111px; */
        /* border-top-left-radius: 99px; */
        display: flex
;
        align-items: center;
        justify-content: center;
        color: #252525;
        font-size: 19px;
        font-weight: 700;
        border-radius: 50%;
    }
    i.bi.bi-arrow-right.not.active {
    padding-top: 0px;
    font-size:18px;
    align-content: center;
}
    .swiper.mySwiper.mobile h5 {
        font-weight: 600;
        font-size: 20px !important;
        line-height: normal;
    }
    

.Community a {
    border-radius: 28px;
    background: #005cb9;
    padding: 10px 30px;
    display: inline-block;
    color: #fff;
    font: normal normal 600 16px / 22px Open Sans;
}
footer a {
    color: #fff;
    text-decoration: none;
    padding: 0 6px;
}
.tab-inner-icon.text-center img {
    width: 20px;
}
.tab-inner-iconstyle {
    background: #f28b02;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    
;
}
    .rowcenter-wrapper .value-box h4 {
        font-size: 1rem;
        padding: 0 !important;
        font-weight: 600;
    }
        .value-box .tab-inner-content {
        padding-left: 10px;
        align-content: center;
    }
.arrow.nonactive {
    width: 42px;
    height: 42px;
    transform: rotate(0deg);
    background: #f28b02;
    border-radius: 50%;
    position: absolute;
    display: flex
;
    justify-content: center;
    text-align: center;
    transform: rotate(-34deg);
}
        .blogmobile-slider .blog-card {
        min-height: 170px;
        width: 100% !important;
        transform: none;
        margin: 0;
        box-shadow: none;
    }
         .blog-card:after {
        content: "";
        position: absolute;
        width: 39px;
        height: 39px;
        background: #ffefd9;
        bottom: 30%;
        border-radius: 50%;
        left: 130px;
    }
    
    .blogmobile-slider.jobopeningslider .blog-card:after {
        display:none;
    }
    .readmore {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    min-height: 200px;
    width: 100% !important;
}


   .blogmobile-slider.homepage.hide-mobile .blog-card {
    width: 100%;
    transition: all 0.4s ease;
    transform: scale(0.85);
    
}
        .blogmobile-slider.homepage .swiper-slide {
        margin: 0;
        padding: 0;
    }
    
    
    
    
    
         .home .stat-text span {
    display: none;
	}
			
    .bg.Changemakers p {
       
        display: none;
    }
       .card-img-bottom {
    position: relative;
    overflow: hidden;
    width: 60%;
    height: auto;
}   
.Industry .card-custom {
            margin-bottom: 15px;
    width: 100%;
    padding: 30px 15px;
}
     .card.card-custom.logobox.h-100 {
    display: none;
}       
            section.about.box.home .equal {
    display: flex
;
    align-items: center;
    justify-content: center;
}
    .homepage .bannerh1 {
            font-size: clamp(2rem, 6vw, 4rem);
    font-weight: 600;
}        
            
            
            
            .value-box .tab-inner-content {
            padding-left: 10px;
        }
        
        /* Stack items vertically and animate the whole track */
.testimonial-track{
 
  animation: scrollY var(--dur, 20s) linear infinite;
}

/* Seamless loop: we animate exactly one 'set' height */
@keyframes scrollY{
  from { transform: translateY(0); }
  to   { transform: translateY(calc(-0 * var(--distance))); }
}

/* Optional: pause on hover */
.testimonial-vertical-slider:hover .testimonial-track{
  animation-play-state: paused;
}
        
        
        
   
    .Management.card-title {
        font-size: 15px !important;
        text-align: center;
        font-weight: 600 !important;
    }
    .hero-section p br {
    display: none;
}
.progress-bar {
   
    margin-right: 0;
   
}
span.duration {
    
    font-size: 13px;
    
    margin-bottom: 10px;
}
.hero-section.homepage p br {
        display: block;
    }
.section-heading {
   
   
}
.hero-section svg {
    width: 9px;
    height: 11px;
    
    margin-top: -5px;
}
.btn.btn-warning.hero {
    background: #f08a0a;
    border: none;
    font-size: 13.87px;
    font-weight: 600;
    padding: 0;
    border-radius: 57.16px;
    width: 130px;
    height: 38px;
    display: inline-block;
    align-items: center;
    align-content: center;
    margin-top:10px;
}
.btn.btn-primary.about.mt-3 {
    background: #0059B7;
    border-radius: 26px;
    font-size: 13px;
    height: 38px;
    width: 143px;
    align-content: center;
}
.fa-arrow-up-long::before, .fa-long-arrow-up::before {
    content: "\f176";
    transform: rotate(45deg);
    display: inline-block !important;
    font-size: 12px;
    padding-left: 2px;
    position: relative;
    top: -1px;
}
.category-box.active {
    background-color: #f28c00;
    color: white;
    position: relative;
    align-content: center;
    
}
.Communitytext P BR {
    display: none;
}
.contact-section {
    display: block;
    max-width: 100%;
    margin: 0;
    background: #fff;
    overflow: hidden;
}
.contact-section .contact-form {
    flex: 1.2;
    padding: 0;
}
.contact-section .form-group {
    display: block;
  
    margin-bottom: 0;
}
.contact-section input, .contact-section textarea {
    width: 100%;
   
    margin-bottom: 16px;
}
.contact-sectionbox .contact-card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 54px #F38B000F;
    padding: 40px 25px;
    margin-bottom: 20px;
}
.contact-sectionbox {
    display: block;
    justify-content: center;
   
    padding: 0;
    background: #FFF5E7 0% 0% no-repeat padding-box;
    margin-bottom: 10px;
}
.contact-section .btn-connect {
    margin-top: 15px;
}
.subtextboxservice {
    padding-top: 0;
}
section.Modules.Covered h2 {
        padding: 0;
    }
     .faq-section h1 {
            font-size: clamp(1.75rem, 5vw, 3rem) !important;
    
}
    .aboutusvideo .overlay {
        height: 225px;
        position: relative;
        background-size: cover;
    }
.faq-layout {
    display: block;
    grid-template-columns: 1fr 450px;
    gap: 50px;
    margin-top: 48px;
}
section.Frequently .container {
    padding: 50px 20px;
}
.section.Ourservicespart.one p.subtext {
   
    padding-top: 0;
}
p.adservice {
    
    margin-bottom: .5rem;
}
.row.ignite-cardbox >div {
    padding: 0;
}
        .section.Ourservicespart.one h2 {
    font: normal normal 500 45px / normal Open Sans;
    letter-spacing: 0px;
}
.RollingAdoptiontext p {
    font-size: 16px;
    color: #54555D;
    line-height: 170%;
}
        
        header {
    min-height: 90px;
    
}
.navbar-toggler .navbar-toggler-icon {
  /* Hamburger SVG */
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' ...%3E%3C/svg%3E");
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  /* Cross SVG */
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' ...%3E%3C/svg%3E");
}


.service-section .card-custom {
    padding: 0;
    height: auto !important;
}
video.aboutyoutubevideo {
    width: 100%;
    min-height: auto;
}
    .home .stat-text {
    font-size: 13px;
    color: #FFF1DE;
}
section.logo-slider-section:after, section.logo-slider-section:before {
        content: '';
        height: 100%;
        width: 30px;
    }
    button.navbar-toggler {
      
        position: absolute;
        right: 0;
    }
a.logo img {
        width: 230px;
        height: auto;
    }
    .CruiseDifferentiators h1.section-heading, .RollingAdoptiontext h3, h3 {
        font-size: clamp(1.75rem, 5vw, 3rem);
        line-height: normal !important;
                font-weight: 600 !important;
        color: #000;
    }
    .CruiseDifferentiator .content .tool-box {
    display: block;
    align-items: flex-start;
    gap: 16px;
    padding-left: 0;
    margin-bottom: 0;
}
    .CruiseDifferentiator .content {
    flex: 1;
    background: white;
    padding: 20px;
    height: 100%;
    display: flex
;
    align-items: center;
    height: auto;
}
.hero-section.Careerbanner h1.bannerh1{
    padding:0;
}
.Management.card-icon {
    width: 100%;
    text-align: center;
    flex: 0 0 auto;
    padding: 0 0 10px 0;
}
    .Managementcarddesign.col-6 {
        display: block;
        flex-direction: column;
        height: auto;
        width: 100%;
        padding-bottom: 11px;
    }
    .Managementcardtextdesign {
        padding-left: 13px;
        text-align: center;
    }
    div#navbarNav {
        width: 90%;
        padding-left: 20px;
    }
.aboutus p , .RollingAdoptiontext p{
    
   
}
.keyOfferingcard-body .card-icon {
    font-size: 24px;
    color: #0066cc;
    text-align: center;
    width: 100%;
    height: 40px;
    padding: 0;
    margin-bottom: 10px;
}
.keyOfferingcard-body .card-icon svg {
    width: 40px;
}
    .Key.Offerings.cards h5.card-title {

        text-align: center;
    }
a.nav-link.actives:after {
   
    left: 0;
    transform: translateX(-0%);
}
.Industry.Mastermobile .Mastermobileheading {
    margin-bottom: 0 !important;
}
.Mastermobile .category-box p {
    display: none;
}
.containers {
    padding: 60px 20px;
}

.about p {
   
}
section.service-section.card-titleboxhome {
    padding: 0;
}
.Changemakersbox {
    padding-left: 12px;
}
header .row div {
    width: 100%;
    padding: 0;
}
p.logosection {
    text-align: left;
}
div#navbarNav {
    width: 90%;
}
    button.navbar-toggler {
        position: absolute;
        right: 0;
       
    }

    button.navbar-toggler {
        z-index: 999;
       
    }
        .dropdown-menu.show {
    border: none;
    background: transparent;
}
.dropdown-menu.show a {
    margin-bottom: 10px;
}
section.hero-sections.services-hero-section.service-cruise {
    background: #FFF7EE;
    height: auto;
    padding: 0;
    display: flex
;
    align-items: center;
}
.textboxleft {
    padding-bottom: 50px;
}


section.hero-sections.services-hero-section .textboxleft {
    padding-bottom: 0px;
}



.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    background: transparent;
    color: #F28B02 !important;
}
       
       
    .teamsection {
    padding: 0px 0px;
}
.rowcenter-wrapper .value-box    h4 {
    font-size: 1rem;
}
    section.workday-slider-section {
        padding: 0;
    }
section.boxblue {
    background-image: none !important;
}


.CruiseDifferentiator {
    flex-direction: column;
  }

  .CruiseDifferentiator .sidebar {
    flex: 1 1 100%;
    display: flex;
    overflow-x: auto; /* allows horizontal scroll if too many tabs */
    background-size: cover;
    background-position: center;
  }

  .CruiseDifferentiator .tab {
    flex: 0 0 auto;
    padding: 10px;
    border-bottom: 2px solid transparent;
    text-align: center;
    white-space: nowrap;
  }

  .CruiseDifferentiator .tab.active {
    border-bottom: 2px solid #007bff;
  }

  .CruiseDifferentiator .content {
    flex: 1 1 100%;
    order: 2;
  }
 
   .CruiseDifferentiator .sidebar {
    display: flex;
    flex-wrap: wrap;
            width: 100%;
    background-size: cover;
    background-position: center;
  }
  section.CruiseDifferentiators {
    padding-bottom: 0;
}
.swiper-slide {
    margin: 0;
}
  .CruiseDifferentiator .tab {
    flex: 1 1 100%;
    text-align: center;
  }
   .CruiseDifferentiator .sidebar {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .CruiseDifferentiator .sidebar::-webkit-scrollbar {
    display: none;
  }
  
  .CruiseDifferentiator .grid:before,.CruiseDifferentiator .grid:after{
      display:none;
  }
.container.mySwiper {
    padding: 0;
}
.jobopeningslider .blog-card:before {
    display:none;
}
.jobopeningslider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal
{
    bottom:0;
}
    .jobtitlesec3 {
        text-align: right;
        margin-top: 40px;
    }
.blogmobile-slider.jobopeningslider .swiper-slide {
    margin: 0;
}
.Managementcard {

    height: 125px;
}
.GreatWorkcard h3 {
    margin: 0;
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}
.GreatWorkcard p {
    display: none;
}
.GreatWorkcard {
    text-align: center;
    padding: 15px;
}
    .hero-section,.hero-section.align-items-center {
        height: auto;
        min-height: auto;
        height: auto;
        min-height: 75vh;
        padding: 0;
        display: flex
;
        justify-content: center;
        align-items: center !important;
        text-align: center;
    }
.rowcenter-wrapper {
       padding: 0;
    gap: 0;
    flex-wrap: wrap;
}
.rowcenter-wrapper .value-box {
    background: white;
    padding: 0;
    border-radius: 10px;
    display: block;
    max-width: 100%;
}
            .Logosection {
    padding: 0;
}
   
    .aboutBenefits .pb-5 {
    padding-bottom: 0rem !important;
}
.align-items-center {
    align-items: start !important;
}
.rowcenter {
    display: block
;
    max-width: 100%;
    justify-content: center;
    flex: 1;
    margin: 0 auto;
}
section.aboutusvideo {
   
    padding: 0;
}
    video.aboutyoutubevideo {
        height: 225px;
        width: 100%;
    }

.aboutusvideo {
   
    display: block;
   
}
.equal {
    display: block;
    align-items: start;
    justify-content: center;
}
h2 {
   
    padding-bottom: 10px;
}
.aboutus {
   
   
    color: #171717;
    height: auto;
   
    display: block;
}
.navbar-toggler:focus {
    box-shadow: none;
   
}
                .Industry {
        background-color: #fff6ec;
        padding-top: 0;
        padding-bottom: 0;
    }
    section.Satisfaction {
    padding: 0;
}
            section.HelpsGrow, .EmployeeSpotlight, .Community {
    
    height: auto;
}
    .Logosection a {
        
        width: auto !important;
    }

    
        .hero-section {
        
        z-index: 9;
    }
div#navbarNav {
    z-index: 99;
}
button.navbar-toggler {
    z-index: 999;
}
    .Logosection a {
        display: inline-block !important;
        width: auto;
    }
.nav-item {
    padding: 0 15px;
    padding-bottom: 22px;
}

ul.navbar-nav {
    width: 100%;
    height: 70%;
    text-align: left;
}
.navbar-collapse {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 75%;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 2rem 1.5rem;
    z-index: 9999;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.4s ease-in-out;
    display: flex
;
  
}


.navbar-collapse.show{
            transform: translateX(0);
}



section.Recentblogsection .container {
    padding-bottom: 0;
}
.blogmobile-slider.homepage .swiper-slide {
    margin: 0;
}
.blogmobile-slider.homepage .blog-card:before {
    display:none;
}
.blogmobile-slider.homepage .card-body {
    padding: 0;
        text-align: left;
}
.hero-section h1.bannerh1 br {
    display: none;
}
   
    .hero-section p {
        font-size: 17px;
    }
    .bannerh1 {
        font-size: 38px;
    }



section.bgblue,section.bg.Changemakers.blue {

   
    height: auto;
   
    background-image: none !important;
}
 .CruiseDifferentiator {
        flex-direction: column;
        
      }

      .CruiseDifferentiator .grid {
        grid-template-columns: 1fr;
      }
.bg.Changemakers {
   
            height: auto;
}
.about.box, .service-section, .Industry, .Recentblogsection, .getintouch {
    padding: 0;
}
section.logo-slider-section:after,section.logo-slider-section:before {
    content: '';
    
    
}
.blogmobile-slider .swiper-slide {
    box-shadow: none !important;
    border: none;
}

 .bg.Changemakers h5 {
    font-size: clamp(1.3rem, 6vw, 3.5rem);
}
.bg.Changemakers p {
    font-size: clamp(0.4rem, 4vw, 1.25rem);
}
    
.about h2 br {
    display: none;
}
.bg.Changemakers h5 {
        font-size: clamp(1.3rem, 6vw, 3.5rem);
    }
section.hero-sections.services-hero-section.mobile-device {
    display: block !important;
}
.RollingAdoptiontext .ignite-cardspace {
    padding: 20px 0 0 0;
}
section.Key.Offeringssection {
    padding: 0;
}
.mobile-device {
    display: block;
}
.Ourservicespartcardright {
    display: block;
   
}
.keyOfferings h1.section-heading {
    
    font-size: clamp(1.75rem, 5vw, 3rem);
}
section.hero-sections.services-hero-section.mobile-device {
    display: block;
}

section.hero-sections.services-hero-section {
    background: #FFF7EE;
    height: auto;
    padding: 0;
    display: flex
;
    align-items: center;
}


    .Managementcard {
        display: block;
        width: 100%;
    }
.ignite-cardspace {
    padding: 20px 20px 0 20px;
}

section.bluegetstart {
    background: #025EB9;
    background-image: none !important;
}
    section.workday-slider-section {
        padding: 0px 20px 50px;
    }
.cityicons {
    background: #f28b02;
    height: 54px;
    background-size: contain;
    padding: 0;
}
p.signature img {
    width: 100%;
}
.aboutBenefits {
    padding: 0;
}
.GuidingPrinciples {
    background: #005CB9 0% 0% no-repeat padding-box;
    padding: 0;
}
    .tabscontent {
        padding: 0;
        border-radius: 4px;
    }
    .Leaders {
    padding: 0;
}
.Leadersleft {
    padding-bottom: 20px;
}


.aboutslider .card {
   
    width: 100%;
    
}



  #cardSlider {
    display: flex;
  }
  .Leadersdetailscardsp {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 15px;
}
.Leadersdetailscardsp .card-body {
    padding: 15px;
            text-align: center;
}
.Leadersdetailscardsp .Founderdpostcard {
    display: none;
}
.Leadersdetailscard .card-body h5 {
    font: normal normal bold 18px / 31px Open Sans;
    letter-spacing: 0px;
    color: #2B2B2B;
    margin-bottom: 0;
}
    .Leadersdetailscard {
     
        height: 291px;
    }
    .service-sectionspace {
    padding-bottom: 30px;
}
.card-body {
    padding: 15px;
}
    .service-section .col-md-3 {
        width: 50%;
        float: left;
        height: auto;
        margin: 2% 0;
        padding: 0 2%;
    }
p.Founderdpost {
           text-align: center;
    font-size: 12px;
}
  #cardSlider .card {
    flex: 0 0 100%; /* one card takes full width */
    max-width: 90%;
    margin: 0 5px;
  }
  .teamimagebox {
    height: 182px;
    overflow: hidden;
}
.tabscontent .rowcenter-wrapper  .value-item {
    padding-bottom: 20px;
}


.tabscontent .rowcenter-wrapper {
    display: flex
;
    justify-content: left;
    gap: 0;
    flex-wrap: wrap;
}
.aboutslider .slider-wrapper:after{
    display:none;
}
.Leadersdetailscard {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 5px #0000000D;
    border: 1px solid #E6E6E6;
    width: 100%;
    
}
.GuidingPrinciples h1 {
    font: normal normal 600 28px / 60px Open Sans;
    letter-spacing: -0.9px;
    color: #FFFFFF;
    line-height: normal;
}
 .card {
    width: 100%;
    flex: 0 0 100%;
  }
h2 {
    line-height: normal;
}
.tabscontent {
    
    padding: 12px 15px;
    border-radius: 4px;
}
.Communitybg.equalsport {
    display: block;
 
}
iframe.youtubevideo {
    height: 300px;
    margin-top: 25px;
    margin-bottom: 0;
}
.GreatWork.container.sp .section-heading {
    font-size: clamp(1.75rem, 5vw, 3rem);
    font-weight: 600;
            line-height: normal;
}
        h2 {
        font-size: clamp(1.75rem, 5vw, 3rem);
    }        
.Recentblogsection.Job.Openings {
    padding: 0;
    min-height: auto;
}
.jobtitlesec3 {
    text-align: right;
}
.Communitytext {
    padding: 0;
    display: block;
    width: 100%;
}
img.logoteamfooteruperpart {
    position: relative;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
}
.Imageiframegroup, div#autoCarousel {
    display: none;
}
.ignite-cardspaces {
    padding: 20px 0;
    text-align: left;
    text-align: left;
}
section.services-about-section, section.whois {
    padding: 0;
}
.Community h3 {
    font-family: "Open Sans";
    font-size: 27px;
    font-weight: 500;
    line-height: normal;
    font-style: normal;
    text-align: left;
    color: #343434;
    margin-bottom: 11px;
}
.Communitytext p {
    margin-bottom: 20px;
}
.jobopeningslider .blog-card{
     text-align: left !important;
}
.Recentblogsection.Job.Openings .blogtitlesec {
    padding: 50px 0 0 0;
}
.boxblue {
    
    padding: 0;
 
}
section.boxblue .col-sm-3 {
    width: 50%;
}
.Community {
   
    padding: 0 20px;
}
            .GreatWorkcard {
    background: #FFF5E7;
    border-radius: 9.8px;
    border: 1px solid #E2E2E2;
    margin-top: 0;
    padding: 10px;
  
}
    .mobile-show p {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 12px;
    }
    .GreatWorkcard .icon {
    margin-bottom: 0;
    font-size: 14px;
    padding: 0 0 12px 0;
}




.GreatWorkcardspace {
    margin-bottom: 20px;
    margin-top: 20px;
}
.GreatWork.container {
    padding-top: 60px;
    padding-bottom: 60px;
}
.Key.Offerings.cards .card-text {
    display: none;
}
.Key.Offerings.cards .keyOfferingcard-body {
    padding: 10px 10px;
    margin-bottom: 0;
}
.EmployeeSpotlight {
    color: #fff;
    background: #f38b00;
    padding: 0;
}
    .Benefits .Managementcarddesign {
        padding: 0;
        width: 46%;
       
        margin: 20px 2%;
    }
.Management.card-text {
   
    display: none;
}
section.Benefits.container {
    padding-top: 50px;
    padding-bottom: 0;
}
.Benefits .Managementcard {
    height: 100%;
    padding: 20px 10px;
    width: 100%;
    margin:0;
}
.teamimg {
    
}
            .ignite-card h3 {
    color: #F28B02;
    font-size: 23px;
    font-weight: 700;
}
            .section.Ourservicespart {
    padding: 0px 0;
}
.ignite-cardspace {
    padding: 20px;
    
}
    .service-about-section .ignite-card img {
        padding-left: 0;
        width: 150px;
        display: none;
    }
.Ourservicespartcard.leftbox,.Ourservicespartcard.rightbox {
    margin-right: 0;
    margin-left: 0px;
            margin-bottom: 20px;
}
    .casestudayboxcardstyle {
        margin-bottom: 0;
    }
    .getstrttext h2 {
    color: #fff;
    font-size: clamp(1.35rem, 5vw, 1rem);
}
    .mobile-hide {
        display: none !important;
    }
        .mobileview {
        display: inline-block !important;
    }
.Ourservicespartcard.rightbox {
     
        margin-bottom: 0px;
    }
    .bluegetstart {
    padding: 0 !important;
    background-size: cover;
   
}
   
   
.casestudayboxcard{
    margin-top: 20px;
}
.bg.Changemakers h5 br {

    margin-bottom: 10px;
}
.bg.Changemakers h5 {
    margin-bottom: 10px;
}
.casestudaybox-container {
    margin-top: 0;
}
.mobileview {
    display: block;
}
            .mobile-hide {
    display: none;
}

    .getstratbtn {
        text-align: left;
        margin-top: 20px;
        margin-bottom: 20px;
    }
.Managementcards.Access-Managements
 {
    margin-top: 15px;
}
a.view-readmore {
    margin-top: 10px;
}
.casestudaybox-container span.arrow {
    display: none;
    
}

.card-icon {
    font-size: 24px;
    color: #0066cc;
    text-align: center;
    padding-bottom: 8px;
}
.Managementcarddesign {
    margin-top: 10px;
    padding: 0 5px 0 5px;
}
    .Access-Management {
        display: block;
        height: auto;
        background: none !important;
    }
    .view-readmore{
        display:block;
        color: #0059B7;
    }
    .Managementcardtextdesign {
    padding-left: 10px;
    text-align: center;
}
section.Access-Management .container {
    padding-bottom: 0;
}
section.service-about-section .container {
    padding-top: 50px;
    padding-bottom: 0;
}
section.Modules.Covered .container {
    padding-bottom: 30px;
}


.Key.Offerings.cards {
    width: 46%;
    float: left;
    margin: 4% 2% 0;
            height: 120px;
    
}
section.Key.Offeringssection.mobile-device .container {
    padding-bottom: 0;
}
section.hero-sections.services-hero-section p {
    font-size: 18.35px;
    font-family: 'Manrope';
    letter-spacing: normal;
    color: #0B0A0999;
    line-height: normal;
}
.hero-section p {
    
    line-height: normal;
    
}
section.hero-sections.services-hero-section h1.bannertext {
   
    font-size: 35.99px;
    
    line-height: normal;
    font-family: Manrope;
    font-weight: 600;
}
.Key.Offerings.cards .card-icon img {
    width: 30px;
}
.Key.Offerings.cards .keyOfferingcard-body {
   
    height: 100%;
}
.section.Ourservicespart .subtextbox,.section.Ourservicespart h2 {
    align-content: space-around;
    padding-top: 0;
            padding-bottom: 0;
}
span.tick {
    width: 12px;
    height: 20px;
    display: inline-block;
}
section.CruiseDifferentiators .container {
    padding-top: 0;
}
.ignite-card img {
    
    padding-left: 0;
    width: 150px;
}
.ignite-card {
       height: auto;
        text-align: center;
    }

.ignite-cardspace {
  
    text-align: left;
}
section.Modules.Covered {
    padding: 0;
}
    
.Managementcard {
  
    display: block;
}
  .category-box {
    width: 30%;
	  
    
}   
h1.section-title, section.services-about-section h2 {
   
    font-size: clamp(1.75rem, 5vw, 3rem);
}
.servicebanner .bannerh1 {
   
    font-size: clamp(2rem, 6vw, 4rem);
}
/*mobile blog slider----*/
.swiper.mySwiper.mobile i.fas.fa-arrow-right {
    width: 46px;
    height: 46px;
    background: #F28B02;
    color: #fff;
    display: flex
;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 18px;
}
.blogmobile-slider .container {
    padding: 20px 0px 50px;
}
.Recentblogsection.Job.Openings .blogtitlesec1 h2,section.Benefits.container h2.section-heading {
    /* display: none; */
    line-height: normal;
}
.blog-card {
      background-color: #ffe7c4;
      border-radius: 10px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      padding: 20px;
      margin: 10px;
    }

    .swiper.mySwiper .card-body {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -6px;
}

.swiper.testimonialSwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: 0px;
}
.swiper.testimonialSwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden  .swiper-slide{
        min-height: 223px !important;
}
.EmployeeSpotlight h2 {

    line-height: normal;
   
}
    .content {
      flex: 1;
      padding-right: 10px;
    }

    .blog-img {
      max-width: 80px;
      height: auto;
    }

       .swiper.mySwiper.mobile .read-more {
        color: #000;
        font-weight: 600;
        margin-top: 10px;
    }
    .swiper.mySwiper.mobile  h5 {
    font-weight: 600;
    font-size: clamp(1.75rem, 5vw, 3rem);
}

    .swiper {
      padding: 30px 0;
    }

    .swiper-button-next,
    .swiper-button-prev {
      display: none;
    }

    .swiper-pagination-bullet {
      background: #007bff;
    }
    .blog-card {
   
    min-height: 200px;
  
}
.read-more {
    color: #0059B7;
    font-weight: 500;
    margin-top: 10px;
}
/*mobile blog slider----*/
      .blogmobile-slider .blog-card {
        min-height: 170px;
        width: 100% !important;
        transform: none;
        margin: 0;
        box-shadow: none;
        border-radius:30px;
    }
    .blogmobile-slider.jobopeningslider .swiper-slide{
        padding:0 30px;
    }
     .blogmobile-slider.jobopeningslider   .card-body {
        padding: 0;
    }
        .jobopeningslider .blog-card {
        text-align: left !important;
        padding: 20px;
    }
   .blogmobile-slider.jobopeningslider  .content{
        padding:0;
    }
.mobile-show {
    display: block;
}
    .mobile-show p {
        margin-top: 10px;
        margin-bottom: 0;
    }
footer {
    padding: 0 !important;
}
h2 {
    font-size: clamp(1.75rem, 5vw, 3rem) !important;
}
footer p {
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}
                .Logosection a {
                    display: inline-block !important;
                    width: 73px;
                }
                span.mobile-hide {
    display: none;
}
.communityimg img {
    width: 100%;
}
.blogmobile-slider .blog-card{
    width:80%;
}
.communityimg {
    padding: 16px 0 0 0;
}
    .Communitybg .container {
        padding: 50px 20px 0;
    }
                .container, .container-sm {
        max-width: inherit;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-white {
    padding-top: 0;
}

.getintouch .container {
    display: block;
 
}

.left {
    max-width: 100%;
    width: 100%;
}
.right {
    background: #fff;
    padding: 30px;
    border-radius: 30px;
    width: 100%;
    margin-top: 30px;
}
.getintouch h2 {
    
    font-size: clamp(1.75rem, 5vw, 3rem);
}


    section.Recentblogsection .blogtitlesec div {
        width: 100%;
        text-align: left;
        padding: 0;
        display: block;
    }
footer {
        /* background-color: #035FB8; */
        padding: 60px 0;
        /* background-position: center; */
        color: #fff;
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
        background-size: cover;
        background-position: center;
    }
footer .row {
    padding: 0 !important;
    display: block;
}
footer .row div {
    width: 100%;
    padding: 0 !important;
    display: block;
}

.Contact {
    display: none !important;
}
    .copywrite a {
        font-size: 14px;
        display: block;
        padding: 0;
        padding-bottom: 10px;
    }
    
.sidebar .col-6, .sidebar ul, .sidebar .col-6 ul li {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 15px;
}
footer .row div.col-4 {
    flex: 1;
}
footer .row div.col-8 {
    flex: 3;
    margin-right: 10px;
}
form.row.g-2 {
    display: flex
;
    width: 100%;
    max-width: 100%;
}
.copywrite {
    padding: 0;
}
        }
        
   @media (max-width: 991px) {
	    .swiper.mySwiper.jobOpeningSwiper.mobile .swiper-slide{
		 box-shadow:none;
		 border:none;
		 margin:0
		 
		 
	 }
	   section.whois .whoiscard {
    border-radius: 9px;
    background: #fff;
    border: 2px solid rgba(66, 82, 207, 0.1);
    color: #05000B;
    font-size: 0;
    line-height: 155%;
    font-family: 'Open Sans';
    padding: 15px;
    margin-bottom: 20px;
    height: 190px;
}
	   .whoiscard h3 {
    
    font-size: 16px;
    line-height: normal;
 
}
	   .Access-Management {
        display: block;
        height: auto;
        background-image: none !important;
    }
	   .Ourservicespartcard.leftbox {
    margin-right: 0;
    width: 100%;
}
	   .Ourservicespartcard.leftbox {
            margin: 0;
    width: 100%;
}
	  /* .Ourservicespartcardright {
    display: none;
} */
	   .whoiscard .icon {
    width: 40px;
    height: 40px;
    margin-bottom: 0;
}
	   .whoiscard p {
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 12px;
    line-height: normal;
    color: #05000B;
    opacity: 0.7;
}
	   .Ourservicespartcard.rightbox {
    margin-left: 0;
    margin-top: 30px;
}
	   .section.Ourservicespart {
    padding: 0;
}
	   .blogmobile-slider.homepage.hide-mobile {
    padding-bottom: 50px;
}
	   .blog-card{
	   padding:0;
	   }
	   div#getintouch div {
    width: 100%;
    display: block;
    max-width: 100%;
		   text-align: left;
}
	       .flags img {
        width: 40px;
        margin-right: 20px;
    }
	   section.about.box.home a.btn.btn-primary.about.mt-3.mobile-hide {
    margin-top: 25px !important;
    display: block;
}
	   section.service-section.card-titleboxhome {
    padding: 0;
}
	  
	       .Recentblogsection #cardContainer {
        display: none;
    }
	   .blog-card:before, .blog-card:after{
	   display:none;
	   }
	   
	   
	 .Recentblogsection.Job.Openings  #cardContainer {
        display: none;
    }
	 .Recentblogsection.Job.Openings {
    padding: 20px 0px 40px 0px;
    min-height: auto;
}  
	  .blogtitlesecpart, .blogtitlesecpart div {
    display: block;
    text-align: justify;
    width: 100%;
}
	       .Recentblogsection.Job.Openings {
        padding: 20px 0px 0px 0px;
        min-height: auto;
    }
	   .Recentblogsection.Job.Openings .blogtitlesec {
    padding: 15px 0;
    padding-bottom: 0;
}
	   
	   
      .Recentblogsection .blog-card .blog-textbox {
    width: 252px !important;
    margin-top: 0 !important;
    max-width: 332px !important;
}
	   .blog-card {
   
    height: 256px;
 
}
	   .blogmobile-slider.homepage.hide-mobile .container {
    padding: 0;
}
	   .blog-textbox h5 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -4%;
}
	   section.Recentblogsection .blog-card.active p {
    visibility: visible;
    color: #0F0F0F;
    font-size: 13px;
}
       .Recentblogsection .card-wrapper {
    flex: 1;
    min-width: 240px;
    transition: flex 0.5s 
ease;
    transform-origin: right center;
}
       
       .navbar-toggler .toggler-icon {
  width: 25px;
  height: 2px;
  background-color: #fff;
  display: block;
  position: relative;
  transition: all 0.3s;
}

.navbar-toggler .toggler-icon::before,
.navbar-toggler .toggler-icon::after {
  content: "";
  width: 25px;
  height: 2px;
  background-color: #f08a0a;
  position: absolute;
  left: 0;
  transition: all 0.3s;
}
button.navbar-toggler {
    border-color: #f08a0a;
}
.navbar-toggler .toggler-icon::before {
  top: -8px;
}

.navbar-toggler .toggler-icon::after {
  top: 8px;
}

/* When menu is open → make "X" */
.navbar-toggler.collapsed .toggler-icon {
  background-color: #f08a0a;
}
    button.navbar-toggler {
        z-index: 999;
        width: 50px;
        height: 40px;

        color: #f08a0a;
    }
.navbar-toggler:not(.collapsed) .toggler-icon {
  background-color: transparent;
}

.navbar-toggler:not(.collapsed) .toggler-icon::before {
  transform: rotate(45deg);
  top: 0;
}

.navbar-toggler:not(.collapsed) .toggler-icon::after {
  transform: rotate(-45deg);
  top: 0;
}

      .mobile-slide {
        position: fixed;
        top: 0;
        right: 0;
        height: 100vh;
        width: 75%;
        background-color: rgba(255, 255, 255, 0.95);
        padding: 2rem 1.5rem;
        z-index: 9999;
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
        transform: translateX(100%);
        transition: transform 0.4s ease-in-out;
        display: flex;
        flex-direction: column;
      }
          div#navbarNav {
        width: 90%;
    }
        header .row div {
        width: 100%;
        padding: 0;
    }
        div#navbarNav {
        width: 90%;
    }
    .navbar-collapse {
        position: fixed;
        top: 0;
        right: 0;
        height: 100vh;
        width: 75%;
        background-color: rgba(255, 255, 255, 0.95);
        padding: 2rem 1.5rem;
        z-index: 9999;
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
        transform: translateX(100%);
        transition: transform 0.4s ease-in-out;
        display: flex
;
    }
        ul.navbar-nav {
        width: 100%;
        height: 70%;
        text-align: left;
    }
        a.nav-link.actives:after {
        left: 0;
        transform: translateX(-0%);
    }
    .dropdown-menu.show {
        border: none;
        background: transparent;
    }
    
    
    .navbar-collapse.show {
        transform: translateX(0);
    }
     .logosection {
    width: 100%;
}
    .hero-section p {
        line-height: normal;
        line-height: 38.5px;
    }
      section.contactusform {
    padding: 0;
}
      .mobile-slide.show {
        transform: translateX(0);
      }
      .mobile-slide .close-btn {
        position: absolute;
        top: 1rem;
        right: 1.5rem;
        background: none;
        border: none;
        font-size: 1.5rem;
        cursor: pointer;
      }
      
      .nav-item {
    padding: 0 15px;
    padding-bottom: 22px;
}


         .service-section .col-md-3 {
        width: 50%;
        float: left;
        height: 331px;
        margin: 4% 0;
    } 
      
      
     
      
      .document-card h3.card-title {
    color: #000;
    font-size: 9px;
    text-align: center;
    padding: 0 12px;
    font-family: 'Manrope';
    line-height: normal;
}
      
     .document-card {
    position: absolute;
    width: 150px;
    height: 190px;
    
} 
    img.bottomdecs.mobileshow {
        box-shadow: none;
        transform: none;
        width: 100%;
        margin-bottom: 30px;
    }
.documents-container {
    position: relative;
    height: 328px;
    width: 100%;
}
      
    }      
       @media (max-width: 538px) {

    .CruiseDifferentiator {
        flex-direction: column;
        margin: 10px 0 0 0;
    }
    .aboutservice-cruise h2.section-heading {
    margin: 0;
    padding: 0;
}
.CruiseDifferentiator .tab, .CruiseDifferentiator .tab.active {
    font: normal normal 600 10px / 12px Open Sans;
    width: 31%;
    float: left;
    display: block !important;
    overflow: hidden;
    margin: 1%;
    white-space: normal;
    line-height: normal;
      height: 100px;
}
.CruiseDifferentiator .tab small {
   
    display: none !important;
    
}
.CruiseDifferentiator .grid {
   
    gap: 0px;
   
}
.CruiseDifferentiator  .sidebar {
    display: block !important;
    width: 100%;
         
    float: left;
    margin: 0 auto;
}
     
            .aboutslider .card {
        margin-right: 0px;
    }
            
      

           button.navbar-toggler {
    position: absolute;
    
    right: 5px;
            top: 15px;
}
.bannerh1 {
    font-size: clamp(2rem, 6vw, 4rem);
}
.hero-section p {
    font-size: clamp(1rem, 4vw, 1.5rem);
}
.card-custom {
    margin-top: 20px;
}


a.btn.btn-primary.about.mt-3 {
    margin-bottom: 20px;
}

.about .num {
    font-size: 26.07px;
   
}

section.Satisfaction .col-6 {
    flex: 0 0 auto;
    width: 100%;
}
section.Satisfaction span.style {
    display: inline-block !important;
}
.client-Satisfaction-image {
            display: none;
    margin-bottom: 25px;
}

       }  
        @media (max-width: 991px) {
			.service-section .col-md-3 {
        width: 50%;
        float: left;
        height: auto;
        margin: 4% 0 0 0;
    }
    .container, .container-md, .container-sm {
        max-width: inherit;
    }
			section.service-section.card-titleboxhome .card.card-custom .card-body {
    min-height: 194px;
}
			    button.navbar-toggler {
        z-index: 9999;
    }
			
    button.navbar-toggler {
    top: -48px;
    position: absolute;
    right: 0;
}
    .mobileshow{
        display:inline-block;
    }
    .mobile-hidden{
        display:none;
    }
    .mobileshow a {
    margin: 0px 0 0 0 !important;
}

.container{
        padding: 50px 20px;
       
    }
			    #navbarNav a {
        padding: 20px 0;
    }
			    nav ul li a.active:after, nav ul li a.active:after {
        left: 0;
        transform: translateX(0%);
    }
        div#navbarNav {
        z-index: 999;
    }
          .dropdown-menu.show {
    border: none;
    background: transparent;
}
.dropdown-menu.show a {
    margin-bottom: 10px;
}
    ul.navbar-nav {
       
        padding-top: 40px;
    }
     button.navbar-toggler {
        z-index: 9999;
    }

    header .container,.hero-section .container  {
        padding-top: 0;
        padding-bottom: 0;
    }
    .testimonial-vertical-slider.hide-mobile {
    display: none;
}

    .testimonial-vertical-slider {
        display: block;
    }


.section-heading {
   
    font-size: clamp(1.75rem, 5vw, 3rem);
}
.Testimonials {
    padding-top: 30px;
}
.slider {
    
    height: 62px;
   
}
.slide {
    width: 162px;
    
    height: 30px;
}
    .num {
        font-size: 30px;
    }

    .Industry #card-title {
        font-size: 20px;
        color: #000;
        line-height: 118.4%;
    }
    p#card-description {
    font-size: 12px;
}
.flags.mobile-hide {
    display: none;
}
.flags img {
    width: 40px;
    
}
.flags {
    text-align: center;
}
.mobile-show {
    
}
    .flags {
    
        justify-content: center;
    }
p.card-text {
    font-size: 11px;
}
.downloadpdf .container {
    padding-bottom: 0;
}

.flags {
    display: flex;
    gap: 0px;
    margin-bottom: 16px;
}
.number {
    flex: 1;
    padding-top: 20px;
}
.numtext {
    font-size: 14.15px;
    color: #FFF1DE;
    /* font-size: clamp(1rem, 4vw, 1.25rem); */
    font-size: clamp(0.675rem, 2.5vw, 1.25rem);
   
}
.Industry {
        background-color: #fff6ec;
      
    }
    .category-row {
  display: flex;
  width: 100%;
}

.category-card {
  width: 25%;
  padding: 20px;
  box-sizing: border-box;
  background-color: #f8f8f8;
  text-align: center;
  border-radius: 10px;
  margin: 5px;
  font-family: sans-serif;
  font-weight: bold;
  color: #333;
}

/* Highlight selected card */
.selected {
  background-color: orange;
  color: white;
}

.py-5 {
    padding-top: 0 ;
        padding-bottom:0 ;
   
}
.sidebar ul {
    padding-bottom: 0;
}

span.mobile-show {
    display: block !important;
    font-size: 14px;
    padding: 20px 0 0 0;
}
.category-box:not(:first-child).active {
    background-color: #f28c00;
    color: white;
    position: relative;
}
section.Satisfaction {
    padding-top: 0;
}

      
    
    .category-box small {
    display: none;
}
.category-box.active span.imgicon {
    display: inline-block !important;
    margin: 0;
    padding: 5px;
}
span.imgicon img {
    height: 20px;
    width: 20px;
}
.category-box h6 {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 12px;
    display: inline-block;
    padding-left: 8px;
}
   .category-box.active h6 {
    padding-left:3px;
    font-size: 12px;
 
} 
.downloadpdf {
    
    padding-top: 0;
}

    .category-box.active {
       
        padding: 10px 6px;
    }
			    .service-section .col-md-3 {
        width: 100%;
        float: left;
        height: auto;
        margin: 4% 0 0 0;
    }
			.imginner.mobile-hide {
    display: none !important;
}
			section.hero-sections.services-hero-section.service-cruise, section.hero-sections.services-hero-section.contactus {
   
    height: auto;
   
}
}

 @media (min-width: 991px) {
      .swiper.mySwiper.mobile {
            display: none;
        }
	 
	 .swiper.mySwiper.jobOpeningSwiper.mobile .swiper-slide{
		 box-shadow:none;
		 border:none;
		 
		 
		 
	 }
	 
	     .container, .container-md, .container-sm {
       
        padding-left: 20px;
        padding-right: 20px;
    }
	 
	 
}

 @media (max-width: 576px){
    #cardContainer {
    display: none;
}
section.about.box.home .num {
   
    font-size: 35px;
}
    .service-section .col-md-3 {
        height: 289px;
        width: 100%;
        margin:4% 0 0 0;
    }

    .service-section .col-md-3 {
      
        height: auto;
       
    }
.card-custom .boxlogo img {
    border-radius: 12px;
    max-height: 257px;
    object-fit: cover;
    padding: 50px 0;
}
    
        .Leadersdetailscardsp .card-body {
        padding: 13px 10px;
        text-align: center;
    }
   .Leadersdetailscard .card-body h5 {
        font: normal normal bold 15px / 18px Open Sans;
        letter-spacing: 0px;
        color: #2B2B2B;
        margin-bottom: 0;
    }
}