/* .hero-section {
  background: #f9fbfd;
} */

.service-card a {
  text-decoration: none;
  font-weight: 500;
  color: #27354d;
}

.service-card:hover {
  transform: translateY(-4px);
  transition: 0.3s ease;
}

/* Nayla Colours */
.nayla-text-red {
  color: #ee1c25 !important;
}

.nayla-text-blue {
  color: #27354d !important;
}

.nayla-bg-red {
  background-color: #ee1c25 !important;
}

.nayla-bg-blue {
  background-color: #27354d !important;
}

.nayla-btn-blue {
  background-color: #27354d !important;
  color: white !important;
}

.nayla-btn-blue:hover {
  color: #fff !important;
  background-color: #ee1c25 !important;
  border-color: #f12b35 !important;
}

.nayla-btn-red {
  background-color: #ee1c25 !important;
  color: white !important;
}

.nayla-btn-red:hover {
  color: #fff !important;
  background-color: #27354d !important;
  border-color: #51688f !important;
}

.nayla-outline-blue {
  border-color: #27354d !important;
  color: #27354d !important;
}

.nayla-outline-blue:hover {
  background-color: #27354d !important;
  color: white !important;
  border-color: #27354d !important;
}

.nayla-outline-red {
  border-color: #ee1c25 !important;
  color: rgb(0, 0, 0) !important;
}

.nayla-outline-red:hover {
  background-color: #ee1c25 !important;
  color: rgb(14, 13, 13);
  border-color: #ee1c25 !important;
}

/* Hover effects */
/* Target your buttons */
.nayla-btn-blue,
.nayla-outline-blue {
  transition:
    transform 0.2s ease,
    box-shadow 0.1s ease; /* Smooth animation */
}

/* Hover effect */
.nayla-btn-blue:hover,
.nayla-outline-blue:hover {
  transform: translateY(-2px); /* Moves the button up */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Optional: add shadow for depth */
}

.hover-scale {
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.hover-scale:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* Testimonial */
.testimonial-card {
  border-radius: 15px;
  transition: all 0.3s ease;
  background: #ffffff;
}

.testimonial-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: 60% 60%;
}

/* Base styling */
.custom-control {
  width: 8%;
  opacity: 0.35;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

/* Desktop positioning */
@media (min-width: 768px) {
  .carousel-control-prev {
    left: -40px;
  }

  .carousel-control-next {
    right: -40px;
  }
}

/* Mobile positioning (keep inside & bigger tap area) */
@media (max-width: 767.98px) {
  .custom-control {
    width: 15%;
    opacity: 0.5;
  }

  .carousel-control-prev {
    left: 0;
  }

  .carousel-control-next {
    right: 0;
  }
}

/* Hover effect (desktop only) */
@media (hover: hover) {
  .custom-control:hover {
    opacity: 0.9;
    transform: scale(1.1);
  }
}

/* Softer icon look */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: 60% 60%;
  filter: invert(1) grayscale(100%);
}

.btn-primary {
  background-color: #27354d !important;
  color: white !important;
  border-color: #27354d !important;
}

.btn-primary:hover {
  color: #fff !important;
  background-color: #ee1c25 !important;
  border-color: #f12b35 !important;
}