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

.about{

    background: var(--white);

}

.about-content,
.about-features{

    height: 100%;

}

.about-content .section-subtitle,
.about-features .section-subtitle{

    display: inline-block;

    margin-bottom: 18px;

}

.about-content .section-title{

    max-width: 420px;

    margin-bottom: 28px;

    font-size: 40px;

    line-height: 1.15;

}

.about-content p{
    max-width: 420px;
    margin-bottom: 35px;
    color: var(--text);
    line-height: 1.6;
font-size: 15px;
}

.about-image{

    border-radius: 8px;

    overflow: hidden;

}

.about-image img{

    width: 100%;

    display: block;

    border-radius: inherit;

}

/*======================================
    BOTÃO
======================================*/

.btn-about{

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    height: 56px;

    padding: 0 28px;

    background: var(--secondary);

    color: var(--white);

    border-radius: 4px;

    font-size: 15px;

    font-weight: 600;

    text-decoration: none;

    transition: var(--transition);

}

.btn-about:hover{

    background: var(--secondary-light);

    color: var(--white);

}

.btn-about i{

    color: var(--primary);

    transition: var(--transition);

}

.btn-about:hover i{

    transform: translateX(5px);

}

/*======================================
    FEATURES
======================================*/

.about-features .row{

    margin-top: 10px;

}

.feature-item{

    display: flex;

    align-items: flex-start;

    gap: 18px;

}

.feature-icon{

    width: 65px;

    height: 65px;

    min-width: 65px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--secondary);

}

.feature-icon i{

    color: var(--primary);

    font-size: 24px;

}

.feature-item h5{

    margin-bottom: 8px;

    color: var(--secondary);

    font-size: 16px;

    font-weight: 700;

    line-height: 1.3;

}

.feature-item p{
    margin: 0;
    color: var(--text);
    line-height: 1.5;
    font-size: 15px;
}