/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=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');
@import url('https://cdn.jsdelivr.net/npm/zoomist@2/zoomist.css');
:root {
  --primary: #3f83f8;
  --secondary: #3b97cf;
  --tertiary: #ed8900;
}
/* 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: #fff !important}
.nav-item:not(.no-hover):hover{background: rgba(0, 0, 0, 0.1) !important}
button, a.btn{font-weight: 800 !important;}
body {font-family: "Poppins", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;font-display: swap;}
h1, h2, h3, h4, h5, h6 {font-family: "Poppins", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;font-display: swap;}
.leaf-l{ border-radius: 8em 0 !important}
.leaf-r{ border-radius: 0 8em !important}
body {background: url('../assets/main/web-bg.webp');background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
body{background-image: url('../assets/main/bg-top-right.webp'), url('../assets/main/bg-bottom-left.webp'), url('../assets/main/web-bg.webp');background-position: top right, bottom left, center;background-repeat: no-repeat no-repeat, no-repeat;background-size:  auto, auto, cover;background-attachment: inherit, inherit, fixed}
header{box-shadow: none !important}
header.header-fixed{background-color: #172f6f !important}
/* .header a {color: #172f6f !important;} */
#count, .bg-blue-alt{background-color: var(--secondary);}
.bg-orange-alt{background-color: var(--tertiary) !important;}
.bg-pink-alt{background-color: #e4688d !important;}
.blue-alt{color: var(--secondary) !important;}
.bg-gradient-1{background: linear-gradient(135deg, #14a68d, #00adb9, #14a68d);}
#programme {background-image: url('../assets/main/bc-top-left.webp'), url('../assets/main/bc-bottom-right.webp'), linear-gradient(135deg, #14a68d, #00adb9, #14a68d);background-position: top left, bottom left, center;background-repeat: no-repeat no-repeat, no-repeat;background-size: auto, auto, cover;}
#works {background-image: url('../assets/main/bc-top-left.webp'), url('../assets/main/bc-bottom-right.webp'), linear-gradient(135deg, #14a68d, #00adb9, #14a68d);background-position: top left, bottom left, center;background-repeat: no-repeat no-repeat, no-repeat;background-size: auto 40%, auto 40%, cover;}
#local {position: relative;background: linear-gradient(135deg, #14a68d, #00adb9, #14a68d);}
#local::before {content: "";position: absolute;inset: 0;background-image: url('../assets/main/bg-top-right.webp'), url('../assets/main/bg-bottom-left.webp');background-position: top right, bottom left;background-repeat: no-repeat, no-repeat;background-size: auto, auto;transform: scaleX(-1);}
#pricetable {z-index: 0;position: relative;background-color: var(--secondary);background-image: url('../assets/main/bc-top-left.webp');background-position: top left;background-repeat: no-repeat;background-size: auto;}
#pricetable::before {content: "";position: absolute;inset: 0;z-index: -1; background-image: url('../assets/main/bc-bottom-right.webp');background-position: bottom left;background-repeat: no-repeat;background-size: auto;transform: scaleX(-1);}
#housing {position: relative;background: linear-gradient(135deg, #14a68d, #00adb9, #14a68d);}
#housing::before {content: "";position: absolute;inset: 0;background-image: url('../assets/main/bc-top-left.webp'), url('../assets/main/bc-bottom-right.webp');background-position: top left, bottom left;background-repeat: no-repeat, no-repeat;background-size: auto, auto;transform: scaleX(-1);}
.square {aspect-ratio: 1 / 1;}
.mb-n3{margin-bottom: -3em;}
/* table */
.table td, .table th{vertical-align: middle !important;white-space: nowrap}
/* 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 a{color: var(--primary); border-color:var(--primary)}
/* main */
.header-brand{margin-bottom: -1.5em}
/* .header-nav.active{margin-top: 1.5em} */
.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 {width: 25%;border: 1px solid var(--secondary);margin: 0 auto}
/* 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: 700px;}
/* 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: #172f6f;font-size: 2em;align-self: center;transform: rotate(-30deg);opacity: 1;}
/*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%)}
/* query */
@media screen and (max-width: 360px) {
  .ml-n3{margin-left: 0;}
  .mr-n3{margin-right: 0;}
  #venue picture img{border-radius: 0 5em 0 5em;}
  h1.headline-3, p.headline-4{font-size: 2rem !important;}
}
@media screen and (max-width: 640px) {
  .ml-n3{margin-left: 0;}
  .mr-n3{margin-right: 0;}
  #venue picture img{border-radius: 0 5em 0 5em;}
  h1.headline-3, p.headline-4{font-size: 2.25rem !important;}
  .list-dropdown .menu {top: 0% !important}
  /* .table thead {display: none}
  .table, .table tbody, .table tr, .table td, .table th {display: block;width: 100%} */
  .header .header-nav .nav-item > a.btn {padding: .25em 1em !important;width: auto !important;}
}
@media screen and (min-width: 768px) {
  .ml-n3{margin-left: 0;}
  .mr-n3{margin-right: 0;}
  #destiny picture:first-child img {border-radius: 10em 0 0 0;}
  #destiny picture:nth-child(2) img {border-radius: 0 5em 0 0;}
  #destiny picture:nth-child(3) img {border-radius: 0 0 5em 0;}
  #venue picture img{border-radius: 0 10em 0 10em;}
  .header-brand {margin-bottom: -2em}
  .header .header-nav .nav-item>a.btn {padding: .25em 1em !important;width: auto !important;}
}
@media screen and (min-width: 1024px) {
  .ml-n3{margin-left: -3em;}
  .mr-n3{margin-right: -3em;}
  #destiny picture:first-child img {border-radius: 15em 0 0 0;}
  #destiny picture:nth-child(2) img {border-radius: 0 10em 0 0;}
  #destiny picture:nth-child(3) img {border-radius: 0 0 10em 0;}
  #venue picture img{border-radius: 0 10em 0 10em;}
  hr.line {width: 10%}
  .header-brand {margin-bottom: -2em}
}
@media screen and (min-width: 1280px) {
  .ml-n3{margin-left: -3em;}
  .mr-n3{margin-right: -3em;}
  #destiny picture:first-child img {border-radius: 15em 0 0 0;}
  #destiny picture:nth-child(2) img {border-radius: 0 10em 0 0;}
  #destiny picture:nth-child(3) img {border-radius: 0 0 10em 0;}
  #venue picture img{border-radius: 0 10em 0 10em;}
  hr.line {width: 10%}
  .header-brand {margin-bottom: -2em}
}
