.activity .banner {
  max-width: 100vw;
  width: 100%;
  height: 39.5833vw;
  margin-bottom: 6.25vw;
  margin-top: 4.375vw;
}
.activity .banner img, .activity img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity .content {
  margin-bottom: 6.25vw;
  background-color: #fff;
  padding: 1.6667vw 5.2083vw !important;
  position: relative;
  z-index: 999;
  margin-top: -15.625vw;
}
.activity .content .content-button {
  text-align: center;
  margin-top: 2.0833vw;
  margin-bottom: 6.25vw;
}
.activity .content .content-button .home-btn-text {
  padding: 0.4167vw 1.0417vw;
  border-radius: 1.25vw;
  background: #3A66FB;
  backdrop-filter: blur(0.7813vw);
  color: #FFF;

  /* Large2-S-16 */   
  font-family: "Montserrat-SemiBold";
  font-size: 0.8333vw;
  font-style: normal;
  line-height: 150%; /* 150% */
}
.activity .content .content-button .home-btn-img {
  width: 8.9583vw;
  height: 2.0833vw;
}
.activity .content .content-button .home-btn-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity .content .content-button .home-btn:hover {
  background: #FFF;
  color: #3A66FB;
  border: 0.0521vw solid #3A66FB;
}
@media screen and (max-width: 1440px) { 
  .activity .banner {
    width: 100%;
    height: 39.5833vw;
    margin-bottom: 8.3333vw;
  }
  .activity .content .content-button {
    margin-bottom: 8.3333vw;
  }
}
@media screen and (max-width: 768px) { 
  .activity .banner {
    width: 100%;
    height: 74.6667vw;
    margin-top: 12.8vw;
    margin-bottom: 21.3333vw;
  }
  .activity .content .content-button {
    margin-top: 10.6667vw;
    margin-bottom: 21.3333vw;
  }
  .activity .content {
    margin: 21.3333vw auto;
    margin-top: 0;
  }

  .activity .content img{
    max-width: 100%;
  }
  .activity .content .content-button .home-btn-text {
    padding:  2.1333vw 5.33vw;
    border-radius: 6.4vw;
    font-size: 4.2666vw;
  }
}