:root { --kaso-container: 1200px; --kaso-bg: #FAFAFA; --slider-bg: #000000; --topbar-bg: #E60000; --topbar-text: #FFFFFF; --top-shape-color: #FFFFFF; --bottom-shape-color: #FAFAFA; --kaso-footer-bg: #0A0A0A; --f-1-tit: #E60000; --f-1-txt: #CCCCCC; --f-1-hov: #FFFFFF; --f-2-tit: #E60000; --f-2-txt: #CCCCCC; --f-2-hov: #FFFFFF; --f-3-tit: #E60000; --f-3-txt: #CCCCCC; --f-3-hov: #FFFFFF; --f-cpy-c: #888888;  --pill-bg: #EBEBEB; --pill-thumb: #FFFFFF; --pill-icon-active: #1A1A1A; --pill-icon-inactive: #A3A3A3; --kaso-nav-bg: #FFFFFF; --menu-col: #1A1A1A; --menu-hov: #E60000; --maps-box-bg: #FFFFFF; }html[data-theme="dark"] { --kaso-bg: #121212; --topbar-bg: #0A0A0A; --topbar-text: #A3A3A3; --top-shape-color: #121212; --bottom-shape-color: #121212; --kaso-footer-bg: #050505; --f-1-tit: #E60000; --f-1-txt: #888888; --f-1-hov: #FFFFFF; --f-2-tit: #E60000; --f-2-txt: #888888; --f-2-hov: #FFFFFF; --f-3-tit: #E60000; --f-3-txt: #888888; --f-3-hov: #FFFFFF; --f-cpy-c: #666666;  --pill-bg: #2A2A2A; --pill-thumb: #121212; --pill-icon-active: #E0E0E0; --pill-icon-inactive: #888888; --kaso-nav-bg: #121212; --menu-col: #FFFFFF; --menu-hov: #E60000; --maps-box-bg: #1A1A1A; }.container { max-width: var(--kaso-container) !important; width: 100% !important; margin: 0 auto !important; padding: 0 15px !important; box-sizing: border-box !important; } .kaso-ticker-wrapper { margin-bottom: 0px !important; } .site-header .header-content { margin-bottom: 0px !important; position: relative !important; z-index: 100 !important; display: flex !important; width: 100% !important; justify-content: space-between !important; align-items: center !important; padding: 15px 15px !important; min-height: 90px !important; } .site-header { padding-bottom: 0px !important; } .kaso-contact-bar { position: relative !important; z-index: 50 !important; width: 100% !important; margin: 0 !important; } .hero-slider { margin-bottom: 0px !important; } .kaso-rates-section { padding-top: 100px !important; padding-bottom: 100px !important; } .kaso-features-section { padding-top: 100px !important; padding-bottom: 100px !important; } .kaso-locations-section { padding-top: 100px !important; padding-bottom: 100px !important; } .site-header .header-zone { display: flex !important; align-items: center !important; } .site-header .header-zone.zone-center { flex: 1 1 auto !important; justify-content: center !important; padding: 0 30px !important; } .site-header nav, .site-header .main-navigation, .site-header div[class*='menu-'] { display: flex !important; width: 100% !important; justify-content: center !important; } .site-header nav ul, .site-header .menu, .site-header .nav-menu { display: flex !important; flex-direction: row !important; list-style: none !important; margin: 0 !important; padding: 0 !important; gap: 30px !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; } .site-header nav ul li, .site-header .menu li { position: relative !important; margin: 0 !important; padding: 0 !important; } .site-header nav a, .site-header .menu a, .kaso-mobile-nav a { font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; font-size: 15px !important; color: var(--menu-col) !important; text-decoration: none !important; transition: all 0.3s ease !important; position: relative !important; display: inline-block !important; padding: 5px 0 !important; } .site-header nav a:hover, .site-header .menu a:hover, .kaso-mobile-nav a:hover { color: var(--menu-hov) !important; } .site-header nav ul ul.sub-menu, .site-header .menu ul.sub-menu { display: none !important; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); flex-direction: column !important; background: var(--kaso-nav-bg) !important; padding: 10px !important; box-shadow: 0 5px 20px rgba(0,0,0,0.1); gap: 10px !important; min-width: 200px; z-index: 999; border-radius: 8px; } .site-header nav ul li:hover > ul.sub-menu, .site-header .menu li:hover > ul.sub-menu { display: flex !important; } @media (max-width: 991px) { .site-header nav, .site-header .menu, .site-header .main-navigation { display: none !important; } .kaso-hamburger { display: flex !important; } } @media (min-width: 992px) { .kaso-hamburger, .kaso-mobile-drawer { display: none !important; } } .kaso-hamburger { background: transparent; border: none; cursor: pointer; color: var(--menu-col); padding: 10px; z-index: 101; display: none; margin-left: auto; } .kaso-hamburger svg { transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .kaso-hamburger.is-active svg { transform: rotate(90deg); } .kaso-hamburger .line-top, .kaso-hamburger .line-mid, .kaso-hamburger .line-bot { transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); transform-origin: center; } .kaso-hamburger.is-active .line-mid { opacity: 0; transform: scaleX(0); } .kaso-hamburger.is-active .line-top { transform: translateY(6px) rotate(45deg); } .kaso-hamburger.is-active .line-bot { transform: translateY(-6px) rotate(-45deg); } .kaso-mobile-drawer { position: fixed; inset: 0; z-index: 9999999; pointer-events: none; } .kaso-mobile-drawer.is-open { pointer-events: auto; } .kaso-drawer-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); opacity: 0; transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1); } .kaso-mobile-drawer.is-open .kaso-drawer-overlay { opacity: 1; } .kaso-drawer-content { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; max-width: 420px; background: var(--kaso-nav-bg); box-shadow: -20px 0 60px rgba(0,0,0,0.3); transform: translateX(100%); transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: column; overflow-y: auto; } .kaso-mobile-drawer.is-open .kaso-drawer-content { transform: translateX(0); } .kaso-drawer-header { display: flex; justify-content: flex-end; padding: 25px 30px; } .kaso-drawer-close { background: transparent; border: none; cursor: pointer; color: var(--menu-col); padding: 10px; transition: transform 0.4s ease; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(128,128,128,0.1); } .kaso-drawer-close:hover { transform: rotate(90deg); color: var(--menu-hov); background: rgba(128,128,128,0.2); } .kaso-mobile-nav { padding: 10px 40px 50px; } .kaso-mobile-nav ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; } .kaso-mobile-nav > ul > li { opacity: 0; transform: translateX(40px); transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); width: 100%; } .kaso-mobile-drawer.is-open .kaso-mobile-nav > ul > li { opacity: 1; transform: translateX(0); transition-delay: calc(0.1s + (var(--stagger-idx, 0) * 0.05s)); } .kaso-mobile-nav a { display: inline-block; width: auto; font-size: calc(15px + 4px) !important; padding: 10px 0 !important; } .kaso-mobile-nav ul.sub-menu { display: none; margin-top: 10px; padding-left: 20px; gap: 10px; border-left: 2px solid var(--menu-hov); opacity: 0; transform: translateY(-10px); transition: all 0.3s ease; } .kaso-mobile-nav li.menu-item-has-children > a::after, .kaso-mobile-nav li.page_item_has_children > a::after { content: ' ▾'; font-size: 0.7em; opacity: 0.6; margin-left: 5px; display: inline-block; transition: transform 0.3s; } .kaso-mobile-nav li.is-active > a::after { transform: rotate(180deg); } .kaso-mobile-nav li.is-active > ul.sub-menu { display: flex; opacity: 1; transform: translateY(0); animation: subMenuIn 0.4s forwards; } .site-header nav a::after, .site-header .menu a::after, .kaso-mobile-nav a::after { content: ''; position: absolute !important; bottom: -2px !important; left: 50% !important; transform: translateX(-50%) !important; width: 0% !important; height: 2px !important; background-color: var(--menu-hov) !important; transition: width 0.3s ease, left 0.3s ease !important; } .site-header nav a:hover::after, .site-header .menu a:hover::after, .kaso-mobile-nav a:hover::after { width: 100% !important; left: 0 !important; transform: none !important; }.kaso-features-title { font-family: 'Montserrat', sans-serif !important; font-weight: 800 !important; }.kaso-glow-card:nth-child(1) { padding: 1.5px !important; background-color: rgba(128, 128, 128, 0.1) !important; border-radius: 16px !important; order: 1 !important; } .kaso-glow-card:nth-child(1)::after { border-radius: inherit !important; } .kaso-glow-card:nth-child(1)::before { border-radius: calc(16px - 1.5px) !important; } .kaso-glow-card:nth-child(1) .kaso-glow-card-content { border-radius: calc(16px - 1.5px) !important; } .kaso-glow-card:nth-child(1)::after { background: radial-gradient(600px circle at var(--mouse-x, 0) var(--mouse-y, 0), rgba(230,0,0,0.5), transparent 40%) !important; } .kaso-glow-card:nth-child(1) { --icon-x: 0px; --icon-y: 0px; --title-x: 0px; --title-y: 0px; --desc-x: 0px; --desc-y: 0px; } .kaso-glow-card:nth-child(1) h3 { font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; } .kaso-glow-card:nth-child(1) p { font-family: 'Montserrat', sans-serif !important; font-weight: 400 !important; } .kaso-glow-card:nth-child(2) { padding: 1.5px !important; background-color: rgba(128, 128, 128, 0.1) !important; border-radius: 16px !important; order: 2 !important; } .kaso-glow-card:nth-child(2)::after { border-radius: inherit !important; } .kaso-glow-card:nth-child(2)::before { border-radius: calc(16px - 1.5px) !important; } .kaso-glow-card:nth-child(2) .kaso-glow-card-content { border-radius: calc(16px - 1.5px) !important; } .kaso-glow-card:nth-child(2)::after { background: radial-gradient(600px circle at var(--mouse-x, 0) var(--mouse-y, 0), rgba(230,0,0,0.5), transparent 40%) !important; } .kaso-glow-card:nth-child(2) { --icon-x: 0px; --icon-y: 0px; --title-x: 0px; --title-y: 0px; --desc-x: 0px; --desc-y: 0px; } .kaso-glow-card:nth-child(2) h3 { font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; } .kaso-glow-card:nth-child(2) p { font-family: 'Montserrat', sans-serif !important; font-weight: 400 !important; } .kaso-glow-card:nth-child(3) { padding: 1.5px !important; background-color: rgba(128, 128, 128, 0.1) !important; border-radius: 16px !important; order: 3 !important; } .kaso-glow-card:nth-child(3)::after { border-radius: inherit !important; } .kaso-glow-card:nth-child(3)::before { border-radius: calc(16px - 1.5px) !important; } .kaso-glow-card:nth-child(3) .kaso-glow-card-content { border-radius: calc(16px - 1.5px) !important; } .kaso-glow-card:nth-child(3)::after { background: radial-gradient(600px circle at var(--mouse-x, 0) var(--mouse-y, 0), rgba(230,0,0,0.5), transparent 40%) !important; } .kaso-glow-card:nth-child(3) { --icon-x: 0px; --icon-y: 0px; --title-x: 0px; --title-y: 0px; --desc-x: 0px; --desc-y: 0px; } .kaso-glow-card:nth-child(3) h3 { font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; } .kaso-glow-card:nth-child(3) p { font-family: 'Montserrat', sans-serif !important; font-weight: 400 !important; } .kaso-glow-card:nth-child(4) { padding: 1.5px !important; background-color: rgba(128, 128, 128, 0.1) !important; border-radius: 16px !important; order: 4 !important; } .kaso-glow-card:nth-child(4)::after { border-radius: inherit !important; } .kaso-glow-card:nth-child(4)::before { border-radius: calc(16px - 1.5px) !important; } .kaso-glow-card:nth-child(4) .kaso-glow-card-content { border-radius: calc(16px - 1.5px) !important; } .kaso-glow-card:nth-child(4)::after { background: radial-gradient(600px circle at var(--mouse-x, 0) var(--mouse-y, 0), rgba(230,0,0,0.5), transparent 40%) !important; } .kaso-glow-card:nth-child(4) { --icon-x: 0px; --icon-y: 0px; --title-x: 0px; --title-y: 0px; --desc-x: 0px; --desc-y: 0px; } .kaso-glow-card:nth-child(4) h3 { font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; } .kaso-glow-card:nth-child(4) p { font-family: 'Montserrat', sans-serif !important; font-weight: 400 !important; } .kaso-glow-card:nth-child(5) { padding: 1.5px !important; background-color: rgba(128, 128, 128, 0.1) !important; border-radius: 16px !important; order: 5 !important; } .kaso-glow-card:nth-child(5)::after { border-radius: inherit !important; } .kaso-glow-card:nth-child(5)::before { border-radius: calc(16px - 1.5px) !important; } .kaso-glow-card:nth-child(5) .kaso-glow-card-content { border-radius: calc(16px - 1.5px) !important; } .kaso-glow-card:nth-child(5)::after { background: radial-gradient(600px circle at var(--mouse-x, 0) var(--mouse-y, 0), rgba(230,0,0,0.5), transparent 40%) !important; } .kaso-glow-card:nth-child(5) { --icon-x: 0px; --icon-y: 0px; --title-x: 0px; --title-y: 0px; --desc-x: 0px; --desc-y: 0px; } .kaso-glow-card:nth-child(5) h3 { font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; } .kaso-glow-card:nth-child(5) p { font-family: 'Montserrat', sans-serif !important; font-weight: 400 !important; } .kaso-locations-section h2.kaso-maps-main-title { font-family: 'Montserrat', sans-serif !important; font-weight: 800 !important; font-size: 32px !important;  } .kaso-map-slider-wrapper { max-width: 1000px !important; } .kaso-map-content-box { min-height: 400px !important; border-radius: 16px !important; background-color: var(--maps-box-bg) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important; } .kaso-map-tab { font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; font-size: 15px !important; border-radius: 50px !important; background: #eeeeee !important; color: #333333 !important; } .kaso-map-tab.active { background: #E60000 !important; color: #ffffff !important; box-shadow: 0 5px 15px #E600004D !important; opacity: 1 !important; } .kaso-map-info h3 { font-family: 'Montserrat', sans-serif !important; font-size: 24px !important;  } .kaso-map-desc, .kaso-map-contact-item { font-family: 'Montserrat', sans-serif !important; font-size: 15px !important;  } .kaso-map-contact-item strong { color: #E60000 !important; } .site-footer, #colophon, footer.site-footer { padding-top: 60px !important; padding-bottom: 20px !important; background-color: var(--kaso-footer-bg) !important; } .foot-tit-1 { font-family: 'Montserrat', sans-serif !important; font-size: 20px !important; color: var(--f-1-tit) !important; margin-bottom: 20px !important; font-weight: 700 !important; } .foot-txt-1, .foot-txt-1 p, .foot-txt-1 li, .foot-txt-1 a { font-family: 'Montserrat', sans-serif !important; font-size: 15px !important; color: var(--f-1-txt) !important; line-height: 1.6 !important; text-decoration: none !important; transition: color 0.3s ease !important; } .foot-txt-1 a:hover { color: var(--f-1-hov) !important; } .foot-txt-1 ul { list-style: none !important; padding: 0 !important; margin: 0 !important; } .foot-txt-1 li { margin-bottom: 10px !important; } .foot-tit-2 { font-family: 'Montserrat', sans-serif !important; font-size: 20px !important; color: var(--f-2-tit) !important; margin-bottom: 20px !important; font-weight: 700 !important; } .foot-txt-2, .foot-txt-2 p, .foot-txt-2 li, .foot-txt-2 a { font-family: 'Montserrat', sans-serif !important; font-size: 15px !important; color: var(--f-2-txt) !important; line-height: 1.6 !important; text-decoration: none !important; transition: color 0.3s ease !important; } .foot-txt-2 a:hover { color: var(--f-2-hov) !important; } .foot-txt-2 ul { list-style: none !important; padding: 0 !important; margin: 0 !important; } .foot-txt-2 li { margin-bottom: 10px !important; } .foot-tit-3 { font-family: 'Montserrat', sans-serif !important; font-size: 20px !important; color: var(--f-3-tit) !important; margin-bottom: 20px !important; font-weight: 700 !important; } .foot-txt-3, .foot-txt-3 p, .foot-txt-3 li, .foot-txt-3 a { font-family: 'Montserrat', sans-serif !important; font-size: 15px !important; color: var(--f-3-txt) !important; line-height: 1.6 !important; text-decoration: none !important; transition: color 0.3s ease !important; } .foot-txt-3 a:hover { color: var(--f-3-hov) !important; } .foot-txt-3 ul { list-style: none !important; padding: 0 !important; margin: 0 !important; } .foot-txt-3 li { margin-bottom: 10px !important; } .foot-copy-txt, .foot-copy-txt p { font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; color: var(--f-cpy-c) !important; margin:0 !important; } .kaso-btn { padding: 10px 24px !important; border-radius: 8px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important; font-size: 13px !important; transition: all 0.3s ease !important; }.slider-btn { border-radius: 8px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important; }