body {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

:root {
  scroll-behavior: smooth;
}

* {
  scrollbar-color: rgba(223, 223, 223, 0.9) rgba(255, 255, 255, 0);
  scrollbar-width: thin;
}

.line {
  width: 22px;
  height: 2px;
  background: white;
  margin: 3px 0;
  border-radius: 3px;
  transition: 0.3s ease;
}

.middle-line {
  width: 16px;
  margin-left: -10px;
}

#menuToggle.active .top-line {
  transform: translateY(8px) rotate(39deg);
}

#menuToggle.active .middle-line {
  opacity: 0;
}

#menuToggle.active .bottom-line {
  transform: translateY(-8px) rotate(-51deg);
}

.rotate-180 {
  transform: rotate(180deg);
}


.mobile-accordion-panel {
  max-height: 0;
}

.round-que {
  position: relative;
}

.round-que::before {
  content: '';
  background-color: red;
  position: absolute;
  top: -126.9%;
  left: -26.2%;
  clip-path: path("M0,0H19A0,0 0,0,1 19,0V-1A16,16 0,0,0 35,15H40A0,0 0,0,1 40,15V33A0,0 0,0,1 40,33H20A0,0 0,0,1 20,33V34A16,16 0,0,0 4,18H0A0,0 0,0,1 0,18V0A0,0 0,0,1 0,0Z");
  width: 40px;
  height: 33px;
  background-color: #ffffff;
  aspect-ratio: 40 / 33;
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-12px);
  }

  100% {
    transform: translateY(0px);
  }
}

.animate-floating {
  animation: floating 3s ease-in-out infinite;
}

.card-shape {
  clip-path: path("M26,0H281A26,26 0,0,1 307,26V209A26,26 0,0,1 281,235H273A26,26 0,0,0 247,261V269A26,26 0,0,1 221,295H26A26,26 0,0,1 0,269V26A26,26 0,0,1 26,0Z");
}

.card-shape-cover-active .card-shape {
  background-color: #00bde0;
  transition: all 0.5s ease-in-out;
}

.card-shape-cover-active .card-shape h4,
.card-shape-cover-active .card-shape p,
.card-shape-cover-active .card-shape h5,
.card-shape-cover-active .card-shape span {
  color: #fff;
}

.card-shape-cover-active .card-shape span {
  background-color: #fff;
}

.card-shape-cover-active .card-shape hr {
  border-color: #fff;
}


.service-card-inner,
.service-card-icon {
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.service-card-active .service-card-inner {
  background-color: #ecf5fb;
  transform: translateY(-4px);
}

.service-card-active .service-card-icon {
  background-color: #00BDE0;
  color: #ffffff;
}

/* Slides ke beech ka gap control */
.my-slider .slick-slide {
  margin: 0 8px;
  /* yaha gap set karo (8px = chota gap) */
  box-sizing: border-box;
}

/* Left/right side se content flush rakhne ke liye */
.my-slider .slick-list {
  margin: 0 -8px;
}

.dz-btn::before,
.dz-btn::after {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  left: -40px;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transform: rotate(270deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0V50H50C22.3858 50 0 27.6142 0 0Z' fill='white'/%3E%3C/svg%3E");
}

.dz-btn::after {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0V50H50C22.3858 50 0 27.6142 0 0Z' fill='white'/%3E%3C/svg%3E");
  left: auto;
  right: -40px;
  bottom: 0px;
  transform: rotate(0deg);
}

@keyframes dzRing {
  0% {
    transform: rotate(0deg) scale(1);
  }

  20% {
    transform: rotate(15deg) scale(1.1);
  }

  40% {
    transform: rotate(-15deg) scale(1.1);
  }

  60% {
    transform: rotate(12deg) scale(1.08);
  }

  80% {
    transform: rotate(-12deg) scale(1.08);
  }

  100% {
    transform: rotate(0deg) scale(1);
  }
}

.ring-call {
  animation: dzRing 1s infinite ease-in-out;
  transform-origin: center;
}


.testimonial-card {
  filter: drop-shadow(0 0px 1px rgba(3, 27, 78, 0.25));
}

.testimonial-card::after {
  content: "";
  background: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  mask-image: url(./assets/images/testimonial-shadow.svg);
  mask-position: right bottom;
  border-radius: 25px 25px 0 25px;
  transition: all 0.5s;
}

.testimonial-text::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  z-index: -1;
  background-color: #00bde0;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 137 97' fill='none'><path d='M30.3827 96.853C13.6299 96.853 0.0022583 83.2254 0.0022583 66.4724C0.0022583 50.3111 12.685 37.0558 28.6205 36.14C28.8964 33.1611 28.6894 25.0522 20.9192 13.7722C20.3318 12.9213 20.4384 11.7737 21.1679 11.0442C24.3476 7.86449 26.3127 5.86192 27.688 4.46131C29.4881 2.63001 30.3097 1.79388 31.5116 0.702599C31.9192 0.332703 32.4334 0.146683 32.9499 0.146683C33.4515 0.146683 33.9511 0.322197 34.3546 0.671341C47.8945 12.4531 62.9354 36.7965 60.7592 66.6272C59.484 84.1409 46.7092 96.853 30.3827 96.853ZM32.9707 5.21182C32.3876 5.78657 31.7227 6.46387 30.7423 7.4612C29.5508 8.67557 27.916 10.3397 25.4367 12.8273C34.8668 27.3581 33.0856 37.7078 32.306 39.1921C31.9359 39.8966 31.177 40.3711 30.3827 40.3711C15.9921 40.3711 4.28351 52.0797 4.28351 66.4724C4.28351 80.8632 15.9921 92.5718 30.3827 92.5718C44.4014 92.5718 55.3805 81.53 56.4904 66.3179C58.9362 32.7659 38.9955 10.9814 32.9707 5.21182Z' fill='white'/><path d='M136.787 66.6272C135.507 84.1388 122.731 96.853 106.408 96.853C89.6555 96.853 76.0257 83.2254 76.0257 66.4724C76.0257 50.3111 88.7106 37.0558 104.648 36.14C104.924 33.1632 104.715 25.0586 96.9428 13.7722C96.3554 12.9213 96.462 11.7737 97.1915 11.0442C100.359 7.87711 102.319 5.87863 103.695 4.48016C105.503 2.63644 106.329 1.79604 107.537 0.700668C107.945 0.332703 108.461 0.146683 108.975 0.146683C109.477 0.146683 109.977 0.322197 110.38 0.673477C123.92 12.4553 138.961 36.7984 136.787 66.6272ZM108.996 5.21182C108.409 5.79086 107.738 6.47222 106.749 7.47981C105.558 8.69248 103.929 10.3521 101.46 12.8273C110.89 27.3602 109.111 37.7078 108.334 39.1921C107.964 39.8944 107.203 40.3711 106.408 40.3711C92.0155 40.3711 80.3069 52.0797 80.3069 66.4724C80.3069 80.8632 92.0155 92.5718 106.408 92.5718C120.425 92.5718 131.406 81.53 132.518 66.3157C134.962 32.7681 115.021 10.9814 108.996 5.21182Z' fill='white'/></svg>");
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center;
}

.slick-prev,
.slick-next {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  background: none !important;
}

.slick-prev {
  left: -54px;
}
.slick-prev:before, .slick-next:before{
  font-size: 0;
}

.slick-prev:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'><path stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M39.583 25H10.417M25 10.416 10.417 25 25 39.583'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.slick-next:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='51' height='50' fill='none'><path stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.603 25H40.29M25.446 10.416 40.29 25 25.446 39.583'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@keyframes circleWrapper {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 600px) {
  .testimonial-text::after {
    width: 40px;
    height: 40px;
    right: 13px;
  }

  .slick-prev:before,
  .slick-next:before {
    width: 30px;
    height: 30px;
  }

  .slick-prev {
    left: -40px;
  }
}