.article-header__banner {
  max-width: 400px !important;
  margin: 0 auto 30px;
}

.article-header__banner img {
  display: block;
  width: 100%;
  height: auto;
}

.img-custom {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 550px;
  margin: 20px auto;
  object-fit: contain;
}


.cta{
  padding: 30px 40px;
  background-color: #F0F1F1;
  border-radius: 26px;
  margin-bottom: 20px;
}

.cta-text{
  text-align: center;
  color: #000;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 132%; 
  margin-bottom: 20px;
  padding: 0;
}

.cta-button{
display: block;
width: 100%;
margin: 0 auto;
padding: 12px 20px;
border-radius: 30px;
background: #FF3B3C;
color: #FFF;
text-align: center;
font-size: 21px;
font-style: normal;
font-weight: 500;
line-height: 135%;  
transition: 0.4s all;
text-decoration: none !important;
}
.cta-button:hover{
  background: #cb2323;
}

@media screen and (max-width: 768px){
  .cta{
    padding: 30px;
  }
  .cta-text{
    font-size: 15px;
    margin-bottom: 10px;
  }
  .cta-button{
    font-size: 15px;
  }
}