.ml-diamon-banner .button-mobile {
  display: none;
}
@media screen and (max-width:767px) {
  .ml-diamon-banner .button-desktop {
    display: none;
  }
  .ml-diamon-banner .button-mobile {
    display: block;
  }
}
.main-wrapper {
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
}

.main-wrapper h1 {
  color: #CE1126;
  text-align: center;
  font-family: "MADE Soulmaze";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px; /* 166.667% */
  letter-spacing: 0.36px;
  margin-bottom: 0;
}

.main-wrapper p {
  color: #3E3E3E;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 150% */
  margin-bottom: 0;
}
.ml-diamon-banner {
 display: grid;
 grid-template-columns: 1fr 1fr;
 align-items: center;
 justify-content: center;
 background-image: url("https://19618217.fs1.hubspotusercontent-na1.net/hubfs/19618217/Frame%201000007483%20(1).png");
 background-size: cover;
 background-repeat: no-repeat;
   position: relative;
  border-radius: 37px;
  margin-top: 50px;
}
.ml-diamon-banner .ml-image-wrapper {
  position: relative;
  height: 312px;
}
.ml-diamon-banner .ml-image-wrapper img {
    bottom: 4px;
    height: 113%;
    left: 0;
    max-width: 540px;
    object-fit: cover;
    position: absolute;
    left: 46px;
}


.ml-diamon-banner .ml-text-wrapper h3{
  color: var(--White, #FFF);
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 44px; /* 110% */
  padding: 0 !important;
  margin: 0 !important;
}

.ml-diamon-banner .ml-text-wrapper span {
color: #f5d222;
}

.ml-diamon-banner .ml-text-wrapper p {
  color: var(--White, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  padding: 0 !important;
  margin-bottom: 40px !important;
}

.ml-diamon-banner .ml-text-wrapper a {
  border-radius: 100px;
  background: linear-gradient(277deg, #F37C01 10.26%, #E50C0C 42.83%, #6C0E5C 82.61%, #0038A8 117.18%);
  padding: 15px 30px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 125% */
}

.ml-diamon-banner .ml-text-wrapper a svg {
     margin-left: 20px;
    margin-bottom: -2px;
}

@media only screen and (max-width: 800px) {
  .ml-diamon-banner {
   background-image: url("https://19618217.fs1.hubspotusercontent-na1.net/hubfs/19618217/Frame%201000007483%20(3).png");
   gap: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column-reverse;
   padding: 30px 25px 0 25px;
  }
  
  .ml-diamon-banner .ml-image-wrapper {
   position: unset;
  }
  .ml-diamon-banner .ml-image-wrapper img {
             bottom: 0;
        height: 226px;
        left: 22px;
    }
  }
}