/* Keep header/nav above content so nav links stay clickable (e.g. over hero) */
#header,
#navbar,
#navbar-mobile {
    position: relative;
    z-index: 1020;
}
.nav-guest-link {
    cursor: pointer;
}

/* Hero slider: overlay (Care for your smile + CTA) always on left, above carousel */
#hero {
    position: relative;
}
/* Prevent carousel from scrolling the page: contain height and overflow */
#hero .carousel {
    height: 100%;
    overflow: hidden;
    touch-action: pan-x;
}
#hero .carousel-inner {
    height: 100%;
    overflow: hidden;
}
#hero .carousel-item {
    height: 100%;
}
#hero .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#hero .container {
    position: absolute !important;
    left: 6% !important;
    top: 40% !important;
    right: auto !important;
    z-index: 2;
}
@media screen and (max-width: 425px) {
    #hero .container {
        left: 6% !important;
        right: auto !important;
    }
}

/* Apply form (#apply-now): labels align right when page direction is RTL */
html[dir="rtl"] #form-wrapper .apply-wrapper form .form-label,
html[dir="rtl"] #form-wrapper #apply-now form .form-label {
    text-align: right;
}

/* Photo upload slots: ensure placeholder icons and preview images are visible */
#form-wrapper .apply-wrapper form .uploads img {
    min-height: 100px;
    max-height: 180px;
    object-fit: contain;
}

#working-hours-booking {
    background: #0E54AE;
    color: #fff;
}
#working-hours-booking .text-info {
    color: rgba(255, 255, 255, 0.9) !important;
}
#working-hours-booking h2 {
    color: #fff;
}
#working-hours-booking .working-hours-list,
#working-hours-booking .booking-form-wrapper {
    min-height: 200px;
    background: #fff !important;
    color: #333;
}
#working-hours-booking .working-hours-list .text-muted {
    color: #6c757d !important;
}

#working-hours-booking .btn-check-availability {
    width: 100%;
    padding: 14px 24px;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #fff;
    background: linear-gradient(135deg, #0a3d7a 0%, #0E54AE 100%);
    border: none;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
}
#working-hours-booking .btn-check-availability:hover {
    color: #fff;
    background: linear-gradient(135deg, #0E54AE 0%, #0a3d7a 100%);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
    transform: translateY(-2px);
}
#working-hours-booking .btn-check-availability:active {
    transform: translateY(0);
}

select {
    width: 200px; /* set the width of the select element */
}

select option {
    width: 100%; /* set the width of the options to 100% of the select element's width */
    box-sizing: border-box; /* include padding and border in the width */
}

.footer-text-sm {
    font-size: 18px;
}
.mt-container-contact{
    margin-top: 7rem;
}
#about-us {

    background-size: 49%;
}
/*.footer-left{*/
/*    padding-left: 15rem;*/
/*}*/
.underline {
    position: relative; /* create a positioning context */
    font-size: 3rem;
}

.underline::after {
    content: ""; /* create an empty content */
    position: absolute; /* position the underline relative to the span */
    left: 19%; /* position the underline at the middle of the span */
    bottom: -0.15em; /* adjust the distance of the underline from the text */
    width: 47%; /* set the width of the underline */
    border-bottom: 3px solid #000;
    font-size: 1px;
}
.wrapper {
    width: 60%;
    margin: auto;
}

h1 {
    margin-bottom: 20px;
}

.containerr {
    background-color: #eee;

    color: black;
    border-radius: 8px;
    box-shadow: 0 5px 10px 0 rgb(0,0,0,0.25);
    margin: 20px 0;
}

.question {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 20px 80px 20px 20px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.question::after {
    content: "\002B";
    font-size: 2.2rem;
    position: absolute;
    right: 20px;
    transition: 0.2s;
}

.question.active::after {
    transform: rotate(45deg);
}

.answercont {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
}
.text-header-contact-us{
    font-size: 35px
}
.answer {
    padding: 0 20px 20px;
    line-height: 1.5rem;
}

.question.active + .answercont {
}

@media screen and (max-width: 790px){
    html {
        font-size: 14px;
    }
    .wrapper {
        width: 80%;
        margin: auto;
    }
}

@media (max-width: 600px) {

    .custom-separator-line {
        display: block;
        margin: auto;
    }

    .footer-text-center {

        text-align: center !important;
    }

    #footer .copyright a {
        font-size: 11px;
        color: #eee;
        text-decoration: none;
    }

    .text-center-sm {
        text-align: center;
    }
    .footer-left{
        padding-left: 0 !important;
    }

    .mobile-device-hidden{
        display: none !important;
    }

    .text-header-contact-us{
        font-size: 29px
    }
    .text-p-header-contact-us{
        font-size: 10px
    }

    .mb-sm-card-left-contact{
        margin-bottom: 3rem;
    }
    .mt-container-contact{
        margin-top: 6rem;
    }

}

/* Visitor location/analytics consent bar */
.visitor-consent-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    background: rgba(30, 30, 30, 0.97);
    color: #fff;
    padding: 0.75rem 1rem;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.2);
}
.visitor-consent-bar-inner {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}
.visitor-consent-bar-text {
    margin: 0;
    font-size: 0.9rem;
    flex: 1 1 280px;
}
.visitor-consent-bar-actions {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}
.visitor-consent-bar-actions .btn {
    white-space: nowrap;
}
.visitor-consent-bar-actions .btn-outline-secondary {
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
}
.visitor-consent-bar-actions .btn-outline-secondary:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.7);
    color: #fff;
}