/* Start custom CSS for html, class: .elementor-element-e730343 *//* ==========================================
   URJANEX - WHY CHOOSE US
========================================== */

.un-why-section{
    width:100%;
    padding:85px 25px;
    background:#f7faf8;
    box-sizing:border-box;
}

.un-why-container{
    width:100%;
    max-width:1250px;
    margin:0 auto;

    display:grid;
    grid-template-columns:0.85fr 1.15fr;

    gap:70px;
    align-items:center;
}


/* ==========================================
   LEFT CONTENT
========================================== */

.un-why-content{
    max-width:500px;
}

.un-why-label{
    display:inline-block;

    margin-bottom:15px;

    color:#16a34a;

    font-size:12px;
    font-weight:700;

    letter-spacing:2px;
}

.un-why-content h2{
    margin:0 0 20px;

    color:#111827;

    font-size:46px;
    line-height:1.15;

    font-weight:750;

    letter-spacing:-1.5px;
}

.un-why-content h2 span{
    display:block;
    color:#16a34a;
}

.un-why-intro{
    margin:0 0 30px;

    max-width:480px;

    color:#667085;

    font-size:16px;
    line-height:1.8;
}


/* ==========================================
   BUTTON
========================================== */

.un-why-button{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:15px 22px;

    background:#16a34a;
    color:#ffffff;

    border-radius:10px;

    text-decoration:none;

    font-size:14px;
    font-weight:700;

    transition:all .25s ease;
}

.un-why-button span{
    font-size:20px;
    line-height:0;

    transition:transform .25s ease;
}

.un-why-button:hover{
    background:#11823b;
    color:#ffffff;
}

.un-why-button:hover span{
    transform:translateX(5px);
}


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

.un-why-features{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;
}


/* ==========================================
   FEATURE CARD
========================================== */

.un-why-card{
    display:flex;
    align-items:flex-start;

    gap:16px;

    padding:24px;

    background:#ffffff;

    border:1px solid #e7eee9;

    border-radius:16px;

    box-shadow:0 5px 20px rgba(16,24,40,.04);

    transition:all .25s ease;
}

.un-why-card:hover{
    transform:translateY(-4px);

    border-color:#cdebd6;

    box-shadow:0 12px 30px rgba(16,24,40,.08);
}


/* ==========================================
   ICON
========================================== */

.un-why-icon{
    width:48px;
    min-width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#ecfdf3;

    border:1px solid #d3f2dc;

    border-radius:12px;
}

.un-why-icon svg{
    width:25px;
    height:25px;

    fill:none;

    stroke:#16a34a;

    stroke-width:1.8;

    stroke-linecap:round;
    stroke-linejoin:round;
}


/* ==========================================
   CARD TEXT
========================================== */

.un-why-card h3{
    margin:1px 0 7px;

    color:#172033;

    font-size:17px;
    line-height:1.3;

    font-weight:700;
}

.un-why-card p{
    margin:0;

    color:#6b7280;

    font-size:13px;
    line-height:1.65;
}


/* ==========================================
   TABLET
========================================== */

@media(max-width:1000px){

    .un-why-container{
        grid-template-columns:1fr;
        gap:45px;
    }

    .un-why-content{
        max-width:700px;
        text-align:center;
        margin:auto;
    }

    .un-why-intro{
        margin-left:auto;
        margin-right:auto;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media(max-width:650px){

    .un-why-section{
        padding:60px 18px;
    }

    .un-why-content h2{
        font-size:34px;
        letter-spacing:-1px;
    }

    .un-why-intro{
        font-size:14px;
        line-height:1.7;
    }

    .un-why-features{
        grid-template-columns:1fr;
        gap:14px;
    }

    .un-why-card{
        padding:20px;
    }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media(max-width:400px){

    .un-why-content h2{
        font-size:30px;
    }

    .un-why-card h3{
        font-size:16px;
    }

    .un-why-card p{
        font-size:12px;
    }

}/* End custom CSS */