/* Start custom CSS for html, class: .elementor-element-00ceea5 *//*==============================
ABOUT SECTION
===============================*/

.about-section{

padding:100px 8%;
background:#ffffff;

}

.container{

max-width:1250px;
margin:auto;

}

.about-grid{

display:grid;
grid-template-columns:1.2fr .9fr;
gap:70px;
align-items:center;

}

.section-tag{

display:inline-block;
padding:10px 22px;
background:#EAF3FF;
color:#2563EB;
border-radius:40px;
font-weight:600;
letter-spacing:.5px;
margin-bottom:25px;

}

.about-content h2{

font-size:50px;
line-height:1.2;
font-weight:800;
color:#0f172a;
margin-bottom:30px;

}

.about-content h2 span{

color:#2563EB;

}

.intro{

font-size:20px;
color:#334155;
margin-bottom:20px;
line-height:1.8;

}

.about-content p{

font-size:17px;
line-height:1.9;
color:#64748B;
margin-bottom:18px;

}

.about-features{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
margin:40px 0;

}

.feature{

background:#F8FBFF;
padding:18px;
border-radius:14px;
font-weight:600;
color:#1E293B;
transition:.3s;

}

.feature:hover{

background:#2563EB;
color:#fff;
transform:translateY(-5px);

}

.about-btn{

display:inline-block;
padding:18px 40px;
background:#2563EB;
color:#fff;
text-decoration:none;
font-weight:700;
border-radius:50px;
transition:.3s;

}

.about-btn:hover{

background:#174FCB;
transform:translateY(-3px);

}

/* Cards */

.about-cards{

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

}

.card{

background:#fff;
padding:35px;
border-radius:22px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
border:1px solid #EEF3FF;
transition:.4s;

}

.card:hover{

transform:translateY(-8px);

}

.card-blue{

background:linear-gradient(135deg,#2563EB,#4F8DFF);
color:#fff;

}

.card h3{

font-size:26px;
margin-bottom:18px;

}

.card p{

line-height:1.8;

}

.card ul{

margin-top:15px;
padding-left:18px;

}

.card ul li{

margin-bottom:12px;
line-height:1.7;

}

/* Responsive */

@media(max-width:992px){

.about-grid{

grid-template-columns:1fr;

}

.about-content h2{

font-size:38px;

}

.about-features{

grid-template-columns:1fr;

}

}/* End custom CSS */