/* ===== MEGA MENU DESKTOP STYLES ===== */

/* Header Container */
header.header.mega-menu {
    z-index: 9999;
    min-height: 90px;
    display: flex;
    align-items: center;
    width: 100%;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    backdrop-filter: blur(10px);
    position: fixed;
    overflow: visible;
}

header.mega-menu .navbar {
    z-index: 9999;
    width: 100%;
    position: relative;
}

/* Logo Block */
.new-logo-block {
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.new-logo-block:hover {
    transform: scale(1.05);
}

.new-logo-block img {
    height: 35px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* Menu Items Container */
.new-menu-items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

/* Main Menu List */
.new-menu-items ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 0;
}

/* Individual Menu Items */
.new-menu-items ul li {
    position: relative;
    margin: 0;
}

/* Submenu Container Positioning */
.new-menu-items ul li.submenu {
    position: static;
}

.new-menu-items ul li a {
    text-decoration: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 15px 25px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin: 0 5px;
    letter-spacing: 0.5px;
}

.new-menu-items ul li a:hover {
    color: #ffffff;
    transform: translateY(-2px);
}

/* Dropdown Arrow for Submenu Items */
.new-menu-items ul > li.submenu a.top-link:after {
    content: "";
    display: inline-flex;
    align-items: center;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 8px;
    border: 0px none !important;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2488 0.657278L8.00126 6.74728L1.75375 0.657278C1.64213 0.54825 1.49229 0.487212 1.33625 0.487212C1.18022 0.487212 1.03038 0.54825 0.918755 0.657278C0.864708 0.710233 0.82177 0.77344 0.792458 0.843198C0.763145 0.912956 0.748047 0.987862 0.748047 1.06353C0.748047 1.13919 0.763145 1.2141 0.792458 1.28386C0.82177 1.35361 0.864708 1.41682 0.918755 1.46978L7.56501 7.94978C7.68172 8.06355 7.83827 8.12722 8.00126 8.12722C8.16425 8.12722 8.32079 8.06355 8.43751 7.94978L15.0838 1.47103C15.1382 1.41803 15.1814 1.35467 15.211 1.28468C15.2405 1.21469 15.2557 1.1395 15.2557 1.06353C15.2557 0.987561 15.2405 0.912363 15.211 0.842374C15.1814 0.772385 15.1382 0.709023 15.0838 0.656028C14.9721 0.547 14.8223 0.485962 14.6663 0.485962C14.5102 0.485962 14.3604 0.547 14.2488 0.656028V0.657278Z' fill='white'/%3E%3C/svg%3E%0A");
    transition: transform 0.3s ease;
}

.new-menu-items ul > li.submenu:hover a.top-link:after {
    transform: rotate(180deg);
}

/* ===== MEGA MENU DROPDOWN ===== */

/* Mega Menu Container */
header .sub-mega-menu {
    position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    padding: 40px 50px 50px;
    color: #ffffff;
    /* background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 50%, #2d2d2d 100%); */
    background-color: black;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
    min-height: 500px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}



/* Submenu Links Arrow */
a.sub-menu-links:after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjI2MjUgMTMuNUgwVjEwLjVIMTguMjYyNUw5Ljg2MjUgMi4xTDEyIDBMMjQgMTJMMTIgMjRMOS44NjI1IDIxLjlMMTguMjYyNSAxMy41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-position: center center;
    background-size: contain;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0.7;
    filter: brightness(1);
}

a.sub-menu-links:hover:after {
    transform: translateX(5px) scale(1.1);
    opacity: 1;
    filter: brightness(1.2);
    background-color: rgba(161, 0, 34, 0.1);
    border-radius: 50%;
    padding: 2px;
}

/* Show Mega Menu on Hover */
header .top-menu-ul .hover-active .sub-mega-menu,
header .sub-mega-menu:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: all;
}

/* Keep top link in hover state when mega menu is active */
header .top-menu-ul .hover-active .top-link, header .top-menu-ul .top-link:hover,
header .sub-mega-menu:hover ~ .top-link {
    background: linear-gradient(135deg, #a10022 0%, #c41e3a 100%);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(161, 0, 34, 0.3);
}

/* Ensure mega menu stays visible when hovering over its content */
header .sub-mega-menu * {
    pointer-events: auto;
}

/* Menu Links Section */
header .sub-mega-menu .sub-menu-links {
    padding: 0;
}

header .sub-mega-menu .sub-menu-links .menu-heading {
    color: #ffffff;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
    padding-bottom: 15px;
}

header .sub-mega-menu .sub-menu-links .menu-heading:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, #a10022, #c41e3a);
    border-radius: 2px;
}

/* Submenu Links List */
header .sub-mega-menu .sub-menu-links ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

header .sub-mega-menu .sub-menu-links ul li {
    width: 100%;
    margin: 0;
}

/* Submenu Link Items */
header .sub-mega-menu .sub-menu-links ul li a {
    display: block;
    padding: 15px 0;
    color: #e0e0e0;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s ease;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

header .sub-mega-menu .sub-menu-links ul li a:hover {
    color: #ffffff;
    padding-left: 15px;
    border-bottom-color: rgba(161, 0, 34, 0.3);
}

header .sub-mega-menu .sub-menu-links ul li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #a10022, #c41e3a);
    transition: width 0.3s ease;
    transform: translateY(-50%);
}

header .sub-mega-menu .sub-menu-links ul li a:hover:before {
    width: 8px;
}

/* Featured Menu Section */
header .sub-mega-menu .featured-menu-wrap .featured-menu {
    height: 100%;
    width: 100%;
    min-height: 400px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

/* Featured Menu Background Image */
header .sub-mega-menu .featured-menu-wrap .featured-menu .bg-image {
    height: 100%;
    width: 100%;
    transform: scale(1.1);
    background-position: center;
    background-size: cover;
    transform-origin: center;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

header .sub-mega-menu .featured-menu-wrap .featured-menu:hover .bg-image {
    transform: scale(1.05);
}

/* Gradient Overlay */
header .sub-mega-menu .featured-menu-wrap .featured-menu .bg-image::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.3) 50%,
        rgba(0, 0, 0, 0.9) 100%
    );
    border-radius: 15px;
}

/* Featured Menu Content */
header .sub-mega-menu .featured-menu-wrap .featured-menu .card-title-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
    width: 100%;
    z-index: 2;
}

header .sub-mega-menu .featured-menu-wrap .featured-menu .card-title-menu h2 {
    font-size: 32px;
    margin: 0 0 15px 0;
    line-height: 1.2;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

header .sub-mega-menu .featured-menu-wrap .featured-menu .card-title-menu p {
    font-size: 16px;
    margin: 0 0 20px 0;
    line-height: 1.5;
    opacity: 0.9;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

header .sub-mega-menu .featured-menu-wrap .featured-menu .card-text {
    max-width: 350px;
}

/* Featured Menu Link */
header .sub-mega-menu .featured-menu-wrap .featured-menu .card-title-menu .link {
    display: inline-flex;
    align-items: center;
    padding: 12px 24px;
    background: linear-gradient(135deg, #a10022 0%, #c41e3a 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 25px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(161, 0, 34, 0.3);
}

header .sub-mega-menu .featured-menu-wrap .featured-menu .card-title-menu .link:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #c41e3a 0%, #a10022 100%);
}

/* Submenu Links Arrow */
a.sub-menu-links {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

a.sub-menu-links:after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjI2MjUgMTMuNUgwVjEwLjVIMTguMjYyNUw5Ljg2MjUgMi4xTDEyIDBMMjQgMTJMMTIgMjRMOS44NjI1IDIxLjlMMTguMjYyNSAxMy41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-position: center center;
    background-size: contain;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0.7;
    filter: brightness(1);
}

a.sub-menu-links:hover:after {
    transform: translateX(5px) scale(1.1);
    opacity: 1;
    filter: brightness(1.2);
    background-color: rgba(161, 0, 34, 0.1);
    border-radius: 50%;
    padding: 2px;
}

/* ===== RESPONSIVE DESIGN ===== */

@media (min-width: 992px) {
    header .desktop-menu {
        height: 100px;
    }
    
    header .desktop-menu li {
        height: 100%;
        display: flex;
        align-items: center;
    }
    
    /* Hover Effects for Top Links */
    header .desktop-menu li .top-link::after,
    header .desktop-menu li .top-link::before {
        content: "";
        width: 30%;
        border-bottom: 2px solid #a10022;
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0;
        transform: scale(0, 1);
        transform-origin: right center 0;
        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    header .top-menu-ul .hover-active .top-link::before {
        opacity: 0;
        transform: scale(0, 1);
    }
    
    header .top-menu-ul .hover-active .top-link::after {
        opacity: 1;
        transform: scale(1, 1);
    }
}

/* ===== ANIMATIONS ===== */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Apply animations to menu items */
/* .new-menu-items ul li {
    animation: fadeInUp 0.6s ease forwards;
} */

.new-menu-items ul li:nth-child(1) { animation-delay: 0.1s; }
.new-menu-items ul li:nth-child(2) { animation-delay: 0.2s; }
.new-menu-items ul li:nth-child(3) { animation-delay: 0.3s; }
.new-menu-items ul li:nth-child(4) { animation-delay: 0.4s; }
.new-menu-items ul li:nth-child(5) { animation-delay: 0.5s; }
.new-menu-items ul li:nth-child(6) { animation-delay: 0.6s; }
.new-menu-items ul li:nth-child(7) { animation-delay: 0.7s; }

/* ===== ENHANCED VISUAL EFFECTS ===== */

/* Glass morphism effect for header */
header.header.mega-menu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    z-index: -1;
}

/* Subtle glow effect on hover */

/* ===== MENU HOVER IMAGEs ANIMATIONS ===== */

/* Featured Menu Image Container */
#menu-hove-change {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#menu-hove-change img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: scale(1.1);
}

#menu-hove-change img.active {
    opacity: 1;
    transform: scale(1);
}

#menu-hove-change img.fade-out {
    opacity: 0;
    transform: scale(0.95);
}

/* Menu item hover states */
#our-management:hover ~ .sub-mega-menu #menu-hove-change img.our-management-img,
#events:hover ~ .sub-mega-menu #menu-hove-change img.events-img {
    opacity: 1;
    transform: scale(1);
}

/* Default image (first one) */
#menu-hove-change img:first-child {
    opacity: 1 !important;
    transform: scale(1);
}

/* Ensure active images are visible */
#menu-hove-change img.active {
    opacity: 1 !important;
    transform: scale(1);
}


/* Retail Presence */



/* Featured Menu Image Container */
#menu-hove-change2 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#menu-hove-change2 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: scale(1.1);
}

#menu-hove-change2 img.active {
    opacity: 1;
    transform: scale(1);
}

#menu-hove-change2 img.fade-out {
    opacity: 0;
    transform: scale(0.95);
}

/* Menu item hover states */
#abudhabi:hover ~ .sub-mega-menu #menu-hove-change2 img.abudhabi,
#dubai:hover ~ .sub-mega-menu #menu-hove-change2 img.dubai {
    opacity: 1;
    transform: scale(1);
}

/* Default image (first one) */
#menu-hove-change2 img:first-child {
    opacity: 1 !important;
    transform: scale(1);
}

/* Ensure active images are visible */
#menu-hove-change2   img.active {
    opacity: 1 !important;
    transform: scale(1);
}



@media (max-width: 992px) {
    header.header.mega-menu{
        backdrop-filter: none;
        padding: 15px;
        align-items: flex-start;
        min-height: 70px;
    }
}











.home .page-pathbar-school .home-right-img .p-title {
    margin-top: -200px;
    width: 40%;
    margin-left: auto;
}
section.page-pathbar-school .bg-image {
    background: white;
}
.page-pathbar-school-content .content-text {
    padding-top: 130px;
}

.page-pathbar-school-content .content-image.left-image {
    position: relative;
    transform: translateY(-20%);
}

.content-image-small.right-image {
    position: relative;
    transform: translateY(-20%);
}
.page-pathbar-school-content .content-text p {
    opacity: 0.6;
}
.page-pathbar-school-content {
    padding: 0 100px;
}
.content-text-hospitality .title-red {
    font-family: "Freight Big Pro";
    font-style: italic;
    font-weight: 300;
    font-size: 70px;
    line-height: 48px;
    color: #a10022;
}
.pathbar-form-wrapper .form-control {
    border-radius: 0px;
    min-height: 70px;
    border: 0px none;
    font-size: 18px;
    font-weight: 500;
    color: black;
}

.pathbar-form-wrapper span.input-group-text {
    border-radius: 0px;
}
.pathbar-form-wrapper button.btn {
    background: #A10022;
    width: 100%;
    max-width: 100%;
    color: white;
    font-size: 18px;
    font-weight: 500;
}
.page-pathbar-school-content {
    position: relative;
}

.page-pathbar-school-content .bg-image {
    position: absolute;
    top: 0px;
    left: 0;
    width: 40%;
    z-index: 0;
}

.page-pathbar-school-content .bg-image-wrapper img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.pathbar-form-wrapper .iti {
    width: 100%;
}
.bg-image-gray-shadow {
    position: absolute;
    top: 0px;
    right: 0px;
    top: 0px;
    pointer-events: none;
}

.bg-image-gray-shadow img {
    max-width: 100%;
}
.footer-pathbar .h5, h5 {
    font-size: 20px;
}

footer.footer-pathbar .quickLinks li {
    margin-bottom: 2px;
}
.f-links h6 {
    font-size: 16px;
}
.scroll-top {
    position: absolute;
    right: 0;
    bottom: 30px;
    z-index: 1;
    cursor: pointer;
    
}
@media (min-width: 992px) {
    .home .top-section.my-path-bar-bg-mobile .main-banner {
        height: inherit;
        min-height: inherit;
        position: absolute;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
}
@media (min-width: 1200px) {
    .home .top-section.my-path-bar-bg-mobile {
        min-height: 500px;
    }
}
@media only screen and (max-width: 991px) {
    .page-pathbar-school-content {
        padding: 0px;
    }
    .home .top-section.my-path-bar-bg-mobile {
        background-image: url('../images/pathbar-bg-mobile.webp') !important;
      }
    .page-pathbar-school-content .content-text {
        padding-top: 0;
    }
    .content-image-small.right-image, .page-pathbar-school-content .content-image.left-image {
        transform: none;
    }
    .page-pathbar-school-content .content-text .p-title {
        font-size: 60px;
        padding: 30px 60px;
    }
    
    .page-pathbar-school-content .content-text {
        text-align: center;
    }
    .page-pathbar-school-content .content-text p {
        font-size: 22px;
    }
    
    .page-pathbar-school-content .content-text {
        margin-bottom: 50px;
    }
    footer.footer-pathbar .quickLinks {
        margin-bottom: 50px;
    }
}

/* ===== MENU HOVER IMAGE ANIMATIONS (MULTI-CONTAINER SUPPORT) ===== */

.bg-image[id^='menu-hove-change'] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.bg-image[id^='menu-hove-change'] img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: scale(1.1);
    z-index: 1;
}

.bg-image[id^='menu-hove-change'] img.active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}

.bg-image[id^='menu-hove-change'] img.fade-out {
    opacity: 0;
    transform: scale(0.95);
    z-index: 1;
}