/*
  Variable
*/
/*
  Function
*/
/*
  CSS Override (Cancel)
*/
.contents,
.main_column {
  width: auto;
}

.pankuzu_area ul.pankuzu,
#main_visual {
  display: none;
}

.pankuzu_area {
  padding: 0;
}

.contents,
.contents .columns {
  padding-bottom: 0;
}

#wholewrapper {
  visibility: hidden;
}

/* CSS Override (Cancel) for PC */
@media screen and (min-width: 768px) {
  #main {
    padding-bottom: 0;
  }
  #main.main_contents.wide {
    max-width: 100%;
  }
}
/* CSS Override (Cancel) for TAB */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  header .header_logo {
    padding-left: 15px;
  }

  #main {
    padding-bottom: 0;
  }
  #main.main_contents.wide {
    padding-left: 0;
    padding-right: 0;
  }
}
/* CSS Override (Cancel) for SP */
@media screen and (max-width: 767px) {
  #main {
    padding-bottom: 0;
  }
  #main.main_contents.wide {
    padding-left: 0;
    padding-right: 0;
  }
}
/*
  OP
*/
#main #op {
  display: none;
}

body > #op {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  /* OP PC */
  /* OP TAB */
  /* OP SP */
  /* Opening SE */
}
body > #op .wrapper {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
  width: 100%;
  height: auto;
}
body > #op .wrapper .op__logo {
  opacity: 0;
  visibility: hidden;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  transition: opacity 0.7s ease-in;
}
body > #op .wrapper .op__logo img {
  width: 100%;
}
body > #op .wrapper .op__logo.active {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 768px) {
  body > #op .wrapper .op__logo {
    width: 15vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  body > #op .wrapper .op__logo {
    width: 35vw;
  }
}
@media screen and (max-width: 767px) {
  body > #op .wrapper .op__logo {
    width: 50vw;
  }
  body > #op .wrapper .op_text {
    margin: 2em auto 0 auto;
  }
  body > #op .wrapper .op_text img {
    width: 98vw;
    height: auto;
  }
}

/*
  Main
*/
#main {
  /* COMMON ALL */
  font-family: "Noto Serif JP", serif;
  color: #333;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  /* COMMON */
  /* COMMON PC */
  /* COMMON TAB */
  /* COMMON SP */
  /* COMMON SE */
  /* HERO */
}
#main img {
  vertical-align: bottom;
}
#main img[src$=".svg"] {
  max-width: 100%;
  height: auto;
}
#main a {
  text-decoration: none;
}
#main h2, #main h3, #main h4, #main h5, #main p, #main ul, #main ol, #main figure {
  padding: 0;
  margin: 0;
  list-style: none;
}
#main .container {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
#main .d-block {
  display: block;
}
#main .d-inline {
  display: inline;
}
#main .d-none {
  display: none;
}
#main .text-left {
  text-align: left;
}
#main .text-center {
  text-align: center;
}
#main .text-right {
  text-align: right;
}
#main .bg-white {
  background: #fff;
}
#main .bg-black {
  background: #000;
}
#main .color-white {
  color: #fff;
}
#main .color-black {
  color: #000;
}
#main .color-green {
  color: #46643c;
}
#main .ls-0 {
  letter-spacing: 0;
}
#main .ls-01 {
  letter-spacing: 0.1em;
}
#main .ls-0-05 {
  letter-spacing: 0.05em;
}
#main .lh-1 {
  line-height: 1;
}
#main .lh-1-5 {
  line-height: 1.5;
}
#main .lh-1-6 {
  line-height: 1.6;
}
#main .lh-1-75 {
  line-height: 1.75;
}
#main .lh-1-87 {
  line-height: 1.87;
}
#main .lh-2 {
  line-height: 2;
}
#main .fw-100 {
  font-weight: 100;
}
#main .fw-200 {
  font-weight: 200;
}
#main .fw-300 {
  font-weight: 300;
}
#main .fw-400 {
  font-weight: 400;
}
#main .fw-500 {
  font-weight: 500;
}
#main .fw-600 {
  font-weight: 600;
}
#main .fw-700 {
  font-weight: 700;
}
#main .fw-900 {
  font-weight: 900;
}
#main .w-100 {
  width: 100%;
}
#main .max-img {
  width: 100%;
  height: auto;
}
#main .hover-opacity {
  opacity: 1;
  transition: opacity 0.6s ease-out;
}
#main .hover-opacity:hover {
  opacity: 0.8 !important;
}
#main .box-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
#main .show-pc, #main .show-tab, #main .show-sp {
  display: none;
}
#main .font-sans {
  font-family: 'Noto Sans JP', serif;
}
#main .font-serif {
  font-family: 'Noto Serif JP', serif;
}
#main .font-josefin {
  font-family: "Josefin Sans", sans-serif;
}
#main .text-gradient {
  background: linear-gradient(45deg, #286e96 0%, #286e96 50%, #508250 50%, #508250 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#main .model-room {
  border-top: solid 1px #46643c;
  margin-inline: auto;
}
#main .model-room .model-room__btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: linear-gradient(90deg, #286e96 0%, #508250 100%);
}
#main .animate-fadein {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
#main .animate-fadein-delay {
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}
#main .animate-fadein.is-animated,
#main .animate-fadein-delay.is-animated {
  opacity: 1.0;
}
@media screen and (min-width: 768px) {
  #main {
    font-size: 16px;
  }
  #main .show-pc {
    display: block;
  }
  #main .container {
    width: 1030px;
  }
  #main .section {
    padding: 80px 0;
  }
  #main .model-room {
    width: 600px;
    margin-top: 80px;
  }
  #main .model-room .model-room__title p {
    font-size: 20px;
    padding: 20px 0;
  }
  #main .model-room .model-room__title strong {
    font-size: 35px;
  }
  #main .model-room .model-room__btn {
    margin-top: 30px;
  }
  #main .model-room .model-room__btn a {
    height: 80px;
    font-size: 25px;
    transition: background 0.2s ease-in, box-shadow 0.2s ease-in;
  }
  #main .model-room .model-room__btn a:hover {
    background: linear-gradient(90deg, #508250 0%, #286e96 100%);
    box-shadow: 0 2.5px 5px rgba(0, 0, 0, 0.5);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #main .container {
    width: 100%;
  }
  #main .show-tab {
    display: block;
  }
  #main .img-tab {
    width: 100%;
    height: auto;
  }
  #main .section {
    padding: 50px 0;
  }
  #main .model-room {
    margin-top: 50px;
  }
  #main .model-room .model-room__btn a {
    font-size: calc(25px * 0.9);
  }
}
@media screen and (max-width: 767px) {
  #main {
    font-size: 14px;
  }
  #main img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #main .show-sp {
    display: block;
  }
  #main .section {
    padding: 40px 0;
  }
  #main .model-room {
    margin-top: 40px;
  }
  #main .model-room .model-room__title p {
    font-size: 14px;
    padding: 15px 0;
  }
  #main .model-room .model-room__title strong {
    font-size: calc(35px * 0.6);
  }
  #main .model-room .model-room__btn {
    margin-top: 20px;
  }
  #main .model-room .model-room__btn a {
    height: 60px;
    font-size: calc(25px * 0.7);
  }
}
#main .hero {
  position: relative;
  /* HERO PC */
  /* HERO TAB */
  /* HERO SP */
  /* HERO SE */
}
#main .hero img,
#main .hero svg {
  width: 100%;
  height: auto;
}
#main .hero .hero__title,
#main .hero .hero__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #main .hero {
    position: relative;
  }
  #main .hero .sp-wrapper {
    display: contents;
  }
  #main .hero .hero__img {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
  }
  #main .hero .hero__img img {
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  #main .hero .sp-wrapper {
    position: relative;
  }
  #main .hero .sp-wrapper .hero__title,
  #main .hero .sp-wrapper .hero__text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}

/* SUMMARY */
.summary {
  background: #ECEFEB;
  /* SUMMARY PC */
  /* SUMMARY TAB */
  /* SUMMARY SP */
  /* SUMMARY SE */
}
@media screen and (min-width: 768px) {
  .summary .summary__title h2 {
    font-size: 50px;
  }
  .summary .summary__text {
    font-size: 20px;
    line-height: calc($line_spacing / $font_size);
    margin-top: 70px;
  }
  .summary .summary__illust {
    margin-top: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .summary .summary__title h2 {
    font-size: calc(50px * 0.8);
  }
  .summary .summary__text {
    font-size: calc(20px * 0.9);
    line-height: calc($line_spacing / $font_size);
    margin-top: 30px;
  }
  .summary .summary__illust {
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .summary .summary__title h2 {
    font-size: calc(50px * 0.5);
  }
  .summary .summary__text {
    font-size: 14px;
    line-height: calc($line_spacing / $font_size);
    margin-top: 30px;
  }
  .summary .summary__illust {
    margin-top: 45px;
  }
  .summary .summary__illust img {
    width: 43% !important;
  }
}

/* STAY */
.stay {
  /* STAY PC */
  /* STAY TAB */
  /* STAY SP */
  /* STAY SE */
}
@media screen and (min-width: 768px) {
  .stay .stay__title h2 {
    font-size: 35px;
  }
  .stay .stay__slider {
    margin-top: 75px;
  }
  .stay .stay__slider .stay__slider--item {
    width: 32.9429vw;
    margin: 0 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .stay .stay__slider {
    margin-top: 45px;
  }
  .stay .stay__slider .stay__slider--item {
    margin: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .stay .stay__title h2 {
    font-size: calc(35px * 0.6);
  }
  .stay .stay__slider {
    margin-top: 30px;
  }
  .stay .stay__slider .stay__slider--item {
    width: 250px;
    margin: 0 12.5px;
  }
}

/* INTERIOR */
.interior {
  background: #f5f5f5;
  /* INTERIOR PC */
  /* INTERIOR TAB */
  /* INTERIOR SP */
  /* INTERIOR SE */
}
@media screen and (min-width: 768px) {
  .interior .interior__box:not(.box3) {
    margin-bottom: 80px;
  }
  .interior .interior__box .interior__box--title h2 {
    font-size: 50px;
  }
  .interior .interior__box .interior__box--summary {
    margin-top: 10px;
  }
  .interior .interior__box .interior__box--summary p {
    font-size: 20px;
  }
  .interior .interior__box .interior__box--img {
    margin-top: 70px;
  }
  .interior .interior__box .interior__box--img ul {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .interior .interior__box:not(.box3) {
    margin-bottom: 60px;
  }
  .interior .interior__box .interior__box--title h2 {
    font-size: calc(50px * 0.8);
  }
  .interior .interior__box .interior__box--summary p {
    font-size: calc(20px * 0.9);
    margin-top: 10px;
  }
  .interior .interior__box .interior__box--img {
    margin-top: 40px;
  }
  .interior .interior__box .interior__box--img ul li {
    width: 49%;
  }
  .interior .interior__box.box3 .interior__box--img {
    width: 66%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .interior .interior__box:not(.box3) {
    margin-bottom: 30px;
  }
  .interior .interior__box .interior__box--title h2 {
    font-size: calc(50px * 0.5);
  }
  .interior .interior__box .interior__box--summary {
    margin-top: 2.5px;
  }
  .interior .interior__box .interior__box--summary p {
    font-size: 14px;
  }
  .interior .interior__box .interior__box--img {
    margin-top: 30px;
  }
  .interior .interior__box .interior__box--img ul li:not(:last-child) {
    margin-bottom: 3%;
  }
}

/* ACCESS */
.access {
  /* ACCESS PC */
  /* ACCESS TAB */
  /* ACCESS SP */
  /* ACCESS SE */
}
.access .access__g-map {
  margin-inline: auto;
}
.access .access__g-map a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #46643c;
  width: 100%;
  color: #46643c;
}
@media screen and (min-width: 768px) {
  .access .access__map {
    margin-left: -116px;
  }
  .access .access__g-map {
    width: 600px;
    margin-top: 80px;
  }
  .access .access__g-map a {
    height: 80px;
    font-size: 25px;
    transition: background 0.3s ease-in, color 0.3s ease-in;
  }
  .access .access__g-map a:hover {
    background: #46643c;
    color: #fff;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .access .access__map {
    margin-left: 0;
  }
  .access .access__g-map {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .access .access__g-map {
    margin-top: 40px;
  }
  .access .access__g-map a {
    height: 60px;
    font-size: calc(25px * 0.7);
  }
}

@media screen and (min-width: 768px) {
  .hero .hero__text svg .svg-elem-1 {
    stroke-dashoffset: 116.98646545410156px;
    stroke-dasharray: 116.98646545410156px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
  }
  .hero .hero__text svg.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-2 {
    stroke-dashoffset: 46.44061279296875px;
    stroke-dasharray: 46.44061279296875px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
  }
  .hero .hero__text svg.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-3 {
    stroke-dashoffset: 66.72626495361328px;
    stroke-dasharray: 66.72626495361328px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s;
  }
  .hero .hero__text svg.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-4 {
    stroke-dashoffset: 98.02529907226562px;
    stroke-dasharray: 98.02529907226562px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
  }
  .hero .hero__text svg.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-5 {
    stroke-dashoffset: 69.38127899169922px;
    stroke-dasharray: 69.38127899169922px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
  }
  .hero .hero__text svg.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-6 {
    stroke-dashoffset: 97.88883972167969px;
    stroke-dasharray: 97.88883972167969px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
  }
  .hero .hero__text svg.active .svg-elem-6 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-7 {
    stroke-dashoffset: 169.72500610351562px;
    stroke-dasharray: 169.72500610351562px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
  }
  .hero .hero__text svg.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-8 {
    stroke-dashoffset: 152.085693359375px;
    stroke-dasharray: 152.085693359375px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }
  .hero .hero__text svg.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-9 {
    stroke-dashoffset: 89.78865814208984px;
    stroke-dasharray: 89.78865814208984px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  }
  .hero .hero__text svg.active .svg-elem-9 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-10 {
    stroke-dashoffset: 294.1612243652344px;
    stroke-dasharray: 294.1612243652344px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }
  .hero .hero__text svg.active .svg-elem-10 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-11 {
    stroke-dashoffset: 294.6979064941406px;
    stroke-dasharray: 294.6979064941406px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  }
  .hero .hero__text svg.active .svg-elem-11 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-12 {
    stroke-dashoffset: 92.60072326660156px;
    stroke-dasharray: 92.60072326660156px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
  }
  .hero .hero__text svg.active .svg-elem-12 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-13 {
    stroke-dashoffset: 300.39251708984375px;
    stroke-dasharray: 300.39251708984375px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  }
  .hero .hero__text svg.active .svg-elem-13 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-14 {
    stroke-dashoffset: 282.6107177734375px;
    stroke-dasharray: 282.6107177734375px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
  }
  .hero .hero__text svg.active .svg-elem-14 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-15 {
    stroke-dashoffset: 202.2436981201172px;
    stroke-dasharray: 202.2436981201172px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  }
  .hero .hero__text svg.active .svg-elem-15 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-16 {
    stroke-dashoffset: 200.98672485351562px;
    stroke-dasharray: 200.98672485351562px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  }
  .hero .hero__text svg.active .svg-elem-16 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-17 {
    stroke-dashoffset: 445.92681884765625px;
    stroke-dasharray: 445.92681884765625px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
  }
  .hero .hero__text svg.active .svg-elem-17 {
    stroke-dashoffset: 0;
    fill: url("#uuid-55398b30-1d02-4c6e-8a11-17a7422f1268");
  }
  .hero .hero__text svg .svg-elem-18 {
    stroke-dashoffset: 158.80931091308594px;
    stroke-dasharray: 158.80931091308594px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  }
  .hero .hero__text svg.active .svg-elem-18 {
    stroke-dashoffset: 0;
    fill: url("#uuid-55398b30-1d02-4c6e-8a11-17a7422f1268");
  }
  .hero .hero__text svg .svg-elem-19 {
    stroke-dashoffset: 238.61648559570312px;
    stroke-dasharray: 238.61648559570312px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
  }
  .hero .hero__text svg.active .svg-elem-19 {
    stroke-dashoffset: 0;
    fill: url("#uuid-55398b30-1d02-4c6e-8a11-17a7422f1268");
  }
  .hero .hero__text svg .svg-elem-20 {
    stroke-dashoffset: 361.73846435546875px;
    stroke-dasharray: 361.73846435546875px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  }
  .hero .hero__text svg.active .svg-elem-20 {
    stroke-dashoffset: 0;
    fill: url("#uuid-55398b30-1d02-4c6e-8a11-17a7422f1268");
  }
  .hero .hero__text svg .svg-elem-21 {
    stroke-dashoffset: 361.738525390625px;
    stroke-dasharray: 361.738525390625px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  }
  .hero .hero__text svg.active .svg-elem-21 {
    stroke-dashoffset: 0;
    fill: url("#uuid-55398b30-1d02-4c6e-8a11-17a7422f1268");
  }
  .hero .hero__text svg .svg-elem-22 {
    stroke-dashoffset: 314.9875793457031px;
    stroke-dasharray: 314.9875793457031px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  }
  .hero .hero__text svg.active .svg-elem-22 {
    stroke-dashoffset: 0;
    fill: url("#uuid-55398b30-1d02-4c6e-8a11-17a7422f1268");
  }
  .hero .hero__text svg .svg-elem-23 {
    stroke-dashoffset: 158.78933715820312px;
    stroke-dasharray: 158.78933715820312px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.64s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.64s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
  }
  .hero .hero__text svg.active .svg-elem-23 {
    stroke-dashoffset: 0;
    fill: url("#uuid-55398b30-1d02-4c6e-8a11-17a7422f1268");
  }
  .hero .hero__text svg .svg-elem-24 {
    stroke-dashoffset: 456.6747741699219px;
    stroke-dasharray: 456.6747741699219px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s;
  }
  .hero .hero__text svg.active .svg-elem-24 {
    stroke-dashoffset: 0;
    fill: url("#uuid-55398b30-1d02-4c6e-8a11-17a7422f1268");
  }
  .hero .hero__text svg .svg-elem-25 {
    stroke-dashoffset: 265.4618225097656px;
    stroke-dasharray: 265.4618225097656px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
  }
  .hero .hero__text svg.active .svg-elem-25 {
    stroke-dashoffset: 0;
    fill: url("#uuid-55398b30-1d02-4c6e-8a11-17a7422f1268");
  }
  .hero .hero__text svg .svg-elem-26 {
    stroke-dashoffset: 472.9053955078125px;
    stroke-dasharray: 472.9053955078125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
  }
  .hero .hero__text svg.active .svg-elem-26 {
    stroke-dashoffset: 0;
    fill: url("#uuid-55398b30-1d02-4c6e-8a11-17a7422f1268");
  }
  .hero .hero__text svg .svg-elem-27 {
    stroke-dashoffset: 184.5332794189453px;
    stroke-dasharray: 184.5332794189453px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
  }
  .hero .hero__text svg.active .svg-elem-27 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-28 {
    stroke-dashoffset: 196.6760711669922px;
    stroke-dasharray: 196.6760711669922px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.24s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.24s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
  }
  .hero .hero__text svg.active .svg-elem-28 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-29 {
    stroke-dashoffset: 158.1055908203125px;
    stroke-dasharray: 158.1055908203125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s;
  }
  .hero .hero__text svg.active .svg-elem-29 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-30 {
    stroke-dashoffset: 158.1055908203125px;
    stroke-dasharray: 158.1055908203125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.0s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.0s;
  }
  .hero .hero__text svg.active .svg-elem-30 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-31 {
    stroke-dashoffset: 71.30095672607422px;
    stroke-dasharray: 71.30095672607422px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
  }
  .hero .hero__text svg.active .svg-elem-31 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-32 {
    stroke-dashoffset: 142.15574645996094px;
    stroke-dasharray: 142.15574645996094px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.72s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.72s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
  }
  .hero .hero__text svg.active .svg-elem-32 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-33 {
    stroke-dashoffset: 164.7669219970703px;
    stroke-dasharray: 164.7669219970703px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
  }
  .hero .hero__text svg.active .svg-elem-33 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-34 {
    stroke-dashoffset: 157.12229919433594px;
    stroke-dasharray: 157.12229919433594px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s;
  }
  .hero .hero__text svg.active .svg-elem-34 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-35 {
    stroke-dashoffset: 195.69369506835938px;
    stroke-dasharray: 195.69369506835938px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
  }
  .hero .hero__text svg.active .svg-elem-35 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-36 {
    stroke-dashoffset: 213.00680541992188px;
    stroke-dasharray: 213.00680541992188px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s;
  }
  .hero .hero__text svg.active .svg-elem-36 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-37 {
    stroke-dashoffset: 63.25326156616211px;
    stroke-dasharray: 63.25326156616211px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
  }
  .hero .hero__text svg.active .svg-elem-37 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-38 {
    stroke-dashoffset: 352px;
    stroke-dasharray: 352px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.44s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.44s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
  }
  .hero .hero__text svg.active .svg-elem-38 {
    stroke-dashoffset: 0;
  }
  .hero .hero__text svg .svg-elem-39 {
    stroke-dashoffset: 352px;
    stroke-dasharray: 352px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9s;
  }
  .hero .hero__text svg.active .svg-elem-39 {
    stroke-dashoffset: 0;
  }
  .hero .hero__text svg .gradient {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s;
  }
  .hero .hero__text svg.active .gradient {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .hero .hero__text svg .svg-elem-1 {
    stroke-dashoffset: 149.30885314941406px;
    stroke-dasharray: 149.30885314941406px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
  }
  .hero .hero__text svg.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-2 {
    stroke-dashoffset: 58.906639099121094px;
    stroke-dasharray: 58.906639099121094px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
  }
  .hero .hero__text svg.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-3 {
    stroke-dashoffset: 84.94084167480469px;
    stroke-dasharray: 84.94084167480469px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s;
  }
  .hero .hero__text svg.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-4 {
    stroke-dashoffset: 125.01329803466797px;
    stroke-dasharray: 125.01329803466797px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
  }
  .hero .hero__text svg.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-5 {
    stroke-dashoffset: 88.29309844970703px;
    stroke-dasharray: 88.29309844970703px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
  }
  .hero .hero__text svg.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-6 {
    stroke-dashoffset: 124.77128601074219px;
    stroke-dasharray: 124.77128601074219px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
  }
  .hero .hero__text svg.active .svg-elem-6 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-7 {
    stroke-dashoffset: 216.75592041015625px;
    stroke-dasharray: 216.75592041015625px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
  }
  .hero .hero__text svg.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-8 {
    stroke-dashoffset: 194.2685546875px;
    stroke-dasharray: 194.2685546875px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }
  .hero .hero__text svg.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-9 {
    stroke-dashoffset: 114.48741149902344px;
    stroke-dasharray: 114.48741149902344px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  }
  .hero .hero__text svg.active .svg-elem-9 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-10 {
    stroke-dashoffset: 376.1455993652344px;
    stroke-dasharray: 376.1455993652344px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }
  .hero .hero__text svg.active .svg-elem-10 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-11 {
    stroke-dashoffset: 376.9349365234375px;
    stroke-dasharray: 376.9349365234375px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  }
  .hero .hero__text svg.active .svg-elem-11 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-12 {
    stroke-dashoffset: 118.0642318725586px;
    stroke-dasharray: 118.0642318725586px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
  }
  .hero .hero__text svg.active .svg-elem-12 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-13 {
    stroke-dashoffset: 384.08087158203125px;
    stroke-dasharray: 384.08087158203125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  }
  .hero .hero__text svg.active .svg-elem-13 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-14 {
    stroke-dashoffset: 361.4772033691406px;
    stroke-dasharray: 361.4772033691406px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
  }
  .hero .hero__text svg.active .svg-elem-14 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-15 {
    stroke-dashoffset: 258.41192626953125px;
    stroke-dasharray: 258.41192626953125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  }
  .hero .hero__text svg.active .svg-elem-15 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-16 {
    stroke-dashoffset: 256.8439483642578px;
    stroke-dasharray: 256.8439483642578px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  }
  .hero .hero__text svg.active .svg-elem-16 {
    stroke-dashoffset: 0;
    fill: #333333;
  }
  .hero .hero__text svg .svg-elem-17 {
    stroke-dashoffset: 548.2744750976562px;
    stroke-dasharray: 548.2744750976562px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
  }
  .hero .hero__text svg.active .svg-elem-17 {
    stroke-dashoffset: 0;
    fill: url("#uuid-b83caad9-a79a-489e-9948-063ee9608e67");
  }
  .hero .hero__text svg .svg-elem-18 {
    stroke-dashoffset: 194.93568420410156px;
    stroke-dasharray: 194.93568420410156px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  }
  .hero .hero__text svg.active .svg-elem-18 {
    stroke-dashoffset: 0;
    fill: url("#uuid-b83caad9-a79a-489e-9948-063ee9608e67");
  }
  .hero .hero__text svg .svg-elem-19 {
    stroke-dashoffset: 293.14813232421875px;
    stroke-dasharray: 293.14813232421875px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
  }
  .hero .hero__text svg.active .svg-elem-19 {
    stroke-dashoffset: 0;
    fill: url("#uuid-b83caad9-a79a-489e-9948-063ee9608e67");
  }
  .hero .hero__text svg .svg-elem-20 {
    stroke-dashoffset: 444.671142578125px;
    stroke-dasharray: 444.671142578125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  }
  .hero .hero__text svg.active .svg-elem-20 {
    stroke-dashoffset: 0;
    fill: url("#uuid-b83caad9-a79a-489e-9948-063ee9608e67");
  }
  .hero .hero__text svg .svg-elem-21 {
    stroke-dashoffset: 444.6712341308594px;
    stroke-dasharray: 444.6712341308594px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  }
  .hero .hero__text svg.active .svg-elem-21 {
    stroke-dashoffset: 0;
    fill: url("#uuid-b83caad9-a79a-489e-9948-063ee9608e67");
  }
  .hero .hero__text svg .svg-elem-22 {
    stroke-dashoffset: 387.09326171875px;
    stroke-dasharray: 387.09326171875px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  }
  .hero .hero__text svg.active .svg-elem-22 {
    stroke-dashoffset: 0;
    fill: url("#uuid-b83caad9-a79a-489e-9948-063ee9608e67");
  }
  .hero .hero__text svg .svg-elem-23 {
    stroke-dashoffset: 194.9357147216797px;
    stroke-dasharray: 194.9357147216797px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.64s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.64s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
  }
  .hero .hero__text svg.active .svg-elem-23 {
    stroke-dashoffset: 0;
    fill: url("#uuid-b83caad9-a79a-489e-9948-063ee9608e67");
  }
  .hero .hero__text svg .svg-elem-24 {
    stroke-dashoffset: 561.4995727539062px;
    stroke-dasharray: 561.4995727539062px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s;
  }
  .hero .hero__text svg.active .svg-elem-24 {
    stroke-dashoffset: 0;
    fill: url("#uuid-b83caad9-a79a-489e-9948-063ee9608e67");
  }
  .hero .hero__text svg .svg-elem-25 {
    stroke-dashoffset: 326.16552734375px;
    stroke-dasharray: 326.16552734375px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
  }
  .hero .hero__text svg.active .svg-elem-25 {
    stroke-dashoffset: 0;
    fill: url("#uuid-b83caad9-a79a-489e-9948-063ee9608e67");
  }
  .hero .hero__text svg .svg-elem-26 {
    stroke-dashoffset: 581.3425903320312px;
    stroke-dasharray: 581.3425903320312px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
  }
  .hero .hero__text svg.active .svg-elem-26 {
    stroke-dashoffset: 0;
    fill: url("#uuid-b83caad9-a79a-489e-9948-063ee9608e67");
  }
  .hero .hero__text svg .svg-elem-27 {
    stroke-dashoffset: 184.5323028564453px;
    stroke-dasharray: 184.5323028564453px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
  }
  .hero .hero__text svg.active .svg-elem-27 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-28 {
    stroke-dashoffset: 196.6747589111328px;
    stroke-dasharray: 196.6747589111328px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.24s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.24s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
  }
  .hero .hero__text svg.active .svg-elem-28 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-29 {
    stroke-dashoffset: 158.1046905517578px;
    stroke-dasharray: 158.1046905517578px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s;
  }
  .hero .hero__text svg.active .svg-elem-29 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-30 {
    stroke-dashoffset: 158.10470581054688px;
    stroke-dasharray: 158.10470581054688px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.0s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.0s;
  }
  .hero .hero__text svg.active .svg-elem-30 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-31 {
    stroke-dashoffset: 71.30059814453125px;
    stroke-dasharray: 71.30059814453125px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
  }
  .hero .hero__text svg.active .svg-elem-31 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-32 {
    stroke-dashoffset: 142.15516662597656px;
    stroke-dasharray: 142.15516662597656px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.72s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.72s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
  }
  .hero .hero__text svg.active .svg-elem-32 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-33 {
    stroke-dashoffset: 164.76661682128906px;
    stroke-dasharray: 164.76661682128906px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
  }
  .hero .hero__text svg.active .svg-elem-33 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-34 {
    stroke-dashoffset: 157.1219024658203px;
    stroke-dasharray: 157.1219024658203px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s;
  }
  .hero .hero__text svg.active .svg-elem-34 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-35 {
    stroke-dashoffset: 195.6937713623047px;
    stroke-dasharray: 195.6937713623047px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
  }
  .hero .hero__text svg.active .svg-elem-35 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-36 {
    stroke-dashoffset: 213.00677490234375px;
    stroke-dasharray: 213.00677490234375px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s;
  }
  .hero .hero__text svg.active .svg-elem-36 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-37 {
    stroke-dashoffset: 63.25328063964844px;
    stroke-dasharray: 63.25328063964844px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
  }
  .hero .hero__text svg.active .svg-elem-37 {
    stroke-dashoffset: 0;
    fill: #3c844a;
  }
  .hero .hero__text svg .svg-elem-38 {
    stroke-dashoffset: 452px;
    stroke-dasharray: 452px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.44s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.44s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
  }
  .hero .hero__text svg.active .svg-elem-38 {
    stroke-dashoffset: 0;
  }
  .hero .hero__text svg .svg-elem-39 {
    stroke-dashoffset: 452px;
    stroke-dasharray: 452px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s, fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9s;
  }
  .hero .hero__text svg.active .svg-elem-39 {
    stroke-dashoffset: 0;
  }
  .hero .hero__text svg .gradient {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s;
  }
  .hero .hero__text svg.active .gradient {
    opacity: 1;
  }
}

/*# sourceMappingURL=satellite.css.map */