/* =========================
   GLOBAL THEME OVERRIDES
========================= */

/* 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;
}

/* 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; }
}


/* ===============================
   HEADER SECTION
=============================== */

.wishlist-count {
    position: absolute;
    top: 0px !important;
    left: 20px !important;
    background: #a4bed5;
    color: #fff;
    font-size: 10px !important;
    padding: 4px 6px;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,0.36);
    line-height: 1;
    min-width: 20px !important;
    text-align: center;
}
.new-site-header,
.new-site-header * {
    box-sizing: border-box;
}

.new-site-header {
    position: relative;
    z-index: 99;
    width: 100%;
    background: transparent;
}

.new-site-header a {
    text-decoration: none;
}

.new-site-header ul,
.new-site-header li {
    margin: 0;
    padding: 0;
    list-style: none;
}



.new-site-header .new-header-wrap {
 /* max-width: var(--nh-wrap); */
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* Top bar */
.new-site-header .new-header-top {
    background: var(--nh-top-bg);
    color: var(--nh-top-text);
    font-size: 13px;
    line-height: 1.2;
}

.new-site-header .new-header-top-inner {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.new-site-header .new-header-top-left,
.new-site-header .new-header-top-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.new-site-header .new-header-social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.new-site-header .new-header-social a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: rgb(106,139,167);
    border: 1px solid rgba(255,255,255,0.22);
    transition: all 0.2s ease;
}

.new-site-header .new-header-social a:hover {
    background: rgba(255,255,255,0.26);
    transform: translateY(-1px);
}

.new-site-header .new-header-search-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.22);
    background: rgba(255,255,255,0.16);
    color: #ffffff;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-left: 10px;
}

.new-site-header .new-header-search-btn:hover {
    background: rgba(255,255,255,0.26);
    transform: translateY(-1px);
}

.new-site-header .new-header-language form {
    margin: 0;
}

.new-site-header .new-header-language select {
    min-height: 34px;
    border-radius: var(--nh-pill);
    border: 1px solid rgba(255,255,255,0.25);
    background: rgba(255,255,255,0.12);
    color: #ffffff;
    padding: 6px 14px;
    font-size: 12px;
    outline: none;
}

.new-site-header .new-header-language select option {
    color: #111111;
}

.new-site-header .new-header-auth {
    display: flex;
    align-items: center;
    gap: 10px;
}

.new-site-header .new-header-auth-link,
.new-site-header .new-header-panel-btn {
    min-height: 34px;
    border-radius: var(--nh-pill);
    padding: 8px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.new-site-header .new-header-auth-link:hover,
.new-site-header .new-header-panel-btn:hover {
    transform: translateY(-1px);
}

.new-site-header .new-header-auth-link.sign-in {
    color: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.34);
    background: rgb(240 245 153 / 86%);
}

.new-site-header .new-header-auth-link.sign-up,
.new-site-header .new-header-panel-btn {
    color: #111111 !important;
    border: 1px solid #ffffff;
    background: #dadef9;
}

/* Main shell */
.new-site-header .new-header-main {
    position: relative;
    margin-top: 0;
}

.new-site-header .new-header-main-shell {
    background: var(--nh-main-bg);
    border-radius: var(--nh-radius);
    box-shadow: var(--nh-shadow);
    display: flex;
    align-items: stretch;
    overflow: visible;
}

.new-site-header .new-header-logo {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 0 24px;
    background: var(--nh-main-bg);
    border-radius: 0 0 0 26px;
    min-width: 220px;
}

.new-site-header .new-header-logo a {
    display: inline-flex;
    align-items: center;
}

.new-site-header .new-header-logo img {
    max-height: 78px;
    width: auto;
    display: block;
}

.new-site-header .new-header-nav {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: right;
    padding: 0 30px;
    background: var(--nh-main-bg);
    margin-right: 18px;
}

.new-site-header .new-header-nav .navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
}

.new-site-header .new-header-nav .navigation > li {
    position: relative;
}

.new-site-header .new-header-nav .navigation > li > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 90px;
    color: var(--nh-main-text);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    transition: color 0.2s ease;
    white-space: nowrap;
}

.new-site-header .new-header-nav .navigation > li > a:hover {
    color: var(--nh-main-hover);
}

.new-site-header .new-header-nav .navigation > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 24px;
    width: 0;
    height: 2px;
    background: var(--nh-main-hover);
    transition: width 0.2s ease;
}

.new-site-header .new-header-nav .navigation > li > a:hover::after {
    width: 100%;
}

.new-site-header .new-header-nav .navigation > li > ul {
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    min-width: 220px;
    padding: 12px;
    border-radius: 16px;
    background: var(--nh-dropdown-bg);
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow: 0 18px 40px rgba(0,0,0,0.16);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.22s ease;
    z-index: 200;
}

.new-site-header .new-header-nav .navigation > li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.new-site-header .new-header-nav .navigation > li > ul > li > a {
    display: block;
    padding: 10px 12px;
    border-radius: 10px;
    color: var(--nh-dropdown-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    transition: all 0.2s ease;
}

.new-site-header .new-header-nav .navigation > li > ul > li > a:hover {
    background: rgba(255,255,255,0.18);
    color: var(--nh-dropdown-hover);
}

.new-site-header .new-header-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 0 28px;
    min-height: 90px;
    background: var(--nh-accent-bg);
    color: var(--nh-accent-text);
    border-radius: 0 0 26px 0px;

    min-width: 385px;
    justify-content: center;
}

.new-site-header .new-header-cart {
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.24);
    transition: all 0.2s ease;
    flex: 0 0 auto;
}

.new-site-header .new-header-cart:hover {
    background: rgba(255,255,255,0.20);
    color: #ffffff;
}

.new-site-header .new-header-cart .cart-count {
    position: absolute;
    top: -4px;
    right: -6px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    background: #ffffff;
    color: var(--nh-accent-bg);
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.new-site-header .new-header-book-btn {
    flex: 0 1 auto;
}

.new-site-header .new-header-book-btn .theme-btn.btn-style-one {
    min-height: 54px;
    padding: 14px 34px !important;
    border-radius: var(--nh-pill) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.04em;
    background: #ffffff !important;
    color: var(--nh-accent-bg) !important;
    border: 1px solid rgba(255,255,255,0.72) !important;
    box-shadow: none !important;
    white-space: nowrap;
}

.new-site-header .new-header-mobile-toggle {
    display: none;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.24);
    background: rgba(255,255,255,0.12);
    color: #ffffff;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex: 0 0 auto;
}

.new-site-header .new-header-mobile-toggle .icon {
    font-size: 18px;
    line-height: 1;
}

/* Search */
.new-site-header .new-search-popup {
    position: fixed;
    inset: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.25s ease;
}

.new-site-header .new-search-popup.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.new-site-header .new-search-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.70);
}

.new-site-header .new-search-inner {
    position: relative;
    max-width: 720px;
    margin: 110px auto 0;
    background: #ffffff;
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 24px 60px rgba(0,0,0,0.18);
}

.new-site-header .new-search-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: transparent;
    border: 0;
    color: #111111;
    font-size: 20px;
    cursor: pointer;
}

.new-site-header .new-search-copy {
    color: #1b1b1b;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 18px 0;
}

.new-site-header .new-search-form-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.new-site-header .new-search-form-group input[type="search"] {
    flex: 1 1 auto;
    min-width: 0;
    height: 50px;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: var(--nh-pill);
    padding: 0 18px;
    outline: none;
    color: #000 !important;
    
}

.new-site-header .new-search-form-group input[type="search"]::placeholder {
    color: #666 !important;
    opacity: 1;
}

.new-site-header .new-search-form-group input[type="search"]::-webkit-input-placeholder {
    color: #666 !important;
}

.new-site-header .new-search-form-group input[type="search"]::-moz-placeholder {
    color: #666 !important;
    opacity: 1;
}

.new-site-header .new-search-form-group input[type="search"]:-ms-input-placeholder {
    color: #666 !important;
}

.new-site-header .new-search-form-group button[type="submit"] {
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50%;
    background: var(--nh-main-hover);
    color: #ffffff;
}

/* Elegant branded mobile/tablet panel */
.new-site-header .new-mobile-menu {
    width: min(92vw, 410px) !important;
    border-left: 1px solid rgba(122, 154, 185, 0.16);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(245,249,253,0.98) 100%);
    box-shadow: -20px 0 50px rgba(43, 73, 103, 0.18);
    z-index: 1060 !important;
}

.offcanvas-backdrop.show {
    z-index: 1040 !important;
    background: rgba(18, 31, 46, 0.42);
}

.new-site-header .new-mobile-menu .offcanvas-header {
    padding: 20px 20px 16px;
    border-bottom: 1px solid rgba(122, 154, 185, 0.14);
    background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(246,249,252,0.96) 100%);
}

.new-site-header .new-mobile-menu-logo img {
    height: 42px;
    width: auto;
}

.new-site-header .new-mobile-menu .btn-close {
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(155, 184, 211, 0.18);
    box-shadow: none;
}

.new-site-header .new-mobile-menu .offcanvas-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
}

.new-site-header .new-mobile-nav-link:hover {
    background: rgba(147, 178, 205, 0.06);
}


.new-site-header .new-mobile-primary {
    padding: 18px 20px 6px;
}

.new-site-header .new-mobile-book-btn {
    display: flex;
    margin-bottom: 18px !important;
}

.new-site-header .new-mobile-book-btn .btn {
    width: 100%;
    min-height: 30px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14px;
    color: #1b2c3d;
    background: linear-gradient(135deg, #f7f5b2 0%, #edf6c2 100%);
    border: 1px solid rgba(155, 184, 211, 0.22);
    box-shadow: 0 10px 24px rgba(155, 184, 211, 0.18);
}

.new-site-header .new-mobile-nav {
    background: rgba(255,255,255,0.88);
    border: 1px solid rgba(155, 184, 211, 0.16);
    border-radius: 20px;
    padding: 4px 0;
    box-shadow: 0 6px 18px rgba(68, 99, 130, 0.06);
    backdrop-filter: blur(6px);
}

.new-site-header .new-mobile-nav > li {
    border-bottom: 1px solid rgba(122, 154, 185, 0.10);
}

.new-site-header .new-mobile-nav > li:last-child {
    border-bottom: 0;
}

.new-site-header .new-mobile-nav a {
    color: #203246;
}

.new-site-header .new-mobile-nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 60px;
    padding-left: 18px;
}

.new-site-header .new-mobile-nav-link > a {
    flex: 1 1 auto;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    padding: 16px 0;
    color: #28425e;
}

.new-site-header .new-mobile-toggle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(147, 178, 205, 0.14);
    border: 1px solid rgba(147, 178, 205, 0.16);
    color: #5b7691;
    padding: 0;
    margin-right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.new-site-header .new-mobile-toggle:hover,
.new-site-header .new-mobile-toggle[aria-expanded="true"] {
    background: rgba(147, 178, 205, 0.32);
    color: #23415f;
}

.new-site-header .new-mobile-toggle i {
    transition: transform 0.2s ease;
}

.new-site-header .new-mobile-toggle[aria-expanded="true"] i {
    transform: rotate(90deg);
}

.new-site-header .new-mobile-subnav {
    margin-top: 0;
    padding: 0 18px 12px 34px;
}

.new-site-header .new-mobile-subnav a {
    display: block;
    padding: 9px 0;
    font-size: 14px;
    font-weight: 600;
    color: #4b6784;
}

.new-site-header .new-mobile-section {
    padding: 16px 20px 0;
    border-top: 0;
}

.new-site-header .new-mobile-auth-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.new-site-header .new-mobile-auth-grid .btn,
.new-site-header .new-mobile-section > .btn.w-100 {
    min-height: 30px;
    border-radius: 999px;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(68, 99, 130, 0.08);
}

.new-site-header .new-mobile-meta-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.new-site-header .new-mobile-meta-link {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.78);
    border: 1px solid rgba(155, 184, 211, 0.18);
    color: #2b4562;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(68, 99, 130, 0.06);
    transition: all 0.2s ease;
}

.new-site-header .new-mobile-meta-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(68, 99, 130, 0.10);
}

.new-site-header .new-mobile-meta-link .badge {
    border-radius: 999px;
    min-width: 22px;
}

.offcanvas #cart-count-mobile,
.offcanvas .wishlist-count-mobile {
    background: #93b2cd !important;
    color: #ffffff !important;
}

.new-site-header .new-mobile-language-title,
.new-site-header .new-mobile-social-title {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #6a7f95;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.new-site-header .new-mobile-language-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.new-site-header .new-mobile-language-pills .btn {
    border-radius: 999px;
    background: rgba(255,255,255,0.82);
    border-color: rgba(155, 184, 211, 0.20);
    color: #355b84;
    font-weight: 600;
}

.new-site-header .new-mobile-social-links {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding-bottom: 20px;
}

.new-site-header .new-mobile-social-links a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.82);
    border: 1px solid rgba(155, 184, 211, 0.18);
    color: #355b84;
    box-shadow: 0 6px 14px rgba(68, 99, 130, 0.06);
}

/* Sticky */
.new-site-header .new-sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 998;
    transform: translateY(-110%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    pointer-events: none;
}

.new-site-header .new-sticky-header.is-visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.new-site-header .new-sticky-inner {
    max-width: var(--nh-wrap);
    margin: 0 auto;
    padding: 0 10px;
}

.new-site-header .new-sticky-shell {
    background: #ffffff;
    box-shadow: 0 12px 26px rgba(0,0,0,0.10);
    border-radius: 0 0 20px 20px;
    display: flex;
    align-items: stretch;
}

.new-site-header .new-sticky-logo {
    display: flex;
    align-items: center;
    padding: 0 20px;
    min-width: 180px;
}

.new-site-header .new-sticky-logo img {
    max-height: 56px;
    width: auto;
    display: block;
}

.new-site-header .new-sticky-nav {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0 24px;
}

.new-site-header .new-sticky-nav .navigation {
    display: flex;
    align-items: center;
    gap: 26px;
}

.new-site-header .new-sticky-nav .navigation > li {
    position: relative;
}

.new-site-header .new-sticky-nav .navigation > li > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 70px;
    color: var(--nh-main-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.new-site-header .new-sticky-nav .navigation > li > a:hover {
    color: var(--nh-main-hover);
}

.new-site-header .new-sticky-nav .navigation > li > ul {
    position: absolute;
    top: calc(100% - 8px);
    left: 0;
    min-width: 220px;
    padding: 12px;
    border-radius: 16px;
    background: var(--nh-dropdown-bg);
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow: 0 18px 40px rgba(0,0,0,0.16);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.22s ease;
    z-index: 200;
}

.new-site-header .new-sticky-nav .navigation > li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.new-site-header .new-sticky-nav .navigation > li > ul > li > a {
    display: block;
    padding: 10px 12px;
    border-radius: 10px;
    color: var(--nh-dropdown-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.new-site-header .new-sticky-nav .navigation > li > ul > li > a:hover {
    background: rgba(255,255,255,0.18);
    color: var(--nh-dropdown-hover);
}

.new-site-header .new-sticky-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 20px;
    background: var(--nh-accent-bg);
    color: #ffffff;
    border-radius: 0 0 20px 20px;
    min-width: 230px;
    justify-content: center;
}

.new-site-header .new-sticky-cart {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.24);
}

.new-site-header .new-sticky-cart .cart-count {
    position: absolute;
    top: -4px;
    right: -6px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    background: #ffffff;
    color: var(--nh-accent-bg);
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.new-site-header .new-sticky-book-btn .theme-btn.btn-style-one {
    min-height: 42px;
    padding: 10px 18px !important;
    border-radius: var(--nh-pill) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 700;
    background: #ffffff !important;
    color: var(--nh-accent-bg) !important;
    border: 1px solid rgba(255,255,255,0.72) !important;
    box-shadow: none !important;
    white-space: nowrap;
}

.new-site-header .new-sticky-mobile-toggle {
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.24);
    background: rgba(255,255,255,0.12);
    color: #ffffff;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.btn-text-colour {
    color: #1a1818;
    background-color: #93b2cd;
    border-color: #0d6efd;
}

.bg-secondary
 {
    --bs-bg-opacity: 1;
    background-color: rgb(147 178 205) !important;
    padding-left: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 8px;
    color: #ffffff;
}

.badge {
    padding-left: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 8px;
    color: #ffffff;
}

/* Tablet */
@media (max-width: 1199.98px) {
    .new-site-header .new-header-nav {
        padding: 0 18px;
    }

    .new-site-header .new-header-nav .navigation {
        gap: 20px;
    }

    .new-site-header .new-header-nav .navigation > li > a {
        font-size: 14px;
    }

    .new-site-header .new-header-actions {
        min-width: 245px;
        padding: 0 18px;
        gap: 10px;
    }

    .new-site-header .new-header-book-btn .theme-btn.btn-style-one {
        padding: 12px 22px !important;
        min-height: 48px;
        font-size: 13px;
    }

    .new-site-header .new-sticky-nav .navigation {
        gap: 18px;
    }
}

/* iPad */
@media (max-width: 991.98px) {
    .new-site-header .new-header-top-inner {
        min-height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        justify-content: space-between;
        align-items: center;
    }

    .new-site-header .new-header-main-shell {
        border-radius: var(--nh-radius-sm);
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-areas: "logo actions";
        align-items: stretch;
    }

    .new-site-header .new-header-logo {
        grid-area: logo;
        min-width: 0;
        padding: 0 18px;
        border-radius: 0 0 0 18px;
        min-height: 90px;
    }

    .new-site-header .new-header-logo img {
        max-height: 62px;
    }

    .new-site-header .new-header-nav {
        display: none;
    }

    .new-site-header .new-header-actions {
        grid-area: actions;
        min-width: 250px;
        min-height: 90px;
        padding: 0 18px;
        gap: 10px;
        border-radius: 0 0 18px 18px;
        justify-content: center;
    }

    .new-site-header .new-header-mobile-toggle {
        display: inline-flex;
    }

.new-site-header .new-sticky-nav {
    display: none;
}

.new-site-header .new-sticky-actions .new-sticky-cart,
.new-site-header .new-sticky-actions .new-sticky-book-btn {
    display: inline-flex;
}

.new-site-header .new-sticky-book-btn .theme-btn.btn-style-one {
    min-height: 40px;
    padding: 10px 16px !important;
    font-size: 12px;
}

    .new-site-header .new-sticky-shell {
        border-radius: 0 0 18px 18px;
    }

    .new-site-header .new-sticky-logo {
        min-width: 0;
        padding: 0 16px;
        min-height: 70px;
    }

.new-site-header .new-sticky-actions {
    margin-left: auto;
    padding: 0 14px;
    min-height: 70px;
    min-width: 270px;
    border-radius: 0 0 18px 18px;
    gap: 10px;
}

    .new-site-header .new-sticky-mobile-toggle {
        display: inline-flex;
    }
}

/* Phones */
@media (max-width: 767.98px) {
    
    .new-site-header .new-header-wrap,
    .new-site-header .new-sticky-inner {
        padding-left: 6px;
        padding-right: 6px;
    }

    .new-site-header .new-header-top {
        display: none;
    }

    .new-site-header .new-header-main {
        margin-top: 10px;
    }

    .new-site-header .new-header-main-shell,
    .new-site-header .new-sticky-shell {
        display: grid;
        grid-template-columns: auto 1fr auto;
        grid-template-areas: "logo booking menu";
        align-items: center;
        min-height: 74px;
        border-radius: 16px;
        overflow: hidden;
    }

    .new-site-header .new-header-logo,
    .new-site-header .new-sticky-logo {
        grid-area: logo;
        min-height: 74px;
        min-width: 0;
        padding: 0 14px;
        border-radius: 0;
        background: #ffffff;
    }

    .new-site-header .new-header-logo img,
    .new-site-header .new-sticky-logo img {
        max-height: 44px;
    }

    .new-site-header .new-header-actions,
    .new-site-header .new-sticky-actions {
        grid-area: booking / booking / booking / menu;
        min-width: 0;
        width: 100%;
        min-height: 74px;
        padding: 0 14px 0 0;
        gap: 10px;
        border-radius: 0;
        background: var(--nh-accent-bg);
        justify-content: flex-end;
        margin-left: 0;
    }

    .new-site-header .new-header-cart,
    .new-site-header .new-sticky-cart {
        display: none !important;
    }

    .new-site-header .new-header-book-btn,
    .new-site-header .new-sticky-book-btn {
        grid-area: booking;
        flex: 1 1 auto;
        display: flex;
        justify-content: center;
    }

    .new-site-header .new-header-book-btn .theme-btn.btn-style-one,
    .new-site-header .new-sticky-book-btn .theme-btn.btn-style-one {
        width: 100%;
        max-width: 170px;
        min-height: 42px;
        padding: 10px 14px !important;
        font-size: 11px;
    }

    .new-site-header .new-header-mobile-toggle,
    .new-site-header .new-sticky-mobile-toggle {
        display: inline-flex;
        grid-area: menu;
        width: 40px;
        height: 40px;
        margin-left: 4px;
        flex: 0 0 auto;
    }

    .new-site-header .new-search-inner {
        margin: 70px 12px 0;
        padding: 22px 18px;
    }

    .new-site-header .new-search-form-group {
        flex-direction: row;
    }

    .new-site-header .new-mobile-menu {
        width: 100vw !important;
        max-width: 100vw !important;
    }

    .new-site-header .new-mobile-nav-link > a {
        font-size: 18px;
    }
}

@media (max-width: 575.98px) {

    .new-site-header .new-header-main {
        margin-top: 8px;
    }

    .new-site-header .new-header-main-shell,
    .new-site-header .new-sticky-shell {
        min-height: 68px;
        border-radius: 14px;
    }

    .new-site-header .new-header-logo,
    .new-site-header .new-sticky-logo {
        min-height: 68px;
        padding: 0 12px;
    }

    .new-site-header .new-header-logo img,
    .new-site-header .new-sticky-logo img {
        max-height: 38px;
    }

    .new-site-header .new-header-actions,
    .new-site-header .new-sticky-actions {
        min-height: 68px;
        padding: 0 12px 0 0;
        gap: 8px;
    }

    .new-site-header .new-header-book-btn .theme-btn.btn-style-one,
    .new-site-header .new-sticky-book-btn .theme-btn.btn-style-one {
        max-width: 130px;
        min-height: 38px;
        font-size: 10px;
        padding: 6px 4px !important;
        margin-left: 16px;
    }

    .new-site-header .new-header-mobile-toggle,
    .new-site-header .new-sticky-mobile-toggle {
        width: 38px;
        height: 38px;
    }

    .new-site-header .new-mobile-menu .offcanvas-header {
        padding: 16px 14px;
    }

    .new-site-header .new-mobile-primary,
    .new-site-header .new-mobile-section {
        padding-left: 14px;
        padding-right: 14px;
    } 
.wishlist-count-mobile {
    position: static !important;
    background: #000;
    color: #fff !important;
    font-size: 12px !important;
    padding: 6px 10px;
    border-radius: 16px !important;
    line-height: 1;
    min-width: 20px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
 
.new-mobile-meta-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
 }
.wishlist-wrapper {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.wishlist-icon {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ff4081;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wishlist-icon i {
    color: #fff;
    font-size: 14px;

}
@media (min-width: 768px) and (max-width: 991.98px) {
    .new-site-header .new-mobile-menu {
        margin-right: 10px;
        border-radius: 20px;
    }
}

.new-site-header .new-header-cart-wrap,
.new-site-header .new-sticky-cart-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.new-site-header .header-mini-cart {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    width: 360px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
    z-index: 500;
}

.new-site-header .header-mini-cart::before {
    content: "";
    position: absolute;
    top: -14px;
    right: 0;
    width: 100%;
    height: 14px;
}

.new-site-header .new-header-cart-wrap:hover .header-mini-cart,
.new-site-header .new-sticky-cart-wrap:hover .header-mini-cart,
.new-site-header .new-header-cart-wrap:focus-within .header-mini-cart,
.new-site-header .new-sticky-cart-wrap:focus-within .header-mini-cart {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.new-site-header .header-mini-cart-inner {
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid rgba(53, 91, 132, 0.10);
    box-shadow: 0 20px 50px rgba(0,0,0,0.16);
    overflow: hidden;
}

.new-site-header .header-mini-cart-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 16px 18px;
    background: #f8fbff;
    border-bottom: 1px solid rgba(53, 91, 132, 0.08);
}

.new-site-header .header-mini-cart-title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #22384f;
}

.new-site-header .header-mini-cart-count {
    font-size: 12px;
    font-weight: 600;
    color: #6a7f95;
}

.new-site-header .header-mini-cart-items {
    max-height: 320px;
    overflow-y: auto;
}

.new-site-header .header-mini-cart-item {
    display: grid;
    grid-template-columns: 56px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(53, 91, 132, 0.08);
}

.new-site-header .header-mini-cart-item:last-child {
    border-bottom: 0;
}

.new-site-header .header-mini-cart-thumb {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    overflow: hidden;
    background: #f3f6fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-site-header .header-mini-cart-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.new-site-header .header-mini-cart-content {
    min-width: 0;
}

.new-site-header .header-mini-cart-name {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    color: #22384f;
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.new-site-header .header-mini-cart-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    color: #6a7f95;
    line-height: 1.3;
}

.new-site-header .header-mini-cart-price {
    font-size: 13px;
    font-weight: 700;
    color: #22384f;
    white-space: nowrap;
    text-align: right;
}

.new-site-header .header-mini-cart-more {
    padding: 12px 18px 0;
    font-size: 12px;
    font-weight: 600;
    color: #6a7f95;
}

.new-site-header .header-mini-cart-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 16px 18px;
    background: #fbfdff;
    border-top: 1px solid rgba(53, 91, 132, 0.08);
    font-size: 14px;
    color: #22384f;
}

.new-site-header .header-mini-cart-summary strong {
    font-size: 16px;
    font-weight: 800;
    color: #22384f;
}

.new-site-header .header-mini-cart-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 0 18px 18px;
}

.new-site-header .header-mini-cart-btn {
    min-height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    padding: 0 16px;
    transition: all 0.2s ease;
}

.new-site-header .header-mini-cart-btn:hover {
    transform: translateY(-1px);
}

.new-site-header .header-mini-cart-btn-light {
    background: #eef4fb;
    color: #355b84;
    border: 1px solid rgba(53, 91, 132, 0.12);
}

.new-site-header .header-mini-cart-btn-primary {
    background: var(--nh-accent-bg);
    color: #ffffff;
    border: 1px solid var(--nh-accent-bg);
}

.new-site-header .header-mini-cart-empty {
    padding: 24px 18px;
    text-align: center;
    font-size: 14px;
    color: #6a7f95;
}

@media (max-width: 767.98px) {
    .new-site-header .header-mini-cart {
        display: none !important;
    }
}

/* ===============================
   COMBINED HERO/LATEST SECTION
=============================== */
.split-left-content{
    position: relative;
}

.split-left-content::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;

    background: linear-gradient(
        180deg,
        rgba(255,255,255,0.25) 0%,
        rgba(255,255,255,0.05) 100%
    );

    pointer-events:none;
}



.custom-btn-booking {
    background-color: #93b2cd;
    color: #ffffff;
}

.home-hero-split{
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #f4f4f1;
}
.home-hero-split .split-grid{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 0;
    align-items: stretch;
    width: 100%;
}

.home-hero-split .split-left{
    position: relative;
    min-height: 460px;
    overflow: hidden;
    background: #d9e5ea;
    border-right: 12px solid #ffffff;
}

.home-hero-split .split-right{
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 0;
    min-height: 460px;
    background-color: #fff;
}

.home-hero-split .custom-top-banner{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #000;
    opacity: 0;
    transition: opacity 1.5s ease, transform 8s ease;
    transform: scale(1);
    z-index: 1;
    animation: splitSlowDrift 30s linear infinite;
}

.home-hero-split .custom-top-banner.active{
    opacity: 1;
    transform: scale(1.05);
    z-index: 2;
}

@keyframes splitSlowDrift{
    0% { transform: scale(1) translateX(0); }
    50% { transform: scale(1.04) translateX(-18px); }
    100% { transform: scale(1) translateX(0); }
}

.home-hero-split .split-left-overlay{
    position: absolute;
    inset: 0;
    z-index: 3;
    background:
        linear-gradient(90deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.02) 36%, rgba(255,255,255,.00) 100%),
        linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.00) 100%);
    pointer-events: none;
}

.home-hero-split .split-left-content{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
    width: min(650px, 100%);
    background: #ffffff;
    border-radius: 0 120px 0 0;
    padding: 34px 46px 34px 46px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.12);
}

.home-hero-split .split-left-content::before{
    content:"";
    position:absolute;
    inset:-40px;
    background: radial-gradient(circle, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0) 70%);
    z-index:-1;
}

.home-hero-split .split-eyebrow{
    display: inline-block;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: .20em;
    text-transform: none;
    font-weight: 700;
    color: #7ea1b2;
}

.home-hero-split .split-title{
    margin: 0 0 16px;
    font-size: clamp(34px, 4.2vw, 60px);
    line-height: 1.04;
    color: var(--hero-title-colour);
    letter-spacing: -.02em;
}

.home-hero-split .split-caption{
    margin: 0 0 22px;
    font-size: 19px;
    line-height: 1.75;
    color: var(--hero-caption-colour);
    max-width: 520px;
}

.home-hero-split .custom-btn-booking{
    display: inline-block;
    padding: 14px 28px;
    letter-spacing: .18em;
    border-radius: 999px;
    box-shadow: none;
}

.home-hero-split .split-side-card{
    position: relative;
    overflow: hidden;
    padding: 34px 26px 24px;
}

.home-hero-split .split-side-card.top-card{
    background: #e6ecee;
    border-bottom: 12px solid #ffffff;
}

.home-hero-split .split-side-card.bottom-card{
    background: linear-gradient(180deg, rgb(147 178 205) 0%, rgb(147 178 205) 100%);
    color: #fff;
}

.home-hero-split .split-side-card.bottom-card::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%);
    pointer-events: none;
}

.home-hero-split .side-kicker{
    display: block;
    margin-bottom: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 700;
    color: #8fb0be;
}

.home-hero-split .bottom-card .side-kicker{
    color: rgba(255,255,255,.72);
}

.home-hero-split .side-title{
    margin: 0 0 18px;
    text-align: center;
    font-size: clamp(28px, 2.6vw, 36px);
    line-height: 1.15;
    letter-spacing: .01em;
    color: #5a6067;
}

.home-hero-split .bottom-card .side-title{
    color: #ffffff;
}

.home-hero-split .side-scroll{
    position: relative;
    max-height: 260px;
    overflow: auto;
    padding-right: 4px;
    scrollbar-width: thin;
    z-index: 2;
}

.home-hero-split .top-card .side-scroll{
    max-height: 180px;
}

.home-hero-split .side-item{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    padding: 10px 12px;
    text-decoration: none;
    color: inherit;
    border-radius: 10px;
    background: rgba(255,255,255,.72);
    transition: background .18s ease, transform .18s ease;
}

.home-hero-split .side-item:hover{
    background: rgba(255,255,255,.90);
    transform: translateY(-1px);
}

.home-hero-split .bottom-card .side-item{
    background: rgba(255,255,255,.14);
    color: #fff;
}

.home-hero-split .bottom-card .side-item:hover{
    background: rgba(255,255,255,.20);
}

.home-hero-split .side-thumb{
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
}

.home-hero-split .side-copy{
    flex: 1;
    min-width: 0;
}

.home-hero-split .side-copy h4{
    margin: 0 0 4px;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .18em;
    color: #515860;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-hero-split .bottom-card .side-copy h4{
    color: #fff;
}

.home-hero-split .side-copy p{
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #6f7680;
}

.home-hero-split .bottom-card .side-copy p{
    color: rgba(255,255,255,.88);
}

.home-hero-split .side-empty{
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
    color: #6f7680;
    padding: 10px 6px;
}

.home-hero-split .bottom-card .side-empty{
    color: rgba(255,255,255,.86);
}

.home-hero-split .badge-type-online,
.home-hero-split .badge-type-zoom,
.home-hero-split .badge-type-inperson{
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    margin-left: 8px;
    vertical-align: middle;
}

.home-hero-split .badge-type-online{
    background: #78c850;
    color: #fff;
}

.home-hero-split .badge-type-zoom{
    background: #5b87ff;
    color: #fff;
}

.home-hero-split .badge-type-inperson{
    background: #f29f43;
    color: #fff;
}



.split-left::after{
    content:"";
    position:absolute;
    inset:0;

    background: radial-gradient(
        circle at 60% 30%,
        rgba(255,255,255,0.35) 0%,
        rgba(255,255,255,0.15) 30%,
        rgba(255,255,255,0.05) 55%,
        transparent 75%
    );

    pointer-events:none;
}

/* ===== Featured strip ===== */

.home-featured-strip{
    background: linear-gradient(90deg, #cedceb, #93b2cd);
    padding: 10px 0;
    overflow: hidden;
}

.featured-inner{
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 20px;
}

.featured-label{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #2f4f63;
    white-space: nowrap;
}

.featured-slider{
    overflow: hidden;
    flex: 1;
}

.featured-track{
    display: flex;
    align-items: center;
    gap: 40px;
    animation: featuredScroll 30s linear infinite;
}

.featured-item img{
    max-height: 36px;
    opacity: 0.85;
    transition: opacity .2s ease;
}

.featured-item:hover img{
    opacity: 1;
}

/* animation */
@keyframes featuredScroll{
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* mobile */
@media (max-width: 767.98px){
    .featured-inner{
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .featured-label{
        font-size: 10px;
    }

    .featured-track{
        gap: 24px;
    }

    .featured-item img{
        max-height: 28px;
    }
}

/* =========================
   TABLET
========================= */
@media (min-width: 768px) and (max-width: 1024px){
    
        #captionText {
        font-size: 1.02rem !important;
        
        }
        
.home-hero-split .custom-top-banner {
    background-size: cover;
    background-position: 86% center !important;
    background-repeat: no-repeat;
}

    .home-hero-split .split-grid{
        grid-template-columns: 1.9fr 0.72fr;
    }
    
    .home-hero-split .split-left{
        min-height: 420px;
    }

    .home-hero-split .split-right{
        min-height: 420px;
        grid-template-rows: 1fr 1fr;
    }

    .home-hero-split .split-left-content{
        width: min(285px, calc(100% - 12px));
        padding: 14px 16px 14px 16px;
        border-radius: 0 34px 0 0;
        left: 0;
        bottom: 0;
        margin-left: 0;
    }

    .home-hero-split .split-eyebrow{
        font-size: 10px;
        letter-spacing: .12em;
        margin-bottom: 8px;
    }

    .home-hero-split .split-title{
        font-size: 26px;
        line-height: 1.18;
        margin-bottom: 8px;
    }

    .home-hero-split .split-caption{
        font-size: 10px;
        line-height: 1.45;
        margin-bottom: 10px;
        max-width: 100%;
    }

    .home-hero-split .custom-btn-booking{
        padding: 8px 14px;
        font-size: 10px;
        border-radius: 999px;
    }

    .home-hero-split .split-side-card{
        padding: 12px 10px 10px;
    }

    .home-hero-split .side-kicker{
        font-size: 8px;
        margin-bottom: 8px;
        letter-spacing: .14em;
    }

    .home-hero-split .side-title{
        font-size: 11px;
        margin-bottom: 8px;
        line-height: 1.2;
    }

    .home-hero-split .top-card .side-scroll,
    .home-hero-split .side-scroll{
        max-height: 118px;
    }

    .home-hero-split .side-item{
        padding: 5px 6px;
        gap: 6px;
        margin-bottom: 6px;
    }

    .home-hero-split .side-thumb{
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
    }

.home-hero-split .side-copy h4{
    margin: 0 0 4px;
    font-size: 12px;
    line-height: 1.35;
    color: #515860;

    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}

.home-hero-split .side-copy h4{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

    .home-hero-split .side-copy p{
        font-size: 10px;
        line-height: 1.3;
    }

    .home-hero-split .badge-type-online,
    .home-hero-split .badge-type-zoom,
    .home-hero-split .badge-type-inperson{
        font-size: 12px;
        padding: 2px 5px;
        margin-left: 4px;
    }

    .home-hero-split .hero-floating-person{
        height: 32%;
        bottom: 8%;
    }
    
   .home-hero-split .top-card .side-scroll, .home-hero-split .side-scroll
 {
        max-height: 132px;
    }
}
/* =========================
   MOBILE
========================= */
@media (max-width: 767.98px){
   
    #captionText {
        font-size: 0.80rem;
    }
    
    .home-hero-split{
        padding: 0 0 0px;
    }

    .home-hero-split .split-grid{
        grid-template-columns: 1fr;
        gap: 0;
    }

    .home-hero-split .split-left{
        min-height: 430px;
        border-right: 0;
    }

    .home-hero-split .custom-top-banner{
        background-position: center center;
    }

    .home-hero-split .split-left-content{
        width: min(270px, calc(100% - 14px));
        left: 0;
        bottom: 0;
        padding: 14px 14px 16px 14px;
        border-radius: 0 34px 0 0;
        margin-left: 0;
    }

    .home-hero-split .split-eyebrow{
        font-size: 9px;
        letter-spacing: .12em;
        margin-bottom: 6px;
    }

    .home-hero-split .split-title{
        font-size: 22px;
        line-height: 1.15;
        margin-bottom: 8px;
    }

    .home-hero-split .split-caption{
        font-size: 10px;
        line-height: 1.45;
        margin-bottom: 10px;
        max-width: 100%;
    }

    .home-hero-split .custom-btn-booking{
        padding: 8px 14px;
        font-size: 11px;
        border-radius: 999px;
    }

    .home-hero-split .hero-floating-person{
        display: none;
    }

    .home-hero-split .split-right{
        grid-template-rows: none;
        min-height: auto;
    }

    .home-hero-split .split-side-card{
        padding: 14px 12px 12px;
    }

    .home-hero-split .split-side-card.top-card{
        border-bottom: 8px solid #ffffff;
    }

    .home-hero-split .side-kicker{
        font-size: 11px;
        margin-bottom: 8px;
        letter-spacing: .14em;
    }

    .home-hero-split .side-title{
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 1.2;
    }

    .home-hero-split .top-card .side-scroll,
    .home-hero-split .side-scroll{
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .home-hero-split .side-item{
        padding: 8px;
        gap: 8px;
        margin-bottom: 8px;
    }

    .home-hero-split .side-thumb{
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }

    .home-hero-split .side-copy h4{
        font-size: 12px;
        line-height: 1.3;
        margin-bottom: 2px;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
    }

    .home-hero-split .side-copy p{
        font-size: 12px;
        line-height: 1.3;
    }

    .home-hero-split .badge-type-online,
    .home-hero-split .badge-type-zoom,
    .home-hero-split .badge-type-inperson{
        font-size: 8px;
        padding: 2px 6px;
        margin-left: 4px;
    }
    .home-hero-split .side-copy {
    flex: 1;
    min-width: 0;
    letter-spacing: .14em;
}
}
/* Soft float animation */
@keyframes floatSpirit{
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
@media (max-width: 767.98px){
    .home-hero-split .hero-floating-person{
        display: none;
    }
}

.side-item-live .side-copy h4 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.live-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    min-width: 10px;
    border-radius: 50%;
    background: #d94b5a;
    animation: pulseLive 1.2s infinite;
}

.badge-type-live {
    display: inline-block;
    margin-left: 8px;
    padding: 3px 8px;
    border-radius: 20px;
    background: #d94b5a;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    vertical-align: middle;
}

.live-card .side-item {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.live-card .side-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.08);
}

@keyframes pulseLive {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.6; }
    100% { transform: scale(1); opacity: 1; }
}

.live-card {
    margin-bottom: 18px;
    background: linear-gradient(
        135deg,
        rgba(147, 178, 205, 0.18),
        rgba(206, 220, 235, 0.12)
    );
    backdrop-filter: blur(6px);
    border: 1px solid rgba(147, 178, 205, 0.25);
}

.hero-layered .custom-top-banner {
    filter: brightness(0.88) contrast(1.05);
}


/* Tablet landscape hero image adjustment */
@media (min-width: 768px) and (max-width: 1199.98px) and (orientation: landscape) {
    .home-hero-split .custom-top-banner {
        background-position: 86% center;
    }
}


/* =========================
   WELCOME SECTION
========================= */

    .curved-canvas {
        position: relative;
        margin-top: -18px;
        padding: 80px 0 95px;
        overflow: hidden;
        background: var(--updates-bg);
        border-top-left-radius: 60% 180px;
        border-top-right-radius: 60% 180px;
    }

.curved-canvas::after{
    content: "";
    position: absolute;
    left: 48%;
    top: 44%;
    transform: translate(-50%, -40%);
    width: 460px;
    height: 460px;
    background: url('/images/flower.png') no-repeat center;
    background-size: contain;
    opacity: 0.06;
    pointer-events: none;
    z-index: 1;
}

    .updates-feature-layout {
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr);
        gap: 42px;
        align-items: center;
        position: relative;
        z-index: 2;
    }

    .updates-feature-copy {
        max-width: 540px;
        position: relative;
        z-index: 3;
    }
    
    .updates-feature-heading{
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 10px;
}

.updates-feature-avatar{
    flex: 0 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    background: #fff;
}

.updates-feature-avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

    .updates-feature-kicker {
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: rgba(68, 103, 123, 0.72);
        margin-bottom: 12px;
    }

    .updates-feature-title {
        margin: 0 0 16px 0;
        font-size: clamp(26px, 3vw, 40px);
        line-height: 1.08;
        color: #2d2d31;
        font-weight: 650;
    }

    .updates-feature-text {
        font-size: 16px;
        line-height: 1.9;
        color: rgba(43, 49, 58, 0.72);
        max-width: 60ch;
    }

    .updates-feature-signature {
        margin-top: 18px;
    }

    .updates-feature-signature img {
        max-width: 180px;
        width: 100%;
        height: auto;
        display: block;
    }

    .updates-feature-media {
        width: 100%;
        min-width: 0;
        position: relative;
        z-index: 2;
    }

    .updates-feature-image-wrap {
        position: relative;
        width: 100%;
        max-width: 680px;
        margin-left: auto;
        min-height: 460px;
        overflow: hidden;
        background: transparent;
        border-radius: 28px;
    }

    .updates-feature-image-wrap img {
        width: 100%;
        height: 420px;
        object-fit: cover;
        object-position: center;
        display: block;
        border-radius: 28px;

    }


.updates-feature-media-title{
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(68, 103, 123, 0.72);
    margin-bottom: 16px;
    text-align: right;
}
.updates-feature-overlay{
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 10px;
    width: auto;
    max-width: 520px;

    background: rgba(255,255,255,0.90);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    border-radius: 20px;
    padding: 20px 20px 16px;

    box-shadow: 0px 6px 4px rgba(0,0,0,0.26);
    z-index: 3;
}

    .updates-feature-overlay h3 {
        margin: 0 0 10px 0;
        font-size: 25px;
        line-height: 1.2;
        color: #2d2d31;
        font-weight: 650;
    }

    .updates-feature-overlay p {
        margin: 0 0 12px 0;
        font-size: 14.5px;
        line-height: 1.75;
        color: rgba(43,49,58,0.72);
    }

    .updates-feature-overlay a {
        display: inline-block;
        font-weight: 800;
        color: #1f1f1f;
        text-decoration: none;
        border-bottom: 2px solid rgba(242,213,138,0.9);
        padding-bottom: 2px;
    }

    .updates-feature-copy,
    .updates-feature-media {
        visibility: visible !important;
    }
    
.updates-feature-signature-wrap{
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.updates-feature-video-btn{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
    font-size: 13.5px;
    text-decoration: none;
    color: #2d2d31;
    padding: 8px 14px;
    margin-top: 14px;
    border-radius: 24px;
    background: rgba(255,255,255,0.75);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    transition: all .2s ease;
}

.updates-feature-video-btn i{
    font-size: 11px;
}

.updates-feature-video-btn:hover{
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(0,0,0,0.12);
}

.updates-feature-slider .owl-nav,
.updates-feature-slider .owl-nav.disabled{
    display: none !important;
}

.updates-feature-slider .owl-dots.disabled{
    display: none !important;
}

    .updates-feature-slider,
.updates-feature-slide {
    width: 100%;
}

.updates-feature-slider{
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease;
}

.updates-feature-slider.owl-loaded{
    opacity: 1;
    visibility: visible;
}

    .updates-feature-slide {
        padding-left: 0;
        box-sizing: border-box;
    }

    .updates-feature-slider .owl-stage-outer {
        overflow: hidden;
    }

    .updates-feature-slider .owl-stage,
    .updates-feature-slider .owl-item {
        display: flex;
    }

    .updates-feature-slider .owl-item {
        justify-content: center;
    }

    .updates-feature-slider .owl-dots{
    display: block !important;
    text-align: center;
    margin-top: 18px !important;
}
    
    @media (max-width: 1199.98px) {
        .updates-feature-layout {
            grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
            gap: 28px;
        }

        .updates-feature-image-wrap {
            min-height: 460px;
        }

        .updates-feature-image-wrap img {
            height: 460px;
        }

        .updates-feature-title {
            font-size: 42px;
        }

        .updates-feature-overlay h3 {
            font-size: 22px;
        }
    }

    @media (max-width: 991.98px) {
        .curved-canvas {
            margin-top: -14px;
            padding: 50px 0 60px;
            border-top-left-radius: 70% 100px;
            border-top-right-radius: 70% 100px;
        }

        .updates-feature-layout {
            grid-template-columns: 1fr;
            gap: 24px;
            align-items: start;
        }

        .updates-feature-copy {
            max-width: 100%;
            text-align: left;
            margin: 0;
        }

        .updates-feature-title {
            font-size: 34px;
            line-height: 1.12;
            margin-bottom: 12px;
        }

        .updates-feature-text {
            font-size: 15px;
            line-height: 1.75;
            max-width: 100%;
        }

        .updates-feature-signature img {
            margin: 0;
        }

        .updates-feature-media {
            margin-top: 6px;
        }

        .updates-feature-image-wrap {
            max-width: 100%;
            min-height: 400px;
        }

        .updates-feature-image-wrap img {
            height: 400px;
        }

        .updates-feature-overlay {
            left: 18px;
            right: 18px;
            bottom: 18px;
            width: auto;
            padding: 18px 18px 16px;
            border-radius: 20px;
            box-shadow: 0 12px 16px rgba(0,0,0,0.14);
        }

        .updates-feature-overlay h3 {
            font-size: 20px;
            line-height: 1.2;
        }

        .updates-feature-overlay p {
            font-size: 14px;
            line-height: 1.6;
        }
    }

    @media (max-width: 767.98px) {
        .curved-canvas {
            margin-top: -4px;
            padding: 40px 0 50px;
            border-top-left-radius: 70% 70px;
            border-top-right-radius: 70% 70px;
        }

         .curved-canvas::after{
        width: 110px;
        height: 110px;
        opacity: 0.08;
    }

        .updates-feature-title {
            font-size: 28px;
        }

        .updates-feature-text {
            font-size: 14px;
            line-height: 1.7;
        }

       .updates-feature-image-wrap {
    min-height: 390px;
    border-radius: 20px;
    padding-bottom: 92px;
    
}

.updates-feature-image-wrap img {
    height: 298px;
    border-radius: 20px 20px 0 0;
    padding-right: 2px;
    padding-left: 8px;
    margin-bottom: 30px !important;
}

.updates-feature-overlay {
    left: 12px;
    right: 12px;
    width: auto;
    bottom: 0;
    padding: 14px 14px 12px;
    border-radius: 16px;
    margin-bottom: 30px !important;
}

        .updates-feature-overlay h3 {
            font-size: 18px;
        }

        .updates-feature-overlay p {
            font-size: 14px;
            line-height: 1.55;
        }
        
        .updates-feature-heading{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.updates-feature-avatar{
    width: 70px;
    height: 70px;
}
    }

@media (max-width: 575.98px) {
    .updates-feature-image-wrap {
        min-height: 390px;
    }

    .updates-feature-image-wrap img {
        height: 298px;
    }

    .updates-feature-overlay p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
    
 /* =========================
   SHOWCASE SECTION
========================= */

    .whychose-us-home4{
        position: relative;
        overflow: hidden;
        padding: 95px 0 130px;
        isolation: isolate;
    }

    .whychose-us-home4 .showcase-bg{
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 0;
        transform: scale(1.02);
    }

.whychose-us-home4 .showcase-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(120deg,
            rgba(147,178,205,0.18) 0%,
            rgba(147,178,205,0.10) 40%,
            rgba(10,15,20,0.35) 70%,
            rgba(10,15,20,0.45) 100%
        );
}

.whychose-us-home4 .showcase-bottom-curve{
    position: absolute;
    left: 50%;
    bottom: -32px;
    transform: translateX(-50%);
    width: 110%;
    height: 130px;
    background: #fff;
    border-top-left-radius: 50% 100%;
    border-top-right-radius: 50% 100%;
    z-index: 2;
}


    .whychose-us-home4 .auto-container{
        position: relative;
        z-index: 3;
    }

    .showcase-inner-wrap{
        min-height: 560px;
        display: flex;
        align-items: center;
    }

    .showcase-feature-strip{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 18px 34px;
        margin-bottom: 38px;
        padding: 0 20px;
        color: #ffffff;
        font-size: 28px;
        line-height: 1.2;
        font-weight: 500;
        text-align: center;
    }

    .showcase-feature-strip span{
        position: relative;
        display: inline-flex;
        align-items: center;
        opacity: 0.95;
    }

    .showcase-feature-strip span:not(:last-child)::after{
        content: "#";
        margin-left: 34px;
        font-size: 22px;
        opacity: 0.75;
    }

.showcase-glass-card{
    position: relative;
    border-radius: 34px;
    overflow: hidden;
    min-height: 410px;
    box-shadow: 0 30px 80px rgba(0,0,0,0.18);
    background: linear-gradient(135deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.04) 100%);
    border: 1px solid rgba(255,255,255,0.20);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.showcase-glass-card::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.02) 38%, rgba(12,18,24,0.28) 100%);
    z-index: 1;
    pointer-events: none;
}

    .showcase-image-side{
        position: relative;
        min-height: 410px;
        z-index: 0;
    }

    .showcase-image-side img{
    width: 100%;
    height: 100%;
    min-height: 410px;
    object-fit: cover;
    object-position: left center;
    filter: saturate(0.9) brightness(0.95);
}

.showcase-content-side{
    position: relative;
    z-index: 2;
    min-height: 410px;
    display: flex;
    align-items: center;
    padding: 55px 55px 55px 35px;
    background: linear-gradient(90deg, rgba(255,255,255,0.02) 0%, rgba(9,14,22,0.08) 18%, rgba(9,14,22,0.25) 100%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

    .showcase-copy{
        max-width: 520px;
        color: #ffffff;
    }

    .showcase-copy .showcase-icon{
        width: 58px;
        height: 58px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 18px;
        font-size: 24px;
        background: rgba(255,255,255,0.12);
        border: 1px solid rgba(255,255,255,0.16);
        box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    }

    .showcase-copy .showcase-mini-title{
        display: inline-block;
        margin-bottom: 12px;
        font-size: 15px;
        line-height: 1.2;
        font-weight: 600;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        color: #d7e7f3;
        margin-left: 16px;
    }

    .showcase-copy h2{
        margin: 0 0 18px;
        color: #ffffff;
        font-size: 50px;
        line-height: 1.1;
        font-weight: 600;
    }

    .showcase-copy p{
        margin: 0 0 28px;
        color: rgba(255,255,255,0.92);
        font-size: 18px;
        line-height: 1.8;
    }

    .showcase-btns{
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        margin-top: 10px;
        align-items: center;
    }

    .showcase-btns .theme-btn{
        min-width: 170px;
        text-align: center;
        border-radius: 999px;
        padding: 15px 26px;
        font-size: 15px;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    .showcase-btns .light-bg{
        background: #93b2cd;
        border: 1px solid #93b2cd;
        color: #ffffff;
    }

    .showcase-btns .light-bg:hover{
        background: #7ea2c1;
        border-color: #7ea2c1;
        color: #ffffff;
    }

    .showcase-btns .transparent-bg{
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.45);
        color: #ffffff;
    }

    .showcase-btns .transparent-bg:hover{
        background: rgba(255,255,255,0.14);
        color: #ffffff;
    }

    @media (max-width: 1399.98px){
        .showcase-copy h2{
            font-size: 44px;
        }
    }

    @media (max-width: 1199.98px){
        .whychose-us-home4{
            padding: 85px 0 120px;
        }

        .showcase-inner-wrap{
            min-height: auto;
        }

        .showcase-copy h2{
            font-size: 40px;
        }

        .showcase-content-side{
            padding: 45px 40px;
        }

        .showcase-feature-strip{
            font-size: 24px;
            gap: 14px 24px;
        }

        .showcase-feature-strip span:not(:last-child)::after{
            margin-left: 24px;
        }
    }

    @media (max-width: 991.98px){
        .whychose-us-home4{
            padding: 75px 0 110px;
        }

        .showcase-feature-strip{
            font-size: 21px;
            margin-bottom: 28px;
        }

        .showcase-glass-card,
        .showcase-image-side,
        .showcase-content-side{
            min-height: auto;
        }

        .showcase-image-side img{
            min-height: 320px;
        }

        .showcase-content-side{
            padding: 38px 28px 40px;
        }

        .showcase-copy h2{
            font-size: 34px;
        }

        .showcase-copy p{
            font-size: 17px;
            line-height: 1.75;
        }

        .whychose-us-home4 .showcase-bottom-curve{
            height: 110px;
        }
    }

    @media (max-width: 767.98px){
        .whychose-us-home4{
            padding: 60px 0 90px;
        }

        .showcase-feature-strip{
            font-size: 17px;
            gap: 10px 18px;
            margin-bottom: 22px;
        }

        .showcase-feature-strip span:not(:last-child)::after{
            margin-left: 18px;
            font-size: 16px;
        }

        .showcase-glass-card{
            border-radius: 24px;
        }

        .showcase-image-side img{
            min-height: 250px;
        }

        .showcase-content-side{
            padding: 28px 20px 30px;
        }

        .showcase-copy .showcase-icon{
            width: 48px;
            height: 48px;
            font-size: 20px;
            margin-bottom: 14px;
        }

        .showcase-copy .showcase-mini-title{
            font-size: 13px;
            letter-spacing: 1.2px;
        }

        .showcase-copy h2{
            font-size: 28px;
            line-height: 1.15;
        }

        .showcase-copy p{
            font-size: 15px;
            line-height: 1.7;
            margin-bottom: 22px;
        }

        .showcase-btns{
            gap: 12px;
        }

        .showcase-btns .theme-btn{
            width: 100%;
            min-width: 100%;
            padding: 14px 20px;
        }

        .whychose-us-home4 .showcase-bottom-curve{
            height: 80px;
        }
    }
    
 /* =========================
   SERVICES SECTION
========================= */

    .home-services-feature-wrap{
        position: relative;
        padding: 24px 0 10px;

    }

    .home-services-feature-box{
        border-radius: 34px;
        padding: 34px;
        overflow: hidden;
    }

    .home-services-feature-grid{
        display: grid;
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
        gap: 34px;
        align-items: center;
    }

    .home-services-slider-col{
        position: relative;
        object-position: center top !important;
    }

    .home-services-slider{
        position: relative;
        width: 100%;
        max-width: 560px;
        min-height: 460px;
        border-radius: 30px;
        overflow: hidden;
        box-shadow: 0 10px 20px rgba(0,0,0,0.26);
        background: #e9e9e9;
    }

    .home-services-slide{
        position: absolute;
        object-position: center top !important;
        inset: 0;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.8s ease, visibility 0.8s ease;
    }

    .home-services-slide.is-active{
        opacity: 1;
        visibility: visible;
        z-index: 2;
    }

    .home-services-slide-link{
        display: block;
        width: 100%;
        height: 100%;
        min-height: 460px;
        position: relative;
    }

    .home-services-slide-link img{
        width: 100%;
        height: 100%;
        min-height: 460px;
        object-fit: cover;
        object-position: center;
        display: block;
    }

    .home-services-slide-overlay{
        position: absolute;
        inset: 0;
        background:
            linear-gradient(to top, rgba(19, 22, 27, 0.70) 0%, rgba(19, 22, 27, 0.26) 44%, rgba(19, 22, 27, 0.06) 70%);
    }

    .home-services-slide-content{
        position: absolute;
        left: 22px;
        right: 22px;
        bottom: 22px;
        z-index: 3;
        padding: 20px 20px 18px;
        border-radius: 22px;
        background: rgba(255,255,255,0.66);
        border: 1px solid rgba(255,255,255,0.22);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        transform: translateY(28px);
        opacity: 0;
        transition: transform 0.6s ease, opacity 0.6s ease;
    }

    .home-services-slide.is-active .home-services-slide-content{
        transform: translateY(0);
        opacity: 1;
        transition-delay: 0.18s;
    }

    .home-services-slide-title{
        margin: 0 0 10px;
        font-size: 1.4rem;
        line-height: 1.15;
        font-weight: 700;
    }

    .home-services-slide-title a{
        color: #42596d;
        text-decoration: none;
    }

    .home-services-slide-desc{
        margin: 0 0 14px;
        color: rgba(66,89,109,0.95);
        font-size: 1rem;
        line-height: 1.7;
    }

    .home-services-slide-btn{
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 12px 18px;
        border-radius: 999px;
        background: rgba(255,255,255,0.92);
        color: #243847;
        font-weight: 700;
        text-decoration: none;
        transition: all 0.2s ease;
    }

    .home-services-slide-btn:hover{
        background: #93b2cd;
        color: #ffffff;
    }

    .home-services-arrow{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 4;
        width: 46px;
        height: 46px;
        border: 0;
        border-radius: 50%;
        background: rgba(255,255,255,0.92);
        color: #324d60;
        box-shadow: 0 10px 24px rgba(0,0,0,0.16);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
    }

    .home-services-arrow:hover{
        background: #93b2cd;
        color: #ffffff;
    }

    .home-services-arrow.prev{
        left: 14px;
    }

    .home-services-arrow.next{
        right: 14px;
    }

    .home-services-copy-col{
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 0;
    }

    .home-services-kicker{
        display: inline-block;
        margin-bottom: 14px;
        color: #93b2cd;
        font-size: 13px;
        line-height: 1;
        letter-spacing: 0.18em;
        font-weight: 700;
        text-transform: uppercase;
    }

    .home-services-main-heading{
        margin: 0 0 18px;
        font-size: clamp(2rem, 3vw, 3.3rem);
        line-height: 1.08;
        font-weight: 700;
        color: #233846;
    }

    .home-services-main-desc{
        margin: 0 0 24px;
        color: #576d7b;
        font-size: 1.02rem;
        line-height: 1.9;
        max-width: 620px;
    }

    .home-services-main-actions{
        margin-bottom: 26px;
    }

    .home-services-main-btn{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 52px;
        padding: 14px 24px;
        border-radius: 999px;
        background: #93b2cd;
        color: #ffffff;
        font-weight: 700;
        text-decoration: none;
        box-shadow: 0 10px 24px rgba(147,178,205,0.24);
        transition: all 0.2s ease;
    }

    .home-services-main-btn:hover{
        background: #7ea2c1;
        color: #ffffff;
    }

        .home-services-thumbs-wrap{
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 4px;
    }

    .home-services-thumbs-viewport{
        overflow: hidden;
        flex: 1 1 auto;
        min-width: 0;
    }

    .home-services-thumbs-track{
        display: flex;
        gap: 12px;
        align-items: center;
        transition: transform 0.35s ease;
        will-change: transform;
        padding: 8px;
    }

    .home-services-thumb-nav{
        width: 38px;
        height: 38px;
        border: 0;
        border-radius: 50%;
        background: #fff;
        color: #345062;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 1px;
        box-shadow: 0 6px 6px rgba(0,0,0,0.08);
        transition: all 0.2s ease;
        flex: 0 0 38px;
    }

    .home-services-thumb-nav:hover{
        background: #93b2cd;
        color: #eef4f8;
    }

    .home-services-thumb-nav:disabled{
        opacity: 0.45;
        cursor: not-allowed;
        pointer-events: none;
    }

.home-services-thumb{
    border: 0;
    background: transparent;
    padding: 0;
    width: 86px;
    min-width: 86px;
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.25s ease;
    flex: 0 0 86px;
    transform: scale(0.95);
}

    .home-services-thumb.is-active{
    opacity: 1;
    transform: scale(1.05);
}

    .home-services-thumb img{
        width: 100%;
        height: 64px;
        object-fit: cover;
        border-radius: 16px;
        display: block;
        border: 3px solid transparent;
        box-shadow: 0 4px 8px rgba(0,0,0,0.10);
    }

    .home-services-thumb.is-active img{
    border-color: #93b2cd;
    box-shadow: 0 6px 4px rgba(147,178,205,0.35);
    margin-bottom: 6px;
}

    .home-services-counter{
        margin-top: 12px;
        color: #7e96a5;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.16em;
        text-transform: uppercase;
    }

    @media (max-width: 1199.98px){
        .home-services-feature-box{
            padding: 28px;
        }

        .home-services-feature-grid{
            grid-template-columns: 1fr;
            gap: 26px;
        }

        .home-services-slider{
            max-width: 100%;
        }
    }

    @media (max-width: 991.98px){
        .home-services-slider,
        .home-services-slide-link,
        .home-services-slide-link img{
            min-height: 390px;
        }

        .home-services-main-desc{
            line-height: 1.75;
        }
    }

    @media (max-width: 767.98px){
        
        .home-services-slider-col{
            margin-bottom: 10px;
        }

        .home-services-thumbs-wrap{
            margin-top: 10px;
        }
        .home-services-copy-col{
            order: 1;
        }

        .home-services-slider-col{
            order: 2;
        }
        .home-services-feature-wrap{
            padding: 14px 0 4px;
        }

        .home-services-feature-box{
            padding: 18px;
            border-radius: 24px;
        }

        .home-services-slider,
        .home-services-slide-link,
        .home-services-slide-link img{
            min-height: 320px;
        }

        .home-services-slide-content{
            left: 14px;
            right: 14px;
            bottom: 14px;
            padding: 16px 16px 14px;
            border-radius: 18px;
        }

        .home-services-slide-title{
            font-size: 1.35rem;
        }

        .home-services-slide-desc{
            font-size: 0.94rem;
            line-height: 1.55;
            margin-bottom: 12px;
        }

        .home-services-slide-btn{
            width: 100%;
            justify-content: center;
        }

        .home-services-arrow{
            width: 40px;
            height: 40px;
        }

        .home-services-arrow.prev{
            left: 10px;
        }

        .home-services-arrow.next{
            right: 10px;
        }

        .home-services-main-heading{
            font-size: 1.9rem;
            margin-bottom: 14px;
        }

        .home-services-main-desc{
            font-size: 0.97rem;
            margin-bottom: 18px;
        }

        .home-services-main-actions{
            margin-bottom: 18px;
        }

        .home-services-main-btn{
            width: 100%;
        }

                .home-services-thumbs-wrap{
            gap: 8px;
        }

        .home-services-thumb-nav{
            width: 34px;
            height: 34px;
            flex: 0 0 34px;
        }

        .home-services-thumbs-track{
            gap: 10px;
        }

        .home-services-thumb{
            width: 70px;
            min-width: 70px;
            flex: 0 0 70px;
        }

        .home-services-thumb img{
            height: 60px;
            border-radius: 12px;
        }
    }
    .home-services-help-btn{
        background: rgba(255,255,255,0.88);
        color: #345062;
        box-shadow: 0 10px 24px rgba(0,0,0,0.08);
        border: 1px solid rgba(147,178,205,0.22);
    }

    .home-services-help-btn:hover{
        background: #345062;
        color: #ffffff;
    }
    
/* =========================
   SERVICE FINDER MODAL
========================= */

    .home-service-finder-modal .modal-dialog{
        padding: 20px;
    }

    .home-service-finder-shell{
        position: relative;
        border: 0;
        border-radius: 34px;
        overflow: hidden;
        background:
            radial-gradient(circle at top right, rgba(206,220,235,0.80) 0%, rgba(206,220,235,0.12) 34%, rgba(255,255,255,0) 62%),
            linear-gradient(180deg, #fcfeff 0%, #f7fafc 100%);
        box-shadow: 0 28px 90px rgba(31,52,65,0.18);
    }

    .home-service-finder-shell::before{
        content: "";
        position: absolute;
        top: -90px;
        right: -70px;
        width: 260px;
        height: 260px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(147,178,205,0.18) 0%, rgba(147,178,205,0) 72%);
        pointer-events: none;
    }

    .home-service-finder-shell::after{
        content: "";
        position: absolute;
        bottom: -110px;
        left: -80px;
        width: 280px;
        height: 280px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(206,220,235,0.34) 0%, rgba(206,220,235,0) 72%);
        pointer-events: none;
    }

    .home-service-finder-topbar{
        height: 7px;
        width: 100%;
        background: linear-gradient(90deg, #93b2cd 0%, #cedceb 50%, #93b2cd 100%);
    }

    .home-service-finder-header{
        position: relative;
        z-index: 2;
        padding: 26px 28px 14px;
    }

    .home-service-finder-header-copy{
        max-width: 780px;
    }

    .home-service-modal-kicker{
        display: inline-block;
        margin-bottom: 10px;
        padding: 8px 14px;
        border-radius: 999px;
        background: rgba(147,178,205,0.12);
        color: #6f8da5;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
    }

    .home-service-finder-title{
        font-size: clamp(1.9rem, 2.5vw, 2.5rem);
        line-height: 1.08;
        font-weight: 700;
        color: #233846;
    }

    .home-service-finder-subtitle{
        max-width: 760px;
        color: #647a88;
        font-size: 1rem;
        line-height: 1.75;
    }

    .home-service-finder-close{
        position: relative;
        z-index: 2;
        width: 42px;
        height: 42px;
        padding: 0;
        border-radius: 50%;
        background-color: rgba(255,255,255,0.86);
        box-shadow: 0 8px 22px rgba(0,0,0,0.08);
        opacity: 1;
    }

    .home-service-finder-close:hover{
        background-color: #ffffff;
    }

    .home-service-finder-body{
        position: relative;
        z-index: 2;
        padding: 0 28px 30px;
    }

    .home-service-finder-intro-card{
        display: grid;
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 16px;
        align-items: start;
        padding: 20px 22px;
        margin-bottom: 20px;
        border-radius: 24px;
        background: rgba(255,255,255,0.86);
        border: 1px solid rgba(147,178,205,0.18);
        box-shadow: 0 16px 40px rgba(31,52,65,0.07);
    }

    .home-service-finder-intro-icon{
        width: 64px;
        height: 64px;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, rgba(147,178,205,0.18) 0%, rgba(206,220,235,0.32) 100%);
        color: #5b768a;
        font-size: 1.3rem;
    }

    .home-service-finder-intro-copy h4{
        margin: 0 0 8px;
        color: #243847;
        font-size: 1.1rem;
        font-weight: 700;
    }

        .home-service-finder-intro-copy p{
        color: #667c89;
        line-height: 1.75;
        font-size: 0.98rem;
    }

    .home-service-finder-note{
        display: inline-flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 4px;
        padding: 8px 12px;
        border-radius: 999px;
        background: rgba(147,178,205,0.10);
        color: #5f7789;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .home-service-help-progress-wrap{
        margin-bottom: 20px;
        padding: 18px 20px;
        border-radius: 22px;
        background: rgba(255,255,255,0.78);
        border: 1px solid rgba(147,178,205,0.14);
    }

    .home-service-help-step-text{
        color: #6f8796;
        font-weight: 600;
    }

    .home-service-finder-back-btn{
        border-radius: 999px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .home-service-help-progress{
        width: 100%;
        height: 12px;
        border-radius: 999px;
        background: #eaf1f5;
        overflow: hidden;
    }

    .home-service-help-progress-bar{
        height: 100%;
        border-radius: 999px;
        background: linear-gradient(90deg, #93b2cd 0%, #cedceb 100%);
        box-shadow: 0 4px 14px rgba(147,178,205,0.35);
        transition: width 0.3s ease;
    }

    .home-service-finder-panel{
        padding: 24px;
        border-radius: 28px;
        background: rgba(255,255,255,0.82);
        border: 1px solid rgba(147,178,205,0.14);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
    }

    .home-service-question-head{
        max-width: 700px;
        margin: 0 auto 26px;
    }

    .home-service-question-kicker{
        display: inline-block;
        margin-bottom: 10px;
        color: #8da4b4;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.16em;
        text-transform: uppercase;
    }

    .home-service-question-head h4{
        color: #223845;
        font-size: clamp(1.5rem, 2vw, 2rem);
        font-weight: 700;
        line-height: 1.15;
    }

    .home-service-question-head p{
        color: #6a7f8c;
        line-height: 1.75;
        font-size: 0.98rem;
    }

    .home-service-guide-btn,
    .home-service-guide-level{
        display: flex;
        align-items: center;
        gap: 16px;
        min-height: 92px;
        width: 100%;
        padding: 18px 18px;
        border: 1px solid rgba(147,178,205,0.16);
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(247,250,252,0.96) 100%);
        color: #28404f;
        text-align: left;
        transition: all 0.22s ease;
        box-shadow: 0 8px 22px rgba(31,52,65,0.05);
    }

    .home-service-guide-btn:hover,
    .home-service-guide-level:hover,
    .home-service-guide-btn.active,
    .home-service-guide-level.active{
        transform: translateY(-2px);
        border-color: rgba(147,178,205,0.42);
        background: linear-gradient(180deg, #ffffff 0%, #f5f9fb 100%);
        box-shadow: 0 16px 34px rgba(147,178,205,0.16);
        color: #1f3441;
    }

    .home-service-guide-btn-inner{
        display: flex;
        flex-direction: column;
        min-width: 0;
        flex: 1 1 auto;
    }

    .home-service-guide-btn-title{
        display: block;
        font-size: 1.02rem;
        font-weight: 700;
        line-height: 1.25;
        color: #223845;
    }

    .home-service-guide-btn-text{
        display: block;
        margin-top: 5px;
        color: #748995;
        font-size: 0.91rem;
        font-weight: 500;
        line-height: 1.45;
    }

    .home-service-guide-count{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        height: 40px;
        padding: 0 12px;
        border-radius: 999px;
        background: linear-gradient(180deg, #edf4f8 0%, #e3edf4 100%);
        color: #4f6778;
        font-size: 12px;
        font-weight: 700;
        flex: 0 0 auto;
    }

    .home-service-level-icon{
        width: 48px;
        height: 48px;
        border-radius: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, rgba(147,178,205,0.16) 0%, rgba(206,220,235,0.28) 100%);
        color: #5f7a8f;
        font-size: 1.05rem;
        flex: 0 0 48px;
    }

    .home-service-level-copy{
        display: flex;
        flex-direction: column;
        min-width: 0;
        flex: 1 1 auto;
    }

    .home-service-level-title{
        display: block;
        color: #223845;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.25;
    }

    .home-service-level-text{
        display: block;
        margin-top: 5px;
        color: #748995;
        font-size: 0.9rem;
        line-height: 1.45;
    }

    .home-service-summary-pill{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 9px 13px;
        border-radius: 999px;
        background: linear-gradient(180deg, #f3f8fb 0%, #eaf2f7 100%);
        color: #42596d;
        font-size: 13px;
        font-weight: 600;
        border: 1px solid rgba(147,178,205,0.14);
    }

    .home-service-results-head{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 16px;
        margin-bottom: 18px;
        flex-wrap: wrap;
    }

    .home-service-results-btn{
        border-radius: 999px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .home-service-result-grid{
        display: grid;
        gap: 18px;
    }

    .home-service-result-item{
        display: grid;
        grid-template-columns: 150px minmax(0, 1fr);
        gap: 18px;
        padding: 18px;
        border: 1px solid rgba(147,178,205,0.14);
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,251,253,0.96) 100%);
        box-shadow: 0 10px 26px rgba(31,52,65,0.05);
    }

    .home-service-result-item-featured{
        border-color: rgba(147,178,205,0.34);
        background:
            radial-gradient(circle at top right, rgba(206,220,235,0.42) 0%, rgba(206,220,235,0.10) 32%, rgba(255,255,255,0) 62%),
            linear-gradient(180deg, #ffffff 0%, #f7fbfd 100%);
        box-shadow: 0 18px 40px rgba(147,178,205,0.16);
        transform: scale(1.01);
    }
    
    .home-service-result-item-featured::before{
    content: "Best Match";
    position: absolute;
    top: -10px;
    left: 18px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    background: linear-gradient(90deg, #93b2cd 0%, #7ea2c1 100%);
    color: #fff;
    box-shadow: 0 6px 14px rgba(147,178,205,0.25);
    }
    
    .home-service-result-item{
    position: relative;
    }

    .home-service-result-image-wrap{
        width: 100%;
        height: 150px;
        border-radius: 20px;
        overflow: hidden;
        background: #eef3f6;
        box-shadow: 0 10px 18px rgba(0,0,0,0.07);
    }

    .home-service-result-image-wrap img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .home-service-result-image-placeholder{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #8aa2b3;
        font-size: 1.3rem;
    }

    .home-service-result-meta{
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 10px;
    }

    .home-service-result-badge,
    .home-service-result-category{
        display: inline-flex;
        align-items: center;
        padding: 7px 11px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 700;
    }

    .home-service-result-badge{
        background: linear-gradient(90deg, #93b2cd 0%, #7fa4c3 100%);
        color: #ffffff;
        box-shadow: 0 6px 14px rgba(147,178,205,0.24);
    }

    .home-service-result-item-featured .home-service-result-badge{
        background: linear-gradient(90deg, #7ea2c1 0%, #93b2cd 50%, #c3d5e3 100%);
        box-shadow: 0 8px 18px rgba(147,178,205,0.30);
    }

    .home-service-result-category{
        background: #eef4f8;
        color: #4c6374;
    }

    .home-service-result-title{
        margin: 0 0 8px;
        font-size: 1.14rem;
        line-height: 1.3;
        font-weight: 700;
        color: #243847;
    }

    .home-service-result-text{
        margin: 0 0 14px;
        color: #607582;
        font-size: 0.96rem;
        line-height: 1.7;
    }

    .home-service-result-actions{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .home-service-result-actions .btn{
        min-width: 120px;
        border-radius: 999px;
        padding-left: 16px;
        padding-right: 16px;
        font-weight: 700;
    }
    
    .home-service-result-actions .btn-outline-primary{
    opacity: 0.85;
    }

    .home-service-result-actions .btn-outline-primary:hover{
    opacity: 1;
    }

    .home-service-result-item-featured .home-service-result-title{
        font-size: 1.18rem;
    }

    .home-service-result-item-featured .btn-primary{
        box-shadow: 0 10px 24px rgba(147,178,205,0.28);
    }

    .home-service-view-all-btn{
        border-radius: 999px;
        min-height: 48px;
        padding-left: 22px;
        padding-right: 22px;
        padding-top: 12px;
        font-weight: 700;
    }

    @media (max-width: 991.98px){
        .home-service-finder-shell{
            border-radius: 28px;
        }

        .home-service-finder-header{
            padding: 22px 22px 12px;
        }

        .home-service-finder-body{
            padding: 0 22px 24px;
        }

        .home-service-finder-panel{
            padding: 20px;
            border-radius: 24px;
        }

        .home-service-result-item{
            grid-template-columns: 120px minmax(0, 1fr);
        }

        .home-service-result-image-wrap{
            height: 120px;
        }
    }

    @media (max-width: 767.98px){
        .home-service-finder-modal .modal-dialog{
            padding: 10px;
            margin: 0;
        }
        
        .home-service-finder-close{
        width: 62px !important;
        height: 22px !important;
        }

        .home-service-finder-shell{
            border-radius: 24px;
        }

        .home-service-finder-header{
            padding: 18px 18px 10px;
            align-items: flex-start;
        }

        .home-service-finder-body{
            padding: 0 18px 20px;
        }

        .home-service-finder-title{
            font-size: 1.65rem;
        }

        .home-service-finder-subtitle{
            font-size: 0.95rem;
            line-height: 1.65;
        }

        .home-service-finder-intro-card{
            grid-template-columns: 1fr;
            gap: 14px;
            padding: 16px;
            border-radius: 20px;
        }

        .home-service-finder-intro-icon{
            width: 52px;
            height: 52px;
            border-radius: 14px;
        }

        .home-service-help-progress-wrap{
            padding: 14px 16px;
            border-radius: 18px;
        }

        .home-service-finder-panel{
            padding: 16px;
            border-radius: 20px;
        }

        .home-service-question-head{
            margin-bottom: 22px;
        }

        .home-service-guide-btn,
        .home-service-guide-level{
            min-height: 84px;
            padding: 16px;
            border-radius: 18px;
        }

        .home-service-results-head{
            margin-bottom: 16px;
        }

        .home-service-result-item{
            grid-template-columns: 1fr;
            padding: 16px;
            border-radius: 20px;
        }

        .home-service-result-item-featured{
            transform: none;
        }

        .home-service-result-image-wrap{
            height: 210px;
            border-radius: 18px;
        }

        .home-service-result-actions .btn{
            width: 100%;
        }

        .home-service-view-all-btn{
            width: 100%;
        }
    }
    .btn-book-now{
    background: #4cc34a;
    color: #fff;
    border: none;
    box-shadow: 0 8px 18px rgba(76,195,74,0.25);
}

.btn-book-now:hover{
    background: #3fb13e;
    color: #fff;
}


 /* =========================
   SLIDERS SECTION
========================= */

    .home-logo-strip{
        position: relative;
        padding: 16px 0;
        background: #93b2cd7a;
        border-top: 1px solid rgba(0,0,0,0.04);
        border-bottom: 1px solid rgba(0,0,0,0.04);
        overflow: hidden;
    }

    .home-logo-strip::before{
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
            90deg,
            rgba(255,255,255,1) 0%,
            rgba(238,244,248,0) 6%,
            rgba(238,244,248,0) 94%,
            rgba(255,255,255,1) 100%
        );
        pointer-events: none;
        z-index: 2;
    }

    .home-logo-strip .auto-container{
        position: relative;
        z-index: 1;
    }

    .home-logo-strip .clients-carousel .owl-stage{
        display: flex;
        align-items: center;
    }

    .home-logo-strip .owl-dots,
    .home-logo-strip .owl-nav{
        display: none !important;
    }

    .home-logo-strip .client-block{
        padding: 0 12px;
    }

    .home-logo-strip .inner-box,
    .home-logo-strip .image-box,
    .home-logo-strip .image{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        min-height: 56px;
    }

.home-logo-strip .image a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    text-decoration: none;
}

.home-logo-strip .image{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin: 0;
    min-height: 56px;
}

.home-logo-strip .logo-separator{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    flex-shrink: 0;
    margin-left: 80px;
    opacity: 0.5;
}

    .home-logo-strip .image img{
        height: 48px;
        width: auto;
        max-width: 180px;
        object-fit: contain;
        opacity: 0.9;
        filter: grayscale(100%);
        transition: all 0.25s ease;
    }

    .home-logo-strip .image a:hover img{
        opacity: 1;
        filter: grayscale(0%);
        transform: scale(1.04);
    }

    @media (max-width: 991px){
        .home-logo-strip{
            padding: 14px 0;
        }

        .home-logo-strip .client-block{
            padding: 0 10px;
        }

        .home-logo-strip .inner-box,
        .home-logo-strip .image-box,
        .home-logo-strip .image{
            min-height: 50px;
        }

        .home-logo-strip .image a{
            gap: 8px;
        }

        .home-logo-strip .image a::after{
            font-size: 14px;
        }

        .home-logo-strip .image img{
            height: 40px;
            max-width: 150px;
        }
        
        .home-logo-strip .logo-separator{
         font-size: 14px;
}
    }

    @media (max-width: 767px){
        .home-logo-strip{
            padding: 12px 0;
        }

        .home-logo-strip .client-block{
            padding: 0 8px;
        }

        .home-logo-strip .inner-box,
        .home-logo-strip .image-box,
        .home-logo-strip .image{
            min-height: 42px;
        }

        .home-logo-strip .image a{
            gap: 10px;
            padding: 3px 6px;
        }

        .home-logo-strip .image a::after{
            font-size: 12px;
        }

        .home-logo-strip .image img{
            height: 32px;
            max-width: 120px;
        }
        .home-logo-strip .logo-separator{
         font-size: 12px;
        }
    }

 /* =========================
   LEARN SECTION
========================= */

.promo-learn-shell::before{
    content: "";
    position: absolute;
    top: -120px;
    left: 0;
    width: 100%;
    height: 100px;
    background: var(--promo-learn-bg);
    border-bottom-left-radius: 50% 100%;
    border-bottom-right-radius: 50% 100%;
    z-index: 0;
}

    .promo-learn-shell::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 100px;
    background: #fff; /* next section colour */
    border-top-left-radius: 60% 100%;
    border-top-right-radius: 60% 100%;
    z-index: 0;
}

    .promo-learn-shell{
        position: relative;
        overflow: hidden;
        padding: 120px 0 120px;
    }


    .promo-learn-shell .auto-container{
        position: relative;
        z-index: 2;
        max-width: 1320px;
    }

    .promo-learn{
        position: relative;
    }

    .promo-learn__top{
        display: flex;
        align-items: center;
        gap: 42px;
        margin-bottom: 26px;
    }

    .promo-learn__content{
        width: 42%;
        min-width: 0;
        margin-top: -76px;
    }

    .promo-learn__label{
        display: inline-block;
        margin-bottom: 12px;
        margin-top: 14px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #89a2b7;
    }

    .promo-learn__title{
        margin: 0 0 18px;
        font-size: 52px;
        line-height: 1.08;
        color: #163a63;
    }

    .promo-learn__desc{
        max-width: 540px;
        margin: 0;
        font-size: 17px;
        line-height: 1.7;
        color: #5c7185;
    }

    .promo-learn__chips{
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 24px;
    }

    .promo-learn__chip{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 18px;
        border-radius: 999px;
        background: rgba(255,255,255,0.82);
        border: 1px solid rgba(147,178,205,0.14);
        box-shadow: 0 10px 25px rgba(20,49,84,0.05);
        font-size: 15px;
        color: #35506d;
        backdrop-filter: blur(6px);
    }

    .promo-learn__chip i{
        font-size: 15px;
        color: #6d8fad;
    }

    .promo-learn__featureWrap{
        width: 58%;
        min-width: 0;
        position: relative;
    }

    .promo-learn__featureGlow{
        position: absolute;
        inset: 40px -30px -20px 120px;
        background: radial-gradient(circle, rgba(147,178,205,0.20) 0%, rgba(147,178,205,0.00) 72%);
        pointer-events: none;
        z-index: 0;
    }

.promo-learn__feature{
    position: relative;
    display: block;
    width: 100%;
    min-height: 430px;
    border-radius: 34px;
    overflow: visible;
    box-shadow: none;
    z-index: 2;
    background: transparent;
    padding-bottom: 110px;
}

.promo-learn__featureImage{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 30px);
    object-fit: cover;
    object-position: center top;
    border-radius: 34px;
    box-shadow: 0 14px 18px rgba(22,58,99,0.16);
    transition: opacity 0.35s ease;
}


    .promo-learn__featureCard{
        position: absolute;
        left: -50px;
        right: 24px;
        bottom: -40px;
        max-width: 520px;
        background: rgba(255,255,255,0.72);
        border: 1px solid rgba(255,255,255,0.60);
        border-radius: 26px;
        padding: 22px 22px 18px;
        box-shadow: 0 18px 36px rgba(19,45,75,0.16);
        backdrop-filter: blur(10px);
    }

    .promo-learn__featureBadge{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 14px;
        padding: 8px 14px;
        border-radius: 999px;
        background: #ffffff;
        border: 1px solid rgba(147,178,205,0.22);
        font-size: 13px;
        font-weight: 600;
        color: #5b7d9d;
    }

    .promo-learn__featureBadge i{
        color: #6a90b2;
    }

    .promo-learn__featureTitle{
        margin: 0 0 10px;
        font-size: 22px;
        line-height: 1.25;
        color: #163a63;
    }

    .promo-learn__featureText{
        margin: 0 0 15px;
        font-size: 15px;
        line-height: 1.65;
        color: #5d7083;
    }

    .promo-learn__featureLink{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 15px;
        font-weight: 600;
        color: #4b7ea5;
        text-decoration: none;
    }

    .promo-learn__featureLink:hover{
        color: #2f628a;
        text-decoration: none;
    }

    .promo-learn__bottom{
        position: relative;
    }

    .promo-learn__header{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 16px;
        margin-top: 42px;
    }

    .promo-learn__sliderTitle{
        margin: 0;
        font-size: 18px;
        line-height: 1.2;
        color: #163a63;
    }

    .promo-learn__nav{
        display: flex;
        align-items: center;
        gap: 12px;
        flex-shrink: 0;
    }

    .promo-learn__arrow{
        width: 48px;
        height: 48px;
        border: 0;
        border-radius: 50%;
        background: rgba(255,255,255,0.92);
        color: #4b7ea5;
        box-shadow: 0 14px 28px rgba(20,49,84,0.08);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.25s ease;
        cursor: pointer;
    }

    .promo-learn__arrow:hover{
        transform: translateY(-2px);
        box-shadow: 0 10px 14px rgba(20,49,84,0.12);
        color: #2f628a;
    }

    .promo-learn__arrow:focus{
        outline: none;
    }

.promo-learn__slider{
    display: flex;
    gap: 18px;
    overflow-x: auto;
    padding: 2px 0 20px;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

    .promo-learn__slider::-webkit-scrollbar{
        display: none;
    }

    .promo-learn__slider.is-dragging{
        cursor: grabbing;
        scroll-behavior: auto;
    }

.promo-learn__item{
    flex: 0 0 calc(33.333% - 12px);
    min-width: calc(33.333% - 12px);
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

    .promo-learn__card{
        display: block;
        height: 100%;
        background: rgba(255,255,255,0.94);
        border: 1px solid rgba(147,178,205,0.10);
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 4px 10px rgba(20,49,84,0.08);
        transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
        text-decoration: none;
    }

    .promo-learn__card:hover{
        transform: translateY(-5px);
        box-shadow: 0 14px 18px rgba(20,49,84,0.11);
        text-decoration: none;
    }

    .promo-learn__card.is-active{
        border-color: rgba(75,126,165,0.30);
        box-shadow: 0 6px 18px rgba(20,49,84,0.23);
    }

    .promo-learn__thumbWrap{
        position: relative;
        height: 165px;
        overflow: hidden;
    }

.promo-learn__thumb{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.35s ease;
}

    .promo-learn__card:hover .promo-learn__thumb{
        transform: scale(1.04);
    }

    .promo-learn__miniBadge{
        position: absolute;
        top: 10px;
        right: 10px;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(255,255,255,0.95);
        font-size: 11px;
        font-weight: 600;
        color: #5b7d9d;
        box-shadow: 0 8px 15px rgba(20,49,84,0.07);
    }

    .promo-learn__miniBadge i{
        color: #6a90b2;
    }

    .promo-learn__body{
        padding: 16px 16px 14px;
    }

    .promo-learn__cardTitle{
        margin: 0 0 8px;
        font-size: 18px;
        line-height: 1.25;
        color: #163a63;
    }

    .promo-learn__cardText{
        margin: 0 0 12px;
        font-size: 14px;
        line-height: 1.55;
        color: #5d7083;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .promo-learn__cardFooter{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    .promo-learn__cardLink{
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 14px;
        font-weight: 600;
        color: #4b7ea5;
        text-decoration: none;
    }

    .promo-learn__cardLink:hover{
        color: #2f628a;
        text-decoration: none;
    }

    .promo-learn__cardMeta{
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 13px;
        color: #71859a;
        white-space: nowrap;
    }

    .promo-learn__cardMeta i{
        color: #6d8fad;
    }

    @media (max-width: 1199px){
        .promo-learn__top{
            gap: 34px;
        }

        .promo-learn__content{
            width: 44%;
        }

        .promo-learn__featureWrap{
            width: 56%;
        }

        .promo-learn__title{
            font-size: 44px;
        }

        .promo-learn__feature{
            min-height: 400px;
        }

        .promo-learn__item{
            flex: 0 0 calc(50% - 9px);
            min-width: calc(50% - 9px);
        }
    }

    @media (max-width: 991px){
        .promo-learn-shell{
    padding-bottom: 110px;
}

.promo-learn-shell::after{
    height: 110px;
}
        
        .promo-learn-shell{
            padding: 90px 0 80px;
        }

        .promo-learn-shell::before{
            height: 140px;
            top: -70px;
        }

        .promo-learn__top{
            flex-direction: column;
            gap: 26px;
            margin-bottom: 24px;
        }

        .promo-learn__content,
        .promo-learn__featureWrap{
            width: 100%;
        }

        .promo-learn__title{
            font-size: 38px;
        }

        .promo-learn__desc{
            max-width: 100%;
            font-size: 16px;
        }

        .promo-learn__feature{
            min-height: 360px;
        }

        .promo-learn__featureCard{
            max-width: calc(66% - 48px);
            left: 16px;
            right: 16px;
            bottom: 0;
            padding: 18px 18px 16px;
            border-radius: 20px;
        }

        .promo-learn__header{
            flex-direction: row;
            align-items: center;
        }

        .promo-learn__nav{
            justify-content: flex-start;
        }

        .promo-learn__item{
            flex: 0 0 78%;
            min-width: 78%;
        }
    }

    @media (max-width: 767px){
        .promo-learn-shell{
            padding: 78px 0 68px;
        }

        .promo-learn__title{
            font-size: 32px;
        }

        .promo-learn__chips{
            gap: 10px;
        }

        .promo-learn__chip{
            font-size: 14px;
            padding: 10px 14px;
        }

        .promo-learn__feature{
            min-height: 300px;
            border-radius: 26px;
            padding-bottom: 88px;
        }

        .promo-learn__featureImage{
    height: calc(100% - 88px);
    object-position: center top;
    border-radius: 26px;
    box-shadow: 0 8px 10px rgba(22, 58, 99, 0.16);
}

        .promo-learn__featureCard{
            left: 16px;
            right: 16px;
            bottom: 0;
            max-width: none;
            padding: 18px 18px 16px;
            border-radius: 20px;
        }

        .promo-learn__featureTitle{
            font-size: 20px;
        }

        .promo-learn__featureText{
            font-size: 14px;
            line-height: 1.6;
        }

        .promo-learn__sliderTitle{
            font-size: 17px;
        }

        .promo-learn__arrow{
            width: 44px;
            height: 44px;
        }

        .promo-learn__item{
            flex: 0 0 96%;
            min-width: 96%;
            margin-left: 3px;
        }

        .promo-learn__thumbWrap{
            height: 150px;
        }

        .promo-learn__body{
            padding: 14px 14px 12px;
        }

        .promo-learn__cardTitle{
            font-size: 17px;
        }

        .promo-learn__cardFooter{
            flex-direction: column;
            align-items: flex-start;
        }
        
        
    }

 /* =========================
   TESTIMONIALS SECTION
========================= */


 .home-testimonials-modern{
            position: relative;
            padding: 0px 0 34px;
            overflow: hidden;
        }

        .home-testimonials-modern::before{
            content: "";
            position: absolute;
            top: -120px;
            right: -120px;
            width: 340px;
            height: 340px;

            pointer-events: none;
        }

        .home-testimonials-modern::after{
            content: "";
            position: absolute;
            bottom: -100px;
            left: -80px;
            width: 280px;
            height: 280px;

            pointer-events: none;
        }

        .home-testimonials-modern .auto-container{
            position: relative;
            z-index: 2;
        }

        .home-testimonials-modern h2{
            margin: 0;
            font-size: 46px;
            line-height: 1.14;
            color: #163a63;
        }

        .home-testimonials-modern .carousel-outer{
            padding: 0;
        }

        .home-testimonials-modern .testimonial-carousel-two .owl-stage{
            display: flex;
            align-items: stretch;
        }

        .home-testimonials-modern .testimonial-carousel-two .owl-item{
            display: flex;
            height: auto;
        }

        .home-testimonials-modern .testimonial-block-modern{
            width: 100%;
            height: 100%;
            padding: 12px;
        }

        .home-testimonials-modern .testimonial-card-modern{
            position: relative;
            display: flex;
            flex-direction: column;
            height: 100%;
            min-height: 100%;
            padding: 34px 30px 28px;
            border-radius: 30px;
            background: rgba(255,255,255,0.88);
            border: 1px solid rgba(147,178,205,0.14);
            box-shadow: 0 10px 16px rgba(20,49,84,0.08);
            backdrop-filter: blur(8px);
            overflow: hidden;
            transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
        }

        .home-testimonials-modern .testimonial-card-modern:hover{
            transform: translateY(-6px);
            box-shadow: 0 10px 12px rgba(20,49,84,0.12);
            border-color: rgba(147,178,205,0.24);
        }

        .home-testimonials-modern .testimonial-quote-mark{
            position: absolute;
            top: 18px;
            right: 24px;
            font-size: 82px;
            line-height: 1;
            color: rgba(147,178,205,0.66);
            font-family: Georgia, "Times New Roman", serif;
            pointer-events: none;
        }

        .home-testimonials-modern .testimonial-top{
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 22px;
        }

        .home-testimonials-modern .testimonial-thumb{
            width: 76px;
            height: 76px;
            border-radius: 50%;
            overflow: hidden;
            flex-shrink: 0;
            border: 4px solid rgba(255,255,255,0.9);
            box-shadow: 0 8px 12px rgba(20,49,84,0.10);
            background: #fff;
        }

        .home-testimonials-modern .testimonial-thumb img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .home-testimonials-modern .testimonial-meta{
            min-width: 0;
        }

        .home-testimonials-modern .testimonial-name{
            margin: 0 0 4px;
            font-size: 18px;
            line-height: 1.25;
            font-weight: 700;
            color: #163a63;
        }

        .home-testimonials-modern .testimonial-location{
            margin: 0;
            font-size: 14px;
            line-height: 1.4;
            color: #7e93a8;
        }

        .home-testimonials-modern .testimonial-rating{
            display: flex;
            align-items: center;
            gap: 4px;
            margin-bottom: 18px;
            color: #d8a94d;
            font-size: 14px;
        }

        .home-testimonials-modern .testimonial-text{
            margin: 0;
            font-size: 16px;
            line-height: 1.8;
            color: #5d7083;
        }

        .home-testimonials-modern .testimonial-carousel-two .owl-dots{
            margin-top: 22px;
            text-align: center;
        }

        .home-testimonials-modern .testimonial-carousel-two .owl-dot span{
            width: 10px;
            height: 10px;
            margin: 5px;
            border-radius: 50%;
            background: rgba(115,144,170,0.24);
            display: block;
            transition: all 0.25s ease;
        }

        .home-testimonials-modern .testimonial-carousel-two .owl-dot.active span,
        .home-testimonials-modern .testimonial-carousel-two .owl-dot:hover span{
            background: #7e9bb6;
            transform: scale(1.08);
        }

        .home-testimonials-modern .testimonial-carousel-two .owl-nav{
            display: none !important;
        }

        @media (max-width: 1199px){
            .home-testimonials-modern{
                padding: 78px 0 82px;
            }

            .home-testimonials-modern h2{
                font-size: 40px;
            }
        }

        @media (max-width: 991px){
            .home-testimonials-modern{
                padding: 64px 0 68px;
            }

            .home-testimonials-modern .sec-title-test {
                margin-bottom: 34px;
            }

            .home-testimonials-modern h2{
                font-size: 34px;
            }

            .home-testimonials-modern .testimonial-card-modern{
                padding: 28px 24px 24px;
                border-radius: 24px;
            }

            .home-testimonials-modern .testimonial-text{
                font-size: 15px;
                line-height: 1.75;
            }
        }

        @media (max-width: 767px){
            .home-testimonials-modern{
                padding: 54px 0 58px;
            }

            .home-testimonials-modern .sub-title{
                font-size: 11px;
                letter-spacing: 1.6px;
            }

            .home-testimonials-modern h2{
                font-size: 28px;
            }

            .home-testimonials-modern .testimonial-block-modern{
                padding: 8px;
            }

            .home-testimonials-modern .testimonial-card-modern{
                padding: 24px 20px 20px;
                border-radius: 22px;
            }

            .home-testimonials-modern .testimonial-top{
                gap: 14px;
                margin-bottom: 18px;
            }

            .home-testimonials-modern .testimonial-thumb{
                width: 64px;
                height: 64px;
            }

            .home-testimonials-modern .testimonial-name{
                font-size: 17px;
            }

            .home-testimonials-modern .testimonial-text{
                font-size: 14px;
                line-height: 1.7;
            }

            .home-testimonials-modern .testimonial-quote-mark{
                top: 14px;
                right: 18px;
                font-size: 64px;
            }
        }

.home-testimonials-modern .testimonial-thumb{
    position: relative;
    overflow: visible;
}

.home-testimonials-modern .testimonial-thumb img{
    border-radius: 50%;
}

.home-testimonials-modern .testimonial-video-play{
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #174a74;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.20);
    z-index: 5;
}

.home-testimonials-modern .testimonial-video-play:hover{
    color: #fff !important;
    transform: scale(1.05);
    text-decoration: none !important;
}

.home-testimonials-modern .testimonial-video-play i{
    font-size: 11px;
}

.testimonial-video-inline-wrap{
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

.testimonial-inline-video{
    width: 100%;
    max-width: 640px;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 12px;
    background: #000;
}
 /* =========================
   COUNTERS SECTION
========================= */

    .home-stat-band{
        position: relative;
        margin: 0;
        padding: 8px 0 10px;
        background: #eaedf5;
        overflow: hidden;
    }

    .home-stat-band::before{
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
            radial-gradient(circle at 20% 35%, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0) 30%),
            radial-gradient(circle at 80% 70%, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0) 28%);
    }

    .home-stat-band__item{
        position: relative;
        margin-bottom: 12px;
    }

    .home-stat-band__card{
        position: relative;
        min-height: 105px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        overflow: hidden;
        padding: 8px 10px;
        background: transparent;
    }

    .home-stat-band__number-wrap{
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    }

    .home-stat-band__number{
        display: block;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(28px, 9vw, 82px);
        line-height: 0.82;
        font-weight: 400;
        letter-spacing: -3px;
        color: rgba(255,255,255,0.99);
        white-space: nowrap;
    }

    .home-stat-band__label{
        position: relative;
        z-index: 2;
        margin: 0;
        font-family: inherit;
        font-size: 16px;
        line-height: 1.35;
        font-weight: 400;
        letter-spacing: 0.2px;
        color: #6d97ab;
    }

    @media (max-width: 1199px){
        .home-stat-band{
            padding: 26px 0 14px;
        }

        .home-stat-band__card{
            min-height: 130px;
        }

        .home-stat-band__number{
            font-size: clamp(66px, 8vw, 110px);
        }

        .home-stat-band__label{
            font-size: 18px;
        }
    }

    @media (max-width: 991px){
        .home-stat-band{
            padding: 22px 0 10px;
        }

        .home-stat-band__card{
            min-height: 118px;
            padding: 12px 8px;
        }

        .home-stat-band__number{
            font-size: clamp(58px, 11vw, 92px);
            letter-spacing: -2px;
        }

        .home-stat-band__label{
            font-size: 17px;
        }
    }

    @media (max-width: 767px){
        .home-stat-band{
            padding: 16px 0 6px;
        }

        .home-stat-band__item{
            margin-bottom: 4px;
        }

        .home-stat-band__card{
            min-height: 90px;
            padding: 10px 6px;
        }

        .home-stat-band__number{
            font-size: clamp(44px, 14vw, 66px);
            letter-spacing: -1px;
        }

        .home-stat-band__label{
            font-size: 15px;
            line-height: 1.25;
        }
    }


 /* =========================
   POLLS
========================= */

.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;
    max-width: 400px;
    gap: 10px;
}
.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%;
}

.home-polls-section .btn-light {
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: #4b7ea5;
    box-shadow: 0 14px 28px rgba(20, 49, 84, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

.btn-light-mobile {
    width: 78px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: #4b7ea5;
    box-shadow: 0 14px 28px rgba(20, 49, 84, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}
/* 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%;
  }

  /* 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%;
  }
  
      .poll-carousel-track.row {
        margin-right: 24px !important;
    }
}

/* ================= 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%;
  }
}

/* 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: 20px; }
  .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;
  }
}



 /* =========================
  FOOTER SECTION
========================= */

    .footer-wrapper{
        position: relative;
        overflow: hidden;
        color: var(--footer-text, inherit);
        border-top: 1px solid rgba(255,255,255,0.10);
    }

.footer-wrapper::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(10,15,25,0.02), rgba(10,15,25,0.02)),
        var(--footer-bg-image, none) center center / cover no-repeat;
    filter: blur(var(--footer-bg-blur, 8px));
    opacity: var(--footer-bg-overlay, 0.45);
    transform: scale(1.05);
    pointer-events: none;
    z-index: 0;
}

.footer-wrapper::after{
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.06) 18%, transparent 40%);
    pointer-events: none;
    z-index: 1;
}
    .footer-inner{
        position: relative;
        z-index: 2;
        padding: 42px 0 22px;
    }

    .footer-main-grid{
        display: grid;
        grid-template-columns: 1.08fr 1.2fr .82fr;
        gap: 24px;
        align-items: stretch;
    }

    .footer-panel{
        position: relative;

        border: 1px solid rgba(255,255,255,0.14);
        border-radius: 22px;
        padding: 24px;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);

        min-height: 100%;
    }

    .footer-panel::after{
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 22px;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(255,255,255,0.32), rgba(255,255,255,0.2));
        opacity: .8;
    }

    .footer-panel > *{
        position: relative;
        z-index: 2;
    }

    .footer-title{
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .08em;
        text-transform: uppercase;
        margin: 0 0 14px;
        color: var(--footer-text, inherit);
        opacity: .95;
    }

    .footer-wrapper,
    .footer-wrapper p,
    .footer-wrapper li,
    .footer-wrapper span,
    .footer-wrapper div{
        color: var(--footer-text, inherit);
    }

    .footer-wrapper a{
        color: var(--footer-link, inherit);
        text-decoration: none;
        transition: all .22s ease;
    }

    .footer-wrapper a:hover{
        opacity: .88;
        text-decoration: none;
    }

    .footer-about-logo{
        max-width: 180px;
        margin-bottom: 16px;
    }

    .footer-about-link{
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 2px;
}

   .footer-about-text{
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 18px;
    max-width: 100%;
    opacity: .96;
}

    .footer-auth-row{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
    }

    .footer-auth-btn{
        min-width: 124px;
        border-radius: 999px !important;
        padding: 9px 16px !important;
        font-size: 13px !important;
        font-weight: 600;
        color: var(--footer-btn-text, inherit) !important;
        background: var(--footer-btn-bg, rgba(255,255,255,0.18)) !important;
        border: 1px solid rgba(255,255,255,0.20) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.18);
        transition: all .22s ease;
    }

    .footer-auth-btn:hover{
        transform: translateY(-1px);
        box-shadow:
            0 10px 18px rgba(0,0,0,0.08),
            inset 0 1px 0 rgba(255,255,255,0.22);
    }

.footer-menu-list{
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 18px;
}

    .footer-menu-list li{
        margin: 0;
        padding: 0;
    }

    .footer-menu-list a{
        display: inline-block;
        font-size: 13px;
        line-height: 1.55;
        padding: 4px 0;
        opacity: .96;
    }

    .footer-menu-list a:hover{
        transform: translateX(2px);
    }

    .footer-side-card{
        display: flex;
        flex-direction: column;
        gap: 14px;
        height: 100%;
    }

    .footer-side-card-title{
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .08em;
        text-transform: uppercase;
        margin: 0 0 2px;
        opacity: .85;
    }

    .footer-contact-list{
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .footer-contact-list li{
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 12px;
        font-size: 13px;
        line-height: 1.7;
    }

    .footer-contact-list li i{
        width: 16px;
        margin-top: 3px;
        opacity: .85;
    }

    .footer-side-card-image{
        width: 100%;
        max-width: 110px;
        height: 110px;
        object-fit: cover;
        border-radius: 14px;
        display: block;
    }

    .footer-side-card-heading{
        font-size: 18px;
        line-height: 1.35;
        font-weight: 700;
        margin: 0;
    }

    .footer-side-card-text{
        font-size: 13px;
        line-height: 1.8;
        margin: 0;
        opacity: .94;
    }

.footer-friends-list{
    display: grid;
    gap: 14px;
}

.footer-friend-item{
    display: flex;
    gap: 14px;
    align-items: flex-start;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 18px;
    padding: 14px;
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}

.footer-friend-item:hover{
    transform: translateY(-2px);
    background: rgba(255,255,255,0.16);
    border-color: rgba(255,255,255,0.20);
    box-shadow: 0 10px 22px rgba(0,0,0,0.08);
}

.footer-friend-media{
    flex: 0 0 auto;
}

.footer-friend-media img{
    width: 88px;
    height: 88px;
    object-fit: cover;
    border-radius: 14px;
    display: block;
    box-shadow: 0 6px 16px rgba(0,0,0,0.10);
}

.footer-friend-image-link{
    display: block;
}

.footer-friend-content{
    flex: 1 1 auto;
    min-width: 0;
}

.footer-friend-item-title{
    display: inline-block;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    margin-bottom: 6px;
}

.footer-friend-item-text{
    font-size: 12px;
    line-height: 1.7;
    margin: 0 0 10px;
    opacity: .92;
}

.footer-friend-visit{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    opacity: .96;
}

.footer-friend-visit span{
    transition: transform .22s ease;
}

.footer-friend-item:hover .footer-friend-visit span{
    transform: translateX(2px);
}

    .footer-friend-item-title{
        display: block;
        font-size: 14px;
        line-height: 1.4;
        font-weight: 700;
        margin-bottom: 6px;
    }

    .footer-friend-item-text{
        font-size: 12px;
        line-height: 1.7;
        margin: 0;
        opacity: .92;
    }

    .footer-empty-state{
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        min-height: 180px;
    }

    .footer-empty-state .footer-side-card-heading{
        margin-bottom: 8px;
    }

.footer-utility-row{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .95fr 1.55fr .95fr;
    gap: 18px;
    margin-top: 28px;
}

.footer-utility-item-wide{
    display: flex;
    align-items: center;
}

.footer-connect-share-grid{
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 18px;
    align-items: center;
    width: 100%;
}

.footer-connect-share-block{
    min-width: 200px;
}

.footer-connect-share-divider{
    width: 1px;
    height: 54px;
    background: rgba(255,255,255,0.14);
    justify-self: center;
}

.footer-newsletter-placeholder{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .footer-utility-item{

        border: 1px solid rgba(255,255,255,0.12);
        border-radius: 18px;
        padding: 18px 20px;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
    }

    .footer-utility-title{
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .08em;
        text-transform: uppercase;
        margin: 0 0 12px;
        opacity: .9;
    }
    
    .footer-panel,
.footer-utility-item{
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.footer-panel:hover,
.footer-utility-item:hover{
    transform: translateY(-2px);
    box-shadow:
        0 12px 28px rgba(0,0,0,0.12),
        inset 0 1px 0 rgba(255,255,255,0.12);

}

    .footer-lang-buttons{
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .footer-lang-buttons .btn{
        border-radius: 999px !important;
        padding: 7px 14px !important;
        background: rgba(255,255,255,0.16) !important;
        color: var(--footer-btn-text, inherit) !important;
        border: 1px solid rgba(255,255,255,0.18) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.14);
        font-size: 12px !important;
        transition: all .22s ease;
    }

    .footer-lang-buttons .btn:hover{
        transform: translateY(-1px);
    }

.footer-social-icons,
.footer-social-icons-share{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.footer-social-icons li,
.footer-social-icons-share li{
    margin: 0;
    padding: 0;
}

.footer-social-icons a,
.footer-social-icons-share a{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all .22s ease;
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.48);
    box-shadow: none;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.footer-social-icons a:hover,
.footer-social-icons-share a:hover{
    transform: translateY(-1px);
    background: rgba(255,255,255,0.24);
    border-color: rgba(255,255,255,0.70);
}

.footer-social-icons i,
.footer-social-icons-share i{
    font-size: 14px;
    line-height: 1;
}

.footer-x-icon-connect,
.footer-x-icon-share{
    width: 10px;
    height: 10px;
    object-fit: contain;
    display: block;
}

.footer-social-icons,
.footer-social-icons-share{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.footer-social-icons li,
.footer-social-icons-share li{
    margin: 0;
    padding: 0;
}

.footer-social-icons a,
.footer-social-icons-share a{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all .22s ease;
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.44);
    box-shadow: none;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.footer-social-icons a:hover,
.footer-social-icons-share a:hover{
    transform: translateY(-1px);
    background: rgba(255,255,255,0.24);
    border-color: rgba(255,255,255,0.20);
}

.footer-social-icons i,
.footer-social-icons-share i{
    font-size: 14px;
    line-height: 1;
}

.footer-x-icon-connect,
.footer-x-icon-share{
    width: 10px;
    height: 10px;
    object-fit: contain;
    display: block;
}

.footer-newsletter-placeholder-text{
    font-size: 13px;
    line-height: 1.8;
    opacity: .9;
    max-width: 280px;
}

.footer-newsletter-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.footer-newsletter-actions{
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.footer-newsletter-actions .btn{
    white-space: nowrap;
}

.footer-newsletter-feature{

    border: 1px solid rgba(255,255,255,0.14);
}

.footer-newsletter-feature .footer-utility-title{
    font-size: 14px;
    letter-spacing: .08em;
}

.footer-newsletter-feature .footer-auth-btn{
    padding: 10px 14px !important;
    font-weight: 600;
}

.footer-newsletter-feature:hover{
    background: rgba(255,255,255,0.16);
}

    /* Keep newsletter buttons on one line where possible */
    .footer-newsletter-actions{
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        align-items: center;
    }

    .footer-newsletter-actions .footer-auth-btn{
        white-space: nowrap;
    }

    .copyright{
        position: relative;
        background: rgba(255,255,255);
        border-top: 10px solid rgba(255,255,255);
        padding-bottom: 6px;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .copyright-text{
        margin: 0;
        font-size: 13px;
        line-height: 1.8;
        color: var(--footer-text, inherit);
        opacity: .95;
    }

    .copyright-text a{
        color: var(--footer-link, inherit);
        font-weight: 600;
    }

    @media (max-width: 1199.98px){
        .footer-main-grid{
            grid-template-columns: 1fr 1fr;
        }

        .footer-panel.footer-side-panel{
            grid-column: 1 / -1;
        }
    }

@media (max-width: 991.98px){
    .footer-inner{
        padding: 32px 0 18px;
    }

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

    .footer-menu-list{
        grid-template-columns: 1fr 1fr 1fr;
    }

    /* Stack the 3 bottom sections again on tablet */
    .footer-utility-row{
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 14px;
    }

    /* Keep Connect + Sharing side by side INSIDE their own box */
    .footer-connect-share-grid{
        grid-template-columns: 1fr 1px 1fr;
        gap: 18px;
        align-items: start;
    }

    .footer-connect-share-divider{
        display: block;
        height: 48px;
    }

    /* Keep Our Friends side by side on tablet */
    .footer-friends-list{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }

    .footer-friend-item{
        flex-direction: row;
        align-items: flex-start;
    }

    .footer-friend-item img{
        width: 72px;
        height: 72px;
    }

}

 @media (max-width: 575.98px){
    .footer-panel,
    .footer-utility-item{
        padding: 18px 16px;
        border-radius: 16px;
    }

    .footer-menu-list{
        grid-template-columns: 1fr 1fr;
    }

    .footer-about-link{
        font-size: 18px;
    }

    .footer-auth-row{
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-auth-btn{
        min-width: 0;
    }

    .footer-social-icons a,
    .footer-social-icons-share a{
        width: 32px;
        height: 32px;
    }

.footer-friend-item{
    flex-direction: column;
    gap: 12px;
}

.footer-friend-media img{
    width: 100%;
    max-width: 116px;
    height: 116px;
}

    /* Mobile: stack Connect + Sharing */
    .footer-connect-share-grid{
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .footer-connect-share-divider{
        display: none;
    }

    /* Mobile: stack newsletter buttons */
    .footer-newsletter-actions{
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .footer-newsletter-actions .footer-auth-btn{
        width: 100%;
        justify-content: center;
        white-space: normal;
    }

    /* Mobile: friends back to one per row */
    .footer-friends-list{
        grid-template-columns: 1fr 1fr;
    }
}

 /* =========================
   Daily Features
 ========================= */
         
         .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;
    }
}


 /* =========================
   OTHERS
 ========================= */
 
.sec-title-test h2 {
    position: relative;
    font-size: var(--sec-title-font-size);
    color: var(--sec-title-color);
    font-family: var(--sec-title-font-family);
    font-weight: var(--sec-title-font-weight);
    line-height: var(--sec-title-title-line-height);
    margin-bottom: 0;
}

.welcome-inline-video {
    max-height: 560px !important;
}