/* Advert banner */
.advert-banner {
  background: linear-gradient(45deg, rgba(5, 41, 98,1), rgba(191,30,45,1));
  border-radius: 1rem;
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: var(--white-color);
  padding: 1.2rem;
  padding-bottom: 3rem;
  position: relative;
  overflow: hidden;
}

.advert-banner img{
  width: 250px;
  position: absolute;
  right: -3.5rem;
  top: 10%;
  object-fit: cover;
}


.advert-banner h3 {
  /* text-align: center; */
  font-size: 1.2rem;
}

.advert-btn  {
  align-self: self-start;
  text-transform: uppercase;
}

/* xs */
/* @media (min-width: 475px) {

} */

/* sm */
@media (min-width: 540px) {
   
  .advert-banner img{
    width: 250px;
    right: -1rem;
    top: 5%;
  }
}

/* md */
@media (min-width: 768px) {

  /* Advert */
    
  .advert-banner {
    border-radius: 2rem;
    padding: 2rem;
    width: 80%;
  }
  
  .advert-banner img{
    width: 300px;
    top: -2rem;
    right: -1.75rem;
  }

}

/* lg */
@media (min-width: 1024px) {

  .advert-banner {
    border-radius: 3rem;
    padding: 3rem;
    width: 60%;
  }

  .advert-banner img{
    width: 380px;
    right: -1rem;
    top: -3rem;
  }  
}

/* xl */
@media (min-width: 1280px) {

}

/* 2xl */
@media (min-width: 1536px) {
  .advert-banner {
    width: 50%;
  }
}