@font-face {
    font-family: 'work_sansbold';
    src: url('../fonts/worksans-bold-webfont.woff2') format('woff2'),
         url('../fonts/worksans-bold-webfont.woff') format('woff');
    font-weight: normal;
      font-display: swap;
    font-style: normal;

}




@font-face {
    font-family: 'work_sansextrabold';
    src: url('../fonts/worksans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/worksans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
      font-display: swap;
    font-style: normal;

}




@font-face {
    font-family: 'work_sansmedium';
    src: url('../fonts/worksans-medium-webfont.woff2') format('woff2'),
         url('../fonts/worksans-medium-webfont.woff') format('woff');
    font-weight: normal;
      font-display: swap;
    font-style: normal;

}




@font-face {
    font-family: 'work_sansregular';
    src: url('../fonts/worksans-regular-webfont.woff2') format('woff2'),
         url('../fonts/worksans-regular-webfont.woff') format('woff');
    font-weight: normal;
      font-display: swap;
    font-style: normal;

}




@font-face {
    font-family: 'work_sanssemibold';
    src: url('../fonts/worksans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/worksans-semibold-webfont.woff') format('woff');
    font-weight: normal;
      font-display: swap;
    font-style: normal;

}


body{
   font-family: 'work_sansregular';
}

body, div, p, li, ul, ol, span, strong, h1, h2, h3, h4, h5, h6{
  padding: 0px;
  margin: 0px;
}
button:focus, button:active, .btn-check:focus+.btn{
    outline: none;
    box-shadow: none !important;

}
a{
text-decoration: none;}
li, ul, ol{
list-style: none;}
button, button:focus, button:hover, button:active{
    outline: none;
}

img { max-width:100%; }

.navbar-toggler-icon {
   background-image: url(../images/menu.webp);}

.navbar-collapse { flex-grow:0 !important;}

.nav-item a {
    font-size: 16px;
      color: #000;
      text-transform: uppercase;
      font-family: 'work_sanssemibold';
}

.nav-item a:hover { background-color: #E1EAFF; }

.navbar-brand img { width:110px; }
.navbar-nav li { margin-left:10px; }

nav.navbar.navbar-expand-lg {
    position: fixed;
    background-color: #fff;
    width: 100%;
    z-index: 999;
}


.mt-top {
    margin-top: 160px !important;
}

.navbar-nav .dropdown:hover .dropdown-menu {
            display: block;
            margin-top: 0;
        }

      .navbar-nav  a.dropdown-item {
    text-transform: capitalize;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: #E1EAFF;
}


.dropdown-menu {
    border: inherit;
}

.dropdown-menu li {
    margin-left: 0;
}

/*common css in all pages*/

.bg-theme-blue {background-color:#163689;}
.bg-lightdark-blue {background-color:#CED5E6;}
.bg-more-light-blue {background-color:#E1EAFF;}
.bg-sky-blue {background-color:#EBF6FF;}
.bg-light-gry {background-color:#FCFAFA;}

.mt-7 { margin-top:70px; }

h3 { font-size:20px; font-family: 'work_sanssemibold'; line-height: 27px;}

p { font-size:18px; line-height:27px;}

.cmn-heading h2 {font-size: 30px;
   font-family: 'work_sansbold'; }

   .cmn-heading-inner h2 {font-size: 30px; margin-bottom: 10px;
   font-family: 'work_sansbold'; }

h2 {   font-family: 'work_sanssemibold'; }
.cmn-heading h2 {
  position: relative;
  display: inline-block;
  z-index: 1;
  font-family: 'work_sansbold';
}



.w-70 { max-width:70%; }

.cmn-heading.text-left h2::before {
    left: 0;
    transform: translate(0%, -50%);
}
   

/*home-page-css*/

.hero-heading h1 { font-size:50px; font-family: 'work_sansbold'; margin-bottom:15px; color:#163689; }

.hero-heading p {font-size:22px; line-height: 32px;}

.hero-home {
    padding-top: 20px;
    position: relative;
}



.services-explore-home {
    position: absolute;
    right: 326px;
    top: 300px;}


.object {
  -webkit-animation: shimmy 2s infinite;
  animation: shimmy 2s infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@-webkit-keyframes shimmy {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(20px, 50px);
    transform: translate(20px, 50px);
  }
}

@keyframes shimmy {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
  }
}

.hero-img {
    margin-top: 50px;
}

.services-explore-home.object {
    z-index: 9;
}

.services-explore-home.object:hover { filter: drop-shadow(2px 4px 6px #163689); }

.about-us-section{
    padding: 60px 0;
}

.hero-heading {
    position: absolute;
    width: 47%;
    top: 18%;
}


.about-img img {
    border-radius: 40px;
}

.about-status h3 {
    font-family: 'work_sansmedium';
    font-size: 20px;
    line-height: 26px;
}


.button-row .btn.btn-outline-primary {
    border: 1px solid #163689;
    color:#163689;
}

.button-row .btn:hover{ background-color: #EBF6FF !important; color:#163689; border-color: transparent;}

.button-row .btn {
 font-size: 20px;
    font-family: 'work_sansmedium';
    padding: 12px 20px;
    border-radius: 10px;
}

.button-row .btn.btn-primary {
    border: 1px solid #163689;
    background-color: #163689;
}

.btn-white {
    background-color: #fff;
    border-radius: 104px !important;
    padding: 6px 20px !important;
    font-size: 18px !important;
}

.services-col:hover { background-color:#163689; color: #fff; }

.industries {
    padding: 44px 0px;
}

.industries .ind-col {
    background-color: #fff;
    padding: 16px;
    border-radius: 24px;
    border: 1px solid #C8D7FF;
}

.industries .ind-col:hover { color:#163689;  background-color:#C8D7FF;}
.moretext {
  display: none;
}

a.moreless-button, .moreless-button-directors {
    font-size: 18px;
    font-family: 'work_sansmedium';
}

.award-img img { border-radius:14px; }

.award-container .overlay {
    opacity: 0; 
    background-color: #163689cc;
    border-radius:14px;
    transition: opacity 0.4s ease-in-out;
}

.award-container:hover .overlay {
    opacity: 1; 
}

/* Positioning dots on the left bottom */
.slick-dots {
    position: absolute;
    bottom: -30px;
    left: 10px;
    display: flex;
    gap: 5px;
}

/* Styling dots to be low opacity except for active one */
.slick-dots li {
    opacity: 0.4;
    transition: opacity 0.3s ease-in-out;
    font-size: 0;
    
}

.slick-dots li button {
    height: 12px;
    border-radius: 110px;
    border: inherit;
    background-color: #163689;
}

.slick-dots li.slick-active {
    opacity: 1;
}

/* Custom arrows on the right side */
.slick-prev, .slick-next {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -55px;
    cursor: pointer;
    z-index: 10;
    margin-right: 15px;
}

.slick-prev {
    right: 60px; /* Adjust for proper spacing */
}

.slick-next {
    right: 10px; /* Adjust for proper spacing */
}

.our-customer {
    padding: 82px 0;
}



.form-control {
    min-height: 56px;
    background-color: #EBF6FF;
    border: 1px solid #CFCFCF;
    font-size: 16px;
   font-family: 'work_sansmedium';
   border-radius: 12px;
}

/* Change focus border color */
input:focus, textarea:focus {
    border-color: #163689 !important;
    box-shadow: 0 0 5px rgba(22, 54, 137, 0.5); /* Soft glow effect */
}

/* Placeholder opacity on focus */
input:focus::placeholder, textarea:focus::placeholder {
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
}

.contact-form h3 {color:#163689; font-size:30px;   font-family: 'work_sansbold'; margin-bottom:15px; }

.contact-form .btn { max-width: 150px; margin:auto; }

.dt-cal-col span, .follow span, .clab {font-size:18px; font-family: 'work_sansmedium';}
.contact-form-wrapeer {
    padding: 50px;
    border-radius: 30px;
}


.dt-cal-col {
  display: flex;
  align-items: center;
  flex: 1 1 45%;
  gap: 15px;
}

.img-icn img {
  width: 40px;
  height: auto;
}

.cont-email {
  display: flex;
  flex-direction: column;
}

.contact-form {
    background-color: #fff;
    padding: 40px;
    border-radius: 29px;
}

.design-develop {
    background-color: #E1EAFF;
    padding: 6px 0;
    
}

.design-develop .data-develop{display: flex;
    justify-content: space-between;
    align-items: center;}

    .footer-a a { font-size:18px; color:#000;  font-family: 'work_sansmedium'; }

    .footer-a a:hover {  color:#163689; }

    .footer-a li { margin-top:10px; }
    footer {
    padding: 54px 0 20px 0;
}

div#successModal {
    padding-top: 200px;
}

section.inner-page-hero {
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0;
    position: relative;
    top: 85px;
    margin-bottom: 80px;
    background-size: cover;
}


.inner-page-hero h1 { font-size:34px; font-family: 'work_sansbold'; margin-bottom:15px; }


.cem-list li { 
    font-size:18px; }


    .cem-list {
  list-style: none;
  padding-left: 0;
}

.cem-list li {
  display: flex;
  align-items: center; 
  position: relative;
  padding-left: 26px; 
  line-height: 1.4;
  margin-top: 10px;
}

.cem-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2%;
  width: 18px;
  height: 18px;
  background-image: url('../images/about-us/bullet-point.webp');
  background-size: contain;
  background-repeat: no-repeat;
}

.cem-about-col {
    border: 1px solid #C0C9DF;
    padding: 24px;
    border-radius: 24px;
    height: 100%;
}


.about-us-img img { border-radius:24px; }

.tabs-cem {
    background-color: #F2F2FE;
    padding: 12px;
    font-size: 20px;
    border-radius: 100px;
    width: fit-content;
    margin: auto;
    border: none;
}

.tabs-cem button {
    color: #000;
}

.tabs-cem .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: inherit;
    border-radius: 100px;
}

.tabs-cem .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
    border-radius: 100px;
    border: none;
}

 .nav-tabs .nav-link{
    padding: 10px 20px;
}

.experise-col { padding:20px; border-radius:14px; height: 100%;}

.experise-col h5 {  font-family: 'work_sansmedium'; font-size:20px; margin-top:5px; }

.expertise h4  { font-family: 'work_sanssemibold';}


.equal-height-cols {
  display: flex;
  flex-wrap: wrap;
}

.equal-height-cols > .col-md-3 {
  display: flex;
}

.equal-box {
  background: #fff;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.object-cover {
  object-fit: cover;
}



  .rounded-img {
      border-radius: 20px;
      object-fit: cover;
      height: 100%;
      width: 100%;
    }

    .accordion-wrapper {
      max-height: 500px;
      overflow-y: auto;
      padding-right: 10px;
    }

    .accordion-item {
      background-color: #f0f0f0;
      border: none;
      margin-bottom: 10px;
      border-radius: 14px;
    }

    .accordion-body {
      background-color: #fff;
      border-radius: 0 0 14px 14px;
    }

    /* Style only the arrow icon */
.accordion-button::after {
    content: "";
    background-image: url(../images/arrow-down-white.webp) !important;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    display: inline-block;
    transition: transform 0.3s ease;
    margin-left: auto;
}

.accordion-button:not(.collapsed)::after {
  transform: rotate(180deg); /* Flip icon when accordion is open */
}

    /* Keep button light and clean */
    .accordion-button {
      background-color: #fff;
      color: #000;
      box-shadow: none;
        border-radius: 14px;
        transition: border-radius 0.3s ease;
    }

    @media (min-width: 768px) {
        .img-col, .accordion-col {
            max-height: 500px;
        }
    }

    .value-col {
    background-color: #F4F5F8;
    padding: 30px;
    border-radius: 30px;
}

.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #ffffff;
    box-shadow: none;
      border-radius: 14px;
      border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-item:first-child .accordion-button {
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
}

.accordion-item:last-child .accordion-button.collapsed {
  border-bottom-left-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
}

.accordion-item:first-child {
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
}

.director-card img {  border-radius:14px; }

.director-card {
    border-radius: 16px;
    padding: 24px;
    height: 100%;
}

.director-card span { font-size: 18px;}


.card-title { font-family: 'work_sanssemibold'; font-size:24px; margin-top: 14px; margin-bottom: 5px;}

.certificat {
    padding: 50px 0 80px 0;
}

.certificat-item img, .Journey-item img  { border-radius:16px; }

.Journey-item { padding:24px; border-radius:30px; }

.Journey-dta span { font-size:30px; font-family: 'work_sansbold'; margin-bottom: 16px; color: #163689;}

.our-journey { margin-bottom:100px; }

.Journey-item { margin-right:24px; }

.Journey-item.slick-active { opacity:0.5; }

.Journey-item.slick-current.slick-active { opacity:1;}

.services.accordion .value-col {
    background-color: #fff;
    padding: 0;}


    .services.accordion .value-col .accordion-body, .services.accordion .value-col .accordion-button:not(.collapsed), .services.accordion .value-col .accordion-button {
      background-color: #EBF6FF;}

  .cem-text { padding-left:30px; }

  .sigle-row-services {
    padding: 70px 0;
}

.industries-details .ind-col {text-align: center;
    padding: 20px;
    border-radius: 20px;
height: 100%}

  .company-info  .info-col {
    background-color: #FCFAFA;
    padding: 20px;
    border-radius: 16px;
    border: 2px solid #F1F0F3;
    height: 100%;
}

.company-info .info-dt span { font-size:18px;  font-family: 'work_sansmedium';}

.company-info .img-head {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

iframe {
    border-radius: 20px;
}

.career-wrapper .accordion-wrapper {
    max-height: 100%;
padding-right:0; }


    .career-wrapper .accordion-item {
  background-color: #EBF6FF; 
  border-radius: 12px;       
  margin-bottom: 16px;       
  overflow: hidden;        
  border: 1px solid #EBF6FF;
}

.career-wrapper .accordion-button {
  background-color: transparent; 
  border: none;
}

.job-head h2 {
    font-size: 24px;
}

.job-head li {
    font-size: 20px;
    display: inline-block;
    margin-right: 16px;
}

.career-wrapper .accordion-body {
    background-color: #ebf6ff;
    border-radius: 0 0 14px 14px;
    border: 2px solid #163689;
    border-top: none;
}

.career-wrapper button.accordion-button { border: 2px solid #163689; border-bottom:none; }

.career-wrapper  button.accordion-button.collapsed{ border: none; }

.impo-data {
    background-color: #ffffff38;
    padding: 30px;
    border-radius: 32px;
    border: 2px solid #fff;
}

.form-check-input {
    width: 36px;
    height: 36px;
border-radius: 10px !important;}

.form-check.mb-3 {
    display: flex;
    align-items: center;
}

input#cvUpload {
    min-height: auto;
    padding: 22px 20px;
    font-size: 18px;
}

.sustainability-col img { width: 100%;
    height: 300px;
    object-fit: cover;
    margin-bottom: 18px;
    border-radius: 20px;
} 


.sustainability-col h3 {
    font-size: 22px;
    margin-bottom: 5px;
}

.sustainability-col {
    background-color: #FCFAFA;
    padding: 20px;
    border-radius: 30px;
    height: 100%;
    border: 2px solid #F1F0F3;
}

video {
    border-radius: 34px;
}

.accordion-body {
    padding-top: 0;
}

h3 {
    font-size: 18px;
    font-family: 'work_sanssemibold';
    line-height: 22px;
}

.industries-details ul#myTab {
    border: none;
    background-color: #ebf6ff;
    width: fit-content;
    padding: 14px 14px;
    border-radius: 100px;
    margin: auto;
}

.industries-details button {
    font-size: 18px;
    font-family: 'work_sanssemibold';
}

.industries-details span {  font-size: 26px;
    font-family: 'work_sanssemibold'; text-align: center;}

    .certificat-slider img {
    max-height: 350px; border-radius: 14px;
}


.expertise img {
    max-height: 100%;
    border-radius: 20px;
}

.industries-details-row .ind-col img {
    max-width: 248px;
    border-radius: 16px;
}

.industries-details button {
    color: #000;
}

.ind-col.bg-sky-blue {
    background-color: transparent;
}

.contact-us iframe {
    border-radius: 20px;
    width: 100%;
    height: 400px;
}


.policy-section iframe {
    width: 100%;
    height: 100vh;
}

.ind-col .mt-2 {
    margin-top: 15px !important;
}

.policy-section .nav-tabs .nav-link {
    padding: 10px 20px;
    font-size: 18px;
    font-family: 'work_sanssemibold';
    color: #000;
}

.policy-section .tabs-cem .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color:#163689; color:#fff; }

.policy-section ul#pdfTab {
    border: none;
}

.text-inner-hero {
    max-width: 30% !important;
}

.cem-about-us  .about-us-img img {
    border-radius: 24px;
    max-height: 316px;
    width: 100% !important;
    object-fit: cover;
}

.ind-col h3 { text-transform: capitalize; }

.career-wrapper img { border-radius:20px; }

.career-wrapper .sustainability-col { padding:26px; }

.career-wrapper .sustainability-col p.bold, .para-career p.bold{  font-family: 'work_sansmedium'; }

.job-career .info-col {
    display: flex
;
    align-items: center;
}

.tabs-cem .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: inherit;
    border-radius: 100px;
}

.tabs-cem .nav-tabs .nav-link, .nav-tabs .nav-link{border-radius:100px; margin:0 10px;  }

.follow .img-icn img {
    width: 115px;}

.img-company-slider .slides-img, .img-product-slider .slides-img {
    margin: 0 15px;
}

section.industries.mt-7 {
    background-position: center;
    background-size: cover;
}

.industriesDropdown ul { column-count:2 !important;}

ul.dropdown-menu {
    border-top: 2px solid #16368836;
}

.industriesDropdown  .dropdown-menu {
    position: absolute;
    left: -280px;
}

.women-power h3 {
    font-size: 20px;
    font-family: 'work_sansbold';
    line-height: 28px;
    color: #173391;
}

.women-power {
    background-color: #ebf6ff;
    border-radius: 30px;
    padding-left: 40px;
    margin-top:20px;
}

    .women-power img {
        border-radius: 0px 30px 30px 0px;
    }


span.ind-highlight.mt-3 {
    display: flex;
    justify-content: center;
    color: #14389f;

    font-size:18px;
}

.design-services .ind-col {
    text-align: center;
    padding: 0 !important;
    border-radius: 0 !important;
    height: auto;
}


h3.design-heading {
    font-size: 24px;
    margin-bottom: 20px;
}

.design-services.mt-3 {
    background-color: #f3f3f3;
    padding: 60px 0;
}

.box-build .rounded-img {
    border-radius: 14px;
    object-fit: cover;
    height: 300px !important;
    width: 100%;
}

section.people-slider.mt-7 {
    margin-bottom: 110px;
}

.img-people-slider .slides-img { margin:0 15px;}
.img-people-slider .slides-img img {
    border-radius: 30px;
}

.img-people-slider .slick-prev {
    right: 246px;
}

.img-people-slider .slick-next {
    right: 200px;
    margin-right:0;
}

.img-people-slider ul.slick-dots {
   left: 200px;
}