:root {
  --primary-color: #284677;
  --bg-icon-cards: #ccddf2;
  --contrast-color: white;
  --contrast-red: #e74a4a;
  --contrast-green: #93f184;
  --primary-color-shade: #28467726;
  --primary-color-black: #fbfbfc;
  --link-color: #1366e3;
  --btn: #f5f5f5;
}

.trial {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  background: linear-gradient(138.01deg, #0052d4 0%, #4364f7 50.26%, #6fb1fc 98.47%);
  border-radius: 10px;
  color: var(--contrast-color);
}

.trial__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 50px 0px 50px 100px;
  margin: 25px 0;
}

.trial__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.trial__title {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 150%;
}

.trial__btn {
  background: var(--contrast-red);
  color: var(--btn);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 24px;
  font-weight: bold !important;
}

.trial__btn:hover{
  color: var(--primary-color) !important;
  background: var(--btn);
}

.trial__btn img {
  margin-left: 10px;
}

@media (max-width: 990px) {
  .trial__content {
    padding: 50px 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
/*# sourceMappingURL=style.css.map */