/* lip-pigmentation-removal-kolkata.php ka apna CSS. Pehle isi page ke andar <style> me tha,
   content bilkul waisa hi hai - sirf external file me shift kiya gaya. */

        h3 {
            font-family: sans-serif;
        }
        .bg-0 {
            background-color: #f8f9fa
        }

        .bg-1 {
            background-color: #f5ced1
        }

        .bg-2 {
            background-color: #ffbb90
        }
        .bg-3{
            background-color:#ffc107
        }
        .d-flex > .card{
            transition: ease all .5s;
        }
        
        .d-flex > .card:hover{
            box-shadow: 0px 6px 7px -10px;
            background-color: #ffffff59;
            transition: ease all .5s;
        }



        .page_header .section_heading h1 {
            font-size: 32px;
            line-height: normal;
            margin-top: 7px;
            font-family: system-ui;
        }

        #accordion .card-header h3 {
            font-family: sans-serif;
        }

        .fa-ul li {
            margin-bottom: 10px;
            line-height: 21px;
            font-size: 15px;
        }

        .ofr {
            font-weight: 800;
            text-transform: uppercase;
            color: #945c60;
            line-height: 35px;
        }

        .ofr span {
            font-size: 18px;
            text-transform: capitalize;
            font-weight: 600;
            color: black;
            display: block;
        }

        .page_header .section_heading p {
            font-size: 18px !important;
        }

        .page_header {
            background-image: url(../../img/lip-pigmentation-bg.jpg);
        }

        @media (max-width: 767px) {

            .page_header {
                background-image: url(../../img/lip-pigmentation-bg.jpg);
            }

            .page_header .section_heading h1 {
                font-size: 22px;
            }
        }

    

                

            .faq p:nth-child(even) {
                margin-bottom: 1px;
            }

            .faq p:nth-child(even) strong {
                font-size: large;
                font-family: system-ui;
                color: #874c1e;
            }

        

        .service_box .serv1 {
            width: 55px;
            margin: auto;
            padding-bottom: 15px;
            position: absolute;
            right: 35px;
            top: 24px;
        }

        .service_box li:hover {
            transition: all ease .5s;
            color: #8538a4;
            padding-left: 2px;
        }

        .service_box:hover {
            border: 1px solid #8538a4;
        }