/* ================= HERO ================= */
.about-herooo{
  width:100%;
  height:300px;
  background-image: url("../images/7xm.xyz449975.jpg");
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
  position:relative;
}

@media(max-width:576px){
  .about-herooo{
    height:200px;
    background-position:center;
  }
}

/* ================= SERVICE MAIN SECTION ================= */
.service-detail-section{
  padding:60px 20px;
  background:#fff;
}

.service-detail-container{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns: 1fr 1.2fr;
  gap:40px;
  align-items:flex-start;
}

/* IMAGE */
.service-image img{
  width:100%;
  height:auto;
  border-radius:16px;
  object-fit:cover;
}

/* TEXT */
.service-paragraph{
  font-size:16px;
  font-weight:400;
  line-height:26px;
  color:rgb(0,0,0);
  margin-bottom:20px;
}

.service-subtitle{
  font-size:16px;
  font-weight:700;
  margin-bottom:12px;
  color:#000;
}

/* LIST */
.service-list{
  padding-left:18px;
  margin-bottom:30px;
}

.service-list li{
  font-size:16px;
  font-weight:400;
  line-height:26px;
  color:#000;
  margin-bottom:8px;
}

/* ================= EXTRA SECTIONS FIX ================= */
section[style*="padding-left"]{
  padding-left:0 !important;
}

section[style*="margin-top"]{
  margin-top:0 !important;
}

section .container{
  /* max-width:1200px; */
  margin:auto;
  padding:0 20px;
  margin-bottom: 58px;
}

/* ================= TABLET ================= */
@media(max-width:992px){
  .service-detail-container{
    grid-template-columns:1fr;
  }

  .service-image{
    margin-bottom:20px;
  }
}

/* ================= MOBILE ================= */
@media(max-width:576px){

  .service-detail-section{
    padding:40px 15px;
  }

  .service-paragraph,
  .service-list li{
    font-size:15px;
    line-height:24px;
  }

  .service-subtitle{
    font-size:15px;
  }

  .service-list{
    padding-left:16px;
  }
}