@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");

/* 22-08-24 */
body a {
    color: #00a9e0;
    text-decoration: none;
}
.btn-l-green {
    font-family: Nunito;
    font-size: 20px;
    font-weight: 600;
    line-height: 27.28px;
    letter-spacing: 1px;
    text-align: left;
    padding: 13px 18px;
    border: 1px solid #49fca8;
    border-radius: 5px;
    margin: 0px 10px;
    color: #49fca8;
    display: inline-block;
    text-transform: uppercase;
}
.btn-l-green-fill {
    background-color: #49fca8;
    color: #02102d;
}
.signup-right div#myTabContent {
    max-width: 550px;
    margin: 0px auto;
}
.verification-btn a {
    font-size: 20px;
    font-weight: 600;
    line-height: 27.28px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    min-height: 52px;
    border-radius: 5px;
    border: 2px solid #02102d;
    color: #02102d;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* 22-08-24 */
.form-cover {
    margin-top: 70px;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 50px 15px;
}
.new-design .auth-box {
    width: 550px;
    margin: 0 auto;
    background: transparent;
    box-shadow: none;
    padding: 0px;
}
.new-design .login-card h3 {
    font-family: "Quicksand", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 37.5px;
    text-align: center;
    color: #02102d;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.new-design .form-control:disabled,
.new-design .form-control[readonly],
.new-design input[type="text"],
.new-design input[type="email"],
.new-design input[type="password"],
.new-design input[type="search"],
.new-design input[type="file"],
.new-design textarea,
.new-design select,
.new-design input[type="number"] {
    background: #fff;
    border: 0.5px solid #02102d !important;
    border-radius: 5px !important;
    color: #02102d;
    min-height: 52px !important;
    padding: 15px;
    width: 100%;
}
select:focus,
.select2-container:focus,
select:focus-visible {
    background-color: #fff !important;
    outline: none !important;
}
.new-design .input-group label {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 24.55px;
    text-align: left;
    color: #02102d;
    margin-bottom: 10px;
}
.new-design .custom-css-checkbox .css-checkbox + label {
    color: #02102d;
    font-size: 18px;
    font-weight: 600;
    line-height: 24.55px;
    text-align: left;
}
.new-design .text-inverse {
    color: #02102d !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 24.55px;
    text-align: left;
}
.new-design .btn-hover.color-9 {
    background: linear-gradient(0deg, #01196d 0%, #015680 100%) !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 27.28px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    min-height: 52px;
    max-width: 551px;
    margin: 0 auto;
    display: block;
}
.not-registered {
    text-align: center !important;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 24.55px;
    text-align: left;
    color: #02102d;
    margin: 20px auto 0px !important;
    padding: 0px !important;
}
.not-registered a {
    font-size: 18px;
    font-weight: 700;
    line-height: 24.55px;
    text-align: left;
    color: #00a9e0;
    text-decoration: underline;
}
.new-design .no-registered {
    margin-top: 50px;
}
.new-design .error-500,
.new-design .error-503,
.new-design .error-404,
.new-design .error-400,
.new-design .error-403,
.new-design .login {
    position: inherit;
    position: static;
    display: inherit;
}
div#pcoded {
    width: 100%;
    min-width: 100%;
    display: block;
    max-width: 100%;
}
.new-design .account-checks label.custom-control-label.terms-lbl {
    font-size: 18px;
    font-weight: 600;
    line-height: 24.55px;
    text-align: left;
    color: #02102d;
}
.new-design .account-checks label.custom-control-label.terms-lbl a {
    color: #00a9e0;
}
.new-design .custom-control.custom-checkbox.account-checks {
    margin: 50px 0px;
}
.cmn-back {
    background: conic-gradient(
        from 206.08deg at 51.9% 50.7%,
        #03193a -235.52deg,
        #005a82 10.9deg,
        #03193a 124.48deg,
        #005a82 363.9deg
    );
    mix-blend-mode: normal;
    padding: 50px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-form-wrap {
    max-width: 890px;
    margin: 0 auto;
    width: 100%;
}
.login-image {
    text-align: center;
}
.login-form-details {
    max-width: 550px;
    margin: 0 auto;
}
.login-form-details h3 {
    font-family: "Quicksand", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 37.5px;
    text-align: center;
    color: #02102d;
    margin-bottom: 50px;
}
.new-design .custom-css-checkbox .css-checkbox + label::before {
    border-color: #02102d;
    top: -3px;
}
.signup-form .remember-and-reset .custom-css-checkbox {
    width: 100%;
}
.remember-and-reset .custom-css-checkbox label a {
    color: #00a9e0;
    text-decoration: none;
}
.remember-and-reset {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 25px;
    text-align: center;
}
.new-design .custom-css-checkbox .css-checkbox:checked + label::after {
    content: " ";
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 4px;
    top: 1px;
    text-align: center;
    font-size: 10px;
    height: 17px;
    width: 17px;
    background-color: #02102d;
}
.new-design .input-group {
    margin-bottom: 24px;
    display: inline-block;
}
label.error {
    font-size: 16px !important;
    font-weight: 500 !important;
}
.new-design .input-group.col-md-6 {
    width: 50%;
}
.new-design .input-group.col-md-4 {
    width: 33.3%;
}
.signup-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
    width: 100%;
}
.signup-left {
    width: calc(30% - 30px);
    margin: 0px 15px;
}
.signup-right {
    width: calc(70% - 30px);
    margin: 0px 15px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
}
.signup-right .tab-pane {
    padding: 50px 15px;
}
.signup-right .tab-pane.signup-payment-details {
    padding: 0px;
}
.signup-payment-details .payment-verification {
    padding: 50px;
}
.signup-logo {
    margin: 20px 0px 60px 0px;
}
.signup-left .nav-tabs {
    display: inherit;
    border: none;
}
.signup-left .nav-tabs li {
    width: 100%;
    padding-bottom: 40px;
    padding-left: 43px;
    position: relative;
}
.signup-left .nav-tabs .nav-link.active {
    width: 100%;
    background: transparent;
    color: #fff;
    text-align: left;
    border: none;
    padding: 0px;
}
.signup-left .nav-tabs .nav-link {
    padding: 0px;
    border: none;
}
.signup-left .nav-tabs .nav-link h5 {
    font-family: "Quicksand", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 27.5px;
    text-align: left;
    margin-bottom: 5px;
    color: #fff;
}
.signup-left .nav-tabs .nav-item:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 17px;
    height: 100%;
    width: 1px;
    background: #49fca8;
}
.signup-left .nav-tabs .nav-item.active:before {
    content: "";
    position: absolute;
    top: 20px;
    height: 100%;
    width: 1px;
    background: #49fca8;
}
.signup-left .nav-tabs .nav-item.disabled:before {
    background: #fff;
}
.signup-left .nav-tabs .nav-item:focus ~ .signup-left .nav-tabs .nav-item {
    background: #fff;
}
.signup-left .nav-tabs .nav-item.disabled .nav-link h5 {
    color: #fff;
}
.signup-left .nav-tabs .nav-item.disabled .nav-link span {
    text-align: left;
    display: block;
}
.signup-left .nav-tabs .nav-item.disabled .nav-link span {
    color: #fff;
}
.signup-left .nav-tabs .nav-link h5 {
    color: #49fca8;
}
.signup-left .nav-tabs .nav-link span {
    color: #49fca8;
    display: block;
    text-align: left;
}
.signup-left .nav-tabs .nav-item button:before {
    border: none;
}
.signup-left .nav-tabs .nav-item.active button:before {
    border: 7px solid #013877;
}
.signup-left .nav-tabs .nav-item.disabled button:before {
    border: 7px solid #013877;
}
.signup-left .nav-tabs .nav-item button:after {
    content: "";
    position: absolute;
    top: 19px;
    left: 13px;
    width: 7px;
    height: 13px;
    border: 2px solid #032b4e;
    transform: rotate(45deg);
    border-left: 0px;
    border-top: 0px;
}
.signup-left .nav-tabs .nav-item {
    pointer-events: none;
}
.signup-left .nav-tabs .nav-item.disabled button:after,
.signup-left .nav-tabs .nav-item.active button:after {
    display: none;
}
.signup-left .nav-tabs .nav-item:last-child:before {
    display: none;
}
.signup-left .nav-tabs li button:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 4px;
    width: 26px;
    height: 26px;
    background: #ffffff;
    border-radius: 100%;
    border: 7px solid #013877;
    box-shadow: 0px 0px 0px 2px #fff;
}
.signup-left .nav-tabs .nav-item.disabled button:before {
    background: #fff;
    box-shadow: 0px 0px 0px 2px #fff;
}
.signup-left .nav-tabs .nav-item:last-child:before {
    display: none;
}
.signup-left .nav-tabs li button:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 4px;
    width: 26px;
    height: 26px;
    background: #ffffff;
    border-radius: 100%;
    border: none;
    box-shadow: 0px 0px 0px 2px #ffffff;
}
.signup-left .nav-tabs li.disabled button:before {
    border: 7px solid #013877;
}
.signup-left .nav-tabs li.active button:before {
    border: 7px solid #013877;
}
.signup-right div#myTabContent {
    width: 100%;
    max-width: 100%;
}
.signup-right div#myTabContent .form-content {
    max-width: 550px;
    margin: 0px auto;
}
.signup-left .nav-tabs li button:before {
    background: #49fca8;
    box-shadow: 0px 0px 0px 2px #49fca8;
    border: none;
}
.signup-right div#myTabContent h3 {
    text-align: center;
    margin-bottom: 5px;
    font-family: "Quicksand", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 37.5px;
    text-align: center;
}
.signup-right div#myTabContent p {
    font-family: "Quicksand", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 27.5px;
    margin-bottom: 40px;
}
.store-logo {
    display: block;
    margin: 0px -10px 0px -10px;
}
.store-logo a {
    margin: 0px 10px;
}
.verification-code > img {
    margin: 0 auto 30px auto;
    display: block;
}
.verification-code > h3 {
    margin-bottom: 7px !important;
}
.signup-right div#myTabContent .verification-code > p {
    margin-bottom: 100px;
}
.verification-form {
    display: flex;
    align-items: center;
}
.new-design .verification-form input {
    border-bottom: 2px solid #909090 !important;
    border: none !important;
    border-bottom: 2px solid #909090 !important;
    border-radius: 0px !important;
    margin: 0px 8px;
    font-family: Nunito;
    font-size: 38px;
    font-weight: 500;
    line-height: 51.83px;
    text-align: center;
}
.verification-btn {
    display: flex;
    flex-wrap: wrap;
    margin: 100px -10px 0px -10px;
}
.verification-btn > * {
    width: calc(50% - 20px);
    margin: 0px 10px;
}
body .verification-btn a {
    font-size: 20px;
    font-weight: 600;
    line-height: 27.28px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    min-height: 52px;
    border-radius: 5px;
    border: 2px solid #02102d !important;
    color: #02102d;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 13px 15px;
    text-align: center;
}
.input-group
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
        .valid-feedback
    ):not(.invalid-tooltip):not(.invalid-feedback) {
    border-radius: 5px !important;
    width: 100%;
}
.verification-btn .input-group input {
    max-width: calc(100% - 197px);
    margin-right: 12px !important;
}
.payment-verification ul {
    padding: 0px;
}
.payment-verification .payment-pop-content {
    width: 50%;
}
.payment-verification ul li {
    list-style: none;
}
.signup-payment-details .payment-pop-main > h4 {
    font-family: Quicksand;
    font-size: 30px;
    font-weight: 700;
    line-height: 37.5px;
    text-align: left;
}
.signup-payment-details .payment-pop-main > span {
    font-family: Quicksand;
    font-size: 22px;
    font-weight: 500;
    line-height: 27.5px;
    text-align: left;
    display: block;
    margin-bottom: 40px;
}
.signup-payment-details .payment-verification ul li strong {
    font-family: Quicksand;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    display: block;
    margin-bottom: 15px;
}
.signup-payment-details .payment-verification ul li {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
}
.signup-payment-details .payment-verification > ul > li {
    margin-bottom: 30px !important;
}
.signup-payment-details .payment-pop-content > ul > li {
    margin-bottom: 30px !important;
    padding-left: 40px;
}
.signup-payment-details .payment-pop-content > ul > li:before {
    width: 28px;
    height: 28px;
}
.signup-payment-details .payment-pop-content > ul ul li:before {
    width: 6px;
    height: 6px;
    top: 10px;
}
.signup-payment-details .payment-pop-content > ul ul li {
    padding-left: 20px;
}
.signup-payment-details {
    height: 100%;
}
div#myTabContent {
    height: 100%;
}
.tab-content > .tab-pane.active .payment-verification {
    height: 100%;
}
.signup-right .payment-application .form-content {
    max-width: 100% !important;
    padding: 0px 35px;
}
select.custom-select {
    appearance: auto;
}
.payment-application .verification-btn {
    max-width: 620px;
    margin: 0 auto;
}
.signup-payment-details .verification-btn + a {
    text-align: center;
    width: 100%;
    margin: 0px auto;
    display: block;
    font-family: Quicksand;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    margin-top: 20px;
    color: #02102d;
}
div#skip .modal-dialog {
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
div#skip {
    min-height: 100vh;
}
.verification-btn button {
    font-size: 20px;
    font-weight: 600;
    line-height: 27.28px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 13px 20px;
}
div#skip h5 {
    font-size: 30px;
    font-weight: 600;
    line-height: 37.5px;
    text-align: center;
    color: #02102d;
}
p {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    color: #02102d;
}
div#skip .verification-btn {
    margin: 30px 0px 0px 0px;
}
/* body .modal-body { padding: 40px; } */
.modal-backdrop.fade.show {
    background: #00000040;
    opacity: 1;
    backdrop-filter: blur(6px);
}
.verification-btn .input-group {
    display: flex;
    align-items: flex-start;
    width: 100%;
}
.verification-btn .input-group a {
    max-width: 186px;
}
.one-time-offer {
    background: conic-gradient(
        from 206.08deg at 51.9% 50.7%,
        #03193a -235.52deg,
        #005a82 10.9deg,
        #03193a 124.48deg,
        #005a82 363.9deg
    );
    mix-blend-mode: normal;
    padding: 50px;
    min-height: 100vh;
}
.one-time-offer-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
    padding: 20px;
    border-radius: 20px;
    overflow: hidden;
}
.one-time-offer-left {
    width: calc(50% - 30px);
    margin: 0px 15px;
}
.one-time-offer-right {
    width: calc(50% - 30px);
    margin: 0px 15px;
}
.one-time-logo h1 {
    font-family: Quicksand;
    font-size: 70px;
    font-weight: 600;
    line-height: 87.5px;
    text-align: left;
    color: #49fca8;
    margin-bottom: 20px;
    margin-top: 150px;
}
.one-time-logo p {
    font-family: Nunito;
    font-size: 28px;
    font-weight: 500;
    line-height: 45px;
    text-align: left;
    color: #fff;
    margin-bottom: 60px;
    max-width: 724px;
}
.one-time-offer-button {
    margin: 0px -10px 200px -10px;
}
.one-time-offer-right-content h2 {
    font-family: Quicksand;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    text-align: left;
    color: #49fca8;
    margin-bottom: 16px;
}
.one-time-offer-right-content p {
    font-family: Nunito;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    text-align: left;
    color: #fff;
    margin-bottom: 45px;
}
.one-time-offer-right-content {
    padding-left: 71px;
}
.onetime-right-image {
    position: relative;
}
.onetime-right-image img {
    position: relative;
    width: 100%;
    object-fit: contain;
}
.onetime-right-image:before {
    content: "";
    position: absolute;
    top: -111px;
    left: 0px;
    width: 75px;
    height: 140px;
    background: red;
    background: url(../../images/onetime-arrow.png) no-repeat center / cover;
    z-index: 0;
}
.payment-app-btn {
    max-width: 541px;
    margin: auto;
}

div#onBoardModal .verification-btn {
    margin-top: 40px;
}

h5#staticBackdropLabel {
    color: #000;
    text-align: center;
}

.new-design .btn-hover.btn-transparent {
    background: transparent !important;
    color: #02102d;
    overflow: hidden;
    border: 2px solid #01196d;
    border-image-slice: 1;
    border-radius: 5px;
    background-clip: padding-box;
}
.saving-per-year.price-lock-ealy-payment {
    margin-bottom: 40px;
}

.benefits-vip-support h4 {
    font-family: Quicksand;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: #00a9e0;
    max-width: max-content;
    margin: 0 auto;
    padding: 0px 20px;
    background: #fff;
    position: relative;
    margin-bottom: 30px;
}

.benefits-vip-support h4:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -140px;
    max-block-size: 550px;
    height: 1px;
    background: #00a9e0;
    right: -140px;
    z-index: -1;
}

.benefits-vip-support {
    position: relative;
    z-index: 9;
}

.benefits-vip-support ul {
    max-width: 860px;
    display: flex;
    flex-wrap: wrap;
}

.benefits-vip-support ul li {
    width: calc(33.3% - 30px);
    text-align: center;
    display: block;
    border-radius: 50px;

    margin: 0px 15px;
    padding: 8px 15px;
    position: relative;
}

.benefits-vip-support ul li::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 2px;
    background: linear-gradient(0deg, #01196d 0%, #015680 100%);
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.final-opportunity-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto 50px auto;
    max-width: 1100px;
}

.final-opportunity-card-price {
    width: 240px;
    background: #001561;
    font-family: Quicksand;
    font-weight: 600;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: #49fca8;
    padding: 10px;
    border-radius: 20px 0px 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.final-opportunity-card-price:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    width: 60px;
    height: 60px;
    background: #fff;
    z-index: 9999;
    border-radius: 100%;
    transform: translateY(-50%);
}
.final-opportunity-card {
    width: calc(100% - 240px);
    background: red;
    border: 1px solid #001561;
    background: transparent;
    border-radius: 0px 20px 20px 0px;
    padding: 20px;
    position: relative;
}

.final-opportunity-card-main p {
    margin: 0px 0px 25px 0px !important;
    font-family: Quicksand;
    font-weight: 500;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: left;
}

.final-opportunity-card-main h4 {
    font-family: Quicksand;
    font-weight: 700;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #02102d;
}
.final-opportunity-card-buttons button {
    background: linear-gradient(0deg, #01196d 0%, #015680 100%);
    color: #fff;
    padding: 11px 35px;
    border-radius: 5px;
    border: none;
    margin-left: 10px;
}
.final-opportunity-card-buttons button:last-child {
    color: #49fca8;
}
.final-opportunity-card-buttons {
    margin-bottom: -44px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.popular {
    position: absolute;
    right: 0px;
    top: 0px;
    background: #00a9e0;
    font-family: Quicksand;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0px;
    padding: 8px 18px;
    color: #fff;
    border-radius: 0px 20px 0px;
}

a.btn-l-green.btn-l-green-fill span {
    position: relative;
}
a.btn-l-green.btn-l-green-fill span:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #f60202;
    transform: rotate(9deg);
}
div.cmn-new-pop .modal-dialog {
    max-width: 900px;
    width: 100%;
}

.row.guardian-row.align-items-center .col-md-10 {
    border-bottom: 0.5px solid rgb(255, 255, 255, 0.6);
    padding: 10px 0px 0px 0px;
    margin-bottom: 20px;
}
.select2-results__option[aria-selected="true"]:before,
.order-payment-type-filter .select2-results__option:before {
    border: 2px solid #00186c !important;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    background: #fff !important;
    border-color: #cccccc80 !important;
    color: #02102d !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    background: #fff !important;
    border-color: #cccccc80 !important;
    color: #02102d !important;
}
span.select2-dropdown {
    background: #fff !important;
}
.select2-container--default
    .select2-results
    > .select2-results__options
    li.select2-results__option.select2-results__option--highlighted {
    color: #353531 !important;
    background: #fff;
}
select:focus,
.select2-container:focus {
    background: #fff !important;
    border-color: #cccccc80 !important;
    color: #02102d !important;
}
.select2-container--default.select2-container--focus
    .select2-selection--single
    .select2-selection__rendered {
    background: #fff !important;
    border-color: #cccccc80 !important;
    color: #02102d !important;
}
span.selection span.select2-selection.select2-selection--single span {
    color: #02102d !important;
    min-height: 57px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: #888 transparent transparent transparent !important;
    transform: rotate(0deg);
    margin-top: -16px !important;
}
.select2-container--default .select2-results > .select2-results__options li {
    background: transparent !important;
    color: #353531 !important;
}
.select2-container--default
    .select2-results
    > .select2-results__options
    li.select2-results__option:hover {
    background: #00a9e0 !important;
    color: #fff !important;
}
.select2-container--default .select2-results__group {
    padding: 5px 10px 5px 10px;
    color: #353531 !important;
}
.new-design .select2-container--default .select2-selection__clear {
    display: none !important;
}
.new-design
    .select2-container--default.select2-container--focus
    .select2-selection--single
    .select2-selection__rendered {
    padding: 14px 10px !important;
}
.new-design span#select2-state-container {
    border: 0.5px solid #02102d !important;
    padding: 14px 10px !important;
}
.new-design .select2-container--open .select2-dropdown--below {
    border: 1px solid #02102d;
}
.new-design .form-content .form-control {
    appearance: auto !important;
}
.new-design
    span.selection
    span.select2-selection.select2-selection--single
    span
    b {
    border: auto !important;
    border: 5px solid #fff;
    top: 36px;
}
.select2-container--open .select2-dropdown--below {
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.3);
}

.signup-right .we-know-payments-tab.form-content {
    max-width: 100% !important;
    text-align: center;
}
.we-know-i {
    margin-bottom: 20px;
}
.we-know-img {
    margin-bottom: 40px;
}
.we-know-img img {
    object-fit: contain;
    max-width: 880px;
}
.we-know-img + div {
    max-width: 550px;
    margin: 0 auto;
}
.we-know-payments-tab p {
    max-width: 1100px;
    margin: 0 auto;
}
.signup-right div#myTabContent .providing-business-details {
    max-width: max-content;
    text-align: center;
}
.signup-right div#myTabContent .providing-business-details p {
    max-width: 800px;
    margin: 0 auto 70px auto;
}

form#we-know-dropdown {
    max-width: 800px;
}
.signup-right div#myTabContent .form-content.your-estimated-savings {
    max-width: 100%;
}
.signup-right div#myTabContent .form-content.your-estimated-savings .we-know-i {
    text-align: center;
}
.saving-per-year {
    background: #001561;
    max-width: 422px;
    margin: 0 auto;
    border-radius: 20px;
}
.saving-per-year h2 {
    font-family: Quicksand;
    font-size: 70px;
    font-weight: 600;
    line-height: 87.5px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
    padding: 24px;
}
.saving-per-year span {
    font-family: Quicksand;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    background: #49fca8;
    padding: 6px 13px;
    margin: 0 auto;
    display: block;
    max-width: max-content;
    border-radius: 0px 0px 10px 10px;
}
.form-content.your-estimated-savings p {
    max-width: 800px;
    margin: -0 auto;
}
.saving-breakdown {
    font-family: Quicksand;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.5px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    max-width: 500px;
    position: relative;
    color: #00a9e0;
    position: relative;
    background: #fff;
    margin: 55px auto 30px auto;
}
.saving-breakdown:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 1px;
    background: #00a9e0;
}
.saving-breakdown span {
    background: #fff;
    position: relative;
    padding: 0px 10px;
    text-transform: uppercase;
}
.your-estimated-savings ul {
    max-width: 500px;
    margin: 0 auto 50px auto;
    padding: 0px;
    max-width: 540px;
    padding: 0px 20px;
}
.your-estimated-savings ul li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    font-family: Quicksand;
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    position: relative;
}
.your-estimated-savings ul li strong {
    width: 40%;
    text-align: right;
    position: relative;
    padding-left: 2px;
    font-weight: 600;
}
.your-estimated-savings ul li strong:before {
    content: ":";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 2px;
}
.form-content.your-estimated-savings .col-md-12 {
    max-width: 500px;
    margin: 0 auto;
}

.signup-right
    div#myTabContent
    .form-content.form-content.almost-done
    .col-md-12 {
    max-width: 500px;
    margin: 0 auto;
}
.signup-right div#myTabContent .form-content.form-content.almost-done ul {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}
.signup-right div#myTabContent .form-content.form-content.almost-done ul li {
    list-style: none;
    font-family: Quicksand;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.5px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    background: #00a9e0;
    padding: 13px 35px;
    color: #fff;
    border-radius: 26px;
    margin-bottom: 20px;
    margin: 0px 10px 20px 10px;
    text-transform: uppercase;
}
.signup-right div#myTabContent .form-content.almost-done {
    max-width: 760px;
    text-align: center;
}
.signup-right
    div#myTabContent
    .form-content.form-content.almost-done
    ul
    li:first-child {
    width: 100%;
    text-align: center;
}
.signup-right div#myTabContent .form-content.form-content.almost-done ul + p {
    font-family: Quicksand;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.signup-right div#myTabContent .providing-business-details {
    max-width: 800px;
}

@media (max-width: 767px) {
    .saving-per-year h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .your-estimated-savings ul li {
        font-size: 14px;
        line-height: 25px;
    }
}

.modal-calc-image {
    max-width: 400px;
    margin: 20px auto 0px auto;
}

div#calculateNumbersModal p {
    font-size: 30px;
    font-weight: 600;
    line-height: 37.5px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    font-family: Quicksand;
    max-width: 400px;
    margin: 0 auto;
}

div#skipToPortalModal p {
    font-size: 20px;
    font-weight: 600;
    font-family: Quicksand;
}

div#onBoardModal p {
    font-size: 20px;
    font-family: Quicksand;
}

.verification-btn .submit-app {
    margin-left: 200px;
    width: 50%;
}

.your-estimated-savings ul {
    max-width: 540px;
    padding: 0px 20px;
}

.your-estimated-savings ul li span {
    cursor: pointer;
    font-family: initial;
    position: absolute;
    right: -30px;

    /* width: 20px;
    height: 20px;
    background: red;
    border-radius: 100%;
    line-height: 17px;
    text-align: center;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center; */
}

.your-estimated-savings ul li > img {
    cursor: pointer;
    position: absolute;
    right: -30px;
    display: block;
}

.verification-btn.verification-three-btns > * {
    width: calc(33.3% - 20px);
}
.checkbox-fade.fade-in-primary.custom-css-checkbox.sign-up-checkbox {
    max-width: max-content;
    margin: 0 auto 20px auto;
    display: flex;
    align-items: center;
}

.checkbox-fade.fade-in-primary.custom-css-checkbox.sign-up-checkbox > div {
    margin: 0px 15px;
}

.your-estimated-savings .benefits-vip-support ul {
    max-width: 858px;
    text-align: center;
}

.your-estimated-savings .benefits-vip-support ul li {
    text-align: center;
    display: block;
}

div#ccPaymentTypeRow {
    max-width: 598px;
    margin: 0 auto 0 auto;
}

div#no-cost .modal-dialog {
    max-width: 940px;
    width: 100%;
    padding: 15px;
}

div#no-cost .modal-content {
    border-radius: 20px;
}
.no-cost-wrapper {
    text-align: center;
}

.no-cost-wrapper h2 {
    font-family: Quicksand;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: bottom;
    margin-bottom: 15px;
}

.no-cost-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto 20px auto;
    padding: 0px;
    max-width: 840px;
}

.no-cost-wrapper ul li {
    list-style: none;
    width: calc(33.3% - 30px);
    margin: 0px 15px 15px 15px;
}

.no-cost-pop-icon {
    width: 100px;
    height: 100px;
    background: #001561;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px auto;
}
.no-cost-pop-icon img {
    max-width: 50px;
}
.no-cost-wrapper ul li span {
    font-family: Quicksand;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: bottom;
    text-transform: uppercase;
}
.signup-right .your-details-with-no-cost .form-content {
    max-width: 840px !important;
}

button.new-signup-common-button {
    background: linear-gradient(0deg, #01196d 0%, #015680 100%) !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 27.28px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    min-height: 52px;
    width: 100%;
    border: none;
    border-radius: 5px;
    max-width: 610px;
    margin: 0 auto;
}
.g-recaptcha {
    margin: 0 auto;
    max-width: max-content;
}

@media (max-width: 1700px) {
    .signup-right div#myTabContent .verification-code > p {
        margin-bottom: 40px;
    }
    .btn-l-green {
        font-size: 16px;
        padding: 10px;
    }
}
@media (max-width: 1366px) {
    .new-design.cmn-back {
        padding: 20px;
    }
    .signup-left .nav-tabs .nav-link h5 {
        font-size: 20px !important;
    }
    .signup-left {
        width: calc(35% - 30px);
    }
    div#signUpRight {
        width: calc(65% - 30px);
    }
    .tab-content > .tab-pane.active .payment-verification {
        background-size: 50% !important;
        background-position: bottom right !important;
    }
    .signup-payment-details .payment-verification {
        padding: 20px;
    }
    .payment-verification .payment-pop-content {
        width: 100%;
    }
    .signup-payment-details .payment-pop-main > h4 {
        font-size: 24px;
    }
    .signup-payment-details .payment-pop-main > span {
        font-size: 18px;
    }
    .signup-payment-details .payment-verification ul li strong {
        font-size: 20px;
    }
    .signup-payment-details .payment-verification ul li {
        font-size: 18px;
    }
    .signup-right .tab-pane {
        padding: 20px 15px;
    }
    .signup-right .payment-application .form-content {
        padding: 0px;
    }
    .one-time-logo h1 {
        margin-top: 98px;
        font-size: 50px;
        line-height: 60px;
    }
    .one-time-logo p {
        font-size: 20px;
        line-height: 30px;
    }
    .one-time-offer-right-content h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .one-time-offer-right-content p {
        font-size: 20px;
        line-height: 30px;
    }
    .one-time-offer-button {
        margin-bottom: 100px;
    }
}
@media (max-width: 1365px) {
    .one-time-logo h1 {
        margin-top: 40px;
    }
    .one-time-offer-button {
        margin-bottom: 40px;
    }
    .one-time-offer-button a.btn-l-green {
        margin-bottom: 10px;
    }
    .signup-right div#myTabContent p {
        margin: 0px 0px 15px 0px;
    }
    .signup-right div#myTabContent p.not-registered {
        margin-top: 20px !important;
    }
    .new-design.cmn-back {
        padding: 15px;
    }
    .signup-logo {
        margin: 20px 0px;
    }
    .signup-left .nav-tabs li {
        padding-bottom: 15px;
    }
    .new-design .input-group {
        margin-bottom: 15px;
    }
    .custom-logo,
    .auth-logo {
        max-width: 150px;
    }
}
@media (max-width: 1200px) {
    .signup-left {
        width: calc(30% - 30px);
    }
    div#signUpRight {
        width: calc(70% - 30px);
    }
    .store-logo img {
        max-width: 100px;
    }
    .payment-application .verification-btn {
        max-width: 100%;
    }
    .one-time-logo h1 {
        font-size: 34px;
        line-height: 44px;
    }
    .one-time-offer-right-content h2 {
        font-size: 28px;
        line-height: 36px;
    }
    .one-time-logo p {
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .signup-left {
        width: calc(40% - 30px);
    }
    div#signUpRight {
        width: calc(60% - 30px);
    }
    .signup-right div#myTabContent h3 {
        font-size: 26px;
    }
    .signup-right div#myTabContent p {
        font-size: 19px;
    }
    .signup-left .nav-tabs li button:before {
        width: 18px;
        height: 18px;
        border-width: 4px !important;
    }
    .new-design .custom-css-checkbox .css-checkbox + label {
        margin-bottom: 20px;
    }
    .signup-form .remember-and-reset .custom-css-checkbox a {
        width: 100%;
        display: block;
    }
    .signup-left .nav-tabs .nav-item:before {
        left: 12px;
    }
    .signup-left .nav-tabs .nav-item.active:before {
        left: 12px;
    }
    .signup-right div#myTabContent p.not-registered {
        font-size: 14px;
        margin-top: 20px !important;
    }
    .verification-btn > * {
        width: calc(100% - 0px);
        margin: 0px 0px 10px 0px !important;
    }
    .one-time-offer-left {
        width: calc(100% - 30px);
        margin-bottom: 40px;
    }
    .one-time-offer-right {
        width: calc(100% - 30px);
    }
    .signup-left .nav-tabs .nav-item button:after {
        height: 10px;
        top: 17px;
        left: 10px;
    }

    .verification-btn.verification-three-btns > * {
        width: calc(50% - 20px);
        margin: 10px 10px 0px 10px !important;
    }
    .your-estimated-savings ul li {
        font-size: 16px;
    }
    .your-estimated-savings ul li span {
        right: -23px;
    }
    .saving-per-year h2 {
        font-size: 44px;
    }
    .benefits-vip-support h4:before {
        left: -30px;
        right: -20px;
    }
    .your-estimated-savings ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .your-estimated-savings ul li {
        width: auto;
        margin-top: 20px;
        padding: 10px 40px;
    }
    .form-content .verification-btn button {
        padding: 8px 20px !important;
        font-size: 16px !important;
    }
    .final-opportunity-card-price {
        width: 100%;
        min-height: 140px;
        border-radius: 20px 20px 0px 0px;
    }

    .final-opportunity-card {
        width: 100%;
        border-radius: 0px 0px 20px 20px;
        padding: 50px 20px 20px 20px;
    }

    .popular {
        border-radius: 0px 0px 0px 20px;
    }

    .final-opportunity-card-main h4 {
        font-size: 20px;
    }

    /* .final-opportunity-card-price:before {
        display: none;
    } */

    .payment-app-btn button {
        font-size: 14px !important;
        padding: 10px 20px !important;
    }
    .benefits-vip-support ul li {
        font-size: 17px;
        line-height: 22px;
    }

    .benefits-vip-support ul li strong {
        width: max-content;
        width: max-content;
    }

    .benefits-vip-support ul {
        padding-left: 0px;
    }
    .final-opportunity-card-buttons button {
        font-size: 14px;
        padding: 10px;
    }
    .your-estimated-savings ul.saving-breakdown-list {
        padding-left: 0px;
    }
    .your-estimated-savings ul.saving-breakdown-list li {
        padding: 0px;
    }
    .your-estimated-savings ul li strong {
        max-width: max-content;
    }
    .benefits-vip-support h4 {
        padding: 0px;
    }
}

@media (max-width: 767px) {
    .signup-left {
        margin-bottom: 60px;
        width: calc(100% - 0px);
        margin-left: 0px;
        margin-right: 0px;
    }
    div#signUpRight {
        margin-bottom: 0px;
        width: calc(100% - 0px);
        margin-left: 0px;
        margin-right: 0px;
    }
    .new-design .input-group.col-md-6 {
        width: 100%;
    }
    .new-design .input-group.col-md-4 {
        width: 100%;
    }
    .cmn-back {
        padding: 20px 15px;
    }
    .new-design .btn-hover.color-9 {
        font-size: 16px;
        line-height: 24px !important;
    }
    .one-time-offer-wrapper {
        padding: 20px 0px;
    }
    .store-logo img {
        max-width: 105px;
    }
    div#oneTimeOffer {
        padding: 15px 30px;
    }
    div#oneTimeOffer {
        padding: 15px;
    }
    select {
        appearance: auto !important;
    }
    .one-time-offer-right-content {
        padding-left: 0px;
    }
    .onetime-right-image:before {
        display: none;
    }
    .new-design .verification-form input {
        padding: 0px;
        font-size: 20px;
    }
    .tab-content > .tab-pane.active .payment-verification {
        background-size: 78% !important;
    }
    .verification-btn button,
    .verification-btn a {
        font-size: 14px !important;
    }
    .verification-btn .input-group {
        flex-wrap: wrap;
    }
    .verification-btn .input-group a#cancelChangeEmail {
        width: 100%;
        display: block;
        max-width: 100%;
        margin-top: 10px;
    }
    .verification-btn .input-group input {
        width: 100% !important;
        max-width: 100%;
        margin: 0px !important;
    }
    .verification-btn {
        margin-left: 0px;
        margin-right: 10px;
    }
    .one-time-offer {
        padding: 0px 15px;
    }

    .no-cost-wrapper ul li span {
        font-size: 16px;
        line-height: 26px;
    }

    .no-cost-pop-icon {
        width: 100px;
        height: 100px;
        padding: 20px;
    }

    .no-cost-pop-icon img {
        max-width: 50px;
    }

    .no-cost-wrapper ul li {
        width: calc(50% - 30px);
        margin: 0px 15px 20px 15px;
    }

    .no-cost-wrapper ul li span br {
        display: none;
    }
    body .modal-body {
        padding: 20px;
    }

    .verification-btn.verification-three-btns > * {
        width: calc(100% - 20px);
    }
    .final-opportunity-card-buttons button {
        width: 100%;
        margin-bottom: 10px;
    }

    .final-opportunity-card-buttons {
        flex-wrap: wrap;
    }

    .popular {
        font-size: 12px;
    }
}