/*!
 * Bootstrap-select v1.14.0-beta3 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2022 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select{margin-bottom:0}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select .dropdown-toggle .bs-select-clear-selected{position:relative;display:block;margin-right:5px;text-align:center}.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected{padding-right:inherit}.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{position:relative;top:-webkit-calc(((-1em / 1.5) + 1ex)/ 2);top:calc(((-1em / 1.5) + 1ex)/ 2);pointer-events:none}.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{top:auto}.bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected{display:none}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group{display:block}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group{display:block}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
/**
 * Swiper 11.1.12
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 1, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
/* Auto Height */
/* 3D Effects */
/* CSS Mode */
/* Slide styles start */
/* 3D Shadows */
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after {
  content: 'prev';
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after {
  content: 'next';
}
/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
/* Common Styles */
/* Bullets */
/* Fraction */
/* Progress */
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
/* Zoom container styles start */
/* Zoom container styles end */
/* a11y */
/* Cube slide shadows start */
/* Cube slide shadows end */
/* Flip slide shadows start */
/* Flip slide shadows end */

@font-face {
  font-family: "raty";
  font-style: normal;
  font-weight: normal;
  src: url(/fonts/vendor/raty-js/src/raty.eot?097d356256deb1bbcecfad89fdceaec0);
  src: url(/fonts/vendor/raty-js/src/raty.eot?097d356256deb1bbcecfad89fdceaec0?#iefix) format("embedded-opentype");
  src: url(/fonts/vendor/raty-js/src/raty.svg?cf86f2d88c8c57d41e708d255d8fc462#raty) format("svg");
  src: url(/fonts/vendor/raty-js/src/raty.ttf?ef33ec218b1a91be4e542f92669935ff) format("truetype");
  src: url(/fonts/vendor/raty-js/src/raty.woff?d57028251a99fbdeb00a41cb9b278e93) format("woff");
}


@charset "UTF-8";
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

img {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}


tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

textarea {
  resize: vertical;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.container,
.container-fluid,
.container-xxl,
.container-lg {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
   .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
   .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
   .container-lg, .container {
    max-width: 1156px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-lg, .container {
    max-width: 1352px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-xsm: 362px;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (min-width: 992px) {
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}
@media (min-width: 1200px) {
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::-moz-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}


.is-invalid ~ .invalid-feedback {
  display: block;
}

 .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
 .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

 textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

 .input-group > .form-control:not(:focus).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
 :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
 :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.btn-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 1;
}

.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

/* rtl:begin:ignore */

/* rtl:end:ignore */

/* rtl:begin:ignore */

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

/* rtl:begin:ignore */

/* rtl:end:ignore */

/* rtl:begin:ignore */

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}


.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.offcanvas {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.overflow-hidden {
  overflow: hidden !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.position-relative {
  position: relative !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.w-100 {
  width: 100% !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.m-0 {
  margin: 0 !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

/* rtl:begin:remove */

/* rtl:end:remove */

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.visible {
  visibility: visible !important;
}
@media (min-width: 576px) {
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .fs-3 {
    font-size: 1.75rem !important;
  }
}
header {
  position: sticky;
  top: 8px;
  margin-top: 24px;
  z-index: 6;
  width: 100%;
  transition: all ease 0.5s;
}
header .container {
  max-width: 1400px;
}
header .navigation {
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  background: rgba(4, 11, 22, 0.6392156863);
  padding: 0 24px;
  display: flex;
  align-items: center;
  height: 72px;
  position: relative;
}
header .navigation .lang {
  margin-left: 32px;
  display: flex;
  align-items: center;
  gap: 10px;
}
header .navigation .lang a {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  color: #C8D0DC;
}
header .navigation .lang a.active, header .navigation .lang a:hover {
  color: #00FFBE;
}
header .navigation .lang span {
  width: 1px;
  height: 16px;
  flex-shrink: 0;
  background: #5D6979;
}
header .navigation nav {
  margin-left: auto;
  align-self: stretch;
  padding-right: 24px;
  position: static;
  height: 72px;
}
header .navigation nav > ul {
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  position: static;
}
header .navigation nav > ul > li {
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
header .navigation nav > ul > li > a, header .navigation nav > ul > li > span {
  padding: 0 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .navigation nav > ul > li > a:before, header .navigation nav > ul > li > a:after, header .navigation nav > ul > li > span:before, header .navigation nav > ul > li > span:after {
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 0;
  content: "";
  background: #fff;
  transition: width ease 0.5s;
}
header .navigation nav > ul > li > a:before, header .navigation nav > ul > li > span:before {
  right: 50%;
}
header .navigation nav > ul > li > a:after, header .navigation nav > ul > li > span:after {
  left: 50%;
}
header .navigation nav > ul > li > a:hover:before, header .navigation nav > ul > li > a:hover:after, header .navigation nav > ul > li > span:hover:before, header .navigation nav > ul > li > span:hover:after {
  width: 50%;
}
header .navigation nav > ul > li > a:active:before, header .navigation nav > ul > li > a:active:after, header .navigation nav > ul > li > span:active:before, header .navigation nav > ul > li > span:active:after {
  background: #00FFBE;
}
header .navigation nav > ul > li > a.active:before, header .navigation nav > ul > li > span.active:before {
  position: absolute;
  bottom: 0;
  height: 1px;
  content: "";
  left: -12px;
  right: -12px;
  width: calc(100% + 24px);
  background: #00FFBE;
}
header .navigation nav > ul > li > a.active:after, header .navigation nav > ul > li > span.active:after {
  position: absolute;
  left: -12px;
  content: "";
  right: -12px;
  height: 33px;
  width: calc(100% + 24px);
  bottom: -16.5px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 255, 190, 0.32) 0%, rgba(0, 255, 190, 0) 100%);
}
header .navigation nav > ul > li.hasSubmenu {
  position: static;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 12px;
}
header .navigation nav > ul > li.hasSubmenu:after {
  font-family: "performate";
  content: "\e908";
  font-size: 15px;
  color: #fff;
}
header .navigation nav > ul > li.hasSubmenu > span {
  padding-right: 0;
  overflow: visible;
  z-index: 2;
}
header .navigation nav > ul > li.hasSubmenu > span:before {
  right: calc(50% - 17.5px);
}
header .navigation nav > ul > li.hasSubmenu > span:after {
  left: calc(50% + 17.5px);
}
header .navigation nav > ul > li.hasSubmenu:hover > span:before, header .navigation nav > ul > li.hasSubmenu:hover > span:after {
  width: calc(50% + 17.5px);
}
header .navigation nav > ul > li ul {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  transform: scaleY(0);
  transition: all linear 0.2s;
  transform-origin: top;
  transition-delay: 0.2s;
  margin: 0;
  background: #040B16;
  border-top: 1px solid #222832;
  padding: 0;
}
header .navigation nav > ul > li ul li {
  opacity: 0;
  transition: opacity linear 0.2s;
  transition-delay: 0s;
  padding: 0;
  display: flex;
}
header .navigation nav > ul > li ul li div.pack {
  flex-basis: 470px;
  background: #222832;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
header .navigation nav > ul > li ul li div.pack h5, header .navigation nav > ul > li ul li div.pack .h5 {
  padding: 0;
  color: #fff;
}
header .navigation nav > ul > li ul li div.pack p {
  padding: 0;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
header .navigation nav > ul > li ul li div.pack a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
}
header .navigation nav > ul > li ul li div.pack a i {
  font-size: 16px;
}
header .navigation nav > ul > li ul li div.pack a:hover {
  color: #00FFBE;
}
header .navigation nav > ul > li:hover ul {
  transform: scaleY(1);
  transition-duration: 0.2s;
}
header .navigation nav > ul > li:hover ul li {
  opacity: 1;
  transition-delay: 0.4s;
}
header .navigation .basket {
  font-size: 19px;
  color: #fff;
  margin: 0 25px;
  display: flex;
  align-items: center;
  gap: 8px;
}
header .navigation .basket:hover {
  color: #00FFBE;
}
header .navigation .basket span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00FFBE;
  width: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 17.86px;
  color: #040B16;
}
header .navigation .basket.mobile {
  display: none;
}
header .navigation .user {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-left: 25px;
  position: relative;
}
header .navigation .user .mobileUser {
  display: none;
}
header .navigation .user:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 1px;
  height: 24px;
  background: rgba(255, 255, 255, 0.32);
}
header .navigation .user a:not(.btn) {
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .navigation .user a:not(.btn):hover {
  color: #00FFBE;
}
header .navigation .user .dropdown button {
  background: transparent;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  outline: none !important;
  box-shadow: none !important;
}
header .navigation .user .dropdown button span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: #00FFBE;
  width: 40px;
  height: 40px;
  border: 2px solid #5D6979;
  color: #040B16;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
}
header .navigation .user .dropdown .dropdown-menu {
  border: 0;
  position: absolute;
  margin-top: 11px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-radius: 0;
  box-shadow: 0px 24px 80px 0px rgba(0, 0, 0, 0.2117647059);
  background: #5D6979;
  top: 100% !important;
  padding: 16px;
  flex-direction: column;
  gap: 16px;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
header .navigation .user .dropdown .dropdown-menu:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 13px 13px 13px;
  border-color: transparent transparent #5D6979 transparent;
}
header .navigation .user .dropdown .dropdown-menu.show {
  display: flex;
}
header .navigation .user .dropdown .dropdown-menu a {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  gap: 8px;
  justify-content: flex-start;
}
header .navigation .user .dropdown .dropdown-menu a i {
  font-size: 16px;
}
header .navigation .user .dropdown .dropdown-menu a:hover {
  color: #00FFBE;
}
header .navigation .nav {
  flex: 1;
  display: flex;
  align-items: center;
}
header .navigation .nav > i {
  flex-shrink: 0;
  width: 1px;
  height: 24px;
  background: rgba(255, 255, 255, 0.32);
}
header .navigation .mobileMenu {
  display: none;
}

footer {
  background: #040B16;
  padding: 64px 0;
}
footer .contact {
  display: flex;
  align-items: center;
  gap: 32px;
}
footer .contact div {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #929FB0;
}
footer .contact div a {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
}
footer .contact span {
  width: 1px;
  background: #5D6979;
  flex-shrink: 0;
  align-self: stretch;
}
footer .social {
  margin: 32px 0;
  display: inline-flex;
  background: #222832;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 24px;
  gap: 26px;
}
footer .social a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
}
footer .social a:hover {
  color: #00FFBE;
}
footer .social span {
  height: 24px;
  width: 1px;
  background: #5D6979;
}
footer p {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
}
footer .docs,
footer .links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
}
footer .docs a,
footer .links a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
}
footer .docs a:hover,
footer .links a:hover {
  color: #00FFBE;
}
footer .docs span {
  height: 24px;
  width: 1px;
  background: #5D6979;
}
footer .docs a {
  display: flex;
  align-items: center;
  gap: 8px;
}
footer .docs a i {
  font-size: 16px;
}

@font-face {
  font-family: "sparta";
  src: url("/fonts/sparta.eot");
  src: url("/fonts/sparta.eot?#iefix") format("embedded-opentype"), url("/fonts/sparta.woff2") format("woff2"), url("/fonts/sparta.woff") format("woff"), url("/fonts/sparta.ttf") format("truetype"), url("/fonts/sparta.svg#sparta") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "performate";
  src: url("/fonts/performate.eot?lfrp9m");
  src: url("/fonts/performate.eot?lfrp9m#iefix") format("embedded-opentype"), url("/fonts/performate.ttf?lfrp9m") format("truetype"), url("/fonts/performate.woff?lfrp9m") format("woff"), url("/fonts/performate.svg?lfrp9m#performate") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "performate" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-battery:before {
  content: "\e933";
}

.icon-brains:before {
  content: "\e934";
}

.icon-eagle-eye:before {
  content: "\e935";
}

.icon-flower:before {
  content: "\e936";
}

.icon-heart2:before {
  content: "\e937";
}

.icon-indicator:before {
  content: "\e938";
}

.icon-memory:before {
  content: "\e939";
}

.icon-positive-energy:before {
  content: "\e93a";
}

.icon-shield:before {
  content: "\e93b";
}

.icon-sleep:before {
  content: "\e93c";
}

.icon-menu:before {
  content: "\e932";
}

.icon-star:before,
.icon-star-off:before {
  content: "\e931";
}

.icon-google .path1:before {
  content: "\e92c";
  color: rgb(255, 193, 7);
}

.icon-google .path2:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(255, 61, 0);
}

.icon-google .path3:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(76, 175, 80);
}

.icon-google .path4:before {
  content: "\e92f";
  margin-left: -1em;
  color: rgb(25, 118, 210);
}

.icon-google:before {
  content: "\e930";
}

.icon-union:before {
  content: "\e92b";
}

.icon-tiktok:before {
  content: "\e929";
}

.icon-discord:before {
  content: "\e92a";
}

.icon-again:before {
  content: "\e900";
}

.icon-arrow-down:before {
  content: "\e901";
}

.icon-arrow-left:before {
  content: "\e902";
}

.icon-arrow-right:before {
  content: "\e903";
}

.icon-arrow-up:before {
  content: "\e904";
}

.icon-brain:before {
  content: "\e905";
}

.icon-cart:before {
  content: "\e906";
}

.icon-check:before {
  content: "\e907";
}

.icon-chevron-down:before {
  content: "\e908";
}

.icon-chevron-left:before {
  content: "\e909";
}

.icon-chevron-right:before {
  content: "\e90a";
}

.icon-chevron-up:before {
  content: "\e90b";
}

.icon-clinically-valid:before {
  content: "\e90c";
}

.icon-cookie:before {
  content: "\e90d";
}

.icon-delete:before {
  content: "\e90e";
}

.icon-delivery:before {
  content: "\e90f";
}

.icon-discount:before {
  content: "\e910";
}

.icon-download:before {
  content: "\e911";
}

.icon-edit:before {
  content: "\e912";
}

.icon-eye:before {
  content: "\e913";
}

.icon-eye-1:before {
  content: "\e914";
}

.icon-facebook:before {
  content: "\e915";
}

.icon-heart:before {
  content: "\e916";
}

.icon-info:before {
  content: "\e917";
}

.icon-logout:before {
  content: "\e918";
}

.icon-minus:before {
  content: "\e919";
}

.icon-money:before {
  content: "\e91a";
}

.icon-natural:before {
  content: "\e91b";
}

.icon-pause:before {
  content: "\e91c";
}

.icon-placeholder:before {
  content: "\e91d";
}

.icon-play:before {
  content: "\e91e";
}

.icon-plus:before {
  content: "\e91f";
}

.icon-remove-close-1:before {
  content: "\e920";
}

.icon-search:before {
  content: "\e921";
}

.icon-setting:before {
  content: "\e922";
}

.icon-time:before {
  content: "\e923";
}

.icon-twitch:before {
  content: "\e924";
}

.icon-user:before {
  content: "\e925";
}

.icon-wishlist-add:before {
  content: "\e926";
}

.icon-wishlist-remove:before {
  content: "\e927";
}

.icon-youtube:before {
  content: "\e928";
}
h1, .h1 {
  font-size: 56px;
  font-weight: 700;
  line-height: 64.4px;
  margin: 0;
  padding: 32px 0;
  color: #fff;
}

h2, .h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 47.6px;
  margin: 0;
  padding: 32px 0;
  display: flex;
  gap: 16px;
  align-items: center;
}
h2 i, .h2 i {
  height: 2px;
  flex: 1;
  background: #00FFBE;
  margin: 0 8px;
  transform: skewX(-40deg);
}
h2 span, .h2 span {
  font-size: 24px;
  font-weight: 400;
  line-height: 32.4px;
  align-self: flex-end;
  margin-bottom: 5px;
}
h2 em, .h2 em {
  font-style: normal;
  color: #929FB0;
  position: relative;
}
h2 em:before, .h2 em:before {
  height: 2px;
  background: #00FFBE;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  content: "";
}
h2.bigger, .bigger.h2 {
  font-size: 48px;
  line-height: 56.16px;
}

h3, .h3 {
  font-size: 32px;
  font-weight: 400;
  line-height: 40.32px;
  margin: 0;
  padding: 24px 0;
  display: flex;
  gap: 16px;
  align-items: center;
}
h3 a, .h3 a {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}
h3 a i, .h3 a i {
  font-size: 18px;
}

h5, .h5 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32.4px;
  margin: 0;
  padding: 15px 0;
}
h5.hasPrice, .hasPrice.h5 {
  display: flex;
  align-items: center;
  gap: 8px;
}
h5.hasPrice em, .hasPrice.h5 em {
  font-style: normal;
  color: #929FB0;
  position: relative;
}
h5.hasPrice em:before, .hasPrice.h5 em:before {
  height: 2px;
  background: #00FFBE;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  content: "";
}

h6, .h6 {
  font-size: 18px;
  font-weight: 700;
  line-height: 25.56px;
  margin: 0;
  padding: 10px 0;
}

.hero {
  height: 880px;
  background: transparent url(/images/hero-bg.webp) no-repeat center center;
  background-size: cover;
  padding-bottom: 130px;
  position: relative;
  overflow: hidden;
}
.hero .container {
  height: 100%;
}
.hero .container > .row {
  height: 100%;
}
.hero .container > .row > div {
  height: 100%;
}
.hero .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 32px;
}
.hero .text h1, .hero .text .h1 {
  font-family: "sparta", sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 79.2px;
  color: #fff;
  margin: 0;
  padding: 0 0 24px 0;
}
.hero .text h1 span, .hero .text .h1 span {
  color: #00FFBE;
}
.hero .text p {
  padding: 8px 0;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  line-height: 32.4px;
  gap: 8px;
  margin: 0;
}
.hero .text p i {
  font-size: 17px;
}
.hero .text .buttons {
  padding-top: 160px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.hero .slogans {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 32px;
  align-items: flex-end;
  z-index: 2;
  position: relative;
}
.hero .slogans p {
  position: relative;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: auto;
}
.hero .slogans p span {
  clip-path: polygon(0 0, calc(100% - 24px) 0%, 100% 17px, 100% 100%, 24px 100%, 0% calc(100% - 17px));
  background: #FFDC00;
  font-size: 18px;
  font-weight: 700;
  line-height: 25.56px;
  padding: 11px 24px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  align-self: flex-end;
  width: auto;
  gap: 11px;
  color: #040B16;
}
.hero .slogans p i {
  font-size: 18px;
}
.hero .slogans p:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 24px 0 0;
  border-color: #8D7B0D transparent transparent transparent;
  bottom: -16px;
  right: 0;
}
.hero:before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 948px;
  height: 738px;
  background: transparent url(/images/glowing.webp) no-repeat 0 0;
  background-size: cover;
  z-index: 0;
  content: "";
  animation: pulse 6s linear infinite both;
}
.hero:after {
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 0;
  height: 130px;
  z-index: 2;
  content: "";
  background: #040B16;
  width: 1920px;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  transform: translateX(-50%);
}
.hero .prods {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
}
.hero .items {
  position: absolute;
  bottom: 75px;
  width: 840px;
  height: 535px;
}
.hero .items img {
  position: absolute;
}
.hero .items img.img-1 {
  z-index: 2;
  right: 413px;
  bottom: 183px;
  width: 242px;
}
.hero .items img.img-2 {
  z-index: 1;
  right: 548px;
  bottom: 151px;
  width: 232px;
}
.hero .items img.img-3 {
  z-index: 2;
  right: 250px;
  bottom: 162px;
  width: 257px;
}
.hero .items img.img-4 {
  z-index: 1;
  right: 72px;
  bottom: 130px;
  width: 231px;
}

/*
.mainProds {
  width: 100%;
  height: calc(100vh - 100px) !important;
  display: flex;
  flex-direction: column;

  //padding-bottom: 20vw;

  .prods {
    //height: auto;
    //min-height: 100vh;
    position: relative;
    width: 100%;
    overflow: hidden;
    flex: 1;

    .products {
      position: absolute;
      width: 100%;
      height: 100%;
      background: #040B16 url(/images/grid-bg.png) repeat top center;
      background-attachment: fixed;
      display: flex;
      align-items: center;
      justify-content: center;
      .row > div {
        display: flex;
        align-items: center;
        justify-content: center;
        .prodImage,
        .prodData {
          width: 100%;
        }
      }
    }
  }
}
*/
.certificates {
  padding: 30px 0 60px 0;
}

.mainProds {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.mainProds > .container {
  position: sticky;
  top: 0;
  padding-top: 100px;
  background: #040B16 url(/images/grid-bg.png) repeat top center;
  background-attachment: fixed;
  padding-bottom: 50px;
  z-index: 2;
}
.mainProds .prods {
  position: relative;
  width: 100%;
  flex: 1;
}
.mainProds .prods .products {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainProds .prods .products .row > div {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.mainProds .prods .products .row > div .prodImage,
.mainProds .prods .products .row > div .prodData {
  width: 100%;
}
.mainProds .prods .products.odd .prodData {
  margin-left: 100px;
}
.mainProds .prods .products.last {
  padding-bottom: 50vh;
}

.grey-400 {
  color: #ced4da;
}

.grey-500 {
  color: #adb5bd !important;
}

.mb-32 {
  margin-bottom: 32px;
}

.pb-32 {
  padding-bottom: 32px;
}

.py-32 {
  padding: 32px 0;
}

.py-52 {
  padding: 52px 0 !important;
}

.px-32 {
  padding: 0 32px;
}

.my-32 {
  margin: 32px 0;
}

.h-48 {
  height: 48px !important;
}
@keyframes pulse {
  0% {
    opacity: 0.2;
  }
  70% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.2;
  }
}
.vibrate-1 {
  animation: vibrate-1 15s linear infinite both;
}

.vibrate-2 {
  animation: vibrate-2 15s linear 5s infinite alternate both;
}

.vibrate-3 {
  animation: vibrate-3 15s linear infinite both;
}

.vibrate-4 {
  animation: vibrate-1 15s linear 5s infinite both;
}
@keyframes vibrate-1 {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-5px, 5px);
  }
  40% {
    transform: translate(-5px, -5px);
  }
  60% {
    transform: translate(5px, 5px);
  }
  80% {
    transform: translate(5px, -5px);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes vibrate-3 {
  0% {
    transform: translate(0);
  }
  10% {
    transform: translate(-2px, -2px);
  }
  20% {
    transform-origin: bottom center;
    transform: translate(2px, -2px) rotate(-2deg);
  }
  30% {
    transform: translate(-2px, 2px);
  }
  40% {
    transform-origin: bottom center;
    transform: translate(2px, 2px) rotate(-1deg);
  }
  50% {
    transform-origin: bottom center;
    transform: translate(-2px, -2px) rotate 0deg;
  }
  60% {
    transform-origin: bottom center;
    transform: translate(2px, -2px) rotate(1deg);
  }
  70% {
    transform-origin: bottom center;
    transform: translate(-2px, 2px) rotate(2deg);
  }
  80% {
    transform-origin: bottom center;
    transform: translate(-2px, -2px) rotate(1deg);
  }
  90% {
    transform-origin: bottom center;
    transform: translate(2px, -2px) rotate(0deg);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes vibrate-2 {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(2px, -2px);
  }
  40% {
    transform: translate(2px, 2px);
  }
  60% {
    transform: translate(-2px, 2px);
  }
  80% {
    transform: translate(-2px, -2px);
  }
  100% {
    transform: translate(0);
  }
}
.white {
  color: #fff !important;
}

.primary-green {
  color: #00FFBE;
}

.red {
  color: #FF5F5F !important;
}

.blackBg {
  background: #040B16;
}

.grey-700Bg {
  background: #222832;
}

.grey-600-border {
  border: 1px solid #5D6979;
}

.p-130 {
  padding: 130px 0;
}

.pt-130 {
  padding-top: 130px;
}

.pt-160 {
  padding-top: 160px;
}

.pb-130 {
  padding-bottom: 130px;
}

.p-16 {
  padding: 16px;
}

.p-24 {
  padding: 24px;
}

.p-32 {
  padding: 32px;
}

.fs-16 {
  font-size: 16px;
}

.fs-14 {
  font-size: 14px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mt-16 {
  margin-top: 16px;
}

hr {
  height: 1px;
  opacity: 1;
  border: 0;
  margin: 40px 0;
  background: rgb(217, 217, 217);
}

.products {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.products .prodImage {
  position: relative;
}
.products .prodImage:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.products .prodImage .content {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}
.products .prodImage .upper {
  position: absolute;
  top: 120px;
  left: 25px;
  z-index: 3;
  width: 409px;
  height: 465px;
}
.products .prodImage .bottom {
  position: absolute;
  top: 60px;
  left: 30px;
  z-index: 1;
  width: 555px;
  height: 521px;
}
.products .prodImage .prod {
  position: relative;
  z-index: 2;
}
.products .prodImage .prod img {
  max-height: 100%;
  max-width: 375px;
}
.products .prodImage .hint {
  max-width: 184px;
  position: absolute;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  color: #fff;
  background: rgba(4, 11, 22, 0.3215686275);
  z-index: 4;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  gap: 8px;
}
.products .prodImage .hint span {
  width: 16px;
  height: 1px;
  background: #EDEFF2;
}
.products .prodImage .hint i {
  font-size: 24px;
}
.products .prodImage .hint:before {
  content: "";
  width: 32px;
  height: 32px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  top: -8px;
  right: -8px;
  position: absolute;
}
.products .prodImage .hint.hint-1 {
  top: 160px;
  left: 110px;
}
.products .prodImage .hint.hint-2 {
  top: 235px;
  right: 70px;
  flex-direction: row-reverse;
}
.products .prodImage .hint.hint-2:before {
  left: -8px;
  right: auto;
  border-left: 2px solid #fff;
  border-right: 0;
}
.products .prodImage .hint.hint-3 {
  top: 355px;
  left: 140px;
}
.products.pr-2 .prodImage .upper, .products.pr-4 .prodImage .upper {
  left: 196px;
}
.products.pr-2 .prodImage .bottom, .products.pr-4 .prodImage .bottom {
  left: 48px;
}

.prodData h2, .prodData .h2 {
  color: #fff;
  padding-top: 0;
}
.prodData h5, .prodData .h5 {
  color: #fff;
  padding: 0;
}
.prodData h6, .prodData .h6 {
  padding-top: 24px;
  color: #fff;
}
.prodData p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #C8D0DC;
  padding: 8px 0;
}
.prodData .vitamins {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  color: #fff;
}
.prodData .vitamins span {
  padding-right: 16px;
  position: relative;
}
.prodData .vitamins span:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 22px;
  background: #5D6979;
  content: "";
}
.prodData .vitamins span:last-of-type:after {
  display: none;
}
.prodData .benefits {
  display: flex;
  align-items: center;
  border: 1px solid #5D6979;
  margin: 24px 0 48px 0;
  padding: 16px 0;
}
.prodData .benefits div {
  padding: 0 10px;
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  color: #C8D0DC;
  align-self: stretch;
}
.prodData .benefits div i {
  color: #00FFBE;
  font-size: 40px;
  margin-bottom: 12px;
}
.prodData .benefits div span {
  text-align: center;
  color: #fff;
  font-weight: 700;
}
.prodData .benefits div:first-child {
  margin-left: -5px;
}
.prodData .benefits div:last-child {
  margin-right: -5px;
}
.prodData .benefits div:last-child:after {
  display: none;
}
.prodData .benefits div:after {
  width: 1px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: #5D6979;
}
.prodData .buttons {
  display: flex;
  gap: 32px;
  align-items: center;
}

.subscription {
  background: #00FFBE;
  background-image: url(/images/bg_subscription.webp), linear-gradient(256.9deg, rgba(4, 11, 22, 0) 0%, rgba(255, 220, 0, 0.64) 90.17%);
  padding: 64px;
  position: relative;
  /*
  &:before {
    position: absolute;
    content: "";
    background: transparent url(/images/top-smoke-subscription.png) no-repeat 0 0;
    width: 515px;
    height: 641px;
    right: -173px;
    bottom: -189px;
  }
   */
}
.subscription:after {
  position: absolute;
  content: "";
  background: radial-gradient(50% 50% at 50% 50%, #034735 0%, #040B16 100%);
  height: 102px;
  width: calc(100% + 120px);
  left: -60px;
  right: -60px;
  bottom: -51px;
  z-index: -1;
}
.subscription .offer {
  position: absolute;
  display: inline-block;
  width: auto;
  top: -48px;
  left: -24px;
  filter: drop-shadow(0 24px 80px rgba(0, 0, 0, 0.2117647059)) drop-shadow(0px 1.36px 3.85px rgba(0, 0, 0, 0.0235294118)) drop-shadow(0px 2.67px 7.53px rgba(0, 0, 0, 0.0509803922)) drop-shadow(0px 4.5px 11.75px rgba(0, 0, 0, 0.0862745098)) drop-shadow(0px 7.07px 17.36px rgba(0, 0, 0, 0.1215686275)) drop-shadow(0px 10.39px 26.15px rgba(0, 0, 0, 0.1607843137)) drop-shadow(0px 14.4px 48px rgba(0, 0, 0, 0.2117647059));
}
.subscription .offer span {
  clip-path: polygon(0 24px, 24px 0, 100% 0, 100% calc(100% - 24px), calc(100% - 24px) 100%, 0 100%);
  background: #FFDC00;
  font-size: 40px;
  font-weight: 700;
  line-height: 47.6px;
  padding: 0 24px;
  height: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  align-self: flex-end;
  width: auto;
  gap: 11px;
  color: #040B16;
}
.subscription .offer:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 24px 16px 0;
  border-color: transparent #8D7B0D transparent transparent;
  bottom: -16px;
  left: 0;
}
.subscription h2, .subscription .h2 {
  color: #040B16;
}
.subscription .benefits {
  padding: 16px 0 50px 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  flex-direction: column;
}
.subscription .benefits p {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin: 0;
  color: #040B16;
  font-size: 18px;
  font-weight: 700;
  line-height: 25.56px;
}
.subscription .benefits p i {
  font-size: 18px;
}

.lead {
  font-size: 24px;
  font-weight: 400;
  line-height: 32.4px;
  color: #040B16;
  padding: 8px 0;
}

strong, b {
  font-weight: 700;
}

.aboutus {
  background: #040B16 url(/images/bg_aboutus.webp) repeat top center;
  position: relative;
  overflow-x: hidden;
}
.aboutus:before, .aboutus:after {
  content: "";
  width: 100%;
  height: 130px;
  position: absolute;
  left: 0;
  right: 0;
}
.aboutus:before {
  top: 0;
  background: linear-gradient(180deg, #040B16 0%, rgba(4, 11, 22, 0) 100%);
}
.aboutus:after {
  bottom: 0;
  background: linear-gradient(180deg, rgba(4, 11, 22, 0), #040B16 100%);
}
.aboutus h2, .aboutus .h2, .aboutus p {
  color: #fff;
}
.aboutus p {
  padding-bottom: 15px;
}
.aboutus.inside p {
  color: #C8D0DC;
}
.aboutus.inside img {
  filter: drop-shadow(0 2.27px 6.42px rgba(0, 0, 0, 0.0235294118)) drop-shadow(0 4.45px 12.54px rgba(0, 0, 0, 0.0509803922)) drop-shadow(0 7.51px 19.58px rgba(0, 0, 0, 0.0862745098)) drop-shadow(0 11.79px 28.94px rgba(0, 0, 0, 0.1215686275)) drop-shadow(0px 17.32px 43.59px rgba(0, 0, 0, 0.1607843137)) drop-shadow(0px 24px 80px rgba(0, 0, 0, 0.2117647059));
}
.aboutus.inside img.prod-1 {
  top: 160px;
  left: 165px;
}
.aboutus.inside img.prod-2 {
  top: 65px;
  right: 115px;
}
.aboutus.inside img.prod-3 {
  bottom: 160px;
  left: 140px;
}
.aboutus.inside img.prod-4 {
  bottom: 160px;
  right: 60px;
}

.hasBottomShadow {
  position: relative;
}
.hasBottomShadow:after {
  content: "";
  width: 100%;
  height: 130px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(4, 11, 22, 0), #040B16 100%);
}

.hasTopShadow {
  position: relative;
}
.hasTopShadow:before {
  content: "";
  width: 100%;
  height: 130px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: linear-gradient(180deg, #040B16 0%, rgba(4, 11, 22, 0) 100%);
}

.prodGallery,
.streamers {
  position: relative;
}
.prodGallery .swiper-button-next,
.prodGallery .swiper-button-prev,
.streamers .swiper-button-next,
.streamers .swiper-button-prev {
  left: auto;
  position: absolute;
  top: -80px;
  right: 0;
  background: transparent;
  border: 0;
  width: 56px;
  height: 48px;
  padding: 0;
  margin: 0;
  font-size: 15px;
  color: #fff;
  transition: all ease 0.5s;
  z-index: 2;
}
.prodGallery .swiper-button-next:after,
.prodGallery .swiper-button-prev:after,
.streamers .swiper-button-next:after,
.streamers .swiper-button-prev:after {
  clip-path: polygon(0 11px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%);
  background: rgba(4, 11, 22, 0.56);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: -1;
  font-size: 0;
}
.prodGallery .swiper-button-next:before,
.prodGallery .swiper-button-prev:before,
.streamers .swiper-button-next:before,
.streamers .swiper-button-prev:before {
  clip-path: polygon(0 10px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%, 0 11px, 1px 11px, 1px calc(100% - 1px), calc(100% - 16px - 1px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px - 0.41px), calc(100% - 1px) 1px, 16px 1px, 1px 11px);
  background: #ced4da;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  transition: all ease 0.5s;
  z-index: 0;
}
.prodGallery .swiper-button-next:hover:after,
.prodGallery .swiper-button-prev:hover:after,
.streamers .swiper-button-next:hover:after,
.streamers .swiper-button-prev:hover:after {
  color: #00FFBE;
}
.prodGallery .swiper-button-next:hover:before,
.prodGallery .swiper-button-prev:hover:before,
.streamers .swiper-button-next:hover:before,
.streamers .swiper-button-prev:hover:before {
  background: #00FFBE;
}
.prodGallery .swiper-button-prev,
.streamers .swiper-button-prev {
  right: 72px;
}
.prodGallery .swiper-button-prev:after,
.streamers .swiper-button-prev:after {
  content: "\e909";
}
.prodGallery .swiper-button-next:after,
.streamers .swiper-button-next:after {
  content: "\e90a";
}
.prodGallery .swiper-pagination,
.streamers .swiper-pagination {
  position: absolute;
  height: 8px;
  top: -60px;
  right: 160px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: auto !important;
  gap: 16px;
  z-index: 2;
}
.prodGallery .swiper-pagination span,
.streamers .swiper-pagination span {
  transition: all ease 0.5s;
  margin: 0 !important;
  width: 20px;
  height: 8px;
  transform: skewX(-30deg);
  background: #5D6979;
  border-radius: 0;
  opacity: 1 !important;
}
.prodGallery .swiper-pagination span.swiper-pagination-bullet-active,
.streamers .swiper-pagination span.swiper-pagination-bullet-active {
  width: 250px;
  background: #00FFBE;
  box-shadow: 0 0 24px 0 rgba(0, 255, 190, 0.56), 0 0 12px 0 rgba(255, 255, 255, 0.64);
}

.prodGallery .swiper-button-next,
.prodGallery .swiper-button-prev {
  bottom: -72px;
  top: auto;
  right: 65.5px;
}
.prodGallery .swiper-button-prev {
  left: 65.5px;
  right: auto;
}
.prodGallery .swiper-pagination {
  top: auto;
  bottom: -52px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: auto !important;
}
.prodGallery .swiper-pagination span.swiper-pagination-bullet-active {
  width: 20px;
}

.streamer {
  position: relative;
  overflow: hidden;
}
.streamer img {
  position: relative;
  z-index: 1;
  filter: grayscale(1);
  transition: all ease 0.5s;
}
.streamer .data {
  position: absolute;
  bottom: -100%;
  left: 0;
  right: 0;
  z-index: 2;
  transition: all ease 0.5s;
  transition-delay: 0.1s;
  transform-origin: bottom;
  background: #040B16;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #fff;
}
.streamer .data p {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.streamer .data p a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: #fff;
  transition-delay: 0s !important;
  transition: none !important;
}
.streamer .data p a i {
  font-size: 20px;
  transition-delay: 0s !important;
  transition: none !important;
}
.streamer .data p a:hover {
  color: #00FFBE;
}
.streamer .data p a:hover i {
  color: #00FFBE;
}
.streamer .data h5, .streamer .data .h5 {
  padding: 0;
  color: #fff;
}
.streamer:hover .data {
  bottom: 0;
  transition-delay: 0.1s;
}
.streamer:hover .data * {
  opacity: 1;
  transition: all ease 0.1s;
  transition-delay: 0.5s;
}
.streamer:hover img {
  filter: grayscale(0);
}

.ingredients {
  width: 100%;
  height: calc(100vh - 100px) !important;
  background: #222832 url(/images/mascott.webp) no-repeat bottom center;
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
  position: relative;
}
.ingredients .ingAnim {
  position: relative;
  width: 100%;
  overflow: hidden;
  flex: 1;
  z-index: 2;
}
.ingredients .ingAnim .ing {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*
.ingredients {
  background: $grey-700 url(/images/mascott.png) no-repeat bottom center;
  //background-attachment: fixed;
  display: flex;
  flex-direction: column;
  position: relative;
  //height: 100vh;
  //position: sticky;
  //top: 0;
  .capsule {
    z-index: 5;
    position: sticky;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 105px;
  }
  .ingAnim {
    flex: 1;
    width: 100%;
    //position: sticky;
    //top: 0;
  }
  .ing {
    width: 100%;
    height: 100vh;
    .container {
      //position: absolute;
      //left: 50%;
      //transform: translateY(-50%) translateX(-50%);
      //top: 50%;
    }
  }
}
 */
.ingredients hr {
  height: 1px;
  border: 0;
  background: #fff;
  margin: 24px 0;
  opacity: 1;
}
.ingredients .capsule {
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 105px;
}
.ingredients .capsule-static {
  display: none;
}
.ingredients .text {
  position: relative;
  border-bottom: 2px solid #fff;
  padding-bottom: 24px;
  /*&:before {
    position: absolute;
    content: "";
    z-index: 2;
  }*/
}
.ingredients .ing {
  /*
  &.ing-1 {
    .text {
      &:before {
        width: 124px;
        height: 89px;
        left: 100%;
        bottom: -2px;
        background: transparent url(/images/pointing-1.png) no-repeat 0 0;
        background-size: cover;
      }
    }
  }
  &.ing-2 {
    .text {
      &:before {
        width: 117px;
        height: 212px;
        right: 100%;
        bottom: -2px;
        background: transparent url(/images/pointing-2.png) no-repeat 0 0;
        background-size: cover;
      }
    }
  }
  &.ing-3 {
    .text {
      &:before {
        width: 107px;
        height: 311px;
        left: 100%;
        bottom: -2px;
        background: transparent url(/images/pointing-3.png) no-repeat 0 0;
        background-size: cover;
      }
    }
  }*/
}
.ingredients .ing h2, .ingredients .ing .h2, .ingredients .ing h6, .ingredients .ing .h6, .ingredients .ing p {
  color: #fff;
  padding: 0;
}
.ingredients .ing h2, .ingredients .ing .h2 {
  padding-top: 24px;
}
.ingredients .ing h6, .ingredients .ing .h6 {
  padding: 8px 0 24px 0;
}
.ingredients .ing p {
  font-size: 16px;
  line-height: 24px;
}

.nl {
  padding: 130px 0;
  background: #040B16 url(/images/bg_nl.webp) no-repeat center center;
  position: relative;
  background-size: cover;
}
.nl:before, .nl:after {
  content: "";
  width: 100%;
  height: 130px;
  position: absolute;
  left: 0;
  right: 0;
}
.nl:before {
  top: 0;
  background: linear-gradient(180deg, #040B16 0%, rgba(4, 11, 22, 0) 100%);
}
.nl:after {
  bottom: 0;
  background: linear-gradient(180deg, rgba(4, 11, 22, 0), #040B16 100%);
}

.grey700Box,
.blackBox {
  filter: drop-shadow(0 0 128px rgba(255, 255, 255, 0.3215686275));
  position: relative;
  padding: 32px;
}
.grey700Box:before,
.blackBox:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  clip-path: polygon(0 23px, 33px 0, 100% 0, 100% calc(100% - 23px), calc(100% - 33px) 100%, 0 100%);
  background: #040B16;
  content: "";
  z-index: -1;
}
.grey700Box h2, .grey700Box .h2,
.blackBox h2,
.blackBox .h2 {
  color: #fff;
}
.grey700Box p,
.blackBox p {
  color: #C8D0DC;
  padding: 0;
}
.grey700Box p:not(.lead),
.blackBox p:not(.lead) {
  font-size: 16px;
  line-height: 24px;
}

.grey700Box {
  filter: none;
}
.grey700Box:before {
  background: #222832;
}
.grey700Box p {
  color: #fff;
}
.grey700Box.small {
  padding: 16px;
}
.grey700Box.small:before {
  clip-path: polygon(0 11px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%);
}

div.prodsLink {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
div.prodsLink.configurator {
  gap: 32px;
  padding-top: 50px;
}
div.prodsLink a {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-bottom: 1px solid #222832;
  height: 102px;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: #040B16;
}
div.prodsLink a .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32.4px;
  color: #fff;
  transition: all ease 0.3s;
}
div.prodsLink a .lead {
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  padding: 0;
  color: #929FB0;
  transition: all ease 0.3s;
}
div.prodsLink a:before {
  position: absolute;
  font-family: "performate";
  content: "\e903";
  right: 28px;
  top: 60px;
  font-size: 16px;
  color: #929FB0;
  transition: all ease 0.3s;
  z-index: 3;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
}
div.prodsLink a .status {
  display: flex;
  opacity: 0;
  position: absolute;
  background: #00FFBE;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  height: 26px;
  padding: 0 8px;
  align-items: center;
  justify-content: center;
  top: 24px;
  right: 24px;
  color: #040B16;
  transition: all ease 0.3s;
  z-index: 2;
}
div.prodsLink a img {
  position: absolute;
  right: 24px;
  top: 24px;
  max-width: 85px;
  opacity: 0;
  z-index: 1;
  transition: all ease 0.5s;
}
div.prodsLink a:hover {
  border-color: #00FFBE;
}
div.prodsLink a:hover .title, div.prodsLink a:hover .lead {
  color: #00FFBE;
}
div.prodsLink a:hover:before {
  color: #00FFBE;
}
div.prodsLink a:hover img,
div.prodsLink a:hover .status {
  opacity: 1;
}

.ingredients {
  width: 100%;
  height: auto !important;
  padding: 130px 0;
}

.ingredients .ingAnim {
  overflow: visible;
}

.ingredients .ingAnim .ing {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ingredients .ing .text:before {
  display: none;
}

.ingredients .capsule {
  display: none;
}

.ingredients .capsule-static {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 5;
  left: 50%;
  width: 105px;
}

body.noanimation .mainProds > .container {
  position: relative;
  top: unset;
  padding-top: 0;
  background: transparent;
  padding-bottom: 0;
  z-index: 2;
}
body.noanimation .mainProds .prods .products {
  padding-top: 130px;
}
body.noanimation .mainProds .prods .products.odd .prodData {
  margin-left: 0;
}
body.noanimation .mainProds .prods .products.last {
  padding-bottom: 130px;
}
.ingredientsTop {
  width: 100%;
  height: 100vh;
  position: relative;
  background: transparent url(/images/bg_ingredients.png) no-repeat top center;
  background-attachment: fixed;
  background-size: cover;
  z-index: -1;
}
.ingredientsTop div {
  text-align: center;
  z-index: 2;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ingredientsTop div h1, .ingredientsTop div .h1, .ingredientsTop div h3, .ingredientsTop div .h3 {
  color: #fff;
  padding: 0;
}
.ingredientsTop:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  height: 256px;
  background: linear-gradient(180deg, rgba(4, 11, 22, 0) 0%, #040B16 100%);
  z-index: 3;
}
.ingredientsTop:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: #040B16;
  opacity: 0.16;
}

.ingredientsDetails {
  background: #040B16 url(/images/grid-bg.png) repeat top center;
  background-attachment: fixed;
  position: relative;
}
.ingredientsDetails:before, .ingredientsDetails:after {
  content: "";
  width: 100%;
  height: 130px;
  position: absolute;
  left: 0;
  right: 0;
}
.ingredientsDetails:before {
  top: 0;
  background: linear-gradient(180deg, #040B16 0%, rgba(4, 11, 22, 0) 100%);
}
.ingredientsDetails:after {
  bottom: 0;
  background: linear-gradient(180deg, rgba(4, 11, 22, 0), #040B16 100%);
}
.ingredientsDetails img {
  position: sticky;
  top: 100px;
  filter: drop-shadow(0 2.27px 6.42px rgba(0, 0, 0, 0.0235294118));
  max-width: 210px;
}

.accordion.ings {
  padding: 40px 0 130px 0;
}
.accordion.ings .accordion-item {
  background: transparent;
  border-radius: 0;
  border: 0;
}
.accordion.ings .accordion-item .accordion-button {
  position: relative;
  background: #040B16;
  outline: none !important;
  box-shadow: none !important;
  padding: 16px;
  border-radius: 0;
  height: auto;
  border: 0;
  border-bottom: 1px solid #5D6979;
  font-size: 24px;
  font-weight: 700;
  line-height: 32.4px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.accordion.ings .accordion-item .accordion-button span {
  height: 1px;
  width: 32px;
  background: #00FFBE;
}
.accordion.ings .accordion-item .accordion-button:after {
  color: #00FFBE;
  font-size: 20px;
  content: "\e908";
  font-family: "performate";
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  transition: all ease 0.5s;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
}
.accordion.ings .accordion-item .accordion-button[aria-expanded=true] {
  border: 0;
  background: #222832;
}
.accordion.ings .accordion-item .accordion-button[aria-expanded=true]:after {
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
}
.accordion.ings .accordion-item .accordion-body {
  background: #222832;
  padding: 0 16px 24px 16px;
  color: #C8D0DC;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.56px;
}

.login {
  flex: 1;
  background: transparent url(/images/bg-login.png) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  padding: 160px 0 130px 0;
}
.login .rememberlink {
  color: #fff;
}
.login .rememberlink:hover {
  text-decoration: underline;
}

ul.checklist {
  margin: 0;
  padding: 16px 0;
  list-style: none;
}
ul.checklist li {
  padding: 0 0 16px 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #929FB0;
  position: relative;
}
ul.checklist li:before {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: #5D6979;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "performate";
  content: "\e907";
}
ul.checklist li:last-child {
  padding-bottom: 0;
}
ul.checklist li.active:before {
  color: #00FFBE;
}
ul.checklist.white li {
  color: #fff;
}
ul.checklist.white li:before {
  color: #fff;
}

.socialLogin {
  display: flex;
  gap: 24px;
  padding: 32px 0;
  flex-wrap: wrap;
}
.socialLogin .btn {
  flex: 1;
}
.socialLogin .btn i {
  font-size: 20px;
}
.socialLogin span {
  display: flex;
  gap: 16px;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  flex-basis: 100%;
}
.socialLogin span:before, .socialLogin span:after {
  flex: 1;
  content: "";
  height: 1px;
  background: #5D6979;
}

.google i,
.facebook i,
.twitch i,
.youtube i,
.discord i,
.tiktok i,
.twitter i {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center center;
  background-repeat: no-repeat;
}

.google i {
  background-image: url(/images/socials/google.svg);
}
.google:hover i {
  background-image: url(/images/socials/google-hover.svg);
}

.facebook i {
  background-image: url(/images/socials/facebook.svg);
}
.facebook:hover i {
  background-image: url(/images/socials/facebook-hover.svg);
}

.twitch i {
  background-image: url(/images/socials/twitch.svg);
}
.twitch:hover i {
  background-image: url(/images/socials/twitch-hover.svg);
}

.tiktok i {
  background-image: url(/images/socials/tiktok.svg);
}
.tiktok:hover i {
  background-image: url(/images/socials/tiktok-hover.svg);
}

.twitter i {
  background-image: url(/images/socials/twitter.svg);
}
.twitter:hover i {
  background-image: url(/images/socials/twitter.svg);
}

.youtube i {
  background-image: url(/images/socials/youtube.svg);
}
.youtube:hover i {
  background-image: url(/images/socials/youtube-hover.svg);
}

.discord i {
  background-image: url(/images/socials/discord.svg);
}
.discord:hover i {
  background-image: url(/images/socials/discord-hover.svg);
}

.prodListOrder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 0;
}
.prodListOrder > div {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
  gap: 4px;
  flex-wrap: nowrap;
  white-space: nowrap;
  position: relative;
}
.prodListOrder > div span {
  transition: all ease 0.5s;
}
.prodListOrder .bootstrap-select {
  position: static;
}
.prodListOrder .bootstrap-select > .dropdown-toggle {
  height: 24px;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
  padding: 0;
  box-shadow: none !important;
  outline: none !important;
  width: 100%;
  background: transparent;
  text-transform: none;
  position: relative;
  border: 0;
  z-index: 1;
  gap: 8px;
  display: flex;
  align-items: center;
}
.prodListOrder .bootstrap-select > .dropdown-toggle:before {
  display: none;
}
.prodListOrder .bootstrap-select > .dropdown-toggle:after {
  display: block;
  margin: 0;
  border: 0;
  font-size: 15px;
  font-family: "performate";
  content: "\e908";
  transition: all ease 0.5s;
  position: static;
  clip-path: none;
  background: transparent;
  width: auto;
  height: auto;
}
.prodListOrder .bootstrap-select > .dropdown-toggle[aria-expanded=true] {
  color: #00FFBE;
}
.prodListOrder .bootstrap-select > .dropdown-toggle[aria-expanded=true]:after {
  content: "\e90b";
}
.prodListOrder .bootstrap-select:focus-within + span, .prodListOrder .bootstrap-select:focus + span {
  color: #00FFBE;
}

.prodListItem {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.prodListItem .image {
  position: relative;
  clip-path: polygon(33px 0%, 100% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 23px);
}
.prodListItem .image img {
  position: relative;
  z-index: 1;
}
.prodListItem .image span {
  position: absolute;
  bottom: 16px;
  z-index: 2;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.prodListItem .image span.offer {
  background: #00FFBE;
  color: #040B16;
  left: 16px;
}
.prodListItem .image span.outofstock {
  color: #fff;
  background: #040B16;
  right: 16px;
}
.prodListItem .data {
  flex: 1;
  padding: 16px;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 8px;
}
.prodListItem .data:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  z-index: -1;
  background: #222832;
  clip-path: polygon(0 0, 0 0, 100% 0, 100% calc(100% - 23px), calc(100% - 33px) 100%, 0 100%);
}
.prodListItem .data .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32.4px;
  color: #fff;
}
.prodListItem .data .title:hover {
  color: #00FFBE;
}
.prodListItem .data .title.blog {
  font-weight: 700;
  font-size: 18px;
  line-height: 25.56px;
  letter-spacing: 0;
}
.prodListItem .data .price {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  margin-bottom: 32px;
}
.prodListItem .data .price span {
  color: #929FB0;
}
.prodListItem .data .price em {
  font-style: normal;
  color: #929FB0;
  text-decoration: line-through;
}
.prodListItem .data .price.mb-0 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.prodListItem .data .btn {
  align-self: stretch;
}
.prodListItem .data p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #929FB0;
  padding: 0;
}
.prodListItem.blog .image img {
  filter: grayscale(1);
  transition: all ease 0.5s;
}
.prodListItem.blog .image:hover img {
  filter: grayscale(0);
}

.prodGallery {
  width: 100%;
}

.ratingItem {
  margin-bottom: 16px;
}
.ratingItem .header {
  display: flex;
  align-items: center;
  gap: 16px;
}
.ratingItem .header span {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: #00FFBE;
  border: 2px solid #5D6979;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  line-height: 32.4px;
  color: #040B16;
  width: 64px;
  height: 64px;
}
.ratingItem .header > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 16px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32.4px;
  flex-wrap: wrap;
}
.ratingItem .header > div .name {
  color: #fff;
}
.ratingItem .header > div .date {
  color: #929FB0;
}
.ratingItem .header > div .raty {
  flex-basis: 100%;
  height: 18px;
}
.ratingItem .text {
  padding-top: 24px;
}
.ratingItem .text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 0 0 16px 0;
  color: #929FB0;
}
.ratingItem .text p:last-child {
  padding: 0;
}

.raty {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0;
  justify-content: flex-start;
}
.raty i {
  font-size: 18px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
}
.raty i.icon-star {
  color: #00FFBE;
}
.raty i.icon-star-off {
  color: #929FB0;
}

.pager {
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
}
.pager a, .pager span {
  color: #fff;
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
}
.pager a:hover, .pager span:hover {
  color: #00FFBE;
}
.pager span {
  color: #00FFBE;
}
.pager a.prev,
.pager a.next {
  margin: 0 16px;
  background: transparent;
  border: 0;
  width: 56px;
  height: 48px;
  padding: 0;
  font-size: 15px;
  color: #fff !important;
  transition: all ease 0.5s;
  position: relative;
}
.pager a.prev i,
.pager a.next i {
  color: #fff;
  position: relative;
  z-index: 2;
  font-size: 15px;
  font-weight: 400;
  display: flex;
  align-items: center;
  width: 15px;
}
.pager a.prev:after,
.pager a.next:after {
  clip-path: polygon(0 11px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%);
  background: rgba(4, 11, 22, 0.56);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 0;
  font-size: 0;
}
.pager a.prev:before,
.pager a.next:before {
  clip-path: polygon(0 11px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%, 0 11px, 1px 11px, 1px calc(100% - 1px), calc(100% - 16px - 1px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px - 0.41px), calc(100% - 1px) 1px, 16px 1px, 1px 11px);
  background: #ced4da;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  transition: all ease 0.5s;
  z-index: 0;
}
.pager a.prev:hover:after,
.pager a.next:hover:after {
  color: #00FFBE;
}
.pager a.prev:hover:before,
.pager a.next:hover:before {
  background: #00FFBE;
}

.alert-box {
  position: absolute;
  left: 16px;
  right: 16px;
  top: -48px;
}

.alert {
  border-radius: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #040B16;
  padding: 8px 16px;
  margin: 0;
  border: 0;
}
.alert > i {
  font-size: 17px;
  align-self: flex-start;
  margin-top: 4px;
}
.alert p {
  color: #040B16;
  padding: 0;
  font-size: 16px;
}
.alert a {
  color: #040B16;
  text-decoration: underline;
}
.alert button {
  padding: 0;
  border: 0;
  margin-left: auto;
  height: 14px;
  width: 14px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #040B16;
  background: transparent;
}
.alert button i {
  font-size: 14px;
}
.alert.alert-success {
  background: #00FFBE;
}
.alert.alert-warning {
  background: rgb(255, 220, 0);
}

.blackBg hr {
  background: #5D6979;
}

.wislistItem {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  padding: 16px 0;
  border-bottom: 1px solid #5D6979;
}
.wislistItem:last-child {
  border-bottom: none;
}
.wislistItem a {
  color: #fff;
}
.wislistItem a:hover {
  color: #00FFBE;
}
.wislistItem .offerDate {
  color: #00FFBE;
  font-weight: 400;
}
.wislistItem a, .wislistItem .price, .wislistItem .offerDate {
  flex: 1;
}
.wislistItem .delete {
  flex-shrink: 0;
  border: 0;
  padding: 0;
  background: transparent;
  color: #fff;
  font-size: 14px;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wislistItem .delete:hover {
  color: #00FFBE;
}
.wislistItem .price span {
  color: #929FB0;
  position: relative;
  margin-left: 8px;
}
.wislistItem .price span:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #00FFBE;
  content: "";
  transform: translateY(-50%);
}

.orderItem {
  display: flex;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #5D6979;
  gap: 16px;
}
.orderItem .image img {
  width: 78px;
}
.orderItem div {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: start;
  flex-direction: column;
}
.orderItem div .name {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.orderItem div .name:hover {
  color: #00FFBE;
}
.orderItem div p {
  color: #929FB0;
  font-size: 14px;
  line-height: 22px;
  padding: 0 0 8px 0;
}
.orderItem div button {
  padding: 0;
  border: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #fff;
  font-size: 19px;
}
.orderItem div button:hover {
  color: #00FFBE;
}
.orderItem .price {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  align-self: flex-end;
}
.orderItem .price .oldPrice {
  position: relative;
  color: #929FB0;
  margin-right: 8px;
}
.orderItem .price .oldPrice:before {
  height: 1px;
  background: #00FFBE;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  content: "";
}
.orderItem .delete {
  background: transparent;
  padding: 0;
  border: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
}
.orderItem .delete:hover {
  color: #00FFBE;
}

.orderList .list .orderItem:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.orderList.cart {
  background: #040B16;
  padding: 48px;
}
.orderList.cart .orderItem .price {
  align-self: flex-start;
  font-weight: 700;
}
.orderList .discount {
  color: #00FFBE;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  padding: 0 40px 16px 0;
  font-size: 24px;
  line-height: 32.4px;
}
.orderList .discount span:last-child {
  text-align: right;
}
.orderList .summary {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 40px 48px 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 40.32px;
  border-top: 1px solid #fff;
}
.orderList .summary span:last-child {
  text-align: right;
}
.orderList.sum {
  padding: 16px;
  border: 1px solid #5D6979;
  position: sticky;
  top: 100px;
}
.orderList.sum .orderItem {
  position: relative;
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: 0 16px;
}
.orderList.sum .orderItem div {
  position: relative;
}
.orderList.sum .orderItem div button {
  position: absolute;
  left: 0;
  bottom: -20px;
}
.orderList.sum .orderItem .price {
  flex-basis: 100%;
  text-align: right;
}
.orderList.sum .orderItem .delete {
  position: absolute;
  top: 0;
  right: 0;
}
.orderList.sum .orderItem .image {
  grid-row: span 2/span 2;
}
.orderList.sum .discount {
  font-size: 16px;
  line-height: 24px;
  padding: 0 0 16px 0;
}
.orderList.sum .summary {
  font-size: 32px;
  line-height: 40.32px;
  padding: 16px 0 0 0;
}
.orderList.final .orderItem {
  font-size: 18px;
  font-weight: 700;
  line-height: 25.56px;
}
.orderList.final .orderItem .price,
.orderList.final .orderItem .name {
  font-size: 18px;
  line-height: 25.56px;
  font-weight: 700;
}
.orderList.final .orderItem .price {
  align-self: center;
}
.orderList.final .shipping,
.orderList.final .discount {
  font-size: 18px;
  font-weight: 700;
  line-height: 25.56px;
  padding: 0 0 16px 0;
  border-bottom: 1px solid #5D6979;
  margin-bottom: 16px;
}
.orderList.final .shipping {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orderList.final .summary {
  padding: 16px 0 48px 0;
  font-size: 24px;
  line-height: 32px;
  margin-top: -16px;
  z-index: 2;
  position: relative;
}

.subscriptionItem {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.subscriptionItem .name {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.subscriptionItem .name span {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  margin-right: 16px;
  position: relative;
}
.subscriptionItem .name span:after {
  height: 16px;
  width: 1px;
  content: "";
  background: #5D6979;
  display: inline-block;
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
}
.subscriptionItem .name span:last-child {
  margin: 0;
}
.subscriptionItem .name span:last-child:after {
  display: none;
}
.subscriptionItem .data {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 8px;
}
.subscriptionItem .data .price {
  font-size: 24px;
  font-weight: 700;
  line-height: 32.4px;
  color: #fff;
}
.subscriptionItem .data .date {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #929FB0;
}

.subscriptionList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.subscriptionList .subscriptionProd {
  position: relative;
}
.subscriptionList .subscriptionProd:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.subscriptionList .subscriptionProd .checkbox {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.subscriptionList .subscriptionProd .checkbox label {
  overflow: hidden;
  border: 1px solid #5D6979;
  background: #040B16;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px 24px 0 24px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.subscriptionList .subscriptionProd .checkbox label:before, .subscriptionList .subscriptionProd .checkbox label:after {
  display: none;
}
.subscriptionList .subscriptionProd .checkbox label .name {
  font-size: 24px;
  font-weight: 700;
  line-height: 32.4px;
  color: #fff;
}
.subscriptionList .subscriptionProd .checkbox label .lead {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #929FB0;
  padding: 0;
}
.subscriptionList .subscriptionProd .checkbox label picture {
  margin-top: auto;
}
.subscriptionList .subscriptionProd .checkbox label picture img {
  max-width: 128px;
}
.subscriptionList .subscriptionProd .checkbox input[type=checkbox]:checked + label {
  border-color: #00FFBE;
  background: #222832;
}
.subscriptionList .subscriptionProd .checkbox input[type=checkbox]:checked + label:before {
  display: block;
  z-index: -1;
  width: 464px;
  height: 464px;
  position: absolute;
  left: -80px;
  top: 105px;
  content: "";
  transform: none;
  border: 0;
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 255, 190, 0.32) 0%, rgba(0, 255, 190, 0) 100%);
}
.subscriptionList .subscriptionProd .checkbox input[type=checkbox]:checked + label + .pc {
  z-index: 3;
  display: flex;
  position: absolute;
  bottom: 1px;
  height: 48px;
  right: 1px;
  background: #040B16;
  width: 144px;
}
.subscriptionList .subscriptionProd .checkbox input[type=checkbox]:checked + label + .pc button {
  width: 48px;
  height: 48px;
  display: flex;
  border: 0;
  padding: 0;
  align-items: center;
  justify-content: center;
  background: #040B16;
  font-size: 14px;
  color: #00FFBE;
}
.subscriptionList .subscriptionProd .checkbox input[type=checkbox]:checked + label + .pc button i {
  margin: 0;
}
.subscriptionList .subscriptionProd .checkbox input[type=checkbox]:checked + label + .pc button:disabled {
  color: #929FB0;
}
.subscriptionList .subscriptionProd .checkbox input[type=checkbox]:checked + label + .pc input {
  width: 48px;
  background: #040B16;
  border-radius: 0;
  border: 0;
  text-align: center;
  outline: none;
  box-shadow: none;
  font-size: 18px;
  font-weight: 700;
  line-height: 25.56px;
  color: #fff;
}
.subscriptionList .subscriptionProd .pc {
  display: none;
}

.basketStep {
  border: 1px solid #5D6979;
  padding: 32px;
  margin-bottom: 24px;
  background: #040B16;
}
.basketStep h3, .basketStep .h3 {
  font-weight: 700;
  display: flex;
  gap: 16px;
  align-items: center;
  color: #fff;
  padding: 0;
  width: 100%;
}
.basketStep h3:after, .basketStep .h3:after {
  margin-left: auto;
  font-size: 30px;
  color: #929FB0;
  font-family: "performate";
  content: "\e908";
}
.basketStep h3 span, .basketStep .h3 span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #929FB0;
  font-size: 32px;
  font-weight: 700;
  line-height: 40.32px;
  color: #040B16;
}
.basketStep .ctnt {
  display: none;
  padding-top: 24px;
}
.basketStep .ctnt h5, .basketStep .ctnt .h5 {
  padding: 0;
}
.basketStep .ctnt h6, .basketStep .ctnt .h6 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  padding: 16px 0;
}
.basketStep .ctnt hr {
  margin: 32px 0;
}
.basketStep .ctnt .blackBg {
  padding: 6px 16px;
}
.basketStep .ctnt .blackBg .radio {
  margin: 0;
}
.basketStep .ctnt .alert.alert-info {
  background: #040B16;
  color: #00FFBE;
}
.basketStep .ctnt .alert.alert-info p {
  color: #00FFBE;
}
.basketStep .ctnt .form-group > div:not(.list, .invalid-feedback) {
  position: relative;
}
.basketStep .ctnt .form-group > div:not(.list, .invalid-feedback):before {
  content: "";
  position: absolute;
  z-index: 0;
  background: rgba(4, 11, 22, 0.56);
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  transition: all ease 0.5s;
  clip-path: polygon(0 11px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%);
}
.basketStep.opened {
  background: #222832;
  border-color: #00FFBE;
}
.basketStep.opened h3 span, .basketStep.opened .h3 span {
  background: #00FFBE;
}
.basketStep.opened h3:after, .basketStep.opened .h3:after {
  content: "\e90b";
  color: #00FFBE;
}
.basketStep.opened .ctnt {
  display: block;
}

.boxLikeGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  padding-bottom: 24px;
}

.cartSumBox {
  background: #040B16;
  padding: 16px;
  border: 1px solid #5D6979;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
}
.cartSumBox hr {
  background: #fff;
  margin: 24px 0;
}

.prodDetails .mobileSticky {
  display: none;
}

.stripeText {
  font-size: 12px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: -10px 0 0 0;
}
.stripeText .logos {
  border: 1px solid #00FFBE;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  position: relative;
  padding-top: 20px;
}
.stripeText .logos img {
  max-height: 30px;
}
.stripeText .logos > img {
  position: absolute;
  top: -15px;
  left: 20px;
  background: #222832;
  border-left: 10px solid #222832;
  border-right: 10px solid #222832;
}
.stripeText .logos > div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px;
  justify-content: flex-start;
  align-items: flex-start;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px white inset !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: white !important;
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

*:-webkit-autofill,
*:-webkit-autofill:focus {
  -webkit-transition: background-color 0s 600000s, color 0s 600000s !important;
  transition: background-color 0s 600000s, color 0s 600000s !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.btn {
  padding: 0 16px;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  box-shadow: none;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  height: 48px;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  gap: 8px;
}
.btn i {
  font-size: 16px;
}
.btn.btn-primary {
  border: 0;
  transition: none;
  color: #040B16 !important;
  background: transparent !important;
  transform: translateY(-11px);
}
.btn.btn-primary:after {
  z-index: -1;
  clip-path: polygon(0 11px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%);
  background: #00FFBE;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  transition: top ease 0.2s;
}
.btn.btn-primary:before {
  content: "";
  position: absolute;
  background: #fff;
  height: 35px;
  left: 0;
  right: 0;
  z-index: -1;
  bottom: -11px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%, 0 0, 1px 1px, 1px calc(100% - 1px), calc(100% - 16px - 0.41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px - 0.41px), calc(100% - 1px) 1px, 1px 1px);
}
.btn.btn-primary span {
  transition: all ease 0.2s;
  display: flex;
  align-items: center;
  gap: 8px;
}
.btn.btn-primary:hover span, .btn.btn-primary:active span, .btn.btn-primary:focus span {
  transform: translateY(11px);
}
.btn.btn-primary:hover:after, .btn.btn-primary:active:after, .btn.btn-primary:focus:after {
  top: 11px;
}
.btn.btn-primary.simple {
  transform: none;
}
.btn.btn-primary.simple:before {
  display: none;
}
.btn.btn-primary.simple:hover span, .btn.btn-primary.simple:active span, .btn.btn-primary.simple:focus span {
  transform: none;
}
.btn.btn-primary.simple:hover:after, .btn.btn-primary.simple:active:after, .btn.btn-primary.simple:focus:after {
  top: 0;
}
.btn.btn-primary.black {
  color: #fff !important;
}
.btn.btn-primary.black:after {
  background: #040B16;
}
.btn.btn-primary.black:before {
  background: #040B16;
}
.btn.btn-primary:disabled {
  opacity: 1;
}
.btn.btn-primary:disabled span {
  color: #C8D0DC;
}
.btn.btn-primary:disabled:after {
  background: #929FB0;
}
.btn.btn-primary:disabled:before {
  background: #929FB0;
}
.btn.btn-secondary {
  border: 0;
  transition: none;
  color: #fff;
  background: transparent !important;
}
.btn.btn-secondary:after {
  z-index: -1;
  background: #fff;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  transition: all ease 0.5s;
  clip-path: polygon(0 10px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%, 0 11px, 1px 11px, 1px calc(100% - 1px), calc(100% - 16px - 1px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px - 0.41px), calc(100% - 1px) 1px, 16px 1px, 1px 11px);
}
.btn.btn-secondary:before {
  z-index: -1;
  background: rgba(4, 11, 22, 0.56);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  transition: all ease 0.5s;
  clip-path: polygon(0 11px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%);
}
.btn.btn-secondary:hover, .btn.btn-secondary:active, .btn.btn-secondary:focus {
  color: #00FFBE;
}
.btn.btn-secondary:hover:after, .btn.btn-secondary:active:after, .btn.btn-secondary:focus:after {
  background: #00FFBE;
}
.btn.btn-secondary[disabled] {
  color: #C8D0DC;
  opacity: 1;
  cursor: not-allowed;
}
.btn.btn-secondary[disabled]:after {
  background: #929FB0;
}
.btn.btn-secondary[disabled]:before {
  z-index: -1;
  background: #929FB0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  transition: all ease 0.5s;
  clip-path: polygon(0 11px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%);
}
.btn.btn-simple {
  background: transparent !important;
  border: 0 !important;
  color: #fff;
  padding: 0;
}
.btn.btn-simple:hover, .btn.btn-simple:active, .btn.btn-simple:focus {
  color: #00FFBE;
}
.btn.btn-simple.h-24 {
  height: 24px;
}
.btn.btn-simple.red:hover {
  color: #D04D4D !important;
}

.checkbox,
.radio {
  position: relative;
  margin: 0 0 15px 0;
  padding: 0 0 0 26px;
  display: inline-block;
  vertical-align: middle;
}
.checkbox:after, .checkbox:before,
.radio:after,
.radio:before {
  display: table;
  width: 100%;
  clear: both;
  content: "";
}
.checkbox input:not([type=number]),
.radio input:not([type=number]) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100% !important;
  cursor: pointer;
  padding: 0;
  opacity: 0;
  z-index: 1;
  margin: 0 !important;
}
.checkbox label,
.radio label {
  display: inline-block;
  position: relative;
  padding: 0;
  width: auto;
  cursor: pointer;
  top: 0 !important;
  margin: 0;
  z-index: 2;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #C8D0DC;
}
.checkbox label:before,
.radio label:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 0;
  border: 2px solid #00FFBE;
  background: transparent;
  left: -26px;
  top: 1px;
  margin-left: 0;
  font-weight: normal;
  box-sizing: border-box;
}
.checkbox label:after,
.radio label:after {
  content: "";
  display: inline-flex;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  left: -26px;
  top: 1px;
  margin-left: 0;
  font-weight: normal;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-family: "performate";
  color: #040B16;
}
.checkbox label a,
.radio label a {
  font-weight: 700;
  color: #fff;
  text-decoration: underline;
}
.checkbox label a:hover,
.radio label a:hover {
  color: #00FFBE;
}
.checkbox p,
.radio p {
  padding: 4px 0 0 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.checkbox a,
.radio a {
  color: #000;
}
.checkbox a:hover,
.radio a:hover {
  text-decoration: underline;
}
.checkbox i,
.radio i {
  font-weight: 400;
  margin-left: 7px;
  font-size: 12px;
}
.checkbox input[type=checkbox]:checked + label::after,
.radio input[type=checkbox]:checked + label::after {
  background: #00FFBE;
  content: "\e907";
}
.checkbox input[type=radio]:checked + label::after,
.radio input[type=radio]:checked + label::after {
  background: #00FFBE;
  content: "\e907";
}

.radio:not(.cbLike) label {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
.radio:not(.cbLike) label:before {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 2px solid #00FFBE;
  left: -26px;
}
.radio:not(.cbLike) label:after {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  left: -22px;
  top: 5px;
}
.radio:not(.cbLike) input[type=radio]:checked + label:after {
  background: #00FFBE;
  content: "";
}
.radio:not(.cbLike).boxLike {
  margin: 0;
  padding: 0;
}
.radio:not(.cbLike).boxLike label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 56px;
  border: 0;
  transition: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #040B16;
  background: transparent !important;
  width: 100%;
}
.radio:not(.cbLike).boxLike label:before {
  width: 100%;
  transform: none;
  border: 0;
  border-radius: 0;
  z-index: -1;
  background: #929FB0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  clip-path: polygon(0 11px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%);
}
.radio:not(.cbLike).boxLike label:after {
  display: none;
}
.radio:not(.cbLike).boxLike input[type=radio]:checked + label:before {
  background: #00FFBE;
}
.radio:not(.cbLike).boxLike.noHeight label {
  height: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}
.radio:not(.cbLike).boxLike.noHeight label:before {
  height: 100%;
}
.radio:not(.cbLike).boxLike.noHeight label strong {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.radio:not(.cbLike).boxLike.noHeight label span {
  font-weight: 400;
}
.radio:not(.cbLike).boxLike.noHeight label em {
  font-style: normal;
  margin-top: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32.4px;
}

.radio.savedAddress {
  width: 100%;
  padding: 0;
}
.radio.savedAddress label {
  background: #040B16;
  padding: 16px 16px 16px 56px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  color: #929FB0;
}
.radio.savedAddress label span {
  color: #fff;
}
.radio.savedAddress label:before {
  top: 18px;
  left: 18px;
  transform: none;
}
.radio.savedAddress label:after {
  top: 22px;
  left: 22px;
  transform: none;
}
.radio.savedAddress.shipping span.name {
  font-size: 18px;
  font-weight: 700;
  line-height: 25.56px;
  color: #fff;
}
.radio.savedAddress.shipping span.row {
  color: #929FB0;
}
.radio.savedAddress.shipping span.row > span {
  padding-top: 16px;
}

.radios {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 32px;
}

.form-group {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.form-group label {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  padding: 0 0 8px 16px;
  color: #fff;
}
.form-group > div {
  height: -moz-max-content;
  height: max-content;
  position: relative;
  width: 100%;
}
.form-group > div input[type=text],
.form-group > div input[type=password],
.form-group > div textarea,
.form-group > div input[type=email],
.form-group > div input[type=number] {
  position: relative;
  height: 48px;
  border-radius: 0;
  padding: 0 16px;
  border: 0;
  box-shadow: none !important;
  outline: none !important;
  width: 100%;
  background: transparent;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #fff;
  z-index: 1;
}
.form-group > div input[type=text].placeholder,
.form-group > div input[type=password].placeholder,
.form-group > div textarea.placeholder,
.form-group > div input[type=email].placeholder,
.form-group > div input[type=number].placeholder {
  color: #fff;
}
.form-group > div input[type=text]:-moz-placeholder,
.form-group > div input[type=password]:-moz-placeholder,
.form-group > div textarea:-moz-placeholder,
.form-group > div input[type=email]:-moz-placeholder,
.form-group > div input[type=number]:-moz-placeholder {
  color: #fff;
}
.form-group > div input[type=text]::-moz-placeholder,
.form-group > div input[type=password]::-moz-placeholder,
.form-group > div textarea::-moz-placeholder,
.form-group > div input[type=email]::-moz-placeholder,
.form-group > div input[type=number]::-moz-placeholder {
  color: #fff;
}
.form-group > div input[type=text]:-ms-input-placeholder,
.form-group > div input[type=password]:-ms-input-placeholder,
.form-group > div textarea:-ms-input-placeholder,
.form-group > div input[type=email]:-ms-input-placeholder,
.form-group > div input[type=number]:-ms-input-placeholder {
  color: #fff;
}
.form-group > div input[type=text]::-webkit-input-placeholder,
.form-group > div input[type=password]::-webkit-input-placeholder,
.form-group > div textarea::-webkit-input-placeholder,
.form-group > div input[type=email]::-webkit-input-placeholder,
.form-group > div input[type=number]::-webkit-input-placeholder {
  color: #fff;
}
.form-group > div input[type=text]:hover + span, .form-group > div input[type=text]:focus + span,
.form-group > div input[type=password]:hover + span,
.form-group > div input[type=password]:focus + span,
.form-group > div textarea:hover + span,
.form-group > div textarea:focus + span,
.form-group > div input[type=email]:hover + span,
.form-group > div input[type=email]:focus + span,
.form-group > div input[type=number]:hover + span,
.form-group > div input[type=number]:focus + span {
  background: #00FFBE;
}
.form-group > div input[type=text][readonly],
.form-group > div input[type=password][readonly],
.form-group > div textarea[readonly],
.form-group > div input[type=email][readonly],
.form-group > div input[type=number][readonly] {
  background: transparent !important;
  color: #fff;
  height: 24px;
  padding: 0;
}
.form-group > div input[type=text][readonly] + span,
.form-group > div input[type=password][readonly] + span,
.form-group > div textarea[readonly] + span,
.form-group > div input[type=email][readonly] + span,
.form-group > div input[type=number][readonly] + span {
  background: transparent;
  clip-path: none;
}
.form-group > div > span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  clip-path: polygon(0 10px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%, 0 11px, 1px 11px, 1px calc(100% - 1px), calc(100% - 16px - 1px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px - 0.41px), calc(100% - 1px) 1px, 16px 1px, 1px 11px);
  background: #ced4da;
  height: 48px;
  width: 100%;
}
.form-group > div textarea {
  transition: height ease 0.5s;
  height: 100px;
  padding: 12px 16px;
  resize: none;
  margin: 0;
}
.form-group > div textarea + span {
  height: 100px;
}
.form-group > div textarea:-moz-placeholder-shown {
  height: 48px;
  -moz-transition: height ease 0.5s;
  transition: height ease 0.5s;
}
.form-group > div textarea:placeholder-shown {
  height: 48px;
  transition: height ease 0.5s;
}
.form-group > div textarea:-moz-placeholder-shown + span {
  height: 48px;
}
.form-group > div textarea:placeholder-shown + span {
  height: 48px;
}
.form-group .pw {
  width: 100%;
  position: relative;
}
.form-group .pw em {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  font-size: 24px;
  z-index: 2;
  font-style: normal;
  color: #fff;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
}
.form-group .invalid-feedback {
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  color: #040B16;
  background: #FF5F5F;
  margin-top: 8px;
  padding: 4px 8px;
}
.form-group.is-invalid > div input[type=text],
.form-group.is-invalid > div input[type=password],
.form-group.is-invalid > div textarea,
.form-group.is-invalid > div input[type=email],
.form-group.is-invalid > div input[type=number] {
  color: #FF5F5F;
}
.form-group.is-invalid > div input[type=text].placeholder,
.form-group.is-invalid > div input[type=password].placeholder,
.form-group.is-invalid > div textarea.placeholder,
.form-group.is-invalid > div input[type=email].placeholder,
.form-group.is-invalid > div input[type=number].placeholder {
  color: #FF5F5F;
}
.form-group.is-invalid > div input[type=text]:-moz-placeholder,
.form-group.is-invalid > div input[type=password]:-moz-placeholder,
.form-group.is-invalid > div textarea:-moz-placeholder,
.form-group.is-invalid > div input[type=email]:-moz-placeholder,
.form-group.is-invalid > div input[type=number]:-moz-placeholder {
  color: #FF5F5F;
}
.form-group.is-invalid > div input[type=text]::-moz-placeholder,
.form-group.is-invalid > div input[type=password]::-moz-placeholder,
.form-group.is-invalid > div textarea::-moz-placeholder,
.form-group.is-invalid > div input[type=email]::-moz-placeholder,
.form-group.is-invalid > div input[type=number]::-moz-placeholder {
  color: #FF5F5F;
}
.form-group.is-invalid > div input[type=text]:-ms-input-placeholder,
.form-group.is-invalid > div input[type=password]:-ms-input-placeholder,
.form-group.is-invalid > div textarea:-ms-input-placeholder,
.form-group.is-invalid > div input[type=email]:-ms-input-placeholder,
.form-group.is-invalid > div input[type=number]:-ms-input-placeholder {
  color: #FF5F5F;
}
.form-group.is-invalid > div input[type=text]::-webkit-input-placeholder,
.form-group.is-invalid > div input[type=password]::-webkit-input-placeholder,
.form-group.is-invalid > div textarea::-webkit-input-placeholder,
.form-group.is-invalid > div input[type=email]::-webkit-input-placeholder,
.form-group.is-invalid > div input[type=number]::-webkit-input-placeholder {
  color: #FF5F5F;
}
.form-group.is-invalid > div input[type=text]:focus + span,
.form-group.is-invalid > div input[type=password]:focus + span,
.form-group.is-invalid > div textarea:focus + span,
.form-group.is-invalid > div input[type=email]:focus + span,
.form-group.is-invalid > div input[type=number]:focus + span {
  background: #FF5F5F;
}
.form-group.is-invalid > div input[type=text] + span,
.form-group.is-invalid > div input[type=password] + span,
.form-group.is-invalid > div textarea + span,
.form-group.is-invalid > div input[type=email] + span,
.form-group.is-invalid > div input[type=number] + span {
  background: #FF5F5F;
}
.form-group.is-invalid .invalid-feedback {
  display: block;
}
.form-group.readonly label {
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #929FB0;
}
.form-group.autocomplete {
  position: relative;
}
.form-group.autocomplete > div:not(.list) {
  position: relative;
}
.form-group.autocomplete > div:not(.list):before {
  content: "";
  position: absolute;
  z-index: 0;
  background: rgba(4, 11, 22, 0.56);
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  transition: all ease 0.5s;
  clip-path: polygon(0 11px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%);
}
.form-group.autocomplete > div:not(.list) input[type=text].placeholder,
.form-group.autocomplete > div:not(.list) input[type=password].placeholder,
.form-group.autocomplete > div:not(.list) textarea.placeholder,
.form-group.autocomplete > div:not(.list) input[type=email].placeholder,
.form-group.autocomplete > div:not(.list) input[type=number].placeholder {
  color: #C8D0DC;
}
.form-group.autocomplete > div:not(.list) input[type=text]:-moz-placeholder,
.form-group.autocomplete > div:not(.list) input[type=password]:-moz-placeholder,
.form-group.autocomplete > div:not(.list) textarea:-moz-placeholder,
.form-group.autocomplete > div:not(.list) input[type=email]:-moz-placeholder,
.form-group.autocomplete > div:not(.list) input[type=number]:-moz-placeholder {
  color: #C8D0DC;
}
.form-group.autocomplete > div:not(.list) input[type=text]::-moz-placeholder,
.form-group.autocomplete > div:not(.list) input[type=password]::-moz-placeholder,
.form-group.autocomplete > div:not(.list) textarea::-moz-placeholder,
.form-group.autocomplete > div:not(.list) input[type=email]::-moz-placeholder,
.form-group.autocomplete > div:not(.list) input[type=number]::-moz-placeholder {
  color: #C8D0DC;
}
.form-group.autocomplete > div:not(.list) input[type=text]:-ms-input-placeholder,
.form-group.autocomplete > div:not(.list) input[type=password]:-ms-input-placeholder,
.form-group.autocomplete > div:not(.list) textarea:-ms-input-placeholder,
.form-group.autocomplete > div:not(.list) input[type=email]:-ms-input-placeholder,
.form-group.autocomplete > div:not(.list) input[type=number]:-ms-input-placeholder {
  color: #C8D0DC;
}
.form-group.autocomplete > div:not(.list) input[type=text]::-webkit-input-placeholder,
.form-group.autocomplete > div:not(.list) input[type=password]::-webkit-input-placeholder,
.form-group.autocomplete > div:not(.list) textarea::-webkit-input-placeholder,
.form-group.autocomplete > div:not(.list) input[type=email]::-webkit-input-placeholder,
.form-group.autocomplete > div:not(.list) input[type=number]::-webkit-input-placeholder {
  color: #C8D0DC;
}
.form-group.autocomplete > div:not(.list) input[type=text]:focus + span,
.form-group.autocomplete > div:not(.list) input[type=password]:focus + span,
.form-group.autocomplete > div:not(.list) textarea:focus + span,
.form-group.autocomplete > div:not(.list) input[type=email]:focus + span,
.form-group.autocomplete > div:not(.list) input[type=number]:focus + span {
  background: transparent;
  clip-path: none;
}
.form-group.autocomplete > div:not(.list) input[type=text]:focus + span:after,
.form-group.autocomplete > div:not(.list) input[type=password]:focus + span:after,
.form-group.autocomplete > div:not(.list) textarea:focus + span:after,
.form-group.autocomplete > div:not(.list) input[type=email]:focus + span:after,
.form-group.autocomplete > div:not(.list) input[type=number]:focus + span:after {
  background: #00FFBE;
}
.form-group.autocomplete > div:not(.list) > span {
  background: transparent !important;
  clip-path: none;
}
.form-group.autocomplete > div:not(.list) > span:before {
  font-family: "performate";
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  color: #00FFBE;
  font-size: 16px;
  content: "\e908";
}
.form-group.autocomplete > div:not(.list) > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  clip-path: polygon(0 10px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%, 0 11px, 1px 11px, 1px calc(100% - 1px), calc(100% - 16px - 1px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px - 0.41px), calc(100% - 1px) 1px, 16px 1px, 1px 11px);
  background: #ced4da;
  height: 48px;
  width: 100%;
}
.form-group.autocomplete > div:not(.list) > span.nobefore:before {
  display: none;
}
.form-group.autocomplete > div:not(.list) .btn.btn-simple {
  margin-right: 20px;
  font-size: 16px;
}
.form-group.autocomplete > div:not(.list) .btn.btn-simple:hover {
  color: #FF5F5F;
}
.form-group.autocomplete > div:not(.list) input[type=text]:hover + span:after,
.form-group.autocomplete > div:not(.list) input[type=password]:hover + span:after,
.form-group.autocomplete > div:not(.list) textarea:hover + span:after,
.form-group.autocomplete > div:not(.list) input[type=email]:hover + span:after,
.form-group.autocomplete > div:not(.list) input[type=number]:hover + span:after {
  background: #00FFBE;
}
.form-group.autocomplete .d-flex.align-items-center.h-48 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #fff;
  padding-left: 16px;
  position: relative;
  z-index: 1;
  gap: 10px;
}
.form-group.autocomplete .d-flex.align-items-center.h-48:before {
  z-index: -1;
}
.form-group.autocomplete div.list {
  display: none;
  position: absolute;
  background: #5D6979;
  box-shadow: 0 2.27px 6.42px 0 rgba(0, 0, 0, 0.0235294118), 0 4.45px 12.54px 0 rgba(0, 0, 0, 0.0509803922), 0 7.51px 19.58px 0 rgba(0, 0, 0, 0.0862745098), 0 11.79px 28.94px 0 rgba(0, 0, 0, 0.1215686275), 0 17.32px 43.59px 0 rgba(0, 0, 0, 0.1607843137), 0 24px 80px 0 rgba(0, 0, 0, 0.2117647059);
  left: 0;
  right: 0;
  top: 100%;
  z-index: 5;
  max-height: 400px;
  overflow-y: auto;
}
.form-group.autocomplete div.list button {
  background: transparent;
  border: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #EDEFF2;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
.form-group.autocomplete div.list button strong {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
}
.form-group.autocomplete div.list button:hover {
  background: #040B16;
}
.form-group.autocomplete div.list button:hover strong {
  color: #00FFBE;
}
.form-group.autocomplete div.list.show {
  display: block;
}

.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

input[readonly] {
  background: rgba(228, 228, 228, 0.1019607843) !important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > .dropdown-toggle {
  text-align: left;
  white-space: nowrap;
  height: 48px;
  border-radius: 0;
  padding: 0 50px 0 16px;
  box-shadow: none !important;
  outline: none !important;
  width: 100%;
  background: transparent;
  text-transform: none;
  position: relative;
  border: 0;
  z-index: 1;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #C8D0DC;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > .dropdown-toggle:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  clip-path: polygon(0 10px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%, 0 11px, 1px 11px, 1px calc(100% - 1px), calc(100% - 16px - 1px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px - 0.41px), calc(100% - 1px) 1px, 16px 1px, 1px 11px);
  background: #ced4da;
  height: 48px;
  width: 100%;
  margin: 0;
  border: 0;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > .dropdown-toggle:before {
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  width: auto;
  height: auto;
  transform: translateY(-50%);
  font-family: "performate";
  content: "\e908";
  font-size: 16px;
  color: #fff;
  transform-origin: center;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > .dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > .dropdown-toggle[aria-expanded=true]:before {
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > .dropdown-toggle[aria-expanded=true]:after {
  background: #00FFBE;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > .dropdown-toggle .filter-option-inner,
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > .dropdown-toggle .filter-option-inner-inner {
  height: 100%;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > .dropdown-toggle .filter-option-inner-inner {
  display: flex;
  align-items: center;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) div.dropdown-menu {
  max-width: 100%;
  top: 100% !important;
  margin: 0 !important;
  padding: 16px;
  border-radius: 0;
  background: #5D6979;
  border: 0;
  z-index: 3;
  transform: none !important;
  color: #fff;
  box-shadow: 0 2.27px 6.42px 0 rgba(0, 0, 0, 0.0235294118), 0 4.45px 12.54px 0 rgba(0, 0, 0, 0.0509803922), 0 7.51px 19.58px 0 rgba(0, 0, 0, 0.0862745098), 0 11.79px 28.94px 0 rgba(0, 0, 0, 0.1215686275), 0 17.32px 43.59px 0 rgba(0, 0, 0, 0.1607843137), 0 24px 80px 0 rgba(0, 0, 0, 0.2117647059);
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) div.dropdown-menu div,
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) div.dropdown-menu ul {
  background: transparent !important;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) div.dropdown-menu ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) div.dropdown-menu a.dropdown-item {
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
  white-space: unset;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) div.dropdown-menu a.dropdown-item:hover {
  background: transparent;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) div.dropdown-menu .dropdown-item.active,
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) div.dropdown-menu .dropdown-item:active {
  background: transparent;
  color: #00FFBE;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).show-tick .dropdown-menu .selected span.check-mark {
  top: 50%;
  transform: translateY(-50%);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgb(0, 0, 0);
  z-index: 100 !important;
}
.modal-backdrop.show {
  opacity: 0.6 !important;
}

.modal .modal-dialog {
  width: 560px;
  max-width: 95vw;
  border: 0;
}
.modal .modal-dialog .modal-content {
  background: rgb(4, 11, 22);
  box-shadow: 0 2.27px 6.42px 0 rgba(0, 0, 0, 0.02), 0 4.45px 12.54px 0 rgba(0, 0, 0, 0.05), 0 7.51px 19.58px 0 rgba(0, 0, 0, 0.09), 0 11.79px 28.94px 0 rgba(0, 0, 0, 0.12), 0 17.32px 43.59px 0 rgba(0, 0, 0, 0.16), 0 24px 80px 0 rgba(0, 0, 0, 0.21);
  border-radius: 0;
  padding: 48px;
}
.modal .modal-dialog .modal-content .modal-header {
  border: 0;
  padding: 0;
}
.modal .modal-dialog .modal-content .modal-header h3, .modal .modal-dialog .modal-content .modal-header .h3 {
  padding: 0;
}
.modal .modal-dialog .modal-content .modal-header .close {
  font-size: 14px;
  padding: 0;
  border: 0;
  background: transparent;
  margin: -20px 0 0 auto;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  align-self: flex-start;
}
.modal .modal-dialog .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0;
  padding: 0;
  position: relative;
}
.modal .modal-dialog .modal-content .modal-header h3, .modal .modal-dialog .modal-content .modal-header .h3 {
  color: #fff;
  padding: 0;
  font-weight: 700;
}
.modal .modal-dialog .modal-content .modal-header .btn-close {
  padding: 0;
  margin: 0;
  color: #fff;
  background: transparent;
  font-size: 14px;
  opacity: 1;
  border-radius: 0;
  border: 0;
  width: 14px;
  display: flex;
  align-items: center;
  height: 14px;
  position: absolute;
  top: 6px;
  right: 6px;
}
.modal .modal-dialog .modal-content .modal-header .btn-close i {
  width: 16px;
  display: flex;
  align-items: center;
  height: 16px;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.modal .modal-dialog .modal-content .modal-body p {
  padding: 16px 0;
  font-size: 16px;
  line-height: 24px;
  color: #C8D0DC;
}
.modal .modal-dialog .modal-content .modal-body .buttons {
  padding-top: 32px;
}

#app {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.content {
  flex: 1;
  margin-top: -96px;
  display: flex;
  flex-direction: column;
}

a,
button {
  text-decoration: none;
}

img {
  max-width: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 400;
  color: #444444;
  background: #040B16 url(/images/grid-bg.png) repeat top center;
  background-attachment: fixed;
}
body.modal-open {
  padding: 0 !important;
  overflow: hidden !important;
  height: 100vh;
}

html {
  font-size: 18px;
  scroll-behavior: smooth;
  overflow-x: hidden;
  scroll-snap-type: y mandatory;
}

html.noscroll,
body.noscroll {
  overflow-y: hidden;
}

.container, .container-fluid, .container-lg, .container-xxl {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
}

.row {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: -16px;
  margin-left: -16px;
}
.row > * {
  padding-right: 16px;
  padding-left: 16px;
}
.row.smallGap {
  --bs-gutter-x: 24px;
  margin-right: -12px;
  margin-left: -12px;
}
.row.smallGap > * {
  padding-right: 12px;
  padding-left: 12px;
}
.row.list > div {
  padding-bottom: 32px;
}

p {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.56px;
}

:root {
  --scroll-bar-color: linear-gradient(to left, rgba(0, 255, 190, 1) 0%, rgba(0, 255, 190, 1) 234.26%);
  --scroll-bar-bg-color: #040B16;
}

* {
  scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
}

*::-webkit-scrollbar-track {
  background: var(--scroll-bar-bg-color);
}

*::-webkit-scrollbar-thumb {
  background: var(--scroll-bar-color);
  border-radius: 20px;
  border: 2px solid var(--scroll-bar-bg-color);
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

html .dropdown.fakemenu {
  position: fixed;
  top: 10px;
  left: 0;
  z-index: 15;
}
html .dropdown.fakemenu button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #198754;
  color: #fff;
  border: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  margin-left: 15px;
  flex-shrink: 0;
  position: relative;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html .dropdown.fakemenu button i {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #fff;
  display: block;
}
html .dropdown.fakemenu button:before, html .dropdown.fakemenu button:after {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #fff;
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
html .dropdown.fakemenu button:before {
  top: 10px;
}
html .dropdown.fakemenu button:after {
  bottom: 10px;
}
html .dropdown.fakemenu ul {
  padding: 0;
  margin: 0;
  min-height: 0;
  left: 0 !important;
  right: auto !important;
}
html .dropdown.fakemenu ul.show {
  max-width: 90vw;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
html .dropdown.fakemenu ul li {
  padding: 0;
  margin: 0;
  line-height: 24px;
  min-height: 0;
  flex-shrink: 0;
}
html .dropdown.fakemenu ul li hr {
  margin: 10px 0;
}
html .dropdown.fakemenu ul li a {
  margin: 0;
  padding: 0 5px;
  white-space: nowrap;
  display: block;
  width: 100%;
  text-decoration: none;
  color: #000;
  font-size: 15px;
  border-bottom: 0;
  line-height: normal;
  text-align: left;
  letter-spacing: 0;
}
html .dropdown.fakemenu ul li a:before {
  display: none;
}

@media (min-width: 576px) {
  .hero .items {
    right: calc((100vw - 508px) / 2);
  }
}

@media (min-width: 768px) {
  .hero .items {
    right: calc((100vw - 688px) / 2);
  }
}

@media (min-width: 992px) {
  .hero .items {
    right: calc((100vw - 928px) / 2);
  }
}

@media (min-width: 1200px) {
  .hero .items {
    right: calc((100vw - 1124px) / 2);
  }
}

@media (min-width: 1400px) {
  .hero .items {
    right: calc((100vw - 1320px) / 2);
  }
}

@media (max-width: 1400px) {
  .products .prodImage .upper {
    left: -70px;
  }
  .products .prodImage .bottom {
    left: -70px;
  }
  .products.pr-2 .prodImage .upper, .products.pr-4 .prodImage .upper {
    left: 110px;
  }
  .products.pr-2 .prodImage .bottom, .products.pr-4 .prodImage .bottom {
    left: -30px;
  }
  .hero .items {
    width: 620px;
  }
  header .navigation nav {
    padding-right: 0;
  }
  header .navigation nav > ul > li > a, header .navigation nav > ul > li > span {
    padding: 0 10px;
    font-size: 15px;
  }
  .prodGallery .swiper-button-prev {
    left: 0;
    right: auto;
  }
  .prodGallery .swiper-button-next {
    right: 0;
  }
  .products .prodImage .hint.hint-1 {
    top: 150px;
    left: -40px;
  }
  .products .prodImage .hint.hint-2 {
    top: 240px;
    right: -20px;
  }
  .products .prodImage .hint.hint-3 {
    top: 380px;
    left: 40px;
  }
  .products .prodImage .prod img {
    max-width: 300px;
  }
  .mainProds > .container h1, .mainProds > .container .h1 {
    font-size: 46px;
  }
  .mainProds > .container .row > div {
    width: 100%;
  }
  .prodData h2, .prodData .h2 {
    font-size: 32px;
    padding: 26px 0;
  }
  .prodData h2 span, .prodData .h2 span {
    font-size: 20px;
    line-height: 28px;
  }
  .prodData h5, .prodData .h5 {
    font-size: 20px;
    line-height: 28px;
    padding: 10px 0;
  }
  .products .prodImage .upper {
    top: 90px;
    left: -23px;
    width: 205px;
    height: 232px;
    background-size: cover !important;
  }
  .products .prodImage .bottom {
    top: 50px;
    left: -16px;
    width: 275px;
    height: 260px;
    background-size: cover !important;
  }
}
@media (max-width: 1200px) {
  header .navigation {
    padding: 0 16px;
  }
  .hero .text .buttons {
    padding-top: 100px;
  }
  .hero .text h1, .hero .text .h1 {
    font-size: 62px;
    line-height: 70px;
  }
  .products .prodImage .upper {
    width: 300px;
    height: 337px;
    left: -50px;
    top: 130px;
  }
  .products .prodImage .bottom {
    left: 50px;
    width: 350px;
    height: 329px;
  }
  .hero .items img {
    max-height: 440px;
  }
  .hero .items {
    bottom: 190px;
    width: 840px;
    height: 535px;
  }
  .hero .items img.img-2 {
    right: 367px;
    bottom: -100px;
  }
  .hero .items img.img-1 {
    right: 215px;
    bottom: -57px;
  }
  .hero .slogans p span {
    font-size: 16px;
    line-height: 22px;
  }
  header .navigation nav > ul > li > a, header .navigation nav > ul > li > span {
    padding: 0 10px;
    font-size: 14px;
  }
  header .navigation a img {
    width: 220px;
  }
  header .navigation .user .btn,
  header .navigation .user a:not(.btn) {
    font-size: 14px;
    height: 24px;
  }
  header .navigation nav {
    padding-right: 16px;
    height: auto;
  }
  h1, .h1 {
    font-size: 50px;
    line-height: 60px;
    padding: 28px 0;
  }
  .hero .text p {
    padding: 6px 0;
    font-size: 20px;
    line-height: 30px;
  }
  h2, .h2 {
    font-size: 32px;
    line-height: 40px;
    padding: 28px 0;
  }
  .subscription {
    padding: 32px;
  }
  .subscription .offer {
    top: -36px;
  }
  .subscription .offer span {
    font-size: 28px;
    line-height: 40px;
    padding: 0 20px;
    height: 60px;
  }
  .lead {
    font-size: 22px;
    line-height: 30px;
  }
  footer p {
    font-size: 14px;
    line-height: 20px;
  }
  footer .docs a, footer .links a {
    font-size: 14px;
    line-height: 20px;
  }
  footer .docs, footer .links {
    gap: 16px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
  }
  header .navigation {
    display: flex;
    flex-wrap: wrap;
  }
  header .navigation .logo {
    order: 1;
  }
  header .navigation .nav {
    order: 2;
  }
  header .navigation .lang {
    order: 2;
    margin-bottom: -37px;
  }
  header .navigation nav {
    order: 5;
    flex-basis: 100%;
    padding: 5px 0 0 0;
    margin-right: -10px;
  }
  header .navigation nav > ul {
    justify-content: flex-end;
  }
  header .navigation > i {
    display: none;
  }
  header .navigation .basket {
    order: 3;
    margin-left: auto;
  }
  header .navigation .user {
    order: 4;
  }
  header .navigation .user .btn:after {
    height: 24px;
  }
  header .navigation .user .dropdown button {
    font-size: 14px;
    line-height: 20px;
  }
  header .navigation .user .dropdown button span {
    width: 32px;
    height: 32px;
    border: 2px solid #5D6979;
    font-size: 12px;
    line-height: 20px;
  }
  header .navigation .user .dropdown .dropdown-menu a {
    font-size: 14px;
    line-height: 20px;
  }
  .prodData h2, .prodData .h2 {
    white-space: nowrap;
    gap: 8px;
  }
  .prodData h2 span, .prodData .h2 span {
    font-size: 18px;
    margin-bottom: 0;
  }
  .hero .items img.img-3 {
    right: 120px;
    bottom: 60px;
    width: 180px;
  }
  .hero .items img.img-4 {
    z-index: 1;
    right: 15px;
    bottom: 60px;
    width: 160px;
  }
  .hero .items img.img-1 {
    right: 235px;
    bottom: 80px;
    width: 180px;
  }
  .hero .items img.img-2 {
    right: 336px;
    bottom: 44px;
    width: 180px;
  }
  .orderList.cart.sum .orderItem {
    padding-bottom: 32px;
  }
  .orderList.cart.sum .orderItem .price {
    bottom: 8px;
  }
  .orderList.cart.sum .orderItem .image img {
    width: 50px;
  }
  .orderList.cart.sum .summary {
    font-size: 22px;
    line-height: 32px;
    padding: 16px 0 0 0;
  }
  .orderList.cart.sum .orderItem div p {
    font-size: 12px;
    line-height: 18px;
  }
  .basketStep {
    padding: 16px;
    margin-bottom: 16px;
  }
  .orderList.sum {
    padding: 8px;
  }
}
@media (max-width: 992px) {
  header .navigation a img {
    width: 200px;
  }
  header .navigation .lang {
    margin-left: 20px;
    gap: 8px;
  }
  header .navigation nav {
    height: auto;
    padding: 5px 0 0 0;
  }
  header .navigation .nav > i {
    display: none;
  }
  .hero .items {
    display: none;
  }
  .hero {
    height: auto;
    padding: 114px 0 60px 0;
  }
  .hero:before {
    display: none;
  }
  .hero:after {
    left: 50%;
    right: 0;
    bottom: 0;
    height: 48px;
    z-index: 2;
    content: "";
    background: #040B16;
    width: 992px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    transform: translateX(-50%);
  }
  .hero .text h1, .hero .text .h1 {
    font-size: 50px;
    line-height: 60px;
  }
  h1, .h1 {
    font-size: 40px;
    line-height: 44px;
    padding: 20px 0;
  }
  .products .prodImage .upper {
    top: 90px;
    left: -23px;
    width: 205px;
    height: 232px;
    background-size: cover !important;
  }
  .products .prodImage .hint {
    font-size: 12px;
    line-height: 16px;
    gap: 4px;
    max-width: 151px;
  }
  .products .prodImage .hint i {
    font-size: 20px;
  }
  .products .prodImage .hint.hint-1 {
    top: 60px;
    left: -20px;
  }
  .products .prodImage .hint.hint-2 {
    top: 140px;
    right: -25px;
  }
  .products .prodImage .hint.hint-3 {
    top: 230px;
    left: 30px;
  }
  .products.pr-2 .prodImage .bottom, .products.pr-4 .prodImage .bottom {
    left: 0;
  }
  .products.pr-2 .prodImage .upper, .products.pr-4 .prodImage .upper {
    left: 80px;
  }
  .products .prodImage .bottom {
    top: 50px;
    left: -16px;
    width: 275px;
    height: 260px;
    background-size: cover !important;
  }
  h2, .h2 {
    font-size: 24px;
    line-height: 32px;
    padding: 20px 0;
  }
  h5, .h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 10px 0;
  }
  .prodData p {
    font-size: 14px;
    line-height: 22px;
  }
  .subscription:before {
    width: 365px;
    height: 379px;
    right: -80px;
    bottom: -60px;
    background-size: cover;
  }
  footer {
    padding: 48px 0;
  }
  footer .contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
  }
  footer .contact div {
    font-size: 14px;
    line-height: 22px;
  }
  footer .contact div a {
    font-size: 14px;
    line-height: 22px;
  }
  footer .contact span {
    width: 100%;
    height: 1px;
    flex-shrink: 0;
    align-self: stretch;
  }
  footer .social {
    margin: 24px 0;
    padding: 16px 24px;
  }
  footer .docs, footer .links {
    justify-content: flex-start;
    gap: 24px;
  }
  footer .docs {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    padding-top: 16px;
    border-top: 1px solid #5D6979;
    margin: 32px 0;
  }
  footer .docs span {
    height: 1px;
    width: 100%;
    background: #5D6979;
  }
  .p-130 {
    padding: 75px 0;
  }
  .pt-130 {
    padding-top: 75px;
  }
  .pb-130 {
    padding-bottom: 75px;
  }
  .hasTopShadow:before,
  .hasBottomShadow:after,
  .ingredientsDetails:before,
  .ingredientsDetails:after,
  .aboutus:before,
  .aboutus:after {
    height: 75px;
  }
  .ingredientsTop {
    height: 700px;
  }
  .ingredientsTop:after {
    height: 128px;
  }
  .ingredientsTop div {
    width: 100%;
    height: 700px;
  }
  .accordion.ings .accordion-item .accordion-button {
    padding: 12px;
    font-size: 20px;
    line-height: 26px;
    gap: 16px;
  }
  .content .p-130:first-child {
    padding-top: 130px !important;
  }
  .prodGallery .swiper-button-prev,
  .prodGallery .swiper-button-next {
    display: none;
  }
  .products .prodImage .prod img {
    max-width: 200px;
  }
  .prodData .vitamins {
    padding-bottom: 32px;
    flex-wrap: wrap;
  }
  .prodData .benefits {
    display: none;
  }
  .products {
    padding-top: 75px;
  }
  .container-md-fluid {
    max-width: none;
    --bs-gutter-x: 32px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
  }
  .basketStep h3, .basketStep .h3 {
    font-size: 24px;
    line-height: 32px;
    gap: 16px;
  }
  .basketStep h3:after, .basketStep .h3:after {
    font-size: 24px;
  }
  .basketStep h3 span, .basketStep .h3 span {
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 32px;
  }
  .boxLikeGrid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    padding-bottom: 16px;
  }
  .radio:not(.cbLike).boxLike.noHeight label {
    padding: 8px 16px;
    display: grid;
    grid-template-columns: 1fr max-content;
    text-align: left;
    align-items: center;
  }
  .radio:not(.cbLike).boxLike.noHeight label span {
    grid-column-start: 1;
    grid-row-start: 2;
  }
  .radio:not(.cbLike).boxLike.noHeight label em {
    grid-row: span 2/span 2;
    grid-column-start: 2;
    grid-row-start: 1;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    margin: 0;
  }
  .orderList.cart.sum .orderItem .delete {
    position: absolute;
    top: 0;
    right: 0;
  }
  .orderList.cart.sum .orderItem div {
    padding-right: 30px;
  }
  .orderList.cart.sum .orderItem div .name {
    font-size: 14px;
    line-height: 20px;
  }
  .orderList.cart.sum .summary {
    font-size: 20px;
    line-height: 26px;
  }
  .orderList.cart.sum .discount {
    font-size: 14px;
    line-height: 20px;
  }
  .prodData h2, .prodData .h2 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  body.noanimation .ingredients .capsule-static {
    display: none;
  }
  .certificates img {
    max-width: 120px;
  }
}
@media (min-width: 768px) {
  .w-sm-auto {
    width: auto !important;
  }
}
@media (max-width: 768px) {
  header {
    margin-top: 0;
    position: fixed;
    top: 8px;
    left: 0;
    right: 0;
  }
  header .container {
    max-width: 100%;
    width: 100%;
    padding: 0 8px;
  }
  header .navigation {
    height: 64px;
  }
  header .navigation .logo img {
    width: 207px;
  }
  header .navigation .basket:not(.mobile) {
    display: none;
  }
  header .navigation .mobileMenu {
    order: 3;
    background: transparent;
    border: 0;
    padding: 0;
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  header .navigation .mobileMenu:before {
    font-family: "performate";
    font-size: 18px;
    content: "\e932";
  }
  header .navigation .mobileMenu.opened:before {
    content: "\e920";
  }
  header .navigation .nav {
    display: none;
  }
  header .navigation .nav.opened {
    display: flex;
    position: fixed;
    height: 100dvh;
    overflow: hidden;
    top: -8px;
    left: -8px;
    right: -8px;
    z-index: -1;
    padding: 72px 16px 16px 16px;
    flex-direction: column;
  }
  header .navigation .nav.opened:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: #040B16;
    z-index: -1;
  }
  header .navigation .nav.opened nav {
    padding: 0;
    order: 1;
    flex-basis: auto;
    width: 100%;
    margin: 0;
    overflow-y: auto;
    height: calc(100dvh - 290px);
  }
  header .navigation .nav.opened nav > ul {
    height: auto;
    margin: 0;
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: static;
  }
  header .navigation .nav.opened nav > ul > li {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    border-bottom: 1px solid #5D6979;
    padding: 0;
  }
  header .navigation .nav.opened nav > ul > li.hasSubmenu span:after, header .navigation .nav.opened nav > ul > li.hasSubmenu span:before {
    display: none;
  }
  header .navigation .nav.opened nav > ul > li.hasSubmenu:after {
    font-size: 21px;
    position: absolute;
    right: 10px;
    top: 17px;
  }
  header .navigation .nav.opened nav > ul > li > a, header .navigation .nav.opened nav > ul > li > span {
    justify-content: flex-start;
    width: 100%;
    padding: 16px 0;
    font-size: 24px;
    line-height: 32.4px;
    overflow: hidden;
    height: auto;
  }
  header .navigation .nav.opened nav > ul > li ul {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    background: #040B16;
    border-top: 0;
    padding: 0;
    width: 100%;
    height: 0;
    transition: height ease 0.5s;
  }
  header .navigation .nav.opened nav > ul > li ul li {
    flex-direction: column;
  }
  header .navigation .nav.opened nav > ul > li ul li div.prodsLink {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr;
  }
  header .navigation .nav.opened nav > ul > li ul li div.prodsLink a {
    flex-direction: column;
    padding: 10px 0;
    height: 64px;
  }
  header .navigation .nav.opened nav > ul > li ul li div.prodsLink a:before {
    right: 4px;
    top: 34px;
    color: #00FFBE;
  }
  header .navigation .nav.opened nav > ul > li ul li div.prodsLink a img {
    right: 8px;
    top: 16px;
    max-width: 64px;
    opacity: 1;
  }
  header .navigation .nav.opened nav > ul > li ul li div.prodsLink a .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  header .navigation .nav.opened nav > ul > li ul li div.prodsLink a .lead {
    font-size: 12px;
    font-weight: 400;
    line-height: 20.4px;
  }
  header .navigation .nav.opened nav > ul > li ul li div.prodsLink a .status {
    opacity: 1;
    font-size: 12px;
    font-weight: 400;
    line-height: 20.4px;
    height: 20px;
    padding: 0 3px;
    top: 10px;
    right: 0;
  }
  header .navigation .nav.opened nav > ul > li ul li div.pack {
    flex-basis: unset;
    padding: 16px;
    gap: 8px;
  }
  header .navigation .nav.opened nav > ul > li:hover > span {
    color: #fff;
  }
  header .navigation .nav.opened nav > ul > li:hover:after {
    transform: unset;
    color: #fff;
  }
  header .navigation .nav.opened nav > ul > li:hover ul {
    height: 0;
    transition: unset;
  }
  header .navigation .nav.opened nav > ul > li:hover ul li {
    opacity: 0;
    transition: unset;
  }
  header .navigation .nav.opened nav > ul > li.opened > span {
    color: #00FFBE;
  }
  header .navigation .nav.opened nav > ul > li.opened:after {
    transform: rotate(180deg);
    color: #00FFBE;
  }
  header .navigation .nav.opened nav > ul > li.opened ul {
    height: auto;
  }
  header .navigation .nav.opened nav > ul > li.opened ul li {
    opacity: 1;
  }
  header .navigation .nav.opened .user {
    order: 2;
    margin-top: auto;
    width: 100%;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
    background: #222832;
    display: flex;
    padding: 16px;
  }
  header .navigation .nav.opened .user .btn {
    width: 100%;
    height: 48px;
  }
  header .navigation .nav.opened .user .btn:after {
    height: 48px;
  }
  header .navigation .nav.opened .user:before {
    display: none;
  }
  header .navigation .nav.opened .user .dropdown {
    display: none;
  }
  header .navigation .nav.opened .user .mobileUser {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
  }
  header .navigation .nav.opened .user .mobileUser a:first-child {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    height: auto;
  }
  header .navigation .nav.opened .user .mobileUser a:first-child span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #00FFBE;
    width: 40px;
    height: 40px;
    border: 2px solid #5D6979;
    color: #040B16;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
  }
  header .navigation .nav.opened .user .mobileUser a:last-child {
    font-size: 21px;
    color: #00FFBE;
  }
  header .navigation .nav.opened .user .mobileUser > i {
    margin: 0 30px 0 auto;
    height: 40px;
    width: 1px;
    background: #929FB0;
    flex-shrink: 0;
  }
  header .navigation .nav.opened .lang {
    margin: 0;
    order: 3;
    height: 58px;
    width: 100%;
    background: #222832;
    justify-content: center;
    gap: 16px;
  }
  header .navigation .nav.opened .lang a {
    font-size: 18px;
  }
  header .navigation .basket.mobile {
    display: flex;
  }
  .content {
    margin-top: 0;
  }
  footer .links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .products .prodImage .upper {
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -45px;
  }
  .products .prodImage .bottom {
    top: 9px;
    left: 50%;
    transform: translateX(-50%);
  }
  .products.pr-2 .prodImage .upper, .products.pr-4 .prodImage .upper {
    left: 50%;
    margin-left: 45px;
  }
  .products.pr-2 .prodImage .bottom, .products.pr-4 .prodImage .bottom {
    left: 50%;
  }
  .nl {
    padding: 80px 0;
  }
  .nl:before, .nl:after {
    height: 80px;
  }
  .subscription:before {
    display: none;
  }
  .products .prodData {
    padding: 48px 0 48px 0;
  }
  .products .prodData h2, .products .prodData .h2 {
    display: inline-block;
    white-space: normal;
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    line-height: 10px;
    font-weight: 400;
    font-size: 18px;
    padding-bottom: 16px;
  }
  .products .prodData h2:first-line, .products .prodData .h2:first-line {
    font-size: 24px;
    font-weight: 700;
  }
  .products .prodData h2 span, .products .prodData .h2 span {
    font-size: 12px;
    line-height: 20px;
  }
  .products .prodData h2 i, .products .prodData .h2 i {
    display: inline-block;
    margin: 0;
    width: 100%;
    height: 0;
    background: transparent;
  }
  .products .prodData h6, .products .prodData .h6 {
    font-size: 16px;
    line-height: 24px;
  }
  .products .prodImage:after {
    display: none;
  }
  .products .prodImage .content {
    position: relative;
  }
  .products .prodImage .prod {
    text-align: center;
  }
  .products .prodImage .prod img {
    max-height: 100%;
    max-width: 170px;
  }
  .accordion.ings {
    padding: 30px 0 130px 0;
  }
  h3, .h3 {
    font-size: 24px;
    line-height: 32px;
    padding: 16px 0;
  }
  .lead {
    font-size: 16px;
    line-height: 24px;
  }
  .ingredientsDetails img {
    position: relative;
    max-width: 200px;
    top: 0;
    padding-bottom: 48px;
  }
  .ingredientsTop {
    height: 550px;
    background: transparent url(/images/bg_ingredients.png) no-repeat bottom center;
    background-attachment: unset;
    background-size: auto 100%;
  }
  .ingredientsTop div {
    width: 100%;
    height: 550px;
  }
  .content .p-130:first-child {
    padding-top: 100px !important;
  }
  .prodGallery .swiper-button-prev,
  .prodGallery .swiper-button-next {
    display: flex;
  }
  .products {
    padding-top: 48px;
  }
  .products .prodImage .hint.hint-1 {
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -110px;
  }
  .products .prodImage .hint.hint-2 {
    top: 140px;
    right: 50%;
    transform: translateX(50%);
    margin-right: -110px;
  }
  .products .prodImage .hint.hint-3 {
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -70px;
  }
  .streamer .data {
    transform: scaleY(1);
  }
  .streamer .data * {
    opacity: 1;
  }
  .streamers .swiper-pagination {
    display: none;
  }
  .streamers .swiper-button-next, .streamers .swiper-button-prev {
    left: auto;
    top: auto;
    bottom: -80px;
  }
  .streamers .swiper-button-prev {
    right: auto;
    left: 0;
  }
  .aboutus.p-130 {
    padding-bottom: 130px;
  }
  .streamer img {
    filter: grayscale(0);
  }
  .prodGallery {
    margin-bottom: 80px;
  }
  .prodGallery .swiper-button-next,
  .prodGallery .swiper-button-prev {
    bottom: -56px;
  }
  .prodGallery .swiper-pagination {
    bottom: -38px;
  }
  .ratingItem .header > div {
    gap: 0 16px;
    font-size: 18px;
    line-height: 25px;
  }
  .ratingItem .text p {
    font-size: 14px;
    line-height: 22px;
  }
  .p-32 {
    padding: 16px;
  }
  .pb-32 {
    padding-bottom: 16px;
  }
  .orderList.cart {
    padding: 16px;
  }
  .orderList.cart.sum {
    display: flex;
    flex-direction: column-reverse;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    padding: 0;
    border: 0;
    background: transparent;
    height: 56px;
    z-index: 3;
  }
  .orderList.cart.sum .basketToggle {
    border-top: 1px solid #00FFBE;
    background: #222832;
    padding: 16px !important;
    position: relative;
    z-index: 5;
  }
  .orderList.cart.sum .basketToggle:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    color: #fff;
    font-size: 15px;
    font-family: "performate";
    content: "\e90b";
  }
  .orderList.cart.sum .basketToggle.opened:after {
    content: "\e908";
  }
  .basketContent {
    z-index: 4;
    width: 100%;
    transform: translateY(calc(100% + 56px));
    transform-origin: bottom;
    transition: transform 0.26s ease;
    padding: 16px;
    background: #040B16;
  }
  .basketContent.opened {
    transform: translateY(0);
  }
  body.noanimation .mainProds .prods .products.last {
    padding-top: 48px;
  }
  body.noanimation .mainProds .prods .products {
    padding-top: 48px;
  }
  body.noanimation .mainProds .prods .products.last {
    padding-bottom: 0;
  }
}
@media (max-width: 576px) {
  .grey700Box,
  .blackBox {
    padding: 16px;
  }
  .grey700Box:before,
  .blackBox:before {
    clip-path: polygon(0 11px, 16px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 16px) 100%, 0 100%);
  }
  .hero .text .buttons {
    flex-direction: column-reverse;
  }
  .hero .text .buttons .btn {
    width: 100%;
  }
  .aboutus:before,
  .aboutus:after {
    height: 48px;
  }
  .nl {
    padding: 48px 0;
  }
  .nl:before, .nl:after {
    height: 48px;
  }
  .checkbox label, .radio label {
    font-size: 14px;
    line-height: 21px;
  }
  .grey700Box p:not(.lead), .blackBox p:not(.lead) {
    font-size: 14px;
    line-height: 21px;
  }
  h1, .h1 {
    font-size: 40px;
    line-height: 47px;
    padding: 16px 0;
  }
  h1.fs-28, .fs-28.h1 {
    font-size: 28px;
    line-height: 36px;
  }
  h2, .h2 {
    font-size: 28px;
    line-height: 36px;
  }
  p {
    font-size: 16px;
    line-height: 24px;
  }
  footer .social {
    gap: 0;
    justify-content: space-between;
    width: 100%;
  }
  .p-130 {
    padding: 48px 0;
  }
  .pt-130 {
    padding-top: 48px;
  }
  .pb-130 {
    padding-bottom: 48px;
  }
  .hasTopShadow:before,
  .hasBottomShadow:after,
  .ingredientsDetails:before,
  .ingredientsDetails:after,
  .aboutus:before,
  .aboutus:after {
    height: 48px;
  }
  .subscription {
    padding: 16px;
  }
  .lead {
    font-size: 16px;
    line-height: 24px;
  }
  .subscription .benefits {
    padding: 16px 0 32px 0;
    gap: 8px;
  }
  .subscription .benefits p {
    font-size: 16px;
    line-height: 24px;
  }
  .subscription .offer span {
    font-size: 24px;
    line-height: 32.4px;
    padding: 0 16px;
    height: 48px;
    clip-path: polygon(0 12px, 16px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 16px) 100%, 0 100%);
  }
  .subscription .offer {
    top: -44px;
    left: -16px;
  }
  .prodData .buttons {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
  }
  .prodData .buttons .btn-primary, .prodData .buttons .btn-secondary {
    width: 100%;
  }
  .ingredientsDetails img {
    max-width: 100px;
  }
  .ingredientsDetails h2, .ingredientsDetails .h2 {
    font-size: 18px;
    line-height: 25px;
  }
  .accordion.ings .accordion-item .accordion-button {
    padding: 8px;
    font-size: 16px;
    line-height: 24px;
  }
  .ingredientsTop {
    height: 400px;
  }
  .ingredientsTop div {
    width: 100%;
    height: 400px;
  }
  .ingredientsTop div h3, .ingredientsTop div .h3 {
    font-size: 18px;
    line-height: 25px;
    padding: 0;
  }
  .content .p-130:first-child {
    padding-top: 86px !important;
  }
  .content .pt-160:first-child {
    padding-top: 86px !important;
  }
  .prodListOrder {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 24px 0;
  }
  .prodListOrder > div {
    flex-basis: 100%;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid #5D6979;
  }
  h1.title, .title.h1 {
    font-size: 28px;
    line-height: 36.4px;
  }
  .subscription .offer:after {
    border-width: 0 16px 12px 0;
    bottom: -12px;
  }
  .subsc {
    padding-left: 8px;
    padding-right: 8px;
  }
  .streamers .swiper-button-next, .streamers .swiper-button-prev {
    width: calc(50% - 8px);
  }
  .prodDetails .mobileSticky {
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    background: rgba(4, 11, 22, 0.6392156863);
    display: none;
    transform: scaleY(0);
    height: 0;
    width: 100vw;
    padding: 8px 16px;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    position: static;
    transition: all ease 0.5s;
    opacity: 0;
    transform-origin: top;
  }
  .prodDetails .mobileSticky.visible {
    height: auto;
    opacity: 1;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    transition: all ease 0.5s;
    transform: scaleY(1);
  }
  .prodDetails .mobileSticky picture {
    display: none;
  }
  .prodDetails .mobileSticky picture:first-of-type {
    display: inline-block;
    width: 40px;
  }
  .prodDetails .mobileSticky picture:first-of-type img {
    width: 40px;
  }
  .prodDetails .mobileSticky .btn {
    margin-left: auto;
    width: auto;
  }
  .prodDetails .mobileSticky h6, .prodDetails .mobileSticky .h6 {
    padding: 0;
    line-height: 20px;
  }
  .prodDetails .mobileSticky h6 em, .prodDetails .mobileSticky .h6 em {
    font-style: normal;
    color: #929FB0;
    position: relative;
    font-size: 14px;
  }
  .prodDetails .mobileSticky h6 em:before, .prodDetails .mobileSticky .h6 em:before {
    height: 1px;
    background: #00FFBE;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    content: "";
  }
  .prodDetails .mobileSticky h6 span, .prodDetails .mobileSticky .h6 span {
    font-weight: 400;
    font-size: 14px;
  }
  .prodData h2, .prodData .h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .prodData h2 em, .prodData .h2 em {
    font-size: 18px;
    line-height: 24px;
  }
  .prodData h2 span, .prodData .h2 span {
    font-size: 16px;
    line-height: 24px;
  }
  div.prodsLink.configurator {
    gap: 8px;
    padding-top: 24px;
    grid-template-columns: 1fr;
  }
  .login {
    padding: 90px 0 40px 0;
  }
  .alert-box {
    top: -48px;
    z-index: 11;
  }
  .subscriptionItem {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 16px;
  }
  .subscriptionItem .data {
    align-items: flex-start;
  }
  .wislistItem {
    flex-wrap: wrap;
    position: relative;
  }
  .wislistItem .delete {
    position: absolute;
    top: 16px;
    right: 0;
  }
  .wislistItem .price,
  .wislistItem .offerDate {
    flex-basis: 100%;
  }
  .subscriptionList {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .subscriptionList .subscriptionProd:after {
    display: none;
    padding-bottom: 0;
  }
  .subscriptionList .subscriptionProd .checkbox {
    position: relative;
    width: 100%;
    height: auto;
  }
  .subscriptionList .subscriptionProd .checkbox label {
    overflow: hidden;
    border: 1px solid #5D6979;
    background: #040B16;
    position: relative;
    padding: 16px;
  }
  .subscriptionList .subscriptionProd .checkbox label .name,
  .subscriptionList .subscriptionProd .checkbox label .lead {
    font-size: 14px;
    line-height: 22.4px;
  }
  .subscriptionList .subscriptionProd .checkbox label picture {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .subscriptionList .subscriptionProd .checkbox label picture img {
    max-width: 66px;
  }
  .subscriptionList .subscriptionProd .checkbox input[type=checkbox]:checked + label {
    height: 132px;
  }
  .subscriptionList .subscriptionProd .checkbox input[type=checkbox]:checked + label + .pc {
    bottom: 16px;
    right: auto;
    left: 16px;
  }
  .btn.subscriptionButton {
    position: fixed;
    bottom: 16px;
    left: 16px;
    right: 16px;
    z-index: 5;
  }
  .profileContainer {
    margin: 0 -16px;
    width: calc(100% + 32px);
  }
  .blackBg .radios {
    gap: 16px;
  }
  .orderList.cart {
    padding: 0;
  }
  .orderItem {
    flex-wrap: wrap;
    position: relative;
    gap: 8px;
  }
  .orderItem > span {
    order: 3;
  }
  .orderItem a.image {
    order: 1;
  }
  .orderItem a.image img {
    width: 64px;
  }
  .orderItem div {
    order: 2;
    padding-right: 30px;
    flex-basis: calc(100% - 72px);
  }
  .orderItem .delete {
    position: absolute;
    top: 0;
    right: 0;
  }
  .orderItem .price {
    order: 4;
    margin-left: auto;
  }
  .orderList .discount {
    padding: 0 8px 16px 8px;
    font-size: 16px;
    line-height: 24px;
  }
  .orderList .summary {
    font-size: 18px;
    line-height: 25px;
    padding: 16px 8px 32px 8px;
  }
  .radio.savedAddress label {
    padding: 16px;
  }
  .radio.savedAddress label > span:not(.row) {
    padding-left: 40px;
  }
  .basketStep {
    padding: 16px 8px;
  }
  .basketStep h3, .basketStep .h3 {
    font-size: 16px;
    line-height: 24px;
    gap: 8px;
  }
  .basketStep h3:after, .basketStep .h3:after {
    font-size: 15px;
  }
  .basketStep h3 span, .basketStep .h3 span {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 20px;
  }
  .certificates img {
    max-width: 90px;
  }
}