.cy-template .gap-30 {
  gap: 30px;
}
.cy-template .gap-12 {
  gap: 12px;
}
.cy-template .gap-54 {
  gap: 54px;
}
.cy-template .gap-32 {
  gap: 32px;
}
.cy-template .border-right {
  background: var(--Primary-Gray-200, #c7cade);
  width: 1px;
  height: 100%;
  min-height: 50px;
}
.cy-template .testimonial-slider {
  border-radius: 12px;
  border: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8);
  padding: 40px !important;
  background-color: #fff;
}
.cy-template .carousel-control-prev,
.cy-template .carousel-control-next {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  max-width: 32px;
  min-width: 32px;
  opacity: 0.8;
}
.cy-template .carousel-control-prev:hover,
.cy-template .carousel-control-next:hover,
.cy-template .carousel-control-prev:focus,
.cy-template .carousel-control-next:focus,
.cy-template .carousel-control-prev:active,
.cy-template .carousel-control-next:active {
  opacity: 1;
  border: none;
  outline: none;
  background-color: transparent;
}
.cy-template .carousel-control-prev-icon,
.cy-template .carousel-control-next-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
}
.cy-template .carousel-control-prev-icon {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><rect x="0.744681" y="0.744681" width="30.5106" height="30.5106" rx="15.2553" fill="white"/><rect x="0.744681" y="0.744681" width="30.5106" height="30.5106" rx="15.2553" stroke="%231863DC" stroke-width="1.48936"/><path d="M17.4887 10.0425L11.5312 15.9999L17.4887 21.9574" stroke="%231863DC" stroke-width="1.54072" stroke-linecap="round"/></svg>');
}
.cy-template .carousel-control-next-icon {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><rect x="0.744681" y="0.744681" width="30.5106" height="30.5106" rx="15.2553" fill="white"/><rect x="0.744681" y="0.744681" width="30.5106" height="30.5106" rx="15.2553" stroke="%231863DC" stroke-width="1.48936"/><path d="M13.7652 21.9573L19.7227 15.9998L13.7652 10.0424" stroke="%231863DC" stroke-width="1.54072" stroke-linecap="round"/></svg>');
}
.cy-template .carousel-control-prev:hover,
.cy-template .carousel-control-next:hover {
  opacity: 1;
}
.cy-template .carousel-control-prev:focus,
.cy-template .carousel-control-next:focus {
  opacity: 1;
}
.cy-template .carousel-control-prev:active,
.cy-template .carousel-control-next:active {
  opacity: 1;
}
.cy-template .step-content {
  box-shadow: 0 8px 28px -4px rgba(24, 99, 220, 0.2);
}
.cy-template .step-content.step-2-card {
  opacity: 0.8;
}
.cy-template .step-number span.step-number-inner {
  border-radius: var(--Border-Radius-rounded, 100000000px);
  background-color: transparent;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--Text-accent, #1863dc);
  color: var(--Text-accent, #1863dc);
}
.cy-template .step-number.step-1 .step-number-inner {
  background: var(--Text-accent, #1863dc);
  border: 1px solid var(--Text-accent, #1863dc);
  color: #fff;
}
.cy-template .step-number.step-2 .step-number-inner {
  opacity: 0.5;
}
.cy-template #agencyFeatures .card {
  border-radius: 12px;
  border: 1px solid var(--Blue-CY-Primary_Bg-1, #d1e0f8) !important;
  background: var(--Primary-Blue-50, #f1f6fd) !important;
  overflow: hidden;
}
.cy-template #agencyFeatures .card button {
  color: var(--Text-primary, #27283c);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px; /* 150% */
  letter-spacing: -0.25px;
}
.cy-template #agencyFeatures .card button[aria-expanded="true"] {
  background-color: transparent !important;
}
.cy-template #agencyFeatures .card button[aria-expanded="false"] {
  background-color: #fff !important;
}
.cy-template .bg-1,
.cy-template .bg-2 {
  background-image: url("https://www.cookieyes.com/wp-content/uploads/2025/11/bg-1.webp");
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.cy-template .bg-2 {
  background-image: url("https://www.cookieyes.com/wp-content/uploads/2025/11/bg-2.webp");
}
.cy-template .agency-partner-logos.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}
.cy-template .agency-partner-logos.owl-carousel .owl-item {
  max-height: 150px;
}
@media (max-width: 767.99px) {
  .cy-template .step-line {
    height: 100%;
    max-height: 500px;
    width: 5px;
    background-image: linear-gradient(
      0deg,
      #d1e0f8 0%,
      #d1e0f8 50%,
      #1863dc 50%,
      #1863dc 100%
    );
    min-height: 200px;
  }
  .cy-template .steps-wrapper {
    height: calc(50% + 25px);
  }
  .cy-template .gap-54 {
    gap: 32px;
  }
  .cy-template #agencyFeatures .card button {
    font-size: 18px;
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .cy-template .step-line {
    width: 100%;
    max-width: 500px;
    height: 5px;
    background-image: linear-gradient(
      90deg,
      #1863dc 0%,
      #1863dc 50%,
      #d1e0f8 50%,
      #d1e0f8 100%
    );
  }
  .cy-template .steps-wrapper {
    width: calc(50% + 25px);
  }
}
@media (max-width: 575.99px) {
  .cy-template .hero-section ul.tick-icon li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cy-template .hero-section ul.tick-icon li:before {
    position: relative;
    left: -10px;
  }
}