html {
  scroll-behavior: smooth; }

@font-face {
  font-family: 'assistant';
  src: url("../../fonts/assistant/Assistant-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'assistant';
  src: url("../../fonts/assistant/Assistant-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'assistant';
  src: url("../../fonts/assistant/Assistant-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'assistant';
  src: url("../../fonts/assistant/Assistant-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

.lottie-animation {
  display: -ms-flexbox;
  display: flex;
  width: 1200px;
  margin: auto;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 160px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .lottie-animation.left {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  .lottie-animation__animation-wrapper {
    position: relative; }
    .lottie-animation__animation-wrapper svg {
      width: 586px !important;
      height: 544px !important; }
    .lottie-animation__animation-wrapper .stop-lottie-animation-wrapper {
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: 5; }
      .lottie-animation__animation-wrapper .stop-lottie-animation-wrapper .animation-btn {
        width: 25px;
        height: 25px;
        border: none;
        background-color: #D71323;
        border-radius: 50%;
        display: none;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
        .lottie-animation__animation-wrapper .stop-lottie-animation-wrapper .animation-btn #playIcon,
        .lottie-animation__animation-wrapper .stop-lottie-animation-wrapper .animation-btn #pauseIcon {
          width: 50% !important;
          height: 50% !important; }
        .lottie-animation__animation-wrapper .stop-lottie-animation-wrapper .animation-btn.active {
          display: -ms-flexbox;
          display: flex; }
  .lottie-animation__content {
    width: 464px; }
    .lottie-animation__content .title {
      font-weight: 700;
      font-size: 48px;
      line-height: 56px;
      text-align: right;
      margin-bottom: 16px;
      color: #414141;
      font-family: "assistant"; }
    .lottie-animation__content .subtitle {
      font-weight: 600;
      font-size: 48px;
      line-height: 56px;
      text-align: right;
      color: #414141;
      font-family: "assistant";
      margin: 0;
      position: relative; }
      .lottie-animation__content .subtitle img {
        position: absolute;
        top: -10px;
        right: -25px;
        z-index: 2; }
    .lottie-animation__content .text {
      font-weight: 400;
      font-size: 30px;
      line-height: 40px;
      text-align: right;
      color: #414141;
      font-family: "assistant"; }
  .lottie-animation .read-more-desktop {
    margin: auto;
    margin-top: 104px; }
  .lottie-animation .read-more-mobile {
    display: none; }
  @media only screen and (max-width: 768px) {
    .lottie-animation {
      width: 100%;
      padding-inline: 16px;
      margin-bottom: 100px;
      gap: 16px;
      -ms-flex-pack: unset;
          justify-content: unset;
      -ms-flex-direction: column;
          flex-direction: column; }
      .lottie-animation.left {
        -ms-flex-direction: column;
            flex-direction: column; }
      .lottie-animation__animation-wrapper {
        margin-bottom: 16px; }
        .lottie-animation__animation-wrapper svg {
          width: 343px !important;
          height: 320px !important; }
      .lottie-animation__content {
        width: 100%; }
        .lottie-animation__content .title {
          font-size: 32px;
          line-height: 40px;
          text-align: center;
          margin-bottom: 8px; }
        .lottie-animation__content .subtitle {
          font-size: 32px;
          line-height: 40px;
          text-align: center;
          width: fit-content;
          margin: auto; }
          .lottie-animation__content .subtitle img {
            top: -8px;
            right: -20px;
            width: 20px;
            height: 32px; }
        .lottie-animation__content .text {
          font-size: 20px;
          line-height: 28px;
          text-align: center;
          margin-bottom: 0; }
      .lottie-animation .read-more-desktop {
        display: none; }
      .lottie-animation .read-more-mobile {
        width: 100%;
        height: 28px;
        text-align: center;
        color: #D71323;
        font-weight: 600;
        font-size: 20px;
        margin-top: 28px;
        line-height: 28px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        gap: 8px; }
        .lottie-animation .read-more-mobile img {
          height: 21px;
          width: 24px; } }