:root { --primary-color: #ffcf3d; --primary-rgb: 255, 207, 61; --secondary-color: #000000; --secondary-light: #17171b; --text-color: #fff; --text-light: #b9b9bb; --primary-font: 'Public Sans'; --title-font: 'Inter'; --bs-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1); }

/* Fonts */
@font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../webfonts/Public-Sans/Public-Sans.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; src: url(../webfonts/Inter/Inter-Light.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; src: url(../webfonts/Inter/Inter.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; src: url(../webfonts/Inter/Inter-Medium.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; src: url(../webfonts/Inter/Inter-Semi.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; src: url(../webfonts/Inter/Inter-Bold.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 900; font-display: swap; src: url(../webfonts/Inter/Inter-Black.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }



body { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: var(--primary-font); line-height: 1.5; font-size: 16px; color: var(--text-color); background: var(--secondary-color); }
::selection {background: #fff; color: var(--secondary-color);}
.light { font-weight: 300 !important; }
.normal { font-weight: 400 !important; }
.medium { font-weight: 500 !important; }
.semi { font-weight: 600 !important; }
.bold { font-weight: 700 !important; }
.ebold { font-weight: 800 !important; }
.f-black { font-weight: 900 !important; }
.fs-10 { font-size: 10px !important; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-18 { font-size: 18px !important; }
.title-font { font-family: var(--title-font); }
.primary-font { font-family: var(--primary-font); }
h1, h2, h3, h4, h5, h6 { margin-top: 0; font-style: normal; font-weight: 400; text-transform: normal; }
.clear { clear: both; }
a, button { color: var(--primary-color); outline: medium none; text-decoration: none; }
a:focus, .button:focus { text-decoration: none; outline: none; }
a:hover { color: #fff;  }
button:focus, input:focus, input:focus, textarea, textarea:focus { outline: 0; }
input:focus::-moz-placeholder { opacity: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
.alignleft {float: left; margin: 0.5em 1em 0.5em 0;}
.alignright {float: right; margin: 0.5em 0 0.5em 1em;}
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}
.primary-color { color: var(--primary-color) !important; }
.bg-primary-color { background-color: var(--primary-color) !important; }
.border-primary-color { border-color: var(--primary-color) !important; }
.secondary-color { color: var(--secondary-color) !important; }
.bg-secondary-color { background-color: var(--secondary-color) !important; }
.border-secondary-color { border-color: var(--secondary-color) !important; }
.secondary-light { color: var(--secondary-light) !important; }
.bg-secondary-light { background-color: var(--secondary-light) !important; }
.border-secondary-light { border-color: var(--secondary-light) !important; }
.text-dark { color: #333 !important; }
.bg-f0 { background: #f0f0f0 !important; }
.bg-f4 { background: #f4f4f4 !important; }
.bg-f5 { background: #f5f5f5 !important; }
.bg-f9 { background: #f9f9f9 !important; }
.bg-none { background: none !important; }
.btn { background: var(--primary-color); color: var(--secondary-color); -moz-user-select: none; cursor: pointer; display: inline-block; font-weight: 700; font-size: 90%; letter-spacing: .5px; padding: .75rem 1.25rem; border-radius: 0px; border: 1px solid var(--primary-color); font-family: var(--title-font);   text-transform: uppercase; transition: box-shadow .6s ease;}
.btn:hover { border-color: var(--primary-color); background-color: var(--primary-color); color: var(--primary-color); box-shadow: 6px 8px 40px 1px rgba(25, 37, 42, 0), inset 310px 0 var(--secondary-color);  transition: box-shadow .6s ease;}
.btn-outline { color: var(--primary-color); background: transparent; border-color: var(--primary-color); }
.btn-outline:hover { color: #fff; background: var(--primary-color); border-color: var(--primary-color); }
.btn-white { color: #fff; background: transparent; border-color: #fff; border-width: 2px }
.btn-white:hover { background: #fff; border-color: #fff; }
.btn.focus, .btn:focus { outline: 0; box-shadow: none; }
.btn-sm { padding: .25rem .5rem; font-size: .875rem; }
.btn.min-width { min-width: 150px; }
.link { color: var(--text-color);  text-decoration-line: underline;  text-decoration-style: dashed; text-decoration-thickness: 1px; text-underline-offset: 5px;}
.link:hover { color: var(--primary-color); text-decoration-style: dotted; }

/* Scrollbars */
.theme-scrollbar { overflow-x: hidden; overflow-y: auto; scrollbar-color: #D1D5DB #fff; scrollbar-width: thin; }
.theme-x-scrollbar { overflow-x: auto; overflow-y: hidden; padding-right: 0; margin-right: 0; }
.theme-scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: transparent; }
.theme-scrollbar::-webkit-scrollbar { width: 4px; background-color: transparent; }
.theme-scrollbar::-webkit-scrollbar-thumb { background-color: #D1D5DB; border-radius: 3px; }
.br-0 { border-radius: 0px !important; }
.br-5 { border-radius: 5px !important; }
.br-8 { border-radius: 8px !important; }
.br-10 { border-radius: 10px !important; }
.br-15 { border-radius: 15px !important; }
.br-20 { border-radius: 20px !important; }
.ls-1 {letter-spacing: 1px;}
.ls-2 {letter-spacing: 2px;}
.ls-3 {letter-spacing: 3px;}
.ls-4 {letter-spacing: 4px;}
.ls-5 {letter-spacing: 5px;}
.alert { padding: 8px 0; font-size: 14px; }
.alert-dismissible .btn-close { padding: 0 1rem; height: 100%; color: #fff; background: none !important; opacity: 1; }
.fancybox__container {--fancybox-opacity: 0.9}

/* BACK TO TOP */
#scrollUp { background: var(--primary-color); height: 40px; width: 40px; right: 30px; bottom: 0px; color: var(--secondary-color); font-size: 20px; text-align: center; border-radius: 0%; display: flex; align-items: center; justify-content: center; border: 2px solid transparent; position: fixed; visibility: hidden; opacity: 0; cursor: pointer; z-index: 999; } 
#scrollUp.active { bottom: 30px; visibility: visible; opacity: 1; }
@media (max-width:767px) {
    #scrollUp { right: 16px; }
    #scrollUp { width: 40px; height: 40px; line-height: 38px; }
}
#scrollUp:hover { color: #000; }
.g-2rem { --bs-gutter-x: 2rem; --bs-gutter-y: 2rem; }
.gx-2rem { --bs-gutter-x: 2rem; }
.gy-2rem { --bs-gutter-y: 2rem; }
.g-2-5rem { --bs-gutter-x: 2.5rem; --bs-gutter-y: 2.5rem; }
.br-0 { border-radius: 0 !important; }
.img-thumbnail { padding: .5rem; }
.form-control { border-color: #e0dfdf; border-radius: 0px; height: 50px; background-color: #e1dcdc; }
.form-control:focus { box-shadow: none; outline: none; border-color: var(--primary-color); }
.form-control::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); }
.form-control::-moz-placeholder { color: rgba(0, 0, 0, 0.5); }
.form-control:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); }
.form-control:-moz-placeholder { color: rgba(0, 0, 0, 0.5); }
.input-group .wpcf7-form-control-wrap .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group > .btn.input-group-text { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; height: 46px; }
.form-sect .form-label {display: block;}
fieldset {padding: 5%; border: 1px solid #fff; margin-bottom: 30px;}
legend {float: none;  padding: 0 10px;   width: auto; margin:0  }
.wpcf7-spinner { position: absolute }
.swiper-button-next, .swiper-button-prev { font-size: 22px; color: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .3); }
.swiper-button-next::after, .swiper-button-prev::after { display: none; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 0 }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 0; }
.swiper-button-next:hover, .swiper-button-prev:hover {background: var(--secondary-color);}
.arrow-bottom {display: flex; align-items: center; justify-content: center; margin: 0 auto; gap: 15px}
.arrow-bottom .swiper-button-next, .arrow-bottom .swiper-button-prev {position: unset;  background: var(--secondary-color); width: 60px; height: 60px;}


/* Header
------------------- */
header { position: relative; left: 0; right: 0; z-index: 999; border-bottom: 1px solid #252525; font-family: var(--title-font); }
.sticky-bar { left: 0; background: rgba(0, 0, 0, .7); margin: auto; position: fixed; top: 0; width: 100%; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 400ms ease-in-out 0s normal none 1 running fadeInDown; box-shadow: 0 8px 20px rgba(0, 0, 0, .1); }
header .navbar { position: unset; }
.navbar-collapse ul.navbar-nav { position: relative; }
.navbar-nav .nav-item { padding: 0px 0px; margin: 0 0px 0 0; font-size:22px; }
.navbar-nav .nav-link { color: #fff; padding: 15px 0; position: relative; font-weight: 500; display: inline-block;}
.navbar-nav .nav-link:before { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; border-radius: 5px; width: 0%; background: var(--primary-color); transition: all .5s; }
.navbar-nav .nav-link:hover:before,  .navbar-nav .nav-item:hover .nav-link:before, navbar-nav .nav-link:focus:before, .navbar-expand-lg .navbar-nav .nav-item.active .nav-link:before { width: 100%; }
.navbar-nav .nav-item .btn:hover {background: transparent; border-color: var(--primary-color); color: var(--primary-color);}
header .dropdown-menu { border: 0; border-radius: 10px; padding: 20px; background: var(--secondary-light); box-shadow: 0px 3px 15px rgba(255, 255, 255, 0.1); }
header .dropdown-menu li { padding: 0px 0 10px; display: block; }
header .dropdown-menu li:last-child { padding: 0; }
header .dropdown-menu li a { font-size: 14px; color: #fff; padding: 0px; display: block; text-transform: uppercase; }
header .dropdown-menu li a:hover { color: var(--primary-color); }
.dropdown-toggle::after { content: "\f078"; font-family: "Font Awesome 6 Pro"; font-weight: 700; margin-left: 5px; border: 0 !important; vertical-align: middle; font-size: 10px; color: #fff; transform: rotate(0deg); transition: transform 0.4s; }
.dropdown:hover .dropdown-toggle::after { color: #fff; transform: rotate(180deg); transition: transform 0.4s; }


.menushow { overflow: hidden; }
.navbar-toggler { display: flex; border-radius: 0; }
.mobile-toggle { width: 35px; height: 35px; margin: 0; cursor: pointer; z-index: 999; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; border: 0 }
.mobile-toggle.show { background: transparent; }
.mobile-toggle svg { fill: var(--primary-color); width: 35px; height: 35px; }
.line { fill: none; stroke: var(--primary-color); stroke-width: 4; transition: stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1); }
.line1 { stroke-dasharray: 60 207; }
.show .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; }
.line2 { stroke-dasharray: 60 60; }
.show .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; }
.line3 { stroke-dasharray: 60 207; }
.show .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; }
.main-menu { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; z-index: 99; display: flex;  background: #2a2d32; padding: 40px 30px; will-change: opacity; transform: translateY(120%); transition: transform 0.4s; }
.main-menu.show { transform: translateY(-0%); transition: transform 0.4s; }
.main-menu ul.navbar-nav { margin: 0; flex-direction: column; align-items: flex-start !important; width: 100%; padding: 0px 0; }
header ul.navbar-nav > li { padding: 0px; }
header .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, header .navbar-nav .nav-link.active { background: transparent; color: var(--primary-color); }
.dropdown-toggle.show::after { color: var(--primary-color); transform: rotate(180deg); transition: transform 0.4s; }
.megamenu-ttl { font-size: 14px; margin: 0 0 5px !important; }
header ul > li > .nav-link { line-height: normal; }

header .navbar-nav li { transition: transform 0.1s, opacity 0.1s, visibility 0.1s; transition-duration: 0.1s, 0.1s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transform: translateY(100%); transition-timing-function: ease-out; visibility: hidden; opacity: 0; }
.menushow header .navbar-nav li { opacity: 1; visibility: visible; transform: translateY(0) rotate(0); transition-duration: 0.3s; transition-timing-function: ease; }
header .navbar-nav li { transition-duration: 0.3s; transition-delay: 0s; }

.logo-ttl { /*text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;  animation: glow 1.5s infinite alternate;*/  font-size: 1.6rem;  font-style: italic;}
@keyframes glow {
    0% {text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;}
    100% { text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff, 0 0 40px #00d4ff, 0 0 80px #00d4ff, 0 0 160px #00d4ff; }
}
@media (min-width: 768px) {
    .main-menu ul.navbar-nav {column-count: 3; display: block;}
}

/* Footer
------------------- */
footer { color: var(--text-light); position: relative; background: var(--secondary-color);}
.footer-title {color: var(--text-light); margin: 0 0 20px; font-weight: bold; text-transform: uppercase;}
.footer-links { list-style:none; columns: 3; padding: 0; margin: 0;}
.column-1 {columns: 1}
.column-2 {columns: 2}
.footer-links li { line-height: 1.2em; padding: 0 0 1rem 0; font-weight: 400;}
.footer-links a { color: #fff; }
footer a:hover {text-decoration-line: underline;  text-decoration-style: dashed;  text-underline-offset: 5px;}
.primary-footer__social { display: flex; gap: 10px; }
.primary-footer__social .social-links__item { position: relative; color: var(--primary-color); border: 1px solid var(--primary-color); width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; text-decoration: none; }
.primary-footer__social .social-links__item:hover { background: var(--primary-color); color: var(--secondary-color); }
.quick-links { border-top: 1px solid #58585B;  margin: 20px 0;  padding: 20px 0 0;}
.quick-links ul li {display: inline-block;font-size: 0.9rem;}
.quick-links li a {padding: 0.5rem 0.75rem; color: var(--text-light);}
.quick-links li:first-child > a { padding-left: 0;}
.copyright { background: var(--secondary-color); color: var(--text-light); font-size: 85% }
.copyright a:hover { color: #fff; }
.onepage-pagination { position: fixed; right: 18px; top: 50%; transform: translateY(-50%); z-index: 5; list-style: none; margin: 0; padding: 0;}
.onepage-pagination li { padding: 0; text-align: center; margin-bottom: 12px; }
.onepage-pagination li:last-child {margin-bottom: 0;}
.onepage-pagination li a { width: 10px; height: 10px; border-radius: 50%; display: block; background: var(--text-light); box-shadow: 0 0 0 rgba(var(--primary-rgb), 0.9); }
.onepage-pagination li.active a { background: var(--primary-color); animation: pulse 2s infinite; }
@keyframes pulse {
    0% { -moz-box-shadow: 0 0 0 0 rgba(var(--primary-rgb), 0.8); box-shadow: 0 0 0 0 rgba(var(--primary-rgb), 0.8); }
    70% { -moz-box-shadow: 0 0 0 10px rgba(var(--primary-rgb), 0.3); box-shadow: 0 0 0 10px rgba(var(--primary-rgb), 0.3); }
    100% { -moz-box-shadow: 0 0 0 0 rgba(var(--primary-rgb), 0); box-shadow: 0 0 0 0 rgba(var(--primary-rgb), 0); }
}


/* Home
------------------ */
section { padding-top: calc(3rem + 4vh); padding-bottom: calc(3rem + 4vh);}
.section-title :is(h1, h2, h3, h4, h5, h6) { line-height: 1.2; color: #fff; font-weight: 600; font-family: var(--title-font);}
.section-title h1 { font-size: 60px;}
.section-title h2 { font-size: 48px;}
.section-title h3 { font-size: 32px;}
.section-title h4 { font-size: 22px;}
.section-title h5 { font-size: 20px;}
.banner-title h1, .big-text h2 {font-size: 60px;}
.section-title strong {color: var(--primary-color);}
.desc-md {font-size: 18px;}
.desc-lg {font-size: 20px;}
.desc-xl {font-size: 22px;}
.dark-title :is(h1,h2,h3,h4,h5,h6) { color: var(--secondary-color);}
.text-page-section :is(h1,h2,h3,h4,h5,h6) {font-weight: 600; margin: 20px 0 20px; color: var(--primary-color);}
.text-page-section p {margin: 0 0 1rem !important}
.text-page-section a {color: currentColor; text-decoration: underline; text-decoration-style: dashed; text-underline-offset: 5px;}
.text-page-section a:hover {color: var(--primary-color);}
.text-page-section ul {padding: 0 0 0 15px;}
.text-page-section ul li::marker {color: var(--primary-color);}
.line { width: 120px; height: 4px; margin: 15px auto; background: var(--primary-color); }
.cover {background-size: cover;}
.center {background-position: center;}
.banner-sect { position: relative; height: 90vh; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; z-index: 1; background-size: cover; background-position: center; background-repeat: no-repeat; overflow:hidden; }
.banner-sect:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(85deg,#000 0,transparent 50%); z-index: -1; }
.inner-banner-sect {height: 400px}
.full-img-slider .banner-sect:after {background: linear-gradient(25deg,#000 0,transparent 50%);}
.bg-video {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -2;}
.bg-video iframe, .bg-video video {width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16 / 9; transform: scale(1.4); transform-origin: center;}
.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { display: flex; align-items: center; position: sticky; margin-top: 1rem; justify-content: center; }
.swiper-pagination-bullet { background: #d8d8d8; opacity: 1; width: 12px; height: 12px; }
.swiper-pagination-bullet-active { background: var(--primary-color); }

.slider-bottom {position: absolute; bottom: 40px; width: 100%}
.arrow-down-anime a {width: 50px; height: 50px; color: var(--primary-color); display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative;}
.arrow-down-anime a:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;  border: 3px dashed var(--primary-color);  border-radius: 50%; -webkit-animation: spinAround 9s linear infinite;  -moz-animation: spinAround 9s linear infinite;  animation: spinAround 9s linear infinite;}
@-webkit-keyframes spinAround {
    from { -webkit-transform: rotate(0deg) }
    to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinAround {
    from { -moz-transform: rotate(0deg) }
    to { -moz-transform: rotate(360deg); }
}
@keyframes spinAround {
    from { transform: rotate(0deg) }
    to { transform: rotate(360deg); }
}
.banner--menus-single-container { border-top: 1px solid rgba(255,255,255,.2); padding-top: 10px;}
.small-uppercase { font-size: 80%;  letter-spacing: .5px;  text-transform: uppercase;}
.has-arrow {color: #fff;}
.has-arrow:hover {color: var(--primary-color);}
.has-arrow::after  { background-color: var(--primary-color);  border-radius: 1.2em;  content: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="xMidYMid slice" style="fill:%23000" viewBox="0 0 24 24"><path d="m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/%3E%3C/svg%3E');  display: inline-block;  height: 1.2em;  -webkit-margin-start: 5px;  margin-inline-start: 5px;  transform: scale(.8) translateY(-5%);  vertical-align: middle;  width: 1.2em; position: relative;}
.has-arrow:hover::after { animation: slide-out .2s forwards,slide-in .4s forwards; animation-delay: 0s, 0s;}
@keyframes slide-in {
  0% {left:-5px; opacity:1}
  to {left:0; opacity:1}
}
@keyframes slide-out {
  0% {left:0;  opacity:1}
  to {left:5px; opacity:0}
}
.accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-color: var(--text-light);
    --bs-accordion-btn-color: #fff;
    --bs-accordion-active-color: var(--primary-color);
    --bs-accordion-body-padding-y: 20px;
    --bs-accordion-body-padding-x: 30px;
    --bs-accordion-btn-padding-y: 25px;
    --bs-accordion-btn-padding-x: 0;
    --bs-accordion-btn-icon: "\f078";
}
.accordion-item {border: 0; border-bottom: 1px solid rgba(255, 255, 255, .1);}
.accordion-button { box-shadow: none !important; color: #fff !important; font-size: 30px; line-height:1.3; display: block;   padding-right: 2rem;}
.accordion-button:hover {color: var(--primary-color) !important;}
.accordion-button.active {display: none;}
.accordion-button:after {content: var(--bs-accordion-btn-icon); font-family: "Font Awesome 6 Pro"; color: #fff; background: none !important; font-weight: 300; transform: none !important; font-size: 18px; position: absolute; right: 0; top: calc(var(--bs-accordion-btn-padding-y) + 10px);}
.accordion-button.active::after { transform: rotate(180deg) !important;}
.accordion-body {background: var(--secondary-color);}

/* SLIDER */
.slider-block .thumbs-slider .swiper-slide {max-width: 300px;}
.swiper-box { padding: 10% 0; position: relative; z-index: 1; background-size: cover; background-position: center; height: 33rem; filter: opacity(70%) brightness(20%); transition: filter 0.4s; }
.swiper-box:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: linear-gradient(65.99deg, #000 0, transparent 99.04%); opacity:0; }
.thumbs-box { display: flex; gap: 15px; padding: 10px 20px 10px 0; align-items: center; color: var(--text-light); font-size: 85%; cursor: pointer; position: relative; z-index: 1; transition:.3s width ease-in-out;}
/*.thumbs-box:after {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: rgba(255, 255, 255, .1);z-index: -1; transition:.3s width ease-in-out;}*/
.thumbs-box:hover:after {width: 100%;}
.swiper-slide-thumb-active .thumbs-box:after {width: 100%;}
.hds-cover-wrapper { border-radius: 50%; height: 6rem; overflow: hidden; width: 6rem; }
.hds-cover-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.hds-meet-the-content { width: 100%; }
.thumbs-box p:last-child { margin-bottom: 0; }
.swiper-slide-thumb-active .section-title h4 { color: var(--primary-color); text-decoration-line: underline; text-decoration-style: dashed; text-decoration-thickness: 1px; text-underline-offset: 8px; }
/* Animation classes */
.slide-in-right { animation: slideInRight 0.4s ease-out forwards; filter: none; }
.slide-in-left { animation: slideInLeft 0.4s ease-out backwards; filter: none;}
@keyframes slideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes slideInLeft {
    from { transform: translateX(-100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
.fade {animation: fade 0.2s ease;}
@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1; }
}
.tb-box {display: block; color: var(--text-light);}
.tb-box:hover .section-title h3 {color: var(--primary-color); text-decoration-line: underline;  text-decoration-style: dashed;  text-decoration-thickness: 1px;  text-underline-offset: 12px;}
.bk-sect .swiper-box {filter: none; height: 25rem; background-size: 100%; overflow: hidden; transition: opacity .4s,background-size .4s;}
.tb-box:hover .swiper-box { opacity: .7; background-size: 110%;;}
.bk-icon { position: absolute; top: 1rem;  right: 1rem;}
.sw-desc {border-left: 1px solid #7c7c7c;  padding: 30px;}

/* EARTH */
.earth-sect {background-size: cover; background-position: left center; position: relative;  height: max(100svh,941px); display: flex; align-items: flex-end;}
.inner-left-top {text-align: left;  position: absolute;  top: 25%;  }
.earth-img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1}
.earth-img img {object-fit: cover; width: 100%; height: 100%;}


/*.testimonial-slider {overflow: inherit;}*/
.testimonial-slider .swiper-slide { height: auto; color: rgba(91, 91, 91, 0.85); font-size: 15px; margin: 50px 0; }
.testimonial-box { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.12); background-color: #fff; padding: 30px; border-radius: 20px; height: 90%; position: relative; }
.testimonial-box:after { content: " "; height: 0; width: 0; position: absolute; top: 100%; border: solid transparent; border-top-color: #fff; border-left-color: #fff; border-width: 12px 22px 12px 23px; left: 15%; }
.testimonial-icon { position: absolute; top: -42px; height: 62px; left: 0; }
.testimonial-author { font-weight: bold; margin: 30px 0 0 30px; }
.testimonial-slider .swiper-pagination-bullets, .testimonial-slider .swiper-pagination-bullets.swiper-pagination-horizontal { margin-top: 3rem }

/* VIDEO SLIDER */
.watch-box { display: block; position: relative; height: 100%; width: 100%; margin: 0; padding: 0; z-index: 1; overflow: hidden; }
.watch-box p:last-child { margin-bottom: 0 }
.image-wrapper { display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; background-color: #000; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.image-wrapper img { position: absolute; top: 0; background-position: center center; background-size: cover; left: 0; z-index: 1; height: 100%; width: 100%; object-fit: cover; opacity: .9; }
.section-inner { padding-bottom: 60%; display: block; position: relative; width: 100%; margin: 0 auto; z-index: 3; }
.inner-left-bottom { text-align: left; width: 100%; padding: 20px}
.video-source {position: relative; z-index: 2;  padding: 10px;}
.play-btn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.43); z-index: 5; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); }
.watch-box:hover .play-btn { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.less-than-3 .swiper-wrapper {justify-content: center;}

/* CTA */
.cta-sect .container {border-radius: 15px; padding: 5%;  background: linear-gradient(180deg, #000000 15.38%, #232323 100%) padding-box, linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 80%) border-box;  border: 1px solid transparent;}

.focus-area-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem 2rem; font-size: 85%; }
.focus-area { display: flex; flex-direction: row; gap: 1.5rem; color: var(--text-light); }
.focus-area:hover .section-title { text-decoration: underline; text-decoration-style: dashed; text-underline-offset: 5px; }
.focus-area-container .focus-area:not(:nth-child(3n)) { border-right: 1px solid #f0f0fa; }
.focus-area-container .focus-area:last-child { border: 0; }
.focus-area-header { display: flex; align-items: flex-start; }
.focus-area-header img { width: 70px; }
.focus-area-content { /*display: flex; flex-direction: column; justify-content: space-between;*/ margin-right: 1.5rem; }
.news-sect .swiper {overflow: initial;}
.news-sect .news-box { overflow: hidden; display: block; position:relative; }
.news-sect .news-img {position: relative; padding-bottom: 70%;}
.news-sect .news-img img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.news-sect .news-img::after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 100%); transition: background ease-in-out 0.4s; }
.news-sect .news-box:hover .news-img:after { background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%); transition: background ease-in-out 0.4s;}
.news-sect .news-desc {padding: 15px 0; transition: ease-in-out 0.4s}
.news-sect .news-desc:after {content: ""; top: 0;  left: 0;  right: 0;  bottom: 0; z-index: -1;  position: absolute;  transform: translateY(110%);  background-color: var(--primary-color);  transition: transform .4s;}
.news-sect .news-box:hover .news-desc {color: var(--secondary-color); padding: 15px; transition: ease 0.4s}
.news-sect .news-box:hover .news-desc:after { transform: translateY(0);   transition: transform .8s;}
.news-sect .news-desc .section-title :is(h1, h2, h3, h4, h5, h6) { margin: 0;}
.news-sect .news-box:hover .section-title :is(h1, h2, h3, h4, h5, h6) { margin: 0; color: var(--secondary-color);}
.news-sect p:last-child {margin-bottom: 0}
.news-thumb { position: absolute; left: 0; right: 0; bottom: 20px; max-width: 50%; margin: 0 auto; }
.news-thumb .swiper-slide { width: 60px; margin: 10px; }
.news-thumb img { width: 60px; height: 60px; object-fit: cover; border-radius: 50%; cursor: pointer; }
.news-thumb .swiper-slide-thumb-active img { box-shadow: 0 0 0 3px var(--primary-color); }
.posted-on { display: flex; align-items: center; font-size: 14px; color: #fff; opacity: .7;}
.news-sect .news-box:hover .news-desc .posted-on {color: var(--secondary-color);}
.blog-description img.size-full {width: 100%}

/* BUNKERS PAGE 
------------------------ */
.iframeVideo { padding-bottom: 56.2%; position: relative; }
.iframeVideo iframe, .iframeVideo img, .iframeVideo video { width: 100%; height: 100%; left: 0; top: 0; position: absolute; border: none; object-fit: cover; }
.full-bg-img-sect { position: relative; padding-top: 150px; z-index: 1; background-size: cover; background-position: center; }
.full-bg-img-sect:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(30deg, #000 0, transparent 50%); z-index: -1; }
.bunckers-block { padding: 0 0 20px 0; border-bottom: 1px solid var(--text-light); margin: 0 0 20px 0; }
.bunckers-block>.row { align-items: center; --bs-gutter-y: 20px; }
.bunckers-block p { margin: 0 0 10px; }
.bunckers-block p:last-child { margin: 0; }
.bunckers-dtl { display: flex; flex-direction: column; gap: 5px; }
.gallery-blocks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }

.review-text { background: #f6f6f6; padding: 20px; margin: 15px 0; border-radius: 10px; position: relative; }
.review-text::after { content: ""; width: 20px; height: 20px; background: #f6f6f6; position: absolute; bottom: -10px; left: 30px; transform: translateX(-50%) rotate(45deg); }
.review-text::before { content: "\f10d"; display: block; font-family: "Font Awesome 6 Pro"; font-weight: bold; font-size: 30px; color: var(--secondary-color); }
.review-author { font-weight: bold; font-size: 20px; }
.review-author span { font-weight: normal; font-size: 70%; opacity: .6; display: block; }
.ul-list ul { list-style: none; padding: 0; }
.ul-list ul li { position: relative; padding: 5px 0; padding-left: 30px; }
.ul-list ul > li::before { content: "\f058"; font-weight: 700; font-family: "Font Awesome 6 Pro"; position: absolute; left: 0px; color: var(--secondary-color); }


/* MEDIA
------------------------ */
@media (min-width:768px) {
    .top-menu-bar a span { display: none; }
}
@media (min-width:1200px) {
    .text-desc { font-size: 18px; }
    .parallex { background-attachment: fixed; }
    .full-bg-img-sect {position: relative; padding-top: 200px; padding-bottom: 3rem;}
}
@media (min-width:1400px) {
    .container { max-width: 1250px; }
    .container-fluid {padding-left: 3rem; padding-right: 3rem}
    p { margin-top: 0; margin-bottom: 2rem;}
    .navbar-nav .nav-item {font-size: 26px;} 
}
@media (min-width:1700px) {
    .container-fluid { max-width: 1600px; }
    .banner-sect {height: 700px}
}
@media (max-width:1200px) {
    .container { max-width: 100%; }
    .banner-title .section-title br { display: none; }
    .banner-title p { padding: 0 }
}
@media (max-width:1024px) {
    html, body { overflow-x: hidden; font-size: 14px; }
    .section-title h1 { font-size: 30px; }
    .section-title h1 span { font-size: 40px; }
    .banner-title h1 {font-size: 30px;}
    .section-title h2 { font-size: 28px; }
    .section-title h3 { font-size: 20px; }
    .section-title h4 { font-size: 18px; }
    .section-title h5 { font-size: 16px; }
    .desc-md {font-size: 14px;}
    .desc-lg {font-size: 16px;}
    .desc-xl {font-size: 18px;}
    .accordion-button {font-size: 18px;}
    .slider-block .thumbs-slider .swiper-slide {max-width: 150px;}
    .thumbs-slider {margin-right: calc(var(--bs-gutter-x) * -.5);}
    .swiper-box {padding: 100px 0; height: 20rem;}
    .hds-cover-wrapper {width: 5rem; height: 5rem;}
    .news-thumb .swiper-slide {width: 40px;}
    .news-thumb img {width: 40px; height: 40px;}
    .gallery-blocks {grid-template-columns: repeat(3, 1fr);  gap: 10px;}
}
@media (min-width:768px) and (max-width:1024px) {
    html, body { overflow-x: hidden; font-size: 12px; }
    .section-title h1 { font-size: 30px; }
    .section-title h1 span { font-size: 40px; }
    .banner-title h1 {font-size: 30px;}
    .section-title h2 { font-size: 24px; }
    .section-title h3 { font-size: 18px; }
    .section-title h4 { font-size: 16px; }
    .section-title h5 { font-size: 15px; }
    .banner-title p { font-size: 12px; }
    .testimonial-slider .swiper-slide {font-size: 12px;}
}
@media (max-width:992px) {
    header { padding: 20px 0 }
    .navbar-brand img {height: 50px;}
    
}
@media (max-width:767px) {
    html, body { overflow-x: hidden; font-size: 14px; }
    .mobile-hide { display: none; }
    .bg-xs-none {background: none !important}
    footer { padding: 60px 0; font-size: 13px; }
    .banner-sect {height: auto; padding: 60px 0;}
    .banner-sect .bg-video {position: unset;}
    .bg-video iframe, .bg-video video {transform-origin: bottom;}
    .slider-bottom {position: unset; padding-top: 4rem; width: auto;}
    .arrow-down-anime a {margin-right: 0}
    .focus-area-container {grid-template-columns: repeat(2, 1fr); gap: 2rem 0rem;}
    .focus-area { flex-direction: column;   align-items: center; padding: 0 0px 0 10px;}
    .focus-area-content {margin: 0; justify-content: center; align-items: center; text-align: center;}
    .focus-area-container .focus-area:not(:nth-child(3n)) {border: 0;}
    .focus-area-container .focus-area:not(:nth-child(2n)) { border-right: 1px solid #f0f0fa;  padding: 0 10px 0 0px;}
    .focus-area-header img { width: 45px;}
    .cta-sect .container {padding: 40px;}
    .inner-left-top {top: 0;}
    .onepage-pagination {display: none;}
    .earth-sect {align-items: flex-start; background-position: center;}
    .arrow-bottom .swiper-button-next, .arrow-bottom .swiper-button-prev {width: 40px; height: 40px;}
    .bk-sect .swiper-box {height: 20rem;}
    .bk-icon img { height: 40px;}
    .gallery-blocks {grid-template-columns: repeat(3, 1fr);  gap: 10px;}
    .main-menu {overflow-y: auto;}
    .navbar-nav .nav-item {font-size: 18px;}
    .navbar-nav .nav-link {padding: 10px 0;}
    .title-logo img {height: 50px;}
}
@media (max-width:480px) {
    .gallery-blocks {grid-template-columns: repeat(2, 1fr);  gap: 10px;}
}