/* About Banner */
.about-banner{
background:url('../images/about-banner.jpg') center/cover no-repeat;
padding:120px 0;
text-align:center;
color:#fff;
position:relative;
}

.about-banner::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
}

.about-banner h1{
position:relative;
font-size:40px;
font-weight:700;
margin-bottom:10px;
}

.about-banner p{
position:relative;
font-size:18px;
color:#e6e6e6;
}

/* About Section */
.about-section img{
width:100%;
max-width:520px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
margin-top:20px;
}
.about-section h2,
.services-section h2,
.why-section h2{
font-weight:600;
margin-bottom:30px;
color:#0c2d57;
}

.about-section p{
font-size:15px;
line-height:1.7;
color:#444;
margin-bottom:15px;
}

.about-section ul{
padding-left:18px;
margin-top:10px;
}

.about-section li{
margin-bottom:6px;
}

/* Services Section */
.services-section{
padding:70px 0;
}

.services-section h2,
.why-section h2{
font-size:28px;
font-weight:600;
margin-bottom:35px;
color:#0c2d57;
}

/* Service Cards */
.service-card{
background:#fff;
padding:28px;
border-radius:10px;
box-shadow:0 8px 18px rgba(0,0,0,0.08);
transition:0.3s;
text-align:center;
margin-bottom:25px;
}

.service-card:hover{
transform:translateY(-6px);
box-shadow:0 12px 30px rgba(0,0,0,0.15);
}

.service-card h4{
margin-bottom:10px;
font-weight:600;
}

/* Why Choose Section */
.why-section{
text-align:center;
padding-top:40px;
}

.why-section p{
font-size:14px;
color:#555;
}

.why-section h3{
font-size:38px;
font-weight:700;
color:#0c2d57;
margin-bottom:5px;
}

/* CTA Section */

.cta-section h2{
font-size:26px;
margin-bottom:10px;
}

.cta-section p{
font-size:14px;
margin-bottom:20px;
}

.cta-section .btn{
background:#f6a623;
border:none;
padding:12px 35px;
font-size:18px;
border-radius:6px;
}

.cta-section .btn:hover{
background:#e59310;
}

.about-section .container,
.services-section .container,
.why-section .container{
max-width:1140px;
}

@media (max-width:768px){

.about-banner h1{
font-size:28px;
}

.about-banner{
padding:80px 0;
}

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

}