/*==============================
 ABOUT SECTION
==============================*/

.about-section{
    padding:120px 0;
    background:linear-gradient(180deg,#ffffff 0%,#f4f9ff 100%);
    position:relative;
    overflow:hidden;
}

.about-section:before{
    content:'';
    position:absolute;
    width:550px;
    height:550px;
    background:rgba(13,110,253,.05);
    border-radius:50%;
    top:-180px;
    right:-180px;
}

.about-section:after{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(0,184,255,.05);
    border-radius:50%;
    left:-150px;
    bottom:-150px;
}

/* IMAGE */

.about-image{
    position:relative;
}

.about-image img{

    width:100%;
    height:650px;
    object-fit:cover;

    border-radius:30px;

    box-shadow:
    0 25px 60px rgba(0,0,0,.12);

}

/* STATS */

.about-stats{

    margin-top:-55px;

    width:92%;

    margin-left:auto;
    margin-right:auto;

    background:#fff;

    border-radius:20px;

    display:flex;

    justify-content:space-between;

    padding:25px;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

    position:relative;

    z-index:10;

}

.stat-item{

    text-align:center;

    flex:1;

}

.stat-item h3{

    color:#0d6efd;

    font-size:36px;

    font-weight:700;

    margin-bottom:5px;

}

.stat-item p{

    margin:0;

    color:#777;

}

/* CONTENT */

.about-tag{

    display:inline-block;

    background:#eaf3ff;

    color:#0d6efd;

    padding:10px 20px;

    border-radius:40px;

    font-weight:600;

    margin-bottom:25px;

}

.about-title{

    font-size:48px;

    font-weight:800;

    color:#0A2540;

    line-height:1.2;

    margin-bottom:25px;

}

.about-desc{

    color:#667085;

    font-size:17px;

    line-height:1.9;

    margin-bottom:18px;

}



/* BUTTONS */

.about-buttons{

    margin-top:45px;

}

.btn-main{

    display:inline-block;

    padding:15px 35px;

    border-radius:50px;

    background:linear-gradient(135deg,#0057ff,#00b8ff);

    color:#fff;

    font-weight:700;

    text-decoration:none;

    margin-right:15px;

    box-shadow:0 18px 35px rgba(13,110,253,.25);

    transition:.3s;

}

.btn-main:hover{

    transform:translateY(-4px);

    color:#fff;

    text-decoration:none;

}

.btn-second{

    display:inline-block;

    padding:15px 35px;

    border-radius:50px;

    border:2px solid #0d6efd;

    color:#0d6efd;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.btn-second:hover{

    background:#0d6efd;

    color:#fff;

    text-decoration:none;

}

/* MOBILE */

@media(max-width:991px){

.about-image img{

height:420px;

}

.about-title{

font-size:34px;

}

.feature-grid{

grid-template-columns:1fr;

}

.about-stats{

flex-direction:column;

gap:20px;

}

}