/* Generated from tbuilder_layout_part: hamburger-menu */
/*Builder Custom CSS START*/
/* Generated from tbuilder_layout_part: hamburger-menu */
/*Builder Custom CSS START*/
.menu-overlay,
.menu-overlay *,
.menu-overlay *::before,
.menu-overlay *::after{
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

.menu-overlay{
    z-index: 900;
    width:100% !important;
    min-height:100vh !important;
    height:auto !important;
    background:
    radial-gradient(circle at top left,
    rgba(140,100,70,0.15),
    transparent 35%),
    #0d0d0f !important;
    position:relative !important;
    overflow:visible !important;
    font-family:'Poppins',sans-serif !important;
    overflow: auto;
}

.menu-overlay::before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    background:url('https://images.unsplash.com/photo-1512453979798-5ea266f8880c?q=80&w=1600&auto=format&fit=crop') !important;
    background-size:cover !important;
    background-position:center !important;
    opacity:.03 !important;
    pointer-events:none !important;
}

/* TOP BAR */

.menu-overlay .top-bar{
    height:42px !important;
    border-bottom:1px solid rgba(255,255,255,0.06) !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    padding:0 90px !important;
    position:relative !important;
    z-index:5 !important;
}

.menu-overlay .top-bar span,
.menu-overlay .top-bar a{
    font-size:13px !important;
    letter-spacing:1px !important;
    color:#b89a7c !important;
    text-decoration:none !important;
}

/* HEADER */

.menu-overlay .header{
    height:110px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:0 90px !important;
    border-bottom:1px solid rgba(255,255,255,0.06) !important;
    position:relative !important;
    z-index:5 !important;
}

.menu-overlay .logo{
    display:flex !important;
    align-items:center !important;
}

.menu-overlay .logo-img{
    height:75px !important;
    width:auto !important;
}

.menu-overlay .header-right{
    display:flex !important;
    gap:40px !important;
    align-items:center !important;
}

.menu-overlay .header-right div{
    color:white !important;
    font-size:14px !important;
    letter-spacing:1px !important;
}

/* MAIN */

.menu-overlay .main{
    display:grid !important;
    grid-template-columns: 35% 35% 30% !important;
    height:calc(100vh - 152px) !important;
    position:relative !important;
    z-index:5 !important;
}

/* LEFT */

.menu-overlay .left-menu{
    padding:50px 0 0 90px !important;
    overflow-y:auto !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
}

.menu-overlay .left-menu::-webkit-scrollbar{
    display:none !important;
}

/* HEADING */

.menu-overlay .menu-heading{
    color:#b89a7c !important;
    font-size:13px !important;
    letter-spacing:3px !important;
    margin-bottom:45px !important;
}

/* MENU */

.menu-overlay .menu-group{
    margin-bottom:30px !important;
}

.menu-overlay .main-link{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    cursor:pointer !important;
    transition:all .5s cubic-bezier(0.22,1,0.36,1) !important;
    text-decoration:none !important;
}

.menu-overlay .main-link:hover{
    transform:translateX(10px) !important;
}

.menu-overlay .main-link-text{
    font-family:'clash',sans-serif !important;
    color:#f5f1eb !important;
    font-size:38px !important;
    line-height:1 !important;
    transition:all .45s ease !important;
}

.menu-overlay .expand-icon{
    color:#b89a7c !important;
    font-size:16px !important;
    transition:.4s ease !important;
    line-height:1 !important;
    margin-top:2px !important;
}

/* SUBMENU */

.menu-overlay .submenu{
    max-height:0 !important;
    overflow:hidden !important;
    padding-left:12px !important;
    transition:max-height .35s ease !important;
}

/* Desktop: hover to reveal submenu */
@media(min-width:769px){
.menu-overlay .menu-group:hover > .submenu{
    max-height:500px !important;
    margin-top:18px !important;
    overflow:visible !important;
}

.menu-overlay .menu-group:hover > label .expand-icon,
.menu-overlay .menu-group:hover > .main-link .expand-icon{
    transform:rotate(45deg) !important;
}
}

/* Mobile: checkbox toggle */
.menu-overlay .submenu-toggle{
    display:none !important;
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
    width:0 !important;
    height:0 !important;
}

.menu-overlay .submenu-toggle:checked ~ .submenu{
    max-height:500px !important;
    margin-top:18px !important;
    overflow:visible !important;
}

.menu-overlay .submenu-toggle:checked + label .expand-icon{
    transform:rotate(45deg) !important;
}

/* Active class fallback */
.menu-overlay .menu-group.active > .submenu{
    max-height:500px !important;
    margin-top:18px !important;
    overflow:visible !important;
}

.menu-overlay .menu-group.active .expand-icon{
    transform:rotate(45deg) !important;
}

.menu-overlay label.main-link{
    cursor:pointer !important;
    user-select:none !important;
    -webkit-user-select:none !important;
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
}

.menu-overlay .submenu-item{
    display:block !important;
    color:#bdbdbd !important;
    font-size:15px !important;
    letter-spacing:1px !important;
    margin-bottom:18px !important;
    cursor:pointer !important;
    transition:.35s ease !important;
    text-decoration:none !important;
}

.menu-overlay .submenu-item:hover{
    color:#d8c0a8 !important;
    transform:translateX(8px) !important;
}

/* CENTER */

.menu-overlay .center-content{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    position:relative !important;
    padding-top:50px !important;
}

.menu-overlay .image-wrapper{
    width:420px !important;
    height:560px !important;
    position:relative !important;
    overflow:hidden !important;
}

.menu-overlay .image-wrapper::after{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 40%,
        rgba(0,0,0,0.55) 70%,
        rgba(0,0,0,0.85) 100%
    ) !important;
    z-index:2 !important;
    pointer-events:none !important;
}

.menu-overlay .preview-image{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    position:absolute !important;
    inset:0 !important;
    opacity:0 !important;
    transform:scale(1.08) !important;
    transition:
    opacity .9s ease,
    transform 1.4s cubic-bezier(0.22,1,0.36,1) !important;
}

.menu-overlay .preview-image.active{
    opacity:1 !important;
    transform:scale(1) !important;
}

.menu-overlay .center-text{
    position:absolute !important;
    left:35px !important;
    bottom:40px !important;
    right:35px !important;
    z-index:10 !important;
    color:white !important;
    transition:.5s ease !important;
}

.menu-overlay .center-text h2{
    font-family:'clash',sans-serif !important;
    font-size:42px !important;
    font-weight:400 !important;
    line-height:1.1 !important;
    margin-bottom:10px !important;
    color:white !important;
}

.menu-overlay .center-text p{
    font-size:12px !important;
    letter-spacing:3px !important;
    color:#b89a7c !important;
}

/* RIGHT */

.menu-overlay .right-panel{
    border-left:1px solid rgba(255,255,255,0.08) !important;
    padding:50px 90px !important;
}

.menu-overlay .right-panel h3{
    font-family:'clash',sans-serif !important;
    color:white !important;
    font-size:32px !important;
    font-weight:400 !important;
    margin-bottom:25px !important;
    white-space:nowrap !important;
}

.menu-overlay .right-panel p{
    color:#c7c7c7 !important;
    line-height:2 !important;
    font-size:15px !important;
    margin-bottom:50px !important;
}

.menu-overlay .info-block{
    margin-bottom:45px !important;
}

.menu-overlay .info-title{
    color:#b89a7c !important;
    font-size:13px !important;
    letter-spacing:3px !important;
    margin-bottom:18px !important;
}

.menu-overlay .info-item{
    color:white !important;
    margin-bottom:16px !important;
    font-size:16px !important;
}

.menu-overlay .cta{
    width:100% !important;
    height:74px !important;
    background:transparent !important;
    border:1px solid rgba(184,154,124,.4) !important;
    color:#d8c0a8 !important;
    letter-spacing:3px !important;
    cursor:pointer !important;
    transition:.45s ease !important;
    font-size:14px !important;
}

.menu-overlay .cta:hover{
    background:#b89a7c !important;
    color:#111 !important;
}

/* TABLET */

@media(max-width:1100px){

.menu-overlay .main{
    grid-template-columns:1fr 1fr !important;
    height:auto !important;
}

.menu-overlay .left-menu{
    padding:50px 30px !important;
}

.menu-overlay .main-link-text{
    font-size:38px !important;
}

.menu-overlay .center-content{
    padding:30px 20px !important;
}

.menu-overlay .image-wrapper{
    width:100% !important;
    height:450px !important;
}

.menu-overlay .right-panel{
    grid-column:1 / -1 !important;
    border-left:none !important;
    border-top:1px solid rgba(255,255,255,0.08) !important;
    padding:50px 30px !important;
}

.menu-overlay .header{
    padding:0 30px !important;
    height:90px !important;
}

.menu-overlay .top-bar{
    padding:0 30px !important;
}

.menu-overlay .logo-img{
    height:55px !important;
}

.menu-overlay .header-right{
    gap:25px !important;
}

.menu-overlay .center-text h2{
    font-size:36px !important;
}

}

/* MOBILE */

@media(max-width:768px){

.menu-overlay{
    min-height:100% !important;
    height:auto !important;
    overflow:visible !important;
    overflow-x:hidden !important;
}

.menu-overlay .top-bar{
    display:none !important;
}

.menu-overlay .header{
    padding:0 20px !important;
    height:70px !important;
    border-bottom:1px solid rgba(255,255,255,0.08) !important;
}

.menu-overlay .logo-img{
    height:60px !important;
}

.menu-overlay .header-right{
    gap:15px !important;
}

.menu-overlay .header-right div{
    font-size:11px !important;
}

.menu-overlay .main{
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:0 !important;
}

.menu-overlay .center-content{
    display:none !important;
}

.menu-overlay .left-menu{
    padding:35px 24px !important;
    overflow-y:visible !important;
}

.menu-overlay .menu-heading{
    font-size:11px !important;
    letter-spacing:2px !important;
    margin-bottom:28px !important;
}

.menu-overlay .menu-group{
    margin-bottom:8px !important;
    border-bottom:1px solid rgba(255,255,255,0.05) !important;
    padding-bottom:8px !important;
}

.menu-overlay .main-link{
    padding:14px 0 !important;
    gap:12px !important;
}

.menu-overlay .main-link:hover{
    transform:none !important;
}

.menu-overlay .main-link-text{
    font-size:28px !important;
}

.menu-overlay .expand-icon{
    font-size:18px !important;
    color:#b89a7c !important;
}

.menu-overlay .submenu{
    padding-left:16px !important;
}

.menu-overlay .menu-group.active .submenu{
    margin-top:10px !important;
    margin-bottom:10px !important;
}

.menu-overlay .submenu-item{
    font-size:15px !important;
    padding:12px 0 !important;
    margin-bottom:0 !important;
    border-bottom:1px solid rgba(255,255,255,0.03) !important;
}

.menu-overlay .submenu-item:last-child{
    border-bottom:none !important;
}

.menu-overlay .submenu-item:hover{
    transform:none !important;
}

.menu-overlay .right-panel{
    border-left:none !important;
    border-top:1px solid rgba(255,255,255,0.08) !important;
    padding:35px 24px !important;
}

.menu-overlay .right-panel h3{
    font-size:32px !important;
    margin-bottom:16px !important;
}

.menu-overlay .right-panel p{
    font-size:14px !important;
    line-height:1.8 !important;
    margin-bottom:30px !important;
}

.menu-overlay .info-block{
    margin-bottom:28px !important;
}

.menu-overlay .info-title{
    font-size:11px !important;
    letter-spacing:2px !important;
    margin-bottom:12px !important;
}

.menu-overlay .info-item{
    font-size:14px !important;
    margin-bottom:10px !important;
}

.menu-overlay .cta{
    height:56px !important;
    font-size:12px !important;
    letter-spacing:2px !important;
}

}

/* SMALL MOBILE */

@media(max-width:420px){

.menu-overlay .header{
    padding:0 16px !important;
    height:60px !important;
}

.menu-overlay .logo-img{
    height:50px !important;
}

.menu-overlay .header-right{
    gap:10px !important;
}

.menu-overlay .header-right div{
    font-size:10px !important;
}

.menu-overlay .left-menu{
    padding:28px 16px !important;
}

.menu-overlay .main-link-text{
    font-size:24px !important;
}

.menu-overlay .right-panel{
    padding:28px 16px !important;
}

.menu-overlay .right-panel h3{
    font-size:28px !important;
}

}
/*Builder Custom CSS END*/
/*Builder Custom CSS END*/