* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
html {
  height: 100%;
  font-family: Arial, sans-serif;
}






/*--------------------- nav css---------------------------*/


  .nav_contact_icons {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-right: 15px;
    }
    .nav_contact_icons a {
        color: white;
        font-size: 1.2rem;
        transition: 0.3s;
    }
    .nav_contact_icons a:hover {
        color: #ffc107;
    }
    @media (max-width: 991px) {
        .nav_contact_icons {
            justify-content: center;
            margin: 10px 0;
        }
        .home_bhtns {
            text-align: center;
        }
    }
    .logo-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .logo-top {
        height: 30px;
    }
    .logo-bottom {
        height: 20px;
    }








/* -------------------------OTHER CSS HERE---------------------------- */


.navbar {
  background-color: #2F4F86;
  /* background-color: #18253B; */
  color: #D9D9D9;
}



a.nav-link {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin: 0px 5px;
}



.logo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}

.logo-top {
  height: 40px;
  margin-bottom: 6px;
  /* spacing between top and bottom image */
}

.logo-bottom {
  height: 20px;
}


.navbar-nav {
  /* background: #18253B; */
  background: #0CCBBC;
  margin: auto;
  border: 1px solid #18253B;
  padding: 6px 6%;
  border-radius: 19px;
}

.signin {
  background-color: #0CCBBC;
  color: #000;
    padding: 10px 15px;
    border-radius: 30px;
    border: none !important;
  }


p {
  padding: 0px !important;
  margin: 0px !important;
}

/* ======================Home-===================== */


/* 
    .home_container {
      background: url('2b8da950-fb82-4852-8ff7-8a93ff016cae.png') no-repeat center center;
      background-size: cover;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      position: relative;
    }

    .home_overlay {
      background-color: rgba(0, 33, 71, 0.75); 
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 1;
    }

    .home_content {
      position: relative;
      z-index: 2;
      color: white;
      text-align: center;
    }

    .home_main-text {
      font-size: 2.5rem;
      font-weight: bold;
    }

    .home_highlight {
      color: #00e0e0; 
    }

    .home_fade-text {
      color: rgba(255, 255, 255, 0.05);
      font-size: 4rem;
      font-weight: 900;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      white-space: nowrap;
      z-index: 0;
      letter-spacing: 2px;
    }

    @media (max-width: 768px) {
      .home_main-text {
        font-size: 2rem;
      }

      .home_fade-text {
        font-size: 2.5rem;
      }
    }

    @media (max-width: 480px) {
      .home_main-text {
        font-size: 1.5rem;
      }

      .home_fade-text {
        font-size: 2rem;
      }
    } */


/* ==========================SLIDER PAGE / INDEX PAGES ================================== */

.slider {
  position: relative;
  width: 100%;
  /* max-width: 900px; */
  margin: auto;
  overflow: hidden;

  position: relative;
height: 100vh;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
text-align: center;
}
.slides {
  display: flex;
  transition: transform 0.6s ease-in-out;
  position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 0;
}
.slides img {
  width: 100%;
  /* height: 500px; */
  object-fit: cover;
  flex-shrink: 0;
}
/* Overlay content */
.overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 24px;
  font-weight: bold;
  /* background: rgba(0, 0, 0, 0.4); */
  background-color: rgba(0, 33, 71, 0.75);
  padding: 10px 20px;
  border-radius: 8px;
  z-index: 10;
}
/* Arrows */
.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /* background-color: rgba(255,0,0,0.8); */
  background-color: transparent;
  color: white;
  border: none;
  padding: 5px 15px;
  cursor: pointer;
  font-size: 20px;
  border-radius: 50%;
  user-select: none;
  z-index: 20;
}
.prev:hover, .next:hover {
  background-color: rgb(126 117 117 / 41%);
}
.prev { left: 10px; }
.next { right: 10px; }



/* Overlay */
.home_overlay {
/*background-color: rgba(0, 33, 71, 0.75);*/
position: absolute;
top: 0;
left: 0;
/* height: 100vh; */
width: 100%;
z-index: 1;
}

/* Content */
.home_content {
position: relative;
z-index: 2;
color: white;
text-align: center;
}


.home_content p {
  font-size: 28px;
}

.home_main-text {
font-size: 5rem;
font-weight: bold;
margin-bottom: 20px;
}

.home_highlight {
color: #00e0e0;
}

/* FUTURE TOGETHER text */
.home_fade-text {
display: flex;
gap: 5px;
justify-content: center;
font-size: 5rem;
font-weight: 700;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -40%);
white-space: nowrap;
letter-spacing: 2px;
}

.home_fade-text span {
color: rgba(255, 255, 255, 0.05);
transition: color 0.4s ease;
}

.home_fade-text span:hover {
background: linear-gradient(90deg, #0f2b5b, #00e0e0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

/* Responsive */
@media (max-width: 768px) {
.home_main-text {
  font-size: 2rem;
}
.home_fade-text {
  font-size: 2.5rem;
}
}

@media (max-width: 480px) {
.home_main-text {
  font-size: 1.5rem;
}
.home_fade-text {
  font-size: 2rem;
}
}

/* ------------------------------------------- */

/* ------------------------------------------------------------ */


.home_section-heading {
  text-align: center;
  padding: 20px 0px;
  background-color: #29446F;
}

.home_section-heading h2 {
  font-size: 2rem;
  font-weight: bold;
  color: white;
}

.home_section-heading p {
  color: #6de6ff;
  /* margin-top: 10px; */
  font-size: 1rem;
}

.home_expertise-section {
  padding: 20px 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  margin: 0 auto;
  background-color: #29446F;
}

.home_left-image {
  /* flex: 1 1 40%; */
  /* max-width: 500px; */
  text-align: center;
}

.home_left-image img,
.home_left-image video {
  width: 100%;
  /*height: auto;*/
  height: 600px;
  display: block;
  object-fit: cover;
}


.home_right-content {
  display: flex;
}


.home_expertise-section {
  padding: 20px;
}

.home_right-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* space between cards */
  justify-content: center;
}

.home_card {
  background-color: #2F4F8699;
  border-radius: 12px;
  padding: 20px 25px;
  box-shadow: 2px 2px 20px 1px #0CCBBC;
  transition: transform 0.3s ease;
  flex: 1 1 calc(50% - 20px); /* 2 per row */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.home_card:hover {
  transform: translateY(-5px);
}

.home_card h3 {
  font-size: 1.25rem;
  margin-bottom: 10px;
  color: #ffffff;
  display: flex;
  align-items: center;
}

.icons_home {
  background: #0CCBBC;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin: 0 20px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icons_home i {
  font-size: 20px;
  color: #fff;
}

.home_card p {
  font-size: 0.95rem;
  margin-bottom: 10px;
  color: #0CCBBC;
}

.home_card ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.home_card ul li {
  margin: 6px 0;
  color: #fff;
  display: flex;
  align-items: center;
}

.home_card ul li i {
  color: #00e0e0;
  margin-right: 8px;
}

.home_card ul li span {
  color: #ffffff;
}

/* Responsive: 1 card per row on small screens */
@media (max-width: 768px) {
  .home_card {
    flex: 1 1 100%;
  }
}



/* .home_card ul li::before {
      content: "•";
      position: absolute;
      left: 0;
      color: #00e0e0;
    } */



/* Statistics Section */
.home_stats-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  /* background-color: #2F4F86; */
  background-color: #29446F;
  padding: 40px 20px;
  color: white;
  text-align: center;
}

.home_stat-box {
  flex: 1 1 200px;
  margin: 10px 15px;
}

.home_stat-box h3 {
  font-size: 2.6rem;
  color: #ffffff;
}

.home_stat-box p {
  color: #00e0e0;
  margin-top: 5px;
  font-size: 1rem;
}

/* Responsive */
@media (max-width: 991px) {
  .home_expertise-section {
    flex-direction: column;
    align-items: center;
  }

  .home_left-image,
  .home_right-content {
    max-width: 100%;
    flex: 1 1 100%;
  }

  .home_section-heading h2 {
    font-size: 2rem;
  }
}

@media (max-width: 600px) {
  .home_card h3 {
    font-size: 1.1rem;
  }

  .home_section-heading p {
    font-size: 0.9rem;
  }

  .home_stat-box h3 {
    font-size: 1.5rem;
  }

  .home_stat-box p {
    font-size: 0.9rem;
  }
}



/* ------------------------------------ */



.home_commitment_section {
  padding: 60px 20px;
  text-align: center;
  background: linear-gradient(180deg, #29446F 0%, #0CCBBC 205.24%);
}

.home_commitment_heading {
  font-size: 2.5rem;
  font-weight: bold;
  color: #00e0d5;
  margin-bottom: 10px;
}

.home_commitment_subtext {
  font-size: 1rem;
  color: #d0d0d0;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.home_commitment_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  width: 100%;
  margin: 30px auto;
}

.home_commitment_item {
  /* background: rgba(255, 255, 255, 0.05); */
  padding: 30px 20px;
  border-radius: 12px;
  transition: transform 0.3s ease, background 0.3s ease;
}

.home_commitment_item:hover {
  transform: translateY(-10px);
  background: rgba(255, 255, 255, 0.1);
}

.home_commitment_icon img {
  /* font-size: 48px;
      margin-bottom: 20px;
      color: #00e0d5; */
  background: linear-gradient(127.22deg, #29436E 15.4%, #198A96 87.43%);
  font-size: 48px;
  margin-bottom: 20px;
  color: #00e0d5;
  padding: 26px;
  border-radius: 50%;
}

.home_commitment_title {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 10px;
  color: #fff;
}

.home_commitment_desc {
  font-size: 0.95rem;
  color: #c8c8c8;
}

@media (max-width: 992px) {
  .home_commitment_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .home_commitment_grid {
    grid-template-columns: 1fr;
  }

  .home_commitment_item {
    padding: 20px 15px;
  }

  .home_commitment_heading {
    font-size: 2rem;
  }
}



/* ------------------------------------------- */


/* ============================FOOTER CODE=================== */


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Segoe UI", sans-serif;
  line-height: 1.6;
}

.home_footer {
  background-color: #2F4F86;
  color: white;
  padding: 40px 20px 10px;
}

.home_footer_top {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}

.home_footer_section {
  flex: 1 1 220px;
}

.home_footer_about img.home_footer_logo {
  width: 150px;
  margin-bottom: 15px;
}

.home_footer_section h4 {
  margin-bottom: 10px;
  font-size: 18px;
  border-bottom: 2px solid white;
  display: inline-block;
  padding-bottom: 5px;
}

.home_footer_section ul {
  list-style: none;
  margin-top: 10px;
}

.home_footer_section ul li {
  margin-bottom: 8px;
}

.home_footer_section ul li a {
  color: white;
  text-decoration: none;
}

.home_footer_section ul li a:hover {
  text-decoration: underline;
}

.home_footer_contact i {
  margin-right: 8px;
  color: #00ffc3;
}

.home_footer_bottom {
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  padding-top: 20px;
  font-size: 14px;
  justify-content: space-between;
}



.home_footer_links {
  display: flex;
  gap: 20px;
  margin-top: 10px;
}

.home_footer_links a {
  color: white;
  text-decoration: none;
}

.home_footer_links a:hover {
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
  .home_footer_top {
    flex-direction: column;
  }




  .home_footer_section {
    flex: 1 1 100%;
  }

  .home_footer_bottom {
    text-align: center;
    display: block !important;
  }

  .home_footer_links {
    flex-direction: column;
    gap: 5px;
    display: block;
  }
}



/* =================================About page=============================== */
/* =========================================================================== */


/* About Section */
.about_section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 60px;
  background-color: #1e3b64;
  gap: 30px;
}

.about_text {
  flex: 1 1 500px;
  padding: 20px;
  text-align: justify;
}

.about_text h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #0CCBBC;
}

.about_text p {
  font-size: 16px;
  margin-bottom: 15px;
  color: #ccc;
}

.about_text ul {
  margin-left: 20px;
  color: #0CCBBC;
  padding-left: 20px;
}

.about_text ul li {
  margin-bottom: 8px;
}

/* Founder Section */
.about_founder {
  flex: 1 1 500px;
  background: linear-gradient(180deg, #29446F 0%, #0CCBBC 205%);
  padding: 30px;
  border-radius: 8px;
}

.about_founder h2 {
  text-align: left;
  font-size: 22px;
  color: #2de1c2;
  margin-bottom: 20px;
}

.about_founder p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
  text-align: justify;
}

/* Responsive */
@media (max-width: 768px) {
  .about_section {
    flex-direction: column;
    padding: 20px;
  }
  .about_text, .about_founder {
    flex: 1 1 100%;
    padding: 20px;
  }
  .about_founder h2 {
    font-size: 24px;
  }
  .about_text h2 {
    font-size: 26px;
  }
}

@media (max-width: 480px) {
  .about_founder h2, .about_text h2 {
    font-size: 22px;
  }
  .about_text p, .about_founder p {
    font-size: 14px;
  }
}




/* =============================SERVICE PAGE============================= */
/* ========================================================= */




.service-enginneering_ {
  /* background: linear-gradient(180deg, #0f2a47 0%, #14395a 100%); */
  background: linear-gradient(180deg, #29446F 0%, #0CCBBC 205.24%);
  color: white;
  padding: 30px 20px;
  font-family: 'Inter', sans-serif;
}

.service-enginneering_ .heading-title {
  text-align: center;
  margin-bottom: 30px;
}

.service-enginneering_ .heading-title h1 {
  font-size: 1.6rem;
  font-weight: 700;
}

.service-enginneering_ .heading-title p {
  color: #57e5d8;
  font-size: 1.1rem;
  margin: 10px auto 0;
  text-align: center;
}

.service-enginneering_ .card-section {
  background: linear-gradient(90deg, #1C8393, #253B5D 35%, #2F4F8699 35%);
  box-shadow: 2px 2px 20px 1px #0CCBBC;
  border: 2px solid #00f0f0;
  border-radius: 20px;
  margin-bottom: 40px;
  padding: 30px;
  color: #fff;
}

.serv_offer {
  padding-left: 5%;
}

.service-enginneering_ .icon-img {
  height: 50px;
  margin-bottom: 15px;
}

.service-enginneering_ h2 {
  font-size: 1.5rem;
  font-weight: 700;
}

.service-enginneering_ .description {
  color: #0CCBBC;
  font-size: 0.95rem;
}

.service-enginneering_ h3 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #00e3e3;
  margin-bottom: 20px;
}

.service-enginneering_ ul {
  padding-left: 0;
}

.service-enginneering_ li {
  list-style: none;
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  color: #d8faff;
}

.service-enginneering_ li::before {
  /* content: "✔"; */
  content: "";
  position: absolute;
  left: 0;

  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 28px;

  color: #00e3e3;
  background: url('../images/tick-icon.png') no-repeat center center;
}



@media (max-width: 768px) {
  .service-enginneering_ .card-section {
    flex-direction: column;
  }
}



/* ===================================PROJECT PAGE========================= */
/* ========================================================================= */



.project_container {
  padding: 30px 20px;
  width: 100%;
  margin: auto;
  background: linear-gradient(180deg, #29446F 0%, #0CCBBC 205.24%);
}

.project_tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
  gap: 30px;
}

.project_tab {
  padding: 10px 30px;
  background: linear-gradient(180deg, #29446F 0%, #0CCBBC 386.43%);
  border-radius: 12px;
  color: white;
  cursor: pointer;
  transition: 0.3s;
  border: none;
  font-weight: 500;
}

.project_tab.active {
  color: #fff;
  background: linear-gradient(180deg, #29446F 0%, #0CCBBC 100%);
}

.project_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 60px;
  width: 90%;
  margin: auto;
}

.project_card {
  /* background: rgba(255, 255, 255, 0.05); */
  border-radius: 15px;
  overflow: hidden;
  /* box-shadow: 0 4px 15px rgba(0,0,0,0.2); */
  transition: transform 0.3s, box-shadow 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #2F4F8699;
  box-shadow: 2px 2px 20px 1px #0CCBBC;

}

.project_card:hover {
  transform: translateY(-8px);
  box-shadow: 0 6px 25px rgba(0, 255, 255, 0.5);
}

.project_card img {
  width: 100%;
  /* height: 180px; */
  object-fit: cover;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.project_content {
  padding: 20px;
}

.project_title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 8px;
  color: white;
}

.project_desc {
  font-size: 1.1rem;
  color: #0CCBBC;
  margin-bottom: 12px;
}

.project_info {
  display: flex;
  /* flex-direction: column; */
  gap: 6px;
  font-size: 1.1rem;
  color: #fff;
}

.project_info i {
  margin-right: 5px;
  color: #00e0ff;
}

@media screen and (max-width: 768px) {
  .project_tab {
    font-size: 14px;
    padding: 8px 16px;
  }
}

@media screen and (max-width: 500px) {
  .project_card img {
    height: 150px;
  }
}



/* =======================================INFRASTRUCTURE-========================= */
/* ================================================================= */


.core_capabilities_ {
  background-color: #29446F;
  padding: 20px;
  color: #fff;
  font-family: 'Segoe UI', sans-serif;
}

.core_capabilities_ h2 {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 10px;
}

.core_capabilities_ .subheading {
  color: #00c9c9;
  font-size: 16px;
  margin-bottom: 20px !important;
}

.core_capabilities_ .capability-box {
  /* background-color: #26466e;
      border-radius: 15px;
      padding: 25px;
      height: 100%;
      box-shadow: 0 0 12px #00c9c9; */
  background-color: #2F4F8699;
  border-radius: 15px;
  padding: 25px;
  height: 100%;
  box-shadow: 0 0 12px #00c9c9;
  box-shadow: 2px 2px 20px 1px #0CCBBC;
}


.icon-wrap img {
  height: 60px;
  padding: 13px;
}


.core_capabilities_ .icon-wrap {
  /* background-color: #00c9c9; */
  background: linear-gradient(180deg, #1C8393 0%, #253B5D 100%);
  width: 60px;
  height: 60px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #1b3557;
  flex-shrink: 0;
}

.core_capabilities_ .content h5 {
  font-weight: 600;
  margin-bottom: 10px;
}

.core_capabilities_ .content p {
  font-size: 14px;
  color: #0CCBBC;
}

.core_capabilities_ .content ul {
  list-style: none;
  padding-left: 0;
  margin-top: 15px;
}

.core_capabilities_ .content ul li {
  margin-bottom: 8px;
  position: relative;
  padding-left: 24px;
  font-size: 14px;
}

.core_capabilities_ .content ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #00c9c9;
  font-weight: bold;
}

@media (max-width: 767px) {
  .core_capabilities_ h2 {
    font-size: 30px;
  }
}



/* ----------------------------------------- */


.indrastrature_certi_section {
  padding: 60px 20px;
  /* background: linear-gradient(to bottom right, #0a1f33, #0d324d); */
  text-align: center;
  background: linear-gradient(180deg, #29446F 0%, #0CCBBC 205.24%);
}

.indrastrature_certi_section h2 {
  font-size: 42px;
  color: #fff;
  margin-bottom: 10px;
}

.indrastrature_certi_section p {
  font-size: 20px;
  color: #0CCBBC;
  margin-bottom: 40px !important;
}

.indrastrature_certi_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1100px;
  margin: 0 auto;
}

.indrastrature_certi_item {
  background-color: #153e5c;
  padding: 30px 20px;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.indrastrature_certi_item:hover {
  transform: translateY(-5px);
}

.indrastrature_certi_item img {
  width: 50%;
  padding-top: 11px;
}

.indrastrature_certi_item h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #ffffff;
  padding-top: 12px;
}

.indrastrature_certi_item p {
  font-size: 20px !important;
  color: #0CCBBC !important;
  margin: 0;
}



.medal {
  width: 30%;
  height: 46%;
  border-radius: 50%;
  background: linear-gradient(127.22deg, #29436E 15.4%, #198A96 87.43%);
  margin: auto;
  line-height: 6px !important;
}


/* Responsive Design */
@media (max-width: 992px) {
  .indrastrature_certi_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .indrastrature_certi_grid {
    grid-template-columns: 1fr;
  }
}



/* ========================================CLIENT PAGE======================== */
.who_we_serve_ {
  /* background: linear-gradient(to bottom, #2e4d77, #0e1a2f); */
  padding: 60px 20px;
  color: #fff;
  background-color: #29446F;
  font-family: 'Segoe UI', sans-serif;
}

.who_we_serve_ h2 {
  font-size: 36px;
  font-weight: 700;
}

.who_we_serve_ .subheading {
  color: #00c9c9;
  font-size: 15px;
  margin-bottom: 40px;
}

.row.client_grid {
  padding: 60px 0px;
}

.who_we_serve_ .client_card-box {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 2px 2px 20px 1px #0CCBBC;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.who_we_serve_ .client_card-top {
  background: linear-gradient(360deg, #0CCBBC -32.74%, #263E63 100%);
  padding: 30px 20px;
  text-align: center;
  color: #000;
}

.who_we_serve_ .client_icon {
  font-size: 36px;
  margin-bottom: 10px;
}

.client_icon img {
  height: 50px;
}

.who_we_serve_ .client_number {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
}

.who_we_serve_ .client_title {
  font-size: 20px;
  font-weight: 600;
  margin-top: 5px;
  color: #fff;
}

.who_we_serve_ .card-bottom {
  /* background-color: #1a1f30; */
  background-color: #2c4878;
  padding: 20px;
  text-align: center;
  /* color: #d0eaff; */
  color: #0CCBBC;
  font-size: 18px;
  flex-grow: 1;
}

@media (max-width: 767px) {
  .who_we_serve_ h2 {
    font-size: 28px;
  }

  .who_we_serve_ .client_card-top {
    padding: 20px;
  }

  .who_we_serve_ .card-bottom {
    padding: 15px;
  }
}

/* -------------------------------------------------- */

.our_client_section {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: linear-gradient(180deg, #29446F 0%, #0CCBBC 205.24%);
  padding: 20px 0px;
}

.our_client_section h2 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #ffffff;
}

.our_client_section p {
  color: #0CCBBC;
  font-size: 18px;
  margin-bottom: 40px;
}

.our_client_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 40px;
  width: 90%;
  margin: 60px auto;
}

.our_client_card {
  /* background-color: rgba(255, 255, 255, 0.05); */
  background: linear-gradient(79.98deg, #24587A -7.44%, #263E63 71.98%);
  border-radius: 10px;
  padding: 20px;
  text-align: left;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
}

.our_client_card:hover {
  transform: translateY(-5px);
}

.our_client_title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 4px;
  color: #ffffff;
}

.our_client_industry {
  color: #56d3ff;
  font-size: 16px;
  margin-bottom: 16px;
}

.client-img {
  height: 38px;
}


.client_title1 {
  justify-content: space-between;
  display: flex;
}

.our_client_info {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #0CCBBC;
}

.our_client_info div {
  display: flex;
  flex-direction: column;
  color: #fff;
}

.our_client_info div span:first-child {
  font-weight: bold;
  color: #0CCBBC;
}

@media screen and (max-width: 500px) {
  .our_client_info {
    flex-direction: column;
    gap: 10px;
  }
}



/* ======================================Contact page======================= */


.contact_container {
  /* max-width: 1200px; */
  background: linear-gradient(180deg, #29446F 0%, #0CCBBC 205.24%);
  padding: 60px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.contact_form_box {
  flex: 1 1 350px;
  /* background: linear-gradient(to bottom, #1f6fa8, #1b4e77); */
  background: linear-gradient(79.98deg, #24587A -7.44%, #263E63 71.98%);
  padding: 30px;
  border-radius: 12px;
}

.contact_form_box h2 {
  font-size: 1.8rem;
  color: white;
  font-weight: 600;
  margin-bottom: 20px;
}

.contact_form_box label {
  font-size: 0.9rem;
  margin-bottom: 5px;
  display: block;
  color: #0CCBBC;
}

.contact_form_box input,
.contact_form_box textarea {
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 15px;
  border: none;
  border-radius: 8px;
  background: #0f2d4a;
  color: #fff;
  font-size: 0.95rem;
}

.contact_form_box input::placeholder,
.contact_form_box textarea::placeholder {
  color: #b0cbe4;
}

.contact_form_box button {
  width: 100%;
  padding: 12px;
  background: #18d2e0;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
  font-size: 1rem;
  transition: background 0.3s ease;
}

.contact_form_box button:hover {
  background: #0cb2be;
}

.contact_info {
  flex: 1 1 350px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}

.contact_info_box {
  /* background: linear-gradient(to bottom, #1f6fa8, #1b4e77); */
  background: linear-gradient(79.98deg, #24587A -7.44%, #263E63 71.98%);
  padding: 25px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}


.icons {
    background: linear-gradient(127.22deg, #29436E 15.4%, #198A96 87.43%);
    width: 65px;
    height: 65px;
    border-radius: 50%;
}

.contact_info_box i {
    font-size: 2rem;
    margin-bottom: 10px;
    color: #ffffff;
    line-height: 65px;
}

.contact_info_box h3 {
  font-size: 1.5rem;
  margin-bottom: 8px;
  color: #ffffff;
}

.contact_info_box p,
.contact_info_box a {
  font-size:1rem;
  color: #0CCBBC;
  text-decoration: none;
}

.contact_info_box a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .contact_container {
    flex-direction: column;
  }

  .contact_container {
    background: linear-gradient(180deg, #29446F 0%, #0CCBBC 205.24%);
    padding: 60px 20px !important;
  }
}


/* ------------------------------------------------------ */

/* ----------------------------------------------------------------------------------------------------- */
/* -----------------------------------Client page------------------------------------------ */



.clint_dev_container {
      /* max-width: 1150px; */
      /* width: 95%; */
      margin: 0 auto;
      padding: 0 1rem;
    background-color: #29446F;
    }

    .client-deve
    {
      padding: 20px;
    color: #fff;
    width: 90%;
    margin: auto;
      
    }

    .clint_dev_container h1 {
      font-size: 3rem;
      /* margin: .5rem 0 .25rem; */
      margin: 25px auto;
      text-align: center;
    }
    .subtitle {
      color: #00c9c9;
      text-align: center;
      margin-bottom:1rem;
    }
    .clint_dev_filters {
      display: flex;
      gap: .5rem;
      flex-wrap: wrap;
      margin-bottom:1.25rem;
      align-items: center;
          margin: 25px auto;
    justify-content: center;
    }
    .clint_dev_btn {
      padding: .55rem 1rem;
      border: none;
      cursor: pointer;
      border-radius: 8px;
      font-weight: 600;
      /* background: #e7eaf4; */
      color: #fff;
      background: linear-gradient(180deg, #29446F 0%, #0CCBBC 386.43%);
      position: relative;
      transition: .35s cubic-bezier(.25,.8,.25,1);
      outline: none;
    }
    .clint_dev_btn.active, .clint_dev_btn:hover {
      color: #fff;
      background: linear-gradient(180deg, #29446F 0%, #0CCBBC 100%);
    }
    .clint_dev_btn:focus-visible {
      box-shadow: 0 0 0 3px rgba(51,102,255,0.5);
    }
    .grid {
      display: grid;
      gap: 1rem;
      grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
    }
    .clint_dev_card {
      border-radius: 12px;
      padding: 1rem 1rem 1.25rem;
      position: relative;
      overflow: hidden;
      box-shadow: 0 12px 28px rgba(0,0,0,0.07);
      display: flex;
      flex-direction: column;
      transition: .35s cubic-bezier(.25,.8,.25,1);
    }
    .clint_dev_card h3 {
      margin: .25rem 0 .5rem;
      font-size: 1.2rem;
    }
    .clint_dev_badge {
      display: inline-block;
      font-size: .55rem;
      background: #ffecb3;
      padding: 4px 10px;
      border-radius: 999px;
      margin-bottom: .5rem;
      text-transform: uppercase;
      letter-spacing: .5px;
    }
    .category-label {
      position: absolute;
      top: 12px;
      right: 12px;
      /* background: rgba(0,0,0,0.05); */
      background: #2c4878;
      padding: 6px 12px;
      border-radius: 999px;
      font-size: .55rem;
      text-transform: uppercase;
      letter-spacing: .8px;
    }
    .client_list {
      margin:0;
      padding:0;
      list-style:none;
      flex-grow:1;
    }
    .client_list li {
      margin: 6px 0;
      font-size: 1rem;
    }
    .footer {
      margin-top:2rem;
      font-size:.85rem;
      text-align:center;
      color:#777;
    }
    .clint_dev_visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
      border: 0;
    }
    @media (prefers-reduced-motion: no-preference) {
      .clint_dev_card { will-change: transform;    border-radius: 16px;
    overflow: hidden;
    /* box-shadow: 2px 2px 20px 1px #0CCBBC; */
    background: linear-gradient(360deg, #0CCBBC -32.74%, #263E63 100%);
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    height: 100%; }
      .clint_dev_card:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(0,0,0,0.08); }
    }



    /* -------------------------------------CLIENT - ON GOING---------------------------------------------- */

      .ongoing_client_container {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: linear-gradient(180deg, #29446F 0%, #0CCBBC 205.24%);
    padding: 20px 0px;
    }
    .ongoing_client_header {
      text-align:center;
      margin-bottom:3rem;
    }
    .ongoing_client_header h1 {
      font-size:1.6rem;
      margin:0;
      color: white;
    }
    .ongoing_client_sub {
      color:#0CCBBC;
      margin:6px 0 16px;
      font-size:1rem;
    }

    .ongoing_client_grid {
      display:grid;
      gap:2.5rem;
      grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
          width: 90%;
    margin: auto;
    }

    .ongoing_client_card {

      background: linear-gradient(79.98deg, #24587A -7.44%, #263E63 71.98%);
    border-radius: 10px;
    padding: 20px;
    text-align: left;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;

      overflow:hidden;
      display:flex;
      flex-direction:column;
      position:relative;
      transition: .3s ease;
    }
    .ongoing_client_card:hover {
      transform: translateY(-2px);
    }

    .ongoing_client_image_wrapper {
      position: relative;
      width:100%;
      aspect-ratio: 4 / 3;
      overflow:hidden;
      background: #e2e8f0;
    }
    .ongoing_client_image {
      width:100%;
      height:100%;
      object-fit: cover;
      display:block;
      filter: blur(6px);
      transform: scale(1.02);
      transition: filter .4s ease, transform .4s ease;
    }
    .ongoing_client_image.loaded {
      filter: blur(0);
      transform: scale(1);
    }

    .ongoing_client_body {
      padding:1rem 1rem 1.25rem;
      flex-grow:1;
      display:flex;
      flex-direction:column;
    }
    .ongoing_client_badge {
      display:inline-block;
      background: #ffe9c6;
      padding:5px 12px;
      border-radius:999px;
      font-size:.55rem;
      text-transform:uppercase;
      letter-spacing:1px;
      margin-bottom:6px;
      font-weight:600;
    }
    .ongoing_client_title {
      margin:3px 0 6px;
      font-size:1.15rem;
      color: white;
    }
    .ongoing_client_location {
      font-size:.95rem;
      margin:4px 0;
      color:#56d3ff;
    }
    .ongoing_client_meta {
      margin-top:auto;
      font-size:.75rem;
      color: var(--muted);
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }

    .ongoing_client_note {
      font-size:.85rem;
      margin-top:1rem;
      color:#555;
      text-align:center;
    }

    @media (max-width:900px){
      .ongoing_client_header h1 { font-size:2rem; }
    }






    /* =====================Floting button================= */


    /* Floating button container */
.floating-buttons {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
}

/* Each button */
.floating-buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: #25D366; /* WhatsApp green by default */
  border-radius: 50%;
  color: white;
  font-size: 24px;
  text-decoration: none;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  transition: transform 0.2s ease, background-color 0.3s;
}

.floating-buttons a:hover {
  transform: scale(1.1);
}

/* Colors for each type */
.floating-buttons a.call {
  background-color: #34b7f1; /* Blue for Call */
}

.floating-buttons a.mail {
  background-color: #ff5e00; /* Orange for Email */
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .floating-buttons {
      bottom: 15px;
      right: 15px;
  }
  .floating-buttons a {
      width: 45px;
      height: 45px;
      font-size: 20px;
  }
}