@font-face {
  font-family: "Marvin Round";
  src: url("../../../fonts/Marvin-Round/Marvin-Round.woff")format("woff"),
    url("../../../fonts/Marvin-Round/Marvin-Round.woff2")format("woff2"),
    url("../../../fonts/Marvin-Round/Marvin-Round.ttf")format("truetype"),
}

.marvin {
  font-family: "Marvin Round";
}

#july-banner {
  background-image: url('../../../images/25/july/banner/back.png');
  background-image: image-set(url('../../../images/25/july/banner/back.png') 1x,
      url('../../../images/25/july/banner/back@2x.png') 2x);
  padding: 32px 0 42px 0;
  text-align: center;
  background-size: auto;
  background-position: 53% 50%;
  background-repeat: no-repeat;
  --red: #c9181e;
}

#july-banner .l1 {
  color: #042159;
  font-size: 37px;
  line-height: 1.28em;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 9px;
}

#july-banner dotlottie-player {
  aspect-ratio: 935 / 281;
  max-width: 100%;
  width: 479px;
  margin: 0 auto -25px auto;
}

#july-banner .button{
  width: 214px;
  height: 33px;
  line-height: 33px;
  border-radius: 16px;
  font-size: 19px;
  padding: 0;
}

@media screen and (max-width: 768px ) {
  #july-banner {
    background-image: url('../../../images/25/july/banner/back-m.png');
    background-image: image-set(url('../../../images/25/july/banner/back-m.png') 1x,
        url('../../../images/25/july/banner/back-m@2x.png') 2x);
    background-position: center;
    padding: 48px 0 213px 0;
    background-size: 527px;
  }

  #july-banner dotlottie-player {
    margin: 0 auto -10px auto;
  }

  #july-banner .l1 {
    margin-bottom: 21px;
  }

  #july-banner .button {
    height: 40px;
    line-height: 40px;
    border-radius: 27px;
    width: 221px;
  }
}

@media screen and (max-width: 567px ) {
  #july-banner {
    padding: 35px 0 157px 0;
    background-size: auto;
  }

  #july-banner dotlottie-player {
    width: 349px;
  }

  #july-banner .l1 {
    font-size: 26px;
    margin-bottom: 17px;
  }

  #july-banner .button {
    font-size: 14px;
    height: 27px;
    line-height: 27px;
    width: 154px;
  }
}