@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
.no-appearance {
 appearance: none;
 -webkit-appearance: none;
}
.bold {
 font-weight: 700;
}
.box-sizing {
 box-sizing: border-box;
 -webkit-tap-highlight-color: transparent;
}
.box-shadow {
 box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
}
.border-radius {
 border-radius: 10px;
}
.blue {
 color: #005EB3;
}
.flex-row-align-center {
 display: flex;
 align-items: center;
}
.flex-row-justify-end {
 display: flex;
 justify-content: end;
}
.flex-row-justify-center {
 display: flex;
 justify-content: center;
}
.flex-row-justify-space-between {
 display: flex;
 justify-content: space-between;
}
.flex-column {
 display: flex;
 flex-direction: column;
}
.flex-column-space-between {
 flex-direction: column;
 display: flex;
 justify-content: space-between;
}
.flex-wrap {
 flex-wrap: wrap;
}
.btn {
 background: #0076DF;
 border-radius: 10px;
 cursor: pointer;
 display: inline-block;
 font-size: 16px;
 line-height: 1em;
 padding: 13px 30px;
 text-shadow: none;
 transition: 0.2s ease;
 transition-property: all;
}
.btn:focus,
.btn:hover {
 background: #0076DF;
 box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
 color: white;
 transition: 0.2s ease;
 transition-property: all;
}
.active-btn {
 background: #0076DF;
 box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
 color: white;
 transition: 0.2s ease;
 transition-property: all;
}
.white-btn {
 background: white;
 box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
 color: #344054;
 font-size: 12px;
 text-shadow: none;
}
.rounded-btn {
 border-radius: calc(20px);
}
.hide {
 display: none;
}
.show {
 display: block;
}
.position-relative {
 position: relative;
}
.position-absolute {
 position: absolute;
}
.absolute-center {
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
}
.content-container-padding {
 max-width: 775px;
 margin-left: auto;
 margin-right: auto;
 padding: 0 calc(100px);
 width: 100%;
}
@media (max-width: 1400px) {
 .content-container-padding {
  padding: 0 calc(70px);
 }
}
@media (max-width: 1280px) {
 .content-container-padding {
  padding: 0 calc(30px);
 }
}
@media (max-width: 768px) {
 .content-container-padding {
  padding: 0 20px;
 }
}
.padding {
 padding: 20px;
}
.margin {
 margin: 20px;
}
.margin-y {
 margin-top: 20px;
 margin-bottom: 20px;
}
@media (max-width: 768px) {
 .margin-y {
  margin-top: calc(15px);
  margin-bottom: calc(15px);
 }
}
.padding-y {
 padding-top: 20px;
 padding-bottom: 20px;
}
.line-height {
 line-height: 1em;
}
.translate-vertical-center {
 top: 50%;
 transform: translateY(-50%);
}
.pseudo {
 content: '';
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
}
.hide-scrollbar {
 scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
 display: none;
}
.show-scrollbar {
 overflow-y: scroll;
 overflow-x: hidden;
 scrollbar-width: thin;
 scrollbar-color: #D0D5DD white;
}
.show-scrollbar::-webkit-scrollbar {
 background: transparent;
 -webkit-appearance: none;
}
.show-scrollbar::-webkit-scrollbar:vertical {
 width: 8px;
}
.show-scrollbar::-webkit-scrollbar-thumb {
 background-color: #D0D5DD;
 border: 1px solid #ffffff;
 border-radius: 10px;
}
.font {
 font-family: 'Inter', sans-serif !important;
}
.circled-spinner-white-bg {
 position: absolute;
 z-index: 1;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: #ffffffde;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 12px;
}
.float-shadow {
 box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
}
.sticky {
 position: -webkit-sticky;
 position: sticky;
}
.shadow-highlight-bar {
 box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}
.logo {
 background: url("/resources/images/accounts/logo.svg") no-repeat center;
 height: 35px;
 width: 180px;
 background-size: contain;
 margin-bottom: 20px;
}
@media (max-width: 768px) {
 .logo {
  height: 26px;
  width: 140px;
  flex: 0 0 26px;
 }
}
@media (max-width: 300px) {
 .logo {
  height: 26px;
  width: 125px;
 }
}
.signature {
 font-family: 'Inter', sans-serif !important;
 font-size: calc(14px);
}
.plan-radius-map {
 border: none;
 height: 100%;
 width: 100%;
}
.plan-radius-map iframe {
 border: none;
}
.plan-radius-map iframe.fullscreen {
 height: inherit;
 width: inherit;
}
.range-slider {
 box-sizing: border-box;
 -webkit-tap-highlight-color: transparent;
 font-family: 'Inter', sans-serif !important;
 font-size: 16px;
 background: #F2F4F7 !important;
 border: none !important;
 height: 6px !important;
 margin-top: 20px;
 margin-bottom: 20px;
}
@media (max-width: 768px) {
 .range-slider {
  margin-top: calc(15px);
  margin-bottom: calc(15px);
 }
}
.range-slider .noUi-base .noUi-connect {
 background: #005EB3;
}
.range-slider .noUi-base .noUi-handle {
 background: #ffffff;
 border-radius: 50%;
 border: 3px solid #005EB3;
 box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
 cursor: pointer;
 height: 25px;
 width: 25px;
 right: -12px;
 top: -10px;
}
.range-slider .noUi-pips-horizontal {
 padding: 5px 0;
}
.range-slider .noUi-pips-horizontal .noUi-marker-sub,
.range-slider .noUi-pips-horizontal .noUi-marker {
 background: #F2F4F7;
}
.range-slider .noUi-pips-horizontal .noUi-marker-horizontal.noUi-marker-large {
 height: 10px;
}
.range-slider .noUi-pips-horizontal .noUi-value-sub,
.range-slider .noUi-pips-horizontal .noUi-value-large {
 color: #98A2B3;
 font-size: 10px;
 margin-top: calc(10px);
}
.range-slider.fluid {
 width: 100%;
}
.search-wrapper {
 box-sizing: border-box;
 -webkit-tap-highlight-color: transparent;
 font-family: 'Inter', sans-serif !important;
 font-size: 16px;
 position: relative;
}
.search-wrapper .search-input {
 background: white;
 border-radius: 10px;
 display: flex;
}
.search-wrapper .search-input input {
 appearance: none;
 -webkit-appearance: none;
 border: 2px solid #98A2B3;
 border-radius: 10px;
 box-sizing: border-box;
 -webkit-tap-highlight-color: transparent;
 margin: 0;
 padding: 20px calc(40px);
 width: 100%;
 transition: 0.2s ease;
 transition-property: border;
}
.search-wrapper .search-input input:focus {
 border: 2px solid #0088FF;
 transition: 0.2s ease;
 transition-property: border;
}
.search-wrapper .search-input .icon-search {
 display: inline-block;
 background: url("/resources/images/accounts/search.svg") no-repeat center;
 background-size: contain;
 height: 16px;
 width: 16px;
 position: absolute;
 top: calc(22px);
 left: calc(15px);
}
.search-wrapper .search-result {
 background: white;
 border-radius: 10px;
 box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
 margin-top: 20px;
 max-height: 300px;
 position: absolute;
 width: 100%;
 z-index: 2;
 overflow-y: scroll;
 overflow-x: hidden;
 scrollbar-width: thin;
 scrollbar-color: #D0D5DD white;
}
.search-wrapper .search-result::-webkit-scrollbar {
 background: transparent;
 -webkit-appearance: none;
}
.search-wrapper .search-result::-webkit-scrollbar:vertical {
 width: 8px;
}
.search-wrapper .search-result::-webkit-scrollbar-thumb {
 background-color: #D0D5DD;
 border: 1px solid #ffffff;
 border-radius: 10px;
}
@media (max-width: 768px) {
 .search-wrapper .search-result {
  max-height: 175px;
  margin-top: 14px;
 }
}
.search-wrapper .search-result ul {
 padding: 20px calc(10px) 20px 20px;
}
.search-wrapper .search-result ul li {
 border-radius: 10px;
 cursor: pointer;
 padding: 10px 15px;
 line-height: 2em;
 position: relative;
 transition: 0.2s ease;
 transition-property: background;
}
@media (max-width: 768px) {
 .search-wrapper .search-result ul li {
  line-height: 1em;
 }
}
.search-wrapper .search-result ul li.selected {
 background: #F2F4F7;
 transition: 0.2s ease;
 transition-property: background;
}
.search-wrapper .search-result ul li.selected:after {
 display: inline-block;
 background: url("/resources/images/accounts/checkmark.svg") no-repeat center;
 background-size: contain;
 height: 11px;
 width: 11px;
 right: 13px;
 filter: brightness(0) invert(1);
 content: '';
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
}
.search-wrapper .search-result ul li.selected:before {
 background: #0088FF;
 border-radius: 10px;
 right: 10px;
 height: 18px;
 width: 18px;
 content: '';
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
}
.search-wrapper .search-result ul li:hover {
 background: #F2F4F7;
 transition: 0.2s ease;
 transition-property: background;
}
.spinner {
 align-items: center;
 display: flex;
 justify-content: center;
 position: absolute;
 top: 0;
 bottom: 0px;
 left: 0;
 right: 0;
 z-index: 3;
}
.spinner.backdrop {
 background-color: white;
 z-index: 4;
}
#card-name,
#card-number,
#expiration-date,
#cvv {
 box-sizing: border-box;
 -webkit-tap-highlight-color: transparent;
 font-family: 'Inter', sans-serif !important;
 font-size: 16px;
 margin: 0;
}
#card-name.bt-input,
#card-number.bt-input,
#expiration-date.bt-input,
#cvv.bt-input {
 background: white;
 border: 1px solid #98A2B3;
 border-radius: 7px;
 color: #344054;
 height: 50px;
 margin-bottom: calc(15px);
 position: relative;
 width: 100%;
}
#card-name .errorField,
#card-number .errorField,
#expiration-date .errorField,
#cvv .errorField {
 background: #EF6262;
 border-radius: 7px;
 bottom: -25px;
 color: white !important;
 display: none;
 padding: 6px 14px;
 position: absolute;
 left: 50%;
 text-align: center;
 transform: translateX(-50%);
 white-space: nowrap;
 z-index: 1;
}
#card-name .errorField:before,
#card-number .errorField:before,
#expiration-date .errorField:before,
#cvv .errorField:before {
 content: ' ';
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-bottom: 5px solid #EF6262;
 top: -5px;
 left: 45px;
 position: absolute;
}
#card-name.braintree-hosted-fields-invalid,
#card-number.braintree-hosted-fields-invalid,
#expiration-date.braintree-hosted-fields-invalid,
#cvv.braintree-hosted-fields-invalid {
 border-color: red !important;
}
#card-name.braintree-hosted-fields-invalid .errorField,
#card-number.braintree-hosted-fields-invalid .errorField,
#expiration-date.braintree-hosted-fields-invalid .errorField,
#cvv.braintree-hosted-fields-invalid .errorField {
 display: block;
}
#card-name .host-field-spinner-container,
#card-number .host-field-spinner-container,
#expiration-date .host-field-spinner-container,
#cvv .host-field-spinner-container {
 position: absolute;
 height: 100%;
 width: 100%;
 overflow: hidden;
 display: flex;
 align-items: center;
}
#card-name .host-field-spinner-container .host-field-spinner,
#card-number .host-field-spinner-container .host-field-spinner,
#expiration-date .host-field-spinner-container .host-field-spinner,
#cvv .host-field-spinner-container .host-field-spinner {
 color: #000000;
 position: absolute;
 left: 15px;
}
#card-name {
 box-sizing: border-box;
 -webkit-tap-highlight-color: transparent;
 font-family: 'Inter', sans-serif !important;
 font-size: 16px;
}
#card-name .bt-input {
 background: white;
 border: none;
 border-radius: 7px;
 color: #344054;
 height: 50px;
 width: 100%;
 margin-bottom: calc(15px);
 position: relative;
}
#card-name .bt-input input[type="text"] {
 appearance: none;
 -webkit-appearance: none;
 border: 1px solid #98A2B3;
 box-sizing: border-box;
 padding: calc(15px);
 border-radius: 7px;
 width: inherit;
}
#card-name .bt-input input[type="text"]::placeholder {
 color: #98A2B3;
}
#card-name .errorField {
 display: block;
}
#card-number {
 background: white;
 position: relative;
}
#card-number:after,
#card-number.braintree-hosted-fields-valid:after {
 content: '';
 position: absolute;
 background: url("/resources/images/accounts/lock.svg") no-repeat center;
 filter: brightness(0) opacity(0.2);
 right: 10px;
 height: 17px;
 width: 15px;
 top: 50%;
 transform: translateY(-50%);
 z-index: 3;
}
#card-number.braintree-hosted-fields-valid:after {
 filter: none;
}
#card-number[data-cardtype="master-card"]:before {
 display: inline-block;
 background: url("/resources/images/accounts/mc.svg") no-repeat center;
 background-size: contain;
 height: 40px;
 width: 40px;
}
#card-number[data-cardtype="visa"]:before {
 display: inline-block;
 background: url("/resources/images/accounts/visa.svg") no-repeat center;
 background-size: contain;
 height: 40px;
 width: 40px;
}
#card-number[data-cardtype="discover"]:before {
 display: inline-block;
 background: url("/resources/images/accounts/discover.svg") no-repeat center;
 background-size: contain;
 height: 40px;
 width: 40px;
}
#card-number[data-cardtype="american-express"]:before {
 display: inline-block;
 background: url("/resources/images/accounts/amex.svg") no-repeat center;
 background-size: contain;
 height: 40px;
 width: 40px;
}
#card-number[data-cardtype]:before {
 content: '';
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 border-radius: 5px;
 right: 35px;
}
.paypal-button-container {
 background: url("/resources/images/accounts/paypal.svg") no-repeat center;
 background-position: left, center;
 height: 40px;
 width: 120px;
 display: flex;
 align-items: center;
 position: relative;
 overflow: hidden;
}
.paypal-button-container #paypal-button {
 flex-grow: 1;
 height: inherit;
 width: 100%;
 opacity: 0.00001;
 transform: scale(3.5) translateX(65px);
 position: absolute;
}
.paypal-button-container #paypal-button > div {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
}
.payment-methods {
 position: relative;
 width: 100%;
}
.payment-methods .payment-method-wrapper {
 border-bottom: 1px solid #EAECF0;
 cursor: pointer;
 display: flex;
 align-items: center;
 min-height: 60px;
 padding: 20px;
}
.payment-methods .payment-method-wrapper:hover {
 background: #F2F4F7;
 transition: 0.2s ease;
 transition-property: background;
}
.payment-methods .payment-method-wrapper .card-info {
 display: flex;
 flex-direction: column;
 line-height: 1.3em;
}
@media (max-width: 768px) {
 .payment-methods .payment-method-wrapper .card-info {
  width: 100%;
 }
 .payment-methods .payment-method-wrapper .card-info .card-info-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
 }
}
.payment-methods .payment-method-wrapper .card-info b {
 display: flex;
 flex-wrap: wrap;
}
@media (max-width: 768px) {
 .payment-methods .payment-method-wrapper .card-info b {
  justify-content: space-between;
  width: 100%;
 }
}
.payment-methods .payment-method-wrapper .card-info .method-name {
 margin-right: 10px;
}
.payment-methods .payment-method-wrapper .card-info .card-number-hidden {
 white-space: nowrap;
}
.payment-methods .payment-method-wrapper .card-info .card-number-hidden .icon-dots {
 background: url("/resources/images/accounts/dots.svg") no-repeat center;
 background-size: 94px;
 height: 9px;
 width: 98px;
 display: inline-block;
 margin-right: 5px;
}
.payment-methods .payment-method-wrapper .card-info > :last-child {
 color: #98A2B3;
 font-size: calc(14px);
}
.payment-methods .payment-method-wrapper .card-info .paypal-account-icon {
 background: url("/resources/images/accounts/paypal.svg") no-repeat center;
 height: 27px;
 width: 96px;
 margin-right: calc(10px);
}
.payment-methods .payment-method-wrapper .card-examples {
 display: none;
 margin-left: auto;
}
@media (max-width: 768px) and (min-width: 460px),(min-width: 991px) {
 .payment-methods .payment-method-wrapper .card-examples {
  display: flex;
 }
}
.payment-methods .payment-method-wrapper .card-examples span {
 border: 1px solid #D0D5DD;
 border-radius: 4px;
 display: block;
 margin-left: 10px;
 height: 30px;
 width: 48px;
}
.payment-methods .payment-method-wrapper .card-examples span:nth-child(1) {
 background: url("/resources/images/accounts/visa.svg") no-repeat center;
 background-size: contain;
}
.payment-methods .payment-method-wrapper .card-examples span:nth-child(2) {
 background: url("/resources/images/accounts/mc.svg") no-repeat center;
 background-size: contain;
}
.payment-methods .payment-method-wrapper .card-examples span:nth-child(3) {
 background: url("/resources/images/accounts/amex.svg") no-repeat center;
 background-size: 46px;
}
.payment-methods .payment-method-wrapper.add-card-method {
 padding: 0 20px;
}
.payment-methods .payment-method-wrapper.paypal-account {
 padding: 0 20px;
}
.payment-methods .payment-method-wrapper.paypal-method {
 border: none;
 padding: 0 0 0 20px;
}
.payment-methods .payment-method-wrapper.paypal-method .paypal-button-container {
 height: 60px;
 width: 100%;
}
.payment-methods .payment-method-wrapper input[type="radio"] {
 margin-right: 20px;
}
.payment-methods .payment-method-wrapper .radio-circle {
 appearance: none;
 -webkit-appearance: none;
 aspect-ratio: 1;
 border: 1px solid #D0D5DD;
 border-radius: 10px;
 height: 18px;
 width: 18px;
}
.payment-methods .payment-method-wrapper .radio-circle:checked {
 background: #0076DF;
 border: 1px solid #0076DF;
 display: flex;
 justify-content: center;
 align-items: center;
}
.payment-methods .payment-method-wrapper .radio-circle:checked:before {
 background: white;
 content: '';
 position: absolute;
 height: 7px;
 width: 7px;
 border-radius: 10px;
}
.payment-methods .add-new-card-form {
 padding: 20px;
 background: #f7f9fc;
 border-bottom: 1px solid #D0D5DD;
}
.payment-methods .add-new-card-form .notice {
 color: #98A2B3;
 display: block;
 font-size: 12px;
 margin-top: calc(15px);
}
@media (min-width: 768px) {
 .guarantees {
  background: url("/resources/images/accounts/signup/guarantees.svg") no-repeat center;
  display: block;
  height: 50px;
  margin: 0 auto 20px;
  max-width: 300px;
 }
}
.popup {
 box-sizing: border-box;
 -webkit-tap-highlight-color: transparent;
 font-family: 'Inter', sans-serif !important;
 font-size: 16px;
 color: #344054;
 background-color: rgba(0,0,0,0.5);
 backdrop-filter: blur(3px);
 position: fixed;
 height: 100%;
 width: 100%;
 left: 0;
 bottom: 0;
 overflow: hidden;
 z-index: 9999;
 transition: all 0.3s ease-in-out;
}
.popup .content {
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 box-sizing: border-box;
 -webkit-tap-highlight-color: transparent;
 background-color: white;
 position: relative;
 padding: calc(40px) 20px calc(40px) calc(40px);
 max-width: 600px;
 min-height: 300px;
 max-height: 100%;
 overflow-y: scroll;
 overflow-x: hidden;
 scrollbar-width: thin;
 scrollbar-color: #D0D5DD white;
}
.popup .content::-webkit-scrollbar {
 background: transparent;
 -webkit-appearance: none;
}
.popup .content::-webkit-scrollbar:vertical {
 width: 8px;
}
.popup .content::-webkit-scrollbar-thumb {
 background-color: #D0D5DD;
 border: 1px solid #ffffff;
 border-radius: 10px;
}
.popup .content h2 {
 margin: 0 0 20px;
}
.popup .content .close {
 position: absolute;
 top: calc(40px);
 right: 20px;
 height: 20px;
 width: 20px;
 display: inline-block;
 background: url("/resources/images/accounts/close.svg") no-repeat center;
 background-size: contain;
}
@media (max-width: 768px) {
 .popup .content {
  padding: 20px;
 }
 .popup .content .close {
  top: 20px;
  right: calc(10px);
  background: url("/resources/images/accounts/close.svg") no-repeat center;
  background-size: 18px;
  padding: 20px;
 }
}
.popup.fullscreen .content {
 height: 100%;
 width: 100%;
 max-height: 100%;
}
.help-popup .content {
 max-width: 700px;
 max-height: 95%;
}
@media (max-width: 769px) {
 .help-popup .content {
  max-width: 100%;
 }
}
.help-popup .content h2 {
 margin-bottom: calc(30px);
}
.help-popup .content .faq {
 border-bottom: 1px solid #D0D5DD;
 line-height: 1.5em;
 margin: calc(15px) 0;
 padding-bottom: calc(15px);
}
@media (max-width: 768px) {
 .help-popup .content .faq {
  font-size: 14px;
 }
}
.help-popup .content .faq:last-child {
 border: none;
 margin-bottom: 0;
 padding-bottom: 0;
}
.help-popup .content .faq .question {
 cursor: pointer;
 display: flex;
 justify-content: space-between;
}
.help-popup .content .faq .question .icon-arrow {
 margin: 0;
 opacity: .5;
 transform: rotate(180deg);
 transform-origin: center;
 transition: 0.2s ease;
 transition-property: transform;
}
.help-popup .content .faq .answer {
 margin-top: 5px;
 max-height: 0px;
 opacity: 0;
 transition: .2s ease;
 transition-property: all;
 overflow: hidden;
}
.help-popup .content .faq.opened .icon-arrow {
 transform: rotate(270deg);
 transition: 0.2s ease;
 transition-property: transform;
}
.help-popup .content .faq.opened .answer {
 max-height: 100vh;
 overflow: visible;
 opacity: 1;
 transition: .5s ease;
 transition-property: all;
}
.toastify {
 display: flex !important;
 justify-content: space-between !important;
 top: 20px !important;
 border-radius: 10px !important;
 max-width: 100% !important;
}
@media (min-width: 769px) {
 .toastify {
  right: 20px !important;
  max-width: 400px !important;
 }
}
@media (max-width: 768px) {
 .toastify {
  right: 0 !important;
  left: 0;
  top: 0 !important;
  border-radius: 0 !important;
 }
}
.toastify .toast-close {
 background: url(/resources/images/accounts/close.svg) no-repeat center !important;
 background-size: contain !important;
 box-shadow: none;
 height: 16px;
 width: 16px;
 opacity: 1;
 filter: brightness(0) invert(1);
 text-shadow: none;
 font-size: 0 !important;
 margin-left: 20px;
}
* {
 box-sizing: border-box;
 -webkit-tap-highlight-color: transparent;
}
* body {
 font-family: 'Inter', sans-serif !important;
 height: 100%;
}
@media (max-width: 300px) {
 * body {
  font-size: calc(14px);
 }
}
* body #signup_root {
 height: inherit;
}
* body h1 {
 font-weight: 700;
 font-size: calc(46px);
 max-width: 645px;
 overflow: hidden;
}
* body h1 .sub-title {
 margin-top: calc(15px);
}
@media (max-width: 992px) {
 * body h1 {
  font-size: calc(32px);
 }
}
@media (max-width: 1280px) and (max-height: 700px) {
 * body h1 {
  font-size: 27px;
 }
}
@media (max-height: 600px) {
 * body h1 {
  font-size: 27px;
 }
}
@media (max-width: 768px) {
 * body h1 {
  font-size: 24px;
  font-weight: normal;
  max-height: 450px;
  margin: 0;
  opacity: 1;
  transition: 1s ease;
  transition-property: all;
 }
 * body h1.show-animation {
  max-height: 0;
  opacity: 0;
  transition: 0.4s ease;
  transition-property: all;
 }
 * body h1 .title {
  display: block;
  margin-bottom: 13px;
  margin-top: 10px;
 }
 * body h1 .sub-title {
  margin: 0;
  font-size: 20px;
 }
}
@media (max-width: 768px) and (max-width: 768px) {
 * body h1 .title {
  margin-top: 25px;
 }
}
@media (max-width: 768px) and (max-width: 768px) {
 * body h1 .sub-title {
  display: none;
 }
}
@media (max-width: 300px) {
 * body h1 .title {
  margin-bottom: calc(20px);
 }
}
* body h1 .title span {
 display: block;
}
* body h2 {
 font-size: calc(24px);
 font-weight: 700;
}
@media (max-width: 992px) {
 * body h2 {
  font-size: calc(20px);
 }
}
@media (max-width: 768px) {
 * body h2 {
  font-size: 20px;
 }
}
* body .sub-title {
 display: block;
 font-size: 24px;
 margin-top: 0;
 line-height: 1.5em;
}
* body small {
 font-size: calc(14px);
}
* body button {
 background: none;
 border: none;
 cursor: pointer;
 font-size: 16px;
}
* body input[type="text"]::placeholder {
 color: #98A2B3;
}
* body input[type="radio"] {
 appearance: none;
 -webkit-appearance: none;
 cursor: pointer;
}
* body .radio-large-checkmark,
* body input[type="checkbox"] {
 appearance: none;
 -webkit-appearance: none;
 border: 1px solid #D0D5DD;
 cursor: pointer;
 transition: 0.2s ease;
 transition-property: background;
 position: relative;
}
* body .radio-large-checkmark:checked,
* body input[type="checkbox"]:checked {
 background: #0076DF;
 border: 1px solid #0076DF;
 transition: 0.2s ease;
 transition-property: background;
}
* body .radio-large-checkmark:checked:before,
* body input[type="checkbox"]:checked:before {
 content: '';
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 filter: brightness(0) invert(1);
}
* body .checkbox {
 position: relative;
}
* body .checkbox label {
 background: #F2F4F7;
 border-radius: 10px;
 cursor: pointer;
 display: flex;
 align-items: center;
 padding: calc(10px);
 padding-left: calc(35px);
}
* body .checkbox input[type="checkbox"] {
 border-radius: calc(10px/2);
 left: calc(10px);
 top: 50%;
 transform: translateY(-50%);
 position: absolute;
 height: 18px;
 width: 18px;
}
* body .checkbox input[type="checkbox"]:checked + label {
 background: #ECF1FF;
}
* body .checkbox input[type="checkbox"]:checked:before {
 height: inherit;
 width: inherit;
 display: inline-block;
 background: url("/resources/images/accounts/checkmark.svg") no-repeat center;
 background-size: contain;
 height: 12px;
 width: 12px;
}
* body .radio-large-checkmark {
 border-radius: 50%;
 height: 30px;
 width: 30px;
}
* body .radio-large-checkmark + label {
 cursor: pointer;
}
* body .radio-large-checkmark:checked {
 border-radius: 50%;
 height: 30px;
 width: 30px;
}
* body .radio-large-checkmark:checked:before {
 height: 20px;
 width: 20px;
 display: inline-block;
 background: url("/resources/images/accounts/checkmark.svg") no-repeat center;
 background-size: contain;
 height: 16px;
 width: 16px;
}
* body .card {
 border-radius: 16px;
 box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
 position: relative;
 margin: 0 auto 20px;
 width: 100%;
 border: 1px solid #EAECF0;
}
@media (max-width: 768px) {
 * body .card {
  font-size: 14px;
 }
}
* body .card.is-selected .card-body {
 border: 2px solid #0088FF;
 border-radius: 10px;
 transition: 0.2s ease;
 transition-property: border;
}
* body .card.is-popular .card-body {
 border-top: none;
 border-radius: 0 0 10px 10px;
}
* body .card.is-popular .card-header {
 background: #0076DF;
 border-radius: 10px 10px 0 0;
 color: white;
 font-size: 12px;
 text-align: center;
 text-transform: uppercase;
 padding: calc(10px) 0;
}
* body .card .card-body {
 border: 2px solid white;
 border-radius: 10px;
 padding: 20px;
 position: relative;
 transition: 0.2s ease;
 transition-property: border;
}
@media (max-width: 768px) {
 * body .card .card-body {
  padding: calc(15px);
 }
}
.swiper-container {
 height: inherit;
}
.swiper-container .swiper-slide {
 display: flex;
}
@media (max-width: 768px) {
 .swiper-container .swiper-slide {
  flex-direction: column;
 }
}
.swiper-container .swiper-slide .swiper-btn-next,
.swiper-container .swiper-slide .swiper-btn-prev {
 background-image: none;
}
.swiper-container .swiper-slide .swiper-btn-next {
 background: #0076DF;
 border-radius: 10px;
 cursor: pointer;
 display: inline-block;
 font-size: 16px;
 line-height: 1em;
 padding: 13px 30px;
 text-shadow: none;
 transition: 0.2s ease;
 transition-property: all;
 color: white;
 font-weight: 700;
 margin-left: auto;
}
.swiper-container .swiper-slide .swiper-btn-next:focus,
.swiper-container .swiper-slide .swiper-btn-next:hover {
 background: #0076DF;
 box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
 color: white;
 transition: 0.2s ease;
 transition-property: all;
}
@media (max-width: 300px) {
 .swiper-container .swiper-slide .swiper-btn-next {
  padding: calc(15px);
 }
}
.swiper-container .swiper-slide .swiper-btn-next.btnDisabled {
 background: #D0D5DD;
}
.swiper-container .swiper-slide .swiper-btn-next.btnDisabled:hover,
.swiper-container .swiper-slide .swiper-btn-next.btnDisabled:focus {
 background: #D0D5DD;
 box-shadow: none;
 cursor: auto;
}
.swiper-container .swiper-slide .swiper-btn-prev {
 cursor: pointer;
 line-height: 1em;
 margin-right: auto;
 padding-left: 20px;
 position: relative;
 min-height: 40px;
 display: flex;
 align-items: center;
}
.swiper-container .swiper-slide .swiper-btn-prev:before {
 background: url("/resources/images/accounts/signup/arrow.svg") no-repeat center;
 height: 16px;
 width: 10px;
 left: 0;
 top: 1px;
 content: '';
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
}
.swiper-container .swiper-slide .swiper-btn-prev.swiper-button-disabled {
 color: #98A2B3;
 cursor: auto;
}
.swiper-container .swiper-slide .swiper-btn-prev.swiper-button-disabled:before {
 filter: invert(1) grayscale(1) brightness(0.9);
}
.swiper-container .swiper-slide .swiper-pagination {
 height: 2px;
 width: 100%;
 left: 0;
 top: 0;
}
.swiper-container .swiper-slide .swiper-pagination.swiper-pagination-progressbar {
 background: #F2F4F7;
}
.swiper-container .swiper-slide .swiper-pagination .swiper-pagination-progressbar-fill {
 background: #344054;
}
.swiper-container .footer {
 align-items: center;
 height: auto;
 width: 100%;
 display: flex;
 justify-content: space-between;
 padding: 20px;
 z-index: 4;
}
@media (max-width: 768px) {
 .swiper-container .footer {
  padding: calc(15px);
 }
}
.swiper-container.swiper-container-ios .logo {
 margin-bottom: 27px;
}
.swiper-container.swiper-container-ios .description-section {
 height: inherit;
 flex: unset;
}
@media (max-width: 768px) {
 .swiper-container.swiper-container-ios .description-section {
  height: fit-content;
 }
}
.description-section,
.default-section {
 height: inherit;
}
@media (min-width: 769px) {
 .description-section,
 .default-section {
  flex: 0 0 50%;
 }
}
.description-section {
 color: white;
 background: linear-gradient(88.38deg,#005EB3 0%,#0076DF 100%);
 flex-direction: column;
 display: flex;
 justify-content: space-between;
 padding: 50px;
 position: relative;
}
.description-section .title-margin-top {
 margin-top: calc(20px);
}
.description-section .title-margin-top:first-child {
 margin-top: 0;
}
@media (max-width: 992px) {
 .description-section {
  padding: 20px 20px calc(40px) 20px;
 }
}
@media (max-width: 768px) {
 .description-section {
  flex: 0 0 95px;
  padding-bottom: 20px;
 }
}
.description-section .description-bottom-area small {
 opacity: 0.7;
}
@media (max-width: 768px) {
 .description-section .spinner {
  margin-bottom: 10px;
 }
}
@media (min-width: 768px) {
 .description-section .spinner {
  margin-bottom: 75px;
 }
}
.default-section {
 color: #344054;
 background: #ffffff;
 overflow: hidden;
 display: flex;
 flex-direction: column;
}
@media (max-width: 768px) {
 .default-section {
  border-radius: 15px 15px 0 0;
  margin-top: calc(-15px);
 }
}
.content-wrapper {
 flex: 1;
 display: grid;
 grid-template-rows: auto 1fr;
 overflow-y: scroll;
 -ms-overflow-style: none;
 scrollbar-width: none;
}
.content-wrapper::-webkit-scrollbar {
 display: none;
}
@media (min-width: 768px) {
 .content-wrapper {
  align-items: center;
 }
}
.content-wrapper.show-advantages {
 grid-template-rows: auto auto 1fr;
}
.content-wrapper .spinner.backdrop {
 bottom: 80px;
}
@media (max-width: 768px) {
 .content-wrapper .spinner.backdrop {
  bottom: 70px;
 }
}
.swiper-slide[data-hash="networks"] .network.card .card-header {
 align-items: center;
}
.swiper-slide[data-hash="networks"] .network.card .card-header .card-title {
 font-weight: 700;
 cursor: pointer;
 padding: 20px 0 20px 20px;
 width: 100%;
 z-index: 1;
}
@media (max-width: 768px) {
 .swiper-slide[data-hash="networks"] .network.card .card-header .card-title span {
  display: inline-block;
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
 }
}
@media (max-width: 300px) {
 .swiper-slide[data-hash="networks"] .network.card .card-header .card-title span {
  max-width: 100px;
 }
}
.swiper-slide[data-hash="networks"] .network.card .card-header .card-title .icon-remove {
 margin-right: calc(10px);
}
.swiper-slide[data-hash="networks"] .network.card .card-header .select-checkboxes-option {
 min-height: 40px;
 margin-right: calc(40px);
 right: 0;
 position: absolute;
 white-space: nowrap;
 z-index: 1;
 color: #0076DF ! important;
}
@media (max-width: 768px) {
 .swiper-slide[data-hash="networks"] .network.card .card-header .select-checkboxes-option {
  font-size: 12px;
 }
}
.swiper-slide[data-hash="networks"] .network.card .card-header .icon-arrow {
 opacity: 0.5;
 margin: 0;
 position: absolute;
 right: calc(15px);
 transform: rotate(180deg);
 transition: .1s ease;
 transition-property: transform;
 z-index: 0;
}
.swiper-slide[data-hash="networks"] .network.card .card-subtitle {
 margin: calc(-10px) 20px calc(10px) 20px;
 color: #475467;
 font-size: 14px;
}
@media (max-width: 768px) {
 .swiper-slide[data-hash="networks"] .network.card .card-subtitle {
  font-size: 12px;
 }
}
.swiper-slide[data-hash="networks"] .network.card .card-body {
 padding: 0 20px;
 border: none;
}
.swiper-slide[data-hash="networks"] .network.card.active .icon-arrow {
 transform: rotate(270deg);
 transition: .1s ease;
 transition-property: transform;
}
.swiper-slide[data-hash="networks"] .category-sub-items {
 border-top: 1px solid #EAECF0;
 padding: calc(15px) 0 calc(10px);
 color: #475467;
 font-size: 14px;
 margin: 0 20px 0 20px;
}
.swiper-slide[data-hash="networks"] .category-sub-items .checkbox {
 display: inline-block;
 margin: 0 calc(10px) calc(10px) 0;
}
.swiper-slide[data-hash="networks"] .default-networks-items {
 display: flex;
 flex-wrap: wrap;
}
.swiper-slide[data-hash="networks"] .default-networks-items button {
 background: #ECF1FF;
 border-radius: 10px;
 color: #0076DF;
 cursor: pointer;
 display: flex;
 align-items: center;
 margin: 0 calc(10px) calc(10px) 0;
 padding: calc(10px) calc(15px);
 position: relative;
}
.swiper-slide[data-hash="networks"] .default-networks-items .icon-add {
 display: inline-block;
 background: url("/resources/images/accounts/signup/icon-add.svg") no-repeat center;
 background-size: contain;
 height: 18px;
 width: 18px;
 margin-right: calc(10px);
}
.swiper-slide[data-hash="area"] .content-wrapper {
 overflow: hidden;
}
.swiper-slide[data-hash="area"] .area-wrapper {
 height: 100%;
 width: inherit;
 position: relative;
 overflow: hidden;
}
@media (max-width: 768px) {
 .swiper-slide[data-hash="area"] .area-wrapper {
  border-radius: 10px 10px 0 0;
 }
}
@media (min-width: 769px) {
 .swiper-slide[data-hash="area"] .area-wrapper .plan-radius-map {
  height: calc(100vh - 65px);
 }
}
@media (max-width: 768px) {
 .swiper-slide[data-hash="area"] .area-wrapper .plan-radius-map {
  border-radius: 10px 10px 0 0;
  border: none;
  overflow: hidden;
 }
}
.swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper {
 bottom: 80px;
 left: 50%;
 position: absolute;
 transform: translateX(-50%);
}
@media (max-height: 768px) {
 .swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper {
  bottom: 15px;
 }
}
@media (max-width: 768px) {
 .swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper {
  bottom: 15px;
  background: white;
  width: calc(100% - 40px);
  padding: 15px;
  border-radius: 15px;
  transition: 0.2s ease;
  transition-property: background;
 }
}
.swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .input-zip {
 animation: fadeAndMoveTop 1s;
 margin: 0 0 10px;
}
@media (max-width: 768px) {
 .swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .input-zip {
  animation: none;
 }
}
.swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .input-zip input {
 appearance: none;
 -webkit-appearance: none;
 border: 2px solid white;
 box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
 border-radius: 10px;
 margin: 0;
 padding: 20px 15px 20px 50px;
 height: 60px;
 width: 100%;
 transition: 0.2s ease;
 transition-property: all;
}
.swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .input-zip input:focus {
 border: 2px solid #0088FF;
 transition: 0.2s ease;
 transition-property: border;
}
.swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .input-zip input:focus + .icon-zip {
 filter: none;
 transition: 0.2s ease;
 transition-property: filter;
}
@media (max-width: 768px) {
 .swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .input-zip input {
  border: 1px solid #98A2B3;
  box-shadow: none;
  height: 50px;
  animation: none;
 }
}
.swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .input-zip .icon-zip {
 left: 15px;
 filter: brightness(0.25) opacity(0.8);
 transition: 0.2s ease;
 transition-property: filter;
 top: 50%;
 transform: translateY(-50%);
}
.swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .radius-map-range-slider {
 box-sizing: border-box;
 -webkit-tap-highlight-color: transparent;
 font-family: 'Inter', sans-serif !important;
 font-size: 16px;
 background: #ffffff;
 border-radius: 10px;
 box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
 padding: 20px 30px 30px;
}
@media (max-width: 768px) {
 .swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .radius-map-range-slider {
  box-shadow: none;
  display: flex;
  padding: 0 2px;
  align-items: center;
 }
 .swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .radius-map-range-slider .range-slider {
  margin-bottom: 10px;
 }
}
.swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .radius-map-range-slider .total-distance {
 align-items: center;
 display: flex;
 justify-content: space-between;
}
.swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .radius-map-range-slider .total-distance.flex_column_align_left {
 margin-left: 20px;
 flex-direction: column;
 display: flex;
 justify-content: space-between;
 text-align: left;
 align-items: flex-start;
}
.swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .radius-map-range-slider .total-distance.flex_column_align_left .miles {
 margin-left: 0px;
}
@media (max-width: 768px) {
 .swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .radius-map-range-slider .total-distance.flex_column_align_left .miles {
  margin-left: 20px;
 }
}
.swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .radius-map-range-slider .total-distance .miles {
 margin-left: 20px;
 white-space: nowrap;
 color: #0076DF;
}
@media (max-width: 768px) {
 .swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .radius-map-range-slider .total-distance {
  order: 2;
 }
}
.swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .animation-wrapper {
 min-height: 115px;
}
.swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .animation-wrapper.collapse {
 min-height: 0;
}
.swiper-slide[data-hash="area"] .area-wrapper .area-inputs-wrapper .animation-wrapper .radius-map-range-slider {
 animation: fadeAndMoveTop 1s;
}
.swiper-slide[data-hash="area"] .content-wrapper {
 display: block;
}
.swiper-slide[data-hash="area"] .content-wrapper .help-btn {
 right: 0;
 position: absolute;
}
.packages-wrapper {
 align-items: center;
 display: grid;
 grid-template-rows: 1fr auto;
 height: 100%;
}
@media only screen and (max-width: 768px) {
 .packages-wrapper {
  align-items: baseline;
 }
}
.packages-wrapper .notice {
 background: #F7F9FC;
 border-radius: 10px;
 position: relative;
 padding: 15px 15px 15px 50px;
 margin: 15px 0;
 font-size: 14px;
}
.packages-wrapper .notice:before {
 content: '';
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 15px;
 display: inline-block;
 background: url("/resources/images/accounts/signup/tip.svg") no-repeat center;
 background-size: contain;
 height: 24px;
 width: 24px;
}
@media (max-width: 768px) {
 .packages-wrapper .notice.hide {
  display: block;
 }
}
.packages-wrapper .radio-large-checkmark {
 cursor: pointer;
 position: absolute;
 right: calc(15px);
 top: 15px;
}
.packages-wrapper label .card-body {
 cursor: pointer;
 position: relative;
}
@media (max-width: 1024px) {
 .packages-wrapper label .card-body {
  padding: 20px 20px calc(25px) 20px;
  display: flex;
  flex-direction: column;
 }
}
.packages-wrapper .sticker {
 border-radius: 7px;
 background: #F2F4F7;
 display: inline-block;
 font-size: 12px;
 font-weight: 600;
 line-height: 1em;
 text-transform: uppercase;
 padding: 7px 12px;
 margin-right: 10px;
 letter-spacing: 1px;
 width: fit-content;
}
@media (max-width: 1024px) {
 .packages-wrapper .sticker {
  display: block;
  margin: auto;
  font-weight: 600;
  font-size: 14px;
 }
}
.packages-wrapper .sticker-offer {
 background: rgba(2,197,76,0.1);
 border-radius: 7px;
 color: #02C54C;
 display: inline-block;
 font-size: 12px;
 font-weight: 600;
 letter-spacing: 1px;
 padding: 7px 13px;
}
.packages-wrapper .sticker-offer.mob {
 display: none;
}
.packages-wrapper .sticker-offer.desk {
 display: inline-block;
}
@media (max-width: 1024px) {
 .packages-wrapper .sticker-offer {
  order: 2;
  margin: auto;
 }
 .packages-wrapper .sticker-offer.mob {
  display: block;
 }
 .packages-wrapper .sticker-offer.desk {
  display: none;
 }
}
.packages-wrapper ul {
 margin-top: 25px;
}
@media (max-width: 1024px) {
 .packages-wrapper ul {
  border-top: 1px solid #EAECF0;
  font-size: calc(14px);
  padding-top: 10px;
  margin-top: 25px;
 }
}
.packages-wrapper ul li {
 display: flex;
 margin-top: 12px;
}
.packages-wrapper ul li .icon-circle-checked {
 margin-right: 10px;
 min-width: 16px;
}
@media (min-width: 769px) {
 .packages-wrapper .info-container ul li:last-child {
  margin-right: 10px;
 }
}
@media (max-width: 1024px) {
 .packages-wrapper .info-container {
  display: flex;
  flex-direction: column-reverse;
 }
}
@media (min-width: 1025px) {
 .packages-wrapper .info-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
 }
}
.packages-wrapper .price-wrapper {
 display: flex;
 justify-content: space-between;
}
@media (max-width: 1024px) {
 .packages-wrapper .price-wrapper {
  flex-direction: column;
  text-align: center;
  margin-top: 25px;
 }
}
@media (min-width: 1025px) {
 .packages-wrapper .price-wrapper {
  order: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
 }
}
.packages-wrapper .price-wrapper .price {
 font-size: 34px;
 line-height: 1em;
}
.packages-wrapper .price-wrapper .price span:not(:only-child) {
 font-size: 30px;
}
@media (min-width: 1025px) {
 .packages-wrapper .price-wrapper .price span:not(:only-child) {
  font-size: 34px;
 }
}
.packages-wrapper .price-wrapper .price span:not(:only-child) s {
 margin-right: 5px;
 color: #98A2B3;
 font-size: 28px;
 font-weight: 300;
}
@media (max-width: 1024px) {
 .packages-wrapper .price-wrapper .price span:not(:only-child) s {
  font-size: 24px;
 }
}
.packages-wrapper .price-wrapper small {
 display: block;
 color: #98A2B3;
 font-size: 12px;
 font-weight: 300;
 margin-top: 4px;
 white-space: nowrap;
}
@media (max-width: 1024px) {
 .packages-wrapper .price-wrapper small {
  font-size: 14px;
  margin: 10px 0 15px;
 }
}
.advantages {
 z-index: 4;
 width: 100%;
 margin: auto;
 padding: 20px;
}
@media (min-width: 1441px) {
 .advantages {
  justify-content: space-around;
  display: flex;
  width: fit-content;
 }
}
@media (max-width: 1440px) {
 .advantages {
  max-width: 775px;
  margin: 0;
  padding: 0 calc(100px);
 }
}
@media (max-width: 1400px) {
 .advantages {
  padding: 0 calc(70px);
 }
}
@media (max-width: 1280px) {
 .advantages {
  padding: 0 calc(30px);
 }
}
@media (max-width: 768px) {
 .advantages {
  margin-top: 20px;
  padding: 0 calc(15px);
 }
}
.advantages > div {
 display: inline-block;
 margin-right: calc(30px);
}
@media (max-width: 1440px) {
 .advantages > div {
  display: block;
 }
}
@media (max-width: 768px) {
 .advantages > div {
  margin: 2px 0;
  padding-left: 25px;
  position: relative;
 }
 .advantages > div:last-child {
  margin: 5px 0 0 0;
 }
 .advantages > div .icon-checkmark {
  left: 0;
  position: absolute;
 }
}
.advantages > div:last-child {
 margin-right: 0;
}
.advantages .icon-checkmark {
 margin-right: calc(10px);
}
@media (max-width: 1000px) {
 * {
  transition: none;
 }
}
.help-btn {
 margin-left: auto;
 text-align: center;
 z-index: 4;
}
@media (min-width: 769px) {
 .help-btn {
  background: #F2F4F7;
  border: none;
  padding: 13px 20px;
  transition: 0.2s ease;
  transition-property: all;
  z-index: 10;
  color: #344054;
 }
 .help-btn:focus,
 .help-btn:hover {
  background: #0076DF;
  box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
  color: white;
  transition: 0.2s ease;
  transition-property: all;
 }
}
@media (max-width: 768px) {
 .help-btn {
  background: #1081e6;
  box-shadow: none;
  color: white;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 25px;
  right: 20px;
  text-shadow: none;
  margin: 0;
  padding: 10px 17px;
 }
}
.icon-checkmark {
 display: inline-block;
 background: url("/resources/images/accounts/checkmark.svg") no-repeat center;
 background-size: contain;
 height: 16px;
 width: 16px;
}
.icon-circle-checked {
 display: inline-block;
 background: url("/resources/images/accounts/signup/circle-checked.svg") no-repeat center;
 background-size: contain;
 height: 16px;
 width: 16px;
}
.icon-arrow {
 display: inline-block;
 background: url("/resources/images/accounts/signup/arrow.svg") no-repeat center;
 background-size: contain;
 height: 16px;
 width: 16px;
}
.icon-zip {
 display: inline-block;
 background: url("/resources/images/accounts/signup/zip.svg") no-repeat center;
 background-size: contain;
 height: 22px;
 width: 22px;
}
.icon-remove {
 display: inline-block;
 background: url("/resources/images/accounts/signup/remove.svg") no-repeat center;
 background-size: contain;
 height: 18px;
 width: 18px;
}
@keyframes fadeAndMoveTop {
 from {
  opacity: 0;
  transform: translateY(50px);
  visibility: hidden;
 }
 to {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
 }
}
.swiper-slide[data-hash="payment"] .plan-summary-wrapper {
 padding: 25px;
 border: 1px solid #D0D5DD;
 border-radius: 10px;
 margin: 20px 0;
}
.swiper-slide[data-hash="payment"] .plan-summary-wrapper li {
 margin-bottom: 20px;
}
.swiper-slide[data-hash="payment"] .plan-summary-wrapper li:first-child {
 margin-bottom: calc(25px);
}
.swiper-slide[data-hash="payment"] .plan-summary-wrapper li:first-child button {
 color: #005EB3;
}
.swiper-slide[data-hash="payment"] .plan-summary-wrapper li span {
 margin-right: 35px;
}
.swiper-slide[data-hash="payment"] .plan-summary-wrapper .total {
 border-top: 1px solid #EAECF0;
 display: flex;
 justify-content: space-between;
 margin: 20px 0 0;
 padding-top: 20px;
}
.swiper-slide[data-hash="payment"] .plan-summary-wrapper .total span {
 margin: 0;
 font-size: 26px;
}
.swiper-slide[data-hash="payment"] .plan-summary-wrapper .total span b {
 color: #344054;
}
.swiper-slide[data-hash="payment"] .plan-summary-wrapper h4 {
 font-weight: 700;
 margin-bottom: calc(40px);
}
.swiper-slide[data-hash="payment"] .plan-summary-wrapper h4,
.swiper-slide[data-hash="payment"] .plan-summary-wrapper .total {
 font-size: calc(18px);
}
.swiper-slide[data-hash="payment"] .payment-methods {
 background: white;
 border-radius: 10px;
 box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
 margin: 0 auto 20px;
}
.swiper-slide[data-hash="payment"] .payment-methods #expiration-date,
.swiper-slide[data-hash="payment"] .payment-methods #cvv {
 width: calc(50% - 6px);
 display: inline-block;
 margin-right: 6px;
}
.swiper-slide[data-hash="payment"] .payment-methods #expiration-date.bt-input,
.swiper-slide[data-hash="payment"] .payment-methods #cvv.bt-input {
 margin-bottom: 0;
}
.swiper-slide[data-hash="payment"] .payment-methods #cvv {
 margin-left: 6px;
 margin-right: 0;
}