/**
 * Theme Name:     Phlebnet Theme
 * Author:         Anirudha Chakrabarty
 * Template:       hello-elementor
 * Text Domain:	   phlebnet-theme
 * Description:    A custom theme for Phlebnet website.
 */
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: #fff;
}
.fontRoboto,
.worksSection .worksContainer .workscardWrapper .worksRow .textcard p,
.worksSection .worksContainer .workscardWrapper .worksRow .textcard h3,
.worksSection .worksContainer .worksHeading h2,
.plansSection .plansCont .plansWrapper .planscard h4 span,
.plansSection .plansCont .plansWrapper .planscard h4,
.plansSection .plansCont .plansWrapper .planscard h3,
.plansSection .plansCont .plansWrapper .planscard .taglabel,
.plansSection .plansCont .sectionHead p,
.plansSection .plansCont .sectionHead h2,
.featuresSection
  .featuresCont
  .featuresSliderWrap
  .featuresSliderCont
  .slidercard
  h3,
.featuresSection .featuresCont .featuresHead h2 {
  font-family: "Roboto", sans-serif;
}

.fontInter,
.btnsecondary,
.btnprimary,
.plansSection .plansCont .plansWrapper .planscard ul li,
.featuresSection
  .featuresCont
  .featuresSliderWrap
  .featuresSliderCont
  .slidercard
  p {
  font-family: "Inter", sans-serif;
}

.featuresSection {
  width: 100%;
  padding: 120px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(247, 148, 30, 0.2);
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
@media (max-width: 1080px) {
  .featuresSection {
    padding: 50px 20px;
  }
}
.featuresSection .overlayShape {
  position: absolute;
  top: 0;
}
@media (max-width: 1200px) {
  .featuresSection .overlayShape {
    width: 250px;
  }
}
@media (max-width: 769px) {
  .featuresSection .overlayShape {
    width: 150px;
  }
}
.featuresSection .overlayShape img {
  width: initial;
  height: initial;
}
@media (max-width: 1200px) {
  .featuresSection .overlayShape img {
    width: 100%;
  }
}
.featuresSection .featuresCont {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  position: relative;
  z-index: 10;
}
@media (max-width: 769px) {
  .featuresSection .featuresCont {
    gap: 10px;
  }
}
.featuresSection .featuresCont .featuresHead {
  width: 100%;
  max-width: 1200px;
  border-radius: 200px;
  background-color: #fff;
  padding: 24px 48px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
}
@media (max-width: 769px) {
  .featuresSection .featuresCont .featuresHead {
    width: 100%;
    padding: 10px 10px;
    justify-content: center;
  }
}
.featuresSection .featuresCont .featuresHead h2 {
  font-size: 60px;
  line-height: 40px;
  color: rgba(25, 15, 3, 0.9);
  font-weight: bold;
  margin: 0;
}
@media (max-width: 1080px) {
  .featuresSection .featuresCont .featuresHead h2 {
    font-size: 40px;
  }
}
@media (max-width: 1080px) {
  .featuresSection .featuresCont .featuresHead h2 {
    font-size: 24px;
  }
}
.featuresSection .featuresCont .featuresSliderWrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.featuresSection .featuresCont .featuresSliderWrap .featuresSliderCont {
  max-width: 1200px;
  width: 100%;
  overflow: visible;
}
.featuresSection
  .featuresCont
  .featuresSliderWrap
  .featuresSliderCont
  .slidercard {
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  padding: 45px;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 600px) {
  .featuresSection
    .featuresCont
    .featuresSliderWrap
    .featuresSliderCont
    .slidercard {
    padding: 40px;
    gap: 6px;
  }
}
.featuresSection
  .featuresCont
  .featuresSliderWrap
  .featuresSliderCont
  .slidercard
  img {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 600px) {
  .featuresSection
    .featuresCont
    .featuresSliderWrap
    .featuresSliderCont
    .slidercard
    img {
    width: 50px;
    height: 50px;
  }
}
.featuresSection
  .featuresCont
  .featuresSliderWrap
  .featuresSliderCont
  .slidercard
  h3 {
  margin: 0;
  font-size: 24px;
  line-height: 28px;
  color: #190f03;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 600px) {
  .featuresSection
    .featuresCont
    .featuresSliderWrap
    .featuresSliderCont
    .slidercard
    h3 {
    font-size: 20px;
  }
}
.featuresSection
  .featuresCont
  .featuresSliderWrap
  .featuresSliderCont
  .slidercard
  p {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: rgba(25, 15, 3, 0.5);
  text-align: center;
}

.owl-item:nth-child(4n + 1) .slidercard {
  background-image: url("images/slider-bg-1.png");
}

.owl-item:nth-child(4n + 2) .slidercard {
  background-image: url("images/slider-bg-2.png");
}

.owl-item:nth-child(4n + 3) .slidercard {
  background-image: url("images/slider-bg-3.png");
}

.owl-item:nth-child(4n + 4) .slidercard {
  background-image: url("images/slider-bg-4.png");
}

.owl-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: -105px;
  right: 30px;
  z-index: 10;
}
@media (max-width: 1300px) {
  .owl-nav {
    right: 30px;
  }
}
@media (max-width: 768px) {
  .owl-nav {
    top: initial;
    right: initial;
    width: 100%;
    bottom: -10px;
  }
}
.owl-nav button {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(247, 148, 30, 0.5);
  background-color: rgba(247, 148, 30, 0.5) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .owl-nav button {
    width: 30px;
    height: 30px;
  }
}
.owl-nav button span {
  display: none;
}
.owl-nav button.owl-prev {
  position: relative;
}
.owl-nav button.owl-prev::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("images/arrow-left.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
}
@media (max-width: 768px) {
  .owl-nav button.owl-prev::before {
    width: 18px;
    height: 18px;
  }
}
.owl-nav button.owl-next {
  position: relative;
}
.owl-nav button.owl-next::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("images/arrow-right.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .owl-nav button.owl-next::before {
    width: 18px;
    height: 18px;
  }
}
.owl-nav button.disabled {
  background-color: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(247, 148, 30, 0);
  cursor: pointer;
}
.owl-nav button.disabled::before {
  opacity: 0.3;
}

.owl-carousel .owl-stage-outer {
  overflow: visible !important;
}

@media (max-width: 768px) {
  .owl-carousel {
    padding-bottom: 20px;
  }
}

.plansSection {
  width: 100%;
  height: initial;
  padding: 40px 20px 120px 20px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .plansSection {
    padding: 50px 20px;
  }
}
.plansSection .plansCont {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  alignment-baseline: central;
  flex-direction: column;
  gap: 40px;
}
.plansSection .plansCont .sectionHead {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 992px) {
  .plansSection .plansCont .sectionHead {
    gap: 12px;
  }
}
.plansSection .plansCont .sectionHead h2 {
  font-size: 60px;
  color: #000000;
  line-height: 40px;
  font-weight: bold;
  margin: 0;
}
@media (max-width: 992px) {
  .plansSection .plansCont .sectionHead h2 {
    font-size: 34px;
  }
}
.plansSection .plansCont .sectionHead p {
  font-size: 24px;
  color: rgba(25, 15, 3, 0.5);
  line-height: 28px;
  font-weight: 600;
  margin: 0;
}
@media (max-width: 992px) {
  .plansSection .plansCont .sectionHead p {
    font-size: 16px;
    text-align: center;
  }
}
.plansSection .plansCont .plansWrapper {
  width: 100%;
  display: grid;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
@media (max-width: 992px) {
  .plansSection .plansCont .plansWrapper {
    flex-wrap: wrap;
  }
}
.plansSection .plansCont .plansWrapper .planscard {
  width: 33.33%;
  border-radius: 20px;
  border: solid 1px rgba(25, 15, 3, 0.2);
  box-shadow: 0px 4px 4px 0px rgba(99, 59, 12, 0.15);
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  box-sizing: border-box;
  position: relative;
  height:652px;
}
@media (max-width: 992px) {
  .plansSection .plansCont .plansWrapper .planscard {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .plansSection .plansCont .plansWrapper .planscard {
    width: 100%;
  }
}
.plansSection .plansCont .plansWrapper .planscard.planscardCenter {
  background-color: rgba(247, 148, 30, 0.05);
  border: solid 1px rgba(247, 148, 30, 0.5);
  padding: 48px 24px;
}
.plansSection .plansCont .plansWrapper .planscard .taglabel {
  padding: 8px 24px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgba(247, 148, 30, 0.5);
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #633b0c;
  position: absolute;
  right: 0;
  top: 18px;
}
.plansSection .plansCont .plansWrapper .planscard h3 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #633b0c;
  margin: 0;
}
@media (max-width: 992px) {
  .plansSection .plansCont .plansWrapper .planscard h3 {
    font-size: 20px;
  }
}
.plansSection .plansCont .plansWrapper .planscard h4 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 800;
  margin-bottom: 12px;
  margin: 0;
}
@media (max-width: 992px) {
  .plansSection .plansCont .plansWrapper .planscard h4 {
    font-size: 24px;
  }
}
.plansSection .plansCont .plansWrapper .planscard h4 span {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: rgba(25, 15, 3, 0.5);
}
@media (max-width: 992px) {
  .plansSection .plansCont .plansWrapper .planscard h4 span {
    font-size: 18px;
  }
}
.plansSection .plansCont .plansWrapper .planscard ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
}
.plansSection .plansCont .plansWrapper .planscard ul li {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(25, 15, 3, 0.5);
  list-style: none;
  display: inline-block;
  position: relative;
}
.plansSection .plansCont .plansWrapper .planscard ul li.lineThrough {
  position: relative;
  text-decoration: line-through;
}
.plansSection .plansCont .plansWrapper .planscard ul li img {
  width: 14px;
  height: 14px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-top: 5px;
  display: inline-block;
  position: relative;
  top: 2px;
}
.plansSection .plansCont .plansWrapper .planscard .buttonwrap {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  margin-top: 12px;
}

.btnprimary {
  padding: 12px 24px;
  border-radius: 44px;
  background-color: #f7941e;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  transition: all 0.2s;
  text-decoration: none;
}
.btnprimary:hover {
  background-color: #f7941e;
  color: #fff;
}

.btnsecondary {
  padding: 12px 24px;
  border-radius: 44px;
  background-color: rgba(247, 148, 30, 0.2);
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #f7941e;
  text-transform: capitalize;
  transition: all 0.2s;
  text-decoration: none;
}
.btnsecondary:hover {
  background-color: #f7941e;
  color: #fff;
}

.worksSection {
  width: 100%;
  padding: 0px 20px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 2px solid #30271d;
  padding-bottom: 120px;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .worksSection {
    padding-bottom: 50px;
  }
}
.worksSection .worksContainer {
  padding: 120px 0 0;
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 40px;
  position: relative;
}
@media (max-width: 992px) {
  .worksSection .worksContainer {
    padding-top: 50px;
  }
}
.worksSection .worksContainer .progressWrapper {
  width: 2px;
  height: 100%;
  background-image: url("images/line.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 0;
  top: 0;
}
@media (max-width: 992px) {
  .worksSection .worksContainer .progressWrapper {
    left: 10px;
  }
}
.worksSection .worksContainer .progressWrapper .progressLine {
  width: 2px;
  background-color: #f7941e;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  transition: all 0.2s;
}
.worksSection .worksContainer .progressWrapper .stage {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fff !important;
  border: solid 5px rgba(25, 15, 3, 0.2) !important;
  border-radius: 50%;
  left: -9px;
  transition: all 0.2s;
}
.worksSection .worksContainer .progressWrapper .stage.stageactive {
  border: solid 5px #f7941e !important;
}
.worksSection .worksContainer .worksHeading {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding-left: 25%;
  box-sizing: border-box;
}
@media (max-width: 1080px) {
  .worksSection .worksContainer .worksHeading {
    padding-left: 15%;
  }
}
@media (max-width: 600px) {
  .worksSection .worksContainer .worksHeading {
    padding-left: 0%;
    gap: 15px;
  }
}
.worksSection .worksContainer .worksHeading img {
  width: 53px;
  height: initial;
}
.worksSection .worksContainer .worksHeading h2 {
  font-size: 60px;
  color: #30271d;
  line-height: 40px;
  font-weight: bold;
  margin: 0;
}
@media (max-width: 1080px) {
  .worksSection .worksContainer .worksHeading h2 {
    font-size: 34px;
  }
}
.worksSection .worksContainer .workscardWrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.worksSection .worksContainer .workscardWrapper .worksRow {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}
.worksSection .worksContainer .workscardWrapper .worksRow.rowactive .itemcard {
  background-color: rgba(247, 148, 30, 0.2);
}
@media (max-width: 992px) {
  .worksSection .worksContainer .workscardWrapper .worksRow {
    padding-left: 40px;
    box-sizing: border-box;
    gap: 10px;
    grid-template-columns: 2fr 1fr;
  }
}
@media (max-width: 600px) {
  .worksSection .worksContainer .workscardWrapper .worksRow {
    grid-template-columns: 1fr;
  }
}
.worksSection .worksContainer .workscardWrapper .worksRow .textcard {
  width: 100%;
  padding: 20px 0;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
@media (max-width: 992px) {
  .worksSection .worksContainer .workscardWrapper .worksRow .textcard {
    padding: 0;
    gap: 8px;
  }
}
.worksSection .worksContainer .workscardWrapper .worksRow .textcard h3 {
  font-size: 24px;
  color: #30271d;
  line-height: 28px;
  font-weight: 600;
  margin: 0;
}
@media (max-width: 992px) {
  .worksSection .worksContainer .workscardWrapper .worksRow .textcard h3 {
    font-size: 20px;
  }
}
.worksSection .worksContainer .workscardWrapper .worksRow .textcard p {
  font-size: 20px;
  color: rgba(25, 15, 3, 0.5);
  line-height: 24px;
  font-weight: bold;
  margin: 0;
}
@media (max-width: 992px) {
  .worksSection .worksContainer .workscardWrapper .worksRow .textcard p {
    font-size: 16px;
  }
}
.worksSection .worksContainer .workscardWrapper .worksRow .itemcard {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 24px;
  background-color: rgba(25, 15, 3, 0.05);
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.worksSection .worksContainer .workscardWrapper .worksRow .itemcard img {
  position: absolute;
  z-index: 1;
}
.worksSection .worksContainer .btnWrap {
  width: 100%;
  position: relative;
  z-index: 15;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img2 {
  opacity: 0;
}

.rowactive .itemcardAni {
  position: relative;
}
.rowactive .itemcardAni img {
  opacity: 0;
  animation: fadeSwap 4s infinite;
}
.rowactive .itemcardAni img.img1 {
  animation-delay: 0s;
}
.rowactive .itemcardAni img.img2 {
  animation-delay: 2s;
}

@keyframes fadeSwap {
  0%,
  10% {
    opacity: 1;
  }
  40%,
  60% {
    opacity: 0;
  }
  90%,
  100% {
    opacity: 1;
  }
}
#stpe-1 img {
  bottom: 0;
  width: 300px;
}
@media (max-width: 992px) {
  #stpe-1 img {
    width: 240px;
  }
}
@media (max-width: 600px) {
  #stpe-1 img {
    width: 160px;
  }
}

#stpe-2 img {
  top: 30px;
  width: 300px;
}
@media (max-width: 600px) {
  #stpe-2 img {
    width: 160px;
  }
}

#stpe-3 img {
  width: 450px;
}
@media (max-width: 992px) {
  #stpe-3 img {
    width: 340px;
  }
}
@media (max-width: 600px) {
  #stpe-3 img {
    width: 250px;
  }
}

#stpe-4 img {
  bottom: 0px;
  width: 420px;
}
@media (max-width: 992px) {
  #stpe-4 img {
    width: 340px;
  }
}
@media (max-width: 600px) {
  #stpe-4 img {
    width: 200px;
  }
}

.stage:nth-child(2) {
  top: 14.1%;
}
@media (max-width: 1200px) {
  .stage:nth-child(2) {
    top: 14.8%;
  }
}
@media (max-width: 1024px) {
  .stage:nth-child(2) {
    top: 16.5%;
  }
}
@media (max-width: 992px) {
  .stage:nth-child(2) {
    top: 10.5%;
  }
}

.stage:nth-child(3) {
  top: 35%;
}
@media (max-width: 1200px) {
  .stage:nth-child(3) {
    top: 35.5%;
  }
}
@media (max-width: 1024px) {
  .stage:nth-child(3) {
    top: 36.6%;
  }
}
@media (max-width: 992px) {
  .stage:nth-child(3) {
    top: 31.7%;
  }
}

.stage:nth-child(4) {
  top: 55.9%;
}
@media (max-width: 1200px) {
  .stage:nth-child(4) {
    top: 56.2%;
  }
}
@media (max-width: 1024px) {
  .stage:nth-child(4) {
    top: 56.9%;
  }
}
@media (max-width: 992px) {
  .stage:nth-child(4) {
    top: 53%;
  }
}

.stage:nth-child(5) {
  top: 76.7%;
}
@media (max-width: 992px) {
  .stage:nth-child(5) {
    top: 74%;
  }
}

/* style for testimonial sliders */
:root {
  --accent: #e6994a;
  /* orange */
  --accent-ghost: rgba(230, 153, 74, 0.12);
  --card-bg: #fbefd8;
  --muted: #bfbfbf;
}

body {
  font-family: "Inter", system-ui, Arial, sans-serif;
  margin: 40px;
  background: #fff;
}

.testimonials {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 120px;
  /* important for absolute nav */
}

.testimonials-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
  position: relative;
  margin-top: 18px;
}

.testimonials-header h2 {
  color: #190f03e5;
  font-family: Roboto;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 66.667% */
  margin-bottom: 40px;
}

/* nav wrapper placed at top-right of the whole slider */
.slider-top-nav {
  position: absolute;
  right: 8px;
  top: -6px;
  /* adjust vertically to match image */
  display: flex;
  gap: 10px;
  align-items: center;
  z-index: 40;
  pointer-events: auto;
}

/* button base */
.slider-top-nav button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  padding: 0 !important;
}

.custom-prev {
  background: linear-gradient(180deg, var(--accent), #f5ba7aff);
  /* dark gray circle */
  color: #fff !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
}

.custom-prev svg path {
  stroke: #fff !important;
}

.custom-next:hover {
  background-color: linear-gradient(180deg, var(--accent), #d9852d);
}

/* next = filled orange circle like your image */
.custom-next {
  background: linear-gradient(180deg, var(--accent), #d9852d);
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  box-shadow: 0 6px 18px rgba(230, 153, 74, 0.16);
}

/* swiper container & slides */
.swiper {
  padding: 18px 8px 32px;
}

.swiper-wrapper {
  align-items: stretch;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  transition: transform 0.28s ease;
}

.testimonial-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;

  /* responsive sizing */
  width: 100%;
  /* smaller than 720px */
  max-width: 100%;
  /* prevent overflow */
  height: 335px;
  /* let height adjust to content */
  padding: 28px;
  /* reduced padding */

  background: var(--card-bg);
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
}

/* .testimonial-card::before {
  content: url('');
  font-size: 48px;
  color: #bf6a14;
  position: absolute;
  left: 18px;
  top: 10px;
  opacity: 0.95;
} */
.testimonial-card::before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 120 120" fill="none"><path d="M13.2472 96.5562C6.8427 89.5112 3 81.8258 3 69.0169C3 46.6011 19.0112 26.7472 41.427 16.5L47.191 24.8258C26.0562 36.3539 21.573 51.0843 20.2921 60.691C23.4944 58.7697 27.9775 58.1292 32.4607 58.7697C43.9888 60.0506 52.9551 69.0169 52.9551 81.1854C52.9551 86.9494 50.3933 92.7135 46.5506 97.1966C42.0674 101.68 36.9438 103.601 30.5393 103.601C23.4944 103.601 17.0899 100.399 13.2472 96.5562ZM77.2921 96.5562C70.8876 89.5112 67.0449 81.8258 67.0449 69.0169C67.0449 46.6011 83.0562 26.7472 105.472 16.5L111.236 24.8258C90.1011 36.3539 85.618 51.0843 84.3371 60.691C87.5393 58.7697 92.0225 58.1292 96.5056 58.7697C108.034 60.0506 117 69.0169 117 81.1854C117 86.9494 114.438 92.7135 110.596 97.1966C106.753 101.68 100.989 103.601 94.5843 103.601C87.5393 103.601 81.1348 100.399 77.2921 96.5562Z" fill="%23F7941E"/><path d="M13.2472 96.5562C6.8427 89.5112 3 81.8258 3 69.0169C3 46.6011 19.0112 26.7472 41.427 16.5L47.191 24.8258C26.0562 36.3539 21.573 51.0843 20.2921 60.691C23.4944 58.7697 27.9775 58.1292 32.4607 58.7697C43.9888 60.0506 52.9551 69.0169 52.9551 81.1854C52.9551 86.9494 50.3933 92.7135 46.5506 97.1966C42.0674 101.68 36.9438 103.601 30.5393 103.601C23.4944 103.601 17.0899 100.399 13.2472 96.5562ZM77.2921 96.5562C70.8876 89.5112 67.0449 81.8258 67.0449 69.0169C67.0449 46.6011 83.0562 26.7472 105.472 16.5L111.236 24.8258C90.1011 36.3539 85.618 51.0843 84.3371 60.691C87.5393 58.7697 92.0225 58.1292 96.5056 58.7697C108.034 60.0506 117 69.0169 117 81.1854C117 86.9494 114.438 92.7135 110.596 97.1966C106.753 101.68 100.989 103.601 94.5843 103.601C87.5393 103.601 81.1348 100.399 77.2921 96.5562Z" fill="black" fill-opacity="0.3"/></svg>');
  position: absolute;
  left: 18px;
  top: 10px;
  width: 48px; /* adjust as needed */
  height: 48px; /* adjust as needed */
  opacity: 0.95;
}

.testimonial-text {
  font-weight: 800;
  font-size: 32px;
  line-height: 1.2;
  margin: 24px 0 12px;
  color: #2b2b2b;
  width: 80%;
  z-index: 9999;
}

.testimonial-author {
  font-size: 20px;
  color: #6b6b6b;
  font-weight: 600;
}

.testimonial-card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  /* ensures ::after respects card radius */
}

.testimonial-card::after {
  content: "";
  position: absolute;
  right: -4px;
  top: 12px;
  bottom: 12px;
  width: 125px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="192" height="335" viewBox="0 0 192 335" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.0166931 183.558L18.5502 215.675H365.454L383.971 183.558H0.0166931ZM384 151.442L365.466 119.325H18.5168L0 151.442H384ZM346.95 87.2021L342.938 80.2465C342.822 80.0494 342.689 79.8537 342.579 79.6566L328.404 55.0857H55.5894L41.0735 80.2633L41.0567 80.2465L37.0448 87.2021H346.95ZM309.864 22.9693L295.886 -1.27732C293.805 -4.91725 290 -6.95389 286.087 -6.95389V-7H191.99H97.8918C93.3018 -7 89.3526 -4.27426 87.5665 -0.356161L74.1133 22.9707L309.864 22.9693ZM37.0685 247.791L41.0526 254.695L41.0692 254.73L41.0526 254.748L55.5685 279.898H328.416L342.932 254.748C343.048 254.534 343.164 254.32 343.278 254.106L346.915 247.794H37.0685V247.791ZM74.0839 312.013L88.0972 336.305C90.196 339.927 93.9944 341.965 97.896 341.965V342H191.988H286.086C290.578 342 294.463 339.372 296.312 335.588L309.898 312.018H74.0826L74.0839 312.013Z" fill="%23F7941E" fill-opacity="0.5"/></svg>')
    no-repeat center/cover;
  transform: rotate(0.5deg);
  pointer-events: none;
}

.slider-nav {
  z-index: 10;
}

/* dim non-active slides to mimic the screenshot */
.swiper-slide:not(.swiper-slide-active) .testimonial-card {
  opacity: 0.34;
  transform: scale(0.96);
}

/* responsiveness */
@media (max-width: 900px) {
  .slider-top-nav {
    right: 6px;
    top: -10px;
  }
}

@media (max-width: 600px) {
  .testimonials {
    margin: 20px;
  }

  /* .testimonial-card {
        padding: 20px;
      } */

  .slider-top-nav {
    top: -4px;
    right: 6px;
  }
  .testimonial-card::after {
    width: 85px;
  }
}

@media (max-width: 900px) {
  .testimonial-card {
    width: 100%;
    padding: 50px;
  }

  .testimonial-text {
    font-size: 40px;
  }

  .testimonial-author {
    font-size: 24px;
  }

  .my-swiper {
    padding: 0 0 !important;
  }
  .testimonials {
    margin-bottom: 40px;
  }
}

@media (max-width: 600px) {
  .testimonial-card {
    width: 100%;
    padding: 20px;
  }

  .testimonial-text {
    font-size: 28px;
  }

  .testimonial-author {
    font-size: 20px;
  }

  .testimonials-header h2 {
    width: 75% !important;
    font-size: 34px;
  }

  .testimonials {
    margin: 0px;
    margin-bottom: 40px;
  }
  
}

/* Swiper container padding to allow peek */
.my-swiper {
  padding: 0 100px;
  /* adjust for how much of next/prev slides you want visible */
}

/* Slides */
.swiper-slide {
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0.5;
  /* non-active slides dimmed */
}

/* Center active slide */
.swiper-slide-active {
  transform: scale(1.05);
  /* bigger */
  opacity: 1;
  z-index: 10;
  /* bring forward */
}

/* marquee text style */

.marquee {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 15px 0;
  position: relative;
  margin-bottom: 60px;
}

@media (max-width: 600px) {
  .marquee {
    margin-bottom: 0px;
  }
}

.marquee-content {
  display: inline-flex;
  animation: marquee 30s linear infinite;
}

.marquee span {
  /* margin: 0 20px; */
  /* adjust word spacing */
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: 56px;
  text-transform: uppercase;
}

.highlight {
  color: #f7941e !important;
}

.icon {
  display: inline-block;
  width: 62px;
  height: 56px;
  vertical-align: middle;
  margin: 0 20px;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

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

/* subscribe form */
/* === Subscribe Form Pill Layout === */
.subscribe-form {
  display: flex;
  align-items: center;
  gap: 8px; /* spacing between input & button */
  padding: 12px 12px 12px 24px;
  align-self: stretch;
  background: #fff;
  border: 2px solid #f3d7b6;
  border-radius: 40px;
  max-width: 460px;
  margin: 0 auto;
  position: relative; /* for spinner + error */
}

/* Remove CF7 <p> defaults */
.subscribe-form p {
  margin: 0;
  display: flex;
  flex: 1;
  align-items: center;
}

/* Input wrapper */
.subscribe-form span.wpcf7-form-control-wrap {
  flex: 1;
  display: flex;
  position: relative; /* error positioning */
}

/* Email input */
.subscribe-form input[type="email"] {
  flex: 1;
  border: none;
  padding: 12px 16px;
  font-size: 16px;
  outline: none;
  border-radius: 40px;
  min-width: 0;
}

/* Submit button */
.subscribe-form input[type="submit"] {
  padding: 12px 24px;
  background: #f7931e;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  transition: background 0.3s;
  white-space: nowrap;
  position: relative;
  z-index: 2;
}

.subscribe-form input[type="submit"]:hover {
  background: #e67e00;
}

/* === Spinner === */
.subscribe-form .wpcf7-spinner {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  width: 20px;
  height: 20px;
  z-index: 3;
}

.subscribe-form .wpcf7-spinner[style*="visibility: hidden"] {
  display: none;
}

/* === Error States === */
.subscribe-form input.wpcf7-not-valid {
  /* border: 2px solid #e63946; */
}

/* Error tip below input */
.subscribe-form .wpcf7-not-valid-tip {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 5px;
  font-size: 14px;
  color: #e63946;
  background: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  white-space: normal;
  width: max-content;
  max-width: 100%;
}

/* === Global Response Message === */
.wpcf7-response-output {
  margin-top: 12px;
  font-size: 14px;
  padding: 10px 15px;
  border-radius: 6px;
  text-align: center;
}

.wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-response-output.wpcf7-acceptance-missing,
.wpcf7-response-output.wpcf7-aborted,
.wpcf7-response-output.wpcf7-mail-sent-ng {
  background: #ffe6e6;
  color: #e63946;
  border: 1px solid #e63946;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
  background: #e6ffed;
  color: #2e7d32;
  border: 1px solid #2e7d32;
}

/* Mobile menu style */

.hfe-dropdown{
  margin-top: 15px;
}
/* .hfe-nav-menu{
  margin: 20px;
} */

/* contcat form page form style */

/* Contact Form 7 Custom Form */
.contact-form label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
  color: #000;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 20px;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}

.contact-form textarea {
  min-height: 100px;
  resize: none;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #999;
  font-size: 14px;
}

/* Submit Button */
.contact-form input[type="submit"] {
  background: #f7931a; /* Orange */
  color: #fff;
  border: none;
  border-radius: 20px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.contact-form input[type="submit"]:hover {
  background: #e6840e;
}
.contact-form p {
  margin: 0;
  margin-bottom:24px;
}
.contact-form br {
  display: none;
}
.contact-form label{
  margin-bottom:15px;
}
.hfe-flyout-container{
	z-index:99999 !important;
}
.hfe-flyout-content{
	z-index:99999 !important;
}