.elementor-1233 .elementor-element.elementor-element-dbc8d34{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1233 .elementor-element.elementor-element-dbc8d34:not(.elementor-motion-effects-element-type-background), .elementor-1233 .elementor-element.elementor-element-dbc8d34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133148;}.elementor-1233 .elementor-element.elementor-element-fe7eb63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--z-index:5;}.elementor-1233 .elementor-element.elementor-element-72f775e{width:100%;max-width:100%;text-align:center;}.elementor-1233 .elementor-element.elementor-element-72f775e.elementor-element{--align-self:center;}.elementor-1233 .elementor-element.elementor-element-72f775e img{width:112px;}.elementor-1233 .elementor-element.elementor-element-6d7f6ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1233 .elementor-element.elementor-element-dc2a0e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1233 .elementor-element.elementor-element-dc2a0e4:not(.elementor-motion-effects-element-type-background), .elementor-1233 .elementor-element.elementor-element-dc2a0e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFE84B00;}.elementor-1233 .elementor-element.elementor-element-a9810a3{--display:flex;--min-height:100vh;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1233 .elementor-element.elementor-element-c871ed0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1233 .elementor-element.elementor-element-c871ed0 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-1233 .elementor-element.elementor-element-9572d39 .elementor-button{background-color:#02010100;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1233 .elementor-element.elementor-element-9572d39{margin:-119px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;}.elementor-1233 .elementor-element.elementor-element-325069d{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1233 .elementor-element.elementor-element-aeeec63 > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}.elementor-1233 .elementor-element.elementor-element-7ee5c49{--grid-columns:2;}.elementor-1233 .elementor-element.elementor-element-57bcdb8 > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}body.elementor-page-1233:not(.elementor-motion-effects-element-type-background), body.elementor-page-1233 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}body.elementor-page-1233{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-1233 .elementor-element.elementor-element-7ee5c49{--grid-columns:2;}}@media(max-width:767px){.elementor-1233 .elementor-element.elementor-element-dbc8d34{--flex-wrap:nowrap;}.elementor-1233 .elementor-element.elementor-element-fe7eb63{--width:40%;}.elementor-1233 .elementor-element.elementor-element-72f775e img{width:100%;}.elementor-1233 .elementor-element.elementor-element-7ee5c49{--grid-columns:1;}}@media(min-width:768px){.elementor-1233 .elementor-element.elementor-element-fe7eb63{--width:100%;}.elementor-1233 .elementor-element.elementor-element-a9810a3{--width:100%;}}/* Start custom CSS for video, class: .elementor-element-c871ed0 */.elementor-1233 .elementor-element.elementor-element-c871ed0 video,
.elementor-1233 .elementor-element.elementor-element-c871ed0 iframe {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}
.elementor-1233 .elementor-element.elementor-element-c871ed0 {
    margin: 0 !important;
    padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d269d19 *//* ====== WRAPPER & BACKGROUND ========================================= */

.vault-wrapper {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #dffeff;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}

/* 3D renderer container */
#vault-3d {
    position: fixed;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

/* Background element (3D corridor background) */
#vault-background {
    position: fixed;
    inset: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    filter: brightness(0.7) blur(0px);
    transition: transform 0.5s ease-out, background-position 0.5s ease-out;
}

/* ====== HERO (CLOSED VAULT) ========================================= */

.vault-wrapper .hero-section {
    position: relative;
    z-index: 3;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 1.8rem;
   
    transition: opacity 0.7s ease, transform 0.7s ease;
    
}


/* ====== VAULT IMAGE / SINGLE DOOR =================================== */


.vault-wrapper .vault-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.95rem 2.9rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 255, 255, 0.45);
    background: rgba(0, 0, 0, 0.7);
    color: #e8ffff;
    font-size: 0.9rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}

.vault-wrapper .vault-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(circle at 10% 0%, rgba(88,255,255,0.55), transparent 60%);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.vault-wrapper .vault-button:hover {
    background: rgba(0, 45, 90, 0.95);
    box-shadow: 0 0 28px rgba(0, 255, 255, 0.6);
    transform: translateY(-1px);
}

.vault-wrapper .vault-button:hover::before {
    opacity: 1;
}

/* ====== LAYER CONTAINERS (GENERATED BY JS) =========================== */

.vault-wrapper .vault-layer {
    width: min(960px, 90vw);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 3rem;
}

/* ====== LISTING ITEMS AS CARDS ======================================= */

/* Hide the original grid - we'll reorganize items into layers via JS */
.vault-wrapper .jet-listing-grid__items {
    display: none !important;
}

/* Style each listing item as a card */
.vault-wrapper .vault-layer .jet-listing-grid__item {
    position: relative;
    flex: 0 0 260px;
   
   
    transition:
        transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        box-shadow 0.5s ease;
    overflow: visible;
   
}

/* Hover effects */
.vault-wrapper .vault-layer .jet-listing-grid__item:hover {
   
    transform: translateY(-8px);
}

/* ====== STYLE THE INNER ELEMENTOR CONTENT ============================ */

.vault-wrapper .vault-layer .jet-listing-grid__item .elementor {
    height: 100%;
}

.vault-wrapper .vault-layer .jet-listing-grid__item .e-con {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.8rem;
    padding: 1rem;
    
}






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

@media (max-width: 768px) {
    .vault-wrapper .vault-layer {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }
    
    .vault-wrapper .vault-layer .jet-listing-grid__item {
        flex: 0 0 auto;
        width: min(280px, 85vw);
        min-height: 320px;
    }
}

/* First card (left) in all layers */
.vault-layer .jet-listing-grid__item:nth-child(1) {
   
    padding: 15px;
    background-image: url(https://theworldvaults.com/wp-content/uploads/2025/11/box2.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 80%;
}
.vault-layer .e-loop-item:nth-child(1) {
   
    padding: 15px;
    background-image: url(https://theworldvaults.com/wp-content/uploads/2025/11/box2.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 76%;
}

/* Second card (right) in all layers */
.vault-layer .jet-listing-grid__item:nth-child(2) {
     padding: 15px;
    background-image: url(https://theworldvaults.com/wp-content/uploads/2025/11/box-1.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 80%;
}
.vault-layer .e-loop-item:nth-child(2) {
     padding: 15px;
    background-image: url(https://theworldvaults.com/wp-content/uploads/2025/11/box-1.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 76%;
}

#vault-debug-panel{
    display: none!important;
}
 .vault-layer {
    pointer-events: none !important;
}

.vault-layer * {
    pointer-events: auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc2a0e4 */.elementor-1233 .elementor-element.elementor-element-dc2a0e4 {
    max-height: 100vh
}/* End custom CSS */
/* Start custom CSS */body, html {
  margin: 0 !important;
  padding: 0 !important;
}

header {
  display: none;
}
body, html {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-section:first-of-type {
    margin-top: 0 !important;
    padding-top: 0 !important;
}/* End custom CSS */