/*=========================
ABOUT COMPANY
==========================*/

.about-company {

    padding: 50px 0;

    background: #fff;

}

.about-images {

    position: relative;

}

.about-main-img {

    width: 100%;

    border-radius: 20px;

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

}

.about-experience-card {

    position: absolute;

    right: -20px;

    bottom: 30px;

    background: #0B2E59;

    color: var(--white);

    padding: 25px 35px;

    border-radius: 20px;

    text-align: center;

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

}

.about-experience-card h2 {

    font-size: 46px;

    font-weight: 800;

    margin: 0;

    color: #F59E0B;

}


.section-subtitle {

    display: inline-block;

    color: #F59E0B;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 0px;

}

.section-title {

    font-size: 42px;

    font-weight: 800;

    color: #0B2E59;

    margin-bottom: 25px;

    line-height: 1.3;

}

.about-company p {

    color: var(--text);

    line-height: 22px;

    margin-bottom: 20px;

}

.about-experience-card p {

    margin: 0;

    color: var(--white);

}


.about-features {

    display: grid;

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

    gap: 18px;

    margin: 35px 0;

}

.feature-item {

    display: flex;

    align-items: center;

    gap: 12px;

}

.feature-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);

}