/* =========================
   POLLARD CAD
   CARD SYSTEM
========================= */


/* =========================
   CARD GRID LAYOUTS
========================= */


.grid {

    display:
    grid;

    grid-template-columns:
    repeat(auto-fit,minmax(280px,1fr));

    gap:
    30px;

    margin-top:
    35px;

}



.grid-3 {

    display:
    grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:
    30px;

    margin-top:
    35px;

}





/* =========================
   GENERAL CARD
========================= */


.card {

    background:
    white;

    border-radius:
    16px;

    overflow:
    hidden;

    box-shadow:
    0 8px 25px rgba(15,23,42,.08);

    transition:
    transform .25s ease,
    box-shadow .25s ease;

    height:
    100%;

}



.card:hover {

    transform:
    translateY(-6px);

    box-shadow:
    0 18px 40px rgba(15,23,42,.14);

}






/* =========================
   CARD IMAGES
========================= */


.card img {

    width:
    100%;

    height:
    240px;

    object-fit:
    cover;

    transition:
    transform .35s ease;

}



.card:hover img {

    transform:
    scale(1.04);

}






/* =========================
   CARD CONTENT
========================= */


.card-content {

    padding:
    30px;

}



.card h3 {

    font-size:
    22px;

    line-height:
    1.3;

    color:
    #0f172a;

    margin-bottom:
    14px;

    font-weight:
    800;

}



.card p {

    font-size:
    15px;

    line-height:
    1.8;

    color:
    #475569;

}






/* =========================
   PROJECT CARDS
========================= */


.projects .card {

    min-height:
    420px;

}



.projects .card img {

    height:
    260px;

}







/* =========================
   FEATURE CARDS
========================= */


.feature-card {

    background:
    white;

    padding:
    30px;

    border-radius:
    16px;

    box-shadow:
    0 8px 25px rgba(15,23,42,.08);

}



.feature-card h3 {

    color:
    #0f172a;

    margin-bottom:
    15px;

    font-size:
    22px;

}



.feature-card p {

    color:
    #475569;

    line-height:
    1.8;

}






/* =========================
   STAT CARDS
========================= */


.stat-card {

    background:
    white;

    padding:
    35px;

    border-radius:
    16px;

    text-align:
    center;

    box-shadow:
    0 8px 25px rgba(15,23,42,.08);

}



.stat-card h3 {

    font-size:
    38px;

    color:
    #2563eb;

    margin-bottom:
    10px;

}



.stat-card p {

    font-size:
    15px;

    color:
    #475569;

}






/* =========================
   CARD LINKS
========================= */


.card a {

    text-decoration:
    none;

    color:
    inherit;

}






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


.container > .btn,
.highlight > .btn {

    display:
    inline-block;

    margin-top:
    25px;

}






/* =========================
   RESPONSIVE
========================= */


@media(max-width:900px){


.grid-3 {

    grid-template-columns:
    1fr 1fr;

}


}







@media(max-width:600px){


.grid,
.grid-3 {

    grid-template-columns:
    1fr;

}



.card img {

    height:
    220px;

}



.card-content {

    padding:
    22px;

}



.card h3 {

    font-size:
    20px;

}


}