/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/



/* Keep every hero caption readable on phones. */
@media (max-width: 575.98px) {
    #slider.swiper_wrapper { min-height: 480px !important; }
    #slider .slider-caption { padding: 24px 0; }
    #slider .slider-caption h2 { font-size: clamp(26px, 7vw, 36px); line-height: 1.15; letter-spacing: 1px; }
    #slider .slider-caption p { font-size: 16px; line-height: 1.5; margin-top: 20px; }
}

/* Keep the first slide services clear over the home-care photograph. */
#slider .slider-caption .home-care-services,
#slider .slider-caption .slide-text-panel {
    display: inline-block;
    padding: 24px 28px;
    background: rgba(255, 255, 255, 0.92);
    border-left: 4px solid #1abc9c;
    border-radius: 4px;
    color: #222;
    font-weight: 700;
    line-height: 1.6;
    margin: 0;
}
@media (max-width: 575.98px) {
    #slider .slider-caption .home-care-services,
#slider .slider-caption .slide-text-panel { padding: 18px; }
}

#slider .home-care-services { list-style: none; font-size: 1.5rem; }
#slider .home-care-services li { position: relative; padding-left: 22px; }
#slider .home-care-services li + li { margin-top: 8px; }
#slider .home-care-services li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.65em;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #1abc9c;
}
@media (max-width: 991.98px) {
    #slider .home-care-services { font-size: clamp(16px, 2.6vw, 24px); }
}

#slider .slider-caption .slide-text-panel { font-size: 1.5rem; }
@media (max-width: 991.98px) {
    #slider .slider-caption .slide-text-panel { font-size: clamp(16px, 2.6vw, 24px); }
}

/* Comfortable body contrast and email sizing on narrow screens. */
#content .fbox-content p { color: #555; font-weight: 400; }
#footer .footer-email {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.5;
    overflow-wrap: anywhere;
    word-wrap: break-word;
}
#page-title .contact-email {
    font-size: 18px;
    overflow-wrap: anywhere;
    word-wrap: break-word;
}