.payment__box{
  background: linear-gradient(153.97deg, #2F8C85 8.19%, #006A79 88.72%);
}
.payment__box-top{
  padding: 43px 10px;
  background: rgba(1, 85, 96, .3);
  color: #fff;
  text-align: center;
  opacity: 1;
}
.payment__box-middle{
  padding: 1px 70px 0;
}
.payment__box-top p{
  font-size: 26px;
  font-weight: 400;
  line-height: 54px;
  letter-spacing: 0.30000001192092896px;
  opacity: 1;
  z-index: 1;
}
p.payment__box-top__sub{
  font-size: 26px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 1.0833333730697632px;
  text-align: center;

}
.payment__boxes{
  display: flex;
  gap: 40px;
}
.payment__box-box{
  flex: 1 1 50%;
  background: #fff;
}
.payment__box-box__top{
  background: #157377;
  text-align: center;
  padding: 30px 35px;

}
.payment__box-box__top p{
  font-family: Proxima-Nova, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: 4.41px;
  color: #fff;
  text-align: center;
}
.payment__box-box__mid{
  padding: 10px;
}
.strikethrough__price{
  font-family: SemplicitaPro, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: 2px;
  text-align: center;
  color: #C37D5A;
  position: relative;
  width: fit-content;
  margin: 0px auto 0;
}
.strikethrough__price::after {
  content: '';
  display: block;
  position: absolute;
  width: 150%;
  height: 1px;
  background-color: #C37D5A;
  transform: rotate(-7.5deg) translateX(-50%);
  left: 50%;
  top: 20px;
}
.current__price{
  font-family: SemplicitaPro, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: 2px;
  text-align: center;

}
.payment__box-middle__text{
  margin: 30px auto 35px;
  text-align: center;
}

.payment__box-bottom{
  padding: 26px 10px 0px;
  background: rgba(1, 85, 96, .3);
  color: #fff;    padding: 50px 40px 50px;
  margin-top: 40px;
}
.payment__box-bottom__inner{
  display: flex;
}
.norr__image{
  flex: 1 1 20%;
}
.norr__text{
  flex: 1 1 80%;
}

@media(max-width: 992px){
  .payment__boxes{
    flex-direction: column;
  }
  .payment__box-middle{
    padding: 0 20px;
  }
  .payment__box-bottom{
    padding: 26px 10px 26px;
  }
  .payment__box-bottom__inner{
    flex-direction: column;
  }
  .norr__text{
    text-align: center;
    margin-top: 20px;
  }
  .norr__image{
    max-width: 300px;
    margin: 0 auto;
  }
}
@media(max-width: 768px){
  .payment__box-top p{
    margin-bottom: 1rem;
  }
  .payment__box{
    background: unset;
  }
  .payment__box-middle{
    padding: 0;
  }
  .payment__box-bottom{
    background: unset;
  }
  .payment__box-bottom{
    margin-top: 0;
  }
}
.payment-popup{
  display: none;
}
 /* farah fix */
  button[data-tf-popup] {
    align-items: center;
    background-image: linear-gradient(180deg, #f3a47c 1%, #a96747 99%) !important;
    border: none;
    border-radius: 3px !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: proxima-nova, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    justify-content: center !important;
    letter-spacing: 1.67px !important;
    padding: 10px 70px !important;
    position: relative !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: .3s ease-in-out;
    height: auto !important;
    line-height: 25px !important;
    margin-bottom: 30px !important;
  }
  button[data-tf-popup]:hover {
    background-image: linear-gradient(0deg, #f3a47c 1%, #a96747 99%) !important;
    transition: .3s ease-in-out !important;
  }
  /* farah fix */
</style>
{% end_require_css %}