/* =========================
ABOUT BANNER
========================= */

.about_banner{

    padding:80px 0;

    background:#f8f9ff;

}

.about_banner_content h5{

    color:#6c4df6;

    font-size:18px;

    font-weight:600;

    margin-bottom:18px;

}

.about_banner_content h1{

    font-size:58px;

    line-height:74px;

    font-weight:700;

    margin-bottom:25px;

    color:#111;

}

.about_banner_content p{

    font-size:18px;

    line-height:34px;

    color:#666;

}

.about_banner_img img{

    width:100%;

    height:420px;

    object-fit:cover;

    border-radius:24px;

}

/* =========================
ABOUT AREA
========================= */

.about_area{

    background:#fff;

}

.about_img img{

    border-radius:24px;

}

.about_content h4{

    color:#6c4df6;

    margin-bottom:15px;

    font-weight:600;

}

.about_content h2{

    font-size:48px;

    line-height:64px;

    margin-bottom:25px;

    font-weight:700;

}

.about_content p{

    color:#666;

    line-height:34px;

    margin-bottom:20px;

}

.about_points{

    margin-top:35px;

}

.single_point{

    margin-bottom:18px;

    display:flex;

    align-items:center;

}

.single_point i{

    color:#6c4df6;

    margin-right:12px;

    font-size:20px;

}

/* =========================
WHY CHOOSE
========================= */

.why_choose{

    background:#f8f9ff;

}

.choose_box{

    background:#fff;

    padding:45px 35px;

    border-radius:24px;

    text-align:center;

    transition:0.3s;

    margin-bottom:30px;

}

.choose_box:hover{

    transform:translateY(-10px);

}

.choose_box img{

    width:70px;

    margin-bottom:25px;

}

.choose_box h3{

    margin-bottom:18px;

    font-size:28px;

    font-weight:700;

}

.choose_box p{

    color:#666;

    line-height:32px;

}

/* =========================
COUNTER
========================= */

.counter_area{

    padding:90px 0;

    background:#080c2d;

}

.single_counter h2{

    color:#fff;

    font-size:58px;

    font-weight:700;

    margin-bottom:12px;

}

.single_counter p{

    color:rgba(255,255,255,0.75);

    margin:0;

}

/* =========================
MOBILE
========================= */

@media only screen and (max-width:767px){

    .about_banner{

        padding:60px 0;

    }

    .about_banner_content{

        margin-bottom:35px;

    }

    .about_banner_content h1{

        font-size:38px;

        line-height:52px;

    }

    .about_banner_img img{

        height:260px;

    }

    .about_content h2{

        font-size:34px;

        line-height:48px;

    }

    .single_counter{

        margin-bottom:30px;

    }

}