:root {
    --main-font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
    --heading-font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
    --main-color: #804f91;
    --optional-color: #7c0e63;
    --gradient-color: linear-gradient(to right, #d6f9f9, #daf5f5, #def2f2, #e2eeee, #e5eaea);
    --white-color: #ffffff;
    --black-color: #07003b;
    --paragraph-color: #665092;
    --font-size: 19px;
    --transition: .6s;
}

body {
    direction:ltr;

}


.main-banner-wrap-content h1 {
    font-size: 35px !important;
}
.single-fun-fact-box p {
    font-size: 15px !important;
}
.single-fun-fact-box h3 {
    font-size: 24px !important;
}
.care-area::before {width: 58% !important;}
.care-content h3 {font-size: 25px !important;}
.care-image {padding-bottom: 250px !important;}
.appointment-form-wrap .wrap-title h3 {font-size: 25px !important;}
.appointment-form-content h3 {
    font-size: 25px !important;
}

    @media (min-width: 1200px) {
        .h4, h4 {
            font-size: 1.2rem;
        }
    }

@media only screen and (max-width: 767px) {
    body{margin-left:5px;margin-right:5px;}
    .default-btn{ font-size: 9px !important;}
    p {
        font-size: 10px !important;
    }

    .main-banner-wrap-content h1, h1 {
        font-size: 22px !important;
    }
    .care-content h3, .appointment-form-wrap .wrap-title, .appointment-form-content h3 , h3{
        font-size: 14px !important;
    }
    .care-image {
        padding-bottom: 25px !important;
    }
     h4 {
        font-size: 12px !important;
    }
}