:root {
  --eyon-green: #07a886;
  --eyon-red: rgb(167, 0, 0);
}

.flex-row {
  display: flex;
}

.column {
  flex-direction: column;
}

.flex-col {
  flex: 0 0 48%;
}

.flex-col.lc {
  margin-right: 2%;
}

.collections-container .collection-desc {
  text-indent: 16px;
  text-align: left;
}

.par {
  margin: 0 0 1.2em 0;
}

.webinar {
  margin: 0 auto;
  color: #6a6b6c;
  text-align: center;
}

.webinar.home-style {
  max-width: 400px;
}

.webinar .title {
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  margin-bottom: 20px;
}

.webinar .desc {
  font-size: 16px;
  line-height: 26px;
}

.register-btn {
  display: inline-block;
  max-width: 240px;
  margin: 0 auto 0 auto;
  padding: 8px 16px;
  border: 1px solid #008fff;
  border-radius: 4px;
  font-weight: bold;
  background: #fff;
}

.card-wrapper {
  max-width: 550px;
  margin: 0 60px 0 auto;
}

.card-style {
  border: 1px solid #07a886;
  border-top: 10px solid #07a886;
  border-radius: 4px;
  padding: 20px 60px;
  max-width: 590px
}

.details-style {
  max-width: 1040px;
}

.details-style .par {
  font-size: 16px;
  line-height: 22px;
}

.details-style .title {
  font-family: Montserrat;
  font-size: 26px;
}

.color-green {
  color: var(--eyon-green);
}

.color-red {
  color: var(--eyon-red);
}

.h1 {
  font-size: 30px;
}

.bold {
  font-weight: bold;
}

.mb {
  margin-bottom: 1.2rem;
}

.mb2 {
  margin-bottom: 2rem;
}

.al {
  text-align: left;
}

@media screen and (max-width: 480px) {
  .details-style > .flex-row {
    flex-direction: column;
  }
  .card-wrapper {
    margin: 20px 0;
  }
}