body {
    background-color: black;
    color: white;
}

.navik-menu ul li>a {
    color: #ffffff;
}

.navik-header {
    background-color: black;
}

.navik-header .logo img {
    width: auto;
    max-width: inherit;
    max-height: 50px;
}

.navik-header.sticky .logo img {
    max-height: 50px;
}

.nav-item,
.fa-phone {
    color: white !important;
}

.line-menu {
    background-color: white;
}

::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 8px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}

a {
    color: #ffffff
}

.navik-menu li>ul {
    background-color: #000000;
}

.navik-header img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.navik-menu.navik-yellow ul li:hover>a,
.navik-menu.navik-yellow .mega-menu-heading a:hover {
    color: #ffee15;
}

.card-box {
    border-style: solid;
    border-color: #fff;
    color: #000;
}

.card-box:hover {
    border-style: solid;
    border-color: #ffee15;
    background-color: #ffee15;
    color: #000;
}

.card-box:hover>.btn {
    color: #000;
}

h2 {
    color: #fff;
}

h2.menu:hover {
    color: #000;
}

.ico-social:hover {
    color: #ffee15;
}

.navik-header.header-transparent-on,
.navik-header.header-opacity-on {
    background-color: #00000091;
}