/* ABOUT */

.about{

padding:110px 8%;

background:
linear-gradient(
180deg,
#fff,
#f8fafc
);

}



.about-wrap{

display:grid;

grid-template-columns:
1.1fr 1fr;

gap:70px;

align-items:center;

}



.about-label{

display:inline-block;

padding:10px 18px;

border-radius:50px;

background:#e8f0ff;

color:#2563eb;

font-size:13px;

font-weight:700;

letter-spacing:2px;

margin-bottom:25px;

}



.section-title{

font-size:46px;

line-height:1.25;

font-weight:800;

margin-bottom:20px;

color:#0f172a;

}



.line{

width:80px;
height:5px;

background:
linear-gradient(
90deg,
#2563eb,
#d60000
);

border-radius:10px;

margin-bottom:30px;

}



.about-left p{

font-size:17px;

line-height:1.9;

color:#64748b;

margin-bottom:18px;

}



/* CTA */

.about-btn-wrap{

margin-top:40px;

}


.about-btn{

display:inline-flex;

align-items:center;

padding:16px 34px;

background:#2563eb;

color:white;

font-weight:700;

text-decoration:none;

border-radius:100px;

transition:.35s;

box-shadow:
0 10px 25px rgba(37,99,235,.25);

}


.about-btn:hover{

transform:translateY(-5px);

background:#d60000;

}



/* CARD */

.about-right{

display:flex;
flex-direction:column;
gap:25px;

}


.about-box{

background:white;

padding:30px;

border-radius:22px;

box-shadow:
0 10px 30px rgba(0,0,0,.06);

border:1px solid #edf2f7;

transition:.35s;

}


.about-box:hover{

transform:translateY(-8px);

box-shadow:
0 20px 50px rgba(0,0,0,.12);

}


.about-box h3{

font-size:22px;

margin-bottom:15px;

color:#d60000;

}


.about-box p,
.about-box li{

line-height:1.8;

color:#64748b;

}


.about-box ul{

padding-left:20px;

}



/* RESPONSIVE */

@media(max-width:992px){

.about-wrap{

grid-template-columns:1fr;

gap:50px;

}

.section-title{

font-size:34px;

}

}


@media(max-width:768px){

.about{

padding:80px 6%;

}

.section-title{

font-size:28px;

}

.about-left p{

font-size:15px;

}

}