.fc-container{

    max-width:1320px;

    margin:0 auto;

    padding:0 20px;

}




/* ==========================================
   SERVICES GRID
========================================== */


.fc-services-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;

}


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

.fc-service-card{

    position:relative;

    display:flex;
    flex-direction:column;
    align-items:center;

    text-align:center;

    background:#ffffff;

    border:1px solid #E8EDF3;

    border-radius:22px;

    padding:36px 24px 28px;

    text-decoration:none;

    overflow:hidden;

    transition:.35s;

    box-shadow:
        0 8px 30px rgba(20,56,123,.05);

}

.fc-service-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:5px;

    background:#4A8E32;

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}


/* Hover */

.fc-service-card:hover{

    transform:translateY(-8px);

    border-color:#D7E4F5;

    box-shadow:
        0 18px 42px rgba(20,56,123,.10);

}

.fc-service-card:hover::before{

    transform:scaleX(1);

}


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

.fc-service-icon{

    width:120px;
    height:120px;

    border-radius:50%;

    background:#F4FAF1;

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

    margin-bottom:26px;

    transition:.35s;

    box-shadow:
        0 10px 30px rgba(74,142,50,.08);

}

.fc-service-card:hover .fc-service-icon{

    background:#E8F6DF;

}

.fc-service-icon img{

    width:68px;
    height:68px;

    object-fit:contain;


}

.fc-service-card:hover .fc-service-icon img{

	height:100%;

}






.fc-service-content{

    display:flex;

    flex-direction:column;

    flex:1;

    width:100%;

}






/* ==========================================
   TITLE
========================================== */

.fc-service-title{

    margin:0;

    font-size:20px;

    line-height:1.4;

    font-weight:700;

}


/* ==========================================
   PRICE
========================================== */

.fc-service-price{

    margin-top:10px;

    color:#6E8D5D;

    font-size:16px;

    font-weight:600;

    line-height:1.2;

}


/* ==========================================
   LINK
========================================== */

.fc-service-more{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    margin-top:14px;

    color:#14387B;

    font-size:16px;

    font-weight:600;

    transition:.3s;

}

.fc-service-more svg{

    transition:.35s;

}

.fc-service-card:hover .fc-service-more{

    color:#4A8E32;

}




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

@media (max-width:1024px){

    .fc-services-grid{

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

    }

}


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

@media (max-width:767px){

    .fc-services-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .fc-service-card{

		padding:30px 22px;

	}

    .fc-service-icon{

        width:96px;
        height:96px;

        margin-bottom:20px;

    }

    .fc-service-icon img{

        width:58px;
        height:58px;

    }

    .fc-service-title{

	    font-size:22px;

	    line-height:1.3;

	}

    .fc-service-price{

        font-size:20px;

    }

}