﻿/* Contrast corrections scoped to the skin-doctor demo. */
:root { --clinic-red: #b5122b; --clinic-rose: #ff91a1; }
.color-red, .heading-area .sub-heading { color: var(--clinic-red); }
.heading-area .sub-heading { font-weight: 400; }
.about-sec .color-red, .our-blog .color-red { color: var(--clinic-rose); }
.btn.btn-red, .red-and-white-btn, .red-and-black-btn,
.navbar .navbar-nav .nav-link.nav-btn,
.owl-testimonial .owl-item.center .testimonial-box,
.quote_box { background-color: var(--clinic-red); color: #fff; }
.btn.red-and-white-btn:hover, .btn.red-and-white-btn:focus { color: var(--clinic-red) !important; background: #fff !important; }
.btn.btn-red:hover, .btn.btn-red:focus,
.btn.red-and-black-btn:hover, .btn.red-and-black-btn:focus { background: #18191d !important; color: #fff !important; }
.navbar .navbar-nav .nav-link:not(.nav-btn):hover,
.navbar .navbar-nav .nav-link:not(.nav-btn):focus { color: var(--clinic-rose); }
.header-appear .whatsapp-number .agency-num,
.header-appear .whatsapp-number .agency-num .whatsapp-num { color: #fff; opacity: 1; }
.doctor-stats, .counter-box span { color: #292a30; background-color: #fff; }
#testimonials .text1 .info { color: #59515a; }
.contact-sec .contact-form .form-control { color: #292a30; border-color: #a3a5ab; }
.contact-sec .contact-form .form-control::placeholder { color: #5b6069; opacity: 1; }
.contact-sec .contact-details ul li { color: #36383e; opacity: 1; }
.contact-sec .contact-details ul li i { color: #62656c; }
/* The overlay follows each actual photo layer through the before/after slider.
   Only paint is changed: Revolution retains all layer sizes and positioning. */
#main-slider-four .tp-caption[data-type="image"]::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(90deg, rgba(255,253,249,.55) 0%, rgba(255,253,249,.38) 38%, rgba(255,253,249,0) 66%);
}
#main-slider-four .tp-caption[data-type="text"] { text-transform: none !important; }
.about-us-image-holder img { width: 100%; height: auto; }
.blog-background { background-position: center; }
a:focus-visible, button:focus-visible, .form-control:focus-visible { outline: 3px solid #a70e28; outline-offset: 4px; }
header a:focus-visible, .about-sec a:focus-visible, .our-blog a:focus-visible { outline-color: #ffb3be; }
#map { position: relative; background: #eeece6; }
#map .clinic-map { width: 100%; height: 100%; object-fit: cover; }
.map-address { position: absolute; left: 7%; bottom: 36px; padding: 20px 26px; background: #fff; color: #292a30; text-align: left; box-shadow: 0 8px 30px #18191d15; border-left: 4px solid var(--clinic-red); }
.map-address strong, .map-address span, .map-address small { display: block; }
.map-address strong { font-size: 20px; margin-bottom: 5px; }
.map-address small { margin-top: 8px; color: #595d64; }
@media (max-width: 767.98px) {
    .gallery-holder { max-width: 85%; }
    .map-address { left: 18px; right: 18px; bottom: 24px; padding: 18px; }
    #map .clinic-map { object-position: 40% center; }
}
/* Reserve separate room for the phone, logo and social links in the sticky bar. */
@media (min-width: 1200px) {
    .header-appear .container { max-width: none; width: auto; margin-left: 210px; margin-right: 160px; }
    .header-appear .navbar-brand { margin-right: 24px; }
    .header-appear .navbar-expand-lg .navbar-nav .nav-link { padding-right: 24px; }
    .header-appear .whatsapp-number .agency-num .whatsapp-num { font-size: 15px; }
}
@media (min-width: 791px) and (max-width: 1199.98px) {
    .header-appear .whatsapp-number { position: static; text-align: center; padding: 8px 0; }
}
