.tab-style-02 .nav-tabs>li.nav-item>a.nav-link.active i, .tab-style-02 .nav-tabs>li.nav-item>a.nav-link:hover i { color: #0097b1 } :root { --base-color: #0097b1; } .nav-tabs--custom li.nav-item { width: 150px; flex: 0 0 150px; margin: 0 1rem !important; } .nav-tabs--custom::-webkit-scrollbar { width: 4px; height: 6px; padding-bottom: 0.75rem; } .nav-tabs--custom::-webkit-scrollbar-thumb { background-color: var(--base-color); border-radius: 10px; } .navbar-brand img { width: 120px; max-height: 120px !important; } .footer-logo img { width: 180px; max-height: 180px !important; } #section-g9LfAB5f .swiper-slide img { max-height: 560px; object-fit: cover; } form.contact-form input[type="date"]:before, form.contact-form input[type="datetime-local"]:before { content: inherit !important; } @media (max-width: 480px) { .page-title-separate-breadcrumbs { margin-top: 5rem; } } @media (max-width: 768px) { .atropos { pointer-events: none !important; touch-action: auto !important; } .bg-gradient-dark-transparent { background: rgb(0, 0, 0); } } /* video home hero */ .video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } .opacity-medium, .background-position-center-top, #particles-style-01 { z-index: 2; } .container, .atropos, .alt-font { z-index: 3; position: relative; } .lg-fs-250, .fs-250 { line-height: 0; }