#head {
  padding: 27px;
}
#head .logo img {
  height: 32px;
}
#head .container {
  text-align: center;
  font-size: 19px;
  line-height: 32px;
}

#paypal-btn {
  height: 60px;
  width: 100%;
  background: #fff url(../../img/pages/purchase/paypal2.svg) no-repeat center;
  cursor: pointer;
  margin-bottom: 20px;
  border-radius: 4px;
  border: 1px solid #009CDE;
}
#paypal-btn:hover {
  border-width: 2px;
}
#paypal-btn.abtest-1 {
  background: #fff url(../../img/pages/purchase/paypal-discount.svg) no-repeat center;
}

#pay-btns-group {
  display: flex;
}
#pay-btns-group #stripe-checkout {
  height: 70px; 
  width: 100%;
  background: #FFB3C7 url(../../img/pages/purchase/klarna.svg) no-repeat center;
  border-radius: 4px;
  margin-bottom: 20px;
  cursor: pointer;
}
#pay-btns-group #payment-request-button-wrapper {
  margin-right: 20px;
}
@media (max-width: 600px) {
  #pay-btns-group {
    flex-direction: column;
  }
  #pay-btns-group #payment-request-button-wrapper {
    margin-right: 0;
    margin-top: 15px;
  }
}

#body .paypal-discount {
  border-radius: 1000px;
  background: #DCEEFD;
  padding: 4px 10px;
  margin-bottom: 20px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
}
#body .extra-products label {
  cursor: pointer;
}
#body .extra-products .extra-products-title {
  font-weight: normal;
}
#body .extra-products .disabled.price {
  color: #ccc;
  font-weight: normal;
}
#body .btn {
  width: 100%;
}
#body .container {
  max-width: 670px;
}
#body .group {
  display: flex;
  flex-direction: column;
}
#body .title {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 20px;
  color: #4B5159;
}
#body .client-info {
  margin-bottom: 40px;
}
#body .invoice h3 {
  font-size: 19px;
  line-height: 26px;
}
#body #main-title {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #4B5159;
}
#body .right {
  background: #F0F8FF;
  border: 1px solid #E9E9E9;
  padding: 30px;
  margin-bottom: 40px;
}
#body .left input {
  height: 60px;
  font-size: 17px;
  width: 100%;
  margin: 0;
}
#body .quick-pay {
  text-align: center;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 24px;
  width: 100%;
}
#body .quick-pay img {
  margin-bottom: 20px;
}
#body .card-info {
  margin-bottom: 20px;
}
#body .secure {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#body .field {
  background-color: #FFFFFF;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 17px 20px;
  font-size: 17px;
  line-height: 26px;
  width: 100%;
  resize: none;
  margin-bottom: 20px;
}
#body .border-red {
  border: 1px solid #e25950;
}
#body .stripe-card-number {
  background-image: url(../../img/pages/purchase/lock.svg);
  background-position: right 20px top 20px;
  background-repeat: no-repeat;
}
#body .comment {
  margin-bottom: 0;
}
#body .holder-group {
  display: flex;
}
#body .holder-group .field {
  margin-bottom: 0;
}
#body .right input[type=checkbox] {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
#body #agree {
  font-size: 13px;
  line-height: 24px;
  color: #4B5159;
  padding-left: 28px;
  text-align: left;
  background: url(../../img/pages/purchase/agree.svg) no-repeat 0 1px;
  margin-top: 30px;
}
#body .safe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #4B5159;
  font-size: 15px;
  line-height: 24px;
  justify-content: space-between;
  margin-bottom: 40px;
}
#body .safe div {
  display: flex;
  align-items: center;
}
#body .safe span {
  margin: 0 22px 0 8px;
}
#body .pay-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
#body .pay-card .title {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #body .pay-card .title {
    margin-bottom: 10px;
  }
}
#body .badges {
  margin-bottom: 50px;
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
#body .badges .item-b {
  margin: 0 50px;
  text-align: center;
}
#body .badges .div {
  width: 1px;
  height: 37px;
  background: #C4C4C4;
  margin: 0 13px;
}
#body .badges.mobile {
  display: none;
}
#body .badges.desktop {
  margin-top: 30px;
}
#body .billing-address {
  margin-bottom: 40px;
}
#body .billing-address select {
  height: 60px;
}
#body .billing-address .address-group {
  display: flex;
}
#body .billing-address .address-group .select2 {
  width: 33% !important;
}
#body .billing-address .city-group {
  margin-left: 20px;
  display: flex;
  width: 66%;
}
#body .billing-address .city-group .field {
  width: 50%;
}
#body .billing-address .zip {
  margin-left: 20px;
}
#body .billing-address #other-states {
  width: 33%;
}

#us-states-wrapper {
  margin: 0 20px;
}

.page .select2-container--default .select2-search--dropdown .select2-search__field {
  height: 40px;
  margin-bottom: 0;
}
.page .select2-container--default {
  margin-bottom: 20px;
}
.page .select2-container--default .select2-selection--single {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  border-radius: 5px;
  height: 60px;
}
.page .select2-container--default .select2-selection__rendered {
  padding-left: 20px;
}
.page .select2-container--default .select2-selection__arrow {
  background: #fff url(../../img/main/select-bg.svg) no-repeat center;
  position: static;
  margin-right: 20px;
  width: 16px;
}
.page .select2-container--default .select2-selection__arrow b {
  display: none;
}
.page .select2-search__field {
  height: 40px;
}

.description .green {
  color: #4FA93C;
  font-weight: bold;
}

#product-items {
  font-weight: bold;
  font-size: 23px;
  line-height: 36px;
}

#product-items .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

#product-items .no-margin-bot {
  margin-bottom: unset;
}

#product-items .item .name .description {
  margin-left: 0;
  display: block;
}

#product-items .item .description {
  font-weight: normal;
  color: #4B5159;
  font-size: 13px;
  line-height: 24px;
}

#product-items .additional .description {
  margin-left: 30px;
}

#product-items .price {
  flex-shrink: 0;
  margin-left: 10px;
  font-weight: bold;
  font-size: 23px;
}

#product-items .price .suffix {
  font-weight: normal;
  font-size: 17px;
  color: #1A1E25;
}

#total {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #e9e9e9;
  margin-top: 20px;
  padding-top: 20px;
}
#total .price,
#total .price-i {
  font-weight: bold;
  font-size: 23px;
}
#total .name {
  font-size: 23px;
  font-weight: 700;
}

#due-today {
  display: flex;
  justify-content: space-between;
  color: #1971C2;
  margin-top: 20px;
  font-size: 23px;
  font-weight: 700;
}
@media (max-width: 767px) {
  #due-today {
    font-size: 17px;
  }
}

#parts {
  padding-left: 20px;
}
#parts .title {
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  color: #4B5159;
  margin-bottom: 30px;
}
#parts .payment-type {
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  margin-left: -25px;
  cursor: pointer;
}
#parts .payment-type input {
  width: 13px;
  height: 13px;
  margin-right: 10px;
}
#parts .prices {
  display: flex;
  margin-bottom: 16px;
}
#parts .prices .item-i {
  width: 117px;
}
#parts .prices .item-i:not(:last-child) {
  margin-right: 32px;
}
#parts .prices .amount {
  font-weight: 700;
  font-size: 19px;
  line-height: 26px;
}
#parts .prices .date {
  font-size: 13px;
  line-height: 20px;
  color: #4B5159;
}
#parts .info {
  font-size: 13px;
  line-height: 20px;
  color: #4B5159;
  margin-bottom: 4px;
  position: relative;
  padding-left: 14px;
}
#parts .info:before {
  content: "";
  position: absolute;
  height: 4px;
  width: 4px;
  background: #D9D9D9;
  border-radius: 50%;
  left: 0;
  top: 8px;
}
#parts .divs {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
#parts .divs .circle-first {
  width: 13px;
  height: 13px;
  background: #1971C2;
  border-radius: 50%;
}
#parts .divs .circle {
  width: 13px;
  height: 13px;
  background: #fff;
  border: 1px solid #1971C2;
  border-radius: 50%;
}
#parts .divs .div {
  height: 1px;
  width: 116px;
  background: url(../../img/pages/purchase/div.svg) center;
  margin: 0 10px;
}
@media (max-width: 767px) {
  #parts .prices {
    flex-direction: column;
  }
  #parts .prices .item-i {
    margin-right: 0;
    width: 100%;
    margin-bottom: 16px;
  }
  #parts .wrapper {
    position: relative;
    padding-left: 33px;
    margin-bottom: 20px;
  }
  #parts .divs {
    position: absolute;
    left: 0;
    top: 5px;
    display: flex;
    flex-direction: column;
  }
  #parts .divs .div {
    margin: 8px 0;
    height: 33px;
    width: 1px;
    background: url(../../img/pages/purchase/div-m.svg) center;
  }
}
#parts .parts {
  display: flex;
  gap: 4px;
  margin-bottom: 10px;
}
#parts .parts .part {
  height: 4px;
  width: 10%;
  border-radius: 100px;
  background: #E7E8EA;
}
#parts .parts .first {
  width: 120px;
  flex-shrink: 0;
  background: #FFB200;
}
#parts .part-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
#parts .part-info .today {
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
}
#parts .part-info .today span {
  font-size: 13px;
  font-weight: 600;
}
#parts .part-info .week {
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

#total.parts {
  border-top: 1px solid #E9E9E9;
  padding-top: 20px;
  margin-top: 16px;
}

#coupon-switch {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 20px;
  color: #4B5159;
}

#coupon-switch .link {
  margin-left: 10px;
  font-weight: normal;
  color: #565B65;
}

#coupon-code {
  display: none;
  justify-content: center;
  margin-bottom: 20px;
}
#coupon-code.shown {
  display: block;
}
#coupon-code .wrapper {
  display: flex;
}
#coupon-code input {
  margin: 0 15px 0 0;
  height: 60px;
}
#coupon-code .btn {
  width: 150px;
  min-width: auto;
  height: 60px;
  line-height: 30px;
}

.payments-list .box-radio {
  display: none;
}

.stripe-gate .field {
  position: relative;
  height: 60px;
  width: 100%;
}

.stripe-gate .input {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 20px 20px 6px;
  color: #000;
  background-color: transparent;
  height: 50px;
  margin: 0;
  border: none;
  box-shadow: none;
  z-index: 1;
}

.stripe-gate label {
  position: absolute;
  width: 100%;
  left: 0;
  color: #9F9F9F;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transform-origin: 0 50%;
  cursor: text;
  transition-property: color, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  height: 60px;
  margin: 0;
  padding: 0 20px;
  line-height: 60px;
  top: 0;
  z-index: 0;
}

.input.focused + label,
.input:not(.empty) + label {
  color: #aab7c4;
  transform: scale(0.85) translateY(-15px);
  cursor: default;
}

.card-group {
  display: flex;
  justify-content: center;
  margin-bottom: -20px;
}

.field.expired {
  margin-right: 10px;
}

.field.cvc {
  margin-left: 10px;
}

#payment-request-button-wrapper {
  display: none;
}

#payment-request-button {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
  height: 70px;
  width: 100%;
  cursor: pointer;
  margin-right: auto;
  margin-left: auto;
}

#payment-request-button.apple {
  background-image: url(../../img/pages/purchase/apple2.svg);
}

#payment-request-button.google {
  background-image: url(../../img/pages/purchase/google2.svg);
}

#payment-request-button.microsoft {
  background-image: url(../../img/pages/purchase/microsoft2.svg);
}

#purchase-shadow {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}

#purchase-shadow .purchase-shadow-img {
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 15;
  color: white;
  font-size: 17px;
  display: flex;
  flex-direction: column;
}

#purchase-shadow .purchase-shadow-img img {
  margin: 0 auto 15px;
}

.alert-danger {
  background-color: #f2dede;
  color: #a94442;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

#coupon-message {
  font-size: 12px;
  line-height: 12px;
  margin-top: 10px;
}
#coupon-message.alert-red {
  color: #C83532;
}
#coupon-message.alert-green {
  color: #4FA93C;
}

.you-save-message {
  color: #4FA93C;
  margin-bottom: 20px;
}

.you-save-message .wrapper {
  display: flex;
  justify-content: space-between;
}

.new-price {
  display: none;
}

.discount .old-price {
  text-decoration: line-through;
  color: #ccc;
  font-weight: normal;
}

.discount .new-price {
  display: inline-block;
  margin-left: 20px;
  text-decoration: none;
}

#address {
  padding-bottom: 25px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
#address .div {
  width: 10px;
  display: inline-block;
}

ul.list-price-features {
  margin: 13px 0 20px 0;
  padding: 0;
}

ul.list-price-features li {
  list-style: none;
  padding: 0 0 0 35px;
  margin: 0;
  background: url(../../img/main/check.svg) no-repeat left 6px;
  background-size: 17px 12px;
}

ul.list-price-features li:not(:last-child) {
  margin-bottom: 7px;
}

#body .cc_auth .cc-number-input {
  background: #fff url(/wp-content/plugins/octopus/src/images/cart/padlock-form.svg) no-repeat right 20px center;
  background-size: 18px;
}

#body .cc_auth .field {
  margin-bottom: 20px;
}

#body .cc_auth .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#body .cc_auth input[name=expiry] {
  margin-right: 10px;
}

@media (max-width: 991px) {
  #body .holder-group {
    flex-wrap: wrap;
  }
  #body .holder-group .holder {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  #product-items .price {
    font-size: 17px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  #head .logo {
    position: static;
  }
  #body {
    background: 0;
  }
  #body .billing-address .city-group .field {
    width: 50%;
  }
  #body .billing-address .address-group {
    display: flex;
    flex-direction: column;
  }
  #body .billing-address .city-group {
    margin-left: 0;
    width: 100%;
  }
  #body .billing-address #other-states {
    width: 100%;
  }
  #body .billing-address .address-group .select2 {
    width: 100% !important;
  }
  #body .right {
    padding: 25px 20px;
  }
  #body .hide-m {
    display: none;
  }
  #body .title {
    margin-bottom: 20px;
  }
  #body .secure img {
    margin-top: 5px;
  }
  #head {
    padding: 17px;
  }
  #product-items {
    font-size: 17px;
    line-height: 26px;
  }
  #product-items .description {
    font-size: 13px;
    line-height: 17px;
    margin-top: 5px;
  }
  #total .name {
    font-size: 17px;
  }
  #total .price,
  #total .price-i {
    font-size: 17px;
  }
}
#basic-long {
  background: #F0F8FF;
  padding-top: 60px;
}
#basic-long .container {
  display: flex;
}
#basic-long .logo img {
  height: 32px;
  margin-bottom: 42px;
}
#basic-long .left {
  width: 500px;
  margin-right: 90px;
  flex-shrink: 0;
}
#basic-long .left h1 {
  font-weight: bold;
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 30px;
}
#basic-long .left .get {
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 20px;
  border-top: 1px solid #E9E9E9;
  padding-top: 30px;
}
#basic-long .left .info {
  margin-bottom: 30px;
}
#basic-long .left .included {
  font-weight: bold;
  margin-bottom: 20px;
}
#basic-long .left .included-items {
  padding: 0;
  margin: 0;
}
#basic-long .left .included-items li {
  list-style: none;
  padding: 0 0 0 37px;
  margin-bottom: 8px;
  background: url(../../img/main/check-green.svg) no-repeat left 7px;
}
#basic-long .left .trust-badges {
  margin-top: 40px;
}
#basic-long .right {
  width: 100%;
}
#basic-long .right .included {
  font-weight: bold;
  margin-bottom: 20px;
}
#basic-long .right .included-items {
  padding: 0;
  margin: 0 0 50px 0;
  display: flex;
  flex-wrap: wrap;
}
#basic-long .right .included-items li {
  list-style: none;
  padding: 0 0 0 37px;
  margin-bottom: 8px;
  background: url(../../img/main/check-green.svg) no-repeat left 7px;
  width: 50%;
}
#basic-long .box {
  background: #FFFFFF;
  border: 1px solid #E9E9E9;
  padding: 25px 30px 30px 30px;
  margin-bottom: 30px;
}
#basic-long .box .title {
  font-size: 15px;
  line-height: 24px;
  color: #4B5159;
  text-transform: uppercase;
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
#basic-long .client-info input {
  border: 1px solid #8B8B8B;
  margin: 0;
  height: 60px;
}
#basic-long #payment-request-button {
  max-width: 100%;
  margin-bottom: 16px;
}
#basic-long #pay-with {
  text-align: center;
  color: #4B5159;
  margin-bottom: 45px;
  border-bottom: 1px solid #E9E9E9;
}
#basic-long #pay-with span {
  position: relative;
  bottom: -14px;
  background: #fff;
  padding: 0 8px;
}
#basic-long .payment-info .secure {
  text-align: center;
  margin-bottom: 30px;
}
#basic-long .field {
  background-color: #FFFFFF;
  border: 1px solid #8B8B8B;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 17px 20px;
  font-size: 17px;
  line-height: 26px;
  width: 100%;
  resize: none;
  margin-bottom: 20px;
}
#basic-long .field.border-red {
  border: 1px solid #e25950;
}
#basic-long .stripe-card-number {
  background-image: url(../../img/pages/purchase/lock.svg);
  background-position: right 20px top 20px;
  background-repeat: no-repeat;
}
#basic-long .holder-group {
  display: flex;
}
#basic-long .holder-group .field {
  margin-bottom: 0;
}
#basic-long .stripe-gate label {
  color: #9F9F9F;
}
#basic-long .payments-list {
  margin-bottom: 30px;
}
#basic-long .safe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #4B5159;
  font-size: 15px;
  line-height: 24px;
}
#basic-long .safe span {
  margin: 0 22px 0 8px;
}
#basic-long .payment-summary .plan-name {
  font-weight: bold;
  font-size: 30px;
  line-height: 42px;
  color: #1971C2;
  margin-bottom: 20px;
}
#basic-long .payment-summary .charge {
  font-weight: bold;
  font-size: 23px;
  line-height: 32px;
  color: #4FA93C;
  margin-bottom: 5px;
}
#basic-long .payment-summary .plan {
  font-size: 13px;
  line-height: 24px;
  color: #4B5159;
  margin-bottom: 40px;
}
#basic-long .payment-summary .btn {
  width: 100%;
}
#basic-long .payment-summary .item {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#basic-long .payment-summary .item .name {
  font-weight: 700;
  font-size: 23px;
  line-height: 36px;
}
#basic-long .payment-summary .item .description {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #4B5159;
}
#basic-long .payment-summary .item .old {
  font-weight: 400;
  font-size: 17px;
  line-height: 32px;
  color: #4B5159;
  text-decoration-line: line-through;
}
#basic-long .payment-summary .item .new {
  font-weight: 700;
  font-size: 23px;
  line-height: 36px;
  margin-left: 15px;
}
#basic-long .payment-summary .you-save {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 23px;
  line-height: 32px;
  color: #4FA93C;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #E9E9E9;
}
#basic-long .payment-summary .today-charge {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 40px;
}
#basic-long .payment-summary.v2 .item .old {
  color: #C27B76;
}
#basic-long .payment-summary.v2 .item.last {
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 20px;
}
#basic-long .payment-summary.v2 .you-save {
  background: #EAFBE7;
  justify-content: center;
  margin-top: 20px;
  padding: 11px;
  border: none;
}
#basic-long .payment-summary.v2 .you-save div {
  margin: 0 6px;
}
#basic-long .payment-summary.v2 .today-charge div:last-child {
  font-size: 30px;
}
@media (max-width: 600px) {
  #basic-long .payment-summary.v2 .today-charge div:last-child {
    font-size: 23px;
  }
}
@media (max-width: 600px) {
  #basic-long .payment-summary .item .name {
    font-size: 17px;
    line-height: 26px;
  }
  #basic-long .payment-summary .item .description {
    line-height: 22px;
  }
  #basic-long .payment-summary .item .old {
    font-size: 14px;
    line-height: 22px;
  }
  #basic-long .payment-summary .item .new {
    font-size: 17px;
    line-height: 26px;
    width: 80px;
  }
  #basic-long .payment-summary .item .price {
    display: flex;
    flex-direction: column-reverse;
    text-align: right;
  }
  #basic-long .payment-summary .you-save {
    font-size: 17px;
    line-height: 26px;
  }
  #basic-long .payment-summary .today-charge {
    font-size: 17px;
    line-height: 26px;
  }
}
#basic-long #agree {
  font-size: 13px;
  line-height: 24px;
  color: #4B5159;
  margin-top: -10px;
  margin-bottom: 50px;
  padding-left: 28px;
  background: url(../../img/pages/purchase/agree.svg) no-repeat 0 1px;
}
#basic-long .address {
  font-size: 12px;
  line-height: 18px;
  color: #4B5159;
  text-align: center;
  margin-bottom: 20px;
}
#basic-long .address span {
  padding: 0 6px;
}
#basic-long .badges {
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
}
#basic-long .badges.center {
  justify-content: center;
}
#basic-long .badges .item {
  width: 48%;
  border: 1px solid #E9E9E9;
  border-radius: 5px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-decoration: none;
}
#basic-long .badges .div {
  width: 1px;
  height: 14px;
  background: #C4C4C4;
  margin: 0 13px;
}
#basic-long .badges .reviews {
  text-decoration: underline;
}
#basic-long .badges .group {
  display: flex;
  margin-top: 9px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  #basic-long .left {
    width: 400px;
    margin-right: 40px;
  }
}
@media (max-width: 991px) {
  #basic-long .container {
    flex-direction: column;
    max-width: 600px;
  }
  #basic-long .left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  #basic-long {
    padding-top: 18px;
  }
  #basic-long .container {
    max-width: 100%;
  }
  #basic-long .mobile-hidden {
    display: none;
  }
  #basic-long .left {
    margin-bottom: 30px;
  }
  #basic-long .left h1 {
    font-size: 23px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 30px;
  }
  #basic-long .left .get,
  #basic-long .left .info,
  #basic-long .left .included {
    display: none;
  }
  #basic-long .left .included-items {
    width: 260px;
    margin: 0 auto;
  }
  #basic-long .left .trust-badges {
    margin-top: 30px;
  }
  #basic-long .left .trust-badges img {
    margin: 0 auto;
  }
  #basic-long .right .included-items {
    flex-direction: column;
  }
  #basic-long .right .included-items li {
    width: 100%;
  }
  #basic-long .box {
    padding-left: 20px;
    padding-right: 20px;
  }
  #basic-long .logo {
    display: block;
    text-align: center;
  }
  #basic-long .logo img {
    height: 25px;
    margin-bottom: 29px;
  }
  #basic-long #agree {
    font-size: 12px;
    line-height: 21px;
    background-size: 15px;
    padding-left: 25px;
  }
  #basic-long .badges {
    flex-direction: column;
    margin-bottom: 20px;
  }
  #basic-long .badges .item {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 490px) {
  #basic-long .powered {
    margin: 5px 10px 0 10px;
  }
  #basic-long .safe {
    justify-content: center;
  }
  #basic-long .safe span {
    margin: 0 0 0 4px;
  }
  #basic-long .holder-group {
    flex-wrap: wrap;
  }
  #basic-long .holder-group .field {
    margin-bottom: 20px;
  }
}

#basic-long-1 {
  padding-top: 25px;
  padding-bottom: 25px;
}
#basic-long-1 .container {
  max-width: 700px;
}
#basic-long-1 .btn {
  width: 100%;
}
#basic-long-1 .logo {
  text-align: center;
}
#basic-long-1 .logo img {
  height: 32px;
  margin-bottom: 40px;
}
#basic-long-1 h1 {
  font-weight: bold;
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 20px;
  text-align: center;
}
#basic-long-1 .get {
  font-weight: 400;
  font-size: 19px;
  line-height: 26px;
  margin-bottom: 40px;
  text-align: center;
  padding-top: 10px;
}
#basic-long-1 .trust-badges {
  margin-top: 40px;
}
#basic-long-1 .included-items {
  padding: 0;
  margin: 0 0 32px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#basic-long-1 .included-items li {
  list-style: none;
  padding: 0 0 0 23px;
  margin-bottom: 8px;
  background: url(../../img/main/check-green.svg) no-repeat left 7px;
  font-size: 15px;
}
#basic-long-1 .phone-group {
  margin-top: 20px;
}
#basic-long-1 .phone-group .code {
  height: 60px;
  border: 1px solid #8B8B8B;
  margin-right: -1px;
  margin-bottom: 0;
  width: 155px;
}
@media (max-width: 767px) {
  #basic-long-1 .phone-group {
    display: flex;
  }
  #basic-long-1 .phone-group .code {
    border-radius: 5px 0 0 5px;
  }
  #basic-long-1 .phone-group .phone {
    border-radius: 0 5px 5px 0;
  }
}
#basic-long-1 .box {
  margin-bottom: 40px;
}
#basic-long-1 .box .title {
  font-size: 15px;
  line-height: 24px;
  color: #4B5159;
  margin-bottom: 20px;
}
#basic-long-1 .pay-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
#basic-long-1 .pay-card .title {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #basic-long-1 .pay-card .title {
    margin-bottom: 10px;
  }
}
#basic-long-1 .client-info input {
  border: 1px solid #8B8B8B;
  margin: 0;
  height: 60px;
}
#basic-long-1 #payment-request-button {
  max-width: 100%;
  margin-bottom: 16px;
}
#basic-long-1 #pay-with {
  text-align: center;
  color: #4B5159;
  margin-bottom: 45px;
  border-bottom: 1px solid #E9E9E9;
}
#basic-long-1 #pay-with span {
  position: relative;
  bottom: -14px;
  background: #fff;
  padding: 0 8px;
}
#basic-long-1 .payment-info .secure {
  text-align: center;
  margin-bottom: 30px;
}
#basic-long-1 .field {
  background-color: #FFFFFF;
  border: 1px solid #8B8B8B;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 17px 20px;
  font-size: 17px;
  line-height: 26px;
  width: 100%;
  resize: none;
  margin-bottom: 20px;
}
#basic-long-1 .field.border-red {
  border: 1px solid #e25950;
}
#basic-long-1 .stripe-card-number {
  background-image: url(../../img/pages/purchase/lock.svg);
  background-position: right 20px top 20px;
  background-repeat: no-repeat;
}
#basic-long-1 .holder-group {
  display: flex;
}
#basic-long-1 .holder-group .field {
  margin-bottom: 0;
}
#basic-long-1 .stripe-gate label {
  color: #9F9F9F;
}
#basic-long-1 .payments-list {
  margin-bottom: 30px;
}
#basic-long-1 .safe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #4B5159;
  font-size: 15px;
  line-height: 24px;
  justify-content: space-between;
}
#basic-long-1 .safe div {
  margin: 0 22px 0 0;
  display: flex;
  align-items: center;
}
#basic-long-1 .safe div img {
  margin-right: 8px;
}
#basic-long-1 .payment-summary {
  background: #F0F8FF;
  border: 1px solid #E9E9E9;
  padding: 25px 30px 30px 30px;
  margin-bottom: 40px;
}
#basic-long-1 .payment-summary .plan-name {
  font-weight: bold;
  font-size: 30px;
  line-height: 42px;
  color: #1971C2;
  margin-bottom: 20px;
}
#basic-long-1 .payment-summary .charge {
  font-weight: bold;
  font-size: 23px;
  line-height: 32px;
  color: #4FA93C;
  margin-bottom: 5px;
}
#basic-long-1 .payment-summary .plan {
  font-size: 13px;
  line-height: 24px;
  color: #4B5159;
  margin-bottom: 40px;
}
#basic-long-1 .payment-summary .btn {
  width: 100%;
}
#basic-long-1 .payment-summary .item {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#basic-long-1 .payment-summary .item .name {
  font-weight: 700;
  font-size: 23px;
  line-height: 36px;
}
#basic-long-1 .payment-summary .item .description {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #4B5159;
}
#basic-long-1 .payment-summary .item .old {
  font-weight: 400;
  font-size: 17px;
  line-height: 32px;
  color: #4B5159;
  text-decoration-line: line-through;
}
#basic-long-1 .payment-summary .item .new {
  font-weight: 700;
  font-size: 23px;
  line-height: 36px;
  margin-left: 15px;
}
#basic-long-1 .payment-summary .item .price {
  flex-shrink: 0;
}
#basic-long-1 .payment-summary .item:nth-last-child(2) {
  color: #FFB200;
  position: relative;
}
#basic-long-1 .payment-summary .item:nth-last-child(2) .name {
  text-indent: 25px;
}
#basic-long-1 .payment-summary .item:nth-last-child(2):before {
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3e%3cpath d='M16.2917 3.54204H14.5952C14.7659 3.2046 14.8614 2.83412 14.875 2.4562C14.8504 1.78809 14.5644 1.15635 14.0786 0.697037C13.5928 0.237724 12.946 -0.0124197 12.2775 0.00047488C11.4813 0.0347678 10.7094 0.28462 10.0441 0.723361C9.37876 1.1621 8.84508 1.77327 8.5 2.49161C8.15859 1.77528 7.62899 1.16514 6.96777 0.726377C6.30655 0.287616 5.53856 0.0367143 4.74583 0.00047488C4.71892 0.00047488 4.692 0.00047488 4.66508 0.00047488C4.00619 0.00153003 3.37337 0.258003 2.89967 0.715973C2.42596 1.17394 2.14828 1.79773 2.125 2.4562V2.50295C2.13882 2.86457 2.23038 3.21898 2.39346 3.54204H0.708333C0.520472 3.54204 0.340304 3.61667 0.207466 3.7495C0.0746278 3.88234 0 4.0625 0 4.25036L0 6.3753C0 6.56315 0.0746278 6.74331 0.207466 6.87615C0.340304 7.00898 0.520472 7.08361 0.708333 7.08361H16.2917C16.4795 7.08361 16.6597 7.00898 16.7925 6.87615C16.9254 6.74331 17 6.56315 17 6.3753V4.25036C17 4.0625 16.9254 3.88234 16.7925 3.7495C16.6597 3.61667 16.4795 3.54204 16.2917 3.54204ZM12.2995 1.4171C12.5888 1.4096 12.87 1.51305 13.0855 1.70626C13.301 1.89947 13.4344 2.16779 13.4583 2.4562C13.4483 2.74612 13.3266 3.02096 13.1187 3.2233C12.9108 3.42564 12.6328 3.53984 12.3427 3.54204H9.54692C9.9875 2.65028 10.8637 1.4171 12.2995 1.4171ZM3.54167 2.47957C3.5598 2.18972 3.68852 1.9179 3.90126 1.72019C4.11399 1.52249 4.39451 1.41399 4.68492 1.4171C6.15046 1.42277 7.00896 2.64319 7.4545 3.54204H4.692C4.40115 3.54423 4.12038 3.43562 3.90672 3.23828C3.69306 3.04094 3.56254 2.76967 3.54167 2.47957V2.47957Z' fill='%23FFB200'/%3e%3cpath d='M9.91675 8.50024V17H13.4584C14.022 17 14.5625 16.7761 14.961 16.3776C15.3595 15.9791 15.5834 15.4386 15.5834 14.8751V8.50024H9.91675Z' fill='%23FFB200'/%3e%3cpath d='M7.08317 8.50024H1.4165V14.8751C1.4165 15.4386 1.64039 15.9791 2.0389 16.3776C2.43742 16.7761 2.97792 17 3.5415 17H7.08317V8.50024Z' fill='%23FFB200'/%3e%3c/svg%3e");
  height: 23px;
  position: absolute;
  left: 0;
  top: 7px;
}
@media (max-width: 600px) {
  #basic-long-1 .payment-summary .item:nth-last-child(2):before {
    position: absolute;
    left: 0;
    top: 0px;
  }
}
#basic-long-1 .payment-summary .you-save {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 23px;
  line-height: 32px;
  color: #4FA93C;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #E9E9E9;
}
#basic-long-1 .payment-summary .today-charge {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 23px;
  line-height: 32px;
}
@media (max-width: 600px) {
  #basic-long-1 .payment-summary .item .name {
    font-size: 17px;
    line-height: 26px;
  }
  #basic-long-1 .payment-summary .item .description {
    line-height: 22px;
  }
  #basic-long-1 .payment-summary .item .old {
    font-size: 14px;
    line-height: 22px;
  }
  #basic-long-1 .payment-summary .item .new {
    font-size: 17px;
    line-height: 26px;
    width: 80px;
  }
  #basic-long-1 .payment-summary .item .price {
    display: flex;
    flex-direction: column-reverse;
    text-align: right;
  }
  #basic-long-1 .payment-summary .you-save {
    font-size: 17px;
    line-height: 26px;
  }
  #basic-long-1 .payment-summary .today-charge {
    font-size: 17px;
    line-height: 26px;
  }
}
#basic-long-1 #agree {
  font-size: 13px;
  line-height: 24px;
  color: #4B5159;
  margin-top: 30px;
  margin-bottom: 50px;
  padding-left: 28px;
  background: url(../../img/pages/purchase/agree.svg) no-repeat 0 1px;
}
#basic-long-1 .address {
  font-size: 12px;
  line-height: 18px;
  color: #4B5159;
  text-align: center;
  margin-bottom: 20px;
}
#basic-long-1 .address span {
  padding: 0 6px;
}
#basic-long-1 .badges {
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}
#basic-long-1 .badges .item {
  margin: 0 50px;
}
#basic-long-1 .badges .div {
  width: 1px;
  height: 37px;
  background: #C4C4C4;
  margin: 0 13px;
}
@media (max-width: 600px) {
  #basic-long-1 {
    padding-top: 18px;
  }
  #basic-long-1 h1 {
    font-size: 23px;
    line-height: 32px;
    margin-bottom: 40px;
  }
  #basic-long-1 .included-items {
    margin: 0 auto 32px auto;
    width: 270px;
  }
  #basic-long-1 .included-items li {
    font-size: 17px;
    padding: 0 0 0 32px;
  }
  #basic-long-1 .get {
    display: none;
  }
  #basic-long-1 .container {
    max-width: 100%;
  }
  #basic-long-1 .mobile-hidden {
    display: none;
  }
  #basic-long-1 .logo {
    display: block;
    text-align: center;
  }
  #basic-long-1 .logo img {
    height: 25px;
    margin-bottom: 29px;
  }
  #basic-long-1 #agree {
    font-size: 12px;
    line-height: 21px;
    background-size: 15px;
    padding-left: 25px;
    margin-bottom: 40px;
  }
  #basic-long-1 .badges {
    flex-direction: column;
    margin-bottom: 40px;
  }
  #basic-long-1 .badges .item {
    text-align: center;
    margin: 0;
  }
  #basic-long-1 .hide-m {
    display: none;
  }
  #basic-long-1 .safe {
    justify-content: center;
  }
  #basic-long-1 .safe div {
    margin: 0 0 4px 0;
  }
}

#basic-long-2 {
  background: linear-gradient(to bottom, #F0F8FF 378px, #fff 0);
  padding-top: 25px;
  padding-bottom: 25px;
}
#basic-long-2 .top-block {
  text-align: center;
}
#basic-long-2 .group {
  display: flex;
}
#basic-long-2 .logo img {
  height: 32px;
  margin-bottom: 40px;
}
#basic-long-2 .container h1 {
  font-weight: bold;
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 20px;
}
#basic-long-2 .container .get {
  font-weight: 400;
  font-size: 19px;
  line-height: 26px;
  margin-bottom: 40px;
}
#basic-long-2 .container .get span {
  color: #4FA93C;
  font-weight: 700;
}
#basic-long-2 .container .included-items {
  padding: 0;
  margin: 0 0 42px 0;
  display: flex;
  justify-content: center;
}
#basic-long-2 .container .included-items li {
  list-style: none;
  padding: 0 20px 0 27px;
  margin-bottom: 8px;
  background: url(../../img/main/check-green.svg) no-repeat left 7px;
}
#basic-long-2 .container .trust-badges {
  margin-top: 40px;
}
#basic-long-2 .left {
  width: 670px;
  margin-right: 30px;
  flex-shrink: 0;
}
#basic-long-2 .right {
  width: 100%;
}
#basic-long-2 .box {
  background: #FFFFFF;
  border: 1px solid #E9E9E9;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 35px 30px 35px 30px;
  margin-bottom: 30px;
}
#basic-long-2 .box .title {
  font-size: 15px;
  line-height: 24px;
  color: #4B5159;
  margin-bottom: 30px;
}
#basic-long-2 .client-info input {
  border: 1px solid #8B8B8B;
  margin: 0;
  height: 60px;
}
#basic-long-2 #payment-request-button {
  max-width: 100%;
  margin-bottom: 16px;
}
#basic-long-2 #pay-with {
  text-align: center;
  color: #4B5159;
  margin-bottom: 45px;
  border-bottom: 1px solid #E9E9E9;
}
#basic-long-2 #pay-with span {
  position: relative;
  bottom: -14px;
  background: #fff;
  padding: 0 8px;
}
#basic-long-2 .payment-info .secure {
  margin-bottom: 30px;
}
#basic-long-2 .field {
  background-color: #FFFFFF;
  border: 1px solid #8B8B8B;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 17px 20px;
  font-size: 17px;
  line-height: 26px;
  width: 100%;
  resize: none;
  margin-bottom: 20px;
}
#basic-long-2 .field.border-red {
  border: 1px solid #e25950;
}
#basic-long-2 .stripe-card-number {
  background-image: url(../../img/pages/purchase/lock.svg);
  background-position: right 20px top 20px;
  background-repeat: no-repeat;
}
#basic-long-2 .holder-group {
  display: flex;
}
#basic-long-2 .holder-group .field {
  margin-bottom: 0;
}
#basic-long-2 .stripe-gate label {
  color: #9F9F9F;
}
#basic-long-2 .payments-list {
  margin-bottom: 30px;
}
#basic-long-2 .safe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #4B5159;
  font-size: 15px;
  line-height: 24px;
}
#basic-long-2 .safe span {
  margin: 0 22px 0 8px;
}
#basic-long-2 .secure-payment {
  margin: 25px 0;
}
#basic-long-2 .payment-summary .plan-name {
  font-weight: bold;
  font-size: 30px;
  line-height: 42px;
  color: #1971C2;
  margin-bottom: 20px;
}
#basic-long-2 .payment-summary .charge {
  font-weight: bold;
  font-size: 23px;
  line-height: 32px;
  color: #4FA93C;
  margin-bottom: 5px;
}
#basic-long-2 .payment-summary .plan {
  font-size: 13px;
  line-height: 24px;
  color: #4B5159;
  margin-bottom: 40px;
}
#basic-long-2 .payment-summary .btn {
  width: 100%;
}
#basic-long-2 .payment-summary .item {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#basic-long-2 .payment-summary .item .name {
  font-weight: 700;
  font-size: 19px;
  line-height: 26px;
}
#basic-long-2 .payment-summary .item .description {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #4B5159;
}
#basic-long-2 .payment-summary .item .old {
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  color: #4B5159;
  text-decoration-line: line-through;
}
#basic-long-2 .payment-summary .item .new {
  font-weight: 700;
  font-size: 19px;
  line-height: 26px;
  margin-left: 15px;
}
#basic-long-2 .payment-summary .you-save {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 23px;
  line-height: 32px;
  color: #4FA93C;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #E9E9E9;
}
#basic-long-2 .payment-summary .today-charge {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 40px;
}
#basic-long-2 .payment-summary.v2 .item .old {
  color: #C27B76;
}
#basic-long-2 .payment-summary.v2 .item.last {
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 20px;
}
#basic-long-2 .payment-summary.v2 .you-save {
  background: #EAFBE7;
  justify-content: center;
  margin-top: 20px;
  padding: 11px;
  border: none;
}
#basic-long-2 .payment-summary.v2 .you-save div {
  margin: 0 6px;
}
#basic-long-2 .payment-summary.v2 .today-charge div:last-child {
  font-size: 30px;
}
@media (max-width: 600px) {
  #basic-long-2 .payment-summary.v2 .today-charge div:last-child {
    font-size: 23px;
  }
}
@media (max-width: 600px) {
  #basic-long-2 .payment-summary .item .name {
    font-size: 17px;
    line-height: 26px;
  }
  #basic-long-2 .payment-summary .item .description {
    line-height: 22px;
  }
  #basic-long-2 .payment-summary .item .old {
    font-size: 14px;
    line-height: 22px;
  }
  #basic-long-2 .payment-summary .item .new {
    font-size: 17px;
    line-height: 26px;
    width: 80px;
  }
  #basic-long-2 .payment-summary .item .price {
    display: flex;
    flex-direction: column-reverse;
    text-align: right;
  }
  #basic-long-2 .payment-summary .you-save {
    font-size: 17px;
    line-height: 26px;
  }
  #basic-long-2 .payment-summary .today-charge {
    font-size: 17px;
    line-height: 26px;
  }
}
#basic-long-2 #agree {
  font-size: 13px;
  line-height: 24px;
  color: #4B5159;
  padding-left: 28px;
  background: url(../../img/pages/purchase/agree.svg) no-repeat 0 1px;
}
#basic-long-2 .address {
  font-size: 12px;
  line-height: 18px;
  color: #4B5159;
  text-align: center;
}
#basic-long-2 .address span {
  padding: 0 6px;
}
#basic-long-2 .badges {
  margin-bottom: 70px;
  margin-top: 40px;
}
#basic-long-2 .badges img {
  width: 100%;
  max-width: 1069px;
}
@media (max-width: 1200px) {
  #basic-long-2 {
    background: #F0F8FF;
  }
  #basic-long-2 .left {
    width: 400px;
    margin-right: 40px;
  }
}
@media (max-width: 991px) {
  #basic-long-2 .badges {
    display: none;
  }
  #basic-long-2 .group {
    flex-direction: column;
    max-width: 600px;
  }
  #basic-long-2 .left {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: column;
  }
  #basic-long-2 .payment-info {
    order: 1;
  }
  #basic-long-2 .container .included-items {
    justify-content: flex-start;
    flex-direction: column;
    text-align: left;
    width: 290px;
    margin-right: auto;
    margin-left: auto;
  }
  #basic-long-2 .container .included-items li {
    margin-left: 10px;
    padding: 0 0 0 37px;
  }
}
@media (max-width: 600px) {
  #basic-long-2 {
    padding-top: 18px;
  }
  #basic-long-2 .group {
    max-width: 100%;
  }
  #basic-long-2 .mobile-hidden {
    display: none;
  }
  #basic-long-2 .container h1 {
    font-size: 23px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 30px;
  }
  #basic-long-2 .container .get,
  #basic-long-2 .container .info,
  #basic-long-2 .container .included {
    display: none;
  }
  #basic-long-2 .box {
    padding-left: 20px;
    padding-right: 20px;
  }
  #basic-long-2 .logo {
    display: block;
    text-align: center;
  }
  #basic-long-2 .logo img {
    height: 25px;
    margin-bottom: 29px;
  }
  #basic-long-2 #agree {
    font-size: 12px;
    line-height: 21px;
    background-size: 15px;
    padding-left: 25px;
  }
}
@media (max-width: 490px) {
  #basic-long-2 .powered {
    margin: 5px 10px 0 10px;
  }
  #basic-long-2 .safe {
    justify-content: center;
  }
  #basic-long-2 .safe span {
    margin: 0 0 0 4px;
  }
}

#basic-mobile-1 {
  padding-top: 25px;
  padding-bottom: 25px;
}
#basic-mobile-1 .container {
  max-width: 700px;
}
#basic-mobile-1 #hidden-details {
  display: none;
  margin-top: 20px;
}
#basic-mobile-1 #show-details {
  font-size: 13px;
  line-height: 24px;
  text-transform: uppercase;
  color: #4B5159;
  font-weight: 700;
  position: relative;
  cursor: pointer;
}
#basic-mobile-1 #show-details:after {
  content: url(../../img/pages/purchase/show.svg);
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  line-height: 0;
}
#basic-mobile-1 #show-details.open:after {
  transform: rotate(180deg);
}
#basic-mobile-1 .btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#basic-mobile-1 .btn img {
  margin-right: 15px;
}
#basic-mobile-1 h1 {
  font-weight: bold;
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 30px;
  text-align: center;
}
#basic-mobile-1 .trust-badges {
  margin-top: 40px;
}
#basic-mobile-1 .box {
  margin-bottom: 20px;
}
#basic-mobile-1 .box .title {
  font-size: 13px;
  line-height: 17px;
  color: #4B5159;
  margin-bottom: 15px;
}
#basic-mobile-1 .client-info input {
  border: 1px solid #8B8B8B;
  margin: 0;
  height: 60px;
}
#basic-mobile-1 .stripe-gate .input {
  padding: 20px 20px 6px;
}
#basic-mobile-1 #payment-request-button {
  max-width: 100%;
  margin-bottom: 20px;
}
#basic-mobile-1 #pay-with {
  text-align: center;
  color: #4B5159;
  margin-bottom: 45px;
  border-bottom: 1px solid #E9E9E9;
}
#basic-mobile-1 #pay-with span {
  position: relative;
  bottom: -14px;
  background: #fff;
  padding: 0 8px;
}
#basic-mobile-1 .payment-info .secure {
  text-align: center;
  margin-bottom: 30px;
}
#basic-mobile-1 .field {
  background-color: #FFFFFF;
  border: 1px solid #8B8B8B;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 17px 20px;
  font-size: 17px;
  line-height: 26px;
  width: 100%;
  resize: none;
  margin-bottom: 15px;
}
#basic-mobile-1 .field.border-red {
  border: 1px solid #e25950;
}
#basic-mobile-1 .stripe-card-number {
  background-image: url(../../img/pages/purchase/lock.svg);
  background-position: right 20px top 20px;
  background-repeat: no-repeat;
}
#basic-mobile-1 .card-group {
  margin-bottom: -25px;
}
#basic-mobile-1 .holder-group {
  display: flex;
}
#basic-mobile-1 .holder-group .field {
  margin-bottom: 0;
}
#basic-mobile-1 .stripe-gate label {
  color: #9F9F9F;
  padding: 0 22px;
}
#basic-mobile-1 .payments-list {
  margin-bottom: 30px;
}
#basic-mobile-1 .safe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #4B5159;
  font-size: 15px;
  line-height: 24px;
  justify-content: space-between;
}
#basic-mobile-1 .safe div {
  margin: 0 22px 0 0;
  display: flex;
  align-items: center;
}
#basic-mobile-1 .safe div img {
  margin-right: 8px;
}
#basic-mobile-1 .payment-summary {
  background: #F0F8FF;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
#basic-mobile-1 .payment-summary .plan-name {
  font-weight: bold;
  font-size: 30px;
  line-height: 42px;
  color: #1971C2;
  margin-bottom: 20px;
}
#basic-mobile-1 .payment-summary .charge {
  font-weight: bold;
  font-size: 23px;
  line-height: 32px;
  color: #4FA93C;
  margin-bottom: 5px;
}
#basic-mobile-1 .payment-summary .plan {
  font-size: 13px;
  line-height: 24px;
  color: #4B5159;
  margin-bottom: 40px;
}
#basic-mobile-1 .payment-summary .btn {
  width: 100%;
}
#basic-mobile-1 .payment-summary .item {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#basic-mobile-1 .payment-summary .item .name {
  font-weight: 700;
  font-size: 23px;
  line-height: 36px;
}
#basic-mobile-1 .payment-summary .item .description {
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: #4B5159;
}
#basic-mobile-1 .payment-summary .item .old {
  font-weight: 400;
  font-size: 17px;
  line-height: 32px;
  color: #4B5159;
  text-decoration-line: line-through;
}
#basic-mobile-1 .payment-summary .item .new {
  font-weight: 700;
  font-size: 23px;
  line-height: 36px;
  margin-left: 15px;
}
#basic-mobile-1 .payment-summary .you-save {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 23px;
  line-height: 32px;
  color: #4FA93C;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #E9E9E9;
}
#basic-mobile-1 .payment-summary .today-charge {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 10px;
}
@media (min-width: 700px) {
  #basic-mobile-1 .payment-summary {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 600px) {
  #basic-mobile-1 .payment-summary {
    margin-bottom: 20px;
  }
  #basic-mobile-1 .payment-summary .item .name {
    font-size: 17px;
    line-height: 26px;
  }
  #basic-mobile-1 .payment-summary .item .old {
    font-size: 14px;
    line-height: 22px;
  }
  #basic-mobile-1 .payment-summary .item .new {
    font-size: 17px;
    line-height: 26px;
    width: 80px;
  }
  #basic-mobile-1 .payment-summary .item .price {
    display: flex;
    flex-direction: column-reverse;
    text-align: right;
  }
  #basic-mobile-1 .payment-summary .you-save {
    font-size: 17px;
    line-height: 26px;
  }
  #basic-mobile-1 .payment-summary .today-charge {
    font-size: 17px;
    line-height: 26px;
  }
}
#basic-mobile-1 #agree {
  font-size: 13px;
  line-height: 24px;
  color: #4B5159;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 28px;
  background: url(../../img/pages/purchase/agree.svg) no-repeat 0 1px;
}
#basic-mobile-1 .address {
  font-size: 12px;
  line-height: 18px;
  color: #4B5159;
  text-align: center;
}
#basic-mobile-1 .address span {
  padding: 0 6px;
}
#basic-mobile-1 .badges {
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}
#basic-mobile-1 .badges .item {
  margin: 0 50px;
}
#basic-mobile-1 .badges .div {
  width: 1px;
  height: 37px;
  background: #C4C4C4;
  margin: 0 13px;
}
@media (max-width: 600px) {
  #basic-mobile-1 {
    padding-top: 18px;
  }
  #basic-mobile-1 .stripe-card-number {
    background-image: url(../../img/pages/purchase/scan.svg);
    background-position: right 20px top 19px;
  }
  #basic-mobile-1 h1 {
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  #basic-mobile-1 .included-items li {
    font-size: 17px;
    padding: 0 0 0 32px;
  }
  #basic-mobile-1 .get {
    display: none;
  }
  #basic-mobile-1 .container {
    max-width: 100%;
  }
  #basic-mobile-1 .mobile-hidden {
    display: none;
  }
  #basic-mobile-1 .logo {
    display: block;
    text-align: center;
  }
  #basic-mobile-1 .logo img {
    height: 25px;
    margin-bottom: 29px;
  }
  #basic-mobile-1 .badges {
    flex-direction: column;
    margin-bottom: 30px;
  }
  #basic-mobile-1 .badges .item {
    text-align: center;
    margin: 0;
  }
  #basic-mobile-1 .hide-m {
    display: none;
  }
  #basic-mobile-1 .safe {
    justify-content: center;
  }
  #basic-mobile-1 .safe div {
    margin: 0 0 4px 0;
  }
}

#basic-mobile-2 {
  padding-top: 25px;
}
#basic-mobile-2 .included-items {
  padding: 0;
  margin: 0 auto 25px auto;
  width: 247px;
}
#basic-mobile-2 .included-items li {
  list-style: none;
  padding: 0 0 0 37px;
  margin-bottom: 5px;
  background: url(../../img/main/check-green.svg) no-repeat left 5px;
  font-size: 15px;
  line-height: 24px;
}
#basic-mobile-2 .container {
  max-width: 700px;
}
#basic-mobile-2 #hidden-details {
  display: none;
  margin-top: 20px;
}
#basic-mobile-2 #show-details {
  font-size: 13px;
  line-height: 24px;
  text-transform: uppercase;
  color: #4B5159;
  font-weight: 700;
  position: relative;
}
#basic-mobile-2 #show-details:after {
  content: url(../../img/pages/purchase/show.svg);
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  line-height: 0;
}
#basic-mobile-2 #show-details.open:after {
  transform: rotate(180deg);
}
#basic-mobile-2 .btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#basic-mobile-2 .btn img {
  margin-right: 15px;
}
#basic-mobile-2 h1 {
  font-weight: bold;
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 25px;
  text-align: center;
}
#basic-mobile-2 .trust-badges {
  margin-top: 40px;
}
#basic-mobile-2 .box {
  margin-bottom: 20px;
}
#basic-mobile-2 .box .title {
  font-size: 13px;
  line-height: 17px;
  color: #4B5159;
  margin-bottom: 15px;
}
#basic-mobile-2 .client-info input {
  border: 1px solid #8B8B8B;
  margin: 0;
  height: 60px;
}
#basic-mobile-2 .stripe-gate .input {
  padding: 20px 20px 6px;
}
#basic-mobile-2 #payment-request-button {
  max-width: 100%;
  margin-bottom: 20px;
}
#basic-mobile-2 #pay-with {
  text-align: center;
  color: #4B5159;
  margin-bottom: 45px;
  border-bottom: 1px solid #E9E9E9;
}
#basic-mobile-2 #pay-with span {
  position: relative;
  bottom: -14px;
  background: #fff;
  padding: 0 8px;
}
#basic-mobile-2 .payment-info .secure {
  text-align: center;
  margin-bottom: 30px;
}
#basic-mobile-2 .field {
  background-color: #FFFFFF;
  border: 1px solid #8B8B8B;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 17px 20px;
  font-size: 17px;
  line-height: 26px;
  width: 100%;
  resize: none;
  margin-bottom: 15px;
}
#basic-mobile-2 .field.border-red {
  border: 1px solid #e25950;
}
#basic-mobile-2 .stripe-card-number {
  background-image: url(../../img/pages/purchase/lock.svg);
  background-position: right 20px top 20px;
  background-repeat: no-repeat;
}
#basic-mobile-2 .card-group {
  margin-bottom: -25px;
}
#basic-mobile-2 .holder-group {
  display: flex;
}
#basic-mobile-2 .holder-group .field {
  margin-bottom: 0;
}
#basic-mobile-2 .stripe-gate label {
  color: #9F9F9F;
  padding: 0 22px;
}
#basic-mobile-2 .payments-list {
  margin-bottom: 30px;
}
#basic-mobile-2 .safe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #4B5159;
  font-size: 15px;
  line-height: 24px;
  justify-content: space-between;
}
#basic-mobile-2 .safe div {
  margin: 0 22px 0 0;
  display: flex;
  align-items: center;
}
#basic-mobile-2 .safe div img {
  margin-right: 8px;
}
#basic-mobile-2 .payment-summary {
  background: #F0F8FF;
  padding-top: 25px;
  padding-bottom: 25px;
}
#basic-mobile-2 .payment-summary .plan-name {
  font-weight: bold;
  font-size: 30px;
  line-height: 42px;
  color: #1971C2;
  margin-bottom: 20px;
}
#basic-mobile-2 .payment-summary .charge {
  font-weight: bold;
  font-size: 23px;
  line-height: 32px;
  color: #4FA93C;
  margin-bottom: 5px;
}
#basic-mobile-2 .payment-summary .plan {
  font-size: 13px;
  line-height: 24px;
  color: #4B5159;
  margin-bottom: 40px;
}
#basic-mobile-2 .payment-summary .btn {
  width: 100%;
}
#basic-mobile-2 .payment-summary .item {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#basic-mobile-2 .payment-summary .item .name {
  font-weight: 700;
  font-size: 23px;
  line-height: 36px;
}
#basic-mobile-2 .payment-summary .item .description {
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: #4B5159;
}
#basic-mobile-2 .payment-summary .item .old {
  font-weight: 400;
  font-size: 17px;
  line-height: 32px;
  color: #4B5159;
  text-decoration-line: line-through;
}
#basic-mobile-2 .payment-summary .item .new {
  font-weight: 700;
  font-size: 23px;
  line-height: 36px;
  margin-left: 15px;
}
#basic-mobile-2 .payment-summary .you-save {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 23px;
  line-height: 32px;
  color: #4FA93C;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #E9E9E9;
}
#basic-mobile-2 .payment-summary .today-charge {
  display: flex;
  justify-content: space-between;
  padding: 0;
  font-weight: 700;
  font-size: 23px;
  line-height: 36px;
}
#basic-mobile-2 .payment-summary .today-charge .total {
  font-size: 23px;
}
@media (min-width: 700px) {
  #basic-mobile-2 .payment-summary {
    padding: 30px;
  }
}
@media (max-width: 600px) {
  #basic-mobile-2 .payment-summary .today-charge {
    font-size: 17px;
    line-height: 26px;
  }
  #basic-mobile-2 .payment-summary .item .name {
    font-size: 17px;
    line-height: 26px;
  }
  #basic-mobile-2 .payment-summary .item .old {
    font-size: 14px;
    line-height: 22px;
  }
  #basic-mobile-2 .payment-summary .item .new {
    font-size: 17px;
    line-height: 26px;
    width: 80px;
  }
  #basic-mobile-2 .payment-summary .item .price {
    display: flex;
    flex-direction: column-reverse;
    text-align: right;
  }
  #basic-mobile-2 .payment-summary .you-save {
    font-size: 17px;
    line-height: 26px;
  }
}
#basic-mobile-2 .purchase-form .today-charge {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  background: #F0F8FF;
  padding: 10px 20px;
  margin-bottom: 20px;
}
#basic-mobile-2 .purchase-form .today-charge .total {
  font-size: 23px;
}
#basic-mobile-2 #agree {
  font-size: 13px;
  line-height: 24px;
  color: #4B5159;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 28px;
  background: url(../../img/pages/purchase/agree.svg) no-repeat 0 1px;
}
#basic-mobile-2 .address {
  font-size: 12px;
  line-height: 18px;
  color: #4B5159;
  text-align: center;
}
#basic-mobile-2 .address span {
  padding: 0 6px;
}
#basic-mobile-2 .badges {
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}
#basic-mobile-2 .badges .item-b {
  margin: 0 50px;
  text-align: center;
}
#basic-mobile-2 .badges .div {
  width: 1px;
  height: 37px;
  background: #C4C4C4;
  margin: 0 13px;
}
#basic-mobile-2 .badges.mobile {
  display: none;
}
#basic-mobile-2 .badges.desktop {
  margin-top: 30px;
}
#basic-mobile-2 #next-screen {
  margin-top: 20px;
  height: 60px;
}
#basic-mobile-2 #second-screen {
  display: none;
  padding-bottom: 30px;
}
@media (max-width: 600px) {
  #basic-mobile-2 {
    padding-top: 18px;
  }
  #basic-mobile-2 #next-screen {
    margin-bottom: 30px;
  }
  #basic-mobile-2 .stripe-card-number {
    background-image: url(../../img/pages/purchase/scan.svg);
    background-position: right 20px top 19px;
  }
  #basic-mobile-2 h1 {
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  #basic-mobile-2 .get {
    display: none;
  }
  #basic-mobile-2 .container {
    max-width: 100%;
  }
  #basic-mobile-2 .mobile-hidden {
    display: none;
  }
  #basic-mobile-2 .badges {
    flex-direction: column;
    margin-bottom: 0;
  }
  #basic-mobile-2 .badges .item {
    text-align: center;
    margin: 0;
  }
  #basic-mobile-2 .badges.mobile {
    display: flex;
  }
  #basic-mobile-2 .badges.desktop {
    display: none;
  }
  #basic-mobile-2 .hide-m {
    display: none;
  }
  #basic-mobile-2 .safe {
    justify-content: center;
    padding-bottom: 10px;
  }
  #basic-mobile-2 .safe div {
    margin: 0 0 4px 0;
  }
}

#faq {
  margin-bottom: 50px;
}
#faq h2 {
  font-size: 19px;
  line-height: 28px;
  margin-bottom: 10px;
}
#faq .items {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#faq .item {
  cursor: pointer;
  border-bottom: 1px solid #DADADA;
}
#faq .item:last-child {
  border-bottom: unset;
}
#faq .item:hover .arrow {
  background-color: #ededf3;
}
#faq .open .description {
  display: block;
}
#faq .open .arrow {
  transform: rotate(180deg);
}
#faq .title {
  padding-top: 18px;
  padding-bottom: 18px;
  font-style: normal;
  font-weight: bold;
  font-size: 19px;
  line-height: 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#faq .arrow {
  width: 50px;
  height: 50px;
  background: #ffffff url(../../img/main/arr-down.svg) no-repeat center;
  background-size: 24px;
  border-radius: 10px;
  transition: 0.25s;
  margin-left: 15px;
  flex-shrink: 0;
}
#faq .arrow:hover {
  background-color: #ededf3;
}
#faq .description {
  display: none;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  margin-top: 6px;
  margin-bottom: 18px;
  padding-right: 70px;
  color: #4B5159;
}
@media (max-width: 991px) {
  #faq .cols {
    flex-direction: column;
  }
  #faq .items:first-child {
    padding-right: 0 !important;
  }
  #faq .items:first-child .item:last-child {
    border-bottom: 1px solid #DADADA;
  }
}
@media (max-width: 600px) {
  #faq h2 {
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 8px;
  }
  #faq .title {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 17px;
  }
  #faq .arrow {
    width: 42px;
    height: 42px;
  }
  #faq .description {
    line-height: 26px;
    padding-right: 0;
  }
}

#modal-error .modal__container {
  max-width: 480px;
  background: #fff url(../../img/main/error.svg) no-repeat center 40px;
  text-align: center;
}
#modal-error .group {
  display: flex;
}
#modal-error .btn {
  min-width: auto;
  padding: 6px 0;
  width: 100%;
  font-size: 17px;
}
#modal-error .btn.reverse {
  margin-right: 20px;
}
#modal-error .title {
  margin-top: 75px;
  font-weight: 700;
  font-size: 17px;
  line-height: 28px;
  color: #DC6247;
}
#modal-error .message {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 20px;
}
#modal-error .try {
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #modal-error .modal__container {
    max-width: 95%;
  }
  #modal-error .group {
    flex-direction: column;
  }
  #modal-error .btn.reverse {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

#modal-error-estab {
  text-align: center;
}
#modal-error-estab .title {
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 20px;
}
#modal-error-estab .message {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 40px;
}
#modal-error-estab .message p {
  margin: 0;
}
#modal-error-estab .link {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #FF6236;
  text-decoration: underline;
}
#modal-error-estab .link:hover {
  color: #e0471f;
}
#modal-error-estab .btn {
  margin-bottom: 20px;
  width: 100%;
  max-width: unset;
  background-color: #FF6236;
  border-radius: 1000px;
  padding: 0;
  line-height: 70px;
}
#modal-error-estab .btn:hover {
  background-color: #e0471f;
}

#fb-discount-popup {
  text-align: center;
}
#fb-discount-popup .modal__container {
  padding: 20px;
  max-width: 700px;
}
#fb-discount-popup .title {
  color: #C83532;
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 54px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#fb-discount-popup .title-2 {
  color: #C83532;
  font-size: 13px;
  font-style: italic;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 4px;
}
#fb-discount-popup .title-3 {
  font-size: 13px;
  font-style: italic;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 20px;
}
#fb-discount-popup .title-4 {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 20px;
}
#fb-discount-popup .title-5 {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 30px;
}
#fb-discount-popup .wrapper {
  border-radius: 16px;
  background: #F2F9FF;
  padding: 30px;
}
#fb-discount-popup .btn {
  line-height: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
}
#fb-discount-popup .btn span {
  font-size: 15px;
  font-style: italic;
  font-weight: 700;
  line-height: 20px;
  margin-top: 4px;
  display: block;
  text-transform: none;
}

.pyro {
  position: fixed;
  top: 220px;
  left: 54vw;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
}
.pyro.in {
  animation: 1s bang ease-out 1 backwards, 1s gravity ease-in 1 backwards;
  animation-delay: 1.25s, 1.25s;
  animation-duration: 1.25s, 1.25s;
}

@keyframes bang {
  to {
    box-shadow: -168.3333333333px -351.6666666667px hsl(274, 100%, 50%), -298.3333333333px 55.3333333333px hsl(263, 100%, 50%), -126.3333333333px -209.6666666667px hsl(230, 100%, 50%), 137.6666666667px 68.3333333333px hsl(106, 100%, 50%), -242.3333333333px -17.6666666667px hsl(350, 100%, 50%), -41.3333333333px -102.6666666667px hsl(142, 100%, 50%), -154.3333333333px -321.6666666667px hsl(186, 100%, 50%), -309.3333333333px -328.6666666667px hsl(352, 100%, 50%), -306.3333333333px -34.6666666667px hsl(68, 100%, 50%), 84.6666666667px -300.6666666667px hsl(248, 100%, 50%), -154.3333333333px -391.6666666667px hsl(186, 100%, 50%), -326.3333333333px -328.6666666667px hsl(141, 100%, 50%), -315.3333333333px 43.3333333333px hsl(343, 100%, 50%), -113.3333333333px -411.6666666667px hsl(342, 100%, 50%), 128.6666666667px -344.6666666667px hsl(333, 100%, 50%), 128.6666666667px -247.6666666667px hsl(116, 100%, 50%), -14.3333333333px -86.6666666667px hsl(172, 100%, 50%), -230.3333333333px -61.6666666667px hsl(168, 100%, 50%), -169.3333333333px -323.6666666667px hsl(188, 100%, 50%), -181.3333333333px 17.3333333333px hsl(295, 100%, 50%), -221.3333333333px -120.6666666667px hsl(256, 100%, 50%), 130.6666666667px -220.6666666667px hsl(354, 100%, 50%), -268.3333333333px -98.6666666667px hsl(102, 100%, 50%), 85.6666666667px -103.6666666667px hsl(163, 100%, 50%), 11.6666666667px -96.6666666667px hsl(121, 100%, 50%), -145.3333333333px 51.3333333333px hsl(215, 100%, 50%), -277.3333333333px -18.6666666667px hsl(344, 100%, 50%), -263.3333333333px -67.6666666667px hsl(327, 100%, 50%), -133.3333333333px -113.6666666667px hsl(239, 100%, 50%), 116.6666666667px 54.3333333333px hsl(122, 100%, 50%), -120.3333333333px -271.6666666667px hsl(31, 100%, 50%), -230.3333333333px -182.6666666667px hsl(43, 100%, 50%), 147.6666666667px -7.6666666667px hsl(226, 100%, 50%), 105.6666666667px -334.6666666667px hsl(263, 100%, 50%), -168.3333333333px -147.6666666667px hsl(225, 100%, 50%), -212.3333333333px 10.3333333333px hsl(30, 100%, 50%), -133.3333333333px 78.3333333333px hsl(331, 100%, 50%), -35.3333333333px -365.6666666667px hsl(166, 100%, 50%), 14.6666666667px -94.6666666667px hsl(183, 100%, 50%), -302.3333333333px -220.6666666667px hsl(310, 100%, 50%), 96.6666666667px 65.3333333333px hsl(181, 100%, 50%), -292.3333333333px 35.3333333333px hsl(255, 100%, 50%), -39.3333333333px 39.3333333333px hsl(61, 100%, 50%), -72.3333333333px -342.6666666667px hsl(320, 100%, 50%), -203.3333333333px 18.3333333333px hsl(283, 100%, 50%), 6.6666666667px -309.6666666667px hsl(81, 100%, 50%), -203.3333333333px -257.6666666667px hsl(311, 100%, 50%), -327.3333333333px -188.6666666667px hsl(293, 100%, 50%), 148.6666666667px 24.3333333333px hsl(199, 100%, 50%), -119.3333333333px -287.6666666667px hsl(258, 100%, 50%), 64.6666666667px -341.6666666667px hsl(355, 100%, 50%);
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    opacity: 0;
  }
}

/*# sourceMappingURL=checkout.css.map */