.ServicesList .w-row{margin-top:35px}
.ServicesList .w-row .w-col-4{margin-bottom:23px}
.ServicesList h2{font-size:60px;line-height:60px;text-align:center}
.ServicesList p{font-size:18px;line-height:24px;text-align:center;padding:0 20%}
.ServicesList.AddList p{
    font-size: 16px;
    line-height: 24px;
    padding: 0 5%;
}
.ServicesList.AddList .service__content {width: 100%!important;}
.ServicesList.AddList .service__card{height: 500px;}
.ServicesList.AddList p{ text-align: left; }

.service__card{box-shadow:4px 4px 10px rgba(0,0,0,.2);overflow:hidden;position:relative;width:100%;height:300px;z-index:10;background-size:cover!important;background-position:center!important}
/* D258: card art is now a native lazy <img> (offscreen cards were fetching ~5MB of CSS backgrounds at load, drowning the hero LCP) */
.service__card .service__bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}
.service__card:hover .service__container{-webkit-transform:translateY(0);transform:translateY(0)}
.service__card:hover .service__link{opacity:1}
.service__container{background-color:#1a2330c7;text-align:center;width:100%;position:absolute;bottom:0;left:0;padding:1.5rem 0 2rem;-webkit-transform:translateY(6.7rem);transform:translateY(6.7rem);color:#fff;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:5}
.service__title{font-weight:700;margin-bottom:1rem;font-size:1.75rem}

.small-four .service__content{width:90%!important;line-height:22px!important;font-size:16px!important}
.small-four .service__title{margin-bottom:1rem;font-size:14px;line-height:26px}

.service__container .line{margin:0 auto .5rem}
.service__content{opacity:1;font-size:15px;line-height:22px;text-align:center;color:#fff;width:80%!important;margin:0 auto 10px!important;padding:0!important}


.line{background-color:#ffd148}
.line,.line--blue{height:.5rem;width:3rem}
.line__short{margin-right:2rem;margin-bottom:1.5rem}

@media (max-width:767.98px){
    .service__container{-webkit-transition:none;transition:none;-webkit-transform:translateY(0);transform:translateY(0)}
}
@media (max-width:767.98px){
    .service__link{opacity:1;-webkit-transition:none;transition:none}
}

.service__link{color:#fff;font-weight:400;background-color:#0071ab;display:inline-block;padding:1rem 5rem!important;border:0;border-radius:100px;opacity:0;-webkit-transition:opacity .3s ease .2s;transition:opacity .3s ease .2s}


@media (max-width:1024px)
{
    .ServicesList p{font-size:15px;line-height:20px;padding:0 0%;}

}

@media (max-width:991px)
{

    .ServicesList .w-col-4{width:50%}
    .small-four .w-col-3{width:50%;margin-bottom:10px;}

}

@media (max-width:767px)
{
    .service__link{opacity:1;-webkit-transition:none;transition:none}

    .ServicesList .w-col-4{padding-right:0}
    .ServicesList{padding:0!important}
    .ServicesList h2{font-size:40px;line-height:40px}
    .ServicesList p{padding:0}
    .ServicesList.AddList p {
        font-size: 14px;
        line-height: 21px;
        padding: 0;
        padding-bottom: 0;
    }
    .ServicesList.AddList .service__content {
        width: 92%!important;
    }
    .ServicesList.AddList .service__card {
        height: 530px;
    }
    .ServicesList .w-row .w-col-3{margin-bottom:23px}
    .ServicesList .w-col-4, .small-four .w-col-3{width:48%;}

}


@media (max-width:479px)
{
    .ServicesList .w-col-4, .small-four .w-col-3{width:97%;}
    .ServicesList h2{font-size:33px}
    .service__container .line{display:none}

}