/*=========================
SERVICE OVERVIEW
==========================*/

.service-overview {

    padding: 100px 0;

    background: #fff;

}

.overview-image {

    position: relative;

}

.overview-image img {

    width: 100%;

    border-radius: 20px;

}

.experience-box {

    position: absolute;

    bottom: 30px;

    left: 30px;

    background: #F59E0B;

    color: var(--white);

    padding: 25px;

    border-radius: 18px;

    text-align: center;

    min-width: 170px;

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

}

.section-heading {
    margin-bottom: 50px;
}

.sub-title {

    display: inline-block;

    background: #FFF4E5;

    color: #F59E0B;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

    padding: 8px 18px;

    border-radius: 50px;

    margin-bottom: 18px;
}

.section-title {

    font-size: 46px;

    font-weight: 800;

    color: #0B2E59;

    line-height: 1.3;

    margin-bottom: 20px;
}

.section-desc {

    font-size: 17px;

    line-height: 32px;

    color: var(--text);

    max-width: 650px;
}

@media(max-width:767px) {

    .section-title {

        font-size: 30px;

    }

    .section-desc {

        font-size: 15px;

        line-height: 28px;

    }

}

.overview-list {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 18px;

    margin-bottom: 35px;

}

.overview-item {

    display: flex;

    align-items: center;

    gap: 12px;

}

.overview-item i {

    color: #2E7D32;

    font-size: 20px;

}

.theme-btn {

    display: inline-block;

    background: #F59E0B;

    color: var(--white);

    padding: 15px 35px;

    border-radius: 50px;

    text-decoration: none;

    font-weight: 700;

    transition: .3s;

}

.theme-btn:hover {

    background: #0B2E59;

    color: var(--white);

}