/* Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,600,700display=swap');
/* libs */
@import url('https://cdn.jsdelivr.net/npm/owl.carousel@2.3.4/dist/assets/owl.carousel.min.css');
@import url('owl.theme.default.min.css');
:root {
  --primary: #0E9F6E;
  --secondary: #3F83F8;
}
/* preloader */
#preloader {top: 0; right: 0;bottom: 0;width: 100%;height: 100%;left: 0;position: fixed;z-index: 1999}
#preloader img {margin: auto;display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0}
/* custom */
.nav-item.has-sub .nav-dropdown-link::after{border-color: var(--secondary) !important}
.nav-item:not(.no-hover):hover{background: rgba(0, 0, 0, 0.1) !important}
button, .btn {font-weight: bold !important}
body, p{ font-family: 'Montserrat'; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-display: swap}
/* table */
.table td, .table th{vertical-align: middle !important}
/* tabs */
.tab-container ul {border: none; box-shadow: none}
.tab-container li:hover .tab-item-content {border-color:var(--primary)}
.tab-container ul li.selected .tab-item-content{color: var(--primary); border-color:var(--primary)}
/* main */
.header-brand{margin-bottom: -1.25em}
.header-nav.active{margin-top: 1.25em}
.bg-blur{background: rgba(255, 255, 255, 0.46);backdrop-filter: blur(7px);-webkit-backdrop-filter: blur(7px)}
.countdown > .u-relative {width: 5.5em; height: 5.5em; margin: .25em;}
.border-list li{padding: .5em 0; border-bottom-width: 2px;border-color: var(--secondary)}
.border-list li:last-child {border-bottom-width: 0}
hr.line-round {border: none;height: .5em;width: 90%;margin: 0 auto;border-radius: .5em;background: linear-gradient(to right, #233876 0% 20%, #d61f69 20% 40%, #fab633 40% 60%, #76a9fa 60% 80%, #057a55 80% 100%)}
/* scrollbar */
*::-webkit-scrollbar {width: 5px;width: 5px} /*chrome, edge and safari*/
*::-webkit-scrollbar-track{background-color:transparent;border-radius: 1em}
*::-webkit-scrollbar-track:hover {background-color:#eee;opacity: 0.3}
*::-webkit-scrollbar-track:active {background-color:#eee;opacity: 0.3}
*::-webkit-scrollbar-thumb {background-color:grey; border-radius: 1em}
*::-webkit-scrollbar-thumb:hover {background-color:var(--primary)}
*::-webkit-scrollbar-thumb:active {background-color: grey}
.scroll-bar{height: 500px;}
/* disabled overlay */
.disabled-overlay {position: absolute;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.46);z-index: 1;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(3px);}
.txt-disabled {color: var(--color-950);font-size: 2em;align-self: center;transform: rotate(-30deg);opacity: 1;}
/*e-accordion*/
.e-wrapper {position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden}
.e-card-inner {position: relative;border-radius: 1.5em;overflow: hidden;cursor: pointer;transition: all 0.5s cubic-bezier(0, 0.45, 0.32, 0.98)}
.e-card-inner .e-img-wrapper {width: 100%;height: 100%;position: absolute;inset: 0}
.e-card-inner .e-img-wrapper img{width: 100%;height: 100%;object-fit: cover}
/*backtop*/
.backtop {width: 2.5rem;height: 2.5rem;padding: .5rem;margin: 0;position: fixed;bottom: 1.5rem;right: 1.5rem;z-index: 99}
.backtop i {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
/*footer reveal*/
main{min-height: 100vh;position: relative;z-index: 1}
footer{position: sticky;bottom: 0;left: 0;width: 100%;z-index: 0}
/* query */
@media screen and (max-width: 400px) {
  .e-wrapper {flex-wrap: wrap}
  .e-card {padding: .25em;}
  .e-card-inner {--size: 42px !important; width: calc(var(--size) * .9);height: calc(var(--size) * 4)}
  .e-card.active .e-card-inner {width: calc(var(--size) * 4)}
}
@media screen and (max-width: 640px) {
  .list-dropdown .menu {top: 0% !important}
  .header-brand { margin-bottom: -.75em}
  /* #hero {background-image: url('../assets/hero/bg-hero-[sm].webp');background-position: center center;background-size: cover;background-repeat: no-repeat} */
  .table thead {display: none}
  .table, .table tbody, .table tr, .table td {display: block;width: 100%}
  .table tr{margin-bottom: .5em}
  .table tbody tr td{text-align: right;padding-left: 45%;position: relative}
  .table td:before{content: attr(data-label);position: absolute;left: 0;width: 45%;padding-left: 1em;text-align: left;font-weight: 700;font-size: .8rem;}
  .header .header-nav .nav-item > a.btn {padding: .25em 1em !important;width: auto !important;}
  .e-wrapper {flex-wrap: wrap}
  .e-card {padding: .25em;}
  .e-card-inner {--size: 50px; width: calc(var(--size) * .9);height: calc(var(--size) * 6)}
  .e-card.active .e-card-inner {width: calc(var(--size) * 5)}
}
@media screen and (min-width: 768px) {
  .header-brand { margin-bottom: -1em}
  /* #hero {background-image: url('../assets/hero/bg-hero-[sm].webp');background-position: center center;background-size: cover;background-repeat: no-repeat} */
  .header .header-nav .nav-item > a.btn {padding: .25em 1em !important;width: auto !important;}
  .e-wrapper {flex-wrap: wrap}
  .e-card {padding: .5em}
  .e-card-inner {--size: 130px; width: calc(var(--size) * .9);height: calc(var(--size) * 2.5)}
  .e-card:hover .e-card-inner {width: var(--size)}
  .e-card.active .e-card-inner {width: calc(var(--size) * 3)}
}
@media screen and (min-width: 1024px) {
  .header-brand { margin-bottom: -1.5em}
  /* #hero {background-image: url('../assets/hero/bg-hero-[md].webp');background-position: center center;background-size: cover;background-repeat: no-repeat} */
  .e-wrapper {flex-wrap: nowrap}
  .e-card {padding: .5em}
  .e-card-inner {--size: 130px; width: calc(var(--size) * .9);height: calc(var(--size) * 4)}
  .e-card:hover .e-card-inner {width: var(--size)}
  .e-card.active .e-card-inner {width: calc(var(--size) * 5)}
}
@media screen and (min-width: 1280px) {
  .header-brand {margin-bottom: -1.5em}
  /* #hero {background-image: url('../assets/hero/bg-hero-[xl].webp');background-position: center center;background-size: cover;background-repeat: no-repeat} */
  .e-wrapper {flex-wrap: nowrap}
  .e-card {padding: .5em}
  .e-card-inner {--size: 150px; width: calc(var(--size) * .9);height: calc(var(--size) * 4)}
  .e-card:hover .e-card-inner {width: var(--size)}
  .e-card.active .e-card-inner {width: calc(var(--size) * 5)}
}