/* ==========================================================
   LATEST ARTICLES
========================================================== */


/* ----------------------------------------------------------
   Section
---------------------------------------------------------- */

.carxis-latest-section{

    padding:80px 24px;

}

.carxis-section-header{

    text-align:center;

    margin-bottom:50px;

}

.carxis-section-header h2{

    margin:0 0 12px;

    font-size:38px;

    font-weight:800;

    color:#222;

}

.carxis-section-header p{

    color:#666;

    font-size:18px;

}


/* ----------------------------------------------------------
   List
---------------------------------------------------------- */

.carxis-latest-list{

    display:flex;

    flex-direction:column;

    gap:26px;

}


/* ----------------------------------------------------------
   Item
---------------------------------------------------------- */

.carxis-latest-item{

    display:grid;

    grid-template-columns:220px 1fr;

    gap:26px;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 8px 24px rgba(0,0,0,.06);

    transition:.25s;

}

.carxis-latest-item:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 40px rgba(0,0,0,.10);

}


/* ----------------------------------------------------------
   Image
---------------------------------------------------------- */

.carxis-latest-image img{

    width:100%;

    height:170px;

    object-fit:cover;

    display:block;

}


/* ----------------------------------------------------------
   Content
---------------------------------------------------------- */

.carxis-latest-content{

    padding:24px 24px 24px 0;

}

.carxis-latest-content h3{

    margin:0 0 14px;

    font-size:26px;

    line-height:1.4;

}

.carxis-latest-content h3 a{

    color:#222;

    text-decoration:none;

}

.carxis-latest-content h3 a:hover{

    color:#d71920;

}

.carxis-latest-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:18px;

}

.carxis-latest-content small{

    color:#999;

}


/* ----------------------------------------------------------
   Mobile
---------------------------------------------------------- */

@media(max-width:768px){

    .carxis-latest-section{

        padding:60px 20px;

    }

    .carxis-section-header h2{

        font-size:30px;

    }

    .carxis-latest-item{

        grid-template-columns:1fr;

    }

    .carxis-latest-image img{

        height:220px;

    }

    .carxis-latest-content{

        padding:20px;

    }

    .carxis-latest-content h3{

        font-size:22px;

    }

}