.inner-page{

padding:

140px 0 80px;

background:

var(--bg-main);

}



.page-title{

text-align:center;

margin-bottom:60px;

}



.page-title span{

color:

var(--sky-secondary);

}



.page-title h1{

font-size:45px;

}



.about-content{

background:

var(--bg-card);

padding:40px;

border-radius:24px;

border:1px solid var(--border-color);

}



.services-grid,
.contact-box,
.blog-grid{

display:grid;

grid-template-columns:

repeat(3,1fr);

gap:25px;

}



.service-box,
.contact-box > div,
.blog-card{


background:

var(--bg-card);

padding:35px;

border-radius:24px;

border:1px solid var(--border-color);

text-align:center;

transition:.3s;

}



.service-box:hover,
.contact-box > div:hover,
.blog-card:hover{


transform:translateY(-8px);

box-shadow:var(--shadow-blue);

}



.service-box i,
.contact-box i{

font-size:35px;

color:

var(--sky-secondary);

margin-bottom:20px;

}
6) Responsive صفحات
اضافه شود:
@media(max-width:900px){

.services-grid,
.contact-box,
.blog-grid{

grid-template-columns:1fr;

}


.page-title h1{

font-size:32px;

}

}