/**
 * ==========================================
 * Homepage Solutions
 * ==========================================
 */

.tr-solutions{

    padding:110px 0;

    background:linear-gradient(
        180deg,
        #f8fafc 0%,
        #ffffff 100%
    );

}

.tr-solutions .tr-section-header{

    max-width:760px;

    margin:0 auto 60px;

}

.tr-solution-card{

    background:var(--tr-white);

    border:1px solid var(--tr-border);

    border-radius:var(--tr-radius-md);

    padding:32px 26px;

    text-align:center;

    height:100%;

    transition:all var(--tr-transition);

    box-shadow:var(--tr-shadow);

}

.tr-solution-card:hover{

    transform:translateY(-8px);

    border-color:var(--tr-primary);

    box-shadow:var(--tr-shadow-lg);

}

.tr-solution-icon{

    width:72px;

    height:72px;

    margin:0 auto 24px;

    border-radius:16px;

    background:var(--tr-primary);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:all var(--tr-transition);

}

.tr-solution-card:hover .tr-solution-icon{

    transform:rotate(-8deg) scale(1.08);

}

.tr-solution-icon img{

    width:38px;

    height:38px;

    display:block;

    filter:none;

    object-fit:contain;

}

.tr-solution-card h4{

    font-size:22px;

    font-weight:700;

    color:var(--tr-text);

    margin-bottom:14px;

    line-height:1.35;

}

.tr-solution-card p{

    margin:0;

    color:var(--tr-muted);

    line-height:1.8;

}

/* ==========================================
   Tablet
========================================== */

@media(max-width:991px){

    .tr-solutions .tr-section-header{

        margin-bottom:50px;

    }

}

/* ==========================================
   Mobile
========================================== */

@media(max-width:767px){

    .tr-solution-card{

        padding:26px 20px;

    }

    .tr-solution-icon{

        width:64px;

        height:64px;

    }

    .tr-solution-card h4{

        font-size:20px;

    }

}