:root {
    --first-color: #0DB0ED;
    --second-color: #3F426C;
    --third-color: #FCCE32;
    --bs-20: 8px;
}

.bs-20 {
    border-radius: var(--bs-20);
}

.fs-18 {
    font-size: 18px;
}

.text-md-justify {
    text-align: justify;
}

.service .swiper-button-prev,
.service .swiper-button-next {
    background-color: var(--first-color);
    border-radius: 50%;
    padding: 24px;

    i {
        font-size: 18px;
        color: white;
    }
}

.service .swiper-button-prev::after,
.service .swiper-button-next::after {
    content: unset;
}

.service-img img {
    height: 360px !important;
    object-fit: cover !important;
}

.icon-text img {
    width: 40px;
    object-fit: contain;
}

.works3-section-area .work-single-boxarea:hover .img1 .icons {
    background: var(--first-color);
}

.contact-btn {
    color: var(--ztc-text-text-1);
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s20);
    font-style: normal;
    font-weight: var(--ztc-weight-semibold);
    line-height: 20px;
    display: inline-block;
    transition: all 0.4s;
    text-transform: capitalize;
    padding: 18px;
    border-radius: 8px;
    background: var(--second-color);
    position: relative;
    z-index: 1;
}

.social-icon a img {
    width: 30px;
    height: 30px;
}

.gallery-img img {
    width: 100%;
    height: 280px;
    border-radius: 8px;
    object-fit: cover;
}

.ul-18 li {
    font-size: 18px;
    list-style: inside;
}

.ul-18 {
    margin-top: 20px;
}

.footer-logo img {
    width: 200px;
}

.modal-content .input-area {
    background: white;
    padding: 10px 10px;
    border-radius: 8px;
    text-align: justify;
    margin-top: 16px;

}

.modal-content .contact-btn {
    background-color: white;
    color: var(--second-color);
}

.modal-content .input-area input,
.modal-content .input-area textarea {
    width: 100%;
}

@media only screen and (max-width: 360px) {

    .service3-section-area .service3-single-area .icon-text a {
        font-size: 20px;
    }

    .service3-section-area .service3-single-area .icon-text span {
        display: none;
    }



}

@media only screen and (max-width: 480px) {
    .hero-all-main-slider .hero-main-slider .hero3-section-area {
        padding: 50px 0 60px;
    }

    .hero-all-main-slider .testimonial-next-arrow,
    .hero-all-main-slider .testimonial-prev-arrow {
        bottom: 5%;
        top: unset;
    }

    .about3-section-area {
        padding: 40px 0;
    }

    .service3-section-area .service3-single-area {
        padding: 10px;
    }

    .service-benefites-section-area .benefites-box .benefites-widget-boxarea {
        padding: 14px;
    }

    .service-benefites-section-area .benefites-box .benefites-widget-boxarea .content-area {
        padding-top: 80px;
        padding-left: 0;
    }

    .service-benefites-section-area .benefites-box .star {
        display: none;
    }


    .vl-footer3-section-area {
        padding: 40px 0 32px;
    }

    .contact-inner-section-area .contact-boxarea {
        padding: 20px;
    }

    .contact-btn {
        font-size: 18px;
        padding: 10px;
    }

    .contact-inner-section-area .contact-single-boxarea2 .single-box {
        display: block;
    }

    .contact-inner-section-area .contact-single-boxarea2 .single-box .text {
        width: 100%;
        margin-top: 14px;
    }

    .accordion-body {
        padding: 10px 0 20px 20px !important;
    }
}

@media only screen and (max-width: 578px) {
    .hero-all-main-slider .hero-main-slider .hero3-section-area {
        padding: 50px 0 60px;
    }

  .hero-all-main-slider .testimonial-prev-arrow,
.hero-all-main-slider .testimonial-next-arrow {

    position: absolute;
    bottom: 10%;          /* fixed vertical position */
    left: 50%;            /* position at horizontal center */
    transform: translateX(-50%) translateY(0); /* shift left by 50% of their own width to truly center */
}
.hero-all-main-slider .testimonial-prev-arrow {
    position: absolute;
    bottom: 10%;
    left: 40%;              /* a bit left of center */
    transform: translateX(-50%);
}

.hero-all-main-slider .testimonial-next-arrow {
    position: absolute;
    bottom: 10%;
    left: 60%;              /* a bit right of center */
    transform: translateX(-50%);
}
.works3-section-area .work-single-boxarea .img1 .icons {

display:none;
}

    .about3-section-area {
        padding: 40px 0;
    }

    .service-benefites-section-area .benefites-box .star {
        display: none;
    }

    .testimonial3-section-area .testimonial-single-slider3 {
        padding: 20px;
    }

    .testimonial3-section-area .testimonial-single-slider3 .single-slider-box .pera {
        font-size: 16px;
    }

    .testimonial3-section-area .testimonial-single-slider3 .single-slider-box .others-boxarea .elements2 {
        display: none;
    }

}

@media only screen and (max-width: 767px) {
    .hero-all-main-slider .hero-main-slider .hero3-section-area {
        padding: 80px 0 100px;
    }

    .service-benefites-section-area .benefites-box .star {
        display: none;
    }

    .testimonial3-section-area .testimonial-single-slider3 {
        padding: 20px;
    }

    .testimonial3-section-area .testimonial-single-slider3 .single-slider-box .pera {
        font-size: 16px;
    }

    .testimonial3-section-area .testimonial-single-slider3 .single-slider-box .others-boxarea .elements2 {
        display: none;
    }
    .text-md-justify {
        text-align: unset;

    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .hero-all-main-slider .hero-main-slider .hero3-section-area {
        padding: 80px 0 80px;
    }

    .hero-all-main-slider .testimonial-next-arrow,
    .hero-all-main-slider .testimonial-prev-arrow {
        bottom: 8%;
        top: unset;
    }

    .service-benefites-section-area .benefites-box .benefites-widget-boxarea {
        padding: 14px;
    }

    .service-benefites-section-area .benefites-box .benefites-widget-boxarea .content-area {
        padding-top: 80px;
        padding-left: 0;
    }

    .service-benefites-section-area .benefites-box .star {
        display: none;
    }

    .inner-header-section-area .hero-header h1 {
        font-size: 45px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1023px) {

    .hero-all-main-slider .hero-main-slider .hero3-section-area {
        padding: 100px 0;
    }

    .contact-inner-section-area .contact-single-boxarea2 .single-box {
        display: block;
    }

    .contact-inner-section-area .contact-single-boxarea2 .single-box .text {
        width: 100%;
        margin-top: 14px;
    }

}

.header-responsive {
    margin: 20px 0 0 0;
}

@media only screen and (max-width: 992px) {
    .header-responsive {
        margin: 20px 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1299px) {
    .hero-all-main-slider .hero-main-slider .hero3-section-area .hero-header {
        margin-left: 45px;
    }
}

.df-content-topbar .df-brand-img {
    background-color: white;
}

.call-icon {
    position: fixed;
    bottom: 30px;
    left: 30px;
    border-radius: 50%;
    background-color: #25D366;
    z-index: 15;

}

.call-icon a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
}

.call-icon a img {
    max-width: 40px;
}
.doctor-list {
    padding-left: 20px;
}

.doctor-list li {
    list-style: circle;
    font-size: 18px;
}