.elementor-kit-18456{--e-global-color-primary:#111111;--e-global-color-secondary:#555555;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FF6A3A;--e-global-color-f01069c:#1111111A;--e-global-color-a1767e5:#999999;--e-global-color-5496368:#C4F012;--e-global-color-092ea8d:#171717;--e-global-color-3941f43:#FCF7F3;--e-global-color-efdc18e:#FFFFFF1A;--e-global-color-86da9a5:#222222;--e-global-color-d674d24:#22222299;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-weight:normal;--e-global-typography-secondary-font-family:"Instrument Sans";--e-global-typography-secondary-font-weight:normal;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-8e197e3-font-family:"Sequel Sans Roman Body";--e-global-typography-9ca79af-font-family:"Sequel Sans Medium Body";--e-global-typography-e0c759c-font-family:"Thunder";--e-global-typography-3431749-font-family:"BDOGrotesk-Regular";--e-global-typography-15f5fcb-font-family:"Tartuffo_Trial";--e-global-typography-5e108c5-font-family:"tartuffo-font-family-family";--e-global-typography-5e108c5-font-weight:500;--e-global-typography-f30b4e4-font-family:"Beatrice Trial";--e-global-typography-a9496b6-font-family:"PPEditorialNew-Italic";--e-global-typography-91065b9-font-family:"Plus Jakarta Sans";}.elementor-kit-18456 e-page-transition{background-color:#FFBC7D;}.elementor-kit-18456 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-18456 h2{color:var( --e-global-color-primary );font-family:"Instrument Sans", Sans-serif;font-weight:normal;}.elementor-kit-18456 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-18456 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-18456 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-18456 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1620px;}.e-con{--container-max-width:1620px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS */.elementor-kit-18456 { --e-global-color-primary: #000000; } /* ========================================================= ARROX HEADER 02 - FULL WIDTH RESPONSIVE HEADER ========================================================= */ /* Main header full width */ .elementor-widget-arrox-header-2, .elementor-widget-arrox-header-2 .header-area-2, .elementor-widget-arrox-header-2 .header-main { width: 100% !important; max-width: 100% !important; } /* Header inner container */ .elementor-widget-arrox-header-2 .header-area-2__inner { width: 100% !important; max-width: 100% !important; padding-left: 60px; padding-right: 60px; height: 60px !important; display: flex; align-items: center; justify-content: space-between; } /* ========================================================= LARGE DESKTOPS (1600px+) ========================================================= */ @media (min-width: 1600px) { .elementor-widget-arrox-header-2 .header-area-2__inner { padding-left: 90px; padding-right: 90px; } } /* ========================================================= LAPTOPS (1366px - 1599px) ========================================================= */ @media (max-width: 1599px) { .elementor-widget-arrox-header-2 .header-area-2__inner { padding-left: 50px; padding-right: 50px; } .elementor-widget-arrox-header-2 .header__nav ul li a { font-size: 15px; } } /* ========================================================= TABLETS LANDSCAPE (1024px - 1365px) ========================================================= */ @media (max-width: 1365px) { .elementor-widget-arrox-header-2 .header-area-2__inner { padding-left: 35px; padding-right: 35px; } .elementor-widget-arrox-header-2 .header__nav ul li { margin-left: 12px; margin-right: 12px; } .elementor-widget-arrox-header-2 .header__button a { padding-left: 25px; padding-right: 25px; } } /* ========================================================= TABLETS (768px - 1023px) ========================================================= */ @media (max-width: 1023px) { .elementor-widget-arrox-header-2 .header-area-2__inner { padding-left: 25px; padding-right: 25px; } /* Hide desktop menu */ .elementor-widget-arrox-header-2 .header__nav { display:none; } /* Show mobile icon */ .elementor-widget-arrox-header-2 .header__navicon { display:block; } .elementor-widget-arrox-header-2 .header__logo img { max-width:160px; } } /* ========================================================= MOBILE (767px and below) ========================================================= */ @media (max-width: 767px) { .elementor-widget-arrox-header-2 .header-area-2__inner { padding-left:20px; padding-right:20px; } .elementor-widget-arrox-header-2 .header__logo img { max-width:140px; } /* Hide CTA button */ .elementor-widget-arrox-header-2 .header__button { display:none; } .elementor-widget-arrox-header-2 .header__navicon button { transform:scale(.9); } } /* ========================================================= SMALL MOBILE (480px and below) ========================================================= */ @media (max-width:480px) { .elementor-widget-arrox-header-2 .header-area-2__inner { padding-left:15px; padding-right:15px; } .elementor-widget-arrox-header-2 .header__logo img { max-width:120px; } } /* ========================================================= ARROX HEADER 02 - APPLE LIQUID GLASS STICKY EFFECT ========================================================= */ /* Smooth transition */ .elementor-widget-arrox-header-2 .header-main { transition: background .5s cubic-bezier(0.25, 1, 0.5, 1), backdrop-filter .5s cubic-bezier(0.25, 1, 0.5, 1), border-color .5s cubic-bezier(0.25, 1, 0.5, 1), box-shadow .5s cubic-bezier(0.25, 1, 0.5, 1), transform .5s cubic-bezier(0.25, 1, 0.5, 1); } /* Sticky glass state */ .elementor-widget-arrox-header-2.elementor-sticky--effects .header-main { /* Highly transparent dark base for premium contrast */ background: rgba(20, 20, 20, 0.4) !important; /* Apple-standard heavy diffusion blur */ backdrop-filter: blur(30px) saturate(180%); -webkit-backdrop-filter: blur(30px) saturate(180%); /* Razor-thin, ultra-subtle border */ border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 50px; /* Soft, realistic depth shadow instead of harsh black */ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03), 0 1px 1px rgba(0, 0, 0, 0.05); /* Prevent inner content clipping */ z-index: 9999; } /* Add premium Apple-style linear edge highlight */ .elementor-widget-arrox-header-2.elementor-sticky--effects .header-main::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.02) 40%, transparent 60% ); border-radius: 50px; pointer-events: none; z-index: 1; } /* Keep header content above glass layer */ .elementor-widget-arrox-header-2 .header-area-2__inner { position: relative; z-index: 2; } /* ========================================================= ARROX HEADER LOGO SIZE ========================================================= */ .elementor-widget-arrox-header-2 .header__logo img { width: 180px !important; height: auto !important; max-width: none !important; } /* Large screens */ @media (min-width:1600px) { .elementor-widget-arrox-header-2 .header__logo img { width:200px !important; } } /* Laptop */ @media (max-width:1599px) { .elementor-widget-arrox-header-2 .header__logo img { width:160px !important; } } /* Tablet */ @media (max-width:1023px) { .elementor-widget-arrox-header-2 .header__logo img { width:130px !important; } } /* Mobile */ @media (max-width:767px) { .elementor-widget-arrox-header-2 .header__logo img { width:110px !important; } } /* Small mobile */ @media (max-width:480px) { .elementor-widget-arrox-header-2 .header__logo img { width:90px !important; } } .offcanvas-overlay.overlay-open { opacity: 0; } .side-info { background: var(--primary) none repeat scroll 0 0; } @media (max-width: 1024px) { .elementor-1541 .elementor-element.elementor-element-c1fd4fa { padding-top: 150px !important; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; } } .elementor-1546 .elementor-element.elementor-element-2002bbc .header-area-2 { background: none !important; }/* End custom CSS */