body {
  counter-reset: numbered-section;
}

.mirror-x {
      transform: scaleX(-1);
}

.section-row {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
}

.section-row.reverse {
      flex-direction: row-reverse;
}

.section-col {
      width: 100%;
}

.section-col img {
      max-width: 100%;
}

@media (max-width: 991px){
      .section-col:nth-child(2) {
            position: absolute;
            z-index: -1;
            opacity: .1;
      }
}

@media (min-width: 992px){
      .section-col {
            width: calc(50% - 20px);
      }

      .section-col:nth-child(2) img {
            transform: translateX(60px);
      }

      .section-row.reverse .section-col:nth-child(2) img {
            transform: translateX(-60px);
      }
}

.section-col-numbered {
      display: flex;
      gap: 20px;
}

.section-col-numbered::before {
      counter-increment: numbered-section;
      content: counter(numbered-section);
      display: flex;
      justify-content: center;
      align-items: center;
      align-self: flex-start;
      width: 40px;
      height: 40px;
      border-radius: 5px;
      background: #5668fc;
      color: #fff;
      font-family: IsidoraSans-Bold;
      font-size: 1.4em;
}

.section-col-numbered h2 {
      margin: 0;
}

.section-col-numbered .section-col-inner{
      width: calc(100% - 40px);
}

.highlight-row {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px 50px;
      width: 100%;
      padding: 25px;
      margin: 30px 0;
      background: #fed542;
      color: #fff;
      border-radius: 5px;
      font-family: IsidoraSans-SemiBold;
      font-size: 1.25em;
}

@media (min-width: 768px){
      .highlight-row {
            flex-direction: row;
            padding: 30px 50px;
            margin: 80px 0;
            font-size: 1.5em;
      }
}

@media (min-width: 1200px){
      .highlight-row {
            width: 90%;
            font-size: 2em;
      }
}

.calendar {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 60px;
      height: 60px;
      padding-top: 5px;
      background: #fff;
      color: #5668fc;
      border-radius: 5px;
      font-size: 30px;
}

.calendar::before,
.calendar::after {
      content: "";
      display: block;
      width: 4px;
      height: 10px;
      background: #5668fc;
      position: absolute;
      top: 0;
      left: 25%;
      transform: translate(-50%, -50%);
}

.calendar::after {
      left: 75%;
}

.cta-row {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px 50px;
      width: 100%;
      padding: 60px 25px 25px;
      margin: 80px 0 0;
      background: #fed542;
      color: #fff;
      border-radius: 5px;
      font-family: IsidoraSans-SemiBold;
      font-size: 1.25em;
      line-height: 1;
      text-align: center;
}

.cta-row h2,
.cta-row p {
      margin: 0;
}

.cta-badge {
      background: #fff;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 80px;
      height: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 5px;
      box-shadow: 0 0 10px rgba(0,0,0,.25);
}

.cta-badge img {
      width: 67px;
      height: 67px;
}


@media (min-width: 768px){
      .highlight-row {
            flex-direction: row;
            padding: 30px 50px;
            margin: 80px 0;
            font-size: 1.5em;
      }

      .cta-row {
            text-align: left;
      }
}

@media (min-width: 1200px){
      .highlight-row,
      .cta-row {
            width: 90%;
            font-size: 2em;
            margin: 80px 0 80px 50px
      }
}

#hero {
      position: relative;
      padding: 40px;
      color: #fff;
      background: #000;
      border-radius: 5px;
      border-bottom-left-radius: 100px;
      border-top-right-radius: 100px;
}

#hero h2 {
      position: relative;
      font-size: 2em;
      font-family: IsidoraSans-SemiBold;
}

#hero h1 {
      position: relative;
      font-size: 2.8em;
      font-family: IsidoraSans-Bold;
      line-height: 1;
      margin: 0 0 30px;
}

#hero img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 250px;
      opacity: .65;
}

@media (min-width: 992px){
      #hero {
            padding: 70px 100px;
            border-bottom-left-radius: 200px;
            border-top-right-radius: 200px;
      }

      #hero h1 {
            font-size: 5em;
      }

      #hero img {
            left: unset;
            right: 0;
            opacity: 1;
      }
}

.cta-block {
      display: flex;
      gap: 60px;
      margin: 40px 0;
}

@media (min-width: 1200px){
      .cta-block,
      .content-block {
            width: 75%;
      }
}

.pricing-price {
      margin: 0;
}

.pricing-price small {
      font-size: .5em;
      font-family: IsidoraSans-Bold;
}

.bfd-price {
      color: #5668fc;
}

.original-price::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 120%;
  height: 1px;
  border-top: 1px solid;
  transform: rotate(10deg) translate(-5px, 0px);
}

.original-price {
      margin: 30px 0 0;
  font-size: 0.75em;
  position: relative;
  opacity: .65;
}

h2.inter-section-title {
      margin: 80px 0 40px;
      padding: 0 20px;
      text-align: center;
}