:root {
        --gold: #D4AF37;
        --gold-light: #F4D67A;
        --white: #fff;
        --black: #08111f;
        --header-height: 115px;
        --radius-full: 60px;
        --transition: .35s ease;
}

.nav-menu,
.title {
        flex-direction: column;
}

.navbar,
.title a {
        align-items: center;
}

.center,
.custom-btn {
        text-align: center;
}

.nav-menu,
.navbar,
.title,
footer .wrapper {
        display: flex;
}

a,
a:hover,
header,
img {
        transition: 0.4s;
}

.banner-sec,
.banner-sec .item,
.luxury-sec,
.our-resort,
.resort-eyes-sec {
        overflow: hidden;
}

body {
        box-sizing: border-box;
        background: rgb(251, 255, 252);
        overflow-x: hidden;
        padding: 0px !important;
        margin: 0px !important;
        font-family: 'Poppins', sans-serif;
}

html {
        scroll-behavior: smooth;
}

a,
a:hover {
        text-decoration: none !important;
}

.wrapper {
        width: min(100% - 32px, 1400px);
        margin-inline: auto;
}

.ae-floating-enquiry {
        position: fixed;
        left: 25px;
        bottom: 25px;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        cursor: pointer;
        z-index: 9999;
        background: rgb(13, 13, 13);
        border: 1px solid rgba(212, 175, 55, 0.35);
        box-shadow: rgba(0, 0, 0, 0.45) 0px 15px 45px;
        transition: 0.45s;
        overflow: hidden;
}

.ae-floating-enquiry:hover {
        transform: translateY(-6px);
        box-shadow: rgba(212, 175, 55, 0.18) 0px 25px 60px;
}

.ae-float-ring {
        position: absolute;
        inset: 0px;
        border-radius: 50%;
        border: 2px solid rgba(212, 175, 55, 0.65);
        animation: 2s ease 0s infinite normal none running aePulse;
}

@keyframes aePulse {
        0% {
                transform: scale(1);
                opacity: 1;
        }

        100% {
                transform: scale(1.55);
                opacity: 0;
        }
}

.ae-float-icon {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgb(212, 175, 55), rgb(247, 216, 120));
        position: relative;
        z-index: 2;
}

.ae-float-icon svg {
        width: 28px;
        height: 28px;
        color: rgb(17, 17, 17);
}

.ae-popup-overlay {
        position: fixed;
        inset: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.82);
        backdrop-filter: blur(10px);
        visibility: hidden;
        opacity: 0;
        transition: 0.45s;
        z-index: 99999;
        padding: 20px;
}

.ae-popup-overlay.active {
        visibility: visible;
        opacity: 1;
}

.ae-popup-box {
        position: relative;
        width: 520px;
        max-width: 100%;
        background: rgb(16, 16, 16);
        border-radius: 28px;
        padding: 45px;
        border: 1px solid rgba(212, 175, 55, 0.22);
        box-shadow: rgba(0, 0, 0, 0.65) 0px 30px 80px;
        transform: translateY(50px);
        transition: 0.45s;
}

.ae-popup-overlay.active .ae-popup-box {
        transform: translateY(0px);
}

.ae-popup-close {
        position: absolute;
        top: 35px;
        right: 20px;
        width: 45px;
        height: 45px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: none;
        background: rgb(27, 27, 27);
        border-radius: 50%;
        font-size: 23px;
        color: rgb(255, 255, 255);
        cursor: pointer;
        transition: 0.35s;
}

.ae-popup-close:hover {
        background: rgb(212, 175, 55);
        color: rgb(17, 17, 17);
}

.ae-popup-subtitle {
        display: block;
        margin-bottom: 12px;
        color: rgb(212, 175, 55);
        letter-spacing: 3px;
        font-size: 12px;
        text-transform: uppercase;
}

.ae-popup-box h2 {
        color: rgb(255, 255, 255);
        font-size: 42px;
        margin-bottom: 12px;
}

.ae-popup-box p {
        color: rgb(170, 170, 170);
        margin-bottom: 30px;
        line-height: 1.7;
}

.ae-popup-box input,
.ae-popup-box select,
.ae-popup-box textarea {
        width: 100%;
        padding: 16px 18px;
        margin-bottom: 18px;
        background: rgb(24, 24, 24);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 14px;
        color: rgb(255, 255, 255);
        font-size: 15px;
        outline: none;
        transition: 0.35s;
}

.ae-popup-box input:focus,
.ae-popup-box textarea:focus,
.ae-popup-box select:focus {
        border-color: rgb(212, 175, 55);
        box-shadow: rgba(212, 175, 55, 0.18) 0px 0px 15px;
}

.ae-popup-box textarea {
        height: 130px;
        resize: none;
}

.ae-popup-box button[type="submit"] {
        width: 100%;
        padding: 16px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: none;
        border-radius: 60px;
        background: linear-gradient(135deg, rgb(212, 175, 55), rgb(247, 216, 120));
        color: rgb(17, 17, 17);
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
        transition: 0.35s;
}

.ae-popup-box button[type="submit"]:hover {
        transform: translateY(-3px);
        box-shadow: rgba(212, 175, 55, 0.3) 0px 10px 30px;
}

@media (max-width: 768px) {
        .ae-floating-enquiry {
                width: 70px;
                height: 70px;
                left: 15px;
                bottom: 140px;
        }

        .ae-float-icon {
                width: 60px;
                height: 60px;
        }

        .ae-popup-box {
                padding: 30px 22px;
        }

        .ae-popup-box h2 {
                font-size: 30px;
        }
}

/* =========================
   Popup Responsive CSS
========================= */
/* Tablet */
@media (max-width: 991px) {
        .ae-popup-overlay {
                padding: 15px;
        }

        .ae-popup-box {
                width: 90%;
                padding: 35px 30px;
                border-radius: 24px;
        }

        .ae-popup-box h2 {
                font-size: 34px;
        }

        .ae-popup-box p {
                font-size: 15px;
                margin-bottom: 25px;
        }

        .ae-popup-box input,
        .ae-popup-box select,
        .ae-popup-box textarea {
                padding: 14px 16px;
                margin-bottom: 15px;
        }
}

/* Mobile */
@media (max-width: 767px) {
        .ae-popup-overlay {
                padding: 12px;
                align-items: center;
        }

        .ae-popup-box {
                width: 100%;
                max-height: 90vh;
                overflow-y: auto;
                padding: 35px 20px 25px;
                border-radius: 22px;
        }

        .ae-popup-close {
                width: 36px;
                height: 36px;
                top: 0;
                right: 15px;
                font-size: 24px;
        }

        .ae-popup-subtitle {
                font-size: 11px;
                letter-spacing: 2px;
                margin-bottom: 10px;
        }

        .ae-popup-box h2 {
                font-size: 28px;
                line-height: 1.2;
                margin-bottom: 10px;
        }

        .ae-popup-box p {
                font-size: 14px;
                line-height: 1.6;
                margin-bottom: 22px;
        }

        .ae-popup-box input,
        .ae-popup-box select,
        .ae-popup-box textarea {
                font-size: 14px;
                padding: 13px 15px;
                border-radius: 12px;
        }

        .ae-popup-box textarea {
                height: 100px;
        }

        .ae-popup-box button[type="submit"] {
                padding: 14px;
                font-size: 15px;
        }
}

/* Small Mobile */
@media (max-width: 480px) {
        .ae-popup-box {
                padding: 30px 16px 22px;
                border-radius: 18px;
        }

        .ae-popup-box h2 {
                font-size: 24px;
        }

        .ae-popup-box p {
                font-size: 13px;
        }

        .ae-popup-close {
                width: 32px;
                height: 32px;
                font-size: 15px;
        }

        .ae-popup-box input,
        .ae-popup-box select,
        .ae-popup-box textarea {
                padding: 12px 14px;
        }
}

/* Mobile Landscape */
@media (max-height: 600px) and (orientation: landscape) {
        .ae-popup-overlay {
                align-items: flex-start;
                overflow-y: auto;
        }

        .ae-popup-box {
                margin: 20px 0;
                max-height: none;
        }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
        font-size: 62px;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: -0.82px;
        margin: 0px;
}

.h2 {
        font-size: 48px;
}

.h3 {
        font-size: 42px;
}

.h4 {
        font-size: 24px;
}

.blog-detail-section h4,
.h5 {
        font-size: 22px;
}

.p-big,
.p-small,
p {
        color: rgba(0, 0, 0, 0.7);
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2;
        letter-spacing: 0.64px;
        margin: 0px;
}

.p-big,
.title a {
        font-size: 18px;
}

.p-small {
        font-size: 14px;
}

.white,
footer .footer-menu ul li:hover a {
        color: rgb(255, 255, 255);
}

.black,
.luxury-sec .title a {
        color: rgb(0, 0, 0);
}

.green {
        color: rgb(193, 255, 0);
}

.bold {
        font-weight: 900;
}

.title {
        gap: 30px;
}

.title .p-big {
        color: rgb(0, 226, 9);
        font-weight: 800;
}

.title a {
        color: rgba(255, 255, 255, 0.85);
        font-weight: 800;
        display: inline-flex;
        gap: 13px;
        width: fit-content;
}

.title a img {
        width: 22px;
        height: auto;
}

.title a:hover img {
        transform: translateX(10px);
}

.custom-btn {
        color: rgb(0, 0, 0);
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.64px;
        padding: 13px 46px;
        border-radius: 57px;
        border: 2px solid;
        box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px inset;
}

.custom-btn:hover {
        color: rgb(0, 226, 9);
        box-shadow: rgb(0, 0, 0) 0px 0px 0px 50px inset;
}

header {
        position: fixed;
        inset: 0px 0px auto;
        width: 100%;
        height: var(--header-height);
        z-index: 999;
        background: rgba(255, 255, 255, 0.3);
        border-bottom: 1px solid transparent;
        transition: var(--transition);
}

header.scrolled {
        backdrop-filter: blur(22px);
        background: rgba(255, 255, 255, 0.45);
        border-color: rgba(212, 175, 55, 0.18);
        box-shadow: rgba(0, 0, 0, 0.45) 0px 10px 40px;
}

.wrapper {}

.navbar {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
}

header.scrolled .navbar {
        height: 120px;
        align-items: center;
        justify-content: space-between;
        display: flex;
}

header .navbar {
        height: 115px;
        transition: 0.4s;
}

.logo img {
        height: 102px;
        display: block;
        transition: var(--transition);
}

header.scrolled .logo img {}

.book-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 15px 34px;
        border-radius: 60px;
        background: linear-gradient(135deg, var(--gold), var(--gold-light));
        color: rgb(9, 21, 69);
        font-weight: 500;
        transition: var(--transition);
        text-decoration: none;
}

.book-btn:hover {
        transform: translateY(-4px);
        box-shadow: rgba(212, 175, 55, 0.45) 0px 20px 45px;
        background: rgb(255, 255, 255);
}

.hamburgar-block {
        position: fixed;
        top: 20px;
        right: 0px;
        z-index: 10001;
}

.circle {
        width: 82px;
        height: 82px;
        background: rgba(255, 255, 255, 0);
        border-radius: 0px 0px 0px 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: 0.4s;
}

.hamburger {
        width: 34px;
        height: 30px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        background: none;
        cursor: pointer;
        position: relative;
}

.hamburger-line {
        position: absolute;
        left: 0px;
        background: rgb(255, 255, 255);
        height: 2px;
        border-radius: 30px;
        animation: 2s linear 0s infinite normal none running lineMove;
}

.hamburger-line-top {
        top: 3px;
}

.hamburger-line-middle {
        top: 50%;
        transform: translateY(-50%);
        animation-delay: 0.3s;
}

.hamburger-line-bottom {
        bottom: 3px;
        animation-delay: 0.6s;
}

@keyframes lineMove {

        0%,
        100% {
                width: 8px;
        }

        50% {
                width: 100%;
        }
}

body.menu-active .circle {
        background: rgb(0, 0, 0);
        border-radius: 50%;
}

body.menu-active .hamburger-line {
        width: 100%;
        background: rgb(6, 20, 45);
        animation: auto ease 0s 1 normal none running none;
}

body.menu-active .hamburger-line-top {
        top: 14px;
        transform: rotate(45deg);
}

body.menu-active .hamburger-line-middle {
        opacity: 0;
}

body.menu-active .hamburger-line-bottom {
        bottom: 14px;
        transform: rotate(-45deg);
}

.nav-menu {
        position: fixed;
        inset: 0px;
        background: linear-gradient(135deg, rgb(1, 8, 20), rgb(0, 0, 0), rgb(1, 8, 20));
        opacity: 0;
        visibility: hidden;
        transition: 0.5s;
        overflow-y: auto;
        z-index: 9999;
}

body.menu-active .nav-menu {
        opacity: 1;
        visibility: visible;
}

.menu-container {
        width: 90%;
        max-width: 1450px;
        margin: 0px auto;
        padding: 45px 0px;
}

.close-menu {
        position: absolute;
        top: 60px;
        right: 260px;
        width: 55px;
        height: 55px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        background: none;
        color: rgb(255, 255, 255);
        font-size: 45px;
        cursor: pointer;
}

.menu-top {
        text-align: center;
}

.menu-logo img {
        /* filter: brightness(0) invert(1); */
        width: 310px;
        background: #fff;
}

.menu-container hr {
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.5), transparent);
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        margin: 40px 0px 55px;
}

.menu-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 100px;
}

.menu-left {
        flex: 1 1 0%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
}

.menu-column a {
        display: block;
        color: rgb(255, 255, 255);
        font-size: 27px;
        font-weight: 300;
        padding: 24px 0px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        transition: 0.35s;
}

.menu-column a:hover {
        padding-left: 18px;
        color: rgb(212, 175, 55);
}

.menu-column span {
        display: block;
        font-size: 13px;
        color: rgb(213, 213, 213);
        margin-bottom: 8px;
}

.contact-box {
        width: 50%;
        flex-shrink: 0;
}

.contact-item {
        margin-bottom: 35px;
}

.contact-head {
        display: flex;
        align-items: center;
        gap: 12px;
        /* margin-bottom: 12px; */
}

.contact-head img {
        width: 18px;
        filter: brightness(0) invert(1);
}

.contact-head h4 {
        color: rgb(212, 175, 55);
        font-size: 19px;
        font-weight: 600;
        margin: 0;
}

.contact-item p {
        color: rgb(243, 243, 243);
        line-height: 1.8;
}

@media (max-width: 1200px) {
        .menu-column a {
                font-size: 32px;
        }

        .contact-box {
                width: 280px;
        }

        .close-menu {
                right: 40px;
        }
}

@media (max-width: 991px) {
        .book-btn {
                display: none;
        }

        .navbar {
                height: 80px;
        }

        .logo img {
                height: 60px;
                background: #fff;
        }

        @media (max-width: 991px) {
                .menu-container {
                        /* padding: 90px 25px 40px; */
                }
        }

        .menu-content {
                flex-direction: column;
                gap: 40px;
        }

        .menu-left {
                grid-template-columns: 1fr;
                gap: 0px;
                width: 100%;
        }

        .menu-column {
                /* margin-bottom: 20px; */
        }

        .menu-column a {
                display: flex;
                align-items: center;
                gap: 15px;
                font-size: 26px;
                padding: 18px 0px;
        }

        .menu-column span {
                margin: 0px;
                min-width: 30px;
        }

        .contact-box {
                width: 100%;
        }

        .menu-logo img {
                width: 300px;
        }

        .close-menu {
                top: 18px;
                right: 18px;
                font-size: 40px;
        }
}

@media (max-width: 767px) {
        .wrapper {
                width: 94%;
        }

        .navbar {
                height: 75px;
        }

        .logo img {
                height: 52px;
                background: #fff;
        }

        .circle {
                width: 72px;
                height: 72px;
        }

        .menu-container {
                width: 92%;
                /* padding: 85px 0px 30px; */
        }

        .menu-logo img {
                width: 300px;
        }

        .menu-container hr {
                margin: 30px 0px;
        }

        .menu-column a {
                font-size: 20px;
                padding: 16px 0px;
        }

        .menu-column span {
                font-size: 12px;
                width: 28px;
        }

        .contact-item {
                margin-bottom: 25px;
        }

        .contact-head h4 {
                font-size: 17px;
        }

        .contact-item p {
                font-size: 15px;
                line-height: 1.7;
                margin: 0;
                text-align: start;
        }

        .close-menu {
                top: 15px;
                right: 15px;
                font-size: 34px;
        }
}

@media (max-width: 480px) {
        .menu-column a {
                font-size: 18px;
        }

        .menu-logo img {
                width: 120px;
        }

        .circle {
                width: 65px;
                height: 65px;
        }

        .logo img {
                height: 45px;
        }

        .contact-item p {
                font-size: 14px;
        }
}

.card .card-content a {
        display: inline-block;
}

.banner-section {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
}

.banner-section .slider {
        width: 100%;
        height: 100%;
}

.banner-section .slide {
        position: absolute;
        inset: 0px;
        opacity: 0;
        transform: scale(1.1);
        transition: 1.2s;
}

.banner-section .slide.active {
        opacity: 1;
        transform: scale(1);
        z-index: 2;
}

.banner-section .bg {
        position: absolute;
        inset: 0px;
        background-size: cover;
        background-position: center center;
        transform: scale(1.15);
        transition: transform 9s;
}

.banner-section .slide.active .bg {
        transform: scale(1);
}

.banner-section .overlay {
        position: absolute;
        inset: 0px;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0.55) 100%), linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.15));
}

.banner-section .content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 92%;
        max-width: 920px;
        text-align: center;
        z-index: 2;
}

.banner-section .sub {
        display: inline-block;
        padding: 8px 18px;
        border: 1px solid rgba(212, 175, 55, 0.45);
        border-radius: 30px;
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(10px);
        letter-spacing: 4px;
        font-size: 13px;
        text-transform: uppercase;
        color: rgb(212, 175, 55);
        margin-bottom: 22px;
}

.banner-section .content h1 {
        font-size: 66px;
        font-weight: 700;
        line-height: 1.08;
        margin-bottom: 22px;
        color: rgb(255, 255, 255);
        text-shadow: rgba(0, 0, 0, 0.35) 0px 12px 30px;
}

.banner-section .desc {
        max-width: 700px;
        margin: 0px auto;
        font-size: 18px;
        line-height: 1.9;
        color: rgba(255, 255, 255, 0.82);
}

.banner-section .btn-group {
        margin-top: 30px;
        /* display: flex; */
        justify-content: center;
        /* align-items: center; */
        /* gap: 15px; */
        flex-wrap: wrap;
}

.banner-section .btn {
        padding: 16px 36px;
        border-radius: 60px;
        font-weight: 600;
        font-size: 15px;
        transition: 0.35s;
}

.banner-section .btn.gold {
        background: linear-gradient(135deg, rgb(212, 175, 55), rgb(244, 214, 122));
        color: rgb(8, 17, 31);
        box-shadow: rgba(212, 175, 55, 0.35) 0px 15px 35px;
}

.banner-section .btn.gold:hover {
        transform: translateY(-4px);
        background: rgb(255, 255, 255);
}

.banner-section .btn.outline {
        border: 1px solid rgba(255, 255, 255, 0.45);
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(10px);
        color: rgb(255, 255, 255);
}

.banner-section .btn.outline:hover {
        background: rgb(255, 255, 255);
        color: rgb(8, 17, 31);
}

.banner-section .controls {
        position: absolute;
        left: 50%;
        bottom: 35px;
        transform: translateX(-50%);
        display: flex;
        gap: 15px;
        z-index: 10;
}

.banner-section .controls button {
        width: 58px;
        height: 58px;
        border-radius: 50%;
        border: 1px solid rgba(212, 175, 55, 0.35);
        background: rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(15px);
        font-size: 24px;
        color: rgb(255, 255, 255);
        transition: 0.35s;
}

.banner-section .controls button:hover {
        background: rgb(212, 175, 55);
        color: rgb(8, 17, 31);
        transform: translateY(-3px);
}

.banner-section .counter {
        position: absolute;
        right: 50px;
        bottom: 45px;
        font-size: 16px;
        letter-spacing: 4px;
        font-weight: 600;
        color: rgb(212, 175, 55);
        z-index: 2;
}

.banner-section .slide.active .sub {
        animation: 0.7s ease 0s 1 normal both running fadeUp;
}

.banner-section .slide.active h1 {
        animation: 0.9s ease 0.15s 1 normal both running fadeUp;
}

.banner-section .slide.active .desc {
        animation: 1.1s ease 0.3s 1 normal both running fadeUp;
}

.banner-section .slide.active .btn-group {
        animation: 1.3s ease 0.45s 1 normal both running fadeUp;
}

@keyframes fadeUp {
        0% {
                opacity: 0;
                transform: translateY(45px);
        }

        100% {
                opacity: 1;
                transform: translateY(0px);
        }
}

@media (max-width: 991px) {
        .banner-section .content {
                width: 90%;
                max-width: 700px;
        }

        .banner-section .content h1 {
                font-size: 52px;
        }
}

@media (max-width: 767px) {
        .banner-section .content h1 {
                font-size: 40px;
        }

        .banner-section .desc {
                font-size: 15px;
        }

        .banner-section .btn {
                width: 100%;
                border-radius: 0;
        }

        .banner-section .btn-group {}

        .banner-section .controls button {
                width: 46px;
                height: 46px;
        }
}

.about-sec {
        position: relative;
        padding: 90px 0;
        background: #000;
        overflow: hidden;
        z-index: 1;
}

.about-sec::before,
.about-sec::after {
        content: "";
        position: absolute;
        width: 650px;
        height: 650px;
        pointer-events: none;
}

.about-sec::before {
        top: -220px;
        left: -220px;
        background: radial-gradient(circle, rgba(212, 175, 55, .18), transparent 70%);
}

.about-sec::after {
        right: -220px;
        bottom: -220px;
        background: radial-gradient(circle, rgba(212, 175, 55, .08), transparent 70%);
}

.about-sec .floating-bg {
        position: absolute;
        right: 40px;
        top: 18%;
        width: 420px;
        height: 720px;
        background: url("../image/background/welcome-img.png") center/cover no-repeat;
        opacity: .18;
        animation: floatBg 7s ease-in-out infinite;
        z-index: 0;
}

@keyframes floatBg {

        0%,
        100% {
                transform: translateY(0);
        }

        50% {
                transform: translateY(20px);
        }
}

/*---------------- IMAGE ----------------*/
.about-img {
        position: relative;
        max-width: 440px;
        margin: auto;
}

.about-img::before {
        content: "";
        position: absolute;
        inset: -16px;
        border: 2px solid rgba(212, 175, 55, .45);
        border-radius: 28px;
}

.about-img::after {
        content: "";
        position: absolute;
        inset: -30px;
        border: 1px solid rgba(212, 175, 55, .18);
        border-radius: 36px;
}

.about-img img {
        width: 100%;
        display: block;
        border-radius: 20px;
        box-shadow: 0 30px 70px rgba(0, 0, 0, .55);
        transition: .5s;
}

.about-img:hover img {
        transform: scale(1.03);
}

/*---------------- CONTENT ----------------*/
.about-content {
        position: relative;
        z-index: 2;
}

.about-content .underline-img {
        margin-bottom: 18px;
}

.about-content .underline-img img {
        width: 60%;
}

.about-content .sub-title {
        display: inline-block;
        padding: 8px 18px;
        border: 1px solid rgba(212, 175, 55, .45);
        border-radius: 30px;
        background: rgba(255, 255, 255, .05);
        backdrop-filter: blur(10px);
        color: #d4af37;
        letter-spacing: 3px;
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 22px;
}

.about-content h2 {
        color: #fff;
        font-size: 46px;
        line-height: 1.2;
        font-weight: 700;
        margin-bottom: 25px;
}

.about-content p {
        color: rgba(255, 255, 255, .78);
        line-height: 1.9;
        font-size: 16px;
        margin-bottom: 30px;
}

.about-list {
        list-style: none;
        padding: 0;
        margin: 0 0 40px;
}

.about-list li {
        position: relative;
        padding-left: 36px;
        margin-bottom: 18px;
        color: #fff;
        line-height: 1.8;
}

.about-list li::before {
        content: "✦";
        position: absolute;
        left: 0;
        top: 0;
        color: #d4af37;
        font-size: 18px;
}

.read-more {
        display: inline-flex;
        align-items: center;
        gap: 14px;
        padding: 16px 34px;
        border-radius: 50px;
        text-decoration: none;
        background: #d4af37;
        color: #02102b;
        font-weight: 700;
        transition: .4s;
        box-shadow: 0 15px 35px rgba(212, 175, 55, .25);
}

.read-more img {
        filter: brightness(0);
        transition: .4s;
}

.read-more:hover {
        background: #fff;
        transform: translateY(-5px);
        box-shadow: 0 18px 40px rgba(212, 175, 55, .35);
}

.read-more:hover img {
        transform: translateX(8px);
}

/*---------------- RESPONSIVE ----------------*/
@media(max-width:1199px) {
        .about-img {
                max-width: 390px;
        }

        .about-content h2 {
                font-size: 40px;
        }
}

@media(max-width:991px) {
        .about-sec {
                padding: 80px 0;
        }

        .about-img {
                max-width: 420px;
                margin-bottom: 20px;
        }

        .about-content {
                text-align: center;
        }

        .about-list {
                text-align: left;
                display: inline-block;
        }

        .about-content h2 {
                font-size: 34px;
        }

        .about-sec .floating-bg {
                display: none;
        }
}

@media(max-width:767px) {
        .about-sec {
                padding: 65px 0;
        }

        .about-img {
                max-width: 300px;
        }

        .about-img::before {
                inset: -12px;
        }

        .about-img::after {
                inset: -22px;
        }

        .about-content h2 {
                font-size: 28px;
        }

        .about-content p {
                font-size: 15px;
        }

        .about-list li {
                font-size: 15px;
        }

        .read-more {
                padding: 14px 28px;
                font-size: 15px;
        }

        .about-content .underline-img img {
                width: 120px;
        }
}

.our-resort .resort-box::after,
.our-resort .resort-box::before {
        position: absolute;
        width: 0px;
        border-radius: 50%;
        top: 50%;
        transition: 0.4s;
        animation: 0.4s ease 0s 1 normal forwards running border;
        opacity: 0;
        content: "";
        height: 280px;
}

.our-resort {
        padding: 135px 0px;
        background-image: none;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
}

.our-resort .resort-block {
        padding-top: 20px;
        display: flex;
        justify-content: center;
        gap: 10px 80px;
        flex-wrap: wrap;
}

.our-resort .resort-box {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center;
        position: relative;
        padding: 65px 0px 100px;
        width: 20%;
}

.our-resort .resort-box img {
        width: 70px;
        height: 70px;
}

.our-resort .resort-box a {
        color: rgb(255, 255, 255);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: -0.24px;
        padding: 25px 19px;
        background-color: rgb(0, 0, 0);
        border-radius: 50%;
        position: absolute;
        right: 20px;
        bottom: 0px;
        text-align: center;
        width: fit-content;
        opacity: 0;
}

.our-resort .resort-box::after {
        border: 2.5px solid;
        transform: translateY(-50%) rotate(-60.555deg);
}

.our-resort .resort-box::before {
        transform: translateY(-50%) rotate(-50.6deg);
        border: 2px solid;
}

.our-resort .resort-box:hover a,
.our-resort .resort-box:hover::after,
.our-resort .resort-box:hover::before,
footer .footer-menu ul li:hover::after {
        opacity: 1;
}

.our-resort .resort-box:hover::after {
        width: 360px;
}

.our-resort .resort-box:hover::before {
        width: 370px;
}

.cuplebadroom-sec .left-dtl,
.cuplebadroom-sec .right-dtl,
.resort-eyes-sec .about-block,
.resort-eyes-sec .resort-description {
        position: relative;
}

.resort-eyes-sec .swiper {
        width: 387px;
        height: 540px;
}

.resort-eyes-sec .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(rgb(246, 255, 243) 0px, rgb(226, 226, 226) 100%);
        border-radius: 20px;
}

.why-choos-sec .wrapper {
        background-repeat: no-repeat;
}

.resort-eyes-sec .resort-slide {
        position: relative;
        padding: 30px 30px 130px;
        display: flex;
        flex-direction: column;
        gap: 100px;
        overflow: hidden;
}

.resort-eyes-sec .resort-slide .resort-head {
        display: flex;
        align-items: center;
        gap: 20px;
}

.resort-eyes-sec .resort-slide .resort-head img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
}

.resort-eyes-sec .resort-head p {
        font-size: 14px;
        font-weight: 800;
}

.resort-eyes-sec .resort-head p.p-dis {
        font-size: 11px;
        font-weight: 400;
        padding-top: 8px;
}

.resort-eyes-sec .resort-description::after {
        position: absolute;
        content: "";
        background-image: url("../image/quated.svg");
        background-repeat: no-repeat;
        background-size: contain;
        top: -40px;
        width: 33px;
        height: 26px;
        left: 0px;
}

.resort-eyes-sec .navigation {
        position: absolute;
        left: -680px;
        bottom: 30px;
}

.resort-eyes-sec .navigation .swiper-button-next::after,
.resort-eyes-sec .navigation .swiper-button-prev::after {
        color: rgb(0, 226, 9);
        font-size: 15px;
        border-radius: 50%;
        border: 1px solid;
        padding: 20px 25px;
}

.resort-eyes-sec .navigation .swiper-button-prev {
        left: -30px;
}

.resort-eyes-sec .navigation .swiper-button-next {
        left: 50px;
}

.piramid-sec span.swiper-pagination-bullet.swiper-pagination-bullet-active,
.resort-eyes-sec .navigation .swiper-button-next:hover::after,
.resort-eyes-sec .navigation .swiper-button-prev:hover::after,
.why-choos-sec .choos-box:hover {
        background: rgb(255, 255, 255);
}

.resort-eyes-sec .swiper-pagination {
        left: -400px;
        display: inline-flex;
        gap: 10px;
        bottom: 10px;
}

.resort-eyes-sec .swiper-pagination .swiper-pagination-bullet {
        font-size: 15px;
        font-weight: 800;
        color: rgb(0, 0, 0);
        background: rgb(162, 214, 144);
        padding: 12px;
        line-height: 10px;
        text-align: center;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
}

.luxury-sec {
        background: rgba(217, 217, 217, 0.2);
        padding: 80px 0px;
}

.luxury-sec .carousel {
        overflow-x: clip;
        position: relative;
}

.luxury-sec .carousel::after {
        position: absolute;
        content: "";
        border-radius: 2276px;
        border: 1px solid;
        width: 2500px;
        height: 2416px;
        left: -530px;
        margin: 0px auto;
        right: 0px;
        top: 180px;
        z-index: -1;
}

.luxury-sec .swiper {
        overflow: visible;
}

.luxury-sec .swiper .swiper-slide {
        width: 267px;
        margin: 0px 80px;
}

.luxury-sec .single {
        position: relative;
        pointer-events: none;
        user-select: none;
}

.luxury-sec .single img {
        width: 100%;
        height: auto;
        vertical-align: top;
        border-radius: 110px;
        pointer-events: none;
}

.luxury-sec .swiper-slide {
        margin-top: 0px;
        transition: margin-top 0.15s ease-in-out;
}

.luxury-sec .swiper-slide-active {
        margin-top: -1rem;
        transition: margin-top 0.3s ease-in;
}

.luxury-sec .title {
        align-items: center;
        max-width: 475px;
        margin: 0px auto;
        padding-top: 90px;
}

.luxury-sec .title a:hover {
        color: rgb(0, 226, 9);
}

.why-choos-sec {
        background: rgb(251, 255, 252);
        padding: 80px 0px;
}

.common-banner,
.why-choos-sec .wrapper {
        background-size: cover;
        background-position: center center;
}

.why-choos-sec .wrapper {
        background-image: none;
        padding: 0px;
}

.why-choos-sec .choos-block {
        display: flex;
        align-items: flex-end;
}

.why-choos-sec .choos-column {
        width: 34%;
}

.why-choos-sec .choos-box {
        padding: 25px;
        border-width: 1px 0px 1px 1px;
        border-style: solid none solid solid;
        border-color: rgb(255, 255, 255) currentcolor rgb(255, 255, 255) rgb(255, 255, 255);
        border-image: initial;
        height: 208px;
}

.why-choos-sec .choos-box .choos-dis {
        display: flex;
        flex-direction: column;
        gap: 14px;
        visibility: hidden;
        opacity: 0;
        transition: 0.4s;
}

.why-choos-sec .choos-box .choos-dis a {
        background: rgb(0, 0, 0);
        padding: 19px 22px;
        color: rgb(255, 255, 255);
        font-size: 11px;
        font-weight: 600;
        display: inline-block;
        width: fit-content;
        margin-left: auto;
        border-radius: 50%;
}

.why-choos-sec .choos-box:hover .choos-dis {
        visibility: visible;
        opacity: 1;
}

.why-choos-sec .choos-column h3 {
        font-size: 38px;
}

.why-choos-sec .choos-column .choos-dtl p {
        padding: 15px 0px;
}

.why-choos-sec .choos-column .choos-link img {
        width: 32px;
        height: 32px;
}

.why-choos-sec .choos-column .choos-dtl {
        padding-left: 16px;
        padding-bottom: 120px;
}

.common-banner {
        background-repeat: no-repeat;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
}

.banner-title h1 {
        padding: 4px 0px 20px;
}

.banner-title p {
        max-width: 420px;
        margin: 0px auto;
}

.common-banner .scroll {
        display: flex;
        flex-direction: column;
        gap: 18px;
        color: rgb(255, 255, 255);
        text-align: center;
        font-size: 14px;
        letter-spacing: -0.28px;
        text-transform: uppercase;
        align-items: center;
        width: fit-content;
        margin: 0px auto;
        padding: 30px 8px;
        border: 1px solid rgb(255, 255, 255);
        border-radius: 50px;
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 80px;
}

.common-banner .scroll img {
        height: 7px;
        width: 13px;
        animation: 5s linear 0s infinite normal none running arrow;
}

@keyframes arrow {

        0%,
        100% {
                transform: translateY(0px);
        }

        50% {
                transform: translateY(8px);
        }
}

.about-subblock,
.blog-section {
        padding: 100px 0px;
}

.about-subblock .custom-row {
        display: flex;
        gap: 200px 160px;
        justify-content: space-between;
        align-items: center;
}

.about-subblock .column .number {
        color: rgb(255, 255, 255);
        -webkit-text-fill-color: rgba(255, 255, 255, 0);
        padding: 0px;
        background-size: cover !important;
        background-clip: text !important;
        background-position: center center !important;
}

.about-subblock .column .number .h2 {
        font-size: 300px;
        text-align: center;
        text-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px;
}

.about-subblock .column img {
        height: 55px;
        width: 55px;
}

.about-subblock .column p {
        opacity: 0.4;
}

.about-subblock .column h3 {
        padding: 36px 0px;
}

.about-subblock .custom-row:nth-child(2n) {
        flex-direction: row-reverse;
}

.about-subblock .wrapper {
        display: flex;
        flex-direction: column;
        gap: 100px;
}

.about-sec .about-content .about-list {
        margin: 0px 0px 30px;
}

.about-sec .about-content .about-list li {
        color: rgb(241, 241, 241);
        line-height: 1.8;
        margin-bottom: 10px;
}

.about-sec .about-content .about-list li::marker {
        color: rgb(212, 175, 55);
}

.review-sec .review-card {
        border-radius: 25px;
        border: 0.5px solid;
        background: rgb(246, 246, 246);
        padding: 40px 60px;
        width: 48%;
        position: relative;
}

.review-sec .review-head {
        text-align: right;
}

.review-sec .review-head .star {
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: flex-end;
        padding-top: 6px;
}

.review-sec .review-card .p-big,
.surprise-sec {
        padding-top: 100px;
        position: relative;
}

.review-sec .review-card .review-head .p-big,
.review-sec .review-card .review-head .star p {
        padding: 0px;
        text-align: right;
        max-width: 100%;
}

.review-sec .review-card .p-big {
        padding-bottom: 30px;
        text-align: center;
        max-width: 440px;
        margin: 0px auto;
}

.review-sec .review-card .top {
        position: absolute;
        top: 60px;
        left: 0px;
}

.review-sec .review-card .bottom {
        position: absolute;
        bottom: 0px;
        right: 0px;
}

.review-sec .review-card .avtar {
        position: absolute;
        top: -120px;
        left: -100px;
        width: 204px;
        height: 204px;
}

.review-sec.about-subblock .wrapper {
        gap: 200px;
}

.review-sec.about-subblock {
        padding: 250px 0px 100px;
}

.review-sec .custom-row {
        justify-content: flex-end;
}

.about-subblock.review-sec .custom-row:nth-child(2n) .avtar {
        left: auto;
        right: -100px;
}

.about-subblock.review-sec .custom-row:nth-child(2n) .review-head p {
        text-align: left;
}

.about-subblock.review-sec .custom-row:nth-child(2n) .review-head .star {
        justify-content: flex-start;
}

.about-subblock.gallary-sec {
        padding: 160px 0px;
}

.gallary-sec .wrapper {
        max-width: 100%;
        padding: 0px;
}

.gallary-sec .custom-row {
        gap: 70px;
}

.gallary-sec .gallary-column {
        width: 40%;
}

.gallary-sec .gallary-img {
        width: 60%;
        overflow: hidden;
}

.gallary-sec .gallary-img img {
        width: 100%;
        height: 540px;
        transform: rotate(-3.517deg);
        box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 60px 12px inset;
        border-top-right-radius: 300px;
        border-bottom-right-radius: 300px;
        position: relative;
        left: -20px;
        transition: 0.4s;
}

.gallary-sec .custom-row .gallary-column {
        padding-right: 16px;
        display: flex;
        flex-direction: column;
        gap: 25px;
        max-width: 336px;
        margin-right: auto;
}

.gallary-sec .custom-row .gallary-column a {
        width: fit-content;
}

.gallary-sec .custom-row:nth-child(2n) .gallary-img img {
        border-radius: 300px 0px 0px 300px;
        left: auto;
        right: -20px;
}

.gallary-sec .custom-row:nth-child(2n) .gallary-column {
        padding-left: 16px;
        padding-right: 0px;
        margin-right: initial;
        margin-left: auto;
}

.common-banner.surprise {
        background-position: 60% 50%;
}

.surprise-sec .custom-row {
        gap: 44px;
        position: relative;
}

.surprise-sec .custom-row .column img {
        width: 100%;
        height: 462px;
        transform: rotate(7deg);
}

.surprise-sec .custom-row .column h3 {
        padding: 0px;
}

.surprise-sec .custom-row .column p {
        padding-bottom: 35px;
}

.surprise-sec .custom-row .column .custom-btn {
        display: inline-block;
        padding: 16px 25px;
}

.surprise-sec .custom-row .column hr {
        width: 85px;
        height: 9px;
        border-radius: 95px;
        background: rgb(193, 255, 0);
        border: 0px;
        margin: 36px 0px;
}

.contact-sec .wrapper {
        display: flex;
        justify-content: space-between;
        gap: 75px;
        align-items: center;
}

.contact-sec .contact-block {
        display: flex;
        flex-direction: column;
        gap: 27px;
}

.contact-sec .ctn-box {
        display: flex;
        gap: 20px;
        align-items: center;
        padding: 21px 23px;
        border-radius: 7px;
        background: rgb(255, 255, 255);
}

.contact-sec .ctn-box img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        transition: 0.4s;
}

.contact-sec .ctn-box p {
        padding-bottom: 5px;
}

.contact-sec {
        background: rgba(228, 235, 232, 0.3);
        padding: 100px 0px;
        margin-top: 100px;
}

.contact-sec .contact-form h5 {
        padding-bottom: 12px;
        font-size: 25px;
}

.contact-sec .ctn-form {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        padding-top: 45px;
}

.contact-sec .ctn-form .half {
        width: 43%;
}

.contact-sec .ctn-form input,
.contact-sec .ctn-form textarea {
        border-radius: 7px;
        border: 1.21px solid;
        padding: 10px 17px;
        background: rgba(255, 255, 255, 0);
        outline: 0px !important;
}

.contact-sec .ctn-form textarea {
        height: 75px;
}

.contact-sec .ctn-form button {
        border-radius: 7px;
        background: rgb(17, 51, 34);
        padding: 11px 30px;
        color: rgb(255, 255, 255);
        font-size: 12.099px;
        font-weight: 800;
        border: 0px;
        transition: 0.4s;
}

.contact-sec .ctn-form button:hover {
        transform: translateY(5px);
}

.blog-detail-section,
.google-map-sec {
        padding: 80px 0px;
}

.glass-details-sec,
.glass-sec {
        padding-bottom: 100px;
}

.google-map-sec p {
        max-width: 800px;
        margin: 0px auto;
        padding-top: 15px;
}

.google-map-sec .map-box {
        max-width: 950px;
        margin: 0px auto;
        padding-top: 70px;
}

.google-map-sec .map-box iframe {
        border-radius: 12.099px;
        box-shadow: rgba(92, 92, 92, 0.06) 0px 4px 98.5px 0px;
}

.glass-sec {
        padding-top: 150px;
}

.glass-sec .glass-box {
        position: relative;
        width: 82px;
        transition: 0.4s;
}

.glass-sec .glass-box img {
        width: 100%;
        height: 445px;
        border-radius: 40px;
        transition: 0.4s;
}

.glass-sec .glass-box .glass-dtl {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: flex-start;
        position: absolute;
        left: 3px;
        bottom: 12px;
        transition: 0.4s;
}

.glass-sec .glass-box .round {
        background: rgb(255, 255, 255);
        border-radius: 50%;
        height: 54px;
        width: 54px;
}

.glass-sec .glass-block {
        display: flex;
        gap: 20px;
}

.glass-sec .glass-box .glass-dtl .glass-info {
        opacity: 0;
        display: none;
}

.glass-sec .glass-box.glass-hover {
        width: 100%;
        transition: 0.4s;
}

.glass-sec .glass-box.glass-hover .glass-dtl {
        left: 30px;
        bottom: 30px;
        transition: 0.4s;
}

.glass-sec .glass-box.glass-hover .glass-dtl .glass-info {
        opacity: 1;
        display: block;
}

.glass-details-sec p {
        font-weight: 400;
        padding-top: 40px;
}

.cuplebadroom-sec {
        padding: 150px 0px;
}

.cuplebadroom-sec .room-column .h1 {
        font-size: 70px;
        text-align: center;
        position: absolute;
        left: 0px;
        right: 0px;
        margin: 0px auto;
        top: -20px;
        z-index: -1;
}

.cuplebadroom-sec .room-dtl {
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: center;
}

.cuplebadroom-sec .room-dtl .room-img {
        border-radius: 50%;
        height: 443px;
        width: 443px;
}

.cuplebadroom-sec .left-dtl p,
.cuplebadroom-sec .right-dtl p {
        text-align: left;
        max-width: 235px;
}

.cuplebadroom-sec .left-dtl hr,
.cuplebadroom-sec .right-dtl hr {
        margin-top: 0px;
        margin-bottom: 15px;
        height: 7px;
        width: 72px;
        border-radius: 81.151px;
        background: rgb(217, 217, 217);
        margin-left: inherit;
        border: 0px;
}

.cuplebadroom-sec .room-column {
        position: relative;
        padding-top: 70px;
}

.cuplebadroom-sec .room-block {
        display: flex;
        flex-direction: column;
        gap: 150px;
}

.cuplebadroom-sec .left-dtl .left-line {
        position: absolute;
        top: 0px;
        right: -100px;
}

.cuplebadroom-sec .right-dtl .left-line {
        position: absolute;
        bottom: -30px;
        left: -100px;
}

.surprise-sec .custom-row .line-one {
        position: absolute;
        top: -130px;
        left: 200px;
        right: 0px;
        margin: 0px auto;
        height: 250px;
}

.surprise-sec .custom-row .line-four,
.surprise-sec .custom-row .line-three,
.surprise-sec .custom-row .line-two {
        height: 500px;
        position: absolute;
        right: 0px;
        margin: 0px auto;
        left: 0px;
        z-index: -1;
}

.surprise-sec .custom-row .line-two {
        width: 500px;
        top: -290px;
        transform: rotate(24deg);
}

.surprise-sec .custom-row .line-three {
        width: 310px;
        top: -300px;
        transform: rotate(-18deg);
}

.surprise-sec .custom-row .line-four {
        width: 500px;
        top: -320px;
        transform: rotate(30deg);
}

.surprise-sec .custom-row .line-five {
        position: absolute;
        left: 0px;
        right: 0px;
        margin: 0px auto;
        height: 400px;
        width: 400px;
        top: -240px;
        z-index: -1;
        transform: rotate(-10deg);
}

.navbar .menu-item.contect,
.navbar .mobaile-logo,
.piramid .exclusive-block,
.piramid .hamburgar-block {
        display: none;
}

.navbar .menu-item.contect a {
        padding: 16px 24px;
        border-radius: 1000px;
        background: rgba(17, 51, 34, 0.8);
        color: rgb(255, 255, 255);
        font-size: 24px;
        font-weight: 400;
        text-transform: capitalize;
}

.banner-sec .content a {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        width: fit-content;
        color: rgb(255, 255, 255);
        font-weight: 700;
        font-size: 16px;
}

.surprise-sec .custom-row .line-three.line-five {
        width: 350px;
}

/* ==========================
   Desktop
========================== */
#return-to-top {
        position: fixed;
        right: 25px;
        bottom: 24px;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        cursor: pointer;
        z-index: 9999;
        border: 1px solid rgba(212, 175, 55, 0.35);
        box-shadow: 0 15px 45px rgba(0, 0, 0, .45);
        transition: .4s ease;
        overflow: hidden;
}

#return-to-top.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
}

#return-to-top img {
        width: 50px;
        transition: .3s;
}

#return-to-top:hover {
        transform: translateY(-5px);
}

#return-to-top:hover img {
        transform: scale(1.05);
}

/* ==========================
   Mobile Responsive
========================== */
@media (max-width: 767px) {
        #return-to-top {
                position: fixed;
                right: 25px;
                bottom: 24px;
                width: 60px;
                height: 60px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                cursor: pointer;
                z-index: 9999;
                border: 1px solid rgba(212, 175, 55, 0.35);
                box-shadow: 0 15px 45px rgba(0, 0, 0, .45);
                transition: .4s ease;
                overflow: hidden;
        }

        /* Floating Bottom Bar */
        .float-container {
                position: fixed;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                display: flex;
                z-index: 99999;
        }

        .float-container a {
                flex: 1;
                height: 60px;
                margin: 0;
                padding: 8px 5px;
                border-radius: 0;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 4px;
        }

        .float-container a span {
                font-size: 11px;
                line-height: 1.2;
        }

        /* Scroll Top Button */
        #return-to-top,
        .scroll-top,
        .back-to-top,
        #scrollUp {
                right: 15px;
                bottom: 75px !important;
                width: 50px;
                height: 50px;
        }

        #return-to-top img {
                width: 40px;
        }
}

/* ==========================
   Small Mobile
========================== */
@media (max-width:480px) {
        .float-container a {
                height: 55px;
                padding: 6px 3px;
        }

        .float-container a span {
                font-size: 10px;
        }

        #return-to-top,
        .scroll-top,
        .back-to-top,
        #scrollUp {
                width: 60px;
                height: 60px;
                right: 12px;
                bottom: 150px !important;
        }

        #return-to-top img {
                width: 50px;
        }
}

.piramid-sec .slider-wrap {
        background: rgb(255, 255, 255);
        height: 100vh;
}

.piramid-sec .swiper-slide--inner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: 0px auto;
}

.common-banner.blog-dtl,
.piramid-sec .swiper-slide {
        position: relative;
}

.banner-sec .video_bg,
.piramid-sec .video_bg {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0px;
        left: 0px;
        z-index: -1;
}

.banner-sec .video_bg img,
.piramid-sec .video_bg img {
        object-position: center center;
        width: 100%;
        height: 100%;
        object-fit: cover;
}

.piramid-sec .slide--bg {
        z-index: 0;
        visibility: inherit;
        font-weight: 400;
        white-space: nowrap;
        min-height: 500px;
        min-width: 500px;
        max-height: 500px;
        max-width: 500px;
        background-color: rgba(17, 51, 34, 0.42);
        border-radius: 50%;
        width: 100%;
        height: 100%;
        display: flex;
        position: absolute;
        overflow: auto;
}

.piramid-sec .swiper-slide-active .slide--bg {
        animation: 1.5s ease 0s 1 normal forwards running zoomInBg;
}

.piramid-sec .slide--bg .slide-bg--inner {
        width: 400px;
        height: 400px;
        background: rgb(17, 51, 34);
        margin: auto;
        border-radius: 50%;
}

.piramid-sec .swiper-slide-active .slide--bg .slide-bg--inner {
        animation: 1s ease 0s 1 normal forwards running zoomInInner;
}

.piramid-sec .slide-detail {
        position: relative;
        z-index: 1;
        text-align: center;
}

.piramid-sec .slide-main--heading {
        display: block;
        text-align: center;
        color: rgb(255, 255, 255);
        line-height: normal;
        text-shadow: rgb(11, 18, 54) 3px 3px 15px;
        padding: 0px 0px 23px;
        font-weight: 700;
        font-size: 52px;
        white-space: normal;
        text-transform: capitalize;
}

.from-right,
.piramid-sec .from-left {
        opacity: 0;
        filter: blur(4px);
        transition: opacity 0.5s, filter 0.5s;
}

.piramid-sec .swiper-slide-active .from-left {
        animation: 1s ease 0.8s 1 normal forwards running fadeInLeft;
        font-size: 42px;
}

.piramid-sec .swiper-slide-active .from-right {
        animation: 1s ease 1s 1 normal forwards running fadeInRight;
}

.piramid-sec .slide-des {
        text-align: center;
        line-height: 25px;
        border-width: 0px;
        padding: 0px;
        letter-spacing: 0px;
        font-weight: 300;
        font-size: 14px;
        white-space: normal;
        min-height: 0px;
        min-width: 347px;
        max-height: none;
        max-width: 347px;
        color: rgb(255, 255, 255);
        margin: auto;
        opacity: 0;
}

.piramid-sec .slide-des p {
        color: rgb(255, 255, 255);
}

.piramid-sec .swiper-slide-active .slide-des {
        transition: opacity 0.5s, filter 0.5s;
        animation: 1s ease 1.4s 1 normal forwards running fadeInUp;
}

@keyframes fadeInUp3 {
        0% {
                opacity: 0;
                transform: translateY(50px);
        }

        100% {
                opacity: 1;
                transform: translateY(0px);
                filter: blur(0px);
        }
}

@keyframes fadeInUp2 {
        0% {
                opacity: 0;
                transform: translateY(50px);
        }

        100% {
                opacity: 1;
                transform: translateY(0px);
                filter: blur(0px);
        }
}

@keyframes fadeInUp {
        0% {
                opacity: 0;
                transform: translateY(-50px);
        }

        100% {
                opacity: 0.7;
                transform: translateY(0px);
                filter: blur(0px);
        }
}

@keyframes fadeInDown {
        0% {
                opacity: 0;
                transform: translateY(-50px);
        }

        100% {
                opacity: 1;
                transform: translateY(0px);
                filter: blur(0px);
        }
}

@keyframes fadeInLeft {
        0% {
                opacity: 0;
                transform: translateX(-50px);
        }

        100% {
                opacity: 1;
                transform: translateX(0px);
                filter: blur(0px);
        }
}

@keyframes fadeInRight {
        0% {
                opacity: 0;
                transform: translateX(50px);
        }

        100% {
                opacity: 1;
                transform: translateX(0px);
                filter: blur(0px);
        }
}

@keyframes zoomInBg {
        0% {
                opacity: 0;
                transform: scale(0.5);
        }

        100% {
                opacity: 1;
                transform: scale(1);
        }
}

@keyframes zoomInInner {
        0% {
                opacity: 0;
                transform: scale(0.5);
        }

        100% {
                opacity: 1;
                transform: scale(1);
        }
}

.piramid-sec .parallax-slider .slide-btns {
        width: 54px;
        height: 54px;
        border: 1px solid;
        transition: 0.3s ease-in-out;
        border-radius: 50%;
        font-size: 16px;
        background: rgba(0, 206, 8, 0.51);
        font-weight: 900;
}

.piramid-sec .slide-btns.swiper-button-next::after,
.slide-btns.swiper-button-prev::after {
        font-size: 16px;
        font-weight: 900;
        color: rgb(255, 255, 255);
}

.piramid-sec .slide-btns:hover {
        border: 1px solid rgb(255, 255, 255);
        background: rgb(255, 255, 255);
}

.piramid-sec .slide-btns:hover::after {
        color: rgb(35, 35, 35);
}

.piramid-sec span.swiper-pagination-bullet {
        width: 16px;
        height: 16px;
        background: rgba(255, 255, 255, 0);
        box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
        transition: background 0.3s;
        opacity: 1;
        display: none;
}

.card .card-image img,
.gallery-info img {
        width: 100%;
        height: auto;
}

.piramid-sec {
        padding-bottom: 50px;
}

.piramid-sec .swiper-slide--inner.fade-out {
        opacity: 0;
        transition: opacity 1s ease-in-out;
}

.blog-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
}

.blog-card {
        border-radius: 12px;
        border: 0.5px solid;
        background: rgb(246, 246, 246);
        padding: 20px;
}

.card .card-image img {
        border-radius: 12px;
}

.card .card-image {
        padding-bottom: 12px;
}

.card .card-content p {
        padding: 12px 0px;
}

.blog-detail-section .post-thumb img {
        width: 100%;
        height: 500px;
        object-fit: cover;
        border-radius: 12px;
}

.blog-detail-section h2,
.blog-detail-section h3,
.blog-detail-section h4,
.blog-detail-section h5,
.blog-detail-section h6,
.gallery-info h2,
.gallery-info h3,
.gallery-info h4,
.gallery-info h5,
.gallery-info h6 {
        letter-spacing: 0.18px;
        color: rgb(51, 51, 51);
}

.blog-detail-section b,
.blog-detail-section strong,
.gallery-info b,
.gallery-info strong {
        font-weight: 800;
}

.blog-detail-section h2 {
        font-size: 36px;
}

.blog-detail-section h3 {
        font-size: 28px;
}

.blog-detail-section ul {
        margin-left: 0px;
}

.blog footer .form-block,
.single-post footer .form-block {
        width: 345px;
}

.gallery-info-sec .banner-title h1 {
        font-size: 50px;
}

.gallery-info-sec .banner-title p {
        max-width: 650px;
}

.gallery-info {
        padding: 50px 0px;
}

.gallery-info p {
        padding-bottom: 15px;
}

.gallery-info ul li {
        padding-bottom: 8px;
}

body.single-post {
        min-height: 100vh;
        transform: none !important;
        transform-origin: initial !important;
}

.menu li:nth-child(7) {}

.banner-bus .block {
        display: flex;
        align-items: center;
        justify-content: center;
}

.banner-bus {
        background: none;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
}

.banner-bus .block .right {
        width: 60%;
}

.banner-bus .block .left {
        width: 50%;
        display: flex;
        gap: 25px;
        flex-direction: column;
}

.banner-bus .block .right img {
        width: 100%;
}

.banner-bus .block .left .btn {
        display: flex;
        gap: 20px;
}

.banner-bus .block .left .custom-btn.fill {
        background: rgb(0, 206, 8);
        color: rgb(255, 255, 255);
        border: rgba(255, 255, 255, 0);
}

.banner-bus .block .left .custom-btn {
        border: 2px solid rgba(255, 255, 255, 0.25);
        background: rgba(0, 206, 8, 0.01);
        color: rgb(255, 255, 255);
        backdrop-filter: blur(20px);
}

.banner-bus .location {
        display: inline-flex;
        gap: 10px;
        align-items: center;
}

.banner-bus .location img {
        width: 20px;
}

.bus-rental {
        background: rgb(17, 51, 34);
        padding: 120px 0px;
        height: auto;
}

.bus-rental .block {
        gap: 50px;
}

.banner-bus.bus-rental .block .right {
        width: 50%;
}

.banner-bus.bus-rental .block .left ul {
        display: flex;
        gap: 20px;
        flex-direction: column;
        padding: 0px;
        list-style: none;
        color: rgb(255, 255, 255);
}

.banner-bus.bus-rental .block .left ul li {
        padding-left: 40px;
        position: relative;
        font-size: 18px;
}

.banner-bus.bus-rental .block .left ul li::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        width: 28px;
        height: 28px;
        background: url("../image/bulletpoint.svg") center center / contain no-repeat;
}

.lovely-bus {
        background-image: none;
        padding: 120px 0px;
        height: auto;
}

.lovely-bus .block {
        gap: 50px;
}

.banner-bus.lovely-bus .block .right {
        width: 50%;
}

.bus-inside {
        background-image: none;
        padding: 120px 0px;
        height: auto;
}

.bus-inside .section-box {
        border: 2px solid rgb(101, 142, 121);
        border-radius: 40px;
        padding: 50px 30px 30px;
        margin-bottom: 50px;
        position: relative;
        text-align: center;
}

.bus-inside .title {
        position: absolute;
        top: -22px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(255, 255, 255, 0);
        padding: 0px 25px;
        font-size: 2rem;
        font-weight: 700;
        color: rgb(255, 255, 255);
        backdrop-filter: blur(10px);
}

.bus-inside .grid-container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 40px 20px;
}

.bus-inside .bus-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px 60px;
}

.bus-inside .item {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 180px;
        transition: transform 0.3s;
}

.bus-inside .item:hover {
        transform: translateY(-10px);
}

.bus-inside .item p {
        color: rgb(255, 255, 255);
        padding-top: 20px;
}

.parfect-sec h2 {
        text-align: center;
        padding-bottom: 50px;
}

.parfect-sec {
        padding: 120px 0px;
        position: relative;
}

.parfect-sec .left {
        position: absolute;
        bottom: 0px;
        left: 0%;
        z-index: -1;
        width: 250px;
        height: auto;
}

.parfect-sec .right {
        position: absolute;
        top: 0%;
        right: 0%;
        z-index: -1;
        width: 250px;
        height: auto;
}

.parfect-sec .block {
        display: flex;
        justify-content: center;
        gap: 20px;
        align-items: center;
        flex-wrap: wrap;
}

.parfect-sec .block .box {
        width: 20%;
        background: rgb(221, 242, 232);
        padding: 20px;
        border-radius: 30px;
        text-align: center;
        transition: 0.4s;
}

.parfect-sec .block .box p {
        padding-top: 20px;
}

.parfect-sec .block .box:hover {
        background: rgb(17, 51, 34);
        color: rgb(255, 255, 255);
        transform: translateY(-10px);
}

.parfect-sec .block .box img {
        width: 55px;
}

.parfect-sec .block .box:hover p {
        color: rgb(255, 255, 255);
}

.parfect-sec .block .box:hover img {
        filter: invert(1);
}

.faq h1 {
        text-align: center;
        padding-bottom: 50px;
}

.faq .faq-wrapper {
        max-width: 850px;
        margin: 0px auto;
}

.faq .faq-card {
        background: rgb(255, 255, 255);
        border-radius: 12px;
        margin-bottom: 10px;
        overflow: hidden;
        box-shadow: rgba(0, 0, 0, 0.03) 0px 2px 5px;
}

.faq .faq-header {
        width: 100%;
        padding: 20px 25px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        background: none;
        font-size: 20px;
        font-weight: 600;
        color: rgb(51, 51, 51);
        transition: 0.3s;
}

.faq .arrow-box {
        width: 32px;
        height: 32px;
        background: rgb(240, 242, 241);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.3s;
}

.faq .arrow-box svg {
        width: 14px;
        height: 14px;
        fill: none;
        stroke: rgb(26, 51, 42);
        stroke-width: 3.5;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        transform: rotate(-90deg);
}

.faq .faq-card.open .arrow-box {
        background: rgb(26, 51, 42);
}

.faq .faq-card.open .arrow-box svg {
        stroke: rgb(255, 255, 255);
        transform: rotate(180deg);
}

.faq .content-pane {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 0.4s, padding 0.4s;
        padding: 0px 25px;
}

.faq .faq-card.open .content-pane {
        grid-template-rows: 1fr;
        padding-bottom: 20px;
}

.faq .content-text {
        overflow: hidden;
        color: rgb(102, 102, 102);
        font-size: 14.5px;
        line-height: 1.6;
}

.faq {
        background: rgb(239, 247, 243);
        padding: 120px 0px;
}

.gallery {
        padding: 120px 0px;
        background-image: none;
        background-size: cover;
        background-position: center center;
}

.gallery .block {
        display: flex;
        justify-content: center;
        gap: 20px;
        align-items: center;
}

.gallery .block .left {
        width: 30%;
}

.gallery .block .right {
        width: 70%;
        position: relative;
}

.gallery .swiper {
        width: 345px;
        height: 450px;
        margin-right: 60px;
        position: relative;
}

.gallery .swiper-slide {
        position: relative;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 50px;
        border-radius: 40px;
        user-select: none;
}

.gallery .swiper-slide img {
        position: absolute;
        inset: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
}

.gallery .img-position {
        object-position: 50% 0%;
}

.gallery .cardslider .swiper-button-next::after,
.gallery .cardslider .swiper-button-prev::after {
        color: rgb(0, 226, 9);
        font-size: 15px;
        border-radius: 50%;
        border: 1px solid;
        padding: 20px 25px;
}

.gallery .cardslider .navigation {
        position: absolute;
        left: 0px;
        bottom: 30px;
}

.gallery .cardslider .swiper-button-next::after,
.gallery .cardslider .swiper-button-prev::after {
        display: none;
}

.gallery .cardslider .navigation {
        position: absolute;
        bottom: 40px;
        display: flex;
        gap: 15px;
        z-index: 10;
}

.gallery .cardslider .swiper-button-next,
.gallery .cardslider .swiper-button-prev {
        position: relative;
        width: 50px;
        height: 50px;
        border: 1px solid rgb(204, 204, 204);
        border-radius: 50%;
        background-color: rgb(255, 255, 255);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 18px;
        transition: 0.3s;
        margin: 0px;
        top: auto;
}

.gallery .cardslider .swiper-button-prev {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"%2300e209\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\" /></svg>");
        left: 0px !important;
}

.gallery .cardslider .swiper-button-next {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"%2300e209\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\" /></svg>");
        left: 140px !important;
}

.gallery .cardslider .swiper-button-next:hover,
.gallery .cardslider .swiper-button-prev:hover {
        border-color: rgb(0, 226, 9);
        transform: scale(1.05);
}

.gallery .heading h2.leftheading {
        text-align: right;
}

.gallery .heading h2 {
        text-align: center;
}

.gallery .heading {
        width: 80%;
}

.book-sec {
        padding: 120px 0px;
}

.book-sec .block {
        border-radius: 30px;
        background: rgb(17, 51, 34);
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
}

.book-sec .block .btn {
        display: flex;
        gap: 20px;
        margin-top: 30px;
        align-items: center;
}

.book-sec .block .btn a {
        color: rgba(255, 255, 255, 0.9);
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.48px;
        display: flex;
        gap: 10px;
        align-items: center;
}

.book-sec .block .left {
        padding: 70px 0px 70px 70px;
}

.royal-story {
        position: relative;
        background: rgb(13, 13, 13);
        padding: 120px 0px;
        overflow: hidden;
        z-index: 1;
}

.royal-story::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/background-02.png");
        opacity: 0.08;
        z-index: 0;
}

.royal-story .container {
        width: 90%;
        max-width: 1300px;
        margin: auto;
}

.royal-item {
        display: flex;
        align-items: center;
        gap: 90px;
        margin-bottom: 140px;
        position: relative;
}

.royal-item.reverse {
        flex-direction: row-reverse;
}

.royal-image {
        flex: 1 1 0%;
        position: relative;
        overflow: hidden;
        border-radius: 28px;
}

.royal-image img {
        width: 100%;
        height: 620px;
        object-fit: cover;
        display: block;
        transform: scale(1.15);
        transition: 1.2s;
}

.royal-item:hover .royal-image img {
        transform: scale(1.05);
}

.royal-image::before {
        content: "";
        position: absolute;
        inset: 0px;
        z-index: 1;
}

.video-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90px;
        height: 90px;
        cursor: pointer;
        z-index: 2;
        transition: 0.4s;
}

.video-icon:hover {
        transform: translate(-50%, -50%) scale(1.15);
}

.video-icon svg {
        width: 100%;
        height: 100%;
}

.royal-content {
        flex: 1 1 0%;
}

.royal-content span {
        display: inline-block;
        padding: 8px 18px;
        border-radius: 30px;
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(10px);
        letter-spacing: 4px;
        font-size: 13px;
        text-transform: uppercase;
        color: rgb(212, 175, 55);
        margin-bottom: 22px;
}

.royal-content h2 {
        color: rgb(255, 255, 255);
        font-size: 54px;
        line-height: 1.15;
        margin: 0px;
        font-weight: 500;
}

.royal-content p {
        color: rgb(200, 200, 200);
        line-height: 2;
        font-size: 17px;
        margin-bottom: 35px;
}

.royal-content a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 180px;
        height: 56px;
        border: 1px solid rgb(212, 175, 55);
        color: rgb(212, 175, 55);
        text-decoration: none;
        border-radius: 50px;
        transition: 0.4s;
}

.royal-content a:hover {
        background: rgb(212, 175, 55);
        color: rgb(17, 17, 17);
}

.royal-item::after {
        content: "";
        position: absolute;
        bottom: -70px;
        left: 50%;
        width: 120px;
        height: 1px;
        background: rgb(212, 175, 55);
        transform: translateX(-50%);
}

.royal-item:last-child::after {
        display: none;
}

.video-modal {
        position: fixed;
        inset: 0px;
        display: none;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.82);
        backdrop-filter: blur(8px);
        z-index: 9999;
}

.video-modal.active {
        display: flex;
}

.video-box {
        width: 80%;
        max-width: 900px;
        background: rgb(17, 17, 17);
        padding: 18px;
        border-radius: 25px;
        border: 2px solid rgb(212, 175, 55);
        position: relative;
        box-shadow: rgba(212, 175, 55, 0.7) 0px 0px 20px, rgba(212, 175, 55, 0.25) 0px 0px 60px;
        animation: 0.35s ease 0s 1 normal none running popup;
}

@keyframes popup {
        0% {
                transform: scale(0.8);
                opacity: 0;
        }

        100% {
                transform: scale(1);
                opacity: 1;
        }
}

.video-box iframe {
        width: 100%;
        height: 500px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: none;
        border-radius: 15px;
}

.close-video {
        position: absolute;
        top: -45px;
        right: 0px;
        font-size: 40px;
        color: rgb(255, 255, 255);
        cursor: pointer;
}

@media (max-width: 991px) {

        .royal-item,
        .royal-item.reverse {
                flex-direction: column;
                gap: 40px;
        }

        .royal-image img {
                height: 420px;
        }

        .royal-content h2 {
                font-size: 36px;
        }
}

@media (max-width: 576px) {
        .royal-image img {
                height: 280px;
        }

        .royal-content h2 {
                font-size: 28px;
        }

        .video-box iframe {
                height: 250px;
        }
}

.explor-more {
        padding-bottom: 120px;
}

.explor-more h2 {
        text-align: center;
}

.explor-more .block {
        display: flex;
        gap: 30px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        padding-top: 30px;
}

.explor-more .column {
        width: 31%;
}

.explor-more .column img {
        width: 100%;
        height: 250px;
        object-fit: cover;
}

.explor-more .column .bottom {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-top: 15px;
        justify-content: space-between;
}

.explor-more .column .bottom img {
        width: 20px;
        height: auto;
        border: 1px solid rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        padding: 8px;
}

.footer-menu ul li {
        position: relative;
}

.footer-menu ul li a {
        display: block;
        padding: 10px 15px;
        text-decoration: none;
        color: rgb(51, 51, 51);
}

.dropdown-menu {
        position: absolute;
        top: -320px;
        left: 0px;
        background: rgb(255, 255, 255);
        min-width: 250px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: 0.3s;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px;
        display: flex;
        flex-direction: column;
        border-radius: 10px;
        z-index: 1;
        gap: 10px !important;
}

footer .footer-menu .dropdown-menu li::after {
        display: none !important;
}

.dropdown-menu li a {
        padding: 10px;
        white-space: nowrap;
}

.dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
}

.footer-menu a:hover {
        color: rgb(233, 30, 99);
}

footer .footer-menu li .dropdown-menu a {
        color: rgb(51, 51, 51) !important;
}

.heritage-story-sec {
        position: relative;
        overflow: hidden;
        background: rgb(5, 5, 5);
        z-index: 1;
        padding: 80px 0px;
}

.heritage-story-sec::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/Pattern.jpg") center center / 500px repeat;
        opacity: 0.12;
        z-index: 0;
        pointer-events: none;
}

.heritage-story-sec .container {
        max-width: 1320px;
        margin: auto;
        padding: 0px 15px;
        position: relative;
        z-index: 2;
}

.heritage-heading {
        text-align: center;
        max-width: 760px;
        margin: 0px auto 70px;
}

.heritage-title-wrap img {
        width: 170px;
        margin: auto;
}

.heritage-heading span {
        display: inline-block;
        padding: 8px 18px;
        border: 1px solid rgba(212, 175, 55, 0.45);
        border-radius: 30px;
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(10px);
        letter-spacing: 4px;
        font-size: 13px;
        text-transform: uppercase;
        color: rgb(212, 175, 55);
        margin-bottom: 10px;
}

.heritage-heading h2 {
        color: rgb(255, 255, 255);
        font-size: 50px;
        margin: 0px;
        font-weight: 700;
}

.heritage-heading p {
        color: rgb(189, 189, 189);
        font-size: 18px;
        line-height: 1.9;
}

.heritage-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 80px;
}

.heritage-timeline {
        width: 50%;
        position: relative;
        padding-left: 45px;
}

.timeline-line {
        position: absolute;
        left: 15px;
        top: 0px;
        bottom: 0px;
        width: 2px;
        background: linear-gradient(rgb(212, 175, 55), rgba(255, 255, 255, 0.19), rgb(212, 175, 55));
}

.timeline-item {
        position: relative;
        margin-bottom: 45px;
}

.timeline-dot {
        position: absolute;
        left: -38px;
        top: 25px;
        width: 18px;
        height: 18px;
        background: rgb(212, 175, 55);
        border-radius: 50%;
        border: 4px solid rgb(7, 22, 70);
        box-shadow: rgba(212, 175, 55, 0.8) 0px 0px 25px;
}

.timeline-card {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(212, 175, 55, 0.18);
        backdrop-filter: blur(14px);
        border-radius: 18px;
        padding: 30px;
        transition: 0.4s;
}

.timeline-card:hover {
        transform: translateX(12px);
        border-color: rgb(212, 175, 55);
        box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 50px;
}

.timeline-year {
        color: rgb(212, 175, 55);
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
}

.timeline-card h3 {
        color: rgb(255, 255, 255);
        margin: 12px 0px;
        font-size: 24px;
}

.timeline-card p {
        color: rgb(207, 207, 207);
        line-height: 1.8;
}

.heritage-image {
        width: 50%;
        display: flex;
        justify-content: center;
}

.heritage-swiper {
        width: 460px;
        height: 610px;
}

.heritage-swiper .swiper-slide {
        border-radius: 24px;
        overflow: hidden;
        border: 1px solid rgba(212, 175, 55, 0.2);
        box-shadow: rgba(0, 0, 0, 0.55) 0px 25px 60px;
}

.heritage-swiper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: 0.6s;
}

.heritage-swiper .swiper-slide:hover img {
        transform: scale(1.08);
}

@media (max-width: 991px) {
        .heritage-wrapper {
                flex-direction: column-reverse;
                gap: 60px;
        }

        .heritage-image,
        .heritage-timeline {
                width: 100%;
        }

        .heritage-swiper {
                width: 360px;
                height: 470px;
        }
}

@media (max-width: 767px) {
        .heritage-story-sec {
                padding: 70px 0px;
        }

        .heritage-heading h2 {
                font-size: 34px;
        }

        .heritage-heading p {
                font-size: 16px;
        }

        .heritage-swiper {
                width: 280px;
                height: 360px;
        }

        .timeline-card {
                padding: 20px;
        }

        .timeline-card h3 {
                font-size: 20px;
        }

        .timeline-line {
                left: 10px;
        }

        .timeline-dot {
                left: -43px;
        }
}

.experience-gallery-sec {
        position: relative;
        overflow: hidden;
        padding: 80px 0px;
        background: #000000e8;
}

.experience-gallery-sec::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/background.jpg") center center / cover no-repeat;
        opacity: 0.12;
        mix-blend-mode: screen;
        animation: 30s linear 0s infinite alternate none running bgZoom;
}

.experience-gallery-sec::after {
        content: "";
        position: absolute;
        inset: 0px;
        background: radial-gradient(circle at center top, rgba(214, 175, 70, 0.1), transparent 35%), linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.45));
        pointer-events: none;
}

@keyframes bgZoom {
        0% {
                transform: scale(1);
        }

        100% {
                transform: scale(1.08);
        }
}

.experience-gallery-sec .container {
        position: relative;
        z-index: 5;
        max-width: 1320px;
        margin: auto;
        padding: 0px 15px;
}

.experience-gallery-head {
        text-align: center;
        margin-bottom: 70px;
}

.experience-divider {
        display: flex;
        justify-content: center;
        margin-bottom: 0px;
}

.experience-divider img {
        width: 270px;
        filter: drop-shadow(rgba(212, 175, 55, 0.45) 0px 0px 20px);
}

.experience-gallery-head h2 {
        font-size: 56px;
        font-weight: 700;
        color: rgb(255, 255, 255);
        letter-spacing: 2px;
        text-transform: uppercase;
        margin: 0px;
        text-shadow: rgba(212, 175, 55, 0.28) 0px 0px 25px;
}

.experience-gallery-head p {
        max-width: 760px;
        margin: auto;
        color: rgb(191, 191, 191);
        line-height: 1.9;
        font-size: 18px;
}

.experience-gallery-tabs {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 18px;
        margin-bottom: 70px;
}

.gallery-tab-btn {
        position: relative;
        overflow: hidden;
        padding: 15px 32px;
        border-radius: 60px;
        border: 1px solid rgba(214, 175, 70, 0.25);
        background: rgba(255, 255, 255, 0.03);
        color: rgb(216, 196, 142);
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        transition: 0.45s;
        backdrop-filter: blur(18px);
}

.gallery-tab-btn::before {
        content: "";
        position: absolute;
        top: 0px;
        left: -140%;
        width: 70%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
        transform: skewX(-25deg);
        transition: 1s;
}

.gallery-tab-btn:hover::before {
        left: 180%;
}

.gallery-tab-btn:hover,
.gallery-tab-btn.active {
        color: rgb(255, 255, 255);
        background: linear-gradient(135deg, rgb(200, 157, 66), rgb(140, 101, 28));
        border-color: rgb(222, 185, 103);
        transform: translateY(-4px);
        box-shadow: rgba(214, 175, 70, 0.28) 0px 15px 40px;
}

.experience-gallery-tabs::-webkit-scrollbar {
        height: 8px;
}

.experience-gallery-tabs::-webkit-scrollbar-track {
        background: rgb(17, 17, 17);
}

.experience-gallery-tabs::-webkit-scrollbar-thumb {
        background: rgb(184, 138, 47);
        border-radius: 30px;
}

.experience-gallery-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
}

.experience-gallery-item {
        position: relative;
        overflow: hidden;
        border-radius: 24px;
        background: rgb(255, 247, 247);
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: 0.5s;
        isolation: isolate;
}

.experience-gallery-item::before {
        content: "";
        position: absolute;
        top: 0px;
        left: -130%;
        width: 60%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
        transform: skewX(-25deg);
        transition: 1s;
        z-index: 2;
}

.experience-gallery-item::after {
        content: "";
        position: absolute;
        inset: 0px;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.25), transparent);
        z-index: 1;
        pointer-events: none;
}

.experience-gallery-item a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
}

.experience-gallery-item img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: 0.6s;
        filter: contrast(1.05) saturate(1.1) brightness(0.95);
}

.experience-gallery-item:hover {
        transform: translateY(-12px) scale(1.02);
        border-color: rgba(214, 175, 70, 0.35);
        box-shadow: rgba(0, 0, 0, 0.6) 0px 25px 60px, rgba(214, 175, 70, 0.18) 0px 0px 40px;
}

.experience-gallery-item:hover img {
        transform: scale(1.08);
        filter: contrast(1.15) saturate(1.2) brightness(1.05);
}

.experience-gallery-item:hover::before {
        left: 180%;
}

.experience-gallery-item span {
        position: absolute;
        left: 20px;
        bottom: 18px;
        color: rgb(255, 255, 255);
        font-size: 16px;
        font-weight: 600;
        z-index: 3;
        letter-spacing: 0.5px;
}

.experience-gallery-item.show {
        animation: 0.5s ease 0s 1 normal none running galleryFade;
}

@keyframes galleryFade {
        0% {
                opacity: 0;
                transform: translateY(20px);
        }

        100% {
                opacity: 1;
                transform: none;
        }
}

.gold-particles {
        position: absolute;
        inset: 0px;
        overflow: hidden;
        pointer-events: none;
        z-index: 1;
}

.gold-particles span {
        position: absolute;
        bottom: -40px;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: rgb(212, 175, 55);
        box-shadow: rgb(212, 175, 55) 0px 0px 10px;
        animation: auto linear 0s infinite normal none running goldFloat;
}

.gold-particles span:nth-child(1) {
        left: 5%;
        animation-duration: 14s;
}

.gold-particles span:nth-child(2) {
        left: 12%;
        animation-duration: 18s;
}

.gold-particles span:nth-child(3) {
        left: 20%;
        animation-duration: 15s;
}

.gold-particles span:nth-child(4) {
        left: 28%;
        animation-duration: 17s;
}

.gold-particles span:nth-child(5) {
        left: 35%;
        animation-duration: 20s;
}

.gold-particles span:nth-child(6) {
        left: 42%;
        animation-duration: 13s;
}

.gold-particles span:nth-child(7) {
        left: 50%;
        animation-duration: 19s;
}

.gold-particles span:nth-child(8) {
        left: 58%;
        animation-duration: 16s;
}

.gold-particles span:nth-child(9) {
        left: 65%;
        animation-duration: 22s;
}

.gold-particles span:nth-child(10) {
        left: 72%;
        animation-duration: 18s;
}

@keyframes goldFloat {
        0% {
                transform: translateY(0px) scale(0.3);
                opacity: 0;
        }

        20% {
                opacity: 1;
        }

        80% {
                opacity: 1;
        }

        100% {
                transform: translateY(-120vh) scale(1.4);
                opacity: 0;
        }
}

@media (max-width: 1200px) {
        .experience-gallery-grid {
                grid-template-columns: repeat(2, 1fr);
        }
}

@media (max-width: 768px) {
        .experience-gallery-head h2 {
                font-size: 38px;
        }

        .experience-gallery-head p {
                font-size: 15px;
        }

        .experience-gallery-grid {
                grid-template-columns: 1fr;
        }

        .gallery-tab-btn {
                padding: 12px 22px;
                font-size: 14px;
        }

        .experience-divider img {
                width: 200px;
        }
}

@media (max-width: 480px) {
        .experience-gallery-head h2 {
                font-size: 30px;
        }

        .experience-gallery-tabs {
                gap: 10px;
        }

        .experience-gallery-item span {
                font-size: 14px;
                left: 15px;
                bottom: 12px;
        }
}

.experience-gallery-item,
.gallery-tab-btn {
        will-change: transform;
}

.experience-gallery-item img {
        backface-visibility: hidden;
        transform: translateZ(0px);
}

.experience-gallery-sec * {
        box-sizing: border-box;
}

.eventsSection {
        background: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
        padding: 80px 0px;
        text-align: center;
}

.eventsContainer {
        max-width: 1200px;
        margin: auto;
}

.eventsTitle {
        font-size: 46px;
        font-weight: 500;
        margin-bottom: 15px;
}

.eventsDivider {
        display: block;
        margin: 0px auto 25px;
}

.eventsList {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 18px;
        list-style: none;
        padding: 0px;
        margin: 0px;
}

.eventsList li {
        font-size: 17px;
        color: rgb(255, 255, 255);
        letter-spacing: 0.5px;
}

.eventsHorizontal {
        background: rgb(0, 0, 0);
        position: relative;
}

.eventsSticky {
        position: sticky;
        top: 0px;
        height: 85vh;
        overflow: hidden;
        display: flex;
        align-items: center;
}

.eventsTrack {
        display: flex;
        align-items: center;
        gap: 30px;
        padding: 0px 120px;
        will-change: transform;
}

.eventCard {
        flex: 0 0 auto;
        width: 380px;
        overflow: hidden;
        border-radius: 24px;
        background: rgb(17, 17, 17);
}

.eventCard img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: contain;
        transition: 0.5s;
}

.eventCard:hover img {
        transform: scale(1.06);
}

.eventsButtonSection {
        background: rgb(0, 0, 0);
        padding: 0px 0px 20px;
}

.eventsBtn {
        text-align: center;
}

.eventsBtn a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 15px 45px;
        border-radius: 50px;
        background: rgb(202, 165, 106);
        color: rgb(0, 0, 0);
        text-decoration: none;
        font-weight: 600;
        transition: 0.3s;
}

.eventsBtn a:hover {
        background: rgb(255, 255, 255);
}

@media (max-width: 991px) {
        .eventsSticky {
                position: static;
                height: auto;
                display: block;
        }

        .eventsTrack {
                flex-direction: column;
                padding: 40px 20px;
                transform: none !important;
        }

        .eventCard {
                width: 100%;
                height: 320px;
        }
}

@media (max-width: 768px) {
        .eventsTitle {
                font-size: 34px;
        }

        .eventsList {
                gap: 12px;
        }

        .eventsList li {
                font-size: 15px;
        }
}

.royal-amenities {
        position: relative;
        background: rgb(13, 13, 13);
        padding: 120px 0px;
        overflow: hidden;
        z-index: 1;
}

.royal-amenities>* {
        position: relative;
        z-index: 1;
}

.royal-amenities .title {
        text-align: center;
        margin-bottom: 70px;
}

.royal-amenities .title span {
        color: rgb(202, 160, 92);
        letter-spacing: 4px;
        font-size: 13px;
        text-transform: uppercase;
}

.royal-amenities .title h2 {
        color: rgb(255, 255, 255);
        font-size: 58px;
        margin: 0px;
}

.royal-amenities .amenities-grid {
        width: min(1400px, 92%);
        margin: auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
}

.royal-amenities .box {
        border: 1px solid rgba(202, 160, 92, 0.18);
        min-height: 250px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: 0.45s;
}

.royal-amenities .box img {
        width: 58px;
        margin-bottom: 30px;
        filter: brightness(0) saturate(100%) invert(75%) sepia(35%) saturate(560%) hue-rotate(356deg);
        transition: 0.45s;
}

.royal-amenities .box h3 {
        color: rgb(255, 255, 255);
        font-weight: 400;
        font-size: 22px;
}

.royal-amenities .box:hover {
        background: rgba(21, 21, 21, 0);
        border-color: rgb(202, 160, 92);
        transform: translateY(-8px);
        box-shadow: rgba(202, 160, 92, 0.18) 0px 20px 50px;
}

.royal-amenities .box:hover img {
        transform: scale(1.15);
}

@media (max-width: 992px) {
        .royal-amenities .amenities-grid {
                grid-template-columns: repeat(2, 1fr);
        }
}

@media (max-width: 576px) {
        .royal-amenities .amenities-grid {
                grid-template-columns: 1fr;
        }

        .royal-amenities .title h2 {
                font-size: 38px;
        }
}

.royal-amenities .box svg {
        width: 58px;
        height: 58px;
        fill: rgb(202, 160, 92);
        margin-bottom: 30px;
        transition: 0.5s;
        transform-origin: center center;
}

.royal-amenities .box:hover svg {
        transform: scale(1.2) rotate(10deg);
        filter: drop-shadow(rgba(202, 160, 92, 0.8) 0px 0px 12px);
        animation: 0.7s ease 0s 1 normal none running royalIcon;
}

@keyframes royalIcon {
        0% {
                transform: scale(0.8) rotate(-10deg);
        }

        40% {
                transform: scale(1.3) rotate(10deg);
        }

        70% {
                transform: scale(1.1) rotate(-5deg);
        }

        100% {
                transform: scale(1.2) rotate(10deg);
        }
}

.royal-amenities .box {
        overflow: hidden;
        position: relative;
}

.royal-amenities .box::before {
        content: "";
        position: absolute;
        top: -100%;
        left: -100%;
        width: 200%;
        height: 200%;
        background: linear-gradient(45deg, transparent, rgba(202, 160, 92, 0.15), transparent);
        transform: rotate(25deg);
        transition: 0.7s;
}

.royal-amenities .box:hover::before {
        top: 100%;
        left: 100%;
}

.royal-amenities .box:hover h3 {
        color: rgb(202, 160, 92);
        transition: 0.4s;
}

.lux-footer {
        position: relative;
        background: rgb(13, 13, 13);
        padding: 80px 0px 0px;
        overflow: visible;
        z-index: 1;
}

.lux-footer::after {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/footer-bg.png") center center / cover no-repeat fixed;
        opacity: 0.08;
        z-index: 0;
        pointer-events: none;
}

.lux-footer .wrapper {
        width: min(1320px, 92%);
        margin: auto;
}

.footer-row {
        display: grid;
        grid-template-columns: 1fr 1.15fr 1fr;
        gap: 60px;
        align-items: start;
}

.footer-col {
        position: relative;
        z-index: 2;
}

.footer-center {
        text-align: center;
}

.footer-title {
        display: flex;
        align-items: center;
        margin-bottom: 35px;
}

.footer-title span {
        width: 60px;
        height: 1px;
        background: rgb(200, 164, 106);
        margin: 0px 15px;
}

.footer-title h3 {
        font-size: 30px;
        font-weight: 400;
        color: rgb(255, 255, 255);
}

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

.footer-contact li {
        display: flex;
        align-items: flex-start;
        gap: 18px;
        margin-bottom: 26px;
}

.footer-contact i {
        width: 48px;
        height: 48px;
        min-width: 48px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.08);
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgb(200, 164, 106);
        transition: 0.4s;
}

.footer-contact li:hover i {
        background: rgb(200, 164, 106);
        color: rgb(17, 17, 17);
        transform: rotate(360deg);
}

.footer-contact a,
.footer-contact p {
        color: rgb(157, 157, 157);
        font-size: 16px;
        line-height: 30px;
        text-decoration: none;
        transition: 0.4s;
        margin: 0px;
}

.footer-contact a:hover {
        color: rgb(255, 255, 255);
}

.footer-center img {
        width: 370px;
        margin-bottom: 30px;
        background: #fff;
        /* filter: brightness(0) invert(1); */
}

.footer-center p {
        max-width: 420px;
        margin: auto auto 35px;
        color: rgb(153, 153, 153);
        line-height: 32px;
        font-size: 16px;
}

.footer-social {
        display: flex;
        justify-content: center;
        gap: 15px;
}

.footer-social a {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.08);
        color: rgb(255, 255, 255);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        transition: 0.45s;
}

.footer-social a:hover {
        background: rgb(200, 164, 106);
        color: rgb(17, 17, 17);
        transform: translateY(-6px);
        box-shadow: rgba(200, 164, 106, 0.35) 0px 0px 20px;
}

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

.footer-links li {
        margin-bottom: 18px;
}

.footer-links a {
        color: rgb(153, 153, 153);
        text-decoration: none;
        padding-left: 24px;
        position: relative;
        transition: 0.35s;
        font-size: 17px;
}

.footer-links a::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgb(200, 164, 106);
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        transition: 0.35s;
}

.footer-links a:hover {
        color: rgb(255, 255, 255);
        padding-left: 34px;
}

.footer-links a:hover::before {
        left: 8px;
}

.footer-bottom {
        margin-top: 80px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        text-align: center;
        padding: 25px 0px;
}

.footer-bottom p {
        color: rgb(124, 124, 124);
        font-size: 15px;
}

.footer-circle {
        position: absolute;
        width: 420px;
        height: 420px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 50%;
        top: -200px;
        left: -180px;
        animation: 12s ease-in-out 0s infinite normal none running circleMove;
}

.footer-circle::before {
        content: "";
        position: absolute;
        inset: 40px;
        border: 1px solid rgba(255, 255, 255, 0.03);
        border-radius: 50%;
}

.footer-circle::after {
        content: "";
        position: absolute;
        inset: 80px;
        border: 1px solid rgba(255, 255, 255, 0.03);
        border-radius: 50%;
}

.footer-grid {
        position: absolute;
        left: 60px;
        bottom: 70px;
        width: 90px;
        height: 90px;
        background-image: radial-gradient(rgb(102, 102, 102) 1px, transparent 1px);
        background-size: 15px 15px;
        opacity: 0.25;
}

.lux-footer::before {
        content: "";
        position: absolute;
        right: -150px;
        top: -150px;
        width: 420px;
        height: 420px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(200, 164, 106, 0.18), transparent 70%);
        filter: blur(45px);
}

@keyframes circleMove {

        0%,
        100% {
                transform: translateY(0px);
        }

        50% {
                transform: translateY(-25px);
        }
}

@media (max-width: 1100px) {
        .footer-row {
                grid-template-columns: 1fr;
                gap: 60px;
        }

        .footer-center {
                order: -1;
        }

        .footer-col {
                text-align: center;
        }

        .footer-title {
                justify-content: center;
        }

        .footer-contact li {
                justify-content: center;
                text-align: left;
        }

        .footer-links {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: 18px 35px;
        }

        .footer-links li {
                margin: 0px;
        }
}

@media (max-width: 768px) {
        .lux-footer {
                padding: 70px 0px 0px;
        }

        .footer-center img {
                width: 350px;
        }

        .footer-title h3 {
                font-size: 26px;
        }

        .footer-contact li {
                flex-direction: column;
                align-items: center;
                text-align: center;
        }

        .footer-contact i {
                margin-bottom: 12px;
        }

        .footer-center p {
                line-height: 28px;
        }

        .footer-bottom {
                margin-top: 50px;
        }

        .footer-circle,
        .footer-grid {
                display: none;
        }
}

.footer-badge {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -36px;
        width: 73px;
        height: 73px;
        z-index: 999;
}

.footer-badge a {
        display: block;
        width: 100%;
        height: 100%;
}

.footer-badge img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
}

@media (max-width: 576px) {
        .footer-links {
                display: block;
        }

        .footer-links li {
                margin-bottom: 16px;
        }

        .footer-links a {
                padding-left: 20px;
        }

        .footer-social a {
                width: 46px;
                height: 46px;
        }
}

.lux-footer .footer-wrapper {
        width: min(1320px, 92%);
        margin: auto;
}

.royal-cta {
        position: relative;
        background: rgb(13, 13, 13);
        padding: 80px 0px;
        overflow: hidden;
        z-index: 1;
}

.royal-cta::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/royal-cta.webp") fixed;
        opacity: 0.12;
        z-index: 0;
}

.royal-cta .royal-cta-card {
        width: min(1300px, 92%);
        margin: auto;
        background: rgba(217, 181, 65, 0.08);
        border: 1px solid rgba(202, 160, 92, 0.25);
        border-radius: 30px;
        padding: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        overflow: visible;
        box-shadow: rgba(0, 0, 0, 0.45) 0px 30px 80px;
}

.royal-cta .royal-cta-card::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: radial-gradient(circle at left top, rgba(202, 160, 92, 0.08), transparent 45%), radial-gradient(circle at right bottom, rgba(202, 160, 92, 0.05), transparent 45%);
}

.royal-cta .royal-cta-content {
        width: 100%;
        position: relative;
        z-index: 2;
}

.royal-cta .royal-cta-content span {
        display: inline-block;
        padding: 8px 18px;
        border: 1px solid rgba(212, 175, 55, 0.45);
        border-radius: 30px;
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(10px);
        letter-spacing: 4px;
        font-size: 13px;
        text-transform: uppercase;
        color: rgb(212, 175, 55);
        margin-bottom: 22px;
}

.royal-cta .royal-cta-content h2 {
        color: rgb(255, 255, 255);
        font-size: 60px;
        line-height: 1.1;
        margin: 20px 0px;
}

.royal-cta .royal-cta-content p {
        color: rgb(214, 214, 214);
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 40px;
}

.royal-cta .royal-cta-buttons {
        display: flex;
        gap: 20px;
}

.royal-cta .royal-btn-gold {
        display: inline-block;
        padding: 15px 35px;
        background: rgb(202, 160, 92);
        color: rgb(17, 17, 17);
        text-decoration: none;
        border-radius: 50px;
        transition: 0.4s;
}

.royal-cta .royal-btn-gold:hover {
        transform: translateY(-5px);
        box-shadow: rgba(202, 160, 92, 0.35) 0px 15px 35px;
}

.royal-cta .royal-btn-outline {
        display: inline-block;
        padding: 15px 35px;
        border: 1px solid rgb(202, 160, 92);
        color: rgb(255, 255, 255);
        text-decoration: none;
        border-radius: 50px;
        transition: 0.4s;
}

.royal-cta .royal-btn-outline:hover {
        background: rgb(202, 160, 92);
        color: rgb(17, 17, 17);
}

.royal-cta .royal-cta-image {
        width: 100%;
        position: relative;
        height: 470px;
        overflow: visible;
}

.royal-cta .royal-video {
        width: 100%;
        height: 100%;
        position: absolute;
        right: -240px;
        bottom: -110px;
        object-fit: cover;
        border-radius: 20px;
        filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 25px 45px);
        animation: 5s ease-in-out 0s infinite normal none running royalFloat;
}

.royal-cta .royal-cta-image img {
        width: 650px;
        position: absolute;
        right: -70px;
        bottom: -120px;
        filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 20px 40px);
        animation: 5s ease-in-out 0s infinite normal none running royalFloat;
}

@keyframes royalFloat {
        0% {
                transform: translateY(0px);
        }

        50% {
                transform: translateY(-15px);
        }

        100% {
                transform: translateY(0px);
        }
}

@media (max-width: 992px) {
        .royal-cta .royal-cta-card {
                flex-direction: column;
                padding: 70px 40px;
                text-align: center;
        }

        .royal-cta .royal-cta-content {
                width: 100%;
        }

        .royal-cta .royal-cta-image {
                width: 100%;
                height: 380px;
                margin-top: 0px;
                right: 260px;
        }

        .royal-cta .royal-cta-image img {
                position: relative;
                width: 320px;
                right: 0px;
                bottom: 0px;
        }

        .royal-cta .royal-cta-buttons {
                justify-content: center;
                flex-wrap: wrap;
        }

        .royal-cta .royal-cta-content h2 {
                font-size: 42px;
        }
}

@media (max-width: 576px) {
        .royal-cta {
                padding: 80px 0px;
        }

        .royal-cta .royal-cta-card {
                padding: 50px 25px;
        }

        .royal-cta .royal-cta-content h2 {
                font-size: 34px;
        }

        .royal-cta .royal-cta-content p {
                font-size: 16px;
                line-height: 28px;
        }
}

.hero-premium {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 80px 0px;
        overflow: visible;
        background: rgb(0, 0, 0);
}

.hero-premium::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/hero-bg.png") center center / cover no-repeat;
        opacity: 0.35;
        z-index: 1;
}

.hero-overlay {
        position: absolute;
        inset: 0px;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.85));
        z-index: 2;
}

.hero-content {
        position: relative;
        z-index: 5;
        max-width: 850px;
        text-align: center;
}

.hero-subtitle {
        color: rgb(212, 175, 55);
        letter-spacing: 5px;
        text-transform: uppercase;
        margin-bottom: 20px;
        font-size: 14px;
}

.hero-content h1 {
        color: rgb(255, 255, 255);
        font-size: 65px;
        line-height: 1.1;
        margin-bottom: 20px;
        font-weight: 700;
}

.hero-content h1 span {
        display: block;
        color: rgb(212, 175, 55);
}

.hero-text {
        color: rgb(221, 221, 221);
        max-width: 700px;
        margin: auto;
        line-height: 1.8;
        font-size: 18px;
}

.hero-buttons {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-top: 40px;
        flex-wrap: wrap;
}

.hero-buttons a {
        text-decoration: none;
}

.gold-btn {
        padding: 15px 40px;
        background: rgb(212, 175, 55);
        color: rgb(0, 0, 0);
        border-radius: 50px;
        font-weight: 600;
        transition: 0.4s;
}

.gold-btn:hover {
        transform: translateY(-5px);
        box-shadow: rgba(212, 175, 55, 0.45) 0px 10px 30px;
}

.border-btn {
        padding: 15px 40px;
        border: 2px solid rgb(212, 175, 55);
        color: rgb(255, 255, 255);
        border-radius: 50px;
        transition: 0.4s;
}

.border-btn:hover {
        background: rgb(212, 175, 55);
        color: rgb(0, 0, 0);
}

.scroll-down {
        position: absolute;
        left: 50%;
        bottom: -35px;
        transform: translateX(-50%);
        width: 70px;
        height: 70px;
        background: rgb(17, 17, 17);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 20;
        text-decoration: none;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 30px;
}

.scroll-down span {
        width: 28px;
        height: 45px;
        border: 2px solid rgb(212, 175, 55);
        border-radius: 20px;
        position: relative;
}

.scroll-down span::before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 5px;
        height: 10px;
        background: rgb(212, 175, 55);
        border-radius: 10px;
        animation: 2s ease 0s infinite normal none running scroll;
}

@keyframes scroll {
        0% {
                top: 8px;
                opacity: 0;
        }

        50% {
                top: 18px;
                opacity: 1;
        }

        100% {
                top: 28px;
                opacity: 0;
        }
}

@media (max-width: 768px) {
        .hero-premium {
                min-height: 90vh;
                padding: 100px 20px;
        }

        .hero-content h1 {
                font-size: 42px;
        }

        .hero-text {
                font-size: 16px;
        }

        .hero-buttons {
                flex-direction: column;
                align-items: center;
        }

        .gold-btn,
        .border-btn {
                width: 220px;
                text-align: center;
        }
}

.welcome-luxury {
        padding: 80px 0px;
        background: rgb(9, 9, 9);
        position: relative;
        overflow: hidden;
        z-index: 1;
}

.welcome-luxury::before {
        content: "";
        position: absolute;
        inset: 400px 0px 0px;
        background: url("../image/background/background-10.png") no-repeat;
        opacity: 0.2;
}

.welcome-bg-shape {
        position: absolute;
        width: 650px;
        height: 650px;
        background: rgba(212, 175, 55, 0.2);
        filter: blur(120px);
        right: -250px;
        top: -180px;
}

.welcome-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 80px;
}

.welcome-content h2 {
        font-size: 42px;
        line-height: 1.2;
        color: rgb(255, 255, 255);
        margin-bottom: 25px;
}

.welcome-content h2 span {
        display: block;
        color: rgb(212, 175, 55);
        font-size: 37px;
}

.gold-divider {
        width: 170px;
        margin-bottom: 30px;
}

.welcome-content p {
        font-size: 18px;
        line-height: 2;
        color: rgb(207, 207, 207);
        margin-bottom: 45px;
}

.welcome-features {
        display: flex;
        gap: 25px;
        margin-bottom: 45px;
}

.feature {
        flex: 1 1 0%;
        padding: 30px;
        text-align: center;
        border-radius: 25px;
        background: rgba(255, 255, 255, 0.04);
        backdrop-filter: blur(12px);
        border: 1px solid rgba(212, 175, 55, 0.18);
        transition: 0.45s;
}

.feature:hover {
        transform: translateY(-8px);
        border-color: rgb(212, 175, 55);
        box-shadow: rgba(212, 175, 55, 0.15) 0px 18px 45px;
}

.feature h3 {
        font-size: 42px;
        color: rgb(212, 175, 55);
        margin-bottom: 10px;
}

.feature span {
        color: rgb(255, 255, 255);
}

.welcome-btn {
        display: inline-block;
        padding: 18px 42px;
        border-radius: 60px;
        background: rgb(212, 175, 55);
        color: rgb(17, 17, 17);
        font-weight: 700;
        transition: 0.4s;
}

.welcome-btn:hover {
        transform: translateY(-6px);
        box-shadow: rgba(212, 175, 55, 0.4) 0px 15px 35px;
}

.welcome-image {
        display: flex;
        justify-content: center;
}

.image-box {
        position: relative;
        max-width: 520px;
}

.image-box img {
        width: 100%;
        display: block;
        border-radius: 35px;
        border: 1px solid rgba(212, 175, 55, 0.25);
        box-shadow: rgba(0, 0, 0, 0.45) 0px 40px 70px;
        transition: 0.5s;
}

.image-box:hover img {
        transform: scale(1.03);
}

.experience-badge {
        position: absolute;
        bottom: -30px;
        right: -20px;
        width: 170px;
        height: 170px;
        border-radius: 50%;
        background: rgb(212, 175, 55);
        color: rgb(17, 17, 17);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        box-shadow: rgba(212, 175, 55, 0.4) 0px 20px 45px;
        animation: 5s ease-in-out 0s infinite normal none running floatBadge;
}

.experience-badge strong {
        font-size: 52px;
        line-height: 1;
}

@keyframes floatBadge {

        0%,
        100% {
                transform: translateY(0px);
        }

        50% {
                transform: translateY(-12px);
        }
}

@media (max-width: 991px) {
        .welcome-grid {
                grid-template-columns: 1fr;
                gap: 60px;
        }

        .welcome-content {
                text-align: center;
        }

        .welcome-features {
                flex-direction: column;
        }

        .gold-divider {
                margin: auto auto 30px;
        }

        .image-box {
                max-width: 420px;
        }

        .experience-badge {
                width: 130px;
                height: 130px;
                right: 10px;
                bottom: -20px;
        }

        .welcome-content h2 {
                font-size: 42px;
        }
}

.royalCelebrity {
        position: relative;
        width: 100%;
        padding: 80px 0px;
        overflow: hidden;
        background: rgb(7, 7, 7);
}

.royalCelebrity::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        left: -180px;
        top: -180px;
        border-radius: 50%;
        background: rgba(201, 162, 76, 0.05);
        filter: blur(120px);
}

.royalCelebrity::after {
        content: "";
        position: absolute;
        width: 450px;
        height: 450px;
        right: -150px;
        bottom: -180px;
        border-radius: 50%;
        background: rgba(201, 162, 76, 0.04);
        filter: blur(120px);
}

.royalContainer {
        width: 92%;
        max-width: 1450px;
        margin: auto;
        position: relative;
        z-index: 10;
}

.royalHeading {
        text-align: center;
        margin-bottom: 70px;
}

.royalHeading span {
        display: inline-block;
        color: rgb(201, 162, 76);
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 5px;
        text-transform: uppercase;
}

.royalHeading h2 {
        margin-top: 18px;
        color: rgb(255, 255, 255);
        font-size: 58px;
        font-weight: 700;
        line-height: 1.15;
}

.royalHeading p {
        width: 100%;
        max-width: 720px;
        margin: 22px auto 0px;
        color: rgba(255, 255, 255, 0.72);
        font-size: 16px;
        line-height: 30px;
}

.celebritySwiper {
        position: relative;
        width: 100%;
        overflow: visible;
        padding: 40px 0px 90px;
        cursor: grab;
}

.celebritySwiper:active {
        cursor: grabbing;
}

.celebritySwiper .swiper-wrapper {
        align-items: center;
}

.celebritySwiper .swiper-slide {
        width: 380px;
        height: 560px;
        display: flex;
        align-items: center;
        justify-content: center;
}

.celebritySwiper .swiper-slide::after {
        content: "";
        position: absolute;
        left: 12%;
        bottom: -10px;
        width: 76%;
        height: 22px;
        border-radius: 50%;
        background: rgb(0, 0, 0);
        filter: blur(18px);
        opacity: 0.45;
        z-index: -1;
}

.celebrityCard {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 28px;
        background: rgb(17, 17, 17);
        border: 2px solid rgba(201, 162, 76, 0.18);
        transition: transform 0.6s, box-shadow 0.5s, border-color 0.5s;
        box-shadow: rgba(0, 0, 0, 0.45) 0px 15px 40px;
}

.swiper-slide .celebrityCard {
        transform: scale(0.82);
        opacity: 0.35;
}

.swiper-slide-active .celebrityCard {
        transform: scale(1);
        opacity: 1;
        border-color: rgb(201, 162, 76);
        box-shadow: rgba(0, 0, 0, 0.65) 0px 30px 80px, rgba(201, 162, 76, 0.35) 0px 0px 35px;
}

.swiper-slide-prev .celebrityCard {
        transform: perspective(1200px) rotateY(16deg) scale(0.88);
        opacity: 0.75;
}

.swiper-slide-next .celebrityCard {
        transform: perspective(1200px) rotateY(-16deg) scale(0.88);
        opacity: 0.75;
}

.celebrityImage {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
}

.celebrityImage img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 1s, filter 0.8s;
}

.celebrityImage::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.35) 45%, rgba(0, 0, 0, 0) 100%);
        z-index: 1;
}

.celebrityImage::after {
        content: "";
        position: absolute;
        inset: 0px;
        background: linear-gradient(rgba(201, 162, 76, 0.15), transparent 40%, transparent 60%, rgba(201, 162, 76, 0.15));
        opacity: 0;
        transition: 0.5s;
        z-index: 2;
}

.celebrityCard:hover .celebrityImage::after {
        opacity: 1;
}

.swiper-slide-active .celebrityImage img {
        transform: scale(1.08);
}

.celebrityCard:hover .celebrityImage img {
        transform: scale(1.12);
}

.celebrityContent {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        padding: 65px 30px 28px;
        z-index: 5;
}

.celebrityContent h3 {
        color: rgb(255, 255, 255);
        font-size: 30px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 8px;
}

.celebrityContent span {
        display: inline-block;
        color: rgb(201, 162, 76);
        font-size: 13px;
        letter-spacing: 3px;
        text-transform: uppercase;
        font-weight: 500;
}

.celebrityContent::after {
        content: "";
        position: absolute;
        left: 30px;
        bottom: 15px;
        width: 70px;
        height: 2px;
        background: rgb(201, 162, 76);
        transition: 0.4s;
}

.celebrityCard:hover .celebrityContent::after {
        width: 120px;
}

.celebrityCard::before {
        content: "";
        position: absolute;
        top: -180%;
        left: -55%;
        width: 60%;
        height: 350%;
        background: linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
        transform: rotate(25deg);
        transition: 1.2s;
        z-index: 10;
        pointer-events: none;
}

.celebrityCard:hover::before {
        left: 150%;
}

.celebrityCard::after {
        content: "";
        position: absolute;
        inset: 12px;
        border: 1px solid rgba(201, 162, 76, 0.18);
        border-radius: 18px;
        transition: 0.4s;
        pointer-events: none;
}

.celebrityCard:hover::after {
        border-color: rgba(201, 162, 76, 0.45);
}

.celebrityCard:hover {
        transform: translateY(-8px);
        border-color: rgb(201, 162, 76);
}

.royalPrev,
.royalNext {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: rgb(17, 17, 17);
        border: 2px solid rgba(201, 162, 76, 0.5);
        color: rgb(201, 162, 76);
        transition: 0.4s;
}

.royalPrev {
        left: -5px;
}

.royalNext {
        right: -5px;
}

.royalPrev::after,
.royalNext::after {
        font-size: 22px;
        font-weight: 700;
}

.royalPrev:hover,
.royalNext:hover {
        background: rgb(201, 162, 76);
        color: rgb(17, 17, 17);
        border-color: rgb(201, 162, 76);
        transform: scale(1.08);
}

.royalPagination {
        bottom: 5px !important;
}

.royalPagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border-radius: 50px;
        background: rgb(255, 255, 255);
        opacity: 0.25;
        transition: 0.4s;
}

.royalPagination .swiper-pagination-bullet-active {
        width: 40px;
        background: rgb(201, 162, 76);
        opacity: 1;
}

.celebritySwiper,
.celebritySwiper * {
        box-sizing: border-box;
}

.celebritySwiper .swiper-slide,
.celebrityCard,
.celebrityImage img {
        will-change: transform;
}

.celebritySwiper .swiper-slide {
        transition: opacity 0.6s;
}

.celebrityCard {
        transition: transform 0.6s, opacity 0.6s, border-color 0.5s, box-shadow 0.5s;
}

@media (max-width: 1400px) {
        .celebritySwiper .swiper-slide {
                width: 340px;
                height: 510px;
        }
}

@media (max-width: 1200px) {
        .royalCelebrity {
                padding: 90px 0px;
        }

        .royalHeading {
                margin-bottom: 55px;
        }

        .royalHeading h2 {
                font-size: 46px;
        }

        .celebritySwiper {
                padding-bottom: 80px;
        }

        .celebritySwiper .swiper-slide {
                width: 320px;
                height: 470px;
        }

        .celebrityContent {
                padding: 55px 24px 24px;
        }

        .celebrityContent h3 {
                font-size: 28px;
        }
}

@media (max-width: 991px) {
        .royalHeading h2 {
                font-size: 38px;
        }

        .royalHeading p {
                font-size: 15px;
                line-height: 28px;
        }

        .celebritySwiper .swiper-slide {
                width: 280px;
                height: 410px;
        }

        .celebrityContent {
                padding: 40px 20px 20px;
        }

        .celebrityContent h3 {
                font-size: 24px;
        }

        .royalPrev,
        .royalNext {
                display: none;
        }
}

@media (max-width: 767px) {
        .royalCelebrity {
                padding: 70px 0px;
        }

        .royalContainer {
                width: 94%;
        }

        .royalHeading {
                margin-bottom: 40px;
        }

        .royalHeading span {
                font-size: 13px;
                letter-spacing: 3px;
        }

        .royalHeading h2 {
                font-size: 30px;
        }

        .royalHeading p {
                font-size: 14px;
                line-height: 25px;
        }

        .celebritySwiper {
                padding: 20px 0px 60px;
        }

        .celebritySwiper .swiper-slide {
                width: 250px;
                height: 360px;
        }

        .celebrityContent {
                padding: 35px 18px 18px;
        }

        .celebrityContent h3 {
                font-size: 21px;
        }

        .celebrityContent span {
                font-size: 10px;
                letter-spacing: 2px;
        }
}

@media (max-width: 480px) {
        .celebritySwiper .swiper-slide {
                width: 220px;
                height: 320px;
        }

        .royalHeading h2 {
                font-size: 26px;
        }

        .celebrityContent h3 {
                font-size: 18px;
        }
}

@media (max-width: 360px) {
        .celebritySwiper .swiper-slide {
                width: 200px;
                height: 290px;
        }
}

.celebritySwiper .swiper-slide {
        transform: none !important;
}

.celebritySwiper .swiper-slide .celebrityCard {
        transition: transform 0.6s, opacity 0.6s;
}

.why-luxury {
        padding: 80px 0px;
        background: rgba(11, 11, 11, 0.99);
        position: relative;
        overflow: hidden;
}

.why-luxury::after {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/background-07.png") center center / cover no-repeat fixed;
        opacity: 0.12;
        z-index: 0;
}

.section-heading {
        text-align: center;
        max-width: 850px;
        margin: auto;
}

.section-tag {
        display: inline-block;
        padding: 10px 24px;
        border: 1px solid rgba(212, 175, 55, 0.35);
        border-radius: 50px;
        background: rgba(212, 175, 55, 0.08);
        color: rgb(212, 175, 55);
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 3px;
        text-transform: uppercase;
        margin-bottom: 22px;
}

.section-heading h2 {
        font-size: 46px;
        color: rgb(255, 255, 255);
        font-weight: 700;
        padding: 0px;
        margin: 0px;
        line-height: 61px;
}

.section-heading h2 span {
        display: block;
        color: rgb(212, 175, 55);
}

.heading-line {
        width: 140px;
        height: 3px;
        background: linear-gradient(to right, transparent, rgb(212, 175, 55), rgb(248, 224, 139), rgb(212, 175, 55), transparent);
        margin: auto;
        position: relative;
        border-radius: 50px;
}

.heading-line::before,
.heading-line::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 12px;
        height: 12px;
        background: rgb(212, 175, 55);
        border-radius: 50%;
        transform: translateY(-50%);
}

.heading-line::before {
        left: -8px;
}

.heading-line::after {
        right: -8px;
}

.venue-highlights {
        padding: 80px 0px;
        background: rgb(9, 9, 9);
        position: relative;
        overflow: hidden;
        z-index: 1;
}

.venue-highlights::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/background-08.png") center center / cover no-repeat fixed;
        opacity: 0.12;
        z-index: -1;
}

.venueSwiper {
        overflow: hidden;
}

.venueSwiper .swiper-wrapper {
        display: flex;
        align-items: stretch;
        transition-timing-function: linear;
}

.venueSwiper .swiper-slide {
        display: flex;
        height: auto;
}

.why-card {
        width: 100%;
        min-height: 320px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 35px 25px;
        background: rgb(21, 21, 21);
        border: 1px solid rgba(212, 175, 55, 0.18);
        border-radius: 28px;
        position: relative;
        overflow: hidden;
        transition: 0.4s;
}

.why-card:hover {
        transform: translateY(-10px);
        border-color: rgb(212, 175, 55);
        box-shadow: rgba(212, 175, 55, 0.15) 0px 20px 50px;
}

.why-icon {
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(212, 175, 55, 0.1);
        margin-bottom: 25px;
}

.why-icon i {
        font-size: 36px;
        color: rgb(212, 175, 55);
}

.why-card h3 {
        color: rgb(255, 255, 255);
        font-size: 24px;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 15px;
        min-height: 62px;
        display: flex;
        align-items: center;
        justify-content: center;
}

.why-card p {
        color: rgb(207, 207, 207);
        font-size: 15px;
        line-height: 1.8;
        flex-grow: 1;
        display: flex;
        align-items: flex-start;
}

.why-card::before {
        content: "";
        position: absolute;
        top: 0px;
        left: -150%;
        width: 60%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
        transform: skewX(-25deg);
        transition: 0.9s;
}

.why-card:hover::before {
        left: 180%;
}

.venueSwiper .swiper-pagination {
        margin-top: 30px;
        position: relative;
}

.venueSwiper .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: rgb(212, 175, 55);
        opacity: 0.4;
}

.venueSwiper .swiper-pagination-bullet-active {
        opacity: 1;
}

@media (max-width: 768px) {
        .venue-highlights {
                padding: 60px 0px;
        }

        .why-card {
                min-height: 280px;
                padding: 30px 20px;
        }

        .why-card h3 {
                font-size: 22px;
                min-height: auto;
        }

        .why-icon {
                width: 70px;
                height: 70px;
        }

        .why-icon i {
                font-size: 30px;
        }
}

.premium-timeline {
        padding: 80px 0px;
        background: rgb(9, 9, 9);
        position: relative;
        overflow: hidden;
        z-index: 1;
}

.premium-timeline::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/background-02.png") center center / cover no-repeat fixed;
        opacity: 0.12;
        z-index: -1;
}

.timeline-wrapper {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
}

.timeline-wrapper::before {
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        top: 50%;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgb(107, 79, 0), rgb(212, 175, 55), rgb(248, 230, 160), rgb(212, 175, 55), rgb(107, 79, 0), transparent);
}

.timeline-wrapper .pt-item {
        position: relative;
        flex: 1 1 0%;
        display: flex;
        justify-content: center;
        align-items: center;
}

.timeline-wrapper .pt-item:nth-child(2n) {
        margin-top: 310px;
}

.timeline-wrapper .pt-number {
        position: absolute;
        top: -72px;
        width: 62px;
        height: 62px;
        border-radius: 50%;
        background: linear-gradient(135deg, rgb(255, 246, 200), rgb(212, 175, 55), rgb(125, 93, 0));
        color: rgb(17, 17, 17);
        font-size: 20px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 5;
        box-shadow: rgba(212, 175, 55, 0.6) 0px 0px 25px, rgba(212, 175, 55, 0.25) 0px 0px 60px;
}

.timeline-wrapper .pt-item::before {
        content: "";
        position: absolute;
        top: -18px;
        width: 2px;
        height: 65px;
        background: linear-gradient(rgb(212, 175, 55), transparent);
}

.timeline-wrapper .pt-card {
        width: 220px;
        height: 220px;
        transform: rotate(45deg);
        border-radius: 28px;
        position: relative;
        overflow: hidden;
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
        border: 1px solid rgba(212, 175, 55, 0.4);
        display: flex;
        justify-content: center;
        align-items: center;
        backdrop-filter: blur(15px);
        transition: 0.45s;
        box-shadow: rgba(255, 255, 255, 0.03) 0px 0px 25px inset, rgba(212, 175, 55, 0.15) 0px 0px 35px;
}

.timeline-wrapper .pt-card::before {
        content: "";
        position: absolute;
        inset: -80%;
        background: linear-gradient(135deg, transparent, rgba(255, 255, 255, 0.15), transparent);
        transform: rotate(-45deg);
        transition: 0.8s;
}

.timeline-wrapper .pt-card:hover::before {
        transform: rotate(-45deg) translateX(150%);
}

.timeline-wrapper .pt-card:hover {
        transform: rotate(45deg) scale(1.08);
        border-color: rgb(248, 230, 160);
        box-shadow: rgba(212, 175, 55, 0.5) 0px 0px 45px, rgba(212, 175, 55, 0.2) 0px 0px 90px;
}

.timeline-wrapper .pt-content {
        transform: rotate(-45deg);
        width: 145px;
        text-align: center;
        position: relative;
        z-index: 2;
}

.timeline-wrapper .pt-content h3 {
        color: rgb(212, 175, 55);
        font-size: 25px;
        font-weight: 600;
        margin: 0px 0px 14px;
        letter-spacing: 0.5px;
}

.timeline-wrapper .pt-content p {
        color: rgb(208, 208, 208);
        font-size: 14px;
        line-height: 1.8;
        margin: 0px;
}

.timeline-wrapper .pt-card {
        animation: 5s ease-in-out 0s infinite normal none running premiumFloat;
}

.timeline-wrapper .pt-item:nth-child(2n) .pt-card {
        animation-delay: 1s;
}

@keyframes premiumFloat {
        0% {
                transform: rotate(45deg) translateY(0px);
        }

        50% {
                transform: rotate(45deg) translateY(-10px);
        }

        100% {
                transform: rotate(45deg) translateY(0px);
        }
}

@media (max-width: 1200px) {
        .timeline-wrapper {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 130px 20px;
        }

        .timeline-wrapper::before {
                display: none;
        }

        .timeline-wrapper .pt-item:nth-child(2n) {
                margin-top: 0px;
        }

        .timeline-wrapper .pt-card {
                width: 190px;
                height: 190px;
        }
}

@media (max-width: 768px) {
        .timeline-wrapper {
                display: flex;
                flex-direction: column;
                gap: 100px;
                margin-top: 80px;
        }

        .timeline-wrapper .pt-item {
                width: 100%;
        }

        .timeline-wrapper .pt-item:nth-child(2n) {
                margin-top: 0px;
        }

        .timeline-wrapper .pt-card {
                width: 180px;
                height: 180px;
        }

        .timeline-wrapper .pt-content {
                width: 120px;
        }

        .timeline-wrapper .pt-content h3 {
                font-size: 20px;
        }

        .timeline-wrapper .pt-content p {
                font-size: 13px;
        }

        .timeline-wrapper .pt-number {
                width: 52px;
                height: 52px;
                font-size: 16px;
        }
}

.video-showcase {
        padding: 80px 0px;
        background: rgb(9, 9, 9);
        position: relative;
        overflow: hidden;
        z-index: 1;
}

.video-showcase::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/concert-bg.png") 0% 0% / cover no-repeat;
        opacity: 0.12;
        z-index: 0;
        pointer-events: none;
}

.featured-video {
        position: relative;
        border-radius: 30px;
        overflow: hidden;
        border: 1px solid rgba(212, 175, 55, 0.18);
        box-shadow: rgba(0, 0, 0, 0.45) 0px 30px 80px;
}

.featured-video video {
        width: 100%;
        display: block;
        aspect-ratio: 16 / 9;
        object-fit: cover;
}

.featured-content {
        position: absolute;
        left: 50px;
        bottom: 50px;
        max-width: 500px;
}

.featured-content span {
        color: rgb(212, 175, 55);
        letter-spacing: 3px;
        text-transform: uppercase;
        font-size: 14px;
}

.featured-content h3 {
        margin-top: 12px;
        font-size: 48px;
        line-height: 1.2;
        color: rgb(255, 255, 255);
        text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 20px;
}

.video-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
        margin-top: 50px;
}

.video-card {
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(212, 175, 55, 0.18);
        border-radius: 22px;
        overflow: hidden;
        transition: 0.45s;
}

.video-card:hover {
        transform: translateY(-10px);
        border-color: rgb(212, 175, 55);
        box-shadow: rgba(212, 175, 55, 0.15) 0px 18px 40px;
}

.video-card video {
        width: 100%;
        display: block;
        aspect-ratio: 16 / 9;
        object-fit: cover;
}

.video-card h4 {
        padding: 20px;
        font-size: 24px;
        color: rgb(255, 255, 255);
        text-align: center;
}

.video-card {
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(212, 175, 55, 0.18);
        border-radius: 22px;
        overflow: hidden;
        transition: 0.45s;
}

.video-card:hover {
        transform: translateY(-10px);
        border-color: rgb(212, 175, 55);
        box-shadow: rgba(212, 175, 55, 0.15) 0px 18px 40px;
}

.video-card video {
        width: 100%;
        display: block;
        aspect-ratio: 16 / 9;
        object-fit: cover;
}

.video-card h4 {
        padding: 29px;
        font-size: 19px;
        color: rgb(255, 255, 255);
        margin: 0px;
        text-align: center;
}

@media (max-width: 991px) {
        .video-grid {
                grid-template-columns: 1fr;
        }

        .featured-content {
                left: 25px;
                bottom: 25px;
        }

        .featured-content h3 {
                font-size: 32px;
        }
}

.video-card.active {
        border-color: rgb(212, 175, 55);
        box-shadow: rgba(212, 175, 55, 0.25) 0px 20px 50px;
        transform: translateY(-10px);
}

.royal-stats {
        padding: 80px 0px;
        background: rgb(9, 9, 9);
        position: relative;
        overflow: hidden;
        z-index: 1;
}

.stats-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
}

.stat-card {
        padding: 45px 30px;
        text-align: center;
        border-radius: 25px;
        background: rgba(255, 255, 255, 0.04);
        backdrop-filter: blur(15px);
        border: 1px solid rgba(212, 175, 55, 0.18);
        transition: 0.45s;
}

.stat-card:hover {
        transform: translateY(-12px);
        border-color: rgb(212, 175, 55);
        box-shadow: rgba(212, 175, 55, 0.18) 0px 20px 50px;
}

.stat-card h3 {
        font-size: 64px;
        color: rgb(212, 175, 55);
        margin-bottom: 12px;
}

.stat-card p {
        font-size: 18px;
        color: rgb(221, 221, 221);
}

.royal-stats::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/background-09.png") center center / cover no-repeat fixed;
        opacity: 0.12;
        z-index: -1;
}

@keyframes statsGlow {
        50% {
                transform: translateY(40px);
        }
}

@media (max-width: 991px) {
        .stats-grid {
                grid-template-columns: repeat(2, 1fr);
        }
}

@media (max-width: 600px) {
        .stats-grid {
                grid-template-columns: 1fr;
        }

        .stat-card h3 {
                font-size: 50px;
        }
}

.testimonials-luxury {
        padding: 80px 0px;
        background: rgb(11, 11, 11);
        overflow: hidden;
}

.testimonialSlider {
        margin-top: 70px;
}

.testimonial-card {
        position: relative;
        padding: 45px;
        border-radius: 30px;
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(15px);
        border: 1px solid rgba(212, 175, 55, 0.18);
        transition: 0.45s;
}

.testimonial-card:hover {
        transform: translateY(-10px);
        border-color: rgb(212, 175, 55);
        box-shadow: rgba(212, 175, 55, 0.18) 0px 20px 50px;
}

.quote-icon {
        font-size: 48px;
        color: rgb(212, 175, 55);
        margin-bottom: 25px;
}

.testimonial-card p {
        font-size: 18px;
        line-height: 2;
        color: rgb(221, 221, 221);
        margin-bottom: 30px;
}

.stars {
        color: rgb(255, 215, 0);
        font-size: 22px;
        margin-bottom: 30px;
}

.client {
        display: flex;
        align-items: center;
        gap: 18px;
}

.client img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid rgb(212, 175, 55);
}

.client h4 {
        color: rgb(255, 255, 255);
        font-size: 24px;
        margin-bottom: 5px;
}

.client span {
        color: rgb(187, 187, 187);
}

.video-review {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 30px;
        padding: 14px 28px;
        background: rgb(212, 175, 55);
        color: rgb(17, 17, 17);
        border-radius: 40px;
        font-weight: 700;
        transition: 0.35s;
}

.video-review:hover {
        transform: translateY(-4px);
        box-shadow: rgba(212, 175, 55, 0.35) 0px 12px 30px;
}

.before-after-section {
        padding: 80px 0px;
        background: rgb(9, 9, 9);
        position: relative;
        overflow: hidden;
        z-index: 1;
}

.before-after-section::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/background-04.png") 0% 0% / cover no-repeat;
        opacity: 0.2;
        pointer-events: none;
}

.section-heading {
        text-align: center;
        color: rgb(255, 255, 255);
        position: relative;
        z-index: 2;
}

.section-heading h2 {
        font-size: 48px;
        margin-top: 15px;
}

.section-heading h2 span {
        color: rgb(212, 175, 55);
}

.compare-wrapper {
        position: relative;
        max-width: 1200px;
        margin: 60px auto 0px;
        display: flex;
        align-items: center;
        gap: 20px;
}

.compare-track {
        width: 100%;
        overflow: hidden;
        display: flex;
        scroll-behavior: smooth;
}

.compare-item {
        min-width: 100%;
        flex: 0 0 100%;
}

.compare-container {
        position: relative;
        width: 100%;
        overflow: hidden;
        border-radius: 20px;
        cursor: ew-resize;
        user-select: none;
        border: 1px solid rgba(212, 175, 55, 0.3);
        box-shadow: rgba(0, 0, 0, 0.4) 0px 20px 50px;
}

.compare-container img {
        display: block;
        width: 100%;
        height: auto;
}

.compare-before {
        width: 100%;
}

.compare-after {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        overflow: hidden;
}

.compare-after img {
        width: 100%;
        height: 100%;
        object-fit: cover;
}

.compare-slider {
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        width: 4px;
        height: 100%;
        background: rgb(212, 175, 55);
        z-index: 10;
}

.compare-slider span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: rgb(212, 175, 55);
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: rgba(212, 175, 55, 0.5) 0px 0px 25px;
}

.compare-slider span::before {
        content: "↔";
        font-size: 30px;
        color: rgb(17, 17, 17);
        font-weight: bold;
}

.compare-nav {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: none;
        background: rgb(212, 175, 55);
        color: rgb(17, 17, 17);
        font-size: 26px;
        cursor: pointer;
        transition: 0.3s;
        flex-shrink: 0;
}

.compare-nav:hover {
        background: rgb(255, 255, 255);
        transform: scale(1.05);
}

.compare-nav.prev {
        left: -25px;
}

.compare-nav.next {
        right: -25px;
}

@media (max-width: 768px) {
        .section-heading h2 {
                font-size: 34px;
        }

        .compare-wrapper {
                gap: 10px;
        }

        .compare-nav {
                width: 45px;
                height: 45px;
                font-size: 20px;
        }

        .compare-slider span {
                width: 50px;
                height: 50px;
        }

        .compare-slider span::before {
                font-size: 24px;
        }
}

@media (max-width: 480px) {
        .before-after-section {
                padding: 70px 15px;
        }

        .section-heading h2 {
                font-size: 28px;
        }

        .compare-wrapper {
                gap: 0px;
        }

        .compare-container {
                border-radius: 12px;
        }

        .compare-nav {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                z-index: 20;
                width: 40px;
                height: 40px;
                font-size: 18px;
        }

        .compare-nav.prev {
                left: 10px;
        }

        .compare-nav.next {
                right: 10px;
        }

        .compare-slider span {
                width: 42px;
                height: 42px;
        }

        .compare-slider span::before {
                font-size: 18px;
        }
}

/* ==========================
   Instagram Section
========================== */

.instagram-section {
        padding: 80px 0;
        background: #090909;
        position: relative;
        overflow: hidden;
        z-index: 1;
}

.instagram-section::before {
        content: "";
        position: absolute;
        inset: 0;
        background: url("../image/background/background-07.png") center center/cover no-repeat fixed;
        opacity: .12;
        z-index: -1;
}

.instagram-section .section-heading {
        text-align: center;
}

.instagram-section .gold-divider {
        margin-top: 15px;
}

/* ==========================
   Instagram Card
========================== */

.insta-item {
        display: block;
        position: relative;
        overflow: hidden;
        border-radius: 20px;
        border: 1px solid rgba(212, 175, 55, .18);
        transition: .4s;
}

.insta-item img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        transition: .6s;
        display: block;
}

.insta-overlay {
        position: absolute;
        inset: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, .65);
        opacity: 0;
        transition: .4s;
}

.insta-overlay i {
        font-size: 45px;
        color: #d4af37;
}

.insta-item:hover img {
        transform: scale(1.1);
}

.insta-item:hover .insta-overlay {
        opacity: 1;
}

/* ==========================
   Button
========================== */

.instagram-btn {
        margin-top: 60px;
        text-align: center;
}

.instagram-btn a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 18px 42px;
        background: #d4af37;
        color: #111;
        border-radius: 50px;
        text-decoration: none;
        font-weight: 700;
        transition: .35s;
}

.instagram-btn a:hover {
        background: #fff;
        color: #111;
        transform: translateY(-3px);
}

/* ==========================
   Laptop
========================== */

@media (max-width:1199px) {

        .insta-item img {
                height: 260px;
        }

}

/* ==========================
   Tablet
========================== */

@media (max-width:991px) {

        .instagram-section {
                padding: 70px 0;
        }

        .insta-item img {
                height: 240px;
        }

        .instagram-btn {
                margin-top: 45px;
        }

}

/* ==========================
   Mobile
========================== */

@media (max-width:767px) {

        .instagram-section {
                padding: 60px 0;
        }

        .insta-item {
                border-radius: 15px;
        }

        .insta-item img {
                height: 180px;
        }

        .insta-overlay i {
                font-size: 34px;
        }

        .instagram-btn {
                margin-top: 35px;
        }

        .instagram-btn a {
                padding: 15px 30px;
                font-size: 15px;
        }

}

/* ==========================
   Small Mobile
========================== */

@media (max-width:575px) {

        .insta-item img {
                height: 150px;
        }

        .insta-overlay i {
                font-size: 28px;
        }

        .instagram-btn a {
                width: 100%;
                max-width: 300px;
                padding: 15px;
        }

}

.ae-video-gallery {
        padding: 80px 0px;
        background: rgb(9, 9, 9);
        position: relative;
        overflow: hidden;
        z-index: 1;
}

.ae-video-heading {
        text-align: center;
        margin-bottom: 70px;
}

.ae-video-heading span {
        color: rgb(212, 175, 55);
        letter-spacing: 4px;
        text-transform: uppercase;
}

.ae-video-heading h2 {
        color: rgb(255, 255, 255);
        font-size: 52px;
        margin: 18px 0px;
}

.ae-video-heading p {
        color: rgb(170, 170, 170);
        max-width: 700px;
        margin: auto;
}

.ae-video-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 35px;
}

.ae-video-card {
        position: relative;
        overflow: hidden;
        border-radius: 18px;
        cursor: pointer;
        border: 1px solid rgba(212, 175, 55, 0.3);
        transition: 0.5s;
}

.ae-video-card:hover {
        transform: translateY(-12px);
}

.ae-video-card img {
        width: 100%;
        display: block;
        height: 420px;
        object-fit: cover;
        transition: 0.8s;
}

.ae-video-card:hover img {
        transform: scale(1.1);
}

.ae-video-overlay {
        position: absolute;
        inset: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
}

.ae-play-btn {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        background: rgb(212, 175, 55);
        color: rgb(17, 17, 17);
        font-size: 23px;
        display: flex;
        line-height: 60px;
        align-items: center;
        justify-content: center;
        transition: 0.4s;
        box-shadow: rgba(212, 175, 55, 0.6) 0px 0px 30px;
}

.ae-video-card:hover .ae-play-btn {
        transform: scale(1.18);
}

.ae-video-popup {
        position: fixed;
        inset: 0px;
        background: rgba(0, 0, 0, 0.95);
        display: flex;
        justify-content: center;
        align-items: center;
        visibility: hidden;
        opacity: 0;
        transition: 0.4s;
        z-index: 99999;
}

.ae-video-popup.active {
        visibility: visible;
        opacity: 1;
}

#aePopupVideo {
        width: 82%;
        max-height: 88vh;
        border-radius: 18px;
}

.ae-close-video {
        position: absolute;
        top: 35px;
        right: 45px;
        color: rgb(255, 255, 255);
        font-size: 55px;
        cursor: pointer;
}

@media (max-width: 991px) {
        .ae-video-grid {
                grid-template-columns: repeat(2, 1fr);
        }
}

@media (max-width: 767px) {
        .ae-video-grid {
                grid-template-columns: 1fr;
        }

        #aePopupVideo {
                width: 95%;
        }

        .ae-video-heading h2 {
                font-size: 36px;
        }
}

.royal-side-contact {
        position: fixed;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 99999;
}

/*==========================
 Desktop Side Contact
===========================*/
.royal-contact-bar {
        position: fixed;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 99999;
}

.royal-contact-btn {
        width: 170px;
        height: 60px;
        margin: 15px -110px 15px 0;
        border-radius: 50px 0 0 50px;
        display: flex;
        align-items: center;
        text-decoration: none;
        transition: .4s;
        box-shadow: 0 15px 35px rgba(0, 0, 0, .25);
}

.royal-contact-btn:hover {
        margin-right: 0;
}

.royal-contact-btn .icon {
        width: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
}

.royal-contact-btn .icon svg {
        width: 28px;
        fill: #fff;
}

.royal-contact-btn .text {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
}

.whatsapp {
        background: #25D366;
}

.call {
        background: #D4AF37;
}

.call .text,
.call .icon {
        color: #111;
}

.email {
        background: #0b2748;
}

/*==========================
 Mobile Bottom Contact Bar
===========================*/
@media (max-width:768px) {
        .royal-contact-bar {
                position: fixed;
                left: 0;
                right: 0;
                bottom: 0;
                top: auto;
                width: 100%;
                height: 70px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                transform: none;
                margin: 0;
                padding: 0;
                background: #111;
                z-index: 999999;
                box-shadow: 0 -5px 20px rgba(0, 0, 0, .25);
        }

        .royal-contact-btn {
                flex: 1;
                height: 70px;
                margin: 0;
                padding: 0;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 4px;
                border-radius: 0;
                box-shadow: none;
        }

        .royal-contact-btn:hover {
                margin: 0;
        }

        .royal-contact-btn .icon {
                width: auto;
                font-size: 22px;
        }

        .royal-contact-btn .icon svg {
                width: 22px;
        }

        .royal-contact-btn .text {
                font-size: 12px;
                font-weight: 600;
                color: #fff;
        }
}

.royal-testimonial {
        padding: 80px 0px;
        background: rgb(9, 9, 9);
        position: relative;
        overflow: hidden;
        z-index: 1;
}

.royal-testimonial::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/background-10.svg") center center / cover no-repeat fixed;
        opacity: 0.12;
        z-index: -1;
}

.royalHeading {
        max-width: 850px;
        margin: 0px auto 60px;
        text-align: center;
        position: relative;
        z-index: 2;
}

.royalSubTitle {
        display: block;
        color: rgb(212, 175, 55);
        font-size: 15px;
        letter-spacing: 3px;
        text-transform: uppercase;
        margin-bottom: 15px;
}

.royalHeading h2 {
        font-size: 45px;
        color: rgb(255, 255, 255);
        margin-bottom: 20px;
}

.royalHeading p {
        color: rgb(204, 204, 204);
        font-size: 17px;
        line-height: 1.8;
}

#royalTestimonials .royalTestimonialItem {
        padding: 0;
        opacity: 0.35;
        transform: scale(0.85);
        transition: 0.5s;
}

#royalTestimonials .owl-item.active.center .royalTestimonialItem {
        opacity: 1;
        transform: scale(1);
}

.royalTestimonialCard {
        position: relative;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03));
        backdrop-filter: blur(18px);
        border: 1px solid rgba(212, 175, 55, 0.35);
        border-radius: 30px;
        padding: 45px 35px;
        text-align: center;
        box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 60px;
        transition: 0.4s;
}

.owl-item.active.center .royalTestimonialCard {
        border-color: rgb(212, 175, 55);
        box-shadow: rgba(212, 175, 55, 0.25) 0px 25px 70px;
}

.quoteIcon {
        width: 65px;
        height: 65px;
        margin: 0px auto 25px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgb(244, 208, 111), rgb(184, 134, 44));
        font-size: 22px;
        color: rgb(17, 17, 17);
}

.royalClientImg {
        height: 45px;
        object-fit: cover;
        margin: 0px auto 25px;
        filter: brightness(0) invert(1);
        width: 45px !important;
}

.royalTestimonialCard p {
        font-size: 16px;
        line-height: 1.9;
        color: rgb(238, 238, 238);
}

.royalClientName {
        display: table;
        margin: -22px auto 0px;
        position: relative;
        z-index: 3;
        padding: 13px 40px;
        border-radius: 50px;
        background: linear-gradient(135deg, rgb(244, 208, 111), rgb(184, 134, 44));
        font-weight: 700;
        color: rgb(17, 17, 17);
        letter-spacing: 1px;
}

#royalTestimonials .owl-dots {
        text-align: center;
        margin-top: 35px;
        display: none;
}

#royalTestimonials .owl-dot span {
        width: 12px;
        height: 12px;
        background: rgb(119, 119, 119);
        border-radius: 50%;
        display: block;
        margin: 5px;
        transition: 0.3s;
}

#royalTestimonials .owl-dot.active span {
        width: 40px;
        border-radius: 20px;
        background: rgb(212, 175, 55);
}

.royalTestimonialCard:hover {
        transform: translateY(-10px);
}

@media (max-width: 768px) {
        .royal-testimonial {
                padding: 80px 0px;
        }

        .royalHeading h2 {
                font-size: 30px;
        }

        .royalHeading p {
                font-size: 15px;
        }
}

/*==============================
      INNER BANNER
===============================*/
.aavkarInnerBanner {
        position: relative;
        overflow: hidden;
        min-height: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(rgb(8 8 10 / 60%), rgb(8 8 10 / 67%)), url(../image/background/inner-banenr.png);
        /* background-attachment: fixed; */
}

.aavkarInnerOverlay {
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at top right, rgba(212, 175, 55, .12), transparent 45%);
}

.aavkarInnerContent {
        position: relative;
        z-index: 2;
        text-align: center;
        max-width: 850px;
        margin: 0 auto;
}

.aavkarSubtitle {
        display: inline-block;
        color: #D4AF37;
        letter-spacing: 4px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 18px;
}

.aavkarInnerContent h1 {
        color: #fff;
        font-size: 62px;
        line-height: 1.15;
        font-weight: 700;
        margin-bottom: 25px;
}

.aavkarBreadcrumb {
        display: inline-flex;
        align-items: center;
        gap: 14px;
        padding: 16px 32px;
        border-radius: 60px;
        background: rgba(255, 255, 255, .05);
        border: 1px solid rgba(212, 175, 55, .25);
        backdrop-filter: blur(12px);
}

.aavkarBreadcrumb a {
        color: #ffffff;
        text-decoration: none;
        transition: .4s;
}

.aavkarBreadcrumb a:hover {
        color: #D4AF37;
}

.aavkarBreadcrumb span {
        color: #D4AF37;
        font-size: 15px;
}

.aavkarPattern {
        position: absolute;
        inset: 0;
        /* background: url("../images/pattern.webp"); */
        opacity: .05;
        pointer-events: none;
}

/* Decorative */
.aavkarInnerBanner::before {
        content: '';
        position: absolute;
        width: 520px;
        height: 520px;
        border: 1px solid rgba(212, 175, 55, .08);
        border-radius: 50%;
        left: -180px;
        top: -160px;
}

.aavkarInnerBanner::after {
        content: '';
        position: absolute;
        width: 380px;
        height: 380px;
        border: 1px solid rgba(212, 175, 55, .08);
        border-radius: 50%;
        right: -120px;
        bottom: -120px;
}

/*==============================
      RESPONSIVE
===============================*/
@media(max-width:991px) {
        .aavkarInnerBanner {
                min-height: 360px;
        }

        .aavkarInnerContent h1 {
                font-size: 46px;
        }
}

@media(max-width:767px) {
        .aavkarInnerBanner {
                min-height: 300px;
                padding: 100px 0 70px;
        }

        .aavkarInnerContent h1 {
                font-size: 34px;
        }

        .aavkarBreadcrumb {
                padding: 12px 22px;
                gap: 10px;
                flex-wrap: wrap;
        }

        .aavkarSubtitle {
                font-size: 12px;
                letter-spacing: 3px;
        }
}

/* ==========================================
        COMMON LEGACY CONTAINER
========================================== */
.legacyContainer {
        width: min(1320px, 92%);
        margin: auto;
        position: relative;
        z-index: 2;
}

/* ==========================================
        LEGACY MAIN SECTION
========================================== */
.legacySection {
        position: relative;
        padding: 80px 0;
        background: #090909;
        overflow: hidden;
}

.legacySection .container {
        max-width: 1320px;
        margin: auto;
        padding: 0 15px;
        position: relative;
        z-index: 2;
}

/* Background Glow */
.legacyBgShape {
        position: absolute;
        border-radius: 50%;
        filter: blur(130px);
        opacity: .18;
        pointer-events: none;
}

.shape1 {
        width: 380px;
        height: 380px;
        background: #D4AF37;
        top: -120px;
        left: -120px;
}

.shape2 {
        width: 320px;
        height: 320px;
        background: #7B5A16;
        bottom: -100px;
        right: -80px;
}

/* ==========================================
        HEADING
========================================== */
.legacyHeading {
        max-width: 850px;
        margin: 0 auto;
        text-align: center;
}

.legacySubTitle {
        display: block;
        color: #D4AF37;
        text-transform: uppercase;
        letter-spacing: 4px;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 15px;
}

.legacyHeading h2 {
        color: #fff;
        font-size: 54px;
        line-height: 1.25;
        margin-bottom: 20px
}

.legacyHeading h2 span {
        display: block;
        color: #D4AF37;
        font-size: 38px;
        margin-top: 8px;
}

.legacyHeading img {
        width: 110px;
        display: block;
        margin: 20px auto;
}

.legacyHeading p {
        color: #bfbfbf;
        font-size: 17px;
        line-height: 32px;
}

/* ==========================================
            TWO COLUMN ROW
    ========================================== */
.legacyRow {
        display: flex;
        /* grid-template-columns: 480px 1fr; */
        gap: 90px;
        align-items: center;
        margin: 80px 0;
}

.secondRow {
        grid-template-columns: 1fr 480px;
}

/* ==========================================
            IMAGE STYLE
    ========================================== */
.legacyImage {
        position: relative;
}

.imageFrame {
        position: relative;
        padding: 14px;
        border-radius: 28px;
        background: #111;
        border: 1px solid rgba(212, 175, 55, .35);
        overflow: hidden;
        transition: .4s;
}

.imageFrame img {
        width: 100%;
        display: block;
        border-radius: 18px;
        transition: .5s;
}

.imageFrame:hover img {
        transform: scale(1.06);
}

.imageFrame:hover {
        box-shadow: 0 20px 60px rgba(212, 175, 55, .18);
}

/* Badge */
.imageBadge {
        position: absolute;
        right: -50px;
        bottom: 40px;
        width: 110px;
        height: 110px;
        border-radius: 50%;
        background: #D4AF37;
        color: #111;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: 14px;
        font-weight: 600;
        box-shadow: 0 15px 40px rgba(212, 175, 55, .4);
}

.imageBadge strong {
        font-size: 28px;
        line-height: 1;
        margin-top: 5px;
}

/* ==========================================
            CONTENT BOX
    ========================================== */
.legacyContent {
        background: rgba(255, 255, 255, .03);
        border: 1px solid rgba(255, 255, 255, .08);
        backdrop-filter: blur(18px);
        border-radius: 30px;
        padding: 55px;
        transition: .4s;
}

.legacyContent:hover {
        border-color: rgba(212, 175, 55, .4);
        transform: translateY(-6px);
}

.smallTitle {
        color: #D4AF37;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 14px;
        display: block;
        margin-bottom: 12px;
}

.legacyContent h3 {
        color: #fff;
        font-size: 38px;
        margin-bottom: 20px
}

.goldLine {
        width: 90px;
        height: 3px;
        background: #D4AF37;
        border-radius: 20px;
        margin-bottom: 25px;
}

.legacyContent p {
        color: #cfcfcf;
        font-size: 16px;
        line-height: 33px;
        margin-bottom: 18px;
        text-align: justify;
}

/* ==========================================
            BUTTON
    ========================================== */
.legacyBtn {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        margin-top: 18px;
        color: #D4AF37;
        text-decoration: none;
        font-weight: 600;
        transition: .3s;
}

.legacyBtn i {
        transition: .3s;
}

.legacyBtn:hover {
        color: #fff;
}

.legacyBtn:hover i {
        transform: translateX(8px);
}

/* ==========================================
            PREMIUM DIVIDER
    ========================================== */
.premium-divider {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 35px;
        /* margin: 80px 0; */
}

.premium-line {
        flex: 1;
        height: 1px;
        background:
                linear-gradient(to right,
                        transparent,
                        #D4AF37,
                        transparent);
}

.premium-divider-content {
        text-align: center;
}

.premium-divider-content small {
        color: #D4AF37;
        letter-spacing: 3px;
        text-transform: uppercase;
}

.premium-divider-content h3 {
        color: #fff;
        font-size: 72px;
        margin: 10px 0;
}

.premium-divider-content p {
        color: #cfcfcf;
        letter-spacing: 2px;
}

/* ==========================================
            BIOGRAPHY SECTION
    ========================================== */
.legacyBiography {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 80px 0px;
        overflow: visible;
        background: rgb(0, 0, 0);
}

.legacyBiography::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/background-14.png") center bottom / cover no-repeat;
        background-attachment: fixed;
        opacity: 0.18;
        z-index: 1;
}

.legacyIntro {
        max-width: 900px;
        margin: 60px auto;
        text-align: center;
}

.legacyIntro h3 {
        color: #fff;
        font-size: 42px;
        line-height: 1.3;
        margin-bottom: 25px
}

.legacyIntro p {
        color: #cfcfcf;
        font-size: 17px;
        line-height: 34px;
        margin-bottom: 20px;
}

/* ==========================================
            DIVIDER
    ========================================== */
.legacyDivider {
        width: 100%;
        height: 1px;
        margin: 30px 0;
        background:
                linear-gradient(to right,
                        transparent,
                        #D4AF37,
                        transparent);
}

/* ==========================================
            FOUNDER BIO SECTION
    ========================================== */
.legacyFounderSection {
        display: grid;
        grid-template-columns: 430px 1fr;
        gap: 80px;
        align-items: start;
        margin-top: 80px;
}

.legacyFounderImage {
        position: sticky;
        top: 250px;
}

.legacyImageFrame {
        padding: 15px;
        /* background: #090909; */
        border: 1px solid rgba(212, 175, 55, .35);
        border-radius: 30px;
}

.legacyImageFrame img {
        width: 100%;
        display: block;
        border-radius: 20px;
}

/* Founder Content */
.legacyFounderContent {
        background: rgba(255, 255, 255, .03);
        padding: 55px;
        border-radius: 30px;
        border: 1px solid rgba(255, 255, 255, .08);
}

.legacyMiniTitle {
        color: #D4AF37;
        text-transform: uppercase;
        letter-spacing: 4px;
        font-size: 14px;
        display: block;
        margin-bottom: 15px;
}

.legacyFounderContent h2 {
        color: #fff;
        font-size: 42px;
        margin-bottom: 8px;
}

.legacyFounderContent h4 {
        color: #D4AF37;
        font-size: 20px;
        margin-bottom: 25px;
}

.legacyContentDivider {
        width: 90px;
        height: 3px;
        background: #D4AF37;
        border-radius: 20px;
        margin-bottom: 30px;
}

.legacyFounderContent p {
        color: #cfcfcf;
        font-size: 16px;
        line-height: 34px;
        margin-bottom: 22px;
        text-align: justify;
}

/* ==========================================
            HIGHLIGHT BOXES
    ========================================== */
.legacyFounderHighlights {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 45px;
}

.legacyHighlightBox {
        text-align: center;
        padding: 30px 15px;
        border-radius: 20px;
        background:
                rgba(212, 175, 55, .08);
        border: 1px solid rgba(212, 175, 55, .25);
        transition: .3s;
}

.legacyHighlightBox:hover {
        transform: translateY(-8px);
        border-color: #D4AF37;
}

.legacyHighlightBox span {
        display: block;
        color: #D4AF37;
        font-size: 42px;
        font-weight: 700;
}

.legacyHighlightBox h5 {
        color: #fff;
        font-size: 15px;
        margin-top: 10px;
}

/* ==========================================
            CLOSING SECTION
    ========================================== */
.legacyClosingSection {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 80px 0px;
        overflow: visible;
        background: rgb(0, 0, 0);
}

.legacyClosingSection::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/background-14.png") center bottom / cover no-repeat;
        background-attachment: fixed;
        opacity: 0.18;
        z-index: 1;
}

.legacyClosingWrapper {
        display: grid;
        grid-template-columns: 1fr 500px;
        gap: 80px;
        align-items: center;
}

.legacyClosingContent {
        padding: 50px;
        background:
                rgba(255, 255, 255, .03);
        border-radius: 30px;
        border: 1px solid rgba(255, 255, 255, .08);
}

.legacyClosingContent p {
        color: #cfcfcf;
        line-height: 34px;
        font-size: 17px;
        margin-bottom: 22px;
        text-align: justify;
}

.legacyClosingImage {
        position: relative;
}

/* ==========================================
            SECOND GENERATION SECTION
    ========================================== */
.legacySecondGeneration {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 80px 0px;
        overflow: visible;
        background: rgb(0, 0, 0);
}

.legacySecondGeneration::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/background-14.png") center bottom / cover no-repeat;
        background-attachment: fixed;
        opacity: 0.18;
        z-index: 1;
}

.legacySecondWrapper {
        display: grid;
        grid-template-columns: 500px 1fr;
        gap: 80px;
        align-items: start;
}

.legacySecondImage {
        position: sticky;
        top: 200px;
}

.legacySecondContent {
        padding: 55px;
        background:
                rgba(255, 255, 255, .03);
        border-radius: 30px;
        border: 1px solid rgba(255, 255, 255, .08);
}

.legacySecondContent h2 {
        color: #fff;
        font-size: 42px;
        margin-bottom: 10px;
}

.legacySecondContent h4 {
        color: #D4AF37;
        font-size: 20px;
        margin-bottom: 25px;
}

.legacySecondContent p {
        color: #cfcfcf;
        font-size: 16px;
        line-height: 34px;
        margin-bottom: 22px;
        text-align: justify;
}

.legacyTimelineSection {
        position: relative;
        padding: 80px 0;
        background: #0d0d0d;
        overflow: hidden;
}

.legacyTimelineSection::after {
        content: "";
        position: absolute;
        inset: 0px;
        background: url(../image/background/background-08.png) center center / cover no-repeat fixed;
        opacity: 0.12;
        z-index: 0;
        pointer-events: none;
}

.legacyTimelineSection::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 1px;
        height: 100%;
        background: rgba(212, 175, 55, .20);
}

.legacyTimelineSection .legacyContainer {
        width: min(1320px, 92%);
        margin: auto;
        position: relative;
        z-index: 2;
}

/*==================================
Timeline Heading
==================================*/
.legacyTimelineHeading {
        text-align: center;
        margin-bottom: 50px;
}

.legacyTimelineHeading .legacyMiniTitle {
        display: inline-block;
        color: #d4af37;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 14px;
        margin-bottom: 15px;
}

.legacyTimelineHeading h2 {
        color: #ffffff;
        font-size: 52px;
        line-height: 1.2;
        margin-bottom: 25px;
}

.legacyTimelineHeading .legacyDivider {
        margin: auto;
}

/*==================================
Timeline Wrapper
==================================*/
.legacyTimeline {
        position: relative;
        max-width: 1000px;
        margin: auto;
}

/*==================================
Timeline Item
==================================*/
.legacyTimelineItem {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 70px;
}

.legacyTimelineItem:last-child {
        margin-bottom: 0;
}

.legacyTimelineItem:nth-child(even) {
        flex-direction: row-reverse;
}

/*==================================
Year Circle
==================================*/
.legacyTimelineYear {
        flex: 0 0 170px;
        width: 170px;
        height: 170px;
        border-radius: 50%;
        background: #111111;
        border: 2px solid #d4af37;
        color: #d4af37;
        font-size: 38px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 5;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
        transition: .35s;
}

.legacyTimelineYear:hover {
        transform: scale(1.06);
        background: #d4af37;
        color: #111111;
}

/*==================================
Center Dot
==================================*/
.legacyTimelineYear::after {
        content: "";
        position: absolute;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #d4af37;
        top: 50%;
        right: -46px;
        transform: translateY(-50%);
}

.legacyTimelineItem:nth-child(even) .legacyTimelineYear::after {
        left: -46px;
        right: auto;
}

/*==================================
Content Box
==================================*/
.legacyTimelineContent {
        width: calc(100% - 240px);
        background: rgba(255, 255, 255, .03);
        border: 1px solid rgba(212, 175, 55, .15);
        padding: 40px;
        border-radius: 24px;
        backdrop-filter: blur(18px);
        transition: .35s;
}

.legacyTimelineContent:hover {
        transform: translateY(-8px);
        border-color: #d4af37;
        box-shadow: 0 25px 60px rgba(0, 0, 0, .35);
}

.legacyTimelineContent h3 {
        color: #ffffff;
        font-size: 28px;
        margin-bottom: 18px;
}

.legacyTimelineContent p {
        color: #d2d2d2;
        font-size: 17px;
        line-height: 2;
        margin: 0;
}

/*==================================
Connector Line
==================================*/
.legacyTimelineItem::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 170px;
        width: 70px;
        height: 2px;
        background: #d4af37;
        transform: translateY(-50%);
}

.legacyTimelineItem:nth-child(even)::before {
        left: auto;
        right: 170px;
}

/*==================================
Timeline Hover Effect
==================================*/
.legacyTimelineItem:hover .legacyTimelineYear {
        background: #d4af37;
        color: #111111;
}

.legacyTimelineItem:hover .legacyTimelineContent {
        border-color: #d4af37;
}

/* ==========================================
            QUOTE SECTION
    ========================================== */
.legacyQuoteSection {
        padding: 80px 0px;
        background: rgb(9, 9, 9);
        position: relative;
        overflow: hidden;
        z-index: 1;
}

.legacyQuoteBox {
        max-width: 1000px;
        margin: auto;
        text-align: center;
        padding: 70px 60px;
        background:
                linear-gradient(145deg,
                        rgba(212, 175, 55, .12),
                        rgba(255, 255, 255, .03));
        border: 1px solid rgba(212, 175, 55, .25);
        border-radius: 40px;
        position: relative;
}

.legacyQuoteIcon {
        color: #D4AF37;
        font-size: 80px;
        line-height: 1;
        display: block;
        margin-bottom: 20px;
}

.legacyQuoteBox h2 {
        color: #fff;
        font-size: 42px;
        line-height: 1.5;
        font-weight: 500;
        margin-bottom: 25px;
}

.legacyQuoteBox h4 {
        color: #D4AF37;
        font-size: 18px;
        letter-spacing: 2px;
}

/* ==========================================
            FUTURE SECTION
    ========================================== */
.legacyFutureSection {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 80px 0px;
        overflow: visible;
        background: rgb(0, 0, 0);
}

.legacyFutureSection::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/background-12.png") center bottom / cover no-repeat;
        background-attachment: fixed;
        opacity: 0.35;
        z-index: 1;
}

.legacyFutureContent {
        max-width: 950px;
        margin: auto;
        text-align: center;
}

.legacyFutureContent h2 {
        color: #fff;
        font-size: 55px;
        line-height: 1.3;
        margin: 20px 0;
}

.legacyFutureContent p {
        color: #cfcfcf;
        font-size: 17px;
        line-height: 34px;
        margin-bottom: 25px;
}

/* ==========================================
            VALUES SECTION
    ========================================== */
.legacyValuesSection {
        padding: 100px 0;
        background: #111;
}

.legacyValuesGrid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        margin-top: 70px;
}

.legacyValueCard {
        padding: 45px 35px;
        border-radius: 30px;
        background:
                rgba(255, 255, 255, .03);
        border: 1px solid rgba(255, 255, 255, .08);
        transition: .4s;
}

.legacyValueCard:hover {
        transform: translateY(-10px);
        border-color: rgba(212, 175, 55, .45);
}

.legacyValueIcon {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background:
                rgba(212, 175, 55, .12);
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
}

.legacyValueIcon i {
        color: #D4AF37;
        font-size: 30px;
}

.legacyValueCard h3 {
        color: #fff;
        font-size: 28px;
        margin-bottom: 25px;
}

.legacyValueCard ul {
        list-style: none;
        padding: 0;
        margin: 0;
}

.legacyValueCard li {
        color: #cfcfcf;
        font-size: 16px;
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.legacyValueCard li:last-child {
        border-bottom: 0;
}

/* ==========================================
            PROMISE SECTION
    ========================================== */
.legacyPromiseSection {
        padding: 120px 0;
        background:
                radial-gradient(circle at center,
                        rgba(212, 175, 55, .12),
                        transparent 45%),
                #090909;
}

.legacyPromiseContent {
        max-width: 950px;
        margin: auto;
        text-align: center;
}

.legacyPromiseContent>span {
        display: block;
        color: #D4AF37;
        text-transform: uppercase;
        letter-spacing: 4px;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 20px;
}

.legacyPromiseContent h2 {
        color: #fff;
        font-size: 60px;
        margin-bottom: 20px;
}

.legacyPromiseContent p {
        color: #cfcfcf;
        font-size: 17px;
        line-height: 35px;
        margin-bottom: 25px;
}

.legacyPromiseContent .legacyBtn {
        margin-top: 30px;
        padding: 16px 40px;
        border: 1px solid #D4AF37;
        border-radius: 50px;
        transition: .4s;
}

.legacyPromiseContent .legacyBtn:hover {
        background: #D4AF37;
        color: #111;
}

/* ==========================================
            RESPONSIVE CSS
    ========================================== */
/* ==========================================
            LARGE TABLET
            MAX WIDTH : 1199px
    ========================================== */
@media(max-width:1199px) {
        .legacyRow {
                gap: 50px;
                grid-template-columns: 420px 1fr;
        }

        .secondRow {
                grid-template-columns: 1fr 420px;
        }

        .legacyFounderSection {
                grid-template-columns: 350px 1fr;
                gap: 50px;
        }

        .legacyClosingWrapper {
                grid-template-columns: 1fr 400px;
                gap: 50px;
        }

        .legacySecondWrapper {
                grid-template-columns: 400px 1fr;
                gap: 50px;
        }

        .legacyContent,
        .legacyFounderContent,
        .legacySecondContent {
                padding: 40px;
        }
}

/* ==========================================
            TABLET
            MAX WIDTH : 991px
    ========================================== */
@media(max-width:991px) {

        .legacySection,
        .legacyBiography,
        .legacyClosingSection,
        .legacySecondGeneration,
        .legacyTimelineSection,
        .legacyValuesSection,
        .legacyPromiseSection {
                padding: 80px 0;
        }

        /* Heading */
        .legacyHeading h2 {
                font-size: 40px;
        }

        .legacyHeading h2 span {
                font-size: 28px;
        }

        /* Two Column */
        .legacyRow,
        .secondRow {
                grid-template-columns: 1fr;
                gap: 45px;
                display: block;
        }

        .secondRow .legacyImage {
                order: -1;
        }

        /* Founder */
        .legacyFounderSection {
                grid-template-columns: 1fr;
                gap: 40px;
        }

        .legacyFounderImage {
                position: relative;
                top: auto;
        }

        /* Closing */
        .legacyClosingWrapper {
                grid-template-columns: 1fr;
        }

        .legacyClosingImage {
                order: -1;
        }

        /* Second Generation */
        .legacySecondWrapper {
                grid-template-columns: 1fr;
        }

        .legacySecondImage {
                position: relative;
                top: auto;
        }

        /* Highlights */
        .legacyFounderHighlights {
                grid-template-columns: repeat(3, 1fr);
        }

        /* Timeline */
        .legacyTimeline::before {
                left: 20px;
        }

        .legacyTimelineItem {
                grid-template-columns: 1fr;
                padding-left: 60px;
                gap: 20px;
        }

        .legacyTimelineYear {
                text-align: left;
                padding: 0;
                font-size: 40px;
        }

        /* Values */
        .legacyValuesGrid {
                grid-template-columns: 1fr;
                gap: 25px;
        }

        /* Quote */
        .legacyQuoteBox {
                padding: 50px 35px;
        }

        .legacyQuoteBox h2 {
                font-size: 32px;
        }

        /* Future */
        .legacyFutureContent h2 {
                font-size: 42px;
        }

        /* Promise */
        .legacyPromiseContent h2 {
                font-size: 45px;
        }
}

/* ==========================================
            MOBILE
            MAX WIDTH : 768px
    ========================================== */
@media(max-width:768px) {

        .legacyContainer,
        .legacySection .container {
                width: 92%;
                padding: 0;
        }

        .legacyHeading h2 {
                font-size: 32px;
        }

        .legacyHeading h2 span {
                font-size: 22px;
        }

        .legacyHeading p {
                font-size: 15px;
                line-height: 28px;
        }

        .legacyContent,
        .legacyFounderContent,
        .legacySecondContent,
        .legacyClosingContent {
                padding: 28px;
                border-radius: 22px;
        }

        .legacyContent h3,
        .legacyFounderContent h2,
        .legacySecondContent h2 {
                font-size: 28px;
        }

        .legacyContent p,
        .legacyFounderContent p,
        .legacySecondContent p {
                font-size: 15px;
                line-height: 30px;
        }

        .imageFrame {
                padding: 10px;
                border-radius: 22px;
        }

        .imageFrame img {
                border-radius: 15px;
        }

        .imageBadge {
                width: 85px;
                height: 85px;
                right: 10px;
                bottom: 20px;
        }

        .imageBadge strong {
                font-size: 22px;
        }

        .premium-divider {
                gap: 15px;
                margin: 50px 0;
        }

        .premium-divider-content h3 {
                font-size: 50px;
        }

        .legacyFounderHighlights {
                grid-template-columns: 1fr;
        }

        .legacyHighlightBox span {
                font-size: 35px;
        }

        .legacyQuoteIcon {
                font-size: 60px;
        }

        .legacyQuoteBox h2 {
                font-size: 26px;
                line-height: 1.4;
        }

        .legacyFutureContent h2 {
                font-size: 34px;
        }

        .legacyFutureContent p,
        .legacyPromiseContent p {
                font-size: 15px;
                line-height: 30px;
        }

        .legacyValueCard {
                padding: 35px 25px;
        }

        .legacyValueCard h3 {
                font-size: 24px;
        }

        .legacyPromiseContent h2 {
                font-size: 35px;
        }
}

/* ==========================================
            SMALL MOBILE
            MAX WIDTH : 576px
    ========================================== */
@media(max-width:576px) {

        .legacySection,
        .legacyBiography,
        .legacyClosingSection,
        .legacySecondGeneration,
        .legacyTimelineSection,
        .legacyValuesSection,
        .legacyPromiseSection {
                padding: 60px 0;
        }

        .legacySubTitle,
        .legacyMiniTitle {
                font-size: 12px;
                letter-spacing: 3px;
        }

        .legacyHeading h2 {
                font-size: 28px;
        }

        .legacyContent,
        .legacyFounderContent,
        .legacySecondContent,
        .legacyClosingContent {
                padding: 22px;
        }

        .legacyIntro h3 {
                font-size: 28px;
        }

        .legacyTimelineItem {
                padding-left: 45px;
        }

        .legacyTimelineYear {
                font-size: 34px;
        }

        .legacyTimelineContent {
                padding: 25px;
        }

        .legacyTimelineContent h3 {
                font-size: 22px;
        }

        .legacyPromiseContent h2 {
                font-size: 30px;
        }

        .legacyPromiseContent .legacyBtn {
                width: 100%;
                justify-content: center;
        }
}

.legacyStatement {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 80px 0px;
        overflow: visible;
        background: rgb(0, 0, 0);
}

.legacyStatement::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/background-11.png") center bottom / cover no-repeat;
        background-attachment: fixed;
        opacity: 0.35;
        z-index: 1;
}

.statementInner {
        max-width: 950px;
        margin: auto;
        text-align: center;
        position: relative;
        z-index: 2;
}

.statementTop {
        color: rgb(212, 175, 55);
        letter-spacing: 5px;
        text-transform: uppercase;
        font-size: 14px;
        display: block;
        margin-bottom: 20px;
}

.statementInner h2 {
        color: rgb(255, 255, 255);
        font-size: 62px;
        line-height: 80px;
        margin: 0px;
}

.statementInner h2 span {
        color: rgb(212, 175, 55);
}

.statementDivider {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-bottom: 35px;
}

.statementDivider span {
        width: 120px;
        height: 1px;
        background: rgb(212, 175, 55);
}

.statementDivider i {
        color: rgb(212, 175, 55);
        font-size: 18px;
}

.statementInner p {
        color: rgb(207, 207, 207);
        font-size: 18px;
        line-height: 34px;
        max-width: 760px;
        margin: auto auto 40px;
}

.statementBtn {
        display: inline-block;
        padding: 16px 42px;
        border: 1px solid rgb(212, 175, 55);
        color: rgb(212, 175, 55);
        text-decoration: none;
        border-radius: 50px;
        transition: 0.4s;
}

.statementBtn:hover {
        background: rgb(212, 175, 55);
        color: rgb(17, 17, 17);
}

@media (max-width: 768px) {
        .statementInner h2 {
                font-size: 42px;
        }

        .statementDivider span {
                width: 60px;
        }

        .statementInner p {
                font-size: 16px;
                line-height: 30px;
        }
}

/*==============================
            Heading
    ==============================*/
.luxAmenities .luxAmenitiesHeading {
        text-align: center;
        max-width: 760px;
        margin: auto auto 70px;
}

.luxAmenities .luxAmenitiesSubTitle {
        display: inline-block;
        padding: 10px 26px;
        border: 1px solid rgba(212, 175, 55, .25);
        border-radius: 50px;
        color: #D4AF37;
        background: rgba(212, 175, 55, .08);
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 20px;
}

.luxAmenities .luxAmenitiesHeading h2 {
        color: #fff;
        font-size: 48px;
        line-height: 1.25;
        font-weight: 700;
        margin-bottom: 22px;
}

.luxAmenities .luxAmenitiesHeading h2 span {
        color: #D4AF37;
}

.luxAmenities .luxAmenitiesHeading p {
        color: rgba(255, 255, 255, .72);
        font-size: 17px;
        line-height: 1.9;
}

/*==============================
            Main Layout
    ==============================*/
.luxAmenities .luxAmenitiesWrapper {
        display: grid;
        grid-template-columns: 520px 1fr;
        gap: 70px;
        align-items: center;
}

/*==============================
            Left Image
    ==============================*/
.luxAmenities .luxAmenitiesImage {
        position: sticky;
        top: 120px;
}

.luxAmenities .luxAmenitiesImage img {
        width: 100%;
        display: block;
        border-radius: 28px;
        border: 2px solid rgba(212, 175, 55, .20);
        transition: .5s;
        box-shadow: 0 35px 70px rgba(0, 0, 0, .45);
}

.luxAmenities .luxAmenitiesImage:hover img {
        transform: scale(1.03);
}

.luxAmenities .luxAmenitiesExperience {
        position: absolute;
        left: -25px;
        bottom: 35px;
        width: 170px;
        padding: 25px;
        text-align: center;
        background: linear-gradient(135deg, #D4AF37, #F5D56B);
        color: #111;
        border-radius: 18px;
        box-shadow: 0 20px 45px rgba(212, 175, 55, .30);
}

.luxAmenities .luxAmenitiesExperience h3 {
        font-size: 48px;
        line-height: 1;
        margin-bottom: 8px;
}

.luxAmenities .luxAmenitiesExperience span {
        display: block;
        font-size: 15px;
        line-height: 1.6;
        font-weight: 600;
}

/*==============================
            Grid
    ==============================*/
.luxAmenities .luxAmenitiesGrid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
}

/*==============================
            Card
    ==============================*/
.luxAmenities .luxAmenitiesCard {
        display: flex;
        gap: 20px;
        align-items: flex-start;
        padding: 28px;
        background: #121212;
        border-radius: 22px;
        border: 1px solid rgba(212, 175, 55, .12);
        transition: .45s ease;
        position: relative;
        overflow: hidden;
}

.luxAmenities .luxAmenitiesCard::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg,
                        rgba(212, 175, 55, .10),
                        transparent 70%);
        opacity: 0;
        transition: .45s;
}

.luxAmenities .luxAmenitiesCard:hover {
        transform: translateY(-10px);
        border-color: rgba(212, 175, 55, .45);
        box-shadow: 0 25px 55px rgba(0, 0, 0, .35);
}

.luxAmenities .luxAmenitiesCard:hover::before {
        opacity: 1;
}

/*==============================
            Icon
    ==============================*/
.luxAmenities .luxAmenitiesIcon {
        min-width: 68px;
        width: 68px;
        height: 68px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(135deg, #D4AF37, #F6D978);
        color: #111;
        font-size: 24px;
        transition: .45s;
        position: relative;
        z-index: 2;
}

.luxAmenities .luxAmenitiesCard:hover .luxAmenitiesIcon {
        transform: rotate(10deg) scale(1.08);
}

/*==============================
            Content
    ==============================*/
.luxAmenities .luxAmenitiesInfo {
        position: relative;
        z-index: 2;
}

.luxAmenities .luxAmenitiesInfo h4 {
        color: #fff;
        font-size: 22px;
        margin-bottom: 12px;
        font-weight: 600;
}

.luxAmenities .luxAmenitiesInfo p {
        color: rgba(255, 255, 255, .72);
        font-size: 15px;
        line-height: 1.8;
}

/*==============================
            Decorative Glow
    ==============================*/
.luxAmenities::after {
        content: "";
        position: absolute;
        width: 450px;
        height: 450px;
        right: -150px;
        top: -120px;
        border-radius: 50%;
        background: radial-gradient(rgba(212, 175, 55, .15), transparent 70%);
        filter: blur(40px);
        pointer-events: none;
}

/*=========================================
            RESPONSIVE CSS
    ==========================================*/
@media (max-width:1200px) {
        .luxAmenities .luxAmenitiesWrapper {
                grid-template-columns: 420px 1fr;
                gap: 50px;
        }

        .luxAmenities .luxAmenitiesHeading h2 {
                font-size: 42px;
        }

        .luxAmenities .luxAmenitiesGrid {
                gap: 22px;
        }
}

@media (max-width:991px) {
        .luxAmenities {
                padding: 90px 0;
        }

        .luxAmenities .luxAmenitiesWrapper {
                grid-template-columns: 1fr;
                gap: 60px;
        }

        .luxAmenities .luxAmenitiesImage {
                position: relative;
                top: 0;
                max-width: 650px;
                margin: auto;
        }

        .luxAmenities .luxAmenitiesHeading {
                margin-bottom: 55px;
        }

        .luxAmenities .luxAmenitiesHeading h2 {
                font-size: 38px;
        }

        .luxAmenities .luxAmenitiesGrid {
                grid-template-columns: repeat(2, 1fr);
        }

        .luxAmenities .luxAmenitiesExperience {
                left: 20px;
                bottom: 20px;
        }
}

@media (max-width:767px) {
        .luxAmenities {
                padding: 80px 0;
        }

        .luxAmenities .luxAmenitiesHeading h2 {
                font-size: 32px;
        }

        .luxAmenities .luxAmenitiesHeading p {
                font-size: 15px;
                line-height: 1.8;
        }

        .luxAmenities .luxAmenitiesGrid {
                grid-template-columns: 1fr;
                gap: 20px;
        }

        .luxAmenities .luxAmenitiesCard {
                padding: 22px;
        }

        .luxAmenities .luxAmenitiesIcon {
                width: 60px;
                height: 60px;
                min-width: 60px;
                font-size: 22px;
        }

        .luxAmenities .luxAmenitiesInfo h4 {
                font-size: 20px;
        }

        .luxAmenities .luxAmenitiesExperience {
                width: 150px;
                padding: 20px;
        }

        .luxAmenities .luxAmenitiesExperience h3 {
                font-size: 38px;
        }
}

@media (max-width:575px) {
        .luxAmenities {
                padding: 70px 0;
        }

        .luxAmenities .luxAmenitiesContainer {
                width: 92%;
        }

        .luxAmenities .luxAmenitiesSubTitle {
                font-size: 12px;
                padding: 8px 18px;
                letter-spacing: 1px;
        }

        .luxAmenities .luxAmenitiesHeading {
                margin-bottom: 40px;
        }

        .luxAmenities .luxAmenitiesHeading h2 {
                font-size: 28px;
                line-height: 1.4;
        }

        .luxAmenities .luxAmenitiesCard {
                flex-direction: column;
                text-align: center;
                align-items: center;
                border-radius: 18px;
        }

        .luxAmenities .luxAmenitiesInfo h4 {
                margin-top: 10px;
        }

        .luxAmenities .luxAmenitiesExperience {
                position: relative;
                left: 0;
                bottom: 0;
                margin: 20px auto 0;
                width: 170px;
        }
}

@media (max-width:420px) {
        .luxAmenities .luxAmenitiesHeading h2 {
                font-size: 24px;
        }

        .luxAmenities .luxAmenitiesInfo h4 {
                font-size: 18px;
        }

        .luxAmenities .luxAmenitiesInfo p {
                font-size: 14px;
        }

        .luxAmenities .luxAmenitiesIcon {
                width: 56px;
                height: 56px;
                min-width: 56px;
                font-size: 20px;
        }
}

.royalAmenitiesNew {
        padding: 120px 0;
        background: #080808;
        position: relative;
        overflow: hidden;
}

.royalAmenitiesNewContainer {
        width: min(1250px, 92%);
        margin: auto;
}

.royalAmenitiesNewHeading {
        text-align: center;
        max-width: 750px;
        margin: auto auto 70px;
}

.royalAmenitiesNewHeading span {
        color: #D4AF37;
        letter-spacing: 3px;
        font-size: 13px;
        text-transform: uppercase;
}

.royalAmenitiesNewHeading h2 {
        color: white;
        font-size: 48px;
        line-height: 1.3;
        margin: 20px 0;
}

.royalAmenitiesNewHeading strong {
        display: block;
        color: #D4AF37;
}

.royalAmenitiesNewHeading p {
        color: #aaa;
        font-size: 17px;
        line-height: 1.8;
}

/* MAIN */
.royalAmenitiesNewWrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 70px;
        align-items: center;
}

/* IMAGE */
.royalAmenitiesNewImage {
        position: relative;
}

.royalAmenitiesNewImage img {
        width: 100%;
        height: 600px;
        object-fit: cover;
        border-radius: 40px;
        border: 2px solid rgba(212, 175, 55, .5);
}

.imageGlow {
        position: absolute;
        inset: 20px;
        border-radius: 40px;
        background: #D4AF37;
        filter: blur(70px);
        opacity: .18;
        z-index: -1;
}

/* CARDS */
.royalAmenitiesNewCards {
        display: flex;
        flex-direction: column;
        gap: 22px;
}

.amenityCard {
        display: flex;
        align-items: center;
        gap: 25px;
        padding: 25px;
        background:
                linear-gradient(135deg,
                        rgba(255, 255, 255, .08),
                        rgba(255, 255, 255, .02));
        border: 1px solid rgba(212, 175, 55, .2);
        border-radius: 25px;
        backdrop-filter: blur(15px);
        transition: .4s;
}

.amenityCard i {
        width: 70px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background:
                linear-gradient(135deg, #D4AF37, #f8df83);
        color: #111;
        font-size: 25px;
}

.amenityCard h4 {
        color: white;
        font-size: 22px;
        margin-bottom: 8px;
}

.amenityCard p {
        color: #aaa;
        margin: 0;
        line-height: 1.6;
}

/* HOVER */
.amenityCard:hover {
        transform: translateX(15px);
        border-color: #D4AF37;
        box-shadow:
                0 20px 50px rgba(212, 175, 55, .2);
}

.amenityCard:hover i {
        transform: rotate(15deg) scale(1.1);
}

/* RESPONSIVE */
@media(max-width:991px) {
        .royalAmenitiesNewWrapper {
                grid-template-columns: 1fr;
                gap: 40px;
        }

        .royalAmenitiesNewImage img {
                height: 450px;
        }
}

@media(max-width:576px) {
        .royalAmenitiesNew {
                padding: 80px 0;
        }

        .royalAmenitiesNewHeading h2 {
                font-size: 30px;
        }

        .royalAmenitiesNewImage img {
                height: 320px;
                border-radius: 25px;
        }

        .amenityCard {
                padding: 18px;
                gap: 15px;
        }

        .amenityCard i {
                width: 55px;
                height: 55px;
                font-size: 20px;
        }

        .amenityCard h4 {
                font-size: 18px;
        }
}

.lux-testimonial {
        background: #090909;
        position: relative;
        overflow: hidden;
        padding: 90px 0;
}

.lux-testimonial::before {
        content: '';
        position: absolute;
        width: 550px;
        height: 550px;
        background: radial-gradient(#d4af3725, transparent 70%);
        left: -180px;
        top: -180px;
}

.lux-testimonial::after {
        content: '';
        position: absolute;
        width: 500px;
        height: 500px;
        background: radial-gradient(#d4af3718, transparent 70%);
        right: -150px;
        bottom: -180px;
}

.section-title {
        position: relative;
        z-index: 2;
}

.section-title span {
        color: #D4AF37;
        font-size: 15px;
        letter-spacing: 4px;
        display: block;
        margin-bottom: 12px;
        font-weight: 600;
}

.section-title h2 {
        color: #fff;
        font-size: 46px;
        font-weight: 700;
}

.section-title p {
        color: #bfbfbf;
        max-width: 650px;
        margin: auto;
        margin-top: 15px;
        line-height: 30px;
}

.testimonial-card {
        background: rgba(255, 255, 255, .04);
        border: 1px solid rgba(212, 175, 55, .25);
        border-radius: 20px;
        padding: 35px;
        position: relative;
        overflow: hidden;
        backdrop-filter: blur(18px);
        transition: .45s;
        height: 100%;
}

.testimonial-card:hover {
        transform: translateY(-10px);
        border-color: #D4AF37;
        box-shadow: 0 20px 45px rgba(212, 175, 55, .18);
}

.quote-icon {
        width: 65px;
        height: 65px;
        background: #D4AF37;
        color: #111;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        margin-bottom: 25px;
}

.stars {
        color: #D4AF37;
        font-size: 22px;
        margin-bottom: 20px;
}

.testimonial-card p {
        color: #d5d5d5;
        line-height: 30px;
        margin-bottom: 30px;
}

.client-info {
        display: flex;
        align-items: center;
        gap: 15px;
}

.client-info img {
        width: 70px;
        padding: 15px;
        height: 70px;
        border-radius: 50%;
        filter: brightness(0) invert(1);
        object-fit: cover;
        border: 1px solid #D4AF37;
}

.client-info h5 {
        color: #fff;
        margin-bottom: 6px;
        font-size: 20px;
}

.client-info span {
        color: #D4AF37;
        font-size: 14px;
        letter-spacing: 1px;
}

@media(max-width:991px) {
        .section-title h2 {
                font-size: 38px;
        }
}

@media(max-width:767px) {
        .section-title h2 {
                font-size: 30px;
        }

        .testimonial-card {
                padding: 28px;
        }

        .client-info img {
                width: 60px;
                height: 60px;
        }
}

.contact-hero {
        background: #090909;
        padding: 120px 0;
        text-align: center;
}

.sub-title {
        color: #D4AF37;
        letter-spacing: 4px;
        font-size: 15px;
        font-weight: 600;
}

.contact-hero h1 {
        color: #fff;
        font-size: 60px;
        margin: 20px 0;
}

.contact-hero p {
        color: #cfcfcf;
        max-width: 700px;
        margin: auto;
        line-height: 32px;
}

.contact-section {
        background: #111;
}

.contact-card {
        background: #161616;
        border: 1px solid rgba(212, 175, 55, .25);
        border-radius: 20px;
        padding: 40px 30px;
        text-align: center;
        transition: .4s;
        height: 100%;
}

.contact-card:hover {
        transform: translateY(-8px);
        border-color: #D4AF37;
        box-shadow: 0 15px 40px rgba(212, 175, 55, .18);
}

.contact-card .icon {
        width: 75px;
        height: 75px;
        background: #D4AF37;
        color: #111;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 28px;
        margin: auto;
        margin-bottom: 25px;
}

.contact-card h4 {
        color: #fff;
        margin-bottom: 18px;
}

.contact-card p {
        color: #cfcfcf;
        line-height: 30px;
}

.contact-info-box {
        background: #161616;
        border-radius: 20px;
        padding: 40px;
        border: 1px solid rgba(212, 175, 55, .2);
        height: 100%;
}

.contact-info-box h3 {
        color: #fff;
        margin-bottom: 30px;
}

.contact-info-box ul {
        list-style: none;
        padding: 0;
        margin: 0;
}

.contact-info-box li {
        display: flex;
        justify-content: space-between;
        padding: 18px 0;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.contact-info-box span {
        color: #cfcfcf;
}

.contact-info-box strong {
        color: #D4AF37;
}

.social-links {
        display: flex;
        gap: 15px;
        margin-bottom: 35px;
}

.social-links a {
        width: 55px;
        height: 55px;
        background: #222;
        border: 1px solid rgba(212, 175, 55, .3);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #D4AF37;
        font-size: 20px;
        transition: .4s;
        text-decoration: none;
}

.social-links a:hover {
        background: #D4AF37;
        color: #111;
}

.map-btn {
        display: inline-block;
        padding: 15px 35px;
        background: #D4AF37;
        color: #111;
        border-radius: 50px;
        font-weight: 600;
        text-decoration: none;
        transition: .4s;
}

.map-btn:hover {
        background: #fff;
        color: #111;
}

@media(max-width:768px) {
        .contact-hero h1 {
                font-size: 40px;
        }

        .contact-info-box li {
                display: block;
        }

        .contact-info-box strong {
                display: block;
                margin-top: 10px;
        }
}

.enquiry-section {
        background: #090909;
        padding: 80px 0;
}

.enquiry-content h2 {
        color: #fff;
        font-size: 54px;
        margin: 15px 0 25px;
}

.sub-title {
        color: #D4AF37;
        letter-spacing: 4px;
        font-weight: 600;
}

.enquiry-content p {
        color: #cfcfcf;
        line-height: 32px;
        margin-bottom: 40px;
}

.info-box {
        display: flex;
        align-items: center;
        margin-bottom: 25px;
}

.info-box i {
        width: 65px;
        height: 65px;
        background: #D4AF37;
        color: #111;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        margin-right: 18px;
        font-size: 22px;
}

.info-box span {
        color: #bdbdbd;
        display: block;
}

.info-box h6 {
        color: #fff;
        margin: 5px 0 0;
}

.enquiry-form {
        background: #121212;
        border: 1px solid rgba(212, 175, 55, .25);
        padding: 45px;
        border-radius: 20px;
}

.form-control,
.form-select {
        background: #1b1b1b;
        border: 1px solid rgba(255, 255, 255, .08);
        color: #fff;
        height: 58px;
        border-radius: 12px;
        box-shadow: none;
}

.form-control::placeholder {
        color: #bfbfbf;
}

.form-control:focus,
.form-select:focus {
        background: #1b1b1b;
        color: #fff;
        border-color: #D4AF37;
        box-shadow: none;
}

textarea.form-control {
        height: auto;
        padding-top: 15px;
}

.form-select option {
        background: #111;
        color: #fff;
}

.theme-btn {
        background: #D4AF37;
        color: #111;
        border: none;
        padding: 16px 45px;
        border-radius: 50px;
        font-weight: 600;
        transition: .4s;
}

.theme-btn:hover {
        background: #fff;
        transform: translateY(-3px);
}

@media(max-width:991px) {
        .enquiry-content {
                margin-bottom: 50px;
        }

        .enquiry-content h2 {
                font-size: 42px;
        }
}

@media(max-width:576px) {
        .enquiry-form {
                padding: 25px;
        }

        .enquiry-content h2 {
                font-size: 34px;
        }
}

.float-container {
        position: fixed;
        top: 50%;
        right: -20px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        z-index: 999;
}

.float-container a {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 220px;
        height: 50px;
        margin-right: -150px;
        margin-bottom: 10px;
        padding: 0 20px;
        text-decoration: none;
        color: #fff;
        background: #d9b541;
        border-radius: 8px 0 0 8px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
        transition: all 0.3s ease;
}

.float-container a:hover {
        margin-right: 0;
        background: #c45100;
}

.float-container a i {
        width: 22px;
        text-align: center;
        font-size: 18px;
}

/* Mobile */
@media (max-width: 991px) {
        body {
                padding-bottom: 50px !important;
        }

        .float-container {
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                top: auto;
                width: 100%;
                flex-direction: row;
                align-items: stretch;
                justify-content: space-between;
                z-index: 9999;
        }

        .float-container a {
                flex: 1;
                width: auto;
                height: 55px;
                margin: 0;
                padding: 5px;
                border-radius: 0;
                justify-content: center;
                flex-direction: column;
                gap: 3px;
                box-shadow: none;
                border-left: 1px solid rgba(255, 255, 255, 0.15);
        }

        .float-container a:first-child {
                border-left: none;
        }

        .float-container a i {
                font-size: 18px;
                width: auto;
        }

        .float-container a span {
                font-size: 10px;
                line-height: 1.2;
                text-align: center;
        }
}

/*=====================================================
        LUXURY THEME SECTION
=====================================================*/
.luxThemeSection {
        position: relative;
        padding: 100px 0;
        background: #090909;
        overflow: hidden;
}

.luxThemeSection::before {
        content: "";
        position: absolute;
        inset: 0;
        background: url("../image/background/background.jpg") center/cover no-repeat;
        opacity: .12;
        z-index: 0;
}

.luxThemeSection .container {
        position: relative;
        max-width: 1320px;
        margin: auto;
        padding: 0 15px;
        z-index: 2;
}

/*=====================================================
        BACKGROUND GLOW
=====================================================*/
.luxBgCircle {
        position: absolute;
        border-radius: 50%;
        filter: blur(120px);
        opacity: .25;
        animation: luxFloat 12s ease-in-out infinite alternate;
}

.luxCircleOne {
        width: 480px;
        height: 480px;
        background: #D4AF37;
        left: -220px;
        top: -150px;
}

.luxCircleTwo {
        width: 450px;
        height: 450px;
        background: #8a6418;
        right: -200px;
        bottom: -150px;
        animation-delay: 3s;
}

.luxGoldenGlow {
        position: absolute;
        inset: 0;
        background:
                radial-gradient(circle at top,
                        rgba(212, 175, 55, .12),
                        transparent 45%),
                radial-gradient(circle at bottom right,
                        rgba(212, 175, 55, .10),
                        transparent 40%);
}

@keyframes luxFloat {
        0% {
                transform: translateY(0) scale(1);
        }

        100% {
                transform: translateY(-50px) scale(1.15);
        }
}

/*=====================================================
        HEADING
=====================================================*/
.luxThemeHeading {
        text-align: center;
        margin-bottom: 60px;
}

.luxTitleIcon {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
}

.luxTitleIcon img {
        width: 230px;
        filter: drop-shadow(0 0 25px rgba(212, 175, 55, .45));
}

.luxSubTitle {
        display: inline-flex;
        padding: 10px 25px;
        border-radius: 50px;
        color: #D4AF37;
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: uppercase;
        border: 1px solid rgba(212, 175, 55, .35);
        background: rgba(212, 175, 55, .08);
        backdrop-filter: blur(10px);
        margin-bottom: 20px;
}

.luxThemeHeading h2 {
        color: #fff;
        font-size: 58px;
        line-height: 1.2;
        letter-spacing: 2px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 20px;
        text-shadow:
                0 0 25px rgba(212, 175, 55, .25);
}

.luxThemeHeading p {
        max-width: 780px;
        margin: auto;
        color: #cfcfcf;
        font-size: 18px;
        line-height: 1.9;
}

/*=====================================================
        NAVIGATION
=====================================================*/
.luxThemeNav {
        display: flex;
        justify-content: flex-end;
        gap: 15px;
        margin-bottom: 35px;
}

.luxNavBtn {
        width: 58px;
        height: 58px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        cursor: pointer;
        color: #D4AF37;
        background: rgba(255, 255, 255, .05);
        border: 1px solid rgba(212, 175, 55, .25);
        backdrop-filter: blur(15px);
        transition: .45s;
}

.luxNavBtn svg {
        width: 24px;
        height: 24px;
}

.luxNavBtn:hover {
        background: linear-gradient(135deg,
                        #D4AF37,
                        #8a6418);
        color: #fff;
        transform: translateY(-5px);
        box-shadow:
                0 15px 35px rgba(212, 175, 55, .35);
}

/*=====================================================
        SLIDER CORE
=====================================================*/
.luxSliderOuter {
        position: relative;
        overflow: hidden;
        cursor: grab;
        width: 100%;
}

.luxSliderTrack {
        display: flex;
        gap: 30px;
        will-change: transform;
        transition:
                transform .55s cubic-bezier(.22, .61, .36, 1);
}

.luxThemeCard {
        flex: 0 0 390px;
        position: relative;
        overflow: hidden;
        border-radius: 25px;
        background:
                rgba(255, 255, 255, .04);
        border:
                1px solid rgba(212, 175, 55, .18);
        backdrop-filter: blur(12px);
        transition: .5s;
}

.luxThemeCard:hover {
        transform: translateY(-12px);
        border-color: #D4AF37;
        box-shadow:
                0 25px 60px rgba(0, 0, 0, .55),
                0 0 35px rgba(212, 175, 55, .15);
}

.luxThemeCard a {
        display: block;
        color: inherit;
        text-decoration: none;
}

/*=====================================================
        IMAGE
=====================================================*/
.luxImageBox {
        position: relative;
        height: 100%;
        overflow: hidden;
}

.luxImageBox img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition:
                transform .8s ease;
}

.luxThemeCard:hover .luxImageBox img {
        transform: scale(1.08);
}

.luxImageBox::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
                linear-gradient(to top,
                        rgba(0, 0, 0, .7),
                        transparent 55%);
}

/*=====================================================
        IMAGE OVERLAY
=====================================================*/
.luxImageOverlay {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: .5s;
        z-index: 2;
}

.luxImageOverlay span {
        padding: 12px 28px;
        border-radius: 50px;
        background: #D4AF37;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
}

.luxThemeCard:hover .luxImageOverlay {
        opacity: 1;
}

/*=====================================================
        CARD CONTENT
=====================================================*/
.luxCardContent {
        padding: 28px 25px 32px;
        position: relative;
}

.luxCardContent h3 {
        color: #fff;
        font-size: 25px;
        font-weight: 600;
        margin-bottom: 12px;
        letter-spacing: .5px;
        transition: .4s;
}

.luxCardContent p {
        color: #cfcfcf;
        font-size: 15px;
        line-height: 1.8;
        margin: 0;
}

.luxThemeCard:hover .luxCardContent h3 {
        color: #D4AF37;
}

/*=====================================================
        GOLD LINE EFFECT
=====================================================*/
.luxCardContent::before {
        content: "";
        position: absolute;
        top: 0;
        left: 25px;
        width: 60px;
        height: 2px;
        background:
                linear-gradient(90deg,
                        #D4AF37,
                        transparent);
}

/*=====================================================
        DRAG STATE
=====================================================*/
.luxSliderOuter.dragging {
        cursor: grabbing;
}

.luxSliderOuter.dragging .luxSliderTrack {
        transition: none;
}

.luxSliderOuter.dragging .luxThemeCard {
        pointer-events: none;
}

/*=====================================================
        PERFORMANCE OPTIMIZATION
=====================================================*/
.luxSliderOuter,
.luxSliderTrack,
.luxThemeCard,
.luxImageBox,
.luxImageBox img {
        transform: translateZ(0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
}

.luxThemeCard {
        contain: layout paint;
}

/*=====================================================
        USER EXPERIENCE
=====================================================*/
.luxSliderOuter,
.luxSliderTrack,
.luxThemeCard {
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
}

.luxImageBox img {
        pointer-events: none;
}

.luxSliderOuter {
        touch-action: pan-y;
}

/*=====================================================
        RESPONSIVE
=====================================================*/
@media(max-width:1400px) {
        .luxThemeCard {
                flex: 0 0 360px;
        }

        .luxImageBox {
                height: 480px;
        }
}

@media(max-width:1200px) {
        .luxThemeHeading h2 {
                font-size: 48px;
        }

        .luxThemeCard {
                flex: 0 0 330px;
        }

        .luxImageBox {
                height: 430px;
        }
}

@media(max-width:992px) {
        .luxThemeSection {
                padding: 80px 0;
        }

        .luxThemeHeading {
                margin-bottom: 45px;
        }

        .luxThemeHeading h2 {
                font-size: 40px;
        }

        .luxThemeHeading p {
                font-size: 16px;
        }

        .luxSliderTrack {
                gap: 20px;
        }

        .luxThemeCard {
                flex: 0 0 300px;
        }

        .luxImageBox {
                height: 390px;
        }
}

@media(max-width:768px) {
        .luxThemeNav {
                justify-content: center;
                margin-bottom: 25px;
        }

        .luxThemeHeading h2 {
                font-size: 34px;
        }

        .luxTitleIcon img {
                width: 180px;
        }

        .luxThemeCard {
                flex: 0 0 85%;
        }

        .luxImageBox {
                height: 360px;
        }

        .luxCardContent h3 {
                font-size: 22px;
        }
}

@media(max-width:576px) {
        .luxThemeSection {
                padding: 60px 0;
        }

        .luxThemeHeading h2 {
                font-size: 28px;
                letter-spacing: 1px;
        }

        .luxSubTitle {
                font-size: 12px;
                padding: 8px 18px;
        }

        .luxThemeCard {
                flex: 0 0 92%;
        }

        .luxImageBox {
                height: 320px;
        }

        .luxCardContent {
                padding: 22px 20px 28px;
        }

        .luxCardContent h3 {
                font-size: 20px;
        }

        .luxNavBtn {
                width: 50px;
                height: 50px;
        }
}

/*=====================================================
        SMALL MOBILE
=====================================================*/
@media(max-width:380px) {
        .luxThemeCard {
                flex: 0 0 95%;
        }

        .luxImageBox {
                height: 290px;
        }

        .luxThemeHeading h2 {
                font-size: 25px;
        }
}

/*====================================================
        ROYAL GALLERY SECTION
====================================================*/
.royalGallerySection {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 80px 0px;
        overflow: visible;
        background: rgb(0, 0, 0);
}

.royalGallerySection::before {
        content: "";
        position: absolute;
        inset: 0px;
        background: url("../image/background/background-13.png") center bottom / cover no-repeat;
        background-attachment: fixed;
        opacity: 0.06;
        z-index: 1;
}

.royalGallerySection .container {
        position: relative;
        z-index: 2;
}

/*====================================================
        SECTION HEADING
====================================================*/
.royalGalleryHeading {
        text-align: center;
        margin-bottom: 80px;
}

.royalGalleryHeading span {
        display: inline-block;
        color: #D4AF37;
        font-size: 14px;
        letter-spacing: 5px;
        text-transform: uppercase;
        margin-bottom: 20px;
}

.royalGalleryHeading span::before,
.royalGalleryHeading span::after {
        content: "";
        display: inline-block;
        width: 50px;
        height: 1px;
        background: #D4AF37;
        margin: 0 18px;
        vertical-align: middle;
}

.royalGalleryHeading h2 {
        color: #fff;
        font-size: 55px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 25px;
        text-shadow:
                0 0 25px rgba(212, 175, 55, .35);
}

.royalGalleryHeading p {
        max-width: 760px;
        margin: auto;
        color: #cfcfcf;
        font-size: 18px;
        line-height: 1.8;
}

/*====================================================
        LOCATION TITLE
====================================================*/
.galleryLocation {
        margin-bottom: 100px;
}

.locationTitle {
        text-align: center;
        margin-bottom: 45px;
}

.locationTitle h3 {
        color: #fff;
        font-size: 36px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2px;
}

.locationTitle p {
        color: #D4AF37;
        font-size: 14px;
        letter-spacing: 3px;
        text-transform: uppercase;
}

/*====================================================
        SWIPER SLIDER
====================================================*/
.royalGallerySlider {
        width: 100%;
        overflow: hidden;
        /* padding: 20px 0 70px; */
}

.swiper-slide {
        height: auto;
}

/*====================================================
        GALLERY CARD
====================================================*/
.galleryCard {
        position: relative;
        height: auto;
        overflow: hidden;
        border-radius: 22px;
        background: #111;
        border: 1px solid rgba(255, 255, 255, .08);
        transition: .6s ease;
        isolation: isolate;
}

.galleryCard img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: .8s ease;
        filter:
                brightness(.85) contrast(1.1) saturate(1.15);
}

/* DARK OVERLAY */
.galleryCard::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
                linear-gradient(to top,
                        rgba(0, 0, 0, .75),
                        transparent 60%);
        z-index: 1;
}

/* SHINE EFFECT */
.galleryCard::before {
        content: "";
        position: absolute;
        top: 0;
        left: -150%;
        width: 70%;
        height: 100%;
        background:
                linear-gradient(90deg,
                        transparent,
                        rgba(255, 255, 255, .35),
                        transparent);
        transform: skewX(-25deg);
        transition: 1s;
        z-index: 3;
}

/*====================================================
        VIEW ICON
====================================================*/
.galleryView {
        position: absolute;
        top: 50%;
        left: 50%;
        transform:
                translate(-50%, -50%) scale(.7);
        width: 70px;
        height: 70px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #D4AF37;
        font-size: 25px;
        background:
                rgba(212, 175, 55, .15);
        border: 1px solid #D4AF37;
        backdrop-filter: blur(10px);
        opacity: 0;
        transition: .5s;
        z-index: 5;
}

/*====================================================
        HOVER EFFECT
====================================================*/
.galleryCard:hover {
        transform: translateY(-12px);
        border-color: #D4AF37;
        box-shadow:
                0 25px 60px rgba(0, 0, 0, .8),
                0 0 35px rgba(212, 175, 55, .25);
}

.galleryCard:hover img {
        transform: scale(1.15);
}

.galleryCard:hover::before {
        left: 170%;
}

.galleryCard:hover .galleryView {
        opacity: 1;
        transform:
                translate(-50%, -50%) scale(1);
}

/*====================================================
        SWIPER ARROWS
====================================================*/
.swiper-button-next,
.swiper-button-prev {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background:
                rgba(212, 175, 55, .15);
        border: 1px solid #D4AF37;
}

.swiper-button-next::after,
.swiper-button-prev::after {
        font-size: 20px;
        color: #D4AF37;
}

/*====================================================
        PAGINATION
====================================================*/
.swiper-pagination-bullet {
        background: #D4AF37;
        opacity: .4;
}

.swiper-pagination-bullet-active {
        opacity: 1;
        width: 35px;
        border-radius: 20px;
}

/*====================================================
        FANCYBOX PREMIUM STYLE
====================================================*/
.fancybox__container {
        --fancybox-bg:
                rgba(0, 0, 0, .96);
}

.fancybox__backdrop {
        backdrop-filter: blur(10px);
}

.fancybox__toolbar {
        background:
                rgba(10, 10, 10, .85);
        border-bottom:
                1px solid rgba(212, 175, 55, .3);
}

.fancybox__toolbar button {
        color: #D4AF37;
}

.fancybox__caption {
        color: #D4AF37;
        font-size: 18px;
        letter-spacing: 2px;
}

.fancybox__image {
        cursor: zoom-in;
}

.fancybox__nav button {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background:
                rgba(212, 175, 55, .15);
        border: 1px solid #D4AF37;
}

.fancybox__nav button svg {
        color: #D4AF37;
}

/*====================================================
        RESPONSIVE
====================================================*/
@media(max-width:1200px) {
        .royalGalleryHeading h2 {
                font-size: 45px;
        }

        .galleryCard {
                height: auto;
        }
}

@media(max-width:992px) {
        .royalGallerySection {
                padding: 80px 0;
        }

        .royalGalleryHeading h2 {
                font-size: 38px;
        }

        .galleryCard {
                height: auto;
        }

        .locationTitle h3 {
                font-size: 30px;
        }
}

@media(max-width:768px) {
        .royalGalleryHeading h2 {
                font-size: 30px;
        }

        .royalGalleryHeading span::before,
        .royalGalleryHeading span::after {
                width: 25px;
                margin: 0 8px;
        }

        .locationTitle h3 {
                font-size: 24px;
        }

        .galleryCard {
                height: auto;
        }

        .swiper-button-next,
        .swiper-button-prev {
                display: none;
        }
}

@media(max-width:576px) {
        .royalGallerySection {
                padding: 60px 0;
        }

        .royalGalleryHeading h2 {
                font-size: 25px;
        }

        .galleryCard {
                height: 220px;
        }

        .galleryView {
                width: 55px;
                height: 55px;
                font-size: 20px;
        }
}

.continue-application {
        --color: #fff;
        --background: #dcb949;
        --background-hover: #3A4059;
        --background-left: #2B3044;
        --folder: #F3E9CB;
        --folder-inner: #BEB393;
        --paper: #FFFFFF;
        --paper-lines: #BBC1E1;
        --paper-behind: #E1E6F9;
        --pencil-cap: #fff;
        --pencil-top: #275EFE;
        --pencil-middle: #fff;
        --pencil-bottom: #5C86FF;
        --shadow: rgba(13, 15, 25, .2);
        border: none;
        outline: none;
        cursor: pointer;
        position: relative;
        border-radius: 100px;
        font-size: 14px;
        font-weight: 500;
        line-height: 19px;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: transparent;
        padding: 17px 29px 17px 69px;
        transition: background 0.3s;
        color: var(--color);
        background: var(--bg, var(--background));
}

.continue-application>div {
        top: 0;
        left: 0;
        bottom: 0;
        width: 53px;
        position: absolute;
        overflow: hidden;
        border-radius: 100%;
        background: #dab643;
}

.continue-application>div .folder {
        width: 23px;
        height: 27px;
        position: absolute;
        left: 15px;
        top: 13px;
}

.continue-application>div .folder .top {
        left: 0;
        top: 0;
        z-index: 2;
        position: absolute;
        transform: translateX(var(--fx, 0));
        transition: transform 0.4s ease var(--fd, 0.3s);
}

.continue-application>div .folder .top svg {
        width: 24px;
        height: 27px;
        display: block;
        fill: var(--folder);
        transform-origin: 0 50%;
        transition: transform 0.3s ease var(--fds, 0.45s);
        transform: perspective(120px) rotateY(var(--fr, 0deg));
}

.continue-application>div .folder:before,
.continue-application>div .folder:after,
.continue-application>div .folder .paper {
        content: "";
        position: absolute;
        left: var(--l, 0);
        top: var(--t, 0);
        width: var(--w, 100%);
        height: var(--h, 100%);
        border-radius: 1px;
        background: var(--b, var(--folder-inner));
}

.continue-application>div .folder:before {
        box-shadow: 0 1.5px 3px var(--shadow), 0 2.5px 5px var(--shadow), 0 3.5px 7px var(--shadow);
        transform: translateX(var(--fx, 0));
        transition: transform 0.4s ease var(--fd, 0.3s);
}

.continue-application>div .folder:after,
.continue-application>div .folder .paper {
        --l: 1px;
        --t: 1px;
        --w: 21px;
        --h: 25px;
        --b: var(--paper-behind);
}

.continue-application>div .folder:after {
        transform: translate(var(--pbx, 0), var(--pby, 0));
        transition: transform 0.4s ease var(--pbd, 0s);
}

.continue-application>div .folder .paper {
        z-index: 1;
        --b: var(--paper);
}

.continue-application>div .folder .paper:before,
.continue-application>div .folder .paper:after {
        content: "";
        width: var(--wp, 14px);
        height: 2px;
        border-radius: 1px;
        transform: scaleY(0.5);
        left: 3px;
        top: var(--tp, 3px);
        position: absolute;
        background: var(--paper-lines);
        box-shadow: 0 12px 0 0 var(--paper-lines), 0 24px 0 0 var(--paper-lines);
}

.continue-application>div .folder .paper:after {
        --tp: 6px;
        --wp: 10px;
}

.continue-application>div .pencil {
        height: 2px;
        width: 3px;
        border-radius: 1px 1px 0 0;
        top: 8px;
        left: 105%;
        position: absolute;
        z-index: 3;
        transform-origin: 50% 19px;
        background: var(--pencil-cap);
        transform: translateX(var(--pex, 0)) rotate(35deg);
        transition: transform 0.4s ease var(--pbd, 0s);
}

.continue-application>div .pencil:before,
.continue-application>div .pencil:after {
        content: "";
        position: absolute;
        display: block;
        background: var(--b, linear-gradient(var(--pencil-top) 55%, var(--pencil-middle) 55.1%, var(--pencil-middle) 60%, var(--pencil-bottom) 60.1%));
        width: var(--w, 5px);
        height: var(--h, 20px);
        border-radius: var(--br, 2px 2px 0 0);
        top: var(--t, 2px);
        left: var(--l, -1px);
}

.continue-application>div .pencil:before {
        -webkit-clip-path: polygon(0 5%, 5px 5%, 5px 17px, 50% 20px, 0 17px);
        clip-path: polygon(0 5%, 5px 5%, 5px 17px, 50% 20px, 0 17px);
}

.continue-application>div .pencil:after {
        --b: none;
        --w: 3px;
        --h: 6px;
        --br: 0 2px 1px 0;
        --t: 3px;
        --l: 3px;
        border-top: 1px solid var(--pencil-top);
        border-right: 1px solid var(--pencil-top);
}

.continue-application:before,
.continue-application:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 2px;
        border-radius: 1px;
        background: var(--color);
        transform-origin: 9px 1px;
        transform: translateX(var(--cx, 0)) scale(0.5) rotate(var(--r, -45deg));
        top: 26px;
        right: 16px;
        transition: transform 0.3s;
}

.continue-application:after {
        --r: 45deg;
}

.continue-application:hover {
        --cx: 2px;
        --bg: var(--background-hover);
        --fx: -40px;
        --fr: -60deg;
        --fd: .15s;
        --fds: 0s;
        --pbx: 3px;
        --pby: -3px;
        --pbd: .15s;
        --pex: -24px;
}

.button-center {
        display: flex;
        justify-content: center;
        align-items: center;
        /* Full screen center */
        margin-top: 40px;
}

.thank-you-page {
        background: #090909;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        font-family: 'Poppins', sans-serif;
}

.thank-you-page .thankyou-box {
        width: 100%;
        max-width: 700px;
        background: rgba(255, 255, 255, .05);
        border: 1px solid rgba(212, 175, 55, .25);
        border-radius: 22px;
        padding: 60px 40px;
        text-align: center;
        backdrop-filter: blur(12px);
        box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
}

.thank-you-page .icon {
        width: 100px;
        height: 100px;
        margin: 0 auto 30px;
        border-radius: 50%;
        background: linear-gradient(135deg, #D4AF37, #F4D06F);
        color: #111;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 48px;
        font-weight: 700;
}

.thank-you-page h1 {
        font-family: 'Cinzel', serif;
        font-size: 42px;
        color: #D4AF37;
        margin-bottom: 18px;
}

.thank-you-page p {
        color: #d8d8d8;
        font-size: 17px;
        line-height: 1.8;
        margin-bottom: 35px;
}

.thank-you-page .btn-home {
        display: inline-block;
        padding: 15px 38px;
        background: linear-gradient(135deg, #D4AF37, #F4D06F);
        color: #111;
        text-decoration: none;
        border-radius: 50px;
        font-weight: 600;
        transition: .35s ease;
}

.thank-you-page .btn-home:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 30px rgba(212, 175, 55, .35);
}

@media (max-width:768px) {
        .thank-you-page .thankyou-box {
                padding: 45px 25px;
        }

        .thank-you-page h1 {
                font-size: 32px;
        }

        .thank-you-page p {
                font-size: 15px;
        }

        .thank-you-page .icon {
                width: 80px;
                height: 80px;
                font-size: 38px;
        }

        .thank-you-page .btn-home {
                width: 100%;
                padding: 15px;
        }
}

.error-page {
        min-height: 100vh;
        background: #090909;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        font-family: 'Poppins', sans-serif;
}

.error-page .error-box {
        width: 100%;
        max-width: 720px;
        padding: 60px 40px;
        text-align: center;
        background: rgba(255, 255, 255, .05);
        border: 1px solid rgba(212, 175, 55, .25);
        border-radius: 24px;
        backdrop-filter: blur(12px);
        box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
}

.error-page .error-code {
        font-size: 120px;
        line-height: 1;
        font-weight: 700;
        font-family: 'Cinzel', serif;
        color: #D4AF37;
        margin-bottom: 20px;
        text-shadow: 0 0 20px rgba(212, 175, 55, .25);
}

.error-page h1 {
        font-size: 42px;
        color: #fff;
        margin-bottom: 18px;
        font-family: 'Cinzel', serif;
}

.error-page p {
        color: #d2d2d2;
        font-size: 17px;
        line-height: 1.8;
        max-width: 520px;
        margin: 0 auto 35px;
}

.error-page .btn-home {
        display: inline-block;
        padding: 15px 40px;
        background: linear-gradient(135deg, #D4AF37, #F4D06F);
        color: #111;
        text-decoration: none;
        font-weight: 600;
        border-radius: 50px;
        transition: .35s ease;
}

.error-page .btn-home:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 30px rgba(212, 175, 55, .35);
}

@media(max-width:768px) {
        .error-page .error-box {
                padding: 45px 25px;
        }

        .error-page .error-code {
                font-size: 90px;
        }

        .error-page h1 {
                font-size: 30px;
        }

        .error-page p {
                font-size: 15px;
        }

        .error-page .btn-home {
                width: 100%;
                padding: 15px;
        }
}
/*=============================================
SERVICE SINGLE PAGE
=============================================*/

.page-service-single{
    padding:80px 0;
    background: #000000;
}

.page-single-sidebar{
    position:sticky;
    top:30px;
}

/*=============================================
CATEGORY BOX
=============================================*/

.page-category-list{
    background: #ffffff;
    border-radius:18px;
    overflow:hidden;
    margin-bottom:30px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.page-category-list-title{
    margin:0;
    padding:20px 25px;
    background:#d9b542;
    color:#fff;
    font-size:22px;
    font-weight:600;
    line-height:1.4;
}

.page-category-list ul{
    margin:0;
    padding:20px 25px;
    list-style:none;
}

.page-category-list ul li{
    border-bottom:1px solid #ececec;
}

.page-category-list ul li:last-child{
    border:none;
}

.page-category-list ul li a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 0;
    color: #000000;
    text-decoration:none;
    transition:.35s;
}

.page-category-list ul li a:hover{
    color:#d9b542;
    padding-left:8px;
}

.page-category-list ul li a::after{
    content:"➜";
    font-size:15px;
    transition:.35s;
}

.page-category-list ul li a:hover::after{
    transform:translateX(5px);
}

/*=============================================
CTA BOX
=============================================*/

.sidebar-cta-box{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.sidebar-cta-content-box{
    padding:30px 25px;
    text-align:center;
}

.sidebar-cta-logo img{
    max-width:240px;
    width:100%;
}

.sidebar-cta-content{
    margin-top:25px;
}

.sidebar-cta-content h2{
    font-size:22px;
    line-height:1.5;
    margin-bottom:0;
}

.sidebar-cta-contact-btn{
    margin-top:25px;
}

.sidebar-cta-image-box img{
    width:100%;
    display:block;
    aspect-ratio:16/9;
    object-fit:cover;
}

/*=============================================
CONTENT IMAGE
=============================================*/

.page-single-image{
    margin-bottom:40px;
}

.page-single-image figure{
    margin:0;
    overflow:hidden;
    border-radius:18px;
}

.page-single-image img{
    width:100%;
    display:block;
    border-radius:18px;
    transition:.4s;
    color: #fff;
    border: 1px solid;
}

.page-single-image:hover img{
    transform:scale(1.04);
}

/*=============================================
CONTENT
=============================================*/

.service-entry{
    margin-bottom:50px;
}

.service-entry h2{
    font-size:34px;
    font-weight:700;
    line-height:1.4;
    margin-bottom:20px;
    color: #fff;
}

.service-entry h3{
    font-size:24px;
    font-weight:600;
    margin-bottom:15px;
}

.service-entry p{
    margin-bottom:20px;
    text-align:justify;
    line-height:30px;
    color: #c3c3c3;
}

.service-entry a{
    color:#d9b542;
    text-decoration:none;
    transition:.3s;
}

.service-entry a:hover{
    color: #f1e0bf;
}

.service-entry p:last-child,
.service-entry h2:last-child,
.service-entry h3:last-child{
    margin-bottom:0;
}

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

@media(max-width:991px){

    .page-service-single{
        padding:60px 0;
    }

    .page-single-sidebar{
        position:relative;
        top:0;
        margin-bottom:40px;
    }

    .service-entry h2{
        font-size:30px;
    }

    .service-entry h3{
        font-size:22px;
    }
}

@media(max-width:767px){

    .page-service-single{
        padding:50px 0;
    }

    .page-category-list-title{
        font-size:20px;
        padding:18px 20px;
    }

    .page-category-list ul{
        padding:15px 20px;
    }

    .service-entry h2{
        font-size:26px;
    }

    .service-entry h3{
        font-size:20px;
    }

    .service-entry p{
        text-align:justify;
        line-height:28px;
    }

    .sidebar-cta-content{
        margin-top:20px;
    }

    .sidebar-cta-content h2{
        font-size:20px;
    }
}
.btn-default{
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	line-height: 1em;
	text-transform: capitalize;
	color: #fff;
	background: #d9b542;
	border-radius: 100px;
	padding: 17px 54px 17px 24px;
	border: none;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.btn-default:hover{
	color: #ffff;
}

.btn-default::before{
	content: '';
	position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('../image/arrow-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	transition: all 0.4s ease-in-out;
}

.btn-default:hover::before{
	transform: translateY(-50%) rotate(45deg);
	filter: brightness(0) invert(1);
}

.btn-default::after{ 
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: #57504d;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.btn-default:hover:after{
	right: auto;
	left: 0;
    width: 100%;
}

.btn-default.btn-highlighted:hover{
	color: #fff;
}

.btn-default.btn-highlighted:hover:before{
	filter: none;
}

.btn-default.btn-highlighted::after{
	background-color: #57504d;
}

figure {
    margin: 0 !important;
}
.news-section {
    position: relative;
    padding: 112px 0px;
    background: #000;
}
.news-block-one {
    position: relative;
    display: block;
    margin-bottom: 30px;
    background-color: #0000;
    border: 1px solid #fff;
    border-radius: 10px;
}
.news-block-one .image-box {
    position: relative;
    display: block;
}
.news-block-one .image-box .image {
    position: relative;
    display: block;
    /* border-radius: 20px; */
    overflow: hidden;
    background-color: #000;
}
.news-block-one .image-box .image img {
    width: 100%;
    border-radius: 0 !important;
    transition: 300ms linear;
    color: #fff;
    border: none;
}
.news-block-one .image-box .view-btn {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news-block-one .image-box .view-btn a {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: rgb(255, 255, 255);
    top: -35px;
    transform: scale(0, 0);
    transition: 300ms linear;
}
.news-block-one .lower-content {
    position: relative;
    height: 280px;
    display: block;
    background-color: #000;
    /* border-radius: 20px; */
    padding: 20px;
    margin-top: 0px;
    z-index: 1;
    /* margin-left: 10px; */
    /* margin-right: 10px; */
}
.news-block-one .lower-content h3 {
    display: block;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 10px;
}
.news-block-one .lower-content h3 a {
    display: inline-block;
    color: #d9b541;
}
.news-block-one .lower-content p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    margin-bottom: 10px;
    color: #fff;
}
.news-block-one .lower-content .lower-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 60px 0 0 0;
}
.news-block-one .lower-content .lower-box .post-info {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: rgb(217 182 66);
    padding: 10px 10px 10px 10px;
    /* border-radius: 30px; */
    margin: 0;
}
.news-block-one .lower-content .lower-box .post-info::before {
    position: absolute;
    /* content: ""; */
    background-color: rgb(217 181 65);
    /* width: 50px; */
    /* height: 100%; */
    /* left: -24px; */
    /* top: 0px; */
}.news-block-one .lower-content .lower-box .post-info li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
}
.news-block-one .lower-content .lower-box .post-info li a {
    display: inline-block;
    color: #fff;
}
.news-block-one .lower-content .lower-box .link a {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    min-width: 44px;
    background-color: rgb(219 184 70);
    text-align: center;
    border-radius: 5px 40px 40px 5px;
    font-size: 26px;
    color: #ffffff;
    z-index: 1;
}
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0px auto;
}
.news-block-one:hover .image-box .image img {
    /* opacity: 0.2; */
    transform: scale(1.1);
}
.news-block-one:hover .image-box .view-btn a {
    transform: scale(1, 1);
}
.news-block-one .image-box .view-btn a:hover {
    color: #d9b541;
}
.news-block-one .lower-content h3 a:hover {
    color: #d9b541;
}
.news-block-one .lower-content .lower-box .post-info li a:hover {
    color: #051848;
}
.news-block-one .lower-content .lower-box .link a:hover {
    color: rgb(255, 255, 255);
    background-color: #d9b541;
    border-radius: 50%;
}
.footer-bottom-inner{
    /* display:flex; */
    justify-content:space-between;
    align-items:center;
}

.footer-bottom p{
    margin:0;
    color:#ffffff;
    font-size:15px;
}


.seo-credit h4 {
    margin: 0;
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.seo-credit:hover a {
    letter-spacing: .5px;
}

.seo-credit a {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s;
    cursor: pointer;
}