/**** begin countdown colors ****/
.flip-clock-wrapper ul,
.flip-clock-wrapper ul li a div div.inn,
.flip-clock-divider .flip-clock-dot {
	background-color: var(--flipclock-bg-color);
}
.flip-clock-wrapper ul li a div div.inn {
	color: var(--flipclock-color);
}
/**** endof countdown colors ****/

/**** begin custom style ****/
body {
    margin: 0;
    padding: 0;
    font-family: 'Assistant', sans-serif;
}

header {
    display: block;
    position: relative;
}
header .header-wrapper {
    display: block;
    position: relative;
}
header .header-wrapper.bottom {
    border-radius: 25px 25px 0 0;
}
header .header-wrapper .logo-wrapper {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 200px;
}
header .header-wrapper .logo-wrapper img {
    width: 100%;
}
header .header-wrapper .header-title {
    display: block;
    position: relative;
}
header .header-wrapper .header-title h5,
header .header-wrapper .header-title p {
    font-weight: 900 !important;
}
header .header-wrapper .menu-wrapper {
    display: block;
    position: relative;
    padding: 0 5px;
    border-radius: 12px 12px 0 0;
    z-index: 1;
}
header .header-wrapper .menu-wrapper::before,
header .header-wrapper .menu-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
    width: 100px;
    height: auto;
    background-color: var(--color-6);
    border-radius: 12px 0 0 0;
    transform: skewX(-30deg);
    z-index: -1;
}
header .header-wrapper .menu-wrapper::after {
    left: auto;
    right: -10px;
    border-radius: 0 12px 0 0;
    transform: skewX(30deg);
}
header .header-wrapper .menu-wrapper .navbar .navbar-nav > .nav-item > .nav-link {
    padding: 0 5px;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    line-height: 48px;
    text-transform: uppercase;
}
header .header-wrapper .menu-wrapper .navbar .navbar-nav > .nav-item.active > .nav-link {
    color: var(--color-5);
}

section {
    display: block;
    position: relative;
}
section .content-wrapper {
    display: block;
    position: relative;
    z-index: 1;
}
section .content-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    background-image: url(../images/pattern.jpg);
    background-position: center center;
    background-size: 400px;
    opacity: 0.35;
    z-index: -1;
}
section .card.card-banner,
section .card.card-banner .card-body {
    border-radius: 12px;
    background-image: url(../images/bg-shape.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
section .card.card-banner .card-body .card-icon {
    display: block;
    position: relative;
    max-width: 60px;
}
section .card.card-banner .card-body .card-icon img {
    width: 100%;
}
section .card.card-banner .card-body .card-title {
    font-size: 22px;
    text-transform: uppercase;
}

footer {
    display: block;
    position: relative;
}
footer .footer-wrapper {
    display: block;
    position: relative;
    margin-bottom: 25px;
    border-radius: 0 0 25px 25px;
}

.background {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    background-image: linear-gradient(120deg, var(--color-8), var(--color-5));
    filter: blur(5px);
    opacity: 0.5;
}
/**** endof custom style ****/