/* Start custom CSS for html, class: .elementor-element-1d11b8e */*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
background:#f8fafc;
color:#222;
}

/* HERO */

.about-hero{
height:60vh;

background:
linear-gradient(
rgba(15,23,42,.75),
rgba(15,23,42,.75)
),
url('https://www.projectshelpp.shop/wp-content/uploads/2026/06/chatgpt12.jpg  ');

background-size:cover;
background-position:center;

display:flex;
justify-content:center;
align-items:center;

text-align:center;
padding:20px;
}

.hero-content{
color:#fff;
max-width:700px;
}

.hero-content h1{
font-size:60px;
margin-bottom:15px;
}

.hero-content p{
font-size:20px;
line-height:1.7;
}

/* ABOUT */

.about-section{
max-width:1200px;
margin:100px auto;

padding:0 20px;

display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
}

.about-image img{
width:100%;
height:450px;
object-fit:cover;
border-radius:20px;
}

.about-content span{
color:#2563eb;
font-weight:600;
}

.about-content h2{
font-size:42px;
margin:15px 0;
}

.about-content p{
line-height:1.8;
margin-bottom:15px;
color:#555;
}

/* SERVICES */

.services{
padding:80px 20px;
background:#fff;
text-align:center;
}

.services h2{
font-size:42px;
margin-bottom:50px;
}

.service-grid{
max-width:1200px;
margin:auto;

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.service-card{
padding:35px;
background:#f8fafc;
border-radius:15px;
}

.service-card i{
font-size:40px;
color:#2563eb;
margin-bottom:15px;
}

/* WHY US */

.why-us{
max-width:1200px;
margin:100px auto;

padding:0 20px;

display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
}

.why-image img{
width:100%;
height:450px;
object-fit:cover;
border-radius:20px;
}

.why-content h2{
font-size:42px;
margin-bottom:25px;
}

.why-content ul{
list-style:none;
}

.why-content li{
padding:12px 0;
font-size:18px;
}

/* CTA */

.cta{
background:#0f172a;
padding:100px 20px;
text-align:center;
color:#fff;
}

.cta h2{
font-size:48px;
margin-bottom:15px;
}

.cta p{
margin-bottom:25px;
}

.cta a{
display:inline-block;
background:#2563eb;
color:#fff;
text-decoration:none;
padding:15px 35px;
border-radius:8px;
}

/* MOBILE */

@media(max-width:768px){

.about-section,
.why-us,
.service-grid{
grid-template-columns:1fr;
}

.hero-content h1{
font-size:40px;
}

.about-content h2,
.services h2,
.why-content h2,
.cta h2{
font-size:30px;
}

}/* End custom CSS */