/* HERO */
.services-hero {
  position: relative;
  min-height: 55vh;
  display: flex;
  align-items: center;
  justify-content: flex-start; /* adjust if needed */
  padding: 120px 8%;
  color: #fff;
  overflow: hidden;
  background: url("../../images/h4.jpg") center/cover no-repeat;
  z-index: 0;
}
p, li { line-height: 1.5;}
/* Overlay */
.services-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(11,44,77,0.85) 0%,
    rgba(11,44,77,0.15) 50%,
    rgba(11,44,77,0.85) 100%
  );
  z-index: 0; /* behind the content */
}
 
/* Hero content */
.services-hero > * {
  position: relative;
  z-index: 1; /* make text above overlay */
}

/* Bottom fade transition */
.services-hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 140px;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(11,44,77,0.85) 75%
     #F5F5F5 100%
  );
  z-index: 1; /* above overlay but below text if needed */
}


p, li{ line-height: 1.5;}
.services-hero h1{
    font-size:48px;
    font-weight:600;
    margin-bottom:20px;
}

.services-hero p{
    max-width:700px;
    font-size:18px;
    opacity:0.85;
}

/* SECTION */
/* .section{
    padding:100px 8%;
} */

.section-light{
    background:#f6f8fa;
}

.section-header{
    margin-bottom:60px;
}

.section-header h2{
    font-size:36px;
    font-weight:600;
    margin-bottom:15px;
}

.section-header p{
    max-width:750px;
    color:#555;
}
@media (max-width: 992px) {
} @media (max-width: 992px) {
    .section-header h2 {
    font-size: 28px; }
}
/* GRID */
.service-grid{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap:40px;
}

.c-service-card{
    background:#fff;
    padding:40px;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:0.3s ease;
}

.c-service-card:hover{
    transform:translateY(-8px);
}

.c-service-card h3{
    margin-bottom:20px;
    font-size:22px;
    font-weight:600;
}

.c-service-card ul{
    list-style:none;
    padding-left:0;
}

.c-service-card ul li{
    margin-bottom:10px;
    color:#555;
}
@media (max-width: 992px){
     .services-hero { min-height: 10vh !important; height: 10vh !important;}
 .services-hero h1, .services-hero  p{display: none;} }
@media (max-width: 992px) {
    .c-service-card{ 
padding: 19px;
    } .c-service-card h3{
    font-size:19px;
}
}
/* FEATURE BLOCK */
.feature-block{
    max-width:1000px;
}

.feature-block h3{
    font-size:24px;
    margin-bottom:20px;
}

.feature-block p{
    margin-bottom:20px;
    color:#555;
}

/* RESPONSIVE */
@media(max-width:768px){
    .services-hero h1{
        font-size:34px;
    }
}

@media (min-height: 992px) {
  .services-hero  {
    height: 40vh !important; width: 100%; }
}

.margin-top{margin-top: 5rem;}
@media (max-width: 992px) {
    .margin-top {
    margin-top: -4rem;
}
}
.service-list {
  list-style: none;
  padding: 0;
}

.service-list li {
  position: relative;
  padding-left: 20px;
}

.service-list li::before {
  content: "◆";
  position: absolute;
  left: 0;
  top: 0;
}