.dnd-section {
  padding-top: 0;
  padding-bottom: 0;
}
.button {
  padding: 16px 24px !important;
  border-radius: 50px !important;
  background-color: #00b3b0 !important;
  border: 1px solid #00b3b0 !important;
  color: #fff !important;
}
@media (max-width: 767px) {
  .button {
    padding: 8px 16px !important;
  }
}
.button:hover {
  background-color: #009e9c !important;
  border: 1px solid #009e9c !important;
}
.two-column {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .two-column {
    flex-wrap: wrap;
  }
}
.two-column .column {
  width: calc(50% - 40px);
}
@media (max-width: 767px) {
  .two-column .column {
    width: 100%;
  }
}
.two-column.center {
  align-items: center;
}
.three-column {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
}
@media (max-width: 767px) {
  .three-column {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 16px;
  }
}
.four-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
}
@media (max-width: 767px) {
  .four-grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 16px;
  }
}
h1 + .four-grid {
  margin-top: 40px;
}
@media (max-width: 767px) {
  h1 + .four-grid {
    margin-top: 24px;
  }
}
h1 {
  color: #8153a0;
  font-weight: 600;
}
section {
  padding: 90px 0;
}
@media (max-width: 767px) {
  section {
    padding: 32px 0;
  }
}
section.banner {
  padding-bottom: 80px;
  padding-top: 80px;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='560' viewBox='0 0 564 560' width='564' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3CclipPath id='a'%3E%3Cpath d='m0 0h564v560h-564z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='m595.637-220.118c-193.944 324.594-268.417 579.35-167.937 718.208 100.481 138.859 315.166-20.175 509.717-342.098l64.433-131.3956-350.669-333.6274z' fill='%23de2140' opacity='.05'/%3E%3Cpath d='m914.966 154.238c-392.167 65.164-783.622-6.642-884.3261-145.89058-100.7038-139.24942 181.7391-294.16342 568.6431-354.83042l12.986-3.16 431.711 410.7375-22.73 74.8295c-27.588 5.052-62.515 11.041-106.284 18.314z' fill='%23e2662c' opacity='.05'/%3E%3Cpath d='m581.959-240.868c-98.16 361.594-100.863 643.33 35.045 752.843s325.683-93.432 425.196-452.5782l-427.34-406.5748z' fill='%238153a0' opacity='.05'/%3E%3Cpath d='m1041.28 58.5266c-359.168 150.5174-759.567 183.9274-895.558 73.6634-135.99069-110.2632 87.966-349.551 445.291-502.057z' fill='%230099b7' opacity='.05'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background-size: 550px 550px;
}
@media (max-width: 767px) {
  section.banner {
    padding-bottom: 40px;
    padding-top: 32px;
    background-size: 250px 250px;
  }
}
@media (max-width: 767px) {
  section.banner .two-column {
    flex-wrap: wrap-reverse;
  }
}
section.banner .button {
  display: inline-flex;
  align-items: center;
}
section.banner .button svg {
  margin-left: 8px;
}
section.quick-links {
  padding-top: 0;
}
section.quote {
  background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='1440' height='694' viewBox='0 0 1440 694' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_494_4475)'%3E%3Cpath d='M-405.484 689.951C-438.495 627.369 -462.533 559.178 -416.424 498.89C-355.968 419.877 -188.275 375.646 -25.8601 365.499C136.555 355.351 300.121 372.131 463.256 378.564C626.39 384.996 801.088 379.436 935.578 331.016C1122.03 263.847 1183.26 132.949 1351.52 53.8369C1491.82 -12.1107 1703.61 -33.877 1881.62 -0.591538' stroke='%238153A0' stroke-opacity='0.1' stroke-miterlimit='10'/%3E%3Cpath d='M-281.932 689.95C-313.12 630.759 -335.911 566.258 -292.296 509.211C-235.103 434.413 -76.3829 392.625 77.1556 383.026C230.694 373.427 385.528 389.309 539.834 395.492C694.14 401.676 859.434 396.315 986.631 350.488C1163.01 286.959 1220.92 163.117 1380.07 88.2936C1512.79 25.9612 1713.11 5.34178 1881.52 36.8071' stroke='%238153A0' stroke-opacity='0.1' stroke-miterlimit='10'/%3E%3Cpath d='M-158.142 689.951C-187.554 634.151 -209.05 573.315 -167.738 519.535C-113.856 449.074 35.7482 409.606 180.602 400.555C325.456 391.504 471.366 406.464 616.891 412.224C762.417 417.983 918.258 412.996 1038.16 369.838C1204.51 309.999 1258.87 193.163 1409.15 122.603C1534.33 63.7857 1723.23 44.388 1882 74.0582' stroke='%238153A0' stroke-opacity='0.1' stroke-miterlimit='10'/%3E%3Cpath d='M-34.832 689.951C-62.4689 637.592 -82.8128 580.246 -43.9963 529.857C6.67135 463.66 147.159 426.585 283.28 418.083C419.402 409.58 556.435 423.643 693.132 429.028C829.829 434.414 976.219 429.776 1088.88 389.135C1245.15 332.837 1296.44 223.157 1437.41 156.885C1555.01 101.609 1732.44 83.3829 1881.62 111.258' stroke='%238153A0' stroke-opacity='0.1' stroke-miterlimit='10'/%3E%3Cpath d='M88.7184 689.952C62.8568 640.909 44.0003 587.453 80.1298 540.18C127.535 478.247 259.002 443.565 386.343 435.611C513.684 427.658 641.889 440.797 769.757 445.859C897.626 450.92 1034.61 446.532 1139.98 408.459C1286.17 355.801 1334.15 253.177 1466.25 191.169C1576.22 139.458 1742.28 122.404 1881.81 148.508' stroke='%238153A0' stroke-opacity='0.1' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_494_4475'%3E%3Crect width='1440' height='694' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 50% 50%;
  padding: 200px 0;
}
@media (max-width: 767px) {
  section.quote {
    padding: 80px 0;
  }
}
section.quote .quote-content {
  padding: 0 120px;
}
@media (max-width: 767px) {
  section.quote .quote-content {
    padding: 0;
  }
}
section.quote p.author {
  color: #8153a0;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 19 24' width='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.7632 7.69922c-9.10435 2.49478-14.927137 5.77028-15.7007359 9.94618-.7735981 4.176 5.7229659 4.9814 14.7898359 2.5444z' fill='%23de2140'/%3E%3Cpath d='m14.4326 19.749c-7.61953-5.5224-13.15949-13.3497-12.38589-17.52149.77359-4.1718 8.31829-2.1519876 15.95439 3.30439l-3.1276 6.3279z' fill='%23e2662c'/%3E%3Cpath d='m15.8461 7.14258c-8.12694 4.75002-13.20524 9.69422-12.85171 13.92392.35353 4.2296 7.20361 3.833 15.30981-.8509l-3.24-5.0847z' fill='%238153a0'/%3E%3Cpath d='m18.3044 20.2161c-8.77991-3.3747-16.17069-9.5084-16.51174-13.73805-.34104-4.22962 7.72767-4.69224 16.51174-1.38372z' fill='%230099b7'/%3E%3C/svg%3E");
  background-size: 18px 24px;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  padding-left: 32px;
}
section.quote h2 {
  color: #585858;
}
@media (max-width: 767px) {
  section.offer {
    padding-top: 0;
  }
}
section.offer img {
  border-radius: 15px;
}
@media (max-width: 767px) {
  section.offer img {
    max-height: 400px;
    object-fit: cover;
    object-position: center;
  }
}
@media (max-width: 767px) {
  section.offer .two-column {
    flex-wrap: wrap-reverse;
  }
}
@media (max-width: 767px) {
  section.offer .two-column .column:nth-of-type(1) {
    margin-top: 40px;
  }
}
section.offer .two-column .column:nth-of-type(1) img[alt="WEB-MON-001.05_Business Structure_V7"] {
  width: 100% !important;
  object-fit: contain !important;
}
@media (max-width: 767px) {
  section.offer .two-column .column:nth-of-type(2) img {
    width: 100% !important;
  }
}
section.offer .monarch-logo {
  border-radius: 0;
  width: 226px;
  object-fit: contain;
  margin-top: 24px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  section.offer .monarch-logo {
    width: 168px;
    margin-top: 16px;
    margin-bottom: 8px;
  }
}
section.offer ul.link-group {
  padding-left: 0;
}
section.offer ul.link-group li {
  list-style: none;
  padding-left: 0;
}
section.offer ul.link-group li a {
  color: #8153a0;
}
section.offer ul.link-group li a:hover {
  text-decoration: underline;
}
section.offer ul.link-group li + li {
  margin-top: 8px;
}
section.learn-more {
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  section.learn-more {
    padding-bottom: 20px;
  }
}
section.learn-more h2 {
  margin-top: 80px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  section.learn-more h2 {
    margin-top: 40px;
    margin-bottom: 24px;
  }
}
section.mission {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  section.mission {
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  section.journey {
    padding-top: 0;
  }
}
section.evolution {
  padding-bottom: 0;
}
section.evolution .evolution_image {
  display: block;
  width: 100%;
  max-width: 450px;
}
@media (max-width: 767px) {
  section.evolution .evolution_image {
    margin: 0 auto;
    margin: 30px auto;
  }
}
.box {
  cursor: pointer;
  padding: 32px 24px;
  background-color: #f6f6f6;
  border-radius: 15px;
  transition: background-color 0.2s;
}
@media (max-width: 767px) {
  .box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 24px 16px;
  }
}
.box:hover {
  background-color: #e7e7e7;
}
.box:hover .link {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .box h4 {
    font-size: 18px !important;
  }
}
@media (max-width: 767px) {
  .box svg {
    width: 24px;
    height: 24px;
  }
}
.box .box-content {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .box .box-content {
    width: calc(100% - 40px);
    margin-top: 0;
  }
}
.box .box-content h4 {
  color: #00b3b0;
  font-weight: 400;
}
.box.orange .link,
.box.purple .link,
.box.blue .link {
  color: #585858;
}
.box.orange {
  background-color: #fef7f3;
}
.box.orange:hover {
  background-color: #faeee8;
}
.box.orange h4 {
  color: #e2662c;
}
.box.purple {
  background-color: #f5f1f7;
}
.box.purple:hover {
  background-color: #f3e8f8;
}
.box.purple h4 {
  color: #8153a0;
}
.box.blue {
  background-color: #f1fbfd;
}
.box.blue:hover {
  background-color: #e4f8fc;
}
.box.blue h4 {
  color: #00b3b0;
}
.box .link {
  color: #585858;
  font-weight: 600;
}
@media (max-width: 767px) {
  .box .link {
    font-size: 14px;
  }
}
.box .link:hover {
  color: #585858;
  font-weight: 600;
}
.box.topics {
  display: block;
}
.box.topics h4 {
  color: #00b3b0;
}
.link.arrow span {
  padding-right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='8' viewBox='0 0 8 8' width='8' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3CclipPath id='a'%3E%3Cpath d='m0 0h8v8h-8z' transform='matrix(-1 0 0 -1 8 8)'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='m6.04794 3.50392-3.09592-3.095921c-.27187-.271872-.72-.271872-.99184 0-.27187.271872-.27187.720001 0 .991841l2.5916 2.6-2.6 2.6c-.27187.27187-.27187.72 0 .99184.13594.13593.32.20812.49594.20812.17593 0 .36-.07187.49593-.20812l3.1044-3.09592c.27187-.27187.27187-.72 0-.99184z' fill='%23585858'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 8px 8px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
.link.arrow:hover {
  text-decoration: underline;
}
.blog-author-heading,
.blog-tag-heading {
  padding: 0 1rem;
}
.blog-index {
  display: flex;
  flex-wrap: wrap;
}
.blog-index__post {
  flex: 0 0 100%;
  padding: 1.4rem 1rem;
}
.blog-index__post .blog-index__post-image-wrapper {
  display: block;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.blog-index__post .blog-index__post-image-wrapper:hover img {
  filter: brightness(85%);
}
.blog-index__post .blog-index__post-image-wrapper:after {
  padding-top: 70%;
  display: block;
  content: "";
}
.blog-index__post .blog-index__post-image-wrapper img {
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.blog-index__post .blog-index__post-content {
  margin-top: 20px;
}
.blog-index__post .blog-index__post-content .blog-index__post-tags,
.blog-index__post .blog-index__post-content .blog-index__post-tags a {
  color: #00b3b0;
  font-size: 17px;
  text-decoration: none;
  font-weight: 600;
  margin: 0 0 0.7rem;
}
@media (max-width: 767px) {
  .blog-index__post .blog-index__post-content .blog-index__post-tags,
  .blog-index__post .blog-index__post-content .blog-index__post-tags a {
    font-size: 14px;
  }
}
.blog-index__post .blog-index__post-content .blog-index__post-tags a:hover {
  text-decoration: underline;
}
.blog-index__post .blog-index__post-content .blog-index__post-title,
.blog-index__post .blog-index__post-content .blog-index__post-title a {
  font-size: 24px;
  font-weight: 400;
  color: #8153a0 !important;
  margin: 0 0 0.7rem;
}
@media (max-width: 767px) {
  .blog-index__post .blog-index__post-content .blog-index__post-title,
  .blog-index__post .blog-index__post-content .blog-index__post-title a {
    font-size: 18px;
  }
}
.blog-index__post .blog-index__post-content .blog-index__post-title a:hover {
  color: #542772 !important;
}
.container {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
  padding: 0 1rem;
}
.animation-box {
  display: flex;
  align-items: center;
  background-color: rgba(245, 241, 247, 0.9);
  border-radius: 15px;
  padding: 24px;
  min-height: 220px;
}
@media (max-width: 780px) {
  .animation-box {
    padding: 24px;
    min-height: 0;
  }
}
@media (max-width: 480px) {
  .animation-box {
    border-radius: 8px;
  }
}
.animation-box.solid {
  background-color: #f5f1f7;
}
.animation-box h4.large {
  font-size: 28px;
}
@media (max-width: 480px) {
  .animation-box h4.large {
    font-size: 24px;
  }
}
.animation-box h2,
.animation-box h4 {
  margin: 0 !important;
  color: #8153a0;
}
.animation-box p {
  margin: 0 !important;
}
.animation-box.transparent {
  background-color: transparent;
  text-align: center;
}
.animation-box.transparent h4 {
  text-align: center;
}
.animation-box.orange {
  background-color: rgba(254, 247, 243, 0.9);
  color: #e2662c;
}
.animation-box.orange h4 {
  color: #e2662c;
}
.animation-box.green {
  background-color: rgba(255, 255, 255, 0.9);
  color: #00b3b0;
}
.animation-box.green h4 {
  color: #00b3b0;
}
.content {
  position: relative;
  display: block;
}
.content .container {
  padding-top: 120px;
  padding-bottom: 120px;
}
.all-scenes {
  position: relative;
  display: block;
  height: 1200vh;
  overflow: hidden;
  background-color: #f4fafc;
}
.all-scenes .clouds {
  z-index: 11;
  position: absolute;
  top: 0%;
  height: 400vh;
  width: 100%;
  left: 0;
  right: 0;
  background-color: #40C6C4;
}
.all-scenes .clouds .container {
  height: 100%;
}
.all-scenes .clouds .container .item {
  position: absolute;
}
.all-scenes .clouds .container .item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.all-scenes .clouds .container .item.cloud-l1 {
  width: 350px;
  height: 903px;
  left: 0%;
}
@media (max-width: 780px) {
  .all-scenes .clouds .container .item.cloud-l1 {
    width: 233.33333333px;
    height: 602px;
  }
}
@media (max-width: 480px) {
  .all-scenes .clouds .container .item.cloud-l1 {
    width: 116.66666667px;
    height: 301px;
  }
}
.all-scenes .clouds .container .item.drop-l1 {
  width: 34px;
  height: 409px;
  left: 0%;
}
@media (max-width: 780px) {
  .all-scenes .clouds .container .item.drop-l1 {
    width: 22.66666667px;
    height: 272.66666667px;
  }
}
@media (max-width: 480px) {
  .all-scenes .clouds .container .item.drop-l1 {
    width: 11.33333333px;
    height: 136.33333333px;
  }
}
.all-scenes .clouds .container .item.cloud-r1 {
  width: 331px;
  height: 516px;
  right: 0%;
  top: -5%;
}
@media (max-width: 780px) {
  .all-scenes .clouds .container .item.cloud-r1 {
    width: 266.66666667px;
    height: 344px;
  }
}
@media (max-width: 480px) {
  .all-scenes .clouds .container .item.cloud-r1 {
    width: 133.33333333px;
    height: 172px;
  }
}
.all-scenes .clouds .container .item.cloud-r2 {
  width: 331px;
  height: 195px;
  right: 0%;
  top: 570px;
}
@media (max-width: 780px) {
  .all-scenes .clouds .container .item.cloud-r2 {
    width: 220.66666667px;
    height: 130px;
  }
}
@media (max-width: 480px) {
  .all-scenes .clouds .container .item.cloud-r2 {
    width: 110.33333333px;
    height: 65px;
  }
}
.all-scenes .clouds .container .item.drop-r1 {
  width: 43px;
  height: 857px;
  right: 35%;
}
@media (max-width: 780px) {
  .all-scenes .clouds .container .item.drop-r1 {
    width: 28.66666667px;
    height: 571.33333333px;
  }
}
@media (max-width: 480px) {
  .all-scenes .clouds .container .item.drop-r1 {
    width: 14.33333333px;
    height: 285.66666667px;
  }
}
.all-scenes .clouds .container .item.drop-r2 {
  width: 43px;
  height: 686px;
  right: 30%;
}
@media (max-width: 780px) {
  .all-scenes .clouds .container .item.drop-r2 {
    width: 28.66666667px;
    height: 457.33333333px;
  }
}
@media (max-width: 480px) {
  .all-scenes .clouds .container .item.drop-r2 {
    width: 14.33333333px;
    height: 228.66666667px;
  }
}
.all-scenes .texts {
  z-index: 15;
  opacity: 1;
  position: absolute;
  top: 0%;
  height: 400vh;
  width: 100%;
  left: 0;
  right: 0;
}
.all-scenes .texts .scroll-height {
  display: flex;
  align-items: center;
  height: 200vh;
}
.all-scenes .texts .scroll-height .text {
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-height: 220px;
}
@media (max-width: 780px) {
  .all-scenes .texts .scroll-height .text {
    display: block;
    padding: 0 40px;
  }
}
@media (max-width: 480px) {
  .all-scenes .texts .scroll-height .text {
    padding: 0px;
  }
}
.all-scenes .texts .scroll-height .text .animation-box:nth-of-type(1) {
  width: calc(40% - 16px);
}
@media (max-width: 780px) {
  .all-scenes .texts .scroll-height .text .animation-box:nth-of-type(1) {
    width: 100%;
  }
}
.all-scenes .texts .scroll-height .text .animation-box:nth-of-type(2) {
  width: calc(60% - 16px);
}
@media (max-width: 780px) {
  .all-scenes .texts .scroll-height .text .animation-box:nth-of-type(2) {
    width: 100%;
    margin-top: 20px;
  }
}
.all-scenes .suns {
  z-index: 13;
  opacity: 1;
  position: absolute;
  top: 0%;
  height: 1200vh;
  width: 100%;
  left: 0;
  right: 0;
}
.all-scenes .suns .container {
  height: 100%;
}
.all-scenes .suns .container .sun {
  z-index: 10;
  position: absolute;
  width: 20vw;
  height: 20vw;
  max-width: 440px;
  max-height: 440px;
  border-radius: 50%;
  right: 2%;
  top: 40px;
  min-width: 146.66666667px;
  min-height: 146.66666667px;
}
@media (max-width: 1240px) {
  .all-scenes .suns .container .sun {
    right: 5%;
  }
}
@media (max-width: 480px) {
  .all-scenes .suns .container .sun {
    right: 20px;
    top: 20px;
  }
}
.all-scenes .suns .container .sun img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.all-scenes .background-2 {
  z-index: 1;
  position: absolute;
  top: 300vh;
  height: 900vh;
  background-color: #f4fafc;
  width: 100%;
  left: 0;
  right: 0;
}
.all-scenes .second-texts {
  margin-top: 100vh;
  z-index: 15;
  position: absolute;
  top: 300vh;
  height: 900vh;
  width: 100%;
  left: 0;
  right: 0;
}
.all-scenes .second-texts .scroll-height {
  display: flex;
  align-items: center;
  height: 200vh;
}
.all-scenes .second-texts .scroll-height .text {
  display: flex;
  justify-content: flex-end;
  z-index: 100;
  width: 100%;
  min-height: 220px;
}
@media (max-width: 780px) {
  .all-scenes .second-texts .scroll-height .text {
    padding: 0 40px;
  }
}
@media (max-width: 480px) {
  .all-scenes .second-texts .scroll-height .text {
    padding: 0px;
  }
}
.all-scenes .second-texts .scroll-height .text .animation-box {
  width: calc(50% - 16px);
}
@media (max-width: 780px) {
  .all-scenes .second-texts .scroll-height .text .animation-box {
    width: 100%;
  }
}
.all-scenes .second-texts .scroll-height:nth-of-type(4) .text {
  display: flex;
  justify-content: center;
}
.all-scenes .second-texts .scroll-height:nth-of-type(4) .text .animation-box {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  max-width: 950px;
}
@media (max-width: 780px) {
  .all-scenes .second-texts .scroll-height:nth-of-type(4) .text .animation-box {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 480px) {
  .all-scenes .second-texts .scroll-height:nth-of-type(4) .text .animation-box {
    width: 100%;
    padding: 0px;
  }
}
.all-scenes .second-texts .scroll-height:nth-of-type(4) .text .animation-box h2 {
  text-align: center;
}
.all-scenes .cocoonflaps {
  z-index: 48;
  opacity: 1;
  z-index: 5;
  position: absolute;
  top: 300vh;
  height: 900vh;
  width: 100%;
  left: 0;
  right: 0;
}
.all-scenes .cocoonflaps .container {
  height: 100%;
  width: 100%;
  margin-left: 25%;
}
@media (max-width: 1600px) {
  .all-scenes .cocoonflaps .container {
    margin-left: 20%;
  }
}
@media (max-width: 1200px) {
  .all-scenes .cocoonflaps .container {
    margin-left: 15%;
  }
}
@media (max-width: 960px) {
  .all-scenes .cocoonflaps .container {
    margin-left: 0;
  }
}
@media (max-width: 780px) {
  .all-scenes .cocoonflaps .container {
    margin-left: -10%;
  }
}
@media (max-width: 480px) {
  .all-scenes .cocoonflaps .container {
    margin-left: -15%;
  }
}
.all-scenes .cocoonflaps .container .cocoonflap {
  position: relative;
  z-index: 46;
  width: 480px;
  height: 480px;
  transform: translateY(-50%);
  transform-origin: 40.416% 60%;
}
@media (max-width: 480px) {
  .all-scenes .cocoonflaps .container .cocoonflap {
    width: 300px;
    height: 300px;
  }
}
.all-scenes .cocoonflaps .container .cocoonflap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.all-scenes .cocoons {
  z-index: 43;
  opacity: 1;
  z-index: 3;
  position: absolute;
  top: 300vh;
  height: 900vh;
  width: 100%;
  left: 0;
  right: 0;
}
.all-scenes .cocoons .container {
  height: 100%;
  width: 100%;
  margin-left: 25%;
}
@media (max-width: 1600px) {
  .all-scenes .cocoons .container {
    margin-left: 20%;
  }
}
@media (max-width: 1200px) {
  .all-scenes .cocoons .container {
    margin-left: 15%;
  }
}
@media (max-width: 960px) {
  .all-scenes .cocoons .container {
    margin-left: 0;
  }
}
@media (max-width: 780px) {
  .all-scenes .cocoons .container {
    margin-left: -10%;
  }
}
@media (max-width: 480px) {
  .all-scenes .cocoons .container {
    margin-left: -15%;
  }
}
.all-scenes .cocoons .container .cocoon {
  z-index: 10;
  width: 480px;
  height: 480px;
  transform: translateY(-50%);
}
@media (max-width: 480px) {
  .all-scenes .cocoons .container .cocoon {
    width: 300px;
    height: 300px;
  }
}
.all-scenes .cocoons .container .cocoon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.all-scenes .butterflys {
  opacity: 1;
  z-index: 14;
  position: absolute;
  top: 300vh;
  height: 900vh;
  width: 100%;
  left: 0;
  right: 0;
}
.all-scenes .butterflys .container {
  height: 100%;
  width: 100%;
  margin-left: 25%;
}
@media (max-width: 1600px) {
  .all-scenes .butterflys .container {
    margin-left: 20%;
  }
}
@media (max-width: 1200px) {
  .all-scenes .butterflys .container {
    margin-left: 15%;
  }
}
@media (max-width: 960px) {
  .all-scenes .butterflys .container {
    margin-left: 0;
  }
}
@media (max-width: 780px) {
  .all-scenes .butterflys .container {
    margin-left: -10%;
  }
}
@media (max-width: 480px) {
  .all-scenes .butterflys .container {
    margin-left: -15%;
  }
}
.all-scenes .butterflys .container .butterfly {
  opacity: 0;
  z-index: 10;
  width: 480px;
  height: 480px;
  transform: translateY(-50%);
}
@media (max-width: 480px) {
  .all-scenes .butterflys .container .butterfly {
    width: 300px;
    height: 300px;
  }
}
.all-scenes .butterflys .container .butterfly img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.all-scenes .butterflysides {
  z-index: 44;
  opacity: 1;
  z-index: 4;
  position: absolute;
  top: 300vh;
  height: 900vh;
  width: 100%;
  left: 0;
  right: 0;
}
.all-scenes .butterflysides .container {
  height: 100%;
  width: 100%;
  margin-left: 25%;
}
@media (max-width: 1600px) {
  .all-scenes .butterflysides .container {
    margin-left: 20%;
  }
}
@media (max-width: 1200px) {
  .all-scenes .butterflysides .container {
    margin-left: 15%;
  }
}
@media (max-width: 960px) {
  .all-scenes .butterflysides .container {
    margin-left: 0;
  }
}
@media (max-width: 780px) {
  .all-scenes .butterflysides .container {
    margin-left: -10%;
  }
}
@media (max-width: 480px) {
  .all-scenes .butterflysides .container {
    margin-left: -15%;
  }
}
.all-scenes .butterflysides .container .butterflyside {
  width: 480px;
  height: 480px;
  transform: translateY(-50%);
  transform-origin: 40.625% 70.833%;
}
@media (max-width: 480px) {
  .all-scenes .butterflysides .container .butterflyside {
    width: 300px;
    height: 300px;
  }
}
.all-scenes .butterflysides .container .butterflyside img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.all-scenes .trees {
  z-index: 10;
  opacity: 1;
  top: 0%;
  height: 100%;
  left: 0%;
  overflow: hidden;
  z-index: 2;
  position: absolute;
  top: 300vh;
  height: 900vh;
  width: 100%;
  left: 0;
  right: 0;
}
.all-scenes .trees .tree {
  display: flex;
  align-items: center;
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100vh;
  left: 0;
}
.all-scenes .trees .tree img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#wrap {
  position: fixed;
  top: 0;
  left: 0;
}
#page-butterfly {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 200;
  pointer-events: none;
}
#page-butterfly .container {
  width: 100%;
  height: 100%;
  height: calc(100% - 230px);
  margin-top: 330px;
}
@media (max-width: 767px) {
  #page-butterfly .container {
    margin-top: 200px;
  }
}
#page-butterfly .container svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#page-butterfly .container #butterfly-move {
  position: absolute;
  width: 100px;
  height: 100px;
  object-fit: contain;
}
@media (max-width: 767px) {
  #page-butterfly .container #butterfly-move {
    width: 75px;
    height: 75px;
  }
}
@media (max-width: 480px) {
  #page-butterfly .container #butterfly-move {
    width: 45px;
    height: 45px;
  }
}
}
.team .team_image {
  width: 88px;
  height: 88px;
}
@media (max-width: 767px) {
  .team .team_image {
    width: 60px;
    height: 60px;
  }
}
.team .team_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}
.team .team_image .initials {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background-color: #E2E2E2;
}
@media (max-width: 767px) {
  .team .team_image .initials {
    width: 60px;
    height: 60px;
  }
}
.team .team_image .initials span {
  font-size: 36px;
  font-weight: 600;
  margin: 0;
  color: #00b3b0;
}
@media (max-width: 767px) {
  .team .team_image .initials span {
    font-size: 24px;
  }
}
.team .team_description {
  width: calc(100% - 112px);
}
@media (max-width: 767px) {
  .team .team_description {
    width: 100%;
    margin-top: 16px;
  }
}
.team .team_description .category {
  margin: 0;
  margin-bottom: 4px;
  color: #8153a0;
  font-size: 14px;
  font-weight: 600;
}
.team .team_description .category:first-letter {
  text-transform: uppercase;
}
.team .team_description .name {
  font-weight: 500;
  text-decoration: none;
  font-family: Raleway, sans-serif;
  font-style: normal;
  color: #425b76;
  font-size: 32px;
  text-transform: none;
  line-height: 1.2;
  margin: 0;
}
@media (max-width: 767px) {
  .team .team_description .name {
    font-size: 24px;
  }
}
.team .team_description .position {
  color: #585858;
}
@media (max-width: 767px) {
  .team .team_description .position {
    font-size: 14px;
  }
}
.team .team_description .description {
  color: #232323;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .team .team_description .description {
    font-size: 14px;
  }
}
.team .team_description .description .long {
  margin-top: 16px;
  display: none;
}
.team .team_description .description .long.active {
  display: block;
}
.team .team_description .description .expand {
  margin-top: 8px;
}
.team .team_description .description .expand .more,
.team .team_description .description .expand .less {
  display: none;
  font-weight: 600;
}
.team .team_description .description .expand .more svg,
.team .team_description .description .expand .less svg {
  margin-left: 4px;
}
.team .team_description .description .expand .more.active,
.team .team_description .description .expand .less.active {
  display: block;
}