.card__section { padding: 80px 0; position: relative; z-index: 1; }
.card__section:before { position: absolute; content: ""; top: 0; right: 0; left: 0; bottom: 0; background: #007EB3; opacity: 0.95; z-index: -1; }
.card__title { text-align: center; color: #fff; padding-bottom: 40px; }
.card__content { max-width: 1120px; margin: 0 auto; }
.card__title h2 { font-size: 42px; line-height: 60px; color: #FFFFFF; margin-bottom: 8px; }
.card__row { display: flex; flex-flow: wrap; justify-content: center; margin: 0 -22px; }
.card__clomn { width: calc(100% / 3 - 44px); margin: 0 22px; margin-bottom: 30px; border-radius: 10px; background: #fff; }
.card__image img { display: block; width: 100%; height: 202px !important; !i; !; object-fit: cover; border-radius: 10px 10px 0 0; }
.card__cover { padding: 30px 30px; text-align: center; }
.card__box_bottom { max-width: 1120px; margin: 0 auto; text-align: center; color: #fff; }
.card__box_title h3 { margin-bottom: 12px; }


@media(max-width:1200px){
  .card__row {  margin: 0 -15px; }
  .card__clomn { width: calc(100% / 3 - 30px); margin: 0 15px; margin-bottom: 30px;}
}
  
  @media(max-width:991px){
  .card__row {  margin: 0 -15px; }
    .card__clomn { width: calc(100% / 2 - 30px); margin: 0 15px; margin-bottom: 30px;}
    .card__section { padding: 60px 0;}
}

  @media(max-width:767px){
  .card__row {  margin: 0 -0px; }
    .card__clomn { width: calc(100% / 1 - 00px); margin: 0 00px; margin-bottom: 30px;}
    .card__section { padding: 40px 0;}
    .card__title h2 { font-size: 30px; line-height: 40px; }
    .card__cover { padding: 20px 20px;}
    .card__box_title h3 {font-size: 28px;line-height: 35px;}
}