.service-banner {
  padding: 100px 0;

  background: linear-gradient(135deg, #e31e24, #003b80);

  color: #fff;
}

.service-banner h1 {
  font-size: 54px;

  font-weight: 800;

  line-height: 1.2;

  margin: 20px 0;

  color: #fff;
}

.service-banner p {
  font-size: 18px;

  color: #fff;

  max-width: 650px;
}

.service-tag {
  display: inline-block;

  padding: 8px 18px;

  background: #fff;

  color: #e31e24;

  border-radius: 30px;

  font-weight: 700;
}

.hero-image {
  animation: float 4s ease-in-out infinite;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }

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

/*=========================*/

.breadcrumb-area {
  padding: 15px 0;

  background: #f8f9fa;
}

.breadcrumb-area nav {
  font-size: 15px;
}

.breadcrumb-area a {
  text-decoration: none;

  color: #e31e24;
}

.service-feature {
  background: #fff;

  padding: 15px 18px;

  border-radius: 12px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);

  margin-bottom: 15px;

  font-weight: 600;
}

.service-feature i {
  color: #e31e24;

  margin-right: 10px;
}

.highlight-card {
  background: #fff;

  padding: 30px;

  border-radius: 18px;

  text-align: center;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

  transition: 0.35s;

  height: 100%;
}

.highlight-card:hover {
  transform: translateY(-10px);
}

.highlight-card i {
  font-size: 42px;

  color: #e31e24;

  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .service-banner {
    text-align: center;

    padding: 70px 0;
  }

  .service-banner h1 {
    font-size: 34px;
  }

  .hero-image {
    margin-top: 40px;
  }
}

/*=========================
WHY CHOOSE
=========================*/

.choose-service-card {
  background: #fff;

  padding: 35px 25px;

  border-radius: 18px;

  text-align: center;

  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);

  transition: 0.35s;

  height: 100%;
}

.choose-service-card:hover {
  transform: translateY(-10px);
}

.choose-icon {
  width: 85px;

  height: 85px;

  margin: auto;

  background: #eef5ff;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 34px;

  color: #e31e24;

  margin-bottom: 25px;

  transition: 0.35s;
}

.choose-service-card:hover .choose-icon {
  background: #e31e24;

  color: #fff;
}

/*=========================
INCLUDED
=========================*/

.included-item {
  background: #fff;

  padding: 16px 20px;

  margin-bottom: 15px;

  border-radius: 12px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);

  font-weight: 600;
}

.included-item i {
  color: #e31e24;

  margin-right: 10px;
}

/*=========================
PROCESS
=========================*/

.process-box {
  background: #fff;

  padding: 35px 20px;

  border-radius: 20px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

  text-align: center;

  position: relative;

  height: 100%;

  transition: 0.35s;
}

.process-box:hover {
  transform: translateY(-10px);
}

.process-count {
  position: absolute;

  top: -15px;

  left: 50%;

  transform: translateX(-50%);

  background: #e31e24;

  color: #fff;

  padding: 8px 16px;

  border-radius: 30px;

  font-weight: 700;
}

.process-box i {
  font-size: 42px;

  color: #e31e24;

  margin: 25px 0 15px;
}

/*=========================
COUNTER
=========================*/

.service-stats {
  padding: 80px 0;

  background: linear-gradient(135deg, #e31e24, #003b80);

  color: #fff;
}

.service-stats h2 {
  font-size: 52px;

  font-weight: 800;

  color: #fff;
}

.service-stats p {
  color: #fff;

  font-size: 18px;
}

@media (max-width: 768px) {
  .choose-service-card,
  .process-box {
    margin-bottom: 20px;
  }
}

/*=========================
RELATED SERVICES
=========================*/

.related-card {
  background: #fff;

  border-radius: 20px;

  overflow: hidden;

  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);

  transition: 0.35s;

  height: 100%;
}

.related-card:hover {
  transform: translateY(-10px);
}

.related-card img {
  height: 240px;

  width: 100%;

  object-fit: cover;
}

.related-card h4 {
  font-weight: 700;

  margin-bottom: 12px;
}

/*=========================
SERVICE CTA
=========================*/

.service-detail-cta {
  padding: 80px 0;

  background: linear-gradient(135deg, #e31e24, #003b80);
}

.service-detail-cta h2 {
  color: #fff;

  font-size: 42px;

  font-weight: 800;

  margin-bottom: 15px;
}

.service-detail-cta p {
  color: #fff;

  font-size: 18px;
}

.service-detail-cta .btn {
  padding: 15px 35px;

  border-radius: 50px;

  font-weight: 700;
}

@media (max-width: 991px) {
  .service-detail-cta {
    text-align: center;
  }

  .service-detail-cta .text-lg-end {
    margin-top: 25px;
  }
}

@media (max-width: 768px) {
  .related-card img {
    height: 200px;
  }

  .service-detail-cta h2 {
    font-size: 30px;
  }
}

/*=========================
MAP BOX
=========================*/

.service-map-box{

    overflow:hidden;

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.10);

    margin-bottom:25px;

}

.service-map-box iframe{

    width:100%;

    height:320px;

    border:0;

}

/*=========================
CONTACT INFO
=========================*/

.service-contact-info{

    background:#fff;

    padding:30px;

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.contact-item{

    display:flex;

    gap:18px;

    margin-bottom:25px;

}

.contact-item:last-child{

    margin-bottom:0;

}

.contact-item i{

    width:60px;

    height:60px;

    background:#e31e24;

    color:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    flex-shrink:0;

}

.contact-item h5{

    margin-bottom:6px;

    font-weight:700;

}

.contact-item p{

    margin:0;

    color:#666;

}

.contact-item a{

    color:#333;

    text-decoration:none;

    font-weight:600;

}

@media(max-width:768px){

    .service-map-box iframe{

        height:260px;

    }

    .contact-item{

        flex-direction:column;

        text-align:center;

        align-items:center;

    }

}