﻿/*FUTURE FIRST*/

:root { --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-21: 1.094vw; --gap-24: 1.25vw; --gap-26: 1.354vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-44: 2.292vw; --gap-48: 2.5vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-66: 3.438vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-98: 5.104vw; --gap-100: 5.208vw; --gap-110: 5.729vw; --gap-120: 6.25vw; --gap-140: 7.292vw; --gap-160: 8.333vw; --gap-165: 8.594vw; --gap-180: 9.375vw; --gap-200: 10.417vw; --gap-210: 10.938vw; --gap-220: 11.458vw; --gap-240: 12.5vw; --fs-12: 0.625vw; --fs-13: 0.677vw; --fs-14: 0.729vw; --fs-15: 0.781vw; --fs-16: 0.833vw; --fs-18: 0.938vw; --fs-19: 0.99vw; --fs-20: 1.042vw; --fs-22: 1.146vw; --fs-24: 1.25vw; --fs-26: 1.354vw; --fs-28: 1.458vw; --fs-30: 1.563vw; --fs-32: 1.667vw; --fs-45: 2.344vw; --fs-50: 2.604vw; --; CONTAIN-INTRINSI; --fs-55: 2.865vw; --fs-38: 1.979vw; C-BLOCK-SIZE: AUTO 100PX; ==fs-55: 2.865vw; --fs-72: 3.75vw; --fs-80: 4.167vw; --fs; --fs-55: 2.865vw; -88: 4.583vw; --fs-90: 4.688vw; --fs-120: 6.25vw; --fs-160: 8.333vw; --fs-200: 10.417vw; --blue: #112d53; --yellow: #fffbec; --pink: #FAE0D2; --gray: #7A7D83; --black: #131313; --gray-stroke: #E5E5E5; --white: #fff; --beige: #f5f5f3; --error: #a60029; --font-1: 'nextexit-regular'; --font-2: 'kuenstler-script-medium'; --font-3: 'nextexit-bold'; }

@media(max-width: 1025px) {
    :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-44: 44px; --gap-48: 48px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-12: 12px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-26: 26px; --fs-28: 28px; --fs-30: 30px; --fs-32: 32px; --fs-44: 44px; --fs-56: 56px; }
}
body{ zoom:1 !important;}

#header2 { display: none; }

#home-gallery .gallery-caption { height: 100vh; top: 0%; text-align: center; display: flex; flex-direction: column; justify-content: space-between; padding-block: var(--gap-200); }
#home-gallery .gallery-caption .gallery-logo { margin: unset; width: 73%; height: auto; margin-inline: auto; }
#home-gallery .slider-bg.stellar-bg { background-size: cover; background-position: center; }
#home-gallery .gallery-caption .grid-text-content { width: 88%; font-size: clamp(20px,var(--fs-24),300px); color: white; margin-inline: auto; opacity: 1; }
#home-gallery .gallery-caption .grid-text-content a { padding-inline: var(--gap-24); padding-block: var(--gap-12); border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(2px); transition: 0.5s ease all; border-radius: 4px; color: white !important; }
#home-gallery .gallery-caption .grid-text-content p:has(a) { display: flex; justify-content: center; font-size: clamp(16px,var(--fs-18),300px); gap: var(--gap-14); margin-top: var(--gap-40); }
#home-gallery .gallery-caption .grid-text-content a:hover { background-color: rgba(75, 147, 255, 0.24); box-shadow: 0 0 5px 0 rgba(125, 231, 255, 0.90) inset, 0 0 20px 0 rgba(85, 178, 255, 0.40) inset; color: white; border: 1px solid rgba(255, 255, 255, 0.12); }
#home-gallery .scroll-down { display: none; }

#allSectionsWrapper, footer { display: none; }

@media(max-width: 1025px) {
    #home-gallery .gallery-caption { padding-block: 100px; width: 100%; padding-inline: 32px; }
    #home-gallery .gallery-caption .grid-text-content { font-size: 16px; width: 100%; padding-inline: 0; }
    #home-gallery .gallery-caption .grid-text-content a { padding-block: 0; font-size: 12px; padding-inline: 24px; display: flex; align-items: center; height: 48px; width: 114px; justify-content: center; }
    #home-gallery .gallery-caption .grid-text-content a { background-color: rgba(75, 147, 255, 0.24); box-shadow: 0 0 5px 0 rgba(125, 231, 255, 0.90) inset, 0 0 20px 0 rgba(85, 178, 255, 0.40) inset; color: white; border: 1px solid rgba(255, 255, 255, 0.12); }
    #home-gallery .gallery-caption .grid-text-content p:has(a) { gap: 16px; margin-top: 50px; }
}
