.service-banner {
  width: 100%;
  height: calc(100dvh - 68px);
  background-size: cover;
  background-position: center;

  /* background-color: #ddd; */
  /* background-image: url('./assets/images/services/banner.jpg') */
}

.category-img {
  /* height: 342px; */
  overflow: hidden;
}

.side-contacts-icons {
  width: 48px;
}

/* CREATING OVERLAY EFFECT */
.banner-overlay {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: brightness(40%) blur(2px);
}

.service-heading {
  font-size: 1.5rem;
}

@media (min-width: 598px) {
  .service-heading {
    font-size: 2rem;
  }
}

@media (min-width: 742px) {
  .service-heading {
    font-size: 2.2rem;
  }
}

@media (min-width: 992px) {
  .service-heading {
    font-size: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .service-heading {
    font-size: 3.2rem;
  }
}


/* SERVICES BANNER */
/* .service-banner {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.service-banner img {
  width: 100%;
  aspect-ratio: 16/9;
} */

/* CONTACT TOOLS */
.contact-tools {
  width: auto;
  height: 320px;
  /* background-color: #0000003b; */
  text-align: white;
  position: fixed;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.contact-tools span i {
  cursor: pointer;
  color: #F8F9FA;
  transition: all linear 300ms;
}

.contact-tools span i:hover {
  transform: scale(14);
  color: rgb(229, 210, 131);
}

/* SERVICES SUMMARY */
.services-summary {
  padding: 64px 20px;
background: 
    linear-gradient(
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.4)
    ),
    linear-gradient(
      0deg, 
      rgba(171, 169, 207, 0.7) 0%,
      rgba(255, 255, 255, 0.7) 67%, 
      rgba(255, 255, 255, 0.7) 100%
    ),
    url("/assets/images/services/banner-vertical.jpg");

  background-blend-mode: darken, multiply;
  background-size: cover;
  background-position: center;
}

.services-summary div.overview p {
  text-align: center;
  color: #F1F1F1 !important;
}

/* SUMMARY CARDS */
.summary-card {
  background-color: #f3f5deb8;
  padding: 16px;
  min-height: 332px;
  height: 100%;
}

.icon-holder {
  overflow: hidden;
  margin-bottom: 20px;
}

.icon-holder img {
  width: 100%;
  max-width: 128px;
  
}

.summary-card p {
  font-size: 14px;
}