section.servicedetailedPage.servicedetailed-sec {
    padding: 80px 0px;
}
.servicedetailed-text {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin: 30px 0px;
}
.servicedetailedPage .servicedetailed-text h3 {
    font-size: 36px;
    color: var(--text-color-2);
}
.servicedetailed-text .service-charges h3 {
    font-size: 40px;
    font-family: var(--font-calibri-bold);
    color: var(--dark-text-color);
}
.servicedetailed-text .service-charges p {
    margin: 10px 0px;
    text-align: end;
    font-family: var(--font-calibri-bold);
    color: var(--bg-primary);
}
.advance-features{
    padding: 50px 0px;
}
.advance-features h2 {
color: var(--text-color-2);
}
.advance-features .points {
    padding-left: 20px;
}
.advance-features ul.points li {
    list-style: none;
    color: var(--dark-text-color);
    position: relative;
    padding: 5px 0px 5px 5px;
    font-size: 15px;
}
.advance-features ul.points li::before {
    content: "";
    position: absolute;
    display: block;
    background-image: url("../img/services/li.jpg");
    width: 15px;
    height: 15px;
    background-size: 15px;
    background-repeat: no-repeat;
    left: -20px;
    top: 8px;
}

@media (max-width: 768px) {
    .advance-features ul.points li {
        padding: 3px 0px 5px 5px;
        font-size: 13px;
    }
}
@media (max-width: 575px) {
    section.servicedetailedPage.servicedetailed-sec {
        padding: 50px 0px;
    }
    .servicedetailed-text {
        display: block;
    }
    .servicedetailedPage .servicedetailed-text h3 {
        font-size: 24px;
    }
    .servicedetailed-text .service-charges p {
        margin: 10px 0px 0px;
        text-align: left;
    }
    .advance-features {
        padding: 30px 0px 0px;
    }
}