.service_details {
  padding: 0;
  background: var(--black);
}

.no-gutters{display: flex;}
.service_details .row.no-gutters > [class*='col-'] {
  padding: 0;
  display: flex;
}

.service_details .detail_content,
.service_details .detail_img {
  height: 100%;
  width: 100%;
}

.service_details .detail_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 30px;
}


.service_details .container-fluid > .row.no-gutters:nth-child(odd) .detail_content {
  background: var(--black); 
}


.service_details .container-fluid > .row.no-gutters:nth-child(even) .detail_content {
  background: var(--red); 
}

.service_details .detail_content .eyebrow,
.service_details .detail_content .section_title,
.service_details .detail_content .lead_text {
  color: var(--white); 
}

.service_details .detail_content .eyebrow::before {
  background: var(--white);
}


.service_details .btn_row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.service_details .detail_img {
  position: relative;
  overflow: hidden;
}

.service_details .detail_img img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  transition: transform 0.6s ease;
}

.service_details .detail_img:hover img {
  transform: scale(1.04);
}

/* =========================================
    PROCESS SECTION
   ========================================= */
.service_details_process {
  background: var(--white);
  position: relative;
  padding: 40px 0px 20px 0px;
}

.service_details_process .process-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.service_details_process .step-item {
  padding: 0 15px;
  margin-bottom: 30px;
}

.service_details_process .process_card {
  background: var(--cream);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(10, 10, 12, 0.05);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid var(--cream-dim);
  position: relative;
}

.service_details_process .process_img {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

.service_details_process .process_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.service_details_process .process_card:hover .process_img img {
  transform: scale(1.08);
}

.service_details_process .card-body-content {
  padding: 5px 10px 10px;
  display: flex;
  flex-direction: column;
  flex-grow: 1; 
}

.service_details_process .card-body-content h3 {
  margin-bottom: 5px;
  font-size: 20px;
}

.service_details_process .card-body-content p {
  color: var(--gray);
  line-height: 1.7;
  flex-grow: 1;
}

.service_details_process .btn span {
  transition: transform 0.3s ease;
  display: inline-block;
}

.service_details_process .btn:hover span {
  transform: translateX(4px);
}

/* =========================================
    RESPONSIVE ADJUSTMENTS
   ========================================= */
@media (max-width: 991px) {
  .service_details .detail_content {
    padding: 20px 30px;
    min-height: auto;
  }
  .service_details .detail_img {
    min-height: 400px; 
  }
  .service_details .row.no-gutters {
    flex-direction: column;
    padding: 10px;
  }
  .service_details .row.no-gutters > [class*='col-'] {
    width: 100%;
  }
  .service_details_process {
    padding: 80px 0;
  }
}

@media (max-width: 767px) {
  .service_details .detail_content {
      padding: 15px 5px;
  }
  .service_details .detail_content .lead_text {
    font-size: 15px;
  }
  .service_details .detail_img {
    min-height: auto;
  }
  .service_details_process {
    padding: 30px 0;
  }
  .service_details_process .card-body-content {
    padding: 15px;
  }
  .service_details {
    padding: 25px 0px;
  }
}

.detail_content h2{font-size: 28px;}
.detail_content p{color: var(--white);font-size: 14px;}