.gas-service-sec{
    padding:70px 8%;
    text-align:center;
    margin-top: 120px;
}

.gas-main-title{
    font-size:40px;
    margin-bottom:15px;
}

.gas-sub-title{
    font-size:24px;
    margin-bottom:10px;
}

.gas-desc{
    max-width:700px;
    margin:auto;
    margin-bottom:50px;
    line-height:1.8;
}

/* الكروت */

.gas-cards{
    display:flex;
    gap:25px;
    justify-content:center;
    flex-wrap:wrap;
}

.gas-card{
    background:#f3f3f3;
    border-radius:20px;
    padding:25px;
    width:350px;
    text-align:center;
}

.gas-card h3{
    margin-bottom:15px;
}

.gas-card p{
    line-height:1.8;
    margin-bottom:20px;
}

.gas-card img{
    width:100%;
    border-radius:20px;
}
.gas-extra-sec{
padding:80px 8%;
text-align:center;
}

.extra-cards{
display:flex;
gap:25px;
flex-wrap:wrap;
justify-content:center;
}

.extra-card{
display:flex;
align-items:center;
gap:15px;
background:#f3f3f3;
padding:20px;
border-radius:20px;
width:320px;
text-align:right;
}

.extra-text h3{
margin-bottom:10px;
font-size:18px;
}

.extra-text p{
font-size:14px;
line-height:1.7;
}

.extra-img img{
width:110px;
height:110px;
object-fit:cover;
border-radius:15px;
}

@media (max-width: 576px) {
    .gas-service-sec h1{
font-size: larger;
    }
  .extra-card{
flex-direction: column;
text-align:center;
}

}