/* Shared public-page finish. Keep contrast pairs together. */
:root { --primary-color: #173e4b; --text-color: #465d66; --accent-color: #176b78; --light-accent-color: #e3eff0; }
body { background: #f0f5f5; color: #465d66; }
header.main-header, header.main-header .header-sticky.active,
.rangam-footer { background: #173e4b; border-color: #315562; }
.main-header .rangam-brand strong { color: #ffffff; }
.main-header .rangam-brand small { color: #b8dee0; }
.main-header .rangam-brand small::before,
.main-header .rangam-brand small::after { background: #83bfc4; }
.main-header .rangam-logo { border-color: #c4dfe2; }
.main-menu ul li.highlighted-menu a { background: #dceff0; border-color: #dceff0; color: #173e4b !important; }
.main-menu ul li.highlighted-menu a:hover,
.main-menu ul li.highlighted-menu a:focus,
.main-menu ul li.highlighted-menu a:hover i,
.main-menu ul li.highlighted-menu a:focus i { background: #ffffff; border-color: #ffffff; color: #173e4b !important; }
.hero.rangam-hero { background: radial-gradient(ellipse at 88% 20%, #d7ebed, transparent 55%), linear-gradient(120deg, #f3f7f6, #eaf2f4 65%, #f4eeea); }
.rangam-hero-visual::before { background: #e5e9e4; }
.home-contact-us, .medical-services, .rangam-facilities,
.rangam-related-services, .top-services { background: #e7f0f1; }
.about-us, .page-about, .how-we-work, .health-services { background: #f7f7f2; }
.our-faqs, .meet-our-team, .page-contact-form { background: #edf3f4; }
.subpage-header, .we-improving, .cta-box, .contact-appointment { background: linear-gradient(120deg, #173e4b, #276775); }
.medical-service-item, .services-item, .top-services .services-item,
.team-member-item, .rangam-department-card, .rangam-facility-card,
.health-service-item, .faq-accordion .accordion-item { background: #ffffff; border-color: #dce6e8; box-shadow: 0 12px 32px rgba(23,62,75,.07); }
.services-item:hover, .services-item:focus-within,
.top-services .services-item:hover, .top-services .services-item:focus-within,
.medical-service-item::before { background: #173e4b; }
.rangam-hero .rangam-hero-content h1, .rangam-open-card strong { color: #173e4b; }
.rangam-hero .rangam-hero-content h1 em, .section-title h3 { color: #176b78; }
.rangam-primary-btn { background: #176b78; }
.rangam-open-card { background: #ffffff; border-color: #dce6e8; }
.home-contact-form .section-title h3, .improving-content .section-title h3 { color: #b8dee0; }

/* Override the template's more-specific white-on-transparent input rules. */
body .contact-form, body .contact-us-form, body .rangam-contact-form {
    background: #ffffff;
    border: 1px solid #d8e4e7;
    border-radius: 18px;
    box-shadow: 0 16px 44px rgba(23,62,75,.08);
    color: #173e4b;
}
body :is(.contact-us-form, .contact-form, .rangam-contact-form) .form-group .form-control,
body form .form-control {
    color: #173e4b;
    background: #f5f8f9;
    border: 1px solid #b8cdd3;
    border-radius: 8px;
    padding: 14px 16px;
    box-shadow: none;
    caret-color: #173e4b;
}
body :is(.contact-us-form, .contact-form, .rangam-contact-form) .form-group .form-control::placeholder,
body form .form-control::placeholder { color: #526973; opacity: 1; }
body :is(.contact-us-form, .contact-form, .rangam-contact-form) .form-group .form-control:focus,
body form .form-control:focus { color: #173e4b; background: #ffffff; border-color: #176b78; outline: 0; box-shadow: 0 0 0 3px rgba(23,107,120,.15); }
body form label { color: #173e4b; }
body form .help-block, body form .text-danger { color: #a3313c; }
body form .btn-default { color: #ffffff; background: #176b78; border-color: #176b78; }
body form .btn-default::before { color: #ffffff; }
body form .btn-default:hover, body form .btn-default:focus-visible { color: #ffffff; background: #173e4b; border-color: #173e4b; }

/* Homepage contact strip: coordinated light services and a dark invitation. */
.home-contact-us .home-contact-item {
    background: #e4eff0;
}
.home-contact-us .col-lg-4:last-child .home-contact-item {
    background: #eef4f2;
}
.home-contact-us .home-contact-item.highlighted-box {
    background: linear-gradient(135deg, #173e4b, #246472);
}
.home-contact-us .highlighted-box .highlighted-box-title h2 {
    color: #ffffff;
}
.home-contact-us .highlighted-box .highlighted-box-title h2 strong {
    color: #b9e3df;
}
.home-contact-us .home-contact-item .contact-content h3 {
    color: #173e4b;
}
.home-contact-us .home-contact-item .contact-content p {
    color: #405b64;
}
.home-contact-us .home-contact-item.box-border::before {
    background: #c1d6d8;
}
.home-contact-us .contact-icon img {
    filter: brightness(0) saturate(100%) invert(31%) sepia(22%) saturate(1330%) hue-rotate(143deg) brightness(95%) contrast(93%);
}
.home-contact-us .home-contact-item.highlighted-box .appointment-wrap a {
    color: #173e4b;
    background: #cce6e4;
    font-weight: 700;
}
.home-contact-us .home-contact-item.highlighted-box .appointment-wrap a:hover,
.home-contact-us .home-contact-item.highlighted-box .appointment-wrap a:focus-visible {
    color: #173e4b;
    background: #ffffff;
}
.home-contact-us .appointment-wrap a:focus-visible {
    outline: 3px solid #176b78;
    outline-offset: -5px;
}

/* A lighter, unified appointment card over the existing hospital photograph. */
.home-contact-form::after {
    background: linear-gradient(110deg, rgba(228,239,240,.94), rgba(235,243,243,.85), rgba(220,235,237,.92));
}
.home-contact-form .section-title h3 { color: #176b78; }
.home-contact-form .section-title h2 { color: #173e4b; }
.home-contact-form .row.no-gutters {
    border: 1px solid #ccdee1;
    border-radius: 22px;
    box-shadow: 0 22px 60px rgba(23,62,75,.14);
    background: #ffffff;
}
.home-contact-form .contact-appointment {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 48px 32px;
    background: radial-gradient(circle at 0 0, rgba(103,186,186,.22), transparent 65%), #173e4b;
}
.home-contact-form .appointment-img img { max-width: 190px; opacity: .88; }
.home-contact-form .appointment-content h3 { font-size: clamp(24px, 2vw, 29px); line-height: 1.35; font-weight: 600; }
.home-contact-form .appointment-content h3 strong { color: #b9e3df; }
body .home-contact-form .contact-form {
    padding: 56px 60px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: linear-gradient(145deg, #ffffff, #f5f9f8);
}
body .home-contact-form .contact-form .form-group .form-control {
    background: #edf4f4;
    border-color: #c0d4d8;
    color: #173e4b;
    border-radius: 10px;
    padding: 16px;
    font-size: 15px;
}
body .home-contact-form .contact-form .form-group .form-control::placeholder { color: #526973; opacity: 1; }
body .home-contact-form .contact-form .form-group .form-control:focus {
    background: #ffffff;
    border-color: #176b78;
    box-shadow: 0 0 0 3px rgba(23,107,120,.14);
}
.home-contact-form .contact-form .btn-default {
    border-radius: 10px;
    background: #176b78;
    border-color: #176b78;
    box-shadow: 0 7px 18px rgba(23,107,120,.16);
}
@media (max-width: 991px) {
    body .home-contact-form .contact-form { padding: 36px 28px; }
    .home-contact-form .contact-appointment { padding: 36px 24px; }
}
@media (max-width: 767px) {
    .home-contact-form .appointment-img img { max-width: 130px; }
    .home-contact-form .appointment-img { margin-bottom: 20px; }
    body .home-contact-form .contact-form { padding: 30px 22px; }
}

/* Coordinated homepage surfaces and interaction colors. */
.rangam-home .hero.rangam-hero { background: radial-gradient(ellipse at 85% 25%, rgba(116,181,192,.22), transparent 52%), linear-gradient(120deg, #f3f7f7, #e8f2f3 70%, #f1f3ef); }
.rangam-home .hero::before { background: none; }
.rangam-home .hero::after { border-color: #c9e0e3; box-shadow: 0 0 0 52px rgba(23,107,120,.035), 0 0 0 104px rgba(23,107,120,.02); }
.rangam-home .rangam-hero-visual::before { background: #dce8e7; }
.rangam-home .home-contact-us { background: #eaf2f3; padding-top: 64px; padding-bottom: 64px; }
.rangam-home .home-contact-us > .container > .row { overflow: hidden; border-radius: 18px; box-shadow: 0 14px 36px rgba(23,62,75,.09); border: 1px solid #cbdfe2; }
.rangam-home .about-us { background: linear-gradient(120deg, #fafaf6, #eff5f3); padding-top: 80px; padding-bottom: 80px; }
.rangam-home .medical-services { background: linear-gradient(150deg, #e3eef0, #eef4f5); }
.rangam-home .medical-service-item { overflow: hidden; border-radius: 16px; border-color: #d3e2e5; box-shadow: 0 10px 28px rgba(23,62,75,.07); }
.rangam-home .medical-service-item::before { display: none; }
.rangam-home .medical-service-item:hover,
.rangam-home .medical-service-item:focus-within { background: #173e4b; }
.rangam-home .medical-service-item:hover .medical-content :is(h3,p),
.rangam-home .medical-service-item:focus-within .medical-content :is(h3,p) { color: #ffffff; }
.rangam-home .medical-service-btn .btn-services { background: #d6e9eb; color: #173e4b; }
.rangam-home .medical-service-item:hover .btn-services,
.rangam-home .medical-service-item:focus-within .btn-services { background: #ffffff; color: #173e4b; }
.rangam-home .cta-box { background: linear-gradient(110deg, #173e4b, #246472); }
.rangam-home .cta-content :is(h3,p) { color: #ffffff; }
.rangam-home .cta-btn a.appointment-btn { background: #d6e9eb; border-color: #d6e9eb; color: #173e4b; }
.rangam-home .cta-btn a.appointment-btn:hover,
.rangam-home .cta-btn a.appointment-btn:focus-visible { background: #ffffff; color: #173e4b; }
.rangam-home .cta-btn a.appointment-btn::after { background: #ffffff; }
.rangam-home .how-we-work { background: #f6f8f5; }
.rangam-home .work-step-item { padding: 28px 18px; background: #ffffff; border: 1px solid #dbe6e5; border-radius: 16px; }
.rangam-home .our-faqs { background: #e8f1f2; }
.rangam-home .faq-accordion .accordion-item { background: #ffffff; border: 1px solid #d1e1e4; border-radius: 12px; overflow: hidden; }
.rangam-home .faq-accordion .accordion-button { background: #ffffff; color: #173e4b; }
.rangam-home .faq-accordion .accordion-button:not(.collapsed) { background: #dcecef; color: #173e4b; box-shadow: none; }
.rangam-home .faq-accordion .accordion-body { background: #ffffff; color: #465d66; }
.rangam-home .home-contact-form { background-attachment: scroll; }
.rangam-home .home-contact-form::after { background: linear-gradient(110deg, rgba(228,239,240,.94), rgba(235,243,243,.88)); }
@media (max-width: 767px) {
    .rangam-home .home-contact-us { padding-top: 40px; padding-bottom: 40px; }
    .rangam-home .about-us { padding-top: 55px; padding-bottom: 55px; }
    .rangam-home .highlighted-box-title { padding-top: 28px !important; padding-bottom: 28px !important; }
}

/* Photographic page banners, shaded for consistently readable headings. */
.subpage-header {
    padding: 110px 0;
    overflow: hidden;
    background: linear-gradient(100deg, rgba(12,42,54,.92), rgba(18,65,76,.76)), url('../images/home-emergency-v3.jpg') center 48% / cover no-repeat;
}
.subpage-header::before { display: none; }
.subpage-header::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 10%, rgba(146,214,213,.17), transparent 60%); pointer-events: none; }
.subpage-header-box h1 { color: #ffffff; text-shadow: 0 3px 20px rgba(0,0,0,.2); }
.subpage-header-box ol li, .subpage-header-box ol li a { color: #eef8f8; }
.subpage-header-box ol li::after { color: #b9e3df; }

/* Editorial hero: broad main photograph, inset diagnostic image and care badge. */
.rangam-home .hero.rangam-hero {
    padding: 84px 0 96px;
    background: linear-gradient(95deg, rgba(244,249,248,.98) 0%, rgba(235,245,246,.96) 48%, rgba(222,238,239,.86) 100%), url('../images/home-emergency-v3.jpg') center / cover no-repeat;
}
.rangam-home .hero::after { display: none; }
.rangam-home .rangam-hero-content { padding-right: 16px; }
.rangam-home .rangam-hero .rangam-hero-content h1 { font-size: clamp(42px, 4.3vw, 66px); line-height: 1.1; }
.rangam-home .rangam-hero-visual { min-height: 560px; margin-left: 18px; }
.rangam-home .rangam-hero-visual::before { inset: 24px -18px 44px 35px; width: auto; height: auto; border-radius: 32px; transform: rotate(4deg); background: linear-gradient(145deg, #c8e0e1, #e1ece7); }
.rangam-home .rangam-hero-main { top: 0; left: 0; bottom: auto; width: 91%; height: 86%; border-radius: 28px 100px 28px 28px; border: 6px solid #fff; box-shadow: 0 24px 55px rgba(23,62,75,.19); }
.rangam-home .rangam-hero-secondary { top: auto; bottom: 0; right: 0; width: 43%; height: 43%; border-radius: 20px; border: 6px solid #fff; box-shadow: 0 14px 36px rgba(23,62,75,.2); }
.rangam-home .rangam-hero-dots { left: -18px; top: 65%; width: 35%; height: 30%; opacity: .25; }
.rangam-home .rangam-open-card { top: auto; bottom: 6px; left: 12px; right: auto; padding: 18px 22px; border-radius: 14px; box-shadow: 0 12px 32px rgba(23,62,75,.13); }
@media (max-width: 1199px) {
    .rangam-home .rangam-hero-visual { min-height: 490px; }
    .rangam-home .rangam-open-card { padding: 14px; left: 0; }
}
@media (max-width: 991px) {
    .rangam-home .hero.rangam-hero { padding: 60px 0 72px; }
    .rangam-home .rangam-hero-content { padding-right: 0; }
    .rangam-home .rangam-hero-visual { max-width: 560px; margin: 30px auto 0; }
}
@media (max-width: 575px) {
    .subpage-header { padding: 72px 0; }
    .subpage-header-box h1 { font-size: 34px; }
    .rangam-home .rangam-hero .rangam-hero-content h1 { font-size: clamp(30px, 8.8vw, 45px); }
    .rangam-home .rangam-hero-visual { min-height: 390px; margin-left: 0; }
    .rangam-home .rangam-hero-main { border-radius: 22px 65px 22px 22px; height: 82%; }
    .rangam-home .rangam-hero-secondary { height: 38%; width: 40%; }
    .rangam-home .rangam-open-card { padding: 12px; bottom: 0; gap: 8px; }
    .rangam-home .rangam-open-card span { font-size: 10px; }
    .rangam-home .rangam-open-card strong { font-size: 14px; }
}

/* Hero finishing: framed imagery, soft light and a calmer reading rhythm. */
.rangam-home .hero.rangam-hero {
    padding: 76px 0 84px;
    min-height: 690px;
    border-bottom: 1px solid #d1e3e5;
    background: radial-gradient(ellipse at 78% 42%, rgba(85,156,170,.23), transparent 52%), linear-gradient(105deg, rgba(247,250,247,.98), rgba(237,246,246,.95) 50%, rgba(220,237,239,.90)), url('../images/home-emergency-v3.jpg') center / cover;
}
.rangam-home .rangam-hero-eyebrow {
    padding: 9px 13px;
    border: 1px solid #c8dfe0;
    border-radius: 7px;
    background: rgba(255,255,255,.65);
    font-size: 11px;
    letter-spacing: .1em;
    margin-bottom: 26px;
}
.rangam-home .rangam-hero .rangam-hero-content h1 {
    font-size: clamp(42px, 4.2vw, 64px);
    line-height: 1.12;
    letter-spacing: -.045em;
}
.rangam-home .rangam-hero-content > p { max-width: 500px; font-size: 17px; line-height: 1.8; margin: 26px 0 30px; }
.rangam-home .rangam-primary-btn { padding: 17px 23px; border-radius: 10px; background: linear-gradient(120deg, #176b78, #173e4b); box-shadow: 0 12px 26px rgba(23,107,120,.2); }
.rangam-home .rangam-hero-trust { gap: 20px; margin-top: 32px; padding: 22px 0 0; border-color: #c7dddf; }
.rangam-home .rangam-hero-trust strong { color: #173e4b; }
.rangam-home .rangam-hero-trust i { color: #176b78; }
.rangam-home .rangam-hero-visual { min-height: 540px; }
.rangam-home .rangam-hero-visual::before { inset: 20px -12px 45px 26px; transform: rotate(3deg); border-radius: 30px; background: linear-gradient(135deg, #b8d5d9, #dbe9e5); }
.rangam-home .rangam-hero-main { width: 94%; height: 84%; border-radius: 24px; border-width: 8px; }
.rangam-home .rangam-hero-main img { object-position: center 55%; }
.rangam-home .rangam-hero-secondary { width: 38%; height: 39%; border-radius: 18px; bottom: 0; }
.rangam-home .rangam-open-card { left: 16px; bottom: 12px; padding: 18px; background: #ffffff; border: 1px solid #d5e5e7; }
.rangam-home .rangam-open-card > i { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; color: #176b78; background: #e4f1f0; }
.rangam-home .rangam-hero-dots { opacity: .16; }
@media (max-width: 1199px) {
    .rangam-home .rangam-hero-visual { min-height: 480px; }
    .rangam-home .rangam-open-card { left: 0; padding: 12px; gap: 8px; }
    .rangam-home .rangam-open-card > i { width: 32px; height: 32px; font-size: 20px; }
    .rangam-home .rangam-open-card strong { font-size: 15px; }
}
@media (max-width: 991px) {
    .rangam-home .hero.rangam-hero { padding: 52px 0 64px; }
    .rangam-home .rangam-hero-content > p { margin-left: auto; margin-right: auto; }
    .rangam-home .rangam-hero-visual { margin: 24px auto 0; }
}
@media (max-width: 575px) {
    .rangam-home .rangam-hero .rangam-hero-content h1 { font-size: clamp(30px, 8.8vw, 45px); }
    .rangam-home .rangam-hero-eyebrow { font-size: 9px; padding: 8px; letter-spacing: .05em; gap: 6px; }
    .rangam-home .rangam-hero-eyebrow span { width: 15px; }
    .rangam-home .rangam-hero-visual { min-height: 375px; }
    .rangam-home .rangam-hero-main { height: 78%; border-width: 5px; }
    .rangam-home .rangam-open-card { left: 0; bottom: 0; padding: 10px; }
    .rangam-home .rangam-open-card strong { font-size: 13px; }
    .rangam-home .rangam-open-card span { font-size: 9px; }
    .rangam-home .rangam-hero-trust { gap: 8px; }
}

/* Hospital identity card on About Us. */
.rangam-about-identity {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 28px;
    padding: 20px;
    border: 1px solid #d0e2e3;
    border-radius: 16px;
    background: linear-gradient(120deg, #ffffff, #eaf4f3);
    box-shadow: 0 8px 24px rgba(23,62,75,.055);
}
.rangam-about-identity > img { flex: 0 0 60px; width: 60px; height: 60px; object-fit: contain; border-radius: 50%; background: #ffffff; }
.rangam-about-identity-text { flex: 1 1 180px; }
.rangam-about-identity-text h3 { margin: 0 0 5px; color: #173e4b; font-size: 21px; font-weight: 700; }
.rangam-about-identity-text > span { color: #526973; font-size: 13px; }
.rangam-about-hours { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border-radius: 30px; background: #d8eeea; color: #215d55; font-size: 12px; font-weight: 700; white-space: nowrap; }
@media (max-width: 575px) {
    .rangam-about-identity { padding: 16px; gap: 12px; }
    .rangam-about-identity-text { flex-basis: 150px; }
    .rangam-about-identity-text h3 { font-size: 19px; }
}

/* Single-image hero composition. */
.rangam-home .hero.rangam-hero { padding: 64px 0 72px; min-height: auto; background: radial-gradient(ellipse at 90% 5%, #d3e8e9, transparent 50%), linear-gradient(120deg, #f7f8f3, #eaf3f3); }
.rangam-home .rangam-hero-content { padding-right: 12px; }
.rangam-home .rangam-hero-eyebrow { border: 0; padding: 0; background: none; letter-spacing: .12em; font-size: 11px; }
.rangam-home .rangam-hero .rangam-hero-content h1 { font-size: clamp(40px, 4.2vw, 64px); line-height: 1.13; }
.rangam-home .rangam-hero-content > p { color: #465d66; }
.rangam-care-portrait { position: relative; isolation: isolate; margin: 0 0 0 20px; height: 570px; overflow: hidden; border-radius: 120px 24px 24px 24px; box-shadow: 0 24px 60px rgba(23,62,75,.17); background: #173e4b; }
.rangam-care-portrait > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.rangam-care-portrait::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12,35,44,.08) 30%, rgba(12,35,44,.5) 65%, rgba(12,35,44,.96)); pointer-events: none; }
.rangam-care-status { position: absolute; top: 24px; right: 24px; z-index: 1; display: inline-flex; align-items: center; gap: 8px; padding: 11px 16px; background: #ffffff; color: #173e4b; border-radius: 30px; font-size: 12px; font-weight: 700; box-shadow: 0 6px 20px #173e4b20; }
.rangam-care-status i { color: #176b78; }
.rangam-care-portrait figcaption { position: absolute; bottom: 36px; left: 36px; right: 30px; z-index: 1; color: #ffffff; }
.rangam-care-portrait figcaption > span { display: block; color: #c8e8e8; letter-spacing: .13em; font-size: 10px; font-weight: 600; margin-bottom: 12px; }
.rangam-care-portrait figcaption strong { display: block; font-size: clamp(25px, 2.3vw, 34px); line-height: 1.25; font-weight: 600; letter-spacing: -.025em; }
.rangam-care-portrait figcaption a { display: inline-flex; align-items: center; gap: 18px; margin-top: 22px; padding-bottom: 5px; border-bottom: 1px solid #92b8bf; color: #ffffff; font-size: 14px; }
.rangam-care-portrait figcaption a:hover { color: #c8e8e8; }
.rangam-care-portrait figcaption a:focus-visible { outline: 2px solid #ffffff; outline-offset: 5px; }
@media (max-width: 1199px) { .rangam-care-portrait { height: 530px; margin-left: 0; } }
@media (max-width: 991px) { .rangam-care-portrait { max-width: 650px; height: 480px; margin: 0 auto; } .rangam-home .rangam-hero-content { padding-right: 0; } }
@media (max-width: 575px) {
    .rangam-home .hero.rangam-hero { padding: 42px 0 48px; }
    .rangam-home .rangam-hero .rangam-hero-content h1 { font-size: clamp(30px, 8.8vw, 45px); }
    .rangam-home .rangam-hero-eyebrow { font-size: 9px; letter-spacing: .04em; }
    .rangam-care-portrait { height: 420px; border-radius: 70px 18px 18px 18px; }
    .rangam-care-portrait figcaption { left: 24px; bottom: 26px; right: 24px; }
    .rangam-care-status { top: 18px; right: 18px; }
}

/* Logo red for the primary call actions. */
.floating-social-widget .call-btn,
.rangam-call-link > i,
.rangam-footer-call > i {
    background: #f31524;
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(243,21,36,.2);
}

/* Photograph in the homepage appointment panel. */
.home-contact-form .contact-appointment-photo { padding: 0; position: relative; overflow: hidden; min-height: 440px; justify-content: flex-end; }
.home-contact-form .contact-appointment-photo .appointment-img { position: absolute; inset: 0; margin: 0; }
.home-contact-form .contact-appointment-photo .appointment-img img { width: 100%; height: 100%; max-width: none; object-fit: cover; filter: none; opacity: 1; }
.home-contact-form .contact-appointment-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14,42,52,.05) 25%, rgba(14,42,52,.92) 100%); pointer-events: none; }
.home-contact-form .contact-appointment-photo .appointment-content { position: relative; z-index: 1; padding: 36px 28px; }
.home-contact-form .contact-appointment-photo .appointment-content h3 { color: #ffffff; text-align: left; font-size: 27px; }
@media (max-width: 767px) {
    .home-contact-form .contact-appointment-photo { min-height: 340px; }
    .home-contact-form .contact-appointment-photo .appointment-img img { object-position: center 45%; }
}