.service {
    position: relative;
    padding: 32px 0px 80px;
    background-color: #ffffff;
}
.service-detail h1,
.services-section h1 {
    position: relative;
    font-size: 42px;
    line-height: 1.2em;
    color: #353535;
    font-weight: 600;
    margin-bottom: 30px;
}
.service__content {
    margin-bottom: 40px;
}
.service__above-benefits,
.service__under-benefits {
    margin-bottom: 30px;
}
.category-list li.active:before, 
.category-list li:hover:before {
    z-index: 3;
}
.category-list li.active a:before, 
.category-list li:hover a:before {
    color: #ffffff;
    z-index: 2;
}
.category-list li.active a span, 
.category-list li:hover a span {
    position: relative;
    z-index: 2;
}
.category-list li a:after {
    background: #D18B4B;
    z-index: 0;
}
.btn-style-three:hover {
    border: 1px solid #ffffff;
}
.service__content :last-child,
.service__above-benefits :last-child,
.service__under-benefits :last-child,
.service__under-tabs :last-child {
    margin-bottom: 0!important;
}
.service-tabs .tab-btns .tab-btn.active-btn {
    background-color: #D18B4B;
}
.feature-box .feature-block .inner {
    border-color: #D18B4B;
}
.services-section {
    padding: 32px 0 80px;
}
.services-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 40px;
    margin-bottom: 60px;
}
.service-block {
    width: calc((100% - 40px * 2) / 3);
    padding: 0;
    margin-bottom: 0;
}
.service-block .text {
    font-size: 18px;
    line-height: 1.6em;
}
.help-box .phone-block__call {
    opacity: 1;
}
@media(max-width: 1023px) {
    .service-detail h1,
    .services-section h1 {
        font-size: 32px;
    }
    .service-block .text {
        font-size: 16px;
        line-height: 1.6em;
    }
}
@media(max-width: 991px) {
    .services-list {
        gap: 20px 30px;
    }
    .service-block {
        width: calc((100% - 30px * 2) / 3);
    }
    .content-side {
        margin-bottom: 30px;
    }
}
@media(max-width: 767px) {
    .services-list {
        margin-bottom: 32px;
    }
    .service-block {
        width: calc((100% - 30px) / 2);
    }
    .services-section .service__content {
        margin-bottom: 0;
    }
    .service__content *,
    .service__above-benefits *,
    .service__under-benefits *,
    .service__under-tabs *,
    .tab-inner * {
        font-size: 16px;
    }
}
@media(max-width: 640px) {
    .service-block {
        width: 100%;
    }
}