/* service/staffing */
.btn-yellow {
  background: #ffd602 !important;
  color: #00283c !important;
  padding: 1rem 2rem !important;
  min-width: 10rem !important;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: 0 !important;
  border-radius: 2.5em !important;
  outline: 0;
  font-size: 1rem;
  line-height: 1.6;
  -webkit-appearance: none;
  font-weight: 600 !important;
}

.btn-secondary-1 {
  background: #AA090A !important;
  color: #ffffff !important;
  padding: 1rem 2rem !important;
  min-width: 10rem !important;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: 0 !important;
  border-radius: 2.5em !important;
  outline: 0;
  font-size: 1rem;
  line-height: 1.6;
  -webkit-appearance: none;
  font-weight: 600 !important;
}

.btn-whites {
  background: #fff;
  color: #00283c !important;
  padding: 1rem 2rem !important;
  min-width: 10rem !important;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: 3px solid #00283c !important;
  border-radius: 2.5em !important;
  outline: 0;
  font-size: 1rem;
  line-height: 1.6;
  -webkit-appearance: none;
  font-weight: 600 !important;
}

.btn-yellow:hover {
  background: #fff !important;
  box-shadow: none !important;
  border: 3px solid #181E3D !important;
}

.btn-whites:hover {
  background-color: #181E3D !important;
  color: white !important;

}

.SemicircleGradient {
  background-image: url(../images/SemicircleGradient.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.bredcrumbs-bg {
  background-color: #181e3d;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: #fff !important;
}

.sky-blue {
  color: #00d6f2 !important;
}

.trust-by {
  align-items: center;
  border-right: 1px solid;
  display: flex;
  font-size: clamp(1rem, 1.5rem, 2vw);
  font-style: normal;
  font-weight: 600;
  height: 55px;
  line-height: 110%;
  margin: 0 3.08rem 0 0;
  padding-right: 3.08rem;
  text-transform: uppercase;
  white-space: nowrap;
}


.bg-img-blue {
  background-image: url(../images/PinkGradient.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}


/* timeline css */
/* ---------- Steps Section ---------- */
.steps-section {
  padding: 20px 0;
  position: relative;
}

.steps-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  /* max-width: 1100px; */
  margin: 0 auto;
}

/* ---------- Connecting Line ---------- */
.steps-wrapper::before {
  content: "";
  position: absolute;
  top: 33px;
  left: 7%;
  right: 7%;
  height: 4px;
  background-color: #ffffff;
  z-index: 0;
  border-radius: 2px;
}

/* ---------- Step ---------- */
.step {
  position: relative;
  text-align: center;
  z-index: 1;
  flex: 1;
}

/* Circle */
.step-circle {
  width: 70px;
  height: 70px;
  background-color: #ffffff;
  border-radius: 50%;
  color: #003C4F;
  font-weight: 700;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  box-shadow: 0px 0px 0px 6px #522c2c, 0px 0px 0px 10px #ffffff;
}

/* Title */
.step-title {
  font-weight: 500;
  font-size: 1.25rem;
  margin-top: 25px;
  margin-bottom: 10px;
  color: #ffffff;
}

/* Description */
.step p {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.92);
  line-height: 1.5;
  max-width: 220px;
  margin: 0 auto;
}

.step a {
  color: #2BD0D8;
  font-weight: 600;
  text-decoration: none;
}

/* ---------- Responsive ---------- */
@media (max-width: 996px) {
  .steps-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  .steps-wrapper::before {
    display: none;
  }

  .step {
    text-align: center;
  }

  .step-circle {
    width: 60px;
    height: 60px;
    font-size: 1.3rem;
  }

  .step-title {
    margin-top: 20px;
    font-size: 1.1rem;
  }

  .step p {
    font-size: 0.95rem;
  }
}

.text-dark-pink {
  color: #AA090A;
}

.bg-ocean-blue {
  background-color: #b4e3e5;
}

.icons_outer {
  background-color: #ffffff;
  /* width: 35px;
  height: 35px; */
  font-size: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #181E3D;
}

.form_groups>label {
  font-weight: 500;
}

.form-check-input:checked {
  background-color: #181E3D !important;
  border-color: #181E3D !important;

}

.form_groups>.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  box-shadow: none !important;
  border-color: #181E3D !important;
}

/* remove pod */
.banner-bg {
  background-image: linear-gradient(270deg, #AA090A, #181e3d);

  position: relative;
}

.drt-vtl {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.drt-rtl {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  /* flip to read bottom-to-top */
  text-align: center;
  white-space: nowrap;
  margin: 0;
}

.elite_logo {
  height: 70px !important;
}

.text-blue {
  color: #181E3D !important;
}

.text-red {
  color: #AA090A !important;
}

.ut-bg {
  background: linear-gradient(rgba(15, 23, 42, 0.6), rgba(15, 23, 42, 0.6)),
    url("https://elitevet-tech.netlify.app/assets/Utility-DNAHGLwf.webp") center/cover no-repeat;
  background-attachment: fixed;
  /* optional */
  color: white;
  background-repeat: no-repeat;
  background-position: top;
}

.auto-bg {

  background: linear-gradient(rgba(15, 23, 42, 0.6), rgba(15, 23, 42, 0.6)),
    url("https://elitevet-tech.netlify.app/assets/Automobiles-min-BEjVYie-.webp") center/cover no-repeat;
  background-attachment: fixed;
  /* optional */
  color: white;
  background-repeat: no-repeat;
  background-position: top;
}

.maf-bg {
  background: linear-gradient(rgba(15, 23, 42, 0.6), rgba(15, 23, 42, 0.6)),
    url("https://elitevet-tech.netlify.app/assets/Manufacturing-1-min-CfkX8upZ.webp") center/cover no-repeat;
  background-attachment: fixed;
  /* optional */
  color: white;
  background-repeat: no-repeat;
  background-position: top;
}

/* navbar imges */
.nav-ut {
  background: linear-gradient(rgba(15, 23, 42, 0.6), rgba(15, 23, 42, 0.6)),
    url("https://elitevet-tech.netlify.app/assets/Utility-DNAHGLwf.webp") center/cover no-repeat;
  color: #fff !important;

}

.nav-au {
  background: linear-gradient(rgba(15, 23, 42, 0.6), rgba(15, 23, 42, 0.6)),
    url("https://elitevet-tech.netlify.app/assets/Automobiles-min-BEjVYie-.webp") center/cover no-repeat;
  color: #fff !important;
}

.nav-maf {
  background: linear-gradient(rgba(15, 23, 42, 0.6), rgba(15, 23, 42, 0.6)),
    url("https://elitevet-tech.netlify.app/assets/Manufacturing-1-min-CfkX8upZ.webp") center/cover no-repeat;
  color: #fff !important;
}

/* service */

/* it */



/* cloud */


/* industries section */
.img-mode {
  mix-blend-mode: luminosity;
}


.navbar-toggler:focus,
.btn-close:focus {
  box-shadow: none !important;
}

.top-bg-images {
  background-image: url(../images/bg-banner.webp);
  background-size: cover;
  background-repeat: no-repeat;
  /* background-color: #181e3d; */
  background-position: center;
}


.img-mix-lum {
  mix-blend-mode: luminosity;
}


.box-shd {
  /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12); */
  /* box-shadow: 0px 10px 15px -3px; */
box-shadow: -1px 6px 18px 0px;
}

/* .card-pf-img-1{
 background-image: 
    
    url(../images/cards/card-img-v5-1.png);
 
  background-position: center;
  background-repeat: no-repeat;
  
}  */
  .card-pf-img-1 {
  background-image: url(../images/cards/test-card-1.png);
 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* border-radius: 4px; */
}





 
.card-pf-img-2{
  background-image: url(../images/cards/test-card-2.png);
 
  background-position: center;
  background-repeat: no-repeat;
   background-size: cover;
  /* border-radius: 4px; */
}
.card-pf-img-3{
  background-image: url(../images/cards/test-card-3.png);
 
  background-position: center;
  background-repeat: no-repeat;
   background-size: cover;
  /* border-radius: 4px; */
}
.card-pf-img-4{
  background-image: url(../images/cards/test-card-4.png);
  
  background-position: center;
  background-repeat: no-repeat;
   background-size: cover;
  /* border-radius: 4px; */
}
.card-pf-img-5{
  background-image: url(../images/cards/test-card-5.png);
 
  background-position: center;
  background-repeat: no-repeat;
   background-size: cover;
  /* border-radius: 4px; */
}



.logo_marquee_wrapper {
  overflow: hidden;
  width: 100%;
  /* background: #fff; optional background */
   position: relative;
}

.logo_marquee {
 display: flex;
  gap: 50px;
  width: max-content;
  animation: scroll 20s linear infinite;
  will-change: transform;
}

.logo_marquee img {
  height: 160px; /* adjust as needed */
  display: block;
  flex-shrink: 0;
}

@keyframes scroll  {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


.icons-wrapper{
  height: 50px;
  width: 50px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #181E3D;
  color: #ffffff;
  border-radius: 50%;
  i{
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* .icon_wrapper_services{
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: #181E3D;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon_wrapper_services_title{
   height: 70px;
  width: 70px;
  border-radius: 50%;
  background-color: #181E3D;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
} */


.flipbox {
  background: transparent;
  perspective: 1000px;
  height: 250px;
}

.flipbox-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.7s;
  transform-style: preserve-3d;
}

.flipbox:hover .flipbox-inner {
  transform: rotateY(180deg);
}

.flipbox-front,
.flipbox-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flipbox-front {
  background: #ffffff;
  color: #212529;
}

.flipbox-back {
  background: #181E3D;
  color: #fff;
  transform: rotateY(180deg);
}

.flipbox-icon i {
  font-size: 40px;
  color: #AA090A ;
}

.h-170{
  height: 170px !important;
  display: block;
}

.accordion-button:focus{
  border-color: white !important;
  box-shadow: none !important;
}
.accordion-button:not(.collapsed){
  background-color: #ffffff !important;
}
.point-event-none{
  pointer-events: none;
}

.accordion-item:first-of-type .accordion-button{
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}