@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 {
    list-style-type: none;
    overflow: hidden;
    padding: 0;
    margin-bottom: 0;
    font-size: clamp(14px, 0.938vw, 18px);
    line-height: clamp(24px, 1.354vw, 26px);
}

.svCard {
    padding: 7.5px;
}

.svCard .serv {
    padding: clamp(20px, 2.083vw, 40px);
    background-color: #f0f0f0;
    text-align: left;
    border-radius: 0;
}

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

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

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

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

.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 .icon{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
}

.serv .icon a {
    overflow: hidden;
    color: #ed7d21;
}

.serv .icon a:hover .fa {
    transform: scale(1.2);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-duration: .5s;
    color: #d36411;
}

.serv h3,
.serv h3 a {
    color: #0E1A31;
    font-family: 'DM Sans', sans-serif;
    letter-spacing: normal;
    text-transform: none;
    font-weight: 500;
    font-size: clamp(20px, 1.354vw, 26px);
    line-height: clamp(28px, 1.771vw, 34px);
}

.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;
}