@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

/* .oxygen-light {
  font-family: "Oxygen", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.oxygen-regular {
  font-family: "Oxygen", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.oxygen-bold {
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  font-style: normal;
}


.source-sans-3 {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
} */

/* General */

/*Cursor Animation CSS*/
/* Base cursor hidden */
/* Remove default cursor globally */


body,
a,
button,
input,
textarea,
select {
  cursor: none !important;
}

/* ISO Certifications Section */
#iso-certifications {
  background-color: #fafafa;
}

.dx-cert-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  padding: 20px;
  transition: all 0.3s ease;
  height: 100%;
}

.dx-cert-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.dx-cert-thumb img {
  border-radius: 8px;
  border: 3px solid #f1f1f1;
  transition: all 0.3s ease;
}

.dx-cert-thumb img:hover {
  border-color: #D4AF37;
  transform: scale(1.03);
}

.dx-cert-body h5 {
  color: #0B1D3A;
}

.dx-cert-body p {
  color: #555;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  #iso-certifications .dx-cert-card {
    margin-bottom: 20px;
  }
}

/* Cursor element */
.cursor {
  width: 15px;
  height: 15px;
  border: 2px solid #d6a609;
  /* Golden outline */
  border-radius: 50%;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: width 0.2s ease, height 0.2s ease, border 0.2s ease, background 0.2s ease;
  z-index: 9999;
}

/* Hover effect for links/buttons */
.cursor.hover {
  width: 30px;
  height: 30px;
  border-color: #ffeaac;
  /* darker gold */
  background: rgba(5, 61, 107, 0.466);
}


/*Job card*/
.dx-jobcard:hover {

  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


html {
  scroll-behavior: smooth;
}


/* Images Border radius */

.dx-radius {
  border-radius: 20px;
}

.dx-radius2 {
  border-radius: 0px 20px 20px 0px;
}

/* Section bg grey  */
.dx-grey {
  background-color: #fafafa;
}

/* Section bg grey end  */

/* Testimonial slider */
.dx-testimonial {
  position: relative;
  background-image: url("../assets/Images/backgrounds/Industry-background.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  z-index: 1;
}

.dx-testimonial::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0b1d3bda;
  /* overlay color */
  z-index: -1;
}

/* Position indicators at bottom-left */
#testimonialCarousel .carousel-indicators {
  position: absolute;
  bottom: 20px;
  /* adjust vertical placement */
  left: 45px;
  /* adjust horizontal placement */
  margin: 0;
  justify-content: flex-start;
  /* aligns them left */
}

/* Style indicator dots */
#testimonialCarousel .carousel-indicators button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f9c74f;
  /* gold/yellow */
  border: none;
  opacity: 0.5;
  transition: all 0.3s ease;
}

#testimonialCarousel .carousel-indicators .active {
  opacity: 1;
  background-color: #ffffff;
  /* active one is white */
}

/* Testimonial slider ends */

a:link,
a:visited,
a:hover,
a:active {
  color: #D4AF37;
  font-size: 15px;
  text-decoration: none;

}

ul {
  list-style: none;
  /* removes default bullets */
  padding-left: 0;
  /* optional: remove default left padding */
  margin: 0;
  /* optional: remove default margin */
}

li {
  padding-top: 0%;
  padding-bottom: 0%;
}

/* Badge Text */

.dxbadge {
  background-color: #0d1b2a;
  width: 140px;
  height: auto;
  color: #D4AF37;
  padding: 30px;
  text-align: center;
}

.dx-badge-font {
  font-size: 40px;
  font-weight: 700;
  color: #D4AF37;

}

/* Font Styling */

h1,
h2,
h3,
h4,
h5,
h6 {

  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  font-style: normal;
}

p {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300400;
  font-style: normal;
}

.dx-round-bg {
  background-color: #0d1b2a;
  padding: 10px 20px;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
  /* background wraps text only */
  line-height: 1.2;
  /* adjust spacing if needed */
}


.dx-square-bg {
  background-color: #D4AF37;
  padding: 10px 20px;
  color: #ffffff;
  display: inline-block;
  /* background wraps text only */
  line-height: 1.2;
  /* adjust spacing if needed */
}

.dx-justify {
  text-align: justify;
}

/* hero CSS Home*/

.hero-home {
  background:
    linear-gradient(rgba(0, 0, 0, 0.1),
      /* top overlay */
      rgba(0, 0, 0, 0.5)
      /* bottom overlay */
    );


  height: 100vh;
  /* full viewport height */
  width: 100%;
  display: flex;
  align-items: center;
  /* Vertically center content */
  justify-content: center;
  /* Horizontally center content */
  position: relative;
  /* For safety with z-indexed content */
  color: #fff;
  /* Ensures text is visible */
  overflow: hidden;
  margin-top: 0;
  /* ignore navbar */
}



/* hero CSS Home */
.hero-home {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;
  overflow: hidden;
  margin-top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


/* .hero-home::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
 
  z-index: 1;
} */

/* Make content appear above overlay */
.hero-home>* {
  position: relative;
  z-index: 2;
}

/*hero section on mobile*/
/* Add margin-top to hero when dx-mobile class is applied */
@media (max-width: 991px) {
  .dx-mobile {
    margin-top: 100px !important;
  }

  .dx-mobile-height {
    height: 80vh !important;
    background-color: #00000079;
  }
}

/**/

/*Hero css remaining pages*/
/* hero CSS pages*/
.hero-pages {
  background-image: url('../assets/Images/backgrounds/home-bg4.jpg');
  background-size: cover;
  /* Cover entire section */
  background-position: center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Prevent repeat */
  height: 500px;
  /* Default height */
  width: 100%;
  display: flex;
  align-items: center;
  /* Vertically center content */
  justify-content: center;
  /* Horizontally center content */
  position: relative;
  /* Needed for overlay */
  color: #fff;
  /* Ensures text is visible */
  overflow: hidden;
  margin-top: 0;
  /* ignore navbar */


}

.hero-pages::before {

  content: "";
  /* Required for pseudo-element */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  /* Dark overlay */
  z-index: 1;
  /* Above background */
}

/* Make content appear above overlay */
.hero-pages>* {

  position: relative;
  z-index: 2;
}

/*hero css ends*/

/* Responsive heights */
@media (max-width: 1200px) {
  .hero-home {
    height: 650px;
  }
}

@media (max-width: 992px) {
  .hero-home {
    height: 500px;
  }
}

@media (max-width: 1210px) {
  /* .hero-home {
    height: 400px;
  } */

  .col-md-4:not(:last-child) .icon-wrapper::after {
    content: none;
    border: none;
    display: none;
  }

  .lead {
    text-align: justify;
  }

}

@media (max-width: 576px) {
  .hero-home {
    height: 300px;
  }
}


/* how we work arrow styles */
.icon-wrapper {
  width: 200px;
  height: 200px;
  border: 2px dashed #bbb;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: relative;

}

.dx-icon {
  font-size: 3.5rem !important;
}

/* Custom Navbar CSS */

/* Modern Navbar CSS */
/* Modern Navbar CSS */
.dxnav {
  background-color: transparent;
  padding: 1rem 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
}

/* Navbar brand styling */
.dxnav .navbar-brand {
  color: #fff;
  transition: all 0.3s ease;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.dxnav .navbar-brand img {
  transition: transform 0.3s ease;
}

.dxnav .navbar-brand:hover img {
  transform: scale(1.05);
}

/* Right align nav items */
.dxnav .navbar-nav {
  margin-left: auto;
  margin-right: 1.5rem;
  gap: 0.5rem;
}

/* Nav link styling */
.dxnav .nav-link {
  color: #fff;
  font-weight: 500;
  font-size: 1rem;
  padding: 0.5rem 0.75rem !important;
  position: relative;
  transition: all 0.3s ease;
  border-radius: 8px;
}

/* Modern underline effect */
.dxnav .nav-link:not(.dropdown-toggle)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 2px;
  background: #f9c74f;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.dxnav .nav-link:hover::after,
.dxnav .nav-link.active::after {
  width: 80%;
}

/* Hover effect */
.dxnav .nav-link:hover {
  color: #f9c74f;
  transform: translateY(-2px);
}

.dxnav .nav-link.active {
  color: #f9c74f;
}

/* Dropdown styling */
.dxnav .dropdown-toggle::after {
  display: none;
}

.dxnav .nav-link.dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* Add custom arrow */
.dxnav .dropdown-toggle::before {
  content: '▾';
  font-size: 1rem;
  margin-left: 0.25rem;
  transition: transform 0.3s ease;
}

.dxnav .dropdown:hover .dropdown-toggle::before {
  transform: rotate(180deg);
}

/* Modern dropdown menu */
.dxnav .dropdown-menu {
  border: none;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  padding: 0;
  margin-top: 0.5rem;
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

.dxnav .dropdown:hover>.dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dxnav .dropdown-item {
  border-radius: 0;
  padding: 0.7rem 1.2rem;
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 0.9rem;
  color: #333;

}

.dxnav .dropdown-item.active {
  background-color: #f9c74f;
  color: #ffffff;

}


.dxnav .dropdown-item:hover {
  background: #f9c74f;
  color: #fff;
  transform: translateX(0);
  padding-left: 1.2rem;
}

/* CTA Button */
.dxnav .btn.dxyellow {
  background: #f9c74f;
  border: none;
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 0.5rem 1.3rem;
  border-radius: 25px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(249, 199, 79, 0.3);
}

.dxnav .btn.dxyellow:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(249, 199, 79, 0.5);
  background: #f0b925;
}

/* Scrolled state */
.dxnav.scrolled {
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
}

.dxnav.scrolled .navbar-brand,
.dxnav.scrolled .nav-link {
  color: #000 !important;
}

.dxnav.scrolled .nav-link:hover,
.dxnav.scrolled .nav-link.active {
  color: #f9c74f !important;
}

/* Hamburger menu visibility fix */
.navbar-toggler {
  border: 2px solid rgba(255, 255, 255, 0.5);
  padding: 0.5rem 0.75rem;
  transition: all 0.3s ease;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0.2rem rgba(249, 199, 79, 0.5);
  border-color: #f9c74f;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.dxnav.scrolled .navbar-toggler {
  border-color: rgba(0, 0, 0, 0.3);
}

.dxnav.scrolled .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Mobile menu */
@media (max-width: 991px) {
  .dxnav .navbar-nav {
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 0;
    gap: 0;
  }

  .dxnav .nav-link {
    padding: 0.8rem 1rem !important;
  }

  .dxnav .navbar-collapse {
    background: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 12px;
    margin-top: 1rem;
    padding: 1rem;
  }

  .dxnav.scrolled .navbar-collapse {
    background: rgba(255, 255, 255, 0.98);
  }

  .dxnav .btn.dxyellow {
    margin-top: 1rem;
    width: 100%;
  }

  /* Dropdown works on click on mobile */
  .dxnav .dropdown-menu {
    position: static !important;
    transform: none !important;
    box-shadow: none;
    background: transparent;
    padding-left: 1rem;
  }

  @media (max-width: 991px) {
    .dxnav .dropdown-menu {
      position: static !important;
      transform: none !important;
      box-shadow: none;
      background: transparent;
      padding-left: 1rem;
      opacity: 0;
      visibility: hidden;
      max-height: 0;
      overflow: hidden;
      transition: all 0.3s ease;
    }

    .dxnav .dropdown-menu.show {
      opacity: 1;
      visibility: visible;
      max-height: 500px;
      /* enough space for all items */
      overflow: visible;
    }
  }

}

/* Desktop - keep original dark text */
.dxnav .dropdown-item {
  border-radius: 0;
  padding: 0.7rem 1.2rem;
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 0.9rem;
  color: #333;
  /* Dark text on desktop */
}

.dxnav .dropdown-item:hover {
  background: #f9c74f;
  color: #fff;
  transform: translateX(0);
  padding-left: 1.2rem;
}

/* Mobile - white text */
@media (max-width: 991px) {
  .dxnav .dropdown-item {
    color: #fff !important;
    /* White text on mobile only */
  }

  .dxnav.scrolled .dropdown-item {
    color: #000 !important;
    /* Black text when scrolled on mobile */
  }

  .dxnav .dropdown-item:hover {
    color: #fff !important;
    /* White on hover */
  }
}

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

/* Dx nav close */



/* Custom-button */
/* ===== Custom Yellow Button ===== */

.btn.dxyellow {
  background-color: #D4AF37 !important;
  /* force gold */
  color: #fff !important;
  border: none !important;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 6px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.btn.dxyellow:hover {
  background-color: #b8962e !important;
  /* slightly darker */
  color: #fff !important;
  transform: translateY(-2px);
}

.btn.dxyellow:active {
  background-color: #a88426 !important;
  transform: translateY(0);
}

/*Secondary Button*/
.btn.dxgrey {
  background-color: #f1f1f1 !important;
  /* force gold */
  color: #D4AF37 !important;
  border: solid 1px #D4AF37 !important;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 6px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.btn.dxgrey:hover {
  background-color: #b8962e !important;
  /* slightly darker */
  color: #fff !important;
  transform: translateY(-2px);
}

.btn.dxgrey:active {
  background-color: #a88426 !important;
  transform: translateY(0);
}

/* Custom Typography */

.dx-text-yellow {

  color: #D4AF37;
}


/* Arrows between steps */
.col-md-4:not(:last-child) .icon-wrapper::after {
  content: "→";
  position: absolute;
  right: -60px;
  font-size: 2rem;
  color: #999;
}

/* arrows dashed  */
.col-md-4:not(:last-child) .icon-wrapper::after {
  content: "";
  width: 240px;
  height: 2px;
  border-top: 2px dashed #bbb;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

/* Base: remove arrows on mobile */
.col-md-4 .icon-wrapper::after {
  content: none;
}

/* Desktop & larger tablets */
@media (min-width: 1200px) {
  .col-md-4 {
    position: relative;
  }

  .col-md-4:not(:last-child) .icon-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);

    /* Responsive dashed line */
    width: calc(100% - 12px);
    /* auto adjust based on column spacing */
    height: 2px;
    border-top: 2px dashed #bbb;
  }
}

@media (min-width: 1290px) {
  .col-md-4 {
    position: relative;
  }

  .col-md-4:not(:last-child) .icon-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);

    /* Responsive dashed line */
    width: calc(100% - 10px);
    /* auto adjust based on column spacing */
    height: 2px;
    border-top: 2px dashed #bbb;
  }
}

@media (min-width: 1400px) {
  .col-md-4:not(:last-child) .icon-wrapper::after {
    width: calc(100% + 40px);
  }
}



.process-step p {
  color: #333;
  font-size: 0.95rem;
}

*/
/* how we work arrow styles end */

/* Boxy Background for text */
.dx-box {
  background-color: #f7f7f7;
  border-left: #D4AF37 4px solid;
}

.dx-box2 {
  background-color: #ffffff;
  border-left: #D4AF37 4px solid;
}

/* Form CSS */
/* Minimal underline form style */
.underline-form .form-control {
  border: none;
  border-bottom: 2px solid #ccc;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  box-shadow: none;
  transition: border-color 0.3s ease;
}

.underline-form .form-control:focus {
  border-bottom: 2px solid #f9c74f;
  /* accent color */
  box-shadow: none;
  outline: none;
}

.underline-form label {
  font-weight: 600;
  margin-bottom: 0.3rem;
  color: #0d1b2a;
  /* dark navy text */
}

.underline-form .form-text {
  font-size: 0.85rem;
  color: #777;
}

/* why choose us */
.dx-padding {
  padding-left: 50px !important;
  padding-right: 100px !important;
}

/*Scroll to top button*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #D4AF37;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #0d1b2a;
}

/*Footer*/
.dx-footer {
  background-color: #0B1D3A;
  /* Dark navy like screenshot */
}

.dx-footer .footer-link {
  color: #ffffffcc;
  text-decoration: none;
  transition: color 0.3s ease;
}

.dx-footer .footer-link:hover {
  color: #D4AF37;
  /* Your golden highlight color */
}

/* Image gallery */
.gallery-section {
  padding: 60px 0;
}

.gallery-title {
  text-align: center;
  margin-bottom: 50px;
}

.gallery-title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
}

.gallery-title p {
  color: #666;
  font-size: 1.1rem;
}

.gallery-item {
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
}

.gallery-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.gallery-item img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.gallery-item:hover img {
  transform: scale(1.1);
}

.gallery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  display: flex;
  align-items: flex-end;
  padding: 20px;
}

.gallery-item:hover .gallery-overlay {
  opacity: 1;
}

.gallery-overlay-content h5 {
  color: #fff;
  font-weight: 600;
  margin-bottom: 5px;
}

.gallery-overlay-content p {
  color: #f9c74f;
  font-size: 0.9rem;
  margin: 0;
}

/* Modal styling */
.modal-content {
  background: transparent;
  border: none;
}

.modal-body {
  padding: 0;
}

.modal-body img {
  width: 100%;
  border-radius: 12px;
}

.btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1050;
  background: #fff;
  opacity: 1;
  border-radius: 50%;
  padding: 10px;
  width: 40px;
  height: 40px;
}

/*Image gallery ends*/

/*Counter Cards animation*/
.stats-section {
  padding: 60px 0;
  background: #f5f5f5;
}

.stat-card {
  text-align: center;
  padding: 30px 20px;
  transition: all 0.3s ease;
}

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

.stat-icon {
  font-size: 2.5rem;
  color: #333;
  margin-bottom: 20px;
}

.stat-number {
  font-size: 3rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
  line-height: 1;
}

.stat-plus {
  color: #f9c74f;
  font-size: 2.5rem;
}

.stat-label {
  font-size: 1rem;
  color: #666;
  font-weight: 400;
  margin: 0;
}

@media (max-width: 768px) {
  .stat-number {
    font-size: 2.5rem;
  }

  .stat-card {
    /* margin-bottom: 20px; */
    padding: 10px 60px;
  }
  .stat-icon{
    margin-bottom: 1px;
  }
}

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

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

.logo-scroll {
  animation: scroll 30s linear infinite;
}

.logo-scroll:hover {
  animation-play-state: paused;
}

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

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

.logo-marquee {
  animation: marquee-scroll 30s linear infinite;
  width: fit-content;
}

.logo-marquee:hover {
  animation-play-state: paused;
}

.client-logo {
  width: 300px;
  height: 200px;
  filter: grayscale(0%);
  opacity: 1;
  transition: all 0.3s ease;
}

.client-logo:hover {
  filter: grayscale(80%);
  opacity: 0.6;
}

.high {
  font-weight: 700 !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgb(216, 216, 216);
}
 #servicesCarousel .description{
  font-size: 17px;
 }
/* Structural Steel  */
#servicesCarousel3 .carousel-control-prev,
#servicesCarousel3 .carousel-control-next {
  width: 5%;
}

#servicesCarousel3 .carousel-control-prev {
  left: -30px;
}

#servicesCarousel3 .carousel-control-next {
  right: -30px;
}

/* Offshore & Renewable Solutions */
#servicesCarousel .carousel-control-prev,
#servicesCarousel .carousel-control-next {
  width: 5%;
}

#servicesCarousel .carousel-control-prev {
  left: -30px;
}

#servicesCarousel .carousel-control-next {
  right: -30px;
}

/* Onshore  */
#servicesCarousel2 .carousel-control-prev,
#servicesCarousel2 .carousel-control-next {
  width: 5%;
}

#servicesCarousel2 .carousel-control-prev {
  left: -30px;
}

#servicesCarousel2 .carousel-control-next {
  right: -30px;
}



/* Career Gallery */
/* Section Heading */
#career-gallery h2 {
  color: #0D1B2A;
  font-weight: 700;
}

#career-gallery p {
  color: #555;
  max-width: 700px;
  margin: 0 auto 30px;
}

/* Images */
.gallery-img-wrapper:hover {
  transform: scale(1.04);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.gallery-img-wrapper {
  width: 100%;
  height: 180px;
  /* adjust height as needed */
  overflow: hidden;
  border-radius: 6px;
  cursor: pointer;
}

.gallery-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-caption {
  text-align: center;
  margin-top: 8px;
  font-size: 20px;
  font-weight: 500;
}

/* Move controls outside */
.custom-control {
  width: auto;
  top: 50%;
  /* transform: translateY(-50%); */
}

/* Control Style */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: #D4AF37;
  border-radius: 50%;
  padding: 15px;
  background-size: 60%;
}

/* Reduce gap between images */
#career-gallery .row.g-2>div {
  padding-left: 6px;
  padding-right: 6px;
}

@media (max-width: 768px) {
  .carousel-control-prev.custom-control {
    left: -20px;
  }

  .carousel-control-next.custom-control {
    right: -20px;
  }
}