@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
.openimage {
  background-image: linear-gradient(
      rgba(0, 0, 0, 0.425),
      rgba(37, 16, 196, 0.573)
    ),
    url("../img/bg.webp");
  background-size: cover; /* Ensures the background image covers the entire container */
  background-repeat: no-repeat;
 
}


img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

nav ul li a {
  font-weight: 600 !important;
  font-size: 16px !important;
}

.testimonial-image {
  width: 200px;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #F61B2A;
  --bs-btn-border-color: #F61B2A;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1c1f23;
  --bs-btn-hover-border-color: #1a1e21;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1a1e21;
  --bs-btn-active-border-color: #191c1f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.bg-darkk{
  background-color: #F61B2A !important;
}


@media only screen and (max-width: 420px) {
  .testimonial-image {
    width: 100px;
  }
}