/* auto-generated by admin settings */
/* cute easter egg: tiny cat guards the palette :3 */
header .header-inner { padding: 15px 20px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
header .logo { margin-bottom: -6% !important; max-width: 160px !important; width: 160px !important; display: block !important; }
header .logo > a { display: block !important; line-height: 0 !important; }
header .logo > a > img.logo { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; object-fit: contain !important; }
.contact { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; position: relative !important; }
nav.nav .menu { margin: 0 !important; align-items: center !important; }
@media (max-width: 768px) { header .logo { margin-bottom: -2% !important; margin-left: 8% !important; width: 140px !important; max-width: 140px !important; } .contact { padding-right: 44px !important; } }
.nav-wrapper, .nav { background-color: #ffffff !important; }
.nav a, .nav .menu > li > a { color: #000000 !important; }
.nav .dropdown-menu a { color: #000000 !important; }
#banner { background-color: #ffffff !important; background-image: url("/images/admin-uploads/banner-background.png") !important; background-size: 100% auto !important; background-position: center top !important; background-repeat: no-repeat !important; }
#banner:has(.slideshow-container) { overflow: hidden !important; min-height: clamp(420px, 47vw, 760px) !important; padding: clamp(36px, 6vw, 104px) 20px clamp(44px, 6vw, 96px) !important; }
#banner:has(.slideshow-container) .slideshow-container { width: min(1100px, calc(100vw - clamp(24px, 6vw, 80px))) !important; max-width: 1100px !important; max-height: none !important; height: auto !important; aspect-ratio: 11 / 3 !important; margin: 0 auto clamp(20px, 3vw, 34px) !important; }
.slideshow-container a, .slideshow-container picture { display: block !important; width: 100% !important; height: 100% !important; }
.slide img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%) !important; mask-image: linear-gradient(to bottom, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%) !important; }
@media (max-width: 768px) { #banner:has(.slideshow-container) { min-height: auto !important; padding: clamp(22px, 6vw, 42px) 12px clamp(32px, 8vw, 54px) !important; } #banner:has(.slideshow-container) .slideshow-container { width: min(100%, calc(100vw - 24px)) !important; margin: 0 auto 18px !important; } #banner:has(.slideshow-container) .scroll-btn { margin-top: 16px !important; } }
.scroll-btn, #scrollToTopBtn { background-color: #dd3333 !important; }
.line, nav.nav a::after, .contact p::after { background-color: #dd3333 !important; }
.slideshow-container { border: 0 !important; border-radius: 0 !important; box-sizing: border-box; isolation: isolate; box-shadow: none !important; }
.slideshow-container::after { content: none !important; }
.services .card { background-color: #dbe0ff !important; border-color: #d2d8f6 !important; }
.services .card:hover { background-color: #a3b9e9 !important; border-color: #dd3333 !important; }
.services .card button:hover { background-color: #dd3333 !important; border-color: #dd3333 !important; }