@keyframes slide-animation-01 {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide-animation-02 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fv-custom {
  position: relative;
  width: 100%;
  height: 100dvh;
  min-height: 560px;
  max-height: 680px;
  overflow: hidden;
}

.fv-custom .slide {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 0;
}

.fv-custom .slide .picture {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
}

.fv-custom .slide .picture.picture1 {
  opacity: 1;
  animation: slide-animation-01 10s infinite ease-in-out;
}

.fv-custom .slide .picture.picture2 {
  animation: slide-animation-02 10s infinite ease-in-out;
}

.fv-custom .slide .picture .img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  
}


.fv-custom .slide::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  height: 160px;
  background: linear-gradient(to bottom, #338 0%, transparent 100%);
  z-index: 11;
}

.fv-custom .picture,
.fv-custom .img {
  width: 100%;
  height: 100%;
}
.fv-custom .img {
  object-fit: cover;
}

.fv-inner {
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 min(100px, var(--content-spacing));
  box-sizing: border-box;
  z-index: 12;
}
.fv-inner .text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  z-index: 12;
}
.fv-inner .fv-main {
  padding-inline: 8px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 100%
  );
}

.fv-inner .fv-sub {
  padding-inline: 8px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 100%
  );
}

.fv-inner .fv-main {
}
.fv-inner .fv-main-text {
  color: #338;
  font-family: 'Zen Antique';
  font-size: clamp(26px, 7vw, 72px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}

.fv-inner .fv-sub-text {
  color: #338;
  font-family: 'Zen Antique';
  font-size: clamp(26px, 7vw, 72px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
}
@media (min-width: 890px) {
  .fv-custom {
    max-height: 1200px;
  }
  .fv-custom .slide::after {
    height: 320px;
  }
  .fv-inner {
    top: 55%;
  }
  .fv-inner .text-wrapper {
    align-items: flex-start;
    gap: 26px;
  }
}

.fv-custom::after {
  content: '';
  position: absolute;
  bottom: 80px;
  left: 0;
  width: 298px;
  height: 148px;
  background: rgba(248, 195, 96, 0.5);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="298" height="148" viewBox="0 0 298 148"><path d="M149.917 148H178.185C186.346 148 192.94 141.368 192.94 133.2C192.94 125.032 186.346 118.4 178.185 118.4H100.698C92.5547 118.4 85.9421 111.768 85.9421 103.6C85.9421 95.4323 92.5547 88.8 100.698 88.8H283.245C291.387 88.8 298 82.1677 298 74C298 65.8323 291.387 59.2 283.245 59.2H12.3224C4.17953 59.2 -2.43307 52.5677 -2.43307 44.4C-2.43307 36.2323 4.17953 29.6 12.3224 29.6H39.2366C47.3794 29.6 53.992 22.9678 53.992 14.8C53.992 6.63225 47.3794 0 39.2366 0H-262.245C-270.387 0 -277 6.63225 -277 14.8C-277 22.9678 -270.387 29.6 -262.245 29.6H-42.7023C-34.5594 29.6 -27.9468 36.2323 -27.9468 44.4C-27.9468 52.5677 -34.5594 59.2 -42.7023 59.2H-51.5871C-59.7299 59.2 -66.3426 65.8323 -66.3426 74C-66.3426 82.1677 -59.7299 88.8 -51.5871 88.8H45.6822C53.8251 88.8 60.4377 95.4323 60.4377 103.6C60.4377 111.768 53.8251 118.4 45.6822 118.4H-57.8844C-66.0458 118.4 -72.6398 125.032 -72.6398 133.2C-72.6398 141.368 -66.0458 148 -57.8844 148H149.926H149.917Z"/></svg>')
    no-repeat center center/contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="298" height="148" viewBox="0 0 298 148"><path d="M149.917 148H178.185C186.346 148 192.94 141.368 192.94 133.2C192.94 125.032 186.346 118.4 178.185 118.4H100.698C92.5547 118.4 85.9421 111.768 85.9421 103.6C85.9421 95.4323 92.5547 88.8 100.698 88.8H283.245C291.387 88.8 298 82.1677 298 74C298 65.8323 291.387 59.2 283.245 59.2H12.3224C4.17953 59.2 -2.43307 52.5677 -2.43307 44.4C-2.43307 36.2323 4.17953 29.6 12.3224 29.6H39.2366C47.3794 29.6 53.992 22.9678 53.992 14.8C53.992 6.63225 47.3794 0 39.2366 0H-262.245C-270.387 0 -277 6.63225 -277 14.8C-277 22.9678 -270.387 29.6 -262.245 29.6H-42.7023C-34.5594 29.6 -27.9468 36.2323 -27.9468 44.4C-27.9468 52.5677 -34.5594 59.2 -42.7023 59.2H-51.5871C-59.7299 59.2 -66.3426 65.8323 -66.3426 74C-66.3426 82.1677 -59.7299 88.8 -51.5871 88.8H45.6822C53.8251 88.8 60.4377 95.4323 60.4377 103.6C60.4377 111.768 53.8251 118.4 45.6822 118.4H-57.8844C-66.0458 118.4 -72.6398 125.032 -72.6398 133.2C-72.6398 141.368 -66.0458 148 -57.8844 148H149.926H149.917Z"/></svg>')
    no-repeat center center/contain;
  z-index: 11;
}
@media (min-width: 890px) {
  .fv-custom::before {
    content: '';
    position: absolute;
    top: 253px;
    right: 0;
    width: 426px;
    height: 160px;
    background: rgba(255, 255, 255, 0.5);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="426" height="160" viewBox="0 0 426 160"><path d="M159.67 160H129.19C120.39 160 113.28 152.83 113.28 144C113.28 135.17 120.39 128 129.19 128H212.74C221.52 128 228.65 120.83 228.65 112C228.65 103.17 221.52 96 212.74 96H15.91C7.12994 96 0 88.83 0 80C0 71.17 7.12994 64 15.91 64H308.03C316.81 64 323.94 56.83 323.94 48C323.94 39.17 316.81 32 308.03 32H279.01C270.23 32 263.1 24.83 263.1 16C263.1 7.17 270.23 0 279.01 0H604.08C612.86 0 619.99 7.17 619.99 16C619.99 24.83 612.86 32 604.08 32H367.36C358.58 32 351.45 39.17 351.45 48C351.45 56.83 358.58 64 367.36 64H376.94C385.72 64 392.85 71.17 392.85 80C392.85 88.83 385.72 96 376.94 96H272.06C263.28 96 256.15 103.17 256.15 112C256.15 120.83 263.28 128 272.06 128H383.73C392.53 128 399.64 135.17 399.64 144C399.64 152.83 392.53 160 383.73 160H159.66H159.67Z"/></svg>')
      no-repeat center center/contain;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="426" height="160" viewBox="0 0 426 160"><path d="M159.67 160H129.19C120.39 160 113.28 152.83 113.28 144C113.28 135.17 120.39 128 129.19 128H212.74C221.52 128 228.65 120.83 228.65 112C228.65 103.17 221.52 96 212.74 96H15.91C7.12994 96 0 88.83 0 80C0 71.17 7.12994 64 15.91 64H308.03C316.81 64 323.94 56.83 323.94 48C323.94 39.17 316.81 32 308.03 32H279.01C270.23 32 263.1 24.83 263.1 16C263.1 7.17 270.23 0 279.01 0H604.08C612.86 0 619.99 7.17 619.99 16C619.99 24.83 612.86 32 604.08 32H367.36C358.58 32 351.45 39.17 351.45 48C351.45 56.83 358.58 64 367.36 64H376.94C385.72 64 392.85 71.17 392.85 80C392.85 88.83 385.72 96 376.94 96H272.06C263.28 96 256.15 103.17 256.15 112C256.15 120.83 263.28 128 272.06 128H383.73C392.53 128 399.64 135.17 399.64 144C399.64 152.83 392.53 160 383.73 160H159.66H159.67Z"/></svg>')
      no-repeat center center/contain;
    z-index: 11;
  }
  .fv-custom::after {
    bottom: 20px;
    width: 405px;
    height: 148px;
    background: rgba(248, 195, 96, 0.5);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="405" height="148" viewBox="0 0 405 148"><path d="M256.917 148H285.185C293.346 148 299.94 141.368 299.94 133.2C299.94 125.032 293.346 118.4 285.185 118.4H207.698C199.555 118.4 192.942 111.768 192.942 103.6C192.942 95.4323 199.555 88.8 207.698 88.8H390.245C398.387 88.8 405 82.1677 405 74C405 65.8323 398.387 59.2 390.245 59.2H119.322C111.18 59.2 104.567 52.5678 104.567 44.4C104.567 36.2323 111.18 29.6 119.322 29.6H146.237C154.379 29.6 160.992 22.9678 160.992 14.8C160.992 6.63225 154.379 0 146.237 0H-155.245C-163.387 0 -170 6.63225 -170 14.8C-170 22.9678 -163.387 29.6 -155.245 29.6H64.2977C72.4406 29.6 79.0532 36.2323 79.0532 44.4C79.0532 52.5678 72.4406 59.2 64.2977 59.2H55.4129C47.2701 59.2 40.6574 65.8323 40.6574 74C40.6574 82.1677 47.2701 88.8 55.4129 88.8H152.682C160.825 88.8 167.438 95.4323 167.438 103.6C167.438 111.768 160.825 118.4 152.682 118.4H49.1156C40.9542 118.4 34.3602 125.032 34.3602 133.2C34.3602 141.368 40.9542 148 49.1156 148H256.926H256.917Z"/></svg>')
      no-repeat center center/contain;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="405" height="148" viewBox="0 0 405 148"><path d="M256.917 148H285.185C293.346 148 299.94 141.368 299.94 133.2C299.94 125.032 293.346 118.4 285.185 118.4H207.698C199.555 118.4 192.942 111.768 192.942 103.6C192.942 95.4323 199.555 88.8 207.698 88.8H390.245C398.387 88.8 405 82.1677 405 74C405 65.8323 398.387 59.2 390.245 59.2H119.322C111.18 59.2 104.567 52.5678 104.567 44.4C104.567 36.2323 111.18 29.6 119.322 29.6H146.237C154.379 29.6 160.992 22.9678 160.992 14.8C160.992 6.63225 154.379 0 146.237 0H-155.245C-163.387 0 -170 6.63225 -170 14.8C-170 22.9678 -163.387 29.6 -155.245 29.6H64.2977C72.4406 29.6 79.0532 36.2323 79.0532 44.4C79.0532 52.5678 72.4406 59.2 64.2977 59.2H55.4129C47.2701 59.2 40.6574 65.8323 40.6574 74C40.6574 82.1677 47.2701 88.8 55.4129 88.8H152.682C160.825 88.8 167.438 95.4323 167.438 103.6C167.438 111.768 160.825 118.4 152.682 118.4H49.1156C40.9542 118.4 34.3602 125.032 34.3602 133.2C34.3602 141.368 40.9542 148 49.1156 148H256.926H256.917Z"/></svg>')
      no-repeat center center/contain;
  }
}