#advantagesBanner {
  font-family: Saira, EnterSansman, 'Courier New', Courier, monospace;
  color: #fff;
  width: 75%;
  padding: 1rem;
  padding-left: 3rem;
  margin-bottom: 3rem;
  background: linear-gradient(90.01deg, #5354C0 25.76%, rgba(179, 179, 255, 0.3) 112.89%);
  clip-path: polygon(0% 0%, 100% 0%, 98% 100%, 0% 100%);
}

.advantage-cards-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1000px;
}

.advantage-card > div.icon {
  width: 100%;
  height: 78px;
  margin-bottom: 2rem;
}

.advantage-card > div.icon > img {
  width: auto;
  height: 100%;
}

.advantage-card {
  width: 301px;
  height: 350px;
  border-radius: 0.5rem;
  text-align: center;
  padding: 1.5rem 1.35rem;
  margin: 0 .75rem 1.25rem .75rem;
  color: #5354c0;
  background-color: #E4EEFF;
  background-image: url('../design/bg/pattern_dots.png');
  background-position: 56px 100%;
  background-size: 120%;
  background-repeat: no-repeat;
}

.advantage-card > .title {
  height: initial;
  display: block;
  margin-bottom: 0.75rem;
  font-size: 1.6rem;
}

.advantage-card > .description {
  font-size: 0.95rem;
}

@media screen and (max-width: 1199px) {
  #advantagesBanner {
    width: 90%;
  }
}

@media screen and (max-width: 991px) {
  #advantagesBanner {
    width: 95%;
    padding-right: 3rem;
    clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);
  }
}