.elementor-2568 .elementor-element.elementor-element-3f351e1b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99999;}body:not(.rtl) .elementor-2568 .elementor-element.elementor-element-6a686522{left:0px;}body.rtl .elementor-2568 .elementor-element.elementor-element-6a686522{right:0px;}.elementor-2568 .elementor-element.elementor-element-6a686522{top:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px) and (min-width:768px){.elementor-2568 .elementor-element.elementor-element-3f351e1b{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-6a686522 *//* RESET */

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



/* BODY */

body{

    overflow-x:hidden !important;

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

    background:#111;

}



/* HEADER */

.lux-header{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    padding:clamp(18px,2vw,30px) clamp(20px,3vw,40px);

    z-index:99999;

}



/* BURGER */

.burger-wrap{

    display:flex;

    align-items:center;

    gap:16px;

    cursor:pointer;

    width:max-content;

}



/* BURGER LINES */

.burger-lines{

    display:flex;

    flex-direction:column;

    gap:6px;

}



.burger-lines span{

    width:clamp(28px,2vw,44px);

    height:1.5px;

    background:#e8d9c0;

    transition:0.4s ease;

}



/* MENU TEXT */

.menu-text{

    color:#e8d9c0;

    font-size:clamp(13px,1vw,18px);

    font-weight:200;

    letter-spacing:1px;

}



/* OVERLAY */

.menu-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,0.45);

    backdrop-filter:blur(4px);

    opacity:0;

    visibility:hidden;

    transition:0.5s ease;

    z-index:9998;

}



/* ACTIVE OVERLAY */

.menu-overlay.active{

    opacity:1;

    visibility:visible;

}



/* OFFCANVAS */

.offcanvas-menu{

    position:fixed;

    top:0;
    left:0;

    width:clamp(280px,24vw,420px);

    height:100dvh;

    overflow-y:hidden;

    background:rgba(0,0,0,0.93);

    backdrop-filter:blur(14px);

    padding:clamp(24px,3vw,50px);

    z-index:99999;

    border-bottom-right-radius:40px;

    transform:translateX(-100%);

    transition:
    transform 0.8s cubic-bezier(.77,0,.18,1),
    opacity 0.5s ease;

    display:flex;

    flex-direction:column;

}



/* ACTIVE MENU */

.offcanvas-menu.active{

    transform:translateX(0);

}



/* CLOSE BUTTON */

.close-btn{

    color:#f5e6cf;

    font-size:clamp(34px,4vw,58px);

    cursor:pointer;

    font-weight:100;

    margin-bottom:0px;

}



/* MENU LINKS */

.menu-links{

    list-style:none;

}



/* LINK ITEMS */

.menu-links li{

    margin-bottom:clamp(10px,1.5vw,20px);

    opacity:0;

    transform:translateY(30px);

    transition:0.5s ease;
    font-size: 10px;

}



/* STAGGER ANIMATION */

.offcanvas-menu.active .menu-links li{

    opacity:1;

    transform:translateY(0);

}



.offcanvas-menu.active .menu-links li:nth-child(1){transition-delay:.1s;}
.offcanvas-menu.active .menu-links li:nth-child(2){transition-delay:.2s;}
.offcanvas-menu.active .menu-links li:nth-child(3){transition-delay:.3s;}
.offcanvas-menu.active .menu-links li:nth-child(4){transition-delay:.4s;}
.offcanvas-menu.active .menu-links li:nth-child(5){transition-delay:.5s;}
.offcanvas-menu.active .menu-links li:nth-child(6){transition-delay:.6s;}
.offcanvas-menu.active .menu-links li:nth-child(7){transition-delay:.7s;}



/* LINKS */

.menu-links a{

    color:#d9c7aa;

    text-decoration:none;

    font-size:clamp(32px,3vw,52px);

    line-height:1.1;

    font-family:'Playfair Display',serif;

    font-weight:100;

    display:inline-block;

    transition:0.4s ease;

}



/* HOVER */

.menu-links a:hover{

    color:#ffffff;

    transform:translateX(12px);

}



/* FOOTER */

.menu-footer{

    margin-top:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    padding-top:20px;

}



/* CONTACT BUTTON */

.contact-btn{

    padding:
    clamp(10px,1vw,14px)
    clamp(18px,2vw,24px);

    font-size:clamp(12px,1vw,15px);

    border-radius:14px;

    background:#5f7478;

    border:1px solid #8ba1a5;

    color:#f5e6cf;

    text-decoration:none;

    transition:0.4s ease;

}



/* BUTTON HOVER */

.contact-btn:hover{

    background:#728b90;

}



/* SOCIALS */

.socials{

    display:flex;

    gap:16px;

}



/* SOCIAL LINKS */

.socials a{

    color:#d9c7aa;

    text-decoration:none;

    font-size:14px;

}



/* HERO */

.hero-section{

    position:relative;

    width:100%;

    height:100vh;

    overflow:hidden;

}



/* HERO IMAGE */

.hero-section img{

    width:100%;

    height:100%;

    object-fit:cover;

}



/* DARK OVERLAY */

.hero-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,0.28);

    z-index:1;

}



/* TABLET */

@media(max-width:992px){

.offcanvas-menu{

    width:340px;

}

}



/* MOBILE */

@media(max-width:768px){

.offcanvas-menu{

    width:100%;

    border-radius:0;

    padding-top:100px;

}



.menu-links a{

    font-size:38px;

}



.menu-footer{

    flex-direction:column;

    align-items:flex-start;

}



}



/* SMALL MOBILE */

@media(max-width:480px){

.menu-links a{

    font-size:32px;

}



.close-btn{

    margin-bottom:30px;

}

}/* End custom CSS */