.elementor-8818 .elementor-element.elementor-element-fe15ee8{--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;--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-8818 .elementor-element.elementor-element-6472dc92{--display:flex;--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-8818 .elementor-element.elementor-element-57ab2668{--display:flex;--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-8818 .elementor-element.elementor-element-71d37408{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-7f54008{--display:flex;--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-8818 .elementor-element.elementor-element-5f7176f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-9237751{--display:flex;--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-8818 .elementor-element.elementor-element-30cf43f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-32b6a5df{--display:flex;--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-8818 .elementor-element.elementor-element-68415b8b{--display:flex;--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-8818 .elementor-element.elementor-element-60e4790b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-70bc5c38{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-2c6430ec{--display:flex;--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;}.elementor-8818 .elementor-element.elementor-element-4d58d565{--display:flex;--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-8818 .elementor-element.elementor-element-6c4c8627{--display:flex;}.elementor-8818 .elementor-element.elementor-element-69fa875d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-312108a4{--display:flex;--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-8818 .elementor-element.elementor-element-1a986760{--display:flex;}.elementor-8818 .elementor-element.elementor-element-738adb4f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-46ba4136{--display:flex;--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-8818 .elementor-element.elementor-element-1933cd40{--display:flex;}.elementor-8818 .elementor-element.elementor-element-15e1e558{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-33279076{--display:flex;--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-8818 .elementor-element.elementor-element-3569de01{--display:flex;}.elementor-8818 .elementor-element.elementor-element-60227f1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-30935f33{--display:flex;--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-8818 .elementor-element.elementor-element-3b70026f{--display:flex;}.elementor-8818 .elementor-element.elementor-element-1dab6dee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-55b4f862{--display:flex;--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-8818 .elementor-element.elementor-element-4b2d7602{--display:flex;--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-8818 .elementor-element.elementor-element-61b32fbc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-7c9c23ee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-92ef664{--display:flex;--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-8818 .elementor-element.elementor-element-77f00c3{--display:flex;}.elementor-8818 .elementor-element.elementor-element-640ce8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-61317bd0{--display:flex;--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-8818 .elementor-element.elementor-element-1473c936{--display:flex;}.elementor-8818 .elementor-element.elementor-element-5dda972d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-4234a13e{--display:flex;--position:absolute;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-8818 .elementor-element.elementor-element-4234a13e{left:0px;}body.rtl .elementor-8818 .elementor-element.elementor-element-4234a13e{right:0px;}.elementor-8818 .elementor-element.elementor-element-14489cf3{--display:flex;--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-8818 .elementor-element.elementor-element-3eab3224{--display:flex;--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-8818 .elementor-element.elementor-element-161660e0{--display:flex;--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-8818 .elementor-element.elementor-element-59a49d76{--display:flex;--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;}.elementor-8818 .elementor-element.elementor-element-1e83c141{--display:flex;--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-8818 .elementor-element.elementor-element-7ddf0dac{--display:flex;}.elementor-8818 .elementor-element.elementor-element-27c4d710{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-67f06666{--display:flex;--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-8818 .elementor-element.elementor-element-1e259f0c{--display:flex;}.elementor-8818 .elementor-element.elementor-element-e3e57e6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-5bcffaa2{--display:flex;--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-8818 .elementor-element.elementor-element-444f3b70{--display:flex;}.elementor-8818 .elementor-element.elementor-element-180aacc7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-1e32e607{--display:flex;--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-8818 .elementor-element.elementor-element-455b1a06{--display:flex;}.elementor-8818 .elementor-element.elementor-element-4ca9c863{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-10472bdd{--display:flex;--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-8818 .elementor-element.elementor-element-22adc3c6{--display:flex;}.elementor-8818 .elementor-element.elementor-element-4d5b20b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-3821f996{--display:flex;--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-8818 .elementor-element.elementor-element-347a23f2{--display:flex;--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-8818 .elementor-element.elementor-element-4e6f0818{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-ecf6317{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-4301f4ea{--display:flex;--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-8818 .elementor-element.elementor-element-2584acb9{--display:flex;}.elementor-8818 .elementor-element.elementor-element-47de65b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-422444ae{--display:flex;--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-8818 .elementor-element.elementor-element-20352aa4{--display:flex;}.elementor-8818 .elementor-element.elementor-element-7944c8bc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-74632e7{--display:flex;--position:absolute;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-8818 .elementor-element.elementor-element-74632e7{left:0px;}body.rtl .elementor-8818 .elementor-element.elementor-element-74632e7{right:0px;}.elementor-8818 .elementor-element.elementor-element-68659a0c{--display:flex;--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-8818 .elementor-element.elementor-element-1bc97fd3{--display:flex;--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-8818 .elementor-element.elementor-element-99fd2d0{--display:flex;--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-8818 .elementor-element.elementor-element-d197c3b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-7e5a1e53{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8818 .elementor-element.elementor-element-24d295cf{--display:flex;--justify-content:center;--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-8818 .elementor-element.elementor-element-24d295cf.e-con{--align-self:center;}.elementor-8818 .elementor-element.elementor-element-3f0e6dd0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ==========================================================================
   01. GLOBAL CONFIGURATION & CORE CANVAS VARIABLES
   ========================================================================== */
body {  
    background-color: #111111 !important;  
    margin: 0; 
    padding: 0;
    -webkit-font-smoothing: antialiased;

    /* --- CENTRAL CONTROL PANEL FOR RESPONSIVE WIDTH ENGINE --- */
    --grid-gap: clamp(2px, 0.30vw, 10px);  
    --main-canvas-width: clamp(60vw, 40vw + 500px, calc(100% - (var(--grid-gap) * 2)));
}

/* ==========================================================================
   02. MAIN SITE WRAPPER (PROPORTIONAL FRAME CANVAS)
   ========================================================================== */
.main-wrapper {  
    display: flex !important;
    flex-direction: column !important;
    gap: var(--grid-gap) !important;  
    
    /* Tied to central layout variable */
    width: var(--main-canvas-width) !important; 
    
    margin: var(--grid-gap) auto !important;  
    background: #0A0A0A !important;  
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    min-height: calc(100vh - (var(--grid-gap) * 2));  
    
    box-shadow: 0px 40px 100px rgba(0, 0, 0, 0.6),  
                0px 10px 30px rgba(0, 0, 0, 0.4) !important;
    position: relative;
    z-index: 10;
}

/* ==========================================================================
   03. ROW LAYOUTS & GRID ARCHITECTURE
   ========================================================================== */
.row-top, .second-row, .third-row, .fourth-row, .fifth-row {  
    display: grid !important;  
    gap: var(--grid-gap) !important;  
    padding: 0 !important; 
    margin: 0 !important;
    width: 100% !important;  
    align-items: stretch !important;
    position: relative !important;
    overflow: hidden !important; 
}

.row-top    { grid-template-columns: 3fr 1fr; }
.second-row { grid-template-columns: 1.4fr 3.3fr; }
.third-row  { grid-template-columns: 3.3fr 1.4fr !important; } /* Inverted layout flow */
.fourth-row { grid-template-columns: repeat(5, 1fr); }  
.fifth-row  { grid-template-columns: repeat(5, 1fr); }

/* ==========================================================================
   04. NESTED GRID ENGINES & COLUMN SPANNING
   ========================================================================== */
.drawer-parent-box {  
    display: grid !important;  
    grid-template-columns: repeat(4, 1fr) !important;  
    gap: var(--grid-gap) !important;  
    position: static !important; 
    overflow: visible !important; 
}

.fourth-row > .drawer-parent-box { grid-column: span 3; }
.fourth-row > .big-poster-column { grid-column: span 2; }

/* ==========================================================================
   05. BRANDING & STATIC LOGO HERO BOX
   ========================================================================== */
.box-logo {  
    background: #FFD84A !important;  
    display: flex !important;  
    align-items: center !important;  
    justify-content: center !important;
    padding: 10% !important;  
    box-sizing: border-box !important;
    position: relative !important; 
    cursor: pointer !important;
}

.box-logo .elementor-widget,
.box-logo .elementor-widget-container {
    position: static !important;
}

.box-logo .project-data-backpack {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 0 !important; height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important; padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.box-logo img {  
    width: 100% !important;  
    height: auto !important;  
    display: block !important;  
}

/* MASTER TEXT TRACK CONFIGURATION */
.logo-about-text {
    position: absolute !important;
    bottom: clamp(15px, 3vh, 35px) !important; 
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: inline-block !important;
    
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(0.9rem, 0.9vw, 1.25rem) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important; 
    line-height: normal !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    
    color: #000000 !important; 
    z-index: 5 !important; 
    opacity: 1 !important;
    transition: letter-spacing 0.3s ease !important;
}

/* THE DUPLICATE WHITE LAYER (Sits inside the drawer column) */
.logo-about-white {
    color: #FFFFFF !important;
    z-index: 105 !important;
}

/* RESPONDS TO HOVER STATES SHARPLY */
.box-logo:hover .logo-about-text,
body:has(.logo-drawer:hover) .logo-about-text,
.logo-about-text.transition-hover-guard {
    letter-spacing: 0.25em !important;
}

/* Global state track switches text to white when open */
body:has(.logo-drawer.is-open) .logo-about-text {
    color: #FFFFFF !important;
}

/* Enforces hand mouse pointer window when the open drawer panel captures layer focus */
.logo-drawer,
.logo-drawer .drawer-content-static,
.logo-drawer .drawer-content-target {
    cursor: pointer !important;
}

/* ==========================================================================
   06. THE BRANDING LOGO DRAWER (SPLIT-SLIDE ENGINE)
   ========================================================================== */
.logo-drawer {
    position: absolute !important; 
    top: 0 !important; bottom: 0 !important; 
    left: -2px !important; right: -2px !important; 
    width: auto !important; height: auto !important;
    background: transparent !important; 
    z-index: 100 !important;
    overflow: hidden !important; pointer-events: none;
    transform: translateX(100%) !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0, 1) !important;
    container-type: inline-size !important;
}

.logo-drawer.is-open {
    transform: translateX(0%) !important;
    pointer-events: auto !important;
}

.logo-drawer .drawer-content-static {
    position: absolute !important; 
    top: -2px !important; bottom: -2px !important; 
    left: 0 !important; right: 0 !important;      
    width: auto !important; height: auto !important;
    padding: 0 !important; box-sizing: border-box !important;
    display: flex !important; flex-direction: column !important;
    
    background: url('https://marteforms.com/wp-content/uploads/PHOTO-Martin-cropped-2.png') 55% bottom / auto 85% no-repeat, #111111 !important;
    
    transform: translateX(-100%) !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0, 1) !important;
    overflow: hidden !important;
    box-shadow: 0px 0px 0px 10px #191919 !important; 
}

.logo-drawer.is-open .drawer-content-static {
    transform: translateX(0%) !important;
}

.logo-drawer .drawer-content-target {
    width: 100% !important;
    height: 100% !important;
}

.drawer-logo-layout {
    display: grid !important;
    grid-template-columns: 3fr 1fr !important;
    gap: var(--grid-gap) !important; 
    width: calc(100% - 4px) !important; 
    margin-left: 2px !important;        
    height: 100% !important;
    margin-top: 0 !important; margin-bottom: 0 !important;
    padding: 0 !important;
}

/* BIOGRAPHY COLUMN TYPOGRAPHY & SAFE ZONE */
.drawer-logo-bio {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; 
    align-items: flex-start !important;
    box-sizing: border-box !important;
    color: #FFFFFF !important;
    max-width: 40cqw !important;  
    padding: 3.5cqw 5cqw 3.5cqw 4.5cqw !important; 
}

.drawer-logo-bio p {
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.35 !important; 
    text-align: left !important; 
    color: #CCCCCC !important; 
    letter-spacing: 0.01em !important; 
    font-size-adjust: none !important;
    font-size: 1.25cqw !important; 
    margin: 0 0 2.2cqw 0 !important; 
}

.drawer-logo-bio p:last-child {
    margin-bottom: 0 !important; 
}

/* UNIVERSAL BOLD KEYWORDS SUBTLE BRIGHTNESS BOOST */
.drawer-logo-bio strong,
.services-drawer-inner-content strong {
    font-weight: 700 !important; 
    color: #E0E0E0 !important; 
    text-shadow: none !important; 
}

/* White Logo Container Alignment */
.drawer-logo-mask {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 10% !important; 
    position: relative !important; 
}

.drawer-logo-mask img {
    width: 98% !important; 
    height: auto !important;
    display: block !important;
    filter: brightness(0) invert(1) !important; 
}

/* ==========================================================================
   07. GRID LAYOUT VARIATIONS & INTERACTION STATES
   ========================================================================== */

/* --- INTERACTIVE DRAWER HANDLES (LEFT & RIGHT FIXES) --- */
.left-box,
.right-box {  
    background: #111111 !important;  
    position: relative !important; 
    z-index: 10 !important;
    overflow: visible !important;  
    transition: z-index 0.4s step-end !important; 
    cursor: pointer !important;
}

.left-box.is-open,
.right-box.is-open {
    z-index: 999 !important;      
    transition: z-index 0.4s step-start !important;
}

.left-box .elementor-widget,
.left-box .elementor-widget-container,
.right-box .elementor-widget,
.right-box .elementor-widget-container {
    position: static !important;
    overflow: visible !important;
}

/* --- POSTER CONTAINER MODULES --- */
.right-info-box {  
    background: #191919 !important;  
    position: relative !important;  
    aspect-ratio: 5/7 !important;  
    overflow: hidden !important;
    padding: 0 !important;          
}

.right-info-box.big-box-poster {  
    padding: 0 !important; 
    background: transparent !important; 
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

.box-poster         { aspect-ratio: 5/7 !important; height: auto !important; background: #1a1a1a !important; overflow: hidden !important; cursor: pointer !important; }
.big-poster-stretch { height: 100% !important; aspect-ratio: auto !important; background: #1a1a1a !important; overflow: hidden !important; cursor: pointer !important; }
.wide-poster        { grid-column: span 2 !important; height: 100% !important; background: #1a1a1a !important; overflow: hidden !important; cursor: pointer !important; }

.big-box-poster .elementor-widget,
.big-box-poster .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- CINEMATIC POSTER IMAGE HOVER ENGINE --- */
.box-poster img, 
.big-poster-stretch img, 
.wide-poster img,
.big-box-poster img {
    width: 100% !important; 
    height: 100% !important; 
    object-fit: cover !important; 
    display: block !important;
    filter: grayscale(100%) brightness(0.6) !important;
    transition: filter 0.3s cubic-bezier(0.2, 1, 0.3, 1), transform 0.3s ease !important;
}

.box-poster:hover img, 
.big-poster-stretch:hover img, 
.wide-poster:hover img,
.big-box-poster:hover img {
    filter: grayscale(0%) brightness(1) !important;
}

/* ==========================================================================
   08. VECTOR GRAPHICS STYLING & SUBPIXEL ALIGNMENT FIXES
   ========================================================================== */
.info-svg-graphic {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important; 
    width: 72% !important; 
    height: auto !important; 
    display: block !important;
    filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 1))  
            drop-shadow(0px 20px 35px rgba(0, 0, 0, 1))  
            drop-shadow(0px 40px 60px rgba(0, 0, 0, 1));
    will-change: filter;
}

.info-svg-graphic.drawer-revealed-colored path {
    fill: #FFFFFF !important;
}

/* Stabilizes the subpixel subrounding rendering drift on high density displays */
.info-svg-graphic.drawer-revealed-colored {
    transform: translate(calc(-50% - 0.5px), -50%) !important;
    image-rendering: -webkit-optimize-contrast !important;
    backface-visibility: hidden !important;
}

/* Removes the nudge entirely to achieve dead-center alignment for the 3rd row */
.right-box .info-svg-graphic.drawer-revealed-colored {
    transform: translate(-50%, -50%) !important;
}

/* ==========================================================================
   09. SERVICES BOX EXPANDABLE DRAWER WINDOW MASK
   ========================================================================== */
.e-con:has(> .left-box), .e-container:has(.left-box), .elementor-section:has(.left-box),
.e-con:has(> .right-box), .e-container:has(.right-box), .elementor-section:has(.right-box) {
    overflow-x: hidden !important;
    overflow-y: hidden !important; 
}

.services-drawer-engine {
    position: absolute !important;
    top: 0 !important; bottom: 0 !important;
    left: 0 !important; right: 0 !important;
    width: 100% !important; height: 100% !important;
}

.services-front-pane {
    position: absolute !important;
    top: 0 !important; bottom: 0 !important;
    left: 0 !important; right: 0 !important;
    z-index: 4 !important;
    pointer-events: none !important;
}

.services-expanded-drawer {
    position: absolute !important;
    top: 0 !important; bottom: 0 !important; left: 0 !important;
    height: 100% !important;
    width: calc(335.714% + var(--grid-gap) + 2px) !important; 
    z-index: 6 !important; 
    background: #111111 !important;
    clip-path: inset(0 100% 0 0) !important; 
    transition: clip-path 0.4s cubic-bezier(0.4, 0, 0, 1) !important;
    will-change: clip-path;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5);
    container-type: inline-size !important;
}

.left-box.is-open .services-expanded-drawer {
    clip-path: inset(0 -40px 0 0) !important; 
}

.services-drawer-masked-pane {
    position: absolute !important;
    top: 0 !important; bottom: 0 !important; left: 0 !important;
    width: calc((100% - var(--grid-gap) - 2px) * (1.4 / 4.7)) !important; 
    height: 100% !important;
    pointer-events: none !important;
}

.services-drawer-content-clip {
    position: absolute !important;
    top: 0 !important; bottom: 0 !important;
    left: calc(((100% - var(--grid-gap) - 2px) * (1.4 / 4.7)) + var(--grid-gap)) !important; 
    right: 0 !important;
}

.left-box.is-open .services-drawer-content-clip {
    position: absolute !important;
}

.left-box .info-svg-graphic.drawer-revealed-colored {
    transform: translate(-50%, -50%) !important;
}

.services-svg-storage { 
    display: none !important; 
}

/* ==========================================================================
   10 & 12. UNIFIED SERVICES EXPANDED CANVAS & ROW-LOCKED GRID ENGINE
   ========================================================================== */
.services-drawer-inner-content {
    box-sizing: border-box !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important; 
    padding: 2.5cqw 4cqw 2.5cqw 2cqw !important; 
}

/* MASTER 2D GRID CONFIGURATION - ROW-LOCKED & PERFECTLY CENTERED */
.services-grid {
    display: grid !important;
    grid-template-columns: 1.35fr 1fr 1fr !important;          /* Balanced column proportions */
    grid-template-rows: repeat(3, auto) !important;            /* Lets rows size naturally to content */
    gap: 2.5cqw 4.5cqw !important;                              /* Perfect horizontal and vertical spacing */
    width: 100% !important;
    max-width: 95cqw !important; 
    align-content: center !important;                           /* Centers the entire 3-row block vertically */
    align-items: start !important;                              /* Flawlessly aligns column baselines */
}

/* UNIFIED COMPONENT SHAPE RULES */
.service-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
}

/* FEATURED COLUMN (Left-aligned text, balanced between teal lines) */
.service-item.col-featured {
    grid-column: 1 !important;
    grid-row: span 3 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;                         /* Centers text vertically inside the lines */
    align-items: stretch !important;                            /* Lets text fill the column naturally */
    box-sizing: border-box !important;
    padding: 0 3.5cqw !important;                               /* Clean, symmetrical side padding */
    border-left: 2px solid #5EB7A4 !important;
    border-right: 2px solid #5EB7A4 !important;
}

.service-text-block {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* CRISP, EM-SCALED TYPOGRAPHY PROPORTIONS */
.service-item h3 {
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 700 !important;
    color: #5eb7a4 !important; 
    line-height: 1.2 !important;
    margin: 0 0 0.5cqw 0 !important;
    font-size: 1.5cqw !important;                              /* Visually upscaled from 1.35cqw */
    
    /* ANTI-INDENTATION STATE DESTRUCTION */
    text-indent: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Distinct prominent header sizing for Column 1 */
.col-featured .service-item h3 {
    font-size: 1.8cqw !important;                              /* Visually upscaled from 1.55cqw */
}

/* UNIFIED PARAGRAPH VALUES */
.service-item p {
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.45 !important; 
    text-align: left !important; 
    color: #FFFFFF !important; 
    letter-spacing: 0.01em !important;
    margin: 0 !important;
    font-size: 0.92cqw !important; 
}

/* FORCES CLEAN LEFT ALIGNMENT INSIDE THE COL-FEATURED BLOCK */
.col-featured h3,
.col-featured p {
    text-align: left !important;
}

/* ==========================================================================
   11. HOVER LABELS TIMING & TEXT STYLES (WHAT WE DO?)
   ========================================================================== */
.services-about-text {
    position: absolute !important;
    bottom: clamp(15px, 3vh, 35px) !important; 
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: inline-block !important;
    z-index: 7 !important; 
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 500 !important;
    font-size: clamp(0.9rem, 0.9vw, 1.25rem) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important; 
    line-height: normal !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    color: #FFFFFF !important; 
    opacity: 1 !important;
    transition: letter-spacing 0.3s ease, color 0.3s ease, opacity 0.3s ease !important;
}

/* COMBINED HOVER EFFECT FOR BOTH DRAWERS */
.left-box:hover .services-about-text,
.right-box:hover .services-about-text {
    letter-spacing: 0.25em !important;
}

.left-box.is-open .services-about-text {
    color: #FFFFFF !important;
    z-index: 7 !important; 
}

/* ==========================================================================
   13. CINEMATIC SHOWREEL PLAYER COMPONENT
   ========================================================================== */
.showreel-box { 
    position: relative; 
    width: 100% !important; 
    aspect-ratio: 16/9 !important; 
    background: transparent !important; 
    line-height: 0; 
    overflow: hidden; 
    isolation: isolate !important; 
}

.sr-preview { 
    width: 100% !important; 
    height: 100% !important; 
    object-fit: cover; 
    display: block !important; 
}

.sr-player { 
    position: absolute; 
    top: 0; left: 0; 
    width: 100%; height: 100%; 
    z-index: 10; 
    opacity: 0; 
    pointer-events: none; 
    transition: opacity 0.8s ease; 
}

.sr-player iframe { width: 100%; height: 100%; display: block; }

.sr-overlay { 
    position: absolute; 
    top: 0; left: 0; 
    width: 100%; height: 100%; 
    display: flex; justify-content: center; align-items: center; 
    pointer-events: none; 
}

.btn-burn-trigger {
    width: clamp(150px, 20%, 450px) !important; 
    aspect-ratio: 1/1;
    color: #FFD700 !important; 
    mix-blend-mode: overlay !important;
    display: flex; justify-content: center; align-items: center;
    pointer-events: auto; 
    cursor: pointer; 
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-burn-trigger:hover { transform: scale(1.08); }
.btn-burn-trigger svg { width: 100%; height: auto; display: block; }
.btn-burn-trigger svg path { fill: currentColor !important; }

.sr-tag {
    position: absolute; 
    bottom: clamp(25px, 2vh, 80px); 
    right: clamp(5px, 1.2vw, 50px);  
    font-family: 'Satoshi', sans-serif !important; 
    font-weight: 900 !important; 
    font-size: clamp(0.9rem, 1.1vw, 1.4rem) !important;  
    color: #5EB7A4; 
    text-transform: uppercase; 
    letter-spacing: 0.15em; 
    z-index: 6; 
    pointer-events: none; 
    opacity: 0.8; 
}

.showreel-box.is-active .sr-player { opacity: 1; pointer-events: auto; }
.showreel-box.is-active .sr-preview, 
.showreel-box.is-active .sr-overlay { opacity: 0; pointer-events: none; }

/* ==========================================================================
   14. STANDARD FILM DRAWERS ENGINE & INTERACTIVE FRAMEWORKS
   ========================================================================== */
.project-drawer {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    z-index: 100 !important;
    overflow: hidden !important; pointer-events: none;
    transform: translateX(-100%) !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0, 1) !important;
    background: #090909 !important; 
}

.project-drawer.is-open {
    transform: translateX(0%) !important;
    pointer-events: auto !important;
}

.project-drawer .drawer-content-static {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    padding: 0 !important; 
    box-sizing: border-box !important;
    display: flex !important; flex-direction: column !important;
    transform: translateX(100%) !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0, 1) !important;
    overflow: hidden !important; 
}

.project-drawer.is-open .drawer-content-static {
    transform: translateX(0%) !important;
}

.box-poster .project-data-backpack,
.big-poster-stretch .project-data-backpack,
.wide-poster .project-data-backpack {
    display: none !important;
}

.drawer-content-target {
    flex-grow: 1;
    overflow: hidden !important; 
    height: 100%;
}

.drawer-content-target::-webkit-scrollbar { display: none; }
.drawer-content-target { -ms-overflow-style: none; scrollbar-width: none; }

.drawer-content-target video,
.drawer-content-target iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9; 
    border-radius: 4px; 
}

.project-drawer .drawer-content-target,
.project-drawer .drawer-content-target .elementor-widget,
.project-drawer .drawer-content-target .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    background: #090909 !important;
}

.project-view-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important; 
    width: 100% !important;
    height: 100% !important; 
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #090909 !important;
    container-type: inline-size !important;
}

.project-view-info {
    background: #111111 !important; 
    box-sizing: border-box !important;
    width: 25% !important; 
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important; 
    overflow: hidden !important; 
    scrollbar-width: none !important; 
    padding: 2.5cqw 1.8cqw 2.5cqw 1.8cqw !important;
}

.project-view-info::-webkit-scrollbar {
    display: none !important;
}

.project-view-media {
    background: #090909 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    width: 75% !important; 
    height: 100% !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
}

.project-view-media img {
    width: 100% !important;
    height: 100% !important; 
    object-fit: cover !important; 
    display: block !important;
}

/* --- ROW 3 DRAWER ANCHOR DIRECTIVES --- */
.third-row .project-drawer {
    transform: translateX(100%) !important; 
}

.third-row .project-drawer.is-open {
    transform: translateX(0%) !important;
}

.third-row .project-drawer .drawer-content-static {
    transform: translateX(-100%) !important; 
}

.third-row .project-drawer.is-open .drawer-content-static {
    transform: translateX(0%) !important;
}

.third-row .project-view-container {
    flex-direction: row-reverse !important;
}

.project-drawer,
.project-drawer .drawer-content-static,
.project-drawer .drawer-content-target,
.project-view-media,
.project-view-info {
    cursor: pointer !important;
}

/* ==========================================================================
   15. PROJECT DRAWER METADATA TYPOGRAPHY
   ========================================================================== */
.project-view-container {
    --p-title-size: 3.8cqw;
    --p-label-size: 0.75cqw;
    --p-value-size: 1.1cqw;
    --p-desc-size: 1.25cqw;
}

.project-meta-title {
    font-family: 'Satoshi', sans-serif !important;
    color: #FFFFFF !important;
    font-size: var(--p-title-size) !important; 
    font-weight: 900 !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    letter-spacing: 0.02em !important;
    margin: 0 0 1.2cqw 0 !important; 
}

.project-meta-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.5cqw !important;
    margin-bottom: 1.5cqw !important;
}

.meta-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

.project-view-info .meta-label {
    font-family: 'Satoshi', sans-serif !important;
    color: #FFD84A !important; 
    font-size: var(--p-label-size) !important; 
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.project-view-info .meta-value {
    font-family: 'Satoshi', sans-serif !important;
    color: #FFFFFF !important;
    font-size: var(--p-value-size) !important; 
    font-weight: 500 !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.project-meta-description {
    font-family: 'Satoshi', sans-serif !important;
    color: #B0B0B0 !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    text-align: left !important;
    font-size: var(--p-desc-size) !important; 
}

/* ==========================================================================
   16. INNER GALLERY CONTROLLERS SLIDER
   ========================================================================== */
.gallery-slider-engine {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    background: #090909 !important;
    isolation: isolate !important; 
}

.gallery-slide {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    opacity: 0 !important;
    z-index: 1 !important;
    transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.gallery-slide.is-active {
    opacity: 1 !important;
    z-index: 2 !important;
}

.gallery-arrow {
    position: absolute !important;
    top: 50% !important;
    border: none !important;
    background: transparent !important;
    color: #FFFFFF !important; 
    font-weight: 200 !important; 
    -webkit-text-stroke: 0px !important; 
    width: clamp(100px, 12cqw, 180px) !important;
    height: clamp(100px, 12cqw, 180px) !important;
    font-size: clamp(4rem, 6cqw, 8rem) !important; 
    cursor: pointer !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    mix-blend-mode: normal !important; 
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.40)) !important; 
    will-change: transform, opacity !important;
    transform: translateY(-50%) translateZ(0) !important;
    opacity: 1 !important; 
    transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.25s ease !important;
}

.gallery-arrow:hover {
    opacity: 1.0 !important; 
    transform: translateY(-50%) scale(1.1) translateZ(0) !important; 
}

.arrow-left  { left: 20px !important; }
.arrow-right { right: 20px !important; }

.gallery-arrow:focus,
.gallery-arrow:focus-visible,
.gallery-arrow:active {
    outline: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   17. SEAMLESS VERTICAL MONOLITHIC SITE FOOTER (DARK THEME)
   ========================================================================== */
.custom-site-footer,
.elementor-element.custom-site-footer,
.custom-site-footer > .e-con-inner {
    background-color: #5EB7A4 !important;
    background: #111111 !important;
    width: 100% !important;
    padding: 1cqw 0 0cqw 0 !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    container-type: inline-size !important;
}

.footer-inner-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1.8cqw !important;
    width: 100% !important;
}

.footer-heading {
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 900 !important;
    font-size: 4cqw !important; 
    letter-spacing: -0.03em !important;
    color: #5EB7A4 !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.footer-email-protected {
    direction: rtl !important;
    unicode-bidi: bidi-override !important;
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 900 !important;
    font-size: 2.2cqw !important;
    color: #5EB7A4 !important;
    letter-spacing: -0.01em !important;
    user-select: none !important; 
    margin-bottom: 0.5cqw !important;
}

.copy-email-btn {
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 900 !important;
    font-size: 0.9cqw !important;
    letter-spacing: 0.08em !important;
    color: #000000 !important;
    background: #5EB7A4 !important;
    border: none !important;
    padding: 0.8cqw 2cqw !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0, 1) !important;
}

.copy-email-btn:hover {
    transform: translateY(-2px) !important;
    background: #ffffff !important;
}

.copy-email-btn.copied-active {
    background: #ffffff !important;
    color: #000000 !important;
}

/* ==========================================================================
   18. RESPONSIVE MEDIA QUERIES & TABLET/MOBILE STACKS
   ========================================================================== */
@media screen and (max-width: 1024px) {
    .main-wrapper {
        width: calc(100% - (var(--grid-gap) * 2)) !important; 
        margin: var(--grid-gap) !important;
        min-height: calc(100vh - (var(--grid-gap) * 2)) !important;
        box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.5) !important;
    }

    body {
        overflow-x: hidden !important;
        position: relative;
    }
}

/* ==========================================================================
   19. MIRRORED RIGHT-BOX EXPANDABLE DRAWER ENGINE (FULL-WIDTH IMAGE BACKGROUND)
   ========================================================================== */
/* Triggers the clipping path reveal to the left side */
.right-box.is-open .services-expanded-drawer {
    clip-path: inset(0 0 0 -40px) !important;
}

/* Anchors the main drawer frame to the right edge of the row */
.right-box .services-expanded-drawer {
    left: auto !important;
    right: 0 !important;
    clip-path: inset(0 0 0 100%) !important;
}

/* Shifts the hollow mask preview area to the right and forces it to sit ON TOP of the image */
.right-box .services-drawer-masked-pane {
    left: auto !important;
    right: 0 !important;
    z-index: 2 !important; /* Pulls graphic forward */
}

/* Blows the image container up to 100% full width and sends it to the background layer */
.right-box .services-drawer-content-clip {
    left: 0 !important;
    right: 0 !important;
    z-index: 1 !important; /* Drops image behind the graphic layer */
}

/* Forces the custom studio background image to fill the entire drawer beautifully */
.studio-drawer-bg-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}/* End custom CSS */