/*=========================================
ABOUT SECTION
=========================================*/
.about-section{
    padding-top: 150px;
    padding-bottom: 60px;
}
.about-img{
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    border-radius: 10px;
}
/*=========================================
MISSION & VISION
=========================================*/

.mission-section{
    position:relative;
    overflow:hidden;
}
.mission-card{
    background:#fff;
    border-radius:24px;
    padding:40px 35px;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
    position:relative;
    overflow:hidden;
}
.mission-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#d62828,#ffb703);
}
.mission-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}
.mission-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    background:linear-gradient(135deg,#d62828,#ff4d4d);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    margin-bottom:25px;
    transition:.35s;
}
.mission-card:hover .mission-icon{
    transform:rotate(12deg) scale(1.08);
}
.mission-card h3{
    font-size:30px;
    font-weight:700;
    margin-bottom:18px;
}
.mission-card p{
    color:#666;
    line-height:1.9;
}

/*=========================================
WHAT WE OFFER
=========================================*/
.offer-card{
    border-radius:22px;
    padding:35px 30px;
    background: #fff;
    box-shadow:0 12px 40px rgba(0,0,0,.06);
    transition:.35s;
    position:relative;
    overflow:hidden;
    height:100%;
    color: #000;
    text-align: -webkit-center;
}
.offer-card::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:4px;
    background:#d62828;
    transition:.4s;
}
.offer-card:hover::after{
    width:100%;
}
.offer-card:hover{
    transform:translateY(-10px);
}
.offer-icon{
    width:80px;
    height:80px;
    border-radius:20px;
    background:linear-gradient(135deg,#ffb703,#ffd166);
    color:#111;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:34px;
    margin-bottom:25px;
    transition:.35s;
}
.offer-card:hover .offer-icon{
    background:linear-gradient(135deg,#d62828,#ff4d4d);
    color:#fff;
    transform:rotate(-8deg);
}
.offer-card h4{
    font-size:24px;
    font-weight:700;
    margin-bottom:15px;
}
.offer-card p{
    color:#666;
    line-height:1.8;
}
/*=========================================
RESPONSIVE
=========================================*/
@media(max-width:992px){
.mission-card{
margin-bottom:30px;
}
.stats-box{
margin-bottom:35px;
}
}
@media(max-width:768px){
.stats-box h2{
font-size:42px;
}
.mission-card{
padding:30px;
}
.offer-card{
padding:28px;
}
.mission-card h3{
font-size:26px;
}
.offer-card h4{
font-size:22px;
}
}
@media(max-width:576px){
.stats-box h2{
font-size:34px;
}
.stats-box i{
font-size:34px;
}
.mission-icon{
width:70px;
height:70px;
font-size:28px;
}
.offer-icon{
width:65px;
height:65px;
font-size:28px;
}
}