/* ===========================
   About Section
=========================== */

.about-section{

    background:#fff;

}

.about-image{

    overflow:hidden;

    border-radius:20px;

    box-shadow:0 15px 35px rgba(0,0,0,.12);

}

.about-image img{

    width:100%;

    aspect-ratio:4/3;

    object-fit:cover;

    display:block;

    border-radius:20px;

    transition:.5s;

}

.about-image:hover img{

    transform:scale(1.05);

}

.about-text{

    color:var(--gray);

    line-height:1.8;

    margin:25px 0;

}

.about-features{

    margin-bottom:30px;

}

.about-features div{

    margin-bottom:15px;

    font-weight:600;

}

.about-features i{

    color:var(--success);

    margin-right:10px;

}

.about-link{

    display:inline-flex;

    align-items:center;

    text-decoration:none;

    font-weight:600;

    color:var(--primary);

    transition:var(--transition);

}

.about-link i{

    transition:var(--transition);

}

.about-link:hover{

    color:var(--secondary);

}

.about-link:hover i{

    transform:translateX(6px);

}

/* ===========================
   Why Choose Us
=========================== */

.choose-card{

    background:#fff;

    border-radius:16px;

    padding:35px 25px;

    text-align:center;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

}

.choose-card:hover{

    transform:translateY(-10px);

    box-shadow:0 15px 35px rgba(0,0,0,.15);

}

.choose-card i{

    font-size:50px;

    color:var(--primary);

    margin-bottom:20px;

}

.choose-card h5{

    

    margin-bottom:15px;

}

.choose-card p{

    color:#6c757d;

    margin:0;

}


/* ===========================
   Google Map
=========================== */

.contact-info-box{

    background:#fff;

    border-radius:16px;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    height:100%;

}

.contact-info-box h4{


    margin-bottom:25px;

}

.contact-info-box p{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:20px;

    color:#555;

}

.contact-info-box i{

    color:var(--primary);

    font-size:22px;

    margin-top:3px;

}

.map-box{

    overflow:hidden;

    border-radius:16px;

    box-shadow:0 10px 30px rgba(0,0,0,.10);

}

.map-box iframe{

    display:block;

    width:100%;

    border:0;

}