.section-with-image-text {
    display: flex;
    align-items: center;
    justify-content: space-between; /* left img left, right img right, text center */
    gap: 20px;
    padding: 20px;
    flex-wrap: wrap; /* allows wrapping on smaller screens */
}
.section-with-image-text {
    flex-wrap: nowrap !important;
}
@media (max-width: 2000px) {
    .section-with-image-text {
        flex-wrap: nowrap !important; /* stops breaking at 150% zoom */
    }
    
}
/* Approx zoom 150% on desktop screens */
@media (max-width: 1400px) and (min-width: 900px) {
    .custom-image.left-img {
        margin-left: 156px !important;
    }

    .custom-image.right-img {
        margin-right: 156px !important;
    }
    .custom-navbar a, .custom-navbar .dropdown > a {
    
    padding: 7px 9px;
    }
}

.custom-image img {
    /* max-width: 100%; */
    height: auto;
    border-radius: 6px;
}

/* Center text styling */
.center-text {
    flex: 1;
    text-align: center;
    color: #bc0000;
}

/* Desktop: spacing for left and right images */
/* Mobile / small screens — no left margin */
.custom-image.left-img {
    margin-left: 0;
}

/* Desktop / large screens only */
@media (min-width: 992px) {
    .custom-image.left-img {
        margin-left: 234px;
    }
}
/* Default: visible on all screens */
.custom-image.right-img {
    display: block; /* or whatever display you need */
}

/* Hide on mobile / small screens */
@media (max-width: 767px) {
    .custom-image.right-img {
        display: none;
    }
}


.custom-image.right-img {
    margin-right: 234px;
}

/* Desktop fonts */
.section-with-image-text .center-text h1 {
    font-size: 40px;
       /* padding-left: 3rem;
    padding-right: 3rem; */
        font-family: Georgia, serif;
}

.section-with-image-text .center-text p {
    font-size: 16px;
    margin-top: -1rem;
    font-weight: bold;
    color: #bc0000;
}

/* Mobile view */
@media (max-width: 768px) {
    .center-text {
        width: calc(100% - 110px); /* adjust to left image width */
        text-align: left;
        margin: 0;
    }

    .section-with-image-text .center-text h1 {
        font-size: 20px;
        line-height: 1.3;
        margin: 0;
    }

    .section-with-image-text .center-text p {
        font-size: 14px;
        line-height: 1.3;
        margin-top: 4px;
    }

    .welcome-main {
        font-size: 16px !important;
        margin-top: 0 !important;
    }

    .welcome-to {
        font-size: 16px !important;
               margin-top: -9px !important;
       margin-bottom: 1px;
                margin-left: 4rem;
    }
}

/* Fix: Language buttons should be clickable even in mobile */
.language-selector {
    position: relative;
    z-index: 99999 !important;
}

/* Prevent mobile menu overlay from capturing clicks */
.side-bar-menu {
    pointer-events: auto;
}

/* Prevent menu toggle from overlapping language selector */
span.lines.header-menu {
    position: relative;
    z-index: 1;
}


/* 1) Reliable hide class (direct JS approach) */
.language-selector.hide-on-menu {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* 2) Smooth fade (optional) */
.language-selector {
  transition: opacity 180ms ease, transform 180ms ease;
}

/* 3) Sibling selector fallback — hides language selector when #nav-menu has .active
   This is useful if JS fails or class is toggled only on #nav-menu. */
#nav-menu.active ~ .language-selector {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}