/* ================================
   CANCRIE APPLICATIONS
================================ */

/*.can-applications{*/
/*    background:#fff;*/
/*    padding:80px 0;*/
/*}*/

/*.can-app-container{*/
/*    width:min(1500px,95%);*/
/*    margin:auto;*/
/*}*/


/* ================================
   Heading
================================ */

/*.can-app-heading{*/
/*    max-width:1460px;*/
/*    margin:0 auto 80px;*/
/*    text-align:center;*/
/*}*/



/*.can-app-subtitle{*/
/*    display:inline-block;*/
/*    color:#8CBF3F;*/
/*    font-weight:600;*/
/*    letter-spacing:4px;*/
/*    margin-bottom:20px;*/
/*}*/

/*.can-app-heading h2{*/
/*    font-size:110px;*/
/*    line-height:1.1;*/
/*    margin-bottom:25px;*/
/*    color:#111827;*/
/*}*/

/*.can-app-heading p{*/
/*    font-size:20px;*/
/*    color:#6b7280;*/
/*    line-height:1.8;*/
/*}*/

/* ================================
   Rows
================================ */

/*.can-app-row{*/
/*    display:grid;*/
/*    grid-template-columns:1fr 1fr;*/
/*    align-items:center;*/
/*    gap:60px;*/
/*    margin-bottom:100px;*/
/*}*/

/*.can-app-row:last-child{*/
/*    margin-bottom:0;*/
/*}*/

/* Alternate Layout */

/*.can-app-row.reverse{*/
/*    direction:rtl;*/
/*}*/

/*.can-app-row.reverse>*{*/
/*    direction:ltr;*/
/*}*/

/* ================================
   Images
================================ */

/*.can-app-image{*/
/*    display:flex;*/
/*    justify-content:center;*/
/*    align-items:center;*/
/*    overflow:hidden;*/
/*}*/

/*.can-app-image img{*/
/*    width:100%;*/
/*    max-width:650px;*/
/*    height:auto;*/
/*    display:block;*/
/*    transition:transform .6s ease;*/
/*}*/

/*.can-app-row:hover .can-app-image img{*/
/*    transform:scale(1.03);*/
/*}*/

/* ================================
   Content
================================ */

/*.can-app-number{*/
/*    font-size:72px;*/
/*    font-weight:700;*/
/*    color:#8CBF3F;*/
/*    line-height:1;*/
/*}*/

/*.can-app-content h3{*/
/*    font-size:52px;*/
/*    margin:20px 0;*/
/*    color:#111827;*/
/*}*/

/*.can-app-content p{*/
/*    font-size:20px;*/
/*    line-height:1.8;*/
/*    color:#6b7280;*/
/*    margin-bottom:35px;*/
/*    max-width:520px;*/
/*}*/

/*.can-app-content a{*/
/*    color:#111827;*/
/*    text-decoration:none;*/
/*    font-weight:600;*/
/*    font-size:18px;*/
/*    transition:.3s;*/
/*}*/

/*.can-app-content a:hover{*/
/*    color:#8CBF3F;*/
/*}*/

/* ================================
   Tablet
================================ */

/*@media(max-width:991px){*/

/*    .can-applications{*/
/*        padding:60px 0;*/
/*    }*/

/*    .can-app-heading{*/
/*        margin-bottom:60px;*/
/*    }*/

/*    .can-app-heading h2{*/
/*        font-size:42px;*/
/*    }*/

/*    .can-app-heading p{*/
/*        font-size:18px;*/
/*    }*/

/*    .can-app-row{*/
/*        grid-template-columns:1fr;*/
/*        gap:40px;*/
/*        margin-bottom:80px;*/
/*    }*/

/*    .can-app-row.reverse{*/
/*        direction:ltr;*/
/*    }*/

/*    .can-app-image img{*/
/*        max-width:450px;*/
/*    }*/

/*    .can-app-number{*/
/*        font-size:48px;*/
/*    }*/

/*    .can-app-content h3{*/
/*        font-size:34px;*/
/*    }*/

/*    .can-app-content p{*/
/*        font-size:18px;*/
/*    }*/
/*}*/

/* ================================
   Mobile
================================ */

/*@media(max-width:576px){*/

/*    .can-applications{*/
/*        padding:50px 0;*/
/*    }*/

/*    .can-app-heading h2{*/
/*        font-size:34px;*/
/*    }*/

/*    .can-app-heading p{*/
/*        font-size:16px;*/
/*    }*/

/*    .can-app-row{*/
/*        gap:30px;*/
/*        margin-bottom:60px;*/
/*    }*/

/*    .can-app-image img{*/
/*        max-width:320px;*/
/*    }*/

/*    .can-app-number{*/
/*        font-size:38px;*/
/*    }*/

/*    .can-app-content h3{*/
/*        font-size:28px;*/
/*    }*/

/*    .can-app-content p{*/
/*        font-size:16px;*/
/*        line-height:1.7;*/
/*    }*/
/*}*/



/* ================================
   CANCRIE APPLICATIONS
================================ */

.can-applications{
    background:#fff;
    padding:100px 0;
}

.can-app-container{
    width:min(1500px,95%);
    margin:auto;
}

/* ================================
   Heading
================================ */

.can-app-heading{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:80px;
    margin-bottom:100px;
}

.can-app-heading-left{
    text-align:left;
}

.can-app-subtitle{
    display:inline-block;
    color:#8CBF3F;
    font-weight:700;
    letter-spacing:4px;
    margin-bottom:20px;
    font-size:15px;
}

.can-app-heading h2{
    font-size:clamp(54px,6vw,90px);
    line-height:1.05;
    margin-bottom:30px;
    color:#111827;
    font-weight:400;
}

.can-app-heading p{
    font-size:20px;
    color:#6b7280;
    line-height:1.8;
    max-width:620px;
}

.can-app-heading-image{
    display:flex;
    justify-content:center;
    align-items:center;
}

.can-app-heading-image img{
    width:100%;
    max-width:650px;
    height:auto;
    display:block;
}

/* ================================
   Rows
================================ */

.can-app-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:60px;
    margin-bottom:100px;
}

.can-app-row:last-child{
    margin-bottom:0;
}

.can-app-row.reverse{
    direction:rtl;
}

.can-app-row.reverse>*{
    direction:ltr;
}

/* ================================
   Images
================================ */

.can-app-image{
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
}

.can-app-image img{
    width:100%;
    max-width:650px;
    height:auto;
    display:block;
    transition:.6s;
}

.can-app-row:hover .can-app-image img{
    transform:scale(1.03);
}

/* ================================
   Content
================================ */

.can-app-number{
    font-size:72px;
    font-weight:700;
    color:#8CBF3F;
    line-height:1;
}

.can-app-content h3{
    font-size:52px;
    margin:20px 0;
    color:#111827;
}

.can-app-content p{
    font-size:20px;
    line-height:1.8;
    color:#6b7280;
    margin-bottom:35px;
    max-width:520px;
}

.can-app-content a{
    color:#111827;
    text-decoration:none;
    font-weight:600;
    font-size:18px;
    transition:.3s;
}

.can-app-content a:hover{
    color:#8CBF3F;
}

/* ================================
   Tablet
================================ */

@media(max-width:991px){

    .can-applications{
        padding:80px 0;
    }

    .can-app-heading{
        grid-template-columns:1fr;
        text-align:center;
        gap:50px;
    }

    .can-app-heading-left{
        text-align:center;
    }

    .can-app-heading p{
        margin:auto;
    }

    .can-app-heading h2{
        font-size:54px;
    }

    .can-app-row{
        grid-template-columns:1fr;
        gap:40px;
        margin-bottom:80px;
    }

    .can-app-row.reverse{
        direction:ltr;
    }

    .can-app-image img{
        max-width:450px;
    }

    .can-app-number{
        font-size:48px;
    }

    .can-app-content h3{
        font-size:34px;
    }

    .can-app-content p{
        font-size:18px;
    }
}

/* ================================
   Mobile
================================ */

@media(max-width:576px){

    .can-applications{
        padding:60px 0;
    }

    .can-app-heading h2{
        font-size:38px;
    }

    .can-app-heading p{
        font-size:16px;
    }

    .can-app-heading-image img{
        max-width:320px;
    }

    .can-app-row{
        gap:30px;
        margin-bottom:60px;
    }

    .can-app-image img{
        max-width:320px;
    }

    .can-app-number{
        font-size:38px;
    }

    .can-app-content h3{
        font-size:28px;
    }

    .can-app-content p{
        font-size:16px;
        line-height:1.7;
    }
}
