/* =========================================
   ABOUT SECTION START
========================================= */

.about-section{

padding:100px 0;

background:#ffffff;

}

.about-wrapper{

display:grid;

grid-template-columns:1fr 1fr;

align-items:center;

gap:60px;

}

/* =========================================
   ABOUT CONTENT
========================================= */

.about-tag{

display:inline-block;

background:#fff4d6;

color:#ffb400;

padding:10px 20px;

border-radius:50px;

font-size:14px;

font-weight:700;

margin-bottom:20px;

}

.about-content h2{

font-size:46px;

font-weight:800;

color:#002147;

line-height:1.2;

margin-bottom:25px;

}

.about-content p{

font-size:17px;

line-height:1.9;

color:#666;

margin-bottom:25px;

}

/* =========================================
   ABOUT STATS
========================================= */

.about-stats{

display:flex;

gap:20px;

margin-bottom:35px;

flex-wrap:wrap;

}

.stat-box{

background:#ffffff;

padding:18px 25px;

border-radius:12px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

min-width:140px;

transition:.3s;

}

.stat-box:hover{

transform:translateY(-5px);

}

.stat-box h3{

font-size:32px;

font-weight:800;

color:#ffb400;

margin-bottom:5px;

}

.stat-box span{

font-size:14px;

font-weight:600;

color:#666;

}

/* =========================================
   ABOUT ACCENT LINE
========================================= */

.about-line{

width:90px;

height:5px;

background:#ffb400;

border-radius:50px;

margin-bottom:25px;

}



/* =========================================
   ABOUT LIST
========================================= */

.about-list{

list-style:none;

margin-bottom:35px;

}

.about-list li{

position:relative;

padding-left:30px;

margin-bottom:15px;

font-size:16px;

font-weight:500;

color:#333;

}

.about-list li::before{

content:"✓";

position:absolute;

left:0;

top:0;

color:#ffb400;

font-weight:700;

}


/* =========================================
   ABOUT BUTTONS WRAPPER
========================================= */

.about-buttons{

display:flex;

gap:15px;

flex-wrap:wrap;

align-items:center;

margin-top:10px;

}



/* =========================================
   ABOUT BUTTON
========================================= */

.about-btn{

display:inline-block;

background:#ffb400;

color:#002147;

padding:15px 35px;

font-weight:700;

border-radius:8px;

transition:.3s;
min-width:180px;

text-align:center;

}

.about-btn:hover{

transform:translateY(-3px);

}


.about-btn-outline{

display:inline-block;

padding:15px 35px;

margin-left:15px;

border:2px solid #002147;

color:#002147;

font-weight:700;

border-radius:8px;

transition:.3s;
min-width:180px;

text-align:center;

}

.about-btn-outline:hover{

background:#002147;

color:#ffffff;

}

/* =========================================
   ABOUT IMAGE
========================================= */

.about-image{
position:relative;

overflow:hidden;

border-radius:15px;

box-shadow:0 15px 40px rgba(0,0,0,.12);


}

.about-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}

.about-image:hover img{

transform:scale(1.05);

}