@charset "UTF-8";

/* SERVICES SECTION CSS */


.servSect {
    padding: 30px 0 0;
}


.servWrap {
    position:relative;
    display: block;
    overflow:hidden;
    padding: 30px 0;
}

.service-item {
    position: relative;
    display: block;
    padding: 0 0 20px;
    overflow: hidden;
}

.service-item .icon {
    display: inline-block;
    vertical-align: middle;
    /* min-height: 217px; */
    overflow: hidden;
}

.service-item .icon a.serIco {
    font-size: 100px;
    vertical-align: middle;
    display: inline-block;
}

.service-item .icon a.serIco .fa {
    vertical-align: middle;
}

.serv-text {
    font-size: 20px;
    font-weight: 300;
}

.serv-text a {
    font-weight: 400;
}

.servSect .heading {
    text-align: center;
}

.servList {
    display: flex;
    list-style-type: none;
    padding: 0 0 0 15px;
    margin-bottom: 0;
    font-size: clamp(14px, 0.938vw, 18px);
    line-height: clamp(24px, 1.354vw, 26px);
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    gap: 15px;
    overflow: visible;
}

.svCard {
    background-color: #E9E6E1;
    padding: clamp(20px, 2.083vw, 40px);
    width: 48%;
    /* box-shadow: 0px 10px 20px #0000000D; */
}

.svCard .serv {
    /* background-color: #F8F8F8; */
    text-align: left;
    border-radius: 0;
}

.serv ul {
    padding-left: clamp(14px, .833vw, 16px);
}

.serv li {
    padding: 0 0 clamp(10px, 1.25vw, 24px);
}

.svCard ul>li,
.svCard ul>li>a {
    text-align: left;
    color: #292929;
}

.servSect .servWrap .servList .svCard .serv ul>li::marker {
    color: #D1AE76;
}

.servList .col-md-4 p {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5;
}

.servList .col-md-4 h3 {
    font-size: 20px;
}

.servList .col-md-4 .icon .fa {
    font-size: 85px;
    margin-bottom: 20px;
}

.servList li.quart {
    width: 25%;
    float: left;
    min-height: 245px;
    padding: 15px;
    box-sizing:border-box;
}

.serv h3,
.serv h3 a {
    color: #292929;
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: normal;
    text-transform: none;
    font-weight: 500;
    font-size: clamp(22px, 1.25vw, 24px);
    line-height: clamp(26px, 1.667vw, 32px);
    margin-bottom: clamp(20px, 1.667vw, 32px);
}

.serv h3 a:hover {
    text-decoration: none;
}

.serv .fa, .block .fa {
    font-size: 50px;
    vertical-align: middle;
}

.serv p {
    font-size: 16px;
    font-weight: 400;
}

@media ( max-width: 1024px ){
    .servList {
        flex-direction: column;
        padding: 0;
    }
}