@font-face {
  font-family: "Manrope";
  src: url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Bold.eot");
  src: local("Manrope Bold"), local("Manrope-Bold"), url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Bold.eot?#iefix") format("embedded-opentype"), url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Bold.woff2") format("woff2"), url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Bold.woff") format("woff"), url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Semibold.eot");
  src: local("Manrope Semibold"), local("Manrope-Semibold"), url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Semibold.eot?#iefix") format("embedded-opentype"), url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Semibold.woff2") format("woff2"), url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Semibold.woff") format("woff"), url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Medium.eot");
  src: local("Manrope Medium"), local("Manrope-Medium"), url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Medium.eot?#iefix") format("embedded-opentype"), url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Medium.woff2") format("woff2"), url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Medium.woff") format("woff"), url("https://perfect-group.ua/wp-content/themes/wCs_tmpl/assets/fonts/Manrope-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 2em;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

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

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border-radius: 0;
  text-decoration: none;
  list-style: none;
  font-feature-settings: "pnum" on, "lnum" on, "liga" off, "kern" off;
}

select,
input,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
}

select,
button,
input[type=submit] {
  cursor: pointer;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

*:focus {
  outline: transparent;
}

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

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

b, strong {
  font: inherit;
  color: inherit;
  font-weight: 700;
}

table {
  border-collapse: collapse;
}

body {
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.44;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.36;
  font-weight: 700;
}

h1, .h1 {
  font-size: 96px;
}
@media screen and (max-width: 1920px) {
  h1, .h1 {
    font-size: 5vw;
  }
}
@media screen and (max-width: 1600px) {
  h1, .h1 {
    font-size: 64px;
  }
}
@media screen and (max-width: 1380px) {
  h1, .h1 {
    font-size: 52px;
  }
}
@media screen and (max-width: 1024px) {
  h1, .h1 {
    font-size: 32px;
  }
}

h2, .h2 {
  font-size: 80px;
}
@media screen and (max-width: 1920px) {
  h2, .h2 {
    font-size: 4.17vw;
  }
}
@media screen and (max-width: 1600px) {
  h2, .h2 {
    font-size: 52px;
  }
}
@media screen and (max-width: 1380px) {
  h2, .h2 {
    font-size: 44px;
  }
}
@media screen and (max-width: 1024px) {
  h2, .h2 {
    font-size: 28px;
  }
}

h3, .h3 {
  font-size: 48px;
}
@media screen and (max-width: 1920px) {
  h3, .h3 {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 1600px) {
  h3, .h3 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1024px) {
  h3, .h3 {
    font-size: 20px;
  }
}

main {
  overflow: hidden;
}

body {
  background: #121212;
}
body.overfix {
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  body.overfix {
    opacity: 0;
  }
}
body.anim {
  opacity: 0.001;
  transition: 1s;
}
body.anim .header__menu li {
  transform: translateY(-40px);
  opacity: 0;
  transition: 0.7s;
}
body.anim .header__menu li:nth-child(1) {
  transition-delay: 0.1s;
}
body.anim .header__menu li:nth-child(2) {
  transition-delay: 0.2s;
}
body.anim .header__menu li:nth-child(3) {
  transition-delay: 0.3s;
}
body.anim .header__menu li:nth-child(4) {
  transition-delay: 0.4s;
}
body.anim .header__menu li:nth-child(5) {
  transition-delay: 0.5s;
}
body.anim .header__menu li:nth-child(6) {
  transition-delay: 0.6s;
}
body.anim.animated {
  opacity: 1;
}
body.anim.animated .header__menu li {
  transform: none;
  opacity: 1;
}

.container {
  width: calc(100% - 128px);
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .container {
    max-width: 500px;
    width: calc(100% - 32px);
  }
}

.splide {
  overflow: visible;
}
.splide__track {
  overflow: visible;
}
.splide:not(.is-overflow):not(.is-overfl) .splide__arrows {
  display: none;
}
.splide:not(.is-overflow):not(.is-overfl) .splide__list {
  transform: none !important;
}

@media screen and (max-width: 1024px) {
  .cursor {
    display: none !important;
  }
}

section {
  background: white;
}

img,
.header > .container,
.btn,
.cursor,
.filters,
[data-popup=filter],
.projectsB1__list,
.planCatalog__aside,
.contactsB1__map,
.homeB7__right,
.commercialB1__sidebar {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 36px;
  gap: 12px;
  border-radius: 99px;
  min-height: -moz-max-content;
  min-height: max-content;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: none;
}
.btn svg {
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
@media screen and (max-width: 1024px) {
  .btn {
    font-size: 16px;
    padding: 16px 24px;
  }
}
.btn[disabled], .btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn--white {
  background: white;
  color: #121212;
}
.btn--white:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -9px;
  height: 18px;
  width: 100%;
  border-radius: 262px;
  background: rgba(0, 142, 72, 0.7);
  filter: blur(12px);
  transition: 0.3s;
  opacity: 0;
}
@media not all and (pointer: coarse) {
  .btn--white:hover:before {
    opacity: 1;
  }
}
.btn--black {
  background: #121212;
  color: white;
}
.btn--black:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -9px;
  height: 18px;
  width: 100%;
  border-radius: 262px;
  background: #008e48;
  filter: blur(12px);
  transition: 0.3s;
  opacity: 0;
}
@media not all and (pointer: coarse) {
  .btn--black:hover:before {
    opacity: 1;
  }
}
.btn--green {
  background: #008e48;
  color: white;
}
.btn--green svg * {
  fill: white;
}
.btn--green:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -9px;
  height: 18px;
  width: 100%;
  border-radius: 262px;
  background: #0b5931;
  filter: blur(12px);
  transition: 0.3s;
  opacity: 0;
}
@media not all and (pointer: coarse) {
  .btn--green:hover:before {
    opacity: 1;
  }
}

.input-box {
  position: relative;
  width: 100%;
}
.input-box input {
  display: block;
  padding: 22px 40px 7px 15px;
  width: 100%;
  border-radius: 12px;
  border: 1px solid #99A5A1;
  background: #FFF;
  color: #121212;
  font-size: 16px;
  line-height: 21px;
  transition: 0.3s;
}
@media not all and (pointer: coarse) {
  .input-box input:hover {
    border-color: #008E48;
  }
}
.input-box input.filed, .input-box input:focus {
  border-color: #046240;
}
.input-box input.filed + label, .input-box input:focus + label {
  transform: translate(0, calc(-50% - 12px)) scale(0.66);
  font-weight: 600;
}
.input-box input.filed ~ .prefix, .input-box input:focus ~ .prefix {
  opacity: 1;
}
.input-box textarea {
  display: block;
  padding: 22px 40px 7px 15px;
  width: 100%;
  height: 120px;
  border-radius: 12px;
  border: 1px solid #99A5A1;
  background: #FFF;
  color: #121212;
  font-size: 16px;
  line-height: 21px;
  transition: 0.3s;
  resize: none;
}
@media not all and (pointer: coarse) {
  .input-box textarea:hover {
    border-color: #008E48;
  }
}
.input-box textarea + label {
  top: 26px;
}
.input-box textarea.filed, .input-box textarea:focus {
  border-color: #046240;
}
.input-box textarea.filed + label, .input-box textarea:focus + label {
  transform: translate(0, calc(-50% - 12px)) scale(0.66);
  font-weight: 600;
}
.input-box textarea.filed ~ .prefix, .input-box textarea:focus ~ .prefix {
  opacity: 1;
}
.input-box label {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 15px;
  color: #99A5A1;
  transition: 0.3s;
  transform-origin: left center;
  pointer-events: none;
  padding: 2.1px 0;
}
.input-box--prefix input {
  padding-left: 49px;
}
.input-box .prefix {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  padding: 22px 0 7px 15px;
  border: 1px solid transparent;
  z-index: 2;
  color: #121212;
  font-size: 16px;
  line-height: 21px;
  transition: 0.3s;
  pointer-events: none;
}
.input-box .error-text {
  color: #DB1818;
  opacity: 0;
  transition: 0.3s;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  padding: 3px 8px;
  position: absolute;
  left: 0;
  top: 100%;
}
.input-box:before {
  content: "";
  position: absolute;
  z-index: 2;
  right: 16px;
  top: 50%;
  transform: translate(0, -50%);
  width: 20px;
  height: 20px;
  background-image: url("../img/ico_valid.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: 0.3s;
}
.input-box.valid:before {
  opacity: 1;
}
.input-box.invalid input {
  border-color: #DB1818;
}
.input-box.invalid label {
  color: #DB1818 !important;
}
.input-box.invalid .error-text {
  opacity: 1;
}
.input-box.invalid:before {
  background-image: url("../img/ico_invalid.svg");
  opacity: 1;
}

.header {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  transition: 0.5s;
}
.header:after {
  content: "";
  z-index: -2;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 120px;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  transition: 0.3s;
  background: linear-gradient(to bottom, #121212, rgba(18, 18, 18, 0));
  -webkit-mask: linear-gradient(to bottom, black, black, transparent);
          mask: linear-gradient(to bottom, black, black, transparent);
  opacity: 0.5;
}
.header.fixed {
  background: #121212;
}
.header.fixed .header__languages ul {
  background: rgba(255, 255, 255, 0.1);
}
.header--black {
  background: #121212;
}
.header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
}
@media screen and (min-width: 1025px) {
  .header .container {
    min-height: 91px;
  }
}
@media screen and (max-width: 1024px) {
  .header .container {
    padding: 16px 0;
    height: 62px;
  }
}
.header__logo img {
  display: block;
  height: 32px;
  width: auto;
}
@media screen and (max-width: 1380px) {
  .header__logo img {
    height: 28px;
  }
}
@media screen and (max-width: 1024px) {
  .header__logo img {
    height: 24px;
  }
}
@media screen and (max-width: 1250px) {
  .header__menu {
    display: none;
  }
}
.header__menu ul {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1380px) {
  .header__menu ul {
    gap: 12px;
  }
}
.header__menu li.current-menu-item a,
.header__menu li.current_page_item a {
  background: rgba(0, 142, 72, 0.5);
  border-color: #008e48;
}
.header__menu a {
  color: #FFF;
  font-weight: 600;
  transition: 0.4s;
  padding: 8px 12px;
  display: block;
  border-radius: 99px;
  border: 2px solid transparent;
}
@media screen and (max-width: 1380px) {
  .header__menu a {
    font-size: 14px;
  }
}
.header__menu a:hover {
  background: rgba(255, 255, 255, 0.24);
}
.header__languages {
  display: flex;
  gap: 12px;
}
@media screen and (max-width: 1250px) {
  .header__languages {
    display: none;
  }
}
.header__languages ul {
  display: flex;
  padding: 4px;
  border-radius: 99px;
  background: rgba(18, 18, 18, 0.1);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  transition: 0.5s;
}
.header__languages a {
  cursor: pointer;
}
.header__languages span {
  display: block;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 99px;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .header__languages span:hover {
    background: rgba(255, 255, 255, 0.2);
  }
}
.header__languages .wpml-ls-current-language,
.header__languages .active {
  pointer-events: none;
}
.header__languages .wpml-ls-current-language span,
.header__languages .active span {
  background: #FFF;
  color: #121212;
}
.header__mobMenuBtn {
  background: transparent;
  border: 1px solid #008e48;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 20px;
  border-radius: 99px;
  transition: 0.3s;
  cursor: pointer;
}
@media screen and (min-width: 1251px) {
  .header__mobMenuBtn {
    display: none;
  }
}
@media not all and (pointer: coarse) {
  .header__mobMenuBtn:hover {
    background: rgba(0, 142, 72, 0.2);
  }
}
.header__mobMenuBtn:active {
  background: rgba(0, 142, 72, 0.2);
}
.header__mobMenuBtn p {
  position: relative;
  overflow: hidden;
  transform: translateY(-1px);
}
.header__mobMenuBtn p span {
  font-size: 14px;
  font-weight: 500;
  color: white;
  display: block;
  text-align: center;
  transition: 0.3s;
}
.header__mobMenuBtn p span:nth-child(1) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.header__mobMenuBtn p span:nth-child(2) {
  transform: translateY(105%);
}
.header__mobMenuBtn .icon {
  width: 15px;
  height: 15px;
  position: relative;
}
.header__mobMenuBtn .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 2px;
  background: white;
  transform: translate(-50%, calc(-50% - 2.5px));
  transition: 0.3s;
}
.header__mobMenuBtn .icon:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 2px;
  background: white;
  transform: translate(-50%, calc(-50% + 2.5px));
  transition: 0.3s;
}
.header__mobMenuBtn.open p span:nth-child(1) {
  transform: translateY(-105%);
}
.header__mobMenuBtn.open p span:nth-child(2) {
  transform: translateY(0);
}
.header__mobMenuBtn.open .icon:before {
  transform: translate(-50%, -50%) rotate(30deg);
}
.header__mobMenuBtn.open .icon:after {
  transform: translate(-50%, -50%) rotate(-30deg);
}
.header__mobMenuContainer {
  position: fixed;
  z-index: 90;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #121212;
  overflow: auto;
  transition: 0.5s;
  opacity: 0;
  pointer-events: none;
}
.header__mobMenuContainer.open {
  opacity: 1;
  pointer-events: auto;
}
.header__mobMenuContainer .container {
  padding: 91px 0 80px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 100vh;
}
.header__mobMenuContainer .line {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}
.header__mobMenuContainer .mob__menu ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.header__mobMenuContainer .mob__menu .current-menu-item a {
  color: #008e48;
}
.header__mobMenuContainer .mob__menu a {
  font-size: 16px;
  color: white;
  transition: 0.4s;
}
.header__mobMenuContainer .mob__menu a:active {
  color: #008e48;
}
.header__mobMenuContainer .mob__contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.header__mobMenuContainer .mob__contacts ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.header__mobMenuContainer .mob__contacts ul a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: white;
  transition: 0.4s;
}
.header__mobMenuContainer .mob__contacts ul a:active {
  color: #008e48;
}
.header__mobMenuContainer .mob__contacts .btn {
  width: 100%;
}
.header__mobMenuContainer .mob__lang {
  display: flex;
  gap: 12px;
}
.header__mobMenuContainer .mob__lang .wpml-ls {
  width: 100%;
}
.header__mobMenuContainer .mob__lang ul {
  width: 100%;
  display: flex;
  padding: 4px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.header__mobMenuContainer .mob__lang li {
  width: 100%;
}
.header__mobMenuContainer .mob__lang span {
  display: block;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 99px;
}
.header__mobMenuContainer .mob__lang .wpml-ls-current-language span,
.header__mobMenuContainer .mob__lang .active span {
  background: rgba(255, 255, 255, 0.2);
  color: white;
}

.footer {
  background: #121212;
  padding: 88px 0;
}
@media screen and (max-width: 1024px) {
  .footer {
    padding: 44px 0;
  }
}
.footer .container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media screen and (max-width: 1024px) {
  .footer .container {
    gap: 24px;
  }
}
.footer__logo img {
  display: block;
  width: auto;
  height: 48px;
}
@media screen and (max-width: 1024px) {
  .footer__logo img {
    height: 32px;
  }
}
.footer h3 {
  color: #FFF;
}
@media screen and (min-width: 1025px) {
  .footer h3 {
    font-size: 24px;
    font-weight: 600;
  }
}
.footer ul {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .footer ul {
    gap: 16px;
  }
}
.footer ul.gap36 {
  gap: 36px;
}
@media screen and (max-width: 1024px) {
  .footer ul.gap36 {
    gap: 24px;
  }
}
.footer ul.gap36 li.w50 {
  width: calc(50% - 18px);
}
@media screen and (max-width: 1380px) {
  .footer ul.gap36 li.w50 {
    width: 100%;
  }
}
.footer ul.gap36 svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.footer ul li.w100 {
  width: 100%;
}
.footer ul li.w50 {
  width: calc(50% - 12px);
}
@media screen and (max-width: 1380px) {
  .footer ul li.w50 {
    width: 100%;
  }
}
.footer ul a {
  display: flex;
  align-items: flex-start;
  max-width: -moz-max-content;
  max-width: max-content;
  gap: 12px;
  color: #FFF;
  font-weight: 600;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .footer ul a:hover {
    color: #008e48;
  }
}
.footer ul a:active {
  color: #008e48;
}
.footer ul svg {
  display: block;
  width: 20px;
  min-width: 20px;
  height: 23px;
}
.footer__main {
  display: flex;
  gap: 48px;
}
@media screen and (max-width: 1024px) {
  .footer__main {
    flex-direction: column;
    gap: 32px;
  }
}
.footer__contacts {
  width: calc(42% - 24px);
  border-radius: 24px;
  background: #181A19;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px;
  padding: 36px;
}
@media screen and (max-width: 1024px) {
  .footer__contacts {
    width: 100%;
    gap: 24px;
    padding: 24px 20px;
    border-radius: 20px;
  }
}
.footer__contacts .btn {
  margin-top: auto;
}
@media screen and (max-width: 1024px) {
  .footer__contacts .btn {
    width: 100%;
  }
}
.footer__links {
  width: calc(58% - 24px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 48px;
  padding: 36px 36px 20px;
}
@media screen and (max-width: 1380px) {
  .footer__links {
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .footer__links {
    width: 100%;
    gap: 32px;
    padding: 0 20px;
  }
}
.footer__links-main {
  display: flex;
  gap: 120px;
}
@media screen and (max-width: 1380px) {
  .footer__links-main {
    gap: 32px;
  }
}
.footer__links-main .footer__links-col li {
  width: calc(50% - 18px);
}
@media screen and (max-width: 1380px) {
  .footer__links-main .footer__links-col li {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .footer__links-main .footer__links-col:nth-child(1) {
    display: none;
  }
}
.footer__links-col {
  width: calc(50% - 60px);
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media screen and (max-width: 1380px) {
  .footer__links-col {
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 1024px) {
  .footer__links-col {
    width: 100%;
    gap: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .footer__links-col ul li {
    width: -moz-max-content !important;
    width: max-content !important;
  }
}
.footer__links-bottom {
  display: flex;
  align-items: flex-end;
  gap: 120px;
}
@media screen and (max-width: 1380px) {
  .footer__links-bottom {
    gap: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .footer__links-bottom {
    flex-direction: column;
    gap: 16px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
}
.footer__links-bottom p {
  color: rgba(255, 255, 255, 0.2);
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .footer__links-bottom p {
    font-size: 14px;
  }
}
.footer__links-bottom a {
  font: inherit;
  color: inherit;
  text-decoration: underline;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .footer__links-bottom a:hover {
    color: #008e48;
  }
}
.footer__links-bottom a:active {
  color: #008e48;
}

.ctaB1 {
  padding: 88px 0;
  background: #046240;
  position: relative;
  overflow: hidden;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .ctaB1 {
    padding: 44px 0;
  }
}
.ctaB1:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 120%;
  height: 120%;
  transform: translate(-50%, 50%);
  background: radial-gradient(#2dbd76, rgba(45, 189, 118, 0) 70%);
  filter: blur(10px);
}
.ctaB1:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 95%;
  background-image: url(../img/cta_bg.svg);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
.ctaB1 .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .ctaB1 .container {
    gap: 24px;
  }
}
.ctaB1 h2 {
  color: white;
  text-align: center;
}
.ctaB1 ul {
  display: flex;
  flex-direction: column;
  gap: 44px;
  width: 100%;
  max-width: 770px;
}
@media screen and (max-width: 1450px) {
  .ctaB1 ul {
    max-width: 600px;
    gap: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .ctaB1 ul {
    gap: 16px;
    max-width: 100%;
  }
}
.ctaB1 ul li {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 8px 64px 0 rgba(18, 18, 18, 0.3), 0 8px 44px 0 rgba(4, 98, 64, 0.1);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  padding: 20px;
  width: -moz-max-content;
  width: max-content;
  color: #121212;
  font-size: 20px;
  font-weight: 600;
  line-height: 136%;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 1450px) {
  .ctaB1 ul li {
    font-size: 16px;
    gap: 8px;
    padding: 12px 20px 12px 16px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .ctaB1 ul li {
    font-size: 14px;
    width: 70%;
  }
}
.ctaB1 ul li:nth-child(2) {
  margin-left: auto;
}
.ctaB1 ul li:nth-child(3) {
  margin-left: 66px;
}
@media screen and (max-width: 1024px) {
  .ctaB1 ul li:nth-child(3) {
    margin-left: 40px;
  }
}
.ctaB1 ul li svg {
  width: 28px;
  min-width: 28px;
  height: 28px;
}
@media screen and (max-width: 1024px) {
  .ctaB1 .btn {
    width: 100%;
  }
}
.ctaB1.anim h2 {
  opacity: 0.001;
  transition: 1s;
}
.ctaB1.anim .btn {
  opacity: 0;
  transition: 1s;
}
.ctaB1.anim li {
  opacity: 0;
  transition: 1s;
}
.ctaB1.anim li:nth-child(1) {
  transform: translateX(-100px);
}
.ctaB1.anim li:nth-child(2) {
  transform: translateX(100px);
}
.ctaB1.anim li:nth-child(3) {
  transform: translateX(-100px);
}
.ctaB1.anim.animated h2 {
  opacity: 1;
}
.ctaB1.anim.animated li {
  opacity: 1;
  transform: none;
}
.ctaB1.anim.animated li:nth-child(1) {
  transition-delay: 0.15s;
}
.ctaB1.anim.animated li:nth-child(2) {
  transition-delay: 0.3s;
}
.ctaB1.anim.animated li:nth-child(3) {
  transition-delay: 0.45s;
}
.ctaB1.anim.animated .btn {
  opacity: 1;
  transition-delay: 0.6s;
}

.ctaB2 {
  padding: 64px 0;
  background: #F1F5F3;
}
@media screen and (max-width: 1024px) {
  .ctaB2 {
    padding: 44px 0;
  }
}
.ctaB2 .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
  max-width: 880px;
  padding: 48px 64px;
  border-radius: 36px;
  background: #FFF;
}
@media screen and (max-width: 1024px) {
  .ctaB2 .container {
    border-radius: 20px;
    padding: 24px 20px;
    gap: 20px;
  }
}
.ctaB2__img {
  width: -moz-max-content;
  width: max-content;
}
.ctaB2__img svg {
  overflow: visible;
  display: block;
  height: 120px;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .ctaB2__img svg {
    height: 80px;
  }
}
.ctaB2__img svg .sh {
  filter: drop-shadow(0 8px 64px rgba(18, 18, 18, 0.1)) drop-shadow(0 8px 44px rgba(4, 98, 64, 0.1));
}
.ctaB2__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .ctaB2__text {
    gap: 8px;
  }
}
@media screen and (min-width: 1025px) {
  .ctaB2__text h2 {
    font-size: 40px;
  }
}
.ctaB2__text p {
  max-width: 660px;
}
@media screen and (max-width: 1024px) {
  .ctaB2__text p {
    font-size: 14px;
  }
}
.ctaB2__inputs {
  width: 100%;
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .ctaB2__inputs {
    flex-direction: column;
    gap: 20px;
  }
}
.ctaB2__inputs .input-box {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .ctaB2 .btn {
    width: 100%;
  }
}
.ctaB2.anim .container {
  opacity: 0.001;
  transition: 1s;
}
.ctaB2.anim.animated .container {
  opacity: 1;
}

.cta3 {
  background: #046240;
  color: white;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
.cta3 .container {
  padding: 88px 0;
  width: calc(100% - 128px);
}
@media screen and (max-width: 1024px) {
  .cta3 .container {
    padding: 44px 0;
    max-width: 500px;
    width: calc(100% - 32px);
  }
}
.cta3 .container:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 120%;
  height: 120%;
  transform: translate(-50%, 50%);
  background: radial-gradient(#2dbd76, rgba(45, 189, 118, 0) 70%);
  filter: blur(10px);
}
@media screen and (max-width: 1024px) {
  .cta3 .container:before {
    width: 80%;
  }
}
.cta3 .container:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: calc(100% + 128px);
  height: 95%;
  background-image: url(../img/cta_bg.svg);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.8;
}
@media screen and (max-width: 1024px) {
  .cta3 .container:after {
    opacity: 0.4;
    height: 70%;
  }
}
.cta3__text {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  text-align: center;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .cta3__text {
    gap: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .cta3__text p {
    font-size: 14px;
  }
}
.cta3__text .btn {
  margin-top: 32px;
}
@media screen and (max-width: 1024px) {
  .cta3__text .btn {
    margin-top: 16px;
  }
}
.cta3__img {
  width: 41%;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .cta3__img {
    width: 100%;
  }
}
.cta3__img img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100% !important;
  border-radius: 0 !important;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .cta3__img img {
    position: static;
    height: auto;
  }
}
.cta3--dark {
  background: #121212;
}
.cta3--dark .container:before {
  background: radial-gradient(rgba(45, 189, 118, 0.6), rgba(45, 189, 118, 0) 70%);
}
.cta3--dark .container:after {
  background-image: url(../img/cta_bg_dark.svg);
}
.cta3--white {
  background: #FFFFFF;
  color: #121212;
}
.cta3--white .container:before {
  background: radial-gradient(rgba(0, 142, 72, 0.3), rgba(0, 142, 72, 0) 70%);
}
.cta3--white .container:after {
  background-image: url(../img/cta_bg_dark.svg);
}
.cta3--img {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .cta3--img {
    flex-direction: column;
  }
}
.cta3--img .container {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .cta3--img .container {
    width: 59%;
    padding-left: 64px;
    padding-right: 96px;
  }
  .cta3--img .container:after {
    height: 70%;
  }
}
@media screen and (max-width: 1024px) {
  .cta3--img .container {
    width: 100%;
    max-width: unset;
  }
}
@media screen and (min-width: 1025px) {
  .cta3--img .cta3__text {
    align-items: flex-start;
    text-align: left;
  }
}
@media screen and (max-width: 1024px) {
  .cta3--img .cta3__text {
    width: calc(100% - 32px);
    max-width: 500px;
    margin: 0 auto;
  }
}

.newsB3 .cta3 {
  border-radius: 32px;
}
@media screen and (max-width: 1680px) {
  .newsB3 .cta3 .container {
    padding: 44px;
  }
}
@media screen and (min-width: 1451px) and (max-width: 1680px) {
  .newsB3 .cta3 h2 {
    font-size: 28px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1450px) {
  .newsB3 .cta3 h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 1680px) {
  .newsB3 .cta3 .btn {
    margin-top: 0;
  }
}

.breadcrumbs {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .breadcrumbs {
    display: none;
  }
}
.breadcrumbs span {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
@media screen and (max-width: 1450px) {
  .breadcrumbs span {
    gap: 16px;
  }
}
.breadcrumbs * {
  color: #A3BCAF;
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 1450px) {
  .breadcrumbs * {
    font-size: 16px;
  }
}
.breadcrumbs a {
  transition: 0.4s;
  text-decoration: underline;
}
@media not all and (pointer: coarse) {
  .breadcrumbs a:hover {
    color: #008e48;
  }
}
.breadcrumbs .breadcrumb_last {
  color: #008e48;
}
.breadcrumbs--dark * {
  color: rgba(255, 255, 255, 0.3);
}

.popup {
  position: fixed;
  z-index: 110;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 18, 18, 0.7);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  transition: opacity 0.4s;
}
.popup:not(.open) {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s, visibility 0s 0.5s;
}
.popup:not(.open) * {
  pointer-events: none !important;
}
.popup .scroll-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  padding: 120px 0;
  overflow: auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .popup .scroll-container {
    padding: 24px 0;
  }
}
@media screen and (max-width: 768px) {
  .popup .scroll-container {
    padding: 0;
  }
}
.popup .exit-btn {
  position: absolute;
  z-index: 10;
  top: 120px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
}
@media screen and (max-width: 1024px) {
  .popup .exit-btn {
    width: 32px;
    height: 32px;
  }
}
@media not all and (pointer: coarse) {
  .popup .exit-btn:hover {
    background: rgba(255, 255, 255, 0.3);
  }
}
.popup .exit-btn svg {
  display: block;
  width: 13px;
  height: 13px;
}
@media screen and (max-width: 1024px) {
  .popup .exit-btn svg {
    width: 10px;
    height: 10px;
  }
}
.popup .exit-btn svg * {
  fill: white;
  transition: 0.4s;
}

.popup--video .scroll-container {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1025px) {
  .popup--video .scroll-container {
    padding: 32px 0;
  }
}
.popup--video .popup-container {
  width: calc(100% - 64px);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .popup--video .popup-container {
    width: calc(100% - 32px);
  }
}
.popup--video video, .popup--video iframe {
  display: block;
  width: 100%;
  height: calc((100vw - 15px - 64px) / 16 * 9);
  max-height: calc(100vh - 64px);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 36px;
}
@media screen and (max-width: 1024px) {
  .popup--video video, .popup--video iframe {
    height: calc((100vw - 32px) / 16 * 9);
    border-radius: 20px;
    max-height: calc(100vh - 48px);
  }
}
.popup--video .exit-btn {
  top: 48px;
  right: 48px;
}

@media screen and (max-width: 1024px) {
  .popup--bud .scroll-container {
    padding: 0;
  }
}
.popup--bud .popup-container {
  max-width: 800px;
  border-radius: 48px;
  background: #FFF;
  padding: 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 36px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .popup--bud .popup-container {
    max-width: unset;
    border-radius: 0;
    min-height: 100dvh;
    gap: 24px;
    position: relative;
  }
  .popup--bud .popup-container:before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 200px;
    background: white;
  }
}
@media screen and (max-width: 768px) {
  .popup--bud .popup-container {
    padding: 24px 16px 60px;
  }
}
.popup--bud .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .popup--bud .text {
    gap: 12px;
  }
}
.popup--bud .text .date {
  color: #FFF;
  font-size: 20px;
  font-weight: 600;
  line-height: 136%;
  padding: 10px 20px;
  border-radius: 50px;
  background: #046240;
}
@media screen and (max-width: 1024px) {
  .popup--bud .text .date {
    font-size: 14px;
    padding: 8px 16px;
  }
}
.popup--bud .text .description {
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .popup--bud .text .description {
    font-size: 14px;
  }
}
.popup--bud .sliders {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .popup--bud .sliders {
    gap: 8px;
  }
}
.popup--bud .sliders img {
  -o-object-fit: cover;
     object-fit: cover;
}
.popup--bud .splide--main img {
  display: block;
  width: auto;
  max-width: 672px;
  height: 378px;
  border-radius: 36px;
}
@media screen and (max-width: 1024px) {
  .popup--bud .splide--main img {
    height: calc((100vw - 128px) / 16 * 9);
    max-width: calc(100vw - 128px);
    border-radius: 20px;
  }
}
@media screen and (max-width: 768px) {
  .popup--bud .splide--main img {
    height: calc((100vw - 32px) / 16 * 9);
    max-width: calc(100vw - 32px);
  }
}
.popup--bud .splide--nav {
  overflow: hidden;
}
.popup--bud .splide--nav img {
  display: block;
  width: 100%;
  height: 100px;
  border-radius: 20px;
  opacity: 0.7;
  transition: 0.4s;
  border: 2px solid transparent;
}
@media not all and (pointer: coarse) {
  .popup--bud .splide--nav img:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .popup--bud .splide--nav img {
    height: calc((100vw - 128px - 48px) / 4 / 16 * 9);
    border-radius: 12px;
  }
}
@media screen and (max-width: 768px) {
  .popup--bud .splide--nav img {
    height: calc((100vw - 32px - 24px) / 4 / 16 * 9);
  }
}
.popup--bud .splide--nav .splide__slide {
  border: none !important;
}
.popup--bud .splide--nav .is-active img {
  border-color: #008e48;
  opacity: 1;
}
.popup--bud .buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.popup--bud .buttons div {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  border-radius: 12px;
  background: #F1F5F3;
  width: -moz-max-content;
  width: max-content;
  transition: 0.4s;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .popup--bud .buttons div {
    gap: 8px;
    padding: 12px;
  }
}
@media not all and (pointer: coarse) {
  .popup--bud .buttons div:hover {
    background: #eaf3eb;
  }
}
.popup--bud .buttons div:active {
  background: #eaf3eb;
}
.popup--bud .buttons div p {
  color: #121212;
  font-size: 20px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1450px) {
  .popup--bud .buttons div p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .popup--bud .buttons div p {
    font-size: 14px;
  }
}
.popup--bud .buttons div svg {
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.popup--bud .exit-btn {
  right: calc(50vw - 400px - 60px - 15px);
}
@media screen and (max-width: 1024px) {
  .popup--bud .exit-btn {
    right: 16px;
    top: 24px;
    background: rgba(18, 18, 18, 0.5);
  }
  @media not all and (pointer: coarse) {
    .popup--bud .exit-btn:hover {
      background: rgb(18, 18, 18);
    }
  }
  .popup--bud .exit-btn:active {
    background: rgb(18, 18, 18);
  }
}

@media screen and (max-width: 1024px) {
  .popup--flat .scroll-container {
    padding: 0;
  }
}
.popup--flat .popup-container {
  width: calc(100% - 128px);
  max-width: 1204px;
  border-radius: 48px;
  background: #FFF;
  padding: 64px;
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .popup--flat .popup-container {
    width: 100%;
    border-radius: 0;
    padding: 24px 16px 60px;
    flex-direction: column;
    align-items: center;
    position: relative;
    gap: 44px;
  }
  .popup--flat .popup-container:before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 200px;
    background: white;
  }
}
.popup--flat .img {
  width: calc(48% - 16px);
  border-radius: 24px;
  border: 2px solid #DFEBE5;
  background: #FFF;
  padding: 32px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .popup--flat .img {
    width: 100%;
    max-width: 500px;
    padding: 20px 20px 40px;
    border-radius: 20px;
  }
}
.popup--flat .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .popup--flat .img img {
    max-height: 280px;
  }
}
.popup--flat .img .btn {
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translate(-50%, 0);
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .popup--flat .img .btn {
    bottom: 0;
    transform: translate(-50%, 50%);
  }
}
.popup--flat .text {
  width: calc(52% - 16px);
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .popup--flat .text {
    width: 100%;
    max-width: 500px;
  }
}
.popup--flat .text .flex20 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.popup--flat .text .flex24 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.popup--flat .text__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup--flat .text__top h3 {
  font-size: 36px;
  font-weight: 600;
  line-height: 136%;
}
@media screen and (max-width: 1024px) {
  .popup--flat .text__top h3 {
    font-size: 24px;
  }
}
.popup--flat .text__top .tag {
  font-size: 14px;
  font-weight: 600;
  line-height: 136%;
  padding: 12px 20px;
  border-radius: 48px;
}
@media screen and (max-width: 1024px) {
  .popup--flat .text__top .tag {
    padding: 8px 16px;
    font-size: 12px;
  }
}
.popup--flat .text__top .tag--green {
  color: #008E48;
  background: rgba(0, 142, 72, 0.1);
}
.popup--flat .text__top .tag--yellow {
  color: #ffb800;
  background: rgba(255, 184, 0, 0.1);
}
.popup--flat .text__top .tag--red {
  color: #df2929;
  background: rgba(223, 41, 41, 0.1);
}
.popup--flat .text__icons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}
.popup--flat .text__icons .box {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
}
.popup--flat .text__icons .box svg {
  display: block;
  width: 16px;
  min-width: 16px;
}
.popup--flat .text__chars {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .popup--flat .text__chars {
    gap: 16px 24px;
  }
}
.popup--flat .text__chars .box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  line-height: 1.36;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .popup--flat .text__chars .box {
    width: calc(50% - 12px);
    gap: 4px;
  }
}
.popup--flat .text__chars .box span {
  font-size: 24px;
}
@media screen and (max-width: 1024px) {
  .popup--flat .text__chars .box span {
    font-size: 20px;
  }
}
.popup--flat .text__chars .box p {
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .popup--flat .text__chars .box p {
    font-size: 12px;
    opacity: 0.5;
  }
}
.popup--flat .text .line {
  width: 100%;
  height: 2px;
  background: #DFEBE5;
}
.popup--flat .text__list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .popup--flat .text__list {
    gap: 8px;
  }
}
.popup--flat .text__list li {
  border-radius: 16px;
  border: 2px solid #DFEBE5;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.36;
}
@media screen and (max-width: 1024px) {
  .popup--flat .text__list li {
    padding: 8px 16px;
    border-radius: 8px;
  }
}
.popup--flat .text__links {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.36;
}
.popup--flat .text__links a {
  color: #008E48;
  text-decoration: underline;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .popup--flat .text__links a:hover {
    text-decoration-color: transparent;
  }
}
.popup--flat .text .btn {
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 1024px) {
  .popup--flat .text .btn {
    width: 100%;
  }
}
.popup--flat .exit-btn {
  right: calc(50vw - 602px - 60px - 15px);
}
@media screen and (max-width: 1420px) {
  .popup--flat .exit-btn {
    top: 40px;
    right: calc(50vw - 602px - 15px);
  }
}
@media screen and (max-width: 1350px) {
  .popup--flat .exit-btn {
    right: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .popup--flat .exit-btn {
    right: 16px;
    top: 16px;
    background: rgba(18, 18, 18, 0.5);
  }
  @media not all and (pointer: coarse) {
    .popup--flat .exit-btn:hover {
      background: rgb(18, 18, 18);
    }
  }
  .popup--flat .exit-btn:active {
    background: rgb(18, 18, 18);
  }
}

@media screen and (max-width: 1024px) {
  .popup--form .scroll-container {
    padding: 0;
  }
}
.popup--form .popup-container {
  max-width: 600px;
  border-radius: 48px;
  background: #FFF;
  padding: 64px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media screen and (max-width: 1024px) {
  .popup--form .popup-container {
    max-width: unset;
    border-radius: 0;
    min-height: 100dvh;
    gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  .popup--form .popup-container {
    padding: 24px 16px 60px;
  }
}
.popup--form .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.popup--form .text h3 {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .popup--form .text h3 {
    padding-right: 44px;
    font-size: 20px;
  }
}
.popup--form .text .description {
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .popup--form .text .description {
    font-size: 14px;
    opacity: 0.7;
  }
}
.popup--form .form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.popup--form .answer {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: white;
  padding: 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .popup--form .answer {
    padding: 60px 16px 60px;
  }
}
.popup--form .answer.open {
  opacity: 1;
  pointer-events: auto;
}
.popup--form .answer svg {
  display: block;
  width: 32px;
  height: auto;
}
.popup--form .answer p {
  font-size: 20px;
  font-weight: 600;
}
.popup--form .answer .line {
  background: #121212;
  opacity: 0.2;
  width: 100%;
  height: 1px;
}
.popup--form .answer .soc {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.popup--form .answer .soc h3 {
  font-size: 20px;
  font-weight: 600;
}
.popup--form .answer .soc ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
}
.popup--form .answer .soc li {
  width: calc(50% - 12px);
}
.popup--form .answer .soc a {
  display: flex;
  align-items: center;
  max-width: -moz-max-content;
  max-width: max-content;
  color: #121212;
  gap: 12px;
  font-weight: 600;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .popup--form .answer .soc a:hover {
    color: #008e48;
  }
}
.popup--form .answer .soc a svg {
  width: 24px;
}
.popup--form .answer .soc a:active {
  color: #008e48;
}
.popup--form .exit-btn {
  right: calc(50vw - 300px - 60px - 15px);
}
@media screen and (max-width: 1024px) {
  .popup--form .exit-btn {
    right: 16px;
    top: 24px;
    background: rgba(18, 18, 18, 0.5);
  }
  @media not all and (pointer: coarse) {
    .popup--form .exit-btn:hover {
      background: rgb(18, 18, 18);
    }
  }
  .popup--form .exit-btn:active {
    background: rgb(18, 18, 18);
  }
}

.fancybox__backdrop {
  background: rgba(18, 18, 18, 0.7) !important;
  -webkit-backdrop-filter: blur(12px) !important;
          backdrop-filter: blur(12px) !important;
  opacity: 1 !important;
}

.f-html {
  min-height: unset !important;
  max-height: unset !important;
  min-width: unset !important;
  max-width: unset !important;
  aspect-ratio: 16/9 !important;
  width: min(100vw - 128px, (100vh - 120px) * 16 / 9) !important;
  height: auto !important;
  border-radius: 32px;
}
@media screen and (max-width: 1204px) {
  .f-html {
    width: min(100vw - 32px, (100vh - 120px) * 16 / 9) !important;
    border-radius: 22px;
  }
}
.f-html iframe {
  border-radius: 32px;
}
@media screen and (max-width: 1204px) {
  .f-html iframe {
    border-radius: 22px;
  }
}

.f-button.is-close-button {
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  top: -48px;
}
@media not all and (pointer: coarse) {
  .f-button.is-close-button:hover {
    background: rgba(255, 255, 255, 0.3);
  }
}
.f-button.is-close-button svg {
  display: block;
  width: 20px;
  height: 20px;
}
.f-button.is-close-button svg * {
  fill: white;
  transition: 0.4s;
}

@media screen and (max-width: 1024px) {
  .popup--plan .scroll-container {
    padding: 0;
  }
}
.popup--plan .popup-container {
  width: calc(100% - 128px);
  max-width: 1204px;
  border-radius: 48px;
  background: #FFF;
  padding: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .popup--plan .popup-container {
    width: 100%;
    min-height: 100%;
    border-radius: 0;
    padding: 24px 16px 60px;
  }
}
@media screen and (min-width: 1025px) {
  .popup--plan h3 {
    font-size: 24px;
  }
}
.popup--plan .img {
  width: 100%;
  padding: 32px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .popup--plan .img {
    width: 100%;
    max-width: 500px;
    padding: 24px;
  }
}
.popup--plan .img svg {
  display: block;
  width: 100%;
  height: auto;
}
.popup--plan .img svg [data-svg-section] {
  pointer-events: none;
  cursor: pointer;
}
.popup--plan .img svg [data-svg-section] path {
  transition: 0.4s;
}
.popup--plan .img svg [data-svg-section].is-shown {
  pointer-events: auto;
}
.popup--plan .img svg [data-svg-section].is-shown *:nth-child(1) {
  fill: #DFEBE5;
}
.popup--plan .img svg [data-svg-section].is-shown:hover *:nth-child(1) {
  fill: rgba(0, 142, 72, 0.3);
}
.popup--plan .img svg [data-svg-section].is-shown.is-active *:nth-child(1) {
  fill: #008e48;
}
.popup--plan .img svg [data-svg-section].is-shown.is-active *:nth-child(2) {
  fill: white;
}
.popup--plan .img .street {
  position: absolute;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  opacity: 0.5;
}
@media screen and (max-width: 1024px) {
  .popup--plan .img .street {
    font-size: 12px;
  }
}
.popup--plan .img .street--top {
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
.popup--plan .img .street--left {
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-90deg) translateY(50%);
}
.popup--plan .img .street--right {
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(90deg) translateY(50%);
}
.popup--plan .img .street--bottom {
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
.popup--plan .text {
  width: calc(52% - 16px);
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .popup--plan .text {
    width: 100%;
    max-width: 500px;
  }
}
.popup--plan .text .flex20 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.popup--plan .text .flex24 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.popup--plan .text__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup--plan .text__top h3 {
  font-size: 36px;
  font-weight: 600;
  line-height: 136%;
}
@media screen and (max-width: 1024px) {
  .popup--plan .text__top h3 {
    font-size: 24px;
  }
}
.popup--plan .text__top .tag {
  font-size: 14px;
  font-weight: 600;
  line-height: 136%;
  padding: 12px 20px;
  border-radius: 48px;
}
@media screen and (max-width: 1024px) {
  .popup--plan .text__top .tag {
    padding: 8px 16px;
    font-size: 12px;
  }
}
.popup--plan .text__top .tag--green {
  color: #008E48;
  background: rgba(0, 142, 72, 0.1);
}
.popup--plan .text__top .tag--yellow {
  color: #ffb800;
  background: rgba(255, 184, 0, 0.1);
}
.popup--plan .text__top .tag--red {
  color: #df2929;
  background: rgba(223, 41, 41, 0.1);
}
.popup--plan .text__icons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}
.popup--plan .text__icons .box {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
}
.popup--plan .text__icons .box svg {
  display: block;
  width: 16px;
  min-width: 16px;
}
.popup--plan .text__chars {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .popup--plan .text__chars {
    gap: 16px 24px;
  }
}
.popup--plan .text__chars .box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  line-height: 1.36;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .popup--plan .text__chars .box {
    width: calc(50% - 12px);
    gap: 4px;
  }
}
.popup--plan .text__chars .box span {
  font-size: 24px;
}
@media screen and (max-width: 1024px) {
  .popup--plan .text__chars .box span {
    font-size: 20px;
  }
}
.popup--plan .text__chars .box p {
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .popup--plan .text__chars .box p {
    font-size: 12px;
    opacity: 0.5;
  }
}
.popup--plan .text .line {
  width: 100%;
  height: 2px;
  background: #DFEBE5;
}
.popup--plan .text__list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .popup--plan .text__list {
    gap: 8px;
  }
}
.popup--plan .text__list li {
  border-radius: 16px;
  border: 2px solid #DFEBE5;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.36;
}
@media screen and (max-width: 1024px) {
  .popup--plan .text__list li {
    padding: 8px 16px;
    border-radius: 8px;
  }
}
.popup--plan .text__links {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.36;
}
.popup--plan .text__links a {
  color: #008E48;
  text-decoration: underline;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .popup--plan .text__links a:hover {
    text-decoration-color: transparent;
  }
}
.popup--plan .text .btn {
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 1024px) {
  .popup--plan .text .btn {
    width: 100%;
  }
}
.popup--plan .exit-btn {
  right: calc(50vw - 602px - 60px - 15px);
}
@media screen and (max-width: 1420px) {
  .popup--plan .exit-btn {
    top: 40px;
    right: calc(50vw - 602px - 15px);
  }
}
@media screen and (max-width: 1350px) {
  .popup--plan .exit-btn {
    right: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .popup--plan .exit-btn {
    right: 16px;
    top: 16px;
    background: rgba(18, 18, 18, 0.5);
  }
  @media not all and (pointer: coarse) {
    .popup--plan .exit-btn:hover {
      background: rgb(18, 18, 18);
    }
  }
  .popup--plan .exit-btn:active {
    background: rgb(18, 18, 18);
  }
}

.placeholder {
  height: 88px;
}
@media screen and (max-width: 1250px) {
  .placeholder {
    height: 85px;
  }
}
@media screen and (max-width: 1024px) {
  .placeholder {
    height: 60px;
  }
}

.topBlock {
  background: #046240;
  padding: 88px 0 64px;
  color: white;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .topBlock {
    padding: 44px 0 32px;
  }
}
.topBlock:after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  width: 70%;
  height: 95%;
  background-image: url(../img/ttl_bg.svg);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
.topBlock .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .topBlock .container {
    gap: 12px;
  }
}
.topBlock .description {
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1450px) {
  .topBlock .description {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .topBlock .description {
    font-size: 14px;
  }
}

.aboutB1 {
  padding: 88px 0;
  background: #121212;
  margin-top: -2px;
  position: relative;
  z-index: 2;
  color: white;
}
@media screen and (max-width: 1024px) {
  .aboutB1 {
    padding: 44px 0;
  }
}
.aboutB1 .container {
  display: flex;
  flex-direction: column;
  gap: 64px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .aboutB1 .container {
    gap: 24px;
  }
}
.aboutB1__bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}
.aboutB1__main {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .aboutB1__main {
    flex-direction: column;
  }
}
.aboutB1__main .text {
  width: calc(67% - 16px);
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .aboutB1__main .text {
    width: 100%;
    gap: 24px;
  }
}
.aboutB1__main .text h2 {
  font-size: 60px;
}
@media screen and (max-width: 1920px) {
  .aboutB1__main .text h2 {
    font-size: 3.13vw;
  }
}
@media screen and (max-width: 1600px) {
  .aboutB1__main .text h2 {
    font-size: 44px;
  }
}
@media screen and (max-width: 1450px) {
  .aboutB1__main .text h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .aboutB1__main .text h2 {
    font-size: 20px;
  }
}
.aboutB1__main .text p {
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .aboutB1__main .text p {
    font-weight: 400;
    font-size: 16px;
  }
}
.aboutB1__main .image {
  width: calc(33% - 16px);
}
@media screen and (max-width: 1024px) {
  .aboutB1__main .image {
    width: 100%;
  }
}
.aboutB1__main .image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 36px;
}
@media screen and (max-width: 1024px) {
  .aboutB1__main .image img {
    border-radius: 20px;
  }
}
.aboutB1__list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .aboutB1__list {
    gap: 16px;
  }
}
.aboutB1__list .box {
  width: calc(25% - 24px);
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 48px;
  border-radius: 36px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
@media screen and (max-width: 1450px) {
  .aboutB1__list .box {
    padding: 36px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .aboutB1__list .box {
    padding: 24px 20px;
    width: 100%;
    gap: 16px;
  }
}
.aboutB1__list .box:nth-child(8n-7), .aboutB1__list .box:nth-child(8n) {
  background: rgba(4, 98, 64, 0.32);
}
.aboutB1__list .box:nth-child(8n-6), .aboutB1__list .box:nth-child(8n-1) {
  background: rgba(255, 255, 255, 0.05);
}
.aboutB1__list .box:nth-child(8n-5), .aboutB1__list .box:nth-child(8n-2) {
  background: rgba(18, 18, 18, 0.32);
}
.aboutB1__list .box:nth-child(8n-4), .aboutB1__list .box:nth-child(8n-3) {
  background: rgba(241, 245, 243, 0.05);
}
.aboutB1__list .box h3 {
  font-size: 36px;
}
@media screen and (max-width: 1920px) {
  .aboutB1__list .box h3 {
    font-size: 1.9vw;
  }
}
@media screen and (max-width: 1600px) {
  .aboutB1__list .box h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .aboutB1__list .box h3 {
    font-size: 20px;
  }
}
.aboutB1__list .box p {
  opacity: 0.8;
}
.aboutB1__list.anim .box {
  opacity: 0.001;
  transform: translateY(40px);
  transition: 1s;
}
.aboutB1__list.anim .box:nth-child(1) {
  transition-delay: 0.1s;
}
.aboutB1__list.anim .box:nth-child(2) {
  transition-delay: 0.2s;
}
.aboutB1__list.anim .box:nth-child(3) {
  transition-delay: 0.3s;
}
.aboutB1__list.anim .box:nth-child(4) {
  transition-delay: 0.4s;
}
.aboutB1__list.anim.animated .box {
  opacity: 1;
  transform: none;
}
.aboutB1__description {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.aboutB1__description p {
  max-width: 880px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .aboutB1__description p {
    font-size: 16px;
  }
}

.aboutB2 {
  padding: 88px 0;
}
@media screen and (max-width: 1024px) {
  .aboutB2 {
    padding: 44px 0;
  }
}
.aboutB2__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .aboutB2__list {
    gap: 16px;
  }
}
.aboutB2 .box {
  padding: 72px 160px;
  border-radius: 36px;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 36px;
  width: 100%;
  max-width: 1200px;
  min-height: 360px;
  transform-origin: center bottom;
  box-shadow: 0 12px 40px 0 rgba(4, 98, 64, 0.1);
}
@media screen and (max-width: 1450px) {
  .aboutB2 .box {
    gap: 24px;
    min-height: 300px;
  }
}
@media screen and (max-width: 1024px) {
  .aboutB2 .box {
    padding: 24px;
    gap: 16px;
    border-radius: 20px;
  }
}
.aboutB2 .box h3 {
  font-size: 72px;
  font-weight: 700;
}
@media screen and (max-width: 1920px) {
  .aboutB2 .box h3 {
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 1600px) {
  .aboutB2 .box h3 {
    font-size: 52px;
  }
}
@media screen and (max-width: 1450px) {
  .aboutB2 .box h3 {
    font-size: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .aboutB2 .box h3 {
    font-size: 20px;
  }
}
.aboutB2 .box p {
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .aboutB2 .box p {
    font-size: 14px;
  }
  .aboutB2 .box p br {
    display: none;
  }
}
.aboutB2 .box--noTitle p {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.36;
}
@media screen and (max-width: 1920px) {
  .aboutB2 .box--noTitle p {
    font-size: 2vw;
  }
}
@media screen and (max-width: 1024px) {
  .aboutB2 .box--noTitle p {
    font-size: 16px;
  }
}
.aboutB2 .box--var1 {
  background: #FFF;
  color: #046240;
}
.aboutB2 .box--var2 {
  background: rgba(255, 255, 255, 0.64);
}
.aboutB2 .box--var3 {
  background: rgba(241, 245, 243, 0.64);
}
.aboutB2 .box--var4 {
  background: #008E48;
  color: white;
}
.aboutB2 .box--var5 {
  background: #046240;
  color: white;
}
.aboutB2 .box--var6 {
  background: #121212;
  color: #FFF;
}
@media screen and (min-width: 1025px) {
  .aboutB2 .box--nums {
    padding-left: 64px;
    padding-right: 64px;
    flex-direction: row;
  }
}
@media screen and (max-width: 1024px) {
  .aboutB2 .box--nums {
    gap: 20px;
  }
}
.aboutB2 .box--nums .box__item {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .aboutB2 .box--nums .box__item {
    gap: 8px;
  }
}
.aboutB2 .box--nums .box__item span {
  color: #49B881;
  font-size: 88px;
  font-weight: 600;
  white-space: nowrap;
}
@media screen and (max-width: 1920px) {
  .aboutB2 .box--nums .box__item span {
    font-size: 4.5vw;
  }
}
@media screen and (max-width: 1600px) {
  .aboutB2 .box--nums .box__item span {
    font-size: 52px;
  }
}
@media screen and (max-width: 1450px) {
  .aboutB2 .box--nums .box__item span {
    font-size: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .aboutB2 .box--nums .box__item span {
    font-size: 20px;
  }
}
.aboutB2 .box--nums .box__item p {
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .aboutB2 .box--nums .box__item p {
    font-size: 14px;
  }
}

.aboutB3 {
  padding: 88px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFF;
}
@media screen and (max-width: 1024px) {
  .aboutB3 {
    padding: 44px 0;
  }
}
.aboutB3__window {
  padding: 88px 64px;
  border-radius: 36px;
  background: #046240;
  display: flex;
  flex-direction: column;
  gap: 46px;
  width: calc(60% + 120px);
}
@media screen and (max-width: 1600px) {
  .aboutB3__window {
    padding: 64px 44px;
    gap: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .aboutB3__window {
    gap: 16px;
    padding: 24px 20px;
    border-radius: 20px;
  }
}
.aboutB3__window .ttl {
  font-size: 48px;
  font-weight: 700;
}
@media screen and (max-width: 1920px) {
  .aboutB3__window .ttl {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 1600px) {
  .aboutB3__window .ttl {
    font-size: 28px;
  }
}
@media screen and (max-width: 1024px) {
  .aboutB3__window .ttl {
    font-size: 20px;
  }
}
.aboutB3__window .line {
  background: #09744D;
  width: 100%;
  height: 1px;
}
.aboutB3__window .text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 1600px) {
  .aboutB3__window .text {
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .aboutB3__window .text {
    gap: 12px;
  }
}
.aboutB3__window .text p {
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 1600px) {
  .aboutB3__window .text p {
    font-size: 18px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1024px) {
  .aboutB3__window .text p {
    font-size: 14px;
  }
}
.aboutB3__play {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  margin: -88px 0 0 auto;
  width: 40%;
  min-height: 320px;
  padding: 64px;
  border-radius: 36px;
  background: rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (max-width: 1600px) {
  .aboutB3__play {
    min-height: unset;
  }
}
@media screen and (max-width: 1024px) {
  .aboutB3__play {
    margin-top: 24px;
    border-radius: 20px;
    padding: 32px 24px 24px 24px;
    gap: 20px;
    min-width: 200px;
  }
}
@media not all and (pointer: coarse) {
  .aboutB3__play:hover {
    transform: scale(1.03);
    background: rgba(255, 255, 255, 0.3);
  }
}
.aboutB3__play svg {
  display: block;
}
@media screen and (max-width: 1024px) {
  .aboutB3__play svg {
    width: 32px;
    height: auto;
  }
}
.aboutB3__play p {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .aboutB3__play p {
    font-size: 14px;
  }
}
.aboutB3.anim .aboutB3__window {
  opacity: 0.001;
  transform: scale(0.9);
  transition: 1s;
}
.aboutB3.anim .aboutB3__play {
  opacity: 0;
  transform: scale(0.9);
  transition: 1s 0.3s;
}
.aboutB3.anim.animated .aboutB3__window,
.aboutB3.anim.animated .aboutB3__play {
  opacity: 1;
  transform: none;
}

.aboutB4 {
  padding: 88px 0;
  background: #F1F5F3;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .aboutB4 {
    padding: 64px 0;
  }
}
.aboutB4 .container {
  display: flex;
  align-items: center;
  gap: 184px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .aboutB4 .container {
    gap: 32px;
    flex-direction: column;
  }
}
.aboutB4__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: 100%;
}
.aboutB4__img {
  width: 424px;
  padding: 0 44px;
}
@media screen and (max-width: 1024px) {
  .aboutB4__img {
    width: 60%;
    padding: 0;
  }
}
.aboutB4__img img {
  display: block;
  width: 100%;
  height: auto;
}
.aboutB4__text {
  width: calc(100% - 424px - 184px);
  color: #046240;
  font-size: 48px;
  font-weight: 500;
}
@media screen and (max-width: 1920px) {
  .aboutB4__text {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 1600px) {
  .aboutB4__text {
    font-size: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .aboutB4__text {
    width: 100%;
    font-size: 20px;
    text-align: center;
  }
}

.newsBox {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .newsBox {
    gap: 12px;
  }
}
.newsBox__image {
  padding-bottom: 85.7%;
  position: relative;
  overflow: hidden;
  border-radius: 36px;
}
@media screen and (max-width: 1024px) {
  .newsBox__image {
    border-radius: 20px;
  }
}
.newsBox__image-container {
  min-width: 80px;
}
.newsBox__image img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 1s;
}
.newsBox__tag {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  z-index: 2;
  left: 24px;
  top: 24px;
  width: calc(100% - 48px);
}
@media screen and (max-width: 1024px) {
  .newsBox__tag {
    left: 12px;
    top: 12px;
    width: calc(100% - 24px);
  }
}
.newsBox__tag p {
  display: block;
  color: #FFF;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 24px;
  background: #046240;
}
@media screen and (max-width: 1024px) {
  .newsBox__tag p {
    font-size: 14px;
  }
}
.newsBox__text {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 1024px) {
  .newsBox__text {
    padding: 0 16px;
    gap: 4px;
  }
}
.newsBox__title {
  color: #121212;
  font-size: 24px;
  font-weight: 700;
  line-height: 136%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1450px) {
  .newsBox__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .newsBox__title {
    font-size: 16px;
  }
}
.newsBox__date {
  color: #99A5A1;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .newsBox__date {
    font-size: 12px;
  }
}
.newsBox .subBlock {
  margin-top: auto;
}
.newsBox .subBlock .newsBox__tag {
  display: none;
}
@media not all and (pointer: coarse) {
  .newsBox:hover .newsBox__image img {
    transform: scale(1.1);
  }
}

.newsB1 .container {
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding: 88px 0;
}
@media screen and (max-width: 1024px) {
  .newsB1 .container {
    padding: 44px 0;
    gap: 24px;
  }
}
.newsB1 .btn {
  align-self: center;
}
.newsB1 .splide {
  width: 100%;
}
@media screen and (min-width: 1251px) {
  .newsB1--var1 .splide__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
  .newsB1--var1 .splide__slide {
    width: unset !important;
    margin: unset !important;
  }
  .newsB1--var1 .splide__slide:nth-child(1) {
    grid-area: 1/1/3/2;
  }
  .newsB1--var1 .splide__slide:nth-child(2) {
    grid-area: 1/2/3/3;
  }
  .newsB1--var1 .splide__slide:nth-child(3) {
    grid-area: 1/3/2/4;
  }
  .newsB1--var1 .splide__slide:nth-child(4) {
    grid-area: 2/3/3/4;
  }
  .newsB1--var1 .splide__slide:nth-child(n+5) {
    display: none;
  }
  .newsB1--var1 .splide__slide:nth-child(3) .newsBox, .newsB1--var1 .splide__slide:nth-child(4) .newsBox {
    border-radius: 24px;
  }
  .newsB1--var1 .splide__slide:nth-child(3) .newsBox__image, .newsB1--var1 .splide__slide:nth-child(4) .newsBox__image {
    border-radius: 24px;
  }
  .newsB1--var1 .splide__slide:nth-child(3) .newsBox__image .newsBox__tag, .newsB1--var1 .splide__slide:nth-child(4) .newsBox__image .newsBox__tag {
    display: none;
  }
  .newsB1--var1 .splide__slide:nth-child(3) .newsBox__image-container, .newsB1--var1 .splide__slide:nth-child(4) .newsBox__image-container {
    width: calc((((100vw - 192px) / 3 * 0.857 + 78px) / 2 - 110px) / 0.857);
  }
  .newsB1--var1 .splide__slide:nth-child(3) .newsBox__text, .newsB1--var1 .splide__slide:nth-child(4) .newsBox__text {
    padding: 0 16px;
  }
  .newsB1--var1 .splide__slide:nth-child(3) .newsBox .subBlock, .newsB1--var1 .splide__slide:nth-child(4) .newsBox .subBlock {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
  }
  .newsB1--var1 .splide__slide:nth-child(3) .newsBox .subBlock .newsBox__tag, .newsB1--var1 .splide__slide:nth-child(4) .newsBox .subBlock .newsBox__tag {
    width: 100%;
    display: flex;
    gap: 4px 0;
    position: static;
  }
}
.newsB1--var2 .container {
  border-top: 1px solid #DFEBE5;
}
@media screen and (min-width: 1251px) {
  .newsB1--var2 .splide__list {
    transform: none !important;
  }
  .newsB1--var2 .splide__slide:nth-child(n+4) {
    display: none;
  }
}
.newsB1--var3 {
  background: #F1F5F3;
}
@media screen and (min-width: 1251px) {
  .newsB1--var3 .splide__list {
    transform: none !important;
  }
  .newsB1--var3 .splide__slide:nth-child(n+4) {
    display: none;
  }
}
@media screen and (min-width: 1251px) {
  .newsB1--var4 .splide__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 20px;
  }
  .newsB1--var4 .splide__slide {
    width: unset !important;
    margin: unset !important;
  }
  .newsB1--var4 .splide__slide:nth-child(1) {
    grid-area: 1/1/4/2;
  }
  .newsB1--var4 .splide__slide:nth-child(2) {
    grid-area: 1/2/4/3;
  }
  .newsB1--var4 .splide__slide:nth-child(3) {
    grid-area: 1/3/2/4;
  }
  .newsB1--var4 .splide__slide:nth-child(4) {
    grid-area: 2/3/3/4;
  }
  .newsB1--var4 .splide__slide:nth-child(5) {
    grid-area: 3/3/4/4;
  }
  .newsB1--var4 .splide__slide .newsBox__image {
    border-radius: 16px;
  }
  .newsB1--var4 .splide__slide:nth-child(1) .newsBox__title, .newsB1--var4 .splide__slide:nth-child(2) .newsBox__title {
    -webkit-line-clamp: 4;
  }
  .newsB1--var4 .splide__slide:nth-child(3) .newsBox, .newsB1--var4 .splide__slide:nth-child(4) .newsBox, .newsB1--var4 .splide__slide:nth-child(5) .newsBox {
    padding: 20px;
    border-radius: 24px;
  }
  .newsB1--var4 .splide__slide:nth-child(3) .newsBox__image-container, .newsB1--var4 .splide__slide:nth-child(4) .newsBox__image-container, .newsB1--var4 .splide__slide:nth-child(5) .newsBox__image-container {
    width: calc(((((100vw - 192px) / 3 - 48px) * 0.857 + 129px) / 3 - 100px) / 0.857);
  }
  .newsB1--var4 .splide__slide:nth-child(3) .newsBox__text, .newsB1--var4 .splide__slide:nth-child(4) .newsBox__text, .newsB1--var4 .splide__slide:nth-child(5) .newsBox__text {
    padding: 0;
  }
  .newsB1--var4 .splide__slide:nth-child(3) .newsBox__title, .newsB1--var4 .splide__slide:nth-child(4) .newsBox__title, .newsB1--var4 .splide__slide:nth-child(5) .newsBox__title {
    font-size: 16px;
  }
  .newsB1--var4 .splide__slide:nth-child(3) .newsBox__image .newsBox__tag, .newsB1--var4 .splide__slide:nth-child(4) .newsBox__image .newsBox__tag, .newsB1--var4 .splide__slide:nth-child(5) .newsBox__image .newsBox__tag {
    display: none;
  }
  .newsB1--var4 .splide__slide:nth-child(3) .newsBox .subBlock, .newsB1--var4 .splide__slide:nth-child(4) .newsBox .subBlock, .newsB1--var4 .splide__slide:nth-child(5) .newsBox .subBlock {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: row-reverse;
    position: absolute;
    top: 24px;
    right: 20px;
    width: calc(100% - 170px);
  }
  .newsB1--var4 .splide__slide:nth-child(3) .newsBox .subBlock .newsBox__tag, .newsB1--var4 .splide__slide:nth-child(4) .newsBox .subBlock .newsBox__tag, .newsB1--var4 .splide__slide:nth-child(5) .newsBox .subBlock .newsBox__tag {
    display: flex;
    justify-content: flex-end;
    gap: 4px 0;
    position: static;
    width: 100%;
  }
  .newsB1--var4 .splide .newsBox {
    border-radius: 36px;
    background: #F1F5F3;
    padding: 24px 24px 36px;
  }
  .newsB1--var4 .splide .newsBox__text {
    padding: 0 12px;
  }
}
.newsB1__list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .newsB1__list {
    gap: 24px 16px;
  }
}
.newsB1__list .newsBox {
  width: calc(33.333% - 21.3333333333px);
}
@media screen and (max-width: 1250px) {
  .newsB1__list .newsBox {
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 1024px) {
  .newsB1__list .newsBox {
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 500px) {
  .newsB1__list .newsBox {
    width: 100%;
  }
}
.newsB1 .ajax-load-more-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .newsB1 .ajax-load-more-wrap {
    gap: 24px 16px;
  }
}
.newsB1 .ajax-load-more-wrap .newsBox {
  height: unset;
}
.newsB1 .alm-listing {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .newsB1 .alm-listing {
    gap: 24px 16px;
  }
}
.newsB1 .alm-btn-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}

.newsB2 {
  padding: 88px 0 64px;
}
@media screen and (max-width: 1250px) {
  .newsB2 {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .newsB2 {
    padding: 44px 0 32px;
  }
}
.newsB2 .container {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media screen and (max-width: 1250px) {
  .newsB2 .container {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  .newsB2 .container {
    gap: 24px;
  }
}
.newsB2__content {
  width: calc(59% - 18px);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 1250px) {
  .newsB2__content {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .newsB2__content {
    gap: 12px;
  }
}
@media screen and (min-width: 1600px) {
  .newsB2__content h1 {
    font-size: 64px;
  }
}
@media screen and (min-width: 1025px) {
  .newsB2__content h1 {
    line-height: 1.2;
  }
}
.newsB2__content p {
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1450px) {
  .newsB2__content p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .newsB2__content p {
    font-size: 14px;
  }
}
.newsB2__content p.date {
  color: #99A5A1;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .newsB2__content p.date {
    font-size: 12px;
  }
}
.newsB2__img {
  position: relative;
  width: calc(41% - 18px);
}
@media screen and (max-width: 1250px) {
  .newsB2__img {
    width: 100%;
    max-width: 600px;
  }
}
.newsB2__img .img-container {
  padding-bottom: 85.7%;
  position: relative;
  overflow: hidden;
}
.newsB2__img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 36px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .newsB2__img img {
    border-radius: 20px;
  }
}
.newsB2 .cursor {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 124px;
  height: 124px;
  border-radius: 124px;
  background: #008E48;
  transform: translate3d(-50%, -50%, 0);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
  padding: 20px 12px 0;
}
@media (hover: none) {
  .newsB2 .cursor {
    display: none;
  }
}
.newsB2 .cursor p {
  color: #FFF;
  text-align: center;
  font-weight: 600;
}
.newsB2 .cursor svg {
  display: block;
  width: 24px;
  height: auto;
}
.newsB2 .cursor.visible {
  opacity: 1;
}

.newsB3 {
  padding: 64px 0;
}
@media screen and (max-width: 1024px) {
  .newsB3 {
    padding: 32px 0 44px;
  }
}
.newsB3 .container {
  display: flex;
  flex-wrap: wrap;
  gap: 64px 152px;
}
@media screen and (max-width: 1450px) {
  .newsB3 .container {
    gap: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .newsB3 .container {
    gap: 32px;
  }
}
.newsB3 .breadcrumbs {
  width: 100%;
}
.newsB3__content {
  width: calc(100% - 424px - 152px);
}
@media screen and (max-width: 1450px) {
  .newsB3__content {
    width: calc(100% - 424px - 64px);
  }
}
@media screen and (max-width: 1250px) {
  .newsB3__content {
    width: 100%;
  }
}
.newsB3__aside {
  width: 424px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1250px) {
  .newsB3__aside {
    width: 100%;
    order: 3;
  }
}
@media screen and (max-width: 1024px) {
  .newsB3__aside {
    gap: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .newsB3__aside h3 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .newsB3__aside .splide {
    width: 80%;
  }
}
@media screen and (min-width: 1025px) {
  .newsB3__aside .splide__list {
    flex-direction: column;
    gap: 24px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1250px) {
  .newsB3__aside .splide__list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1025px) {
  .newsB3__aside .splide__slide {
    width: 100% !important;
    margin: 0 !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1250px) {
  .newsB3__aside .splide__slide {
    width: calc(50% - 12px) !important;
  }
}
@media screen and (min-width: 1025px) {
  .newsB3__aside .newsBox {
    padding: 20px;
    flex-direction: row;
    gap: 16px;
    border-radius: 36px;
    background: #F1F5F3;
  }
  .newsB3__aside .newsBox__image {
    border-radius: 16px;
  }
  .newsB3__aside .newsBox__image-container {
    width: 164px;
    min-width: 164px;
  }
  .newsB3__aside .newsBox__text {
    padding: 0 12px;
  }
  .newsB3__aside .newsBox__title {
    font-size: 20px;
    -webkit-line-clamp: 4;
  }
}
.newsB3__nav {
  width: calc(100% - 424px - 152px);
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 1450px) {
  .newsB3__nav {
    gap: 20px;
  }
}
@media screen and (max-width: 1250px) {
  .newsB3__nav {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .newsB3__nav {
    flex-direction: column;
    gap: 16px;
  }
}
.newsB3__nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 24px;
  border-radius: 12px;
  background: #F1F5F3;
  width: calc(50% - 16px);
  transition: 0.4s;
}
@media screen and (max-width: 1450px) {
  .newsB3__nav a {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 1024px) {
  .newsB3__nav a {
    gap: 8px;
    padding: 12px;
    width: 100%;
  }
}
.newsB3__nav a p {
  color: #121212;
  font-size: 20px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1450px) {
  .newsB3__nav a p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .newsB3__nav a p {
    font-size: 14px;
  }
}
.newsB3__nav a svg {
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
@media not all and (pointer: coarse) {
  .newsB3__nav a:hover {
    background: #eaf3eb;
  }
}
.newsB3__nav a:active {
  background: #eaf3eb;
}

.txt-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.txt-content .txt-content,
.txt-content .col2 {
  margin: 28px 0;
}
.txt-content .txt-content + .col2,
.txt-content .txt-content + .txt-content,
.txt-content .col2 + .col2,
.txt-content .col2 + .txt-content {
  margin-top: 0;
}
.txt-content .txt-content:first-child,
.txt-content .col2:first-child {
  margin-top: 0;
}
.txt-content .txt-content:last-child,
.txt-content .col2:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1451px) {
  .txt-content h1, .txt-content h2 {
    font-size: 44px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1450px) {
  .txt-content h1, .txt-content h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 1451px) {
  .txt-content h3 {
    font-size: 28px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1450px) {
  .txt-content h3 {
    font-size: 28px;
  }
}
.txt-content h1, .txt-content h2, .txt-content h3, .txt-content h4, .txt-content h5, .txt-content h6 {
  margin-top: 28px;
}
.txt-content h1:first-child, .txt-content h2:first-child, .txt-content h3:first-child, .txt-content h4:first-child, .txt-content h5:first-child, .txt-content h6:first-child {
  margin-top: 0;
}
.txt-content h1 + img, .txt-content h1 + h1, .txt-content h1 + h2, .txt-content h1 + h3, .txt-content h1 + h4, .txt-content h1 + h5, .txt-content h1 + h6, .txt-content h2 + img, .txt-content h2 + h1, .txt-content h2 + h2, .txt-content h2 + h3, .txt-content h2 + h4, .txt-content h2 + h5, .txt-content h2 + h6, .txt-content h3 + img, .txt-content h3 + h1, .txt-content h3 + h2, .txt-content h3 + h3, .txt-content h3 + h4, .txt-content h3 + h5, .txt-content h3 + h6, .txt-content h4 + img, .txt-content h4 + h1, .txt-content h4 + h2, .txt-content h4 + h3, .txt-content h4 + h4, .txt-content h4 + h5, .txt-content h4 + h6, .txt-content h5 + img, .txt-content h5 + h1, .txt-content h5 + h2, .txt-content h5 + h3, .txt-content h5 + h4, .txt-content h5 + h5, .txt-content h5 + h6, .txt-content h6 + img, .txt-content h6 + h1, .txt-content h6 + h2, .txt-content h6 + h3, .txt-content h6 + h4, .txt-content h6 + h5, .txt-content h6 + h6 {
  margin-top: 0;
}
.txt-content img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 36px;
  margin: 28px 0;
}
@media screen and (max-width: 1024px) {
  .txt-content img {
    border-radius: 20px;
  }
}
.txt-content img:first-child {
  margin-top: 0;
}
.txt-content img:last-child {
  margin-bottom: 0;
}
.txt-content img + img, .txt-content img + h1, .txt-content img + h2, .txt-content img + h3, .txt-content img + h4, .txt-content img + h5, .txt-content img + h6 {
  margin-top: 0;
}
.txt-content .col2 {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}
@media screen and (max-width: 1024px) {
  .txt-content .col2 {
    gap: 20px;
    flex-direction: column;
  }
}
.txt-content .col2 .txt-content {
  width: calc(50% - 24px);
}
@media screen and (max-width: 1024px) {
  .txt-content .col2 .txt-content {
    width: 100%;
  }
}
.txt-content a:not(.btn) {
  text-decoration: underline;
  color: inherit;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .txt-content a:not(.btn):hover {
    color: #008e48;
  }
}
.txt-content a:not(.btn):active {
  color: #008e48;
}
.txt-content ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 24px;
}
.txt-content ul li {
  list-style: disc;
}
.txt-content ul li::marker {
  color: #008e48;
}
.txt-content ol {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 24px;
}
.txt-content ol li {
  list-style: decimal;
}
.txt-content ol li::marker {
  color: #008e48;
}
.txt-content blockquote {
  padding: 20px 0 20px 20px;
  border-left: 2px solid #008e48;
}
.txt-content iframe {
  display: block;
  width: 100%;
  height: calc((100vw - 128px - 15px - 424px - 152px) / 16 * 9);
  border-radius: 36px;
  margin: 28px 0;
}
@media screen and (max-width: 1250px) {
  .txt-content iframe {
    height: calc((100vw - 128px - 15px) / 16 * 9);
  }
}
@media screen and (max-width: 1024px) {
  .txt-content iframe {
    border-radius: 20px;
    height: 281.25px;
  }
}
@media screen and (max-width: 540px) {
  .txt-content iframe {
    height: calc((100vw - 32px) / 16 * 9);
  }
}

.commercialB1 {
  padding: 88px 0;
}
@media screen and (max-width: 1024px) {
  .commercialB1 {
    padding: 44px 0;
  }
}
.commercialB1 .container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .commercialB1 .container {
    gap: 24px;
  }
}
.commercialB1__main {
  display: flex;
  gap: 120px;
}
@media screen and (max-width: 1640px) {
  .commercialB1__main {
    gap: 64px;
  }
}
@media screen and (max-width: 1450px) {
  .commercialB1__main {
    gap: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .commercialB1__main {
    flex-direction: column;
  }
}
.commercialB1__main.anim .commercialB1__list {
  opacity: 0.001;
  transition: 1.5s;
}
.commercialB1__main.anim.animated .commercialB1__list {
  opacity: 1;
}
.commercialB1__sidebar {
  width: 456px;
  pointer-events: none;
}
@media screen and (max-width: 1600px) {
  .commercialB1__sidebar {
    width: 320px;
  }
}
@media screen and (max-width: 1024px) {
  .commercialB1__sidebar {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.commercialB1__sidebar .sticky {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px 32px 32px 0;
  max-height: calc(100vh - 90px);
  overflow: auto;
  background: white;
  pointer-events: auto;
}
@media screen and (max-width: 1600px) {
  .commercialB1__sidebar .sticky {
    padding: 24px 24px 24px 0;
    gap: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .commercialB1__sidebar .sticky {
    padding: 16px;
    flex-direction: row;
    gap: 16px;
  }
}
.commercialB1__sidebar .sticky::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.commercialB1__sidebar .sticky::-webkit-scrollbar-track {
  background: #DFEBE5;
}
.commercialB1__sidebar .sticky::-webkit-scrollbar-thumb {
  background: #008E48;
  border-radius: 9px;
}
.commercialB1__sidebar .sticky::-webkit-scrollbar-thumb:hover {
  background: #008E48;
}
.commercialB1__sidebar .box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  border-radius: 24px;
  border: 2px solid #DFEBE5;
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (max-width: 1600px) {
  .commercialB1__sidebar .box {
    font-size: 14px;
    gap: 8px;
    padding: 24px 20px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .commercialB1__sidebar .box {
    width: 80vw;
    min-width: 80vw;
  }
}
.commercialB1__sidebar .box.active {
  border-color: #008E48;
  box-shadow: 0 12px 44px 0 rgba(4, 98, 64, 0.1);
}
@media not all and (pointer: coarse) {
  .commercialB1__sidebar .box:hover {
    border-color: #008E48;
  }
}
.commercialB1__sidebar .box p {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
@media screen and (max-width: 1600px) {
  .commercialB1__sidebar .box p {
    gap: 4px;
  }
}
.commercialB1__sidebar .box svg {
  width: 16px;
  min-width: 16px;
  height: 23px;
}
@media screen and (max-width: 1600px) {
  .commercialB1__sidebar .box svg {
    width: 14px;
    min-width: 14px;
    height: 19px;
  }
}
.commercialB1__sidebar .box .ttl {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 1600px) {
  .commercialB1__sidebar .box .ttl {
    font-size: 16px;
  }
}
.commercialB1__list {
  width: calc(100% - 456px - 120px);
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
  padding-top: 32px;
}
@media screen and (max-width: 1640px) {
  .commercialB1__list {
    width: calc(100% - 456px - 64px);
  }
}
@media screen and (max-width: 1600px) {
  .commercialB1__list {
    width: calc(100% - 320px - 24px);
    padding-top: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .commercialB1__list {
    width: 100%;
    gap: 44px;
  }
}
.commercialB1__list .box {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 1600px) {
  .commercialB1__list .box {
    gap: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .commercialB1__list .box {
    flex-direction: column;
    gap: 20px;
  }
}
.commercialB1__list .box__mob-top {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (min-width: 1025px) {
  .commercialB1__list .box__mob-top {
    display: none;
  }
}
.commercialB1__list .box__mob-top p {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
}
.commercialB1__list .box__mob-top .ttl {
  font-size: 24px;
  font-weight: 700;
}
.commercialB1__list .box__image {
  width: calc(62% - 16px);
  padding: 84px;
  border-radius: 36px;
  border: 2px solid #DFEBE5;
  background: #FFF;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1640px) {
  .commercialB1__list .box__image {
    width: calc(50% - 16px);
    padding: 32px;
  }
}
@media screen and (max-width: 1600px) {
  .commercialB1__list .box__image {
    border-radius: 20px;
    padding: 20px;
  }
}
@media screen and (max-width: 1450px) {
  .commercialB1__list .box__image {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 1024px) {
  .commercialB1__list .box__image {
    width: 100%;
    height: auto;
  }
}
.commercialB1__list .box__image img {
  display: block;
  width: 100%;
  height: auto;
}
.commercialB1__list .box__text {
  width: calc(38% - 16px);
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px 0;
}
@media screen and (max-width: 1640px) {
  .commercialB1__list .box__text {
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 1600px) {
  .commercialB1__list .box__text {
    gap: 24px;
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 1024px) {
  .commercialB1__list .box__text {
    width: 100%;
    gap: 20px;
    padding: 0;
  }
}
.commercialB1__list .box__text-top {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 1600px) {
  .commercialB1__list .box__text-top {
    gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .commercialB1__list .box__text-top {
    display: none;
  }
}
.commercialB1__list .box__text-top p {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
}
.commercialB1__list .box__text-top .ttl {
  font-size: 44px;
  font-weight: 700;
}
@media screen and (max-width: 1920px) {
  .commercialB1__list .box__text-top .ttl {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 1600px) {
  .commercialB1__list .box__text-top .ttl {
    font-size: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .commercialB1__list .box__text-top .ttl {
    font-size: 20px;
  }
}
.commercialB1__list .box__text-tags {
  display: flex;
  flex-wrap: wrap;
}
.commercialB1__list .box__text-tags .tag {
  display: block;
  padding: 8px 16px;
  border-radius: 24px;
  background: #046240;
  border: 2px solid #046240;
  color: white;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .commercialB1__list .box__text-tags .tag {
    font-size: 14px;
  }
}
.commercialB1__list .box__text-tags .tag--withDot {
  padding-left: 40px;
}
.commercialB1__list .box__text-tags .tag--withDot:before {
  content: "";
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 99px;
}
.commercialB1__list .box__text-tags .tag--withDot:after {
  content: "";
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 99px;
}
.commercialB1__list .box__text-tags .tag--var1 {
  border: 2px solid #046240;
  background: rgba(4, 98, 64, 0.6);
}
.commercialB1__list .box__text-tags .tag--var2 {
  border: 2px solid #121212;
  background: rgba(18, 18, 18, 0.6);
}
.commercialB1__list .box__text-tags .tag--var3 {
  border: 2px solid #008E48;
  background: rgba(0, 142, 72, 0.6);
}
.commercialB1__list .box__text-char {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 20px;
}
.commercialB1__list .box__text-char p {
  font-size: 36px;
  font-weight: 600;
}
@media screen and (max-width: 1600px) {
  .commercialB1__list .box__text-char p {
    font-size: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .commercialB1__list .box__text-char p {
    font-size: 24px;
  }
}
.commercialB1__list .box__text-char span {
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1600px) {
  .commercialB1__list .box__text-char span {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .commercialB1__list .box__text-char span {
    font-size: 16px;
  }
}
.commercialB1__list .box__text-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 1600px) {
  .commercialB1__list .box__text-list ul {
    gap: 12px;
  }
}
.commercialB1__list .box__text-list li {
  font-size: 20px;
  font-weight: 600;
  padding: 12px 16px;
  border-radius: 16px;
  border: 2px solid #DFEBE5;
}
@media screen and (max-width: 1600px) {
  .commercialB1__list .box__text-list li {
    font-size: 16px;
    padding: 8px 12px;
    border-radius: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .commercialB1__list .box__text-list li {
    font-size: 14px;
  }
}
.commercialB1__list .box__text .btn {
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 1024px) {
  .commercialB1__list .box__text .btn {
    width: 100%;
  }
}
.commercialB1__list .blur {
  position: absolute;
  width: 100%;
  height: 200px;
  background: linear-gradient(to top, white, rgba(255, 255, 255, 0));
  pointer-events: none;
}
@media screen and (max-width: 1600px) {
  .commercialB1__list .blur {
    height: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .commercialB1__list .blur {
    display: none;
  }
}

.contactsB1 {
  padding-top: 88px;
}
@media screen and (max-width: 1024px) {
  .contactsB1 {
    padding-top: 44px;
  }
}
.contactsB1 .container {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media screen and (max-width: 1024px) {
  .contactsB1 .container {
    gap: 24px;
  }
}
.contactsB1__list {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .contactsB1__list {
    flex-direction: column;
    gap: 16px;
  }
}
.contactsB1__list .col {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .contactsB1__list .col {
    gap: 16px;
  }
}
.contactsB1__list .box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 24px;
  background: #F1F5F3;
  padding: 36px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  transition: 0.4s;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .contactsB1__list .box {
    border-left: 20px;
    padding: 24px 20px;
    gap: 16px;
  }
}
@media not all and (pointer: coarse) {
  .contactsB1__list .box:hover {
    background: #eaf3eb;
  }
}
.contactsB1__list .box:active {
  background: #eaf3eb;
}
.contactsB1__list .box h3 {
  margin-bottom: 4px;
}
@media screen and (min-width: 1025px) {
  .contactsB1__list .box h3 {
    font-size: 24px;
    font-weight: 600;
  }
}
.contactsB1__list .box a {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: flex-start;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  gap: 12px;
  color: #121212;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .contactsB1__list .box a:hover {
    color: #008e48;
  }
}
.contactsB1__list .box a svg {
  width: 20px;
  min-width: 20px;
  height: 23px;
}
.contactsB1__map {
  position: relative;
}
.contactsB1__map:before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100px;
  transform: translate(-50%, 0);
  background-image: linear-gradient(to bottom, rgba(18, 18, 18, 0.3), rgba(18, 18, 18, 0));
  pointer-events: none;
}
.contactsB1__map iframe, .contactsB1__map .mapFrame {
  position: relative;
  top: 0;
  left: 50%;
  display: block;
  width: 100vw;
  transform: translate(-50%, 0);
  height: 80vh;
}

.gm-style-iw-ch span {
  font-size: 14px;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
}

.giw * {
  font-family: "Manrope", sans-serif;
}
.giw ul {
  padding-left: 20px;
}
.giw li {
  list-style: disc;
}

.homeB1 {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: flex-end;
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
  overflow: hidden;
}
@media screen and (max-width: 1380px) {
  .homeB1 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB1 {
    font-size: 16px;
    font-weight: 400;
    background: #121212;
    display: flex;
    flex-direction: column;
    padding-bottom: 2px;
    min-height: unset;
  }
}
@media screen and (min-width: 1025px) {
  .homeB1--white {
    color: #121212;
  }
  .homeB1--white .homeB1__background:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1024px) {
  .homeB1--white .cursor:before {
    background: linear-gradient(180deg, transparent 30%, #ffffff 100%) !important;
  }
}
.homeB1__background {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1024px) {
  .homeB1__background {
    position: relative;
    order: -1;
  }
}
.homeB1__background img, .homeB1__background video {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .homeB1__background img, .homeB1__background video {
    height: auto;
    aspect-ratio: 16/9;
    border-radius: 0 0 32px 32px;
  }
}
.homeB1__background:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-height: 650px;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, #121212 100%);
  z-index: 2;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  -webkit-mask: linear-gradient(0deg, #000, #000, transparent);
          mask: linear-gradient(0deg, #000, #000, transparent);
}
@media screen and (max-width: 1024px) {
  .homeB1__background:before {
    height: 100%;
    max-height: unset;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0.2) 0%, #121212 100%);
  }
}
@media screen and (max-width: 1024px) {
  .homeB1__background:before {
    -webkit-mask: linear-gradient(to bottom, #000, #000, transparent);
            mask: linear-gradient(to bottom, #000, #000, transparent);
    background: linear-gradient(to bottom, rgba(18, 18, 18, 0.7), transparent);
    height: 80px;
    top: 0;
    bottom: unset;
  }
}
.homeB1 .container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  padding: 64px 0;
  gap: 128px;
}
@media screen and (max-width: 1450px) {
  .homeB1 .container {
    gap: 64px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB1 .container {
    gap: 44px;
    padding: 32px 0 32px;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.homeB1.nobb .container {
  border-bottom: none !important;
}
.homeB1__left {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .homeB1__left {
    gap: 12px;
    align-items: center;
    text-align: center;
  }
}
.homeB1__left p {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .homeB1__left p {
    flex-direction: column;
    gap: 8px;
    align-items: center;
  }
}
.homeB1__left p svg {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
@media screen and (max-width: 1380px) {
  .homeB1__left p svg {
    width: 28px;
    min-width: 28px;
    height: 28px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB1__left p svg {
    width: 20px;
    min-width: 20px;
    height: 20px;
  }
}
.homeB1__left p.big {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 12px;
}
@media screen and (max-width: 1380px) {
  .homeB1__left p.big {
    font-size: 28px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB1__left p.big {
    font-size: 20px;
    font-weight: 400;
  }
}
.homeB1__left .btn {
  margin-top: 24px;
}
@media screen and (max-width: 1024px) {
  .homeB1__left .btn {
    width: 100%;
    margin-top: 16px;
  }
}
.homeB1__video {
  cursor: pointer;
}
@media not all and (pointer: coarse) {
  .homeB1__video:hover .play-btn {
    transform: scale(1.1);
    background: rgba(255, 255, 255, 0.3);
  }
}
.homeB1__video img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 40px;
}
@media screen and (max-width: 1024px) {
  .homeB1__video img {
    border-radius: 16px;
  }
}
.homeB1__video .play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 32px;
  margin: -50px auto 0;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .homeB1__video .play-btn {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    margin-top: -32px;
  }
  .homeB1__video .play-btn svg {
    width: 18px;
    height: auto;
  }
}
.homeB1__right {
  position: relative;
  width: 350px;
  min-width: 350px;
}
@media screen and (max-width: 1024px) {
  .homeB1__right {
    width: 70%;
    margin: 0 auto;
    min-width: unset;
    max-width: 500px;
  }
}
.homeB1__right--logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 0;
}
@media screen and (max-width: 1380px) {
  .homeB1__right--logo {
    padding: 24px 0;
  }
}
.homeB1__right--logo img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 320px;
}
@media screen and (max-width: 1380px) {
  .homeB1__right--logo img {
    max-width: 200px;
  }
}
.homeB1__right--marquee {
  align-self: stretch;
}
@media screen and (max-width: 1024px) {
  .homeB1__right--marquee {
    padding-top: 44px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
}
.homeB1__right p {
  text-align: center;
  margin-top: 24px;
}
@media screen and (max-width: 1024px) {
  .homeB1__right p {
    margin-top: 16px;
  }
}
.homeB1__right .marquee {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  -webkit-mask: linear-gradient(to bottom, transparent, black, black, transparent);
          mask: linear-gradient(to bottom, transparent, black, black, transparent);
}
@media screen and (max-width: 1024px) {
  .homeB1__right .marquee {
    gap: 16px;
    position: static;
    height: 200px;
  }
}
.homeB1__right .marquee__group {
  display: flex;
  flex-direction: column;
  gap: 24px;
  animation: marqueeProjectsList 15s linear infinite;
}
@media screen and (max-width: 1024px) {
  .homeB1__right .marquee__group {
    gap: 16px;
    animation: marqueeProjectsList_mob 15s linear infinite;
  }
}
@keyframes marqueeProjectsList {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(calc(-100% - 24px));
  }
}
@keyframes marqueeProjectsList_mob {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(calc(-100% - 16px));
  }
}
.homeB1__right .marquee p {
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
@media screen and (max-width: 1380px) {
  .homeB1__right .marquee p {
    font-size: 16px;
    font-weight: 400;
  }
}
@media screen and (max-width: 1024px) {
  .homeB1__right .marquee p {
    text-align: center;
  }
}
.homeB1 .cursor {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  display: flex;
  width: 124px;
  height: 124px;
  justify-content: center;
  align-items: center;
  border-radius: 124px;
  background: #008E48;
  transform: translate3d(-50%, -50%, 0);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
}
@media screen and (min-width: 1025px) and (hover: none) {
  .homeB1 .cursor {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .homeB1 .cursor {
    position: absolute;
    opacity: 1;
    pointer-events: auto;
    padding: 0 0 45px 0 !important;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%) !important;
    width: 100px;
    height: 100px;
    z-index: 5;
    display: none !important;
  }
  .homeB1 .cursor:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 48px;
    width: 100%;
    height: 20px;
    background: linear-gradient(180deg, transparent 20%, #121212 100%);
  }
}
.homeB1 .cursor p {
  display: none;
}
@media screen and (max-width: 1024px) {
  .homeB1 .cursor p {
    display: none !important;
  }
}
.homeB1 .cursor.visible {
  opacity: 1;
}
.homeB1 .cursor--text {
  padding: 20px 12px 0;
  flex-direction: column;
  gap: 8px;
}
.homeB1 .cursor--text p {
  display: block;
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 144%;
}
.homeB1 .cursor--text svg {
  display: block;
  width: 24px;
  height: auto;
}

.homeB2 {
  position: relative;
  z-index: 2;
  background: #121212;
  padding: 88px 0;
  overflow: hidden;
  margin-top: -2px;
  color: #FFF;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .homeB2 {
    padding: 44px 0;
  }
}
.homeB2 .container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.homeB2__list {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 88px;
  width: 100%;
}
.homeB2 .box {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 80%;
  background-color: #121212;
  border-radius: 36px 36px 0 0;
  aspect-ratio: 16/9;
  width: min(100vw - 128px, 142.2222222222vh);
  margin-inline: auto;
  display: flex;
  align-items: flex-end;
  color: white;
}
@media screen and (max-width: 1024px) {
  .homeB2 .box {
    border-radius: 20px 20px 0 0;
    width: 100%;
    aspect-ratio: unset;
    height: -moz-max-content;
    height: max-content;
    flex-direction: column;
    background: #121212 !important;
  }
}
.homeB2 .box:not(.box--last) .box__img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: 32px;
}
@media screen and (min-width: 1025px) {
  .homeB2 .box:not(.box--last) .box__img {
    display: none;
  }
}
.homeB2 .box__text {
  width: 100%;
  padding: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  z-index: 2;
  margin-bottom: -2px;
  border-bottom: 1px solid #121212;
}
@media screen and (max-width: 1450px) {
  .homeB2 .box__text {
    padding: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB2 .box__text {
    padding: 32px 0;
    gap: 24px;
  }
}
.homeB2 .box__text:before {
  content: "";
  position: absolute;
  left: -3px;
  bottom: -3px;
  width: calc(100% + 6px);
  height: 120%;
  z-index: -1;
  -webkit-backdrop-filter: blur(24px);
          backdrop-filter: blur(24px);
  -webkit-mask: linear-gradient(0deg, #000, #000, transparent);
          mask: linear-gradient(0deg, #000, #000, transparent);
  background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, #121212 100%);
}
.homeB2 .box__tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media screen and (max-width: 1450px) {
  .homeB2 .box__tags {
    margin-bottom: 0;
  }
}
.homeB2 .box__tag {
  display: block;
  padding: 12px 24px;
  border-radius: 24px;
  background: #046240;
  border: 2px solid #046240;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
@media screen and (max-width: 1450px) {
  .homeB2 .box__tag {
    padding: 8px 16px;
    font-size: 14px;
  }
}
.homeB2 .box__tag--withDot {
  padding-left: 60px;
  position: relative;
}
@media screen and (max-width: 1450px) {
  .homeB2 .box__tag--withDot {
    padding-left: 40px;
  }
}
.homeB2 .box__tag--withDot:before {
  content: "";
  position: absolute;
  left: 36px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 99px;
}
@media screen and (max-width: 1450px) {
  .homeB2 .box__tag--withDot:before {
    width: 20px;
    height: 20px;
    left: 20px;
  }
}
.homeB2 .box__tag--withDot:after {
  content: "";
  position: absolute;
  left: 36px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: white;
  border-radius: 99px;
}
@media screen and (max-width: 1450px) {
  .homeB2 .box__tag--withDot:after {
    width: 8px;
    height: 8px;
    left: 20px;
  }
}
.homeB2 .box__tag--var1 {
  border: 2px solid #046240;
  background: rgba(4, 98, 64, 0.36);
}
.homeB2 .box__tag--var2 {
  border: 2px solid #121212;
  background: rgba(18, 18, 18, 0.56);
}
@media screen and (max-width: 1024px) {
  .homeB2 .box__tag--var2 {
    border-color: rgba(255, 255, 255, 0.2);
  }
}
.homeB2 .box__tag--var3 {
  border: 2px solid #008E48;
  background: rgba(0, 142, 72, 0.56);
}
.homeB2 .box__tag--var4 {
  border: 2px solid #FFF;
  background: rgba(255, 255, 255, 0.22);
}
.homeB2 .box__tag--var5 {
  border: 2px solid #008E48;
  background: rgba(18, 18, 18, 0.56);
}
.homeB2 .box__tag--var6 {
  border: 2px solid #008E48;
  background: rgba(255, 255, 255, 0.01);
}
.homeB2 .box__title {
  text-align: center;
  font-size: 96px;
  font-weight: 600;
}
@media screen and (max-width: 1920px) {
  .homeB2 .box__title {
    font-size: 5vw;
  }
}
@media screen and (max-width: 1600px) {
  .homeB2 .box__title {
    font-size: 64px;
  }
}
@media screen and (max-width: 1380px) {
  .homeB2 .box__title {
    font-size: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB2 .box__title {
    font-size: 28px;
  }
}
.homeB2 .box__address {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 12px;
}
@media screen and (max-width: 1450px) {
  .homeB2 .box__address {
    font-size: 14px;
    gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB2 .box__address {
    flex-direction: column;
    text-align: center;
    gap: 4px;
  }
}
@media screen and (min-width: 1025px) {
  .homeB2 .box__address br {
    display: none;
  }
}
.homeB2 .box__address svg {
  display: block;
  width: 32px;
  min-width: 32px;
  height: auto;
}
@media screen and (max-width: 1450px) {
  .homeB2 .box__address svg {
    width: 24px;
    min-width: 24px;
  }
}
.homeB2 .box--last {
  background: #0D3124;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 36px;
  position: relative;
  overflow: hidden;
  border-radius: 36px;
  padding: 32px 20px;
}
@media screen and (max-width: 1024px) {
  .homeB2 .box--last {
    padding: 32px 16px;
    height: calc(100vh - 100px);
  }
}
.homeB2 .box--last > * {
  position: relative;
  z-index: 4;
}
.homeB2 .box--last .box__title {
  font-size: 64px;
}
@media screen and (max-width: 1920px) {
  .homeB2 .box--last .box__title {
    font-size: 3.3vw;
  }
}
@media screen and (max-width: 1450px) {
  .homeB2 .box--last .box__title {
    font-size: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB2 .box--last .box__title {
    font-size: 28px;
  }
}
.homeB2 .box--last .box__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homeB2 .box--last .box__img img {
  display: block;
  width: 106.5%;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .homeB2 .box--last .box__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right center;
       object-position: right center;
  }
}
.homeB2 .box--last .box__img:before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0.2) 0%, rgba(18, 18, 18, 0.6) 71.64%);
}
.homeB2 .box--last .box__img:after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 18, 18, 0.01);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.homeB2 .box--last .box__btn {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px 36px;
  background: #121212;
  border-radius: 99px;
  color: #FFF;
  font-size: 20px;
  font-weight: 600;
  transition: 0.2s;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1450px) {
  .homeB2 .box--last .box__btn {
    padding: 16px 36px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB2 .box--last .box__btn {
    padding: 16px;
    width: 100%;
    justify-content: center;
  }
}
.homeB2 .box--last .box__btn .icon {
  width: 28px;
  height: 28px;
  border-radius: 99px;
  background: #fff;
  position: relative;
  overflow: hidden;
  transition: 0.4s;
}
@media screen and (max-width: 1450px) {
  .homeB2 .box--last .box__btn .icon {
    width: 24px;
    height: 24px;
  }
}
.homeB2 .box--last .box__btn .icon svg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: auto;
  transition: 0.4s;
}
@media screen and (max-width: 1450px) {
  .homeB2 .box--last .box__btn .icon svg {
    width: 12px;
  }
}
.homeB2 .box--last .box__btn .icon svg:nth-child(1) {
  transform: translate(-50%, -50%);
}
.homeB2 .box--last .box__btn .icon svg:nth-child(2) {
  transform: translate(-200%, -50%);
}
.homeB2 .box--last .box__btn:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -9px;
  height: 18px;
  width: 100%;
  border-radius: 999px;
  background: rgba(0, 142, 72, 0.8);
  filter: blur(12px);
  transition: 0.3s;
  opacity: 0;
}
@media not all and (pointer: coarse) {
  .homeB2 .box--last .box__btn:hover:before {
    opacity: 1;
  }
}
.homeB2 .cursor {
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
}
@media (hover: none) {
  .homeB2 .cursor {
    display: none;
  }
}
.homeB2 .cursor.visible {
  opacity: 1;
}
.homeB2 .cursor__text {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  border-radius: 24px;
  background: rgba(0, 142, 72, 0.56);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  font-size: 14px;
  color: white;
  transform: translate3d(10px, 10px, 0);
}

.homeB3 {
  padding: 88px 0 80px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .homeB3 {
    padding: 44px 0 80px;
  }
}
.homeB3:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/about_bg.png");
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.homeB3 .container {
  display: flex;
  flex-direction: column;
  gap: 44px;
}
@media screen and (max-width: 1024px) {
  .homeB3 .container {
    gap: 24px;
  }
}
.homeB3__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .homeB3__top {
    gap: 12px;
    text-align: left;
    align-items: flex-start;
  }
}
.homeB3__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 880px;
}
.homeB3__text p {
  width: 100%;
}
.homeB3__text p:not(:last-child):after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #DFEBE5;
  margin-top: 16px;
}
.homeB3__main {
  display: flex;
  justify-content: center;
  gap: 100px;
}
@media screen and (max-width: 1450px) {
  .homeB3__main {
    gap: 64px;
  }
}
@media screen and (max-width: 1250px) {
  .homeB3__main {
    gap: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB3__main {
    flex-direction: column;
  }
}
.homeB3__cards {
  width: calc(50% - 280px);
  max-width: 720px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 48px;
  padding-left: 50px;
}
@media screen and (max-width: 1450px) {
  .homeB3__cards {
    width: calc(50% - 190px);
    padding: 0;
    gap: 24px;
  }
}
@media screen and (max-width: 1250px) {
  .homeB3__cards {
    width: calc(50% - 174px);
  }
}
@media screen and (max-width: 1024px) {
  .homeB3__cards {
    width: 100%;
  }
}
.homeB3__cards .box {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 8px 44px 0 rgba(4, 98, 64, 0.1);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  padding: 24px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
  width: calc(100% - 32px);
  max-width: 364px;
}
@media screen and (max-width: 1250px) {
  .homeB3__cards .box {
    width: 100%;
    margin: 0 !important;
    padding: 24px 20px;
    gap: 8px;
  }
}
.homeB3__cards .box:nth-child(1) {
  margin-left: 32px;
}
.homeB3__cards .box:nth-child(2) {
  margin-left: auto;
}
.homeB3__cards .box img, .homeB3__cards .box svg {
  display: block;
  height: 24px;
  width: auto;
  margin-bottom: 8px;
}
@media screen and (max-width: 1250px) {
  .homeB3__cards .box img, .homeB3__cards .box svg {
    position: absolute;
    left: 20px;
    top: 24px;
    height: 22px;
    width: 22px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 1024px) {
  .homeB3__cards .box img, .homeB3__cards .box svg {
    width: 26px;
    height: 26px;
  }
}
.homeB3__cards .box__title {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 1250px) {
  .homeB3__cards .box__title {
    font-size: 18px;
    padding-left: 28px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB3__cards .box__title {
    font-size: 20px;
    padding-left: 32px;
  }
}
.homeB3__cards .box__description {
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .homeB3__cards .box__description {
    font-size: 16px;
  }
}
.homeB3__mid {
  width: 360px;
  perspective: 1500px;
  position: relative;
}
@media screen and (max-width: 1450px) {
  .homeB3__mid {
    width: 252px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB3__mid {
    height: -moz-max-content;
    height: max-content;
    width: 100%;
    order: 3;
  }
}
.homeB3__mid .pin-spacer {
  perspective: 1500px;
}
@media screen and (min-width: 1025px) {
  .homeB3__mid .pin-spacer {
    height: 100% !important;
  }
}
.homeB3__logoCard {
  width: 360px;
  height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 36px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: 3;
  background: #046240;
  transform-style: preserve-3d;
  will-change: transform;
  box-shadow: 0 16px 64px rgba(4, 98, 64, 0.4);
}
@media screen and (max-width: 1450px) {
  .homeB3__logoCard {
    width: 252px;
    height: 336px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB3__logoCard {
    position: relative;
  }
}
.homeB3__logoCard img, .homeB3__logoCard svg {
  display: block;
  width: 220px;
  height: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
  transform-box: fill-box;
  transform-origin: center;
}
@media screen and (max-width: 1450px) {
  .homeB3__logoCard img, .homeB3__logoCard svg {
    width: 175px;
  }
}
.homeB3__list {
  width: calc(50% - 280px);
  max-width: 720px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 48px;
  padding-right: 50px;
}
@media screen and (max-width: 1450px) {
  .homeB3__list {
    width: calc(50% - 190px);
    padding: 0;
  }
}
@media screen and (max-width: 1250px) {
  .homeB3__list {
    width: calc(50% - 174px);
  }
}
@media screen and (max-width: 1024px) {
  .homeB3__list {
    width: 100%;
    gap: 24px;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.homeB3__list .box {
  max-width: 376px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
@media screen and (max-width: 1250px) {
  .homeB3__list .box {
    max-width: unset;
    width: 100%;
    margin: 0 !important;
    gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB3__list .box {
    width: calc(50% - 12px);
  }
  .homeB3__list .box:last-child:nth-child(2n-1) {
    width: 100%;
  }
}
.homeB3__list .box:nth-child(1) {
  margin-right: 32px;
}
.homeB3__list .box:nth-child(2) {
  margin-right: auto;
}
.homeB3__list .box__num {
  color: #008E48;
  font-size: 72px;
  font-weight: 600;
  line-height: 1.36;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
@media screen and (max-width: 1450px) {
  .homeB3__list .box__num {
    font-size: 52px;
  }
}
@media screen and (max-width: 1250px) {
  .homeB3__list .box__num {
    font-size: 36px;
    line-height: 1;
  }
}
.homeB3__list .box__num span {
  font: inherit;
  color: inherit;
  font-size: 36px;
}
@media screen and (max-width: 1250px) {
  .homeB3__list .box__num span {
    font-size: 26px;
  }
}
@media screen and (max-width: 1250px) {
  .homeB3__list .box__num span {
    font-size: 18px;
  }
}
.homeB3__list .box__description {
  font-weight: 600;
}
@media screen and (max-width: 1250px) {
  .homeB3__list .box__description {
    font-weight: 400;
    font-size: 14px;
  }
}

.homeB4 {
  position: relative;
  z-index: 3;
  overflow: hidden;
  background: #046240;
  padding: 80px 0 0;
  color: white;
}
@media screen and (max-width: 1024px) {
  .homeB4 {
    padding-top: 44px;
  }
}
.homeB4 .container {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .homeB4 .container {
    flex-direction: column;
  }
}
.homeB4__left {
  width: 61%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 44px;
  min-height: calc(100vh - 90px);
  padding: 88px 88px 88px 0;
}
@media screen and (max-width: 1024px) {
  .homeB4__left {
    width: 100%;
    padding: 0;
    min-height: unset;
    gap: 24px;
  }
}
.homeB4__left h2 {
  font-size: 72px;
}
@media screen and (max-width: 1920px) {
  .homeB4__left h2 {
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 1600px) {
  .homeB4__left h2 {
    font-size: 52px;
  }
}
@media screen and (max-width: 1380px) {
  .homeB4__left h2 {
    font-size: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB4__left h2 {
    font-size: 24px;
  }
}
.homeB4__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .homeB4__bottom {
    flex-direction: column;
    gap: 24px;
  }
}
.homeB4__window {
  border-radius: 24px;
  background: #121212;
  padding: 48px 64px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px;
  max-width: 576px;
}
@media screen and (max-width: 1600px) {
  .homeB4__window {
    padding: 36px 44px;
    gap: 24px;
    max-width: 465px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB4__window {
    padding: 24px 20px;
    border-radius: 20px;
    gap: 16px;
  }
}
.homeB4__window p {
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1600px) {
  .homeB4__window p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1450px) {
  .homeB4__window p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB4__window .btn {
    width: 100%;
  }
}
.homeB4__logo {
  padding: 48px 0;
  width: 240px;
  min-width: 240px;
}
@media screen and (max-width: 1024px) {
  .homeB4__logo {
    padding: 24px 0;
    min-width: unset;
    width: 100%;
  }
}
.homeB4__logo img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .homeB4__logo img {
    width: 60%;
    margin: 0 auto;
  }
}
.homeB4__right {
  width: 39%;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .homeB4__right {
    width: 100vw;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 24px;
  }
}
.homeB4__right img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: calc(100% + 64px);
}
@media screen and (max-width: 1024px) {
  .homeB4__right img {
    position: static;
    width: 100%;
    height: auto;
  }
}

.homeB5 {
  background: white;
  position: relative;
  z-index: 3;
}
.homeB5__top {
  padding: 88px 0 64px;
}
@media screen and (max-width: 1024px) {
  .homeB5__top {
    padding: 44px 0 24px;
  }
}
.homeB5__row {
  padding: 88px 0;
}
@media screen and (max-width: 1024px) {
  .homeB5__row {
    padding: 44px 0;
  }
}
.homeB5__row:nth-child(3n-1) {
  border-top: 1px solid #DFEBE5;
}
.homeB5__row:nth-child(3n-1) .homeB5__side-window {
  background: #F1F5F3;
}
@media screen and (min-width: 1651px) {
  .homeB5__row:nth-child(3n-1) .splide__slide:nth-child(n+4) {
    display: none;
  }
  .homeB5__row:nth-child(3n-1) .splide__list {
    transform: none !important;
  }
}
.homeB5__row:nth-child(3n) {
  background: #F1F5F3;
}
.homeB5__row:nth-child(3n) .homeB5__side-window {
  background: #ffffff;
}
@media screen and (min-width: 1651px) {
  .homeB5__row:nth-child(3n) .splide__slide:nth-child(n+4) {
    display: none;
  }
  .homeB5__row:nth-child(3n) .splide__list {
    transform: none !important;
  }
}
.homeB5__row:nth-child(3n) .homeB5__side {
  background: #F1F5F3;
}
.homeB5__row:nth-child(3n) .homeB5__side:before {
  background: #F1F5F3;
}
.homeB5__row:nth-child(3n) .homeB5__side:after {
  background: linear-gradient(to right, #F1F5F3, transparent);
}
.homeB5__row:nth-child(3n+1) .homeB5__side-window {
  border: 2px solid #DFEBE5;
}
@media screen and (min-width: 1651px) {
  .homeB5__row:nth-child(3n+1) .splide__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 20px;
  }
  .homeB5__row:nth-child(3n+1) .splide__slide {
    width: unset !important;
    margin: unset !important;
  }
  .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(1) {
    grid-area: 1/1/4/2;
  }
  .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(2) {
    grid-area: 1/2/4/3;
  }
  .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(3) {
    grid-area: 1/3/2/4;
  }
  .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(4) {
    grid-area: 2/3/3/4;
  }
  .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(5) {
    grid-area: 3/3/4/4;
  }
  .homeB5__row:nth-child(3n+1) .splide__slide .newsBox__image {
    border-radius: 16px;
  }
  .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(1) .newsBox__title, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(2) .newsBox__title {
    -webkit-line-clamp: 4;
  }
  .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(3) .newsBox, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(4) .newsBox, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(5) .newsBox {
    padding: 20px;
    border-radius: 24px;
  }
  .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(3) .newsBox__image-container, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(4) .newsBox__image-container, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(5) .newsBox__image-container {
    width: 60px;
  }
  .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(3) .newsBox__text, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(4) .newsBox__text, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(5) .newsBox__text {
    padding: 0;
  }
}
@media screen and (min-width: 1651px) and (min-width: 1651px) {
  .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(3) .newsBox__tag, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(4) .newsBox__tag, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(5) .newsBox__tag {
    display: none;
  }
}
@media screen and (min-width: 1651px) {
  .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(3) .newsBox__title, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(4) .newsBox__title, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(5) .newsBox__title {
    font-size: 16px;
  }
  .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(3) .newsBox__image .newsBox__tag, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(4) .newsBox__image .newsBox__tag, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(5) .newsBox__image .newsBox__tag {
    display: none;
  }
  .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(3) .newsBox .subBlock, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(4) .newsBox .subBlock, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(5) .newsBox .subBlock {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: row-reverse;
    position: absolute;
    top: 24px;
    right: 20px;
    width: calc(100% - 170px);
  }
  .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(3) .newsBox .subBlock .newsBox__tag, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(4) .newsBox .subBlock .newsBox__tag, .homeB5__row:nth-child(3n+1) .splide__slide:nth-child(5) .newsBox .subBlock .newsBox__tag {
    display: flex;
    justify-content: flex-end;
    gap: 4px 0;
    position: static;
    width: 100%;
  }
}
.homeB5__row:nth-child(3n+1) .newsBox {
  border-radius: 36px;
  background: #F1F5F3;
  padding: 24px 24px 36px;
}
@media screen and (max-width: 1024px) {
  .homeB5__row:nth-child(3n+1) .newsBox {
    border-radius: 24px;
    padding: 16px 16px 20px;
  }
  .homeB5__row:nth-child(3n+1) .newsBox img {
    border-radius: 8px;
  }
}
.homeB5__row:nth-child(3n+1) .newsBox__text {
  padding: 0 12px;
}
.homeB5__row .container {
  display: flex;
  gap: 56px;
}
@media screen and (max-width: 1024px) {
  .homeB5__row .container {
    flex-direction: column;
    gap: 24px;
  }
}
.homeB5__mobTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.36;
}
@media screen and (min-width: 1025px) {
  .homeB5__mobTitle {
    display: none;
  }
}
.homeB5__side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 48px;
  width: 400px;
  background: white;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .homeB5__side {
    width: 100%;
    gap: 24px;
    order: 3;
  }
}
.homeB5__side:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  width: 56px;
  height: 100%;
  background: linear-gradient(to right, white, transparent);
}
.homeB5__side:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  width: 70px;
  height: 100%;
  background: white;
}
@media screen and (max-width: 1024px) {
  .homeB5__side h3 {
    display: none;
  }
}
.homeB5__side-window {
  padding: 24px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .homeB5__side-window {
    padding: 24px 20px;
    border-radius: 20px;
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .homeB5__side-window .btn {
    width: 100%;
  }
}
.homeB5__list {
  width: calc(100% - 456px);
}
@media screen and (max-width: 1024px) {
  .homeB5__list {
    width: 90%;
  }
}

.homeB6 {
  padding: 88px 0;
  position: relative;
  z-index: 3;
  background: white;
}
@media screen and (max-width: 1024px) {
  .homeB6 {
    padding: 44px 0;
  }
}
.homeB6 .container {
  position: relative;
}
.homeB6 .container:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #DFEBE5;
}
.homeB6 .splide {
  padding: 88px 0;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .homeB6 .splide {
    padding: 32px 0;
  }
}
.homeB6 .splide:before {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 120px;
  height: 100%;
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
@media screen and (max-width: 1024px) {
  .homeB6 .splide:before {
    width: 64px;
  }
}
.homeB6 .splide:after {
  content: "";
  position: absolute;
  z-index: 3;
  right: 0;
  top: 0;
  width: 120px;
  height: 100%;
  background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
@media screen and (max-width: 1024px) {
  .homeB6 .splide:after {
    width: 64px;
  }
}
.homeB6 .splide__track {
  overflow: hidden;
}
.homeB6 img {
  display: block;
  height: 64px;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .homeB6 img {
    height: 32px;
  }
}
.homeB6.anim .container:before {
  width: 0;
  transition: 2s;
}
.homeB6.anim.animated .container:before {
  width: 100%;
}

.homeB7 {
  background: #121212;
  position: relative;
  z-index: 5;
  color: #FFF;
}
@media screen and (max-width: 1024px) {
  .homeB7 {
    padding: 44px 0 0;
  }
}
.homeB7 .container {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .homeB7 .container {
    flex-direction: column;
  }
}
.homeB7__left {
  width: calc(50% - 16px);
  padding: 88px 0;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media screen and (max-width: 1024px) {
  .homeB7__left {
    width: 100%;
    gap: 24px;
    padding: 0;
  }
}
.homeB7__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .homeB7__list {
    gap: 16px;
  }
}
.homeB7__list .box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 24px;
  background: #181A19;
  padding: 36px;
  max-width: 750px;
  transition: 0.4s;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .homeB7__list .box {
    padding: 24px 20px;
    border-radius: 20px;
  }
}
@media not all and (pointer: coarse) {
  .homeB7__list .box:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}
.homeB7__list .box h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 4px;
}
@media screen and (max-width: 1024px) {
  .homeB7__list .box h3 {
    font-size: 20px;
  }
}
.homeB7__list .box a {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  align-items: flex-start;
  gap: 12px;
  color: #FFF;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .homeB7__list .box a:hover {
    color: #008e48;
  }
}
.homeB7__list .box a svg {
  width: 20px;
  min-width: 20px;
  height: 23px;
}
.homeB7__right {
  width: calc(50% - 16px);
  color: #121212;
}
@media screen and (max-width: 1024px) {
  .homeB7__right {
    width: 100%;
  }
}
.homeB7__right iframe, .homeB7__right .mapFrame {
  display: block;
  width: calc(100% + 64px);
  height: calc(100vh - 88px);
}
@media screen and (max-width: 1024px) {
  .homeB7__right iframe, .homeB7__right .mapFrame {
    height: 500px;
    width: 100vw;
    left: 50%;
    transform: translate(-50%, 0);
    position: relative;
  }
}
.homeB7.anim h2 {
  opacity: 0.001;
}
.homeB7.anim .homeB7__list .box {
  opacity: 0;
  transition: all 0.4s, opacity 1s;
}
.homeB7.anim.animated h2 {
  opacity: 1;
}
.homeB7.anim.animated .homeB7__list .box {
  opacity: 1;
}

.bb8064 .fill {
  fill: #bb8064;
}
.bb8064 [data-section] {
  pointer-events: none;
}
.bb8064 [data-section].on {
  pointer-events: auto;
}
.bb8064 [data-section].on .bg {
  fill: rgba(187, 128, 100, 0.2);
}
@media not all and (pointer: coarse) {
  .bb8064 [data-section].on path {
    transition: 0.4s;
    cursor: pointer;
  }
  .bb8064 [data-section].on:hover .bg, .bb8064 [data-section].on.active .bg {
    fill: #bb8064;
  }
  .bb8064 [data-section].on:hover .text, .bb8064 [data-section].on.active .text {
    fill: white;
  }
}

svg .fill {
  cursor: pointer;
}

.svgDisabled {
  pointer-events: none;
  opacity: 0 !important;
}

.programsB1 {
  background: white;
  margin-top: -2px;
  position: relative;
  z-index: 2;
  padding: 88px 0;
}
@media screen and (max-width: 1024px) {
  .programsB1 {
    padding: 44px 0;
  }
}
.programsB1 .container {
  position: relative;
  z-index: 3;
}
.programsB1 .breadcrumbs {
  margin-bottom: 24px;
}
.programsB1 .breadcrumbs > span {
  justify-content: center;
}
.programsB1__top {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .programsB1__top {
    gap: 16px;
  }
}
.programsB1__top p {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .programsB1__top p {
    font-size: 16px;
    font-weight: 400;
  }
}
.programsB1__card {
  background: #121212;
  width: 360px;
  height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  border-radius: 36px;
  position: relative;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: 3;
  transform-style: preserve-3d;
  will-change: transform;
  box-shadow: 0 16px 64px rgba(4, 98, 64, 0.4);
  margin-top: 88px;
  padding: 44px;
}
@media screen and (max-width: 1024px) {
  .programsB1__card {
    margin-top: 44px;
    width: 252px;
    height: 336px;
  }
}
.programsB1__card * {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.programsB1__card img, .programsB1__card svg {
  display: block;
  width: 100%;
  height: auto;
  will-change: transform;
  transform-box: fill-box;
  transform-origin: center;
}
.programsB1__card p {
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .programsB1__card p {
    font-size: 20px;
  }
}
.programsB1__bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}

.programsB2 {
  background: #121212;
  padding: 0 0 88px 0;
  color: white;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .programsB2 {
    padding-bottom: 44px;
  }
}
.programsB2 .container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media screen and (max-width: 1024px) {
  .programsB2 .container {
    gap: 32px;
  }
}
.programsB2__row1 {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .programsB2__row1 {
    flex-direction: column;
  }
}
.programsB2__row1--left {
  width: calc(58.5% - 16px);
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media screen and (max-width: 1024px) {
  .programsB2__row1--left {
    width: 100%;
    gap: 24px;
  }
}
.programsB2__row1--left .list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 32px 48px;
}
@media screen and (max-width: 1450px) {
  .programsB2__row1--left .list {
    gap: 24px 32px;
  }
}
@media screen and (max-width: 1024px) {
  .programsB2__row1--left .list {
    gap: 16px;
  }
}
.programsB2__row1--left .list img {
  display: block;
  height: 64px;
  width: auto;
}
@media screen and (max-width: 1780px) {
  .programsB2__row1--left .list img {
    height: 48px;
  }
}
@media screen and (max-width: 1450px) {
  .programsB2__row1--left .list img {
    height: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .programsB2__row1--left .list img {
    height: 24px;
  }
}
.programsB2__row1--left .list p {
  font-size: 60px;
  font-weight: 600;
}
@media screen and (max-width: 1780px) {
  .programsB2__row1--left .list p {
    font-size: 44px;
  }
}
@media screen and (max-width: 1450px) {
  .programsB2__row1--left .list p {
    font-size: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .programsB2__row1--left .list p {
    font-size: 24px;
  }
}
.programsB2__row1--left .list p.divider {
  font-size: 48px;
  opacity: 0.5;
}
@media screen and (max-width: 1780px) {
  .programsB2__row1--left .list p.divider {
    font-size: 32px;
  }
}
@media screen and (max-width: 1450px) {
  .programsB2__row1--left .list p.divider {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .programsB2__row1--left .list p.divider {
    font-size: 20px;
  }
}
.programsB2__row1--left .text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 600px;
}
@media screen and (max-width: 1024px) {
  .programsB2__row1--left .text {
    gap: 12px;
  }
}
.programsB2__row1--left .text p {
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .programsB2__row1--left .text p {
    font-size: 16px;
  }
}
.programsB2__row1--right {
  width: calc(41.5% - 16px);
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .programsB2__row1--right {
    width: 100%;
    gap: 16px;
  }
}
.programsB2__row1--right .box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 36px;
  border-radius: 24px;
  background: #181A19;
}
@media screen and (max-width: 1024px) {
  .programsB2__row1--right .box {
    padding: 24px 20px;
    border-radius: 20px;
    gap: 16px;
  }
}
@media screen and (max-width: 1450px) {
  .programsB2__row1--right h3 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .programsB2__row1--right h3 {
    font-size: 20px;
  }
}
.programsB2__row1--right ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .programsB2__row1--right ul {
    gap: 12px;
  }
}
.programsB2__row1--right li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .programsB2__row1--right li {
    gap: 8px;
  }
}
.programsB2__row1--right li img {
  display: block;
  width: 23px;
  min-width: 23px;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .programsB2__row1--right li img {
    width: 18px;
    min-width: 18px;
  }
}
.programsB2 .line {
  width: 100%;
  height: 1px;
  opacity: 0.2;
  background: #FFF;
}
.programsB2__row2 {
  display: flex;
  gap: 48px;
}
@media screen and (max-width: 1024px) {
  .programsB2__row2 {
    flex-direction: column;
    gap: 16px;
  }
}
.programsB2__row2--left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  width: calc(33.5% - 24px);
}
@media screen and (max-width: 1024px) {
  .programsB2__row2--left {
    width: 100%;
  }
}
@media screen and (min-width: 1451px) {
  .programsB2__row2--left h3 {
    font-size: 48px;
  }
}
.programsB2__row2--left .text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 24px;
  background: #181A19;
  padding: 36px;
  max-width: 560px;
}
@media screen and (max-width: 1024px) {
  .programsB2__row2--left .text {
    padding: 24px 20px;
    border-radius: 20px;
    gap: 12px;
  }
}
.programsB2__row2--left .text p {
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .programsB2__row2--left .text p {
    font-size: 16px;
    font-weight: 400;
  }
}
.programsB2__row2--right {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  width: calc(66.5% - 24px);
}
@media screen and (max-width: 1024px) {
  .programsB2__row2--right {
    width: 100%;
    gap: 16px;
  }
}
.programsB2__row2--right .box {
  border-radius: 24px;
  background: #181A19;
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: calc(50% - 16px);
}
@media screen and (max-width: 1024px) {
  .programsB2__row2--right .box {
    width: 100%;
    gap: 12px;
    padding: 24px 20px;
    border-radius: 20px;
  }
}
.programsB2__row2--right .box img {
  display: block;
  width: 100%;
  border-radius: 20px;
  height: calc((((100vw - 128px - 15px) * 0.665 - 24px) / 2 - 16px - 72px) / 1.778);
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .programsB2__row2--right .box img {
    height: auto;
    border-radius: 12px;
  }
}
.programsB2__row2--right .box p {
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .programsB2__row2--right .box p {
    font-size: 16px;
    font-weight: 400;
  }
}
.programsB2 .splide {
  width: 100%;
  background: white;
  position: relative;
  border-radius: 36px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .programsB2 .splide {
    border-radius: 20px;
  }
}
.programsB2 .splide:before {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 120px;
  height: 100%;
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
@media screen and (max-width: 1024px) {
  .programsB2 .splide:before {
    width: 64px;
  }
}
.programsB2 .splide:after {
  content: "";
  position: absolute;
  z-index: 3;
  right: 0;
  top: 0;
  width: 120px;
  height: 100%;
  background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
@media screen and (max-width: 1024px) {
  .programsB2 .splide:after {
    width: 64px;
  }
}
.programsB2 .splide__track {
  overflow: hidden;
  padding: 88px 0;
}
@media screen and (max-width: 1024px) {
  .programsB2 .splide__track {
    padding: 32px 0;
  }
}
.programsB2 .splide .splide__slide {
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .programsB2 .splide .splide__slide:hover {
    transform: scale(1.1) !important;
  }
}
.programsB2 .splide img {
  display: block;
  height: 64px;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .programsB2 .splide img {
    height: 32px;
  }
}

.programsB3 {
  position: relative;
  z-index: 3;
  padding: 88px 0;
  background: white;
}
@media screen and (max-width: 1024px) {
  .programsB3 {
    padding: 44px 0;
  }
}
.programsB3 .container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media screen and (max-width: 1024px) {
  .programsB3 .container {
    gap: 24px;
  }
}
.programsB3 .line {
  width: 100%;
  height: 2px;
  background: #DFEBE5;
}
.programsB3__main {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
@media screen and (max-width: 1450px) {
  .programsB3__main {
    flex-direction: column;
  }
}
.programsB3__main--left {
  width: calc(24.5% - 16px);
  min-width: 424px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media screen and (max-width: 1450px) {
  .programsB3__main--left {
    width: 100%;
    min-width: unset;
    gap: 16px;
  }
}
@media screen and (min-width: 1451px) {
  .programsB3__main--left h3 {
    font-size: 44px;
  }
}
.programsB3__main--left p {
  font-size: 20px;
  font-weight: 600;
  opacity: 0.8;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--left p {
    font-size: 16px;
    font-weight: 400;
  }
}
.programsB3__main--right {
  width: calc(75.5% - 16px);
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1450px) {
  .programsB3__main--right {
    width: 100%;
    gap: 16px;
  }
}
.programsB3__main--right--main {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--right--main {
    gap: 16px;
    flex-direction: column;
  }
}
.programsB3__main--right--main .img {
  width: calc(33% - 16px);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--right--main .img {
    width: 100%;
  }
}
.programsB3__main--right--main .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 36px;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--right--main .img img {
    height: auto;
    border-radius: 20px;
    position: static;
  }
}
.programsB3__main--right--main .list {
  width: calc(67% - 16px);
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--right--main .list {
    width: 100%;
    gap: 16px;
  }
}
.programsB3__main--right--main .box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 48px;
  border-radius: 36px;
  border: 2px solid #DFEBE5;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--right--main .box {
    gap: 12px;
    border-radius: 20px;
    padding: 24px 20px;
  }
}
.programsB3__main--right--main .box h4 {
  font-size: 24px;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--right--main .box h4 {
    font-size: 20px;
  }
}
.programsB3__main--right--main .box p {
  font-size: 20px;
  font-weight: 600;
  opacity: 0.8;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--right--main .box p {
    font-size: 16px;
    font-weight: 400;
  }
}
.programsB3__main--right--list {
  border-radius: 36px;
  background: #F1F5F3;
  padding: 48px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--right--list {
    border-radius: 20px;
    padding: 24px 20px;
    gap: 24px;
  }
}
.programsB3__main--right--list .list {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--right--list .list {
    flex-direction: column;
    gap: 20px;
  }
}
.programsB3__main--right--list h4 {
  font-size: 24px;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--right--list h4 {
    font-size: 20px;
  }
}
.programsB3__main--right--list .box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 1;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--right--list .box {
    gap: 4px;
    padding-left: 64px;
  }
}
.programsB3__main--right--list .box span {
  display: block;
  margin-bottom: 8px;
  color: #008E48;
  font-size: 48px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--right--list .box span {
    font-size: 32px;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    width: 45px;
    text-align: right;
  }
}
.programsB3__main--right--list .box h4 {
  font-size: 24px;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--right--list .box h4 {
    font-size: 16px;
  }
}
.programsB3__main--right--list .box p {
  font-size: 20px;
  font-weight: 600;
  opacity: 0.5;
}
@media screen and (max-width: 1024px) {
  .programsB3__main--right--list .box p {
    font-size: 14px;
    font-weight: 400;
  }
}
.programsB3.anim .programsB3__main--left {
  opacity: 0.001;
  transition: 1s;
}
.programsB3.anim .programsB3__main--right {
  opacity: 0;
  transition: 1s 0.2s;
}
.programsB3.anim.animated .programsB3__main--left,
.programsB3.anim.animated .programsB3__main--right {
  opacity: 1;
}
.programsB3 .splide {
  background: white;
  position: relative;
  border-radius: 36px;
  overflow: hidden;
  border: 2px solid #DFEBE5;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .programsB3 .splide {
    border-radius: 20px;
  }
}
.programsB3 .splide:before {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 120px;
  height: 100%;
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
@media screen and (max-width: 1024px) {
  .programsB3 .splide:before {
    width: 64px;
  }
}
.programsB3 .splide:after {
  content: "";
  position: absolute;
  z-index: 3;
  right: 0;
  top: 0;
  width: 120px;
  height: 100%;
  background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
@media screen and (max-width: 1024px) {
  .programsB3 .splide:after {
    width: 64px;
  }
}
.programsB3 .splide__track {
  overflow: hidden;
  padding: 88px 0;
}
@media screen and (max-width: 1024px) {
  .programsB3 .splide__track {
    padding: 32px 0;
  }
}
.programsB3 .splide .splide__slide {
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .programsB3 .splide .splide__slide:hover {
    transform: scale(1.1) !important;
  }
}
.programsB3 .splide img {
  display: block;
  height: 64px;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .programsB3 .splide img {
    height: 32px;
  }
}

.programsB4 {
  position: relative;
  z-index: 3;
  padding: 88px 0;
  background: #F1F5F3;
}
@media screen and (max-width: 1024px) {
  .programsB4 {
    padding: 44px 0;
  }
}
.programsB4 .container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 32px;
}
@media screen and (max-width: 1450px) {
  .programsB4 .container {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .programsB4 .container {
    gap: 24px;
  }
}
.programsB4__left {
  width: calc(24.5% - 16px);
  min-width: 424px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media screen and (max-width: 1450px) {
  .programsB4__left {
    width: 100%;
    min-width: unset;
    gap: 16px;
  }
}
@media screen and (min-width: 1451px) {
  .programsB4__left h3 {
    font-size: 44px;
  }
}
.programsB4__left p {
  font-size: 20px;
  font-weight: 600;
  opacity: 0.8;
}
@media screen and (max-width: 1024px) {
  .programsB4__left p {
    font-size: 16px;
    font-weight: 400;
  }
}
.programsB4__right {
  width: calc(75.5% - 16px);
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media screen and (max-width: 1450px) {
  .programsB4__right {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .programsB4__right {
    gap: 16px;
  }
}
.programsB4__right .box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 48px;
  border-radius: 36px;
  background: #FFF;
  width: calc(50% - 16px);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .programsB4__right .box {
    width: 100%;
    border-radius: 20px;
    padding: 24px 20px;
    gap: 12px;
  }
}
.programsB4__right .box h3, .programsB4__right .box h4 {
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .programsB4__right .box h3, .programsB4__right .box h4 {
    font-size: 20px;
  }
}
.programsB4__right .box p {
  font-size: 20px;
  opacity: 0.8;
}
@media screen and (max-width: 1024px) {
  .programsB4__right .box p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .programsB4__right .box--img {
    padding: 0;
  }
}
.programsB4__right .box--img img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .programsB4__right .box--img img {
    position: static;
    height: auto;
  }
}
.programsB4__right .box--list {
  flex-direction: column;
  gap: 36px;
}
@media screen and (max-width: 1024px) {
  .programsB4__right .box--list {
    gap: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .programsB4__right .box--list h3 {
    margin-bottom: 4px;
  }
}
.programsB4__right .box--list .item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 1024px) {
  .programsB4__right .box--list .item {
    gap: 4px;
    position: relative;
    padding-left: 64px;
  }
}
.programsB4__right .box--list .item span {
  display: block;
  margin-bottom: 8px;
  color: #008E48;
  font-size: 48px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .programsB4__right .box--list .item span {
    font-size: 28px;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    width: 45px;
    text-align: right;
  }
}
.programsB4__right .box--list .item h4 {
  font-size: 24px;
}
@media screen and (max-width: 1024px) {
  .programsB4__right .box--list .item h4 {
    font-size: 16px;
  }
}
.programsB4__right .box--list .item p {
  font-size: 20px;
  font-weight: 600;
  opacity: 0.5;
}
@media screen and (max-width: 1024px) {
  .programsB4__right .box--list .item p {
    font-size: 14px;
    font-weight: 400;
  }
}
.programsB4 .splide {
  width: 100%;
  background: white;
  position: relative;
  border-radius: 36px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .programsB4 .splide {
    border-radius: 20px;
  }
}
.programsB4 .splide:before {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 120px;
  height: 100%;
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
@media screen and (max-width: 1024px) {
  .programsB4 .splide:before {
    width: 64px;
  }
}
.programsB4 .splide:after {
  content: "";
  position: absolute;
  z-index: 3;
  right: 0;
  top: 0;
  width: 120px;
  height: 100%;
  background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
@media screen and (max-width: 1024px) {
  .programsB4 .splide:after {
    width: 64px;
  }
}
.programsB4 .splide__track {
  overflow: hidden;
  padding: 88px 0;
}
@media screen and (max-width: 1024px) {
  .programsB4 .splide__track {
    padding: 32px 0;
  }
}
.programsB4 .splide .splide__slide {
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .programsB4 .splide .splide__slide:hover {
    transform: scale(1.1) !important;
  }
}
.programsB4 .splide img {
  display: block;
  height: 64px;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .programsB4 .splide img {
    height: 32px;
  }
}
.programsB4.anim .programsB4__left {
  opacity: 0.001;
  transition: 1s;
}
.programsB4.anim .programsB4__right {
  opacity: 0;
  transition: 1s 0.2s;
}
.programsB4.anim.animated .programsB4__left,
.programsB4.anim.animated .programsB4__right {
  opacity: 1;
}

.projectsB1 {
  padding: 88px 0;
  color: white;
  background: #121212;
  margin-top: -2px;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .projectsB1 {
    padding: 44px 0;
  }
}
.projectsB1 .container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media screen and (max-width: 1024px) {
  .projectsB1 .container {
    gap: 24px;
  }
}
.projectsB1__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  position: relative;
  z-index: 12;
}
@media screen and (max-width: 1024px) {
  .projectsB1__top .simpleSelect {
    display: none;
  }
}
.projectsB1__list {
  display: flex;
  flex-wrap: wrap;
  gap: 64px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1550px) {
  .projectsB1__list {
    gap: 32px;
  }
}
.projectsB1__list .projectBox {
  width: calc(33.333% - 42.6666666667px);
  min-height: calc((100vw - 128px - 128px - 15px) / 3);
}
@media screen and (max-width: 1550px) {
  .projectsB1__list .projectBox {
    width: calc(33.333% - 21.3333333333px);
    min-height: calc((100vw - 128px - 64px - 15px) / 3);
  }
}
@media screen and (max-width: 1250px) {
  .projectsB1__list .projectBox {
    width: calc(50% - 16px);
    min-height: calc((100vw - 128px - 32px - 15px) / 2);
  }
}
@media screen and (max-width: 1024px) {
  .projectsB1__list .projectBox {
    width: 100%;
    min-height: -moz-max-content;
    min-height: max-content;
    height: calc(100vw - 32px);
    max-height: 500px;
  }
}
.projectsB1__list.anim .projectBox {
  transform: perspective(400px) rotateY(10deg);
  transform-origin: left center;
  opacity: 0;
  transition: transform 1s, opacity 0.5s;
}
.projectsB1__list.anim.animated .projectBox {
  transform: perspective(400px) rotateY(0deg);
  opacity: 1;
}
.projectsB1__list.anim.animated.filterLoading .projectBox {
  transform: perspective(400px) rotateY(10deg);
  transform-origin: left center;
  opacity: 0 !important;
  transition: transform 0.5s, opacity 0.5s !important;
}
.projectsB1__list.empty .emptyContainer {
  display: block;
}
.projectsB1__list.emptyFade .emptyContainer__fade {
  opacity: 1;
}
.projectsB1 .emptyContainer {
  display: none;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .projectsB1 .emptyContainer {
    max-width: 340px;
  }
}
.projectsB1 .emptyContainer__fade {
  opacity: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 120px 0;
  transition: 1s;
}
@media screen and (max-width: 1024px) {
  .projectsB1 .emptyContainer__fade {
    gap: 32px;
    padding: 80px 0;
  }
}
.projectsB1 .emptyContainer__text {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .projectsB1 .emptyContainer__text {
    gap: 16px;
  }
}
.projectsB1 .emptyContainer__text h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 1024px) {
  .projectsB1 .emptyContainer__text h3 {
    font-size: 20px;
  }
}
.projectsB1 .emptyContainer__text p {
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  opacity: 0.7;
}
@media screen and (max-width: 1024px) {
  .projectsB1 .emptyContainer__text p {
    font-size: 16px;
  }
}
.projectsB1 .emptyContainer__buttons {
  display: flex;
  gap: 24px;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .projectsB1 .emptyContainer__buttons {
    gap: 20px;
  }
}
.projectsB1 .emptyContainer__buttons .filterClear {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 16px 16px 36px;
  border-radius: 99px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  border: none;
  background: rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 1024px) {
  .projectsB1 .emptyContainer__buttons .filterClear {
    font-size: 16px;
    gap: 8px;
    padding: 12px 12px 12px 24px;
  }
}
.projectsB1 .emptyContainer__buttons .filterClear svg path {
  transition: 0.4s;
}
.projectsB1 .emptyContainer__buttons .filterClear svg path:nth-child(1) {
  opacity: 0.5;
}
@media not all and (pointer: coarse) {
  .projectsB1 .emptyContainer__buttons .filterClear:hover svg path:nth-child(1) {
    fill: #DB1818;
    opacity: 0.7;
  }
}

.projectBox {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 36px;
  min-height: calc((100vw - 128px - 128px - 15px) / 3);
  padding-top: 100px;
  transition: 0.4s;
  color: white;
}
@media screen and (max-width: 1024px) {
  .projectBox {
    border-radius: 20px;
  }
}
.projectBox.hidden {
  display: none;
}
.projectBox.unActive {
  filter: grayscale(1);
}
.projectBox__text {
  padding: 48px 36px 36px 36px;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.35) 25%, rgba(18, 18, 18, 0.5) 50%, rgb(18, 18, 18) 100%);
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 1550px) {
  .projectBox__text {
    padding: 44px 24px 24px;
  }
}
@media screen and (max-width: 1024px) {
  .projectBox__text {
    padding: 44px 20px 20px;
  }
}
.projectBox__text:before {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  transition: 0.3s;
  -webkit-mask: linear-gradient(to bottom, transparent, black 70%);
          mask: linear-gradient(to bottom, transparent, black 70%);
}
.projectBox__programs {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  justify-content: flex-end;
  top: 36px;
  right: 36px;
  width: calc(100% - 72px);
}
@media screen and (max-width: 1550px) {
  .projectBox__programs {
    top: 24px;
    right: 24px;
    width: calc(100% - 48px);
  }
}
@media screen and (max-width: 1024px) {
  .projectBox__programs {
    top: 20px;
    right: 20px;
    width: calc(100% - 40px);
  }
}
.projectBox__program {
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 136%;
  border-radius: 24px;
  padding: 8px 16px;
}
@media screen and (max-width: 1024px) {
  .projectBox__program {
    font-size: 14px;
  }
}
.projectBox__program--blue {
  background: #106CF7;
}
.projectBox__program--yellow {
  background: #FD5;
  color: #121212;
}
.projectBox__program--green {
  background: #67D02E;
  color: #121212;
}
.projectBox__address {
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.projectBox__address svg {
  display: block;
  width: 16px;
  min-width: 16px;
  height: 19px;
}
.projectBox__address p {
  font-size: 14px;
  font-weight: 600;
  line-height: 136%;
}
@media screen and (max-width: 1024px) {
  .projectBox__address p {
    font-weight: 500;
  }
}
.projectBox__title {
  font-size: 44px;
  font-weight: 700;
  line-height: 136%;
}
@media screen and (max-width: 1920px) {
  .projectBox__title {
    font-size: 2.1vw;
  }
}
@media screen and (max-width: 1650px) {
  .projectBox__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 1550px) {
  .projectBox__title {
    font-size: 28px;
  }
}
@media screen and (max-width: 1024px) {
  .projectBox__title {
    font-size: 24px;
  }
}
.projectBox__tags {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .projectBox__tags {
    margin-top: 12px;
  }
}
.projectBox__tag {
  display: block;
  padding: 8px 16px;
  border-radius: 24px;
  background: #046240;
  border: 2px solid #046240;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
@media screen and (max-width: 1024px) {
  .projectBox__tag {
    font-size: 14px;
  }
}
.projectBox__tag--withDot {
  padding-left: 40px;
  position: relative;
}
.projectBox__tag--withDot:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 99px;
}
.projectBox__tag--withDot:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: white;
  border-radius: 99px;
}
.projectBox__tag--var1 {
  border: 2px solid #046240;
  background: rgba(4, 98, 64, 0.36);
}
.projectBox__tag--var2 {
  border: 2px solid #121212;
  background: rgba(18, 18, 18, 0.56);
}
.projectBox__tag--var3 {
  border: 2px solid #008E48;
  background: rgba(0, 142, 72, 0.56);
}
.projectBox__tag--var4 {
  border: 2px solid #FFF;
  background: rgba(255, 255, 255, 0.22);
}
.projectBox__tag--var5 {
  border: 2px solid #008E48;
  background: rgba(18, 18, 18, 0.56);
}
.projectBox__tag--var6 {
  border: 2px solid #008E48;
  background: rgba(255, 255, 255, 0.01);
}

.filters {
  display: flex;
  align-items: center;
  gap: 20px;
  width: calc(100% + 32px);
  margin: 0 -16px;
  padding: 24px 16px;
  background: #121212;
  position: relative;
  z-index: 10;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 1900px) {
  .filters {
    gap: 16px;
  }
}
@media screen and (max-width: 1550px) {
  .filters {
    padding: 12px 0;
    gap: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .filters {
    justify-content: space-between;
    gap: 12px;
  }
}
@media screen and (max-width: 1600px) {
  .filters > p {
    display: none;
  }
}
.filters .filters-from-popup {
  font-size: 16px;
  font-weight: 600;
  line-height: 136%;
  padding: 0 16px;
  height: 52px;
  align-items: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  display: none;
}
@media screen and (max-width: 1900px) {
  .filters .filters-from-popup {
    font-size: 14px;
    padding: 0 12px;
  }
}
.filters .filters-from-popup.open {
  display: flex;
}
.filters .filterClear {
  align-items: center;
  gap: 8px;
  height: 52px;
  background: transparent;
  border: none;
  transition: background 0.4s;
  padding: 0 16px 0 10px;
  border-radius: 8px;
  display: none;
  white-space: nowrap;
}
.filters .filterClear.open {
  display: flex;
}
.filters .filterClear svg path:nth-child(1) {
  opacity: 0.5;
}
.filters .filterClear svg * {
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .filters .filterClear:hover {
    background: rgba(255, 255, 255, 0.1);
  }
  .filters .filterClear:hover svg path:nth-child(1) {
    fill: #DB1818;
  }
  .filters .filterClear:hover svg path:nth-child(2) {
    transform: translate(-15%, -15%) scale(1.3);
  }
}
.filters .filterBtn {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 36px;
  background: rgba(255, 255, 255, 0.1);
  margin-left: auto;
  border: none;
  transition: 0.4s;
  white-space: nowrap;
}
@media not all and (pointer: coarse) {
  .filters .filterBtn:hover {
    background: rgba(0, 142, 72, 0.3);
  }
}
@media screen and (max-width: 1024px) {
  .filters .filterBtn {
    display: flex !important;
    font-size: 14px;
    padding: 12px 14px 12px 16px;
    gap: 8px;
    line-height: 20px;
    margin: 0;
  }
}
.filters .filterBtn span {
  font: inherit;
}
@media screen and (max-width: 1500px) {
  .filters .filterBtn span.pc {
    display: none;
  }
}
@media screen and (min-width: 1501px) {
  .filters .filterBtn span.mob {
    display: none;
  }
}
.filters .filterBtn svg {
  display: block;
}
@media screen and (max-width: 1024px) {
  .filters .filterBtn svg {
    width: 18px;
    height: auto;
  }
}
@media screen and (max-width: 1250px) {
  .filters .hide1 {
    display: none;
  }
}
@media screen and (max-width: 1450px) {
  .filters .hide2 {
    display: none;
  }
}
.filters .simpleSelect {
  display: block;
}
@media screen and (min-width: 1025px) {
  .filters .simpleSelect {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .filters .simpleSelect {
    display: block !important;
  }
}
@media screen and (max-width: 1024px) {
  .filters > * {
    display: none !important;
  }
}

.simpleSelect {
  position: relative;
  z-index: 3;
  height: 52px;
}
@media screen and (max-width: 1024px) {
  .simpleSelect {
    height: 44px;
  }
}
.simpleSelect__selected {
  position: absolute;
  left: 4px;
  top: 4px;
  width: calc(100% - 8px);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 24px;
  border-radius: 36px;
  background: #2A2A2A;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  cursor: pointer;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .simpleSelect__selected:hover {
    background: #0d3823;
  }
}
@media screen and (max-width: 1024px) {
  .simpleSelect__selected {
    font-size: 14px;
    padding: 12px 14px 12px 16px;
    gap: 8px;
    width: 100%;
    left: 0;
    top: 0;
  }
}
.simpleSelect__selected.open svg {
  transform: rotate(-180deg);
}
.simpleSelect__selected span {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
@media screen and (max-width: 1024px) {
  .simpleSelect__selected span {
    font-size: 14px;
  }
}
.simpleSelect__selected svg {
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  transition: 0.4s;
}
@media screen and (max-width: 1024px) {
  .simpleSelect__selected svg {
    width: 16px;
    min-width: 16px;
    height: 16px;
  }
}
.simpleSelect__list {
  padding: 48px 4px 4px;
  border-radius: 26px;
  background: #2A2A2A;
  transition: 0.4s;
  overflow: hidden;
  height: 0;
}
@media screen and (max-width: 1024px) {
  .simpleSelect__list {
    padding: 44px 0 0;
  }
}
.simpleSelect__list ul {
  display: flex;
  flex-direction: column;
}
.simpleSelect__list li {
  border-radius: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 12px 60px 12px 24px;
  white-space: nowrap;
  transition: 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .simpleSelect__list li {
    font-size: 14px;
    padding: 12px 38px 12px 16px;
  }
}
.simpleSelect__list li.active {
  opacity: 0.5;
  pointer-events: none;
}
@media not all and (pointer: coarse) {
  .simpleSelect__list li:hover {
    background: #414141;
  }
}

.selectBox {
  position: relative;
  z-index: 5;
}
.selectBox.open .selectBox__window {
  opacity: 1;
  pointer-events: auto;
}
.selectBox.open .selectBox__label {
  opacity: 1;
}
.selectBox.open .selectBox__arrow svg {
  transform: rotate(-180deg);
}
.selectBox.open .selectBox__arrow svg * {
  fill: #008e48;
}
.selectBox__view {
  display: flex;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #FFF;
  background: #121212;
  height: 52px;
}
.selectBox__selected {
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.36;
  height: 36px;
  padding: 0 20px;
  border-radius: 8px;
  background: #2A2A2A;
  margin-left: 12px;
  cursor: pointer;
  display: none;
  transition: background 0.4s;
  white-space: nowrap;
}
@media screen and (max-width: 1900px) {
  .selectBox__selected {
    padding: 0 12px;
    margin-left: 8px;
    gap: 6px;
  }
}
.selectBox__selected.open {
  display: flex;
}
.selectBox__selected svg {
  display: block;
  width: 20px;
  min-width: 20px;
  height: auto;
}
@media screen and (max-width: 1900px) {
  .selectBox__selected svg {
    width: 16px;
    min-width: 16px;
  }
}
.selectBox__selected svg path:nth-child(1) {
  opacity: 0.5;
}
.selectBox__selected svg * {
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .selectBox__selected:hover {
    background: rgb(65, 65, 65);
  }
  .selectBox__selected:hover svg path:nth-child(1) {
    fill: #DB1818;
  }
  .selectBox__selected:hover svg path:nth-child(2) {
    transform: translate(-15%, -15%) scale(1.3);
  }
}
.selectBox__selected--first {
  padding-left: 8px;
  max-width: 160px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1900px) {
  .selectBox__selected--first {
    font-size: 14px;
    max-width: 128px;
  }
}
.selectBox__selected--first:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  border-radius: 0 8px 8px 0;
  background: linear-gradient(to right, transparent, #2A2A2A);
}
.selectBox__label {
  font-size: 16px;
  font-weight: 600;
  padding: 0 12px;
  height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
  opacity: 0.5;
  transition: 0.4s;
  white-space: nowrap;
}
@media screen and (max-width: 1900px) {
  .selectBox__label {
    font-size: 14px;
    padding: 0 8px;
  }
}
.selectBox__arrow {
  display: flex;
  align-items: center;
  height: 50px;
  padding-right: 16px;
  cursor: pointer;
}
@media screen and (max-width: 1900px) {
  .selectBox__arrow {
    padding-right: 12px;
  }
}
.selectBox__arrow svg {
  display: block;
  width: 12px;
  min-width: 12px;
  height: auto;
  transition: 0.4s;
}
@media screen and (max-width: 1900px) {
  .selectBox__arrow svg {
    width: 10px;
    min-width: 10px;
  }
}
.selectBox__arrow svg * {
  transition: 0.4s;
}
.selectBox__window {
  position: absolute;
  left: 0;
  top: calc(100% + 12px);
  width: 464px;
  border-radius: 0 0 24px 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(18, 18, 18, 0.88);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  padding: 24px;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
}
.selectBox__window .checkBox__list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.selectBox__window .checkBox {
  width: calc(50% - 6px);
}
.selectBox__window .btn {
  margin: 12px auto 0;
  font-size: 16px;
  padding: 12px 36px;
}

.rangeBox {
  position: relative;
  z-index: 5;
}
.rangeBox.open .rangeBox__window {
  opacity: 1;
  pointer-events: auto;
}
.rangeBox.open .rangeBox__label {
  opacity: 1;
}
.rangeBox.open .rangeBox__arrow svg {
  transform: rotate(-180deg);
}
.rangeBox.open .rangeBox__arrow svg * {
  fill: #008e48;
}
.rangeBox__view {
  display: flex;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #FFF;
  background: #121212;
  height: 52px;
}
.rangeBox__selected {
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.36;
  height: 36px;
  padding: 0 20px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  margin-left: 12px;
  cursor: pointer;
  display: none;
  transition: background 0.4s;
  white-space: nowrap;
}
@media screen and (max-width: 1900px) {
  .rangeBox__selected {
    gap: 6px;
    padding: 0 12px;
    font-size: 14px;
    margin-left: 8px;
  }
}
.rangeBox__selected.open {
  display: flex;
}
.rangeBox__selected svg {
  display: block;
  width: 20px;
  min-width: 20px;
  height: auto;
}
@media screen and (max-width: 1900px) {
  .rangeBox__selected svg {
    width: 16px;
    min-width: 16px;
  }
}
.rangeBox__selected svg path:nth-child(1) {
  opacity: 0.5;
}
.rangeBox__selected svg * {
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .rangeBox__selected:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  .rangeBox__selected:hover svg path:nth-child(1) {
    fill: #DB1818;
  }
  .rangeBox__selected:hover svg path:nth-child(2) {
    transform: translate(-15%, -15%) scale(1.3);
  }
}
.rangeBox__selected--first {
  padding-left: 8px;
}
.rangeBox__label {
  font-size: 16px;
  font-weight: 600;
  padding: 0 12px;
  height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
  opacity: 0.5;
  transition: 0.4s;
  white-space: nowrap;
}
@media screen and (max-width: 1900px) {
  .rangeBox__label {
    font-size: 14px;
    padding: 0 8px;
  }
}
.rangeBox__arrow {
  display: flex;
  align-items: center;
  height: 50px;
  padding-right: 16px;
  cursor: pointer;
}
@media screen and (max-width: 1900px) {
  .rangeBox__arrow {
    padding-right: 12px;
  }
}
.rangeBox__arrow svg {
  display: block;
  width: 12px;
  min-width: 12px;
  height: auto;
  transition: 0.4s;
}
@media screen and (max-width: 1900px) {
  .rangeBox__arrow svg {
    width: 10px;
    min-width: 10px;
  }
}
.rangeBox__arrow svg * {
  transition: 0.4s;
}
.rangeBox__window {
  position: absolute;
  left: 0;
  top: calc(100% + 12px);
  width: 464px;
  border-radius: 0 0 24px 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(18, 18, 18, 0.88);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  padding: 24px;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
}
.rangeBox__window .btn {
  margin: 12px auto 0;
  font-size: 16px;
  padding: 12px 36px;
}

.checkBox input {
  display: none;
}
.checkBox input:checked + label {
  color: white;
}
.checkBox input:checked + label:before {
  background: #008e48;
  border-color: #008e48;
}
.checkBox input:checked + label:after {
  opacity: 1;
}
.checkBox label {
  display: block;
  padding: 8px 0 8px 28px;
  position: relative;
  color: #99A5A1;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .checkBox label:hover {
    color: white;
  }
}
.checkBox label:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 8px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #99A5A1;
  background: #121212;
  box-sizing: border-box;
  transition: 0.4s;
}
.checkBox label:after {
  content: "";
  background-image: url("../img/ico_check.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 10px;
  top: 18px;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.4s;
}

.range-slider-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.range-display {
  display: flex;
  align-items: center;
  gap: 8px;
}
.range-display .input-box {
  width: 100%;
}
.range-display .line {
  width: 12px;
  min-width: 12px;
  height: 1px;
  background: #99A5A1;
}
.range-slider {
  width: 100%;
  height: 12px;
  position: relative;
}
.range-slider:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background: #DFEBE5;
}
.range-slider .progress {
  height: 4px;
  border-radius: 4px;
  background: #008E48;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.range-slider .thumb {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 99px;
  background: #008E48;
  cursor: grab;
}
.range-slider .thumb:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
}
.range-slider .thumb:active {
  cursor: grabbing;
}

@media screen and (max-width: 1024px) {
  .popup[data-popup=filter] .scroll-container {
    padding: 0;
  }
}
.popup[data-popup=filter] .popup-container {
  width: calc(100% - 240px);
  max-width: 1200px;
  padding: 64px;
  border-radius: 48px;
  background: #FFF;
  display: flex;
  flex-wrap: wrap;
  gap: 48px 64px;
}
@media screen and (max-width: 1100px) {
  .popup[data-popup=filter] .popup-container {
    width: calc(100% - 128px);
  }
}
@media screen and (max-width: 1024px) {
  .popup[data-popup=filter] .popup-container {
    width: 100%;
    border-radius: 0;
    padding: 24px 16px 60px;
    gap: 0;
  }
}
.popup[data-popup=filter] .popup-container h2 {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .popup[data-popup=filter] .popup-container h2 {
    margin-bottom: 24px;
  }
}
.popup[data-popup=filter] .popup-container .buttons {
  display: flex;
  gap: 32px;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .popup[data-popup=filter] .popup-container .buttons {
    gap: 12px;
    flex-direction: column-reverse;
    padding-top: 24px;
    border-top: 1px solid #DFEBE5;
  }
  .popup[data-popup=filter] .popup-container .buttons > * {
    width: 100%;
  }
}
.popup[data-popup=filter] .popup-container .filterClear {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 16px 16px 36px;
  border-radius: 99px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  border: none;
  background: rgba(18, 18, 18, 0.05);
}
@media screen and (max-width: 1024px) {
  .popup[data-popup=filter] .popup-container .filterClear {
    font-size: 16px;
    gap: 8px;
    padding: 12px;
  }
}
.popup[data-popup=filter] .popup-container .filterClear.open {
  display: flex;
}
.popup[data-popup=filter] .popup-container .filterClear svg path {
  transition: 0.4s;
}
.popup[data-popup=filter] .popup-container .filterClear svg path:nth-child(1) {
  opacity: 0.5;
}
@media not all and (pointer: coarse) {
  .popup[data-popup=filter] .popup-container .filterClear:hover svg path:nth-child(1) {
    fill: #DB1818;
    opacity: 0.7;
  }
}
.popup[data-popup=filter] .popup-container .input-box input {
  border-color: #99A5A1;
}
.popup[data-popup=filter] .exit-btn {
  left: calc(50% + 600px + 20px);
}
@media screen and (max-width: 1440px) {
  .popup[data-popup=filter] .exit-btn {
    left: unset;
    right: 40px;
  }
}
@media screen and (max-width: 1100px) {
  .popup[data-popup=filter] .exit-btn {
    right: 128px;
    top: 190px;
    background: rgba(18, 18, 18, 0.5);
  }
}
@media screen and (max-width: 1024px) {
  .popup[data-popup=filter] .exit-btn {
    right: 16px;
    top: 27px;
  }
}
.popup[data-popup=filter] h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 136%;
}
@media screen and (max-width: 1024px) {
  .popup[data-popup=filter] h2 {
    font-size: 28px;
  }
}

.filterBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .filterBox {
    padding: 24px 0;
    border-top: 1px solid #DFEBE5;
    width: 100%;
    gap: 12px;
  }
}
.filterBox--w50 {
  width: calc(50% - 32px);
}
@media screen and (max-width: 1024px) {
  .filterBox--w50 {
    width: 100%;
  }
}
.filterBox__label {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .filterBox__label {
    font-size: 16px;
    font-weight: 600;
    opacity: 0.7;
  }
}

.checkList {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .checkList {
    gap: 8px;
  }
}
.checkList__box input {
  display: none;
}
.checkList__box input:checked + label {
  background: #008e48;
  border-color: #008e48;
  color: white;
}
.checkList__box label {
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px;
  display: block;
  border-radius: 12px;
  border: 2px solid #DFEBE5;
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (max-width: 1024px) {
  .checkList__box label {
    border-width: 1px;
    padding: 8px 12px;
    font-size: 16px;
  }
}
@media not all and (pointer: coarse) {
  .checkList__box label:hover {
    border-color: #008e48;
  }
}

.projectB1 {
  position: relative;
  z-index: 2;
  margin-top: -2px;
  padding: 88px 0;
  background: #121212;
  color: white;
}
@media screen and (max-width: 1024px) {
  .projectB1 {
    padding: 44px 0;
  }
}
.projectB1 .container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media screen and (max-width: 1024px) {
  .projectB1 .container {
    gap: 24px;
  }
}
.projectB1__main {
  display: flex;
  gap: 120px;
}
@media screen and (max-width: 1024px) {
  .projectB1__main {
    flex-direction: column;
    gap: 24px;
  }
}
.projectB1__main-left {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.projectB1__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .projectB1__list {
    gap: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.projectB1__list .box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: calc(50% - 16px);
}
@media screen and (max-width: 1024px) {
  .projectB1__list .box {
    width: calc(50% - 12px);
    gap: 8px;
  }
}
.projectB1__list .box span {
  opacity: 0.5;
  font-weight: 700;
}
@media screen and (max-width: 1380px) {
  .projectB1__list .box span {
    font-size: 14px;
  }
}
.projectB1__list .box p {
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 1380px) {
  .projectB1__list .box p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB1__list .box p {
    font-size: 16px;
  }
}
.projectB1__list .box a {
  font-size: 20px;
  font-weight: 600;
  transition: 0.4s;
  text-decoration: underline;
  color: white;
}
@media screen and (max-width: 1380px) {
  .projectB1__list .box a {
    font-size: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB1__list .box a {
    font-size: 16px;
  }
}
@media not all and (pointer: coarse) {
  .projectB1__list .box a:hover {
    color: #008e48;
  }
}
.projectB1__list .box a:active {
  color: #008e48;
}
.projectB1 .splide {
  width: 100%;
  display: block;
  margin-top: 64px;
  cursor: grab;
}
@media screen and (max-width: 1024px) {
  .projectB1 .splide {
    margin-top: 32px;
  }
}
.projectB1 .splide:active {
  cursor: grabbing;
}
.projectB1 .splide__list {
  content-visibility: visible !important;
}
.projectB1 .splide img {
  border-radius: 36px;
  display: block;
  height: 70vh;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .projectB1 .splide img {
    height: 240px;
    border-radius: 20px;
  }
}
.projectB1 .splide .cursor {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  display: flex;
  width: 124px;
  height: 124px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 124px;
  background: #008E48;
  transform: translate3d(-50%, -50%, 0);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
}
@media (hover: none) {
  .projectB1 .splide .cursor {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .projectB1 .splide .cursor {
    display: none;
  }
}
.projectB1 .splide .cursor svg:nth-child(1) {
  transform: rotate(90deg);
}
.projectB1 .splide .cursor svg:nth-child(2) {
  transform: rotate(-90deg);
}
.projectB1 .splide .cursor.visible {
  opacity: 1;
}

.projectB2 {
  padding: 88px 0;
  background: #121212;
  color: white;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .projectB2 {
    padding: 44px 0;
  }
}
.projectB2 .container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media screen and (max-width: 1024px) {
  .projectB2 .container {
    gap: 24px;
  }
}
.projectB2 h2 {
  padding-right: 184px;
}
@media screen and (max-width: 1024px) {
  .projectB2 h2 {
    padding-right: 104px;
  }
}
.projectB2 .splide {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .projectB2 .splide {
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 1025px) {
  .projectB2 .splide:before {
    content: "";
    position: absolute;
    z-index: 3;
    left: 100%;
    top: 0;
    width: 80px;
    height: 100%;
    background: linear-gradient(to right, rgba(18, 18, 18, 0), #121212);
  }
  .projectB2 .splide:after {
    content: "";
    position: absolute;
    z-index: 3;
    right: 100%;
    top: 0;
    width: 80px;
    height: 100%;
    background: linear-gradient(to left, rgba(18, 18, 18, 0), #121212);
  }
}
.projectB2 .splide__slide:nth-child(3n-1) .box {
  background: #046240;
  color: white;
}
.projectB2 .splide__slide:nth-child(3n) .box {
  background: rgba(255, 255, 255, 0.05);
  color: white;
}
.projectB2 .splide .box {
  border-radius: 36px;
  background: white;
  color: #121212;
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
}
@media screen and (max-width: 1450px) {
  .projectB2 .splide .box {
    padding: 20px 20px 24px;
  }
}
.projectB2 .splide .box img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 24px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1450px) {
  .projectB2 .splide .box img {
    border-radius: 16px;
  }
}
.projectB2 .splide .box .text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 1450px) {
  .projectB2 .splide .box .text {
    gap: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB2 .splide .box .text {
    gap: 8px;
  }
}
.projectB2 .splide .box h3 {
  font-size: 36px;
  font-weight: 700;
}
@media screen and (max-width: 1920px) {
  .projectB2 .splide .box h3 {
    font-size: 1.7vw;
  }
}
@media screen and (max-width: 1450px) {
  .projectB2 .splide .box h3 {
    font-size: 20px;
  }
}
.projectB2 .splide__pagination {
  position: static;
  margin-top: 64px;
  padding: 0;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
  .projectB2 .splide__pagination {
    width: calc(100% + 40px);
    margin-top: 24px;
  }
}
.projectB2 .splide__pagination li {
  width: 100%;
}
.projectB2 .splide__pagination__page {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 2px;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.2);
  transition: 0.4s;
}
.projectB2 .splide__pagination__page.is-active {
  transform: none;
  background: #F1F5F3;
}
.projectB2 .splide__arrows {
  position: absolute;
  right: 0;
  top: -114px;
  transform: translate(0, -50%);
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 1380px) {
  .projectB2 .splide__arrows {
    top: -94px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB2 .splide__arrows {
    gap: 16px;
    right: -40px;
    top: -43px;
  }
}
.projectB2 .splide__arrow {
  position: static;
  transform: none;
  border-radius: 12px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: 0.4s;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .projectB2 .splide__arrow {
    width: 32px;
    height: 32px;
    border-radius: 8px;
  }
}
.projectB2 .splide__arrow[disabled] {
  opacity: 0.3;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .projectB2 .splide__arrow svg {
    display: block;
    width: 12px;
    height: auto;
  }
}
.projectB2 .splide__arrow svg * {
  fill: white;
}
@media not all and (pointer: coarse) {
  .projectB2 .splide__arrow:hover {
    background: rgba(255, 255, 255, 0.2);
  }
}
.projectB2 .splide__arrow:active {
  background: rgba(255, 255, 255, 0.3);
}
.projectB2__list {
  display: flex;
  flex-wrap: wrap;
  gap: 48px 32px;
}
@media screen and (max-width: 1024px) {
  .projectB2__list {
    gap: 24px;
  }
}
.projectB2__list .box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
}
@media screen and (max-width: 1024px) {
  .projectB2__list .box {
    width: calc(50% - 12px);
    gap: 8px;
  }
}
.projectB2__list .box span {
  font-size: 64px;
  font-weight: 600;
}
@media screen and (max-width: 1920px) {
  .projectB2__list .box span {
    font-size: 2.7vw;
  }
}
@media screen and (max-width: 1024px) {
  .projectB2__list .box span {
    font-size: 20px;
  }
}
.projectB2__list .box p {
  color: #B3B3B3;
  font-size: 20px;
  font-weight: 600;
  opacity: 0.8;
}
@media screen and (max-width: 1024px) {
  .projectB2__list .box p {
    font-size: 14px;
  }
}

.projectB3 {
  padding: 88px 0;
}
@media screen and (max-width: 1024px) {
  .projectB3 {
    padding: 44px 0;
  }
}
.projectB3 .container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media screen and (max-width: 1024px) {
  .projectB3 .container {
    gap: 24px;
  }
}
.projectB3__top {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .projectB3__top {
    gap: 12px;
  }
}
.projectB3__top h2 {
  font-size: 48px;
  font-weight: 600;
}
@media screen and (max-width: 1920px) {
  .projectB3__top h2 {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 1450px) {
  .projectB3__top h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB3__top h2 {
    font-size: 20px;
    opacity: 0.7;
  }
}
.projectB3__list {
  display: flex;
  flex-wrap: wrap;
  gap: 64px;
}
@media screen and (max-width: 1600px) {
  .projectB3__list {
    gap: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB3__list {
    gap: 16px;
  }
}
.projectB3__list .box {
  display: flex;
  flex-direction: column;
  gap: 36px;
  padding: 36px;
  border-radius: 36px;
  background: #FFF;
  box-shadow: 0 12px 44px 0 rgba(4, 98, 64, 0.1);
  width: calc(33.333% - 42.6666666667px);
  transition: 0.4s;
  color: #121212;
}
@media screen and (max-width: 1600px) {
  .projectB3__list .box {
    width: calc(33.333% - 21.3333333333px);
  }
}
@media screen and (max-width: 1450px) {
  .projectB3__list .box {
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 1024px) {
  .projectB3__list .box {
    width: 100%;
    box-shadow: none;
    border: 2px solid #DFEBE5;
    border-radius: 20px;
    padding: 24px 20px;
    gap: 16px;
  }
}
@media not all and (pointer: coarse) {
  .projectB3__list .box:hover {
    box-shadow: 0 12px 44px 0 rgba(4, 98, 64, 0.2);
  }
}
.projectB3__list .box__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.projectB3__list .box__top h3 {
  font-size: 36px;
  font-weight: 700;
  line-height: 136%;
}
@media screen and (max-width: 1920px) {
  .projectB3__list .box__top h3 {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 1600px) {
  .projectB3__list .box__top h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB3__list .box__top h3 {
    font-size: 20px;
  }
}
.projectB3__list .box__top p {
  font-size: 28px;
  font-weight: 700;
  line-height: 136%;
}
@media screen and (max-width: 1920px) {
  .projectB3__list .box__top p {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 1600px) {
  .projectB3__list .box__top p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB3__list .box__top p {
    font-size: 16px;
  }
}
.projectB3__list .box__list {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .projectB3__list .box__list {
    gap: 12px;
  }
}
.projectB3__list .box__list li {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  padding: 12px;
  border-radius: 20px;
  border: 2px solid #DFEBE5;
}
@media screen and (max-width: 1780px) {
  .projectB3__list .box__list li {
    width: unset;
    flex-grow: 1;
  }
}
@media screen and (max-width: 1600px) {
  .projectB3__list .box__list li {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB3__list .box__list li {
    font-size: 16px;
    padding: 8px 12px;
    border-radius: 12px;
  }
}
.projectB3__list .box .line {
  background: #DFEBE5;
  width: 100%;
  height: 2px;
}
.projectB3__list .box .link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #008E48;
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 1380px) {
  .projectB3__list .box .link {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB3__list .box .link {
    font-size: 16px;
    gap: 8px;
  }
}
.projectB3__list .box .link__icon {
  width: 40px;
  height: 40px;
  border-radius: 99px;
  background: #008E48;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1380px) {
  .projectB3__list .box .link__icon {
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB3__list .box .link__icon {
    width: 24px;
    height: 24px;
  }
}
.projectB3__list .box .link__icon svg {
  display: block;
  transition: 0.4s;
}
@media screen and (max-width: 1380px) {
  .projectB3__list .box .link__icon svg {
    width: 22px;
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .projectB3__list .box .link__icon svg {
    width: 18px;
  }
}
@media not all and (pointer: coarse) {
  .projectB3__list .box:hover .link svg {
    transform: rotate(135deg);
  }
}
.projectB3__list.anim .box {
  transform: perspective(400px) rotateY(10deg);
  transform-origin: left center;
  opacity: 0;
  transition: 1.5s 0.2s;
}
.projectB3__list.anim.animated .box {
  transform: perspective(400px) rotateY(0deg);
  opacity: 1;
}

.projectB4 {
  padding: 88px 0;
  border-top: 1px solid #DFEBE5;
  border-bottom: 1px solid #DFEBE5;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .projectB4 {
    padding: 44px 0;
  }
}
.projectB4 .container {
  display: flex;
  flex-direction: column;
  gap: 44px;
}
@media screen and (max-width: 1024px) {
  .projectB4 .container {
    gap: 24px;
  }
}
.projectB4 h2 {
  text-align: center;
}
.projectB4__tabs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 44px;
}
@media screen and (max-width: 1024px) {
  .projectB4__tabs {
    gap: 24px;
  }
}
.projectB4__tabsHeader {
  display: flex;
  padding: 4px;
  border-radius: 99px;
  background: #F1F5F3;
}
.projectB4__tabsHeader button {
  display: block;
  padding: 8px 32px;
  border-radius: 99px;
  border: none;
  font-size: 20px;
  font-weight: 700;
  transition: 0.4s;
  background: transparent;
}
@media screen and (max-width: 1024px) {
  .projectB4__tabsHeader button {
    padding: 8px 16px;
    font-size: 14px;
  }
}
@media not all and (pointer: coarse) {
  .projectB4__tabsHeader button:hover {
    color: #008e48;
  }
}
.projectB4__tabsHeader button.active {
  pointer-events: none;
  color: #008e48;
  background: white;
}
.projectB4__tabsBody {
  width: 100%;
}
.projectB4__tabsBody .tab {
  display: none;
}
.projectB4__tabsBody .tab.active {
  display: block;
}
.projectB4 .planCatalog {
  display: flex;
  gap: 64px;
}
@media screen and (max-width: 1450px) {
  .projectB4 .planCatalog {
    gap: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog {
    flex-direction: column;
    gap: 24px;
  }
}
.projectB4 .planCatalog__aside {
  order: -1;
  width: 424px;
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog__aside {
    width: 100%;
  }
}
.projectB4 .planCatalog__aside--title {
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog__aside--title {
    font-size: 20px;
  }
}
.projectB4 .planCatalog__aside .sticky {
  padding: 8px;
  border-radius: 24px;
  border: 2px solid #DFEBE5;
  background: #FFF;
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog__aside .sticky {
    padding: 0;
    border-radius: 20px;
  }
}
.projectB4 .planCatalog__aside .sticky--scroll {
  display: flex;
  flex-direction: column;
  gap: 36px;
  padding: 16px;
  overflow: auto;
  max-height: calc(100vh - 112px - 48px);
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog__aside .sticky--scroll {
    gap: 20px;
    max-height: unset;
    padding: 24px 20px;
  }
}
.projectB4 .planCatalog__aside .sticky--scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.projectB4 .planCatalog__aside .sticky--scroll::-webkit-scrollbar-track {
  background: #DFEBE5;
}
.projectB4 .planCatalog__aside .sticky--scroll::-webkit-scrollbar-thumb {
  background: #008E48;
  border-radius: 9px;
}
.projectB4 .planCatalog__aside .sticky--scroll::-webkit-scrollbar-thumb:hover {
  background: #008E48;
}
.projectB4 .planCatalog__filters {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.projectB4 .planCatalog__filters .line {
  width: 100%;
  height: 1px;
  display: block;
  background: #DFEBE5;
}
.projectB4 .planCatalog__filters .filterBox {
  gap: 24px;
  flex-direction: row;
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog__filters .filterBox {
    padding: 0;
    border: none;
    gap: 16px;
  }
}
.projectB4 .planCatalog__filters .filterBox__label {
  width: 100px;
  font-size: 16px;
  font-weight: 700;
  line-height: 136%;
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog__filters .filterBox__label {
    font-size: 14px;
    padding-top: 4px;
    width: 80px;
  }
}
.projectB4 .planCatalog__filters .filterBox__label .smallSVG {
  margin-top: 12px;
  cursor: pointer;
}
.projectB4 .planCatalog__filters .filterBox__label .smallSVG svg {
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.projectB4 .planCatalog__filters .filterBox__label .smallSVG svg path {
  stroke-width: 8;
  pointer-events: none;
}
.projectB4 .planCatalog__filters .filterBox__label .smallSVG svg path:nth-child(2) {
  display: none;
}
.projectB4 .planCatalog__filters .filterBox .checkList,
.projectB4 .planCatalog__filters .filterBox .range-slider-wrapper {
  width: calc(100% - 124px);
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog__filters .filterBox .checkList,
  .projectB4 .planCatalog__filters .filterBox .range-slider-wrapper {
    width: calc(100% - 96px);
  }
}
.projectB4 .planCatalog__filters .filterBox .checkList__box input:checked + label {
  background: #008e48;
  color: white;
}
.projectB4 .planCatalog__filters .filterBox .checkList__box label {
  color: #121212;
  font-size: 14px;
  font-weight: 600;
  line-height: 136%;
  padding: 8px 12px;
  border-radius: 4px;
  background: #DFEBE5;
  border: none;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .projectB4 .planCatalog__filters .filterBox .checkList__box label:hover {
    background: #c9ead9;
  }
}
.projectB4 .planCatalog__filters .filterBox .range-display .input-box input {
  border: 1px solid #99A5A1;
  padding-right: 0;
}
.projectB4 .planCatalog__filters .filterBox .range-display .line {
  width: 12px;
}
.projectB4 .planCatalog__filters .filterBox .range-slider-wrapper .checkList {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog__filters .filterBox .range-slider-wrapper .checkList .checkList__box label {
    font-size: 13px;
  }
}
.projectB4 .planCatalog__list {
  width: calc(100% - 64px - 424px);
  align-self: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media screen and (max-width: 1450px) {
  .projectB4 .planCatalog__list {
    width: calc(100% - 32px - 424px);
    gap: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog__list {
    width: 100%;
    gap: 16px;
  }
}
.projectB4 .planCatalog .planItem {
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0 12px 44px 0 rgba(4, 98, 64, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  width: calc(25% - 24px);
  cursor: pointer;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .projectB4 .planCatalog .planItem:hover {
    box-shadow: 0 12px 44px 0 rgba(4, 98, 64, 0.2);
  }
}
@media screen and (max-width: 1780px) {
  .projectB4 .planCatalog .planItem {
    width: calc(33.333% - 21.3333333333px);
  }
}
@media screen and (max-width: 1450px) {
  .projectB4 .planCatalog .planItem {
    width: calc(33.333% - 13.3333333333px);
  }
}
@media screen and (max-width: 1380px) {
  .projectB4 .planCatalog .planItem {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 1140px) {
  .projectB4 .planCatalog .planItem {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog .planItem {
    width: calc(50% - 8px);
    box-shadow: 0 4px 16px 0 rgba(4, 98, 64, 0.15);
    border-radius: 12px;
    padding: 16px;
    gap: 12px;
  }
}
.projectB4 .planCatalog .planItem img {
  display: block;
  width: 100%;
  height: 125px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog .planItem img {
    height: 100px;
  }
}
.projectB4 .planCatalog .planItem__text {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog .planItem__text {
    gap: 12px;
  }
}
.projectB4 .planCatalog .planItem__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog .planItem__top {
    gap: 12px;
  }
}
.projectB4 .planCatalog .planItem__top p {
  color: #046240;
  font-size: 24px;
  font-weight: 700;
  line-height: 136%;
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog .planItem__top p {
    font-size: 20px;
  }
}
.projectB4 .planCatalog .planItem__top span {
  text-align: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 136%;
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog .planItem__top span {
    display: none;
  }
}
.projectB4 .planCatalog .planItem__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (min-width: 1025px) {
  .projectB4 .planCatalog .planItem__list--mobOnly {
    display: none !important;
  }
}
.projectB4 .planCatalog .planItem__list--item {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.projectB4 .planCatalog .planItem__list--item .line {
  width: 100%;
  border-bottom: 2px dashed #DFEBE5;
}
.projectB4 .planCatalog .planItem__list--item p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.36;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .projectB4 .planCatalog .planItem__list--item p {
    font-size: 12px;
  }
}
.projectB4 .planCatalog .planItem__list--item p:last-child {
  font-weight: 700;
}
.projectB4 .schemeCH {
  display: flex;
  align-items: center;
  gap: 64px;
}
@media screen and (max-width: 1450px) {
  .projectB4 .schemeCH {
    gap: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB4 .schemeCH {
    flex-direction: column-reverse;
    gap: 24px;
  }
}
.projectB4 .schemeCH .ttl {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 144%;
}
@media screen and (max-width: 1450px) {
  .projectB4 .schemeCH .ttl {
    font-size: 20px;
  }
}
.projectB4 .schemeCH > * {
  width: calc(33.333% - 42.6666666667px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 44px;
}
@media screen and (max-width: 1450px) {
  .projectB4 .schemeCH > * {
    gap: 16px;
    width: calc(33.333% - 26.6666666667px);
  }
}
@media screen and (max-width: 1024px) {
  .projectB4 .schemeCH > * {
    width: 100%;
  }
}
.projectB4 .schemeCH__sections {
  transition: 0.4s;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .projectB4 .schemeCH__sections {
    order: 3;
  }
}
.projectB4 .schemeCH__sections .sectionsContainer {
  position: relative;
  padding: 32px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .projectB4 .schemeCH__sections .sectionsContainer {
    padding: 24px;
  }
}
.projectB4 .schemeCH__sections .sectionsContainer .street {
  position: absolute;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .projectB4 .schemeCH__sections .sectionsContainer .street {
    font-size: 12px;
  }
}
.projectB4 .schemeCH__sections .sectionsContainer .street--top {
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
.projectB4 .schemeCH__sections .sectionsContainer .street--left {
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-90deg) translateY(50%);
}
.projectB4 .schemeCH__sections .sectionsContainer .street--right {
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(90deg) translateY(50%);
}
.projectB4 .schemeCH__sections .sectionsContainer .street--bottom {
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
.projectB4 .schemeCH__sections svg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 400px;
}
@media screen and (min-height: 500px) {
  .projectB4 .schemeCH__sections svg {
    max-height: calc(100vh - 250px);
  }
}
@media screen and (min-height: 700px) {
  .projectB4 .schemeCH__sections svg {
    max-height: calc(100vh - 350px);
  }
}
@media screen and (min-height: 950px) {
  .projectB4 .schemeCH__sections svg {
    max-height: calc(100vh - 650px);
  }
}
@media screen and (max-width: 1024px) {
  .projectB4 .schemeCH__sections svg {
    max-height: 350px;
  }
}
.projectB4 .schemeCH__rooms {
  transition: 0.4s;
  transition-delay: 0.2s;
}
.projectB4 .schemeCH__rooms .roomsContainer {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.projectB4 .schemeCH__rooms .roomsContainer.active {
  display: flex;
}
.projectB4 .schemeCH__rooms svg {
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (min-height: 500px) {
  .projectB4 .schemeCH__rooms svg {
    max-height: calc(100vh - 250px);
  }
}
@media screen and (min-height: 700px) {
  .projectB4 .schemeCH__rooms svg {
    max-height: calc(100vh - 320px);
  }
}
@media screen and (min-height: 950px) {
  .projectB4 .schemeCH__rooms svg {
    max-height: calc(100vh - 650px);
  }
}
@media screen and (max-width: 1024px) {
  .projectB4 .schemeCH__rooms svg {
    max-height: 340px;
  }
}
.projectB4 .schemeCH__rooms svg image {
  pointer-events: none;
}
.projectB4 .schemeCH__rooms svg path {
  transition: 0.4s;
  opacity: 0.5;
}
.projectB4 .schemeCH__rooms svg path:hover {
  opacity: 0.8;
}
.projectB4 .schemeCH__rooms .infoFlat {
  margin-top: -24px;
  transition: 0.4s;
  opacity: 0;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  gap: 24px;
}
@media screen and (max-width: 1450px) {
  .projectB4 .schemeCH__rooms .infoFlat {
    margin-top: -6px;
  }
}
.projectB4 .schemeCH__rooms .infoFlat .box {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 4px;
}
@media screen and (max-width: 1450px) {
  .projectB4 .schemeCH__rooms .infoFlat .box {
    gap: 0;
  }
}
.projectB4 .schemeCH__rooms .infoFlat .box span {
  color: #99A5A1;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
}
@media screen and (max-width: 1450px) {
  .projectB4 .schemeCH__rooms .infoFlat .box span {
    font-size: 14px;
  }
}
.projectB4 .schemeCH__rooms .infoFlat.active {
  opacity: 1;
}
.projectB4 .schemeCH__stages {
  display: flex;
  justify-content: center;
  transition: 0.4s;
  transition-delay: 0.2s;
}
.projectB4 .schemeCH__stages .stagesContainer {
  border-radius: 24px;
  border: 2px solid #DFEBE5;
  background: #FFF;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 24px;
  width: 100%;
  max-width: 340px;
}
@media screen and (max-width: 1450px) {
  .projectB4 .schemeCH__stages .stagesContainer {
    gap: 12px;
    max-width: 300px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB4 .schemeCH__stages .stagesContainer {
    max-width: unset;
    padding: 24px 20px;
    border-radius: 20px;
    align-items: center;
  }
}
.projectB4 .schemeCH__stages .stagesContainer.active {
  display: flex;
}
.projectB4 .schemeCH__stages ul {
  display: flex;
  flex-direction: column;
  padding-left: 28px;
}
.projectB4 .schemeCH__stages li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #99A5A1;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  padding: 8px 0;
}
@media screen and (max-width: 1450px) {
  .projectB4 .schemeCH__stages li {
    padding: 4px 0;
    font-size: 14px;
  }
}
@media not all and (pointer: coarse) {
  .projectB4 .schemeCH__stages li:hover {
    color: #008E48;
  }
  .projectB4 .schemeCH__stages li:hover span {
    background: rgba(0, 142, 72, 0.3);
  }
}
.projectB4 .schemeCH__stages li:before {
  content: "";
  position: absolute;
  z-index: 3;
  left: -26px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 4px solid white;
  border-radius: 99px;
  background: #DFEBE5;
  box-sizing: border-box;
  transition: 0.2s;
}
.projectB4 .schemeCH__stages li:after {
  content: "";
  position: absolute;
  left: -19px;
  top: 0;
  width: 2px;
  height: 100%;
  border-radius: 99px;
  background: #DFEBE5;
  transition: 0.2s;
}
.projectB4 .schemeCH__stages li:first-child:after {
  top: 50%;
  height: 50%;
}
.projectB4 .schemeCH__stages li:last-child:after {
  height: 50%;
}
.projectB4 .schemeCH__stages li.active {
  color: #008E48;
}
.projectB4 .schemeCH__stages li.active:before {
  background: #008e48;
}
.projectB4 .schemeCH__stages li.active span {
  background: #008E48;
  color: white;
}
.projectB4 .schemeCH__stages li span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  padding: 0 5px;
  height: 36px;
  border-radius: 4px;
  background: #DFEBE5;
  font-size: 14px;
  font-weight: 600;
  line-height: 136%;
  transition: 0.2s;
  color: #121212;
}
@media screen and (max-width: 1450px) {
  .projectB4 .schemeCH__stages li span {
    font-size: 12px;
    height: 28px;
    min-width: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .projectB4 .schemeCH.enabled .schemeCH__sections {
    left: 0;
    transform: scale(0.6);
    opacity: 0.5;
    cursor: pointer;
  }
  @media not all and (pointer: coarse) {
    .projectB4 .schemeCH.enabled .schemeCH__sections:hover {
      opacity: 0.7;
    }
  }
  .projectB4 .schemeCH.enabled .schemeCH__sections * {
    pointer-events: none;
  }
  .projectB4 .schemeCH:not(.enabled) .schemeCH__sections {
    transition-delay: 0.2s;
    left: calc((100vw - 15px - 128px) / 2);
    transform: translateX(-50%);
  }
  .projectB4 .schemeCH:not(.enabled) .schemeCH__sections .sectionsContainer {
    transform: none;
  }
  .projectB4 .schemeCH:not(.enabled) .schemeCH__rooms {
    transition-delay: 0s;
    opacity: 0;
    pointer-events: none;
  }
  .projectB4 .schemeCH:not(.enabled) .schemeCH__stages {
    transition-delay: 0s;
    opacity: 0;
    pointer-events: none;
  }
}

[data-svg-section] {
  pointer-events: none;
  cursor: pointer;
}
[data-svg-section] path {
  transition: 0.4s;
}
[data-svg-section].is-shown {
  pointer-events: auto;
}
[data-svg-section].is-shown path:nth-child(1) {
  fill: #DFEBE5;
}
[data-svg-section].is-shown:hover path:nth-child(1) {
  fill: rgba(0, 142, 72, 0.3);
}
[data-svg-section].is-shown.is-active path:nth-child(1) {
  fill: #008e48;
}
[data-svg-section].is-shown.is-active path:nth-child(2) {
  fill: white;
}

.projectB5 .container {
  display: flex;
  flex-direction: column;
  padding: 88px 0 40px;
}
@media screen and (max-width: 1024px) {
  .projectB5 .container {
    padding: 44px 0 24px;
  }
}
.projectB5 .line {
  background: #DFEBE5;
  height: 2px;
  width: 100%;
  margin: 64px 0 0;
}
@media screen and (max-width: 1024px) {
  .projectB5 .line {
    margin: 0;
  }
}
.projectB5__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .projectB5__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}
.projectB5__top--div {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .projectB5__top--div {
    padding: 20px 0;
    flex-direction: column;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
  }
}
.projectB5__top--div span {
  color: #99A5A1;
  font-weight: 700;
  font-size: 14px;
  padding-left: 28px;
}
@media screen and (min-width: 1025px) {
  .projectB5__top--div span {
    display: none;
  }
}
.projectB5__top--div svg, .projectB5__top--div img {
  display: block;
  width: 24px;
  min-width: 24px;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .projectB5__top--div svg, .projectB5__top--div img {
    position: absolute;
    left: 0;
    top: 20px;
    width: 20px;
    min-width: 20px;
  }
}
.projectB5__list {
  display: flex;
  flex-wrap: wrap;
}
.projectB5__list .box {
  padding: 48px;
  position: relative;
  border-bottom: 2px solid #DFEBE5;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
@media screen and (max-width: 1600px) {
  .projectB5__list .box {
    padding: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB5__list .box {
    gap: 8px;
    padding: 20px 0;
  }
}
.projectB5__list .box:after {
  content: "";
  position: absolute;
  right: -1px;
  top: 48px;
  width: 2px;
  height: calc(100% - 96px);
  background: #DFEBE5;
}
@media screen and (max-width: 1600px) {
  .projectB5__list .box:after {
    height: calc(100% - 64px);
    top: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB5__list .box:after {
    display: none;
  }
}
@media screen and (min-width: 1451px) {
  .projectB5__list .box {
    width: calc((100% - 384px) / 5 + 96px);
  }
  .projectB5__list .box:nth-child(5n-4) {
    width: calc((100% - 384px) / 5 + 48px);
    padding-left: 0;
  }
  .projectB5__list .box:nth-child(5n) {
    width: calc((100% - 384px) / 5 + 48px);
    padding-right: 0;
  }
  .projectB5__list .box:nth-child(5n):after {
    display: none;
  }
  .projectB5__list .box:nth-last-child(1) {
    border-bottom: none;
  }
  .projectB5__list .box:nth-last-child(1):after {
    display: none;
  }
  .projectB5__list .box:nth-last-child(2):nth-child(5n-4), .projectB5__list .box:nth-last-child(2):nth-child(5n-3), .projectB5__list .box:nth-last-child(2):nth-child(5n-2), .projectB5__list .box:nth-last-child(2):nth-child(5n-1) {
    border-bottom: none;
  }
  .projectB5__list .box:nth-last-child(3):nth-child(5n-4), .projectB5__list .box:nth-last-child(3):nth-child(5n-3), .projectB5__list .box:nth-last-child(3):nth-child(5n-2) {
    border-bottom: none;
  }
  .projectB5__list .box:nth-last-child(4):nth-child(5n-4), .projectB5__list .box:nth-last-child(4):nth-child(5n-3) {
    border-bottom: none;
  }
  .projectB5__list .box:nth-last-child(5):nth-child(5n-4) {
    border-bottom: none;
  }
}
@media screen and (min-width: 1381px) and (max-width: 1450px) {
  .projectB5__list .box {
    width: calc((100% - 192px) / 4 + 64px);
  }
  .projectB5__list .box:nth-child(4n-3) {
    width: calc((100% - 192px) / 4 + 32px);
    padding-left: 0;
  }
  .projectB5__list .box:nth-child(4n) {
    width: calc((100% - 192px) / 4 + 32px);
    padding-right: 0;
  }
  .projectB5__list .box:nth-child(4n):after {
    display: none;
  }
  .projectB5__list .box:nth-last-child(1) {
    border-bottom: none;
  }
  .projectB5__list .box:nth-last-child(1):after {
    display: none;
  }
  .projectB5__list .box:nth-last-child(2):nth-child(4n-3), .projectB5__list .box:nth-last-child(2):nth-child(4n-2), .projectB5__list .box:nth-last-child(2):nth-child(4n-1) {
    border-bottom: none;
  }
  .projectB5__list .box:nth-last-child(3):nth-child(4n-3), .projectB5__list .box:nth-last-child(3):nth-child(4n-2) {
    border-bottom: none;
  }
  .projectB5__list .box:nth-last-child(4):nth-child(4n-3) {
    border-bottom: none;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1380px) {
  .projectB5__list .box {
    width: calc((100% - 192px) / 3 + 96px);
  }
  .projectB5__list .box:nth-child(3n-2) {
    width: calc((100% - 192px) / 3 + 48px);
    padding-left: 0;
  }
  .projectB5__list .box:nth-child(3n) {
    width: calc((100% - 192px) / 3 + 48px);
    padding-right: 0;
  }
  .projectB5__list .box:nth-child(3n):after {
    display: none;
  }
  .projectB5__list .box:nth-last-child(1) {
    border-bottom: none;
  }
  .projectB5__list .box:nth-last-child(1):after {
    display: none;
  }
  .projectB5__list .box:nth-last-child(2):nth-child(3n-2), .projectB5__list .box:nth-last-child(2):nth-child(3n-1) {
    border-bottom: none;
  }
  .projectB5__list .box:nth-last-child(3):nth-child(3n-2) {
    border-bottom: none;
  }
}
@media screen and (max-width: 1024px) {
  .projectB5__list .box {
    width: 100%;
  }
  .projectB5__list .box:nth-last-child(1) {
    border-bottom: none;
  }
}
.projectB5__list .box img {
  display: block;
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .projectB5__list .box img {
    position: absolute;
    left: 0;
    top: 20px;
    width: 20px;
    height: 20px;
  }
}
.projectB5__list .box span {
  color: #99A5A1;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .projectB5__list .box span {
    font-size: 14px;
    padding-left: 28px;
  }
}
.projectB5__list .box p {
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 1600px) {
  .projectB5__list .box p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB5__list .box p {
    font-size: 16px;
  }
}
.projectB5__map {
  position: relative;
}
.projectB5__map:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0.3) 0%, rgba(18, 18, 18, 0) 100%);
  width: 100%;
  height: 100px;
  z-index: 2;
}
.projectB5__map iframe {
  display: block;
  width: 100%;
  height: 600px;
}
@media screen and (max-width: 1024px) {
  .projectB5__map iframe {
    height: 500px;
  }
}

.projectB6 {
  padding: 88px 0;
  background: #F1F5F3;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .projectB6 {
    padding: 44px 0;
  }
}
.projectB6 .container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media screen and (max-width: 1024px) {
  .projectB6 .container {
    gap: 24px;
  }
}
.projectB6 h2 {
  padding-right: 136px;
}
@media screen and (max-width: 1024px) {
  .projectB6 h2 {
    padding-right: 104px;
  }
}
.projectB6 .splide {
  background: #F1F5F3;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .projectB6 .splide {
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 1025px) {
  .projectB6 .splide:before {
    content: "";
    position: absolute;
    z-index: 3;
    left: 100%;
    top: 0;
    width: 80px;
    height: 100%;
    background: linear-gradient(to right, rgba(241, 245, 243, 0), #F1F5F3);
  }
  .projectB6 .splide:after {
    content: "";
    position: absolute;
    z-index: 3;
    right: 100%;
    top: 0;
    width: 80px;
    height: 100%;
    background: linear-gradient(to left, rgba(241, 245, 243, 0), #F1F5F3);
  }
}
.projectB6 .splide .box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .projectB6 .splide .box {
    gap: 12px;
  }
}
@media not all and (pointer: coarse) {
  .projectB6 .splide .box:hover img {
    transform: translateY(2%) scale(0.95);
  }
}
.projectB6 .splide .box__date {
  color: #FFF;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 20px;
  background: #046240;
}
@media screen and (max-width: 1024px) {
  .projectB6 .splide .box__date {
    font-size: 14px;
  }
}
.projectB6 .splide .box__container {
  background: white;
  border-radius: 36px;
}
@media screen and (max-width: 1024px) {
  .projectB6 .splide .box__container {
    border-radius: 20px;
  }
}
.projectB6 .splide .box__container img {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  border-radius: 36px;
  transition: 0.4s;
}
@media screen and (max-width: 1024px) {
  .projectB6 .splide .box__container img {
    border-radius: 20px;
  }
}
.projectB6 .splide .box__container p {
  padding: 20px 20px 24px 20px;
  font-weight: 600;
}
.projectB6 .splide__arrows {
  position: absolute;
  right: 0;
  top: -114px;
  transform: translate(0, -50%);
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 1380px) {
  .projectB6 .splide__arrows {
    top: -94px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB6 .splide__arrows {
    gap: 16px;
    right: -40px;
    top: -43px;
  }
}
.projectB6 .splide__arrow {
  position: static;
  transform: none;
  border-radius: 12px;
  border: 1px solid #008E48;
  background: rgba(0, 142, 72, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: 0.4s;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .projectB6 .splide__arrow {
    width: 32px;
    height: 32px;
    border-radius: 8px;
  }
}
.projectB6 .splide__arrow[disabled] {
  opacity: 0.3;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .projectB6 .splide__arrow svg {
    display: block;
    width: 12px;
    height: auto;
  }
}
.projectB6 .splide__arrow svg * {
  fill: #008E48;
}
@media not all and (pointer: coarse) {
  .projectB6 .splide__arrow:hover {
    background: rgba(0, 142, 72, 0.2);
  }
}
.projectB6 .splide__arrow:active {
  background: rgba(0, 142, 72, 0.3);
}

.projectB7 {
  padding: 88px 0;
  background: #121212;
  color: white;
}
@media screen and (max-width: 1024px) {
  .projectB7 {
    padding: 44px 0;
  }
}
.projectB7 .container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media screen and (max-width: 1024px) {
  .projectB7 .container {
    gap: 24px;
  }
}
@media screen and (min-width: 1251px) {
  .projectB7 .projectBox:nth-child(4) {
    display: none;
  }
}

.projectB8 {
  padding: 88px 0;
}
@media screen and (max-width: 1024px) {
  .projectB8 {
    padding: 44px 0;
  }
}
.projectB8 .container {
  display: flex;
  gap: 64px;
}
@media screen and (max-width: 1450px) {
  .projectB8 .container {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .projectB8 .container {
    gap: 32px;
  }
}
.projectB8 .line {
  display: block;
  width: 2px;
  min-width: 2px;
  background: #DFEBE5;
}
@media screen and (max-width: 1450px) {
  .projectB8 .line {
    width: 100%;
    height: 2px;
    min-width: unset;
  }
}
.projectB8__left {
  width: calc(50% - 65px);
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (max-width: 1450px) {
  .projectB8__left {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .projectB8__left {
    width: calc(100% - 40px);
    gap: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB8__left .splide {
    width: 100%;
  }
}
@media screen and (min-width: 1451px) {
  .projectB8__left .splide__list {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1451px) {
  .projectB8__left .splide__slide:nth-child(1) {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 2px solid #DFEBE5;
  }
}
@media screen and (min-width: 1451px) and (min-width: 1025px) {
  .projectB8__left .splide__slide:nth-child(1) {
    width: 100% !important;
  }
}
@media screen and (min-width: 1451px) {
  .projectB8__left .splide__slide:nth-child(1) .newsBox {
    gap: 24px;
  }
  .projectB8__left .splide__slide:nth-child(1) .newsBox__image-container {
    width: calc(50vw - 590px);
  }
  .projectB8__left .splide__slide:nth-child(1) .newsBox__text {
    padding: 0;
  }
  .projectB8__left .splide__slide:nth-child(1) .newsBox__title {
    font-size: 28px;
  }
}
@media screen and (min-width: 1451px) and (min-width: 1025px) {
  .projectB8__left .splide__slide:nth-child(n+2) {
    width: calc(33.333% - 21.3333333333px) !important;
  }
}
@media screen and (min-width: 1451px) {
  .projectB8__left .splide__slide:nth-child(n+2) .newsBox {
    gap: 24px;
  }
  .projectB8__left .splide__slide:nth-child(n+2) .newsBox__image-container {
    max-width: 160px;
  }
  .projectB8__left .splide__slide:nth-child(n+2) .newsBox__image {
    border-radius: 24px;
  }
  .projectB8__left .splide__slide:nth-child(n+2) .newsBox__title {
    font-size: 20px;
  }
}
@media screen and (min-width: 1451px) and (max-width: 1780px) {
  .projectB8__left .splide__slide:nth-child(n+2) .newsBox__title {
    font-size: 16px;
  }
}
@media screen and (min-width: 1451px) {
  .projectB8__left .splide__slide:nth-child(n+2) .newsBox__text {
    padding: 0;
  }
  .projectB8__left .splide__slide:last-child {
    margin-right: 0 !important;
  }
}
.projectB8__left .btn {
  margin-top: auto;
}
.projectB8__right {
  width: calc(50% - 65px);
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1450px) {
  .projectB8__right {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .projectB8__right {
    gap: 24px;
  }
}
.projectB8__right .splide {
  width: 100%;
}
.projectB8__right .splide .box {
  width: 100%;
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .projectB8__right .splide .box {
    flex-direction: column;
    gap: 16px;
  }
}
.projectB8__right .splide .box__media {
  width: calc(48% - 16px);
}
@media screen and (max-width: 1450px) {
  .projectB8__right .splide .box__media {
    max-width: 300px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB8__right .splide .box__media {
    width: 100%;
    max-width: unset;
  }
}
.projectB8__right .splide .box__media div {
  width: 100%;
  position: relative;
  padding-bottom: 177.7777777778%;
}
.projectB8__right .splide .box__media video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 36px;
}
@media screen and (max-width: 1024px) {
  .projectB8__right .splide .box__media video {
    border-radius: 20px;
  }
}
.projectB8__right .splide .box__text {
  width: calc(52% - 16px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 16px;
  padding-bottom: 35%;
}
@media screen and (max-width: 1450px) {
  .projectB8__right .splide .box__text {
    padding-bottom: 220px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB8__right .splide .box__text {
    padding: 0;
    width: 100%;
    gap: 8px;
    flex-direction: row;
    min-height: 64px;
  }
}
.projectB8__right .splide .box__text .num {
  color: #B6B6B6;
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .projectB8__right .splide .box__text .num {
    font-size: 14px;
    width: 100px;
    min-width: 100px;
  }
}
.projectB8__right .splide .box__text .num span {
  color: #121212;
  font-size: 24px;
}
@media screen and (max-width: 1024px) {
  .projectB8__right .splide .box__text .num span {
    font-size: 16px;
  }
}
.projectB8__right .splide .box__text p {
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .projectB8__right .splide .box__text p {
    font-size: 16px;
  }
}
.projectB8__right .splide__arrows {
  position: absolute;
  left: calc(48% + 16px);
  bottom: 35%;
  transform: translate(0, 100%);
  display: flex;
  flex-direction: column;
  gap: 24px;
  z-index: 3;
}
@media screen and (max-width: 1450px) {
  .projectB8__right .splide__arrows {
    left: 332px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB8__right .splide__arrows {
    left: 0;
    bottom: 0;
    transform: none;
    gap: 12px;
    flex-direction: row;
  }
}
.projectB8__right .splide__arrow {
  position: static;
  transform: none;
  border-radius: 12px;
  border: 1px solid #008E48;
  background: rgba(0, 142, 72, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: 0.4s;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .projectB8__right .splide__arrow {
    width: 32px;
    height: 32px;
    border-radius: 8px;
  }
}
@media not all and (pointer: coarse) {
  .projectB8__right .splide__arrow:hover {
    background: rgba(0, 142, 72, 0.2);
  }
}
.projectB8__right .splide__arrow:active {
  background: rgba(0, 142, 72, 0.3);
}
.projectB8__right .splide__arrow[disabled] {
  opacity: 0.3;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .projectB8__right .splide__arrow svg {
    width: 12px;
    height: auto;
  }
}
.projectB8__right .splide__arrow svg * {
  fill: #008E48;
}
@media screen and (min-width: 1025px) {
  .projectB8__right .splide__arrow--prev svg {
    transform: rotate(-90deg);
  }
  .projectB8__right .splide__arrow--next svg {
    transform: rotate(90deg);
  }
}
.projectB8__right .line {
  background: #DFEBE5;
  height: 2px;
  width: 100%;
}
.projectB8__right--bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .projectB8__right--bottom {
    flex-direction: column;
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .projectB8__right--bottom .btn {
    width: 100%;
  }
}
.projectB8__right--bottom .soc {
  display: flex;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .projectB8__right--bottom .soc {
    justify-content: center;
  }
}
.projectB8__right--bottom .soc a {
  display: block;
  padding: 12px;
}
.projectB8__right--bottom .soc a svg {
  display: block;
  width: 24px;
  height: auto;
}

.faqB1 {
  padding: 88px 0;
}
@media screen and (max-width: 1024px) {
  .faqB1 {
    padding: 44px 0;
  }
}
.faqB1 .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
@media screen and (max-width: 1024px) {
  .faqB1 .container {
    gap: 24px;
  }
}
.faqB1 h2 {
  text-align: center;
}
.faqB1 .acc {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  gap: 24px;
}
.faqB1 .acc-box {
  width: 100%;
  border-radius: 44px;
  border: 2px solid #F1F5F3;
  background: #FFF;
}
@media screen and (max-width: 1024px) {
  .faqB1 .acc-box {
    border-radius: 20px;
  }
}
.faqB1 .acc-title {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 20px 20px 36px;
  border-radius: 42px;
  background: #F1F5F3;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .faqB1 .acc-title {
    padding: 16px;
    gap: 12px;
    border-radius: 20px;
  }
}
@media not all and (pointer: coarse) {
  .faqB1 .acc-title:hover svg:first-child path:nth-child(1) {
    opacity: 1;
  }
  .faqB1 .acc-title:hover svg:first-child path:nth-child(2) {
    fill: white;
  }
  .faqB1 .acc-title:hover svg:first-child path:nth-child(3) {
    fill: white;
  }
  .faqB1 .acc-title:hover svg:last-child path:nth-child(1) {
    fill: #046240;
  }
  .faqB1 .acc-title:hover svg:last-child path:nth-child(2) {
    fill: white;
  }
}
.faqB1 .acc-title.open svg:first-child path:nth-child(1) {
  opacity: 1;
}
.faqB1 .acc-title.open svg:first-child path:nth-child(2) {
  fill: white;
}
.faqB1 .acc-title.open svg:first-child path:nth-child(3) {
  fill: white;
}
.faqB1 .acc-title.open svg:last-child {
  transform: rotate(45deg);
}
.faqB1 .acc-title svg {
  display: block;
  height: auto;
  transition: 0.4s;
}
.faqB1 .acc-title svg * {
  transition: 0.4s;
}
.faqB1 .acc-title svg:first-child {
  width: 32px;
  min-width: 32px;
}
@media screen and (max-width: 1024px) {
  .faqB1 .acc-title svg:first-child {
    width: 24px;
    min-width: 24px;
    display: none;
  }
}
.faqB1 .acc-title svg:first-child path:nth-child(1) {
  opacity: 0.5;
}
.faqB1 .acc-title svg:last-child {
  width: 44px;
  min-width: 44px;
  margin-left: 32px;
}
@media screen and (max-width: 1024px) {
  .faqB1 .acc-title svg:last-child {
    margin: 0;
    width: 24px;
    min-width: 24px;
  }
}
.faqB1 .acc-title svg:last-child path:nth-child(1) {
  opacity: 0.5;
}
.faqB1 .acc-title p {
  width: 100%;
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .faqB1 .acc-title p {
    font-size: 16px;
  }
}
.faqB1 .acc-body {
  overflow: hidden;
  height: 0;
  transition: 0.4s;
}
.faqB1 .acc-body .txt-content {
  padding: 36px 84px;
}
@media screen and (max-width: 1024px) {
  .faqB1 .acc-body .txt-content {
    padding: 16px;
  }
}

.projectB3__list .box__top p{
	white-space: nowrap;
}