*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:'Lato',sans-serif;
    overflow-x:hidden;

}

h1,
h2,
h3,
h4,
h5{

    font-family:'Playfair Display',serif;

}

:root{

    --gold:#c9a24d;
    --dark:#080808;

}

.navbar-area{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    z-index:999;

}

.main-navbar{

    padding:15px 0;

    background:transparent;

    transition:.4s ease;

}

.nav-wrapper{

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.logo img{

    width:150px;

    transition:.4s;

}

.desktop-nav ul{

    display:flex;

    align-items:center;

    gap:38px;

    list-style:none;

    margin:0;

    padding:0;

}

.desktop-nav ul li{

    position:relative;

}

.desktop-nav ul li a{

    color:#fff;

    text-decoration:none;

    font-size:16px;

    font-weight:500;

    letter-spacing:.5px;

    padding-bottom:8px;

    position:relative;

    transition:.3s;

}

.desktop-nav ul li a:hover{

    color:var(--gold);

}

.desktop-nav ul li a:after{

    content:"";

    position:absolute;

    bottom:0;

    left:50%;

    width:0;

    height:2px;

    background:var(--gold);

    transform:translateX(-50%);

    transition:.3s;

}

.desktop-nav ul li a:hover:after{

    width:100%;

}

.desktop-nav .dropdown{

    position:relative;

}

.desktop-nav .dropdown > a i{

    font-size:12px;

    margin-left:5px;

    transition:.3s;

}

.desktop-nav .dropdown:hover > a i{

    transform:rotate(180deg);

}

.desktop-nav .dropdown-menu{

    display:block;

    position:absolute;

    top:45px;

    left:0;

    width:270px;

    background:#fff;

    padding:12px 0;

    border-radius:12px;

    box-shadow:0 20px 45px rgba(0,0,0,.18);

    opacity:0;

    visibility:hidden;

    transform:translateY(15px);

    transition:.35s;

}

.desktop-nav .dropdown:hover .dropdown-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.desktop-nav .dropdown-menu li{

    display:block !important;

    width:100%;

    border-bottom:1px solid #eee;

}

.desktop-nav .dropdown-menu li:last-child{

    border-bottom:none;

}

.desktop-nav .dropdown-menu li a{

    display:block !important;

    width:100%;

    padding:12px 22px;

    color:#222!important;

    font-size:15px;

    white-space:nowrap;

}

.desktop-nav .dropdown-menu li a:hover{

    background:#faf5e8;

    color:#c9a24d!important;

    padding-left:30px;

}

.desktop-nav ul li a.appointment-btn{

    background:
    linear-gradient(
        135deg,
        #e7c766,
        #b88925
    );

    height:52px;

    padding:0 35px !important;
    padding-bottom:0 !important;

    border-radius:50px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    color:#fff !important;

    font-weight:600;

    font-size:15px !important;

    line-height:1;

    white-space:nowrap;

    box-shadow:
    0 10px 25px rgba(201,162,77,.35);

    position:relative;

    overflow:hidden;

    transition:.4s;
}

.btn-icon{

    width:auto;
    height:auto;

    background:transparent;

    display:flex;

    align-items:center;

    justify-content:center;

    line-height:1;
}

.btn-icon i{

    font-size:16px;

    line-height:1;
}

.desktop-nav ul li:last-child a:after{

    display:none;

}

.appointment-btn:before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:50%;

    height:100%;

    background:rgba(255,255,255,.35);

    transform:skewX(-25deg);

    transition:.7s;

}

.appointment-btn:hover:before{

    left:150%;

}

.appointment-btn:hover{

    transform:translateY(-4px);

    color:#fff!important;

}

.navbar-area.sticky .main-navbar{ 
 
    position:fixed; 
 
    top:0; 
 
    left:0; 
 
    width:100%; 
 
    background:#fff; 
 
    padding:8px 0; 
 
    box-shadow:
    0 8px 25px rgba(0,0,0,.12); 
 
}

.navbar-area.sticky .desktop-nav ul li a{

    color:#111;

}

.navbar-area.sticky .desktop-nav ul li a:hover{

    color:var(--gold);

}

.navbar-area.sticky .logo img{

    width:130px;

}

.mobile-toggle{

    display:none;

    font-size:28px;

    color:#fff;

    cursor:pointer;

}

.navbar-area.sticky .mobile-toggle{

    color:#111;

}

.hero-slider{

    width:100%;

}

.banner-img{

    width:100%;

    height:100vh;

    object-fit:cover;

}

/* ================= HERO BANNER CONTENT ================= */

.banner-content{

    position:absolute;

    top:50%;

    left:8%;

    transform:translateY(-50%);

    z-index:5;

    max-width:550px;

    color:#fff;

}


.banner-content h1{

    font-size:55px;

    line-height:1.2;

    color:#fff;

    margin-bottom:15px;

}


.banner-content p{

    font-size:20px;

    color:#f5f5f5;

    margin-bottom:30px;

}


.banner-btn{

    display:inline-block;

    padding:14px 35px;

    background:

    linear-gradient(
        135deg,
        #e7c766,
        #b88925
    );

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-weight:600;

    box-shadow:
    0 10px 25px rgba(201,162,77,.35);

    transition:.3s;

}


.banner-btn:hover{

    transform:translateY(-4px);

    color:#fff;

}

.carousel-item{

    position:relative;

    transition:transform .6s ease-in-out;

}

.carousel-item:after{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
    90deg,
    rgba(0,0,0,.45),
    rgba(0,0,0,.12)
    );

}

.carousel-control-prev,
.carousel-control-next,
.carousel-indicators{

    display:none;

}

.mobile-sidebar{

    position:fixed;

    top:0;

    right:-350px;

    width:320px;

    height:100vh;

    background:#fff;

    z-index:9999;

    padding:25px;

    transition:.4s ease;

    box-shadow:
    -8px 0 30px rgba(0,0,0,.15);

    overflow-y:auto;

}

.mobile-sidebar.active{

    right:0;

}

.sidebar-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding-bottom:22px;

    border-bottom:1px solid #eee;

}

.sidebar-logo{

    padding:0;

}

.sidebar-logo img{

    width:125px;

}

.sidebar-close{

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    font-size:25px;

    cursor:pointer;

    color:#111;

    transition:.3s;

}

.sidebar-close:hover{

    background:#faf5e8;

    color:#c9a24d;

}

.mobile-sidebar ul{

    list-style:none;

    padding:0;

    margin:25px 0 0;

}

.mobile-sidebar ul li{

    border-bottom:1px solid #e8e8e8;

}

.mobile-sidebar ul li a{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:17px 8px;

    text-decoration:none;

    color:#222;

    font-size:17px;

    font-weight:500;

    transition:.3s;

}

.mobile-sidebar ul li a:hover{

    color:#c9a24d;

    padding-left:15px;

}

.mobile-submenu{

    display:none;

    padding-left:18px!important;

    margin:0!important;

    background:#fafafa;

}

.mobile-dropdown.active .mobile-submenu{

    display:block;

}

.mobile-submenu li a{

    font-size:15px!important;

    color:#555!important;

    padding:13px 10px!important;

}

.mobile-submenu li a:hover{

    color:#c9a24d!important;

}

.mobile-service-btn i{

    font-size:13px;

    transition:.3s;

}

.mobile-dropdown.active 
.mobile-service-btn i{

    transform:rotate(180deg);

}

.mobile-book-btn{

    margin-top:35px;

    margin-bottom:20px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    background:

    linear-gradient(
    135deg,
    #e4c15a,
    #b88925
    );

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    box-shadow:

    0 10px 25px rgba(201,162,77,.35);

}

.mobile-book-btn:hover{

    color:#fff;

    transform:translateY(-3px);

}

.footer-area{

    background:#080808;

    color:#fff;

    padding:100px 0 50px;

    position:relative;

    overflow:hidden;

}

.footer-area:before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:linear-gradient(
        90deg,
        #8f641c,
        #f4d47a,
        #c9a24d,
        #f8e5a8,
        #8f641c
    );

    box-shadow:
    0 0 15px rgba(201,162,77,.9),
    0 0 35px rgba(201,162,77,.5);

}

.footer-area:after{

    content:"";

    position:absolute;

    top:4px;

    left:0;

    width:100%;

    height:120px;

    background:linear-gradient(
        to bottom,
        rgba(201,162,77,.12),
        transparent
    );

    pointer-events:none;

}

.footer-area .row{ 
 
    align-items:flex-start; 
 
    margin-top:0;

    transform:translateY(-35px);
 
}

.footer-logo{
    width:240px;
    max-width:100%;
    height:auto;
    margin-bottom:20px;
}

@media(min-width:992px){

    .footer-area .row{

        justify-content:space-between;

    }


    .footer-area .col-lg-3:nth-child(1){

        width:25%;

    }


    .footer-area .col-lg-3:nth-child(2){

        width:23%;

    }


    .footer-area .col-lg-3:nth-child(3){

        width:23%;

    }


    .footer-area .col-lg-3:nth-child(4){

        width:25%;

    }

}



.footer-area p{

    color:#ccc;

    line-height:1.7;

    margin-bottom:15px;

}

.footer-area h4{

    color:#c9a24d;

    font-size:24px;

    margin-bottom:28px;

}

.footer-area ul{

    list-style:none;

    padding:0;

}

.footer-area ul li{

    margin-bottom:18px;

}

.footer-area ul li a{

    color:#ccc;

    text-decoration:none;

    display:flex;

    gap:8px;

    transition:.3s;

}

.footer-area ul li a:before{

    content:">";

    color:#c9a24d;

}

.footer-area ul li a:hover{

    color:#c9a24d;

    transform:translateX(5px);

}

.social-icons{

    display:flex;

    gap:12px;

    margin-top:25px;

}

.social-icons a{

    width:42px;

    height:42px;

    border-radius:50%;

    border:1px solid #c9a24d;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#c9a24d;

    transition:.3s;

}

.social-icons a:hover{

    background:#c9a24d;

    color:#000;

}

.contact-item{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:18px;

}

.contact-item a{
    color:inherit;
    text-decoration:none;
}

.contact-item a:hover{
    text-decoration:none;
    color:inherit;
}

.contact-item p{

    margin:0;

}

.contact-icon{

    width:42px;

    height:42px;

    min-width:42px;

    border-radius:50%;

    background:rgba(201,162,77,.15);

    display:flex;

    align-items:center;

    justify-content:center;

}

.contact-icon i{

    color:#c9a24d;

    font-size:17px;

}

.contact-item:hover .contact-icon{

    background:#c9a24d;

}

.contact-item:hover .contact-icon i{

    color:#000;

}

.footer-bottom{

    margin-top:35px;

    padding-top:18px;

    border-top:1px solid rgba(255,255,255,.15);

    text-align:center;

    color:#aaa;

}

@media(max-width:991px){

    .desktop-nav{

        display:none;

    }

    .mobile-toggle{

        display:block;

    }

    .main-navbar{ 

        background:#fff; 

        padding:8px 0; 

        height:70px;

    }

    .mobile-toggle{

        color:#111;

    }

    .logo img{ 

        width:120px; 

    }

    .banner-img{

        height:75vh;

    }

}

@media(max-width:576px){

    .mobile-sidebar{

        width:290px;

    }

    .footer-area{

        padding:50px 0 20px;

    }

    .footer-bottom{

        font-size:13px;

    }

    .sidebar-logo img{

        width:150px;

    }

}

@media(max-width:767px){

    .footer-area{
        padding-top:70px;
    }

    .footer-area .social-icons{
        margin-bottom:15px;
    }

    .footer-area h4{
        margin-top:10px;
        margin-bottom:20px;
    }

    .footer-area ul{
        padding-left:18px !important;
        margin-left:0 !important;
    }

    .footer-area ul li{
        list-style:none;
        margin-bottom:14px;
    }

    .footer-area ul li a{
        padding-left:0 !important;
    }

}

@media(max-width:767px){

    .banner-content{

        top:55%;
        left:8%;
        transform:translateY(-50%);

        width:85%;
        text-align:left;

    }

    .banner-content h1{

        font-size:34px;
        line-height:1.15;
        margin-bottom:12px;

    }

    .banner-content p{

        font-size:14px;
        line-height:1.4;
        margin-bottom:18px;

    }

    .banner-btn{

        padding:10px 22px;
        font-size:14px;
        border-radius:30px;

    }

    .banner-img{

        height:75vh;
        object-fit:cover;

    }
}

.logo-sticky{
    display:none;
}

.navbar-area.sticky .logo-default{
    display:none;
}

.navbar-area.sticky .logo-sticky{
    display:block;
}

@media(max-width:991px){

    .logo-default{
        display:none;
    }

    .logo-sticky{
        display:block;
    }

    .logo img{
        width:120px;
        height:auto;
        object-fit:contain;
    }

    .main-navbar{
        height:75px;
        padding:5px 0;
    }

    .logo{
        display:flex;
        align-items:center;
        height:65px;
    }

}

/* ==========================
   Premium Services Dropdown
   Final Fix
========================== */


/* Main Dropdown */

.dropdown .dropdown-menu{

    width:270px !important;

    padding:8px 0 !important;

    background:#fff !important;

    border-radius:14px !important;

    border:1px solid #e8c27a !important;

    box-shadow:0 15px 35px rgba(0,0,0,.18) !important;

    opacity:1 !important;

}


/* Main Items */

.dropdown .dropdown-menu > li{

    position:relative !important;

}


.dropdown .dropdown-menu > li > a{

    display:flex !important;

    justify-content:space-between !important;

    align-items:center !important;

    height:55px !important;

    padding:0 22px !important;

    color:#222 !important;

    font-size:15px !important;

    background:#fff !important;

    border-bottom:1px solid #eee !important;

}



.dropdown .dropdown-menu > li:last-child > a{

    border-bottom:none !important;

}



.dropdown .dropdown-menu > li > a:hover{

    color:#d6a33a !important;

    background:#faf5ec !important;

}



/* Right Submenu */

.dropdown .dropdown-menu .submenu{

    display:none;

    position:absolute !important;

    left:calc(100% + 12px) !important;

    top:0 !important;

    width:240px !important;

    background:#fff !important;

    border-radius:14px !important;

    padding:8px 0 !important;

    border:1px solid #e8c27a !important;

    box-shadow:0 15px 35px rgba(0,0,0,.18) !important;

}



.dropdown .dropdown-menu li:hover > .submenu{

    display:block !important;

}



/* Sub Items */


.dropdown .submenu li a{

    height:50px !important;

    display:flex !important;

    align-items:center !important;

    padding:0 20px !important;

    color:#222 !important;

    font-size:14px !important;

}


.dropdown .submenu li a:hover{

    background:#faf5ec !important;

    color:#d6a33a !important;

}



/* Remove Bootstrap Arrow Issue */

.dropdown-menu::before,
.dropdown-menu::after{

    display:none !important;

}

/* Final Submenu Outside Alignment */

.desktop-nav .dropdown-menu .has-submenu{
    position:relative !important;
}


/* .desktop-nav .dropdown-menu .submenu{

    position:absolute !important;

    left:calc(100% + 12px) !important;

    top:0 !important;

    margin:0 !important;

    width:240px !important;

    background:#fff !important;

    border-radius:14px !important;

    border:1px solid #e8c27a !important;

    box-shadow:0 15px 35px rgba(0,0,0,.18) !important;

    z-index:999999 !important;

} */

.desktop-nav .dropdown-menu .submenu{

    position:absolute !important;

    left:100% !important;

    top:0 !important;

    margin:0 !important;

    width:240px !important;

    background:#fff !important;

    border-radius:14px !important;

    border:1px solid #e8c27a !important;

    box-shadow:0 15px 35px rgba(0,0,0,.18) !important;

    z-index:999999 !important;

}

.desktop-nav .dropdown-menu .has-submenu{
    padding-right:1px;
}

/* Keep submenu outside */

.desktop-nav .dropdown-menu{

    overflow:visible !important;

}


/* Show submenu */

.desktop-nav .dropdown-menu .has-submenu:hover > .submenu{

    display:block !important;

}

.mobile-inner-submenu{

    display:none;

    background:#fafafa;

    padding-left:15px !important;

}


.mobile-has-submenu.active 
.mobile-inner-submenu{

    display:block;

}


.mobile-has-submenu > a{

    display:flex !important;

    justify-content:space-between;

    align-items:center;

}


.mobile-has-submenu > a i{

    font-size:12px;

    transition:.3s;

}


.mobile-has-submenu.active > a i{

    transform:rotate(180deg);

}


.mobile-inner-submenu li a{

    font-size:14px !important;

    padding:13px 10px !important;

    color:#555 !important;

}


/* Home Page About Section */
.mw-about-section{

    padding:100px 0;

    background:#fff;

}

.mw-about-wrapper{

    display:flex;

    align-items:center;

    gap:70px;

}

.mw-about-image{

    width:50%;

    position:relative;

}

.mw-about-image img{

    width:100%;

    height:600px;

    object-fit:cover;

    border-radius:0 80px 0 80px;

}

.mw-experience-box{

    position:absolute;

    right:-25px;

    bottom:40px;

    width:170px;

    height:170px;

    background:#fff;

    border:1px solid #d6a341;

    box-shadow:0 20px 40px rgba(0,0,0,.15);

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

}

.mw-experience-box h3{

    font-size:55px;

    font-family:serif;

    color:#c99632;

    margin:0;

}

.mw-experience-box p{

    text-align:center;

    color:#222;

    margin:0;

}

.mw-about-content{

    width:50%;

}

.mw-subtitle{

    color:#b8862c;

    font-size:22px;

    letter-spacing:6px;

    font-weight:700;

    text-transform:uppercase;

    display:inline-block;

    margin-bottom:8px;

    position:relative;

    padding-bottom:12px;

}

.mw-subtitle::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:55px;

    height:2px;

    background:#c99632;

}

.mw-about-content h2{

    font-size:50px;

    line-height:1.15;

    font-family:'Playfair Display',serif;

    color:#111;

    margin:10px 0 18px;

    font-weight:600;

    letter-spacing:-1.5px;

}

.mw-about-content h2 span{

    color:#c99632;

}

.mw-gold-line{

    display:none;

}

.mw-about-content>p{

    font-size:17px;

    line-height:1.8;

    color:#666;

}

.mw-about-points{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:25px;

    margin:35px 0;

}

.mw-point{

    display:flex;

    gap:15px;

}

.mw-icon{

    height:48px;

    width:48px;

    min-width:48px;

    border:1px solid #d6a341;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#d6a341;

    font-size:18px;

    background:#fff;

    position:relative;

    overflow:hidden;

    transition:all .45s ease;

    cursor:pointer;

}

.mw-icon i{

    color:#d6a341;

    transition:transform .4s ease, color .4s ease;

}

.mw-point:hover .mw-icon{

    background:#d6a341;

    transform:translateY(-5px);

    box-shadow:

    0 8px 20px rgba(214,163,65,.25),

    0 0 0 6px rgba(214,163,65,.08);

}

.mw-point:hover .mw-icon i{

    color:#fff;

    transform:scale(1.15) rotate(15deg);

}

.mw-point h4{

    margin:0 0 5px;

    font-family:serif;

    color:#111;

}

.mw-point p{

    font-size:14px;

    color:#777;

    margin:0;

}

.mw-about-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 45px;

    background:linear-gradient(
        135deg,
        #f1c766,
        #c58a20
    );

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-size:15px;

    font-weight:600;

    letter-spacing:.5px;

    position:relative;

    overflow:hidden;

    transition:all .45s ease;

    box-shadow:
    0 10px 25px rgba(201,150,50,.35);

}

.mw-about-btn:hover{

    color:#fff;

    transform:translateY(-6px);

    box-shadow:
    0 18px 40px rgba(201,150,50,.45);

}

.mw-about-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:80%;

    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transition:.7s ease;

}

.mw-about-btn:hover::before{

    left:120%;

}

.mw-about-btn::after{

    content:"→";

    margin-left:10px;

    font-size:18px;

    transition:.3s ease;

}

.mw-about-btn:hover::after{

    transform:translateX(5px);

}

@media(max-width:991px){

    .mw-about-wrapper{

        flex-direction:column;

    }

    .mw-about-image,
    .mw-about-content{

        width:100%;

    }

    .mw-about-content h2{

        font-size:45px;

    }


}

@media(max-width:768px){

    .mw-about-section{

        padding:70px 0;

    }

    .mw-about-image img{

        height:450px;

    }

    .mw-about-points{

        grid-template-columns:1fr;

    }

    .mw-experience-box{

        width:140px;

        height:140px;

    }

    .mw-experience-box h3{

        font-size:40px;

    }

}

@media(max-width:576px){

    .mw-about-image img{

        height:380px;

    }

    .mw-about-content{

        width:100%;

        text-align:center;

    }

    .mw-subtitle{

        display:block;

        text-align:center;

    }

    .mw-subtitle::after{

        left:50%;

        transform:translateX(-50%);

    }

    .mw-about-content h2{

        font-size:34px;

        text-align:center;

    }

    .mw-about-content>p{

        font-size:15px;

        line-height:1.7;

        text-align:center;

    }

    .mw-about-points{

        grid-template-columns:1fr;

        text-align:left;

        margin-top:30px;

    }

    .mw-point{

        justify-content:flex-start;

    }

    .mw-about-btn{

        margin:20px auto 0;

    }

}

@media(max-width:360px){

    .mw-about-content h2{

        font-size:28px;

    }

}

/* Home Page Brand Section */
/* ==========================================
   MOONWALK LUXURY BRAND WALL
   NEW DESIGN - PART 1
========================================== */


/* MAIN SECTION */

.mw-brand-section{

position:relative;

padding:130px 0 100px;

overflow:hidden;


background:

radial-gradient(
circle at 50% -20%,
rgba(214,163,58,.35),
transparent 40%
),

radial-gradient(
circle at 0% 60%,
rgba(214,163,58,.15),
transparent 35%
),


linear-gradient(
180deg,
#0b0907 0%,
#15100a 100%
);


}







/* PREMIUM GOLD LIGHT */


.mw-brand-section:before{


content:"";


position:absolute;


width:600px;


height:600px;


top:-250px;


left:50%;


transform:translateX(-50%);



background:


radial-gradient(
circle,
rgba(214,163,58,.22),
transparent 65%
);



filter:blur(70px);


}






.mw-brand-section:after{


content:"";


position:absolute;


width:400px;


height:400px;


right:-150px;


bottom:-150px;



background:


radial-gradient(
circle,
rgba(214,163,58,.18),
transparent 70%
);



filter:blur(90px);


}









/* ==========================================
       HEADING
========================================== */


.mw-brand-heading{


position:relative;


z-index:2;


max-width:850px;


margin:0 auto 80px;


text-align:center;


}





.mw-brand-subtitle{


display:inline-block;


font-size:11px;


letter-spacing:8px;


font-weight:700;


color:#d6a33a;


text-transform:uppercase;


}



.mw-brand-subtitle:after{


content:"";


display:block;


width:80px;


height:2px;


background:


linear-gradient(
90deg,
transparent,
#d6a33a,
transparent
);



margin:18px auto 0;


}






.mw-brand-heading h2{


font-family:'Playfair Display',serif;


font-size:62px;


line-height:1.15;


font-weight:600;


color:#ffffff;


margin:25px 0;


letter-spacing:-1px;


}




.mw-brand-heading h2 span{


display:block;


font-style:italic;


color:#d6a33a;


}





.mw-brand-heading p{


max-width:650px;


margin:auto;


font-size:15px;


line-height:1.9;


color:#b8b8b8;


}








/* ==========================================
       SLIDER AREA
========================================== */



.mw-brand-marquee{


position:relative;


z-index:3;


overflow:hidden;


width:100%;


padding:30px 0 50px;


}






.mw-brand-marquee:before,
.mw-brand-marquee:after{


content:"";


position:absolute;


top:0;


height:100%;


width:180px;


z-index:5;


}




.mw-brand-marquee:before{


left:0;


background:


linear-gradient(
90deg,
#0b0907,
transparent
);


}




.mw-brand-marquee:after{


right:0;


background:


linear-gradient(
-90deg,
#15100a,
transparent
);


}







.mw-brand-track{


display:flex;


gap:40px;


width:max-content;


animation:

mwPremiumBrandSlide 30s linear infinite;


}




.mw-brand-marquee:hover 
.mw-brand-track{


animation-play-state:paused;


}







@keyframes mwPremiumBrandSlide{


from{


transform:translateX(0);


}



to{


transform:translateX(-50%);


}



}

/* ==========================================
      PREMIUM BRAND CARDS
      PART 2
========================================== */


.mw-brand-card{


width:300px;

height:190px;


flex:0 0 auto;


position:relative;


display:flex;


align-items:center;


justify-content:center;


overflow:hidden;



border-radius:38px;



background:


linear-gradient(
145deg,
rgba(255,255,255,.10),
rgba(255,255,255,.02)
);



border:

1px solid rgba(214,163,58,.65);




box-shadow:


0 30px 80px rgba(0,0,0,.65),


inset 0 0 40px rgba(214,163,58,.12);



backdrop-filter:blur(15px);



transition:.5s ease;



}






/* GOLD INNER FRAME */


.mw-brand-card:before{


content:"";


position:absolute;


inset:12px;


border-radius:30px;



border:

1px solid rgba(214,163,58,.35);



}







/* LIGHT SPOT */


.mw-brand-card:after{


content:"";


position:absolute;


width:180px;


height:180px;



top:-80px;


right:-70px;




background:


radial-gradient(
circle,
rgba(214,163,58,.35),
transparent 70%
);



filter:blur(20px);


transition:.5s;


}







/* HOVER CARD */


.mw-brand-card:hover{


transform:


translateY(-15px)
scale(1.04);



border-color:#e6b94f;



box-shadow:


0 45px 100px rgba(214,163,58,.30);



}







.mw-brand-card:hover:after{


transform:scale(1.3);


}







/* LOGO AREA */


.mw-brand-card img{


width:240px;


height:120px;


object-fit:contain;



background:#ffffff;



padding:22px 30px;



border-radius:22px;



position:relative;


z-index:2;



box-shadow:


0 20px 45px rgba(0,0,0,.35);



transition:.5s ease;



}







.mw-brand-card:hover img{


transform:


scale(1.10);



box-shadow:


0 25px 60px rgba(214,163,58,.35);



}







/* LOGO GOLD REFLECTION */


.mw-brand-card img{


outline:


1px solid rgba(214,163,58,.18);



}







/* PREMIUM FLOAT ANIMATION */


.mw-brand-card:nth-child(even){


animation:

brandFloat 5s ease-in-out infinite;


}



.mw-brand-card:nth-child(odd){


animation:

brandFloat 6s ease-in-out infinite;


}





@keyframes brandFloat{


0%,100%{


transform:translateY(0);


}



50%{


transform:translateY(-8px);


}



}






/* STOP FLOAT ON HOVER */


.mw-brand-card:hover{


animation-play-state:paused;


}

/* ==========================================
      PREMIUM FOOTER AREA
      PART 3
========================================== */



.mw-brand-bottom{


position:relative;


z-index:3;


display:flex;


align-items:center;


justify-content:center;


gap:25px;


margin-top:45px;



}





.mw-brand-bottom span{


width:90px;


height:1px;


background:


linear-gradient(
90deg,
transparent,
#d6a33a
);



}





.mw-brand-bottom span:last-child{


background:


linear-gradient(
90deg,
#d6a33a,
transparent
);



}





.mw-brand-bottom p{


margin:0;


color:#d6a33a;


font-size:12px;


letter-spacing:3px;


font-weight:600;


text-transform:uppercase;



}







/* ==========================================
      BUTTON
========================================== */


.mw-brand-cta{


position:relative;


z-index:3;


display:flex;


justify-content:center;


margin-top:35px;



}




.mw-brand-btn{


display:flex;


align-items:center;


gap:15px;



padding:17px 40px;



border-radius:50px;



background:


linear-gradient(
135deg,
#d6a33a,
#f3c969
);



color:#111;



font-size:13px;


font-weight:700;



letter-spacing:1.5px;


text-transform:uppercase;



text-decoration:none;



box-shadow:


0 20px 50px rgba(214,163,58,.30);



transition:.4s ease;



}





.mw-brand-btn i{


transition:.4s ease;


}




.mw-brand-btn:hover{


transform:


translateY(-6px);



background:#fff;



box-shadow:


0 30px 70px rgba(214,163,58,.45);



}





.mw-brand-btn:hover i{


transform:

translateX(8px);



}








/* ==========================================
      TABLET
========================================== */


@media(max-width:991px){



.mw-brand-section{


padding:100px 0 80px;


}




.mw-brand-heading h2{


font-size:48px;


}




.mw-brand-card{


width:250px;


height:160px;


}





.mw-brand-card img{


width:200px;


height:100px;


}





.mw-brand-track{


gap:30px;


}


}









/* ==========================================
      MOBILE
========================================== */


/* =====================================
   MOBILE BRAND SLIDER FINAL POLISH
===================================== */


@media(max-width:768px){


.mw-brand-section{

padding:60px 0 45px !important;

}



/* heading ke baad gap kam */

.mw-brand-heading{

margin-bottom:10px !important;

}



/* slider container */

.mw-brand-marquee{

padding:5px 0 20px !important;

}





.mw-brand-track{

gap:20px !important;

align-items:center;

}




/* PREMIUM CARD BIG */

.mw-brand-card{


width:195px !important;

height:125px !important;


padding:14px !important;


border-radius:28px !important;



background:

linear-gradient(
145deg,
#251a08,
#0d0904
) !important;



border:1px solid rgba(214,163,58,.8) !important;



box-shadow:

0 18px 45px rgba(0,0,0,.55);



}





.mw-brand-card:before{


inset:8px !important;


border-radius:22px !important;


}




/* LOGO BIGGER */


.mw-brand-card img{


width:155px !important;


height:75px !important;


max-width:none !important;


max-height:none !important;



padding:15px 20px !important;



background:#fff;


border-radius:15px;



object-fit:contain;



}





/* button gap */


.mw-brand-cta{

margin-top:10px !important;

}





.mw-brand-btn{


padding:13px 25px !important;


font-size:10px !important;


}



}





@media(max-width:480px){



.mw-brand-card{


width:185px !important;


height:120px !important;


}



.mw-brand-card img{


width:145px !important;


height:70px !important;


}



.mw-brand-track{


gap:18px !important;


}



}


/* ==========================================
      SMALL MOBILE
========================================== */


@media(max-width:576px){



.mw-brand-heading h2{


font-size:31px;


}





.mw-brand-card{


width:150px;


height:100px;


}




.mw-brand-card img{


width:115px;


height:55px;


}





.mw-brand-btn{


padding:13px 22px;


}





}




@media(max-width:400px){



.mw-brand-heading h2{


font-size:28px;


}




.mw-brand-card{


width:135px;


height:90px;


}




.mw-brand-card img{


width:100px;


height:45px;


}




.mw-brand-bottom{


display:none;


}



}

/* Home Page Services Section */
.mw-services-section{

    padding:110px 0;

    background:#fffaf3;

}

.mw-services-heading{

    text-align:center;

    max-width:750px;

    margin:auto;

    margin-bottom:60px;

}

.mw-services-subtitle{

    color:#b8862c;

    font-size:14px;

    font-weight:700;

    letter-spacing:5px;

    text-transform:uppercase;

    display:inline-block;

    margin-bottom:18px;

}

.mw-services-subtitle::after{

    content:"";

    display:block;

    width:55px;

    height:2px;

    background:#c99632;

    margin:12px auto 0;

}

.mw-services-heading h2{

    font-family:'Playfair Display',serif;

    font-size:52px;

    line-height:1.15;

    font-weight:600;

    color:#111;

    margin:0 0 18px;

}

.mw-services-heading h2 span{

    color:#c99632;

    font-style:italic;

}

.mw-services-heading p{

    font-size:16px;

    color:#777;

    line-height:1.8;

}

.mw-services-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}

.mw-services-section .container{

    width:100%;

    max-width:1400px;

    margin:auto;

    padding-left:30px;

    padding-right:30px;

}

.mw-service-card{

    height:380px;

    position:relative;

    overflow:hidden;

    border-radius:30px 5px 30px 5px;

    display:block;

    text-decoration:none;

    box-shadow:

    0 20px 45px rgba(0,0,0,.12);

    transition:.5s ease;

}

.mw-service-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.8s ease;

}

.mw-service-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        180deg,

        rgba(0,0,0,.10),

        rgba(0,0,0,.85)

    );

}

.mw-service-content{

    position:absolute;

    bottom:0;

    left:0;

    padding:32px;

    z-index:2;

}

.mw-service-content span{

    color:#e1b353;

    font-size:12px;

    letter-spacing:3px;

}

.mw-service-content h3{

    font-family:'Playfair Display',serif;

    font-size:30px;

    color:#fff;

    margin:10px 0;

}

.mw-service-content p{

    color:#eee;

    font-size:14px;

    line-height:1.6;

}

.mw-service-link{

    margin-top:15px;

    color:#e5bb62;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

}

.mw-service-card:hover{

    transform:translateY(-12px);

    box-shadow:

    0 35px 70px rgba(201,150,50,.30);

}

.mw-service-card:hover img{

    transform:scale(1.08);

}

@media(max-width:991px){

    .mw-services-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:576px){

    .mw-services-section{

        padding:70px 0;

    }

    .mw-services-heading h2{

        font-size:34px;

    }


    .mw-services-grid{

        grid-template-columns:1fr;

    }


    .mw-service-card{

        height:350px;

    }

}

@media(max-width:360px){

    .mw-services-heading h2{

        font-size:30px;

    }

    .mw-service-card{

        height:320px;

    }

}

/* Home Page Counters Section */
.mw-luxury-experience{

    position:relative;

    padding:120px 0;

    min-height:650px;

    display:flex;

    align-items:center;

    background-image:url('/uploads/counters_image/counters_one.png');

    background-size:cover;

    background-position:center;

    overflow:hidden;

}

.mw-experience-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.55),
        rgba(0,0,0,.35)
    );

}

.mw-experience-content{

    position:relative;

    z-index:2;

    color:#fff;

    text-align:center;

}

.mw-experience-heading{

    max-width:750px;

    margin:0 auto 70px;

}

.mw-experience-heading span{

    display:inline-block;

    color:#e5bb62;

    font-size:25px;

    letter-spacing:6px;

    font-weight:700;

    margin-bottom:18px;

}

.mw-experience-heading span:after{

    content:"";

    display:block;

    width:55px;

    height:1px;

    background:#e5bb62;

    margin:15px auto 0;

}

.mw-experience-heading h2{

    font-family:'Playfair Display',serif;

    font-size:50px;

    line-height:1.8;

    color:#fff;

    margin:20px 0;

}

.mw-experience-heading h2 em{

    color:#e5bb62;

    font-style:italic;

}

.mw-experience-heading p{

    color:rgba(255,255,255,.85);

    font-size:18px;

    line-height:1.8;

    max-width:650px;

    margin:auto;

}

.mw-experience-stats{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    max-width:1000px;

    margin:85px auto 0;

}

.mw-experience-item{

    position:relative;

    text-align:center;

    padding:25px;

}

.mw-experience-item:not(:last-child):after{

    content:"";

    position:absolute;

    right:0;

    top:20%;

    height:60%;

    width:1px;

    background:rgba(229,187,98,.6);

}

.mw-experience-item h3{

    font-family:'Playfair Display',serif;

    font-size:82px;

    color:#fff;

    margin:0;

    line-height:1;

    font-weight:600;

    text-shadow:0 5px 20px rgba(0,0,0,.25);

}

.mw-experience-item h3 span{

    color:#e5bb62;

}

.mw-experience-item p{

    margin-top:18px;

    color:#fff;

    font-size:18px;

    letter-spacing:2px;

    text-transform:uppercase;

}

.mw-experience-item:hover h3{

    color:#e5bb62;

    transition:.4s ease;

}

@media(max-width:991px){

    .mw-luxury-experience{

        padding:100px 0;

    }

    .mw-experience-stats{

        grid-template-columns:repeat(2,1fr);

    }

    .mw-experience-item:nth-child(2):after{

        display:none;

    }

}

@media(max-width:768px){

    .mw-experience-heading h2{

        font-size:42px;

    }

    .mw-experience-item h3{

        font-size:55px;

    }

}

@media(max-width:576px){

    .mw-luxury-experience{

        padding:60px 15px;

    }

    .mw-experience-heading{

        margin-bottom:35px;

    }

    .mw-experience-heading span{

        font-size:13px;

        letter-spacing:4px;

    }

    .mw-experience-heading h2{

        font-size:34px;

        line-height:1.3;

        margin:15px 0;

    }

    .mw-experience-heading p{

        font-size:15px;

        line-height:1.7;

        max-width:320px;

    }

    .mw-experience-stats{

        grid-template-columns:repeat(2,1fr);

        margin-top:30px;

    }

    .mw-experience-item{

        padding:18px 8px;

    }

    .mw-experience-item:after{

        display:none !important;

    }

    .mw-experience-item h3{

        font-size:42px;

    }

    .mw-experience-item p{

        font-size:11px;

        letter-spacing:1px;

    }

}

@media(max-width:480px){

    .mw-experience-heading span{

        letter-spacing:3px;

    }

    .mw-experience-heading h2{

        font-size:30px;

    }

    .mw-experience-item h3{

        font-size:42px;

    }

}

@media(max-width:360px){

    .mw-experience-heading h2{

        font-size:27px;

    }

    .mw-experience-item h3{

        font-size:36px;

    }

}

@media(max-width:300px){

    .mw-experience-heading h2{

        font-size:24px;

    }

    .mw-experience-item h3{

        font-size:35px;

    }

}

/* Home Page Featured Services Section */
.mw-featured-premium{

    padding:120px 0;

    background:
    radial-gradient(
        circle at top center,
        rgba(201,150,50,.12),
        transparent 35%
    ),
    #fffaf3;

    overflow:hidden;

}

.mw-featured-title{

    max-width:750px;

    margin:0 auto 70px;

    text-align:center;

}

.mw-featured-title span{

    display:inline-block;

    color:#b8862c;

    font-size:13px;

    font-weight:700;

    letter-spacing:5px;

    margin-bottom:15px;

}

.mw-featured-title span:after{

    content:"";

    display:block;

    width:55px;

    height:2px;

    background:#c99632;

    margin:12px auto;

}

.mw-featured-title h2{

    font-family:'Playfair Display',serif;

    font-size:55px;

    line-height:1.2;

    color:#111;

    margin:0 0 20px;

}

.mw-featured-title h2 em{

    color:#c99632;

    font-style:italic;

}

.mw-featured-title p{

    color:#777;

    font-size:16px;

    line-height:1.8;

}

.mw-featured-layout{

    display:grid;

    grid-template-columns:1.3fr .7fr;

    gap:35px;

    align-items:center;

}

.mw-feature-main{

    height:620px;

    position:relative;

    overflow:hidden;

    border-radius:0 80px 0 80px;

    box-shadow:

    0 30px 70px rgba(0,0,0,.15);

}

.mw-feature-main img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.8s ease;

}

.mw-feature-main:hover img{

    transform:scale(1.06);

}

.mw-feature-main:after{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    transparent,

    rgba(0,0,0,.85)

    );

}

.mw-feature-text{

    position:absolute;

    left:45px;

    bottom:45px;

    z-index:2;

    color:#fff;

}

.mw-feature-text small{

    color:#e5bb62;

    letter-spacing:4px;

}

.mw-feature-text h3{

    font-family:'Playfair Display',serif;

    font-size:42px;

    margin:12px 0;

}

.mw-feature-text p{

    max-width:350px;

    color:#eee;

    line-height:1.6;

}

.mw-feature-text a{

    display:inline-block;

    margin-top:15px;

    color:#e5bb62;

    text-decoration:none;

    font-weight:600;

}

.mw-feature-side{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.mw-feature-box{

    height:180px;

    position:relative;

    overflow:hidden;

    border-radius:30px;

    box-shadow:

    0 20px 45px rgba(0,0,0,.12);

}

.mw-feature-box img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s ease;

}

.mw-feature-box:after{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    transparent,

    rgba(0,0,0,.75)

    );

}

.mw-feature-box:hover img{

    transform:scale(1.08);

}

.mw-feature-box div{

    position:absolute;

    bottom:25px;

    left:30px;

    z-index:2;

    color:#fff;

}

.mw-feature-box small{

    color:#e5bb62;

    letter-spacing:3px;

}

.mw-feature-box h3{

    font-family:'Playfair Display',serif;

    font-size:25px;

    margin:8px 0 0;

}

@media(max-width:991px){

    .mw-featured-layout{

        grid-template-columns:1fr;

    }

    .mw-feature-main{

        height:550px;

    }

}

@media(max-width:768px){

    .mw-featured-premium{

        padding:80px 0;

    }

    .mw-featured-title h2{

        font-size:42px;

    }

    .mw-feature-main{

        height:480px;

    }

    .mw-feature-box{

        height:220px;

    }

}

@media(max-width:576px){

    .mw-featured-title h2{

        font-size:34px;

    }

    .mw-featured-title p{

        font-size:14px;

    }

    .mw-feature-main{

        height:420px;

        border-radius:0 50px 0 50px;

    }

    .mw-feature-text{

        left:25px;

        bottom:25px;

    }

    .mw-feature-text h3{

        font-size:30px;

    }

    .mw-feature-box{

        height:190px;

    }

}

@media(max-width:360px){

    .mw-featured-title h2{

        font-size:30px;

    }

    .mw-feature-main{

        height:380px;

    }

    .mw-feature-text h3{

        font-size:26px;

    }

    .mw-feature-box h3{

        font-size:22px;

    }

}

/* Home Page Hair & Beauty Collection Section */
.mw-beauty-collection{

    padding:120px 0;

    background:
    radial-gradient(
        circle at top left,
        rgba(201,150,50,.15),
        transparent 35%
    ),
    linear-gradient(
        180deg,
        #fffdf9,
        #f8efe2
    );

    overflow:hidden;

}

.beauty-collection-heading{

    max-width:800px;

    margin:0 auto 80px;

    text-align:center;

}

.beauty-collection-heading span{

    color:#b8862c;

    font-size:13px;

    font-weight:700;

    letter-spacing:6px;

}

.beauty-collection-heading span:after{

    content:"";

    display:block;

    width:65px;

    height:2px;

    background:#c99632;

    margin:18px auto;

}

.beauty-collection-heading h2{

    font-family:'Playfair Display',serif;

    font-size:60px;

    line-height:1.15;

    color:#111;

    margin:20px 0;

}

.beauty-collection-heading h2 em{

    display:block;

    color:#c99632;

    font-style:italic;

}

.beauty-collection-heading p{

    color:#777;

    font-size:16px;

    line-height:1.8;

    max-width:650px;

    margin:auto;

}

.beauty-transformation-grid{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:80px;

    align-items:center;

}

.beauty-before-after{

    position:relative;

    display:flex;

    align-items:center;

    gap:30px;

    height:650px;

}

.beauty-before-card,
.beauty-after-card{

    position:relative;

    overflow:hidden;

    border:1px solid #d6a341;

    box-shadow:

    0 25px 60px rgba(0,0,0,.12);

}

.beauty-before-card{

    width:45%;

    height:480px;

    margin-top:100px;

}

.beauty-after-card{

    width:55%;

    height:600px;

    margin-bottom:80px;

}

.beauty-before-card img,
.beauty-after-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.8s ease;

}

.beauty-before-card:hover img,
.beauty-after-card:hover img{

    transform:scale(1.08);

}

.beauty-before-card:after,
.beauty-after-card:after{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        transparent,
        rgba(0,0,0,.55)
    );

}

.beauty-image-label{

    position:absolute;

    left:25px;

    top:25px;

    background:#fff;

    color:#b8862c;

    padding:9px 20px;

    border-radius:40px;

    font-size:11px;

    letter-spacing:3px;

    z-index:3;

    font-weight:600;

}

.beauty-round-icon{

    position:absolute;

    left:50%;

    top:50%;

    transform:
    translate(-50%,-50%);

    width:70px;

    height:70px;

    background:#c99632;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:28px;

    z-index:5;

    box-shadow:

    0 15px 35px rgba(201,150,50,.45);

}

.beauty-content-box{

    background:#fff;

    padding:50px;

    border-radius:

    0 70px 0 70px;

    box-shadow:

    0 25px 70px rgba(0,0,0,.08);

}

.beauty-small-title{

    color:#b8862c;

    letter-spacing:4px;

    font-size:13px;

    font-weight:700;

}

.beauty-content-box h3{

    font-family:'Playfair Display',serif;

    font-size:52px;

    line-height:1.15;

    color:#111;

    margin:20px 0;

}

.beauty-content-box p{

    color:#777;

    line-height:1.8;

    font-size:16px;

}

.beauty-services-tags{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin:35px 0;

}

.beauty-services-tags span{

    display:flex;

    align-items:center;

    gap:10px;

    padding:12px 24px;

    border-radius:50px;

    border:1px solid #e2bd72;

    background:

    linear-gradient(
        135deg,
        #fffdf8,
        #fff6e8
    );

    color:#9a6b20;

    font-family:'Playfair Display',serif;

    font-size:14px;

    font-weight:600;

    letter-spacing:.3px;

    cursor:pointer;

    transition:all .4s ease;

    box-shadow:

    0 8px 20px rgba(201,150,50,.08);

}

.beauty-services-tags span i{

    width:22px;

    height:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#c99632;

    color:#fff;

    font-size:10px;

    transition:.4s ease;

}

.beauty-services-tags span:hover{

    background:

    linear-gradient(
        135deg,
        #e7c766,
        #b88925
    );

    color:#fff;

    border-color:#c99632;

    transform:translateY(-5px);

    box-shadow:

    0 15px 30px rgba(201,150,50,.30);

}

.beauty-services-tags span:hover i{

    background:#fff;

    color:#c99632;

    transform:rotate(15deg);

}

@media(max-width:768px){

    .beauty-services-tags{

        display:grid;

        grid-template-columns:repeat(2,1fr);

        justify-content:center;

        gap:12px;

    }

    .beauty-services-tags span{

        width:100%;

        justify-content:center;

    }

}

@media(max-width:576px){

    .beauty-services-tags{

        gap:10px;

    }

    .beauty-services-tags span{

        padding:10px 18px;

        font-size:13px;

    }

    .beauty-services-tags span i{

        width:20px;

        height:20px;

        font-size:9px;

    }

}

.beauty-explore-btn{

    display:inline-flex;

    padding:15px 40px;

    background:

    linear-gradient(

        135deg,

        #e7c766,

        #b88925

    );

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-weight:600;

    box-shadow:

    0 12px 30px rgba(201,150,50,.35);

    transition:.4s;

}

.beauty-explore-btn:hover{

    transform:translateY(-5px);

    color:#fff;

}

@media(max-width:768px){

    .beauty-explore-btn{

        display:flex;

        width:max-content;

        margin:25px auto 0;

        padding:13px 32px;

        font-size:14px;

        justify-content:center;

    }

}

.beauty-latest-section{

    margin-top:100px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:35px;

}

.beauty-look-card{

    width:260px;

    height:330px;

    overflow:hidden;

    border-radius:150px;

    box-shadow:

    0 25px 50px rgba(0,0,0,.15);

    transition:.5s;

}

.beauty-look-card.active{

    width:320px;

    height:400px;

    transform:translateY(-45px);

}

.beauty-look-card img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.beauty-look-card:hover{

    transform:translateY(-25px);

}

@media(max-width:991px){

    .beauty-transformation-grid{

        grid-template-columns:1fr;

    }

    .beauty-before-after{

        height:600px;

    }

    .beauty-content-box{

        margin-top:30px;

    }

}

@media(max-width:768px){

    .mw-beauty-collection{

        padding:80px 0;

    }

    .beauty-collection-heading h2{

        font-size:42px;

    }

    .beauty-before-after{

        height:auto;

    }

    .beauty-before-card{

        height:400px;

    }

    .beauty-after-card{

        height:480px;

    }

    .beauty-content-box{

        padding:35px;

    }

    .beauty-content-box h3{

        font-size:38px;

    }

    .beauty-latest-section{

        flex-wrap:wrap;
        
    }

}

@media(max-width:576px){

    .beauty-collection-heading h2{

        font-size:34px;

    }

    .beauty-before-after{

        flex-direction:column;

    }

    .beauty-before-card,
    .beauty-after-card{

        width:100%;

        margin:0;

    }

    .beauty-before-card{

        height:350px;

    }

    .beauty-after-card{

        height:430px;

    }

    .beauty-round-icon{

        width:50px;

        height:50px;

        font-size:20px;

    }

    .beauty-content-box{

        padding:30px;

    }

    .beauty-content-box h3{

        font-size:32px;

    }

    .beauty-look-card,
    .beauty-look-card.active{

        width:150px;

        height:200px;

    }

@media(max-width:576px){

    .beauty-after-card .beauty-image-label{

        top:35px;

    }


    .beauty-round-icon{

        top:45%;

    }

}

}

@media(max-width:480px){

    .beauty-collection-heading span{

        font-size:10px;

        letter-spacing:3px;

    }

    .beauty-collection-heading h2{

        font-size:30px;

    }

    .beauty-collection-heading p{

        font-size:14px;

    }

    .beauty-before-card{

        height:320px;

    }

    .beauty-after-card{

        height:390px;

    }

    .beauty-content-box{

        padding:25px 20px;

    }

    .beauty-content-box h3{

        font-size:28px;

    }

    .beauty-services-tags span{

        padding:10px 12px;

        font-size:12px;

    }

    .beauty-services-tags span i{

        width:18px;

        height:18px;

    }

    .beauty-explore-btn{

        padding:12px 28px;

        font-size:13px;

    }

    .beauty-look-card,
    .beauty-look-card.active{

        width:130px;

        height:180px;

    }

}

@media(max-width:360px){

    .mw-beauty-collection{

        padding:55px 10px;

    }

    .beauty-collection-heading h2{

        font-size:27px;

    }

    .beauty-collection-heading p{

        font-size:13px;

    }

    .beauty-before-card{

        height:280px;

    }

    .beauty-after-card{

        height:340px;

    }

    .beauty-content-box{

        padding:22px 18px;

    }

    .beauty-content-box h3{

        font-size:25px;

    }

    .beauty-services-tags{

        gap:8px;

    }

    .beauty-services-tags span{

        padding:9px 8px;

        font-size:11px;

    }

    .beauty-explore-btn{

        padding:11px 24px;

        font-size:12px;

    }

    .beauty-look-card,
    .beauty-look-card.active{

        width:115px;

        height:160px;

    }

}

@media(max-width:300px){

    .beauty-collection-heading h2{

        font-size:24px;

    }

    .beauty-before-card{

        height:250px;

    }

    .beauty-after-card{

        height:300px;

    }

    .beauty-content-box{

        padding:18px 12px;

    }

    .beauty-content-box h3{

        font-size:22px;

    }

    .beauty-services-tags span{

        font-size:10px;

    }

    .beauty-explore-btn{

        padding:10px 20px

    }

    .beauty-look-card,
    .beauty-look-card.active{

        width:100px;

        height:140px;

    }

}

/* Home Page Offer & MemberShip Section */
.mw-luxury-membership{

    padding:130px 0;

    position:relative;

    overflow:hidden;

    background:

    linear-gradient(
        180deg,
        #fffaf2,
        #f5e7d1
    );

}

.mw-luxury-membership:before{

    content:"";

    position:absolute;

    width:600px;

    height:600px;

    top:-250px;

    left:50%;

    transform:translateX(-50%);

    background:

    radial-gradient(
        circle,
        rgba(201,150,50,.18),
        transparent 70%
    );

}

.luxury-membership-heading{

    text-align:center;

    max-width:850px;

    margin:0 auto 85px;

    position:relative;

    z-index:2;

}

.luxury-membership-heading span{

    color:#b88925;

    font-size:12px;

    letter-spacing:6px;

    font-weight:700;

}

.luxury-membership-heading span:after{

    content:"";

    display:block;

    width:70px;

    height:2px;

    background:#c99632;

    margin:18px auto;

}

.luxury-membership-heading h2{

    font-family:'Playfair Display',serif;

    font-size:58px;

    line-height:1.15;

    color:#111;

}

.luxury-membership-heading h2 em{

    display:block;

    color:#c99632;

    font-style:italic;

}

.luxury-membership-heading p{

    color:#777;

    line-height:1.8;

}

.luxury-membership-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

    align-items:center;

    position:relative;

    z-index:2;

}

.luxury-membership-card{

    position:relative;

    padding:55px 35px;

    background:

    linear-gradient(
        145deg,
        #1c1710,
        #050505
    );

    border-radius:

    0 70px 0 70px;

    border:1px solid rgba(214,170,70,.65);

    text-align:center;

    overflow:hidden;

    box-shadow:

    0 30px 70px rgba(0,0,0,.35);

    transition:.5s ease;

}

.luxury-membership-card:before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:

    linear-gradient(
        90deg,
        transparent,
        #e4bd55,
        transparent
    );

}

.luxury-membership-card:after{

    content:"";

    position:absolute;

    top:-120%;

    left:-80%;

    width:60%;

    height:300%;

    background:

    linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.12),
        transparent
    );

    transform:rotate(25deg);

    transition:.8s;

}

.luxury-membership-card:hover:after{

    left:140%;

}

.luxury-membership-card:hover{

    transform:translateY(-15px);

    box-shadow:

    0 45px 100px rgba(0,0,0,.45);

}

.luxury-featured{

    transform:translateY(-30px);

}

.luxury-featured:hover{

    transform:translateY(-45px);

}

.luxury-badge{

    position:absolute;

    top:18px;

    right:18px;

    background:

    linear-gradient(
        135deg,
        #e7c766,
        #b88925
    );

    color:#fff;

    padding:8px 16px;

    border-radius:30px;

    font-size:10px;

    letter-spacing:2px;

}

.membership-top-icon{

    width:82px;

    height:82px;

    margin:10px auto 28px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:

    linear-gradient(
        135deg,
        #f0d27b,
        #b88925
    );

    color:#fff;

    font-size:30px;

    box-shadow:

    0 15px 40px rgba(201,150,50,.45);

}

.luxury-membership-card h3{

    font-family:'Playfair Display',serif;

    font-size:30px;

    color:#fff;

    margin:20px 0;

}

.membership-price{

    font-family:'Playfair Display',serif;

    font-size:50px;

    font-weight:700;

    color:#e0b44d;

}

.membership-type{

    color:#bdbdbd;

    font-size:11px;

    letter-spacing:3px;

}

.luxury-membership-card ul{

    list-style:none;

    padding:0;

    margin:35px 0;
}

.luxury-membership-card ul li{

    color:#ddd;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    font-size:14px;

    margin-bottom:15px;

}

.luxury-membership-card ul li i{

    color:#e0b44d;

}

.luxury-membership-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:14px 38px;

    border-radius:50px;

    background:

    linear-gradient(
        135deg,
        #e8c96c,
        #b88925
    );

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.4s;

}

.luxury-membership-card a:hover{

    transform:translateY(-5px);

    box-shadow:

    0 15px 35px rgba(201,150,50,.45);

}

.luxury-membership-cta{

    margin-top:100px;

    text-align:center;

}

.luxury-membership-cta h3{

    font-family:'Playfair Display',serif;

    font-size:38px;

    color:#111;

    margin-bottom:55px;

}

.luxury-membership-cta a{

    position:relative;

    display:inline-flex;

    align-items:center;

    gap:14px;

    padding:18px 45px;

    background:

    linear-gradient(
        135deg,
        #111,
        #2b2114
    );

    color:#f2d27b;

    border-radius:50px;

    border:1px solid #c99632;

    font-family:'Playfair Display',serif;

    font-size:15px;

    letter-spacing:.5px;

    text-decoration:none;

    box-shadow:

    0 15px 40px rgba(0,0,0,.25);

    transition:.5s ease;

    overflow:hidden;

}

.luxury-membership-cta a i{

    width:32px;

    height:32px;

    display:flex;

    align-items:center;


    justify-content:center;

    border-radius:50%;

    background:

    linear-gradient(
        135deg,
        #e7c766,
        #b88925
    );

    color:#111;

    font-size:14px;

}

.luxury-membership-cta a:before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:70%;

    height:100%;

    background:

    linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );

    transition:.8s;

}

.luxury-membership-cta a:hover:before{

    left:130%;

}

.luxury-membership-cta a:hover{

    transform:translateY(-6px);

    background:

    linear-gradient(
        135deg,
        #c99632,
        #e7c766
    );

    color:#111;

    box-shadow:

    0 25px 60px rgba(201,150,50,.45);

}

.luxury-membership-cta a:hover i{

    background:#111;

    color:#e7c766;

}

@media(max-width:991px){

    .luxury-membership-grid{

        grid-template-columns:1fr;

        max-width:520px;

        margin:auto;

        gap:30px;

    }

    .luxury-featured{

        transform:none;

    }

    .luxury-featured:hover{

        transform:translateY(-8px);

    }

}

@media(max-width:768px){

    .mw-luxury-membership{

        padding:75px 20px;

    }

    .luxury-membership-heading{

        margin-bottom:50px;

    }

    .luxury-membership-heading span{

        font-size:11px;

        letter-spacing:4px;

    }

    .luxury-membership-heading h2{

        font-size:42px;

        line-height:1.15;

        margin:15px 0;

    }

    .luxury-membership-heading p{

        font-size:15px;

        max-width:420px;

    }

    .luxury-membership-card{

        padding:45px 30px;

    }

    .membership-top-icon{

        width:70px;

        height:70px;

    }

}

@media(max-width:576px){

    .mw-luxury-membership{

        padding:60px 15px;

    }

    .luxury-membership-heading{

        margin-bottom:40px;

    }

    .luxury-membership-heading h2{

        font-size:34px;

    }

    .luxury-membership-heading p{

        font-size:14px;

        line-height:1.7;

    }

    .luxury-membership-grid{

        gap:25px;

    }

    .luxury-membership-card{

        padding:38px 22px;

        border-radius:0 45px 0 45px;

    }

    .luxury-membership-card h3{

        font-size:27px;

    }

    .membership-price{

        font-size:42px;

    }

    .membership-type{

        font-size:10px;

    }

    .luxury-membership-card ul{

        margin:30px 0;

    }

    .luxury-membership-card ul li{

        font-size:13px;

    }

    .luxury-membership-card a{

        padding:13px 30px;

    }

}

@media(max-width:480px){

    .mw-luxury-membership{

        padding:55px 12px;

    }

    .luxury-membership-heading h2{

        font-size:31px;

    }

    .luxury-membership-heading span{

        font-size:10px;

        letter-spacing:3px;

    }

    .luxury-membership-heading p{

        font-size:13px;

    }

    .luxury-membership-card{

        padding:35px 20px;

    }

    .membership-top-icon{

        width:62px;

        height:62px;

        font-size:22px;

    }

    .luxury-membership-card h3{


        font-size:24px;


    }

    .membership-price{

        font-size:38px;

    }

    .luxury-membership-card ul li{

        font-size:12px;

        margin-bottom:12px;

    }

    .luxury-membership-card a{

        font-size:13px;

        padding:12px 25px;

    }

    .luxury-membership-cta{

        margin-top:65px;

    }

    .luxury-membership-cta h3{

        font-size:28px;

        line-height:1.3;

        margin-bottom:35px;

    }

    .luxury-membership-cta a{

        padding:15px 35px;

    }

}

@media(max-width:360px){

    .mw-luxury-membership{

        padding:45px 10px;

    }

    .luxury-membership-heading h2{

        font-size:28px;

    }

    .luxury-membership-heading p{

        font-size:12px;

    }

    .luxury-membership-card{

        padding:30px 15px;

    }

    .luxury-membership-card h3{

        font-size:22px;

    }

    .membership-price{

        font-size:34px;

    }

    .luxury-membership-card ul li{

        font-size:11px;

    }

    .luxury-membership-card a{

        padding:11px 20px;

        font-size:12px;

    }

    .luxury-membership-cta h3{

        font-size:24px;

    }

}

@media(max-width:300px){

    .luxury-membership-heading h2{

        font-size:24px;

    }

    .luxury-membership-card{

        padding:25px 12px;

    }

    .membership-price{

        font-size:30px;

    }

    .luxury-membership-card ul li{

        font-size:10px;

    }

    .luxury-membership-cta a{

        padding:12px 20px;

        font-size:11px;

    }

}

/* Home Page Gallery Section */
 /* ===============================
 PREMIUM GALLERY
================================ */


.mw-gallery-premium{


padding:120px 0;


background:

linear-gradient(
180deg,
#fffdf8,
#f8ead8
);


overflow:hidden;

}




/* HEADING */


.gallery-heading{


text-align:center;

max-width:750px;

margin:auto;

margin-bottom:70px;


}


.gallery-heading span{


color:#b8862c;

font-size:12px;

letter-spacing:6px;

font-weight:700;


}



.gallery-heading h2{


font-family:'Playfair Display',serif;

font-size:60px;

line-height:1.1;

color:#111;


}


.gallery-heading h2 em{


display:block;

color:#c99632;

font-style:italic;


}



.gallery-heading p{


color:#777;

line-height:1.8;


}







/* MAIN SHOWCASE */


.gallery-showcase{


display:flex;

justify-content:center;

align-items:center;

gap:25px;


}






/* LEFT RIGHT */


.gallery-left,
.gallery-right{


display:flex;

flex-direction:column;

gap:25px;


}







.gallery-small-card{


width:220px;

height:280px;

overflow:hidden;

position:relative;


border:1px solid #d6a341;


box-shadow:

0 25px 50px rgba(0,0,0,.15);


}





.gallery-left .gallery-small-card:first-child{


border-radius:

80px 0 80px 0;


}



.gallery-right .gallery-small-card:last-child{


border-radius:

0 80px 0 80px;


}






.gallery-small-card img,
.gallery-main-card img{


width:100%;

height:100%;

object-fit:cover;


transition:.8s;


}






/* CENTER */


.gallery-main-card{


width:430px;

height:580px;


position:relative;


overflow:hidden;


border:1px solid #d6a341;


border-radius:

0 120px 0 120px;


box-shadow:

0 40px 90px rgba(0,0,0,.20);


}




.gallery-main-card:hover img,
.gallery-small-card:hover img{


transform:scale(1.08);


}





/* ICON */


.zoom-icon{


position:absolute;


left:50%;

top:50%;


transform:translate(-50%,-50%) scale(0);


width:55px;

height:55px;


border-radius:50%;


background:#c99632;


color:white;


display:flex;

align-items:center;

justify-content:center;


transition:.4s;


}



.gallery-small-card:hover .zoom-icon,
.gallery-main-card:hover .zoom-icon{


transform:translate(-50%,-50%) scale(1);


}




/* LABEL */


/* Signature Label Top Left */

.gallery-main-label{

    position:absolute;

    top:25px;

    left:25px;

    bottom:auto;

    background:#fff;

    color:#b8862c;

    padding:10px 24px;

    border-radius:50px;

    font-size:12px;

    letter-spacing:2px;

    font-weight:600;

    z-index:5;

    box-shadow:

    0 10px 25px rgba(0,0,0,.15);

}

/* =====================================
991px
===================================== */


@media(max-width:991px){


.gallery-showcase{

    gap:18px;

}



.gallery-small-card{

    width:170px;

    height:230px;

}



.gallery-main-card{

    width:350px;

    height:500px;

}



}






/* =====================================
768px
===================================== */


@media(max-width:768px){



.mw-gallery-premium{

    padding:80px 15px;

}



.gallery-heading h2{

    font-size:42px;

}



.gallery-showcase{


    flex-direction:column;


}



.gallery-left,
.gallery-right{


    flex-direction:row;


    justify-content:center;


}



.gallery-small-card{


    width:150px;


    height:200px;


}



.gallery-main-card{


    width:90%;


    height:480px;


    order:-1;


}




}





/* =====================================
576px
===================================== */


@media(max-width:576px){



.gallery-heading h2{


    font-size:34px;


}



.gallery-heading span{


    letter-spacing:4px;


}



.gallery-main-card{


    height:400px;


}



.gallery-small-card{


    width:130px;


    height:180px;


}




.zoom-icon{


    width:45px;

    height:45px;


}


}





/* =====================================
480px
===================================== */


@media(max-width:480px){



.gallery-left,
.gallery-right{


    gap:12px;


}



.gallery-small-card{


    width:120px;


    height:160px;


}



.gallery-main-card{


    height:360px;


}



}





/* =====================================
360px
===================================== */


@media(max-width:360px){



.gallery-small-card{


    width:105px;


    height:140px;


}



.gallery-main-card{


    height:320px;


}



.gallery-heading h2{


    font-size:28px;


}


}





/* =====================================
300px
===================================== */


@media(max-width:300px){



.gallery-small-card{


    width:90px;


    height:120px;


}



.gallery-main-card{


    height:280px;


}



}

/* =====================================
Gallery Reveal
===================================== */


.gallery-hide{


opacity:0;


transform:

translateY(60px);


transition:.9s ease;


}



.gallery-show{


opacity:1;


transform:

translateY(0);


}




.gallery-main-card.gallery-hide{


transform:

translateY(80px)
scale(.94);


}



.gallery-main-card.gallery-show{


transform:

translateY(0)
scale(1);


}





.gallery-small-card:hover{


transform:

translateY(-8px);


transition:.4s;


}

/* =====================================
   PREMIUM GALLERY BUTTON
===================================== */


.gallery-bottom-button{


    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-top:55px;


}





.gallery-bottom-button a{


    display:inline-flex;


    align-items:center;


    justify-content:center;


    gap:14px;


    padding:14px 38px;


    border-radius:50px;


    background:


    linear-gradient(

        135deg,

        #111111,

        #2b2115

    );


    color:#e7c766;


    border:1px solid #c99632;


    text-decoration:none;


    font-size:14px;


    font-weight:600;


    letter-spacing:.4px;


    box-shadow:


    0 15px 35px rgba(0,0,0,.25);


    transition:.5s ease;


}





.gallery-bottom-button a i{


    width:30px;


    height:30px;


    display:flex;


    align-items:center;


    justify-content:center;


    border-radius:50%;


    background:#e7c766;


    color:#111;


    font-size:12px;


    transition:.4s ease;


}





.gallery-bottom-button a:hover{


    transform:translateY(-6px);


    background:


    linear-gradient(

        135deg,

        #e7c766,

        #b88925

    );


    color:#111;


    box-shadow:


    0 20px 45px rgba(201,150,50,.45);


}





.gallery-bottom-button a:hover i{


    background:#111;


    color:#e7c766;


}








/* ================================
   991px
================================ */


@media(max-width:991px){


.gallery-bottom-button{


    margin-top:45px;


}



}








/* ================================
   768px
================================ */


@media(max-width:768px){


.gallery-bottom-button a{


    padding:13px 32px;


    font-size:13px;


}



.gallery-bottom-button a i{


    width:28px;


    height:28px;


}



}








/* ================================
   576px
================================ */


@media(max-width:576px){


.gallery-bottom-button{


    margin-top:40px;


}



.gallery-bottom-button a{


    padding:12px 28px;


    font-size:13px;


}



.gallery-bottom-button a i{


    width:26px;


    height:26px;


    font-size:10px;


}



}








/* ================================
   480px
================================ */


@media(max-width:480px){


.gallery-bottom-button a{


    padding:11px 24px;


    font-size:12px;


}



}








/* ================================
   360px
================================ */


@media(max-width:360px){


.gallery-bottom-button{


    margin-top:35px;


}



.gallery-bottom-button a{


    padding:10px 20px;


    font-size:11px;


    gap:10px;


}



.gallery-bottom-button a i{


    width:24px;


    height:24px;


}



}








/* ================================
   300px
================================ */


@media(max-width:300px){


.gallery-bottom-button a{


    padding:9px 16px;


    font-size:10px;


}



.gallery-bottom-button a i{


    width:22px;


    height:22px;


}



}

/* =====================================
   GALLERY LIGHTBOX
===================================== */


.gallery-lightbox{


    position:fixed;


    inset:0;


    background:

    rgba(0,0,0,.90);


    display:flex;


    align-items:center;


    justify-content:center;


    z-index:9999;


    opacity:0;


    visibility:hidden;


    transition:.4s;


}




.gallery-lightbox.active{


    opacity:1;


    visibility:visible;


}






.gallery-lightbox-image{


    max-width:80%;


    max-height:85%;


    object-fit:contain;


    border-radius:20px;


    box-shadow:

    0 30px 80px rgba(0,0,0,.5);


    animation:

    zoomImage .5s ease;


}




@keyframes zoomImage{


from{

transform:scale(.7);

opacity:0;

}


to{

transform:scale(1);

opacity:1;

}


}







.gallery-close{


    position:absolute;


    top:30px;


    right:40px;


    width:50px;


    height:50px;


    border-radius:50%;


    border:none;


    background:#c99632;


    color:#111;


    font-size:30px;


    cursor:pointer;


}






.gallery-prev,
.gallery-next{


    position:absolute;


    top:50%;


    transform:translateY(-50%);


    width:55px;


    height:55px;


    border-radius:50%;


    border:1px solid #c99632;


    background:#111;


    color:#e7c766;


    font-size:18px;


    cursor:pointer;


}





.gallery-prev{


    left:50px;


}





.gallery-next{


    right:50px;


}






.gallery-prev:hover,
.gallery-next:hover{


    background:#c99632;


    color:#111;


}







@media(max-width:576px){


.gallery-lightbox-image{


    max-width:90%;


}



.gallery-prev{


    left:15px;


}



.gallery-next{


    right:15px;


}



.gallery-close{


    top:20px;


    right:20px;


}


}

/* Home Page Video Section */
/* ==========================
 VIDEO SHOWCASE
========================== */


.mw-video-showcase{

padding:120px 0;

background:#fffaf3;

}



.mw-video-heading{

text-align:center;

max-width:800px;

margin:auto;

margin-bottom:70px;

}



.mw-video-heading span{

color:#b8862c;

letter-spacing:5px;

font-size:13px;

font-weight:700;

}



.mw-video-heading h2{

font-size:58px;

line-height:1.2;

margin:20px 0;

}



.mw-video-heading h2 em{

color:#c99632;

font-style:italic;

display:block;

}



.mw-video-heading p{

color:#777;

font-size:16px;

}





.mw-video-layout{

display:grid;

grid-template-columns:1.2fr .8fr;

gap:30px;

}





.mw-main-video{

height:600px;

position:relative;

overflow:hidden;

border-radius:0 90px 0 90px;

border:1px solid #c99632;

}



.mw-main-video video{

width:100%;

height:100%;

object-fit:cover;

}



.mw-video-play{

position:absolute;

top:50%;

left:50%;

transform:translate(-50%,-50%);

width:90px;

height:90px;

border-radius:50%;

background:#c99632;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

}



.mw-video-title{

position:absolute;

top:20px;

left:20px;

bottom:auto;

padding:10px 28px;

background:white;

color:#b8862c;

border-radius:50px;

font-size:18px;

font-weight:600;

letter-spacing:2px;

font-family:'Lato',sans-serif;

text-transform:capitalize;

box-shadow:0 10px 25px rgba(0,0,0,.15);

}



.mw-video-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:25px;

}





.mw-video-card{

height:285px;

position:relative;

overflow:hidden;

border-radius:30px;

}

.mw-video-play{
    cursor:pointer;
}

.mw-video-card:hover .video-overlay{

cursor:pointer;

}

.mw-video-card video{

width:100%;

height:100%;

object-fit:cover;

}



.video-overlay{

position:absolute;

inset:0;

background:rgba(0,0,0,.35);

display:flex;

align-items:center;

justify-content:center;

color:white;

font-size:35px;

}





.mw-video-button{

text-align:center;

margin-top:55px;

}



.mw-video-button a{


display:inline-flex;

align-items:center;

justify-content:center;

gap:14px;


padding:16px 42px;


border-radius:50px;


background:

linear-gradient(
135deg,
#111111,
#2b2115
);


color:#e7c766;


border:1px solid #c99632;


text-decoration:none;


font-size:14px;


font-weight:600;


letter-spacing:.5px;


box-shadow:

0 15px 35px rgba(0,0,0,.25);


transition:.4s ease;


}



.mw-video-button a i{


width:32px;

height:32px;


display:flex;

align-items:center;

justify-content:center;


border-radius:50%;


background:#e7c766;


color:#111;


font-size:12px;


transition:.4s ease;


}



.mw-video-button a:hover{


transform:translateY(-6px);


background:

linear-gradient(
135deg,
#e7c766,
#b88925
);


color:#111;


box-shadow:

0 20px 45px rgba(201,150,50,.45);


}



.mw-video-button a:hover i{


background:#111;

color:#e7c766;


}



/* 991 */

@media(max-width:991px){

.mw-video-layout{

grid-template-columns:1fr;

}


.mw-main-video{

height:500px;

}

}



/* 768 */

@media(max-width:768px){

.mw-video-heading h2{

font-size:42px;

}


.mw-video-card{

height:220px;

}

}



/*576*/

@media(max-width:576px){

.mw-video-heading h2{

font-size:34px;

}


.mw-main-video{

height:380px;

}


.mw-video-grid{

grid-template-columns:1fr;

}


.mw-video-card{

height:250px;

}

}


/*480*/

@media(max-width:480px){

.mw-video-heading h2{

font-size:30px;

}

}


/*360*/

@media(max-width:360px){

.mw-video-heading h2{

font-size:26px;

}


.mw-main-video{

height:300px;

}

}


/*300*/

@media(max-width:300px){

.mw-video-heading h2{

font-size:23px;

}

}

/* =====================================
   MOBILE ONLY VIDEO SECTION FIX
===================================== */


@media(max-width:576px){


.mw-video-layout{

    grid-template-columns:1fr;

    gap:20px;

}



.mw-main-video{

    height:320px;

    border-radius:0 60px 0 60px;

}



.mw-video-grid{

    grid-template-columns:1fr 1fr;

    gap:15px;

}



.mw-video-card{

    height:170px;

    border-radius:20px;

}



.mw-video-play{

    width:65px;

    height:65px;

    font-size:22px;

}



.mw-video-title{

    font-size:20px;

    left:20px;

    bottom:20px;

}


}




@media(max-width:480px){


.mw-main-video{

    height:290px;

}



.mw-video-card{

    height:150px;

}



.mw-video-heading h2{

    font-size:30px;

}


}





@media(max-width:360px){


.mw-main-video{

    height:250px;

}



.mw-video-card{

    height:130px;

}



.mw-video-grid{

    gap:10px;

}



.mw-video-play{

    width:55px;

    height:55px;

    font-size:18px;

}


}




@media(max-width:300px){


.mw-main-video{

    height:220px;

}



.mw-video-card{

    height:115px;

}



.mw-video-heading h2{

    font-size:23px;

}


}

@media(max-width:576px){

.mw-video-button a{

    padding:11px 24px;

    font-size:12px;

    gap:10px;

}


.mw-video-button a i{

    width:26px;

    height:26px;

    font-size:10px;

}

}

@media(max-width:360px){

.mw-video-button a{

    padding:12px 28px;

    font-size:12px;

}


.mw-video-button a i{

    width:28px;

    height:28px;

}

}

.video-hide{

opacity:0;

transform:translateY(50px);

transition:.8s ease;

}


.video-show{

opacity:1;

transform:translateY(0);

}

/* =====================================
   MOBILE VIDEO CARD FINAL FIX
===================================== */

@media(max-width:576px){

.mw-main-video{

    height:260px !important;

    border-radius:0 55px 0 55px;

}



/* video proper crop */

.mw-main-video video{

    object-fit:cover;

}



/* title badge fix */

.mw-video-title{

    top:18px !important;

    left:18px !important;

    bottom:auto !important;

    padding:10px 22px !important;

    font-size:13px !important;

    line-height:1.2;

    width:auto !important;

    max-width:220px;

    white-space:nowrap;

}



/* small videos */

.mw-video-card{

    height:140px !important;

}



/* gap control */

.mw-video-grid{

    gap:14px !important;

}


}

/* Home Page Franchise Section */
/* =====================================
   MOONWALK FRANCHISE SECTION
===================================== */


.mw-franchise-section{

padding:120px 0;

background:#fffaf3;

}



.mw-franchise-wrapper{

display:grid;

grid-template-columns:1fr 1fr;

align-items:center;

gap:80px;

}



/* IMAGE */

.mw-franchise-image{

height:620px;

position:relative;

overflow:hidden;

border-radius:0 120px 0 120px;

}



.mw-franchise-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.8s ease;

}



.mw-franchise-image:hover img{

transform:scale(1.05);

}



.mw-franchise-image-overlay{

position:absolute;

inset:0;

background:

linear-gradient(

180deg,

transparent,

rgba(0,0,0,.35)

);

}




.mw-franchise-tag{

position:absolute;

top:30px;

left:30px;

z-index:2;

background:#fff;

color:#b8862c;

padding:12px 32px;

border-radius:50px;

font-size:12px;

font-weight:600;

letter-spacing:2px;

box-shadow:0 10px 30px rgba(0,0,0,.15);

}




/* CONTENT */


.mw-franchise-small-title{

color:#b8862c;

font-size:13px;

letter-spacing:5px;

font-weight:700;

}



.mw-franchise-content h2{

font-family:'Playfair Display';

font-size:58px;

line-height:1.2;

margin:22px 0;

color:#111;

}



.mw-franchise-content h2 span{

display:block;

color:#c99632;

font-style:italic;

}



.mw-franchise-content>p{

font-size:16px;

line-height:1.8;

color:#777;

max-width:520px;

}





/* BENEFITS */


.mw-franchise-benefits{

margin-top:40px;

}



.mw-franchise-item{

display:flex;

align-items:center;

gap:22px;

margin-bottom:25px;

padding:18px 20px;

border-radius:22px;

border:1px solid rgba(201,150,50,0.55);

background:#fffaf3;

box-shadow:
0 10px 30px rgba(201,150,50,0.10);

transition:.4s ease;

position:relative;

overflow:hidden;

}



.mw-franchise-item::after{

content:"";

position:absolute;

left:0;

top:0;

height:100%;

width:4px;

background:#c99632;

border-radius:10px;

}



.mw-franchise-item:hover{

background:#ffffff;

border-color:#c99632;

box-shadow:
0 18px 40px rgba(201,150,50,0.22);

transform:translateY(-4px);

}




.mw-franchise-icon{

transition:.4s ease;

box-shadow:
0 8px 20px rgba(201,150,50,0.30);

}




.mw-franchise-item:hover .mw-franchise-icon{

transform:scale(1.12) rotate(8deg);

background:#111;

color:#e7c766;

}



.mw-franchise-icon{

width:62px;

height:62px;

flex-shrink:0;

border-radius:50%;

background:#d99825;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

transition:.4s ease;

}



.mw-franchise-item:hover .mw-franchise-icon{

transform:rotate(10deg) scale(1.1);

background:#111;

}



.mw-franchise-item h4{

font-family:'Playfair Display';

font-size:20px;

margin:0 0 6px;

color:#111;

}



.mw-franchise-item p{

margin:0;

font-size:14px;

color:#777;

}





/* BUTTON */


.mw-franchise-btn{

display:inline-flex;

align-items:center;

gap:18px;

margin-top:25px;

padding:16px 38px;

background:#111;

color:#e7c766;

border-radius:50px;

text-decoration:none;

font-size:14px;

font-weight:600;

border:1px solid #c99632;

transition:.5s ease;

}



.mw-franchise-btn span{

width:35px;

height:35px;

border-radius:50%;

background:#e7c766;

color:#111;

display:flex;

align-items:center;

justify-content:center;

transition:.5s ease;

}



.mw-franchise-btn:hover{

background:#d99825;

color:#111;

transform:translateY(-5px);

box-shadow:0 20px 40px rgba(201,150,50,.35);

}



.mw-franchise-btn:hover span{

background:#111;

color:#e7c766;

}




/* =====================================
   991
===================================== */


@media(max-width:991px){


.mw-franchise-wrapper{

grid-template-columns:1fr;

gap:50px;

}



.mw-franchise-image{

height:500px;

}



.mw-franchise-content h2{

font-size:45px;

}



}





/* =====================================
   768
===================================== */


@media(max-width:768px){


.mw-franchise-section{

padding:80px 0;

}



.mw-franchise-image{

height:420px;

border-radius:0 80px 0 80px;

}



.mw-franchise-content h2{

font-size:38px;

}



}





/* =====================================
   576
===================================== */


@media(max-width:576px){


.mw-franchise-section{

padding:60px 15px;

}



.mw-franchise-image{

height:330px;

}



.mw-franchise-tag{

top:20px;

left:20px;

padding:10px 22px;

font-size:11px;

}



.mw-franchise-content h2{

font-size:32px;

}



.mw-franchise-item{

gap:15px;

}



.mw-franchise-icon{

width:50px;

height:50px;

font-size:18px;

}



.mw-franchise-item h4{

font-size:17px;

}



.mw-franchise-btn{

padding:14px 28px;

}

}





/* =====================================
   360
===================================== */


@media(max-width:360px){


.mw-franchise-content h2{

font-size:28px;

}



.mw-franchise-small-title{

font-size:11px;

letter-spacing:3px;

}



.mw-franchise-item p{

font-size:13px;

}



}


@media(max-width:576px){

.mw-franchise-content{

    text-align:center;

}


.mw-franchise-small-title{

    display:block;

}


.mw-franchise-content h2{

    text-align:center;

}


.mw-franchise-content > p{

    margin-left:auto;
    margin-right:auto;

}



.mw-franchise-item{

    text-align:left;

}


.mw-franchise-btn{

    margin-left:auto;
    margin-right:auto;

}

.mw-franchise-btn{

    padding:12px 24px;

    font-size:12px;

}


.mw-franchise-btn span{

    width:28px;

    height:28px;

}

}

/* Animation */

.franchise-hide{

opacity:0;

transform:translateY(50px);

transition:.8s ease;

}



.franchise-show{

opacity:1;

transform:translateY(0);

}  

/* Home Page Testimonials Section */
.mw-story-section{

padding:120px 0;

background:

radial-gradient(
circle at 10% 30%,
rgba(201,150,50,.18),
transparent 35%
),

radial-gradient(
circle at 90% 80%,
rgba(201,150,50,.12),
transparent 30%
),

linear-gradient(
135deg,
#fffaf3,
#f2dfc4
);

position:relative;

overflow:hidden;

}




.mw-story-section::before{

content:"";

position:absolute;

width:450px;

height:450px;

background:#c99632;

opacity:.08;

border-radius:50%;

filter:blur(100px);

left:-200px;

top:100px;

}





/* ===============================
   HEADING
=============================== */


.mw-story-heading{

text-align:center;

max-width:750px;

margin:0 auto 80px;

position:relative;

z-index:2;

}


.mw-story-heading span{

font-size:12px;

letter-spacing:7px;

font-weight:700;

color:#c99632;

}



.mw-story-heading h2{

font-family:'Playfair Display';

font-size:60px;

line-height:1.15;

color:#111;

margin:20px 0;

}



.mw-story-heading h2 em{

display:block;

color:#c99632;

font-style:italic;

}



.mw-story-heading p{

font-size:16px;

color:#666;

}





/* ===============================
   MAIN WRAPPER
=============================== */


.mw-story-wrapper{

display:grid;

grid-template-columns:.8fr 1.2fr;

gap:80px;

align-items:center;

position:relative;

z-index:2;

}





/* ===============================
   LEFT INTRO
=============================== */


.mw-story-intro{

position:relative;

}



.mw-story-number{

font-size:90px;

font-family:'Playfair Display';

color:rgba(201,150,50,.18);

font-weight:700;

line-height:1;

}



.mw-story-intro h3{

font-family:'Playfair Display';

font-size:42px;

line-height:1.2;

color:#111;

margin:10px 0 20px;

}



.mw-story-intro p{

font-size:16px;

line-height:1.8;

color:#555;

max-width:350px;

}





.mw-story-service{

margin-top:35px;

display:flex;

align-items:center;

gap:15px;

}



.mw-story-service i{

width:55px;

height:55px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#111;

color:#d6a33a;

font-size:20px;

}



.mw-story-service span{

font-family:'Playfair Display';

font-size:18px;

color:#111;

}





/* ===============================
   CARDS AREA
=============================== */


.mw-story-cards{

position:relative;

height:420px;

}




.mw-story-card{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

display:flex;

align-items:center;

gap:45px;

padding:45px;

border-radius:35px;

background:

rgba(255,255,255,.75);

border:1px solid rgba(201,150,50,.35);

box-shadow:

0 30px 70px rgba(0,0,0,.12);

backdrop-filter:blur(15px);


opacity:0;

visibility:hidden;

transform:

translateY(50px)
scale(.95);


transition:.7s ease;

}



.mw-story-card.active{

opacity:1;

visibility:visible;

transform:

translateY(0)
scale(1);

}





/* ===============================
   IMAGE
=============================== */


.mw-story-image{

width:220px;

height:280px;

flex-shrink:0;

border-radius:

110px 110px 35px 35px;

overflow:hidden;

border:3px solid #c99632;

padding:6px;

background:#fff;

}



.mw-story-image img{

width:100%;

height:100%;

object-fit:cover;

border-radius:

100px 100px 30px 30px;

}





/* ===============================
   CONTENT
=============================== */


.mw-story-stars{

font-size:20px;

letter-spacing:5px;

color:#c99632;

margin-bottom:20px;

}



.mw-story-content p{

font-size:18px;

line-height:1.8;

font-style:italic;

color:#444;

}



.mw-story-content h4{

font-family:'Playfair Display';

font-size:30px;

color:#111;

margin:25px 0 5px;

}



.mw-story-content span{

color:#777;

font-size:14px;

}





/* ===============================
   NAVIGATION
=============================== */


.mw-story-navigation{

display:flex;

justify-content:center;

align-items:center;

gap:25px;

margin-top:50px;

position:relative;

z-index:3;

}



.mw-story-navigation button{

width:55px;

height:55px;

border-radius:50%;

border:none;

background:#111;

color:#d6a33a;

font-size:18px;

cursor:pointer;

transition:.4s;

}



.mw-story-navigation button:hover{

background:#c99632;

color:#111;

transform:translateY(-5px);

}




.mw-story-dots{

display:flex;

gap:10px;

}



.mw-story-dots span{

width:10px;

height:10px;

border-radius:50%;

background:#cdb28a;

}



.mw-story-dots span.active{

background:#c99632;

transform:scale(1.3);

}





/* ===============================
   TABLET
=============================== */


@media(max-width:991px){


.mw-story-wrapper{

grid-template-columns:1fr;

gap:50px;

}


.mw-story-intro{

text-align:center;

}


.mw-story-intro p{

margin:auto;

}


.mw-story-service{

justify-content:center;

}


}





/* ===============================
   MOBILE
=============================== */


@media(max-width:768px){


.mw-story-section{

padding:80px 15px;

}



.mw-story-heading h2{

font-size:40px;

}



.mw-story-wrapper{

gap:40px;

}



.mw-story-intro h3{

font-size:32px;

}



.mw-story-cards{

height:600px;

}



.mw-story-card{

flex-direction:column;

text-align:center;

padding:30px 20px;

gap:25px;

}



.mw-story-image{

width:150px;

height:190px;

}



.mw-story-content p{

font-size:15px;

}



.mw-story-content h4{

font-size:25px;

}



}





@media(max-width:576px){


.mw-story-heading h2{

font-size:32px;

}



.mw-story-cards{

height:620px;

}


}  

/* =======================================
   MOBILE PREMIUM CLIENT STORIES FIX
======================================= */

@media(max-width:768px){

.mw-story-section{
    padding:70px 15px 90px;
}


/* Heading */

.mw-story-heading{
    margin-bottom:45px;
}

.mw-story-heading span{
    font-size:11px;
    letter-spacing:5px;
}


.mw-story-heading h2{
    font-size:34px;
    line-height:1.15;
    margin:18px 0;
}


.mw-story-heading p{
    font-size:15px;
    line-height:1.7;
    padding:0 10px;
}



/* Intro */

.mw-story-wrapper{
    display:flex;
    flex-direction:column;
    gap:25px;
}


.mw-story-intro{
    text-align:center;
}


.mw-story-number{

    font-size:70px;
    line-height:.8;
    margin-bottom:10px;

}


.mw-story-intro h3{

    font-size:30px;
    line-height:1.25;
    margin:5px 0 15px;

}


.mw-story-intro p{

    font-size:15px;
    line-height:1.7;
    max-width:320px;
    margin:auto;

}



.mw-story-service{

    margin-top:25px;
    justify-content:center;

}


.mw-story-service i{

    width:48px;
    height:48px;

}


.mw-story-service span{

    font-size:17px;

}



/* Card Area */

.mw-story-cards{

    width:100%;
    height:560px;
    margin-top:15px;

}



.mw-story-card{

    width:100%;
    height:auto;
    min-height:520px;

    flex-direction:column;

    justify-content:flex-start;

    padding:35px 22px;

    gap:25px;

    border-radius:35px;

    background:
    linear-gradient(
    145deg,
    rgba(255,255,255,.95),
    rgba(255,248,235,.95)
    );

}



/* Image */

.mw-story-image{

    width:170px;
    height:220px;

    border-radius:
    90px 90px 35px 35px;

    margin-top:5px;

}


.mw-story-image img{

    border-radius:
    80px 80px 30px 30px;

}



/* Content */

.mw-story-stars{

    font-size:18px;
    margin-bottom:15px;

}



.mw-story-content p{

    font-size:15px;
    line-height:1.8;

    max-width:280px;
    margin:auto;

}



.mw-story-content h4{

    font-size:26px;

    margin-top:20px;

}


.mw-story-content span{

    font-size:13px;

}



/* Navigation */

.mw-story-navigation{

    margin-top:20px;
    gap:20px;

}


.mw-story-navigation button{

    width:50px;
    height:50px;

}


}



/* Small Mobile */

@media(max-width:576px){


.mw-story-heading h2{

    font-size:30px;

}


.mw-story-number{

    font-size:60px;

}


.mw-story-cards{

    height:540px;

}


.mw-story-card{

    min-height:500px;
    padding:30px 18px;

}


.mw-story-image{

    width:150px;
    height:200px;

}


}

/* Home Page Blogs Section */
.mw-blog-luxury{

padding:120px 0;

background:#fffaf3;

}



/* =========================================
   HEADING
========================================= */


.mw-blog-title{

text-align:center;

max-width:850px;

margin:0 auto 75px;

}


.mw-blog-title span{

font-size:12px;

letter-spacing:6px;

font-weight:700;

color:#c99632;

}



.mw-blog-title h2{

font-family:'Playfair Display';

font-size:58px;

line-height:1.2;

color:#111;

margin:20px 0;

}



.mw-blog-title h2 em{

display:block;

font-style:italic;

color:#c99632;

}



.mw-blog-title p{

font-size:15px;

color:#777;

}





/* =========================================
   BLOG GRID
========================================= */


.mw-blog-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;

}





/* =========================================
   BLOG CARD
========================================= */


.mw-home-blog-card{

background:#fff;

border-radius:35px;

overflow:hidden;

border:1px solid rgba(201,150,50,.30);

display:flex;

flex-direction:column;

height:100%;

position:relative;

transition:.5s ease;

box-shadow:

0 15px 35px rgba(0,0,0,.05);

}





/* GOLD TOP LINE */


.mw-home-blog-card::before{

content:"";

position:absolute;

top:0;

left:0;

height:3px;

width:100%;

background:linear-gradient(

90deg,

#c99632,

#e7c766

);

z-index:5;

}




.mw-home-blog-card:hover{

transform:translateY(-12px);

box-shadow:

0 35px 80px rgba(201,150,50,.22);

}






/* =========================================
   IMAGE
========================================= */


.mw-blog-image{

height:280px;

overflow:hidden;

position:relative;

}



.mw-blog-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.8s ease;

}



.mw-home-blog-card:hover .mw-blog-image img{

transform:scale(1.08);

}





/* CATEGORY */

.mw-blog-image span{

position:absolute;

top:20px;

left:20px;

background:#111;

color:#e7c766;

padding:10px 22px;

border-radius:50px;

font-size:11px;

letter-spacing:2px;

font-weight:600;

}





/* =========================================
   CONTENT
========================================= */


.mw-blog-content{

padding:35px;

display:flex;

flex-direction:column;

flex:1;

}





.mw-blog-content h3{

font-family:'Playfair Display';

font-size:26px;

line-height:1.4;

color:#111;

margin:0 0 18px;

position:relative;

padding-bottom:18px;

}



.mw-blog-content h3::after{

content:"";

position:absolute;

left:0;

bottom:0;

height:2px;

width:45px;

background:#c99632;

transition:.4s ease;

}



.mw-home-blog-card:hover h3::after{

width:90px;

}





.mw-blog-content p{

font-size:14px;

line-height:1.8;

color:#777;

margin-bottom:25px;

}





/* =========================================
   META
========================================= */


.mw-blog-meta{

margin-top:auto;

display:flex;

justify-content:space-between;

align-items:center;

padding:14px 16px;

background:#fffaf3;

border:1px solid rgba(201,150,50,.18);

border-radius:12px;

font-size:11px;

}



.mw-blog-meta span:first-child{

color:#888;

}



.mw-blog-meta span:last-child{

color:#c99632;

font-weight:600;

}





/* =========================================
   READ ARTICLE BUTTON
========================================= */


.mw-blog-read{

margin-top:25px;

display:inline-flex;

align-items:center;

justify-content:center;

gap:12px;

width:max-content;

padding:12px 22px;

border-radius:50px;

background:#111;

color:#e7c766;

border:1px solid #c99632;

font-size:13px;

font-weight:600;

text-decoration:none;

transition:.4s ease;

}





.mw-blog-read i{

width:22px;

height:22px;

border-radius:50%;

background:#e7c766;

color:#111;

display:flex;

align-items:center;

justify-content:center;

font-size:10px;

transition:.4s ease;

}




.mw-blog-read:hover{

background:#c99632;

color:#111;

transform:translateY(-4px);

}



.mw-blog-read:hover i{

background:#111;

color:#e7c766;

transform:translateX(5px);

}





/* =========================================
   VIEW ALL BLOG BUTTON
========================================= */


.mw-blog-all-button{

text-align:center;

margin-top:70px;

}




.mw-blog-all-button a{

display:inline-flex;

align-items:center;

gap:15px;

padding:18px 45px;

background:#111;

color:#e7c766;

border-radius:50px;

border:1px solid #c99632;

text-decoration:none;

font-weight:600;

transition:.5s ease;

}





.mw-blog-all-button a:hover{

background:#c99632;

color:#111;

transform:translateY(-5px);

}





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


@media(max-width:991px){


.mw-blog-grid{

grid-template-columns:repeat(2,1fr);

}


}




@media(max-width:768px){


.mw-blog-grid{

grid-template-columns:1fr;

}


.mw-blog-title h2{

font-size:40px;

}


}




@media(max-width:576px){


.mw-blog-luxury{

padding:70px 15px;

}



.mw-blog-title h2{

font-size:32px;

}



.mw-blog-image{

height:240px;

}


.mw-blog-content{

padding:28px;

}


}

/* Home Page FAQ Section */
.mw-faq-title{

text-align:center;

margin-bottom:60px;

position:relative;

z-index:5;

}


.mw-faq-title span{

font-size:12px;

letter-spacing:6px;

font-weight:700;

color:#c99632;

}


.mw-faq-title h2{

font-family:'Playfair Display';

font-size:42px;

margin:15px 0 0;

color:#111;

}

.mw-faq-section{

padding:100px 0 140px;

background:

radial-gradient(
circle at 20% 40%,
rgba(201,150,50,.22),
transparent 32%
),

radial-gradient(
circle at 85% 30%,
rgba(255,255,255,.9),
transparent 35%
),

linear-gradient(
135deg,
#fffaf3,
#ead8bf
);

position:relative;

overflow:hidden;

}


.mw-faq-wrapper{

position:relative;

z-index:5;

display:grid;

grid-template-columns:.9fr 1.1fr;

gap:60px;

align-items:center;

}

.mw-faq-section::before{

content:"";

position:absolute;

left:-150px;

bottom:-150px;

width:350px;

height:350px;

background:

radial-gradient(
circle,
rgba(201,150,50,.12),
transparent 70%
);

border-radius:50%;

filter:blur(30px);

z-index:0;

}
/* =====================================
   LEFT CONTENT
===================================== */

.mw-faq-content{
position:relative;
z-index:10;
padding-left:40px;
max-width:520px;
}

/* .mw-faq-content::before{

content:"";

position:absolute;

inset:0;

background:rgba(255,250,243,0.12);

border-radius:15px;

z-index:-1;

} */


.mw-faq-content > span{

font-size:12px;

letter-spacing:6px;

font-weight:700;

color:#c99632;

}



.mw-faq-content h2{

font-family:'Playfair Display';

font-size:64px;

line-height:1.05;

color:#111;

margin:25px 0;

text-shadow:0 3px 15px rgba(255,255,255,.7);

letter-spacing:-1px;

}


.mw-faq-content h2 em{

display:block;

color:#c99632;

font-style:italic;

}


.mw-faq-content > p{

font-size:15px;

line-height:1.8;

color:#444;

max-width:390px;

}

/* Premium Badge */

.mw-faq-badge{

margin-top:40px;

display:flex;

align-items:center;

gap:18px;

padding:22px;

max-width:430px;

border-radius:22px;

background:#111;

border:1px solid #c99632;

box-shadow:

0 20px 50px rgba(0,0,0,.25);

}


.mw-faq-badge > i{

width:52px;

height:52px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#c99632;

color:#111;

font-size:19px;

flex-shrink:0;

}


.mw-faq-badge h4{

font-family:'Playfair Display';

font-size:18px;

color:#fff;

margin:0 0 5px;

}


.mw-faq-badge p{

margin:0;

font-size:13px;

color:#bbb;

}


/* =====================================
   FAQ LIST
===================================== */

.mw-faq-list{

display:flex;

flex-direction:column;

gap:18px;

}


.mw-faq-item{

position:relative;

border-radius:24px;

background:#fff;

border:1px solid rgba(201,150,50,.32);

overflow:hidden;

box-shadow:

0 15px 40px rgba(180,130,50,.15);

transition:.4s ease;

}


.mw-faq-item::before{

content:"";

position:absolute;

left:0;

top:0;

width:4px;

height:100%;

background:#c99632;

transform:scaleY(0);

transform-origin:top;

transition:.4s ease;

}


.mw-faq-item.active::before{

transform:scaleY(1);

}


.mw-faq-item:hover{

border-color:rgba(201,150,50,.7);

box-shadow:
0 18px 40px rgba(201,150,50,.12);

transform:translateY(-3px);

}


/* FAQ Button */

.mw-faq-item button{

width:100%;

border:0;

background:transparent;

display:flex;

align-items:center;

justify-content:space-between;

gap:20px;

padding:24px 26px;

text-align:left;

font-family:'Playfair Display';

font-size:20px;

font-weight:600;

color:#111;

cursor:pointer;

}


.mw-faq-item button span{

width:38px;

height:38px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#111;

color:#e7c766;

border:1px solid #c99632;

flex-shrink:0;

transition:.4s ease;

}


.mw-faq-item.active button span{

background:#c99632;

color:#111;

transform:rotate(45deg);

}


/* =====================================
   FAQ ANSWER
===================================== */

.mw-faq-answer{

max-height:0;

overflow:hidden;

opacity:0;

transition:
max-height .5s ease,
opacity .35s ease,
padding .4s ease;

padding:0 26px;

}


.mw-faq-answer p{

margin:0;

font-size:14px;

line-height:1.8;

color:#777;

padding:0 0 24px;

}


.mw-faq-item.active .mw-faq-answer{

max-height:250px;

opacity:1;

}


/* =====================================
   ACTIVE FAQ LOOK
===================================== */

.mw-faq-item.active{

background:
linear-gradient(
145deg,
#ffffff,
#fffaf3
);

border-color:#c99632;

box-shadow:
0 20px 50px rgba(201,150,50,.14);

}


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

@media(max-width:991px){

.mw-faq-wrapper{

grid-template-columns:1fr;

gap:50px;

}

.mw-faq-content{

position:relative;

top:auto;

text-align:center;

}

.mw-faq-content > p{

margin-left:auto;

margin-right:auto;

}

.mw-faq-badge{

margin-left:auto;

margin-right:auto;

text-align:left;

}

}



@media(max-width:768px){

.mw-faq-section{

padding:80px 15px;

}

.mw-faq-content h2{

font-size:42px;

}

.mw-faq-item button{

font-size:18px;

padding:22px;

}

}



@media(max-width:576px){

.mw-faq-section{

padding:70px 15px;

}

.mw-faq-content h2{

font-size:32px;

}

.mw-faq-content > span{

font-size:11px;

letter-spacing:4px;

}

.mw-faq-badge{

padding:18px;

}

.mw-faq-badge > i{

width:46px;

height:46px;

}

.mw-faq-item{

border-radius:18px;

}

.mw-faq-item button{

font-size:16px;

padding:20px 18px;

gap:15px;

}

.mw-faq-item button span{

width:34px;

height:34px;

}

.mw-faq-answer{

padding:0 18px;

}

} 

/* =====================================
   MOBILE FAQ OPTIMIZATION
===================================== */

@media(max-width:576px){

.mw-faq-section{

padding:45px 15px 60px;

}


/* TOP FAQ TITLE */

.mw-faq-title{

margin-bottom:35px;

}


.mw-faq-title span{

font-size:10px;

letter-spacing:5px;

}


.mw-faq-title h2{

font-size:32px;

line-height:1.15;

margin-top:12px;

}


/* WRAPPER */

.mw-faq-wrapper{

display:block;

}


/* LEFT CONTENT */

.mw-faq-content{

padding-left:0;

max-width:100%;

text-align:center;

}


.mw-faq-content > span{

font-size:10px;

letter-spacing:5px;

}


.mw-faq-content h2{

font-size:34px;

line-height:1.15;

margin:18px 0;

letter-spacing:-.5px;

}


.mw-faq-content > p{

font-size:15px;

line-height:1.7;

max-width:320px;

margin:0 auto;

}


/* BADGE */

.mw-faq-badge{

margin:35px auto 45px;

padding:18px;

width:90%;

border-radius:22px;

}


.mw-faq-badge > i{

width:48px;

height:48px;

}


.mw-faq-badge h4{

font-size:17px;

line-height:1.2;

}


.mw-faq-badge p{

font-size:12px;

}


/* FAQ LIST */

.mw-faq-list{

gap:16px;

}


.mw-faq-item{

border-radius:20px;

}


.mw-faq-item button{

padding:20px 18px;

font-size:17px;

line-height:1.4;

}


.mw-faq-item button span{

width:34px;

height:34px;

font-size:14px;

}


/* ANSWER */

.mw-faq-answer{

padding:0 18px;

}


.mw-faq-answer p{

font-size:13px;

line-height:1.7;

}


/* REMOVE BIG BACKGROUND EFFECT */

.mw-faq-section::before{

width:220px;

height:220px;

left:-100px;

bottom:-80px;

filter:blur(50px);

}


.mw-faq-section::after{

font-size:60px;

right:25px;

top:40px;

}


}

/* Terms & Conditions Page Banner Section */
.mw-terms-banner{

    min-height:420px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    position:relative;

    overflow:hidden;


    background:

    linear-gradient(
        rgba(0,0,0,.55),
        rgba(0,0,0,.75)
    ),

    url('/uploads/home_page_banner/banner_one.png');


    background-size:cover;

    background-position:center;

}



/* GOLD GLOW EFFECT */

.mw-terms-banner::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    background:#d6a33a;

    opacity:.12;

    filter:blur(120px);

    border-radius:50%;

    top:-150px;

    left:50%;

    transform:translateX(-50%);

}




.mw-terms-banner::after{

    content:"";

    position:absolute;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

    width:180px;

    height:3px;

    background:#d6a33a;

    box-shadow:0 0 20px #d6a33a;

}





.mw-terms-banner-content{

    position:relative;

    z-index:2;

    margin-top:40px;

}





.mw-terms-banner-content h1{

    font-family:'Playfair Display',serif;

    font-size:68px;

    font-weight:600;

    color:#fff;

    letter-spacing:.5px;

    margin-bottom:25px;

    text-shadow:

    0 10px 30px rgba(0,0,0,.5);

}




.mw-terms-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:16px;

}




.mw-terms-breadcrumb a{

    color:#d6a33a;

    text-decoration:none;

    font-weight:500;

}




.mw-terms-breadcrumb span{

    color:#fff;

}




/* =====================================
   TERMS BANNER MOBILE FINAL
===================================== */


@media(max-width:991px){

.mw-terms-banner{

    height:60vh;

    min-height:420px;

    background-size:cover;

    background-position:center;

}


.mw-terms-banner-content{

    position:absolute;

    top:50%;

    left:0;

    width:100%;

    transform:translateY(10%);

    padding:0 25px;

    text-align:center;

}


.mw-terms-banner-content h1{

    font-size:45px;

    line-height:1.2;

    margin-bottom:15px;

}


}



/* MOBILE */

@media(max-width:768px){


.mw-terms-banner{

    height:55vh;

    min-height:350px;

    max-height:380px;

}


.mw-terms-banner-content{

    top:50%;

    margin:0;

    padding:0 15px;

}


.mw-terms-banner-content h1{

    font-size:36px;

    line-height:1.15;

    margin-bottom:12px;

}



.mw-terms-breadcrumb{

    font-size:13px;

    justify-content:center;

}


}



/* SMALL MOBILE */

@media(max-width:480px){


.mw-terms-banner{

    height:52vh;

    min-height:330px;

}


.mw-terms-banner-content h1{

    font-size:30px;

}



.mw-terms-breadcrumb{

    font-size:12px;

}


}

/* Terms & Conditions Page Banner Section */
.mw-terms-policy-section{

    padding:120px 0;

    background:

    radial-gradient(
        circle at top left,
        rgba(201,150,50,.20),
        transparent 35%
    ),

    linear-gradient(
        180deg,
        #fff8ed,
        #f4e3c8
    );

    overflow:hidden;

    position:relative;

}







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


.mw-policy-header{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}


.mw-policy-header span{

    color:#b8862c;

    font-size:12px;

    letter-spacing:6px;

    font-weight:700;

}



.mw-policy-header h2{

    font-family:'Playfair Display',serif;

    font-size:58px;

    color:#111;

    margin:20px 0;

}



.mw-policy-header p{

    color:#666;

    line-height:1.8;

}








/* =========================
 DARK PREMIUM CARD
========================= */


.mw-policy-content-box{


    max-width:1050px;

    margin:auto;


    padding:75px;


    background:


    linear-gradient(
        145deg,
        #17120c,
        #080706
    );


    border-radius:45px;


    border:1px solid rgba(214,163,58,.65);


    position:relative;


    box-shadow:


    0 35px 80px rgba(0,0,0,.35);


    overflow:hidden;


    transition:.5s ease;


}






.mw-policy-content-box:hover{


    transform:translateY(-8px);


    box-shadow:


    0 45px 100px rgba(201,150,50,.25);


}






/* GOLD LIGHT EFFECT */


.mw-policy-content-box:before{


    content:"";


    position:absolute;


    width:350px;


    height:350px;


    right:-120px;


    top:-120px;


    background:#d6a33a;


    opacity:.12;


    filter:blur(90px);


    border-radius:50%;


}








.mw-policy-inner{


    position:relative;

    z-index:2;

}








/* ICON + TITLE */


.mw-policy-top{


    text-align:center;

    margin-bottom:45px;


}



.mw-policy-top i{


    width:70px;

    height:70px;


    display:flex;


    align-items:center;


    justify-content:center;


    margin:auto;


    border-radius:50%;


    background:#d6a33a;


    color:#111;


    font-size:28px;


    box-shadow:


    0 15px 35px rgba(214,163,58,.35);


}




.mw-policy-top h3{


    font-family:'Playfair Display',serif;


    font-size:38px;


    color:#fff;


    margin-top:25px;


}







/* CONTENT */


.mw-policy-content p{


    color:#d2d2d2;


    font-size:16px;


    line-height:2;


    margin-bottom:30px;


}







.mw-policy-content h4{


    color:#e7c766;


    font-family:'Playfair Display',serif;


    font-size:27px;


    margin:35px 0 12px;


    padding-left:25px;


    position:relative;


}




.mw-policy-content h4:before{


    content:"";


    position:absolute;


    left:0;


    top:12px;


    width:8px;


    height:8px;


    background:#d6a33a;


    border-radius:50%;


}






.mw-policy-content h4:after{


    content:"";


    display:block;


    width:55px;


    height:2px;


    background:#d6a33a;


    margin-top:12px;


}









/* =========================
 TABLET
========================= */


@media(max-width:991px){


.mw-policy-content-box{

    padding:55px;

}


.mw-policy-header h2{

    font-size:48px;

}


}







/* =========================
 MOBILE
========================= */


@media(max-width:768px){


.mw-terms-policy-section{

    padding:80px 15px;

}



.mw-policy-header h2{

    font-size:38px;

}



.mw-policy-content-box{

    padding:35px 25px;

    border-radius:30px;

}



.mw-policy-top h3{

    font-size:28px;

}



.mw-policy-content h4{

    font-size:21px;

}



.mw-policy-content p{

    font-size:14px;

    line-height:1.8;

}


}






@media(max-width:480px){


.mw-policy-header h2{

    font-size:32px;

}



.mw-policy-content-box{

    padding:30px 20px;

}


}

/* =====================================
   PREMIUM TERMS ANIMATION
===================================== */


.mw-premium-hidden{


    opacity:0;

    transform:

    translateY(40px)

    scale(.98);


    transition:

    all .8s cubic-bezier(.22,1,.36,1);


}




.mw-premium-show{


    opacity:1;


    transform:

    translateY(0)

    scale(1);


}




.mw-policy-top i.mw-premium-hidden{


    transform:

    scale(.5);


}



.mw-policy-top i.mw-premium-show{


    transform:

    scale(1);


}

/* =====================================
   MOONWALK LUXURY GOLD FRAME CARD
===================================== */


.mw-policy-content-box{

    position:relative;

    overflow:hidden;

    border:1px solid rgba(214,163,58,.55);

    transition:.5s ease;

}



/* outer gold frame */

.mw-policy-content-box:before{

    content:"";

    position:absolute;

    inset:8px;

    border-radius:35px;

    border:1px solid rgba(214,163,58,.25);

    pointer-events:none;

}





/* premium hover */


.mw-policy-content-box:hover{

    transform:translateY(-8px);


    border-color:#e7c766;


    box-shadow:

    0 30px 70px rgba(0,0,0,.45),

    inset 0 0 35px rgba(214,163,58,.08);


}







/* corner gold effect */


.mw-policy-content-box::after{


    content:"";


    position:absolute;


    width:120px;

    height:120px;


    right:-60px;

    bottom:-60px;


    background:#d6a33a;


    opacity:.18;


    border-radius:50%;


    filter:blur(35px);


    transition:.5s ease;


}



.mw-policy-content-box:hover::after{


    opacity:.35;


    transform:scale(1.3);


}







/* icon premium */


.mw-policy-top i{


    transition:.4s ease;


}



.mw-policy-content-box:hover .mw-policy-top i{


    transform:translateY(-5px);


    box-shadow:

    0 15px 35px rgba(214,163,58,.45);


}







/* heading */


.mw-policy-content h4{


    transition:.3s ease;


}



.mw-policy-content h4:hover{


    color:#e7c766;


}

/* Privacy Policy Page Section */
.mw-privacy-banner{

    min-height:420px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    position:relative;

    overflow:hidden;


    background:


    linear-gradient(

    rgba(0,0,0,.55),

    rgba(0,0,0,.75)

    ),


    url('/uploads/home_page_banner/banner_one.png');


    background-size:cover;

    background-position:center;

}




.mw-privacy-banner::after{


    content:"";


    position:absolute;


    bottom:0;


    left:50%;


    transform:translateX(-50%);


    width:180px;


    height:3px;


    background:#d6a33a;


    box-shadow:0 0 20px #d6a33a;


}






.mw-privacy-banner-content{


    position:relative;


    z-index:2;


    margin-top:40px;


}






.mw-privacy-banner-content h1{


    font-family:'Playfair Display',serif;


    font-size:68px;


    color:#fff;


    margin-bottom:20px;


}






.mw-privacy-breadcrumb{


    display:flex;


    justify-content:center;


    align-items:center;


    gap:15px;


    font-size:16px;


}




.mw-privacy-breadcrumb a{


    color:#d6a33a;


    text-decoration:none;


}





.mw-privacy-breadcrumb span{


    color:#fff;


}








/* =====================================
   PRIVACY MAIN SECTION
===================================== */


.mw-privacy-section{


    padding:120px 0;


    background:


    radial-gradient(

    circle at top right,

    rgba(214,163,58,.18),

    transparent 35%

    ),


    linear-gradient(

    180deg,

    #fff8ed,

    #f3dfc2

    );


    position:relative;


    overflow:hidden;


}








/* =====================================
   PRIVACY HEADER
===================================== */


.mw-privacy-header{


    max-width:850px;


    margin:0 auto 70px;


    text-align:center;


}




.mw-privacy-header span{


    color:#b8862c;


    font-size:12px;


    letter-spacing:6px;


    font-weight:700;


}





.mw-privacy-header h2{


    font-family:'Playfair Display',serif;


    font-size:58px;


    color:#111;


    line-height:1.2;


    margin:20px 0;

    white-space:nowrap;


}





.mw-privacy-header h2 em{

    display:inline;

    color:#c99632;

    font-style:italic;

}




.mw-privacy-header p{


    color:#666;


    font-size:16px;


    line-height:1.8;


}








/* =====================================
   PREMIUM PRIVACY CARD
===================================== */


.mw-privacy-card{


    max-width:1050px;


    margin:20px auto 0;


    padding:75px;


    background:


    linear-gradient(

    145deg,

    #17120c,

    #080706

    );


    border-radius:45px;


    border:1px solid rgba(214,163,58,.60);


    position:relative;


    overflow:hidden;


    box-shadow:


    0 35px 80px rgba(0,0,0,.35);


    transition:.5s ease;


}







.mw-privacy-card::before{


    content:"";


    position:absolute;


    inset:10px;


    border-radius:35px;


    border:1px solid rgba(214,163,58,.25);


    pointer-events:none;


}





.mw-privacy-card:hover{


    transform:translateY(-8px);


    border-color:#e7c766;


    box-shadow:


    0 45px 100px rgba(0,0,0,.35),


    0 0 45px rgba(214,163,58,.20);


}





.mw-privacy-inner{


    position:relative;


    z-index:2;


}

/* =====================================
   PRIVACY ICON + TITLE
===================================== */


.mw-privacy-top{

    text-align:center;

    margin-bottom:45px;

}




.mw-privacy-top i{


    width:75px;


    height:75px;


    display:flex;


    align-items:center;


    justify-content:center;


    margin:auto;


    border-radius:50%;


    background:#d6a33a;


    color:#111;


    font-size:30px;


    box-shadow:


    0 15px 35px rgba(214,163,58,.35);


    transition:.4s ease;


}





.mw-privacy-card:hover 
.mw-privacy-top i{


    transform:translateY(-5px);


    box-shadow:


    0 20px 45px rgba(214,163,58,.55);


}






.mw-privacy-top h3{


    font-family:'Playfair Display',serif;


    font-size:38px;


    color:#fff;


    margin-top:25px;


}







/* =====================================
   PRIVACY CONTENT
===================================== */


.mw-privacy-content p{


    color:#d2d2d2;


    font-size:16px;


    line-height:2;


    margin-bottom:30px;


}





.mw-privacy-content h4{


    color:#e7c766;


    font-family:'Playfair Display',serif;


    font-size:27px;


    margin:35px 0 12px;


    padding-left:25px;


    position:relative;


    transition:.3s ease;


}





.mw-privacy-content h4:hover{


    color:#fff;


    padding-left:32px;


}






.mw-privacy-content h4::before{


    content:"";


    position:absolute;


    left:0;


    top:12px;


    width:8px;


    height:8px;


    border-radius:50%;


    background:#d6a33a;


}







.mw-privacy-content h4::after{


    content:"";


    display:block;


    width:55px;


    height:2px;


    background:#d6a33a;


    margin-top:12px;


}









/* =====================================
   ANIMATION
===================================== */


.mw-privacy-hidden{


    opacity:0;


    transform:


    translateY(45px)

    scale(.97);


    transition:.8s cubic-bezier(.22,1,.36,1);


}






.mw-privacy-show{


    opacity:1;


    transform:


    translateY(0)

    scale(1);


}









/* =====================================
   TABLET
===================================== */


@media(max-width:991px){


.mw-privacy-card{


    padding:55px;


}



.mw-privacy-header h2{


    font-size:48px;


}



.mw-privacy-banner-content h1{


    font-size:48px;


}


}









/* =====================================
   MOBILE
===================================== */


@media(max-width:768px){


.mw-privacy-banner{


    min-height:350px;


}



.mw-privacy-banner-content h1{


    font-size:36px;


}



.mw-privacy-section{


    padding:80px 15px;


}




.mw-privacy-header h2{

    font-size:34px;

    white-space:normal;

}



.mw-privacy-header p{


    font-size:14px;


}



.mw-privacy-card{


    padding:35px 25px;


    border-radius:30px;


}



.mw-privacy-top h3{


    font-size:28px;


}



.mw-privacy-content h4{


    font-size:21px;


}



.mw-privacy-content p{


    font-size:14px;


    line-height:1.8;


}



.mw-privacy-breadcrumb{


    font-size:13px;


}



}








@media(max-width:480px){


.mw-privacy-header h2{


    font-size:32px;


}



.mw-privacy-card{


    padding:30px 20px;


}



.mw-privacy-banner{


    min-height:330px;


}



}

/* Contact Us Page Banner Section */
.mw-contact-banner{


    min-height:420px;


    display:flex;


    align-items:center;


    justify-content:center;


    text-align:center;


    position:relative;


    overflow:hidden;



    background:


    linear-gradient(

    rgba(0,0,0,.55),

    rgba(0,0,0,.75)

    ),


    url('/uploads/home_page_banner/banner_one.png');



    background-size:cover;


    background-position:center;



}





.mw-contact-banner::after{


    content:"";


    position:absolute;


    bottom:0;


    left:50%;


    transform:translateX(-50%);


    width:180px;


    height:3px;


    background:#d6a33a;


    box-shadow:0 0 20px #d6a33a;


}






.mw-contact-banner-content{


    position:relative;


    z-index:2;


    margin-top:40px;


}





.mw-contact-banner-content h1{


    font-family:'Playfair Display',serif;


    font-size:68px;


    font-weight:600;


    color:#fff;


    margin-bottom:20px;


    text-shadow:0 10px 30px rgba(0,0,0,.5);


}






.mw-contact-breadcrumb{


    display:flex;


    justify-content:center;


    align-items:center;


    gap:15px;


    font-size:16px;


}



.mw-contact-breadcrumb a{


    color:#d6a33a;


    text-decoration:none;


}




.mw-contact-breadcrumb span{


    color:#fff;


}







/* MOBILE */


@media(max-width:768px){


.mw-contact-banner{


    min-height:350px;


}



.mw-contact-banner-content h1{


    font-size:36px;


}



.mw-contact-breadcrumb{


    font-size:13px;


}


}

/* Contact Us Page First Section */
.mw-contact-luxury-final{

    padding:140px 0;

    background:

    radial-gradient(
        circle at left,
        rgba(214,163,58,.18),
        transparent 35%
    ),

    linear-gradient(
        180deg,
        #fff9ef,
        #f3d9b5
    );

}




/* WRAPPER */

.mw-contact-luxury-wrap{

    display:flex;

    align-items:center;

    gap:90px;

}






/* =========================
   IMAGE SECTION
========================= */


.mw-contact-luxury-image{

    width:45%;

    position:relative;

}






.mw-contact-luxury-image img{

    width:100%;

    height:620px;

    object-fit:cover;

    border-radius:90px;

    position:relative;

    z-index:2;


    box-shadow:

    0 40px 90px rgba(0,0,0,.22);

}







/* GOLD FRAME */


.mw-contact-luxury-image::before{

    content:"";

    position:absolute;

    inset:-12px;

    border:1px solid rgba(214,163,58,.55);

    border-radius:105px;

    z-index:1;

}







/* =========================
   PREMIUM FLOATING BADGE
========================= */


.mw-contact-image-card{

    position:absolute;

    left:18px;

    bottom:20px;


    width:190px;


    padding:30px 24px;


    background:

    linear-gradient(

        145deg,

        #241810,

        #090807

    );


    border-radius:45px;


    border:1px solid rgba(214,163,58,.55);


    color:#fff;


    z-index:5;


    box-shadow:

    0 30px 70px rgba(0,0,0,.40);


    overflow:hidden;

}







/* GOLD GLOW */


.mw-contact-image-card::after{


    content:"";


    position:absolute;


    width:100px;


    height:100px;


    right:-35px;


    bottom:-35px;


    background:#d6a33a;


    opacity:.18;


    filter:blur(35px);


    border-radius:50%;


}







/* GOLD TOP LINE */


.mw-contact-image-card::before{


    content:"";


    position:absolute;


    top:20px;


    left:25px;


    width:40px;


    height:2px;


    background:#d6a33a;


}







.mw-contact-image-card span{


    display:block;


    margin-top:18px;


    color:#d6a33a;


    font-size:8px;


    letter-spacing:5px;


}





.mw-contact-image-card h3{


    font-family:'Playfair Display',serif;


    font-size:24px;


    line-height:1.18;


    margin-top:20px;


    color:#fff;


}

/* =====================================

   MOONWALK LUXURY CONTACT SECTION

   FINAL PART 2

===================================== */


/* =========================
   RIGHT CONTENT
========================= */


.mw-contact-luxury-content{

    width:55%;

}





.mw-contact-label{

    font-size:11px;

    letter-spacing:8px;

    font-weight:700;

    color:#b8862c;

}






.mw-contact-luxury-content h2{


    font-family:'Playfair Display',serif;


    font-size:62px;


    line-height:1.08;


    color:#111;


    margin:22px 0;


}






.mw-contact-luxury-content p{


    font-size:16px;


    line-height:1.9;


    color:#666;


    max-width:520px;


}







/* =========================
   CONTACT INFORMATION
========================= */


.mw-contact-info{


    margin-top:45px;


}







.mw-contact-info-row{


    display:flex;


    align-items:center;


    gap:25px;


    padding:25px 0;


    border-bottom:1px solid rgba(0,0,0,.14);


    transition:.4s ease;


}





.mw-contact-info-row:hover{


    transform:translateX(8px);


}







/* PREMIUM ICON */


.mw-contact-icon{


    width:60px;


    height:60px;


    min-width:60px;


    border-radius:50%;


    background:


    linear-gradient(

    145deg,

    #17110c,

    #050505

    );


    display:flex;


    align-items:center;


    justify-content:center;


    color:#d6a33a;


    font-size:22px;


    border:1px solid rgba(214,163,58,.35);


    box-shadow:


    0 15px 35px rgba(0,0,0,.25);


}







.mw-contact-info-row h4{


    font-family:'Playfair Display',serif;


    font-size:23px;


    color:#111;


    margin:0 0 6px;


}





.mw-contact-info-row p{


    margin:0;


    font-size:14px;


    color:#666;


}







/* =========================
   BUTTON
========================= */



.mw-contact-luxury-btn{


    display:inline-flex;


    align-items:center;


    justify-content:center;


    gap:10px;


    margin-top:40px;


    padding:16px 40px;


    background:#111;


    color:#fff;


    border-radius:50px;


    text-decoration:none;


    font-size:14px;


    font-weight:500;


    transition:.4s ease;


}



/* Appointment icon */


.mw-contact-luxury-btn::before{


    content:"\f274";


    font-family:"Font Awesome 6 Free";


    font-weight:900;


    color:#d6a33a;


    font-size:15px;


}





.mw-contact-luxury-btn:hover{


    background:#d6a33a;


    color:#111;


    transform:translateY(-4px);


}








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


@media(max-width:991px){


.mw-contact-luxury-wrap{


    flex-direction:column;


}





.mw-contact-luxury-image,


.mw-contact-luxury-content{


    width:100%;


}





.mw-contact-luxury-image img{


    height:450px;


}





.mw-contact-image-card{


    left:15px;


    bottom:15px;


    width:160px;


    padding:25px 18px;


}





.mw-contact-image-card h3{


    font-size:20px;


}





.mw-contact-luxury-content h2{


    font-size:42px;


}


}




/* =====================================
   MOONWALK CONTACT MOBILE PREMIUM DESIGN
===================================== */


@media(max-width:768px){


.mw-contact-luxury-final{

    padding:70px 20px;

}



/* wrapper */

.mw-contact-luxury-wrap{

    display:block;

}



/* image */

.mw-contact-luxury-image{

    width:100%;

    margin-bottom:60px;

}



.mw-contact-luxury-image img{

    height:430px;

    border-radius:55px;

}




.mw-contact-luxury-image::before{

    inset:-8px;

    border-radius:65px;

}




/* floating card */


.mw-contact-image-card{

    left:15px;

    bottom:-25px;

    width:170px;

    padding:25px 20px;

    border-radius:40px;

}



.mw-contact-image-card h3{

    font-size:22px;

}




/* content */


.mw-contact-luxury-content{

    width:100%;

}



.mw-contact-label{

    font-size:10px;

    letter-spacing:6px;

}



.mw-contact-luxury-content h2{

    font-size:36px;

    line-height:1.15;

    margin:20px 0;

}



.mw-contact-luxury-content p{

    font-size:15px;

    line-height:1.8;

}





/* contact cards */


.mw-contact-info{

    margin-top:35px;

}



.mw-contact-info-row{


    background:rgba(255,255,255,.35);


    border:1px solid rgba(214,163,58,.18);


    border-radius:25px;


    padding:20px;


    margin-bottom:18px;


    gap:18px;


    box-shadow:

    0 15px 35px rgba(0,0,0,.08);


}



.mw-contact-icon{


    width:55px;


    height:55px;


    min-width:55px;


    background:#111;


    box-shadow:

    0 10px 25px rgba(0,0,0,.25);


}



.mw-contact-info-row h4{


    font-size:20px;


}




.mw-contact-info-row p{


    font-size:13px;


}





/* premium appointment button */





.mw-contact-luxury-btn{


    display:flex;


    width:max-content;


    margin:30px auto 0;


    padding:14px 30px;


    font-size:13px;


}



.mw-contact-luxury-btn::before{


    font-size:14px;


}






}

@media(max-width:576px){


.mw-contact-luxury-final{


    padding:80px 15px;


}





.mw-contact-image-card{


    width:145px;


}





.mw-contact-image-card h3{


    font-size:18px;


}





.mw-contact-luxury-content h2{


    font-size:34px;


}



}

.mw-contact-luxury-btn:hover::before{
    color:#111;
}

/* Contact Us Page Second Section */
.mw-luxury-contact-form{


    padding:150px 0;


    background:

    radial-gradient(

        circle at left,

        rgba(214,163,58,.18),

        transparent 35%

    ),


    linear-gradient(

        180deg,

        #fff8ed,

        #f2d1a3

    );


    position:relative;


    overflow:hidden;


}





.mw-luxury-contact-wrap{


    display:flex;


    align-items:center;


    justify-content:space-between;


    gap:100px;


}







/* =====================================
   LEFT CONTENT
===================================== */


.mw-luxury-contact-content{


    width:45%;


}





.mw-luxury-contact-tag{


    font-size:11px;


    letter-spacing:8px;


    color:#b8862c;


    font-weight:700;


}





.mw-luxury-contact-content h2{


    font-family:'Playfair Display',serif;


    font-size:64px;


    line-height:1.08;


    color:#111;


    margin:25px 0;


}





.mw-luxury-contact-content p{


    font-size:16px;


    line-height:1.9;


    color:#666;


    max-width:520px;


}







/* FEATURES */


.mw-luxury-contact-features{


    margin-top:45px;


}





.mw-luxury-feature{


    display:flex;


    align-items:center;


    gap:20px;


    margin-bottom:25px;


}





.feature-icon{


    width:58px;


    height:58px;


    min-width:58px;


    display:flex;


    align-items:center;


    justify-content:center;


    background:#111;


    color:#d6a33a;


    border-radius:50%;


    border:1px solid rgba(214,163,58,.5);


    box-shadow:

    0 15px 35px rgba(0,0,0,.25);


}





.mw-luxury-feature h4{


    font-family:'Playfair Display',serif;


    font-size:22px;


    margin:0 0 5px;


    color:#111;


}





.mw-luxury-feature span{


    font-size:14px;


    color:#777;


}







/* =====================================
   PREMIUM BLACK GOLD FORM CARD
===================================== */


.mw-luxury-form-card{


    width:55%;


    padding:65px;


    background:


    linear-gradient(

        145deg,

        #241810,

        #090807

    );


    border-radius:50px;


    border:1px solid rgba(214,163,58,.45);


    box-shadow:


    0 50px 120px rgba(0,0,0,.35);


    position:relative;


    overflow:hidden;


}







/* GOLD GLOW */


.mw-luxury-form-card::before{


    content:"";


    position:absolute;


    width:260px;


    height:260px;


    right:-100px;


    top:-100px;


    background:#d6a33a;


    opacity:.18;


    filter:blur(70px);


    border-radius:50%;


}






.mw-luxury-form-card::after{


    content:"";


    position:absolute;


    left:65px;


    bottom:35px;


    width:80px;


    height:3px;


    background:#d6a33a;


}







/* FORM TITLE */


.form-heading{


    position:relative;


    z-index:2;


}





.form-heading span{


    font-size:10px;


    letter-spacing:8px;


    color:#d6a33a;


    font-weight:700;


}





.form-heading h3{


    font-family:'Playfair Display',serif;


    font-size:40px;


    color:#fff;


    margin:15px 0 40px;


}







/* INPUT BOX */


.luxury-input{


    display:flex;


    align-items:center;


    gap:15px;


    padding:18px 22px;


    background:rgba(255,255,255,.08);


    border:1px solid rgba(214,163,58,.25);


    border-radius:20px;


    margin-bottom:20px;


    transition:.4s ease;


}





.luxury-input i{


    color:#d6a33a;


}

/* GOLD BORDER – ADD ONLY */
.luxury-input {
    background: #ffffff !important;
    border: 2px solid #d6a33a !important;
    box-shadow:
        0 0 0 1px rgba(255, 215, 120, 0.25),
        0 5px 15px rgba(214, 163, 58, 0.12) !important;
}

.luxury-input:focus-within {
    background: #ffffff !important;
    border-color: #f0b83f !important;
    box-shadow:
        0 0 0 3px rgba(214, 163, 58, 0.20),
        0 8px 20px rgba(214, 163, 58, 0.18) !important;
}

.luxury-input input::placeholder,
.luxury-input textarea::placeholder {
    color: #4a3b32 !important;
    font-size: 12px !important;
    opacity: 1 !important;
}

/* USER TYPED TEXT – DARK AND BOLD */
.luxury-input input,
.luxury-input textarea {
    color: #111111 !important;
    font-weight: 600 !important;
}

.luxury-input input,

.luxury-input textarea{


    width:100%;


    border:none;


    outline:none;


    background:transparent;


    color:#fff;


    font-size:14px;


}





.luxury-input input::placeholder,

.luxury-input textarea::placeholder{


    color:#c5b9aa;


}





.luxury-input textarea{


    height:140px;


    resize:none;


}





.luxury-input:focus-within{


    border-color:#d6a33a;


    background:rgba(255,255,255,.12);


    box-shadow:


    0 15px 35px rgba(214,163,58,.20);


}







/* PHONE EMAIL ROW */


.luxury-input-row{


    display:flex;


    gap:20px;


}





.luxury-input-row .luxury-input{


    width:50%;


}







/* SUBMIT BUTTON */


.luxury-submit-btn{


    display:inline-flex;


    align-items:center;


    justify-content:center;


    gap:12px;


    padding:17px 45px;


    background:#d6a33a;


    color:#111;


    border:none;


    border-radius:50px;


    font-size:14px;


    font-weight:600;


    cursor:pointer;


    transition:.4s ease;


}





.luxury-submit-btn i{


    color:#111;


}





.luxury-submit-btn:hover{


    background:#fff;


    transform:translateY(-5px);


}







/* =====================================
   TABLET
===================================== */


@media(max-width:991px){


.mw-luxury-contact-wrap{


    flex-direction:column;


}





.mw-luxury-contact-content,


.mw-luxury-form-card{


    width:100%;


}





.mw-luxury-contact-content h2{


    font-size:45px;


}





.mw-luxury-form-card{


    padding:45px;


}


}







/* =====================================
   MOBILE
===================================== */


@media(max-width:576px){


.mw-luxury-contact-form{


    padding:80px 15px;


}





.mw-luxury-contact-content h2{


    font-size:34px;


}





.mw-luxury-form-card{


    padding:30px 20px;


    border-radius:35px;


}





.form-heading h3{


    font-size:30px;


}





.luxury-input-row{


    display:block;


}





.luxury-input-row .luxury-input{


    width:100%;


}





.luxury-submit-btn{


    width:100%;

    
}



}

/* MOBILE CONTENT ALIGNMENT – FORM CARD UNTOUCHED */
@media (max-width: 576px) {

    .mw-luxury-contact-form {
        padding: 55px 15px !important;
    }

    .mw-luxury-contact-wrap {
        gap: 45px !important;
    }

    /* TOP CONTENT CENTER */
    .mw-luxury-contact-content {
        width: 100% !important;
        text-align: center !important;
    }

    .mw-luxury-contact-tag {
        display: block !important;
        font-size: 9px !important;
        letter-spacing: 5px !important;
        text-align: center !important;
        margin-bottom: 18px !important;
    }

    .mw-luxury-contact-content h2 {
        max-width: 340px !important;
        margin: 0 auto 22px !important;
        font-size: 34px !important;
        line-height: 1.1 !important;
        text-align: center !important;
    }

    .mw-luxury-contact-content > p {
        max-width: 350px !important;
        margin: 0 auto !important;
        font-size: 14px !important;
        line-height: 1.75 !important;
        text-align: center !important;
    }

    /* FEATURES CENTER */
    .mw-luxury-contact-features {
        width: fit-content !important;
        max-width: 100% !important;
        margin: 32px auto 0 !important;
    }

    .mw-luxury-feature {
        justify-content: flex-start !important;
        gap: 15px !important;
        margin-bottom: 20px !important;
        text-align: left !important;
    }

    .feature-icon {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
    }

    .mw-luxury-feature h4 {
        font-size: 20px !important;
        margin-bottom: 4px !important;
    }

    .mw-luxury-feature span {
        display: block !important;
        max-width: 260px !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}
/* Phone Email Same Style As Name */

.contact-field,
.luxury-input-row .luxury-input {
    width:100% !important;
}


.luxury-input-row {
    display:block !important;
}


.luxury-input-row .luxury-input {
    margin-bottom:20px;
}

/* Validation Error Spacing */

.error-message {

    display:block;

    margin-top:10px;

    margin-bottom:18px;

    color:#fff !important;

    font-size:13px;

    line-height:1.4;

}

.error-message-book {

    display:block;

    margin-top:10px;

    margin-bottom:18px;

    color:red !important;

    font-size:13px;

    line-height:1.4;

}

.mw-contact-info-row a {

    color: inherit;

    text-decoration: none;

}

.mw-contact-info-row a:hover {

    color: inherit;

    text-decoration: none;

}

/* Contact Us Page Third Section */
.mw-salon-map-section {
    position: relative;
    overflow: hidden;
    padding: 120px 0 140px;
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(214, 163, 58, 0.18),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(214, 163, 58, 0.15),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #fffaf3 0%,
            #f3d2a5 100%
        );
}


/* DECORATIVE BACKGROUND CIRCLES */

.mw-salon-map-section::before {
    content: "";
    position: absolute;
    top: 90px;
    left: -110px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(184, 134, 44, 0.25);
    border-radius: 50%;
}

.mw-salon-map-section::after {
    content: "";
    position: absolute;
    right: -80px;
    bottom: 40px;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(184, 134, 44, 0.25);
    border-radius: 50%;
}


/* SECTION HEADING */

.mw-map-heading {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 0 auto 60px;
    text-align: center;
}

.mw-map-tag {
    display: block;
    margin-bottom: 20px;
    color: #b8862c;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 8px;
}

.mw-map-heading h2 {
    margin: 0 0 22px;
    color: #111111;
    font-family: "Playfair Display", serif;
    font-size: 58px;
    line-height: 1.08;
}

.mw-map-heading p {
    max-width: 620px;
    margin: 0 auto;
    color: #665c53;
    font-size: 16px;
    line-height: 1.8;
}


/* MAP OUTER FRAME */

.mw-premium-map-frame {
    position: relative;
    z-index: 2;
    height: 590px;
    padding: 12px;
    overflow: hidden;
    background: linear-gradient(
        135deg,
        #e6b657,
        #8f5d13,
        #f5cd73
    );
    border-radius: 46px;
    box-shadow:
        0 40px 100px rgba(53, 31, 13, 0.28),
        0 0 0 8px rgba(255, 255, 255, 0.35);
}

.mw-premium-map-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 35px;
    filter:
        saturate(0.72)
        contrast(1.05)
        sepia(0.08);
}


/* GOLD DECORATIVE CORNERS */

.mw-map-gold-corner {
    position: absolute;
    z-index: 4;
    width: 85px;
    height: 85px;
    pointer-events: none;
}

.mw-map-corner-one {
    top: 28px;
    left: 28px;
    border-top: 3px solid #d6a33a;
    border-left: 3px solid #d6a33a;
    border-radius: 18px 0 0;
}

.mw-map-corner-two {
    right: 28px;
    bottom: 28px;
    border-right: 3px solid #d6a33a;
    border-bottom: 3px solid #d6a33a;
    border-radius: 0 0 18px;
}


/* FLOATING PREMIUM CARD */

.mw-map-floating-card {
    position: absolute;
    z-index: 5;
    left: 45px;
    bottom: 45px;
    display: flex;
    align-items: center;
    gap: 18px;
    max-width: calc(100% - 90px);
    padding: 20px 24px;
    background:
        radial-gradient(
            circle at top left,
            rgba(214, 163, 58, 0.23),
            transparent 38%
        ),
        rgba(14, 10, 8, 0.96);
    border: 1px solid rgba(214, 163, 58, 0.75);
    border-radius: 22px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(12px);
}

.mw-map-pin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    min-width: 54px;
    color: #111111;
    background: linear-gradient(
        135deg,
        #f2bd4f,
        #bd7f20
    );
    border-radius: 50%;
    box-shadow: 0 10px 25px rgba(214, 163, 58, 0.3);
}

.mw-map-pin i {
    font-size: 20px;
}

.mw-map-floating-content {
    padding-right: 18px;
}

.mw-map-floating-content span {
    display: block;
    margin-bottom: 4px;
    color: #d6a33a;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 3px;
}

.mw-map-floating-content h3 {
    margin: 0;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 24px;
}


/* DIRECTION BUTTON */

.mw-map-direction-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin-left: 15px;
    padding: 14px 24px;
    color: #111111;
    background: linear-gradient(
        135deg,
        #f0b63d,
        #d49325
    );
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.35s ease;
}

.mw-map-direction-button:hover {
    color: #111111;
    background: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(214, 163, 58, 0.25);
}


/* =====================================
   TABLET RESPONSIVE
===================================== */

@media (max-width: 991px) {

    .mw-map-heading h2 {
        font-size: 48px;
    }

    .mw-premium-map-frame {
        height: 520px;
    }
}


/* =====================================
   MOBILE RESPONSIVE
===================================== */

@media (max-width: 576px) {

    .mw-salon-map-section {
        padding: 70px 15px 85px;
    }

    .mw-map-heading {
        margin-bottom: 38px;
    }

    .mw-map-tag {
        margin-bottom: 16px;
        font-size: 8px;
        letter-spacing: 5px;
    }

    .mw-map-heading h2 {
        font-size: 35px;
        line-height: 1.1;
        margin-bottom: 17px;
    }

    .mw-map-heading p {
        font-size: 14px;
        line-height: 1.7;
    }

    .mw-premium-map-frame {
        height: 520px;
        padding: 7px;
        border-radius: 29px;
        box-shadow:
            0 25px 60px rgba(53, 31, 13, 0.25),
            0 0 0 5px rgba(255, 255, 255, 0.32);
    }

    .mw-premium-map-frame iframe {
        border-radius: 22px;
    }

    .mw-map-gold-corner {
        width: 55px;
        height: 55px;
    }

    .mw-map-corner-one {
        top: 18px;
        left: 18px;
    }

    .mw-map-corner-two {
        right: 18px;
        bottom: 18px;
    }

    .mw-map-floating-card {
        right: 22px;
        bottom: 22px;
        left: 22px;
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px;
        max-width: none;
        padding: 20px;
        text-align: center;
        border-radius: 20px;
    }

    .mw-map-pin {
        width: 46px;
        height: 46px;
        min-width: 46px;
    }

    .mw-map-floating-content {
        padding-right: 0;
    }

    .mw-map-floating-content span {
        font-size: 8px;
        letter-spacing: 2px;
    }

    .mw-map-floating-content h3 {
        font-size: 21px;
    }

    .mw-map-direction-button {
        width: 100%;
        margin: 2px 0 0;
        padding: 14px 20px;
    }
}

/* Gallery Page Banner Section */
/* =====================================
   GALLERY PAGE BANNER
===================================== */

.mw-gallery-page-banner {
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    text-align: center;

    background:
        linear-gradient(
            rgba(0, 0, 0, 0.55),
            rgba(0, 0, 0, 0.75)
        ),
        url('/uploads/home_page_banner/banner_one.png');

    background-size: cover;
    background-position: center;
}

.mw-gallery-page-banner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 180px;
    height: 3px;
    background: #d6a33a;
    box-shadow: 0 0 20px #d6a33a;
    transform: translateX(-50%);
}

.mw-gallery-page-banner-content {
    position: relative;
    z-index: 2;
    margin-top: 40px;
}

.mw-gallery-page-banner-content h1 {
    margin-bottom: 20px;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 68px;
    font-weight: 600;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.mw-gallery-page-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    font-size: 16px;
}

.mw-gallery-page-breadcrumb a {
    color: #d6a33a;
    text-decoration: none;
}

.mw-gallery-page-breadcrumb span {
    color: #ffffff;
}


/* MOBILE */

@media (max-width: 768px) {

    .mw-gallery-page-banner {
        min-height: 350px;
    }

    .mw-gallery-page-banner-content h1 {
        font-size: 36px;
    }

    .mw-gallery-page-breadcrumb {
        font-size: 13px;
    }
}

/* Gallery Page First Section */
.mw-gallery-collection {
    position: relative;
    overflow: hidden;
    padding: 125px 0;
    background:
        radial-gradient(circle at 5% 15%, rgba(214, 163, 58, 0.16), transparent 27%),
        radial-gradient(circle at 95% 85%, rgba(214, 163, 58, 0.14), transparent 24%),
        linear-gradient(180deg, #fffaf3 0%, #f4d6ae 100%);
}

.mw-gallery-collection::before,
.mw-gallery-collection::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(184, 134, 44, 0.22);
    border-radius: 50%;
}

.mw-gallery-collection::before {
    top: 85px;
    left: -115px;
    width: 270px;
    height: 270px;
}

.mw-gallery-collection::after {
    right: -80px;
    bottom: 80px;
    width: 200px;
    height: 200px;
}


/* HEADING */

.mw-gallery-heading {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

.mw-gallery-tag {
    display: block;
    margin-bottom: 18px;
    color: #b47a23;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 7px;
}

.mw-gallery-heading h2 {
    margin: 0 0 20px;
    color: #111;
    font-family: "Playfair Display", serif;
    font-size: 55px;
    font-weight: 600;
    line-height: 1.1;
}

.mw-gallery-heading p {
    max-width: 620px;
    margin: auto;
    color: #685c52;
    font-size: 16px;
    line-height: 1.8;
}


/* FILTERS */

.mw-gallery-filters {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 55px;
}

.mw-gallery-filter {
    padding: 13px 25px;
    color: #29221d;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(184, 134, 44, 0.45);
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.35s ease;
}

.mw-gallery-filter:hover,
.mw-gallery-filter.active {
    color: #fff;
    background: linear-gradient(135deg, #281a11, #0d0a08);
    border-color: #d6a33a;
    box-shadow: 0 10px 25px rgba(31, 19, 10, 0.2);
    transform: translateY(-3px);
}


/* GALLERY GRID */

.mw-gallery-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 300px;
    grid-auto-flow: dense;
    gap: 22px;
}

.mw-gallery-item {
    position: relative;
    overflow: hidden;
    background: #17100c;
    border: 2px solid rgba(214, 163, 58, 0.65);
    border-radius: 25px;
    box-shadow: 0 20px 50px rgba(47, 29, 14, 0.18);
    transition: 0.4s ease;
}

.mw-gallery-item:nth-child(3n + 1) {
    border-radius: 65px 24px 24px 24px;
}

.mw-gallery-item:nth-child(4n + 2) {
    border-radius: 24px 65px 24px 24px;
}

.mw-gallery-item.mw-gallery-tall {
    grid-row: span 2;
}

.mw-gallery-item.mw-gallery-wide {
    grid-column: span 2;
}

.mw-gallery-item.mw-gallery-hidden {
    display: none;
}

.mw-gallery-item > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.8s ease;
}

.mw-gallery-item:hover {
    transform: translateY(-7px);
    box-shadow: 0 30px 70px rgba(47, 29, 14, 0.3);
}

.mw-gallery-item:hover > img {
    transform: scale(1.08);
}


/* OVERLAY */

.mw-gallery-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
    padding: 28px;
    opacity: 0;
    background: linear-gradient(
        180deg,
        transparent 20%,
        rgba(12, 8, 6, 0.94) 100%
    );
    transition: 0.4s ease;
}

.mw-gallery-item:hover .mw-gallery-overlay {
    opacity: 1;
}

.mw-gallery-item-content {
    transform: translateY(18px);
    transition: 0.4s ease;
}

.mw-gallery-item:hover .mw-gallery-item-content {
    transform: translateY(0);
}

.mw-gallery-item-content span {
    display: block;
    margin-bottom: 7px;
    color: #e5aa37;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.mw-gallery-item-content h3 {
    margin: 0;
    color: #fff;
    font-family: "Playfair Display", serif;
    font-size: 24px;
    line-height: 1.2;
}

.mw-gallery-view {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    min-width: 48px;
    color: #111;
    background: linear-gradient(135deg, #f0b83f, #bc7e20);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transform: translateY(18px);
    transition: 0.4s ease;
}

.mw-gallery-item:hover .mw-gallery-view {
    transform: translateY(0);
}

.mw-gallery-view:hover {
    background: #fff;
}


/* LIGHTBOX */

.mw-gallery-lightbox {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 100px;
    visibility: hidden;
    opacity: 0;
    background: rgba(7, 5, 4, 0.96);
    backdrop-filter: blur(12px);
    transition: 0.35s ease;
}

.mw-gallery-lightbox.active {
    visibility: visible;
    opacity: 1;
}

.mw-lightbox-content {
    position: relative;
    width: 100%;
    max-width: 1050px;
    height: 78vh;
    overflow: hidden;
    background: #080605;
    border: 2px solid #d6a33a;
    border-radius: 28px;
    box-shadow: 0 30px 100px rgba(0, 0, 0, 0.65);
}

.mw-lightbox-content img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mw-lightbox-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 45px 30px 25px;
    text-align: center;
    background: linear-gradient(transparent, rgba(5, 3, 2, 0.94));
}

.mw-lightbox-caption span {
    display: block;
    margin-bottom: 5px;
    color: #d6a33a;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.mw-lightbox-caption h3 {
    margin: 0;
    color: #fff;
    font-family: "Playfair Display", serif;
    font-size: 27px;
}

.mw-lightbox-close,
.mw-lightbox-arrow {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111;
    background: #d6a33a;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s ease;
}

.mw-lightbox-close:hover,
.mw-lightbox-arrow:hover {
    background: #fff;
}

.mw-lightbox-close {
    top: 25px;
    right: 30px;
    width: 48px;
    height: 48px;
}

.mw-lightbox-arrow {
    top: 50%;
    width: 52px;
    height: 52px;
    transform: translateY(-50%);
}

.mw-lightbox-prev {
    left: 28px;
}

.mw-lightbox-next {
    right: 28px;
}


/* TABLET */

@media (max-width: 991px) {

    .mw-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mw-gallery-heading h2 {
        font-size: 46px;
    }

    .mw-gallery-lightbox {
        padding: 70px;
    }
}


/* MOBILE */

@media (max-width: 576px) {

    .mw-gallery-collection {
        padding: 75px 15px;
    }

    .mw-gallery-heading {
        margin-bottom: 32px;
    }

    .mw-gallery-tag {
        font-size: 8px;
        letter-spacing: 4px;
    }

    .mw-gallery-heading h2 {
        font-size: 36px;
    }

    .mw-gallery-heading p {
        font-size: 14px;
        line-height: 1.7;
    }

    .mw-gallery-filters {
        gap: 8px;
        margin-bottom: 38px;
    }

    .mw-gallery-filter {
        padding: 10px 15px;
        font-size: 11px;
    }

    .mw-gallery-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: 340px;
        gap: 18px;
    }

    .mw-gallery-item,
    .mw-gallery-item.mw-gallery-tall,
    .mw-gallery-item.mw-gallery-wide {
        grid-column: span 1;
        grid-row: span 1;
        border-radius: 24px;
    }

    .mw-gallery-overlay {
        padding: 20px;
        opacity: 1;
        background: linear-gradient(
            180deg,
            transparent 40%,
            rgba(10, 7, 5, 0.9) 100%
        );
    }

    .mw-gallery-item-content,
    .mw-gallery-view {
        transform: none;
    }

    .mw-gallery-item-content h3 {
        font-size: 21px;
    }

    .mw-gallery-view {
        width: 43px;
        height: 43px;
        min-width: 43px;
    }

    .mw-gallery-lightbox {
        padding: 70px 15px 30px;
    }

    .mw-lightbox-content {
        height: 70vh;
        border-radius: 20px;
    }

    .mw-lightbox-close {
        top: 15px;
        right: 15px;
        width: 42px;
        height: 42px;
    }

    .mw-lightbox-arrow {
        top: auto;
        bottom: 18px;
        width: 44px;
        height: 44px;
        transform: none;
    }

    .mw-lightbox-prev {
        left: 18px;
    }

    .mw-lightbox-next {
        right: 18px;
    }

    .mw-lightbox-caption {
        padding: 40px 60px 18px;
    }

    .mw-lightbox-caption h3 {
        font-size: 20px;
    }
}

/* =====================================
   FINAL FILTERS — ONE LINE ON MOBILE
===================================== */

@media only screen and (max-width: 991px) {

    .mw-gallery-filters {
        display: grid !important;
        grid-template-columns:
            max-content
            max-content
            max-content
            max-content
            max-content !important;

        grid-template-rows: 1fr !important;
        justify-content: start !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;

        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 35px !important;
        padding: 6px 2px 12px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch;
    }

    .mw-gallery-filters::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .mw-gallery-filter {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 9px 11px !important;

        font-size: 9px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
}

/* Gallery Equal Size Cards */

.mw-gallery-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:20px !important;
}


.mw-gallery-item{
    height:280px !important;
    grid-column:auto !important;
    grid-row:auto !important;
}


.mw-gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.mw-gallery-tall,
.mw-gallery-wide{
    grid-column:auto !important;
    grid-row:auto !important;
}

/* Mobile Gallery Same Card Design */

@media(max-width:576px){

    .mw-gallery-grid{

        display:grid !important;

        grid-template-columns:1fr !important;

        gap:40px !important;

    }


    .mw-gallery-item{

        width:100% !important;

        max-width:350px !important;

        height:360px !important;

        margin:0 auto !important;

    }


    .mw-gallery-item img{

        width:100% !important;

        height:100% !important;

        object-fit:cover !important;

    }

}

.mw-gallery-load-more{

    text-align:center;
    margin-top:50px;

}


.mw-gallery-load-more button{

    background:#111;
    color:#fff;

    border:1px solid #d6a33a;

    padding:14px 35px;

    border-radius:50px;

    font-size:14px;

    cursor:pointer;

    transition:.3s;

}


.mw-gallery-load-more button i{

    color:#d6a33a;
    margin-left:8px;

}


.mw-gallery-load-more button:hover{

    background:#d6a33a;
    color:#111;

}


.mw-gallery-load-more button:hover i{

    color:#111;

}

.mw-gallery-load-more button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}


.mw-gallery-load-more button i{
    margin-left:0;
    line-height:1;
    display:flex;
    align-items:center;
}

/* Video Page Banner Section */
.mw-video-page-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    overflow: hidden;
    text-align: center;

    background:
        linear-gradient(
            rgba(0, 0, 0, 0.55),
            rgba(0, 0, 0, 0.75)
        ),
        url('/uploads/home_page_banner/banner_one.png');

    background-size: cover;
    background-position: center;
}


/* GOLDEN BOTTOM LINE */

.mw-video-page-banner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 180px;
    height: 3px;
    background: #d6a33a;
    box-shadow: 0 0 20px #d6a33a;
    transform: translateX(-50%);
}


/* BANNER CONTENT */

.mw-video-page-banner-content {
    position: relative;
    z-index: 2;
    margin-top: 40px;
}

.mw-video-page-banner-content h1 {
    margin: 0 0 20px;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 68px;
    font-weight: 600;
    line-height: 1.1;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}


/* BREADCRUMB */

.mw-video-page-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    font-size: 16px;
}

.mw-video-page-breadcrumb a {
    color: #d6a33a;
    text-decoration: none;
    transition: 0.3s ease;
}

.mw-video-page-breadcrumb a:hover {
    color: #ffffff;
}

.mw-video-page-breadcrumb span {
    color: #ffffff;
}


/* =====================================
   MOBILE RESPONSIVE
===================================== */

@media (max-width: 768px) {

    .mw-video-page-banner {
        min-height: 350px;
        padding: 40px 15px;
    }

    .mw-video-page-banner-content {
        margin-top: 30px;
    }

    .mw-video-page-banner-content h1 {
        font-size: 36px;
    }

    .mw-video-page-breadcrumb {
        gap: 10px;
        font-size: 13px;
    }

    .mw-video-page-banner::after {
        width: 120px;
    }
}

/* Video Page First Section */
.mw-salon-video-library {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 135px 0 150px;
    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(199, 139, 48, 0.22),
            transparent 25%
        ),
        radial-gradient(
            circle at 92% 80%,
            rgba(117, 67, 25, 0.15),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #fffaf2 0%,
            #f8e7cd 47%,
            #ecc58f 100%
        );
}


/* PREMIUM BACKGROUND DECORATION */

.mw-salon-video-library::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 70px;
    left: -145px;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(172, 112, 28, 0.25);
    border-radius: 50%;
    box-shadow:
        0 0 0 40px rgba(184, 134, 44, 0.035),
        0 0 0 80px rgba(184, 134, 44, 0.025);
}

.mw-salon-video-library::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -130px;
    bottom: 100px;
    width: 290px;
    height: 290px;
    border: 1px solid rgba(172, 112, 28, 0.22);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(184, 134, 44, 0.035),
        0 0 0 70px rgba(184, 134, 44, 0.02);
}


/* ==========================================
   PREMIUM SECTION HEADING
========================================== */

.mw-video-library-heading {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto 55px;
    padding: 0 25px;
    text-align: center;
}

.mw-video-library-heading::before {
    content: "";
    display: block;
    width: 65px;
    height: 1px;
    margin: 0 auto 25px;
    background: linear-gradient(
        90deg,
        transparent,
        #a96d18,
        transparent
    );
}

.mw-video-library-tag {
    display: block;
    margin-bottom: 20px;
    color: #a96d18;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 8px;
}

.mw-video-library-heading h2 {
    margin: 0 0 22px;
    color: #17100c;
    font-family: "Playfair Display", serif;
    font-size: 64px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -1px;
}

.mw-video-library-heading p {
    max-width: 650px;
    margin: 0 auto;
    color: #66584e;
    font-size: 16px;
    line-height: 1.85;
}


/* ==========================================
   PREMIUM VIDEO CATEGORY MENU
========================================== */

.mw-video-category-menu {
    position: relative;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px;
    width: max-content;
    max-width: 100%;
    margin: 0 auto 65px;
    padding: 9px;
    background: rgba(255, 253, 249, 0.78);
    border: 1px solid rgba(173, 112, 28, 0.32);
    border-radius: 60px;
    box-shadow:
        0 18px 50px rgba(82, 47, 20, 0.13),
        inset 0 1px rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(15px);
}

.mw-video-category {
    position: relative;
    padding: 13px 24px;
    color: #4b3525;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.35s ease;
}

.mw-video-category:hover {
    color: #9d6519;
    background: rgba(214, 163, 58, 0.1);
}

.mw-video-category.active {
    color: #ffffff;
    background: linear-gradient(
        135deg,
        #3d2819,
        #130d09
    );
    border-color: #d6a33a;
    box-shadow:
        0 10px 25px rgba(52, 30, 14, 0.28),
        inset 0 1px rgba(255, 255, 255, 0.12);
    transform: translateY(-2px);
}


/* ==========================================
   EDITORIAL VIDEO GRID
========================================== */

.mw-video-library-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-flow: dense;
    grid-auto-rows: 255px;
    gap: 22px;
    padding: 28px;
    background: rgba(255, 251, 245, 0.46);
    border: 1px solid rgba(167, 104, 23, 0.25);
    border-radius: 48px;
    box-shadow:
        0 40px 100px rgba(77, 45, 20, 0.16),
        inset 0 1px rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
}


/* ==========================================
   VIDEO CARD
========================================== */

.mw-video-library-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: #fdf8f1;
    border: 1px solid rgba(184, 124, 37, 0.62);
    border-radius: 26px;
    box-shadow:
        0 18px 45px rgba(60, 34, 15, 0.2),
        inset 0 1px rgba(255, 255, 255, 0.8);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
}

.mw-video-library-card:hover {
    z-index: 4;
    border-color: #d59a35;
    box-shadow:
        0 30px 70px rgba(58, 33, 14, 0.3),
        0 0 0 5px rgba(214, 163, 58, 0.1);
    transform: translateY(-8px);
}

.mw-video-library-card.mw-video-hidden {
    display: none;
}


/* FIRST FEATURED VIDEO */

.mw-video-library-card:first-child {
    grid-column: span 2;
    grid-row: span 2;
    border-radius: 75px 28px 28px 28px;
}


/* OTHER EDITORIAL VIDEO SIZES */

.mw-video-library-card:nth-child(4) {
    grid-row: span 2;
    border-radius: 28px 70px 28px 28px;
}

.mw-video-library-card:nth-child(6) {
    grid-column: span 2;
    border-radius: 28px 28px 70px 28px;
}

.mw-video-library-card:nth-child(8) {
    grid-column: span 2;
    border-radius: 70px 28px 28px 28px;
}


/* ==========================================
   VIDEO AREA
========================================== */

.mw-video-media {
    position: absolute;
    inset: 0;
    height: 100%;
    overflow: hidden;
    background:
        linear-gradient(
            145deg,
            #e7cda9,
            #c89c5b
        );
}

.mw-video-media video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
        transform 1s cubic-bezier(0.2, 0.7, 0.2, 1),
        filter 0.5s ease;
}

.mw-video-library-card:hover .mw-video-media video {
    filter: saturate(1.08) contrast(1.03);
    transform: scale(1.07);
}


/* CINEMATIC VIDEO GRADIENT */

.mw-video-media-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(20, 12, 7, 0.08) 15%,
            transparent 42%,
            rgba(20, 12, 7, 0.92) 100%
        );
    pointer-events: none;
}


/* GOLD SHINE EFFECT */

.mw-video-media::after {
    content: "";
    position: absolute;
    top: 0;
    left: -140%;
    width: 70%;
    height: 100%;
    background: linear-gradient(
        110deg,
        transparent,
        rgba(255, 224, 165, 0.24),
        transparent
    );
    transform: skewX(-15deg);
    transition: left 0.9s ease;
    pointer-events: none;
}

.mw-video-library-card:hover .mw-video-media::after {
    left: 150%;
}


/* ==========================================
   PLAY BUTTON
========================================== */

.mw-video-card-play {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    padding-left: 3px;
    color: #ffffff;
    background: rgba(28, 18, 12, 0.83);
    border: 1px solid rgba(244, 190, 81, 0.95);
    border-radius: 50%;
    cursor: pointer;
    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.32),
        0 0 0 8px rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px);
    transform: translate(-50%, -50%);
    transition: 0.4s ease;
}

.mw-video-card-play::before {
    content: "";
    position: absolute;
    inset: -13px;
    border: 1px solid rgba(214, 163, 58, 0.45);
    border-radius: 50%;
    transition: 0.4s ease;
}

.mw-video-card-play:hover {
    color: #1b120c;
    background: linear-gradient(
        135deg,
        #f2c05a,
        #c68322
    );
    transform: translate(-50%, -50%) scale(1.1);
}

.mw-video-card-play:hover::before {
    inset: -18px;
    opacity: 0;
}

.mw-video-library-card:first-child .mw-video-card-play {
    width: 82px;
    height: 82px;
    font-size: 18px;
}


/* CATEGORY BADGE */

.mw-video-duration {
    position: absolute;
    z-index: 4;
    top: 18px;
    right: 18px;
    padding: 8px 14px;
    color: #ffffff;
    background: rgba(30, 19, 12, 0.8);
    border: 1px solid rgba(225, 171, 65, 0.75);
    border-radius: 50px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}


/* ==========================================
   VIDEO INFORMATION
========================================== */

.mw-video-card-details {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    min-height: 92px;
    padding: 22px;
    background: linear-gradient(
        180deg,
        transparent,
        rgba(15, 9, 6, 0.98)
    );
}

.mw-video-card-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    color: #1c120b;
    background: linear-gradient(
        135deg,
        #f3c15a,
        #c98420
    );
    border: 1px solid rgba(255, 229, 176, 0.6);
    border-radius: 50%;
    font-family: "Playfair Display", serif;
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.24);
}

.mw-video-card-details span {
    display: block;
    margin-bottom: 4px;
    overflow: hidden;
    color: #e5ad45;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.mw-video-card-details h3 {
    margin: 0;
    overflow: hidden;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 17px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mw-video-card-details > i {
    color: #e2a73b;
    font-size: 12px;
}

.mw-video-library-card:first-child .mw-video-card-details {
    min-height: 130px;
    padding: 34px;
}

.mw-video-library-card:first-child .mw-video-card-number {
    width: 48px;
    height: 48px;
    font-size: 13px;
}

.mw-video-library-card:first-child .mw-video-card-details h3 {
    font-size: 29px;
}


/* ==========================================
   PREMIUM VIDEO POPUP
========================================== */

.mw-video-preview {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 75px;
    visibility: hidden;
    opacity: 0;
    background:
        radial-gradient(
            circle at center,
            rgba(111, 67, 25, 0.28),
            transparent 48%
        ),
        rgba(14, 9, 6, 0.96);
    backdrop-filter: blur(18px);
    transition: 0.4s ease;
}

.mw-video-preview.active {
    visibility: visible;
    opacity: 1;
}

.mw-video-preview-box {
    position: relative;
    width: 100%;
    max-width: 1100px;
    height: 80vh;
    padding: 7px;
    overflow: hidden;
    background: linear-gradient(
        135deg,
        #f2c15f,
        #8e5718,
        #e7ad42
    );
    border-radius: 38px;
    box-shadow:
        0 40px 130px rgba(0, 0, 0, 0.75),
        0 0 0 8px rgba(255, 255, 255, 0.07);
}

.mw-video-preview-box video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #050403;
    border-radius: 31px;
}

.mw-video-preview-close {
    position: absolute;
    z-index: 3;
    top: 24px;
    right: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: #1c120b;
    background: linear-gradient(
        135deg,
        #f3c15b,
        #c98420
    );
    border: 1px solid rgba(255, 236, 195, 0.65);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    transition: 0.35s ease;
}

.mw-video-preview-close:hover {
    background: #ffffff;
    transform: rotate(90deg) scale(1.06);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .mw-video-library-heading h2 {
        font-size: 50px;
    }

    .mw-video-library-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 290px;
        padding: 22px;
        border-radius: 38px;
    }

    .mw-video-library-card:first-child {
        grid-column: span 2;
    }

    .mw-video-library-card:nth-child(4) {
        grid-row: span 1;
    }

    .mw-video-library-card:nth-child(6),
    .mw-video-library-card:nth-child(8) {
        grid-column: span 1;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 576px) {

    .mw-salon-video-library {
        padding: 80px 12px 95px;
    }

    .mw-video-library-heading {
        margin-bottom: 35px;
        padding: 0 8px;
    }

    .mw-video-library-heading::before {
        margin-bottom: 20px;
    }

    .mw-video-library-tag {
        margin-bottom: 15px;
        font-size: 8px;
        letter-spacing: 4px;
    }

    .mw-video-library-heading h2 {
        margin-bottom: 17px;
        font-size: 39px;
        line-height: 1.08;
    }

    .mw-video-library-heading p {
        font-size: 14px;
        line-height: 1.7;
    }


    /* MOBILE CATEGORY SCROLL */

    .mw-video-category-menu {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 40px;
        padding: 7px;
        overflow-x: auto;
        border-radius: 40px;
        scrollbar-width: none;
    }

    .mw-video-category-menu::-webkit-scrollbar {
        display: none;
    }

    .mw-video-category {
        flex: 0 0 auto;
        padding: 10px 15px;
        font-size: 10px;
        white-space: nowrap;
    }


    /* MOBILE EDITORIAL GRID */

    .mw-video-library-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 245px;
        gap: 12px;
        padding: 10px;
        border-radius: 28px;
    }

    .mw-video-library-card,
    .mw-video-library-card:nth-child(3n + 1),
    .mw-video-library-card:nth-child(3n),
    .mw-video-library-card:nth-child(4),
    .mw-video-library-card:nth-child(6),
    .mw-video-library-card:nth-child(8) {
        grid-column: span 1;
        grid-row: span 1;
        border-radius: 19px;
    }

    .mw-video-library-card:first-child {
        grid-column: span 2;
        grid-row: span 2;
        border-radius: 55px 20px 20px 20px;
    }

    .mw-video-library-card:nth-child(6) {
        grid-column: span 2;
        height: 290px;
        border-radius: 20px 20px 55px 20px;
    }

    .mw-video-card-play {
        width: 48px;
        height: 48px;
        font-size: 12px;
        box-shadow:
            0 10px 25px rgba(0, 0, 0, 0.3),
            0 0 0 5px rgba(255, 255, 255, 0.1);
    }

    .mw-video-library-card:first-child .mw-video-card-play {
        width: 68px;
        height: 68px;
    }

    .mw-video-duration {
        top: 12px;
        right: 12px;
        padding: 6px 10px;
        font-size: 7px;
    }

    .mw-video-card-details {
        grid-template-columns: 1fr auto;
        gap: 7px;
        min-height: 75px;
        padding: 13px;
    }

    .mw-video-card-number {
        display: none;
    }

    .mw-video-card-details span {
        font-size: 6px;
        letter-spacing: 1px;
    }

    .mw-video-card-details h3 {
        font-size: 14px;
    }

    .mw-video-library-card:first-child .mw-video-card-details {
        grid-template-columns: auto 1fr auto;
        min-height: 110px;
        padding: 23px;
    }

    .mw-video-library-card:first-child .mw-video-card-number {
        display: flex;
        width: 42px;
        height: 42px;
    }

    .mw-video-library-card:first-child .mw-video-card-details h3 {
        font-size: 23px;
    }

    .mw-video-preview {
        padding: 65px 12px 22px;
    }

    .mw-video-preview-box {
        height: 72vh;
        padding: 4px;
        border-radius: 23px;
    }

    .mw-video-preview-box video {
        border-radius: 19px;
    }

    .mw-video-preview-close {
        top: 12px;
        right: 14px;
        width: 43px;
        height: 43px;
    }
}

.mw-video-library-grid,
.mw-video-library-collection,
.mw-video-collection-wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* VIDEO FILTERS — EXACTLY LIKE GALLERY */
.mw-video-category-menu {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 65px !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.mw-video-category {
    width: auto !important;
    min-width: 110px !important;
    margin: 0 !important;
    padding: 14px 24px !important;

    color: #211109 !important;
    background: #fffaf3 !important;
    border: 1px solid #dfa64a !important;
    border-radius: 50px !important;
    box-shadow: none !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transform: none !important;
}

.mw-video-category:hover,
.mw-video-category.active {
    color: #ffffff !important;
    background: #170c07 !important;
    border-color: #e5a72d !important;
    box-shadow: 0 9px 20px rgba(91, 52, 17, 0.20) !important;
    transform: none !important;
}


/* MOBILE — ALL FILTERS IN ONE LINE */
@media only screen and (max-width: 576px) {

    .mw-video-category-menu {
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 7px !important;
        width: 100% !important;
        padding: 5px 2px 12px !important;
        margin: 0 auto 35px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
    }

    .mw-video-category-menu::-webkit-scrollbar {
        display: none !important;
    }

    .mw-video-category {
        min-width: max-content !important;
        flex: 0 0 auto !important;
        padding: 10px 12px !important;
        font-size: 10px !important;
    }
}

/* Video 3 Column Layout */

.mw-video-library-grid{

    display:grid !important;

    grid-template-columns:repeat(3,1fr) !important;

    gap:25px !important;

    grid-auto-rows:320px !important;

}


/* Remove Featured Card Size */

.mw-video-library-card,
.mw-video-library-card:first-child,
.mw-video-library-card:nth-child(4),
.mw-video-library-card:nth-child(6),
.mw-video-library-card:nth-child(8){

    grid-column:auto !important;

    grid-row:auto !important;

    height:320px !important;

    border-radius:26px !important;

}


/* Keep Video Design */

.mw-video-media video{

    object-fit:cover !important;

}

@media(max-width:576px){

    .mw-video-library-grid{

        display:grid !important;

        grid-template-columns:1fr !important;

        gap:35px !important;

    }


    .mw-video-library-card,
    .mw-video-library-card:first-child,
    .mw-video-library-card:nth-child(2),
    .mw-video-library-card:nth-child(3),
    .mw-video-library-card:nth-child(4),
    .mw-video-library-card:nth-child(5),
    .mw-video-library-card:nth-child(6){

        width:100% !important;

        height:320px !important;

        max-width:100% !important;

        margin:0 auto !important;

        grid-column:auto !important;

        grid-row:auto !important;

    }


    .mw-video-media,
    .mw-video-media video{

        height:100% !important;

        width:100% !important;

        object-fit:cover !important;

    }

}

/* First Video Card Title Same As Other Cards */

.mw-video-library-card:first-child .mw-video-card-details h3{

    font-size:17px !important;

    line-height:1.2 !important;

    white-space:nowrap !important;

    overflow:hidden !important;

    text-overflow:ellipsis !important;

}


.mw-video-library-card:first-child .mw-video-card-details{

    min-height:92px !important;

    padding:22px !important;

}

/* First Video Card Number Same Size */

.mw-video-library-card:first-child .mw-video-card-number{

    width:37px !important;

    height:37px !important;

    font-size:11px !important;

}

/* Video Load More Button */

.mw-video-load-more{

    text-align:center;

    margin-top:50px;

}



.mw-video-load-more button{

    background:#111;

    color:#fff;

    border:1px solid #d6a33a;

    padding:14px 35px;

    border-radius:50px;

    font-size:14px;

    cursor:pointer;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    transition:.3s;

}



.mw-video-load-more button i{

    color:#d6a33a;

    font-size:13px;

}



.mw-video-load-more button:hover{

    background:#d6a33a;

    color:#111;

}



.mw-video-load-more button:hover i{

    color:#111;

}


/* About Us Banner Section */
.mw-about-page-banner {
    position: relative;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    isolation: isolate;
    text-align: center;

    background:
        linear-gradient(
            135deg,
            rgba(18, 9, 5, 0.60),
            rgba(22, 11, 6, 0.84)
        ),
        url('/uploads/home_page_banner/banner_one.png');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/* PREMIUM GOLDEN OVERLAY */

.mw-about-page-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(214, 163, 58, 0.18),
            transparent 42%
        );
}


/* BOTTOM GOLD LINE */

.mw-about-page-banner::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 190px;
    height: 3px;

    background: linear-gradient(
        90deg,
        transparent,
        #d6a33a,
        transparent
    );

    box-shadow: 0 0 22px rgba(214, 163, 58, 0.85);
    transform: translateX(-50%);
}


/* BANNER CONTENT */

.mw-about-banner-content {
    position: relative;
    z-index: 2;
    margin-top: 35px;
    padding: 30px 20px;
}


/* SMALL TAG */

.mw-about-banner-tag {
    display: block;
    margin-bottom: 16px;
    color: #eab64b;

    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 6px;
    text-transform: uppercase;
}


/* MAIN HEADING */

.mw-about-banner-content h1 {
    margin: 0 0 22px;
    color: #ffffff;

    font-family: "Playfair Display", serif;
    font-size: 68px;
    font-weight: 600;
    line-height: 1.1;

    text-shadow:
        0 8px 28px rgba(0, 0, 0, 0.55),
        0 0 35px rgba(214, 163, 58, 0.14);
}


/* BREADCRUMB */

.mw-about-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    font-size: 15px;
    font-weight: 500;
}

.mw-about-breadcrumb a {
    color: #eab64b;
    text-decoration: none;
    transition: color 0.3s ease;
}

.mw-about-breadcrumb a:hover {
    color: #ffffff;
}

.mw-about-breadcrumb span {
    color: rgba(255, 255, 255, 0.90);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media only screen and (max-width: 991px) {

    .mw-about-page-banner {
        min-height: 380px;
    }

    .mw-about-banner-content h1 {
        font-size: 54px;
    }
}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media only screen and (max-width: 768px) {

    .mw-about-page-banner {
        min-height: 350px;
        background-position: center;
    }

    .mw-about-banner-content {
        margin-top: 25px;
        padding: 25px 15px;
    }

    .mw-about-banner-tag {
        margin-bottom: 14px;
        font-size: 9px;
        letter-spacing: 4px;
    }

    .mw-about-banner-content h1 {
        margin-bottom: 18px;
        font-size: 40px;
    }

    .mw-about-breadcrumb {
        gap: 10px;
        font-size: 13px;
    }

    .mw-about-page-banner::after {
        width: 130px;
    }
}


/* SMALL MOBILE */

@media only screen and (max-width: 480px) {

    .mw-about-page-banner {
        min-height: 320px;
    }

    .mw-about-banner-content h1 {
        font-size: 36px;
    }
}  

/* About Us First Section */
.mw-about-introduction {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 135px 0 145px;

    background:
        radial-gradient(
            circle at 7% 15%,
            rgba(214, 163, 58, 0.15),
            transparent 25%
        ),
        radial-gradient(
            circle at 94% 85%,
            rgba(111, 63, 24, 0.12),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            #fffaf3 0%,
            #fbedda 52%,
            #f5d9b4 100%
        );
}


/* BACKGROUND DECORATION */

.mw-about-intro-decoration {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(185, 124, 31, 0.20);
    border-radius: 50%;
    pointer-events: none;
}

.mw-about-decoration-one {
    top: -170px;
    left: -160px;
    width: 430px;
    height: 430px;

    box-shadow:
        0 0 0 45px rgba(185, 124, 31, 0.025),
        0 0 0 90px rgba(185, 124, 31, 0.018);
}

.mw-about-decoration-two {
    right: -130px;
    bottom: -150px;
    width: 360px;
    height: 360px;

    box-shadow:
        0 0 0 40px rgba(185, 124, 31, 0.025),
        0 0 0 80px rgba(185, 124, 31, 0.018);
}


/* MAIN GRID */

.mw-about-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    align-items: center;
    gap: 100px;
}


/* =========================================
   LEFT IMAGE COMPOSITION
========================================= */

.mw-about-intro-visual {
    position: relative;
    min-height: 650px;
    padding: 0 55px 55px 0;
}


/* MAIN IMAGE */

.mw-about-main-image {
    position: relative;
    width: 88%;
    height: 590px;
    overflow: hidden;

    border: 1px solid rgba(201, 140, 47, 0.65);
    border-radius: 160px 30px 30px 30px;

    background: #211109;

    box-shadow:
        0 35px 80px rgba(64, 35, 15, 0.24),
        0 0 0 10px rgba(255, 250, 243, 0.60);
}

.mw-about-main-image::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 50%,
            rgba(24, 12, 7, 0.42) 100%
        );
}

.mw-about-main-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.mw-about-intro-visual:hover .mw-about-main-image img {
    transform: scale(1.045);
}


/* GOLDEN IMAGE SHINE */

.mw-about-image-shine {
    position: absolute;
    z-index: 3;
    top: -50%;
    left: -65%;
    width: 45%;
    height: 200%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 230, 170, 0.28),
        transparent
    );

    transform: rotate(18deg);
    transition: left 0.9s ease;
}

.mw-about-intro-visual:hover .mw-about-image-shine {
    left: 130%;
}


/* SMALL IMAGE */

.mw-about-small-image {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 0;
    width: 245px;
    height: 285px;
    overflow: hidden;

    border: 8px solid #fff8ed;
    border-radius: 28px 28px 100px 28px;

    background: #29170d;

    box-shadow:
        0 25px 55px rgba(61, 34, 15, 0.28),
        0 0 0 1px rgba(204, 143, 44, 0.55);
}

.mw-about-small-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.mw-about-small-image:hover img {
    transform: scale(1.07);
}


/* EXPERIENCE BADGE */

.mw-about-experience-badge {
    position: absolute;
    z-index: 5;
    left: -30px;
    bottom: 80px;

    width: 175px;
    height: 175px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 20px;
    text-align: center;

    background:
        radial-gradient(
            circle at 35% 25%,
            #50341f,
            #160d08 68%
        );

    border: 1px solid #d6a33a;
    border-radius: 50%;

    box-shadow:
        0 20px 50px rgba(35, 18, 9, 0.35),
        0 0 0 8px rgba(214, 163, 58, 0.10);
}

.mw-about-experience-badge::before {
    content: "";
    position: absolute;
    inset: 10px;
    border: 1px dashed rgba(230, 177, 68, 0.55);
    border-radius: 50%;
}

.mw-about-experience-badge strong {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 7px;

    color: #edb94d;
    font-family: "Playfair Display", serif;
    font-size: 25px;
    font-weight: 600;
}

.mw-about-experience-badge span {
    position: relative;
    z-index: 2;
    max-width: 100px;

    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/* DECORATIVE GOLD LINE */

.mw-about-visual-line {
    position: absolute;
    top: 70px;
    right: 12px;
    width: 2px;
    height: 150px;

    background: linear-gradient(
        180deg,
        transparent,
        #c88927,
        transparent
    );
}


/* =========================================
   RIGHT CONTENT
========================================= */

.mw-about-intro-content {
    position: relative;
    padding: 30px 0;
}


/* SECTION TAG */

.mw-about-section-tag {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;

    color: #a66a18;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.mw-about-section-tag span {
    width: 50px;
    height: 1px;

    background: linear-gradient(
        90deg,
        #d6a33a,
        transparent
    );
}


/* MAIN HEADING */

.mw-about-intro-content h2 {
    max-width: 620px;
    margin: 0 0 30px;

    color: #1b100a;
    font-family: "Playfair Display", serif;
    font-size: 59px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.mw-about-intro-content h2 em {
    display: block;
    color: #a66918;
    font-weight: 500;
}


/* CONTENT */

.mw-about-intro-lead {
    max-width: 650px;
    margin: 0 0 19px;

    color: #39261b;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.8;
}

.mw-about-intro-description {
    max-width: 650px;
    margin: 0 0 35px;

    color: #6d5a4e;
    font-size: 15px;
    line-height: 1.9;
}


/* =========================================
   FEATURE CARDS
========================================= */

.mw-about-intro-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin-bottom: 38px;
}

.mw-about-intro-feature {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 22px 18px;

    background: rgba(255, 252, 247, 0.68);
    border: 1px solid rgba(188, 126, 34, 0.28);
    border-radius: 20px;

    box-shadow:
        0 14px 35px rgba(73, 41, 19, 0.08),
        inset 0 1px rgba(255, 255, 255, 0.9);

    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

.mw-about-intro-feature:hover {
    border-color: rgba(193, 126, 27, 0.70);
    box-shadow: 0 20px 42px rgba(73, 41, 19, 0.14);
    transform: translateY(-5px);
}

.mw-about-feature-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #e5a62d;
    background: #1d1009;
    border: 1px solid #c98a28;
    border-radius: 50%;

    box-shadow: 0 10px 24px rgba(42, 22, 11, 0.22);
}

.mw-about-feature-icon i {
    font-size: 16px;
}

.mw-about-intro-feature h3 {
    margin: 0 0 7px;

    color: #211109;
    font-family: "Playfair Display", serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
}

.mw-about-intro-feature p {
    margin: 0;

    color: #766256;
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================
   CTA AREA
========================================= */

.mw-about-intro-actions {
    display: flex;
    align-items: center;
    gap: 28px;
}

.mw-about-primary-btn {
    min-height: 56px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;

    padding: 15px 27px;

    color: #ffffff;
    background: linear-gradient(
        135deg,
        #342013,
        #120b07
    );

    border: 1px solid #d6a33a;
    border-radius: 50px;

    box-shadow: 0 15px 35px rgba(41, 22, 11, 0.24);

    font-size: 13px;
    font-weight: 700;
    text-decoration: none;

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        box-shadow 0.35s ease;
}

.mw-about-primary-btn i {
    color: #efb643;
    transition: transform 0.35s ease;
}

.mw-about-primary-btn:hover {
    color: #1b100a;
    background: #e8aa31;
    box-shadow: 0 20px 40px rgba(145, 91, 22, 0.25);
    transform: translateY(-3px);
}

.mw-about-primary-btn:hover i {
    color: #1b100a;
    transform: translateX(5px);
}


/* SIGNATURE TEXT */

.mw-about-signature {
    display: flex;
    flex-direction: column;
    gap: 5px;

    padding-left: 22px;
    border-left: 1px solid rgba(180, 116, 26, 0.45);
}

.mw-about-signature span {
    color: #a56b20;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.mw-about-signature strong {
    color: #28170e;
    font-family: "Playfair Display", serif;
    font-size: 17px;
    font-weight: 600;
}


/* =========================================
   RESPONSIVE — TABLET
========================================= */

@media only screen and (max-width: 1199px) {

    .mw-about-intro-grid {
        gap: 65px;
    }

    .mw-about-intro-content h2 {
        font-size: 49px;
    }

    .mw-about-main-image {
        height: 540px;
    }

    .mw-about-intro-visual {
        min-height: 600px;
    }

    .mw-about-experience-badge {
        left: -5px;
        width: 150px;
        height: 150px;
    }
}


@media only screen and (max-width: 991px) {

    .mw-about-introduction {
        padding: 100px 0 110px;
    }

    .mw-about-intro-grid {
        grid-template-columns: 1fr;
        gap: 75px;
    }

    .mw-about-intro-visual {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
    }

    .mw-about-intro-content {
        max-width: 750px;
        margin: 0 auto;
        text-align: center;
    }

    .mw-about-section-tag {
        justify-content: center;
    }

    .mw-about-intro-content h2,
    .mw-about-intro-lead,
    .mw-about-intro-description {
        margin-left: auto;
        margin-right: auto;
    }

    .mw-about-intro-actions {
        justify-content: center;
    }
}


/* =========================================
   RESPONSIVE — MOBILE
========================================= */

@media only screen and (max-width: 767px) {

    .mw-about-introduction {
        padding: 75px 0 85px;
    }

    .mw-about-intro-grid {
        gap: 55px;
    }

    .mw-about-intro-visual {
        min-height: 490px;
        padding: 0 25px 45px 0;
    }

    .mw-about-main-image {
        width: 92%;
        height: 440px;
        border-radius: 90px 22px 22px 22px;
    }

    .mw-about-small-image {
        width: 165px;
        height: 195px;
        border-width: 5px;
        border-radius: 20px 20px 65px 20px;
    }

    .mw-about-experience-badge {
        left: 8px;
        bottom: 40px;
        width: 125px;
        height: 125px;
    }

    .mw-about-experience-badge strong {
        font-size: 19px;
    }

    .mw-about-experience-badge span {
        font-size: 8px;
    }

    .mw-about-visual-line {
        display: none;
    }

    .mw-about-section-tag {
        margin-bottom: 18px;
        font-size: 9px;
        letter-spacing: 4px;
    }

    .mw-about-intro-content {
        padding: 0;
    }

    .mw-about-intro-content h2 {
        margin-bottom: 22px;
        font-size: 40px;
        line-height: 1.12;
        letter-spacing: -0.8px;
    }

    .mw-about-intro-lead {
        font-size: 15px;
        line-height: 1.75;
    }

    .mw-about-intro-description {
        margin-bottom: 28px;
        font-size: 14px;
        line-height: 1.8;
    }

    .mw-about-intro-features {
        grid-template-columns: 1fr;
        gap: 12px;
        text-align: left;
    }

    .mw-about-intro-feature {
        padding: 18px 16px;
    }

    .mw-about-intro-actions {
        flex-direction: column;
        gap: 20px;
    }

    .mw-about-signature {
        padding-left: 0;
        border-left: 0;
        text-align: center;
    }
}


/* SMALL MOBILE */

@media only screen and (max-width: 480px) {

    .mw-about-intro-visual {
        min-height: 420px;
    }

    .mw-about-main-image {
        height: 370px;
        border-radius: 70px 18px 18px 18px;
    }

    .mw-about-small-image {
        width: 135px;
        height: 160px;
    }

    .mw-about-experience-badge {
        left: 5px;
        width: 108px;
        height: 108px;
        padding: 12px;
    }

    .mw-about-experience-badge strong {
        margin-bottom: 4px;
        font-size: 16px;
    }

    .mw-about-experience-badge span {
        font-size: 7px;
    }

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

    .mw-about-primary-btn {
        width: 100%;
    }
}

/* REMOVE PREVIOUS TEXT CARD — ADD LUXURY GOLD ORNAMENT */

.mw-about-intro-visual::after {
    content: "" !important;

    position: absolute;
    z-index: 4;
    right: 5px;
    bottom: 30px;

    width: 135px;
    height: 135px;
    padding: 0 !important;

    background:
        radial-gradient(
            circle,
            #d6a33a 0 5px,
            transparent 6px 20px,
            rgba(214, 163, 58, 0.22) 21px 22px,
            transparent 23px 42px,
            rgba(214, 163, 58, 0.45) 43px 44px,
            transparent 45px
        ) !important;

    border: 1px solid rgba(190, 126, 28, 0.50) !important;
    border-radius: 50% !important;

    box-shadow:
        0 0 0 9px rgba(214, 163, 58, 0.06),
        0 0 0 18px rgba(214, 163, 58, 0.035),
        0 18px 40px rgba(81, 47, 20, 0.14) !important;

    transform: none !important;
    pointer-events: none;
}


/* SMALL GOLDEN DIAGONAL DETAIL */

.mw-about-intro-visual {
    background:
        linear-gradient(
            135deg,
            transparent 76%,
            rgba(214, 163, 58, 0.12) 76.2%,
            transparent 76.5%
        );
}


/* MOBILE */

@media only screen and (max-width: 767px) {

    .mw-about-intro-visual::after {
        right: 3px;
        bottom: 20px;
        width: 100px;
        height: 100px;

        background:
            radial-gradient(
                circle,
                #d6a33a 0 4px,
                transparent 5px 15px,
                rgba(214, 163, 58, 0.22) 16px 17px,
                transparent 18px 31px,
                rgba(214, 163, 58, 0.45) 32px 33px,
                transparent 34px
            ) !important;
    }
}


@media only screen and (max-width: 480px) {

    .mw-about-intro-visual::after {
        width: 82px;
        height: 82px;
        bottom: 18px;
    }
}

.mw-about-main-image {
    width: 96% !important;
}

@media only screen and (max-width: 767px) {
    .mw-about-main-image {
        width: 96% !important;
    }
}

/* ==================================================
   ABOUT INTRO — MOBILE PREMIUM ENHANCEMENT ADD ONLY
================================================== */

@media only screen and (max-width: 767px) {

    .mw-about-introduction {
        padding: 68px 0 80px !important;
    }

    .mw-about-intro-grid {
        gap: 48px !important;
    }


    /* MOBILE IMAGE AREA */

    .mw-about-intro-visual {
        width: calc(100% - 16px) !important;
        min-height: 470px !important;
        margin: 0 auto !important;
        padding: 0 12px 48px 0 !important;
    }

    .mw-about-main-image {
        width: 96% !important;
        height: 430px !important;
        border-radius: 85px 22px 22px 22px !important;

        border: 1px solid rgba(205, 142, 43, 0.75) !important;

        box-shadow:
            0 24px 48px rgba(63, 34, 16, 0.22),
            0 0 0 6px rgba(255, 249, 240, 0.75) !important;
    }


    /* PREMIUM BADGE */

    .mw-about-experience-badge {
        left: -5px !important;
        bottom: 40px !important;
        width: 118px !important;
        height: 118px !important;

        box-shadow:
            0 16px 35px rgba(35, 18, 9, 0.30),
            0 0 0 6px rgba(214, 163, 58, 0.10) !important;
    }

    .mw-about-experience-badge strong {
        font-size: 18px !important;
    }

    .mw-about-experience-badge span {
        font-size: 7px !important;
        letter-spacing: 0.8px !important;
    }


    /* GOLDEN ORNAMENT */

    .mw-about-intro-visual::after {
        right: -2px !important;
        bottom: 22px !important;
        width: 92px !important;
        height: 92px !important;

        box-shadow:
            0 0 0 7px rgba(214, 163, 58, 0.07),
            0 0 0 14px rgba(214, 163, 58, 0.035),
            0 14px 30px rgba(81, 47, 20, 0.13) !important;
    }


    /* MOBILE CONTENT */

    .mw-about-intro-content {
        width: 100% !important;
        padding: 0 5px !important;
        text-align: left !important;
    }

    .mw-about-section-tag {
        justify-content: flex-start !important;
        margin-bottom: 17px !important;
    }

    .mw-about-intro-content h2 {
        margin: 0 0 22px !important;
        font-size: 39px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.7px !important;
    }

    .mw-about-intro-content h2 em {
        margin-top: 4px !important;
    }

    .mw-about-intro-lead {
        margin: 0 0 15px !important;
        font-size: 15px !important;
        line-height: 1.75 !important;
    }

    .mw-about-intro-description {
        margin: 0 0 28px !important;
        font-size: 13px !important;
        line-height: 1.8 !important;
    }


    /* FEATURE CARDS */

    .mw-about-intro-features {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-bottom: 30px !important;
    }

    .mw-about-intro-feature {
        align-items: center !important;
        padding: 17px 15px !important;
        border-radius: 18px !important;

        background: rgba(255, 252, 247, 0.82) !important;

        box-shadow:
            0 12px 28px rgba(73, 41, 19, 0.09),
            inset 0 1px rgba(255, 255, 255, 0.95) !important;
    }

    .mw-about-feature-icon {
        flex: 0 0 46px !important;
        width: 46px !important;
        height: 46px !important;
    }

    .mw-about-intro-feature h3 {
        font-size: 17px !important;
    }

    .mw-about-intro-feature p {
        font-size: 11px !important;
        line-height: 1.6 !important;
    }


    /* CTA */

    .mw-about-intro-actions {
        align-items: stretch !important;
        gap: 18px !important;
    }

    .mw-about-primary-btn {
        width: 100% !important;
        min-height: 56px !important;
        justify-content: space-between !important;
        padding: 14px 24px !important;
    }

    .mw-about-signature {
        position: relative !important;
        padding-top: 17px !important;
        text-align: center !important;
    }

    .mw-about-signature::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        width: 65px !important;
        height: 1px !important;

        background: linear-gradient(
            90deg,
            transparent,
            #c88927,
            transparent
        ) !important;

        transform: translateX(-50%) !important;
    }
}


/* SMALL MOBILE */

@media only screen and (max-width: 480px) {

    .mw-about-intro-visual {
        min-height: 405px !important;
    }

    .mw-about-main-image {
        height: 365px !important;
        border-radius: 68px 18px 18px 18px !important;
    }

    .mw-about-experience-badge {
        width: 105px !important;
        height: 105px !important;
        bottom: 34px !important;
    }

    .mw-about-intro-visual::after {
        width: 75px !important;
        height: 75px !important;
        bottom: 20px !important;
    }

    .mw-about-intro-content h2 {
        font-size: 33px !important;
    }
}

/* About Us Second Section */
.mw-philosophy-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 135px 0 120px;

    background:
        radial-gradient(
            circle at 7% 15%,
            rgba(214, 163, 58, 0.17),
            transparent 25%
        ),
        radial-gradient(
            circle at 93% 86%,
            rgba(121, 69, 25, 0.13),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #fffaf2 0%,
            #f9e9d2 48%,
            #f1cf9f 100%
        );
}


/* BACKGROUND GOLDEN CIRCLES */

.mw-philosophy-section::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -280px;
    left: 50%;

    width: 680px;
    height: 680px;

    border: 1px solid rgba(175, 109, 25, 0.16);
    border-radius: 50%;

    box-shadow:
        0 0 0 55px rgba(180, 116, 28, 0.018),
        0 0 0 110px rgba(180, 116, 28, 0.012);

    transform: translateX(-50%);
}

.mw-philosophy-section::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: 0;

    width: 220px;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        #bf7d20,
        transparent
    );

    box-shadow: 0 0 20px rgba(190, 124, 31, 0.55);
    transform: translateX(-50%);
}


/* DECORATIVE CIRCLES */

.mw-philosophy-circle {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(180, 116, 28, 0.20);
    border-radius: 50%;
    pointer-events: none;
}

.mw-philosophy-circle-one {
    top: 90px;
    left: -170px;

    width: 350px;
    height: 350px;

    box-shadow:
        0 0 0 40px rgba(180, 116, 28, 0.025),
        0 0 0 80px rgba(180, 116, 28, 0.015);
}

.mw-philosophy-circle-two {
    right: -130px;
    bottom: 80px;

    width: 290px;
    height: 290px;

    box-shadow:
        0 0 0 35px rgba(180, 116, 28, 0.025),
        0 0 0 70px rgba(180, 116, 28, 0.015);
}


/* =========================================
   SECTION HEADING
========================================= */

.mw-philosophy-heading {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: flex-end;
    gap: 90px;

    margin-bottom: 80px;
    padding-bottom: 42px;

    border-bottom: 1px solid rgba(158, 94, 20, 0.25);
}

.mw-philosophy-tag {
    display: block;
    margin-bottom: 19px;

    color: #a76717;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 7px;
    text-transform: uppercase;
}

.mw-philosophy-heading h2 {
    max-width: 710px;
    margin: 0;

    color: #1b100a;
    font-family: "Playfair Display", serif;
    font-size: 62px;
    font-weight: 600;
    line-height: 1.07;
    letter-spacing: -1.3px;
}

.mw-philosophy-heading h2 em {
    display: block;
    color: #a96b18;
    font-weight: 500;
}


/* HEADING DESCRIPTION */

.mw-philosophy-intro {
    display: flex;
    align-items: flex-start;
    gap: 25px;
}

.mw-philosophy-number {
    flex: 0 0 auto;

    color: rgba(124, 72, 20, 0.26);
    font-family: "Playfair Display", serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 1;
}

.mw-philosophy-intro p {
    max-width: 410px;
    margin: 0;

    color: #6c5648;
    font-size: 14px;
    line-height: 1.9;
}


/* =========================================
   VISION MISSION LAYOUT
========================================= */

.mw-philosophy-layout {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        220px
        minmax(0, 1fr);

    align-items: center;
    gap: 38px;
    margin-bottom: 80px;
}


/* =========================================
   BLACK PREMIUM CARDS
========================================= */

.mw-philosophy-card {
    position: relative;
    min-height: 470px;
    overflow: hidden;

    padding: 55px 48px 44px;

    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(214, 163, 58, 0.13),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #332014 0%,
            #160d08 56%,
            #0e0805 100%
        );

    border: 1px solid rgba(214, 163, 58, 0.68);

    box-shadow:
        0 30px 65px rgba(80, 44, 18, 0.23),
        inset 0 1px rgba(255, 255, 255, 0.10);

    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease;
}

.mw-philosophy-vision {
    border-radius: 100px 24px 24px 24px;
}

.mw-philosophy-mission {
    border-radius: 24px 100px 24px 24px;
}


/* CARD DECORATION */

.mw-philosophy-card::before {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -90px;

    width: 220px;
    height: 220px;

    border: 1px solid rgba(214, 163, 58, 0.20);
    border-radius: 50%;

    box-shadow:
        0 0 0 32px rgba(214, 163, 58, 0.025),
        0 0 0 64px rgba(214, 163, 58, 0.014);
}

.mw-philosophy-card::after {
    content: "";
    position: absolute;
    top: -60%;
    left: -80%;

    width: 42%;
    height: 210%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 224, 157, 0.10),
        transparent
    );

    transform: rotate(20deg);
    transition: left 0.9s ease;
}

.mw-philosophy-card:hover::after {
    left: 140%;
}

.mw-philosophy-card:hover {
    box-shadow:
        0 42px 85px rgba(72, 40, 17, 0.32),
        0 0 0 5px rgba(214, 163, 58, 0.08);

    transform: translateY(-10px);
}


/* CARD NUMBER */

.mw-philosophy-card-number {
    position: absolute;
    top: 25px;
    right: 30px;

    color: rgba(222, 168, 62, 0.18);
    font-family: "Playfair Display", serif;
    font-size: 72px;
    font-weight: 600;
    line-height: 1;
}


/* CARD ICON */

.mw-philosophy-card-icon {
    position: relative;
    z-index: 2;

    width: 66px;
    height: 66px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 32px;

    color: #1b100a;
    background: linear-gradient(
        145deg,
        #f1bd55,
        #c98724
    );

    border: 1px solid #ffce6a;
    border-radius: 50%;

    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.30),
        0 0 0 7px rgba(214, 163, 58, 0.09);
}

.mw-philosophy-card-icon i {
    font-size: 21px;
}


/* CARD CONTENT */

.mw-philosophy-card-label {
    position: relative;
    z-index: 2;

    display: block;
    margin-bottom: 16px;

    color: #dfa83d;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.mw-philosophy-card h3 {
    position: relative;
    z-index: 2;

    max-width: 410px;
    margin: 0 0 23px;

    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.16;
}

.mw-philosophy-card p {
    position: relative;
    z-index: 2;
    margin: 0;

    color: rgba(255, 242, 224, 0.68);
    font-size: 14px;
    line-height: 1.9;
}


/* CARD FOOTER */

.mw-philosophy-card-footer {
    position: relative;
    z-index: 2;
    margin-top: 30px;
}

.mw-philosophy-card-footer > span {
    display: block;
    width: 65px;
    height: 1px;
    margin-bottom: 17px;

    background: linear-gradient(
        90deg,
        #dca43a,
        transparent
    );
}

.mw-philosophy-card-footer small {
    color: rgba(229, 174, 66, 0.78);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}


/* =========================================
   CENTRE ORNAMENT
========================================= */

.mw-philosophy-centre {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
}

.mw-philosophy-centre-line {
    width: 1px;
    height: 95px;

    background: linear-gradient(
        transparent,
        rgba(168, 102, 22, 0.60),
        transparent
    );
}

.mw-philosophy-orbit {
    position: relative;

    width: 195px;
    height: 195px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(169, 103, 23, 0.62);
    border-radius: 50%;

    box-shadow:
        0 0 0 14px rgba(194, 128, 30, 0.055),
        0 0 0 28px rgba(194, 128, 30, 0.028);
}

.mw-philosophy-orbit::before {
    content: "";
    position: absolute;
    inset: 15px;

    border: 1px dashed rgba(169, 103, 23, 0.42);
    border-radius: 50%;
}

.mw-philosophy-orbit-dot {
    position: absolute;
    top: -6px;
    left: 50%;

    width: 12px;
    height: 12px;

    background: #c68122;
    border-radius: 50%;

    box-shadow: 0 0 17px rgba(198, 129, 34, 0.70);
    transform: translateX(-50%);
}


/* CENTRE SEAL */

.mw-philosophy-brand-seal {
    position: relative;
    z-index: 2;

    width: 137px;
    height: 137px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            #fffaf2,
            #efd1a6
        );

    border: 1px solid #b8751c;
    border-radius: 50%;

    box-shadow:
        0 18px 40px rgba(91, 51, 20, 0.22),
        inset 0 1px rgba(255, 255, 255, 0.9);
}

.mw-philosophy-brand-seal i {
    margin-bottom: 10px;
    color: #aa6918;
    font-size: 21px;
}

.mw-philosophy-brand-seal strong {
    display: block;
    margin-bottom: 6px;

    color: #211109;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 600;
}

.mw-philosophy-brand-seal small {
    max-width: 85px;

    color: #9b621e;
    font-size: 7px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}


/* =========================================
   VALUES STRIP
========================================= */

.mw-philosophy-values {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    overflow: hidden;

    background: rgba(255, 252, 247, 0.72);
    border: 1px solid rgba(177, 110, 24, 0.30);
    border-radius: 25px;

    box-shadow:
        0 25px 55px rgba(78, 44, 19, 0.12),
        inset 0 1px rgba(255, 255, 255, 0.95);

    backdrop-filter: blur(8px);
}

.mw-philosophy-value {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 28px 30px;
}

.mw-philosophy-value:not(:last-child) {
    border-right: 1px solid rgba(168, 102, 22, 0.20);
}

.mw-philosophy-value-icon {
    flex: 0 0 47px;
    width: 47px;
    height: 47px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #e3a737;
    background: #1d1009;

    border: 1px solid #c98a28;
    border-radius: 50%;

    box-shadow: 0 10px 25px rgba(42, 22, 11, 0.20);
}

.mw-philosophy-value-icon i {
    font-size: 15px;
}

.mw-philosophy-value strong {
    display: block;
    margin-bottom: 5px;

    color: #211109;
    font-family: "Playfair Display", serif;
    font-size: 18px;
    font-weight: 600;
}

.mw-philosophy-value div > span {
    display: block;

    color: #796457;
    font-size: 10px;
    line-height: 1.55;
}


/* =========================================
   TABLET
========================================= */

@media only screen and (max-width: 1199px) {

    .mw-philosophy-layout {
        grid-template-columns:
            minmax(0, 1fr)
            170px
            minmax(0, 1fr);

        gap: 25px;
    }

    .mw-philosophy-card {
        padding: 48px 35px 40px;
    }

    .mw-philosophy-card h3 {
        font-size: 29px;
    }

    .mw-philosophy-orbit {
        width: 150px;
        height: 150px;
    }

    .mw-philosophy-brand-seal {
        width: 110px;
        height: 110px;
    }

    .mw-philosophy-brand-seal strong {
        font-size: 16px;
    }
}


@media only screen and (max-width: 991px) {

    .mw-philosophy-section {
        padding: 100px 0;
    }

    .mw-philosophy-heading {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .mw-philosophy-heading h2 {
        font-size: 52px;
    }

    .mw-philosophy-intro {
        max-width: 600px;
    }

    .mw-philosophy-layout {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .mw-philosophy-card {
        width: 100%;
        max-width: 650px;
        min-height: auto;
        margin: 0 auto;
    }

    .mw-philosophy-centre {
        padding: 10px 0;
    }

    .mw-philosophy-centre-line {
        display: none;
    }

    .mw-philosophy-values {
        grid-template-columns: 1fr;
        max-width: 650px;
        margin: 0 auto;
    }

    .mw-philosophy-value:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid rgba(168, 102, 22, 0.20);
    }
}


/* =========================================
   MOBILE
========================================= */

@media only screen and (max-width: 767px) {

    .mw-philosophy-section {
        padding: 76px 0 82px;
    }

    .mw-philosophy-heading {
        margin-bottom: 52px;
        padding-bottom: 30px;
    }

    .mw-philosophy-tag {
        margin-bottom: 15px;
        font-size: 9px;
        letter-spacing: 5px;
    }

    .mw-philosophy-heading h2 {
        font-size: 40px;
        line-height: 1.1;
    }

    .mw-philosophy-intro {
        gap: 15px;
    }

    .mw-philosophy-number {
        font-size: 32px;
    }

    .mw-philosophy-intro p {
        font-size: 12px;
        line-height: 1.75;
    }

    .mw-philosophy-layout {
        gap: 35px;
        margin-bottom: 58px;
    }

    .mw-philosophy-card {
        padding: 42px 27px 35px;
    }

    .mw-philosophy-vision {
        border-radius: 65px 20px 20px 20px;
    }

    .mw-philosophy-mission {
        border-radius: 20px 65px 20px 20px;
    }

    .mw-philosophy-card-number {
        top: 20px;
        right: 22px;
        font-size: 54px;
    }

    .mw-philosophy-card-icon {
        width: 57px;
        height: 57px;
        margin-bottom: 26px;
    }

    .mw-philosophy-card h3 {
        margin-bottom: 18px;
        font-size: 28px;
    }

    .mw-philosophy-card p {
        font-size: 13px;
        line-height: 1.8;
    }

    .mw-philosophy-orbit {
        width: 145px;
        height: 145px;
    }

    .mw-philosophy-brand-seal {
        width: 106px;
        height: 106px;
    }

    .mw-philosophy-value {
        padding: 22px 20px;
    }
}


/* SMALL MOBILE */

@media only screen and (max-width: 480px) {

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

    .mw-philosophy-card {
        padding: 38px 22px 32px;
    }

    .mw-philosophy-card h3 {
        font-size: 25px;
    }

    .mw-philosophy-card-footer small {
        font-size: 7px;
        letter-spacing: 1.2px;
    }
}

/* ==================================================
   VISION & MISSION — MOBILE PREMIUM ADD-ON ONLY
   DESKTOP WILL NOT CHANGE
================================================== */

@media only screen and (max-width: 767px) {

    /* SECTION */

    .mw-philosophy-section {
        padding: 72px 0 80px !important;

        background:
            radial-gradient(
                circle at 0% 10%,
                rgba(214, 163, 58, 0.20),
                transparent 28%
            ),
            radial-gradient(
                circle at 100% 80%,
                rgba(121, 69, 25, 0.13),
                transparent 30%
            ),
            linear-gradient(
                160deg,
                #fffaf3 0%,
                #f9ead5 55%,
                #f3d5aa 100%
            ) !important;
    }


    /* HEADING */

    .mw-philosophy-heading {
        display: block !important;
        margin-bottom: 48px !important;
        padding: 0 4px 30px !important;
        text-align: center !important;
    }

    .mw-philosophy-tag {
        margin-bottom: 16px !important;
        font-size: 8px !important;
        letter-spacing: 5px !important;
    }

    .mw-philosophy-heading h2 {
        max-width: 390px !important;
        margin: 0 auto 25px !important;
        font-size: 39px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.7px !important;
    }

    .mw-philosophy-heading h2 em {
        margin-top: 5px !important;
    }

    .mw-philosophy-intro {
        max-width: 370px !important;
        justify-content: center !important;
        margin: 0 auto !important;
        padding: 16px 15px !important;

        background: rgba(255, 252, 247, 0.56) !important;
        border: 1px solid rgba(177, 110, 24, 0.20) !important;
        border-radius: 16px !important;
    }

    .mw-philosophy-number {
        font-size: 31px !important;
    }

    .mw-philosophy-intro p {
        text-align: left !important;
        font-size: 11px !important;
        line-height: 1.7 !important;
    }


    /* MAIN LAYOUT */

    .mw-philosophy-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
        margin-bottom: 55px !important;
    }


    /* VISION & MISSION CARDS */

    .mw-philosophy-card {
        width: calc(100% - 8px) !important;
        min-height: auto !important;
        margin: 0 auto !important;
        padding: 40px 24px 32px !important;

        box-shadow:
            0 24px 48px rgba(66, 36, 15, 0.24),
            0 0 0 5px rgba(214, 163, 58, 0.055),
            inset 0 1px rgba(255, 255, 255, 0.10) !important;
    }

    .mw-philosophy-vision {
        align-self: flex-start !important;
        border-radius: 65px 18px 18px 18px !important;
    }

    .mw-philosophy-mission {
        align-self: flex-end !important;
        border-radius: 18px 65px 18px 18px !important;
    }

    .mw-philosophy-card-number {
        top: 19px !important;
        right: 21px !important;
        font-size: 52px !important;
    }

    .mw-philosophy-card-icon {
        width: 56px !important;
        height: 56px !important;
        margin-bottom: 25px !important;

        box-shadow:
            0 13px 28px rgba(0, 0, 0, 0.28),
            0 0 0 6px rgba(214, 163, 58, 0.09) !important;
    }

    .mw-philosophy-card-icon i {
        font-size: 18px !important;
    }

    .mw-philosophy-card-label {
        margin-bottom: 13px !important;
        font-size: 8px !important;
        letter-spacing: 4px !important;
    }

    .mw-philosophy-card h3 {
        max-width: 300px !important;
        margin-bottom: 17px !important;
        font-size: 27px !important;
        line-height: 1.15 !important;
    }

    .mw-philosophy-card p {
        font-size: 12px !important;
        line-height: 1.8 !important;
    }

    .mw-philosophy-card-footer {
        margin-top: 25px !important;
    }

    .mw-philosophy-card-footer small {
        font-size: 7px !important;
        letter-spacing: 1.2px !important;
    }


    /* CENTRE PREMIUM SEAL */

    .mw-philosophy-centre {
        position: relative !important;
        width: 100% !important;
        padding: 8px 0 !important;
    }

    .mw-philosophy-centre::before,
    .mw-philosophy-centre::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 50% !important;
        width: calc(50% - 82px) !important;
        height: 1px !important;

        background: linear-gradient(
            90deg,
            transparent,
            rgba(172, 105, 23, 0.48)
        ) !important;
    }

    .mw-philosophy-centre::before {
        left: 0 !important;
    }

    .mw-philosophy-centre::after {
        right: 0 !important;
        transform: rotate(180deg) !important;
    }

    .mw-philosophy-centre-line {
        display: none !important;
    }

    .mw-philosophy-orbit {
        width: 142px !important;
        height: 142px !important;

        box-shadow:
            0 0 0 10px rgba(194, 128, 30, 0.05),
            0 0 0 20px rgba(194, 128, 30, 0.025) !important;
    }

    .mw-philosophy-brand-seal {
        width: 104px !important;
        height: 104px !important;
    }

    .mw-philosophy-brand-seal i {
        margin-bottom: 7px !important;
        font-size: 17px !important;
    }

    .mw-philosophy-brand-seal strong {
        font-size: 15px !important;
    }


    /* VALUES */

    .mw-philosophy-values {
        width: calc(100% - 8px) !important;
        margin: 0 auto !important;

        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;

        gap: 11px !important;
        overflow: visible !important;
    }

    .mw-philosophy-value {
        padding: 17px 15px !important;

        background: rgba(255, 252, 247, 0.82) !important;
        border: 1px solid rgba(177, 110, 24, 0.28) !important;
        border-radius: 17px !important;

        box-shadow:
            0 12px 26px rgba(77, 42, 18, 0.09),
            inset 0 1px rgba(255, 255, 255, 0.95) !important;
    }

    .mw-philosophy-value:not(:last-child) {
        border-right: 1px solid rgba(177, 110, 24, 0.28) !important;
        border-bottom: 1px solid rgba(177, 110, 24, 0.28) !important;
    }

    .mw-philosophy-value-icon {
        flex: 0 0 44px !important;
        width: 44px !important;
        height: 44px !important;
    }

    .mw-philosophy-value strong {
        font-size: 17px !important;
    }

    .mw-philosophy-value div > span {
        font-size: 10px !important;
    }
}


/* EXTRA SMALL MOBILE */

@media only screen and (max-width: 480px) {

    .mw-philosophy-heading h2 {
        font-size: 33px !important;
    }

    .mw-philosophy-card {
        padding: 37px 21px 30px !important;
    }

    .mw-philosophy-card h3 {
        font-size: 24px !important;
    }

    .mw-philosophy-orbit {
        width: 130px !important;
        height: 130px !important;
    }

    .mw-philosophy-brand-seal {
        width: 96px !important;
        height: 96px !important;
    }

    .mw-philosophy-centre::before,
    .mw-philosophy-centre::after {
        width: calc(50% - 75px) !important;
    }
}

/* ==================================================
   MOONWALK CENTRE LOGO — PREMIUM ANIMATION
   ADD ONLY
================================================== */

.mw-philosophy-brand-seal.mw-logo-animated-seal {
    position: relative !important;
    overflow: hidden !important;

    width: 145px !important;
    height: 145px !important;
    padding: 18px !important;

    background:
        radial-gradient(
            circle at 45% 35%,
            #352116 0%,
            #130b07 65%,
            #080403 100%
        ) !important;

    border: 1px solid #d6a33a !important;
    border-radius: 50% !important;

    box-shadow:
        0 20px 45px rgba(70, 38, 16, 0.28),
        0 0 0 7px rgba(214, 163, 58, 0.08),
        inset 0 0 25px rgba(214, 163, 58, 0.08) !important;

    animation:
        mwLogoFloating 3.5s ease-in-out infinite,
        mwLogoGlow 2.8s ease-in-out infinite alternate !important;
}


/* ORIGINAL LOGO */

.mw-philosophy-logo {
    position: relative;
    z-index: 3;

    width: 100%;
    height: 100%;
    display: block;

    object-fit: contain;
    border-radius: 50%;

    filter:
        brightness(1.08)
        contrast(1.04);

    transition:
        transform 0.5s ease,
        filter 0.5s ease;
}

.mw-logo-animated-seal:hover .mw-philosophy-logo {
    filter:
        brightness(1.18)
        drop-shadow(0 0 9px rgba(225, 167, 53, 0.42));

    transform: scale(1.07);
}


/* MOVING GOLDEN SHINE */

.mw-logo-shine {
    position: absolute;
    z-index: 4;
    top: -45%;
    left: -90%;

    width: 38%;
    height: 190%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 224, 156, 0.36),
        transparent
    );

    transform: rotate(22deg);
    animation: mwLogoShine 4s ease-in-out infinite;
    pointer-events: none;
}


/* ROTATING DASHED INNER RING */

.mw-philosophy-orbit::before {
    animation: mwRotateRing 14s linear infinite !important;
}


/* ROTATING OUTER DOT */

.mw-philosophy-orbit-dot {
    top: 50% !important;
    left: 50% !important;

    margin-top: -6px !important;
    margin-left: -6px !important;

    transform: rotate(0deg) translateY(-98px) !important;
    transform-origin: center !important;

    animation: mwOrbitDot 7s linear infinite !important;
}


/* SECOND ORBIT EFFECT */

.mw-philosophy-orbit::after {
    content: "";
    position: absolute;
    inset: -14px;

    border-top: 1px solid rgba(196, 126, 29, 0.65);
    border-right: 1px solid transparent;
    border-bottom: 1px solid rgba(196, 126, 29, 0.16);
    border-left: 1px solid transparent;
    border-radius: 50%;

    animation: mwRotateRingReverse 10s linear infinite;
    pointer-events: none;
}


/* LOGO FLOATING */

@keyframes mwLogoFloating {

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

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


/* LOGO GOLDEN GLOW */

@keyframes mwLogoGlow {

    0% {
        box-shadow:
            0 20px 45px rgba(70, 38, 16, 0.25),
            0 0 0 7px rgba(214, 163, 58, 0.06),
            0 0 15px rgba(214, 163, 58, 0.08),
            inset 0 0 22px rgba(214, 163, 58, 0.06);
    }

    100% {
        box-shadow:
            0 24px 50px rgba(70, 38, 16, 0.32),
            0 0 0 9px rgba(214, 163, 58, 0.10),
            0 0 32px rgba(214, 163, 58, 0.25),
            inset 0 0 28px rgba(214, 163, 58, 0.12);
    }
}


/* SHINE MOVEMENT */

@keyframes mwLogoShine {

    0%,
    25% {
        left: -90%;
    }

    65%,
    100% {
        left: 145%;
    }
}


/* INNER RING ROTATION */

@keyframes mwRotateRing {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* OUTER RING REVERSE ROTATION */

@keyframes mwRotateRingReverse {

    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}


/* GOLD DOT ORBIT */

@keyframes mwOrbitDot {

    from {
        transform: rotate(0deg) translateY(-98px);
    }

    to {
        transform: rotate(360deg) translateY(-98px);
    }
}


/* ==================================================
   MOBILE LOGO ANIMATION
================================================== */

@media only screen and (max-width: 767px) {

    .mw-philosophy-brand-seal.mw-logo-animated-seal {
        width: 108px !important;
        height: 108px !important;
        padding: 13px !important;
    }

    .mw-philosophy-orbit-dot {
        transform: rotate(0deg) translateY(-71px) !important;
        animation-name: mwMobileOrbitDot !important;
    }

    @keyframes mwMobileOrbitDot {

        from {
            transform: rotate(0deg) translateY(-71px);
        }

        to {
            transform: rotate(360deg) translateY(-71px);
        }
    }
}


/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {

    .mw-logo-animated-seal,
    .mw-logo-shine,
    .mw-philosophy-orbit::before,
    .mw-philosophy-orbit::after,
    .mw-philosophy-orbit-dot {
        animation: none !important;
    }
}

/* ==================================================
   CENTRE LOGO — FINAL LARGE BALANCED SIZE
================================================== */

.mw-philosophy-logo {
    position: relative !important;
    z-index: 3 !important;

    width: 145% !important;
    height: auto !important;
    max-width: none !important;

    display: block !important;
    flex-shrink: 0 !important;
    object-fit: contain !important;

    filter:
        brightness(1.08)
        contrast(1.04)
        saturate(1.05) !important;

    transform: scale(1) !important;

    transition:
        transform 0.45s ease,
        filter 0.45s ease !important;
}


/* LOGO HOVER */

.mw-logo-animated-seal:hover .mw-philosophy-logo {
    transform: scale(1.035) !important;

    filter:
        brightness(1.14)
        contrast(1.05)
        saturate(1.08)
        drop-shadow(
            0 0 7px rgba(225, 167, 53, 0.35)
        ) !important;
}


/* ==================================================
   MOBILE LOGO
================================================== */

@media only screen and (max-width: 767px) {

    .mw-philosophy-logo {
        width: 148% !important;
        height: auto !important;
        max-width: none !important;
        transform: scale(1) !important;
    }

    .mw-logo-animated-seal:hover .mw-philosophy-logo {
        transform: scale(1.03) !important;
    }
}


/* EXTRA SMALL MOBILE */

@media only screen and (max-width: 480px) {

    .mw-philosophy-logo {
        width: 148% !important;
    }
}

/* About Us Second Section */
.mw-team-showcase {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 135px 0 125px;

    background:
        radial-gradient(
            circle at 5% 12%,
            rgba(196, 128, 31, 0.16),
            transparent 25%
        ),
        radial-gradient(
            circle at 95% 88%,
            rgba(118, 65, 22, 0.11),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #fffaf3 0%,
            #f8ead6 52%,
            #efcfa4 100%
        );
}


/* BACKGROUND DECORATIONS */

.mw-team-showcase::before {
    content: "MOONWALK";
    position: absolute;
    z-index: -1;
    top: 41%;
    left: -80px;

    color: rgba(118, 66, 24, 0.035);
    font-family: "Playfair Display", serif;
    font-size: 165px;
    font-weight: 700;
    letter-spacing: 20px;

    transform: rotate(-90deg);
    pointer-events: none;
}

.mw-team-showcase::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -190px;
    right: -190px;

    width: 450px;
    height: 450px;

    border: 1px solid rgba(181, 113, 27, 0.18);
    border-radius: 50%;

    box-shadow:
        0 0 0 45px rgba(181, 113, 27, 0.025),
        0 0 0 90px rgba(181, 113, 27, 0.016);
}

.mw-team-decoration {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(181, 113, 27, 0.18);
    border-radius: 50%;
    pointer-events: none;
}

.mw-team-decoration-one {
    left: -130px;
    bottom: -160px;
    width: 340px;
    height: 340px;
}

.mw-team-decoration-two {
    right: 7%;
    bottom: 7%;
    width: 80px;
    height: 80px;

    box-shadow:
        0 0 0 14px rgba(181, 113, 27, 0.035),
        0 0 0 28px rgba(181, 113, 27, 0.018);
}


/* =========================================
   SECTION HEADING
========================================= */

.mw-team-heading {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: flex-end;
    gap: 90px;

    margin-bottom: 65px;
}

.mw-team-small-title {
    display: block;
    margin-bottom: 19px;

    color: #a96b18;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 7px;
    text-transform: uppercase;
}

.mw-team-heading h2 {
    max-width: 680px;
    margin: 0;

    color: #1c1009;
    font-family: "Playfair Display", serif;
    font-size: 63px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.mw-team-heading h2 em {
    display: block;
    color: #a96b18;
    font-weight: 500;
}

.mw-team-heading-right {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;

    padding-bottom: 7px;
}

.mw-team-heading-right p {
    max-width: 460px;
    margin: 0;

    color: #6e5a4c;
    font-size: 14px;
    line-height: 1.9;
}


/* CONTROLS */

.mw-team-controls {
    display: none;
    flex: 0 0 auto;
    gap: 9px;
}

.mw-team-control {
    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #dca439;
    background: #1c1009;

    border: 1px solid #c98929;
    border-radius: 50%;

    cursor: pointer;
    transition: 0.3s ease;
}

.mw-team-control:hover {
    color: #1c1009;
    background: #dfa638;
    transform: translateY(-3px);
}


/* =========================================
   TEAM EDITORIAL GRID
========================================= */

.mw-team-grid {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr;
    grid-template-rows: repeat(2, 325px);
    gap: 20px;
}


/* TEAM CARD */

.mw-team-card {
    position: relative;
    min-width: 0;
    overflow: hidden;

    background: #1a0e08;
    border: 1px solid rgba(197, 132, 37, 0.68);
    border-radius: 25px;

    box-shadow:
        0 22px 48px rgba(68, 37, 16, 0.19),
        inset 0 1px rgba(255, 255, 255, 0.08);

    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
}

.mw-team-card:hover {
    z-index: 4;

    border-color: #e0a437;

    box-shadow:
        0 35px 70px rgba(65, 35, 15, 0.30),
        0 0 0 5px rgba(214, 163, 58, 0.08);

    transform: translateY(-8px);
}


/* FEATURED LARGE CARD */

.mw-team-featured {
    grid-row: span 2;
    border-radius: 105px 25px 25px 25px;
}


/* IMAGE */

.mw-team-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.mw-team-image img {
    width: 100%;
    height: 100%;
    display: block;

    object-fit: cover;
    object-position: center top;

    filter:
        saturate(0.88)
        contrast(1.03);

    transition:
        transform 0.8s ease,
        filter 0.8s ease;
}

.mw-team-card:hover .mw-team-image img {
    filter:
        saturate(1)
        contrast(1.04);

    transform: scale(1.055);
}


/* IMAGE OVERLAY */

.mw-team-image-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(15, 8, 5, 0.03) 25%,
            rgba(18, 9, 5, 0.38) 57%,
            rgba(15, 8, 5, 0.96) 100%
        );
}

.mw-team-featured .mw-team-image-overlay {
    background:
        linear-gradient(
            180deg,
            rgba(15, 8, 5, 0.02) 30%,
            rgba(18, 9, 5, 0.30) 58%,
            rgba(15, 8, 5, 0.98) 100%
        );
}


/* EXPERIENCE BADGE */

.mw-team-experience {
    position: absolute;
    top: 32px;
    right: 28px;

    padding: 10px 16px;

    color: #1c1009;
    background: rgba(232, 174, 64, 0.94);

    border: 1px solid #ffd173;
    border-radius: 50px;

    box-shadow: 0 12px 30px rgba(38, 20, 9, 0.22);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}


/* CARD CONTENT */

.mw-team-card-content {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 0;

    padding: 70px 25px 24px;
}

.mw-team-featured .mw-team-card-content {
    padding: 100px 42px 42px;
}

.mw-team-member-number {
    position: absolute;
    right: 24px;
    bottom: 18px;

    color: rgba(225, 168, 58, 0.15);
    font-family: "Playfair Display", serif;
    font-size: 58px;
    line-height: 1;
}

.mw-team-featured .mw-team-member-number {
    right: 35px;
    bottom: 30px;
    font-size: 90px;
}

.mw-team-member-role {
    position: relative;
    z-index: 2;

    display: block;
    margin-bottom: 9px;

    color: #e0a83f;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 2.3px;
    text-transform: uppercase;
}

.mw-team-card h3 {
    position: relative;
    z-index: 2;

    margin: 0;

    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

.mw-team-featured h3 {
    margin-bottom: 15px;
    font-size: 37px;
}

.mw-team-card-content p {
    position: relative;
    z-index: 2;

    max-width: 440px;
    margin: 0 0 21px;

    color: rgba(255, 242, 224, 0.68);
    font-size: 12px;
    line-height: 1.8;
}


/* SPECIALITY TAGS */

.mw-team-specialities {
    position: relative;
    z-index: 2;

    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 13px;
}

.mw-team-specialities span {
    display: inline-flex;
    padding: 7px 11px;

    color: rgba(255, 239, 216, 0.82);
    background: rgba(255, 255, 255, 0.075);

    border: 1px solid rgba(222, 165, 57, 0.32);
    border-radius: 50px;

    font-size: 8px;
    font-weight: 600;
}


/* =========================================
   BOTTOM STATEMENT
========================================= */

.mw-team-bottom {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 25px;

    margin-top: 55px;
    padding: 27px 30px;

    background: rgba(255, 252, 247, 0.72);
    border: 1px solid rgba(177, 110, 24, 0.30);
    border-radius: 24px;

    box-shadow:
        0 20px 45px rgba(74, 40, 17, 0.10),
        inset 0 1px rgba(255, 255, 255, 0.95);

    backdrop-filter: blur(8px);
}

.mw-team-bottom-icon {
    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #e2a638;
    background: #1c1009;

    border: 1px solid #ca8a29;
    border-radius: 50%;

    box-shadow: 0 12px 27px rgba(44, 23, 10, 0.22);
}

.mw-team-bottom-content span {
    display: block;
    margin-bottom: 5px;

    color: #a96b18;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.mw-team-bottom-content strong {
    display: block;

    color: #25150d;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 600;
}


/* CTA */

.mw-team-appointment {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 17px;

    padding: 13px 24px;

    color: #ffffff;
    background: #1c1009;

    border: 1px solid #d49a35;
    border-radius: 50px;

    box-shadow: 0 13px 30px rgba(44, 23, 10, 0.20);

    font-size: 12px;
    font-weight: 700;
    text-decoration: none;

    transition: 0.35s ease;
}

.mw-team-appointment i {
    color: #e0a638;
    transition: transform 0.35s ease;
}

.mw-team-appointment:hover {
    color: #1c1009;
    background: #dfa638;
    transform: translateY(-3px);
}

.mw-team-appointment:hover i {
    color: #1c1009;
    transform: translateX(5px);
}


/* =========================================
   TABLET
========================================= */

@media only screen and (max-width: 991px) {

    .mw-team-showcase {
        padding: 100px 0;
    }

    .mw-team-heading {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .mw-team-heading h2 {
        font-size: 52px;
    }

    .mw-team-heading-right {
        align-items: center;
    }

    .mw-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 560px repeat(2, 320px);
    }

    .mw-team-featured {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .mw-team-bottom {
        grid-template-columns: auto 1fr;
    }

    .mw-team-appointment {
        grid-column: 1 / -1;
        width: 100%;
    }
}


/* =========================================
   MOBILE
========================================= */

@media only screen and (max-width: 767px) {

    .mw-team-showcase {
        padding: 75px 0 82px;
    }

    .mw-team-heading {
        margin-bottom: 42px;
        text-align: left;
    }

    .mw-team-small-title {
        font-size: 8px;
        letter-spacing: 4px;
    }

    .mw-team-heading h2 {
        font-size: 39px;
        line-height: 1.08;
    }

    .mw-team-heading-right {
        align-items: flex-end;
        gap: 16px;
    }

    .mw-team-heading-right p {
        font-size: 12px;
        line-height: 1.75;
    }

    .mw-team-controls {
        display: flex;
    }


    /* MOBILE HORIZONTAL SLIDER */

    .mw-team-grid {
        display: flex;
        gap: 15px;

        width: 100%;
        padding: 5px 5px 25px;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .mw-team-grid::-webkit-scrollbar {
        display: none;
    }

    .mw-team-card,
    .mw-team-featured {
        flex: 0 0 86%;
        width: 86%;
        height: 520px;
        min-height: 520px;

        border-radius: 65px 20px 20px 20px;

        scroll-snap-align: center;
    }

    .mw-team-card-content,
    .mw-team-featured .mw-team-card-content {
        padding: 90px 25px 30px;
    }

    .mw-team-card h3,
    .mw-team-featured h3 {
        margin-bottom: 13px;
        font-size: 29px;
    }

    .mw-team-card-content p {
        display: block;
        font-size: 11px;
    }

    .mw-team-member-number,
    .mw-team-featured .mw-team-member-number {
        right: 22px;
        bottom: 22px;
        font-size: 65px;
    }

    .mw-team-bottom {
        grid-template-columns: auto 1fr;
        gap: 15px;

        margin-top: 35px;
        padding: 20px 17px;
    }

    .mw-team-bottom-icon {
        width: 47px;
        height: 47px;
    }

    .mw-team-bottom-content strong {
        font-size: 16px;
        line-height: 1.35;
    }

    .mw-team-appointment {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: space-between;
    }
}


/* SMALL MOBILE */

@media only screen and (max-width: 480px) {

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

    .mw-team-heading-right {
        display: block;
    }

    .mw-team-controls {
        margin-top: 20px;
    }

    .mw-team-card,
    .mw-team-featured {
        flex-basis: 89%;
        width: 89%;
        height: 480px;
        min-height: 480px;
    }

    .mw-team-card h3,
    .mw-team-featured h3 {
        font-size: 26px;
    }
}

/* =========================================
   OUR TEAM SECTION - MOBILE PREMIUM
========================================= */
@media only screen and (max-width: 767px) {

    .mw-team-showcase{
        padding: 70px 0;
        overflow: hidden;
    }

    .mw-team-showcase::before,
    .mw-team-showcase::after,
    .mw-team-decoration{
        display:none;
    }

    .mw-team-heading{
        text-align:center;
        margin-bottom:40px;
        gap:20px;
    }

    .mw-team-small-title{
        font-size:11px;
        letter-spacing:3px;
        margin-bottom:10px;
    }

    .mw-team-heading h2{
        font-size:32px;
        line-height:1.2;
        letter-spacing:0;
    }

    .mw-team-heading-right{
        display:block;
        text-align:center;
    }

    .mw-team-heading-right p{
        max-width:100%;
        margin:15px auto 0;
        font-size:14px;
        line-height:1.8;
    }

    .mw-team-controls{
        justify-content:center;
        margin-top:20px;
    }

    /* Cards */
    .mw-team-grid{
        display:flex;
        gap:16px;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        padding:5px 8px 20px;
    }

    .mw-team-card,
    .mw-team-featured{
        flex:0 0 88%;
        width:88%;
        height:500px;
        min-height:500px;
        border-radius:35px 20px 20px 20px;
        scroll-snap-align:center;
    }

    .mw-team-card-content,
    .mw-team-featured .mw-team-card-content{
        padding:85px 22px 25px;
    }

    .mw-team-card h3,
    .mw-team-featured h3{
        font-size:28px;
        margin-bottom:10px;
    }

    .mw-team-card-content p{
        font-size:13px;
        line-height:1.7;
    }

    .mw-team-specialities span{
        font-size:10px;
        padding:8px 12px;
    }

    .mw-team-member-number{
        font-size:60px;
    }

    /* Bottom CTA */
    .mw-team-bottom{
        grid-template-columns:1fr;
        text-align:center;
        gap:18px;
        padding:22px 18px;
        margin-top:30px;
    }

    .mw-team-bottom-icon{
        margin:0 auto;
    }

    .mw-team-bottom-content strong{
        font-size:18px;
    }

    .mw-team-appointment{
        width:100%;
        justify-content:center;
    }
}

/* About Us Fifth Section */
.mw-about-expertise {
    --mw-expertise-gold: #d69a2d;
    --mw-expertise-deep-gold: #af7118;
    --mw-expertise-dark: #1d0e08;
    --mw-expertise-brown: #422316;
    --mw-expertise-cream: #fff8ee;
    --mw-expertise-soft: #fce8cf;

    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 110px 0 120px;

    background:
        radial-gradient(
            circle at 8% 20%,
            rgba(224, 160, 58, 0.12),
            transparent 25%
        ),
        radial-gradient(
            circle at 93% 82%,
            rgba(207, 135, 31, 0.10),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #fffaf3 0%,
            #ffecd5 48%,
            #fff8ee 100%
        );
}


/* DECORATIVE LINES */

.mw-expertise-decoration {
    position: absolute;
    z-index: -1;
    display: block;
    border: 1px solid rgba(197, 128, 25, 0.18);
    border-radius: 50%;
    pointer-events: none;
}

.mw-expertise-decoration-one {
    top: -170px;
    left: -190px;
    width: 430px;
    height: 430px;
}

.mw-expertise-decoration-two {
    right: -150px;
    bottom: -210px;
    width: 480px;
    height: 480px;
}


/* SECTION HEADING */

.mw-expertise-heading {
    width: min(720px, 100%);
    margin: 0 auto 55px;
    text-align: center;
}

.mw-expertise-subtitle {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;

    color: var(--mw-expertise-deep-gold);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 4px;
    line-height: 1.4;
    text-transform: uppercase;
}

.mw-expertise-subtitle::before,
.mw-expertise-subtitle::after {
    content: "";
    width: 34px;
    height: 1px;
    background: var(--mw-expertise-gold);
}

.mw-expertise-heading h2 {
    margin: 0 0 18px;
    color: var(--mw-expertise-dark);
    font-family: "Playfair Display", serif;
    font-size: clamp(42px, 5vw, 68px);
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: -2px;
}

.mw-expertise-heading h2 em {
    color: var(--mw-expertise-deep-gold);
    font-weight: 500;
}

.mw-expertise-heading p {
    max-width: 650px;
    margin: 0 auto;
    color: #735f51;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.85;
}


/* MAIN SHOWCASE */

.mw-expertise-showcase {
    position: relative;
    display: grid;
    grid-template-columns: 315px minmax(0, 1fr);
    width: min(1180px, 100%);
    min-height: 570px;
    margin: 0 auto;

    background: rgba(255, 250, 243, 0.88);
    border: 1px solid rgba(195, 126, 24, 0.38);
    border-radius: 34px;
    box-shadow:
        0 30px 75px rgba(84, 46, 20, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);

    overflow: hidden;
}

.mw-expertise-showcase::before {
    content: "";
    position: absolute;
    z-index: 5;
    top: 0;
    left: 34px;
    right: 34px;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        var(--mw-expertise-gold),
        transparent
    );
}


/* LEFT TABS */

.mw-expertise-tabs {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;

    padding: 38px 0;
    background:
        linear-gradient(
            180deg,
            rgba(255, 249, 240, 0.98),
            rgba(249, 227, 197, 0.75)
        );
    border-right: 1px solid rgba(183, 117, 21, 0.20);
}

.mw-expertise-tab {
    position: relative;
    display: grid;
    grid-template-columns: 30px 46px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 112px;
    padding: 20px 20px;

    color: var(--mw-expertise-brown);
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(159, 102, 31, 0.14);

    text-align: left;
    cursor: pointer;
    transition:
        color 0.35s ease,
        background 0.35s ease,
        padding 0.35s ease;
}

.mw-expertise-tab:last-child {
    border-bottom: 0;
}

.mw-expertise-tab::before {
    content: "";
    position: absolute;
    top: 14px;
    bottom: 14px;
    left: 0;
    width: 3px;

    background: var(--mw-expertise-gold);
    border-radius: 0 5px 5px 0;
    opacity: 0;
    transform: scaleY(0.25);
    transition: 0.35s ease;
}

.mw-expertise-tab:hover,
.mw-expertise-tab.active {
    padding-left: 25px;
    color: #ffffff;
    background:
        linear-gradient(
            110deg,
            #190c07 0%,
            #2e170e 70%,
            #3a2115 100%
        );
}

.mw-expertise-tab.active::before {
    opacity: 1;
    transform: scaleY(1);
}

.mw-expertise-tab-number {
    color: var(--mw-expertise-deep-gold);
    font-family: "Playfair Display", serif;
    font-size: 12px;
    font-weight: 700;
}

.mw-expertise-tab:hover .mw-expertise-tab-number,
.mw-expertise-tab.active .mw-expertise-tab-number {
    color: #efb54a;
}

.mw-expertise-tab-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;

    color: var(--mw-expertise-deep-gold);
    background: #fff8ee;
    border: 1px solid rgba(210, 145, 40, 0.55);
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(128, 75, 22, 0.12);
}

.mw-expertise-tab.active .mw-expertise-tab-icon,
.mw-expertise-tab:hover .mw-expertise-tab-icon {
    color: #211008;
    background: linear-gradient(135deg, #f9ca6a, #cf871c);
    border-color: #f1b746;
}

.mw-expertise-tab-text {
    min-width: 0;
}

.mw-expertise-tab-text strong,
.mw-expertise-tab-text small {
    display: block;
}

.mw-expertise-tab-text strong {
    margin-bottom: 5px;
    font-family: "Playfair Display", serif;
    font-size: 16px;
    font-weight: 600;
}

.mw-expertise-tab-text small {
    color: #8a7466;
    font-size: 9px;
    line-height: 1.45;
}

.mw-expertise-tab.active .mw-expertise-tab-text small,
.mw-expertise-tab:hover .mw-expertise-tab-text small {
    color: rgba(255, 255, 255, 0.65);
}

.mw-expertise-tab-arrow {
    color: var(--mw-expertise-gold);
    font-size: 12px;
    transform: translateX(-5px);
    opacity: 0;
    transition: 0.35s ease;
}

.mw-expertise-tab.active .mw-expertise-tab-arrow,
.mw-expertise-tab:hover .mw-expertise-tab-arrow {
    opacity: 1;
    transform: translateX(0);
}


/* EXPERTISE PANELS */

.mw-expertise-panels {
    position: relative;
    min-width: 0;
    min-height: 570px;
}

.mw-expertise-panel {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: minmax(280px, 1.05fr) minmax(320px, 0.95fr);

    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(15px);
    transition:
        opacity 0.5s ease,
        transform 0.5s ease,
        visibility 0.5s ease;
}

.mw-expertise-panel.active {
    position: relative;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}


/* PANEL IMAGE */

.mw-expertise-panel-image {
    position: relative;
    min-height: 570px;
    overflow: hidden;
    background: #ead1b2;
}

.mw-expertise-panel-image::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(28, 13, 7, 0.02) 40%,
            rgba(28, 13, 7, 0.68) 100%
        );
    pointer-events: none;
}

.mw-expertise-panel-image img {
    width: 100%;
    height: 100%;
    min-height: 570px;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform 1.2s ease;
}

.mw-expertise-panel.active .mw-expertise-panel-image img {
    animation: mwExpertiseImageReveal 1s ease both;
}

.mw-expertise-panel:hover .mw-expertise-panel-image img {
    transform: scale(1.045);
}

.mw-expertise-image-number {
    position: absolute;
    z-index: 3;
    top: 25px;
    right: 25px;
    padding: 8px 13px;

    color: #ffffff;
    background: rgba(25, 12, 7, 0.68);
    border: 1px solid rgba(226, 164, 54, 0.72);
    border-radius: 50px;
    backdrop-filter: blur(8px);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.mw-expertise-image-label {
    position: absolute;
    z-index: 3;
    bottom: 28px;
    left: 25px;
    padding: 11px 16px;

    color: #ffffff;
    background: rgba(26, 12, 7, 0.78);
    border-left: 3px solid var(--mw-expertise-gold);
    border-radius: 3px 16px 16px 3px;
    backdrop-filter: blur(8px);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/* PANEL CONTENT */

.mw-expertise-panel-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 55px 48px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(218, 157, 51, 0.14),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            #fffaf3 0%,
            #fce8ce 100%
        );
}

.mw-expertise-panel-content::after {
    content: "";
    position: absolute;
    right: -45px;
    bottom: -45px;
    width: 145px;
    height: 145px;

    border: 1px solid rgba(198, 128, 23, 0.20);
    border-radius: 50%;
}

.mw-expertise-panel-label {
    margin-bottom: 15px;
    color: var(--mw-expertise-deep-gold);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.mw-expertise-panel-content h3 {
    max-width: 420px;
    margin: 0 0 20px;
    color: var(--mw-expertise-dark);
    font-family: "Playfair Display", serif;
    font-size: clamp(32px, 3vw, 45px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -1px;
}

.mw-expertise-panel-content > p {
    margin: 0 0 25px;
    color: #705c4f;
    font-size: 13px;
    line-height: 1.85;
}

.mw-expertise-panel-content ul {
    display: grid;
    gap: 13px;
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

.mw-expertise-panel-content li {
    display: flex;
    align-items: center;
    gap: 11px;

    color: #382218;
    font-size: 12px;
    font-weight: 600;
}

.mw-expertise-panel-content li i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;

    color: #efae36;
    background: #201008;
    border: 1px solid #ca861e;
    border-radius: 50%;
    font-size: 9px;
}

.mw-expertise-button {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    gap: 13px;
    min-height: 48px;
    padding: 0 25px;

    color: #ffffff;
    background:
        linear-gradient(
            120deg,
            #180b06,
            #342015
        );
    border: 1px solid #c98620;
    border-radius: 50px;
    box-shadow: 0 12px 25px rgba(74, 39, 15, 0.18);

    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.35s ease;
}

.mw-expertise-button i {
    color: #efad35;
    font-size: 10px;
    transition: transform 0.35s ease;
}

.mw-expertise-button:hover {
    color: #1c0d07;
    background: linear-gradient(135deg, #f4bd55, #d28a1f);
    transform: translateY(-3px);
    box-shadow: 0 16px 30px rgba(132, 77, 19, 0.24);
}

.mw-expertise-button:hover i {
    color: #1c0d07;
    transform: translateX(4px);
}


/* ANIMATION */

@keyframes mwExpertiseImageReveal {
    from {
        opacity: 0.65;
        transform: scale(1.07);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media only screen and (max-width: 991px) {

    .mw-about-expertise {
        padding: 85px 0 95px;
    }

    .mw-expertise-showcase {
        display: block;
        min-height: auto;
        border-radius: 26px;
    }

    .mw-expertise-tabs {
        flex-direction: row;
        padding: 14px;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid rgba(183, 117, 21, 0.20);
        scrollbar-width: none;
    }

    .mw-expertise-tabs::-webkit-scrollbar {
        display: none;
    }

    .mw-expertise-tab {
        flex: 0 0 205px;
        grid-template-columns: 38px minmax(0, 1fr);
        min-height: 78px;
        padding: 12px 14px;
        border: 1px solid rgba(192, 125, 26, 0.20);
        border-radius: 16px;
    }

    .mw-expertise-tab + .mw-expertise-tab {
        margin-left: 9px;
    }

    .mw-expertise-tab:hover,
    .mw-expertise-tab.active {
        padding-left: 14px;
    }

    .mw-expertise-tab::before,
    .mw-expertise-tab-number,
    .mw-expertise-tab-arrow {
        display: none;
    }

    .mw-expertise-tab-text strong {
        font-size: 14px;
    }

    .mw-expertise-panel {
        grid-template-columns: minmax(280px, 0.9fr) minmax(330px, 1.1fr);
    }

    .mw-expertise-panel-image,
    .mw-expertise-panel-image img {
        min-height: 510px;
    }

    .mw-expertise-panel-content {
        padding: 42px 32px;
    }
}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media only screen and (max-width: 767px) {

    .mw-about-expertise {
        padding: 70px 0 75px;
    }

    .mw-expertise-heading {
        margin-bottom: 35px;
    }

    .mw-expertise-subtitle {
        font-size: 9px;
        letter-spacing: 2.5px;
    }

    .mw-expertise-subtitle::before,
    .mw-expertise-subtitle::after {
        width: 22px;
    }

    .mw-expertise-heading h2 {
        margin-bottom: 14px;
        font-size: 39px;
        letter-spacing: -1px;
    }

    .mw-expertise-heading p {
        padding: 0 8px;
        font-size: 13px;
        line-height: 1.7;
    }

    .mw-expertise-showcase {
        border-radius: 22px;
    }

    .mw-expertise-tabs {
        gap: 7px;
        padding: 10px;
    }

    .mw-expertise-tab + .mw-expertise-tab {
        margin-left: 0;
    }

    .mw-expertise-tab {
        display: flex;
        flex: 0 0 auto;
        min-height: 48px;
        width: auto;
        padding: 7px 14px;
        gap: 8px;
        border-radius: 50px;
    }

    .mw-expertise-tab:hover,
    .mw-expertise-tab.active {
        padding-left: 14px;
    }

    .mw-expertise-tab-icon {
        width: 31px;
        height: 31px;
        flex: 0 0 31px;
        font-size: 10px;
    }

    .mw-expertise-tab-text strong {
        margin: 0;
        font-family: "Lato", sans-serif;
        font-size: 11px;
        white-space: nowrap;
    }

    .mw-expertise-tab-text small {
        display: none;
    }

    .mw-expertise-panels {
        min-height: auto;
    }

    .mw-expertise-panel {
        grid-template-columns: 1fr;
    }

    .mw-expertise-panel-image {
        min-height: 355px;
    }

    .mw-expertise-panel-image img {
        min-height: 355px;
        height: 355px;
    }

    .mw-expertise-image-number {
        top: 17px;
        right: 17px;
        padding: 7px 11px;
        font-size: 9px;
    }

    .mw-expertise-image-label {
        bottom: 18px;
        left: 17px;
        font-size: 8px;
    }

    .mw-expertise-panel-content {
        padding: 36px 22px 40px;
    }

    .mw-expertise-panel-label {
        margin-bottom: 11px;
        font-size: 9px;
    }

    .mw-expertise-panel-content h3 {
        font-size: 32px;
        line-height: 1.08;
    }

    .mw-expertise-panel-content > p {
        font-size: 12px;
        line-height: 1.75;
    }

    .mw-expertise-panel-content li {
        align-items: flex-start;
        font-size: 11px;
        line-height: 1.5;
    }

    .mw-expertise-button {
        min-height: 46px;
        padding: 0 21px;
        font-size: 10px;
    }
}


/* SMALL MOBILE */

@media only screen and (max-width: 480px) {

    .mw-expertise-heading h2 {
        font-size: 35px;
    }

    .mw-expertise-panel-image,
    .mw-expertise-panel-image img {
        min-height: 310px;
        height: 310px;
    }

    .mw-expertise-panel-content {
        padding: 32px 18px 36px;
    }

    .mw-expertise-panel-content h3 {
        font-size: 29px;
    }
}


/* REDUCED MOTION ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {

    .mw-expertise-panel,
    .mw-expertise-panel-image img,
    .mw-expertise-tab,
    .mw-expertise-button {
        animation: none !important;
        transition: none !important;
    }
}

/* ==================================================
   OUR EXPERTISE — PREMIUM BEAUTY ENHANCEMENT
   ADD THIS CSS AT THE VERY END
================================================== */


/* SECTION BACKGROUND — RICH CREAM & GOLDEN GLOW */

.mw-about-expertise {
    background:
        radial-gradient(
            circle at 10% 18%,
            rgba(222, 158, 49, 0.18) 0%,
            rgba(222, 158, 49, 0.05) 20%,
            transparent 38%
        ),
        radial-gradient(
            circle at 88% 80%,
            rgba(171, 91, 41, 0.12) 0%,
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #fff9f0 0%,
            #fde6ca 48%,
            #fff4e5 100%
        ) !important;
}


/* PREMIUM SOFT PATTERN */

.mw-about-expertise::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 4%;
    left: 3%;

    width: 170px;
    height: 170px;

    border:
        1px solid rgba(194, 119, 21, 0.16);
    border-radius: 50%;

    box-shadow:
        0 0 0 18px rgba(211, 145, 38, 0.035),
        0 0 0 38px rgba(211, 145, 38, 0.022);

    pointer-events: none;
}


/* HEADING — STRONGER LUXURY COLOUR */

.mw-expertise-heading h2 {
    color: #241008 !important;

    text-shadow:
        0 7px 22px rgba(112, 57, 20, 0.08);
}

.mw-expertise-heading h2 em {
    color: transparent !important;

    background:
        linear-gradient(
            120deg,
            #a95f12 0%,
            #d68d1e 43%,
            #f0b84e 68%,
            #a95f12 100%
        );

    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mw-expertise-subtitle {
    color: #b46a15 !important;
}

.mw-expertise-subtitle::before,
.mw-expertise-subtitle::after {
    background:
        linear-gradient(
            90deg,
            transparent,
            #da941f,
            transparent
        ) !important;
}


/* MAIN SHOWCASE — PREMIUM FRAME */

.mw-expertise-showcase {
    border:
        1px solid rgba(192, 116, 19, 0.62) !important;

    box-shadow:
        0 35px 80px rgba(92, 45, 16, 0.18),
        0 12px 30px rgba(184, 109, 23, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

.mw-expertise-showcase::after {
    content: "";
    position: absolute;
    z-index: 8;
    inset: 8px;

    border:
        1px solid rgba(230, 170, 69, 0.16);
    border-radius: 27px;

    pointer-events: none;
}


/* LEFT TAB AREA — BEAUTY CREAM TONE */

.mw-expertise-tabs {
    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(227, 167, 62, 0.18),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #fffaf2 0%,
            #f8dfbf 100%
        ) !important;
}


/* NORMAL TAB HOVER DEPTH */

.mw-expertise-tab:not(.active):hover {
    color: #ffffff !important;

    background:
        linear-gradient(
            110deg,
            #32170c 0%,
            #552a16 100%
        ) !important;
}


/* ACTIVE TAB — RICH BLACK BROWN & GOLD */

.mw-expertise-tab.active {
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(222, 156, 47, 0.16),
            transparent 38%
        ),
        linear-gradient(
            115deg,
            #160a05 0%,
            #30150b 55%,
            #4b2715 100%
        ) !important;

    box-shadow:
        inset -12px 0 30px rgba(211, 142, 36, 0.09),
        0 10px 22px rgba(65, 30, 10, 0.14) !important;
}

.mw-expertise-tab.active::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;

    width: 70px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #efad36
        );
}


/* TAB ICON — METALLIC GOLD */

.mw-expertise-tab.active .mw-expertise-tab-icon,
.mw-expertise-tab:hover .mw-expertise-tab-icon {
    color: #211006 !important;

    background:
        linear-gradient(
            145deg,
            #ffe49b 0%,
            #e5a52f 48%,
            #b76b13 100%
        ) !important;

    border-color: #f2bd54 !important;

    box-shadow:
        0 0 0 4px rgba(225, 156, 42, 0.10),
        0 8px 18px rgba(70, 34, 10, 0.25) !important;
}


/* IMAGE — PREMIUM SALON FINISH */

.mw-expertise-panel-image {
    background: #e8cba7 !important;
}

.mw-expertise-panel-image::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;

    background:
        linear-gradient(
            110deg,
            rgba(255, 218, 154, 0.13) 0%,
            transparent 32%,
            transparent 70%,
            rgba(45, 19, 7, 0.14) 100%
        );

    pointer-events: none;
}

.mw-expertise-panel-image img {
    filter:
        saturate(1.08)
        contrast(1.04)
        brightness(1.03);
}


/* IMAGE NUMBER */

.mw-expertise-image-number {
    color: #fff5dc !important;

    background:
        linear-gradient(
            120deg,
            rgba(20, 9, 4, 0.90),
            rgba(60, 30, 15, 0.88)
        ) !important;

    border-color: #e9a733 !important;

    box-shadow:
        0 7px 18px rgba(25, 10, 4, 0.25) !important;
}


/* IMAGE BOTTOM LABEL */

.mw-expertise-image-label {
    color: #fff7e9 !important;

    background:
        linear-gradient(
            90deg,
            rgba(20, 8, 3, 0.92),
            rgba(55, 27, 12, 0.78)
        ) !important;

    border-left-color: #efac35 !important;

    box-shadow:
        0 8px 20px rgba(20, 8, 3, 0.20);
}


/* RIGHT CONTENT — BEAUTY CHAMPAGNE TONE */

.mw-expertise-panel-content {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(225, 159, 48, 0.22),
            transparent 39%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(180, 91, 37, 0.08),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #fffaf3 0%,
            #fce2c2 100%
        ) !important;
}


/* PANEL LABEL */

.mw-expertise-panel-label {
    color: #b76c15 !important;
    text-shadow:
        0 5px 15px rgba(165, 91, 18, 0.12);
}


/* PANEL TITLE */

.mw-expertise-panel-content h3 {
    color: #241007 !important;

    text-shadow:
        0 7px 20px rgba(89, 41, 15, 0.08);
}


/* CHECK ICONS — GOLD JEWELLERY EFFECT */

.mw-expertise-panel-content li i {
    color: #ffca65 !important;

    background:
        linear-gradient(
            145deg,
            #160904,
            #452211
        ) !important;

    border-color: #d99121 !important;

    box-shadow:
        0 0 0 3px rgba(207, 136, 31, 0.08),
        0 7px 15px rgba(59, 27, 8, 0.17) !important;
}


/* PREMIUM CTA BUTTON */

.mw-expertise-button {
    background:
        linear-gradient(
            115deg,
            #160904 0%,
            #32170c 60%,
            #4d2917 100%
        ) !important;

    border-color: #e3a137 !important;

    box-shadow:
        0 12px 26px rgba(67, 29, 8, 0.22),
        inset 0 1px 0 rgba(255, 218, 150, 0.16) !important;
}

.mw-expertise-button:hover {
    color: #211006 !important;

    background:
        linear-gradient(
            135deg,
            #ffe098 0%,
            #e8a832 48%,
            #bd7016 100%
        ) !important;

    box-shadow:
        0 17px 32px rgba(147, 82, 16, 0.28) !important;
}


/* SOFT SHINE ANIMATION ON MAIN CARD */

.mw-expertise-showcase::before {
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            #bd7417 20%,
            #ffd679 50%,
            #bd7417 80%,
            transparent 100%
        ) !important;

    background-size: 200% 100% !important;
    animation:
        mwExpertiseGoldLine 5s linear infinite;
}

@keyframes mwExpertiseGoldLine {

    0% {
        background-position: 200% center;
    }

    100% {
        background-position: -200% center;
    }
}


/* =========================================
   MOBILE PREMIUM ENHANCEMENT
========================================= */

@media only screen and (max-width: 767px) {

    .mw-about-expertise {
        background:
            radial-gradient(
                circle at 50% 5%,
                rgba(224, 156, 47, 0.15),
                transparent 28%
            ),
            linear-gradient(
                180deg,
                #fff9f0 0%,
                #fde7cc 52%,
                #fff6ea 100%
            ) !important;
    }

    .mw-about-expertise::before {
        width: 105px;
        height: 105px;
        top: 1%;
        left: -48px;
    }

    .mw-expertise-showcase {
        box-shadow:
            0 22px 45px rgba(92, 45, 16, 0.16),
            0 7px 18px rgba(184, 109, 23, 0.08) !important;
    }

    .mw-expertise-showcase::after {
        inset: 5px;
        border-radius: 18px;
    }

    .mw-expertise-tabs {
        background:
            linear-gradient(
                90deg,
                #fffaf2,
                #f7dfc0
            ) !important;
    }

    .mw-expertise-tab.active {
        box-shadow:
            0 8px 18px rgba(56, 25, 8, 0.22) !important;
    }

    .mw-expertise-panel-content {
        background:
            radial-gradient(
                circle at 100% 0%,
                rgba(224, 157, 48, 0.18),
                transparent 34%
            ),
            linear-gradient(
                145deg,
                #fffaf3,
                #fbe2c4
            ) !important;
    }
}


/* SMALL MOBILE */

@media only screen and (max-width: 480px) {

    .mw-expertise-showcase {
        border-color:
            rgba(192, 116, 19, 0.48) !important;
    }

    .mw-expertise-heading h2 {
        text-shadow:
            0 6px 17px rgba(112, 57, 20, 0.08);
    }
}

/* About Us Page Sixth Section */
.mw-why-premium{

    position:relative;

    padding:135px 0 115px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 8% 12%,
            rgba(201,162,77,.14),
            transparent 28%
        ),

        radial-gradient(
            circle at 92% 80%,
            rgba(201,162,77,.10),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #fffdf9 0%,
            #f8f0e4 48%,
            #fffaf2 100%
        );

}


/* =========================================
   DECORATIVE GLOWS
========================================= */

.mw-why-glow{

    position:absolute;

    display:block;

    border-radius:50%;

    pointer-events:none;

}


.mw-why-glow-one{

    width:500px;

    height:500px;

    left:-280px;

    top:150px;

    border:1px solid rgba(201,162,77,.16);

}


.mw-why-glow-two{

    width:320px;

    height:320px;

    right:-130px;

    bottom:80px;

    background:
        radial-gradient(
            circle,
            rgba(201,162,77,.13),
            transparent 68%
        );

    filter:blur(15px);

}


/* =========================================
   HEADING
========================================= */

.mw-why-heading{

    position:relative;

    z-index:3;

    display:grid;

    grid-template-columns:1.25fr .75fr;

    align-items:end;

    gap:80px;

    margin-bottom:75px;

}


.mw-why-heading-left{

    max-width:760px;

}


.mw-why-eyebrow{

    display:inline-flex;

    align-items:center;

    gap:16px;

    margin-bottom:22px;

    color:#a87722;

    font-size:11px;

    font-weight:700;

    letter-spacing:6px;

    text-transform:uppercase;

}


.mw-why-eyebrow::before{

    content:"";

    width:48px;

    height:1px;

    background:#c9a24d;

}


.mw-why-heading h2{

    margin:0;

    color:#111;

    font-family:'Playfair Display',serif;

    font-size:61px;

    font-weight:600;

    line-height:1.08;

    letter-spacing:-1.7px;

}


.mw-why-heading h2 em{

    display:block;

    margin-top:5px;

    color:#bd8930;

    font-weight:500;

    font-style:italic;

}


.mw-why-heading-right{

    position:relative;

    padding-left:35px;

    border-left:1px solid rgba(173,124,37,.30);

}


.mw-why-heading-number{

    position:absolute;

    right:0;

    top:-58px;

    color:rgba(201,162,77,.10);

    font-family:'Playfair Display',serif;

    font-size:92px;

    font-weight:700;

    line-height:1;

}


.mw-why-heading-right p{

    position:relative;

    z-index:2;

    margin:0;

    color:#645e57;

    font-size:15px;

    line-height:1.9;

}


/* =========================================
   MAIN GRID
========================================= */

.mw-why-layout{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:.92fr 1.08fr;

    gap:65px;

    align-items:stretch;

}


/* =========================================
   LEFT VISUAL
========================================= */

.mw-why-visual{

    position:relative;

}


.mw-why-image-frame{

    position:relative;

    height:680px;

    overflow:hidden;

    border-radius:4px 110px 4px 110px;

    background:#111;

    box-shadow:
        0 35px 80px rgba(38,27,12,.20);

}


.mw-why-image-frame::before{

    content:"";

    position:absolute;

    inset:14px;

    z-index:3;

    border:
        1px solid rgba(235,202,122,.55);

    border-radius:2px 96px 2px 96px;

    pointer-events:none;

}


.mw-why-image-frame img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:
        transform 1.2s cubic-bezier(.22,1,.36,1);

}


.mw-why-image-frame:hover img{

    transform:scale(1.055);

}


.mw-why-image-overlay{

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            180deg,
            rgba(0,0,0,.05) 20%,
            rgba(0,0,0,.15) 52%,
            rgba(0,0,0,.78) 100%
        );

}


/* =========================================
   IMAGE TITLE
========================================= */

.mw-why-image-label{

    position:absolute;

    z-index:4;

    top:55px;

    left:52px;

    display:flex;

    flex-direction:column;

    color:#fff;

}


.mw-why-image-label span{

    margin-bottom:2px;

    color:#e8c876;

    font-size:10px;

    letter-spacing:7px;

}


.mw-why-image-label strong{

    font-family:'Playfair Display',serif;

    font-size:34px;

    font-weight:500;

    letter-spacing:1px;

}


.mw-why-image-label small{

    margin-top:4px;

    color:rgba(255,255,255,.72);

    font-size:9px;

    letter-spacing:6px;

}


/* =========================================
   FLOATING SIGNATURE CARD
========================================= */

.mw-why-signature-card{

    position:absolute;

    z-index:5;

    left:42px;

    right:42px;

    bottom:38px;

    display:flex;

    align-items:center;

    gap:18px;

    padding:19px 22px;

    border:
        1px solid rgba(231,199,118,.38);

    border-radius:24px;

    background:
        rgba(10,10,10,.70);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

    box-shadow:
        0 20px 50px rgba(0,0,0,.30);

}


.mw-why-signature-icon{

    width:53px;

    height:53px;

    min-width:53px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #f0d07a,
            #a97220
        );

    color:#111;

    font-size:18px;

}


.mw-why-signature-card span{

    display:block;

    margin-bottom:4px;

    color:#d3b66d;

    font-size:9px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}


.mw-why-signature-card strong{

    color:#fff;

    font-family:'Playfair Display',serif;

    font-size:18px;

    font-weight:500;

}


/* =========================================
   STATEMENT
========================================= */

.mw-why-statement{

    position:relative;

    width:82%;

    margin:
        -1px 0 0 auto;

    padding:
        40px 42px 37px;

    border-radius:
        0 0 0 55px;

    background:
        linear-gradient(
            135deg,
            #15110c,
            #050505
        );

    color:#fff;

    box-shadow:
        0 25px 55px rgba(0,0,0,.20);

}


.mw-why-quote-mark{

    position:absolute;

    right:28px;

    top:1px;

    color:rgba(214,163,58,.18);

    font-family:'Playfair Display',serif;

    font-size:100px;

    line-height:1;

}


.mw-why-statement p{

    position:relative;

    z-index:2;

    margin:0 0 22px;

    color:#f2eadc;

    font-family:'Playfair Display',serif;

    font-size:20px;

    font-style:italic;

    line-height:1.5;

}


.mw-why-statement-line{

    display:inline-block;

    width:50px;

    height:1px;

    margin-right:12px;

    vertical-align:middle;

    background:#c9a24d;

}


.mw-why-statement small{

    color:#c9a24d;

    font-size:9px;

    letter-spacing:3px;

    text-transform:uppercase;

}


/* =========================================
   RIGHT REASONS
========================================= */

.mw-why-reasons{

    display:flex;

    flex-direction:column;

    justify-content:center;

    gap:16px;

}


.mw-why-card{

    --why-x:50%;
    --why-y:50%;

    position:relative;

    display:grid;

    grid-template-columns:
        48px 68px 1fr 35px;

    align-items:center;

    gap:22px;

    min-height:155px;

    padding:28px 28px;

    overflow:hidden;

    border:
        1px solid rgba(176,128,42,.25);

    border-radius:25px;

    background:
        rgba(255,255,255,.68);

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    box-shadow:
        0 16px 42px rgba(94,62,17,.07);

    transition:
        transform .45s ease,
        box-shadow .45s ease,
        border-color .45s ease,
        background .45s ease;

}


.mw-why-card::before{

    content:"";

    position:absolute;

    width:230px;

    height:230px;

    left:
        calc(var(--why-x) - 115px);

    top:
        calc(var(--why-y) - 115px);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(222,180,84,.16),
            transparent 65%
        );

    opacity:0;

    pointer-events:none;

    transition:opacity .35s ease;

}


.mw-why-card::after{

    content:"";

    position:absolute;

    left:0;

    top:20%;

    width:3px;

    height:60%;

    border-radius:5px;

    background:
        linear-gradient(
            180deg,
            transparent,
            #c9a24d,
            transparent
        );

    transform:scaleY(0);

    transition:
        transform .45s ease;

}


.mw-why-card:hover{

    transform:
        translateX(10px);

    border-color:
        rgba(201,162,77,.65);

    background:#fff;

    box-shadow:
        0 25px 60px rgba(112,77,25,.14);

}


.mw-why-card:hover::before{

    opacity:1;

}


.mw-why-card:hover::after{

    transform:scaleY(1);

}


/* NUMBER */

.mw-why-card-number{

    position:relative;

    z-index:2;

    color:#b98b3a;

    font-family:'Playfair Display',serif;

    font-size:13px;

    font-style:italic;

}


/* ICON */

.mw-why-card-icon{

    position:relative;

    z-index:2;

    width:62px;

    height:62px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:
        20px 6px 20px 6px;

    background:
        linear-gradient(
            145deg,
            #18130d,
            #050505
        );

    color:#ddb75f;

    border:
        1px solid rgba(210,169,78,.45);

    font-size:20px;

    box-shadow:
        0 12px 30px rgba(0,0,0,.17);

    transition:
        .45s ease;

}


.mw-why-card:hover
.mw-why-card-icon{

    color:#111;

    background:
        linear-gradient(
            135deg,
            #f1d17b,
            #b88028
        );

    transform:
        rotate(-6deg)
        scale(1.06);

}


/* CONTENT */

.mw-why-card-content{

    position:relative;

    z-index:2;

}


.mw-why-card-small{

    display:block;

    margin-bottom:6px;

    color:#b4812b;

    font-size:8px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}


.mw-why-card-content h3{

    margin:
        0 0 8px;

    color:#161616;

    font-family:'Playfair Display',serif;

    font-size:24px;

    font-weight:600;

}


.mw-why-card-content p{

    max-width:470px;

    margin:0;

    color:#716a62;

    font-size:13px;

    line-height:1.7;

}


/* ARROW */

.mw-why-card-arrow{

    position:relative;

    z-index:2;

    width:34px;

    height:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:#a87825;

    border:
        1px solid rgba(177,128,37,.30);

    font-size:10px;

    transition:.4s ease;

}


.mw-why-card:hover
.mw-why-card-arrow{

    background:#111;

    color:#d9b45d;

    border-color:#111;

    transform:
        rotate(45deg);

}


/* =========================================
   BOTTOM CTA BAR
========================================= */

.mw-why-bottom{

    position:relative;

    z-index:3;

    display:grid;

    grid-template-columns:
        auto 1fr auto;

    align-items:center;

    gap:25px;

    margin-top:75px;

    padding:
        30px 34px;

    overflow:hidden;

    border:
        1px solid rgba(214,163,58,.58);

    border-radius:
        28px 6px 28px 6px;

    background:
        linear-gradient(
            120deg,
            #080808,
            #17120b
        );

    box-shadow:
        0 25px 65px rgba(0,0,0,.21);

}


.mw-why-bottom::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    right:10%;

    top:-230px;

    border-radius:50%;

    background:
        rgba(214,163,58,.17);

    filter:blur(70px);

}


.mw-why-bottom-icon{

    position:relative;

    z-index:2;

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #f0d078,
            #b98128
        );

    color:#111;

    font-size:20px;

}


.mw-why-bottom-copy{

    position:relative;

    z-index:2;

}


.mw-why-bottom-copy span{

    display:block;

    margin-bottom:5px;

    color:#cda953;

    font-size:8px;

    font-weight:700;

    letter-spacing:4px;

}


.mw-why-bottom-copy h3{

    margin:0;

    color:#fff;

    font-family:'Playfair Display',serif;

    font-size:25px;

    font-weight:500;

}


/* CTA */

.mw-why-cta{

    position:relative;

    z-index:3;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    min-width:220px;

    padding:
        15px 23px;

    overflow:hidden;

    border-radius:50px;

    background:
        linear-gradient(
            135deg,
            #ecd078,
            #b57c25
        );

    color:#111;

    font-size:12px;

    font-weight:700;

    letter-spacing:.5px;

    text-decoration:none;

    box-shadow:
        0 12px 28px rgba(214,163,58,.20);

    transition:.4s ease;

}


.mw-why-cta::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:55%;

    height:100%;

    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.65),
            transparent
        );

    transform:skewX(-20deg);

    transition:.7s ease;

}


.mw-why-cta:hover::before{

    left:140%;

}


.mw-why-cta i{

    transition:.35s ease;

}


.mw-why-cta:hover{

    color:#111;

    transform:translateY(-4px);

    box-shadow:
        0 18px 40px rgba(214,163,58,.32);

}


.mw-why-cta:hover i{

    transform:translateX(5px);

}


/* =========================================
   REVEAL ANIMATION
========================================= */

.mw-why-reveal{

    opacity:0;

    transform:
        translateY(38px);

    transition:

        opacity .8s cubic-bezier(.22,1,.36,1),

        transform .8s cubic-bezier(.22,1,.36,1);

}


.mw-why-reveal.mw-why-visible{

    opacity:1;

    transform:translateY(0);

}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:1199px){

    .mw-why-heading h2{

        font-size:53px;

    }


    .mw-why-layout{

        gap:40px;

    }


    .mw-why-card{

        grid-template-columns:
            40px 60px 1fr 30px;

        gap:16px;

        padding:24px 20px;

    }


    .mw-why-card-icon{

        width:56px;

        height:56px;

    }

}


/* =====================================================
   991 PX
===================================================== */

@media(max-width:991px){

    .mw-why-premium{

        padding:100px 0;

    }


    .mw-why-heading{

        grid-template-columns:1fr;

        gap:35px;

    }


    .mw-why-heading h2{

        font-size:48px;

    }


    .mw-why-heading-right{

        max-width:650px;

    }


    .mw-why-layout{

        grid-template-columns:1fr;

        gap:60px;

    }


    .mw-why-image-frame{

        height:600px;

    }


    .mw-why-visual{

        max-width:720px;

        margin:auto;

        width:100%;

    }


    .mw-why-reasons{

        width:100%;

    }

}


/* =====================================================
   768 PX
===================================================== */

@media(max-width:768px){

    .mw-why-premium{

        padding:
            80px 15px 75px;

    }


    .mw-why-heading{

        margin-bottom:50px;

    }


    .mw-why-heading h2{

        font-size:40px;

    }


    .mw-why-image-frame{

        height:520px;

        border-radius:
            4px 75px 4px 75px;

    }


    .mw-why-statement{

        width:90%;

    }


    .mw-why-bottom{

        grid-template-columns:
            auto 1fr;

    }


    .mw-why-cta{

        grid-column:
            1 / -1;

        width:100%;

    }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:576px){

    .mw-why-premium{

        padding:
            65px 15px 60px;

    }


    /* Heading */

    .mw-why-heading{

        gap:28px;

        margin-bottom:42px;

        text-align:center;

    }


    .mw-why-eyebrow{

        justify-content:center;

        font-size:9px;

        letter-spacing:4px;

    }


    .mw-why-eyebrow::before{

        width:28px;

    }


    .mw-why-heading h2{

        font-size:33px;

        line-height:1.13;

        letter-spacing:-.8px;

    }


    .mw-why-heading-right{

        padding:
            25px 0 0;

        border-left:none;

        border-top:
            1px solid rgba(173,124,37,.25);

    }


    .mw-why-heading-number{

        display:none;

    }


    .mw-why-heading-right p{

        max-width:340px;

        margin:auto;

        font-size:14px;

        line-height:1.75;

    }


    /* Image */

    .mw-why-layout{

        gap:45px;

    }


    .mw-why-image-frame{

        height:440px;

        border-radius:
            4px 60px 4px 60px;

    }


    .mw-why-image-frame::before{

        inset:9px;

        border-radius:
            2px 51px 2px 51px;

    }


    .mw-why-image-label{

        top:35px;

        left:28px;

    }


    .mw-why-image-label strong{

        font-size:25px;

    }


    .mw-why-image-label span{

        font-size:8px;

        letter-spacing:5px;

    }


    .mw-why-image-label small{

        letter-spacing:4px;

    }


    /* Signature */

    .mw-why-signature-card{

        left:20px;

        right:20px;

        bottom:20px;

        gap:13px;

        padding:
            15px 16px;

        border-radius:18px;

    }


    .mw-why-signature-icon{

        width:45px;

        height:45px;

        min-width:45px;

        font-size:15px;

    }


    .mw-why-signature-card strong{

        font-size:15px;

    }


    /* Statement */

    .mw-why-statement{

        width:91%;

        padding:
            30px 25px;

        border-radius:
            0 0 0 40px;

    }


    .mw-why-statement p{

        font-size:17px;

    }


    /* Cards */

    .mw-why-reasons{

        gap:14px;

    }


    .mw-why-card{

        grid-template-columns:
            52px 1fr;

        gap:
            14px 16px;

        min-height:auto;

        padding:
            23px 20px;

        border-radius:22px;

    }


    .mw-why-card-number{

        position:absolute;

        right:18px;

        top:15px;

        font-size:11px;

    }


    .mw-why-card-icon{

        width:50px;

        height:50px;

        grid-row:
            1 / span 2;

    }


    .mw-why-card-content{

        padding-right:5px;

    }


    .mw-why-card-content h3{

        font-size:20px;

    }


    .mw-why-card-content p{

        font-size:12px;

        line-height:1.65;

    }


    .mw-why-card-arrow{

        display:none;

    }


    .mw-why-card:hover{

        transform:
            translateY(-4px);

    }


    /* Bottom */

    .mw-why-bottom{

        display:flex;

        flex-direction:column;

        text-align:center;

        gap:17px;

        margin-top:50px;

        padding:
            28px 20px;

        border-radius:
            25px 5px 25px 5px;

    }


    .mw-why-bottom-icon{

        width:52px;

        height:52px;

    }


    .mw-why-bottom-copy span{

        font-size:7px;

        letter-spacing:3px;

    }


    .mw-why-bottom-copy h3{

        font-size:21px;

        line-height:1.35;

    }


    .mw-why-cta{

        width:100%;

        min-width:0;

        max-width:300px;

    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media(max-width:400px){

    .mw-why-heading h2{

        font-size:29px;

    }


    .mw-why-image-frame{

        height:395px;

    }


    .mw-why-image-label strong{

        font-size:22px;

    }


    .mw-why-signature-card strong{

        font-size:14px;

    }


    .mw-why-card{

        padding:
            21px 17px;

    }


    .mw-why-card-content h3{

        font-size:19px;

    }

}

/* Franchise Page Banner Section */
.mw-franchise-page-banner {

    position: relative;

    min-height: 420px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    isolation: isolate;

    text-align: center;


    background:

        linear-gradient(
            135deg,
            rgba(18, 9, 5, 0.60),
            rgba(22, 11, 6, 0.84)
        ),

        url('/uploads/home_page_banner/banner_one.png');


    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}


/* PREMIUM GOLDEN OVERLAY */

.mw-franchise-page-banner::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -1;


    background:

        radial-gradient(
            circle at 50% 45%,
            rgba(214, 163, 58, 0.18),
            transparent 42%
        );

}


/* BOTTOM GOLD LINE */

.mw-franchise-page-banner::after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: 0;

    width: 190px;

    height: 3px;


    background:

        linear-gradient(
            90deg,
            transparent,
            #d6a33a,
            transparent
        );


    box-shadow:

        0 0 22px rgba(214, 163, 58, 0.85);


    transform: translateX(-50%);

}


/* =========================================
   BANNER CONTENT
========================================= */

.mw-franchise-banner-content {

    position: relative;

    z-index: 2;

    margin-top: 35px;

    padding: 30px 20px;

}


/* SMALL TAG */

.mw-franchise-banner-tag {

    display: block;

    margin-bottom: 16px;

    color: #eab64b;

    font-size: 11px;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: 6px;

    text-transform: uppercase;

}


/* MAIN HEADING */

.mw-franchise-banner-content h1 {

    margin: 0 0 22px;

    color: #ffffff;

    font-family:
        "Playfair Display",
        serif;

    font-size: 68px;

    font-weight: 600;

    line-height: 1.1;


    text-shadow:

        0 8px 28px rgba(0, 0, 0, 0.55),

        0 0 35px rgba(214, 163, 58, 0.14);

}


/* =========================================
   BREADCRUMB
========================================= */

.mw-franchise-breadcrumb {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    font-size: 15px;

    font-weight: 500;

}


.mw-franchise-breadcrumb a {

    color: #eab64b;

    text-decoration: none;

    transition:
        color 0.3s ease;

}


.mw-franchise-breadcrumb a:hover {

    color: #ffffff;

}


.mw-franchise-breadcrumb span {

    color:
        rgba(255, 255, 255, 0.90);

}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media only screen and (max-width: 991px) {

    .mw-franchise-page-banner {

        min-height: 380px;

    }


    .mw-franchise-banner-content h1 {

        font-size: 54px;

    }

}


/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media only screen and (max-width: 768px) {

    .mw-franchise-page-banner {

        min-height: 350px;

        background-position: center;

    }


    .mw-franchise-banner-content {

        margin-top: 25px;

        padding: 25px 15px;

    }


    .mw-franchise-banner-tag {

        margin-bottom: 14px;

        font-size: 9px;

        letter-spacing: 4px;

    }


    .mw-franchise-banner-content h1 {

        margin-bottom: 18px;

        font-size: 40px;

    }


    .mw-franchise-breadcrumb {

        gap: 10px;

        font-size: 13px;

    }


    .mw-franchise-page-banner::after {

        width: 130px;

    }

}


/* SMALL MOBILE */

@media only screen and (max-width: 480px) {

    .mw-franchise-page-banner {

        min-height: 320px;

    }


    .mw-franchise-banner-content h1 {

        font-size: 36px;

    }

}

/* Franchise Page First Section */
.mw-franchise-details{

    position:relative;

    padding:135px 0 125px;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 8% 10%,
            rgba(201,162,77,.14),
            transparent 28%
        ),

        radial-gradient(
            circle at 95% 88%,
            rgba(201,162,77,.11),
            transparent 26%
        ),

        linear-gradient(
            135deg,
            #fffdf9 0%,
            #f8eee0 50%,
            #fffaf3 100%
        );

}


/* =========================================
   BACKGROUND TYPOGRAPHY
========================================= */

.mw-franchise-details-bg-text{

    position:absolute;

    left:50%;

    top:50%;

    transform:
        translate(-50%,-50%)
        rotate(-5deg);

    z-index:0;

    color:
        rgba(165,115,31,.035);

    font-family:
        'Playfair Display',
        serif;

    font-size:210px;

    font-weight:700;

    letter-spacing:25px;

    line-height:1;

    white-space:nowrap;

    pointer-events:none;

}


/* =========================================
   LAYOUT
========================================= */

.mw-franchise-details-layout{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        .92fr 1.08fr;

    gap:80px;

    align-items:center;

}


/* =====================================================
   LEFT VISUAL
===================================================== */

.mw-franchise-details-visual{

    position:relative;

    padding:
        0 28px 55px 0;

}


/* MAIN IMAGE */

.mw-franchise-details-image{

    position:relative;

    height:720px;

    overflow:hidden;

    border-radius:
        6px 125px 6px 125px;

    background:#111;

    border:
        1px solid
        rgba(201,162,77,.55);

    box-shadow:
        0 42px 90px
        rgba(48,31,10,.20);

}


/* INNER PREMIUM FRAME */

.mw-franchise-details-image::before{

    content:"";

    position:absolute;

    inset:14px;

    z-index:4;

    border:
        1px solid
        rgba(235,202,122,.48);

    border-radius:
        4px 109px 4px 109px;

    pointer-events:none;

}


/* GOLD LIGHT */

.mw-franchise-details-image::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    right:-110px;

    top:-80px;

    z-index:2;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(227,189,95,.28),
            transparent 65%
        );

    filter:blur(18px);

    pointer-events:none;

}


.mw-franchise-details-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:
        transform 1.1s
        cubic-bezier(.22,1,.36,1);

}


.mw-franchise-details-image:hover img{

    transform:scale(1.055);

}


/* DARK OVERLAY */

.mw-franchise-details-overlay{

    position:absolute;

    inset:0;

    z-index:1;

    background:

        linear-gradient(
            180deg,
            rgba(0,0,0,.08) 15%,
            rgba(0,0,0,.15) 50%,
            rgba(0,0,0,.75) 100%
        ),

        linear-gradient(
            90deg,
            rgba(0,0,0,.18),
            transparent 45%
        );

}


/* =====================================================
   VERTICAL BEAUTY BUSINESS GROWTH
===================================================== */

.mw-franchise-details-vertical-label{

    position:absolute;

    z-index:5;

    left:35px;

    top:55px;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:10px;

}


.mw-franchise-details-vertical-label span{

    writing-mode:
        vertical-rl;

    transform:
        rotate(180deg);

    color:
        rgba(255,255,255,.82);

    font-size:8px;

    font-weight:700;

    letter-spacing:4px;

}


.mw-franchise-details-vertical-label i{

    display:block;

    width:1px;

    height:28px;

    background:
        rgba(223,183,88,.65);

}


/* =====================================================
   LOGO SEAL
===================================================== */

.mw-franchise-details-seal{

    position:absolute;

    z-index:6;

    left:50%;

    bottom:65px;

    width:185px;

    height:185px;

    transform:
        translateX(-50%);

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:

        radial-gradient(
            circle at 40% 30%,
            #241b0e,
            #080706 70%
        );

    border:
        1px solid
        rgba(229,190,97,.65);

    box-shadow:

        0 25px 55px
        rgba(0,0,0,.40),

        inset
        0 0 35px
        rgba(201,162,77,.10);

}


/* OUTER SEAL RING */

.mw-franchise-details-seal-ring{

    position:absolute;

    inset:9px;

    border-radius:50%;

    border:
        1px dashed
        rgba(231,199,118,.42);

}


.mw-franchise-details-seal img{

    position:relative;

    z-index:2;

    width:105px;

    max-height:62px;

    object-fit:contain;

    margin-bottom:11px;

}


.mw-franchise-details-seal small{

    position:relative;

    z-index:2;

    color:#d8b35d;

    font-size:8px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

}


/* =====================================================
   FLOATING PARTNER CARD
===================================================== */

.mw-franchise-details-floating{

    position:absolute;

    z-index:8;

    right:0;

    bottom:0;

    min-width:335px;

    display:grid;

    grid-template-columns:
        auto 1fr auto;

    align-items:center;

    gap:17px;

    padding:
        20px 22px;

    border-radius:
        28px 5px 28px 5px;

    border:
        1px solid
        rgba(210,169,74,.60);

    background:

        linear-gradient(
            135deg,
            #17120c,
            #050505
        );

    box-shadow:

        0 28px 65px
        rgba(0,0,0,.34);

}


.mw-franchise-details-floating-number{

    color:
        rgba(221,181,86,.55);

    font-family:
        'Playfair Display',
        serif;

    font-size:27px;

    font-style:italic;

}


.mw-franchise-details-floating div{

    position:relative;

}


.mw-franchise-details-floating small{

    display:block;

    margin-bottom:5px;

    color:#bf9947;

    font-size:8px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}


.mw-franchise-details-floating strong{

    display:block;

    color:#fff;

    font-family:
        'Playfair Display',
        serif;

    font-size:17px;

    font-weight:500;

}


.mw-franchise-details-floating-icon{

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:

        linear-gradient(
            135deg,
            #f0cf75,
            #ae7621
        );

    color:#111;

    font-size:16px;

}


/* =====================================================
   RIGHT CONTENT
===================================================== */

.mw-franchise-details-content{

    position:relative;

}


/* TOP TAG */

.mw-franchise-details-tag{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:21px;

    color:#a97825;

    font-size:10px;

    font-weight:700;

    letter-spacing:6px;

    text-transform:uppercase;

}


.mw-franchise-details-tag span{

    display:block;

    width:46px;

    height:1px;

    background:#c99632;

}


/* HEADING */

.mw-franchise-details-content h2{

    max-width:690px;

    margin:
        0 0 25px;

    color:#131313;

    font-family:
        'Playfair Display',
        serif;

    font-size:56px;

    font-weight:600;

    line-height:1.08;

    letter-spacing:-1.5px;

}


.mw-franchise-details-content h2 em{

    display:block;

    margin-top:7px;

    color:#bc8730;

    font-weight:500;

    font-style:italic;

}


/* LEAD */

.mw-franchise-details-lead{

    max-width:620px;

    margin:
        0 0 16px;

    color:#39332c;

    font-family:
        'Playfair Display',
        serif;

    font-size:19px;

    line-height:1.65;

}


/* DESCRIPTION */

.mw-franchise-details-description{

    max-width:620px;

    margin:0;

    color:#756d64;

    font-size:14px;

    line-height:1.9;

}


/* =====================================================
   DETAILS LIST
===================================================== */

.mw-franchise-details-list{

    display:flex;

    flex-direction:column;

    gap:13px;

    margin-top:38px;

}


/* ITEM */

.mw-franchise-details-item{

    position:relative;

    display:grid;

    grid-template-columns:
        38px 58px 1fr;

    align-items:center;

    gap:18px;

    overflow:hidden;

    padding:
        21px 23px;

    border:
        1px solid
        rgba(178,128,40,.20);

    border-radius:22px;

    background:

        linear-gradient(
            135deg,
            rgba(255,255,255,.80),
            rgba(255,251,244,.62)
        );

    box-shadow:

        0 12px 35px
        rgba(97,62,12,.055);

    transition:
        transform .42s ease,
        border-color .42s ease,
        box-shadow .42s ease,
        background .42s ease;

}


/* HOVER GOLD STRIPE */

.mw-franchise-details-item::before{

    content:"";

    position:absolute;

    left:0;

    top:20%;

    width:3px;

    height:60%;

    border-radius:0 4px 4px 0;

    background:

        linear-gradient(
            180deg,
            transparent,
            #c99632,
            transparent
        );

    transform:scaleY(0);

    transition:
        transform .42s ease;

}


/* SOFT GOLD HOVER LIGHT */

.mw-franchise-details-item::after{

    content:"";

    position:absolute;

    width:170px;

    height:170px;

    right:-70px;

    top:-70px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(216,175,77,.13),
            transparent 68%
        );

    opacity:0;

    transition:opacity .4s ease;

}


.mw-franchise-details-item:hover{

    transform:
        translateX(9px);

    border-color:
        rgba(198,149,58,.60);

    background:#fff;

    box-shadow:

        0 22px 50px
        rgba(122,83,24,.11);

}


.mw-franchise-details-item:hover::before{

    transform:scaleY(1);

}


.mw-franchise-details-item:hover::after{

    opacity:1;

}


/* ITEM NUMBER */

.mw-franchise-details-item-number{

    position:relative;

    z-index:2;

    color:#b78b43;

    font-family:
        'Playfair Display',
        serif;

    font-size:12px;

    font-style:italic;

}


/* ITEM ICON */

.mw-franchise-details-item-icon{

    position:relative;

    z-index:2;

    width:56px;

    height:56px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:
        18px 5px 18px 5px;

    background:

        linear-gradient(
            145deg,
            #19130d,
            #050505
        );

    border:
        1px solid
        rgba(210,169,76,.42);

    color:#deb65a;

    font-size:18px;

    box-shadow:
        0 11px 28px
        rgba(0,0,0,.16);

    transition:
        transform .42s ease,
        background .42s ease,
        color .42s ease;

}


.mw-franchise-details-item:hover
.mw-franchise-details-item-icon{

    transform:
        rotate(-6deg)
        scale(1.06);

    color:#111;

    background:

        linear-gradient(
            135deg,
            #efd078,
            #b37a25
        );

}


/* ITEM CONTENT */

.mw-franchise-details-item-content{

    position:relative;

    z-index:2;

}


.mw-franchise-details-item-content > span{

    display:block;

    margin-bottom:4px;

    color:#aa7827;

    font-size:8px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}


.mw-franchise-details-item-content h3{

    margin:
        0 0 7px;

    color:#171717;

    font-family:
        'Playfair Display',
        serif;

    font-size:20px;

    font-weight:600;

    line-height:1.3;

}


.mw-franchise-details-item-content p{

    max-width:480px;

    margin:0;

    color:#777068;

    font-size:12px;

    line-height:1.65;

}


/* =====================================================
   BOTTOM CTA
===================================================== */

.mw-franchise-details-bottom{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

    overflow:hidden;

    margin-top:38px;

    padding:
        25px 27px;

    border:
        1px solid
        rgba(210,169,75,.62);

    border-radius:
        25px 5px 25px 5px;

    background:

        linear-gradient(
            120deg,
            #090909,
            #181209
        );

    box-shadow:
        0 22px 55px
        rgba(0,0,0,.20);

}


/* CTA GLOW */

.mw-franchise-details-bottom::before{

    content:"";

    position:absolute;

    width:230px;

    height:230px;

    right:15%;

    top:-150px;

    border-radius:50%;

    background:
        rgba(214,163,58,.15);

    filter:blur(55px);

}


/* CTA COPY */

.mw-franchise-details-bottom-text{

    position:relative;

    z-index:2;

}


.mw-franchise-details-bottom-text span{

    display:block;

    margin-bottom:5px;

    color:#bc9849;

    font-size:8px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}


.mw-franchise-details-bottom-text strong{

    display:block;

    color:#fff;

    font-family:
        'Playfair Display',
        serif;

    font-size:20px;

    font-weight:500;

}


/* CTA BUTTON */

.mw-franchise-details-btn{

    position:relative;

    z-index:3;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    min-width:145px;

    padding:
        13px 21px;

    overflow:hidden;

    border-radius:50px;

    background:

        linear-gradient(
            135deg,
            #efd078,
            #ad7420
        );

    color:#111;

    font-size:12px;

    font-weight:700;

    text-decoration:none;

    box-shadow:
        0 12px 27px
        rgba(203,157,60,.22);

    transition:
        transform .4s ease,
        box-shadow .4s ease;

}


.mw-franchise-details-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:60%;

    height:100%;

    background:

        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.60),
            transparent
        );

    transform:skewX(-20deg);

    transition:.65s ease;

}


.mw-franchise-details-btn:hover::before{

    left:140%;

}


.mw-franchise-details-btn:hover{

    color:#111;

    transform:
        translateY(-4px);

    box-shadow:
        0 17px 38px
        rgba(203,157,60,.34);

}


.mw-franchise-details-btn i{

    transition:
        transform .35s ease;

}


.mw-franchise-details-btn:hover i{

    transform:
        translateX(5px);

}


/* =====================================================
   LARGE TABLET — 1199PX
===================================================== */

@media(max-width:1199px){

    .mw-franchise-details-layout{

        gap:50px;

    }


    .mw-franchise-details-content h2{

        font-size:49px;

    }


    .mw-franchise-details-image{

        height:660px;

    }


    .mw-franchise-details-floating{

        min-width:300px;

    }

}


/* =====================================================
   TABLET — 991PX
===================================================== */

@media(max-width:991px){

    .mw-franchise-details{

        padding:
            100px 0 90px;

    }


    .mw-franchise-details-layout{

        grid-template-columns:1fr;

        gap:70px;

    }


    .mw-franchise-details-visual{

        max-width:720px;

        width:100%;

        margin:auto;

    }


    .mw-franchise-details-image{

        height:620px;

    }


    .mw-franchise-details-content{

        max-width:760px;

        width:100%;

        margin:auto;

    }


    .mw-franchise-details-content h2{

        max-width:700px;

        font-size:48px;

    }


    .mw-franchise-details-bg-text{

        font-size:160px;

    }

}


/* =====================================================
   768PX
===================================================== */

@media(max-width:768px){

    .mw-franchise-details{

        padding:
            80px 15px 75px;

    }


    .mw-franchise-details-layout{

        gap:60px;

    }


    .mw-franchise-details-image{

        height:540px;

        border-radius:
            5px 85px 5px 85px;

    }


    .mw-franchise-details-image::before{

        border-radius:
            3px 72px 3px 72px;

    }


    .mw-franchise-details-content h2{

        font-size:41px;

    }


    .mw-franchise-details-seal{

        width:160px;

        height:160px;

    }


    .mw-franchise-details-seal img{

        width:92px;

    }


    .mw-franchise-details-bg-text{

        font-size:115px;

        letter-spacing:15px;

    }

}


/* =====================================================
   MOBILE — 576PX
===================================================== */

@media(max-width:576px){

    .mw-franchise-details{

        padding:
            65px 15px 60px;

    }


    .mw-franchise-details-bg-text{

        display:none;

    }


    /* VISUAL */

    .mw-franchise-details-visual{

        padding:
            0 10px 52px 0;

    }


    .mw-franchise-details-image{

        height:445px;

        border-radius:
            4px 62px 4px 62px;

    }


    .mw-franchise-details-image::before{

        inset:9px;

        border-radius:
            3px 52px 3px 52px;

    }


    .mw-franchise-details-vertical-label{

        left:24px;

        top:35px;

        gap:7px;

    }


    .mw-franchise-details-vertical-label span{

        font-size:6px;

        letter-spacing:3px;

    }


    .mw-franchise-details-vertical-label i{

        height:20px;

    }


    /* SEAL */

    .mw-franchise-details-seal{

        width:138px;

        height:138px;

        bottom:68px;

    }


    .mw-franchise-details-seal img{

        width:78px;

        max-height:48px;

    }


    .mw-franchise-details-seal small{

        font-size:6px;

        letter-spacing:1.5px;

    }


    /* FLOATING */

    .mw-franchise-details-floating{

        min-width:245px;

        max-width:92%;

        padding:
            15px 16px;

        gap:12px;

        border-radius:
            21px 4px 21px 4px;

    }


    .mw-franchise-details-floating-number{

        font-size:21px;

    }


    .mw-franchise-details-floating small{

        font-size:6px;

        letter-spacing:2px;

    }


    .mw-franchise-details-floating strong{

        font-size:14px;

    }


    .mw-franchise-details-floating-icon{

        width:39px;

        height:39px;

        font-size:13px;

    }


    /* CONTENT */

    .mw-franchise-details-content{

        text-align:center;

    }


    .mw-franchise-details-tag{

        justify-content:center;

        margin-bottom:18px;

        font-size:9px;

        letter-spacing:4px;

    }


    .mw-franchise-details-tag span{

        width:30px;

    }


    .mw-franchise-details-content h2{

        font-size:33px;

        line-height:1.12;

        letter-spacing:-.7px;

    }


    .mw-franchise-details-lead{

        margin-left:auto;

        margin-right:auto;

        font-size:16px;

        line-height:1.65;

    }


    .mw-franchise-details-description{

        margin-left:auto;

        margin-right:auto;

        font-size:13px;

        line-height:1.75;

    }


    /* DETAIL CARDS */

    .mw-franchise-details-list{

        margin-top:32px;

        gap:12px;

        text-align:left;

    }


    .mw-franchise-details-item{

        grid-template-columns:
            50px 1fr;

        gap:14px;

        padding:
            20px 17px;

        border-radius:19px;

    }


    .mw-franchise-details-item-number{

        position:absolute;

        right:16px;

        top:14px;

        font-size:10px;

    }


    .mw-franchise-details-item-icon{

        width:48px;

        height:48px;

        grid-row:
            1 / span 2;

        font-size:15px;

        border-radius:
            15px 4px 15px 4px;

    }


    .mw-franchise-details-item-content{

        padding-right:4px;

    }


    .mw-franchise-details-item-content > span{

        font-size:7px;

        letter-spacing:2px;

    }


    .mw-franchise-details-item-content h3{

        padding-right:16px;

        font-size:18px;

    }


    .mw-franchise-details-item-content p{

        font-size:11.5px;

        line-height:1.65;

    }


    .mw-franchise-details-item:hover{

        transform:
            translateY(-4px);

    }


    /* CTA */

    .mw-franchise-details-bottom{

        flex-direction:column;

        gap:18px;

        margin-top:30px;

        padding:
            25px 19px;

        text-align:center;

        border-radius:
            22px 4px 22px 4px;

    }


    .mw-franchise-details-bottom-text span{

        font-size:7px;

        letter-spacing:2.3px;

    }


    .mw-franchise-details-bottom-text strong{

        font-size:19px;

        line-height:1.35;

    }


    .mw-franchise-details-btn{

        width:100%;

        max-width:260px;

        padding:
            13px 20px;

    }

}


/* =====================================================
   SMALL MOBILE — 400PX
===================================================== */

@media(max-width:400px){

    .mw-franchise-details-image{

        height:395px;

    }


    .mw-franchise-details-seal{

        width:125px;

        height:125px;

    }


    .mw-franchise-details-seal img{

        width:70px;

    }


    .mw-franchise-details-floating{

        min-width:220px;

    }


    .mw-franchise-details-floating strong{

        font-size:13px;

    }


    .mw-franchise-details-content h2{

        font-size:29px;

    }


    .mw-franchise-details-lead{

        font-size:15px;

    }


    .mw-franchise-details-item-content h3{

        font-size:17px;

    }

}


/* =====================================================
   VERY SMALL MOBILE
===================================================== */

@media(max-width:340px){

    .mw-franchise-details{

        padding-left:10px;

        padding-right:10px;

    }


    .mw-franchise-details-image{

        height:360px;

    }


    .mw-franchise-details-content h2{

        font-size:27px;

    }


    .mw-franchise-details-floating{

        min-width:205px;

        padding:
            13px 12px;

    }


    .mw-franchise-details-floating-icon{

        display:none;

    }


    .mw-franchise-details-item{

        padding:
            18px 14px;

    }

}

/* Franchise Page Second Section */
.mw-franchise-letter{

    position:relative;

    padding:125px 0 110px;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 8% 20%,
            rgba(203,157,66,.12),
            transparent 28%
        ),

        radial-gradient(
            circle at 92% 75%,
            rgba(203,157,66,.10),
            transparent 26%
        ),

        linear-gradient(
            135deg,
            #fffdf9 0%,
            #f8ecda 48%,
            #fff8ed 100%
        );

}


/* =====================================================
   LARGE BACKGROUND WORDS
===================================================== */

.mw-franchise-letter-bg{

    position:absolute;

    z-index:0;

    color:
        rgba(167,116,32,.035);

    font-family:
        'Playfair Display',
        serif;

    font-size:125px;

    font-weight:700;

    line-height:1;

    letter-spacing:14px;

    white-space:nowrap;

    pointer-events:none;

    user-select:none;

}


.mw-franchise-letter-bg-left{

    left:-160px;

    top:38%;

    transform:
        rotate(-90deg);

}


.mw-franchise-letter-bg-right{

    right:-80px;

    top:27%;

    transform:
        rotate(90deg);

}


/* =====================================================
   TOP LABEL
===================================================== */

.mw-franchise-letter-top{

    position:relative;

    z-index:3;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:16px;

    margin-bottom:42px;

}


.mw-franchise-letter-number{

    color:#ad7924;

    font-family:
        'Playfair Display',
        serif;

    font-size:13px;

    font-style:italic;

}


.mw-franchise-letter-line{

    width:70px;

    height:1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            #c99632
        );

}


.mw-franchise-letter-top
.mw-franchise-letter-line:last-child{

    background:

        linear-gradient(
            90deg,
            #c99632,
            transparent
        );

}


.mw-franchise-letter-label{

    color:#9e6f24;

    font-size:9px;

    font-weight:700;

    letter-spacing:5px;

    text-transform:uppercase;

}


/* =====================================================
   MAIN HEADING
===================================================== */

.mw-franchise-letter-heading{

    position:relative;

    z-index:3;

    max-width:880px;

    margin:
        0 auto 72px;

    text-align:center;

}


.mw-franchise-letter-small{

    display:block;

    margin-bottom:18px;

    color:#b17c25;

    font-size:10px;

    font-weight:700;

    letter-spacing:5px;

    text-transform:uppercase;

}


.mw-franchise-letter-heading h2{

    max-width:850px;

    margin:
        0 auto 24px;

    color:#211c17;

    font-family:
        'Playfair Display',
        serif;

    font-size:60px;

    font-weight:600;

    line-height:1.08;

    letter-spacing:-1.4px;

}


.mw-franchise-letter-heading h2 em{

    display:block;

    margin-top:7px;

    color:#b47d28;

    font-weight:500;

    font-style:italic;

}


.mw-franchise-letter-heading p{

    max-width:650px;

    margin:auto;

    color:#756b60;

    font-size:15px;

    line-height:1.85;

}


/* =====================================================
   EDITORIAL STAGE
===================================================== */

.mw-franchise-letter-stage{

    position:relative;

    z-index:3;

    min-height:710px;

    display:grid;

    grid-template-columns:
        .72fr 1.25fr .72fr;

    align-items:center;

    gap:34px;

}


/* =====================================================
   SIDE IMAGE COMMON
===================================================== */

.mw-franchise-letter-side-image{

    position:relative;

    overflow:visible;

}


.mw-franchise-letter-side-image > img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    transition:
        transform .85s
        cubic-bezier(.22,1,.36,1);

}


.mw-franchise-letter-image-frame{

    position:absolute;

    inset:0;

    border:
        1px solid rgba(189,136,43,.55);

    pointer-events:none;

    z-index:3;

}


.mw-franchise-letter-side-image:hover > img{

    transform:scale(1.045);

}


/* LEFT SIDE IMAGE */

.mw-letter-image-left{

    height:360px;

    align-self:start;

    margin-top:80px;

    overflow:hidden;

    border-radius:
        70px 4px 70px 4px;

    box-shadow:
        0 26px 58px
        rgba(98,63,15,.14);

}


.mw-letter-image-left
.mw-franchise-letter-image-frame{

    inset:9px;

    border-radius:
        61px 3px 61px 3px;

}


/* RIGHT SIDE IMAGE */

.mw-letter-image-right{

    height:390px;

    align-self:end;

    margin-bottom:95px;

    overflow:hidden;

    border-radius:
        4px 70px 4px 70px;

    box-shadow:
        0 26px 58px
        rgba(98,63,15,.14);

}


.mw-letter-image-right
.mw-franchise-letter-image-frame{

    inset:9px;

    border-radius:
        3px 61px 3px 61px;

}


/* IMAGE INDEX */

.mw-franchise-letter-image-index{

    position:absolute;

    z-index:5;

    min-width:35px;

    height:35px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#fff8ec;

    border:
        1px solid rgba(190,137,43,.50);

    color:#9b6b20;

    font-family:
        'Playfair Display',
        serif;

    font-size:10px;

    font-style:italic;

    box-shadow:
        0 8px 20px
        rgba(104,69,17,.12);

}


.mw-letter-image-left
.mw-franchise-letter-image-index{

    right:-15px;

    bottom:28px;

}


.mw-letter-image-right
.mw-franchise-letter-image-index{

    left:-15px;

    top:28px;

}


/* =====================================================
   CENTER HERO
===================================================== */

.mw-franchise-letter-hero{

    position:relative;

    z-index:3;

    width:100%;

    display:flex;

    justify-content:center;

}


.mw-franchise-letter-hero-image{

    position:relative;

    width:100%;

    height:610px;

    overflow:hidden;

    border-radius:
        135px 135px 20px 20px;

    border:
        1px solid rgba(188,135,40,.55);

    box-shadow:

        0 38px 78px
        rgba(88,55,10,.18);

}


.mw-franchise-letter-hero-image::before{

    content:"";

    position:absolute;

    inset:13px;

    z-index:4;

    border:
        1px solid rgba(255,238,196,.68);

    border-radius:
        120px 120px 14px 14px;

    pointer-events:none;

}


.mw-franchise-letter-hero-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:
        transform 1.1s
        cubic-bezier(.22,1,.36,1);

}


.mw-franchise-letter-hero-image:hover img{

    transform:scale(1.055);

}


.mw-franchise-letter-hero-overlay{

    position:absolute;

    inset:0;

    z-index:2;

    background:

        linear-gradient(
            180deg,
            rgba(255,255,255,.02),
            rgba(104,67,14,.05) 45%,
            rgba(68,42,8,.27) 100%
        );

}


/* =====================================================
   PREMIUM SEAL
===================================================== */

.mw-franchise-letter-seal{

    position:absolute;

    z-index:8;

    left:50%;

    top:42px;

    width:150px;

    height:150px;

    transform:
        translateX(-50%);

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:

        linear-gradient(
            145deg,
            rgba(255,252,244,.96),
            rgba(239,218,177,.95)
        );

    border:
        1px solid rgba(184,131,37,.60);

    box-shadow:

        0 18px 45px
        rgba(103,68,13,.18);

}


.mw-franchise-letter-seal-ring{

    position:absolute;

    inset:8px;

    border:
        1px dashed rgba(182,129,37,.48);

    border-radius:50%;

}


.mw-franchise-letter-seal i{

    position:relative;

    z-index:2;

    margin-bottom:8px;

    color:#b67d24;

    font-size:18px;

}


.mw-franchise-letter-seal small{

    position:relative;

    z-index:2;

    margin-bottom:4px;

    color:#a37225;

    font-size:7px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}


.mw-franchise-letter-seal strong{

    position:relative;

    z-index:2;

    color:#2d251d;

    font-family:
        'Playfair Display',
        serif;

    font-size:22px;

    font-weight:600;

}


/* =====================================================
   FLOATING MESSAGE CARD
===================================================== */

.mw-franchise-letter-message{

    position:absolute;

    z-index:10;

    left:50%;

    bottom:-5px;

    width:min(680px,72%);

    transform:
        translateX(-50%);

    padding:
        38px 46px 32px;

    text-align:center;

    border-radius:
        5px 45px 5px 45px;

    border:
        1px solid rgba(188,136,41,.52);

    background:

        linear-gradient(
            135deg,
            rgba(255,253,248,.97),
            rgba(246,230,203,.96)
        );

    box-shadow:

        0 30px 70px
        rgba(89,57,11,.17);

    backdrop-filter:blur(16px);

    -webkit-backdrop-filter:blur(16px);

}


.mw-franchise-letter-quote{

    position:absolute;

    left:24px;

    top:0;

    color:
        rgba(182,126,30,.16);

    font-family:
        'Playfair Display',
        serif;

    font-size:90px;

    line-height:1;

}


.mw-franchise-letter-message > p{

    position:relative;

    z-index:2;

    max-width:570px;

    margin:
        0 auto 25px;

    color:#4c4339;

    font-family:
        'Playfair Display',
        serif;

    font-size:17px;

    line-height:1.75;

    font-style:italic;

}


/* =====================================================
   SIGNATURE IN MESSAGE
===================================================== */

.mw-franchise-letter-signature{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:16px;

}


.mw-franchise-letter-signature > span{

    width:55px;

    height:1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            #ba8430
        );

}


.mw-franchise-letter-signature > span:last-child{

    background:

        linear-gradient(
            90deg,
            #ba8430,
            transparent
        );

}


.mw-franchise-letter-signature small{

    display:block;

    margin-bottom:3px;

    color:#ad7b2a;

    font-size:7px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}


.mw-franchise-letter-signature strong{

    display:block;

    color:#292219;

    font-family:
        'Playfair Display',
        serif;

    font-size:17px;

    font-weight:600;

}


/* =====================================================
   PRINCIPLES
===================================================== */

.mw-franchise-letter-principles{

    position:relative;

    z-index:3;

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:18px;

    max-width:980px;

    margin:
        95px auto 0;

}


.mw-franchise-letter-principle{

    position:relative;

    display:grid;

    grid-template-columns:
        34px 55px 1fr;

    align-items:center;

    gap:14px;

    overflow:hidden;

    padding:
        20px 18px;

    border:
        1px solid rgba(182,129,37,.22);

    border-radius:18px;

    background:
        rgba(255,255,255,.55);

    box-shadow:
        0 12px 32px
        rgba(101,66,15,.06);

    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease,
        background .4s ease;

}


.mw-franchise-letter-principle::before{

    content:"";

    position:absolute;

    width:100px;

    height:100px;

    right:-50px;

    top:-50px;

    border-radius:50%;

    background:
        rgba(199,151,58,.07);

}


.mw-franchise-letter-principle:hover{

    transform:
        translateY(-6px);

    background:#fff;

    border-color:
        rgba(190,137,43,.58);

    box-shadow:
        0 18px 40px
        rgba(105,68,14,.11);

}


.mw-franchise-letter-principle-no{

    position:relative;

    z-index:2;

    color:#b08340;

    font-family:
        'Playfair Display',
        serif;

    font-size:11px;

    font-style:italic;

}


.mw-franchise-letter-principle-icon{

    position:relative;

    z-index:2;

    width:52px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:
        16px 4px 16px 4px;

    background:

        linear-gradient(
            135deg,
            #f0cf78,
            #b77f29
        );

    color:#4e3411;

    font-size:16px;

    box-shadow:
        0 9px 22px
        rgba(174,117,27,.18);

    transition:.4s ease;

}


.mw-franchise-letter-principle:hover
.mw-franchise-letter-principle-icon{

    transform:
        rotate(-5deg)
        scale(1.06);

}


.mw-franchise-letter-principle div:last-child{

    position:relative;

    z-index:2;

}


.mw-franchise-letter-principle strong{

    display:block;

    margin-bottom:4px;

    color:#28221c;

    font-family:
        'Playfair Display',
        serif;

    font-size:17px;

    font-weight:600;

}


.mw-franchise-letter-principle small{

    display:block;

    color:#807568;

    font-size:10px;

    line-height:1.5;

}


/* =====================================================
   BOTTOM BRAND LINE
===================================================== */

.mw-franchise-letter-bottom{

    position:relative;

    z-index:3;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:13px;

    margin-top:58px;

    padding-top:25px;

    border-top:
        1px solid rgba(185,132,38,.20);

}


.mw-franchise-letter-bottom span{

    color:#a67526;

    font-size:8px;

    font-weight:700;

    letter-spacing:4px;

}


.mw-franchise-letter-bottom i{

    width:5px;

    height:5px;

    border-radius:50%;

    background:#c99632;

}


/* =====================================================
   1199PX
===================================================== */

@media(max-width:1199px){

    .mw-franchise-letter-heading h2{

        font-size:53px;

    }


    .mw-franchise-letter-stage{

        grid-template-columns:
            .65fr 1.2fr .65fr;

        gap:25px;

    }


    .mw-franchise-letter-hero-image{

        height:570px;

    }


    .mw-letter-image-left{

        height:330px;

    }


    .mw-letter-image-right{

        height:355px;

    }

}


/* =====================================================
   991PX
===================================================== */

@media(max-width:991px){

    .mw-franchise-letter{

        padding:
            100px 0 90px;

    }


    .mw-franchise-letter-heading{

        margin-bottom:55px;

    }


    .mw-franchise-letter-heading h2{

        font-size:46px;

    }


    .mw-franchise-letter-stage{

        min-height:620px;

    }


    .mw-franchise-letter-hero-image{

        height:520px;

    }


    .mw-letter-image-left{

        height:280px;

    }


    .mw-letter-image-right{

        height:300px;

    }


    .mw-franchise-letter-message{

        width:78%;

        padding:
            30px 35px;

    }


    .mw-franchise-letter-message > p{

        font-size:15px;

    }


    .mw-franchise-letter-bg{

        display:none;

    }

}


/* =====================================================
   768PX
===================================================== */

@media(max-width:768px){

    .mw-franchise-letter{

        padding:
            80px 15px 75px;

    }


    .mw-franchise-letter-heading h2{

        font-size:39px;

    }


    .mw-franchise-letter-heading p{

        font-size:14px;

    }


    .mw-franchise-letter-stage{

        display:grid;

        grid-template-columns:
            1fr 1fr;

        gap:18px;

        min-height:auto;

    }


    /* Hero first */

    .mw-franchise-letter-hero{

        grid-column:
            1 / -1;

        order:1;

        max-width:520px;

        margin:auto;

    }


    .mw-franchise-letter-hero-image{

        height:520px;

    }


    /* Side images */

    .mw-letter-image-left,
    .mw-letter-image-right{

        width:100%;

        height:250px;

        margin:0;

        align-self:auto;

    }


    .mw-letter-image-left{

        order:2;

    }


    .mw-letter-image-right{

        order:3;

    }


    /* Message becomes normal flow */

    .mw-franchise-letter-message{

        position:relative;

        left:auto;

        bottom:auto;

        grid-column:
            1 / -1;

        order:4;

        width:100%;

        transform:none;

        margin-top:10px;

    }


    .mw-franchise-letter-principles{

        grid-template-columns:1fr;

        max-width:620px;

        margin-top:55px;

    }

}


/* =====================================================
   MOBILE — 576PX
===================================================== */

@media(max-width:576px){

    .mw-franchise-letter{

        padding:
            65px 15px 60px;

    }


    /* TOP */

    .mw-franchise-letter-top{

        gap:9px;

        margin-bottom:30px;

    }


    .mw-franchise-letter-number{

        font-size:10px;

    }


    .mw-franchise-letter-line{

        width:28px;

    }


    .mw-franchise-letter-label{

        font-size:7px;

        letter-spacing:2.5px;

    }


    /* HEADING */

    .mw-franchise-letter-heading{

        margin-bottom:42px;

    }


    .mw-franchise-letter-small{

        margin-bottom:14px;

        font-size:8px;

        letter-spacing:3px;

    }


    .mw-franchise-letter-heading h2{

        font-size:32px;

        line-height:1.13;

        letter-spacing:-.6px;

    }


    .mw-franchise-letter-heading p{

        max-width:340px;

        font-size:13px;

        line-height:1.75;

    }


    /* HERO */

    .mw-franchise-letter-hero-image{

        height:430px;

        border-radius:
            85px 85px 15px 15px;

    }


    .mw-franchise-letter-hero-image::before{

        inset:9px;

        border-radius:
            75px 75px 10px 10px;

    }


    /* SEAL */

    .mw-franchise-letter-seal{

        top:28px;

        width:120px;

        height:120px;

    }


    .mw-franchise-letter-seal i{

        font-size:15px;

    }


    .mw-franchise-letter-seal small{

        font-size:6px;

        letter-spacing:2px;

    }


    .mw-franchise-letter-seal strong{

        font-size:18px;

    }


    /* SIDE IMAGES */

    .mw-franchise-letter-stage{

        gap:12px;

    }


    .mw-letter-image-left,
    .mw-letter-image-right{

        height:190px;

    }


    .mw-letter-image-left{

        border-radius:
            42px 4px 42px 4px;

    }


    .mw-letter-image-right{

        border-radius:
            4px 42px 4px 42px;

    }


    .mw-letter-image-left
    .mw-franchise-letter-image-frame{

        inset:7px;

        border-radius:
            35px 3px 35px 3px;

    }


    .mw-letter-image-right
    .mw-franchise-letter-image-frame{

        inset:7px;

        border-radius:
            3px 35px 3px 35px;

    }


    .mw-franchise-letter-image-index{

        min-width:28px;

        width:28px;

        height:28px;

        font-size:8px;

    }


    /* MESSAGE */

    .mw-franchise-letter-message{

        padding:
            29px 20px 25px;

        border-radius:
            4px 30px 4px 30px;

    }


    .mw-franchise-letter-quote{

        left:12px;

        font-size:65px;

    }


    .mw-franchise-letter-message > p{

        font-size:14px;

        line-height:1.7;

    }


    .mw-franchise-letter-signature{

        gap:9px;

    }


    .mw-franchise-letter-signature > span{

        width:30px;

    }


    .mw-franchise-letter-signature small{

        font-size:6px;

        letter-spacing:2px;

    }


    .mw-franchise-letter-signature strong{

        font-size:15px;

    }


    /* PRINCIPLES */

    .mw-franchise-letter-principles{

        gap:10px;

        margin-top:42px;

    }


    .mw-franchise-letter-principle{

        grid-template-columns:
            30px 48px 1fr;

        gap:11px;

        padding:
            17px 15px;

    }


    .mw-franchise-letter-principle-icon{

        width:46px;

        height:46px;

        font-size:14px;

    }


    .mw-franchise-letter-principle strong{

        font-size:15px;

    }


    .mw-franchise-letter-principle small{

        font-size:9px;

    }


    /* BOTTOM */

    .mw-franchise-letter-bottom{

        gap:8px;

        margin-top:45px;

        padding-top:20px;

    }


    .mw-franchise-letter-bottom span{

        font-size:6px;

        letter-spacing:2px;

    }


    .mw-franchise-letter-bottom i{

        width:4px;

        height:4px;

    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media(max-width:400px){

    .mw-franchise-letter-heading h2{

        font-size:29px;

    }


    .mw-franchise-letter-hero-image{

        height:385px;

    }


    .mw-letter-image-left,
    .mw-letter-image-right{

        height:165px;

    }


    .mw-franchise-letter-seal{

        width:105px;

        height:105px;

    }


    .mw-franchise-letter-seal strong{

        font-size:16px;

    }


    .mw-franchise-letter-message > p{

        font-size:13px;

    }

}


/* =====================================================
   VERY SMALL MOBILE
===================================================== */

@media(max-width:340px){

    .mw-franchise-letter{

        padding-left:10px;

        padding-right:10px;

    }


    .mw-franchise-letter-top
    .mw-franchise-letter-line{

        display:none;

    }


    .mw-franchise-letter-heading h2{

        font-size:27px;

    }


    .mw-franchise-letter-stage{

        grid-template-columns:1fr;

    }


    .mw-franchise-letter-hero{

        grid-column:auto;

    }


    .mw-franchise-letter-message{

        grid-column:auto;

    }


    .mw-letter-image-left,
    .mw-letter-image-right{

        height:220px;

    }


    .mw-franchise-letter-hero-image{

        height:350px;

    }

}

/* Franchise Page Third Section*/
.mw-franchise-form-suite{

    position:relative;

    padding:130px 0 115px;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 8% 12%,
            rgba(209,163,74,.13),
            transparent 28%
        ),

        radial-gradient(
            circle at 92% 82%,
            rgba(209,163,74,.10),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #fffdf9 0%,
            #f7ead5 48%,
            #fff9ef 100%
        );

}


/* =====================================================
   DECORATIVE ORBITS
===================================================== */

.mw-franchise-suite-orbit{

    position:absolute;

    display:block;

    border-radius:50%;

    pointer-events:none;

}


.mw-franchise-suite-orbit-one{

    width:430px;

    height:430px;

    left:-230px;

    top:130px;

    border:
        1px solid rgba(184,132,41,.14);

}


.mw-franchise-suite-orbit-two{

    width:320px;

    height:320px;

    right:-130px;

    bottom:65px;

    background:

        radial-gradient(
            circle,
            rgba(205,157,65,.15),
            transparent 70%
        );

    filter:blur(22px);

}


/* =====================================================
   SECTION HEADING
===================================================== */

.mw-franchise-suite-heading{

    position:relative;

    z-index:3;

    max-width:850px;

    margin:
        0 auto 70px;

    text-align:center;

}


.mw-franchise-suite-kicker{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:13px;

    margin-bottom:19px;

}


.mw-franchise-suite-kicker > span{

    color:#a87524;

    font-family:
        'Playfair Display',
        serif;

    font-size:13px;

    font-style:italic;

}


.mw-franchise-suite-kicker i{

    width:48px;

    height:1px;

    background:

        linear-gradient(
            90deg,
            #c99632,
            rgba(201,150,50,.12)
        );

}


.mw-franchise-suite-kicker small{

    color:#9d6c20;

    font-size:9px;

    font-weight:700;

    letter-spacing:5px;

    text-transform:uppercase;

}


.mw-franchise-suite-heading h2{

    margin:
        0 0 22px;

    color:#1d1915;

    font-family:
        'Playfair Display',
        serif;

    font-size:60px;

    font-weight:600;

    line-height:1.08;

    letter-spacing:-1.4px;

}


.mw-franchise-suite-heading h2 em{

    display:block;

    margin-top:6px;

    color:#b27b26;

    font-style:italic;

    font-weight:500;

}


.mw-franchise-suite-heading > p{

    max-width:620px;

    margin:auto;

    color:#746a5f;

    font-size:15px;

    line-height:1.85;

}


/* =====================================================
   MAIN SUITE CARD
===================================================== */

.mw-franchise-suite-card{

    position:relative;

    z-index:3;

    display:grid;

    grid-template-columns:
        .72fr 1.28fr;

    overflow:hidden;

    border:
        1px solid rgba(182,130,39,.46);

    border-radius:
        44px 8px 44px 8px;

    background:#fff;

    box-shadow:

        0 40px 90px
        rgba(91,57,11,.16);

}


/* =====================================================
   LEFT DARK PARTNERSHIP PANEL
===================================================== */

.mw-franchise-suite-aside{

    position:relative;

    overflow:hidden;

    padding:
        55px 42px 45px;

    color:#fff;

    background:

        radial-gradient(
            circle at 25% 12%,
            rgba(215,173,80,.17),
            transparent 26%
        ),

        linear-gradient(
            145deg,
            #17120c 0%,
            #090807 52%,
            #1a130b 100%
        );

}


/* GOLD INNER FRAME */

.mw-franchise-suite-aside::before{

    content:"";

    position:absolute;

    inset:12px;

    z-index:1;

    border:
        1px solid rgba(214,163,58,.22);

    border-radius:
        32px 5px 32px 5px;

    pointer-events:none;

}


/* GOLD GLOW */

.mw-franchise-suite-aside::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    left:-120px;

    bottom:-100px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(210,167,74,.19),
            transparent 67%
        );

    filter:blur(25px);

}


/* =====================================================
   BRAND MARK
===================================================== */

.mw-franchise-suite-brand{

    position:relative;

    z-index:3;

    display:flex;

    align-items:center;

    gap:11px;

    margin-bottom:30px;

}


.mw-franchise-suite-brand-line{

    width:42px;

    height:1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            #c9a24d
        );

}


.mw-franchise-suite-brand-line:last-child{

    background:

        linear-gradient(
            90deg,
            #c9a24d,
            transparent
        );

}


.mw-franchise-suite-brand-icon{

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:

        linear-gradient(
            135deg,
            #f0cf76,
            #ad731e
        );

    color:#201608;

    font-size:16px;

    box-shadow:
        0 12px 30px rgba(214,163,58,.25);

}


/* =====================================================
   ASIDE COPY
===================================================== */

.mw-franchise-suite-aside-label{

    position:relative;

    z-index:3;

    display:block;

    margin-bottom:15px;

    color:#cda852;

    font-size:8px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

}


.mw-franchise-suite-aside h3{

    position:relative;

    z-index:3;

    margin:
        0 0 20px;

    color:#fff;

    font-family:
        'Playfair Display',
        serif;

    font-size:40px;

    font-weight:500;

    line-height:1.13;

}


.mw-franchise-suite-aside h3 em{

    display:block;

    margin-top:4px;

    color:#e0b552;

    font-style:italic;

    font-weight:500;

}


.mw-franchise-suite-aside > p{

    position:relative;

    z-index:3;

    margin:0;

    color:#bdb5ab;

    font-size:13px;

    line-height:1.8;

}


/* =====================================================
   QUOTE
===================================================== */

.mw-franchise-suite-quote{

    position:relative;

    z-index:3;

    margin-top:30px;

    padding:
        24px 21px 20px 33px;

    border:
        1px solid rgba(214,163,58,.25);

    border-radius:
        5px 22px 5px 22px;

    background:
        rgba(255,255,255,.045);

}


.mw-franchise-suite-quote > span{

    position:absolute;

    left:12px;

    top:-3px;

    color:
        rgba(214,163,58,.20);

    font-family:
        'Playfair Display',
        serif;

    font-size:60px;

    line-height:1;

}


.mw-franchise-suite-quote p{

    position:relative;

    z-index:2;

    margin:0;

    color:#e7dfd4;

    font-family:
        'Playfair Display',
        serif;

    font-size:14px;

    line-height:1.7;

    font-style:italic;

}


/* =====================================================
   PROCESS
===================================================== */

.mw-franchise-suite-process{

    position:relative;

    z-index:3;

    margin-top:35px;

}


.mw-franchise-suite-process-title{

    display:block;

    margin-bottom:20px;

    color:#d2aa52;

    font-size:8px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

}


.mw-franchise-suite-step{

    display:grid;

    grid-template-columns:
        32px 1px 1fr;

    align-items:start;

    gap:13px;

    margin-bottom:20px;

}


.mw-franchise-suite-step-number{

    color:#d6ad53;

    font-family:
        'Playfair Display',
        serif;

    font-size:11px;

    font-style:italic;

}


.mw-franchise-suite-step-line{

    width:1px;

    height:42px;

    background:

        linear-gradient(
            180deg,
            #d2a64a,
            rgba(210,166,74,.05)
        );

}


.mw-franchise-suite-step strong{

    display:block;

    margin-bottom:4px;

    color:#fff;

    font-family:
        'Playfair Display',
        serif;

    font-size:15px;

    font-weight:500;

}


.mw-franchise-suite-step small{

    display:block;

    color:#9f988f;

    font-size:9px;

    line-height:1.5;

}


/* =====================================================
   ASIDE BOTTOM
===================================================== */

.mw-franchise-suite-aside-bottom{

    position:relative;

    z-index:3;

    display:flex;

    align-items:center;

    gap:13px;

    margin-top:36px;

    padding-top:23px;

    border-top:
        1px solid rgba(214,163,58,.16);

}


.mw-franchise-suite-aside-bottom > i{

    width:38px;

    height:38px;

    min-width:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:
        rgba(214,163,58,.12);

    border:
        1px solid rgba(214,163,58,.28);

    color:#d5ad53;

    font-size:12px;

}


.mw-franchise-suite-aside-bottom small{

    display:block;

    margin-bottom:3px;

    color:#9d8452;

    font-size:6px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}


.mw-franchise-suite-aside-bottom strong{

    display:block;

    color:#fff;

    font-family:
        'Playfair Display',
        serif;

    font-size:14px;

    font-weight:500;

}


/* =====================================================
   RIGHT FORM AREA
===================================================== */

.mw-franchise-suite-form-area{

    position:relative;

    padding:
        55px 52px 42px;

    background:

        radial-gradient(
            circle at 92% 10%,
            rgba(207,161,69,.10),
            transparent 25%
        ),

        linear-gradient(
            145deg,
            #fffefa,
            #fbf3e7
        );

}


/* =====================================================
   FORM TOP
===================================================== */

.mw-franchise-suite-form-top{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:25px;

}


.mw-franchise-suite-form-top > div > span{

    display:block;

    margin-bottom:9px;

    color:#a87422;

    font-size:8px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

}


.mw-franchise-suite-form-top h3{

    margin:0;

    color:#282119;

    font-family:
        'Playfair Display',
        serif;

    font-size:37px;

    font-weight:600;

    line-height:1.15;

}


.mw-franchise-suite-form-top h3 em{

    display:block;

    color:#b17a27;

    font-style:italic;

    font-weight:500;

}


.mw-franchise-suite-form-no{

    flex-shrink:0;

    padding:
        9px 13px;

    border:
        1px solid rgba(181,129,37,.22);

    border-radius:50px;

    background:#fff9ed;

    color:#a77422;

    font-family:
        'Playfair Display',
        serif;

    font-size:10px;

    font-style:italic;

}


/* =====================================================
   DIVIDER
===================================================== */

.mw-franchise-suite-divider{

    display:flex;

    align-items:center;

    gap:10px;

    margin:
        27px 0 32px;

}


.mw-franchise-suite-divider span{

    flex:1;

    height:1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(185,132,39,.30)
        );

}


.mw-franchise-suite-divider span:last-child{

    background:

        linear-gradient(
            90deg,
            rgba(185,132,39,.30),
            transparent
        );

}


.mw-franchise-suite-divider i{

    color:#b47c25;

    font-size:7px;

}


/* =====================================================
   FORM ROW
===================================================== */

.mw-franchise-suite-row{

    display:grid;

    grid-template-columns:
        repeat(2,1fr);

    gap:17px;

    margin-bottom:18px;

}


/* =====================================================
   FORM GROUP
===================================================== */

.mw-franchise-suite-group{

    margin-bottom:18px;

}


.mw-franchise-suite-group label{

    display:block;

    margin:
        0 0 8px 3px;

    color:#51473d;

    font-size:9px;

    font-weight:700;

    letter-spacing:1px;

}


/* =====================================================
   FIELD
===================================================== */

.mw-franchise-suite-field{

    position:relative;

    display:flex;

    align-items:center;

    min-height:57px;

    padding:
        0 15px;

    overflow:hidden;

    border:
        1px solid rgba(181,129,38,.30);

    border-radius:15px;

    background:#fff;

    box-shadow:
        0 7px 20px rgba(101,67,15,.045);

    transition:
        border-color .35s ease,
        box-shadow .35s ease,
        transform .35s ease;

}


/* BLACK / GOLD SIDE ACCENT */

.mw-franchise-suite-field::before{

    content:"";

    position:absolute;

    left:0;

    top:20%;

    width:3px;

    height:60%;

    border-radius:0 3px 3px 0;

    background:

        linear-gradient(
            180deg,
            #111,
            #d2a74c
        );

    transform:scaleY(0);

    transition:.35s ease;

}


.mw-franchise-suite-field:focus-within{

    transform:
        translateY(-2px);

    border-color:
        rgba(183,131,39,.70);

    box-shadow:
        0 12px 30px rgba(105,69,15,.11);

}


.mw-franchise-suite-field:focus-within::before{

    transform:scaleY(1);

}


/* FIELD ICON */

.mw-franchise-suite-field > span{

    width:38px;

    height:38px;

    min-width:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-right:10px;

    border-radius:
        11px 4px 11px 4px;

    background:

        linear-gradient(
            145deg,
            #17120c,
            #050505
        );

    color:#d9b255;

    border:
        1px solid rgba(205,160,65,.28);

    font-size:12px;

    transition:.35s ease;

}


.mw-franchise-suite-field:focus-within > span{

    color:#111;

    background:

        linear-gradient(
            135deg,
            #f0cf76,
            #b47a23
        );

    transform:
        rotate(-4deg);

}


/* INPUTS */

.mw-franchise-suite-field input,
.mw-franchise-suite-field textarea{

    width:100%;

    border:none;

    outline:none;

    background:transparent;

    color:#29231d;

    font-family:'Lato',sans-serif;

    font-size:12px;

}


.mw-franchise-suite-field input::placeholder,
.mw-franchise-suite-field textarea::placeholder{

    color:#a49a8f;

    opacity:1;

}


/* =====================================================
   TEXTAREA
===================================================== */

.mw-franchise-suite-textarea{

    min-height:145px;

    align-items:flex-start;

    padding-top:16px;

}


.mw-franchise-suite-textarea > span{

    margin-top:0;

}


.mw-franchise-suite-textarea textarea{

    height:110px;

    padding-top:8px;

    resize:none;

    line-height:1.6;

}


/* =====================================================
   FORM BOTTOM
===================================================== */

.mw-franchise-suite-form-bottom{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

    margin-top:27px;

    padding-top:25px;

    border-top:
        1px solid rgba(183,130,38,.17);

}


/* =====================================================
   SECURITY NOTE
===================================================== */

.mw-franchise-suite-security{

    display:flex;

    align-items:center;

    gap:11px;

    max-width:380px;

}


.mw-franchise-suite-security-icon{

    width:42px;

    height:42px;

    min-width:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:

        linear-gradient(
            145deg,
            #17120c,
            #050505
        );

    border:
        1px solid rgba(203,158,64,.25);

    color:#d6ae52;

    font-size:13px;

}


.mw-franchise-suite-security strong{

    display:block;

    margin-bottom:3px;

    color:#43382e;

    font-size:10px;

}


.mw-franchise-suite-security small{

    display:block;

    color:#8d8276;

    font-size:8.5px;

    line-height:1.45;

}


/* =====================================================
   SUBMIT BUTTON
===================================================== */

.mw-franchise-suite-submit{

    position:relative;

    min-width:220px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    overflow:hidden;

    padding:
        14px 21px;

    border:
        1px solid rgba(214,163,58,.55);

    border-radius:50px;

    background:

        linear-gradient(
            135deg,
            #17120c,
            #050505
        );

    color:#e0b651;

    font-size:11px;

    font-weight:700;

    cursor:pointer;

    box-shadow:
        0 13px 30px rgba(0,0,0,.18);

    transition:
        transform .4s ease,
        color .4s ease,
        box-shadow .4s ease;

}


.mw-franchise-suite-submit::before{

    content:"";

    position:absolute;

    top:0;

    left:-110%;

    width:55%;

    height:100%;

    background:

        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.50),
            transparent
        );

    transform:
        skewX(-22deg);

    transition:.7s ease;

}


.mw-franchise-suite-submit:hover::before{

    left:145%;

}


.mw-franchise-suite-submit:hover{

    color:#111;

    transform:
        translateY(-4px);

    background:

        linear-gradient(
            135deg,
            #efd078,
            #b37a24
        );

    box-shadow:
        0 18px 38px rgba(174,118,29,.28);

}


.mw-franchise-suite-submit i{

    transition:.35s ease;

}


.mw-franchise-suite-submit:hover i{

    transform:
        translateX(5px);

}


/* =====================================================
   FORM SIGNATURE
===================================================== */

.mw-franchise-suite-form-signature{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:11px;

    margin-top:30px;

}


.mw-franchise-suite-form-signature span{

    width:45px;

    height:1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(184,131,38,.48)
        );

}


.mw-franchise-suite-form-signature span:last-child{

    background:

        linear-gradient(
            90deg,
            rgba(184,131,38,.48),
            transparent
        );

}


.mw-franchise-suite-form-signature small{

    color:#9f7025;

    font-size:6px;

    font-weight:700;

    letter-spacing:2.5px;

    text-transform:uppercase;

}


/* =====================================================
   SECTION BOTTOM STRIP
===================================================== */

.mw-franchise-suite-bottom{

    position:relative;

    z-index:3;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:14px;

    margin-top:55px;

    padding-top:22px;

    border-top:
        1px solid rgba(183,130,38,.16);

}


.mw-franchise-suite-bottom span{

    color:#9f7023;

    font-size:7px;

    font-weight:700;

    letter-spacing:3px;

}


.mw-franchise-suite-bottom i{

    width:4px;

    height:4px;

    border-radius:50%;

    background:#c99632;

}


/* =====================================================
   1199PX
===================================================== */

@media(max-width:1199px){

    .mw-franchise-suite-heading h2{

        font-size:53px;

    }


    .mw-franchise-suite-card{

        grid-template-columns:
            .68fr 1.32fr;

    }


    .mw-franchise-suite-aside{

        padding:
            48px 32px 40px;

    }


    .mw-franchise-suite-aside h3{

        font-size:35px;

    }


    .mw-franchise-suite-form-area{

        padding:
            50px 40px 38px;

    }

}


/* =====================================================
   TABLET — 991PX
===================================================== */

@media(max-width:991px){

    .mw-franchise-form-suite{

        padding:
            100px 0 90px;

    }


    .mw-franchise-suite-heading h2{

        font-size:47px;

    }


    .mw-franchise-suite-card{

        grid-template-columns:1fr;

        max-width:820px;

        margin:auto;

    }


    .mw-franchise-suite-aside{

        padding:
            48px 45px;

    }


    .mw-franchise-suite-aside h3{

        max-width:560px;

    }


    .mw-franchise-suite-process{

        display:grid;

        grid-template-columns:
            repeat(3,1fr);

        gap:15px;

    }


    .mw-franchise-suite-process-title{

        grid-column:
            1 / -1;

    }


    .mw-franchise-suite-step{

        grid-template-columns:
            28px 1fr;

        gap:9px;

        padding:
            15px;

        margin-bottom:0;

        border:
            1px solid rgba(214,163,58,.17);

        border-radius:15px;

        background:
            rgba(255,255,255,.035);

    }


    .mw-franchise-suite-step-line{

        display:none;

    }

}


/* =====================================================
   768PX
===================================================== */

@media(max-width:768px){

    .mw-franchise-form-suite{

        padding:
            80px 15px 75px;

    }


    .mw-franchise-suite-heading{

        margin-bottom:55px;

    }


    .mw-franchise-suite-heading h2{

        font-size:39px;

    }


    .mw-franchise-suite-aside{

        padding:
            42px 32px;

    }


    .mw-franchise-suite-process{

        grid-template-columns:1fr;

    }


    .mw-franchise-suite-form-area{

        padding:
            42px 30px 35px;

    }


    .mw-franchise-suite-row{

        grid-template-columns:1fr;

        gap:0;

        margin-bottom:0;

    }


    .mw-franchise-suite-form-bottom{

        flex-direction:column;

        align-items:flex-start;

    }


    .mw-franchise-suite-submit{

        width:100%;

    }

}


/* =====================================================
   MOBILE — 576PX
===================================================== */

@media(max-width:576px){

    .mw-franchise-form-suite{

        padding:
            65px 15px 60px;

    }


    /* HEADING */

    .mw-franchise-suite-heading{

        margin-bottom:42px;

    }


    .mw-franchise-suite-kicker{

        gap:9px;

    }


    .mw-franchise-suite-kicker i{

        width:28px;

    }


    .mw-franchise-suite-kicker small{

        font-size:7px;

        letter-spacing:3px;

    }


    .mw-franchise-suite-heading h2{

        font-size:32px;

        line-height:1.13;

        letter-spacing:-.6px;

    }


    .mw-franchise-suite-heading > p{

        max-width:340px;

        font-size:13px;

        line-height:1.75;

    }


    /* MAIN CARD */

    .mw-franchise-suite-card{

        border-radius:
            28px 5px 28px 5px;

    }


    /* ASIDE */

    .mw-franchise-suite-aside{

        padding:
            36px 22px 32px;

    }


    .mw-franchise-suite-aside::before{

        inset:7px;

        border-radius:
            21px 4px 21px 4px;

    }


    .mw-franchise-suite-brand{

        justify-content:center;

    }


    .mw-franchise-suite-brand-line{

        width:30px;

    }


    .mw-franchise-suite-brand-icon{

        width:44px;

        height:44px;

    }


    .mw-franchise-suite-aside-label{

        text-align:center;

        font-size:7px;

        letter-spacing:3px;

    }


    .mw-franchise-suite-aside h3{

        text-align:center;

        font-size:29px;

    }


    .mw-franchise-suite-aside > p{

        text-align:center;

        font-size:12px;

        line-height:1.7;

    }


    .mw-franchise-suite-quote{

        padding:
            22px 18px 19px 30px;

    }


    .mw-franchise-suite-quote p{

        font-size:13px;

    }


    .mw-franchise-suite-process-title{

        text-align:center;

    }


    .mw-franchise-suite-step{

        padding:
            14px;

    }


    .mw-franchise-suite-aside-bottom{

        justify-content:center;

    }


    /* FORM AREA */

    .mw-franchise-suite-form-area{

        padding:
            35px 18px 30px;

    }


    .mw-franchise-suite-form-top{

        display:block;

        text-align:center;

    }


    .mw-franchise-suite-form-top > div > span{

        font-size:7px;

        letter-spacing:3px;

    }


    .mw-franchise-suite-form-top h3{

        font-size:29px;

    }


    .mw-franchise-suite-form-no{

        display:inline-block;

        margin-top:15px;

    }


    /* FIELD */

    .mw-franchise-suite-group{

        margin-bottom:15px;

    }


    .mw-franchise-suite-group label{

        font-size:8.5px;

    }


    .mw-franchise-suite-field{

        min-height:54px;

        padding:
            0 12px;

        border-radius:13px;

    }


    .mw-franchise-suite-field > span{

        width:35px;

        height:35px;

        min-width:35px;

        margin-right:9px;

    }


    .mw-franchise-suite-field input,
    .mw-franchise-suite-field textarea{

        font-size:11.5px;

    }


    .mw-franchise-suite-textarea{

        min-height:132px;

        padding-top:14px;

    }


    .mw-franchise-suite-textarea textarea{

        height:95px;

    }


    /* SECURITY */

    .mw-franchise-suite-security{

        align-items:flex-start;

    }


    .mw-franchise-suite-security strong{

        font-size:9px;

    }


    .mw-franchise-suite-security small{

        font-size:8px;

    }


    .mw-franchise-suite-submit{

        min-width:0;

        padding:
            14px 18px;

        font-size:10.5px;

    }


    /* BOTTOM */

    .mw-franchise-suite-bottom{

        margin-top:42px;

        gap:8px;

    }


    .mw-franchise-suite-bottom span{

        font-size:6px;

        letter-spacing:2px;

    }

}


/* =====================================================
   SMALL MOBILE — 400PX
===================================================== */

@media(max-width:400px){

    .mw-franchise-suite-heading h2{

        font-size:29px;

    }


    .mw-franchise-suite-aside h3{

        font-size:26px;

    }


    .mw-franchise-suite-form-top h3{

        font-size:26px;

    }


    .mw-franchise-suite-form-area{

        padding:
            32px 14px 27px;

    }

}


/* =====================================================
   VERY SMALL MOBILE
===================================================== */

@media(max-width:340px){

    .mw-franchise-form-suite{

        padding-left:10px;

        padding-right:10px;

    }


    .mw-franchise-suite-kicker i{

        display:none;

    }


    .mw-franchise-suite-heading h2{

        font-size:27px;

    }


    .mw-franchise-suite-aside{

        padding:
            32px 17px 28px;

    }


    .mw-franchise-suite-field{

        padding:
            0 9px;

    }


    .mw-franchise-suite-form-signature span{

        width:25px;

    }

}   

/* E-Shop Page Banner Section */
.mw-shop-page-banner{

    min-height:420px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    position:relative;

    overflow:hidden;

    background:

        linear-gradient(
            rgba(0,0,0,.55),
            rgba(0,0,0,.75)
        ),

        url('/uploads/home_page_banner/banner_one.png');

    background-size:cover;

    background-position:center;

}


/* GOLD GLOW */

.mw-shop-page-banner::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    top:-150px;

    left:50%;

    transform:translateX(-50%);

    background:#d6a33a;

    opacity:.12;

    filter:blur(120px);

    border-radius:50%;

}


/* BOTTOM GOLD LINE */

.mw-shop-page-banner::after{

    content:"";

    position:absolute;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

    width:180px;

    height:3px;

    background:#d6a33a;

    box-shadow:
        0 0 20px #d6a33a;

}


/* =========================================
   CONTENT
========================================= */

.mw-shop-banner-content{

    position:relative;

    z-index:2;

    margin-top:40px;

}


/* SMALL TAG */

.mw-shop-banner-tag{

    display:block;

    margin-bottom:15px;

    color:#d6a33a;

    font-size:11px;

    font-weight:700;

    letter-spacing:5px;

    text-transform:uppercase;

}


/* HEADING */

.mw-shop-banner-content h1{

    margin:0 0 25px;

    color:#fff;

    font-family:
        'Playfair Display',
        serif;

    font-size:68px;

    font-weight:600;

    letter-spacing:.5px;

    text-shadow:
        0 10px 30px rgba(0,0,0,.5);

}


/* =========================================
   BREADCRUMB
========================================= */

.mw-shop-breadcrumb{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    font-size:16px;

}


.mw-shop-breadcrumb a{

    color:#d6a33a;

    text-decoration:none;

    font-weight:500;

    transition:.3s ease;

}


.mw-shop-breadcrumb a:hover{

    color:#fff;

}


.mw-shop-breadcrumb span{

    color:#fff;

}


/* =========================================
   TABLET
========================================= */

@media(max-width:991px){

    .mw-shop-page-banner{

        height:60vh;

        min-height:420px;

        background-size:cover;

        background-position:center;

    }


    .mw-shop-banner-content{

        position:absolute;

        top:50%;

        left:0;

        width:100%;

        transform:translateY(10%);

        margin:0;

        padding:0 25px;

    }


    .mw-shop-banner-content h1{

        font-size:45px;

        line-height:1.2;

        margin-bottom:15px;

    }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){

    .mw-shop-page-banner{

        height:55vh;

        min-height:350px;

        max-height:380px;

    }


    .mw-shop-banner-content{

        top:50%;

        padding:0 15px;

    }


    .mw-shop-banner-tag{

        font-size:9px;

        letter-spacing:3px;

        margin-bottom:12px;

    }


    .mw-shop-banner-content h1{

        font-size:36px;

        line-height:1.15;

        margin-bottom:12px;

    }


    .mw-shop-breadcrumb{

        gap:10px;

        font-size:13px;

    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:480px){

    .mw-shop-page-banner{

        height:52vh;

        min-height:330px;

    }


    .mw-shop-banner-content h1{

        font-size:30px;

    }


    .mw-shop-breadcrumb{

        font-size:12px;

    }

} 

/* E-Shop Page First Section */
.mw-shop-compact{

    position:relative;

    overflow:hidden;

    padding:115px 0 95px;

    background:

        radial-gradient(
            circle at 7% 15%,
            rgba(214,163,58,.15),
            transparent 27%
        ),

        radial-gradient(
            circle at 94% 84%,
            rgba(201,150,50,.10),
            transparent 26%
        ),

        linear-gradient(
            145deg,
            #fffdf9 0%,
            #fff9f0 50%,
            #f7e7cf 100%
        );

}


/* ==========================================================
   LARGE BACKGROUND WORD
========================================================== */

.mw-shop-compact-bg-word{

    position:absolute;

    top:60px;

    left:50%;

    transform:translateX(-50%);

    color:
        rgba(201,150,50,.045);

    font-family:
        'Playfair Display',
        serif;

    font-size:135px;

    font-weight:700;

    line-height:1;

    letter-spacing:15px;

    white-space:nowrap;

    pointer-events:none;

    user-select:none;

}


/* ==========================================================
   SECTION HEADING
========================================================== */

.mw-shop-compact-heading{

    position:relative;

    z-index:3;

    display:grid;

    grid-template-columns:
        1.08fr .92fr;

    align-items:end;

    gap:70px;

    margin-bottom:48px;

}


/* ==========================================================
   KICKER
========================================================== */

.mw-shop-compact-kicker{

    display:flex;

    align-items:center;

    gap:13px;

    margin-bottom:16px;

}


.mw-shop-compact-kicker > span{

    color:#b88925;

    font-family:
        'Playfair Display',
        serif;

    font-size:13px;

    font-style:italic;

}


.mw-shop-compact-kicker i{

    width:50px;

    height:1px;

    background:

        linear-gradient(
            90deg,
            #c99632,
            transparent
        );

}


.mw-shop-compact-kicker small{

    color:#a97624;

    font-size:9px;

    font-weight:700;

    letter-spacing:5px;

    text-transform:uppercase;

}


/* ==========================================================
   MAIN TITLE
========================================================== */

.mw-shop-compact-heading h2{

    margin:0;

    color:#111;

    font-family:
        'Playfair Display',
        serif;

    font-size:56px;

    font-weight:600;

    line-height:1.07;

    letter-spacing:-1px;

}


.mw-shop-compact-heading h2 em{

    display:block;

    margin-top:4px;

    color:#c99632;

    font-weight:500;

    font-style:italic;

}


/* ==========================================================
   HEADING RIGHT
========================================================== */

.mw-shop-compact-heading-right{

    max-width:520px;

    padding-bottom:3px;

}


.mw-shop-compact-heading-right > span{

    display:block;

    margin-bottom:10px;

    color:#a97624;

    font-size:8px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

}


.mw-shop-compact-heading-right p{

    margin:0;

    color:#70665d;

    font-size:14px;

    line-height:1.8;

}


/* ==========================================================
   CATEGORY SELECTOR
========================================================== */

.mw-shop-compact-categories{

    position:relative;

    z-index:4;

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    overflow:hidden;

    margin-bottom:24px;

    border:
        1px solid rgba(201,150,50,.35);

    border-radius:
        30px 6px 30px 6px;

    background:#fff;

    box-shadow:

        0 16px 40px
        rgba(74,44,8,.08);

}


/* CATEGORY BUTTON */

.mw-shop-compact-category{

    position:relative;

    min-height:92px;

    display:grid;

    grid-template-columns:
        46px 1fr auto;

    align-items:center;

    gap:12px;

    padding:
        14px 19px;

    border:0;

    border-right:
        1px solid rgba(201,150,50,.17);

    background:#fff;

    text-align:left;

    cursor:pointer;

    transition:
        background .4s ease,
        box-shadow .4s ease;

}


.mw-shop-compact-category:last-child{

    border-right:0;

}


/* ACTIVE BOTTOM GOLD LINE */

.mw-shop-compact-category::before{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    width:0;

    height:3px;

    transform:
        translateX(-50%);

    background:

        linear-gradient(
            90deg,
            transparent,
            #d6a33a,
            transparent
        );

    transition:.4s ease;

}


.mw-shop-compact-category.active::before{

    width:68%;

}


.mw-shop-compact-category:hover,
.mw-shop-compact-category.active{

    background:

        linear-gradient(
            145deg,
            #17120c,
            #050505
        );

}


/* ==========================================================
   CATEGORY ICON
========================================================== */

.mw-shop-compact-category-icon{

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:
        15px 5px 15px 5px;

    background:

        linear-gradient(
            135deg,
            #f0ca67,
            #b9801d
        );

    color:#111;

    font-size:15px;

    box-shadow:

        0 8px 20px
        rgba(201,150,50,.22);

    transition:.4s ease;

}


.mw-shop-compact-category:hover
.mw-shop-compact-category-icon,

.mw-shop-compact-category.active
.mw-shop-compact-category-icon{

    color:#c99632;

    background:#fff;

    transform:
        rotate(-5deg);

}


/* ==========================================================
   CATEGORY COPY
========================================================== */

.mw-shop-compact-category-copy small{

    display:block;

    margin-bottom:4px;

    color:#aa8550;

    font-size:7px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}


.mw-shop-compact-category-copy strong{

    display:block;

    color:#332a22;

    font-family:
        'Playfair Display',
        serif;

    font-size:15px;

    font-weight:600;

}


.mw-shop-compact-category:hover
.mw-shop-compact-category-copy strong,

.mw-shop-compact-category.active
.mw-shop-compact-category-copy strong{

    color:#fff;

}


.mw-shop-compact-category:hover
.mw-shop-compact-category-copy small,

.mw-shop-compact-category.active
.mw-shop-compact-category-copy small{

    color:#d6a33a;

}


/* COUNT */

.mw-shop-compact-category-count{

    width:30px;

    height:30px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:
        1px solid rgba(201,150,50,.45);

    border-radius:50%;

    color:#a67520;

    font-family:
        'Playfair Display',
        serif;

    font-size:8px;

}


.mw-shop-compact-category:hover
.mw-shop-compact-category-count,

.mw-shop-compact-category.active
.mw-shop-compact-category-count{

    color:#d6a33a;

}


/* ==========================================================
   COLLECTION TOOLBAR
========================================================== */

.mw-shop-compact-toolbar{

    position:relative;

    z-index:3;

    display:flex;

    align-items:center;

    gap:20px;

    margin-bottom:32px;

    padding:
        13px 18px;

    border:
        1px solid rgba(201,150,50,.19);

    border-radius:
        5px 20px 5px 20px;

    background:
        rgba(255,255,255,.64);

}


/* LEFT */

.mw-shop-compact-toolbar-left{

    display:flex;

    align-items:center;

    gap:11px;

}


.mw-shop-compact-toolbar-icon{

    width:39px;

    height:39px;

    min-width:39px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#111;

    color:#d6a33a;

    font-size:11px;

}


.mw-shop-compact-toolbar-left small{

    display:block;

    color:#9f7b47;

    font-size:6px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}


.mw-shop-compact-toolbar-left strong{

    display:block;

    margin-top:2px;

    color:#2e271f;

    font-family:
        'Playfair Display',
        serif;

    font-size:13px;

}


/* CENTER LINE */

.mw-shop-compact-toolbar-line{

    flex:1;

    height:1px;

    background:

        linear-gradient(
            90deg,
            rgba(201,150,50,.06),
            rgba(201,150,50,.48),
            rgba(201,150,50,.06)
        );

}


/* RIGHT */

.mw-shop-compact-toolbar-right{

    display:flex;

    align-items:center;

    gap:7px;

    color:#966b20;

    font-size:7px;

    font-weight:700;

    letter-spacing:1.5px;

    text-transform:uppercase;

}


.mw-shop-compact-toolbar-right i{

    color:#c99632;

}


/* ==========================================================
   PRODUCT GRID
   EXACT 3 CARDS PER ROW
========================================================== */

.mw-shop-compact-grid{

    position:relative;

    z-index:3;

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:28px;

}


/* ==========================================================
   PRODUCT CARD
========================================================== */

.mw-shop-compact-card{

    position:relative;

    min-width:0;

    overflow:hidden;

    border:
        1px solid rgba(201,150,50,.28);

    border-radius:
        34px 7px 34px 7px;

    background:#fff;

    box-shadow:

        0 16px 42px
        rgba(67,40,7,.08);

    transition:

        transform .5s
        cubic-bezier(.22,1,.36,1),

        box-shadow .5s ease,

        border-color .5s ease;

}


.mw-shop-compact-card:nth-child(even){

    border-radius:
        7px 34px 7px 34px;

}


.mw-shop-compact-card:hover{

    transform:
        translateY(-8px);

    border-color:
        rgba(201,150,50,.68);

    box-shadow:

        0 28px 65px
        rgba(67,40,7,.15);

}


/* TOP GOLD DETAIL */

.mw-shop-compact-card::before{

    content:"";

    position:absolute;

    z-index:8;

    top:0;

    left:17%;

    width:66%;

    height:2px;

    background:

        linear-gradient(
            90deg,
            transparent,
            #d6a33a,
            transparent
        );

}


/* ==========================================================
   FEATURED CARD
========================================================== */

.mw-shop-compact-featured{

    border-color:
        rgba(201,150,50,.57);

}


.mw-shop-compact-featured-label{

    position:absolute;

    z-index:12;

    top:0;

    left:50%;

    transform:
        translateX(-50%);

    display:flex;

    align-items:center;

    gap:6px;

    padding:
        7px 15px;

    border-radius:
        0 0 15px 15px;

    background:

        linear-gradient(
            135deg,
            #e7c766,
            #b88925
        );

    color:#111;

    font-size:6.5px;

    font-weight:700;

    letter-spacing:1.3px;

    text-transform:uppercase;

    box-shadow:

        0 8px 20px
        rgba(201,150,50,.20);

}


/* ==========================================================
   VISUAL AREA — HEIGHT REDUCED
========================================================== */

.mw-shop-compact-visual{

    position:relative;

    height:300px;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 50% 43%,
            #fffefb 10%,
            #f2dfc0 100%
        );

}


/* INNER BORDER */

.mw-shop-compact-visual::before{

    content:"";

    position:absolute;

    inset:9px;

    z-index:2;

    border:
        1px solid rgba(201,150,50,.16);

    border-radius:
        26px 5px 26px 5px;

    pointer-events:none;

}


.mw-shop-compact-card:nth-child(even)
.mw-shop-compact-visual::before{

    border-radius:
        5px 26px 5px 26px;

}


/* ==========================================================
   BADGES
========================================================== */

.mw-shop-compact-badges{

    position:absolute;

    z-index:5;

    top:16px;

    left:16px;

    right:16px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:7px;

}


.mw-shop-compact-type,
.mw-shop-compact-pick{

    padding:
        7px 11px;

    border-radius:50px;

    font-size:6px;

    font-weight:700;

    letter-spacing:1.3px;

    text-transform:uppercase;

}


.mw-shop-compact-type{

    color:#96691f;

    background:
        rgba(255,255,255,.94);

    border:
        1px solid rgba(201,150,50,.37);

}


.mw-shop-compact-pick{

    color:#d6a33a;

    background:#111;

    border:
        1px solid rgba(214,163,58,.40);

}


/* ==========================================================
   PRODUCT IMAGE
========================================================== */

.mw-shop-compact-image{

    width:100%;

    height:100%;

    display:flex;

    align-items:center;

    justify-content:center;

}


.mw-shop-compact-image img{

    width:78%;

    height:78%;

    object-fit:contain;

    padding:22px;

    transition:

        transform .85s
        cubic-bezier(.22,1,.36,1);

}


.mw-shop-compact-card:hover
.mw-shop-compact-image img{

    transform:

        scale(1.075)
        translateY(-4px);

}

.mw-shop-compact-image img{

    width:96%;

    height:96%;

    object-fit:contain;

    padding:0;

}

/* ==========================================================
   PRODUCT INDEX
========================================================== */

.mw-shop-compact-index{

    position:absolute;

    left:18px;

    bottom:3px;

    color:
        rgba(201,150,50,.20);

    font-family:
        'Playfair Display',
        serif;

    font-size:38px;

    font-style:italic;

}


/* ==========================================================
   QUICK VIEW
========================================================== */

.mw-shop-compact-quick{

    position:absolute;

    z-index:7;

    right:16px;

    bottom:16px;

    width:39px;

    height:39px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:
        1px solid #c99632;

    border-radius:50%;

    background:#111;

    color:#d6a33a;

    font-size:10px;

    text-decoration:none;

    opacity:0;

    transform:
        translateY(8px);

    transition:.4s ease;

}


.mw-shop-compact-card:hover
.mw-shop-compact-quick{

    opacity:1;

    transform:none;

}


.mw-shop-compact-quick:hover{

    color:#111;

    background:#d6a33a;

}


/* ==========================================================
   CONTENT — COMPACT
========================================================== */

.mw-shop-compact-content{

    padding:
        20px 22px 21px;

}


/* META */

.mw-shop-compact-meta{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    margin-bottom:8px;

}


.mw-shop-compact-meta > span{

    color:#a97623;

    font-size:6.5px;

    font-weight:700;

    letter-spacing:1.8px;

    text-transform:uppercase;

}


.mw-shop-compact-meta > div{

    display:flex;

    align-items:center;

    gap:4px;

}


.mw-shop-compact-meta i{

    color:#c99632;

    font-size:7px;

}


.mw-shop-compact-meta small{

    color:#9a855f;

    font-size:6px;

    font-weight:700;

}


/* ==========================================================
   TITLE
========================================================== */

.mw-shop-compact-content h3{

    margin:
        0 0 7px;

    color:#17120e;

    font-family:
        'Playfair Display',
        serif;

    font-size:22px;

    font-weight:600;

    line-height:1.2;

}


/* ==========================================================
   DESCRIPTION
========================================================== */

.mw-shop-compact-content > p{

    min-height:38px;

    margin:0;

    color:#7b7167;

    font-size:10.5px;

    line-height:1.55;

}


/* ==========================================================
   PRODUCT FOOTER
========================================================== */

.mw-shop-compact-footer{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    margin-top:15px;

    padding-top:14px;

    border-top:
        1px solid rgba(201,150,50,.15);

}


/* ==========================================================
   PRICE
========================================================== */

.mw-shop-compact-price small{

    display:block;

    margin-bottom:1px;

    color:#9d9185;

    font-size:6px;

    font-weight:700;

    letter-spacing:1.4px;

    text-transform:uppercase;

}


.mw-shop-compact-price strong{

    display:block;

    color:#111;

    font-family:
        'Playfair Display',
        serif;

    font-size:21px;

    font-weight:600;

}


/* ==========================================================
   CART BUTTON
========================================================== */

.mw-shop-compact-cart{

    position:relative;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:7px;

    overflow:hidden;

    min-height:40px;

    padding:
        0 15px;

    border:
        1px solid #c99632;

    border-radius:50px;

    background:#111;

    color:#e7c766;

    font-size:7.5px;

    font-weight:700;

    cursor:pointer;

    box-shadow:

        0 9px 22px
        rgba(0,0,0,.14);

    transition:.4s ease;

}


/* SHINE */

.mw-shop-compact-cart::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:52%;

    height:100%;

    background:

        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.42),
            transparent
        );

    transform:
        skewX(-22deg);

    transition:.7s ease;

}


.mw-shop-compact-cart:hover::before{

    left:145%;

}


.mw-shop-compact-cart:hover{

    color:#111;

    background:

        linear-gradient(
            135deg,
            #efd078,
            #b88925
        );

    transform:
        translateY(-3px);

}


/* ==========================================================
   FUTURE JS STATES
========================================================== */

.mw-shop-compact-card.mw-shop-filter-hidden,
.mw-shop-compact-card.mw-shop-load-hidden{

    display:none;

}


/* ==========================================================
   EXPLORE MORE
========================================================== */

.mw-shop-compact-more{

    position:relative;

    z-index:3;

    max-width:880px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:20px;

    margin:
        58px auto 0;

}


.mw-shop-compact-more-line{

    flex:1;

    height:1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(201,150,50,.52)
        );

}


.mw-shop-compact-more-line:last-child{

    background:

        linear-gradient(
            90deg,
            rgba(201,150,50,.52),
            transparent
        );

}


.mw-shop-compact-more-center{

    text-align:center;

}


.mw-shop-compact-more-center > small{

    display:block;

    margin-bottom:8px;

    color:#a47829;

    font-size:6px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}


/* ==========================================================
   EXPLORE BUTTON
========================================================== */

.mw-shop-compact-more-btn{

    position:relative;

    min-width:220px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    overflow:hidden;

    padding:
        14px 24px;

    border:
        1px solid #c99632;

    border-radius:50px;

    background:#111;

    color:#e7c766;

    font-size:8.5px;

    font-weight:700;

    cursor:pointer;

    box-shadow:

        0 12px 28px
        rgba(0,0,0,.16);

    transition:.4s ease;

}


.mw-shop-compact-more-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:55%;

    height:100%;

    background:

        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.43),
            transparent
        );

    transform:
        skewX(-22deg);

    transition:.7s ease;

}


.mw-shop-compact-more-btn:hover::before{

    left:145%;

}


.mw-shop-compact-more-btn:hover{

    color:#111;

    background:

        linear-gradient(
            135deg,
            #efd078,
            #b88925
        );

    transform:
        translateY(-4px);

}


/* ==========================================================
   SIGNATURE
========================================================== */

.mw-shop-compact-signature{

    position:relative;

    z-index:3;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:11px;

    margin-top:43px;

    padding-top:20px;

    border-top:
        1px solid rgba(201,150,50,.15);

}


.mw-shop-compact-signature span{

    color:#9b7026;

    font-size:6px;

    font-weight:700;

    letter-spacing:2.2px;

}


.mw-shop-compact-signature i{

    width:4px;

    height:4px;

    border-radius:50%;

    background:#c99632;

}


/* ==========================================================
   DESKTOP / SMALL LAPTOP
   STILL 3 CARDS PER ROW
========================================================== */

@media(max-width:1199px){

    .mw-shop-compact-heading h2{

        font-size:50px;

    }


    .mw-shop-compact-grid{

        grid-template-columns:
            repeat(3,minmax(0,1fr));

        gap:20px;

    }


    .mw-shop-compact-visual{

        height:275px;

    }


    .mw-shop-compact-content{

        padding:
            18px 18px 20px;

    }


    .mw-shop-compact-content h3{

        font-size:19px;

    }


    .mw-shop-compact-content > p{

        font-size:9.5px;

    }


    .mw-shop-compact-cart{

        padding:
            0 12px;

    }

}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:991px){

    .mw-shop-compact{

        padding:
            95px 0 80px;

    }


    .mw-shop-compact-bg-word{

        font-size:95px;

    }


    .mw-shop-compact-heading{

        grid-template-columns:1fr;

        gap:18px;

    }


    .mw-shop-compact-heading h2{

        font-size:44px;

    }


    .mw-shop-compact-heading-right{

        max-width:650px;

    }


    /* CATEGORY 2 X 2 */

    .mw-shop-compact-categories{

        grid-template-columns:
            repeat(2,1fr);

    }


    .mw-shop-compact-category:nth-child(2){

        border-right:0;

    }


    .mw-shop-compact-category:nth-child(1),
    .mw-shop-compact-category:nth-child(2){

        border-bottom:
            1px solid rgba(201,150,50,.17);

    }


    /* PRODUCTS 2 PER ROW */

    .mw-shop-compact-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:22px;

    }


    .mw-shop-compact-visual{

        height:310px;

    }


    .mw-shop-compact-content h3{

        font-size:21px;

    }

}


/* ==========================================================
   768
========================================================== */

@media(max-width:768px){

    .mw-shop-compact{

        padding:
            78px 15px 70px;

    }


    .mw-shop-compact-heading{

        margin-bottom:38px;

    }


    .mw-shop-compact-heading h2{

        font-size:38px;

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:576px){

    .mw-shop-compact{

        padding:
            62px 15px 58px;

    }


    .mw-shop-compact-bg-word{

        display:none;

    }


    /* =====================================
       HEADING
    ===================================== */

    .mw-shop-compact-heading{

        text-align:center;

    }


    .mw-shop-compact-kicker{

        justify-content:center;

        margin-bottom:13px;

    }


    .mw-shop-compact-kicker i{

        width:28px;

    }


    .mw-shop-compact-kicker small{

        font-size:7px;

        letter-spacing:3px;

    }


    .mw-shop-compact-heading h2{

        font-size:31px;

        line-height:1.12;

    }


    .mw-shop-compact-heading-right{

        margin:auto;

    }


    .mw-shop-compact-heading-right > span{

        font-size:7px;

        letter-spacing:2.5px;

    }


    .mw-shop-compact-heading-right p{

        max-width:350px;

        margin:auto;

        font-size:13px;

        line-height:1.7;

    }


    /* =====================================
       CATEGORY HORIZONTAL SCROLL
    ===================================== */

    .mw-shop-compact-categories{

        display:flex;

        gap:7px;

        padding:7px;

        overflow-x:auto;

        border-radius:18px;

        scrollbar-width:none;

    }


    .mw-shop-compact-categories::-webkit-scrollbar{

        display:none;

    }


    .mw-shop-compact-category{

        flex:
            0 0 auto;

        min-width:177px;

        min-height:64px;

        grid-template-columns:
            37px 1fr;

        gap:9px;

        padding:
            8px 11px;

        border:
            1px solid rgba(201,150,50,.17) !important;

        border-radius:13px;

    }


    .mw-shop-compact-category-count{

        display:none;

    }


    .mw-shop-compact-category-icon{

        width:37px;

        height:37px;

        font-size:11px;

    }


    .mw-shop-compact-category-copy strong{

        font-size:12px;

    }


    /* =====================================
       TOOLBAR
    ===================================== */

    .mw-shop-compact-toolbar{

        justify-content:center;

        margin-bottom:26px;

    }


    .mw-shop-compact-toolbar-line,
    .mw-shop-compact-toolbar-right{

        display:none;

    }


    /* =====================================
       ONE PRODUCT PER ROW
    ===================================== */

    .mw-shop-compact-grid{

        grid-template-columns:1fr;

        gap:22px;

    }


    .mw-shop-compact-card{

        width:100%;

        max-width:450px;

        margin:auto;

    }


    .mw-shop-compact-visual{

        height:300px;

    }


    .mw-shop-compact-quick{

        opacity:1;

        transform:none;

    }


    .mw-shop-compact-content{

        padding:
            19px 18px 20px;

    }


    .mw-shop-compact-content h3{

        font-size:20px;

    }


    .mw-shop-compact-content > p{

        min-height:auto;

        font-size:10.5px;

    }


    .mw-shop-compact-footer{

        margin-top:13px;

        padding-top:13px;

    }


    /* =====================================
       EXPLORE
    ===================================== */

    .mw-shop-compact-more{

        gap:8px;

        margin-top:44px;

    }


    .mw-shop-compact-more-line{

        display:none;

    }


    .mw-shop-compact-more-btn{

        min-width:215px;

    }


    /* SIGNATURE */

    .mw-shop-compact-signature{

        gap:7px;

        margin-top:37px;

    }


    .mw-shop-compact-signature span{

        font-size:5.5px;

        letter-spacing:1.5px;

    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media(max-width:400px){

    .mw-shop-compact-heading h2{

        font-size:28px;

    }


    .mw-shop-compact-visual{

        height:275px;

    }


    .mw-shop-compact-meta{

        align-items:flex-start;

    }


    .mw-shop-compact-content h3{

        font-size:19px;

    }

}


/* ==========================================================
   VERY SMALL MOBILE
========================================================== */

@media(max-width:340px){

    .mw-shop-compact{

        padding-left:10px;

        padding-right:10px;

    }


    .mw-shop-compact-heading h2{

        font-size:26px;

    }


    .mw-shop-compact-visual{

        height:255px;

    }


    .mw-shop-compact-footer{

        flex-direction:column;

        align-items:stretch;

    }


    .mw-shop-compact-cart{

        width:100%;

    }

}

/* Offers Page Banner Section */
.mw-offers-page-banner{

    min-height:420px;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    overflow:hidden;

    text-align:center;


    background:

    linear-gradient(
        rgba(0,0,0,.55),
        rgba(0,0,0,.75)
    ),

    url('/uploads/home_page_banner/banner_one.png');


    background-size:cover;

    background-position:center;

}



.mw-offers-page-banner-content{

    position:relative;

    z-index:2;

}



.mw-offers-page-banner-content h1{

    font-family:
    'Playfair Display',
    serif;

    font-size:55px;

    font-weight:600;

    color:#ffffff;

    margin-bottom:18px;

    letter-spacing:1px;

}



.mw-offers-breadcrumb{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    font-size:15px;

}



.mw-offers-breadcrumb a{

    color:#d4af37;

    text-decoration:none;

    font-weight:600;

}



.mw-offers-breadcrumb span{

    color:#ffffff;

}



/* Mobile */

@media(max-width:768px){


    .mw-offers-page-banner{

        min-height:300px;

    }


    .mw-offers-page-banner-content h1{

        font-size:36px;

    }


}

/* Offers Page First Section */
.mw-premium-offer-hero{

    padding:110px 0;

    background:
    linear-gradient(
        120deg,
        #fffaf2,
        #f3e4cf
    );

    overflow:hidden;

}



.mw-premium-offer-wrapper{

    display:grid;

    grid-template-columns:1fr .35fr .9fr;

    align-items:center;

    gap:35px;

}





/* LEFT CONTENT */

.mw-top-label{

    color:#b98a35;

    font-size:11px;

    letter-spacing:4px;

    font-weight:700;

}



.mw-premium-offer-content h1{

    font-family:'Playfair Display',serif;

    font-size:62px;

    line-height:1.05;

    color:#15110d;

    margin:25px 0;

}



.mw-premium-offer-content h1 span{

    color:#c39442;

    font-style:italic;

}



.mw-premium-offer-content p{

    max-width:420px;

    font-size:15px;

    color:#746555;

    line-height:1.8;

}





/* FEATURES */

.mw-offer-features{

    margin:35px 0;

}


.mw-offer-features div{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:15px;

    font-size:14px;

    color:#30261b;

    font-weight:600;

}



.mw-offer-features i{

    width:28px;

    height:28px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#111;

    color:#d3a03d;

    border-radius:50%;

    font-size:12px;

}




/* BUTTON */


.mw-book-btn{

    display:inline-flex;

    align-items:center;

    gap:15px;

    padding:16px 32px;

    background:#111;

    color:#fff;

    text-decoration:none;

    border-radius:40px;

    font-size:14px;

    transition:.3s;

}



.mw-book-btn:hover{

    background:#c39442;

    color:#fff;

}







/* CENTER OFFER CARD */


.mw-floating-offer{

    display:flex;

    justify-content:center;

}



.mw-offer-inner{

    width:220px;

    height:300px;

    background:#111;

    border-radius:120px 120px 25px 25px;

    border:1px solid #c39442;

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    box-shadow:
    0 30px 70px rgba(0,0,0,.25);

}



.mw-offer-inner small{

    color:#d5a343;

    letter-spacing:3px;

    font-size:9px;

}



.mw-offer-inner h2{

    font-family:'Playfair Display',serif;

    font-size:70px;

    margin:15px 0;

    line-height:1;

}



.mw-offer-inner h2 span{

    display:block;

    font-size:16px;

    letter-spacing:4px;

}



.mw-offer-inner p{

    font-size:13px;

    color:#ddd;

}







/* RIGHT IMAGE */


.mw-premium-image{

    position:relative;

}



.mw-image-frame{

    height:600px;

    border-radius:

    30px 150px 30px 150px;

    overflow:hidden;

    border:1px solid #c39442;

}



.mw-image-frame img{

    width:100%;

    height:100%;

    object-fit:cover;

}





/* IMAGE TAG */


.mw-image-tag{

    position:absolute;

    bottom:50px;

    left:-40px;

    background:white;

    padding:22px 30px;

    border-radius:20px;

    box-shadow:
    0 20px 50px rgba(0,0,0,.15);

}



.mw-image-tag strong{

    display:block;

    font-family:'Playfair Display',serif;

    font-size:22px;

}



.mw-image-tag span{

    font-size:12px;

    color:#b98a35;

}





/* RESPONSIVE */


@media(max-width:1100px){

.mw-premium-offer-wrapper{

    grid-template-columns:1fr;

    text-align:center;

}


.mw-premium-offer-content p{

    margin:auto;

}


.mw-offer-features div{

    justify-content:center;

}


.mw-image-frame{

    height:500px;

}


}

/* ==========================================
   PREMIUM LUXURY EFFECTS
========================================== */


/* BACKGROUND GOLD GLOW */

.mw-premium-offer-hero::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    background:
    radial-gradient(
        circle,
        rgba(195,148,66,.25),
        transparent 70%
    );

    top:-150px;

    right:100px;

    z-index:0;

}



.mw-premium-offer-hero{

    position:relative;

}



.mw-premium-offer-wrapper{

    position:relative;

    z-index:2;

}





/* IMAGE PREMIUM OVERLAY */

.mw-image-frame{

    position:relative;

}



.mw-image-frame::after{

    content:"";

    position:absolute;

    inset:0;


    background:

    linear-gradient(
        180deg,
        transparent 60%,
        rgba(0,0,0,.35)
    );


}





/* IMAGE HOVER */


.mw-image-frame img{

    transition:1s ease;

}



.mw-premium-image:hover img{

    transform:scale(1.08);

}





/* OFFER CARD GOLD BORDER EFFECT */


.mw-offer-inner{

    position:relative;

    overflow:hidden;

}



.mw-offer-inner::before{


    content:"";

    position:absolute;

    width:120px;

    height:450px;

    background:

    linear-gradient(
        transparent,
        rgba(255,255,255,.4),
        transparent
    );


    transform:
    rotate(35deg)
    translateY(-250px);


    animation:
    offerShine 5s infinite;


}



@keyframes offerShine{


0%{

transform:
rotate(35deg)
translateY(-300px);

}


50%{

transform:
rotate(35deg)
translateY(300px);

}


100%{

transform:
rotate(35deg)
translateY(300px);

}


}






/* OFFER CARD FLOAT */

.mw-floating-offer{

    animation:

    floatingCard 4s ease-in-out infinite;

}



@keyframes floatingCard{


0%{

transform:translateY(0);

}


50%{

transform:translateY(-15px);

}


100%{

transform:translateY(0);

}


}





/* PREMIUM IMAGE TAG */


.mw-image-tag{

    animation:

    tagMove 3s ease-in-out infinite;

}



@keyframes tagMove{


0%{

transform:translateY(0);

}


50%{

transform:translateY(-8px);

}


100%{

transform:translateY(0);

}


}






/* GOLD LINE DECORATION */

.mw-premium-offer-content::after{


    content:"";

    display:block;

    width:80px;

    height:2px;

    background:#c39442;

    margin-top:35px;


}






/* BUTTON PREMIUM EFFECT */


.mw-book-btn{

    position:relative;

    overflow:hidden;

}



.mw-book-btn::before{


    content:"";

    position:absolute;

    left:-100%;

    top:0;

    width:100%;

    height:100%;


    background:

    linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );


    transition:.6s;


}



.mw-book-btn:hover::before{

    left:100%;

}







/* SMALL GOLD DOTS */


.mw-premium-offer-hero::after{


    content:"";


    position:absolute;


    width:180px;

    height:180px;


    right:30px;

    bottom:40px;


    background-image:

    radial-gradient(
        #c39442 1px,
        transparent 1px
    );


    background-size:15px 15px;


    opacity:.25;


}







/* MOBILE FIX */


@media(max-width:768px){


.mw-premium-offer-content h1{

    font-size:42px;

}



.mw-offer-inner{

    width:200px;

    height:270px;

}



.mw-image-tag{

    left:10px;

    bottom:20px;

}



}

/* ==========================================
   PART 3 - LUXURY FLOATING ELEMENTS
========================================== */


/* IMAGE FRAME GOLD INNER BORDER */

.mw-image-frame{

    padding:8px;

    background:

    linear-gradient(
        145deg,
        #c39442,
        transparent,
        #c39442
    );

}



.mw-image-frame img{

    border-radius:

    25px 145px 25px 145px;

}





/* ADD LUXURY BADGE ON IMAGE */

.mw-premium-image::before{


    content:"";

    position:absolute;

    top:35px;

    right:-25px;


    width:110px;

    height:110px;


    background:#111;


    border-radius:50%;


    border:1px solid #c39442;


    z-index:5;


    background-image:

    radial-gradient(
        circle,
        rgba(255,255,255,.15),
        transparent
    );


}





.mw-premium-image::after{


    content:

    "LUXURY\A BEAUTY";


    white-space:pre;


    position:absolute;


    top:67px;


    right:0px;


    width:110px;


    text-align:center;


    color:#d5a343;


    font-size:12px;


    letter-spacing:2px;


    font-weight:700;


    z-index:6;


}







/* SERVICE FLOAT CARD */


.mw-premium-image .mw-service-card{


    position:absolute;


    right:-50px;


    bottom:140px;


    background:white;


    padding:18px 25px;


    border-radius:15px;


    box-shadow:

    0 20px 50px rgba(0,0,0,.15);


}






.mw-service-card strong{


    display:block;


    font-family:
    'Playfair Display',
    serif;


    font-size:18px;


}



.mw-service-card span{


    font-size:12px;


    color:#b98a35;


}







/* ADD SHADOW DEPTH */

.mw-premium-image{


    filter:

    drop-shadow(
    0 40px 50px rgba(0,0,0,.15)
    );

}







/* LEFT TEXT GOLD HIGHLIGHT */


.mw-premium-offer-content h1 span{


    position:relative;


}



.mw-premium-offer-content h1 span::after{


    content:"";


    position:absolute;


    bottom:-8px;


    left:0;


    width:100%;


    height:2px;


    background:#c39442;


}








/* FEATURE HOVER */

.mw-offer-features div{


    transition:.3s;


}


.mw-offer-features div:hover{


    transform:translateX(10px);


    color:#b98a35;


}







/* PREMIUM SCROLL ENTRY */


.mw-premium-offer-content,
.mw-premium-image,
.mw-floating-offer{


    animation:

    fadeLuxury 1s ease forwards;


}



@keyframes fadeLuxury{


from{

opacity:0;

transform:
translateY(40px);

}


to{

opacity:1;

transform:
translateY(0);

}


}







/* MOBILE OPTIMIZATION */


@media(max-width:768px){


.mw-premium-image::before,
.mw-premium-image::after{


display:none;


}


.mw-service-card{


display:none;


}


}

/* =====================================
   FINAL HERO POLISH OVERRIDE
===================================== */


/* RIGHT IMAGE FIX */

.mw-premium-image{

    padding-right:20px;

}


.mw-image-frame{

    background:#d1a253;

    overflow:hidden;

}



.mw-image-frame img{

    opacity:1;

    filter:none;

}





/* REMOVE HEAVY IMAGE DARK OVERLAY */

.mw-image-frame::after{

    background:

    linear-gradient(
        180deg,
        transparent 70%,
        rgba(0,0,0,.15)
    );

}





/* LUXURY BADGE POSITION FIX */

.mw-premium-image::before{

    right:-5px;

    top:25px;

    width:95px;

    height:95px;

}



.mw-premium-image::after{

    right:5px;

    top:58px;

    width:95px;

    font-size:10px;

}





/* MOVE OFFER CARD LITTLE RIGHT */

.mw-floating-offer{

    transform:translateX(20px);

}




/* PREMIUM CARE BOX FIX */

.mw-image-tag{

    left:-25px;

    bottom:70px;

    padding:18px 25px;

}





.mw-image-tag strong{

    font-size:18px;

}





/* ADD IMAGE DEPTH */

.mw-premium-image{

    position:relative;

}


.mw-premium-image:after{

    pointer-events:none;

}





/* TEXT AREA LITTLE BIGGER */

.mw-premium-offer-content h1{

    font-size:66px;

}





/* BUTTON MORE PREMIUM */

.mw-book-btn{

    padding:17px 38px;

    letter-spacing:.3px;

}





/* MOBILE */

@media(max-width:1100px){

    .mw-floating-offer{

        transform:none;

    }

}



@media(max-width:768px){

    .mw-premium-image{

        padding-right:0;

    }


    .mw-premium-offer-content h1{

        font-size:42px;

    }

}

/* ======================================
   FINAL MOBILE LUXURY BADGE FIX
   ADD AT VERY END
====================================== */


@media(max-width:768px){


    .mw-premium-image::before{

        display:block !important;

        width:85px;

        height:85px;

        top:20px;

        right:10px;

        border-radius:50%;

        background:#111;

        border:1px solid #c39442;

        z-index:20;

    }



    .mw-premium-image::after{

        display:block !important;

        content:"LUXURY\A BEAUTY";

        white-space:pre;

        top:48px;

        right:10px;

        width:85px;

        text-align:center;

        font-size:9px;

        letter-spacing:2px;

        color:#d5a343;

        z-index:21;

    }



}

/* Offers Page Second Section */
.mw-exclusive-membership{

    padding:110px 0;

    background:

    linear-gradient(
        135deg,
        #1b1814,
        #29231b
    );

    position:relative;

    overflow:hidden;

}



/* SOFT GOLD LIGHT */

.mw-exclusive-membership::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;


    background:

    radial-gradient(
        circle,
        rgba(210,163,67,.18),
        transparent 70%
    );


    top:-200px;

    right:-120px;


}




/* HEADING */


.mw-membership-header{

    text-align:center;

    max-width:650px;

    margin:auto;

    position:relative;

    z-index:2;

}



.mw-membership-header span{

    color:#d2a343;

    font-size:11px;

    letter-spacing:4px;

    font-weight:700;

}



.mw-membership-header h2{

    font-family:
    'Playfair Display',
    serif;


    font-size:52px;

    color:#f8f4ec;

    margin:20px 0;


}



.mw-membership-header h2 strong{

    display:block;

    color:#d2a343;

    font-style:italic;

}



.mw-membership-header p{

    color:#c5bdb0;

    font-size:15px;

    line-height:1.8;

}





/* CARD GRID */


.mw-membership-list{

    margin-top:65px;


    display:grid;


    grid-template-columns:
    repeat(3,1fr);


    gap:30px;


    position:relative;

    z-index:2;

}





/* CARD */


.mw-plan-card{


    background:

    linear-gradient(
        145deg,
        #302a21,
        #211d18
    );


    border:1px solid rgba(210,163,67,.25);


    border-radius:28px;


    padding:40px 32px;


    color:#fff;


    transition:.4s;


    position:relative;


}





.mw-plan-card:hover{


    transform:translateY(-12px);


    border-color:#d2a343;


    box-shadow:

    0 30px 70px rgba(0,0,0,.35);


}






/* ICON */


.plan-icon{


    width:60px;

    height:60px;


    border-radius:50%;


    background:

    rgba(210,163,67,.12);


    border:1px solid #d2a343;


    display:flex;


    align-items:center;


    justify-content:center;


    color:#d2a343;


    font-size:22px;


    margin-bottom:25px;


}







/* TITLE */


.mw-plan-card h3{


    font-family:

    'Playfair Display',
    serif;


    font-size:28px;


    margin-bottom:8px;


}





.plan-type{


    font-size:10px;


    letter-spacing:3px;


    color:#d2a343;


}






/* PRICE */


.plan-price{


    font-family:

    'Playfair Display',
    serif;


    font-size:48px;


    margin:25px 0 10px;


    color:#fff;


}





.plan-value{


    color:#cfc7bb;

    font-size:14px;

}



.plan-value strong{


    display:block;


    color:#d2a343;


    font-size:24px;


    margin-top:5px;


}







/* LIST */


.mw-plan-card ul{


    list-style:none;


    padding:25px 0;


    margin:0;


}



.mw-plan-card li{


    padding:11px 0;


    border-bottom:

    1px solid rgba(255,255,255,.08);


    color:#ddd;


    font-size:14px;


}






/* BUTTON */


.mw-plan-card a{


    display:inline-flex;


    align-items:center;


    gap:12px;


    padding:14px 30px;


    border-radius:40px;


    background:#d2a343;


    color:#17130e;


    font-size:13px;


    font-weight:700;


    text-decoration:none;


    transition:.3s;


}



.mw-plan-card a:hover{


    background:#f5e4bd;


}







/* FEATURED CARD */


.featured-plan{


    transform:translateY(-25px);


    border-color:#d2a343;


}





.featured-plan:hover{


    transform:

    translateY(-35px);


}





.featured-label{


    position:absolute;


    top:-16px;


    left:50%;


    transform:translateX(-50%);


    background:#d2a343;


    color:#1b1711;


    padding:8px 25px;


    border-radius:30px;


    font-size:10px;


    font-weight:700;


    letter-spacing:2px;


}







/* RESPONSIVE */


@media(max-width:991px){


.mw-membership-list{


    grid-template-columns:1fr;

}



.featured-plan{


    transform:none;

}



.featured-plan:hover{


    transform:translateY(-10px);

}


}





@media(max-width:576px){


.mw-exclusive-membership{


    padding:70px 20px;

}



.mw-membership-header h2{


    font-size:38px;

}



.mw-plan-card{


    padding:35px 25px;

}



}

/* Offers Page Third Section*/
.mw-beauty-collection{

    padding:120px 0;

    background:

    linear-gradient(
        135deg,
        #fffaf2,
        #f1dfc5
    );

    overflow:hidden;

}




/* MAIN WRAPPER */


.beauty-collection-wrapper{

    display:grid;

    grid-template-columns:

    1fr .9fr;


    gap:90px;


    align-items:center;

}






/* IMAGE */


.beauty-collection-image{

    height:620px;

    position:relative;


}



.beauty-collection-image img{


    width:100%;


    height:100%;


    object-fit:cover;


    border-radius:

    40px 180px 40px 180px;


    border:1px solid #c39442;


    box-shadow:

    0 40px 80px rgba(0,0,0,.18);


    transition:.8s;


}



.beauty-collection-image:hover img{


    transform:scale(1.04);


}






/* IMAGE BADGE */


.collection-badge{


    position:absolute;


    left:-35px;


    bottom:60px;


    width:130px;


    height:130px;


    border-radius:50%;


    background:#17120d;


    border:1px solid #d2a343;


    display:flex;


    flex-direction:column;


    justify-content:center;


    align-items:center;


    color:white;


}



.collection-badge span{


    font-size:10px;


    letter-spacing:3px;


    color:#d2a343;


}



.collection-badge strong{


    font-family:
    'Playfair Display',
    serif;


    font-size:25px;


}






/* RIGHT CONTENT */


.beauty-collection-content{


    max-width:500px;


}



.collection-label{


    color:#b88935;


    font-size:11px;


    letter-spacing:4px;


    font-weight:700;


}



.beauty-collection-content h2{


    font-family:
    'Playfair Display',
    serif;


    font-size:58px;


    line-height:1.1;


    color:#17120d;


    margin:25px 0;


}



.beauty-collection-content h2 em{


    display:block;


    color:#c39442;


    font-style:italic;


}



.beauty-collection-content p{


    color:#76695b;


    font-size:15px;


    line-height:1.8;


    margin-bottom:40px;


}






/* SERVICE ITEMS */


.collection-service{


    display:flex;


    align-items:center;


    gap:25px;


    padding:22px 0;


    border-bottom:

    1px solid rgba(0,0,0,.12);


}



.service-number{


    font-family:
    'Playfair Display',
    serif;


    font-size:42px;


    color:

    rgba(195,148,66,.45);


}



.collection-service h3{


    font-family:
    'Playfair Display',
    serif;


    font-size:25px;


    margin:0 0 8px;


    color:#17120d;


}



.collection-service span{


    color:#756858;


    font-size:13px;


}







/* BUTTON */


.collection-btn{


    margin-top:35px;


    display:inline-flex;


    align-items:center;


    gap:15px;


    padding:16px 38px;


    background:#17120d;


    color:white;


    border-radius:40px;


    text-decoration:none;


    font-size:14px;


    transition:.3s;


}



.collection-btn:hover{


    background:#c39442;


    color:white;


}







/* RESPONSIVE */


@media(max-width:991px){


.beauty-collection-wrapper{


    grid-template-columns:1fr;


    gap:50px;


}



.beauty-collection-image{


    height:480px;


}



.beauty-collection-content{


    max-width:100%;


}



.collection-badge{


    left:20px;


}


}





@media(max-width:576px){


.mw-beauty-collection{


    padding:70px 20px;


}



.beauty-collection-content h2{


    font-size:40px;


}



.beauty-collection-image{


    height:380px;


}



.collection-service h3{


    font-size:20px;


}


}

@media(max-width:576px){


/* MAIN SECTION */

.mw-beauty-collection{

    padding:40px 20px 45px;

}



/* CONTENT ALIGNMENT */

.beauty-collection-content{

    text-align:center;

}


.collection-label{

    display:block;

    text-align:center;

}



.beauty-collection-content h2{

    text-align:center;

    font-size:34px;

    margin:12px 0;

    line-height:1.15;

}



.beauty-collection-content p{

    text-align:center;

    font-size:13px;

    line-height:1.7;

    margin-bottom:20px;

}




/* SERVICE LIST */


.collection-service{

    max-width:330px;

    margin:auto;

    padding:14px 0;

    text-align:left;

}



.service-number{

    font-size:28px;

}



.collection-service h3{

    font-size:19px;

    margin-bottom:5px;

}



.collection-service span{

    font-size:11px;

}






/* BUTTON */


.collection-btn{

    margin-left:auto;

    margin-right:auto;

    margin-top:20px;

    padding:11px 24px;

    font-size:12px;

}



.collection-btn i{

    font-size:11px;

}



}

/* Book Appointment Page Banner Section */
.mw-booking-banner{

    min-height:420px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    position:relative;

    overflow:hidden;


    background:

    linear-gradient(
        rgba(0,0,0,.55),
        rgba(0,0,0,.75)
    ),

    url('/uploads/home_page_banner/banner_one.png');


    background-size:cover;

    background-position:center;

}




/* GOLD GLOW EFFECT */

.mw-booking-banner::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    background:#d6a33a;

    opacity:.12;

    filter:blur(120px);

    border-radius:50%;

    top:-150px;

    left:50%;

    transform:translateX(-50%);

}





.mw-booking-banner::after{

    content:"";

    position:absolute;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

    width:180px;

    height:3px;

    background:#d6a33a;

    box-shadow:0 0 20px #d6a33a;

}





.mw-booking-banner-content{

    position:relative;

    z-index:2;

    margin-top:40px;

}





.mw-booking-banner-content h1{

    font-family:'Playfair Display',serif;

    font-size:68px;

    font-weight:600;

    color:#fff;

    letter-spacing:.5px;

    margin-bottom:25px;

    text-shadow:

    0 10px 30px rgba(0,0,0,.5);

}





/* BREADCRUMB */


.mw-booking-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:16px;

}





.mw-booking-breadcrumb a{

    color:#d6a33a;

    text-decoration:none;

    font-weight:500;

}





.mw-booking-breadcrumb span{

    color:#fff;

}







/* =====================================
   BOOK APPOINTMENT TABLET
===================================== */


@media(max-width:991px){


.mw-booking-banner{


    height:60vh;

    min-height:420px;

    background-size:cover;

    background-position:center;


}




.mw-booking-banner-content{


    position:absolute;

    top:50%;

    left:0;

    width:100%;

    transform:translateY(10%);

    padding:0 25px;

    text-align:center;


}




.mw-booking-banner-content h1{


    font-size:45px;

    line-height:1.2;

    margin-bottom:15px;


}


}






/* =====================================
   MOBILE
===================================== */


@media(max-width:768px){


.mw-booking-banner{


    height:55vh;

    min-height:350px;

    max-height:380px;


}




.mw-booking-banner-content{


    top:50%;

    margin:0;

    padding:0 15px;


}




.mw-booking-banner-content h1{


    font-size:36px;

    line-height:1.15;

    margin-bottom:12px;


}




.mw-booking-breadcrumb{


    font-size:13px;

    justify-content:center;


}


}







/* =====================================
   SMALL MOBILE
===================================== */


@media(max-width:480px){


.mw-booking-banner{


    height:52vh;

    min-height:330px;


}




.mw-booking-banner-content h1{


    font-size:30px;


}





.mw-booking-breadcrumb{


    font-size:12px;


}



}

/* Book Appointment Page First Section */
.mw-booking-premium-experience{

    padding:110px 0;

    background:#f8efe3;

    overflow:hidden;

}



.mw-booking-premium-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:85px;

}





/* IMAGE SIDE */


.mw-booking-premium-image{

    position:relative;

}



.mw-booking-premium-image img{

    width:100%;

    height:620px;

    object-fit:cover;

    border-radius:120px 40px 120px 40px;

}





.booking-floating-info{

    position:absolute;

    bottom:35px;

    right:-35px;

    background:#fff;

    padding:25px 35px;

    border-left:3px solid #d6a33a;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

}



.booking-floating-info span{

    color:#b88932;

    font-size:11px;

    letter-spacing:3px;

}



.booking-floating-info h4{

    font-family:'Playfair Display',serif;

    font-size:22px;

    color:#1b1b1b;

    margin-top:8px;

}







/* CONTENT SIDE */


.booking-premium-label{

    color:#b88932;

    font-size:11px;

    letter-spacing:4px;

}





.mw-booking-premium-content h2{

    font-family:'Playfair Display',serif;

    font-size:58px;

    line-height:1.2;

    color:#171717;

    margin:20px 0;

}



.mw-booking-premium-content h2 em{

    display:block;

    color:#c58d32;

    font-style:italic;

}





.mw-booking-premium-content p{

    color:#666;

    font-size:16px;

    line-height:1.8;

    max-width:500px;

    margin-bottom:40px;

}







/* BENEFITS */


.booking-benefit-list{

    display:flex;

    flex-direction:column;

    gap:25px;

}



.booking-benefit{

    display:flex;

    align-items:center;

    gap:20px;

}



.benefit-icon{

    width:55px;

    height:55px;

    border-radius:50%;

    border:1px solid #d6a33a;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#b88932;

    font-size:20px;

}



.booking-benefit h4{

    font-size:18px;

    color:#222;

    margin-bottom:5px;

}



.booking-benefit span{

    font-size:14px;

    color:#777;

}

/* ==========================================
   BOOK APPOINTMENT PREMIUM EXPERIENCE
   MOBILE FINAL CSS
========================================== */


@media(max-width:768px){


.mw-booking-premium-experience{

    padding:65px 20px;

}



.mw-booking-premium-wrapper{

    grid-template-columns:1fr;

    gap:45px;

}






/* IMAGE */


.mw-booking-premium-image img{

    height:420px;

    border-radius:70px 25px 70px 25px;

}



.booking-floating-info{

    right:10px;

    bottom:20px;

    padding:18px 22px;

}



.booking-floating-info span{

    font-size:9px;

    letter-spacing:2px;

}



.booking-floating-info h4{

    font-size:18px;

}






/* CONTENT */


.mw-booking-premium-content{

    text-align:center;

}



.booking-premium-label{

    font-size:10px;

    letter-spacing:3px;

}



.mw-booking-premium-content h2{

    font-size:36px;

    line-height:1.2;

    margin:15px 0;

}



.mw-booking-premium-content p{

    font-size:14px;

    line-height:1.8;

    margin-bottom:30px;

}







/* BENEFITS */


.booking-benefit-list{

    gap:18px;

}



.booking-benefit{

    text-align:left;

    gap:15px;

}



.benefit-icon{

    width:45px;

    height:45px;

    font-size:16px;

    flex-shrink:0;

}



.booking-benefit h4{

    font-size:16px;

}



.booking-benefit span{

    font-size:12px;

}



}





@media(max-width:480px){


.mw-booking-premium-experience{

    padding:50px 18px;

}



.mw-booking-premium-content h2{

    font-size:32px;

}



.mw-booking-premium-image img{

    height:360px;

}



}

@media(max-width:576px){


.mw-booking-premium-content{

    text-align:center !important;

}



/* Benefits center */

.booking-benefit-list{

    align-items:center;

}



.booking-benefit{

    justify-content:center;

    text-align:center;

    flex-direction:column;

    gap:10px;

    width:100%;

}



.benefit-icon{

    margin:auto;

}



.booking-benefit h4{

    text-align:center;

}



.booking-benefit span{

    display:block;

    text-align:center;

}



/* Heading */

.booking-premium-label{

    text-align:center;

}



.mw-booking-premium-content h2{

    text-align:center;

}



.mw-booking-premium-content p{

    text-align:center;

    margin-left:auto;

    margin-right:auto;

}


}

/* Book Appointment Page Second Section */
.mw-appointment-journey{

    padding:110px 0;

    background:#fff8ef;

    overflow:hidden;

}





/* HEADING */


.mw-journey-heading{

    text-align:center;

    max-width:750px;

    margin:0 auto 75px;

}



.mw-journey-heading span{

    color:#b88932;

    font-size:11px;

    letter-spacing:4px;

}



.mw-journey-heading h2{

    font-family:'Playfair Display',serif;

    font-size:58px;

    line-height:1.2;

    color:#1d1d1d;

    margin:18px 0;

}



.mw-journey-heading h2 em{

    display:block;

    color:#c58d32;

    font-style:italic;

}



.mw-journey-heading p{

    color:#777;

    font-size:16px;

    line-height:1.8;

}






/* JOURNEY FLOW */


.mw-journey-flow{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:25px;

}





.journey-step{

    text-align:center;

    max-width:260px;

}





.journey-number{

    font-family:'Playfair Display',serif;

    font-size:55px;

    color:#d8b56a;

    line-height:1;

    margin-bottom:15px;

}





.journey-icon{

    width:75px;

    height:75px;

    margin:0 auto 25px;

    border-radius:50%;

    border:1px solid #d6a33a;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#c58d32;

    font-size:26px;

    background:#fff;

}





.journey-step h3{

    font-family:'Playfair Display',serif;

    font-size:25px;

    color:#1c1c1c;

    margin-bottom:12px;

}





.journey-step p{

    font-size:14px;

    color:#777;

    line-height:1.7;

}







/* GOLD CONNECTOR */


.journey-divider{

    width:80px;

    height:1px;

    background:#d6a33a;

    position:relative;

}



.journey-divider span{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    background:#fff8ef;

    color:#d6a33a;

    padding:0 10px;

    font-size:14px;

}

/* ==========================================
   APPOINTMENT JOURNEY MOBILE CSS
========================================== */


@media(max-width:768px){


.mw-appointment-journey{

    padding:65px 20px;

}




/* HEADING */


.mw-journey-heading{

    margin-bottom:50px;

}



.mw-journey-heading span{

    font-size:10px;

    letter-spacing:3px;

}



.mw-journey-heading h2{

    font-size:36px;

    line-height:1.2;

    margin:15px 0;

}



.mw-journey-heading p{

    font-size:14px;

    line-height:1.7;

}







/* FLOW */


.mw-journey-flow{

    flex-direction:column;

    gap:25px;

}




.journey-step{

    max-width:320px;

}





.journey-number{

    font-size:42px;

    margin-bottom:12px;

}





.journey-icon{

    width:60px;

    height:60px;

    font-size:21px;

    margin-bottom:18px;

}





.journey-step h3{

    font-size:22px;

}



.journey-step p{

    font-size:13px;

    line-height:1.6;

}






/* CONNECTOR */


.journey-divider{

    width:1px;

    height:45px;

    background:#d6a33a;

}



.journey-divider span{

    padding:5px 0;

    background:#fff8ef;

}



}





@media(max-width:480px){


.mw-appointment-journey{

    padding:55px 18px;

}



.mw-journey-heading h2{

    font-size:32px;

}



.journey-number{

    font-size:36px;

}



.journey-step h3{

    font-size:20px;

}



}

/* ==========================================
   APPOINTMENT JOURNEY LUXURY FINAL POLISH
========================================== */


.mw-appointment-journey{

    background:#f9f0e4;

}





.mw-journey-heading h2{

    color:#151515;

    font-size:62px;

    letter-spacing:-1.5px;

}



.mw-journey-heading h2 em{

    color:#c58d32;

}





.mw-journey-heading p{

    color:#5f5145;

    font-size:15px;

}





/* STEP PREMIUM */


.journey-step{

    position:relative;

    padding:25px 20px;

    transition:.4s ease;

}



.journey-step:hover{

    transform:translateY(-12px);

}





.journey-number{

    font-size:72px;

    color:#d6a33a;

    font-family:'Playfair Display',serif;

    opacity:.9;

}





.journey-icon{

    width:90px;

    height:90px;

    background:#fff;

    border:1px solid #d6a33a;

    box-shadow:

    0 15px 35px rgba(0,0,0,.10);

}





.journey-icon i{

    color:#161616;

    font-size:24px;

}





.journey-step h3{

    color:#111;

    font-size:28px;

    margin-top:15px;

}





.journey-step p{

    color:#716357;

}





/* LUXURY CONNECT LINE */


.journey-divider{

    height:1px;

    width:130px;

    background:#d6a33a;

    position:relative;

}



.journey-divider:before{

    content:"";

    position:absolute;

    left:0;

    right:0;

    top:-4px;

    height:8px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(214,163,58,.3),
        transparent
    );

}





.journey-divider span{

    background:#f9f0e4;

    color:#111;

    font-size:20px;

}





/* MOBILE */


@media(max-width:768px){


.mw-journey-heading h2{

    font-size:38px;

}



.journey-step{

    padding:20px 10px;

}



.journey-number{

    font-size:50px;

}



.journey-icon{

    width:75px;

    height:75px;

}



.journey-step h3{

    font-size:23px;

}



}

/* Book Appointment Page Third Section */
.mw-luxury-appointment{

    padding:120px 0;

    background:#fbf1e5;

    position:relative;

    overflow:hidden;

}




.mw-luxury-appointment::before{

    content:"";

    position:absolute;

    width:400px;

    height:400px;

    background:#d6a33a;

    opacity:.08;

    filter:blur(120px);

    border-radius:50%;

    right:-120px;

    top:-100px;

}





.mw-luxury-appointment-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:90px;

}






/* ==========================================
   LEFT CONTENT
========================================== */


.luxury-small-title{

    color:#b88932;

    font-size:11px;

    letter-spacing:4px;

}





.mw-luxury-appointment-intro h2{

    font-family:'Playfair Display',serif;

    font-size:62px;

    line-height:1.15;

    color:#151515;

    margin:20px 0;

}





.mw-luxury-appointment-intro h2 em{

    display:block;

    color:#c58d32;

    font-style:italic;

}





.mw-luxury-appointment-intro p{

    max-width:500px;

    color:#6e6257;

    font-size:16px;

    line-height:1.8;

    margin-bottom:40px;

}







/* HIGHLIGHTS */


.luxury-highlight-list{

    display:flex;

    flex-direction:column;

    gap:22px;

}



.luxury-highlight{

    display:flex;

    align-items:center;

    gap:18px;

}





.highlight-icon{

    width:58px;

    height:58px;

    border-radius:50%;

    background:#fff;

    border:1px solid #d6a33a;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#171717;

}





.luxury-highlight h4{

    font-family:'Playfair Display',serif;

    font-size:20px;

    color:#171717;

    margin-bottom:5px;

}



.luxury-highlight span{

    font-size:14px;

    color:#777;

}









/* ==========================================
   BOOKING CARD
========================================== */


.mw-luxury-booking-card{

    background:#ffffff;

    padding:50px;

    border:1px solid rgba(214,163,58,.35);

    box-shadow:

    0 30px 80px rgba(0,0,0,.10);

    position:relative;

}





.mw-luxury-booking-card::before{

    content:"";

    position:absolute;

    top:0;

    left:50px;

    width:90px;

    height:3px;

    background:#d6a33a;

}







.booking-card-heading span{

    color:#b88932;

    font-size:10px;

    letter-spacing:3px;

}





.booking-card-heading h3{

    font-family:'Playfair Display',serif;

    font-size:36px;

    color:#151515;

    margin:12px 0;

}





.booking-card-heading p{

    color:#777;

    font-size:14px;

    margin-bottom:30px;

}







/* FORM */


.luxury-input{

    margin-bottom:18px;

}



.luxury-input input,
.luxury-input select,
.luxury-double-input input,
.luxury-booking-form textarea{


    width:100%;

    padding:16px 18px;

    background:#fffaf4;

    border:1px solid #dfd1bf;

    color:#222;

    outline:none;

    font-size:14px;

}





.luxury-double-input{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;

    margin-bottom:18px;

}





.luxury-booking-form textarea{

    height:120px;

    resize:none;

    margin-bottom:25px;

}





/* BUTTON */


.luxury-booking-form button{

    background:#d6a33a;

    color:#111;

    border:none;

    padding:16px 35px;

    display:flex;

    align-items:center;

    gap:12px;

    font-size:14px;

    font-weight:600;

    cursor:pointer;

}



.luxury-booking-form button:hover{

    background:#151515;

    color:#fff;

}

/* ==========================================
   LUXURY APPOINTMENT LOUNGE
   MOBILE FINAL CSS
========================================== */


@media(max-width:768px){


.mw-luxury-appointment{

    padding:65px 20px;

}



.mw-luxury-appointment-wrapper{

    grid-template-columns:1fr;

    gap:45px;

}






/* LEFT CONTENT */


.mw-luxury-appointment-intro{

    text-align:center;

}



.luxury-small-title{

    font-size:10px;

    letter-spacing:3px;

}



.mw-luxury-appointment-intro h2{

    font-size:36px;

    line-height:1.2;

    margin:15px 0;

}



.mw-luxury-appointment-intro p{

    font-size:14px;

    line-height:1.7;

    margin-left:auto;

    margin-right:auto;

}







/* HIGHLIGHTS */


.luxury-highlight-list{

    align-items:center;

    gap:18px;

}



.luxury-highlight{

    width:100%;

    justify-content:center;

    text-align:left;

}



.highlight-icon{

    width:48px;

    height:48px;

    flex-shrink:0;

}



.luxury-highlight h4{

    font-size:17px;

}



.luxury-highlight span{

    font-size:12px;

}







/* BOOKING CARD */


.mw-luxury-booking-card{

    padding:30px 22px;

}



.mw-luxury-booking-card::before{

    left:50%;

    transform:translateX(-50%);

    width:70px;

}





.booking-card-heading{

    text-align:center;

}



.booking-card-heading h3{

    font-size:28px;

}



.booking-card-heading p{

    font-size:13px;

}







/* FORM */


.luxury-input input,
.luxury-input select,
.luxury-double-input input,
.luxury-booking-form textarea{

    padding:13px 15px;

    font-size:13px;

}





.luxury-double-input{

    grid-template-columns:1fr;

    gap:15px;

}





.luxury-booking-form textarea{

    height:100px;

}





.luxury-booking-form button{

    width:100%;

    justify-content:center;

    padding:14px 20px;

}



}





@media(max-width:480px){


.mw-luxury-appointment{

    padding:55px 18px;

}



.mw-luxury-appointment-intro h2{

    font-size:32px;

}



.mw-luxury-booking-card{

    padding:25px 18px;

}



.booking-card-heading h3{

    font-size:24px;

}


}

/* ==========================================
   LUXURY APPOINTMENT EXTRA PREMIUM POLISH
========================================== */


.mw-luxury-appointment{

    background:#fbf1e5;

}



/* LEFT TEXT PREMIUM */

.mw-luxury-appointment-intro h2{

    color:#111;

    letter-spacing:-1px;

}



.mw-luxury-appointment-intro h2 em{

    color:#c58d32;

}





.mw-luxury-appointment-intro p{

    color:#5e554c;

}






/* FEATURE ICON PREMIUM */


.highlight-icon{

    background:#fffaf3;

    color:#111;

    box-shadow:
    0 8px 25px rgba(0,0,0,.08);

}





.highlight-icon i{

    color:#111;

}






/* FORM CARD MORE LUXURY */


.mw-luxury-booking-card{

    background:#fffdf9;

    border:1px solid #e5c98d;

    box-shadow:

    0 35px 90px rgba(0,0,0,.12);

}





.booking-card-heading h3{

    color:#111;

}





.booking-card-heading span{

    color:#b88932;

}





/* INPUT PREMIUM */


.luxury-input input,
.luxury-input select,
.luxury-double-input input,
.luxury-booking-form textarea{

    background:#fffaf4;

    border-color:#dfc58f;

    color:#111;

}





.luxury-input input:focus,
.luxury-input select:focus,
.luxury-double-input input:focus,
.luxury-booking-form textarea:focus{

    border-color:#111;

}






/* BUTTON PREMIUM */


.luxury-booking-form button{

    background:#d6a33a;

    color:#111;

    transition:.3s ease;

}



.luxury-booking-form button:hover{

    background:#111;

    color:#fff;

}



/* SMALL GOLD DETAIL */

.mw-luxury-booking-card::after{

    content:"";

    position:absolute;

    right:0;

    bottom:0;

    width:70px;

    height:3px;

    background:#d6a33a;

}

/* ==========================================
   PREMIUM BLACK ACCENT DETAILS
========================================== */


/* Heading Accent */

.mw-luxury-appointment-intro h2{

    color:#111;

}


.mw-luxury-appointment-intro h2 em{

    color:#c58d32;

}





/* Small premium black details */


.luxury-small-title{

    color:#111;

    position:relative;

    padding-left:35px;

}


.luxury-small-title::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:25px;

    height:1px;

    background:#111;

}





/* Icon Premium Touch */


.highlight-icon{

    background:#111;

    border-color:#111;

}



.highlight-icon i{

    color:#d6a33a;

}






/* Form Heading Accent */


.booking-card-heading h3{

    color:#111;

}





/* Button Premium Contrast */


.luxury-booking-form button{

    background:#111;

    color:#fff;

}



.luxury-booking-form button i{

    color:#d6a33a;

}



.luxury-booking-form button:hover{

    background:#d6a33a;

    color:#111;

}






/* Card Top Detail */


.mw-luxury-booking-card::before{

    background:#111;

    width:120px;

}





/* Input Focus */

.luxury-input input:focus,
.luxury-input select:focus,
.luxury-double-input input:focus,
.luxury-booking-form textarea:focus{

    border-color:#111;

}

/* ==========================================
   PREMIUM APPOINTMENT BUTTON
========================================== */


.luxury-booking-form button{

    position:relative;

    overflow:hidden;

    background:#111;

    color:#fff;

    border:none;

    padding:16px 38px;

    font-size:14px;

    font-weight:600;

    letter-spacing:.3px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    cursor:pointer;

    transition:.4s ease;

    z-index:1;

}





/* GOLD SLIDE EFFECT */

.luxury-booking-form button::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:0%;

    height:100%;

    background:#d6a33a;

    transition:.4s ease;

    z-index:-1;

}





.luxury-booking-form button:hover::before{

    width:100%;

}





.luxury-booking-form button:hover{

    color:#111;

    transform:translateY(-3px);

    box-shadow:

    0 12px 30px rgba(214,163,58,.35);

}







/* ARROW */

.luxury-booking-form button i{

    color:#d6a33a;

    transition:.3s ease;

}





.luxury-booking-form button:hover i{

    transform:translateX(8px);

    color:#111;

}







/* CARD HOVER EFFECT */

.mw-luxury-booking-card{

    transition:.4s ease;

}



.mw-luxury-booking-card:hover{

    transform:translateY(-8px);

    box-shadow:

    0 40px 100px rgba(0,0,0,.15);

}







/* ICON HOVER */

.highlight-icon{

    transition:.35s ease;

}



.luxury-highlight:hover .highlight-icon{

    background:#111;

    transform:rotate(8deg) scale(1.08);

}



.luxury-highlight:hover .highlight-icon i{

    color:#d6a33a;

}

/* ==========================================
   MOBILE HIGHLIGHT ALIGNMENT ONLY
========================================== */

@media(max-width:576px){


.luxury-highlight-list{

    gap:24px;

}



.luxury-highlight{

    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:20px;

    width:100%;

}





/* ICON SAME RAHEGA */

.highlight-icon{

    flex-shrink:0;

    margin:0;

}





.luxury-highlight h4{

    margin:0 0 5px;

    font-size:18px;

    line-height:1.3;

}



.luxury-highlight span{

    font-size:13px;

    line-height:1.5;

}





.luxury-highlight > div:last-child{

    padding-top:2px;

}



}

/* Blogs Page Banner Section */
.mw-blog-banner{


    min-height:420px;


    display:flex;


    align-items:center;


    justify-content:center;


    text-align:center;


    position:relative;


    overflow:hidden;



    background:


    linear-gradient(

        rgba(0,0,0,.55),

        rgba(0,0,0,.75)

    ),


    url('/uploads/home_page_banner/banner_one.png');



    background-size:cover;


    background-position:center;



}





/* GOLD GLOW EFFECT */


.mw-blog-banner::before{


    content:"";


    position:absolute;


    width:450px;


    height:450px;


    background:#d6a33a;


    opacity:.12;


    filter:blur(120px);


    border-radius:50%;


    top:-150px;


    left:50%;


    transform:translateX(-50%);



}





.mw-blog-banner::after{


    content:"";


    position:absolute;


    bottom:0;


    left:50%;


    transform:translateX(-50%);


    width:180px;


    height:3px;


    background:#d6a33a;


    box-shadow:0 0 20px #d6a33a;



}






.mw-blog-banner-content{


    position:relative;


    z-index:2;


    margin-top:40px;



}





.mw-blog-banner-content h1{


    font-family:'Playfair Display',serif;


    font-size:68px;


    font-weight:600;


    color:#fff;


    letter-spacing:.5px;


    margin-bottom:25px;



    text-shadow:

    0 10px 30px rgba(0,0,0,.5);



}





/* BREADCRUMB */


.mw-blog-breadcrumb{


    display:flex;


    justify-content:center;


    align-items:center;


    gap:15px;


    font-size:16px;



}





.mw-blog-breadcrumb a{


    color:#d6a33a;


    text-decoration:none;


    font-weight:500;



}





.mw-blog-breadcrumb span{


    color:#fff;



}







/* TABLET */


@media(max-width:991px){



.mw-blog-banner{


    height:60vh;


    min-height:420px;


    background-size:cover;


    background-position:center;



}





.mw-blog-banner-content{


    position:absolute;


    top:50%;


    left:0;


    width:100%;


    transform:translateY(10%);


    padding:0 25px;


    text-align:center;



}





.mw-blog-banner-content h1{


    font-size:45px;


    line-height:1.2;


    margin-bottom:15px;



}



}







/* MOBILE */


@media(max-width:768px){



.mw-blog-banner{


    height:55vh;


    min-height:350px;


    max-height:380px;



}





.mw-blog-banner-content{


    top:50%;


    margin:0;


    padding:0 15px;



}





.mw-blog-banner-content h1{


    font-size:36px;


    line-height:1.15;


    margin-bottom:12px;



}





.mw-blog-breadcrumb{


    font-size:13px;


    justify-content:center;



}



}







/* SMALL MOBILE */


@media(max-width:480px){



.mw-blog-banner{


    height:52vh;


    min-height:330px;



}





.mw-blog-banner-content h1{


    font-size:30px;



}





.mw-blog-breadcrumb{


    font-size:12px;



}



}

/* Blogs Page First Section */
.mw-blog-listing-section{

    padding:110px 0;

    background:#fbf1e5;

}






/* HEADING */


.mw-blog-listing-heading{

    text-align:center;

    max-width:700px;

    margin:0 auto 50px;

}



.mw-blog-listing-heading span{

    color:#b88932;

    font-size:11px;

    letter-spacing:4px;

}



.mw-blog-listing-heading h2{

    font-family:'Playfair Display',serif;

    font-size:56px;

    color:#111;

    line-height:1.2;

    margin:18px 0;

}



.mw-blog-listing-heading h2 em{

    display:block;

    color:#c58d32;

    font-style:italic;

}



.mw-blog-listing-heading p{

    color:#6d6257;

    font-size:16px;

    line-height:1.8;

}








/* CATEGORY FILTER */


.mw-blog-category-filter{

    display:flex;

    justify-content:center;

    gap:15px;

    margin-bottom:55px;

}



.mw-blog-category-filter button{

    border:1px solid #d6a33a;

    background:transparent;

    padding:12px 28px;

    color:#111;

    font-size:14px;

    cursor:pointer;

    transition:.3s ease;

}



.mw-blog-category-filter button.active,
.mw-blog-category-filter button:hover{

    background:#111;

    color:#fff;

}









/* BLOG GRID */


.mw-blog-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}









/* BLOG CARD */


.mw-blog-card{

    background:#fff;

    border:1px solid rgba(214,163,58,.25);

    box-shadow:

    0 20px 50px rgba(0,0,0,.08);

    transition:.4s ease;

    display:flex;

    flex-direction:column;

    overflow:hidden;

}



.mw-blog-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 30px 70px rgba(0,0,0,.15);

}









/* IMAGE */


.blog-card-image{

    height:250px;

    position:relative;

    overflow:hidden;

}



.blog-card-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s ease;

}



.mw-blog-card:hover .blog-card-image img{

    transform:scale(1.08);

}





.blog-card-image span{

    position:absolute;

    top:18px;

    left:18px;

    background:#111;

    color:#fff;

    padding:7px 16px;

    font-size:11px;

    letter-spacing:1px;

}









/* CONTENT */


.blog-card-content{

    padding:30px;

    display:flex;

    flex-direction:column;

    flex:1;

}



.blog-date{

    color:#b88932;

    font-size:12px;

    margin-bottom:12px;

}



.blog-card-content h3{

    font-family:'Playfair Display',serif;

    font-size:26px;

    color:#111;

    line-height:1.35;

    margin-bottom:15px;

}



.blog-card-content p{

    color:#777;

    font-size:14px;

    line-height:1.7;

    margin-bottom:25px;

}




.blog-card-content a{

    margin-top:auto;

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#111;

    text-decoration:none;

    font-weight:600;

}





.blog-card-content a i{

    color:#d6a33a;

    transition:.3s ease;

}



.blog-card-content a:hover i{

    transform:translateX(8px);

}








/* PAGINATION */


.mw-blog-pagination{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin-top:60px;

}



.mw-blog-pagination a{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid #d6a33a;

    color:#111;

    text-decoration:none;

    font-size:14px;

}



.mw-blog-pagination a:first-child,
.mw-blog-pagination a:last-child{

    width:auto;

    padding:0 18px;

}



.mw-blog-pagination a.active,
.mw-blog-pagination a:hover{

    background:#111;

    color:#fff;

}

/* ==========================================
   BLOG LISTING SECTION
   MOBILE FINAL CSS
========================================== */


@media(max-width:768px){



.mw-blog-listing-section{

    padding:65px 20px;

}






/* HEADING */


.mw-blog-listing-heading{

    margin-bottom:35px;

}



.mw-blog-listing-heading span{

    font-size:10px;

    letter-spacing:3px;

}



.mw-blog-listing-heading h2{

    font-size:36px;

    line-height:1.2;

}



.mw-blog-listing-heading p{

    font-size:14px;

    line-height:1.7;

}





/* CATEGORY FILTER */


.mw-blog-category-filter{

    flex-wrap:wrap;

    gap:10px;

    margin-bottom:40px;

}



.mw-blog-category-filter button{

    padding:10px 18px;

    font-size:12px;

}








/* BLOG GRID */


.mw-blog-grid{

    grid-template-columns:1fr;

    gap:30px;

}







/* CARD */


.mw-blog-card{

    width:100%;

}





.blog-card-image{

    height:230px;

}





.blog-card-image span{

    top:15px;

    left:15px;

    padding:6px 14px;

    font-size:10px;

}







.blog-card-content{

    padding:25px 20px;

}





.blog-date{

    font-size:11px;

}





.blog-card-content h3{

    font-size:23px;

}



.blog-card-content p{

    font-size:13px;

}





.blog-card-content a{

    font-size:14px;

}







/* PAGINATION */


.mw-blog-pagination{

    gap:8px;

    margin-top:45px;

}



.mw-blog-pagination a{

    width:36px;

    height:36px;

    font-size:12px;

}



.mw-blog-pagination a:first-child,
.mw-blog-pagination a:last-child{

    padding:0 12px;

}



}







@media(max-width:480px){



.mw-blog-listing-section{

    padding:55px 18px;

}





.mw-blog-listing-heading h2{

    font-size:32px;

}





.blog-card-image{

    height:210px;

}





.blog-card-content h3{

    font-size:21px;

}





.mw-blog-category-filter button{

    width:100%;

}





}

/* ==========================================
   BLOG LISTING FINAL PREMIUM POLISH
========================================== */


/* CATEGORY BUTTON - PILL STYLE */

.mw-blog-category-filter button{

    border-radius:50px;

    background:#fff;

    border:1px solid #d6a33a;

    padding:12px 28px;

    color:#111;

    font-size:14px;

    transition:.3s ease;

}





.mw-blog-category-filter button.active,
.mw-blog-category-filter button:hover{

    background:#111;

    color:#fff;

    border-color:#111;

}







/* BLOG CATEGORY TAG ON IMAGE */


.blog-card-image span{

    border-radius:20px;

    background:#111;

    color:#d6a33a;

    padding:7px 16px;

    font-size:11px;

}







/* READ MORE BUTTON */

.blog-card-content a{

    border-radius:30px;

    background:#111;

    color:#fff;

    padding:11px 24px;

    width:max-content;

    transition:.3s ease;

}





.blog-card-content a i{

    color:#d6a33a;

}





.blog-card-content a:hover{

    background:#d6a33a;

    color:#111;

}





.blog-card-content a:hover i{

    color:#111;

}







/* PAGINATION */


.mw-blog-pagination a{

    border-radius:50%;

    width:40px;

    height:40px;

}





.mw-blog-pagination a:first-child,
.mw-blog-pagination a:last-child{

    border-radius:30px;

    width:auto;

    padding:0 20px;

}





.mw-blog-pagination a.active,
.mw-blog-pagination a:hover{

    background:#111;

    color:#fff;

}






@media(max-width:768px){


.mw-blog-category-filter{

    gap:10px;

}



.mw-blog-category-filter button{

    padding:10px 20px;

    font-size:12px;

}



}

/* BLOG DATE & AUTHOR INFO */

.blog-meta-info{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:15px;

}



.blog-date{

    color:#d6a33a;

    font-size:12px;

    margin:0;

}



.blog-author{

    color:#d6a33a;

    font-size:12px;

}




@media(max-width:768px){

.blog-meta-info{

    gap:10px;

}



.blog-date,
.blog-author{

    font-size:11px;

}


}

.mw-blog-card{
    display:none;
}

@media(max-width:768px){

    .mw-blog-category-filter{

        display:flex;

        flex-wrap:nowrap;

        justify-content:center;

        gap:8px;

        overflow:hidden;

    }


    .mw-blog-category-filter button{

        width:auto !important;

        white-space:nowrap;

        padding:10px 15px;

        font-size:12px;

    }

}

/* Blog Details Page Banner Section */
.mw-blog-details-banner{


    min-height:420px;


    display:flex;


    align-items:center;


    justify-content:center;


    text-align:center;


    position:relative;


    overflow:hidden;



    background:


    linear-gradient(
        rgba(0,0,0,.60),
        rgba(0,0,0,.75)
    ),


    url('/uploads/home_page_banner/banner_one.png');



    background-size:cover;


    background-position:center;


}






/* GOLD LIGHT EFFECT */


.mw-blog-details-banner::before{


    content:"";


    position:absolute;


    width:450px;


    height:450px;


    background:#d6a33a;


    opacity:.12;


    filter:blur(120px);


    border-radius:50%;


    top:-150px;


    left:50%;


    transform:translateX(-50%);



}






.mw-blog-details-banner::after{


    content:"";


    position:absolute;


    bottom:0;


    left:50%;


    transform:translateX(-50%);


    width:180px;


    height:3px;


    background:#d6a33a;


    box-shadow:0 0 20px #d6a33a;



}







.mw-blog-details-banner-content{


    position:relative;


    z-index:2;


    margin-top:40px;



}







.mw-blog-details-banner-content h1{


    font-family:'Playfair Display',serif;


    font-size:55px;


    font-weight:600;


    color:#fff;


    max-width:900px;


    line-height:1.2;


    margin:0 auto 25px;



}








/* BREADCRUMB */


.mw-blog-details-breadcrumb{


    display:flex;


    justify-content:center;


    align-items:center;


    gap:12px;


    font-size:15px;



}




.mw-blog-details-breadcrumb a{


    color:#d6a33a;


    text-decoration:none;



}




.mw-blog-details-breadcrumb span{


    color:#fff;



}








/* TABLET */


@media(max-width:991px){


.mw-blog-details-banner{


    min-height:380px;


}



.mw-blog-details-banner-content h1{


    font-size:42px;


}


}








/* MOBILE */


@media(max-width:768px){


.mw-blog-details-banner{


    min-height:330px;


    padding:0 20px;


}



.mw-blog-details-banner-content h1{


    font-size:32px;


}



.mw-blog-details-breadcrumb{


    font-size:12px;


    flex-wrap:wrap;


}



}

@media(max-width:768px){

    .mw-blog-details-banner-content h1{

        font-size:28px !important;

        line-height:1.25;

    }

}

/* Blog Details Page First Section */
.mw-blog-premium-details{

    padding:100px 0;

    background:#fbf1e5;

}



.mw-blog-premium-card{

    max-width:1050px;

    margin:auto;

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    border:1px solid #e6c47a;

    box-shadow:
    0 30px 80px rgba(0,0,0,.12);

    transition:.4s ease;

}



.mw-blog-premium-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 40px 90px rgba(214,163,58,.20);

}



.mw-blog-premium-image{

    height:450px;

}



.mw-blog-premium-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}



.mw-blog-premium-content{

    padding:55px;

}



.mw-blog-premium-meta{

    display:flex;

    justify-content:space-between;

    padding-bottom:20px;

    border-bottom:1px solid #eee;

    margin-bottom:35px;

}



.mw-blog-premium-meta span{

    color:#c79232;

    font-size:13px;

}



.mw-blog-premium-content h1{

    font-family:'Playfair Display',serif;

    font-size:52px;

    line-height:1.25;

    color:#111;

    margin-bottom:25px;

}

.mw-blog-premium-content p{

    color:#666;

    line-height:1.9;

    font-size:16px;

}

.mw-blog-premium-content h2{

    font-family:'Playfair Display',serif;

    color:#111;

    font-size:32px;

    margin-top:45px;

}



.mw-blog-premium-content h2:after{

    content:"";

    display:block;

    width:70px;

    height:3px;

    background:#d6a33a;

    margin-top:15px;

}




/* BOOK APPOINTMENT CARD */


.blog-book-card{

    margin-top:50px;

    padding:30px;

    background:#111;

    border-radius:18px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

}



.blog-book-card h3{

    color:#fff;

    font-family:'Playfair Display',serif;

    margin-bottom:10px;

}



.blog-book-card p{

    color:#ddd;

}



.blog-book-card a{

    background:#d6a33a;

    color:#111;

    padding:14px 28px;

    border-radius:30px;

    text-decoration:none;

    font-weight:600;

}





@media(max-width:768px){


.mw-blog-premium-content{

    padding:25px;

}


.mw-blog-premium-content h1{

    font-size:32px;

}



.mw-blog-premium-image{

    height:280px;

}



.blog-book-card{

    flex-direction:column;

    align-items:flex-start;

}


}

/* ======================================
   PREMIUM APPOINTMENT BUTTON
====================================== */


.blog-book-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#d6a33a;

    color:#111;

    padding:14px 30px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

    transition:.35s ease;

    position:relative;

    overflow:hidden;

}





.blog-book-card a::after{

    content:"→";

    font-size:18px;

    transition:.3s ease;

}






.blog-book-card a:hover{

    background:#fff;

    color:#111;

    box-shadow:
    0 10px 30px rgba(214,163,58,.35);

    transform:translateY(-3px);

}




.blog-book-card a:hover::after{

    transform:translateX(5px);

}

/* ======================================
   BLOG DETAILS MOBILE PREMIUM FIX
====================================== */


@media(max-width:768px){


.mw-blog-premium-details{

    padding:50px 15px;

}



.mw-blog-premium-card{

    width:100%;

    border-radius:18px;

}



.mw-blog-premium-image{

    height:240px;

}



.mw-blog-premium-content{

    padding:25px 20px;

}




.mw-blog-premium-meta{

    font-size:11px;

    margin-bottom:20px;

    padding-bottom:15px;

}



.mw-blog-premium-content h1{

    font-size:30px;

    line-height:1.3;

    margin-bottom:20px;

}



.blog-intro{

    font-size:15px !important;

    line-height:1.8 !important;

}



.mw-blog-premium-content p{

    font-size:14px;

    line-height:1.8;

}



.mw-blog-premium-content h2{

    font-size:24px;

    margin-top:35px;

    line-height:1.4;

}



.mw-blog-premium-content h2:after{

    width:55px;

    height:2px;

}






/* CTA MOBILE */


.blog-book-card{

    margin-top:35px;

    padding:22px 18px;

    border-radius:15px;

    flex-direction:column;

    align-items:flex-start;

    gap:18px;

}



.blog-book-card h3{

    font-size:22px;

}



.blog-book-card p{

    font-size:13px;

    margin-bottom:0;

}



.blog-book-card a{

    width:100%;

    justify-content:center;

    padding:13px 20px;

    font-size:13px;

}




}

@media(max-width:768px){

    .blog-book-card a{

        width:auto;

        padding:11px 22px;

        font-size:12px;

        border-radius:25px;

        align-self:flex-start;

    }

}

.blog-book-card{

    padding:20px;

    border-radius:16px;

    gap:15px;

    margin-top:30px;

}



.blog-book-card h3{

    font-size:18px;

    line-height:1.3;

    margin-bottom:8px;

}



.blog-book-card p{

    font-size:12px;

    line-height:1.5;

    margin:0;

}



.blog-book-card a{

    padding:10px 18px;

    font-size:12px;

    white-space:nowrap;

    border-radius:25px;

    transition:.35s ease;

}



.blog-book-card a:hover{

    background:#fff;

    color:#111;

    box-shadow:
    0 8px 25px rgba(214,163,58,.35);

    transform:translateY(-3px);

}

/* Blog Details Page Second Section */
.mw-beauty-insights-section{

    padding:100px 0;

    background:#fbf1e5;

}




.mw-beauty-section-heading{

    text-align:center;

    max-width:700px;

    margin:0 auto 55px;

}



.mw-beauty-section-heading span{

    color:#d6a33a;

    font-size:11px;

    letter-spacing:4px;

}



.mw-beauty-section-heading h2{

    font-family:'Playfair Display',serif;

    font-size:48px;

    color:#111;

    margin:15px 0;

}



.mw-beauty-section-heading em{

    color:#d6a33a;

    font-style:italic;

}



.mw-beauty-section-heading p{

    color:#666;

    line-height:1.8;

}





/* GRID */


.mw-beauty-insights-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}






/* CARD */


.mw-beauty-insight-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    border:1px solid rgba(214,163,58,.25);

    box-shadow:

    0 20px 50px rgba(0,0,0,.08);

    transition:.4s ease;

}





.mw-beauty-insight-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 30px 70px rgba(214,163,58,.18);

}






.beauty-insight-image{

    height:250px;

    overflow:hidden;

}



.beauty-insight-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s ease;

}



.mw-beauty-insight-card:hover img{

    transform:scale(1.06);

}





.beauty-insight-content{

    padding:30px;

}



.beauty-insight-content span{

    color:#d6a33a;

    font-size:12px;

}



.beauty-insight-content h3{

    font-family:'Playfair Display',serif;

    font-size:25px;

    line-height:1.4;

    color:#111;

    margin:15px 0 20px;

}



.beauty-insight-content a{

    color:#111;

    text-decoration:none;

    font-weight:600;

}





@media(max-width:768px){


.mw-beauty-insights-section{

    padding:60px 20px;

}



.mw-beauty-section-heading h2{

    font-size:34px;

}



.mw-beauty-insights-grid{

    grid-template-columns:1fr;

}



.beauty-insight-image{

    height:220px;

}


}

/* FINAL READ MORE BUTTON */

.beauty-insight-content a{

    background:#111;

    color:#fff;

    border:1px solid #111;

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:11px 24px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

    transition:.35s ease;

}



.beauty-insight-content a::after{

    content:"→";

    transition:.3s ease;

}


/* Remove extra arrow from old text */

.beauty-insight-content a{

    font-size:14px;

}


/* Hover */

.beauty-insight-content a:hover{

    background:#d6a33a;

    border-color:#d6a33a;

    color:#fff;

}



.beauty-insight-content a:hover::after{

    transform:translateX(5px);

}

/* Blog Details Page Sidebar Section */
.mw-sidebar-box{

    background:#fff;

    padding:30px;

    border-radius:22px;

    border:1px solid rgba(214,163,58,.30);

    box-shadow:
    0 20px 50px rgba(0,0,0,.08);

    margin-bottom:30px;

    transition:.4s ease;

}





.mw-sidebar-box:hover{

    transform:translateY(-6px);

    box-shadow:
    0 30px 70px rgba(214,163,58,.20);

}





/* SIDEBAR TITLE */


.mw-sidebar-title span{

    color:#d6a33a;

    font-size:11px;

    letter-spacing:3px;

}



.mw-sidebar-title h3{

    font-family:'Playfair Display',serif;

    font-size:28px;

    color:#111;

    margin:12px 0 25px;

}






/* CATEGORY */


.mw-sidebar-category{

    list-style:none;

    padding:0;

    margin:0;

}



.mw-sidebar-category li{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:15px 0;

    border-bottom:1px solid #eee;

    color:#555;

    font-size:15px;

    cursor:pointer;

    transition:.3s ease;

}



.mw-sidebar-category li:last-child{

    border-bottom:none;

}



.mw-sidebar-category li i{

    color:#d6a33a;

    font-size:12px;

}



.mw-sidebar-category li:hover{

    color:#d6a33a;

    padding-left:8px;

}








/* RECENT POST */


.mw-recent-post{

    display:flex;

    gap:15px;

    padding-bottom:20px;

    margin-bottom:20px;

    border-bottom:1px solid #eee;

}



.mw-recent-post:last-child{

    border-bottom:none;

    margin-bottom:0;

    padding-bottom:0;

}



.mw-recent-image img{

    width:90px;

    height:90px;

    object-fit:cover;

    border-radius:14px;

}



.mw-recent-content span{

    color:#d6a33a;

    font-size:11px;

    letter-spacing:.5px;

}



.mw-recent-content h4{

    font-family:'Playfair Display',serif;

    color:#111;

    font-size:16px;

    line-height:1.4;

    margin:7px 0;

}



.mw-recent-content a{

    color:#111;

    text-decoration:none;

    font-size:12px;

    font-weight:600;

    transition:.3s ease;

}



.mw-recent-content a:hover{

    color:#d6a33a;

}








/* MOBILE */


@media(max-width:991px){


.mw-sidebar-box{

    padding:25px;

}


.mw-sidebar-title h3{

    font-size:24px;

}


.mw-recent-post{

    gap:12px;

}


.mw-recent-image img{

    width:75px;

    height:75px;

}


}

/* ======================================
   SIDEBAR PREMIUM POLISH
====================================== */


.mw-sidebar-box{

    background:#fff;

    border-radius:24px;

    padding:32px;

    border:1px solid rgba(214,163,58,.35);

    box-shadow:
    0 15px 40px rgba(0,0,0,.08);

    position:relative;

    overflow:hidden;

}




/* GOLD TOP LINE */

.mw-sidebar-box::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:3px;

    background:#d6a33a;

}





.mw-sidebar-box:hover{

    box-shadow:
    0 25px 60px rgba(214,163,58,.20);

}





/* TITLE */

.mw-sidebar-title h3{

    font-size:26px;

    margin-bottom:22px;

}





.mw-sidebar-title span{

    color:#d6a33a;

    font-size:10px;

    letter-spacing:3px;

}





/* CATEGORY PREMIUM */


.mw-sidebar-category li{

    padding:16px 12px;

    border-radius:10px;

    margin-bottom:8px;

    background:#faf7f1;

    border:none;

    transition:.3s ease;

}



.mw-sidebar-category li:hover{

    background:#111;

    color:#fff;

    padding-left:18px;

}



.mw-sidebar-category li i{

    transition:.3s ease;

}



.mw-sidebar-category li:hover i{

    color:#d6a33a;

}






/* RECENT POST PREMIUM */


.mw-recent-post{

    padding:15px 0;

}



.mw-recent-image img{

    width:95px;

    height:85px;

    border-radius:15px;

}



.mw-recent-content h4{

    font-size:15px;

}



.mw-recent-content a{

    display:inline-flex;

    align-items:center;

    gap:5px;

    color:#d6a33a;

}



.mw-recent-content a:hover{

    color:#111;

}

@media(max-width:768px){

    .mw-blog-premium-details .row{

        row-gap:40px;

    }


    .mw-blog-sidebar{

        margin-top:0 !important;

        padding-top:40px;

    }

}

/* Services Page Banner Section */
.mw-services-banner{

    min-height:420px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    position:relative;

    overflow:hidden;


    background:

    linear-gradient(
        rgba(0,0,0,.55),
        rgba(0,0,0,.75)
    ),

    url('/uploads/home_page_banner/banner_one.png');


    background-size:cover;

    background-position:center;

}




.mw-services-banner::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    background:#d6a33a;

    opacity:.12;

    filter:blur(120px);

    border-radius:50%;

    top:-150px;

    left:50%;

    transform:translateX(-50%);

}





.mw-services-banner::after{

    content:"";

    position:absolute;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

    width:180px;

    height:3px;

    background:#d6a33a;

    box-shadow:0 0 20px #d6a33a;

}





.mw-services-banner-content{

    position:relative;

    z-index:2;

    margin-top:40px;

}





.mw-services-banner-content h1{

    font-family:'Playfair Display',serif;

    font-size:68px;

    font-weight:600;

    color:#fff;

    margin-bottom:25px;

}





.mw-services-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:16px;

}





.mw-services-breadcrumb a{

    color:#d6a33a;

    text-decoration:none;

    font-weight:500;

}





.mw-services-breadcrumb span{

    color:#fff;

}





/* TABLET */

@media(max-width:991px){


.mw-services-banner{

    min-height:420px;

}



.mw-services-banner-content h1{

    font-size:45px;

}


}





/* MOBILE */

@media(max-width:768px){


.mw-services-banner{

    min-height:350px;

}



.mw-services-banner-content h1{

    font-size:36px;

}



.mw-services-breadcrumb{

    font-size:13px;

}


}





/* SMALL MOBILE */

@media(max-width:480px){


.mw-services-banner{

    min-height:330px;

}



.mw-services-banner-content h1{

    font-size:30px;

}



.mw-services-breadcrumb{

    font-size:12px;

}


}

/* Services Page First Section */
.mw-service-section{

    padding:100px 0;

    background:#faf7f1;

}





/* =====================================
   HEADING
===================================== */


.mw-service-heading{

    text-align:center;

    max-width:750px;

    margin:0 auto 45px;

}



.mw-service-heading span{

    font-size:12px;

    letter-spacing:3px;

    color:#d6a33a;

    font-weight:600;

}



.mw-service-heading h2{

    font-family:'Playfair Display',serif;

    font-size:52px;

    color:#111;

    margin:15px 0;

    line-height:1.2;

}



.mw-service-heading h2 em{

    color:#d6a33a;

    font-style:normal;

}



.mw-service-heading p{

    color:#777;

    font-size:15px;

    line-height:1.7;

}







/* =====================================
   CATEGORY TABS
===================================== */


.mw-service-tabs{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:14px;

    margin-bottom:55px;

}



.mw-service-tabs button{

    padding:12px 28px;

    border-radius:30px;

    border:1px solid #d6a33a;

    background:#fff;

    color:#222;

    font-size:14px;

    cursor:pointer;

    transition:.35s ease;

}



.mw-service-tabs button:hover,

.mw-service-tabs button.active{

    background:#111;

    color:#fff;

    border-color:#111;

}







/* =====================================
   SERVICE CARD GRID
===================================== */


.mw-subservice-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}





/* =====================================
   SERVICE CARD
===================================== */


.mw-subservice-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.45s ease;

}



.mw-subservice-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(0,0,0,.16);

}







/* IMAGE */


.mw-subservice-image{

    height:240px;

    overflow:hidden;

    position:relative;

}



.mw-subservice-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}



.mw-subservice-card:hover img{

    transform:scale(1.12);

}





.mw-subservice-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        transparent,
        rgba(0,0,0,.25)
    );

}








/* CONTENT */


.mw-subservice-content{

    padding:25px;

}



.mw-subservice-content h3{

    font-family:'Playfair Display',serif;

    font-size:22px;

    color:#111;

    margin-bottom:10px;

}



.mw-subservice-content p{

    color:#777;

    font-size:14px;

    line-height:1.6;

    min-height:45px;

    margin-bottom:20px;

}






/* BUTTON */


.mw-subservice-content a{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:10px 22px;

    border-radius:30px;

    border:1px solid #d6a33a;

    color:#111;

    text-decoration:none;

    font-size:13px;

    font-weight:600;

    transition:.35s;

}



.mw-subservice-content a:hover{

    background:#111;

    color:#fff;

    border-color:#111;

}








/* =====================================
   LOAD MORE BUTTON
===================================== */


.mw-load-more-wrapper{

    text-align:center;

    margin-top:55px;

}



.mw-load-more{

    background:#111;

    color:#fff;

    border:none;

    padding:15px 40px;

    border-radius:40px;

    font-size:14px;

    font-weight:600;

    cursor:pointer;

    display:inline-flex;

    align-items:center;

    gap:12px;

    transition:.35s;

}



.mw-load-more span{

    color:#d6a33a;

    font-size:18px;

}



.mw-load-more:hover{

    background:#d6a33a;

    color:#fff;

}



.mw-load-more:hover span{

    color:#fff;

}







/* =====================================
   TABLET
===================================== */


@media(max-width:1100px){


.mw-subservice-grid{

    grid-template-columns:repeat(3,1fr);

}


}





@media(max-width:991px){


.mw-subservice-grid{

    grid-template-columns:repeat(2,1fr);

}



.mw-service-heading h2{

    font-size:42px;

}


}








/* =====================================
   MOBILE
===================================== */


@media(max-width:576px){


.mw-service-section{

    padding:70px 0;

}



.mw-service-heading h2{

    font-size:34px;

}



.mw-subservice-grid{

    grid-template-columns:1fr;

}



.mw-service-tabs button{

    padding:10px 18px;

    font-size:13px;

}


}

/* =====================================
   MOBILE SERVICE SECTION IMPROVEMENT
===================================== */

@media(max-width:576px){


.mw-service-section{

    padding:55px 0;

}



/* Heading */

.mw-service-heading{

    padding:0 15px;

    margin-bottom:35px;

}


.mw-service-heading span{

    font-size:10px;

    letter-spacing:3px;

}


.mw-service-heading h2{

    font-size:34px;

    line-height:1.25;

    margin:12px 0;

}


.mw-service-heading p{

    font-size:14px;

    line-height:1.6;

}






/* Category Buttons */


.mw-service-tabs{

    display:flex;

    flex-wrap:nowrap;

    overflow-x:auto;

    justify-content:flex-start;

    gap:10px;

    padding:5px 15px 20px;

    margin-bottom:25px;

    scrollbar-width:none;

}


.mw-service-tabs::-webkit-scrollbar{

    display:none;

}



.mw-service-tabs button{

    flex:0 0 auto;

    padding:10px 22px;

    font-size:13px;

}





/* Cards */

.mw-subservice-grid{

    display:block;

    padding:0 10px;

}



.mw-subservice-card{

    border-radius:22px;

    margin-bottom:25px;

}





/* Image */

.mw-subservice-image{

    height:220px;

}



.mw-subservice-image img{

    object-fit:cover;

}






/* Content */

.mw-subservice-content{

    padding:22px;

}



.mw-subservice-content h3{

    font-size:24px;

    margin-bottom:10px;

}



.mw-subservice-content p{

    font-size:14px;

    min-height:auto;

}





/* Button */

.mw-subservice-content a{

    padding:10px 25px;

    font-size:13px;

}





/* Load More */


.mw-load-more-wrapper{

    margin-top:35px;

}



.mw-load-more{

    padding:14px 35px;

}



}

/* Service Details Page Banner Section */
/* .mw-service-detail-banner{

    min-height:420px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    position:relative;

    overflow:hidden;


    background:

    linear-gradient(
        rgba(0,0,0,.55),
        rgba(0,0,0,.75)
    ),

    url('/uploads/home_page_banner/banner_one.png');


    background-size:cover;

    background-position:center;

} */


.mw-service-detail-banner{

    min-height:420px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    position:relative;

    overflow:hidden;


    background:

    linear-gradient(
        135deg,
        #3b2525,
        #8b5a3c
    );

    background-size:cover;

    background-position:center;

}



/* GOLD GLOW */


.mw-service-detail-banner::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    background:#d6a33a;

    opacity:.12;

    filter:blur(120px);

    border-radius:50%;

    top:-150px;

    left:50%;

    transform:translateX(-50%);

}




.mw-service-detail-banner-content{

    position:relative;

    z-index:2;

    margin-top:40px;

}




.mw-service-detail-banner-content h1{

    font-family:'Playfair Display',serif;

    font-size:65px;

    font-weight:600;

    color:#fff;

    margin-bottom:25px;

    text-shadow:

    0 10px 30px rgba(0,0,0,.5);

}





/* BREADCRUMB */


.mw-service-detail-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    font-size:15px;

}



.mw-service-detail-breadcrumb a{

    color:#d6a33a;

    text-decoration:none;

}



.mw-service-detail-breadcrumb span{

    color:#fff;

}







/* TABLET */

@media(max-width:991px){


.mw-service-detail-banner{

    min-height:380px;

}



.mw-service-detail-banner-content h1{

    font-size:45px;

}


}





/* MOBILE */

@media(max-width:576px){


.mw-service-detail-banner{

    min-height:330px;

}



.mw-service-detail-banner-content h1{

    font-size:32px;

}



.mw-service-detail-breadcrumb{

    font-size:12px;

    flex-wrap:wrap;

}


}  

/* Service Details Page First Section */
.mw-detail-introduction{

    padding:110px 0;

    background:#faf7f1;

}





.mw-detail-intro-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}






/* =====================================
   IMAGE
===================================== */


.mw-detail-intro-image{

    position:relative;

}



.mw-detail-intro-image::before{

    content:"";

    position:absolute;

    width:100%;

    height:100%;

    border:1px solid #d6a33a;

    border-radius:30px;

    top:20px;

    left:20px;

    z-index:0;

}



.mw-detail-intro-image img{


    width:100%;

    height:620px;

    object-fit:cover;

    border-radius:30px;

    position:relative;

    z-index:2;

    box-shadow:0 30px 70px rgba(0,0,0,.15);

    transition:.6s ease;


}



.mw-detail-intro-image:hover img{

    transform:scale(1.04);

}







/* =====================================
   CONTENT
===================================== */


.mw-detail-intro-content span{


    color:#c99a3d;

    font-size:12px;

    letter-spacing:4px;

    font-weight:600;


}



.mw-detail-intro-content h2{


    font-family:'Playfair Display',serif;

    font-size:56px;

    line-height:1.2;

    color:#111;

    margin:20px 0;


}





.mw-detail-intro-content p{


    color:#777;

    font-size:16px;

    line-height:1.9;

    margin-bottom:35px;

    max-width:540px;


}






/* =====================================
   HIGHLIGHTS
===================================== */


.mw-detail-highlights{


    display:flex;

    flex-direction:column;

    gap:15px;

    margin-bottom:40px;


}





.mw-detail-highlight-item{


    display:flex;

    align-items:center;

    gap:18px;

    background:#fff;

    padding:18px 22px;

    border-radius:18px;

    box-shadow:0 12px 30px rgba(0,0,0,.06);

    transition:.4s ease;


}





.mw-detail-highlight-item i{


    width:45px;

    height:45px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#111;

    color:#d6a33a;

    border-radius:50%;

    font-size:16px;


}





.mw-detail-highlight-item strong{


    display:block;

    font-size:15px;

    color:#111;


}





.mw-detail-highlight-item span{


    font-size:13px;

    color:#777;


}





.mw-detail-highlight-item:hover{


    transform:translateX(8px);

    box-shadow:0 20px 40px rgba(0,0,0,.12);


}








/* =====================================
   BUTTON
===================================== */


.mw-detail-book-btn{


    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 38px;

    background:#111;

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    transition:.4s ease;


}




.mw-detail-book-btn i{


    color:#d6a33a;


}





.mw-detail-book-btn:hover{


    background:#d6a33a;

    color:#fff;


}




.mw-detail-book-btn:hover i{


    color:#fff;


}







/* =====================================
   TABLET
===================================== */


@media(max-width:991px){


.mw-detail-intro-wrapper{

    grid-template-columns:1fr;

    gap:60px;

}



.mw-detail-intro-image img{

    height:520px;

}



.mw-detail-intro-content h2{

    font-size:44px;

}


}







/* =====================================
   MOBILE
===================================== */


@media(max-width:576px){


.mw-detail-introduction{

    padding:70px 0;

}



.mw-detail-intro-image::before{

    top:12px;

    left:12px;

}



.mw-detail-intro-image img{

    height:400px;

}



.mw-detail-intro-content h2{

    font-size:34px;

}



.mw-detail-intro-content p{

    font-size:14px;

    line-height:1.7;

}



.mw-detail-highlight-item{

    padding:15px;

}



.mw-detail-book-btn{

    width:100%;

    justify-content:center;

}


}

.mw-detail-intro-image::before{
    display:none;
}

/* Luxury Image Frame Upgrade */

.mw-detail-intro-image{

    padding:10px;

    background:#fff;

    border-radius:35px;

    box-shadow:
    0 25px 70px rgba(0,0,0,0.12);

}




.mw-detail-intro-image img{

    border-radius:28px;

    box-shadow:
    inset 0 0 0 1px rgba(214,163,58,.35);

}




/* Premium Hover */

.mw-detail-intro-image:hover{

    transform:translateY(-8px);

    transition:.5s ease;

}




.mw-detail-intro-image:hover img{

    transform:scale(1.02);

}

@media(max-width:576px){


/* Service Detail Mobile Alignment */

.mw-detail-introduction{

    text-align:center;

}



.mw-detail-intro-image{

    width:92%;

    margin:0 auto;

}



.mw-detail-intro-content{

    text-align:center;

    padding:0 10px;

}



.mw-detail-intro-content span{

    display:block;

}



.mw-detail-intro-content h2{

    text-align:center;

}



.mw-detail-intro-content p{

    margin-left:auto;

    margin-right:auto;

}



/* Highlights Center */

.mw-detail-highlights{

    align-items:center;

}



.mw-detail-highlight-item{

    width:95%;

    justify-content:flex-start;

    text-align:left;

}





/* Appointment Button */

.mw-detail-book-btn{

    width:85%;

    margin:20px auto 0;

    justify-content:center;

    border-radius:50px;

}



}

@media(max-width:576px){

.mw-detail-book-btn{

    width:75%;

    padding:12px 25px;

    margin:5px auto 0;

    justify-content:center;

    font-size:13px;

}


}

/* Service Details Page Second Section */
.mw-benefits-section{

    padding:100px 0;

    background:#fff;

}





/* =====================================
   HEADING
===================================== */


.mw-benefits-heading{

    text-align:center;

    max-width:750px;

    margin:0 auto 60px;

}



.mw-benefits-heading span{

    color:#d6a33a;

    font-size:12px;

    letter-spacing:4px;

    font-weight:600;

}





.mw-benefits-heading h2{

    font-family:'Playfair Display',serif;

    font-size:52px;

    color:#111;

    margin:20px 0;

}



.mw-benefits-heading h2 em{

    color:#d6a33a;

    font-style:normal;

}





.mw-benefits-heading p{

    color:#777;

    font-size:16px;

    line-height:1.8;

}







/* =====================================
   BENEFIT GRID
===================================== */


.mw-benefits-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}







/* =====================================
   CARD
===================================== */


.mw-benefit-card{


    background:#faf7f1;

    padding:40px 25px;

    text-align:center;

    border-radius:25px;

    position:relative;

    overflow:hidden;

    transition:.5s ease;


}





.mw-benefit-card::before{


    content:"";

    position:absolute;

    width:120px;

    height:120px;

    background:#d6a33a;

    opacity:.08;

    border-radius:50%;

    top:-50px;

    right:-50px;


}







/* ICON */


.mw-benefit-icon{


    width:75px;

    height:75px;

    margin:0 auto 25px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#111;

    border-radius:50%;

    color:#d6a33a;

    font-size:25px;

    transition:.4s ease;


}







/* TEXT */


.mw-benefit-card h3{


    font-family:'Playfair Display',serif;

    font-size:24px;

    color:#111;

    margin-bottom:15px;


}





.mw-benefit-card p{


    color:#777;

    font-size:14px;

    line-height:1.8;

}







/* HOVER */


.mw-benefit-card:hover{


    transform:translateY(-12px);

    box-shadow:0 25px 50px rgba(0,0,0,.12);


}





.mw-benefit-card:hover .mw-benefit-icon{


    background:#d6a33a;

    color:#fff;

}







/* =====================================
   TABLET
===================================== */


@media(max-width:991px){


.mw-benefits-grid{


    grid-template-columns:repeat(2,1fr);


}



.mw-benefits-heading h2{


    font-size:42px;


}


}







/* =====================================
   MOBILE
===================================== */


@media(max-width:576px){


.mw-benefits-section{


    padding:70px 0;


}



.mw-benefits-grid{


    grid-template-columns:1fr;

}



.mw-benefits-heading h2{


    font-size:34px;


}



.mw-benefit-card{


    padding:35px 20px;


}



}

/* =====================================
   LUXURY BENEFITS CARD DESIGN
===================================== */


.mw-benefit-card{

    background:#ffffff;

    border-radius:30px;

    padding:45px 30px;

    border:1px solid rgba(214,163,58,.25);

    box-shadow:
    0 20px 50px rgba(0,0,0,.08);

    position:relative;

    overflow:hidden;

    transition:.5s ease;

}



/* Luxury Corner Effect */

.mw-benefit-card::before{

    content:"";

    position:absolute;

    width:90px;

    height:90px;

    top:-45px;

    right:-45px;

    background:#d6a33a;

    opacity:.12;

    border-radius:50%;

}



/* Gold Bottom Line */

.mw-benefit-card::after{

    content:"";

    position:absolute;

    width:0;

    height:3px;

    background:#d6a33a;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

    transition:.5s ease;

}



.mw-benefit-card:hover::after{

    width:70%;

}





/* Icon Premium Circle */


.mw-benefit-icon{

    width:90px;

    height:90px;

    margin-bottom:30px;

    background:#111;

    border-radius:50%;

    border:6px solid #fff;

    box-shadow:
    0 15px 35px rgba(0,0,0,.18);

}





.mw-benefit-icon i{

    color:#d6a33a;

    font-size:30px;

}





/* Title */


.mw-benefit-card h3{

    font-size:26px;

    margin-bottom:18px;

    color:#111;

}





/* Description */


.mw-benefit-card p{

    font-size:15px;

    color:#777;

    line-height:1.8;

}





/* Hover */


.mw-benefit-card:hover{

    transform:translateY(-18px);

    box-shadow:

    0 35px 70px rgba(0,0,0,.15);

}





.mw-benefit-card:hover .mw-benefit-icon{

    background:#d6a33a;

}





.mw-benefit-card:hover .mw-benefit-icon i{

    color:#fff;

}

@media(max-width:576px){

.mw-benefit-card{

    min-height:260px;

    padding:35px 20px;

}



.mw-benefit-icon{

    width:70px;

    height:70px;

    margin-bottom:25px;

}



.mw-benefit-icon i{

    font-size:24px;

}



.mw-benefit-card h3{

    font-size:22px;

    margin-bottom:12px;

}



.mw-benefit-card p{

    font-size:13px;

    max-width:230px;

}



.mw-benefits-grid{

    gap:18px;

}

}

/* Service Details Page Third Section */
.mw-service-process{

    padding:110px 0;

    background:#faf7f1;

}







/* =====================================
   HEADING
===================================== */


.mw-process-heading{

    text-align:center;

    max-width:750px;

    margin:0 auto 70px;

}



.mw-process-heading span{

    color:#d6a33a;

    font-size:12px;

    letter-spacing:4px;

    font-weight:600;

}





.mw-process-heading h2{

    font-family:'Playfair Display',serif;

    font-size:52px;

    color:#111;

    margin:20px 0;

}





.mw-process-heading h2 em{

    color:#d6a33a;

    font-style:normal;

}





.mw-process-heading p{

    color:#777;

    font-size:16px;

    line-height:1.8;

}







/* =====================================
   PROCESS WRAPPER
===================================== */


.mw-process-wrapper{

    max-width:900px;

    margin:auto;

    position:relative;

}





/* CENTER LINE */


.mw-process-wrapper::before{

    content:"";

    position:absolute;

    width:2px;

    height:85%;

    background:#d6a33a;

    left:50%;

    top:40px;

    transform:translateX(-50%);

    opacity:.4;

}








/* =====================================
   PROCESS ITEM
===================================== */


.mw-process-item{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:55px;

    position:relative;

}





.mw-process-number{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#111;

    color:#d6a33a;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    font-family:'Playfair Display',serif;

    border:5px solid #fff;

    box-shadow:
    0 15px 35px rgba(0,0,0,.15);

    z-index:2;

}







/* CONTENT */


.mw-process-content{

    width:45%;

    background:#fff;

    padding:35px;

    border-radius:25px;

    box-shadow:
    0 15px 40px rgba(0,0,0,.07);

    transition:.5s ease;

}





.mw-process-content:hover{

    transform:translateY(-10px);

    box-shadow:
    0 30px 60px rgba(0,0,0,.12);

}





.mw-process-icon{

    width:55px;

    height:55px;

    background:#111;

    color:#d6a33a;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    margin-bottom:20px;

}







.mw-process-content h3{

    font-family:'Playfair Display',serif;

    font-size:25px;

    color:#111;

    margin-bottom:15px;

}





.mw-process-content p{

    color:#777;

    font-size:14px;

    line-height:1.8;

}







/* =====================================
   ALTERNATE POSITION
===================================== */


.mw-process-item:nth-child(even){

    flex-direction:row-reverse;

}








/* =====================================
   TABLET
===================================== */


@media(max-width:991px){


.mw-process-wrapper::before{

    left:45px;

}



.mw-process-item,
.mw-process-item:nth-child(even){

    flex-direction:row;

    justify-content:flex-start;

    gap:35px;

}



.mw-process-content{

    width:70%;

}



}







/* =====================================
   MOBILE
===================================== */


@media(max-width:576px){


.mw-service-process{

    padding:70px 0;

}



.mw-process-heading h2{

    font-size:34px;

}



.mw-process-wrapper::before{

    left:35px;

}



.mw-process-item,
.mw-process-item:nth-child(even){

    flex-direction:row;

    gap:20px;

    margin-bottom:35px;

}



.mw-process-number{

    width:65px;

    height:65px;

    font-size:20px;

    flex-shrink:0;

}



.mw-process-content{

    width:100%;

    padding:25px 18px;

    border-radius:20px;

}



.mw-process-icon{

    width:45px;

    height:45px;

}



.mw-process-content h3{

    font-size:21px;

}



.mw-process-content p{

    font-size:13px;

}



}

.mw-process-item{

    opacity:0;

    transform:translateY(40px);

    transition:.7s ease;

}



.mw-process-item.show{

    opacity:1;

    transform:translateY(0);

}

/* =====================================
   LUXURY SERVICE PROCESS UPGRADE
===================================== */


/* Background Enhancement */

.mw-service-process{

    background:
    linear-gradient(
        135deg,
        #faf7f1,
        #ffffff
    );

}





/* Premium Timeline Line */

.mw-process-wrapper::before{

    width:3px;

    background:
    linear-gradient(
        to bottom,
        #d6a33a,
        #111,
        #d6a33a
    );

    opacity:.35;

}







/* Step Number Premium */


.mw-process-number{

    width:95px;

    height:95px;

    background:#111;

    color:#d6a33a;

    border:6px solid #fff;

    box-shadow:

    0 20px 45px rgba(0,0,0,.25),

    inset 0 0 0 1px rgba(214,163,58,.4);

    font-size:30px;

    position:relative;

}





.mw-process-number::after{

    content:"STEP";

    position:absolute;

    bottom:-20px;

    font-size:10px;

    letter-spacing:3px;

    color:#d6a33a;

    font-family:Lato,sans-serif;

}







/* Card Luxury Upgrade */


.mw-process-content{

    background:

    linear-gradient(
        145deg,
        #111,
        #1b1b1b
    );

    border:1px solid rgba(214,163,58,.25);

    color:#fff;

    box-shadow:

    0 25px 60px rgba(0,0,0,.18);

    position:relative;

    overflow:hidden;

}





/* Gold Glow Corner */


.mw-process-content::before{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    right:-60px;

    top:-60px;

    background:#d6a33a;

    opacity:.15;

    border-radius:50%;

}







/* Icon */


.mw-process-icon{

    background:#d6a33a;

    color:#111;

    box-shadow:

    0 10px 25px rgba(214,163,58,.35);

}







/* Heading */


.mw-process-content h3{

    color:#fff;

}





/* Text */


.mw-process-content p{

    color:rgba(255,255,255,.7);

}







/* Hover */


.mw-process-content:hover{

    transform:translateY(-12px);

    border-color:#d6a33a;

    box-shadow:

    0 35px 80px rgba(0,0,0,.3);

}




/* Mobile Adjustment */


@media(max-width:576px){


.mw-process-number{

    width:65px;

    height:65px;

    font-size:20px;

}


.mw-process-number::after{

    display:none;

}



.mw-process-content{

    padding:25px 20px;

}


}

/* STEP NUMBER POSITION FIX */

.mw-process-item{

    position:relative;

}


.mw-process-number{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:65px;

    height:65px;

    font-size:18px;

    background:#111;

    color:#d6a33a;

    border:2px solid #d6a33a;

    box-shadow:
    0 12px 30px rgba(0,0,0,.25);

    z-index:5;

}


/* Remove extra text */

.mw-process-number::after{

    display:none;

}

/* Service Details Page Fourth Section */
.mw-results-section{

    padding:110px 0;

    background:#fff;

}







/* =====================================
   HEADING
===================================== */


.mw-results-heading{

    text-align:center;

    max-width:750px;

    margin:0 auto 70px;

}



.mw-results-heading span{

    color:#d6a33a;

    font-size:12px;

    letter-spacing:4px;

    font-weight:600;

}





.mw-results-heading h2{

    font-family:'Playfair Display',serif;

    font-size:52px;

    color:#111;

    margin:20px 0;

}





.mw-results-heading h2 em{

    color:#d6a33a;

    font-style:normal;

}





.mw-results-heading p{

    color:#777;

    font-size:16px;

    line-height:1.8;

}








/* =====================================
   BEFORE AFTER
===================================== */


.mw-before-after-card{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:25px;

    margin-bottom:35px;

}





.mw-result-image{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    height:450px;

}





.mw-result-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s ease;

}





.mw-result-image:hover img{

    transform:scale(1.08);

}







/* LABEL */


.mw-result-image span{

    position:absolute;

    bottom:20px;

    left:20px;

    background:#111;

    color:#d6a33a;

    padding:10px 25px;

    border-radius:30px;

    font-size:12px;

    letter-spacing:2px;

    font-weight:600;

}







/* =====================================
   GALLERY
===================================== */


.mw-result-gallery{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}





.mw-gallery-item{

    height:320px;

    overflow:hidden;

    border-radius:25px;

    position:relative;

}





.mw-gallery-item img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s ease;

}





.mw-gallery-item:hover img{

    transform:scale(1.08);

}







/* =====================================
   TABLET
===================================== */


@media(max-width:991px){


.mw-result-gallery{

    grid-template-columns:repeat(2,1fr);

}



.mw-result-image{

    height:380px;

}


}








/* =====================================
   MOBILE
===================================== */


@media(max-width:576px){


.mw-results-section{

    padding:70px 0;

}



.mw-results-heading h2{

    font-size:34px;

}



.mw-before-after-card{

    grid-template-columns:1fr;

}



.mw-result-image{

    height:330px;

}



.mw-result-gallery{

    grid-template-columns:1fr;

}



.mw-gallery-item{

    height:300px;

}



}

/* =====================================
   PREMIUM BEFORE / AFTER BADGE
===================================== */

.mw-result-image span{

    position:absolute;

    top:18px;

    left:18px;

    bottom:auto;

    min-width:105px;

    height:42px;

    padding:0 22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#0d0d0d;

    color:#f2b233;

    border:1px solid rgba(242,178,51,.75);

    border-radius:50px;

    font-size:13px;

    font-weight:800;

    line-height:1;

    letter-spacing:1.8px;

    text-align:center;

    text-transform:uppercase;

    white-space:nowrap;

    box-shadow:
        0 8px 22px rgba(0,0,0,.28),
        inset 0 0 0 1px rgba(255,255,255,.04);

    z-index:10;
}


/* Small Luxury Gold Detail */

.mw-result-image span::before{

    content:"";

    width:6px;

    height:6px;

    flex:0 0 6px;

    margin-right:9px;

    background:#f2b233;

    border-radius:50%;

    box-shadow:0 0 8px rgba(242,178,51,.65);

}


/* =====================================
   MOBILE
===================================== */

@media(max-width:576px){

    .mw-result-image span{

        top:14px;

        left:14px;

        min-width:95px;

        height:38px;

        padding:0 17px;

        font-size:11px;

        letter-spacing:1.4px;

    }

    .mw-result-image span::before{

        width:5px;

        height:5px;

        flex-basis:5px;

        margin-right:7px;

    }

}

/* =====================================
   MOBILE RESULTS IMAGE FIX
===================================== */

@media(max-width:576px){

.mw-result-image{

    height:260px;

    border-radius:25px;

}



.mw-before-after-card{

    gap:20px;

}



.mw-result-image img{

    object-fit:cover;

}



/* Gallery images */

.mw-gallery-item{

    height:240px;

}



/* Section spacing */

.mw-results-heading{

    margin-bottom:40px;

}

}

/* Service Details Page Fifth Section */
.mw-related-services{

    padding:110px 0;

    background:#faf7f1;

}






/* =====================================
   HEADING
===================================== */


.mw-related-heading{

    text-align:center;

    max-width:750px;

    margin:0 auto 65px;

}



.mw-related-heading span{

    color:#d6a33a;

    font-size:12px;

    letter-spacing:4px;

    font-weight:600;

}





.mw-related-heading h2{

    font-family:'Playfair Display',serif;

    font-size:52px;

    color:#111;

    margin:20px 0;

}





.mw-related-heading h2 em{

    color:#d6a33a;

    font-style:normal;

}





.mw-related-heading p{

    color:#777;

    font-size:16px;

    line-height:1.8;

}








/* =====================================
   SERVICE GRID
===================================== */


.mw-related-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}







/* =====================================
   CARD
===================================== */


.mw-related-card{

    background:#fff;

    border-radius:30px;

    overflow:hidden;

    position:relative;

    border:1px solid rgba(214,163,58,.15);

    box-shadow:

    0 20px 45px rgba(0,0,0,.08);

    transition:.5s ease;

}







.mw-related-card:hover{

    transform:translateY(-12px);

    box-shadow:

    0 35px 70px rgba(0,0,0,.15);

}








/* =====================================
   IMAGE
===================================== */


.mw-related-image{

    height:280px;

    overflow:hidden;

    position:relative;

}





.mw-related-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s ease;

}





.mw-related-card:hover img{

    transform:scale(1.08);

}







/* GOLD OVERLAY */


.mw-related-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        to top,
        rgba(0,0,0,.35),
        transparent
    );

}







/* =====================================
   CONTENT
===================================== */


.mw-related-content{

    padding:30px;

}





.mw-related-content h3{

    font-family:'Playfair Display',serif;

    font-size:26px;

    color:#111;

    margin-bottom:15px;

}





.mw-related-content p{

    color:#777;

    font-size:14px;

    line-height:1.8;

    margin-bottom:25px;

}







/* BUTTON */


.mw-related-content a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#111;

    text-decoration:none;

    font-size:14px;

    font-weight:600;

    transition:.4s ease;

}





.mw-related-content a i{

    color:#d6a33a;

}





.mw-related-content a:hover{

    color:#d6a33a;

}







/* =====================================
   TABLET
===================================== */


@media(max-width:991px){


.mw-related-grid{

    grid-template-columns:repeat(2,1fr);

}


}







/* =====================================
   MOBILE
===================================== */


@media(max-width:576px){


.mw-related-services{

    padding:70px 0;

}



.mw-related-heading h2{

    font-size:34px;

}



.mw-related-grid{

    grid-template-columns:1fr;

    gap:22px;

}



.mw-related-image{

    height:240px;

}



.mw-related-content{

    padding:25px 20px;

}



.mw-related-content h3{

    font-size:23px;

}


}

/* =====================================
   RELATED SERVICES PREMIUM UPGRADE
===================================== */


.mw-related-card{

    background:#111;

    border-radius:30px;

    overflow:hidden;

    border:1px solid rgba(214,163,58,.25);

    box-shadow:
    0 25px 60px rgba(0,0,0,.18);

}




/* Image */

.mw-related-image{

    height:260px;

    position:relative;

}


.mw-related-image img{

    transition:.6s ease;

}



.mw-related-card:hover img{

    transform:scale(1.08);

}




/* Content */

.mw-related-content{

    padding:35px;

    color:#fff;

}



.mw-related-content h3{

    color:#fff;

    font-size:28px;

}



.mw-related-content p{

    color:rgba(255,255,255,.7);

}




/* Explore Button */

.mw-related-content a{

    background:#000;

    color:#fff;

    border:1px solid #d6a33a;

    padding:12px 25px;

    border-radius:40px;

    display:inline-flex;

    gap:12px;

    transition:.4s ease;

}



.mw-related-content a i{

    color:#d6a33a;

}



.mw-related-content a:hover{

    background:#d6a33a;

    color:#111;

}



.mw-related-content a:hover i{

    color:#111;

}





/* Gold Shine */

.mw-related-card::after{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    background:#d6a33a;

    opacity:.12;

    border-radius:50%;

    right:-50px;

    bottom:-50px;

}

/* RELATED SERVICE BUTTON ALIGNMENT */

.mw-related-card{

    display:flex;

    flex-direction:column;

    height:100%;

}


.mw-related-content{

    display:flex;

    flex-direction:column;

    flex:1;

}



.mw-related-content a{

    margin-top:auto;

    width:max-content;

}

/* Service Details Page Sixth Section */
.mw-booking-cta{

    padding:110px 0;

    background:#111;

    position:relative;

    overflow:hidden;

}






/* GOLD BACKGROUND EFFECT */


.mw-booking-cta::before{

    content:"";

    position:absolute;

    width:400px;

    height:400px;

    background:#d6a33a;

    opacity:.12;

    border-radius:50%;

    top:-180px;

    right:-120px;

}





.mw-booking-cta::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    background:#d6a33a;

    opacity:.08;

    border-radius:50%;

    bottom:-150px;

    left:-100px;

}







/* WRAPPER */


.mw-cta-wrapper{

    position:relative;

    z-index:2;

    text-align:center;

}







/* CONTENT */


.mw-cta-content span{

    color:#d6a33a;

    font-size:12px;

    letter-spacing:4px;

    font-weight:600;

}





.mw-cta-content h2{

    font-family:'Playfair Display',serif;

    font-size:55px;

    color:#fff;

    margin:20px 0;

    line-height:1.2;

}





.mw-cta-content h2 em{

    color:#d6a33a;

    font-style:normal;

}





.mw-cta-content p{

    max-width:600px;

    margin:0 auto 35px;

    color:rgba(255,255,255,.7);

    font-size:16px;

    line-height:1.8;

}








/* BUTTON */


.mw-cta-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 40px;

    background:#d6a33a;

    color:#111;

    border-radius:50px;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

    transition:.4s ease;

}





.mw-cta-btn i{

    transition:.4s ease;

}





.mw-cta-btn:hover{

    background:#fff;

    color:#111;

}





.mw-cta-btn:hover i{

    transform:translateX(5px);

}







/* TABLET */

@media(max-width:991px){


.mw-cta-content h2{

    font-size:42px;

}


}







/* MOBILE */

@media(max-width:576px){


.mw-booking-cta{

    padding:70px 0;

}



.mw-cta-content h2{

    font-size:34px;

}



.mw-cta-content p{

    font-size:14px;

}



.mw-cta-btn{

    width:85%;

    justify-content:center;

    padding:14px 25px;

}



}

/* =====================================
   MOBILE CTA PREMIUM FIX
===================================== */

@media(max-width:576px){

.mw-booking-cta{

    padding:60px 0;

}



.mw-cta-content h2{

    font-size:32px;

    line-height:1.25;

    margin:15px 0;

}



.mw-cta-content p{

    font-size:13px;

    line-height:1.7;

    max-width:300px;

}



.mw-cta-content span{

    font-size:11px;

    letter-spacing:3px;

}



/* Button Size Fix */

.mw-cta-btn{

    width:auto;

    min-width:220px;

    padding:13px 28px;

    font-size:13px;

    border-radius:40px;

    justify-content:center;

}



.mw-cta-btn i{

    font-size:13px;

}


}

/* Thank You Page First Section */
.mw-thank-you-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
    radial-gradient(circle at top, rgba(212,175,55,0.15), transparent 35%),
    #050505;
    padding: 80px 15px;
}


.mw-thank-you-card {
    max-width: 650px;
    width: 100%;
    background: linear-gradient(
        145deg,
        #111,
        #050505
    );
    border: 1px solid rgba(212,175,55,0.35);
    border-radius: 25px;
    padding: 55px 45px;
    text-align: center;
    box-shadow:
    0 20px 60px rgba(0,0,0,.7),
    inset 0 0 30px rgba(212,175,55,.05);
}


/* Crown Icon */

.mw-thank-you-icon {
    width:70px;
    height:70px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#d4af37;
    color:#000;
    font-size:28px;
    margin-bottom:25px;
}


/* Tag */

.mw-thank-you-tag {
    display:inline-block;
    color:#d4af37;
    letter-spacing:4px;
    font-size:13px;
    font-weight:600;
    margin-bottom:18px;
}


/* Heading */

.mw-thank-you-card h1 {

    color:#ffffff;
    font-size:42px;
    line-height:1.25;
    font-weight:600;
    margin-bottom:20px;

}


.mw-thank-you-card h1 em {

    color:#d4af37;
    font-style:normal;

}



/* Paragraph */

.mw-thank-you-card p {

    color:#bdbdbd;
    font-size:16px;
    line-height:1.8;
    max-width:500px;
    margin:auto;

}


/* Divider */

.mw-thank-you-divider {

    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    margin:35px 0;

}


.mw-thank-you-divider span {

    width:90px;
    height:1px;
    background:#d4af37;

}


.mw-thank-you-divider i {

    color:#d4af37;
    font-size:14px;

}



/* Brand Area */

.mw-thank-you-brand img {

    width:180px;
    margin-bottom:15px;

}


.mw-thank-you-brand strong {

    display:block;
    color:#fff;
    font-size:22px;
    letter-spacing:1px;

}


.mw-thank-you-brand small {

    display:block;
    color:#d4af37;
    margin-top:8px;
    font-size:14px;

}



/* Button */

.mw-thank-you-btn {

    margin-top:35px;
    display:inline-flex;
    align-items:center;
    gap:12px;

    background:#d4af37;
    color:#000;

    padding:14px 35px;
    border-radius:50px;

    font-size:15px;
    font-weight:600;

    text-decoration:none;

    transition:.3s;

}


.mw-thank-you-btn:hover {

    background:#fff;
    color:#000;
    transform:translateY(-3px);

}




/* ==================
    MOBILE DESIGN
================== */


@media(max-width:768px){


.mw-thank-you-section{

    padding:40px 15px;

}


.mw-thank-you-card{

    padding:40px 25px;
    border-radius:20px;

}


.mw-thank-you-card h1{

    font-size:30px;

}


.mw-thank-you-card p{

    font-size:14px;

}


.mw-thank-you-divider span{

    width:50px;

}


.mw-thank-you-brand img{

    width:150px;

}


.mw-thank-you-brand strong{

    font-size:18px;

}


}


@media(max-width:480px){

.mw-thank-you-card h1{

    font-size:26px;

}


.mw-thank-you-icon{

    width:60px;
    height:60px;

}


.mw-thank-you-btn{

    width:100%;
    justify-content:center;

}


}

/* Premium Thank You Card Color */

.mw-thank-you-card {

    background: linear-gradient(
        145deg,
        #fff8ec,
        #ffffff
    );

    border: 1px solid rgba(212,175,55,0.45);

    box-shadow:
    0 20px 50px rgba(212,175,55,0.15);

}


/* Heading */

.mw-thank-you-card h1 {

    color:#2b2118;

}


.mw-thank-you-card h1 em {

    color:#b8860b;

}


/* Paragraph */

.mw-thank-you-card p {

    color:#6d6258;

}


/* Brand Text */

.mw-thank-you-brand strong {

    color:#2b2118;

}


.mw-thank-you-brand small {

    color:#b8860b;

}


/* Icon */

.mw-thank-you-icon {

    background:#b8860b;

    color:#fff;

}


/* Button */

.mw-thank-you-btn {

    background:#b8860b;

    color:#fff;

}


.mw-thank-you-btn:hover {

    background:#2b2118;

    color:#fff;

}

/* Thank You Page Spacing */

.mw-thank-you-section {

    padding-top: 160px;
    padding-bottom: 160px;

}


/* Keep Card Center */

.mw-thank-you-card {

    margin: 40px auto;

}


@media(max-width:768px){

    .mw-thank-you-section {

        padding-top:120px;
        padding-bottom:100px;

    }

}

/* Whatsapp Icon */
.mw-whatsapp-float{

    position:fixed;

    right:28px;

    bottom:28px;

    width:72px;

    height:72px;

    background:linear-gradient(145deg,#25D366,#128C7E);

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:38px;

    text-decoration:none;

    z-index:9999;

    box-shadow:
    0 10px 30px rgba(0,0,0,.25),
    0 0 0 6px rgba(214,163,58,.15);

    transition:.4s ease;

}


/* Hover */

.mw-whatsapp-float:hover{

    transform:translateY(-8px) scale(1.08);

    color:#fff;

    box-shadow:
    0 15px 40px rgba(0,0,0,.35),
    0 0 0 8px rgba(214,163,58,.25);

}



/* Outer Glow Animation */

.mw-whatsapp-float::before{

    content:"";

    position:absolute;

    width:100%;

    height:100%;

    border-radius:50%;

    background:#25D366;

    z-index:-1;

    animation:mwWhatsappGlow 2.5s infinite;

}



@keyframes mwWhatsappGlow{

    0%{

        transform:scale(1);

        opacity:.5;

    }


    70%{

        transform:scale(1.6);

        opacity:0;

    }


    100%{

        transform:scale(1.6);

        opacity:0;

    }

}



/* Small Chat Bubble */

.mw-whatsapp-text{

    position:absolute;

    right:85px;

    background:#111;

    color:#fff;

    padding:12px 22px;

    border-radius:30px;

    font-size:14px;

    font-weight:500;

    white-space:nowrap;

    border:1px solid #d6a33a;

    opacity:0;

    visibility:hidden;

    transform:translateX(20px);

    transition:.4s ease;

}



.mw-whatsapp-float:hover .mw-whatsapp-text{

    opacity:1;

    visibility:visible;

    transform:translateX(0);

}



/* Mobile */

@media(max-width:576px){


    .mw-whatsapp-float{

        width:62px;

        height:62px;

        right:18px;

        bottom:18px;

        font-size:32px;

    }


    .mw-whatsapp-text{

        display:none;

    }

}

/* Brand Partners Page Banner Section */
.mw-brand-page-banner {

    min-height:420px;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    overflow:hidden;

    text-align:center;


    background:

    linear-gradient(
        rgba(0,0,0,0.55),
        rgba(0,0,0,0.75)
    ),

    url('/uploads/home_page_banner/banner_one.png');


    background-size:cover;

    background-position:center;

}



.mw-brand-page-banner::after {

    content:"";

    position:absolute;

    bottom:0;

    left:50%;

    width:180px;

    height:3px;

    background:#d6a33a;

    box-shadow:0 0 20px #d6a33a;

    transform:translateX(-50%);

}



.mw-brand-page-banner-content {

    position:relative;

    z-index:2;

    margin-top:40px;

}



.mw-brand-page-banner-content h1 {

    margin-bottom:20px;

    color:#fff;

    font-family:"Playfair Display", serif;

    font-size:68px;

    font-weight:600;

    text-shadow:0 10px 30px rgba(0,0,0,.5);

}



.mw-brand-page-breadcrumb {

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    font-size:16px;

}



.mw-brand-page-breadcrumb a {

    color:#d6a33a;

    text-decoration:none;

}



.mw-brand-page-breadcrumb span {

    color:#fff;

}



/* MOBILE */


@media(max-width:768px){


.mw-brand-page-banner{

    min-height:350px;

}


.mw-brand-page-banner-content h1{

    font-size:36px;

}


.mw-brand-page-breadcrumb{

    font-size:13px;

}


}

/* Brand Partners Page First Section */
.mw-brand-logo-section{

    padding:90px 0;

    background:#fff;

}



.mw-brand-logo-heading{

    text-align:center;

    max-width:750px;

    margin:auto;

}



.mw-brand-logo-heading span{

    color:#d6a33a;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

}



.mw-brand-logo-heading h2{

    font-size:44px;

    margin:15px 0;

    font-family:"Playfair Display",serif;

    color:#222;

}



.mw-brand-logo-heading em{

    color:#d6a33a;

    font-style:normal;

}



.mw-brand-logo-heading p{

    color:#777;

    line-height:1.8;

}



/* GRID */


.mw-brand-logo-grid{

    margin-top:60px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}



.mw-brand-logo-card{

    height:180px;

    border-radius:18px;

    border:1px solid #eee;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:35px;

    background:#fff;

    box-shadow:0 10px 25px rgba(0,0,0,.06);

}



.mw-brand-logo-card img{

    max-width:170px;

    max-height:90px;

    object-fit:contain;

}



.extra-brand{

    display:none;

}




/* LOAD MORE */


.mw-brand-load-more{

    text-align:center;

    margin-top:50px;

}



.mw-brand-load-more button{

    background:#d6a33a;

    color:#111;

    border:none;

    padding:14px 35px;

    border-radius:30px;

    font-weight:600;

    cursor:pointer;

}


.mw-brand-load-more button:hover{

    background:#111;

    color:#fff;

}





/* 991 */


@media(max-width:991px){

.mw-brand-logo-grid{

    grid-template-columns:repeat(2,1fr);

}


.mw-brand-logo-heading h2{

    font-size:36px;

}

}




/* 768 */


@media(max-width:768px){

.mw-brand-logo-section{

    padding:70px 0;

}


.mw-brand-logo-card{

    height:150px;

}

}




/* 576 */


@media(max-width:576px){

.mw-brand-logo-grid{

    grid-template-columns:1fr;

}


.mw-brand-logo-heading h2{

    font-size:30px;

}


.mw-brand-logo-card{

    height:140px;

}

}



/* 486 */


@media(max-width:486px){

.mw-brand-logo-heading h2{

    font-size:27px;

}


.mw-brand-logo-card img{

    max-width:140px;

}

}



/* 400 */


@media(max-width:400px){

.mw-brand-logo-section{

    padding:50px 0;

}


.mw-brand-logo-heading p{

    font-size:14px;

}

}



/* 360 */


@media(max-width:360px){

.mw-brand-logo-heading h2{

    font-size:24px;

}


.mw-brand-logo-card{

    height:130px;

}

}



/* 300 */


@media(max-width:300px){

.mw-brand-logo-card{

    padding:20px;

}


.mw-brand-load-more button{

    padding:12px 25px;

}

}

/* =====================================
   LUXURY BRAND PARTNER CARD
===================================== */


/* Section */

.mw-brand-logo-section{

    background:#ffffff !important;

}



/* Card */

.mw-brand-logo-card{

    position:relative;

    height:190px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#0d0d0d !important;

    border-radius:28px;

    overflow:hidden;

    border:2px solid #b88932;

    transition:.4s ease;

}



/* Outer Gold Border Glow */

.mw-brand-logo-card::before{

    content:"";

    position:absolute;

    inset:10px;

    border-radius:22px;

    border:1px solid rgba(214,163,58,.6);

}



/* Inner White Logo Area */

.mw-brand-logo-card::after{

    content:"";

    position:absolute;

    width:82%;

    height:65%;

    background:#ffffff;

    border-radius:22px;

    z-index:1;

}



/* Logo */

.mw-brand-logo-card img{

    position:relative;

    z-index:3;

    max-width:170px;

    max-height:80px;

    object-fit:contain;

    transition:.4s ease;

}



/* Hover */

.mw-brand-logo-card:hover{

    transform:translateY(-8px);

    box-shadow:

    0 15px 40px rgba(214,163,58,.35);

}



.mw-brand-logo-card:hover img{

    transform:scale(1.08);

}



/* 991 */

@media(max-width:991px){

    .mw-brand-logo-card{

        height:170px;

    }

}



/* 768 */

@media(max-width:768px){

    .mw-brand-logo-card{

        height:160px;

    }


    .mw-brand-logo-card img{

        max-width:150px;

    }

}



/* 576 */

@media(max-width:576px){

    .mw-brand-logo-card{

        height:145px;

        border-radius:22px;

    }


    .mw-brand-logo-card img{

        max-width:130px;

    }

}



/* 486 */

@media(max-width:486px){

    .mw-brand-logo-card::after{

        width:85%;

        height:60%;

    }

}



/* 400 */

@media(max-width:400px){

    .mw-brand-logo-card{

        height:130px;

    }


    .mw-brand-logo-card img{

        max-width:110px;

    }

}



/* 360 */

@media(max-width:360px){

    .mw-brand-logo-card{

        height:120px;

    }

}



/* 300 */

@media(max-width:300px){

    .mw-brand-logo-card{

        height:110px;

    }

}

/* Mobile Brand Card Height Override */

@media(max-width:576px){

    .mw-brand-logo-card{

        height:180px !important;
        min-height:180px !important;

    }

}


@media(max-width:400px){

    .mw-brand-logo-card{

        height:170px !important;
        min-height:170px !important;

    }

}


@media(max-width:360px){

    .mw-brand-logo-card{

        height:160px !important;
        min-height:160px !important;

    }

}


@media(max-width:300px){

    .mw-brand-logo-card{

        height:150px !important;
        min-height:150px !important;

    }

}

.extra-brand{
    display:none;
}

/* Book Appointment Page Last Section */
.mw-luxury-booking-zone{

    padding:120px 0;

    background:#111;

    position:relative;

    overflow:hidden;

}


/* GOLD AMBIENT GLOW */

.mw-luxury-booking-zone::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    background:#d6a33a;

    opacity:.07;

    filter:blur(140px);

    border-radius:50%;

    left:-180px;

    top:-150px;

}


.mw-luxury-booking-zone::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:#d6a33a;

    opacity:.05;

    filter:blur(120px);

    border-radius:50%;

    right:-100px;

    bottom:-100px;

}



.mw-luxury-booking-grid{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:1.05fr .95fr;

    gap:90px;

    align-items:center;

}



/* =====================================================
   LEFT HEADING
===================================================== */

.mw-luxury-journey-side{

    padding:20px 0;

}


.mw-luxury-eyebrow{

    display:inline-block;

    color:#d6a33a;

    font-size:11px;

    letter-spacing:4px;

    margin-bottom:18px;

}


.mw-luxury-journey-heading h2{

    font-family:'Playfair Display', serif;

    font-size:58px;

    line-height:1.12;

    color:#fff;

    margin:0 0 22px;

}


.mw-luxury-journey-heading h2 em{

    display:block;

    color:#d6a33a;

    font-style:italic;

}


.mw-luxury-journey-heading > p{

    max-width:520px;

    color:#aaa;

    font-size:15px;

    line-height:1.8;

    margin-bottom:50px;

}



/* =====================================================
   VERTICAL JOURNEY
===================================================== */

.mw-luxury-timeline{

    position:relative;

    max-width:570px;

}


.mw-luxury-timeline-item{

    display:grid;

    grid-template-columns:100px 1fr;

    gap:25px;

    position:relative;

    padding-bottom:34px;

}


.mw-luxury-timeline-item:last-child{

    padding-bottom:0;

}


/* VERTICAL CONNECTING LINE */

.mw-luxury-timeline-item:not(:last-child)::after{

    content:"";

    position:absolute;

    left:70px;

    top:67px;

    width:1px;

    height:55px;

    background:
        linear-gradient(
            to bottom,
            #d6a33a,
            rgba(214,163,58,.15)
        );

}



/* NUMBER + ICON */

.mw-luxury-timeline-marker{

    display:flex;

    align-items:center;

    gap:14px;

}


.mw-luxury-timeline-marker > span{

    color:#d6a33a;

    font-family:'Playfair Display', serif;

    font-size:17px;

    font-style:italic;

}


.mw-luxury-timeline-icon{

    width:52px;

    height:52px;

    border-radius:50%;

    background:#fbf1e5;

    border:2px solid #d6a33a;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#111;

    flex-shrink:0;

    transition:.35s ease;

}


.mw-luxury-timeline-icon i{

    font-size:15px;

}


.mw-luxury-timeline-item:hover
.mw-luxury-timeline-icon{

    background:#d6a33a;

    transform:scale(1.08);

}



/* CONTENT */

.mw-luxury-timeline-content{

    padding-top:4px;

}


.mw-luxury-timeline-content h3{

    font-family:'Playfair Display', serif;

    color:#fff;

    font-size:22px;

    margin:0 0 7px;

}


.mw-luxury-timeline-content p{

    color:#8d8d8d;

    font-size:13px;

    line-height:1.7;

    margin:0;

}



/* =====================================================
   RIGHT FORM
===================================================== */

.mw-luxury-reserve-wrap{

    position:relative;

}


.mw-luxury-reserve-card{

    background:#fbf1e5;

    padding:55px;

    border-radius:4px 35px 4px 35px;

    position:relative;

    box-shadow:
        0 35px 90px rgba(0,0,0,.35);

}


/* TOP ACCENT */

.mw-luxury-reserve-card::before{

    content:"";

    position:absolute;

    left:55px;

    top:0;

    width:95px;

    height:4px;

    background:#d6a33a;

}


/* DECORATIVE BORDER */

.mw-luxury-reserve-card::after{

    content:"";

    position:absolute;

    right:-9px;

    bottom:-9px;

    width:75px;

    height:75px;

    border-right:1px solid #d6a33a;

    border-bottom:1px solid #d6a33a;

}



/* FORM HEADING */

.mw-reserve-top{

    margin-bottom:32px;

}


.mw-reserve-top > span{

    color:#b88932;

    font-size:10px;

    letter-spacing:3px;

}


.mw-reserve-top h3{

    font-family:'Playfair Display', serif;

    font-size:38px;

    color:#111;

    margin:10px 0 8px;

}


.mw-reserve-top p{

    color:#756c63;

    font-size:13px;

    margin:0;

}



/* =====================================================
   FORM FIELDS
===================================================== */

.mw-reserve-field{

    margin-bottom:17px;

}


.mw-reserve-field label{

    display:block;

    color:#333;

    font-size:11px;

    font-weight:600;

    margin-bottom:7px;

    letter-spacing:.4px;

}


.mw-reserve-field input,
.mw-reserve-field select,
.mw-reserve-field textarea{

    width:100%;

    border:none;

    border-bottom:1px solid #c9ae78;

    background:#fffaf4;

    padding:13px 14px;

    color:#111;

    outline:none;

    font-size:13px;

    transition:.3s ease;

}


.mw-reserve-field input:focus,
.mw-reserve-field select:focus,
.mw-reserve-field textarea:focus{

    border-bottom-color:#111;

    background:#fff;

}


.mw-reserve-field textarea{

    height:100px;

    resize:none;

}


.mw-reserve-double{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

}



/* ERROR */

.mw-luxury-reserve-form .error-message-book{

    display:block;

    color:#c0392b;

    font-size:11px;

    margin-top:5px;

}



/* =====================================================
   BUTTON
===================================================== */

.mw-luxury-reserve-form button{

    margin-top:10px;

    width:100%;

    border:none;

    background:#111;

    color:#fff;

    padding:15px 24px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:13px;

    font-size:13px;

    font-weight:600;

    cursor:pointer;

    position:relative;

    overflow:hidden;

    transition:.35s ease;

}


.mw-luxury-reserve-form button::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:0;

    height:100%;

    background:#d6a33a;

    transition:.4s ease;

}


.mw-luxury-reserve-form button span,
.mw-luxury-reserve-form button i{

    position:relative;

    z-index:2;

}


.mw-luxury-reserve-form button i{

    color:#d6a33a;

    transition:.3s ease;

}


.mw-luxury-reserve-form button:hover::before{

    width:100%;

}


.mw-luxury-reserve-form button:hover{

    color:#111;

}


.mw-luxury-reserve-form button:hover i{

    color:#111;

    transform:translateX(5px);

}



/* =====================================================
   TABLET
===================================================== */

@media(max-width:991px){

    .mw-luxury-booking-zone{

        padding:80px 20px;

    }


    .mw-luxury-booking-grid{

        grid-template-columns:1fr;

        gap:60px;

    }


    .mw-luxury-journey-side{

        max-width:650px;

        margin:auto;

        width:100%;

    }


    .mw-luxury-reserve-wrap{

        max-width:650px;

        width:100%;

        margin:auto;

    }

}



/* =====================================================
   MOBILE
===================================================== */

@media(max-width:576px){

    .mw-luxury-booking-zone{

        padding:60px 18px;

    }


    .mw-luxury-booking-grid{

        gap:45px;

    }


    .mw-luxury-journey-heading{

        text-align:center;

    }


    .mw-luxury-eyebrow{

        font-size:9px;

        letter-spacing:2.5px;

    }


    .mw-luxury-journey-heading h2{

        font-size:35px;

    }


    .mw-luxury-journey-heading > p{

        font-size:13px;

        margin-bottom:40px;

    }


    .mw-luxury-timeline-item{

        grid-template-columns:82px 1fr;

        gap:14px;

    }


    .mw-luxury-timeline-item:not(:last-child)::after{

        left:57px;

        top:60px;

        height:55px;

    }


    .mw-luxury-timeline-marker{

        gap:9px;

    }


    .mw-luxury-timeline-marker > span{

        font-size:14px;

    }


    .mw-luxury-timeline-icon{

        width:45px;

        height:45px;

    }


    .mw-luxury-timeline-content h3{

        font-size:19px;

    }


    .mw-luxury-timeline-content p{

        font-size:12px;

    }


    .mw-luxury-reserve-card{

        padding:38px 22px;

        border-radius:4px 25px 4px 25px;

    }


    .mw-luxury-reserve-card::before{

        left:22px;

        width:75px;

    }


    .mw-reserve-top{

        text-align:center;

    }


    .mw-reserve-top h3{

        font-size:30px;

    }


    .mw-reserve-double{

        grid-template-columns:1fr;

        gap:0;

    }

}

/* Academy Page Banner Section */
.mw-academy-page-banner{

    min-height:420px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    position:relative;

    overflow:hidden;

    background:

    linear-gradient(
        rgba(0,0,0,.55),
        rgba(0,0,0,.75)
    ),

    url('/uploads/home_page_banner/banner_one.png');

    background-size:cover;

    background-position:center;

}


/* GOLD GLOW EFFECT */

.mw-academy-page-banner::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    background:#d6a33a;

    opacity:.12;

    filter:blur(120px);

    border-radius:50%;

    top:-150px;

    left:50%;

    transform:translateX(-50%);

}


.mw-academy-page-banner::after{

    content:"";

    position:absolute;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

    width:180px;

    height:3px;

    background:#d6a33a;

    box-shadow:0 0 20px #d6a33a;

}


.mw-academy-page-banner-content{

    position:relative;

    z-index:2;

    margin-top:40px;

}


.mw-academy-page-banner-content h1{

    font-family:'Playfair Display',serif;

    font-size:68px;

    font-weight:600;

    color:#fff;

    letter-spacing:.5px;

    margin-bottom:25px;

    text-shadow:

    0 10px 30px rgba(0,0,0,.5);

}


.mw-academy-page-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:16px;

}


.mw-academy-page-breadcrumb a{

    color:#d6a33a;

    text-decoration:none;

    font-weight:500;

}


.mw-academy-page-breadcrumb span{

    color:#fff;

}


/* =====================================
   ACADEMY BANNER MOBILE
===================================== */

@media(max-width:991px){

    .mw-academy-page-banner{

        height:60vh;

        min-height:420px;

        background-size:cover;

        background-position:center;

    }


    .mw-academy-page-banner-content{

        position:absolute;

        top:50%;

        left:0;

        width:100%;

        transform:translateY(10%);

        padding:0 25px;

        text-align:center;

    }


    .mw-academy-page-banner-content h1{

        font-size:45px;

        line-height:1.2;

        margin-bottom:15px;

    }

}


/* MOBILE */

@media(max-width:768px){

    .mw-academy-page-banner{

        height:55vh;

        min-height:350px;

        max-height:380px;

    }


    .mw-academy-page-banner-content{

        top:50%;

        margin:0;

        padding:0 15px;

    }


    .mw-academy-page-banner-content h1{

        font-size:36px;

        line-height:1.15;

        margin-bottom:12px;

    }


    .mw-academy-page-breadcrumb{

        font-size:13px;

        justify-content:center;

    }

}


/* SMALL MOBILE */

@media(max-width:480px){

    .mw-academy-page-banner{

        height:52vh;

        min-height:330px;

    }


    .mw-academy-page-banner-content h1{

        font-size:30px;

    }


    .mw-academy-page-breadcrumb{

        font-size:12px;

    }

}

/* Academy Page First Section */
.mw-academy-coming-section{
    position:relative;
    padding:110px 20px;

    background:
        linear-gradient(
            135deg,
            #fff8ee 0%,
            #f8ead6 100%
        );

    overflow:hidden;
}


/* DECORATIVE GOLD CIRCLE */

.mw-academy-coming-section::before{
    content:"";

    position:absolute;

    width:420px;
    height:420px;

    border:1px solid rgba(214,163,58,.18);

    border-radius:50%;

    top:-240px;
    right:-150px;
}


.mw-academy-coming-section::after{
    content:"";

    position:absolute;

    width:320px;
    height:320px;

    border:1px solid rgba(214,163,58,.13);

    border-radius:50%;

    bottom:-190px;
    left:-120px;
}


/* MAIN BLACK CARD */

.mw-academy-coming-wrapper{
    position:relative;
    z-index:2;

    max-width:1050px;

    margin:0 auto;

    padding:80px 50px;

    text-align:center;

    background:
        radial-gradient(
            circle at top center,
            rgba(214,163,58,.10),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #171717 0%,
            #0e0e0e 100%
        );

    border:1px solid rgba(214,163,58,.40);

    border-radius:30px;

    box-shadow:
        0 30px 70px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.04);

    overflow:hidden;
}


/* TOP GOLD LINE */

.mw-academy-coming-wrapper::before{
    content:"";

    position:absolute;

    top:0;
    left:50%;

    transform:translateX(-50%);

    width:190px;
    height:3px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d6a33a,
            transparent
        );

    box-shadow:0 0 25px rgba(214,163,58,.55);
}


/* BIG BACKGROUND TEXT */

.mw-academy-coming-bg{
    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    width:100%;

    color:rgba(255,255,255,.018);

    font-size:110px;

    font-weight:800;

    letter-spacing:8px;

    white-space:nowrap;

    pointer-events:none;

    user-select:none;
}


/* ICON */

.mw-academy-coming-icon{
    position:relative;
    z-index:2;

    width:78px;
    height:78px;

    margin:0 auto 25px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(214,163,58,.10);

    border:1px solid rgba(214,163,58,.45);

    color:#d6a33a;

    font-size:28px;

    box-shadow:
        0 0 35px rgba(214,163,58,.08);
}


/* SMALL BRAND TITLE */

.mw-academy-coming-tag{
    position:relative;
    z-index:2;

    display:block;

    margin-bottom:14px;

    color:#d6a33a;

    font-size:11px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;
}


/* BIG COMING SOON */

.mw-academy-coming-title{
    position:relative;
    z-index:2;

    margin:0 0 20px;

    color:#d6a33a;

    font-family:'Playfair Display',serif;

    font-size:70px;

    font-weight:600;

    line-height:1;

    letter-spacing:1px;

    text-transform:uppercase;
}


/* MAIN HEADING */

.mw-academy-coming-wrapper h2{
    position:relative;
    z-index:2;

    max-width:750px;

    margin:0 auto 20px;

    color:#fff;

    font-size:38px;

    font-weight:700;

    line-height:1.25;
}


.mw-academy-coming-wrapper h2 em{
    color:#d6a33a;

    font-family:'Playfair Display',serif;

    font-weight:500;
}


/* DESCRIPTION */

.mw-academy-coming-wrapper p{
    position:relative;
    z-index:2;

    max-width:670px;

    margin:0 auto;

    color:#b7b7b7;

    font-size:15px;

    line-height:1.9;
}


/* BOTTOM LINE */

.mw-academy-coming-line{
    position:relative;
    z-index:2;

    width:100px;
    height:1px;

    margin:30px auto 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d6a33a,
            transparent
        );
}


/* =========================================
   TABLET
========================================= */

@media(max-width:991px){

    .mw-academy-coming-section{
        padding:90px 20px;
    }

    .mw-academy-coming-wrapper{
        padding:70px 35px;
    }

    .mw-academy-coming-title{
        font-size:60px;
    }

    .mw-academy-coming-wrapper h2{
        font-size:34px;
    }

    .mw-academy-coming-bg{
        font-size:80px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){

    .mw-academy-coming-section{
        padding:65px 15px;
    }

    .mw-academy-coming-wrapper{
        padding:50px 22px;

        border-radius:22px;
    }

    .mw-academy-coming-icon{
        width:62px;
        height:62px;

        margin-bottom:20px;

        font-size:22px;
    }

    .mw-academy-coming-tag{
        font-size:9px;

        letter-spacing:2.5px;
    }

    .mw-academy-coming-title{
        font-size:45px;

        margin-bottom:17px;
    }

    .mw-academy-coming-wrapper h2{
        font-size:28px;

        line-height:1.3;
    }

    .mw-academy-coming-wrapper p{
        font-size:13.5px;

        line-height:1.8;
    }

    .mw-academy-coming-bg{
        font-size:52px;

        letter-spacing:3px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:480px){

    .mw-academy-coming-section{
        padding:55px 12px;
    }

    .mw-academy-coming-wrapper{
        padding:42px 17px;

        border-radius:18px;
    }

    .mw-academy-coming-title{
        font-size:38px;
    }

    .mw-academy-coming-wrapper h2{
        font-size:24px;
    }

    .mw-academy-coming-wrapper p{
        font-size:12.5px;
    }

}