/* Theme override: Bootstrap primary button */
.btn-primary{
  background-color: var(--btn-primary-bg, var(--theamColor)) !important;
  border-color: var(--btn-primary-bg, var(--theamColor)) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
  background-color: var(--btn-primary-hover-bg, var(--theamActiveColor)) !important;
  border-color: var(--btn-primary-hover-bg, var(--theamActiveColor)) !important;
}

.btn-primary:focus{
  box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.12) !important;
}

/* Theme override: shop sidebar search input */
.shop-sidebar .sidebar-search .search-form .form-group input[type=search]{
  background-color: var(--shop-search-input-bg, #cedceb) !important;
}

/* Theme override: form controls */
.form-control{
  background-color: var(--form-control-bg, #eaedf5) !important;
  border-color: var(--form-control-border, #d7dde3) !important;
}

/* Theme override: alert-info */
.alert-info{
  color: var(--alert-info-text, #055160) !important;
  background-color: var(--alert-info-bg, #cff4fc) !important;
  border-color: var(--alert-info-border, #b6effb) !important;
}

/* Theme override: advanced search background */
.advanced-search-background{
  background-color: var(--advanced-search-bg, #e1ebf5) !important;
  border-color: var(--advanced-search-border, #dddddd) !important;
}

/* Theme override: left sidebar */
.sidebar-left{
  background-color: var(--sidebar-left-bg, #e1ebf5) !important;
}

/* Theme override: sidebar service list links */
.sidebar-service-list li a{
  background-color: var(--sidebar-service-link-bg, #e1ebf5) !important;
}

/* Theme override: Bootstrap bg-light */
.bg-light{
  background-color: var(--bg-light-bg, #e1ebf5) !important;
}

/* Theme override: soft card headers */
.contact-soft-card-header,
.form-soft-card-header{
  background: linear-gradient(
    to right,
    var(--soft-card-header-grad-start, #d3e5f7),
    var(--soft-card-header-grad-end, #e1ebf5)
  ) !important;
  border-bottom: 1px solid var(--soft-card-header-border, #d3e5f7) !important;
}

/* Theme override: sidebar search input */
.sidebar__search-form input[type=search]{
  background-color: var(--sidebar-search-input-bg, #174a74) !important;
}

/* Theme override: category box */
.category-box{
  background-color: var(--category-box-bg, #e1ebf5) !important;
  border-color: var(--category-box-border, #dddddd) !important;
}

/* Theme override: search inputs */
.form-control-search,
.input-text{
  background-color: var(--search-input-bg, #93b2cd) !important;
  border-color: var(--search-input-border, #ffffff) !important;
}
/* Theme override: cart count badge */
.cart-count{
  background: var(--cart-count-bg, #174a74) !important;
}

/* Theme override: header social icons */
.list-style-one li a,
.list-style-one li a i{
  color: var(--header-social-color, var(--theamHoverColor)) !important;
}

.list-style-one li a:hover,
.list-style-one li a:hover i{
  color: var(--header-social-hover-color, var(--theamActiveColor)) !important;
}
/* Theme override: wishlist heart (must beat list-style-one rules) */
.list-style-one li a .wishlist-heart{
  color: var(--wishlist-heart-color, #ff4081) !important;
}

.list-style-one li a:hover .wishlist-heart{
  color: var(--wishlist-heart-hover-color, #e91e63) !important;
}

/* Theme: cart icon uses header social colour */
.cart-btn a .fa-shopping-cart{
  color: var(--header-social-color, var(--theamHoverColor)) !important;
}

.cart-btn a:hover .fa-shopping-cart{
  color: var(--header-social-hover-color, var(--theamActiveColor)) !important;
}

.header-lower { 
  background: var(--theamMenuColor) !important;
}
.sticky-header {
  background: var(--theamMenuColor) !important;
}
.nav.main-menu .navigation > li > a {
  color: var(--theamHoverColor) !important;
}
.nav.main-menu .navigation > li:hover > a,
.nav.main-menu .navigation > li.current > a,
.nav.main-menu .navigation > li > a:focus {
  color: var(--theamActiveColor) !important;
}
.nav.main-menu .navigation > li > ul > li > a {
  color: var(--theamHoverColor) !important;
}
.nav.main-menu .navigation > li > ul > li > a:hover,
.nav.main-menu .navigation > li > ul > li.current > a {
  color: var(--theamActiveColor) !important;
}
.sticky-header .nav.main-menu .navigation > li > a {
  color: var(--theamHoverColor) !important;
}
.sticky-header .nav.main-menu .navigation > li:hover > a,
.sticky-header .nav.main-menu .navigation > li.current > a,
.sticky-header .nav.main-menu .navigation > li > a:focus {
  color: var(--theamActiveColor) !important;
}


/* Theme override: shop sidebar search button */
.shop-sidebar .sidebar-search .search-form .form-group button{
  background-color: var(--shop-search-button-bg, #174a74) !important;
  border-color: var(--shop-search-button-bg, #174a74) !important;
}
 @media (max-width: 767.98px){
  .tabs-scroll{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    white-space:nowrap;
  }
  .tabs-scroll .nav-item{ flex:0 0 auto; }
  .tabs-scroll .nav-link{ white-space:nowrap; }
}

/* =========================
   HOME POLL (moved from Blade)
   ========================= */
.poll-counter{
  min-width: 70px;
  text-align: center;
  user-select: none;
}

.poll-fade-in {
    opacity: 0;
    transform: translateY(5px);
    transition: opacity .5s ease, transform .5s ease;
}
.poll-fade-in.poll-visible {
    opacity: 1;
    transform: translateY(0);
}

.poll-animate-bar {
    transition: width 0.7s ease;
}

.poll-checkmark {
    font-size: 1rem;
    color: #28a745;
    font-weight: bold;
    opacity: 0;
    animation: pollCheck .6s forwards ease-out;
}

@keyframes pollCheck {
    from { opacity: 0; transform: scale(0.3); }
    to   { opacity: 1; transform: scale(1); }
}

/* Card facelift */
.home-polls-section .poll-card {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 18px rgba(0, 0, 0, 0.10);
    border: 0;
    background: #ffffff;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.home-polls-section .poll-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 18px rgba(0, 0, 0, 0.14);
}
.home-polls-section .poll-card img.card-img-top {
    max-height: 200px;
    object-fit: cover;
}

/* Carousel style row */
.poll-carousel-track {
    overflow-x: auto;
    scroll-behavior: smooth;
}
.poll-carousel-track::-webkit-scrollbar {
    height: 6px;
}
.poll-carousel-track::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    border-radius: 3px;
}

/* Slides */
.poll-slide {
    flex: 0 0 100%;
    max-width: 100%;
}
/* Default: mobile = 1 per view */
.poll-slide {
    flex: 0 0 100%;
    max-width: 100%;
}

.btn-light {
    background-color: #f7ecb3 !important;
    border-radius: 20px !important;
    
}
/* Hide poll counter on desktop */
@media (min-width: 1025px) {
  .poll-counter {
    display: none !important;
  }
}

/* Tablet+: base carousel sizing */
/* ================= MOBILE ================= */
@media (max-width: 767.98px) {
  .poll-carousel-track{
    scroll-snap-type: x mandatory;
    scroll-behavior: auto;
    -webkit-overflow-scrolling: touch;
  }

  .poll-carousel-track .poll-slide{
    scroll-snap-align: center;
  }
}

/* ================= TABLET ================= */
@media (min-width: 768px) and (max-width: 1024.98px) {
  .poll-carousel-track{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .poll-carousel-track .poll-slide{
    flex: 0 0 60%;
    max-width: 60%;
    scroll-snap-align: start;
  }

  /* One poll */
  .home-polls-section.polls-count-1 .poll-carousel-track .poll-slide{
    flex: 0 0 70%;
    max-width: 70%;
  }

  /* Two polls */
  .home-polls-section.polls-count-2 .poll-carousel-track .poll-slide{
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* ================= DESKTOP ================= */
@media (min-width: 1025px) {
  .poll-carousel-track{
    overflow: visible;
    scroll-snap-type: none;
  }

  .poll-carousel-track .poll-slide{
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}

/* Tablet: 1 and 2 poll special cases */
@media (min-width: 768px) and (max-width: 1024.98px) {
    .home-polls-section.polls-count-1 .poll-carousel-track .poll-slide{
        flex: 0 0 70%;
        max-width: 70%;
    }

    .home-polls-section.polls-count-2 .poll-carousel-track .poll-slide{
        flex: 0 0 50%;
        max-width: 50%;
    }
}


/* Tablet: if only 1 poll, make it wider */
@media (min-width: 768px) and (max-width: 1024.98px) {
  .home-polls-section.polls-count-1 .poll-carousel-track .poll-slide{
    flex: 0 0 70%;
    max-width: 70%;
  }

  /* Optional: if 2 polls, use 50% each */
  .home-polls-section.polls-count-2 .poll-carousel-track .poll-slide{
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Share button */
.poll-share-btn {
    font-size: 0.8rem;
}

/* Progress bar styles (from admin "style" dropdown) */
.poll-style-1 { /* classic solid */
    border-radius: 999px;
}
.poll-style-2 { /* slightly thicker with soft shadow */
    border-radius: 999px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15) inset;
}
.poll-style-3 { /* striped */
    border-radius: 999px;
    background-image: repeating-linear-gradient(
        45deg,
        rgba(255,255,255,0.4),
        rgba(255,255,255,0.4) 5px,
        transparent 5px,
        transparent 10px
    );
}

/* Progress bar colour themes (from admin progress_theme dropdown) */
.poll-color-default {
    background: #0d6efd !important; /* Bootstrap primary blue as default */
}
.poll-color-primary {
    background: linear-gradient(90deg, #3b82f6, #2563eb) !important; /* blue */
}
.poll-color-success {
    background: linear-gradient(90deg, #22c55e, #16a34a) !important; /* green */
}
.poll-color-warning {
    background: linear-gradient(90deg, #fbbf24, #f59e0b) !important; /* gold/orange */
}
/* Smooth “lock to card” snapping for swipe */
@media (min-width: 768px) {
  .poll-carousel-track {
    scroll-snap-type: x mandatory;
    scroll-padding-left: 12px;
  }

  .poll-carousel-track .poll-slide {
    scroll-snap-align: start;
  }
}
@media (min-width: 768px) {
  .poll-carousel-track { gap: 16px; }
  .poll-carousel-track.row { margin-left: 0; margin-right: 0; }
  .poll-carousel-track > [class*="col-"] { padding-left: 0; padding-right: 0; }
}
/* Mobile: snap each poll to the centre so it doesn’t overshoot */
@media (max-width: 767.98px) {
  .poll-carousel-track{
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-padding-left: 12px;
    scroll-padding-right: 12px;
  }

  .poll-carousel-track .poll-slide{
    scroll-snap-align: center;
  }
}
@media (max-width: 767.98px) {
  .poll-carousel-track{
    scroll-behavior: auto;
  }
}
        /* =========================
           PROMO (ONE FILE)
           ========================= */

        .promo-services {
            position: relative;
            overflow: hidden;
            padding: 80px 0;
        }

        .promo-services__bg {
            position: absolute;
            inset: 0;
            background-position: center;
            background-size: cover;
            opacity: 0.22;
            transform: scale(1.03);
            filter: saturate(1.05);
            pointer-events: none;
        }

        .promo-services__overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(255,255,255,0.86) 0%, rgba(255,255,255,0.94) 55%, rgba(255,255,255,0.98) 100%);
            pointer-events: none;
        }

        .promo-services .auto-container,
        .promo-services__outer {
            position: relative;
            z-index: 1;
        }

        .promo-services__outer {
            border-radius: 22px;
            padding: 40px 22px 16px;
            background: rgba(255,255,255,0.55);
            backdrop-filter: blur(6px);
            border: 1px solid rgba(0,0,0,0.06);
            box-shadow: 0 18px 60px rgba(0,0,0,0.06);
        }

        .promo-services__title .sub-title {
            display: inline-block;
            padding: 6px 12px;
            border-radius: 999px;
            background: rgba(0,0,0,0.05);
        }

        .promo-services__motto {
            margin-top: 12px;
            margin-bottom: 10px;
        }

        .promo-services__desc {
            max-width: 760px;
            margin: 0 auto 18px;
            opacity: 0.9;
        }

        .promo-services__strip {
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 10px;
        }

        .promo-services__chip {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 12px;
            border-radius: 999px;
            background: rgba(255,255,255,0.75);
            border: 1px solid rgba(0,0,0,0.07);
            box-shadow: 0 10px 24px rgba(0,0,0,0.05);
            font-size: 0.92rem;
        }

        .promo-services__row {
            margin-top: 18px;
        }

        .promo-services__col {
            margin-bottom: 22px;
        }

        .promo-card {
            height: 100%;
            border-radius: 18px;
            overflow: hidden;
            background: rgba(255,255,255,0.92);
            border: 1px solid rgba(0,0,0,0.07);
            box-shadow: 0 14px 34px rgba(0,0,0,0.08);
            transform: translateY(0);
            transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
        }

        .promo-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 18px 48px rgba(0,0,0,0.14);
            border-color: rgba(0,0,0,0.10);
        }

        .promo-card__media {
            position: relative;
            display: block;
            aspect-ratio: 16 / 9;
            overflow: hidden;
        }

        .promo-card__media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: scale(1);
            transition: transform 320ms ease;
        }

        .promo-card:hover .promo-card__media img {
            transform: scale(1.06);
        }

        .promo-card__mediaOverlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.12) 60%, rgba(0,0,0,0.24) 100%);
            opacity: 1;
        }

        .promo-card__badge {
            position: absolute;
            top: 12px;
            right: 12px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 7px 10px;
            border-radius: 999px;
            font-size: 0.86rem;
            background: rgba(255,255,255,0.90);
            border: 1px solid rgba(0,0,0,0.10);
            box-shadow: 0 12px 26px rgba(0,0,0,0.16);
        }

        .promo-card__badge.is-popular { }
        .promo-card__badge.is-recommended { }
        .promo-card__badge.is-new { }

        .promo-card__body {
            padding: 18px 18px 16px;
        }

        .promo-card__title {
            margin: 0 0 10px;
            font-size: 1.15rem;
            line-height: 1.25;
        }

        .promo-card__title a {
            text-decoration: none;
        }

        .promo-card__text {
            margin: 0 0 14px;
            opacity: 0.88;
            line-height: 1.55;
        }

        .promo-card__actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
        }

        .promo-card__btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 10px 14px;
            border-radius: 12px;
            border: 1px solid rgba(0,0,0,0.10);
            background: rgba(0,0,0,0.04);
            text-decoration: none;
            transition: transform 200ms ease, background 200ms ease, border-color 200ms ease;
        }

        .promo-card__btn:hover {
            transform: translateY(-1px);
            background: rgba(0,0,0,0.06);
            border-color: rgba(0,0,0,0.14);
        }

        .promo-card__meta {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 0.92rem;
            opacity: 0.8;
            padding: 6px 0;
        }

        /* Simple reveal animation (no library needed) */
        .js-promo-card {
            opacity: 0;
            transform: translateY(12px);
            transition: opacity 420ms ease, transform 420ms ease;
        }

        .js-promo-card.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        @media (max-width: 991px) {
            .promo-services {
                padding: 60px 0;
            }

            .promo-services__outer {
                padding: 28px 16px 6px;
                border-radius: 18px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .promo-card,
            .promo-card__media img,
            .promo-card__btn,
            .js-promo-card {
                transition: none !important;
            }

            .promo-card:hover {
                transform: none;
            }

            .promo-card:hover .promo-card__media img {
                transform: none;
            }
        }
        
        /* =========================
         SERVICES (ONE FILE)
         ========================= */
         

.package-block-two .content-box {
    border: 0px solid rgba(var(--theme-color-dark-rgb), 0.1);
}

.packages-section-two {
    background-color: #fffaf1;
}

.home-services-wrap{
    position: relative;
}

.home-services-left .sec-title h2{
    margin-bottom: 14px;
}

.home-services-left .info-box{
    border-radius: 18px;
    background: rgba(255,255,255,0.75);
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 18px 45px rgba(0,0,0,0.06);
    padding: 20px 20px;
}

.home-services-left .info-box h5{
    font-size: 15px;
    line-height: 1.65;
    color: rgba(0,0,0,0.70);
    margin-bottom: 16px;
}

/* Carousel item spacing */
.home-services-carousel .item{
    padding: 10px 10px 20px;
}

/* Card */
.home-service-card{
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    background: #e9e7e3;
    box-shadow: 0 16px 22px rgba(0,0,0,0.12);
    transform: translateY(0);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

/* Image box */
.home-service-card .image-box{
    position: relative;
    height: 300px;
    overflow: hidden;
}

.home-service-card .image-box .image{
    margin: 0 !important;
}

.home-service-card .image-box img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform 0.55s ease;
    display: block;
}

/* Overlay gradient so text reads well */
.home-service-card .image-box:after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(to top, rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.30) 35%, rgba(0,0,0,0.00) 70%);
    pointer-events:none;
}

/* Content sits over the image */
.home-service-card .content-box{
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;

    padding: 28px 18px 18px 18px;
    text-align: left !important;
    z-index: 2;
    box-sizing: border-box !important;
}
.home-service-card,
.home-service-card .inner-box,
.home-service-card .image-box,
.home-service-card figure.image,
.home-service-card figure.image a{
    width: 100% !important;
    max-width: 100% !important;
}


.package-block-two .inner-box .image-box {
    width: 100% !important;
}

/* Title */
.home-service-card .name{
    margin: 0 0 0px !important;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.25;
}

.home-service-card .name a{
    color: rgba(255,255,255,0.96) !important;
    text-decoration: none !important;
}

.home-service-card .name a:hover{
    text-decoration: underline !important;
}

/* Short description clamp */
.home-service-card .price{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-right: 0 !important;
    color: rgba(255,255,255,0.82) !important;
    font-size: 13px;
    line-height: 1.55;
}

/* View details pill */
.home-service-pill{
    position: absolute;
    right: 14px;
    bottom: 14px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.82);
    border: 0px solid rgba(255,255,255,0.9);
    box-shadow: 0 12px 18px rgba(0,0,0,0.18);
    color: rgba(0,0,0,0.78);
    font-weight: 900;
    font-size: 13px;
    text-decoration: none !important;
    transform: translateY(8px);
    opacity: 0;
    transition: opacity 0.22s ease, transform 0.22s ease;
}

.home-service-pill i{
    color: rgba(250,231,194,0.92);
}

/* Hover behaviour (override your theme hover without breaking it) */
.home-service-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 28px 40px rgba(0,0,0,0.16);
}

.home-service-card:hover .image-box img{
    transform: scale(1.07);
}

.home-service-card:hover .home-service-pill{
    opacity: 1;
    transform: translateY(0);
}

/* Keep your existing structure but neutralise the old "bottom highlight" feel */
.packages-section-two .package-block-two .inner-box.equal-service-box{
    background: #fffaf1 !important;
}

/* Responsive */
@media (max-width: 991px){
    .home-service-card .image-box{
        height: 200px;
    }
    .home-service-card .image-box img{
        height: 200px;
    }
}

        /* =========================
         Updates (ONE FILE)
         ========================= */

.home-updates-modern {
  position: relative;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 70px;
}

.home-updates-modern .bg.bg-image,
.home-updates-modern .bg.bg-image2 {
  opacity: 0.12;
  filter: blur(0px);
}

.home-updates-modern::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

.home-updates-modern .outer-box{
  position: relative;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.82);
  backdrop-filter: blur(10px);
  box-shadow: 0 22px 60px rgba(0,0,0,0.08);
  padding: 18px 14px 18px 22px;
}


.home-updates-modern .sec-title h2{
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.15;
  margin-bottom: 12px;
}

.home-updates-modern .text{
  font-size: 16px;
  line-height: 1.65;
  opacity: 0.92;
}

.home-updates-modern .updates-stats{
  margin-top: 18px;
}

.home-updates-modern .counter-block .inner{
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.75);
  padding: 14px 12px;
  height: 100%;
  transition: transform .18s ease, box-shadow .18s ease;
}

.home-updates-modern .counter-block .inner:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.08);
}

.home-updates-modern .count-box{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.home-updates-modern .count-box .icon-bg{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,193,7,0.22);
  color: #8a6a00;
}

.home-updates-modern .count-text{
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -0.02em;
}

.home-updates-modern .counter-title{
  margin: 0;
  font-size: 13px;
  opacity: 0.85;
}

.home-updates-modern .updates-panel{
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.92);
  padding: 18px;
  box-shadow: 0 16px 45px rgba(0,0,0,0.06);
}

.home-updates-modern .latest-item{
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.08);
  background: #fff;
  transition: transform .18s ease, box-shadow .18s ease;
}

.home-updates-modern .latest-item:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 26px rgba(0,0,0,0.10);
}

.home-updates-modern .latest-item img{
  width: 100%;
  height: 230px;
  object-fit: cover;
  display: block;
}

.home-updates-modern .latest-item .latest-media{
  position: relative;
}

.home-updates-modern .latest-item .latest-overlay-btn{
  position: absolute;
  right: 14px;
  bottom: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 13px;
  background: rgba(255,235,0,1);
  color: #000;
  border: 1px solid rgba(255,255,255,0.22);
  box-shadow: 0 12px 26px rgba(0,0,0,0.20);
  text-decoration: none;
}

.home-updates-modern .latest-item .latest-overlay-btn:hover{
  background: rgba(7,32,155,0.92);
  color: #fff;
  text-decoration: none;
}


.home-updates-modern .latest-item h4{
  font-size: 18px;
  margin: 14px 14px 8px;
  line-height: 1.25;
}

.home-updates-modern .latest-item p{
  margin: 0 14px 14px;
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.9;
  min-height: 54px;
}

.home-updates-modern .latest-item .btn{
  margin: 0 14px 16px;
  border-radius: 18px;
  padding: 10px 14px;
  font-weight: 700;
  color: #000;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(255,235,0,1);
}

.home-updates-modern .latest-item .btn:hover{
  background: rgba(255,235,0,1);
}

.home-updates-modern .updates-header .badge{
  border-radius: 999px;
  padding: .45rem .85rem;
}

.home-updates-modern .updates-topbar{
  margin-bottom: 16px;
}

.home-updates-modern .updates-label{
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #7a7a7a;
}

.home-updates-modern .updates-calendar-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  background: rgba(0,0,0,0.04);
  border: 1px solid rgba(0,0,0,0.08);
  color: #222;
  transition: all .18s ease;
}

.home-updates-modern .updates-calendar-btn:hover{
  background: rgba(255,193,7,0.25);
  text-decoration: none;
}
.counter-block .count-box {
    background-color: #2c41aa !important;
}
/* Keep panel pushed right on desktop, normal on mobile */
.home-updates-modern .updates-panel-wrap{
  margin-left: auto;
  margin-right: 0;
}

@media (max-width: 991px){
  .home-updates-modern .updates-panel-wrap{
    margin-left: 0;
    margin-right: 0;
    max-width: 100% !important;
    width: 100%;
  }
}

        /* =========================
         Welcome (ONE FILE)
         ========================= */
  .home-welcome-section {
      position: relative;
      overflow: hidden;
  }

.home-welcome-section .outer-box{
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
}

.home-welcome-section .auto-container{
    padding-top: 40px;
    padding-bottom: 40px;
}

  @media (max-width: 991px){
      .home-welcome-section .outer-box{
          padding: 16px;
      }
  }

  .home-welcome-section .welcome-content-panel{
      border-radius: 18px;
      border: 1px solid rgba(0,0,0,0.08);
      background: rgba(255,255,255,0.80);
      padding: 18px;
  }

  @media (max-width: 991px){
      .home-welcome-section .welcome-content-panel{
          padding: 14px;
      }
  }

  .home-welcome-section .sec-title h1{
      line-height: 1.12;
  }

.home-welcome-section .welcome-image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 0;
}

  .home-welcome-section .welcome-image-wrapper .welcome-image-skeleton {
      position: absolute;
      inset: 0;
      border-radius: 16px;
      background: linear-gradient(90deg, {{ $homepage->welcome_bg_from ?: '#e5e7eb' }} 0%, {{ $homepage->welcome_bg_to ?: '#f3f4f6' }} 40%, {{ $homepage->welcome_bg_from ?: '#e5e7eb' }} 80%);
      background-size: 200% 100%;
      animation: welcomeSkeletonShimmer 1.4s ease-in-out infinite;
      z-index: 1;
  }

  .home-welcome-section .welcome-image-wrapper img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: opacity 0.35s ease;
  }

  .home-welcome-section .welcome-image-wrapper.welcome-image-loaded img {
      opacity: 1;
  }

  .home-welcome-section .welcome-image-skeleton--hidden {
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease;
  }

  @keyframes welcomeSkeletonShimmer {
      0% { background-position: -200% 0; }
      100% { background-position: 200% 0; }
  }

 /* @media (min-width: 768px){
      .home-welcome-section .welcome_image {
          margin-left: -25px !important;
      }
  } */

  /* ===== Read more clamp ===== */
  .home-welcome-section .welcome-wording-wrap{
      margin-top: 10px;
  }

  .home-welcome-section .welcome-wording{
      font-size: 16px;
      line-height: 1.7;
      opacity: 0.95;
  }

  .home-welcome-section .welcome-wording.is-collapsed{
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 15; /* default desktop clamp */
  }

  @media (max-width: 575px){
      .home-welcome-section .welcome-wording.is-collapsed{
          -webkit-line-clamp: 10; /* slightly shorter on small screens */
      }
  }

  .home-welcome-section .welcome-toggle-row{
      margin-top: 10px;
      display: none;
      align-items: center;
      gap: 10px;
  }

  .home-welcome-section .welcome-toggle-row.is-visible{
      display: flex;
  }

  .home-welcome-section .welcome-toggle-btn{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: 40px;
      padding: 8px 14px;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 700;
      background: rgba(0,0,0,0.04);
      border: 1px solid rgba(0,0,0,0.08);
      color: #222;
      transition: all .18s ease;
      cursor: pointer;
  }

  .home-welcome-section .welcome-toggle-btn:hover{
      background: rgba(255,193,7,0.22);
      text-decoration: none;
  }

  .home-welcome-section .welcome-signature{
      margin-top: 14px;
  }

  .home-welcome-section .welcome-signature img{
      max-width: 220px;
      height: auto;
  }

  /* ===== Adverts title tidy ===== */
  .home-welcome-section .welcome-adverts-title{
      margin-top: 18px;
      margin-bottom: 10px;
      padding: 12px 14px;
      border-radius: 14px;
      border: 1px solid rgba(0,0,0,0.08);
      background: rgba(255,255,255,0.70);
      font-weight: 800;
      text-align: center;
  }
  
  .about-section-four .content-column .inner-column {
    margin-left: 58px !important;
    padding-top: 40px !important;
}
@media (max-width: 991px){
  .about-section-four .content-column .inner-column{
    margin-left: 0 !important;
    padding-top: 20px !important;
  }
}

.play-btn-two .icon {
    position: absolute;
    left: -29px !important;
    top: -52px !important;
}
/* Responsive welcome title */
.home-welcome-section .words-slide-up{
    font-size: clamp(28px, 5vw, 46px);
    line-height: 1.15;
    word-break: normal;
    white-space: normal;
}

/* Extra control for very small phones */
@media (max-width: 480px){
    .home-welcome-section .words-slide-up{
        font-size: 26px;
        line-height: 1.2;
    }
    .play-btn-two .icon {
    position: absolute;
    left: 13px !important;
    top: -41px !important;
}
.about-section-four {
  padding-top: 10px !important;
}
}

        /* =========================
         Daily (ONE FILE)
         ========================= */
         
         .service-block-two .inner-box {
    height: 520px;
}
    .daily_feature_title {
        color: #fff;
        font-size: 1.2rem;
        font-weight: 500;
    }
/* The whole Daily Features band is the anchor */
.df-daily-feature-section {
    position: relative;
}

/* Inner wrapper that actually gets blurred */
.df-section-inner.df-section-blurred {
    filter: blur(4px);
    opacity: 0.85;
    pointer-events: none;
}

/* Overlay that sits ABOVE the blur and stays sharp */
.df-section-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 50;
}

.df-section-overlay span {
    background: rgba(0,0,0,0.75);
    color: #fff;
    padding: 12px 24px;
    font-size: 1.4rem;
    border-radius: 8px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Blur only the inner content area, not the badges/pills */
.df-blur-content {
    filter: blur(3px);
    opacity: 0.8;
}

    .df-teaser .df-preview-only {
        filter: none;
        opacity: 1;
    }

    .df-daily-feature-section {
        position: relative;
        padding: 60px 0;
        /*  background: radial-gradient(circle at top, #aea2f5 0, #fff 45%, #f8f3f0 100%);  */
        background: var(--df-section-bg);
        color: #f6f3ff;
    }

    .df-daily-feature-section  {
        color: #e2c3ff;
        letter-spacing: 0.15em;
        font-size: 0.8rem;
    }

    .df-daily-feature-section {
        color: #ffffff;
        text-shadow: 0 0 18px rgba(217, 179, 255, 0.5);
    }

    .df-daily-feature-row {
        margin-top: 25px;
    }

    /* MULTI-CARD LAYOUT (2–3 items) */
    .df-daily-feature {
        position: relative;
        border-radius: 16px;
        padding: 18px 16px;
        height: 540px; /* uniform height */
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        background: linear-gradient(145deg, var(--df-card-grad-start), var(--df-card-grad-end));
        box-shadow:
        0 18px 35px rgba(0, 0, 0, 0.65),
        0 0 16px var(--df-glow);
        border: 1px solid rgba(206, 178, 255, 0.4);
        overflow: hidden;
        transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    }

    .df-daily-feature:hover {
        transform: translateY(-6px);
        box-shadow:
            0 26px 45px rgba(0, 0, 0, 0.8),
            0 0 28px var(--df-glow);
        border-color: rgba(255, 222, 173, 0.8);
    }

    .df-media-box {
        width: 100%;
        height: 220px;
        overflow: hidden;
        border-radius: 12px;
        background: radial-gradient(circle at center, #3e2a73, #12091f);
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .df-media-box img,
    .df-media-box video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
        display: block;
    }

    .df-media-box audio {
        width: 100%;
    }

    .df-daily-feature .df-content {
        flex: 1;
        overflow: hidden;
    }

    .df-daily-feature .title {
        font-size: 1.2rem;
        font-weight: 700;
        color: #fff;
        margin-bottom: 6px;
    }

    .df-type-pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 3px 10px;
        border-radius: 999px;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        margin-bottom: 6px;
        font-weight: 600;
    }

    .df-type-quote {
        background: rgba(255, 255, 255, 0.08);
        color: #ffe7a6;
        border: 1px solid rgba(255, 231, 166, 0.5);
    }

    .df-type-affirmation {
        background: rgba(255, 255, 255, 0.06);
        color: #a2f7ff;
        border: 1px solid rgba(162, 247, 255, 0.5);
    }

    .df-type-card {
        background: rgba(255, 255, 255, 0.06);
        color: #ffb6df;
        border: 1px solid rgba(255, 182, 223, 0.55);
    }

    .df-type-pill i {
        font-size: 0.9rem;
    }

    .df-preview-only {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        padding: 4px 10px;
        border-radius: 999px;
        display: inline-block;
        font-size: 0.75rem;
        margin-bottom: 8px;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

    .df-daily-feature .badge.bg-warning {
        background-color: #ffd36b !important;
        color: #3b2700 !important;
        font-size: 0.7rem;
        border-radius: 999px;
        padding: 3px 9px;
    }

    .df-daily-feature .text {
        color: #e8e1ff;
        font-size: 0.9rem;
    }

    /* SINGLE-ITEM LAYOUT (1 item) */
    .df-single-wrapper {
        margin-top: 30px;
        align-items: stretch;
    }

    .df-single-card {
        border-radius: 18px;
        background: linear-gradient(145deg, rgba(21, 16, 56, 0.96), rgba(51, 32, 103, 0.99));
        box-shadow:
            0 22px 45px rgba(0, 0, 0, 0.8),
            0 0 26px rgba(210, 168, 255, 0.7);
        border: 1px solid rgba(206, 178, 255, 0.55);
        padding: 22px 22px;
        display: flex;
        flex-direction: row;
        gap: 24px;
    }

    .df-single-media {
        flex: 0 0 340px;
    }

    .df-single-media .df-media-box {
        height: 260px;
    }

    .df-single-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .df-single-content .title {
        font-size: 1.4rem;
        margin-bottom: 8px;
    }

    .df-single-content .text {
        color: #f0e9ff;
        font-size: 1rem;
    }

    @media (max-width: 991px) {
        .df-single-card {
            flex-direction: column;
        }

        .df-single-media {
            flex: 0 0 auto;
        }

        .df-single-media .df-media-box {
            height: 220px;
        }
    }

    .df-daily-feature-section {
        overflow-anchor: none;
    }
    
    /* ---------- Daily Feature: mouse-follow tilt ---------- */

.df-media-box {
    perspective: 900px;
}

.df-media-box img,
.df-media-box video {
    transition: transform 0.18s ease, filter 0.18s ease;
    will-change: transform;
    transform: translateZ(0);
}

.df-daily-feature.is-tilting .df-media-box img,
.df-daily-feature.is-tilting .df-media-box video {
    filter: saturate(1.08) contrast(1.05);
}

.df-home-btn {
    display: inline-block;
    background: var(--df-btn-bg);
    border: 1px solid rgba(135, 96, 196, 0.4);
    padding: 10px 18px;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    color: #4b2a8a;
    transition: all .25s ease;
    box-shadow: 0 0 8px rgba(148, 81, 216, 0.25);
}
.df-home-btn:hover {
    box-shadow: 0 0 16px rgba(148, 81, 216, 0.45);
    transform: translateY(-1px);
    text-decoration: none;
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .df-media-box img,
    .df-media-box video {
        transition: none !important;
        transform: none !important;
        filter: none !important;
    }
}

/* Hero */

@media (max-width: 768px) {
  .glass-panel{
    margin-top: 140px !important;
  }

  .glass-panel #titleText{
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  .glass-panel #captionText{
    font-size: 18px !important;
    line-height: 1.3 !important;
  }
}

/* Smaller mobiles */
@media (max-width: 420px) {
  .glass-panel{
    max-width: 100%;
    margin-top: 28px !important;
    padding: 4px !important;
  }

  .glass-panel #titleText{
    font-size: 22px !important;
  }

  .glass-panel #captionText{
    font-size: 14px !important;
  }

  .glass-panel .custom-btn-booking{
    font-size: 12px !important;
    padding: 8px 8px !important;
  }
}

@media (max-width: 420px) {
    .glass-panel {
        max-width: 100%;
        margin-top: 128px !important;
        padding: 8px !important;
    }
}

/* ============================
   FOOTER (DESKTOP) THEME RULES
   Uses inline CSS variables set on <footer> when data-themed="1"
   ============================ */

.footer-wrapper[data-themed] { color: var(--footer-text); }

.footer-wrapper[data-themed] .footer-title,
.footer-wrapper[data-themed] a { color: var(--footer-link); }

.footer-wrapper[data-themed] .faded-line {
  border-color: var(--footer-muted-border);
  opacity: .6;
}

.footer-wrapper[data-themed] li,
.footer-wrapper[data-themed] p { color: var(--footer-text); }

/* Keep social icons white in both modes */
.footer-wrapper[data-themed] .footer-social-icons i,
.footer-wrapper[data-themed] .footer-social-icons-sharing i { color: #ffffff !important; }

/* Newsletter button text should be white */
.footer-wrapper[data-themed] .footer-news .btn-primary,
.footer-wrapper[data-themed] .footer-news a.btn-primary { color: #ffffff !important; }

/* ABOUT: Sign Up / Sign In buttons */
.footer-wrapper[data-themed] .footer-auth-btn {
  background: var(--footer-btn-bg) !important;
  color: var(--footer-btn-text) !important;
  border-color: var(--footer-muted-border) !important;
  transition: .15s ease-in-out;
}
.footer-wrapper[data-themed] .footer-auth-btn i { color: var(--footer-btn-text) !important; }

/* Language buttons */
.footer-wrapper[data-themed] .footer-lang button.btn,
.footer-wrapper[data-themed] .footer-lang button.btn-light,
.footer-wrapper[data-themed] .footer-lang .btn-light {
  background: var(--footer-btn-bg) !important;
  color: var(--footer-btn-text) !important;
  border-color: var(--footer-muted-border) !important;
}

/* Hover lift for language + auth buttons */
.footer-wrapper[data-themed] .footer-lang button.btn:hover,
.footer-wrapper[data-themed] .footer-lang button.btn-light:hover,
.footer-wrapper[data-themed] .footer-lang .btn-light:hover,
.footer-wrapper[data-themed] .footer-auth-btn:hover {
  box-shadow: 0 0 6px rgba(0,0,0,0.25) !important;
  transform: translateY(-1px);
}

/* Give the X SVG the same circular badge as the FA <i> icons */
.footer-wrapper[data-themed] .footer-social-icons a img,
.footer-wrapper[data-themed] .footer-social-icons-sharing a img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  padding: 8px !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  background: #ebf4ff !important;
  filter: brightness(1) invert(1);
  margin-left: -4px;
  margin-right: 3px;
  margin-bottom: 3px;
}

/* ============================
   FOOTER (DESKTOP) LAYOUT / HELPERS
   ============================ */

/* Avatar link images */
.footer-image2 img {
  width: 90px !important;
  height: 60px !important;
  border-radius: 50%;
  object-fit: cover;
  border-style: solid;
  border-width: 1px;
  margin-right: 5px;
  margin-top: 12px;
}
.footer-image1 img {
  width: 90px !important;
  height: 60px !important;
  border-radius: 50%;
  object-fit: cover;
  border-style: solid;
  border-width: 1px;
  margin-right: 5px;
  margin-top: 12px;
}

/* General helpers */
.share-btn { margin-right: 2px !important; }
.footer-social-icons { justify-content: flex-start; margin-left: 1px !important; }
.footer-block-menu--single ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 14px;
  display: block !important;
}
.footer-block-menu--single li { break-inside: avoid; }

/* ===== DESKTOP LAYOUT FIXES (>= 992px) ===== */
@media (min-width: 992px) {
  .footer-pair-connect-share { display: block !important; }
  .footer-pair-connect-share .footer-connect { margin-bottom: 18px; }

  .footer-images-grid { display: block !important; }
  .footer-images-grid > div { margin-bottom: 16px; }
}

/* Language buttons inline on one line */
.footer-lang .mb-2 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  width: 100% !important;
  justify-content: flex-start;
}
.footer-lang form {
  display: inline-flex !important;
  margin-right: 5px !important;
}
.footer-lang button.btn,
.footer-lang button.btn-light,
.footer-lang .btn-light { white-space: nowrap; }

.footer-lang { width: 100% !important; }


/* ============================
   FOOTER (MOBILE) STYLES
   ============================ */

  .footer-wrapper[data-themed] { color: {{ $footerText }}; }
      .footer-wrapper[data-themed] .footer-title,
      .footer-wrapper[data-themed] a { color: {{ $footerLink }}; }
      .footer-wrapper[data-themed] .faded-line { border-color: {{ $footerMutedBorder }}; opacity: .6; }
      .footer-wrapper[data-themed] li,
      .footer-wrapper[data-themed] p { color: {{ $footerText }}; }

      /* Social icons locked to white */
      .footer-wrapper[data-themed] .footer-social-icons i,
      .footer-wrapper[data-themed] .footer-social-icons-sharing i { color: #ffffff !important; }

      /* Newsletter button text white */
      .footer-wrapper[data-themed] .footer-news .btn-primary,
      .footer-wrapper[data-themed] .footer-news a.btn-primary {
        color: #ffffff !important;
      }

      /* Auth buttons (My Panel / Sign Up / Sign In) */
      .footer-wrapper[data-themed] .footer-auth-btn {
          background: {{ $btnBg }} !important;
          color: {{ $btnText }} !important;
          border-color: {{ $footerMutedBorder }} !important;
          transition: .15s ease-in-out;
      }
      .footer-wrapper[data-themed] .footer-auth-btn i {
          color: {{ $btnText }} !important;
      }

      /* Language buttons */
      .footer-wrapper[data-themed] .footer-lang button.btn,
      .footer-wrapper[data-themed] .footer-lang button.btn-light,
      .footer-wrapper[data-themed] .footer-lang .btn-light {
          background: {{ $btnBg }} !important;
          color: {{ $btnText }} !important;
          border-color: {{ $footerMutedBorder }} !important;
      }

      /* Hover lift */
      .footer-wrapper[data-themed] .footer-lang button.btn:hover,
      .footer-wrapper[data-themed] .footer-lang button.btn-light:hover,
      .footer-wrapper[data-themed] .footer-lang .btn-light:hover,
      .footer-wrapper[data-themed] .footer-auth-btn:hover {
          box-shadow: 0 0 6px rgba(0,0,0,0.25) !important;
          transform: translateY(-1px);
      }
      /* Give the X SVG the same circular badge as the FA <i> icons */
.footer-wrapper[data-themed] .footer-social-icons a img,
.footer-wrapper[data-themed] .footer-social-icons-sharing a img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    padding: 5px !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    background: #ebf4ff !important; /* X background */
    filter: brightness(1) invert(1); /* make the SVG white */
    margin-left: -4px;
    margin-right: 3px;
    margin-bottom: 3px;
}


/* ============================
   FOOTER (TABLET) STYLES
   ============================ */

.footer-image1 img {
  height: 30px !important;
  border-radius: 50% !important;
}
.footer-image2 img {
  width: 60px !important;
  height: 30px !important;
  border-radius: 50% !important;
}

@media (min-width: 768px) {
  .footer-auth-btn { background: #ffffff; border: 1px solid #ddd; transition: 0.2s ease-in-out; }
  .footer-auth-btn:hover { background: #d4a017; border-color: #bbb; }
  .footer-auth-btn:active { background: #ffb300; border-color: #aaa; }

  .footer-wrapper .row { display: flex; flex-wrap: wrap; }
  .share-btn { margin-right: 2px !important; }
  .footer-social-icons { justify-content: flex-start; margin-left: 1px !important; }
  .spacer-left { margin-left: 60px !important; }

  .footer-block-menu--single ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 24px;
    display: block !important;
  }
  .footer-block-menu--single li { break-inside: avoid; }

  .footer-wrapper .row > .col-md-3.footer-col-spacing:first-child,
  .footer-wrapper .row > .col-md-2.footer-col-spacing {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .footer-pair-left,
  .footer-pair-right {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    min-width: 0;
  }

  .footer-pair-lang-news,
  .footer-pair-connect-share {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .footer-images-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .share-btn { margin-right: 2px !important; }
  .footer-about-width-mobile { width: 100% !important; }

  .footer-tm .footer-block-menu--single ul,
  .footer-block-menu--single ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 20px;
    display: block !important;
  }
}

@media (max-width: 1024.98px) {
  .footer-auth-btn { background: #ffffff; border: 1px solid #ddd; transition: 0.2s ease-in-out; }
  .footer-auth-btn:hover { background: #d4a017; border-color: #bbb; }
  .footer-auth-btn:active { background: #ffb300; border-color: #aaa; }

  .footer-wrapper .row { display: flex; flex-wrap: wrap; }
  .share-btn { margin-right: 2px !important; }

  .footer-social-icons { justify-content: flex-start; margin-left: 1px !important; }
  .spacer-left { margin-left: 60px !important; }

  .footer-block-menu--single ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 24px;
    display: block !important;
  }
  .footer-block-menu--single li { break-inside: avoid; }

  .footer-wrapper .row > .col-md-3.footer-col-spacing:first-child,
  .footer-wrapper .row > .col-md-2.footer-col-spacing {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .footer-pair-left,
  .footer-pair-right {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    min-width: 0;
  }

  .footer-pair-lang-news,
  .footer-pair-connect-share {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .footer-images-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}


    /* Avatar link images */
.footer-image1 img {
  height: 52px !important;
  width: 160px !important;
  border-radius: 50%;
  object-fit: contain;
  border-style: solid;
  border-width: 1px;
  margin-right: 10px;
  margin-top: 12px;
}
.footer-image2 img {
  height: 54px !important;
  width: 140px !important;
  border-radius: 50%;
  object-fit: contain;
  border-style: solid;
  border-width: 1px;
  margin-right: 10px;
  margin-top: 12px;
}

.footer-image-info .image-line {
    display: flex;
    align-items: left;
    gap: 6px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
  .image-line {
    align-items: flex-start !important;
  }

  .footer-img2 {
    align-items: flex-start !important;
  }
}

/* iPad mini-ish portrait (optional tighter control) */
@media (min-width: 768px) and (max-width: 834px) and (orientation: portrait) {
  .glass-panel #titleText{ font-size: 24px !important; }
  .glass-panel #captionText{ font-size: 15px !important; }
}

.footer-about-width {
    width: 100% !important;
}

/* External links: force 2 equal columns */
.footer-images-grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

/* Each row: image + text side by side */
.footer-images-grid .image-line{
  display: grid;
  grid-template-columns: 52px 1fr;
  column-gap: 12px;
  align-items: start;
}

/* Lock the image box to a square so it cannot elongate */
.footer-images-grid .footer-image1 img,
.footer-images-grid .footer-image2 img{
  width: 70px;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: contain;     /* use contain if you don’t want cropping */
  border-radius: 50%;    /* remove if you want a normal square image */
  display: block;
}
.footer-images-grid .footer-img2{
  margin-bottom: 6px;
}

.footer-images-grid p{
  margin: 2px 0 0 0;
  line-height: 1.25;
}


/* Prevent long words/links from breaking the grid */
.footer-images-grid a,
.footer-images-grid p{
  word-break: break-word;
  overflow-wrap: anywhere;
}