@charset "UTF-8";
@font-face {
  src: url("../fonts/Hind-Regular.woff2") format("woff2"), url("../fonts/Hind-Regular.woff") format("woff");
  font-family: "Hind";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("../fonts/Hind-Bold.woff2") format("woff2"), url("../fonts/Hind-Bold.woff") format("woff");
  font-family: "Hind";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("../fonts/Inter-Light.woff2") format("woff2"), url("../fonts/Inter-Light.woff") format("woff");
  font-family: "Inter";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff");
  font-family: "Inter";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff");
  font-family: "Inter";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff");
  font-family: "Inter";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("../fonts/Inter-BoldItalic.woff2") format("woff2"), url("../fonts/Inter-BoldItalic.woff") format("woff");
  font-family: "Inter";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* stylelint-disable */
/* stylelint-disable */
.custom-checkbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  -webkit-filter: grayscale(100);
  filter: grayscale(100);
  opacity: 0.5;
}
.custom-checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.custom-checkbox span {
  position: relative;
  z-index: 2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 150%;
  color: rgba(var(--cl-e), 0.2) !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  gap: 10px;
  text-align: left;
}
.custom-checkbox span a {
  color: rgba(var(--cl-e), 0.5);
}
@media (hover: hover) {
  .custom-checkbox span a:hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .custom-checkbox span a:active {
    text-decoration: underline;
  }
}
.custom-checkbox span::before {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 2px solid #C1C2C7;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-size: 90% 70%;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (hover: hover) {
  .custom-checkbox input:not(:disabled):not(:checked) + span:hover::before {
    border-color: rgba(var(--cl-e), 0.5);
  }
}
@media (hover: none) {
  .custom-checkbox input:not(:disabled):not(:checked) + span:active::before {
    border-color: rgba(var(--cl-e), 0.5);
  }
}
.custom-checkbox input:not(:disabled):active + span::before {
  border-color: rgba(var(--cl-e), 0.5);
  background-color: rgba(var(--cl-e), 0.5);
}
.custom-checkbox input:checked + span::before {
  border-color: var(--cl-e);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' fill='none'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='.8' d='M4.7 8.6c-.2 0-.3 0-.4-.2l-3.1-3a.6.6 0 1 1 .8-.9l2.7 2.7 5.3-6a.6.6 0 0 1 .9.8L5 8.4a.6.6 0 0 1-.4.2Z'/%3E%3C/svg%3E");
  background-color: var(--cl-e);
}

.custom-radio {
  position: relative;
}
.custom-radio input:not([type=date]) {
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.custom-radio span {
  position: relative;
  z-index: 2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--font-family);
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 100%;
  color: rgba(var(--cl-f), 1);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  gap: 10px;
}
.custom-radio span a {
  color: rgba(var(--cl-f), 1);
}
.custom-radio span a:hover {
  text-decoration: underline;
}
.custom-radio span::before {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 2px solid #C1C2C7;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-size: 10px 10px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.custom-radio input:not(:disabled):not(:checked) + span:hover::before {
  border-color: #2458D3;
}
.custom-radio input:not(:disabled):active + span::before {
  border-color: #2458D3;
  background-color: transparent;
}
.custom-radio input:checked + span::before {
  border-color: #2458D3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23DB574D'/%3E%3C/svg%3E");
  background-color: transparent;
}
.custom-radio input:disabled + span::before {
  background-color: #e9ecef;
}
.custom-radio--content span {
  border: 1px solid rgba(133, 135, 145, 0.25);
  border-radius: 100px;
  padding: 2px clamp(20px, 2.08vw, 32px);
  height: 42px;
  background: rgba(var(--bg-a), 1);
}
.custom-radio--content span::before, .custom-radio--content span::after {
  content: none;
}
.custom-radio--content span svg {
  color: rgba(var(--cl-o), 1);
}
.custom-radio--content input:checked + span {
  border-color: rgba(var(--bg-c), 1);
  color: rgba(var(--cl-a), 1);
  background: rgba(var(--bg-c), 1);
}
.custom-radio--content input:checked + span svg {
  color: rgba(var(--cl-a), 1);
}

/* stylelint-disable */
:root {
  --frame-width: 1920;
  --rem-function: 16px;
  --error-bg: #d01f1f;
  --body-bg: #ffffff;
  --body-font-size: 16px;
  --content-width: 1200px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --scrollbar-thumb: #1397D6;
  --scrollbar-track: rgba(0, 0, 0, 0.07);
  --scrollbar-track-hover: transparent;
  --overlay-bg: rgba(0, 0, 0, 0.5);
  --select-inner-bg: #404040;
  --select-inner-border: #FDFDFD;
  --select-focus-border: #FDFDFD;
  --main-button-size: 50px;
  --font-family: "Hind", sans-serif;
  --font-family2: "Inter", sans-serif;
  --cl-a: #ffffff;
  --cl-b: #3E414B;
  --cl-c: #A2FF00;
  --cl-d: #41C27F;
  --cl-e: #797C83;
  --cl-f: #4B4BF0;
  --cl-g: #000;
  --cl-h: #41C27F;
  --bg-a: #ffffff;
  --bg-b: #3E414B;
  --bg-c: #A2FF00;
  --bg-d: #41C27F;
  --bg-e: #797C83;
  --bg-f: #4B4BF0;
  --bg-g: #000;
  --bg-h: #41C27F;
  --border-default: rgba(16, 16, 16, 0.10);
  --border-default2: rgba(16, 16, 16, 0.6);
  --main-btn-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 100%), #D4FB07;
  --br-a: #DB574D;
  --br-b: #3E414B;
  --br-c: #4B4BF0;
  
  --header-height: 101px;
}

@media (max-width: 1024px) {
    :root {
        --header-height: 59px;
    }
}


h1, .h1 {
  font-weight: 700;
  font-size: clamp(22px, 2.44140625vw, 27px);
  line-height: 150%;
}

h2, .h2 {
  font-weight: 400;
  font-size: 19px;
  line-height: 110%;
}

h3, .h3 {
  font-weight: 400;
  font-size: clamp(20px, 3.125vw, 25px);
}

h4, .h4 {
  font-weight: 600;
  font-size: clamp(18px, 2.813vw, 20px);
}

.accent {
  text-transform: capitalize;
  color: rgba(var(--cl-d), 1);
}

[data-btn-modal] svg {
  pointer-events: none;
}

.modal {
  display: none;
  margin: auto;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.modal.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.modal__box .close {
  position: absolute;
  right: 15px;
  top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: rgba(var(--cl-d), 1);
}
.modal__box .close svg {
  width: clamp(15px, 3.26vw, 20px);
  height: auto;
  pointer-events: none;
}

.select {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select.active .select__list {
  opacity: 1;
}
.select__header {
  position: relative;
  z-index: 6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  width: 100%;
  max-width: 100%;
  cursor: pointer;
  gap: 5px;
  color: var(--cl-a);
}
@media (max-width: 576px) {
  .select__header {
    padding-right: 0;
  }
}
.select__header > svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 16px;
  -webkit-transition: -webkit-transform 0.4s linear;
  transition: -webkit-transform 0.4s linear;
  transition: transform 0.4s linear;
  transition: transform 0.4s linear, -webkit-transform 0.4s linear;
  aspect-ratio: 1;
  stroke: currentColor;
}
@media (max-width: 576px) {
  .select__header > svg {
    width: 14px;
  }
}
.select__current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  overflow: hidden;
  width: 100%;
  text-transform: uppercase;
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: currentColor;
}
@media (max-width: 576px) {
  .select__current {
    font-size: 14px;
  }
}
.select__current svg {
  width: 16px;
  height: 16px;
}
.select__body {
  position: absolute;
  top: calc(100% + 10px);
  z-index: 5;
  overflow: hidden;
  border-radius: 6px;
  height: 0;
  width: 100%;
  -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0);
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0);
  -webkit-transition: height 0.2s ease-in;
  transition: height 0.2s ease-in;
}
.select__body i {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  text-transform: uppercase;
}
.select__list {
  overflow-y: auto;
  opacity: 0;
  padding: 5px;
  max-height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  background: #FFF;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.select__list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: var(--scrollbar-thumb);
}
.select__list::-webkit-scrollbar-track {
  background-color: transparent;
}
.select__list::-webkit-scrollbar {
  border-radius: 8px;
  width: 4px;
}
.select__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 5px;
  width: 100%;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 100%;
  color: rgba(var(--cl-f), 1);
  cursor: pointer;
}
.select__option a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  text-transform: uppercase;
  width: 100%;
  height: 100%;
}

.select.active {
  z-index: 3;
}
.select.active .select__body {
  -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.select.active .select__header > svg {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

/**
 * Swiper 11.1.1
 * 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: April 9, 2024
 */
@font-face {
  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-family: "swiper-icons";
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

:host {
  position: relative;
  z-index: 1;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.swiper {
  position: relative;
  z-index: 1;
  display: block;
  list-style: none;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-slide {
  position: relative;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  width: var(--swiper-centered-offset-after);
  height: 100%;
  min-height: 1px;
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  margin-top: -21px;
  margin-left: -21px;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: transparent;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  width: var(--swiper-virtual-size);
  height: 1px;
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 10px);
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next::after, .swiper-button-prev::after {
  font-family: "swiper-icons";
  font-variant: initial;
  font-size: var(--swiper-navigation-size);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none !important;
}

.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 10px);
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  z-index: 10;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  left: 0;
  top: var(--swiper-pagination-top, auto);
  bottom: var(--swiper-pagination-bottom, 8px);
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  border: none;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left, auto);
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  width: 8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  position: absolute;
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  left: 0;
  top: 0;
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  left: 0;
  top: 0;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  position: relative;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  -ms-touch-action: none;
  touch-action: none;
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  top: var(--swiper-scrollbar-top, auto);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  z-index: 50;
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  height: var(--swiper-scrollbar-size, 4px);
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  position: relative;
  left: 0;
  top: 0;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  width: 100%;
  height: 100%;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1000;
  opacity: 0;
  pointer-events: none;
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  pointer-events: none;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  z-index: 1;
  width: 100%;
  height: 100%;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  pointer-events: none;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  visibility: visible;
  pointer-events: auto;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}

.swiper-cube .swiper-cube-shadow::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  visibility: visible;
  pointer-events: auto;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@font-face {
  src: url("../fonts/lg.woff") format("woff"), url("../fonts/lg.svg") format("svg");
  font-family: "lg";
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  font-weight: 400;
  font-style: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  position: absolute;
  top: 50%;
  z-index: 1080;
  display: block;
  margin-top: -10px;
  outline: none;
  border: none;
  border-radius: 2px;
  padding: 8px 10px 9px;
  font-size: 22px;
  color: #999;
  background-color: rgba(0, 0, 0, 0.45);
  background-color: transparent;
  cursor: pointer;
}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}

.lg-actions .lg-next {
  right: 20px;
}

.lg-actions .lg-next::before {
  content: "\e095";
}

.lg-actions .lg-prev {
  left: 20px;
}

.lg-actions .lg-prev::after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  position: relative;
  -webkit-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
}

.lg-outer.lg-left-end .lg-object {
  position: relative;
  -webkit-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
}

.lg-toolbar {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1082;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}

.lg-toolbar .lg-icon {
  float: right;
  outline: medium none;
  border: none;
  padding: 10px 0;
  width: 50px;
  height: 47px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 24px;
  line-height: 27px;
  text-align: center;
  text-decoration: none !important;
  color: #999;
  background: none;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  cursor: pointer;
}

.lg-toolbar .lg-icon:hover {
  color: #FFF;
}

.lg-toolbar .lg-close::after {
  content: "\e070";
}

.lg-toolbar .lg-download::after {
  content: "\e0f2";
}

.lg-sub-html {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1080;
  padding: 10px 40px;
  font-size: 16px;
  text-align: center;
  color: #EEE;
  background-color: rgba(0, 0, 0, 0.45);
}

.lg-sub-html h4 {
  margin: 0;
  font-weight: 700;
  font-size: 13px;
}

.lg-sub-html p {
  margin: 5px 0 0;
  font-size: 12px;
}

#lg-counter {
  display: inline-block;
  vertical-align: middle;
  padding-top: 12px;
  padding-left: 20px;
  font-size: 16px;
  color: #999;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -webkit-transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.lg-outer .lg-thumb-outer {
  position: absolute;
  bottom: 0;
  z-index: 1080;
  width: 100%;
  max-height: 350px;
  background-color: #0D0A0A;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -webkit-grab;
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  cursor: grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
  margin-bottom: -5px;
  padding: 10px 0;
  height: 100%;
}

.lg-outer .lg-thumb-item {
  float: left;
  overflow: hidden;
  margin-bottom: 5px;
  border: 2px solid #FFF;
  border-radius: 4px;
  height: 100%;
  cursor: pointer;
}

@media (width >= 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}

.lg-outer .lg-toggle-thumb {
  position: absolute;
  right: 20px;
  top: -39px;
  outline: medium none;
  border: none;
  border-radius: 2px 2px 0 0;
  padding: 5px 0;
  width: 50px;
  height: 39px;
  font-size: 24px;
  line-height: 27px;
  text-align: center;
  color: #999;
  background-color: #0D0A0A;
  cursor: pointer;
}

.lg-outer .lg-toggle-thumb::after {
  content: "\e1ff";
}

.lg-outer .lg-toggle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  width: 100%;
  max-width: 1140px;
  max-height: 100%;
}

.lg-outer .lg-video {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
}

.lg-outer .lg-video .lg-object {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1080;
  margin-top: -30px;
  margin-left: -42px;
  width: 84px;
  height: 59px;
  cursor: pointer;
}

.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}

.lg-outer .lg-has-html5 .lg-video-play {
  margin-top: -32px;
  margin-left: -32px;
  width: 64px;
  height: 64px;
  background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
  opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}

.lg-outer .lg-video-object {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1083;
  width: 100%;
  height: 5px;
  background-color: #333;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
  width: 0;
  height: 5px;
  background-color: #a90707;
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button::after {
  content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button::after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
}

#lg-zoom-in::after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}

#lg-actual-size::after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

#lg-zoom-out::after {
  content: "\e312";
}

.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
  z-index: 1080;
  height: 10px;
  text-align: center;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}

.lg-outer .lg-pager-cont {
  position: relative;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin: 0 5px;
  cursor: pointer;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  -webkit-box-shadow: 0 0 0 2px white inset;
  box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 20px;
  margin-left: -60px;
  border-radius: 3px;
  padding: 5px;
  width: 120px;
  height: 83px;
  color: #FFF;
  background-color: #fff;
  opacity: 0;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
}

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}

.lg-outer .lg-pager {
  display: block;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: box-shadow 0.3s ease 0s;
  -webkit-transition: -webkit-box-shadow 0.3s ease 0s;
  transition: -webkit-box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;
}

.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  -webkit-box-shadow: 0 0 0 8px white inset;
  box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
  position: absolute;
  left: 50%;
  bottom: -10px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -5px;
  border-top: 10px dashed;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  width: 0;
  height: 0;
}

.lg-fullscreen::after {
  content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen::after {
  content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
  position: fixed;
  inset: 0;
  z-index: 1081;
  background-color: rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  cursor: default;
}

.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  opacity: 1;
  visibility: visible;
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}

.lg-outer .lg-dropdown {
  position: absolute;
  right: 0;
  top: 50px;
  list-style-type: none;
  margin: 0;
  border-radius: 2px;
  padding: 10px 0;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -webkit-transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
  transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
}

.lg-outer .lg-dropdown::after {
  content: "";
  position: absolute;
  right: 16px;
  top: -16px;
  display: block;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  width: 0;
  height: 0;
}

.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0;
}

.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}

.lg-outer .lg-dropdown a {
  display: block;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  white-space: pre;
  color: #333;
}

.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  line-height: 1;
}

.lg-outer .lg-dropdown .lg-icon {
  display: inline-block;
  float: none;
  vertical-align: middle;
  margin-right: 8px;
  padding: 0;
  width: auto;
  height: auto;
  font-size: 20px;
  line-height: 1;
  color: #333;
}

.lg-outer #lg-share {
  position: relative;
}

.lg-outer #lg-share::after {
  content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon::after {
  content: "\e904";
}

.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon::after {
  content: "\e907";
}

.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon::after {
  content: "\e905";
}

.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon::after {
  content: "\e906";
}

.lg-outer .lg-img-rotate {
  position: absolute;
  inset: 0;
  padding: 0 5px;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s, -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
}

.lg-rotate-left::after {
  content: "\e900";
}

.lg-rotate-right::after {
  content: "\e901";
}

.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
  font-size: 26px;
}

.lg-flip-hor::after {
  content: "\e902";
}

.lg-flip-ver::after {
  content: "\e903";
}

.lg-group {
  *zoom: 1;
}

.lg-group::before, .lg-group::after {
  content: "";
  display: table;
  line-height: 0;
}

.lg-group::after {
  clear: both;
}

.lg-outer {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1050;
  outline: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  opacity: 1;
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: -webkit-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  cursor: grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg {
  position: relative;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.lg-outer .lg-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  white-space: nowrap;
}

.lg-outer .lg-item {
  display: none !important;
  background: url("../img/loading.gif") no-repeat scroll center center transparent;
}

.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.lg-outer .lg-item::before, .lg-outer .lg-img-wrap::before {
  content: "";
  display: inline-block;
  margin-right: -1px;
  width: 1px;
  height: 50%;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  inset: 0;
  padding: 0 5px;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
}

.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-empty-html {
  display: none;
}

.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
  position: absolute;
  left: 0;
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/*!
 * Youtube LazyLoad
 * v4.0.1
 * https://github.com/the-muda-organization/youtube-lazyload
 * MIT License
 */
/* youtube lazyload container */
.yt-lazyload {
  position: relative !important;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}

/* youtube lazyload container ::before --> to maintain 16/9 ratio & black bg before JS loaded */
.yt-lazyload::before {
  content: "";
  position: relative;
  display: block;
  padding-top: 74.25%; /* 16:9 ratio */
  width: 100%;
  background-color: #000;
}
/* youtube lazyload wrap */
.yt-lazyload-wrap {
  position: absolute;
  inset: 0;
  padding: inherit;
}

/* youtube lazyload content */
.yt-lazyload-content {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: var(--yt-lazyload-img);
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #000;
}

/* play-btn */
.yt-lazyload-playbtn {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='%23212121' fill-opacity='.8' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z'/%3E%3Cpath fill='%23fff' d='m45 24-18-10v20'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: calc(35px + 10%) auto;
  background-repeat: no-repeat;
}

/* play-btn:hover */
.yt-lazyload-playbtn:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='red' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z'/%3E%3Cpath fill='%23fff' d='m45 24-18-10v20'/%3E%3C/svg%3E");
}

/* logo */
.yt-lazyload-logo {
  position: absolute;
  right: 4%;
  bottom: 4%;
  z-index: 2;
  display: block;
  padding-top: 6.8%; /* 22.3577236% (logo height/width in %) * 0.3 (equivalent to width:30%) = 6.70731708% rounded up */
  width: 30%;
  min-width: 95px;
  min-height: 22px;
  max-width: 215px;
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.75;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

/* 0 = no logo!    */
/* 1 = black       */
.yt-lazyload[data-logo="1"] .yt-lazyload-logo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492 110'%3E%3Cpath d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E");
}

/* 2 = color-black */
.yt-lazyload[data-logo="2"] .yt-lazyload-logo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23282828' viewBox='0 0 492 110'%3E%3Cpath fill='red' d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E");
}

/* 3 = white       */
.yt-lazyload[data-logo="3"] .yt-lazyload-logo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 580 130'%3E%3Cpath d='M181.7 20.7c-2.1-7.9-8.4-14.2-16.3-16.3C151.1.5 93.6.5 93.6.5s-57.6.1-71.9 4C13.8 6.6 7.5 12.9 5.4 20.8 1.6 35.1 1.6 65 1.6 65s0 29.9 3.9 44.3c2.1 7.9 8.4 14.2 16.3 16.3 14.3 3.9 71.8 3.9 71.8 3.9s57.5 0 71.8-3.9c7.9-2.1 14.2-8.4 16.3-16.3 3.9-14.3 3.9-44.3 3.9-44.3s0-29.9-3.9-44.3zM75.2 92.6V37.4L123 65 75.2 92.6z'/%3E%3Cpath d='m268.6 117.8c-3.7-2.5-6.3-6.3-7.8-11.5s-2.2-12-2.2-20.7v-11.6c0-8.6 0.8-15.7 2.6-20.9 1.8-5.3 4.5-9.1 8.3-11.5s8.6-3.7 14.6-3.7c5.9 0 10.8 1.2 14.3 3.7s6.3 6.3 7.9 11.5 2.5 12.2 2.5 20.8v11.7c0 8.6-0.8 15.5-2.5 20.7s-4.3 9-7.9 11.5c-3.7 2.4-8.6 3.7-14.8 3.7-6.4 0-11.3-1.3-15-3.7zm20.5-12.6c1.1-2.6 1.5-7 1.5-12.9v-25.2c0-5.8-0.5-10-1.5-12.6-1.1-2.7-2.8-4-5.3-4s-4.1 1.3-5.2 4-1.5 6.9-1.5 12.6v25.2c0 5.9 0.5 10.3 1.4 12.9s2.7 3.9 5.3 3.9c2.4 0 4.2-1.3 5.3-3.9zm258.9-19.3v4.1c0 5.2 0.1 9.1 0.5 11.7s0.9 4.5 1.9 5.7c0.9 1.2 2.5 1.8 4.5 1.8 2.7 0 4.6-1.1 5.6-3.2 1.1-2.1 1.5-5.7 1.7-10.5l15.7 0.9c0.1 0.7 0.1 1.7 0.1 2.8 0 7.4-2 13-6.1 16.7s-9.8 5.6-17.2 5.6c-9 0-15.2-2.8-18.8-8.4-3.5-5.6-5.4-14.3-5.4-26v-14.3c0-12 1.9-20.9 5.6-26.5 3.8-5.6 10.2-8.4 19.1-8.4 6.3 0 11 1.2 14.3 3.4s5.7 5.8 7.1 10.6 2 11.5 2 20v13.8h-30.6v0.2zm2.4-34c-0.9 1.2-1.5 3-1.9 5.6s-0.5 6.5-0.5 11.8v5.7h13.2v-5.8c0-5.2-0.1-9.1-0.5-11.8s-0.9-4.6-1.9-5.7c-0.9-1.1-2.4-1.7-4.3-1.7-1.9 0.2-3.3 0.8-4.1 1.9zm-326 32.5-20.6-74.7h18.1l7.2 33.8c1.9 8.4 3.2 15.5 4.1 21.3h0.5c0.6-4.3 2-11.2 4.1-21.1l7.4-33.9h18.1l-20.9 74.5v35.7h-17.8v-35.6h-0.2zm143-44.9v80.7h-14.2l-1.5-9.9h-0.4c-3.9 7.4-9.7 11.2-17.4 11.2-5.3 0-9.3-1.8-11.8-5.3-2.6-3.5-3.8-9-3.8-16.4v-60.3h18.2v59.2c0 3.5 0.4 6.1 1.2 7.7 0.8 1.5 2.1 2.2 3.9 2.2 1.5 0 3.1-0.5 4.5-1.4s2.5-2.2 3.2-3.7v-64h18.1zm93.2 0v80.7h-14.2l-1.5-9.9h-0.4c-3.9 7.4-9.7 11.2-17.4 11.2-5.3 0-9.3-1.8-11.8-5.3-2.6-3.5-3.8-9-3.8-16.4v-60.3h18.2v59.2c0 3.5 0.4 6.1 1.2 7.7 0.8 1.5 2.1 2.2 3.9 2.2 1.5 0 3.1-0.5 4.5-1.4s2.5-2.2 3.2-3.7v-64h18.1z'/%3E%3Cpath d='m416.8 24.4h-18.1v95.8h-17.7v-95.8h-18.1v-14.7h53.8v14.6h0.1zm103.8 28c-1.1-5.1-2.8-8.7-5.3-11.1-2.5-2.2-5.8-3.4-10.2-3.4-3.3 0-6.5 0.9-9.3 2.8-3 1.9-5.1 4.4-6.7 7.4h-0.1v-42.5h-17.5v114.4h15l1.9-7.7h0.4c1.4 2.7 3.5 4.8 6.3 6.5 2.8 1.5 5.9 2.4 9.3 2.4 6.1 0 10.6-2.8 13.6-8.5 2.8-5.7 4.4-14.5 4.4-26.5v-12.7c-0.2-9-0.7-16.1-1.8-21.1zm-16.7 32.9c0 5.9-0.2 10.5-0.7 13.8s-1.3 5.7-2.5 7.1-2.7 2.1-4.6 2.1c-1.5 0-2.8-0.4-4.1-1.1s-2.2-1.8-3.1-3.2v-45.7c0.6-2.2 1.7-4 3.2-5.4s3.1-2.1 4.8-2.1c1.9 0 3.3 0.7 4.3 2.1 1.1 1.4 1.7 3.9 2.1 7.3s0.6 8.3 0.6 14.6v10.5z'/%3E%3C/svg%3E");
}

/* 4 = color-white */
.yt-lazyload[data-logo="4"] .yt-lazyload-logo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 492 110'%3E%3Cpath fill='red' d='m154.3 17.5c-1.8-6.7-7.1-12-13.8-13.8-12.1-3.3-60.8-3.3-60.8-3.3s-48.7 0.1-60.8 3.4c-6.7 1.8-12 7.1-13.8 13.8-3.2 12.1-3.2 37.4-3.2 37.4s0 25.3 3.3 37.5c1.8 6.7 7.1 12 13.8 13.8 12.1 3.3 60.8 3.3 60.8 3.3s48.7 0 60.8-3.3c6.7-1.8 12-7.1 13.8-13.8 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='64.2 78.4 104.6 55 64.2 31.6'/%3E%3Cpath d='m227.9 99.7c-3.1-2.1-5.3-5.3-6.6-9.7s-1.9-10.2-1.9-17.5v-9.9c0-7.3 0.7-13.3 2.2-17.7 1.5-4.5 3.8-7.7 7-9.7s7.3-3.1 12.4-3.1c5 0 9.1 1 12.1 3.1s5.3 5.3 6.7 9.7 2.1 10.3 2.1 17.6v9.9c0 7.3-0.7 13.1-2.1 17.5s-3.6 7.6-6.7 9.7c-3.1 2-7.3 3.1-12.5 3.1-5.4 0.1-9.6-1-12.7-3zm17.3-10.7c0.9-2.2 1.3-5.9 1.3-10.9v-21.3c0-4.9-0.4-8.5-1.3-10.7-0.9-2.3-2.4-3.4-4.5-3.4s-3.5 1.1-4.4 3.4-1.3 5.8-1.3 10.7v21.3c0 5 0.4 8.7 1.2 10.9s2.3 3.3 4.5 3.3c2.1 0 3.6-1.1 4.5-3.3z'/%3E%3Cpath d='m464.4 72.7v3.5c0 4.4 0.1 7.7 0.4 9.9s0.8 3.8 1.6 4.8 2.1 1.5 3.8 1.5c2.3 0 3.9-0.9 4.7-2.7 0.9-1.8 1.3-4.8 1.4-8.9l13.3 0.8c0.1 0.6 0.1 1.4 0.1 2.4 0 6.3-1.7 11-5.2 14.1s-8.3 4.7-14.6 4.7c-7.6 0-12.9-2.4-15.9-7.1s-4.6-12.1-4.6-22v-12.1c0-10.2 1.6-17.7 4.7-22.4 3.2-4.7 8.6-7.1 16.2-7.1 5.3 0 9.3 1 12.1 2.9s4.8 4.9 6 9 1.7 9.7 1.7 16.9v11.7h-25.7zm2-28.8c-0.8 1-1.3 2.5-1.6 4.7s-0.4 5.5-0.4 10v4.9h11.2v-4.9c0-4.4-0.1-7.7-0.4-10s-0.8-3.9-1.6-4.8-2-1.4-3.6-1.4c-1.7 0.1-2.9 0.6-3.6 1.5z'/%3E%3Cpath d='m190.5 71.4-17.5-63.2h15.3l6.1 28.6c1.6 7.1 2.7 13.1 3.5 18h0.4c0.5-3.6 1.7-9.5 3.5-17.9l6.3-28.7h15.3l-17.7 63.1v30.3h-15.1v-30.2z'/%3E%3Cpath d='m311.5 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='m390.4 33.4v68.3h-12l-1.3-8.4h-0.3c-3.3 6.3-8.2 9.5-14.7 9.5-4.5 0-7.9-1.5-10-4.5-2.2-3-3.2-7.6-3.2-13.9v-51h15.4v50.1c0 3 0.3 5.2 1 6.5s1.8 1.9 3.3 1.9c1.3 0 2.6-0.4 3.8-1.2s2.1-1.9 2.7-3.1v-54.2h15.3z'/%3E%3Cpath d='M353.3,20.6H338v81.1h-15V20.6h-15.3V8.2h45.5V20.6z'/%3E%3Cpath d='m441.2 44.3c-0.9-4.3-2.4-7.4-4.5-9.4-2.1-1.9-4.9-2.9-8.6-2.9-2.8 0-5.5 0.8-7.9 2.4-2.5 1.6-4.3 3.7-5.7 6.3h-0.1v-36h-14.8v96.9h12.7l1.6-6.5h0.3c1.2 2.3 3 4.1 5.3 5.5 2.4 1.3 5 2 7.9 2 5.2 0 9-2.4 11.5-7.2 2.4-4.8 3.7-12.3 3.7-22.4v-10.8c0-7.6-0.5-13.6-1.4-17.9zm-14.1 27.9c0 5-0.2 8.9-0.6 11.7s-1.1 4.8-2.1 6-2.3 1.8-3.9 1.8c-1.3 0-2.4-0.3-3.5-0.9s-1.9-1.5-2.6-2.7v-38.8c0.5-1.9 1.4-3.4 2.7-4.6s2.6-1.8 4.1-1.8c1.6 0 2.8 0.6 3.6 1.8 0.9 1.2 1.4 3.3 1.8 6.2 0.3 2.9 0.5 7 0.5 12.4v8.9z'/%3E%3C/svg%3E");
}

/* logo:hover */
.yt-lazyload-logo:hover {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

/* iframe */
.yt-lazyload iframe {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  border: 0;
  width: 100% !important;
  height: 100% !important;
}

html {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  max-width: 100dvw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 400;
  font-style: normal;
  font-size: var(--rem-function);
  line-height: 130%;
  -webkit-text-size-adjust: 100%;
  color: rgba(var(--bg-b), 1);
}

body {
  overflow-x: hidden;
  margin: 0;
  font-family: var(--font-family);
  background-color: var(--body-bg);
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100%;
}
@media (max-width: 1024px) {
  body {
    grid-template-rows: 1fr auto;
  }
}
body.fixed-body {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
}

main {
  width: 100%;
  min-width: 0 !important;
}
@media (max-width: 1024px) {
  main {
    padding-top: var(--header-height);
  }
}
main.no-padding {
  padding: 0;
}

.overflow {
  overflow-x: hidden;
}

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

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  outline: none;
  border: none;
  padding: 0;
  line-height: initial;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
button,
p {
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
  font-style: normal;
}

p {
  font-family: var(--font-family2);
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.663px;
}

img {
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

picture {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

input {
  outline: none;
  border: none;
  width: 100%;
  background-color: transparent;
}
input::-webkit-input-placeholder {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
input::-moz-placeholder {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
input:-ms-input-placeholder {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
input::-ms-input-placeholder {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
input::placeholder {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

textarea {
  outline: none;
  border: none;
  resize: none;
}

fieldset {
  margin: 0;
  border: none;
  padding: 0;
}

.visually-hidden {
  position: absolute;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  overflow: hidden;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip: rect(0 0 0 0);
}

.container {
  position: relative;
  margin: 0 auto;
  padding: 0 var(--container-offset);
  width: 100%;
  max-width: var(--container-width);
}

.bg-image {
  position: absolute;
  inset: -5px;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}
.bg-image iframe,
.bg-image picture, .bg-image img {
  display: inherit;
  width: 100%;
  height: 100%;
}
.bg-image video {
  height: 120%;
}

.swiper-container {
  overflow: hidden;
}

.panel,
[data-content] {
  z-index: 20;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.2s;
  transition: max-height 0.2s;
}

[data-tab-content] {
  display: none;
}
[data-tab-content].active {
  display: block;
}

.dis-scroll {
  position: fixed !important;
  left: 0;
  width: 100%;
  scroll-behavior: none !important;
  -ms-scroll-chaining: none !important;
  overscroll-behavior: none !important;
}

.overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  padding: 20px 0;
  height: 100%;
  min-height: 100dvh;
  max-height: 100dvh;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s, visibility 1s, z-index 1s;
  transition: opacity 1s, visibility 1s, z-index 1s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  pointer-events: none;
}
.overlay::-webkit-scrollbar {
  display: none;
}
.overlay.active {
  z-index: 25;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.6s, visibility 0.6s;
  transition: opacity 0.6s, visibility 0.6s;
  pointer-events: initial;
}
.overlay.active.mode {
  z-index: 19;
}

input.just-validate-error-field,
textarea.just-validate-error-field {
  border-color: var(--error-bg) !important;
}

.just-validate-error-label {
  padding-left: 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: var(--error-bg) !important;
}
@media (max-width: 576px) {
  .just-validate-error-label {
    padding-left: 0px;
    font-size: 12px;
  }
}

.wpcf7 {
  width: 100%;
}
.wpcf7-response-output {
  display: none;
}

.grecaptcha-badge {
  opacity: 0;
  visibility: hidden;
}

.loader {
  position: relative;
}
@-webkit-keyframes rotate360 {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes rotate360 {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.loader .main-button {
  pointer-events: none;
}
.loader.loaded::before, .loader.loaded::after {
  opacity: 0;
}
.loader::before, .loader::after {
  content: "";
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: none;
}
.loader::before {
  inset: 0;
  background-color: var(--bg-a);
  opacity: 0.75;
}
.loader::after {
  left: 50%;
  top: 50%;
  z-index: 11;
  border: clamp(15px, 2.5vw, 30px) solid var(--br-c);
  border-top-color: transparent;
  border-radius: 50%;
  width: clamp(120px, 16.667vw, 200px);
  height: clamp(120px, 16.667vw, 200px);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-animation: rotate360 1.5s ease-in-out infinite;
  animation: rotate360 1.5s ease-in-out infinite;
}

:root {
  --check-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='max-width:100%25' viewBox='0 0 12 12'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M6 0c3.3137 0 6 2.6863 6 6s-2.6863 6-6 6-6-2.6863-6-6 2.6863-6 6-6zm2.6464 3.6464L5 7.293 3.3536 5.6464l-.7072.7072L5 8.707l4.3536-4.3535-.7072-.7072z'/%3E%3C/svg%3E");
}

.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.swiper-button-lock {
  opacity: 0;
  pointer-events: none;
}

.arrow-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  width: 32px;
  color: rgba(255, 255, 255, 0.8);
  /* background-color: rgba(62, 65, 75, 0.85); */
  background-color: #d4fb07;
  aspect-ratio: 1;
}
.arrow-button svg {
  fill: currentcolor;
}
.text-center .main-button {
    margin: 0 auto;
}
.main-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 34px;
  padding: 10px 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 50px;
  max-width: 370px;
  font-family: var(--font-family);
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  color: var(--cl-b);
  background: var(--main-btn-gradient);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.main-button:hover {
  background-color: rgb(195, 225, 34);
}
.main-button[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.main-button input {
  position: absolute;
  visibility: hidden;
  z-index: -1;
}
.main-button .wpcf7-spinner {
  display: none;
}
.main-button.trigger {
  -webkit-animation: pulse 2s linear infinite;
  animation: pulse 2s linear infinite;
  will-change: transform;
}
@media (hover: hover) {
  .main-button.trigger:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }
}
@media (hover: none) {
  .main-button.trigger:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }
}

.swiper-pagination {
  position: initial;
}
.swiper-pagination-bullet {
  background-color: var(--cl-a);
  opacity: 0.25;
  cursor: pointer;
}
@media (hover: hover) {
  .swiper-pagination-bullet:hover {
    opacity: 1;
  }
}
@media (hover: none) {
  .swiper-pagination-bullet:active {
    opacity: 1;
  }
}
.swiper-pagination-bullet-active {
  opacity: 1;
}

.phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  text-align: center;
  color: var(--cl-a);
}
.phone .icon {
  background-color: currentColor;
  border-radius: 50%;
  width: 24px;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (hover: hover) {
  .phone:hover {
    color: var(--cl-c);
  }
}
@media (hover: none) {
  .phone:active {
    color: var(--cl-c);
  }
}

.logo {
  max-width: 380px;
  display: grid;
  grid-template-columns: 24% 1fr;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 480px) {
  .logo {
    grid-template-columns: 55px 1fr;
  }
}
.logo img {
  width: 100%;
  height: auto;
}
.logo span {
  font-size: clamp(10px, 2.431vw, 10px);
  line-height: 120%;
  text-transform: uppercase;
  color: #7FD8AA;
  font-family: var(--font-family2);
}

.main-top__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--font-family);
  font-weight: 700;
  font-style: normal;
  font-size: clamp(25px, 2.76vw, 32px);
  line-height: 110%;
  text-align: center;
  color: var(--cl-b);
  gap: 10px;
}
.main-top__title::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70px;
  height: 3px;
  background-color: var(--bg-d);
}
.main-top__subtitle {
  font-family: var(--font-family2);
  font-weight: 600;
  font-style: normal;
  font-size: clamp(18px, 1.955vw, 20px);
  line-height: 120%;
  letter-spacing: 0.7px;
  text-align: center;
  color: var(--cl-e);
}

.form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}
.form-wrapper__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  gap: clamp(10px, 2.5vw, 40px);
}
.form-wrapper__title {
  font-family: var(--font-family);
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 110%;
  text-align: center;
  color: var(--cl-a);
}
.form-wrapper__subtitle {
  font-family: var(--font-family2);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.434px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: var(--cl-a);
}
.form-wrapper .wpcf7 {
  width: 100%;
}

.main-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}
.main-form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  gap: 15px;
}
.main-form__label span {
  font-family: var(--font-family2);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0.434px;
  color: var(--cl-a);
}
.main-form .main-button {
  margin-top: clamp(10px, 2.96vw, 40px);
  width: 100%;
  max-width: 100%;
}
.main-form input {
  border: 2px solid #48DB8F;
  border-radius: 34px;
  padding: 10px 24px;
  min-height: 44px;
  background: rgba(255, 255, 255, 0.95);
}

.footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(20px, 6.51vw, 50px);
}
.footer-nav__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-style: normal;
  font-size: clamp(18px, 3.90625vw, 30px);
  line-height: 120%;
  text-transform: uppercase;
  color: rgba(var(--cl-d), 1);
}
.footer-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(15px, 2.6vw, 20px);
}
.footer-nav__list a {
  font-family: var(--font-family);
  font-weight: 400;
  font-style: normal;
  font-size: clamp(15px, 2.34375vw, 18px);
  line-height: 110%;
  color: rgba(var(--cl-c), 1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  .footer-nav__list a:hover {
    color: rgba(var(--cl-d), 0.8);
  }
}
@media (hover: none) {
  .footer-nav__list a:active {
    color: rgba(var(--cl-d), 0.8);
  }
}

.products-list {
  --products-list-count: 4;
  display: grid;
  grid-template-columns: repeat(var(--products-list-count), 1fr);
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  margin: 0 auto;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 20px clamp(10px, 1.9vw, 30px);
}
.products-list__item {
  padding: 0 clamp(10px, 1.9vw, 30px);
}
@media (max-width: 1024px) {
  .products-list {
    --products-list-count: 2;
    max-width: 90%;
  }
}
@media (max-width: 576px) {
  .products-list {
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .products-list {
    --products-list-count: 1 !important;
  }
}

.products-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  text-align: center;
  gap: 10px;
}
.products-card__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  aspect-ratio: 1/1;
}
.products-card__image picture {
  width: 100%;
}
.products-card__title {
  font-family: var(--font-family);
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  color: var(--cl-b);
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-transform: uppercase;
  margin-top: 10px;
}
.products-card p {
  font-family: var(--font-family2);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: 0.434px;
  color: var(--cl-e);
  max-width: 90%;
}
.products-card img {
  width: 100%;
  height: 100%;
  -webkit-box-shadow: -5px 5px 10px 5px rgba(62, 65, 75, 0.56);
  box-shadow: -5px 5px 10px 5px rgba(62, 65, 75, 0.56);
}
.products-card .main-button {
  padding: 10px 24px;
  height: 42px;
  font-weight: 400;
}

.logo-slider {
  max-width: 100%;
}
@media (max-width: 767px) {
  .logo-slider {
    overflow: initial;
  }
}
.logo-slider .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--cl-a);
}

.choose-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 1024px) {
  .choose-list {
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
    max-width: 767px;
  }
}
@media (max-width: 480px) {
  .choose-list {
    grid-template-columns: 100%;
    gap: 50px;
  }
}
.choose-list svg {
  fill: var(--cl-h);
}

.choose-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-style: normal;
  text-align: center;
  background: var(--bg-a);
  gap: 20px;
}
@media (min-width: 481px) {
  .choose-card {
    border-bottom: 4px solid var(--br-c);
    padding: clamp(35px, 3.9vw, 50px) clamp(10px, 1.46vw, 30px);
    -webkit-box-shadow: 0.5px -10px 57px 3px rgba(34, 34, 34, 0.07);
    box-shadow: 0.5px -10px 57px 3px rgba(34, 34, 34, 0.07);
  }
  .grid-section .choose-card {
    border-bottom: 4px solid var(--bg-d);
  }
}
@media (max-width: 480px) {
  .choose-card {
    padding: 35px 30px;
    -webkit-box-shadow: 0.5px -8px 17px 3px rgba(34, 34, 34, 0.07);
    box-shadow: 0.5px -8px 17px 3px rgba(34, 34, 34, 0.07);
  }
}
.grid-section .choose-card img {
  height: 100px;
}
.choose-card svg {
  height: auto;
  max-width: clamp(70px, 9.765vw, 100px);
  aspect-ratio: 1;
}
.choose-card__title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  color: var(--cl-b);
}
.grid-section .choose-card:hover .choose-card__title {
  color: var(--bg-d);
}
.choose-card p {
  font-family: var(--font-family2);
  font-weight: 400;
  font-size: 13px;
  line-height: 160%;
  letter-spacing: 0.434px;
  color: var(--cl-e);
}

.example-card {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 5px));
  gap: clamp(30px, 4.39453125vw, 55px) 10px;
}
.example-card .swiper-container {
  max-width: 100%;
  width: 100%;
}
@media (max-width: 576px) {
  .example-card {
    grid-template-columns: 100%;
  }
}
.example-card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  grid-column: 1/-1;
  padding: 10px clamp(15px, 1.46484375vw, 30px);
  background-color: var(--bg-a);
  gap: 30px clamp(10px, 1.46484375vw, 30px);
}
@media (max-width: 576px) {
  .example-card__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 30px 20px;
  }
}
.example-card__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 80px;
  max-width: 135px;
}
@media (max-width: 576px) {
  .example-card__logo {
    max-width: 170px;
  }
}
.example-card__logo img {
  width: 100%;
  max-height: 80px;
  -o-object-fit: contain;
  object-fit: contain;
}
.example-card__title {
  font-family: var(--font-family);
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: rgba(0, 0, 0, 0.86);
}
.example-card__value {
  font-family: var(--font-family2);
  font-weight: 300;
  font-style: normal;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: 1.32px;
  text-align: center;
  color: var(--cl-e);
}
.example-card__description {
  font-family: var(--font-family2);
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.702px;
  color: var(--cl-b);
  width: 100%;
  text-align: center;
}
.example-card__name {
  font-family: var(--font-family);
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 26.4px;
  color: var(--cl-b);
  width: 100%;
  text-align: center;
  margin-bottom: calc(clamp(30px, 4.39453125vw, 55px) / -2.2);
}
.example-card__article, .example-card__coll {
  padding: clamp(15px, 2.44140625vw, 30px);
  background-color: var(--bg-a);
}
.example-card__coll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  gap: 30px;
}
.example-card__coll p {
  max-width: 450px;
  font-family: var(--font-family2);
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.434px;
  text-align: center;
  color: var(--cl-e);
}
.example-card__article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  gap: 30px;
}
.example-card__article p {
  font-family: var(--font-family2);
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.5px;
  color: var(--cl-e);
}
.example-card__article ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
.example-card__article ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-family: var(--font-family2);
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.5px;
  color: var(--cl-e);
}
.example-card__article ul li::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 20px;
  background-image: var(--check-icon);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.6;
  aspect-ratio: 1;
}
.example-card .example-slider {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.example-card .example-slider .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: initial;
  cursor: pointer;
}
.example-card .example-slider picture,
.example-card .example-slider img {
  width: 100%;
  height: 100%;
  max-height: 360px;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
}
.example-card .example-slider .arrow-button,
.example-video .arrow-button {
  position: absolute;
  top: 50%;
  z-index: 10;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.example-card .example-slider .arrow-button-next,
.example-video .arrow-button-next {
  right: clamp(5px, 0.9765625vw, 20px);
}
.example-video .arrow-button-next {
  right: -50px;
}
.example-card .example-slider .arrow-button-prev,
.example-video .arrow-button-prev {
  left: clamp(5px, 0.9765625vw, 20px);
}
.example-video .arrow-button-prev{
  left: -50px;
}
.example-card .example-slider .swiper-pagination,
.example-video .swiper-pagination {
  position: absolute;
  left: clamp(5px, 0.9765625vw, 20px);
  right: clamp(5px, 0.9765625vw, 20px);
  bottom: clamp(5px, 0.9765625vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: initial;
}
.example-card .example-slider .swiper-pagination-bullet,
.example-video .swiper-pagination-bullet {
  border: 2px solid var(--br-b);
  background-color: transparent;
  opacity: 0.75;
}
.example-card .example-slider .swiper-pagination-bullet-active,
.example-video .swiper-pagination-bullet-active {
  background-color: var(--bg-b);
  opacity: 1;
}

@media (max-width: 767px) {
  .modal .example-card {
    display: none !important;
  }
  .form-price__inner.modal .example-card {
    display: grid !important;
  }
  
}

.hero-section {
  position: relative;
  overflow: hidden;
  padding-top: var(--header-height);
}
.hero-section__title {
  margin-bottom: 8px;
  text-align: center;
  color: var(--cl-a);
  font-size: clamp(22px, 2.44140625vw, 27px);
  line-height: 150%;
  font-weight: 700
}
.hero-section__subtitle {
  font-weight: 700;
  font-style: normal;
  font-size: clamp(20px, 1.5vw, 30px);
  text-align: center;
  color: var(--cl-a);
}
.hero-section__form .main-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
  .hero-section__form .main-form {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}
.hero-section__form .main-form input {
  height: 50px;
  width: 100%;
}
.hero-section__form .main-form label {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: initial;
  max-width: 100%;
  width: 100%;
}
.hero-section__form .main-button {
  margin: 0 !important;
}
.hero-section .bg-image {
  min-width: 850px;
  -webkit-filter: contrast(135.4%);
  filter: contrast(135.4%);
}
.hero-section .bg-image img {
  -o-object-position: right bottom;
  object-position: right bottom;
}
@media (max-width: 576px) {
  .hero-section .bg-image img {
    -o-object-position: center;
    object-position: center;
  }
}
.hero-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: clamp(30px, 4.39vw, 60px);
  padding-bottom: clamp(60px, 7.8125vw, 135px);
}

.cta-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: clamp(40px, 5.9vw, 90px);
  width: 560px;
    max-width: 90vw;
  text-align: center;
  gap: clamp(30px, 3vw, 40px);
}
.cta-box__text {
  text-align: center;
  color: var(--cl-c);
  font-size: 17px;
}
.cta-box img {
  margin-top: -10px;
  margin-bottom: -20px;
  display: none;
}
.cta-box__info {
  font-family: var(--font-family2);
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  line-height: 160%;
  letter-spacing: 0.31px;
  text-align: center;
  color: var(--cl-a);
  margin-top: 5px;
}

.point-section {
  position: relative;
  padding-top: clamp(30px, 4.8828125vw, 60px);
  padding-bottom: clamp(30px, 4.8828125vw, 60px);
  background: var(--bg-a);
}
.point-section::before {
  display: none;
  content: "";
  position: absolute;
  left: 50%;
  top: 5px;
  -webkit-clip-path: polygon(50% 62%, 104% 0, 100% 100%, 0 100%, 0% 4%);
  clip-path: polygon(50% 62%, 104% 0, 100% 100%, 0 100%, 0% 4%);
  width: 100%;
  height: clamp(80px, 8.78vw, 100px);
  min-width: 1024px;
  background: inherit;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
.point-section__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 2.9vw, 40px);
}
@media (max-width: 1024px) {
  .point-section__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
.point-section__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  gap: 20px;
}
@media (max-width: 1024px) {
  .point-section__item {
    width: 100%;
    min-width: 280px;
    max-width: 300px;
  }
}
.point-section__item-text, .point-section__item-title {
  width: 100%;
}
.point-section__item img {
  max-width: 100px;
  aspect-ratio: 1;
}
.point-section__item-title {
  font-family: var(--font-family);
  font-weight: 700;
  font-style: normal;
  font-size: clamp(22px, 2.4vw, 26px);
  line-height: 120%;
  color: var(--cl-b);
}
@media (max-width: 1024px) {
  .point-section__item-title br {
    display: none;
  }
}
.point-section__item-text {
  max-width: 350px;
  font-family: var(--font-family);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 180%;
  letter-spacing: 0.434px;
  color: var(--cl-e);
}

.products-section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--bg-a);
}
@-webkit-keyframes gradient-flow {
  0%, 100% {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#A2FF00), to(#48DB8F));
    background-image: linear-gradient(0deg, #A2FF00, #48DB8F);
    background-position: 0% 100%;
    background-size: 100% 200%;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
  50% {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#A2FF00), to(#48DB8F));
    background-image: linear-gradient(0deg, #A2FF00, #48DB8F);
    background-position: 0% 0%;
    background-size: 100% 200%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes gradient-flow {
  0%, 100% {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#A2FF00), to(#48DB8F));
    background-image: linear-gradient(0deg, #A2FF00, #48DB8F);
    background-position: 0% 100%;
    background-size: 100% 200%;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
  50% {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#A2FF00), to(#48DB8F));
    background-image: linear-gradient(0deg, #A2FF00, #48DB8F);
    background-position: 0% 0%;
    background-size: 100% 200%;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.products-section::before {
  content: "";
  top: 0;
  -webkit-clip-path: polygon(50% 45%, 100% 0, 100% 55%, 50% 100%, 0 55%, 0 0);
  clip-path: polygon(50% 45%, 100% 0, 100% 55%, 50% 100%, 0 55%, 0 0);
  width: 100%;
  height: clamp(100px, 12.5vw, 150px);
  min-width: 1024px;
  -webkit-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-animation: gradient-flow 2s ease-in-out infinite;
  animation: gradient-flow 2s ease-in-out infinite;
}
.hero-section + #category:before {
    margin-top: clamp(-70px, -5vw, -145px);
}
.products-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: clamp(50px, 5.859375vw, 80px) 0 50px;
  gap: clamp(35px, 3.90625vw, 50px);
}

.practice-section {
  padding: clamp(30px, 3.90625vw, 50px) 0 clamp(50px, 7.8125vw, 100px);
  background-color: var(--bg-a);
}
.practice-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(25px, 3.5vw, 50px);
}

.practice-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px clamp(15px, 3vw, 30px);
}
@media (max-width: 767px) {
  .practice-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
@media (max-width: 767px) {
  .practice-list__item {
    width: calc(50% - clamp(15px, 3vw, 30px));
  }
}
@media (max-width: 576px) {
  .practice-list__item {
    width: 100%;
  }
}

.practice-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--br-b);
  padding: clamp(20px, 2.9vw, 40px);
  text-align: center;
  background: var(--bg-a);
  gap: 20px;
}
.practice-card__title {
  font-family: var(--font-family);
  font-weight: 700;
  font-style: normal;
  font-size: clamp(18px, 2.34375vw, 26px);
  line-height: 120%;
  color: var(--cl-b);
}
.practice-card p {
  font-family: var(--font-family2);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 23.8px;
  letter-spacing: 0.434px;
  color: var(--cl-e);
}
@media (max-width: 1024px) {
  .practice-card p br {
    display: none;
  }
}
.practice-card__link {
  margin-top: auto;
  font-family: var(--font-family);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 100%;
  color: var(--cl-f);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (hover: hover) {
  .practice-card__link:hover {
    color: #666780;
    text-decoration: underline;
  }
}
@media (hover: none) {
  .practice-card__link:active {
    color: #666780;
    text-decoration: underline;
  }
}

.clients-section {
  position: relative;
  overflow: hidden;
  padding: clamp(40px, 3.90625vw, 50px) 0;
  background-position: center;
  background-repeat: repeat;
  background-color: rgba(243, 243, 246, 0.2);
}
.clients-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--bg-image-url);
  background-size: 300px 300px;
  background-attachment: fixed;
  opacity: 0.4;
}
.clients-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(30px, 3.90625vw, 50px);
}

.clients-slider .swiper-container {
  overflow: initial;
  max-width: 100%;
}
.clients-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
@media (min-width: 577px) {
  .clients-slider .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: clamp(15px, 1.953125vw, 30px);
  }
}
@media (max-width: 576px) {
  .clients-slider .swiper-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-height: 100vw;
    pointer-events: none;
  }
}
.clients-slider .swiper-slide {
  padding: 5px;
}
.clients-slider .swiper-slide .swiper-slide__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: clamp(5px, 0.9765625vw, 10px);
  background-color: var(--bg-a);
}
.clients-slider .swiper-slide img {
  width: 100%;
  height: auto;
}

.tender-section {
  position: relative;
  padding: 50px 0 clamp(50px, 5.6vw, 74px);
  overflow: hidden;
}
.tender-section .bg-image img {
  min-width: 1024px;
  -o-object-position: center center;
  object-position: center center;
}
.tender-section__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 auto;
  max-width: 1100px;
  gap: clamp(50px, 6.8359375vw, 100px) clamp(50px, 7.32421875vw, 90px);
}
@media (max-width: 767px) {
  .tender-section__inner {
    grid-template-columns: 100%;
    max-width: 80vw;
  }
}
@media (max-width: 480px) {
  .tender-section__inner {
    max-width: 100%;
  }
}
.tender-section__image {
  -ms-flex-item-align: center;
  align-self: center;
}
.tender-section__image picture,
.tender-section__image img {
  width: 100%;
}
.tender-section .main-top {
  grid-column: 1/-1;
}
.tender-section .main-top__title {
  color: var(--cl-a);
}

.video-section {
  padding: clamp(50px, 6.9vw, 100px) 0;
  background-color: var(--bg-a);
}
.video-section__inner {
  display: block;
    width: 1000px;
    margin: 0 auto;
    max-width: 90vw;
}
.example-video {
    position: relative;
    margin-top: 50px;
}
.example-video .yt-lazyload::before {
  padding-top: 56.25%;
} 
.example-video .swiper-pagination {
  bottom: -20px !important;
  top: auto;
}
@media (max-width: 1024px) {
  .video-section__inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 576px) {
  .video-section__inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .example-video .swiper-pagination{
    top: 96%;
  }
}
@media (max-width: 480px) {
  .video-section__inner {
    grid-template-columns: 100%;
  }
}
.video-section .main-top {
  grid-column: 1/-1;
}
.video-section .video-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.video-section .video-item__name {
  font-family: var(--font-family);
  font-weight: 700;
  font-style: normal;
  font-size: clamp(18px, 2.4vw, 26px);
  line-height: 120%; /* 120% */
  text-align: center;
  color: var(--cl-b);
}

.portfolio-section {
  overflow: hidden;
  padding: 50px 0;
}
.portfolio-section__inner {
  display: grid;
  grid-template-columns: 50% 1fr;
  gap: 50px clamp(20px, 2.9296875vw, 40px);
}
@media (max-width: 1024px) {
  .portfolio-section__inner {
    grid-template-columns: 45% 1fr;
  }
}
@media (max-width: 767px) {
  .portfolio-section__inner {
    grid-template-columns: 100%;
  }
}
.portfolio-section__article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}
.portfolio-section__article .title {
  font-family: var(--font-family);
  font-weight: 700;
  font-style: normal;
  font-size: clamp(18px, 1.953125vw, 22px);
  line-height: 120%;
  text-align: center;
  color: var(--cl-a);
}
.portfolio-section__article ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: clamp(10px, 1.953125vw, 20px) 0;
  font-family: var(--font-family2);
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.702px;
  color: var(--cl-a);
  gap: 10px;
}
.image-section.image-section--mode {
  padding-bottom: 0;
}
.portfolio-section__article ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.portfolio-section__article ul li h3{
  font-size: inherit;
  font-weight: inherit;
}
.portfolio-section__article ul li h3 strong{
  display: block;
}
.portfolio-section__article ul b, .portfolio-section__article ul strong {
  font-family: var(--font-family2);
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.663px;
}
.portfolio-section__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: center;
  align-self: center;
}
.portfolio-section__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.portfolio-section__image img {
    max-height: 480px;
    width: auto;
    padding: 0px 0 40px;
}
.portfolio-section__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
  gap: 20px;
}
.portfolio-section .main-top {
  grid-column: 1/-1;
}
.portfolio-section .main-top__title {
  color: var(--cl-a);
}

.choose-section {
  position: relative;
  padding: clamp(45px, 4.8828125vw, 50px) 0 clamp(45px, 5.37109375vw, 75px);
  background-color: var(--bg-color);
}
.choose-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--bg-image-url);
  background-size: 300px 300px;
  background-attachment: fixed;
  opacity: 0.4;
}
.choose-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 50px;
}

@-webkit-keyframes gradient-shift {
  0%, 100% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 0%;
  }
}

@keyframes gradient-shift {
  0%, 100% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 0%;
  }
}
.cta-section {
  padding: 60px 0;
  width: 100%;
  background: linear-gradient(248deg, rgba(51, 51, 255, 0.9) 0%, #48DB8F 100%);
  background-size: 200% 200%;
  -webkit-animation: gradient-shift 8s ease infinite;
  animation: gradient-shift 8s ease infinite;
}
.cta-section__inner {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: 1fr 1.2fr;
  gap: clamp(20px, 5.859375vw, 80px);
}
@media (max-width: 576px) {
  .cta-section__inner {
    grid-template-columns: 100%;
    margin: 0 auto;
    max-width: 90vw;
    gap: 30px;
  }
}
.cta-section__title {
  font-family: var(--font-family2);
  font-weight: 700;
  font-style: normal;
  font-size: clamp(20px, 2.44140625vw, 30px);
  line-height: 130%;
  letter-spacing: 0.93px;
  text-align: center;
  color: #FFF;
}
@media (max-width: 576px) {
  .cta-section__title {
    font-size: 30px;
  }
}
.cta-section .main-button {
  margin: 0;
}
.cta-section .main-form__title {
  font-size: 18px;
}
.cta-section .main-form input {
  border-color: var(--br-c);
}

.example-section {
  padding: 50px 0;
  position: relative;
  background-size: cover;
  background-repeat: repeat-y;
  background-attachment: fixed;
}
.example-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 50px;
}
.example-section__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 50px;
}
.example-section__list-item:nth-of-type(even) .example-card__article {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.example-section__list-item:nth-of-type(even) .example-card__coll {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.image-section {
  position: relative;
  overflow: hidden;
  padding: clamp(30px, 3.90625vw, 50px) 0 clamp(30px, 3.90625vw, 50px);
  background-color: var(--bg-a);
}
.image-section--mode .image-section__img {
  position: relative;
}
.image-section__img .example-card__name {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 9;
    margin: 0;
    background-color: rgb(239 239 239 / 80%);
    color: var(--bg-g);
    padding: 20px;
    width: auto;
}
#contact {
    padding-bottom: 0;
}
#contact .image-section__img img{
  position: relative;
  bottom: -1px;
}
@media (max-width: 576px) {
  .image-section {
    padding-bottom: 0;
  }
}
.image-section .bg-image {
  z-index: 0;
}
.image-section .bg-image img {
  -o-object-position: right;
  object-position: right;
}
.image-section .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(35px, 3.90625vw, 50px);
}
.image-section .main-top__title {
  color: var(--cl-a);
}
.image-section .main-form__title {
  font-size: 18px;
}
.image-section__inner {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: 1fr minmax(290px, 1fr);
  gap: 20px clamp(30px, 7.5vw, 90px);
}
@media (max-width: 767px) {
  .image-section__inner {
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .image-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: 0 auto;
    max-width: 100%;
  }
}
.image-section__img {
 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
    /* align-self: flex-end; */
    gap: 20px;
    flex-direction: column;
}
@media (max-width: 576px) {
  .image-section__img {
    margin: 0;
  }
}
@media (max-width: 767px) and (min-width: 577px) {
  .image-section__img {
    position: sticky;
    bottom: calc(clamp(30px, 3.90625vw, 50px) * -1.1);
  }
}
.image-section__img picture,
.image-section__img img {
  display: inherit;
  width: 100%;
  height: auto;
}
.image-section__article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(30px, 4.8828125vw, 80px);
}
.image-section__article.modal {
    transform: scale(1.0);
}
@media screen and (max-width: 767px) {
  .image-section__article.modal {
    max-width: 100%;
  }
  .image-section--mode .example-card__name {
    margin-bottom: 20px;
  }
}
.image-section__article p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  text-align: center;
  font-weight: 400;
}
.image-section__article p i {
  font-family: var(--font-family2);
  font-weight: 700;
  font-style: italic;
  font-size: clamp(16px, 1.7578125vw, 19px);
  line-height: 180%;
  letter-spacing: 1.76px;
  color: var(--cl-b);
}
@media (max-width: 767px) {
  .image-section__article p i {
    line-height: 130%;
  }
}
.image-section__article p span {
  font-family: var(--font-family2);
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.372px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: var(--cl-e);
}
.image-section__article-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(20px, 2.9296875vw, 45px);
}
.image-section__article-bottom span {
  font-family: var(--font-family);
  font-weight: 700;
  font-style: normal;
  font-size: clamp(15px, 1.85546875vw, 19px);
  line-height: 180%;
  text-align: center;
  color: var(--cl-b);
}
@media (max-width: 767px) {
  .image-section__article-bottom span {
    line-height: 130%;
  }
}
.image-section--mode .main-top__title {
  color: var(--cl-b);
}

.thanks-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100svh - var(--footer-height));
  position: relative;
}
.thanks-section .bg-image {
  -webkit-filter: brightness(75%);
  filter: brightness(75%);
}
.thanks-section__inner {
  padding: clamp(30px, 3.90625vw, 50px) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(25px, 3.41796875vw, 50px);
}
.thanks-section__inner p {
  font-family: var(--font-family);
  font-weight: 700;
  font-style: normal;
  font-size: clamp(20px, 2.1484375vw, 26px);
  line-height: 120%; /* 120% */
  text-align: center;
  color: var(--cl-a);
}
.thanks-section .main-top__title {
  font-weight: 700;
  font-style: normal;
  font-size: clamp(25px, 3.90625vw, 48px);
  line-height: 115%;
  color: var(--cl-a);
}

.content-section {
  padding: clamp(40px, 5.859375vw, 100px) 0;
  background-color: var(--bg-a);
}
.content-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: clamp(50px, 5.859375vw, 80px) 0 50px;
    gap: clamp(35px, 3.90625vw, 50px);
}
.form-price__inner.modal__main {
    padding: 0;
}
.form-price__inner.modal {
    transform: scale(1.0);
}
.content-section__article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.content-section__article p {
  font-family: var(--font-family);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.5px;
  color: var(--cl-e);
}
.content-section__article a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.content-section__article a:hover {
  color: var(--cl-f);
}
.content-section .main-top__title {
  font-size: clamp(25px, 2.76vw, 45px);
}

[data-header=default] {
  grid-template-rows: 1fr auto;
  position: relative;
}
[data-header=default] .header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 20;
}
[data-header=default] .header-top {
  background: rgba(62, 65, 75, 0.56);
}
@media (max-width: 1024px) {
  [data-header=default] .header-top {
    background: rgba(62, 65, 75, 0.8);
  }
}

@media (min-width: 1025px) {
  [data-header=highlight] .sub-menu,
  [data-header=highlight] .header-bottom {
    background-color: var(--bg-d);
  }
}
@media (min-width: 1025px) and (hover: hover) {
  [data-header=highlight] .sub-menu a:hover,
  [data-header=highlight] .main-nav__list > .menu-item > a:hover,
  [data-header=highlight] .main-nav__list > .menu-item > .menu-button:hover {
    color: #3E414B !important;
  }
}
@media (min-width: 1025px) and (hover: none) {
  [data-header=highlight] .sub-menu a:active,
  [data-header=highlight] .main-nav__list > .menu-item > a:active,
  [data-header=highlight] .main-nav__list > .menu-item > .menu-button:active {
    color: #3E414B !important;
  }
}

[data-header=centred] .header-top__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header {
  position: relative;
  z-index: 20;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 1025px) {
  .header .main-button {
    height: 40px;
    max-width: initial;
    width: 160px;
    padding: 0;
    font-size: 14px;
  }
}
@media (min-width: 1025px) {
  .header .phone {
    margin-right: 25px;
  }
}
@media (min-width: 1025px) {
  .header .container {
    max-width: 1190px;
  }
}
@media (max-width: 1024px) {
  .header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
  }
}
.header-top {
  padding: 15px 0;
  background: #3E414B;
}
.header-top__inner {
  display: grid;
  grid-template-columns: 1fr repeat(3, auto);
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .header-top__inner {
    gap: 50px;
    grid-template-columns: auto auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (max-width: 576px) {
  .header-top__inner {
    gap: 10px;
  }
}
@media (max-width: 1024px) {
  .header-top .phone,
  .header-top .main-button,
  .header-top .select {
    display: none;
  }
}
@media (min-width: 1025px) {
  .header-bottom .phone,
  .header-bottom .main-button,
  .header-bottom .select {
    display: none;
  }
}
@media (max-width: 1024px) {
  .header-bottom {
    position: fixed;
    bottom: 0;
    height: calc(100svh - var(--header-height));
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    background: rgba(62, 65, 75, 0.8) !important;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }
  .header-bottom.active {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  .header-bottom .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30px;
  }
  .header-bottom .container .select {
    -ms-flex-item-align: center;
    align-self: center;
  }
}

@media (min-width: 1025px) {
  .burger {
    display: none;
  }
}
@media (max-width: 1024px) {
  .burger {
    --burger-width: 35px;
    --burger-height: 20px;
    --burger-line-height: 2.5px;
    --border-radius: 3px;
    position: relative;
    border: none;
    padding: 0;
    width: var(--burger-width);
    height: var(--burger-height);
    color: var(--cl-a);
    background-color: transparent;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
  }
  .burger::before, .burger::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: var(--burger-line-height);
    background-color: currentColor;
    -webkit-transition: top 0.3s ease-in-out, opacity 0.5s, -webkit-transform 0.3s ease-in-out;
    transition: top 0.3s ease-in-out, opacity 0.5s, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, opacity 0.5s;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, opacity 0.5s, -webkit-transform 0.3s ease-in-out;
    border-radius: var(--border-radius);
  }
  .burger::before {
    top: 0;
  }
  .burger::after {
    top: calc(100% - var(--burger-line-height));
  }
  .burger__line {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: var(--burger-line-height);
    background-color: currentColor;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.5s, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.5s;
    transition: transform 0.3s ease-in-out, opacity 0.5s, -webkit-transform 0.3s ease-in-out;
    border-radius: var(--border-radius);
  }
  .burger.active::before {
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
  .burger.active::after {
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
  .burger.active .burger__line {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
}

@media (min-width: 1025px) {
  .menu-item-has-children:hover .menu-button {
    pointer-events: none;
  }
  .menu-item-has-children:hover .menu-button svg {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
  }
  .menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
  }
}

.main-nav {
  padding: 5px 0;
}
.main-nav .sub-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 10;
}
@media (min-width: 1025px) {
  .main-nav .sub-menu {
    left: -30px;
    position: absolute;
    top: calc(100% + 5px);
    background-color: rgba(62, 65, 75, 0.56);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 20px 30px;
  }
  .main-nav .sub-menu[data-content] {
    max-height: initial !important;
  }
}
@media (max-width: 1024px) {
  .main-nav .sub-menu {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 10px;
  }
}
.main-nav .sub-menu.active {
  opacity: 1;
}
@media (max-width: 1024px) {
  .main-nav .sub-menu.active {
    margin-top: 20px;
  }
}
.main-nav .sub-menu a {
  color: var(--cl-a);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  text-align: center;
  font-family: var(--font-family2);
  max-width: 175px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media (hover: hover) {
  .main-nav .sub-menu a:hover,
  .main-nav .current_page_item > a {
    color: #7FD8AA;
  }
}
@media (hover: none) {
  .main-nav .sub-menu a:active {
    color: #7FD8AA;
  }
}
.main-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(10px, 3.90625vw, 40px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .main-nav__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
  }
}
.main-nav__list .menu-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .main-nav__list .menu-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .main-nav__list .menu-item-has-children {
    pointer-events: none;
  }
  .main-nav__list .menu-item-has-children > * {
    pointer-events: initial;
  }
}
.main-nav__list .menu-item .menu-button {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
}
.main-nav__list .menu-item .menu-button, .main-nav__list .menu-item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}
.main-nav__list .menu-item .menu-button svg, .main-nav__list .menu-item > a svg {
  fill: currentColor;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.main-nav__list .menu-item .menu-button.active svg, .main-nav__list .menu-item > a.active svg {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}
.main-nav__list > .menu-item > a, .main-nav__list > .menu-item > .menu-button {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  text-align: center;
  color: var(--cl-a);
  font-family: var(--font-family2);
}
@media (hover: hover) {
  .main-nav__list > .menu-item > a:hover, .main-nav__list > .menu-item > .menu-button:hover {
    color: #7FD8AA;
  }
}
@media (hover: none) {
  .main-nav__list > .menu-item > a:active, .main-nav__list > .menu-item > .menu-button:active {
    color: #7FD8AA;
  }
}

@media (max-width: 1024px) {
  #wpadminbar {
    display: none;
  }
  html {
    margin: 0 !important;
  }
}
.footer {
  padding: 40px 0 20px;
  background-color: var(--bg-b);
}
.footer__title {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: var(--font-family);
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 110%;
    color: var(--cl-a);
}

.footer__links a, .footer__text {
  display: block;
    font-family: var(--font-family);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0.341px;
    text-align: left;
  color: rgba(255, 255, 255, 0.48);
}
.footer__links .icon {
  position: relative;
  padding-left: 20px;
}
.footer__links .icon:before {
  content: '';
    display: inline-block;
    background-size: 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -2px;
    top: 0px;
    padding-right: 10px;
    background-repeat: no-repeat;
}
.footer__links .icon-address:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg id='ic-contact-map-pin'%3E%3Cpath class='stroke cls-1' d='M12.76,1.6c-.25,0-.51,0-.76,0s-.51,0-.76,0c-5,.49-7.68,6.14-5.31,10.54L11.23,22a.87.87,0,0,0,1.54,0l5.3-9.83C20.44,7.74,17.73,2.09,12.76,1.6Z' stroke='white' fill='transparent'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' class='stroke cls-1' x='9.5' y='6' width='5' height='5' rx='2.5' fill='white'/%3E%3C/g%3E%3C/svg%3E");
}
.footer__links .icon-tel:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 5.5C21 14.0604 14.0604 21 5.5 21C5.11378 21 4.73086 20.9859 4.35172 20.9581C3.91662 20.9262 3.69906 20.9103 3.50103 20.7963C3.33701 20.7019 3.18146 20.5345 3.09925 20.364C3 20.1582 3 19.9181 3 19.438V16.6207C3 16.2169 3 16.015 3.06645 15.842C3.12515 15.6891 3.22049 15.553 3.3441 15.4456C3.48403 15.324 3.67376 15.255 4.05321 15.117L7.26005 13.9509C7.70153 13.7904 7.92227 13.7101 8.1317 13.7237C8.31637 13.7357 8.49408 13.7988 8.64506 13.9058C8.81628 14.0271 8.93713 14.2285 9.17882 14.6314L10 16C12.6499 14.7999 14.7981 12.6489 16 10L14.6314 9.17882C14.2285 8.93713 14.0271 8.81628 13.9058 8.64506C13.7988 8.49408 13.7357 8.31637 13.7237 8.1317C13.7101 7.92227 13.7904 7.70153 13.9509 7.26005L13.9509 7.26005L15.117 4.05321C15.255 3.67376 15.324 3.48403 15.4456 3.3441C15.553 3.22049 15.6891 3.12515 15.842 3.06645C16.015 3 16.2169 3 16.6207 3H19.438C19.9181 3 20.1582 3 20.364 3.09925C20.5345 3.18146 20.7019 3.33701 20.7963 3.50103C20.9103 3.69907 20.9262 3.91662 20.9581 4.35173C20.9859 4.73086 21 5.11378 21 5.5Z' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.footer__links .icon-mail:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='256' height='256' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)' %3E%3Cpath d='M 75.546 78.738 H 14.455 C 6.484 78.738 0 72.254 0 64.283 V 25.716 c 0 -7.97 6.485 -14.455 14.455 -14.455 h 61.091 c 7.97 0 14.454 6.485 14.454 14.455 v 38.567 C 90 72.254 83.516 78.738 75.546 78.738 z M 14.455 15.488 c -5.64 0 -10.228 4.588 -10.228 10.228 v 38.567 c 0 5.64 4.588 10.229 10.228 10.229 h 61.091 c 5.64 0 10.228 -4.589 10.228 -10.229 V 25.716 c 0 -5.64 -4.588 -10.228 -10.228 -10.228 H 14.455 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: white; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3E%3Cpath d='M 11.044 25.917 C 21.848 36.445 32.652 46.972 43.456 57.5 c 2.014 1.962 5.105 -1.122 3.088 -3.088 C 35.74 43.885 24.936 33.357 14.132 22.83 C 12.118 20.867 9.027 23.952 11.044 25.917 L 11.044 25.917 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: white; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3E%3Cpath d='M 46.544 57.5 c 10.804 -10.527 21.608 -21.055 32.412 -31.582 c 2.016 -1.965 -1.073 -5.051 -3.088 -3.088 C 65.064 33.357 54.26 43.885 43.456 54.412 C 41.44 56.377 44.529 59.463 46.544 57.5 L 46.544 57.5 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: white; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3E%3Cpath d='M 78.837 64.952 c -7.189 -6.818 -14.379 -13.635 -21.568 -20.453 c -2.039 -1.933 -5.132 1.149 -3.088 3.088 c 7.189 6.818 14.379 13.635 21.568 20.453 C 77.788 69.973 80.881 66.89 78.837 64.952 L 78.837 64.952 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: white; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3E%3Cpath d='M 14.446 68.039 c 7.189 -6.818 14.379 -13.635 21.568 -20.453 c 2.043 -1.938 -1.048 -5.022 -3.088 -3.088 c -7.189 6.818 -14.379 13.635 -21.568 20.453 C 9.315 66.889 12.406 69.974 14.446 68.039 L 14.446 68.039 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: white; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E");
}
@media (hover: hover) {
  .footer__links a:hover, .footer__text:hover {
    color: rgb(255, 255, 255);
  }
}
@media (hover: none) {
  .footer__links a:active, .footer__text:active {
    color: rgb(255, 255, 255);
  }
}
.footer__inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
}
footer #menu-footer-left {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1279px) {
  footer #menu-footer-left {
    grid-template-columns: 1fr;
  }
}
.footer__bottom {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
@media (max-width: 767px) {
  .footer__bottom { 
    grid-template-columns: 1fr;
  }
}
footer .logo {
    max-width: 380px;
    display: grid;
    grid-template-columns: 1fr;
  }
  footer .logo img {
    width: auto;
  }
@media (max-width: 1024px) {
  .footer__inner {
    grid-template-columns: 30% 1fr 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .footer__inner {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 767px) {
  .footer__bottom .footer__links {
      align-items: flex-end;
  }
}
.footer__links {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    gap: clamp(10px, 2.8828125vw, 15px);
    flex-direction: column;
}
.footer__site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0.341px;
  text-align: center;
  color: rgba(255, 255, 255, 0.48);
}
.footer__site b {
  font-size: 120%;
}
@media (hover: hover) {
  .footer__site:hover b {
    color: rgb(255, 255, 255);
  }
}
@media (hover: none) {
  .footer__site:active b {
    color: rgb(255, 255, 255);
  }
}

.mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: auto;
  overflow-x: hidden;
  border-radius: 0 0 20% 20%;
  background-color: rgba(var(--bg-e), 1);
  opacity: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mobile-menu__close {
  position: absolute;
  right: clamp(15px, 3.26vw, 25px);
  top: clamp(15px, 3.26vw, 25px);
}
.mobile-menu.active {
  border-radius: 0;
  opacity: 1;
  -webkit-transform: translate(0%);
  -ms-transform: translate(0%);
  transform: translate(0%);
}
.mobile-menu::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--br-a);
  border-radius: 50%;
  width: clamp(100px, 19.53125vw, 150px);
  -webkit-transform: translate(calc(clamp(15px, 3.26vw, 25px) + 0%), calc(clamp(15px, 3.26vw, 25px) * -1.6));
  -ms-transform: translate(calc(clamp(15px, 3.26vw, 25px) + 0%), calc(clamp(15px, 3.26vw, 25px) * -1.6));
  transform: translate(calc(clamp(15px, 3.26vw, 25px) + 0%), calc(clamp(15px, 3.26vw, 25px) * -1.6));
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  aspect-ratio: 1;
}
.mobile-menu__list {
  counter-reset: list-counter; /* Инициализируем счётчик */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: center;
  align-self: center;
  list-style: none;
  gap: clamp(30px, 5.859375vw, 60px);
}
.mobile-menu__item {
  counter-increment: list-counter;
  position: relative;
}
.mobile-menu__item a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-style: normal;
  font-size: clamp(20px, 3.26vw, 30px);
  line-height: 110%; /* 35.2px */
  text-transform: uppercase;
  color: currentcolor;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  gap: clamp(25px, 5.21vw, 50px);
}
.mobile-menu__item a::before {
  content: counter(list-counter, decimal-leading-zero);
  font-family: var(--font-family);
  font-weight: 400;
  font-style: normal;
  font-size: clamp(16px, 3.90625vw, 20px);
  line-height: 120%;
  text-transform: uppercase;
  color: currentcolor;
}
@media (hover: hover) {
  .mobile-menu__item a:hover {
    color: rgba(var(--cl-d), 1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@media (hover: none) {
  .mobile-menu__item a:active {
    color: rgba(var(--cl-d), 1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.mobile-menu__item a.active {
  color: rgba(var(--cl-d), 1);
}

.modal {
  border-radius: 16px;
  width: 970px;
    max-width: 100%;
  background-color: var(--bg-a);
}
.modal[data-popup^=example] .swiper-slide.single img {
  -o-object-fit: contain;
  object-fit: contain;
}
.modal h1, .modal .h1 {
  font-size: clamp(22px, 2.44140625vw, 25px);
  line-height: 120%;
}
@media (max-width: 767px) {
  .modal {
    max-width: 480px;
  }
}
.modal__close {
  position: absolute;
  fill: var(--cl-b);
}
.modal__descr {
  grid-column: 1/-1;
  font-family: var(--font-family2);
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  color: var(--cl-b);
}
.modal__main {
  display: grid;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-template-columns: repeat(2, calc((100% - clamp(20px, 4.8vw, 50px)) / 2));
  padding: clamp(20px, 2.95vw, 50px);
  width: 100%;
  max-width: 100%;
  gap: clamp(20px, 4.8828125vw, 50px) 0;
}
@media (max-width: 767px) {
  .modal__main {
    grid-template-columns: 100%;
    padding: clamp(15px, 6.519vw, 50px);
  }
}
@media (max-width: 480px) {
  .modal__main {
    padding: 40px 15px 30px;
  }
}
.modal__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(30px, 4.85vw, 50px);
}
.modal__form-title {
  font-family: var(--font-family);
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: var(--cl-b);
}
.modal__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column: 1/-1;
  width: 100%;
  text-align: center;
  color: var(--cl-b);
}
@media (max-width: 767px) {
  .modal__title br {
    display: none;
  }
}
.modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
}
.modal__content-img {
  overflow: hidden;
  margin-bottom: 15px;
}
.modal__content-img img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  aspect-ratio: 1;
}
.modal .main-form {
  position: sticky;
  top: 0;
  width: 100%;
}
.modal .main-form__label span {
  color: var(--cl-b);
}
.modal .main-form__label input {
  border-color: rgba(75, 75, 240, 0.1);
  background-color: rgba(75, 75, 240, 0.1);
}
.modal .main-form .custom-checkbox {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.modal .example-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
}
.modal .example-card__coll {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.modal .example-card__title {
  font-size: 14px;
  text-align: left;
  color: var(--cl-b);
}
.modal .example-card__article {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0;
  width: 100%;
  text-align: left;
}
.modal .example-card__article p {
  font-weight: 400;
  font-size: 14px;
}
/*# sourceMappingURL=style.css.map */
.list-contact {
    padding: clamp(35px, 3.9vw, 50px) clamp(10px, 1.46vw, 30px);
    -webkit-box-shadow: 0.5px -10px 57px 3px rgba(34, 34, 34, 0.07);
    box-shadow: 0.5px -10px 57px 3px rgba(34, 34, 34, 0.07);
    border-bottom: 4px solid var(--bg-d);
}
.list-contact {
    padding: clamp(35px, 3.9vw, 50px) clamp(10px, 1.46vw, 30px);
    -webkit-box-shadow: 0.5px -10px 57px 3px rgba(34, 34, 34, 0.07);
    box-shadow: 0.5px -10px 57px 3px rgba(34, 34, 34, 0.07);
    border-bottom: 4px solid var(--bg-d);
}
.list-contact a {
    color: var(--bg-g);
    font-size: 22px;
    text-decoration: none;
    line-height: 1.3;
}
.list-contact a:hover {
  color: var(--bg-d);
}
.list-contact ul li {
    margin-bottom: 20px;
}
.contact-section__inner {
    display: flex;
    gap: 50px;
}
.map {
    width: 100%;
}
.map iframe {
    display: block;
}
.list-contact .icon {
    position: relative;
    padding-left: 25px;
}
.list-contact .icon:before {
    content: '';
    display: inline-block;
    background-size: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -2px;
    top: 2px;
    background-repeat: no-repeat;
}
.list-contact .icon-address:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg id='ic-contact-map-pin'%3E%3Cpath class='stroke cls-1' d='M12.76,1.6c-.25,0-.51,0-.76,0s-.51,0-.76,0c-5,.49-7.68,6.14-5.31,10.54L11.23,22a.87.87,0,0,0,1.54,0l5.3-9.83C20.44,7.74,17.73,2.09,12.76,1.6Z' stroke='black' fill='transparent'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' class='stroke cls-1' x='9.5' y='6' width='5' height='5' rx='2.5' fill='black'/%3E%3C/g%3E%3C/svg%3E");
}
.list-contact .icon-tel:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 5.5C21 14.0604 14.0604 21 5.5 21C5.11378 21 4.73086 20.9859 4.35172 20.9581C3.91662 20.9262 3.69906 20.9103 3.50103 20.7963C3.33701 20.7019 3.18146 20.5345 3.09925 20.364C3 20.1582 3 19.9181 3 19.438V16.6207C3 16.2169 3 16.015 3.06645 15.842C3.12515 15.6891 3.22049 15.553 3.3441 15.4456C3.48403 15.324 3.67376 15.255 4.05321 15.117L7.26005 13.9509C7.70153 13.7904 7.92227 13.7101 8.1317 13.7237C8.31637 13.7357 8.49408 13.7988 8.64506 13.9058C8.81628 14.0271 8.93713 14.2285 9.17882 14.6314L10 16C12.6499 14.7999 14.7981 12.6489 16 10L14.6314 9.17882C14.2285 8.93713 14.0271 8.81628 13.9058 8.64506C13.7988 8.49408 13.7357 8.31637 13.7237 8.1317C13.7101 7.92227 13.7904 7.70153 13.9509 7.26005L13.9509 7.26005L15.117 4.05321C15.255 3.67376 15.324 3.48403 15.4456 3.3441C15.553 3.22049 15.6891 3.12515 15.842 3.06645C16.015 3 16.2169 3 16.6207 3H19.438C19.9181 3 20.1582 3 20.364 3.09925C20.5345 3.18146 20.7019 3.33701 20.7963 3.50103C20.9103 3.69907 20.9262 3.91662 20.9581 4.35173C20.9859 4.73086 21 5.11378 21 5.5Z' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.list-contact .icon-mail:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='256' height='256' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)' %3E%3Cpath d='M 75.546 78.738 H 14.455 C 6.484 78.738 0 72.254 0 64.283 V 25.716 c 0 -7.97 6.485 -14.455 14.455 -14.455 h 61.091 c 7.97 0 14.454 6.485 14.454 14.455 v 38.567 C 90 72.254 83.516 78.738 75.546 78.738 z M 14.455 15.488 c -5.64 0 -10.228 4.588 -10.228 10.228 v 38.567 c 0 5.64 4.588 10.229 10.228 10.229 h 61.091 c 5.64 0 10.228 -4.589 10.228 -10.229 V 25.716 c 0 -5.64 -4.588 -10.228 -10.228 -10.228 H 14.455 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: black; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3E%3Cpath d='M 11.044 25.917 C 21.848 36.445 32.652 46.972 43.456 57.5 c 2.014 1.962 5.105 -1.122 3.088 -3.088 C 35.74 43.885 24.936 33.357 14.132 22.83 C 12.118 20.867 9.027 23.952 11.044 25.917 L 11.044 25.917 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: black; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3E%3Cpath d='M 46.544 57.5 c 10.804 -10.527 21.608 -21.055 32.412 -31.582 c 2.016 -1.965 -1.073 -5.051 -3.088 -3.088 C 65.064 33.357 54.26 43.885 43.456 54.412 C 41.44 56.377 44.529 59.463 46.544 57.5 L 46.544 57.5 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: black; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3E%3Cpath d='M 78.837 64.952 c -7.189 -6.818 -14.379 -13.635 -21.568 -20.453 c -2.039 -1.933 -5.132 1.149 -3.088 3.088 c 7.189 6.818 14.379 13.635 21.568 20.453 C 77.788 69.973 80.881 66.89 78.837 64.952 L 78.837 64.952 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: black; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3E%3Cpath d='M 14.446 68.039 c 7.189 -6.818 14.379 -13.635 21.568 -20.453 c 2.043 -1.938 -1.048 -5.022 -3.088 -3.088 c -7.189 6.818 -14.379 13.635 -21.568 20.453 C 9.315 66.889 12.406 69.974 14.446 68.039 L 14.446 68.039 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: black; fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E");
}
.list-social {
  display: flex;
  gap: 10px;
}
.list-social .icon-fb:before {
  background-image: url("data:image/svg+xml,%3Csvg width='43' height='40' viewBox='0 0 43 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8498 0H22.1164C27.2921 0 32.1955 2.07519 36.8263 6.22535C40.0815 9.95163 41.8726 13.3245 42.1994 16.3441C42.4446 17.7703 42.5671 18.6763 42.5671 19.0615V20.6997C42.5671 23.3467 41.6136 26.4113 39.7069 29.8933C36.9282 34.1846 32.9716 37.1658 27.8367 38.8363C25.2351 39.4659 23.199 39.7806 21.7279 39.7806H21.2377C15.8575 39.7806 10.8658 37.7376 6.26199 33.6517C2.35272 29.5658 0.398438 24.8179 0.398438 19.4084V19.1771C0.398438 18.9973 0.43935 18.8431 0.520936 18.7146C0.520936 18.625 0.480024 18.5797 0.398438 18.5797C0.929575 14.7508 2.01242 11.654 3.64698 9.28972C6.2348 5.31937 10.2257 2.49281 15.6193 0.809371C17.6353 0.269938 19.3789 0 20.8498 0ZM17.9896 12.7012L18.1121 16.3438C18.1121 16.4594 17.9896 16.5817 17.7444 16.7099H15.6196V20.8153H17.7444C17.8669 20.8153 17.9896 20.9375 18.1121 21.1813V31.3001L18.1733 32.0133H22.6066V21.0658C22.6338 20.8989 22.7154 20.8153 22.8519 20.8153H26.4682C26.6316 20.8153 26.8427 19.524 27.1015 16.9413V16.7099H22.8519C22.6885 16.7099 22.6066 16.6327 22.6066 16.4786V13.6453C22.6066 12.4378 23.3556 11.7694 24.8539 11.6409H27.3465V8.11381C27.3465 7.88246 26.4748 7.7669 24.7314 7.7669H24.0981C21.2242 7.7669 19.3512 8.78196 18.4798 10.8121C18.3164 11.2366 18.153 11.8662 17.9896 12.7012Z' fill='black'%3E%3C/path%3E%3C/svg%3E");
}
.list-social .icon-inst:before {
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='40' viewBox='0 0 42 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5332 0H22.4307C25.5316 0 29.0599 1.25713 33.0151 3.77118C35.9979 6.0531 38.1596 8.68982 39.4997 11.6809C40.7085 14.5303 41.313 16.9348 41.313 18.8944V20.5381C41.313 24.9475 39.4666 29.3182 35.7743 33.6501C31.4904 37.7371 26.5168 39.7806 20.8535 39.7806C13.7839 39.7806 8.00881 36.551 3.528 30.0918C1.60929 26.6107 0.650391 23.1876 0.650391 19.8227C0.650391 14.2789 2.97611 9.28279 7.6278 4.83491C11.9644 1.61171 15.9328 0 19.5332 0ZM10.1511 17.2312V23.381C10.1511 26.7334 11.2353 28.9701 13.4033 30.0918C14.3757 30.6333 17.5032 30.8332 22.7854 30.6913C26.8326 30.6913 29.1585 30.2594 29.7629 29.3956C31.1295 28.3256 31.8128 26.5527 31.8128 24.0774V16.1677C31.8128 13.0477 30.6894 11.0042 28.4424 10.0372L26.9443 9.55365L25.4267 9.4377H16.6556C13.5281 9.4377 11.4388 10.9335 10.3877 13.9243C10.2298 14.8398 10.1511 15.9421 10.1511 17.2312ZM17.0103 11.3328H25.4267C28.4752 11.3328 29.9995 12.9058 29.9995 16.0515V24.4253C29.592 27.3391 28.3502 28.7959 26.2743 28.7959H22.7854C21.156 28.7959 19.4347 28.8347 17.6213 28.9119C14.5988 28.9119 12.8316 27.9708 12.3192 26.0885C12.1616 25.0442 12.0826 23.4712 12.0826 21.3697V18.759C12.0826 14.8269 12.4045 12.8606 13.0484 12.8606C13.6922 11.8423 15.0127 11.3328 17.0103 11.3328ZM15.4533 20.1901C15.4533 22.7301 16.938 24.4962 19.9078 25.489H22.3125C25.1901 24.4707 26.629 22.6654 26.629 20.0741V19.8227C26.629 18.3529 25.8668 16.9798 24.3425 15.7034C23.3045 14.9945 22.2267 14.6397 21.1099 14.6397H20.9918C18.5081 14.6397 16.7802 15.8969 15.8078 18.4109C15.6764 18.5786 15.5582 19.1718 15.4533 20.1901ZM20.9918 16.5156H21.1099C22.8445 16.5156 24.0074 17.4244 24.5988 19.2425C24.6777 19.3457 24.7169 19.6228 24.7169 20.0741C24.3357 22.5109 23.1334 23.7291 21.1099 23.7291C19.5067 23.7291 18.3436 22.9427 17.6211 21.3697C17.5159 21.241 17.4306 20.8475 17.3649 20.1901C17.654 17.7407 18.8631 16.5156 20.9918 16.5156ZM25.5449 14.5238C25.8996 15.3104 26.3464 15.7034 26.8852 15.7034C27.4239 15.7034 27.864 15.3104 28.2058 14.5238C28.0217 13.5697 27.5357 13.0927 26.7472 13.0927C25.9455 13.3376 25.5449 13.8148 25.5449 14.5238Z' fill='black'%3E%3C/path%3E%3C/svg%3E");
}
.list-social .icon-yt:before {
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='40' viewBox='0 0 42 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2356 0C27.8673 0 33.3986 2.82477 37.8288 8.47454C40.3209 12.1638 41.5669 16.0078 41.5669 20.0063C41.5669 24.6373 39.8395 28.9906 36.3852 33.0666C32.0205 37.5424 26.9711 39.7806 21.2356 39.7806C14.7089 39.7806 9.21726 37.0331 4.76054 31.5381C3.36318 29.7066 2.2355 27.3138 1.37886 24.3598L0.904297 21.0706V18.9423C1.04898 15.9756 1.93262 12.996 3.55456 10.0033C8.03715 3.3345 13.9308 0 21.2356 0ZM20.3849 12.2476C13.6474 12.2476 10.2788 12.7573 10.2788 13.7761C9.76462 14.0856 9.44802 16.2013 9.32943 20.1223V20.2384C9.32943 24.6758 9.88984 27.1911 11.0102 27.7841C11.8803 28.1711 13.8848 28.3646 17.0227 28.3646H27.8609C30.3793 28.3646 31.8626 27.8164 32.3113 26.7199C32.7858 25.5461 33.0232 23.6629 33.0232 21.0701V19.4256C33.0232 15.7493 32.5416 13.5891 31.5792 12.9438C30.8541 12.4798 27.1224 12.2476 20.3849 12.2476ZM18.8227 17.0653H18.9413C22.7252 18.9873 24.6899 20.0451 24.835 20.2386L19.1982 23.2956H18.8227V17.0653Z' fill='black'%3E%3C/path%3E%3C/svg%3E");
}
.choose-section__seo{
  padding: 50px 0;
}
.choose-section__seo-hidden{
  display: none;
}
.choose-section__seo p{
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.434px;
  color: var(--cl-e);
}
.choose-section__seo ul{
  list-style: disc;
  margin-left: 15px;
}
.choose-section__seo ul li{
  list-style: disc;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 160%;
  color: var(--cl-e);
}
.choose-section__seo ol {
  margin-left: 15px;
}
.choose-section__seo ol li{
  list-style: decimal;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 160%;
  color: var(--cl-e);
}
.choose-section__seo-show a,.choose-section__seo-hidden a{
  color:#0000EE;
}
.choose-section__seo-show a:visited,.choose-section__seo-hidden a:visited{
  color:#551A8B;
}
.choose-section__seo-show a:active,.choose-section__seo-hidden a:active{
  color:#FF0000;
}
.choose-section__seo-hidden p{
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.434px;
  color: var(--cl-e);
}
.choose-section__seo-hidden h2, .choose-section__seo-hidden h3, .choose-section__seo-hidden h4{
  margin-bottom: 14px;
}
.choose-section__seo-show h1 {
  font-size: clamp(26px, 4.5vw, 42px); 
  margin-top: 0;
  margin-bottom: 0.6em;
  line-height: 120%;
}

.choose-section__seo-hidden h2 {
  font-size: clamp(22px, 3.2vw, 32px);
  margin-bottom: 0.6em;
}

.choose-section__seo-hidden h3 {
  font-size: clamp(18px, 2.4vw, 26px);
  margin-bottom: 0.5em;
}

.choose-section__seo-hidden h4 {
  font-size: clamp(16px, 1.8vw, 20px);
  margin-bottom: 0.5em;
  font-weight: 600;
}

.choose-section__seo-hidden h5 {
  font-size: clamp(14px, 1.4vw, 18px);
  margin-bottom: 0.4em;
  font-weight: 600;
}

.choose-section__seo-hidden h6 {
  font-size: clamp(12px, 1.0vw, 16px);
  margin-bottom: 0.35em;
  font-weight: 600;
}
.choose-section__seo-hidden ul{
  list-style: disc;
  margin-left: 15px;
}
.choose-section__seo-hidden ul li{
  list-style: disc;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 160%;
  color: var(--cl-e);
}
.choose-section__seo-hidden ol {
  margin-left: 15px;
}
.choose-section__seo-hidden ol li{
  list-style: decimal;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 160%;
  color: var(--cl-e);
}
.btn-detail-seo{
  margin-top: 20px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 34px;
  padding: 10px 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 50px;
  max-width: 370px;
  font-family: var(--font-family);
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  color: var(--cl-b);
  background: var(--main-btn-gradient);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.blog{
  padding-top: 200px;
}
.blog-list{
  margin-top: 40px;
}
.pagination{
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
}
.page-numbers{
  display: flex;
  gap:14px;
}
.page-numbers li{
  display: flex;
  width: 36px;
  height: 36px;
  align-items:center;
  justify-content: center;
  border-radius:4px;
}
.page-numbers li span{
  display: flex;
  align-items:center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background:#f4f5f7;
  border-radius:4px;
}
.page-numbers li span.current{
  background:#d4fb07;
}
.page-numbers li a{
  display: flex;
  align-items:center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background:#f4f5f7;
  border-radius:4px;
}
.blog-item__row{
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.blog-item{
  width: calc(33.33% - 20px);
}
.blog-thumb{
  margin-bottom: 20px;
  width: 100%;
  height: 200px;
}
.blog-thumb picture{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-thumb a{
  display: block;
  width: 100%;
  height: 100%;
}
.blog-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-meta{
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
}
.blog-item__title{
  display: block;
  margin-top: 12px;
  font-size: 22px;
  font-weight: 600;
}
.blog-date{
  display: flex;
  align-items:center;
  gap: 12px;
  font-size: 14px;
}
.blog-author{
  display: flex;
  align-items:center;
  gap: 12px;
  font-size: 14px;
}
.blog-author a{
  color:#007aff;
}
.blog-excerpt{
  margin-top: 12px;
}
main.single-post{
  padding-bottom: 60px;
  margin-top: 40px;
}
.post-content p{
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: normal
}

.post-meta{
  margin-bottom: 20px;
  display: flex;
  gap: 20px;
}
.post-meta span{
  display: flex;
  align-items:center;
  gap: 12px;
}
.post-meta span a{
  color:#007aff;
}
.social-share{
  display: flex;
  align-items:center;
  gap: 12px;
}
.author-page{
  padding-top: 200px;
  padding-bottom: 60px;
}
.author__row{
  margin-top: 20px;
  display: flex;
  gap: 60px;
}
.author-img{
  width: 300px;
}
.author-img img{
  width: 100%;
}
.author-posts{
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.post-item{
   width: calc(33.33% - 20px);
}
.author-posts .post-meta{
  margin-top: 12px;
  display: flex;
  align-items:center;
  justify-content: space-between;
}
.post-thumb{
  width: 100%;
  height: 200px;
}
.post-thumb a,.post-thumb img{
  width: 100%;
  height: 100%;
}
.post-item h2{
  display: block;
  font-size: 22px;
  font-weight: 600;
}
.post-item p{
  margin-top: 12px;
  font-weight: 400;
}
.author-name{
  margin-bottom: 12px;
  font-size: 18px;
}
.author-spec{
  margin-bottom: 12px;
}
.header-bottom.inside-page{
  background: rgba(62, 65, 75, 0.56);
}
.blog .post-content p{
  margin: 20px 0;
}

.blog .post-content h2{
  margin: 10px 0;
}
.blog .post-content h3{
  margin: 20px 0;
}
.blog h1 {
  font-size: clamp(26px, 4.5vw, 48px);
  margin-top: 0;
  margin-bottom: 0.6em;
  line-height: 120%;
}

.blog h2 {
  font-size: clamp(22px, 3.2vw, 32px);
  margin-bottom: 0.6em;
}

.blog h3 {
  font-size: clamp(18px, 2.4vw, 26px);
  margin-bottom: 0.5em;
}

.blog h4 {
  font-size: clamp(16px, 1.8vw, 20px);
  margin-bottom: 0.5em;
  font-weight: 600; 
}

.blog h5 {
  font-size: clamp(14px, 1.4vw, 18px);
  margin-bottom: 0.4em;
  font-weight: 600;
}

.blog h6 {
  font-size: clamp(12px, 1.0vw, 16px);
  margin-bottom: 0.35em;
  font-weight: 600;
}
.blog .post-content ul{
  margin-bottom: 20px;
  margin-left: 15px;
  font-family: "Inter", sans-serif;
}
.blog .post-content ul li{
 margin-bottom: 10px;
 list-style: disc;
}
.blog .post-content ul li:last-child{
 margin-bottom: 0;
}
.blog .post-content ol {
  margin-bottom: 20px;
   margin-left: 15px;
  font-family: "Inter", sans-serif;
}
.blog .post-content ol li{
 list-style: decimal;
  margin-bottom: 10px;
}
.blog .post-content ol li:last-child{
  margin-bottom: 0;
}
.blog .post-content a{
  color: var(--cl-f);
}
.blog .post-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.blog .post-content  table thead th {
    background-color: #f4f4f4;
    color: #333;
    font-weight: bold;
    padding: 12px;
    border: 1px solid #ddd;
    text-align: left;
}

.blog .post-content  table td {
    padding: 12px;
    border: 1px solid #ddd;
    color: #555;
}

.blog .post-content  table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

.blog .post-content  table tbody tr:hover {
    background-color: #f1f1f1;
}


@media(max-width:992px){
  .post-item {
  width: calc(50% - 15px);
}
.blog-item{
  width: calc(50% - 15px);
}
}
@media(max-width:767px){
  .post-content p{
    font-size: 14px;
  }
  main.single-post{
    padding-top: 0;
    margin-top: 20px;
  }
  .author__row{
    flex-wrap: wrap;
    gap: 30px;
  }
    .post-item {
    width: 100%;
  }
  .blog-item{
  width: 100%;
}
}
/* Адаптивность */
@media (max-width: 768px) {
    .blog .post-content  table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
.header.header-fixed{
  position: fixed !important;
  top: 0;
  left: 0;
}
.header.header-fixed .header-top{
  padding-bottom: 0;
  background: rgba(62, 65, 75, .7);
}
.header.header-fixed .header-bottom{
  background: rgba(62, 65, 75, .7);
}