.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .mySwiperSingle {
    width: 100%;
    height: 100%;
  }

  .swiper-button-next, .swiper-button-prev {
    color: red;
}

.autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
}

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--swiper-theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  /* font-family: "Poppins", sans-serif; */
  
}

html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}


.circle-blur
{
  background: radial-gradient(#fd6f00, transparent, transparent);
  top: var(--y);
  left: var(--x);
  transform: translate(-50%, -50%); 
  opacity: 0;
  transition: 0.5s, top 0s, left 0s ;
}

.card:hover .circle-blur {
  opacity: 1;
}

.card::after {
  content: " ";
  position: absolute;
  inset: 2px;
  border-radius: 12px;
  background: #151515a8;
}

.word {
  transform: translateY(150px);
  transition: transform .4s;
  /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); */
}

.line{

  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

/* h1{
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
} */

.service-card {
  transition: all .5s;
}

.service-card:hover {
  background-color: #151515;
}

.service-card:hover svg {
  fill: #f2b43f;
}

.service-card:hover h3 {
  color: white; 
}

.service-card:hover li {
  color: white; 
}

.service-card:hover  .svg {
  fill: #f2b43f;
}  


.service-card-inverted {
  transition: all .5s;
}

.service-card-inverted:hover {
  background-color:  #F89E00;
}

.service-card-inverted:hover svg {
  fill: #151515;
}

.service-card-inverted:hover h3 {
  color: #151515;
}

.service-card-inverted:hover li {
  color: #151515;
}

.service-card-inverted:hover  .svg {
  fill: #151515;
}

@media (prefers-color-scheme: dark) {
  .btn-dark {
    background: rgb(11, 201, 132);
    color: rgb(255, 255, 255);
  }
}

.invalid-feedback,
.empty-feedback {
  display: none;
}

.was-validated :placeholder-shown:invalid ~ .empty-feedback {
  display: block;
}

.was-validated :not(:placeholder-shown):invalid ~ .invalid-feedback {
  display: block;
}

.is-invalid,
.was-validated :invalid {
  border-color: #dc3545;
}