@keyframes animation-2194 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 30px 30px 30px 30px;
    background: #ffffffff;
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 30px 30px 30px 30px;
    background: #ffffffff;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10000000149011612);
  }
}
.animationClass-2194 {
  animation: animation-2194 0.001s linear 0s normal forwards;
}
@keyframes animation-pdiv-2194 {
  from {
    width: var(--custom-width);
    height: calc(1.09 * var(--custom-width));
  }
  to {
    width: calc(380 * var(--ratio));
    height: calc(415 * var(--ratio));
  }
}

.parent-animation-2194 {
  animation: animation-pdiv-2194 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2203 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 30px 30px 30px 30px;
    background: #ffffffff;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10000000149011612);
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 30px 30px 30px 30px;
    background: #ffffffff;
  }
}
.animationClassBack-2203 {
  animation: animationBack-2203 0.001s linear 0s normal forwards;
}
@keyframes animation-pdiv-2203 {
  from {
    width: var(--custom-width);
    height: calc(1.09 * var(--custom-width));
  }
  to {
    width: calc(380px * var(--ratio));
    height: calc(415 * var(--ratio));
  }
}

.parent-animation-rev-2203 {
  animation: animation-pdiv-2203 0.001s linear 0s normal forwards;
}
@keyframes animation-2195 {
  from {
    width: 78.68%;
    height: 50.44%;
    top: 12.05%;
    left: 7.89%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 78.68%;
    height: 50.44%;
    top: 12.05%;
    left: 7.89%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClass-2195 {
  animation: animation-2195 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2204 {
  from {
    width: 78.68%;
    height: 50.44%;
    top: 12.05%;
    left: 7.89%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 78.68%;
    height: 50.44%;
    top: 12.05%;
    left: 7.89%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClassBack-2204 {
  animation: animationBack-2204 0.001s linear 0s normal forwards;
}
@keyframes animation-2196 {
  from {
    width: 31.22%;
    height: 44.59%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    border-radius: 20px 20px 20px 20px;
    background: #d7f5dcff;
  }
  to {
    width: 31.22%;
    height: 44.59%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    border-radius: 20px 20px 20px 20px;
    background: #d7f5dcff;
  }
}
.animationClass-2196 {
  animation: animation-2196 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2205 {
  from {
    width: 31.22%;
    height: 44.59%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    border-radius: 20px 20px 20px 20px;
    background: #d7f5dcff;
  }
  to {
    width: 31.22%;
    height: 44.59%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    border-radius: 20px 20px 20px 20px;
    background: #d7f5dcff;
  }
}
.animationClassBack-2205 {
  animation: animationBack-2205 0.001s linear 0s normal forwards;
}
@keyframes animation-I2196_2182 {
  from {
    width: 35.71%;
    height: 35.71%;
    top: 32.14%;
    left: 32.14%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 35.71%;
    height: 35.71%;
    top: 32.14%;
    left: 32.14%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-I2196_2182 {
  animation: animation-I2196_2182 0.001s linear 0s normal forwards;
}
@keyframes animationBg-I2205_2182 {
  from {
    background-image: var(--image-1);
    opacity: 1;
  }
  to {
    background-image: var(--image-3);
  }
}
.bgClass-I2205_2182 {
  animation: animationBg-I2205_2182 0.001s linear 0s normal forwards;
}
@keyframes animationBack-I2205_2182 {
  from {
    width: 35.71%;
    height: 35.71%;
    top: 32.14%;
    left: 32.14%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 35.71%;
    height: 35.71%;
    top: 32.14%;
    left: 32.14%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClassBack-I2205_2182 {
  animation: animationBack-I2205_2182 0.001s linear 0s normal forwards;
}
@keyframes animationBgBack-I2196_2182 {
  from {
    background-image: var(--image-3);
    opacity: 1;
  }
  to {
    background-image: var(--image-1);
  }
}
.bgClassBack-I2196_2182 {
  animation: animationBgBack-I2196_2182 0.001s linear 0s normal forwards;
}
@keyframes animation-2197 {
  from {
    width: 100%;
    height: 48.25%;
    top: 51.75%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 100%;
    height: 48.25%;
    top: 51.75%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClass-2197 {
  animation: animation-2197 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2206 {
  from {
    width: 100%;
    height: 48.25%;
    top: 51.75%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 100%;
    height: 48.25%;
    top: 51.75%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClassBack-2206 {
  animation: animationBack-2206 0.001s linear 0s normal forwards;
}
@keyframes animation-2198 {
  from {
    width: 80.27%;
    height: 35.64%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 80.27%;
    height: 35.64%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2198 {
  animation: animation-2198 0.001s linear 0s normal forwards;
}
@keyframes animation-2198-2198-0 {
  from {
    font-size: calc(24 * var(--ratio));

    line-height: calc(24 * var(--ratio));

    font-family: Poppins;
    font-weight: 600;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
  to {
    font-size: calc(24 * var(--ratio));

    line-height: calc(24 * var(--ratio));

    font-family: Poppins;
    font-weight: 600;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
}

.animationClass-2198-2198-0 {
  animation: animation-2198-2198-0 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2207 {
  from {
    width: 80.27%;
    height: 35.64%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 80.27%;
    height: 35.64%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2207 {
  animation: animationBack-2207 0.001s linear 0s normal forwards;
}
@keyframes animation-2199 {
  from {
    width: 100%;
    height: 49.5%;
    top: 50.5%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 49.5%;
    top: 50.5%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2199 {
  animation: animation-2199 0.001s linear 0s normal forwards;
}
@keyframes animation-2199-2199-0 {
  from {
    font-size: calc(18 * var(--ratio));

    line-height: calc(18 * var(--ratio));

    font-family: Avenir;
    font-weight: 400;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
  to {
    font-size: calc(18 * var(--ratio));

    line-height: calc(18 * var(--ratio));

    font-family: Avenir;
    font-weight: 400;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
}

.animationClass-2199-2199-0 {
  animation: animation-2199-2199-0 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2208 {
  from {
    width: 100%;
    height: 49.5%;
    top: 50.5%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 49.5%;
    top: 50.5%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2208 {
  animation: animationBack-2208 0.001s linear 0s normal forwards;
}
@keyframes animation-2200 {
  from {
    width: 41.84%;
    height: 13.25%;
    top: 72.85%;
    left: 7.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 10px 10px 10px 10px;
  }
  to {
    width: 41.84%;
    height: 13.25%;
    top: 72.85%;
    left: 7.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 10px 10px 10px 10px;
    background: #f55f1dff;
  }
}
.animationClass-2200 {
  animation: animation-2200 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2209 {
  from {
    width: 41.84%;
    height: 13.25%;
    top: 72.85%;
    left: 7.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 10px 10px 10px 10px;
    background: #f55f1dff;
  }
  to {
    width: 41.84%;
    height: 13.25%;
    top: 72.85%;
    left: 7.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 10px 10px 10px 10px;
  }
}
.animationClassBack-2209 {
  animation: animationBack-2209 0.001s linear 0s normal forwards;
}
@keyframes animation-2201 {
  from {
    width: 58.49%;
    height: 45.45%;
    top: 27.27%;
    left: 12.58%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 58.49%;
    height: 45.45%;
    top: 27.27%;
    left: 12.58%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2201 {
  animation: animation-2201 0.001s linear 0s normal forwards;
}
@keyframes animation-2201-2201-0 {
  from {
    font-size: calc(18 * var(--ratio));

    line-height: calc(18 * var(--ratio));

    font-family: Avenir;
    font-weight: 400;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
  to {
    font-size: calc(18 * var(--ratio));

    line-height: calc(18 * var(--ratio));

    font-family: Avenir;
    font-weight: 400;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #ffffffff;
  }
}

.animationClass-2201-2201-0 {
  animation: animation-2201-2201-0 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2210 {
  from {
    width: 58.49%;
    height: 45.45%;
    top: 27.27%;
    left: 12.58%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 58.49%;
    height: 45.45%;
    top: 27.27%;
    left: 12.58%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2210 {
  animation: animationBack-2210 0.001s linear 0s normal forwards;
}
@keyframes animation-2202 {
  from {
    width: 11.32%;
    height: 29.09%;
    top: 35.45%;
    left: 76.73%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
    box-sizing: border-box;
  }
  to {
    width: 11.32%;
    height: 29.09%;
    top: 35.45%;
    left: 76.73%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
    box-sizing: border-box;
  }
}
.animationClass-2202 {
  animation: animation-2202 0.001s linear 0s normal forwards;
}
@keyframes animationBg-2211 {
  from {
    background-image: var(--image-2);
    opacity: 1;
  }
  to {
    background-image: var(--image-4);
  }
}
.bgClass-2211 {
  animation: animationBg-2211 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2211 {
  from {
    width: 11.32%;
    height: 29.09%;
    top: 35.45%;
    left: 76.73%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
    box-sizing: border-box;
  }
  to {
    width: 11.32%;
    height: 29.09%;
    top: 35.45%;
    left: 76.73%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
    box-sizing: border-box;
  }
}
.animationClassBack-2211 {
  animation: animationBack-2211 0.001s linear 0s normal forwards;
}
@keyframes animationBgBack-2202 {
  from {
    background-image: var(--image-4);
    opacity: 1;
  }
  to {
    background-image: var(--image-2);
  }
}
.bgClassBack-2202 {
  animation: animationBgBack-2202 0.001s linear 0s normal forwards;
}
@keyframes animation-2194 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 30px 30px 30px 30px;
    background: #ffffffff;
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 30px 30px 30px 30px;
    background: #ffffffff;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10000000149011612);
  }
}
.animationClass-2194 {
  animation: animation-2194 0.001s linear 0s normal forwards;
}
@keyframes animation-pdiv-2194 {
  from {
    width: var(--custom-width);
    height: calc(1.09 * var(--custom-width));
  }
  to {
    width: calc(380 * var(--ratio));
    height: calc(415 * var(--ratio));
  }
}

.parent-animation-2194 {
  animation: animation-pdiv-2194 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2203 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 30px 30px 30px 30px;
    background: #ffffffff;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10000000149011612);
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 30px 30px 30px 30px;
    background: #ffffffff;
  }
}
.animationClassBack-2203 {
  animation: animationBack-2203 0.001s linear 0s normal forwards;
}
@keyframes animation-pdiv-2203 {
  from {
    width: var(--custom-width);
    height: calc(1.09 * var(--custom-width));
  }
  to {
    width: calc(380px * var(--ratio));
    height: calc(415 * var(--ratio));
  }
}

.parent-animation-rev-2203 {
  animation: animation-pdiv-2203 0.001s linear 0s normal forwards;
}
@keyframes animation-2195 {
  from {
    width: 78.68%;
    height: 50.44%;
    top: 12.05%;
    left: 7.89%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 78.68%;
    height: 50.44%;
    top: 12.05%;
    left: 7.89%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClass-2195 {
  animation: animation-2195 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2204 {
  from {
    width: 78.68%;
    height: 50.44%;
    top: 12.05%;
    left: 7.89%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 78.68%;
    height: 50.44%;
    top: 12.05%;
    left: 7.89%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClassBack-2204 {
  animation: animationBack-2204 0.001s linear 0s normal forwards;
}
@keyframes animation-2196 {
  from {
    width: 31.22%;
    height: 44.59%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    border-radius: 20px 20px 20px 20px;
    background: #d7f5dcff;
  }
  to {
    width: 31.22%;
    height: 44.59%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    border-radius: 20px 20px 20px 20px;
    background: #d7f5dcff;
  }
}
.animationClass-2196 {
  animation: animation-2196 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2205 {
  from {
    width: 31.22%;
    height: 44.59%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    border-radius: 20px 20px 20px 20px;
    background: #d7f5dcff;
  }
  to {
    width: 31.22%;
    height: 44.59%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    border-radius: 20px 20px 20px 20px;
    background: #d7f5dcff;
  }
}
.animationClassBack-2205 {
  animation: animationBack-2205 0.001s linear 0s normal forwards;
}
@keyframes animation-I2196_2182 {
  from {
    width: 35.71%;
    height: 35.71%;
    top: 32.14%;
    left: 32.14%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 35.71%;
    height: 35.71%;
    top: 32.14%;
    left: 32.14%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-I2196_2182 {
  animation: animation-I2196_2182 0.001s linear 0s normal forwards;
}
@keyframes animationBg-I2205_2182 {
  from {
    background-image: var(--image-1);
    opacity: 1;
  }
  to {
    background-image: var(--image-3);
  }
}
.bgClass-I2205_2182 {
  animation: animationBg-I2205_2182 0.001s linear 0s normal forwards;
}
@keyframes animationBack-I2205_2182 {
  from {
    width: 35.71%;
    height: 35.71%;
    top: 32.14%;
    left: 32.14%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 35.71%;
    height: 35.71%;
    top: 32.14%;
    left: 32.14%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClassBack-I2205_2182 {
  animation: animationBack-I2205_2182 0.001s linear 0s normal forwards;
}
@keyframes animationBgBack-I2196_2182 {
  from {
    background-image: var(--image-3);
    opacity: 1;
  }
  to {
    background-image: var(--image-1);
  }
}
.bgClassBack-I2196_2182 {
  animation: animationBgBack-I2196_2182 0.001s linear 0s normal forwards;
}
@keyframes animation-2197 {
  from {
    width: 100%;
    height: 48.25%;
    top: 51.75%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 100%;
    height: 48.25%;
    top: 51.75%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClass-2197 {
  animation: animation-2197 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2206 {
  from {
    width: 100%;
    height: 48.25%;
    top: 51.75%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 100%;
    height: 48.25%;
    top: 51.75%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClassBack-2206 {
  animation: animationBack-2206 0.001s linear 0s normal forwards;
}
@keyframes animation-2198 {
  from {
    width: 80.27%;
    height: 35.64%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 80.27%;
    height: 35.64%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2198 {
  animation: animation-2198 0.001s linear 0s normal forwards;
}
@keyframes animation-2198-2198-0 {
  from {
    font-size: calc(24 * var(--ratio));

    line-height: calc(24 * var(--ratio));

    font-family: Poppins;
    font-weight: 600;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
  to {
    font-size: calc(24 * var(--ratio));

    line-height: calc(24 * var(--ratio));

    font-family: Poppins;
    font-weight: 600;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
}

.animationClass-2198-2198-0 {
  animation: animation-2198-2198-0 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2207 {
  from {
    width: 80.27%;
    height: 35.64%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 80.27%;
    height: 35.64%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2207 {
  animation: animationBack-2207 0.001s linear 0s normal forwards;
}
@keyframes animation-2199 {
  from {
    width: 100%;
    height: 49.5%;
    top: 50.5%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 49.5%;
    top: 50.5%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2199 {
  animation: animation-2199 0.001s linear 0s normal forwards;
}
@keyframes animation-2199-2199-0 {
  from {
    font-size: calc(18 * var(--ratio));

    line-height: calc(18 * var(--ratio));

    font-family: Avenir;
    font-weight: 400;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
  to {
    font-size: calc(18 * var(--ratio));

    line-height: calc(18 * var(--ratio));

    font-family: Avenir;
    font-weight: 400;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
}

.animationClass-2199-2199-0 {
  animation: animation-2199-2199-0 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2208 {
  from {
    width: 100%;
    height: 49.5%;
    top: 50.5%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 49.5%;
    top: 50.5%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2208 {
  animation: animationBack-2208 0.001s linear 0s normal forwards;
}
@keyframes animation-2200 {
  from {
    width: 41.84%;
    height: 13.25%;
    top: 72.85%;
    left: 7.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 10px 10px 10px 10px;
  }
  to {
    width: 41.84%;
    height: 13.25%;
    top: 72.85%;
    left: 7.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 10px 10px 10px 10px;
    background: #f55f1dff;
  }
}
.animationClass-2200 {
  animation: animation-2200 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2209 {
  from {
    width: 41.84%;
    height: 13.25%;
    top: 72.85%;
    left: 7.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 10px 10px 10px 10px;
    background: #f55f1dff;
  }
  to {
    width: 41.84%;
    height: 13.25%;
    top: 72.85%;
    left: 7.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 10px 10px 10px 10px;
  }
}
.animationClassBack-2209 {
  animation: animationBack-2209 0.001s linear 0s normal forwards;
}
@keyframes animation-2201 {
  from {
    width: 58.49%;
    height: 45.45%;
    top: 27.27%;
    left: 12.58%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 58.49%;
    height: 45.45%;
    top: 27.27%;
    left: 12.58%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2201 {
  animation: animation-2201 0.001s linear 0s normal forwards;
}
@keyframes animation-2201-2201-0 {
  from {
    font-size: calc(18 * var(--ratio));

    line-height: calc(18 * var(--ratio));

    font-family: Avenir;
    font-weight: 400;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
  to {
    font-size: calc(18 * var(--ratio));

    line-height: calc(18 * var(--ratio));

    font-family: Avenir;
    font-weight: 400;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #ffffffff;
  }
}

.animationClass-2201-2201-0 {
  animation: animation-2201-2201-0 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2210 {
  from {
    width: 58.49%;
    height: 45.45%;
    top: 27.27%;
    left: 12.58%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 58.49%;
    height: 45.45%;
    top: 27.27%;
    left: 12.58%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2210 {
  animation: animationBack-2210 0.001s linear 0s normal forwards;
}
@keyframes animation-2202 {
  from {
    width: 11.32%;
    height: 29.09%;
    top: 35.45%;
    left: 76.73%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
    box-sizing: border-box;
  }
  to {
    width: 11.32%;
    height: 29.09%;
    top: 35.45%;
    left: 76.73%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
    box-sizing: border-box;
  }
}
.animationClass-2202 {
  animation: animation-2202 0.001s linear 0s normal forwards;
}
@keyframes animationBg-2211 {
  from {
    background-image: var(--image-2);
    opacity: 1;
  }
  to {
    background-image: var(--image-4);
  }
}
.bgClass-2211 {
  animation: animationBg-2211 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2211 {
  from {
    width: 11.32%;
    height: 29.09%;
    top: 35.45%;
    left: 76.73%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
    box-sizing: border-box;
  }
  to {
    width: 11.32%;
    height: 29.09%;
    top: 35.45%;
    left: 76.73%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
    box-sizing: border-box;
  }
}
.animationClassBack-2211 {
  animation: animationBack-2211 0.001s linear 0s normal forwards;
}
@keyframes animationBgBack-2202 {
  from {
    background-image: var(--image-4);
    opacity: 1;
  }
  to {
    background-image: var(--image-2);
  }
}
.bgClassBack-2202 {
  animation: animationBgBack-2202 0.001s linear 0s normal forwards;
}
@keyframes animation-2194 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 30px 30px 30px 30px;
    background: #ffffffff;
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 30px 30px 30px 30px;
    background: #ffffffff;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10000000149011612);
  }
}
.animationClass-2194 {
  animation: animation-2194 0.001s linear 0s normal forwards;
}
@keyframes animation-pdiv-2194 {
  from {
    width: var(--custom-width);
    height: calc(1.09 * var(--custom-width));
  }
  to {
    width: calc(380 * var(--ratio));
    height: calc(415 * var(--ratio));
  }
}

.parent-animation-2194 {
  animation: animation-pdiv-2194 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2203 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 30px 30px 30px 30px;
    background: #ffffffff;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10000000149011612);
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 30px 30px 30px 30px;
    background: #ffffffff;
  }
}
.animationClassBack-2203 {
  animation: animationBack-2203 0.001s linear 0s normal forwards;
}
@keyframes animation-pdiv-2203 {
  from {
    width: var(--custom-width);
    height: calc(1.09 * var(--custom-width));
  }
  to {
    width: calc(380px * var(--ratio));
    height: calc(415 * var(--ratio));
  }
}

.parent-animation-rev-2203 {
  animation: animation-pdiv-2203 0.001s linear 0s normal forwards;
}
@keyframes animation-2195 {
  from {
    width: 78.68%;
    height: 50.44%;
    top: 12.05%;
    left: 7.89%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 78.68%;
    height: 50.44%;
    top: 12.05%;
    left: 7.89%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClass-2195 {
  animation: animation-2195 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2204 {
  from {
    width: 78.68%;
    height: 50.44%;
    top: 12.05%;
    left: 7.89%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 78.68%;
    height: 50.44%;
    top: 12.05%;
    left: 7.89%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClassBack-2204 {
  animation: animationBack-2204 0.001s linear 0s normal forwards;
}
@keyframes animation-2196 {
  from {
    width: 31.22%;
    height: 44.59%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    border-radius: 20px 20px 20px 20px;
    background: #d7f5dcff;
  }
  to {
    width: 31.22%;
    height: 44.59%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    border-radius: 20px 20px 20px 20px;
    background: #d7f5dcff;
  }
}
.animationClass-2196 {
  animation: animation-2196 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2205 {
  from {
    width: 31.22%;
    height: 44.59%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    border-radius: 20px 20px 20px 20px;
    background: #d7f5dcff;
  }
  to {
    width: 31.22%;
    height: 44.59%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    border-radius: 20px 20px 20px 20px;
    background: #d7f5dcff;
  }
}
.animationClassBack-2205 {
  animation: animationBack-2205 0.001s linear 0s normal forwards;
}
@keyframes animation-I2196_2182 {
  from {
    width: 35.71%;
    height: 35.71%;
    top: 32.14%;
    left: 32.14%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 35.71%;
    height: 35.71%;
    top: 32.14%;
    left: 32.14%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-I2196_2182 {
  animation: animation-I2196_2182 0.001s linear 0s normal forwards;
}
@keyframes animationBg-I2205_2182 {
  from {
    background-image: var(--image-1);
    opacity: 1;
  }
  to {
    background-image: var(--image-3);
  }
}
.bgClass-I2205_2182 {
  animation: animationBg-I2205_2182 0.001s linear 0s normal forwards;
}
@keyframes animationBack-I2205_2182 {
  from {
    width: 35.71%;
    height: 35.71%;
    top: 32.14%;
    left: 32.14%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 35.71%;
    height: 35.71%;
    top: 32.14%;
    left: 32.14%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClassBack-I2205_2182 {
  animation: animationBack-I2205_2182 0.001s linear 0s normal forwards;
}
@keyframes animationBgBack-I2196_2182 {
  from {
    background-image: var(--image-3);
    opacity: 1;
  }
  to {
    background-image: var(--image-1);
  }
}
.bgClassBack-I2196_2182 {
  animation: animationBgBack-I2196_2182 0.001s linear 0s normal forwards;
}
@keyframes animation-2197 {
  from {
    width: 100%;
    height: 48.25%;
    top: 51.75%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 100%;
    height: 48.25%;
    top: 51.75%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClass-2197 {
  animation: animation-2197 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2206 {
  from {
    width: 100%;
    height: 48.25%;
    top: 51.75%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 100%;
    height: 48.25%;
    top: 51.75%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClassBack-2206 {
  animation: animationBack-2206 0.001s linear 0s normal forwards;
}
@keyframes animation-2198 {
  from {
    width: 80.27%;
    height: 35.64%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 80.27%;
    height: 35.64%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2198 {
  animation: animation-2198 0.001s linear 0s normal forwards;
}
@keyframes animation-2198-2198-0 {
  from {
    font-size: calc(24 * var(--ratio));

    line-height: calc(24 * var(--ratio));

    font-family: Poppins;
    font-weight: 600;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
  to {
    font-size: calc(24 * var(--ratio));

    line-height: calc(24 * var(--ratio));

    font-family: Poppins;
    font-weight: 600;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
}

.animationClass-2198-2198-0 {
  animation: animation-2198-2198-0 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2207 {
  from {
    width: 80.27%;
    height: 35.64%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 80.27%;
    height: 35.64%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2207 {
  animation: animationBack-2207 0.001s linear 0s normal forwards;
}
@keyframes animation-2199 {
  from {
    width: 100%;
    height: 49.5%;
    top: 50.5%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 49.5%;
    top: 50.5%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2199 {
  animation: animation-2199 0.001s linear 0s normal forwards;
}
@keyframes animation-2199-2199-0 {
  from {
    font-size: calc(18 * var(--ratio));

    line-height: calc(18 * var(--ratio));

    font-family: Avenir;
    font-weight: 400;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
  to {
    font-size: calc(18 * var(--ratio));

    line-height: calc(18 * var(--ratio));

    font-family: Avenir;
    font-weight: 400;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
}

.animationClass-2199-2199-0 {
  animation: animation-2199-2199-0 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2208 {
  from {
    width: 100%;
    height: 49.5%;
    top: 50.5%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 49.5%;
    top: 50.5%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2208 {
  animation: animationBack-2208 0.001s linear 0s normal forwards;
}
@keyframes animation-2200 {
  from {
    width: 41.84%;
    height: 13.25%;
    top: 72.85%;
    left: 7.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 10px 10px 10px 10px;
  }
  to {
    width: 41.84%;
    height: 13.25%;
    top: 72.85%;
    left: 7.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 10px 10px 10px 10px;
    background: #f55f1dff;
  }
}
.animationClass-2200 {
  animation: animation-2200 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2209 {
  from {
    width: 41.84%;
    height: 13.25%;
    top: 72.85%;
    left: 7.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 10px 10px 10px 10px;
    background: #f55f1dff;
  }
  to {
    width: 41.84%;
    height: 13.25%;
    top: 72.85%;
    left: 7.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    border-radius: 10px 10px 10px 10px;
  }
}
.animationClassBack-2209 {
  animation: animationBack-2209 0.001s linear 0s normal forwards;
}
@keyframes animation-2201 {
  from {
    width: 58.49%;
    height: 45.45%;
    top: 27.27%;
    left: 12.58%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 58.49%;
    height: 45.45%;
    top: 27.27%;
    left: 12.58%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2201 {
  animation: animation-2201 0.001s linear 0s normal forwards;
}
@keyframes animation-2201-2201-0 {
  from {
    font-size: calc(18 * var(--ratio));

    line-height: calc(18 * var(--ratio));

    font-family: Avenir;
    font-weight: 400;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
  to {
    font-size: calc(18 * var(--ratio));

    line-height: calc(18 * var(--ratio));

    font-family: Avenir;
    font-weight: 400;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #ffffffff;
  }
}

.animationClass-2201-2201-0 {
  animation: animation-2201-2201-0 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2210 {
  from {
    width: 58.49%;
    height: 45.45%;
    top: 27.27%;
    left: 12.58%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 58.49%;
    height: 45.45%;
    top: 27.27%;
    left: 12.58%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2210 {
  animation: animationBack-2210 0.001s linear 0s normal forwards;
}
@keyframes animation-2202 {
  from {
    width: 11.32%;
    height: 29.09%;
    top: 35.45%;
    left: 76.73%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
    box-sizing: border-box;
  }
  to {
    width: 11.32%;
    height: 29.09%;
    top: 35.45%;
    left: 76.73%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
    box-sizing: border-box;
  }
}
.animationClass-2202 {
  animation: animation-2202 0.001s linear 0s normal forwards;
}
@keyframes animationBg-2211 {
  from {
    background-image: var(--image-2);
    opacity: 1;
  }
  to {
    background-image: var(--image-4);
  }
}
.bgClass-2211 {
  animation: animationBg-2211 0.001s linear 0s normal forwards;
}
@keyframes animationBack-2211 {
  from {
    width: 11.32%;
    height: 29.09%;
    top: 35.45%;
    left: 76.73%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
    box-sizing: border-box;
  }
  to {
    width: 11.32%;
    height: 29.09%;
    top: 35.45%;
    left: 76.73%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
    box-sizing: border-box;
  }
}
.animationClassBack-2211 {
  animation: animationBack-2211 0.001s linear 0s normal forwards;
}
@keyframes animationBgBack-2202 {
  from {
    background-image: var(--image-4);
    opacity: 1;
  }
  to {
    background-image: var(--image-2);
  }
}
.bgClassBack-2202 {
  animation: animationBgBack-2202 0.001s linear 0s normal forwards;
}
@keyframes animation-2230 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    background: #fafffbff;
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    background: #fafffbff;
  }
}
.animationClass-2230 {
  animation: animation-2230 1.5s ease-out 0s normal forwards;
}
@keyframes animation-pdiv-2230 {
  from {
    width: var(--custom-width);
    height: calc(0.29 * var(--custom-width));
  }
  to {
    width: calc(1440 * var(--ratio));
    height: calc(420 * var(--ratio));
  }
}

.parent-animation-2230 {
  animation: animation-pdiv-2230 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2268 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    background: #fafffbff;
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    background: #fafffbff;
  }
}
.animationClassBack-2268 {
  animation: animationBack-2268 1.5s ease-out 0s normal forwards;
}
@keyframes animation-pdiv-2268 {
  from {
    width: var(--custom-width);
    height: calc(0.29 * var(--custom-width));
  }
  to {
    width: calc(1440px * var(--ratio));
    height: calc(420 * var(--ratio));
  }
}

.parent-animation-rev-2268 {
  animation: animation-pdiv-2268 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2231 {
  from {
    width: 16.67%;
    height: 61.67%;
    top: 19.17%;
    left: 17.43%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-left: 0px solid #c4c4c480;
    border-right: 1px solid #c4c4c480;
    border-top: 0px solid #c4c4c480;
    border-bottom: 0px solid #c4c4c480;
  }
  to {
    width: 16.67%;
    height: 61.67%;
    top: 19.17%;
    left: 17.43%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-left: 0px solid #c4c4c480;
    border-right: 1px solid #c4c4c480;
    border-top: 0px solid #c4c4c480;
    border-bottom: 0px solid #c4c4c480;
  }
}
.animationClass-2231 {
  animation: animation-2231 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2269 {
  from {
    width: 16.67%;
    height: 61.67%;
    top: 19.17%;
    left: 17.43%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-left: 0px solid #c4c4c480;
    border-right: 1px solid #c4c4c480;
    border-top: 0px solid #c4c4c480;
    border-bottom: 0px solid #c4c4c480;
  }
  to {
    width: 16.67%;
    height: 61.67%;
    top: 19.17%;
    left: 17.43%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-left: 0px solid #c4c4c480;
    border-right: 1px solid #c4c4c480;
    border-top: 0px solid #c4c4c480;
    border-bottom: 0px solid #c4c4c480;
  }
}
.animationClassBack-2269 {
  animation: animationBack-2269 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2232 {
  from {
    width: 66.67%;
    height: 40.15%;
    top: 15.44%;
    left: 16.67%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 66.67%;
    height: 40.15%;
    top: 15.44%;
    left: 16.67%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClass-2232 {
  animation: animation-2232 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2270 {
  from {
    width: 66.67%;
    height: 40.15%;
    top: 15.44%;
    left: 16.67%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 66.67%;
    height: 40.15%;
    top: 15.44%;
    left: 16.67%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClassBack-2270 {
  animation: animationBack-2270 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2233 {
  from {
    width: 43.75%;
    height: 67.31%;
    top: 0%;
    left: 28.13%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 43.75%;
    height: 67.31%;
    top: 0%;
    left: 28.13%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClass-2233 {
  animation: animation-2233 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2271 {
  from {
    width: 43.75%;
    height: 67.31%;
    top: 0%;
    left: 28.13%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 43.75%;
    height: 67.31%;
    top: 0%;
    left: 28.13%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClassBack-2271 {
  animation: animationBack-2271 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2234 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-2234 {
  animation: animation-2234 1.5s ease-out 0s normal forwards;
}
@keyframes animationBg-2272 {
  from {
    background-image: var(--image-5);
    opacity: 1;
  }
  to {
    background-image: var(--image-5);
    opacity: 1;
  }
}
.bgClass-2272 {
  animation: animationBg-2272 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2272 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClassBack-2272 {
  animation: animationBack-2272 1.5s ease-out 0s normal forwards;
}
@keyframes animationBgBack-2234 {
  from {
    background-image: var(--image-5);
    opacity: 1;
  }
  to {
    background-image: var(--image-5);
    opacity: 1;
  }
}
.bgClassBack-2234 {
  animation: animationBgBack-2234 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2235 {
  from {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
}
.animationClass-2235 {
  animation: animation-2235 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2235-2235-0 {
  from {
    font-size: calc(16 * var(--ratio));

    line-height: calc(16 * var(--ratio));

    font-family: Poppins;
    font-weight: 500;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
  to {
    font-size: calc(16 * var(--ratio));

    line-height: calc(16 * var(--ratio));

    font-family: Poppins;
    font-weight: 500;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
}

.animationClass-2235-2235-0 {
  animation: animation-2235-2235-0 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2273 {
  from {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
}
.animationClassBack-2273 {
  animation: animationBack-2273 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2236 {
  from {
    width: 50.83%;
    height: 23.17%;
    top: 61.39%;
    left: 24.58%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 50.83%;
    height: 23.17%;
    top: 61.39%;
    left: 24.58%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClass-2236 {
  animation: animation-2236 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2274 {
  from {
    width: 50.83%;
    height: 23.17%;
    top: 61.39%;
    left: 24.58%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 50.83%;
    height: 23.17%;
    top: 61.39%;
    left: 24.58%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClassBack-2274 {
  animation: animationBack-2274 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2237 {
  from {
    width: 77.87%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 77.87%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-2237 {
  animation: animation-2237 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2275 {
  from {
    width: 77.87%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 77.87%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClassBack-2275 {
  animation: animationBack-2275 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2238 {
  from {
    width: 100%;
    height: 700%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 700%;
    top: -600%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2238 {
  animation: animation-2238 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2238-2238-0 {
  from {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
  to {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
}

.animationClass-2238-2238-0 {
  animation: animation-2238-2238-0 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2276 {
  from {
    width: 100%;
    height: 700%;
    top: -600%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 700%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2276 {
  animation: animationBack-2276 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2239 {
  from {
    width: 22.13%;
    height: 100%;
    top: 0%;
    left: 77.87%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 22.13%;
    height: 100%;
    top: 0%;
    left: 77.87%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2239 {
  animation: animation-2239 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2239-2239-0 {
  from {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
  to {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
}

.animationClass-2239-2239-0 {
  animation: animation-2239-2239-0 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2277 {
  from {
    width: 22.13%;
    height: 100%;
    top: 0%;
    left: 77.87%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 22.13%;
    height: 100%;
    top: 0%;
    left: 77.87%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2277 {
  animation: animationBack-2277 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2240 {
  from {
    width: 18.06%;
    height: 61.67%;
    top: 19.17%;
    left: 34.1%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-left: 0px solid #c4c4c480;
    border-right: 1px solid #c4c4c480;
    border-top: 0px solid #c4c4c480;
    border-bottom: 0px solid #c4c4c480;
  }
  to {
    width: 18.06%;
    height: 61.67%;
    top: 19.17%;
    left: 34.1%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-left: 0px solid #c4c4c480;
    border-right: 1px solid #c4c4c480;
    border-top: 0px solid #c4c4c480;
    border-bottom: 0px solid #c4c4c480;
  }
}
.animationClass-2240 {
  animation: animation-2240 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2278 {
  from {
    width: 18.06%;
    height: 61.67%;
    top: 19.17%;
    left: 34.1%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-left: 0px solid #c4c4c480;
    border-right: 1px solid #c4c4c480;
    border-top: 0px solid #c4c4c480;
    border-bottom: 0px solid #c4c4c480;
  }
  to {
    width: 18.06%;
    height: 61.67%;
    top: 19.17%;
    left: 34.1%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-left: 0px solid #c4c4c480;
    border-right: 1px solid #c4c4c480;
    border-top: 0px solid #c4c4c480;
    border-bottom: 0px solid #c4c4c480;
  }
}
.animationClassBack-2278 {
  animation: animationBack-2278 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2241 {
  from {
    width: 69.23%;
    height: 40.15%;
    top: 15.44%;
    left: 15.38%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 69.23%;
    height: 40.15%;
    top: 15.44%;
    left: 15.38%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClass-2241 {
  animation: animation-2241 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2279 {
  from {
    width: 69.23%;
    height: 40.15%;
    top: 15.44%;
    left: 15.38%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 69.23%;
    height: 40.15%;
    top: 15.44%;
    left: 15.38%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClassBack-2279 {
  animation: animationBack-2279 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2242 {
  from {
    width: 38.89%;
    height: 67.31%;
    top: 0%;
    left: 30.56%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 38.89%;
    height: 67.31%;
    top: 0%;
    left: 30.56%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClass-2242 {
  animation: animation-2242 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2280 {
  from {
    width: 38.89%;
    height: 67.31%;
    top: 0%;
    left: 30.56%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 38.89%;
    height: 67.31%;
    top: 0%;
    left: 30.56%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClassBack-2280 {
  animation: animationBack-2280 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2243 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-2243 {
  animation: animation-2243 1.5s ease-out 0s normal forwards;
}
@keyframes animationBg-2281 {
  from {
    background-image: var(--image-6);
    opacity: 1;
  }
  to {
    background-image: var(--image-6);
    opacity: 1;
  }
}
.bgClass-2281 {
  animation: animationBg-2281 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2281 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClassBack-2281 {
  animation: animationBack-2281 1.5s ease-out 0s normal forwards;
}
@keyframes animationBgBack-2243 {
  from {
    background-image: var(--image-6);
    opacity: 1;
  }
  to {
    background-image: var(--image-6);
    opacity: 1;
  }
}
.bgClassBack-2243 {
  animation: animationBgBack-2243 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2244 {
  from {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
}
.animationClass-2244 {
  animation: animation-2244 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2244-2244-0 {
  from {
    font-size: calc(16 * var(--ratio));

    line-height: calc(16 * var(--ratio));

    font-family: Poppins;
    font-weight: 500;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
  to {
    font-size: calc(16 * var(--ratio));

    line-height: calc(16 * var(--ratio));

    font-family: Poppins;
    font-weight: 500;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
}

.animationClass-2244-2244-0 {
  animation: animation-2244-2244-0 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2282 {
  from {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
}
.animationClassBack-2282 {
  animation: animationBack-2282 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2245 {
  from {
    width: 41.92%;
    height: 23.17%;
    top: 61.39%;
    left: 29.04%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 41.92%;
    height: 23.17%;
    top: 61.39%;
    left: 29.04%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClass-2245 {
  animation: animation-2245 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2283 {
  from {
    width: 41.92%;
    height: 23.17%;
    top: 61.39%;
    left: 29.04%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 41.92%;
    height: 23.17%;
    top: 61.39%;
    left: 29.04%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClassBack-2283 {
  animation: animationBack-2283 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2246 {
  from {
    width: 66.06%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 66.06%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-2246 {
  animation: animation-2246 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2284 {
  from {
    width: 66.06%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 66.06%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClassBack-2284 {
  animation: animationBack-2284 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2247 {
  from {
    width: 100%;
    height: 500%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 500%;
    top: -400%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2247 {
  animation: animation-2247 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2247-2247-0 {
  from {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
  to {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
}

.animationClass-2247-2247-0 {
  animation: animation-2247-2247-0 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2285 {
  from {
    width: 100%;
    height: 500%;
    top: -400%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 500%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2285 {
  animation: animationBack-2285 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2248 {
  from {
    width: 33.94%;
    height: 100%;
    top: 0%;
    left: 66.06%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 33.94%;
    height: 100%;
    top: 0%;
    left: 66.06%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2248 {
  animation: animation-2248 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2248-2248-0 {
  from {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
  to {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
}

.animationClass-2248-2248-0 {
  animation: animation-2248-2248-0 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2286 {
  from {
    width: 33.94%;
    height: 100%;
    top: 0%;
    left: 66.06%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 33.94%;
    height: 100%;
    top: 0%;
    left: 66.06%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2286 {
  animation: animationBack-2286 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2249 {
  from {
    width: 15.21%;
    height: 61.67%;
    top: 19.17%;
    left: 52.15%;
    opacity: 1;
    z-index: 2;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-left: 0px solid #c4c4c480;
    border-right: 1px solid #c4c4c480;
    border-top: 0px solid #c4c4c480;
    border-bottom: 0px solid #c4c4c480;
  }
  to {
    width: 15.21%;
    height: 61.67%;
    top: 19.17%;
    left: 52.15%;
    opacity: 1;
    z-index: 2;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-left: 0px solid #c4c4c480;
    border-right: 1px solid #c4c4c480;
    border-top: 0px solid #c4c4c480;
    border-bottom: 0px solid #c4c4c480;
  }
}
.animationClass-2249 {
  animation: animation-2249 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2287 {
  from {
    width: 15.21%;
    height: 61.67%;
    top: 19.17%;
    left: 52.15%;
    opacity: 1;
    z-index: 2;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-left: 0px solid #c4c4c480;
    border-right: 1px solid #c4c4c480;
    border-top: 0px solid #c4c4c480;
    border-bottom: 0px solid #c4c4c480;
  }
  to {
    width: 15.21%;
    height: 61.67%;
    top: 19.17%;
    left: 52.15%;
    opacity: 1;
    z-index: 2;
    transform: rotate(0deg);
    box-sizing: border-box;
    border-left: 0px solid #c4c4c480;
    border-right: 1px solid #c4c4c480;
    border-top: 0px solid #c4c4c480;
    border-bottom: 0px solid #c4c4c480;
  }
}
.animationClassBack-2287 {
  animation: animationBack-2287 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2250 {
  from {
    width: 63.47%;
    height: 40.15%;
    top: 15.44%;
    left: 18.26%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 63.47%;
    height: 40.15%;
    top: 15.44%;
    left: 18.26%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClass-2250 {
  animation: animation-2250 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2288 {
  from {
    width: 63.47%;
    height: 40.15%;
    top: 15.44%;
    left: 18.26%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 63.47%;
    height: 40.15%;
    top: 15.44%;
    left: 18.26%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClassBack-2288 {
  animation: animationBack-2288 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2251 {
  from {
    width: 50.36%;
    height: 67.31%;
    top: 0%;
    left: 24.82%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 50.36%;
    height: 67.31%;
    top: 0%;
    left: 24.82%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClass-2251 {
  animation: animation-2251 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2289 {
  from {
    width: 50.36%;
    height: 67.31%;
    top: 0%;
    left: 24.82%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 50.36%;
    height: 67.31%;
    top: 0%;
    left: 24.82%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClassBack-2289 {
  animation: animationBack-2289 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2252 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-2252 {
  animation: animation-2252 1.5s ease-out 0s normal forwards;
}
@keyframes animationBg-2290 {
  from {
    background-image: var(--image-7);
    opacity: 1;
  }
  to {
    background-image: var(--image-7);
    opacity: 1;
  }
}
.bgClass-2290 {
  animation: animationBg-2290 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2290 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClassBack-2290 {
  animation: animationBack-2290 1.5s ease-out 0s normal forwards;
}
@keyframes animationBgBack-2252 {
  from {
    background-image: var(--image-7);
    opacity: 1;
  }
  to {
    background-image: var(--image-7);
    opacity: 1;
  }
}
.bgClassBack-2252 {
  animation: animationBgBack-2252 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2253 {
  from {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
}
.animationClass-2253 {
  animation: animation-2253 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2253-2253-0 {
  from {
    font-size: calc(16 * var(--ratio));

    line-height: calc(16 * var(--ratio));

    font-family: Poppins;
    font-weight: 500;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
  to {
    font-size: calc(16 * var(--ratio));

    line-height: calc(16 * var(--ratio));

    font-family: Poppins;
    font-weight: 500;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
}

.animationClass-2253-2253-0 {
  animation: animation-2253-2253-0 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2291 {
  from {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
}
.animationClassBack-2291 {
  animation: animationBack-2291 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2254 {
  from {
    width: 50.23%;
    height: 23.17%;
    top: 61.39%;
    left: 24.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 50.23%;
    height: 23.17%;
    top: 61.39%;
    left: 24.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClass-2254 {
  animation: animation-2254 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2292 {
  from {
    width: 50.23%;
    height: 23.17%;
    top: 61.39%;
    left: 24.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 50.23%;
    height: 23.17%;
    top: 61.39%;
    left: 24.89%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClassBack-2292 {
  animation: animationBack-2292 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2255 {
  from {
    width: 21.82%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 21.82%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2255 {
  animation: animation-2255 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2255-2255-0 {
  from {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
  to {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
}

.animationClass-2255-2255-0 {
  animation: animation-2255-2255-0 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2293 {
  from {
    width: 21.82%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 21.82%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2293 {
  animation: animationBack-2293 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2256 {
  from {
    width: 43.64%;
    height: 100%;
    top: 0%;
    left: 21.82%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 43.64%;
    height: 100%;
    top: 0%;
    left: 21.82%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-2256 {
  animation: animation-2256 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2294 {
  from {
    width: 43.64%;
    height: 100%;
    top: 0%;
    left: 21.82%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 43.64%;
    height: 100%;
    top: 0%;
    left: 21.82%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClassBack-2294 {
  animation: animationBack-2294 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2257 {
  from {
    width: 100%;
    height: 500%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 500%;
    top: -400%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2257 {
  animation: animation-2257 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2257-2257-0 {
  from {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
  to {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
}

.animationClass-2257-2257-0 {
  animation: animation-2257-2257-0 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2295 {
  from {
    width: 100%;
    height: 500%;
    top: -400%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 500%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2295 {
  animation: animationBack-2295 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2258 {
  from {
    width: 34.55%;
    height: 100%;
    top: 0%;
    left: 65.45%;
    opacity: 1;
    z-index: 2;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 34.55%;
    height: 100%;
    top: 0%;
    left: 65.45%;
    opacity: 1;
    z-index: 2;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2258 {
  animation: animation-2258 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2258-2258-0 {
  from {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
  to {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
}

.animationClass-2258-2258-0 {
  animation: animation-2258-2258-0 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2296 {
  from {
    width: 34.55%;
    height: 100%;
    top: 0%;
    left: 65.45%;
    opacity: 1;
    z-index: 2;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 34.55%;
    height: 100%;
    top: 0%;
    left: 65.45%;
    opacity: 1;
    z-index: 2;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2296 {
  animation: animationBack-2296 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2259 {
  from {
    width: 15.21%;
    height: 61.67%;
    top: 19.17%;
    left: 67.36%;
    opacity: 1;
    z-index: 3;
    transform: rotate(0deg);
  }
  to {
    width: 15.21%;
    height: 61.67%;
    top: 19.17%;
    left: 67.36%;
    opacity: 1;
    z-index: 3;
    transform: rotate(0deg);
  }
}
.animationClass-2259 {
  animation: animation-2259 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2297 {
  from {
    width: 15.21%;
    height: 61.67%;
    top: 19.17%;
    left: 67.36%;
    opacity: 1;
    z-index: 3;
    transform: rotate(0deg);
  }
  to {
    width: 15.21%;
    height: 61.67%;
    top: 19.17%;
    left: 67.36%;
    opacity: 1;
    z-index: 3;
    transform: rotate(0deg);
  }
}
.animationClassBack-2297 {
  animation: animationBack-2297 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2260 {
  from {
    width: 63.47%;
    height: 40.15%;
    top: 15.44%;
    left: 18.26%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 63.47%;
    height: 40.15%;
    top: 15.44%;
    left: 18.26%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClass-2260 {
  animation: animation-2260 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2298 {
  from {
    width: 63.47%;
    height: 40.15%;
    top: 15.44%;
    left: 18.26%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 63.47%;
    height: 40.15%;
    top: 15.44%;
    left: 18.26%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClassBack-2298 {
  animation: animationBack-2298 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2261 {
  from {
    width: 50.36%;
    height: 67.31%;
    top: 0%;
    left: 24.82%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 50.36%;
    height: 67.31%;
    top: 0%;
    left: 24.82%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClass-2261 {
  animation: animation-2261 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2299 {
  from {
    width: 50.36%;
    height: 67.31%;
    top: 0%;
    left: 24.82%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
  to {
    width: 50.36%;
    height: 67.31%;
    top: 0%;
    left: 24.82%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
  }
}
.animationClassBack-2299 {
  animation: animationBack-2299 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2262 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-2262 {
  animation: animation-2262 1.5s ease-out 0s normal forwards;
}
@keyframes animationBg-2300 {
  from {
    background-image: var(--image-8);
    opacity: 1;
  }
  to {
    background-image: var(--image-8);
    opacity: 1;
  }
}
.bgClass-2300 {
  animation: animationBg-2300 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2300 {
  from {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClassBack-2300 {
  animation: animationBack-2300 1.5s ease-out 0s normal forwards;
}
@keyframes animationBgBack-2262 {
  from {
    background-image: var(--image-8);
    opacity: 1;
  }
  to {
    background-image: var(--image-8);
    opacity: 1;
  }
}
.bgClassBack-2262 {
  animation: animationBgBack-2262 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2263 {
  from {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
}
.animationClass-2263 {
  animation: animation-2263 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2263-2263-0 {
  from {
    font-size: calc(16 * var(--ratio));

    line-height: calc(16 * var(--ratio));

    font-family: Poppins;
    font-weight: 500;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
  to {
    font-size: calc(16 * var(--ratio));

    line-height: calc(16 * var(--ratio));

    font-family: Poppins;
    font-weight: 500;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #000000ff;
  }
}

.animationClass-2263-2263-0 {
  animation: animation-2263-2263-0 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2301 {
  from {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 23.08%;
    top: 76.92%;
    left: 0%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: center;
    line-height: 0px;
  }
}
.animationClassBack-2301 {
  animation: animationBack-2301 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2264 {
  from {
    width: 48.4%;
    height: 23.17%;
    top: 61.39%;
    left: 25.8%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 48.4%;
    height: 23.17%;
    top: 61.39%;
    left: 25.8%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClass-2264 {
  animation: animation-2264 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2302 {
  from {
    width: 48.4%;
    height: 23.17%;
    top: 61.39%;
    left: 25.8%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
  to {
    width: 48.4%;
    height: 23.17%;
    top: 61.39%;
    left: 25.8%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
  }
}
.animationClassBack-2302 {
  animation: animationBack-2302 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2265 {
  from {
    width: 45.28%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 45.28%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClass-2265 {
  animation: animation-2265 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2303 {
  from {
    width: 45.28%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    width: 45.28%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
  }
}
.animationClassBack-2303 {
  animation: animationBack-2303 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2266 {
  from {
    width: 100%;
    height: 1100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 1100%;
    top: -1000%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2266 {
  animation: animation-2266 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2266-2266-0 {
  from {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
  to {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
}

.animationClass-2266-2266-0 {
  animation: animation-2266-2266-0 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2304 {
  from {
    width: 100%;
    height: 1100%;
    top: -1000%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 100%;
    height: 1100%;
    top: 0%;
    left: 0%;
    opacity: 1;
    z-index: 0;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2304 {
  animation: animationBack-2304 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2267 {
  from {
    width: 54.72%;
    height: 100%;
    top: 0%;
    left: 45.28%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 54.72%;
    height: 100%;
    top: 0%;
    left: 45.28%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClass-2267 {
  animation: animation-2267 1.5s ease-out 0s normal forwards;
}
@keyframes animation-2267-2267-0 {
  from {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
  to {
    font-size: calc(40 * var(--ratio));

    line-height: calc(60 * var(--ratio));

    font-family: Avenir;
    font-weight: 800;

    text-decoration: none;
    text-transform: none;
    white-space: pre-wrap;
    color: #20b15aff;
  }
}

.animationClass-2267-2267-0 {
  animation: animation-2267-2267-0 1.5s ease-out 0s normal forwards;
}
@keyframes animationBack-2305 {
  from {
    width: 54.72%;
    height: 100%;
    top: 0%;
    left: 45.28%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
  to {
    width: 54.72%;
    height: 100%;
    top: 0%;
    left: 45.28%;
    opacity: 1;
    z-index: 1;
    transform: rotate(0deg);
    text-align: left;
    line-height: 0px;
  }
}
.animationClassBack-2305 {
  animation: animationBack-2305 1.5s ease-out 0s normal forwards;
}