.main-article {
  
}

.banner-card {
  padding: 20px;
  background-color: #1d4288;
  color: white;
  & button {
    max-width: max-content;
  }
}

.banner-img {
  color: #fff;
  background-size: cover!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
  height: 300px;
  background-blend-mode:multiply;
}

.main-article .wrap-img-placeholder {
width: 100%;
    background-color: #DEE3EB;

}

.main-article-img {
    width: 100%;
    object-fit: cover;
}

.main-article .separate {
  width: 200px;
  height: 4px;
  background: #3eb049;
}

.main-article .left-section {
  max-height: max-content;
  & img {
   width: 100%;
   object-fit: contain;
  }
}
.main-article .main-article__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  & button {
    background-color: transparent;
    color: #1d4288;
    border: none;
    border-bottom: 2px solid #1d4288;
    width: max-content;
  }
}


.main-article .main-article__content h3 {
    /* font-size: 40px;
line-height: 54px;
font-weight: 700;
font-family: Inter; */
    color: #1d4288;
    /* max-width: 400px;
    margin-bottom: 40px; */
}

.main-article .main-article__content p {
    /* margin-top: 30px;
font-family: Inter;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
max-width: 533px; */
    text-align: justify;
}