﻿.service_section {
    padding: 80px 0px;
    background-color: #FFF;
}

    .service_section#hiro {
        padding: 40px 0px;
        background-image: url('../img/hiro_back.jpg');
        background-size: 100% auto;
        background-position: left -30%;
        background-repeat: no-repeat;
    }
        .service_section#hiro img {
            position: relative !important;
            left: unset !important;
            bottom: unset !important;
        }

    .service_section p {
        text-align: justify;
        color: var(--paragraph-color);
    }

    .service_section h1, .service_section h2, .service_section h3, .service_section h4, .service_section h5, .service_section h6 {
        color: var(--heading-color);
        font-size: 24px;
        font-weight: 800;
    }

    .service_section ul {
        color: #5F4A63;
        list-style-image: url('../img/bullet_item.svg');
        list-style-position: inside;
    }

        .service_section ul li {
            margin: 10px 0px;
        }

    .service_section#faqs {
        background-color: #FFF;
        padding: 50px 0px;
        text-align: center;
    }

        .service_section#faqs .accordion {
            overflow: hidden;
            background: #ffffff;
            margin: 40px 0;
        }

    .service_section .video_holder {
        width: 100%;
        text-align: center;
        margin: 25px auto;
    }

        .service_section .video_holder video {
            border-radius: 24px;
            height: 60vh;
            width: 100% !important;
        }


    .service_section a.contact_us {
        border: 1px solid #3A1341;
        padding: 10px 20px;
        margin: 30px auto 10px auto;
        border-radius: 35px;
        color: #3A1341;
        display: inline-block;
    }

        .service_section a.contact_us:hover {
            background-color: #3A1341;
            color: #FFF;
        }

#faqs .accordion-section-title {
    width: 100%;
    padding: 15px 20px;
    display: inline-block;
    position: relative;
    background: #ffffff;
    color: var(--g-main-color);
    transition: all linear 0.15s;
    font-weight: 400;
    border: 1px solid #EADFE8;
    border-radius: 14px;
    margin: 4px auto;
    text-align: right;
}

    #faqs .accordion-section-title:hover {
        background: #F7F7FC;
    }

    #faqs .accordion-section-title:focus {
        color: #1a1918
    }

    #faqs .accordion-section-title .plus, .accordion-section-title .minus {
        position: absolute;
        left: 10px;
        top: 50%;
        width: 10px
    }

    #faqs .accordion-section-title .plus {
        display: inline-block;
        float: left;
    }

    #faqs .accordion-section-title .minus {
        display: none
    }

    #faqs .accordion-section-title.active {
        color: #1a1918
    }

        #faqs .accordion-section-title.active .minus {
            display: inline-block;
            float: left;
        }

        #faqs .accordion-section-title.active .plus {
            display: none
        }

    #faqs .accordion-section-title.active, .accordion-section-title:hover {
        text-decoration: none;
        color: var(--g-orange-color);
    }

#faqs .accordion-section-content {
    padding: 10px 5px;
    display: none;
    color: #5F6F8D;
    text-align: right;
}

    #faqs .accordion-section-content p {
        margin-top: 0;
        color: var(--g-ord2-color);
        line-height: 20px;
        font-size: var(--g-font-size-p);
    }


.service_section#clinics {
    padding: 80px 0px 40px 0px;
}

    .service_section#clinics .clinics {
        background-color: #3A1341;
        border-radius: 24px;
        position: relative;
        align-items: center;
        width: 100%;
    }

        .service_section#clinics .clinics .clinic_img {
            position: absolute;
            bottom: 0px;
            right: 0px;
            width: 100%;
            height: 130%;
            object-fit: contain;
        }

        .service_section#clinics .clinics .contact_info {
            color: #FFF;
            display: flex;
            flex-direction: column;
            padding: 30px 10px;
        }

            .service_section#clinics .clinics .contact_info > span:nth-child(2) {
                font-size: 20px;
                font-weight: 600;
            }

            .service_section#clinics .clinics .contact_info .clinic_lists {
            }

                .service_section#clinics .clinics .contact_info .clinic_lists > div {
                    display: inline-block;
                    width: 100%;
                }

                .service_section#clinics .clinics .contact_info .clinic_lists .clinic_item {
                    display: flex;
                    flex-direction: column;
                    padding: 10px 15px;
                    margin: 0px 10px;
                    width: 100%;
                }

                    .service_section#clinics .clinics .contact_info .clinic_lists .clinic_item:first-child {
                        padding-right: 0px;
                        margin-right: 0px;
                    }

                    .service_section#clinics .clinics .contact_info .clinic_lists .clinic_item svg {
                        margin: 15px 0px;
                    }

                    .service_section#clinics .clinics .contact_info .clinic_lists .clinic_item p {
                        color: #FFF;
                        margin-bottom: 0px;
                    }

                    .service_section#clinics .clinics .contact_info .clinic_lists .clinic_item > span {
                        color: #EADFE8;
                        font-size: 14px;
                    }

.benefits .benefit_item {
    margin: 20px 0px !important;
}



@media (min-width: 360px) {
}

@media (min-width: 540px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
    .service_section#hiro {
        padding: 100px 0px;
    }

        .service_section#hiro img {
            position: absolute !important;
            left: 0px !important;
            bottom: -180px !important;
        }

    .service_section#clinics .clinics .contact_info .clinic_lists > div {
        width: 33%;
    }

    .service_section#clinics .clinics .contact_info .clinic_lists .clinic_item {       
        padding: 30px 40px;
    }

    .benefits .benefit_item {
        margin: 20px !important;
    }
    .service_section .video_holder video {     
        width: auto !important;
    }
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}
