#main {
    /* background: linear-gradient(0deg, rgba(81, 86, 169, 0.05) 0%, rgba(81, 86, 169, 0.05) 100%), #FFFBFF; */
}

.cv2-main-container {
    display: flex;
    flex-direction: column;
    padding: 25px;
    max-width: 1297px;
    gap: 20px;
    margin: 0px auto;
    min-height: 61vh;
    /* background: linear-gradient(0deg, rgba(81, 86, 169, 0.05) 0%, rgba(81, 86, 169, 0.05) 100%), #FFFBFF; */
}

.black-check-box {
    box-sizing: border-box;
    padding: 0;
    accent-color: black;
    height: 16px;
    width: 16px;
}

.signup-desktop {}

.progression {
    display: flex;
    width: 100%;
    gap: 30px;
}

.progression-item-1 {
    display: flex;
    flex-direction: column;
    flex: 33;
}

.progression-item-2 {
    display: flex;
    flex-direction: column;
    flex: 33;
}

.progression-item-3 {
    display: flex;
    flex-direction: column;
    flex: 33;
}

.custom-gap-x-px {
    gap: 4px !important;
}

.force-baseline {
    align-items: baseline !important;
}

.progression-title {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.progression-bar {
    height: 8px;
    margin-top: 5px;
    background-color: #6FC486;
}

.progression-title-grey {
    color: #D9D9D9;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.progression-bar-grey {
    height: 8px;
    margin-top: 5px;
    background-color: #D9D9D9;
    ;
}

.row-of-zip {}

.cut-thorough-price {
    color: #47464A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 6px;
    text-decoration: line-through;
}

.offer-price-bold {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.show-non-intro-format {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chk-contents {
    display: flex;
    width: 100%;
    gap: 30px;
}

.chk-column {
    display: flex;
    flex: 50;
}


/* readerinfo css */

.chk-rinfo-main-cont {
    display: flex;
    flex-direction: column;
    gap: 13px;
    width: 100%;
}

.chk-rinfo-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    /* height: 163px; */
    border-radius: 8px;
    border: 0.8px solid #E4E1E6;
}

.chk-rinfo-top1 {
    display: flex;
    width: 100%;
    gap: 16px;
    padding: 21px;
}

.chk-rinfo-icon {
    display: flex;
}

.chk-rinfo-details {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chk-rinfo-row {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
}

.circular--portrait--out {
    background-color: lightgray;
    position: relative;
    width: 85px;
    height: 85px;
    overflow: hidden;
    border-radius: 50%;
}

.circular--portrait {
    width: 80px;
    margin-left: 3px;
    margin-top: 3px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
}

.circular--portrait img {
    width: auto;
    height: 100%;
}

.round-img-container {
    display: flex;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
}

.round-img {
    height: 80px;
    width: 80px;
    object-fit: cover;
    border-radius: 50%;
    /* border: 3px solid rgb(137, 137, 137); */
}

.chk-rinfo-reader-name {
    display: flex;
    align-items: center;
    color: #191A2C;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.chk-rinfo-reader-online {
    display: flex;
    align-items: center;
}

.chk-rinfo-online {
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.chk-rinfo-online-green {
    background-color: #6fc486;
}

.chk-rinfo-online-red {
    background-color: #aaa;
}

.chk-rinfo-online-yellow {
    background-color: #5156a9;
}

.chk-rinfo-font-modality {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 22px;
    /* 137.5% */
}

.chk-rinfo-modality-caps {
    text-transform: capitalize;
}

.chk-rinfo-rating-cont {
    display: flex;
    align-items: center;
    gap: 4px;
}

.chk-rinfo-rating-col {
    display: flex;
    align-items: center;
}

.star {
    font-size: x-large;
    display: inline-block;
    color: gray;
}

.star:last-child {
    margin-right: 0;
}

.star:before {
    content: '\2605';
}

.star.on {
    color: gold;
}

.star.half:after {
    content: '\2605';
    color: gold;
    position: absolute;
    margin-left: -20px;
    width: 10px;
    overflow: hidden;
}

.star-rating-container {
    display: flex;
    gap: 2px;
    justify-items: center;
    align-items: center;
}

.star-rating {
    display: flex;
    justify-items: center;
    align-items: center;
}

.chk-rinfo-bottom1 {
    display: flex;
    padding: 16px;
    width: 100%;
    flex-direction: column;
    border-radius: 0px 0px 7px 7px;
    border-top: 0.8px solid #E4E1E6;
    /* border: 0.8px solid #E4E1E6; */
    background-color: #F4F4F4;
}

.chk-rinfo-font-price {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.chk-rinfo-font-text {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    /* 137.5% */
}

.chk-rinfo-font-cut-text {
    color: #78767A;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: strikethrough;
}

.chk-rinfo-font-blue-off-text {
    color: #393D8F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chk-rinfo-font-w-700 {
    font-weight: 700;
}

/* signup css */
.chk-signup-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* gap: 25px; */
    gap: 20px;
}

.modality-container-m {
    margin-top: 0px;
}

.chk-row {
    display: flex;
    width: 100%;
    gap: 25px;
}

.chk-no-gap {
    gap: 0px !important;
}

.chk-input {
    color: #000 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    background-color: transparent !important;
    border-bottom: 1px solid #C8C5CA !important;
}


.chk-input-zip {
    color: #000 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: normal !important;
    background-color: transparent !important;
    padding-left: 5px !important;
    border-bottom: 1px solid #C8C5CA !important;
}

.chk-input-zip.chk-input-zip::placeholder {
    font-size: 16px !important;
    font-weight: 500 !important;
    opacity: 1;
    color: #BFBFBF;
}

.chk-input-error {
    border-bottom: 2px solid #ff0000 !important;
}

.chk-signup-title {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 10px;
}

.chk-signup-left {
    display: flex;
    flex: 70;
}

.chk-signup-right {
    display: flex;
    flex: 30;
}

.chk-signup-checkbox {
    display: flex;
    width: 50px;
    padding-top: 5px;
    justify-content: start;
    align-items: start;
}

.chk-signup-perm-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;

    color: #929094;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;
}

.chk-signup-perm-text-mobile {
    display: none;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
    color: #929094;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;
}


.chk-signup-perm-text-uline {
    text-decoration-line: underline;
    cursor: pointer;
}

.chk-p {
    margin-bottom: 0px;
}

input[type="checkbox"]:checked {
    border: 3px solid blue;
    background-color: red;
}

.chk-btn-blue {
    border-radius: 8px;
    background: #393D8F;
    width: 100%;
}

.chk-btn-blue:hover {
    background: #393D8F;
    color: white;
}

.chk-line-sep-cont {
    display: flex;
    flex: 30;
    align-items: center;
}

.chk-or-cont {
    display: flex;
    width: 80px;
    justify-content: center;
    align-items: center;
    color: #929094;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 111.111% */
}

.chk-line-sep {
    display: flex;
    width: 100%;
    background: linear-gradient(0deg, #C7C5D0 0%, #C7C5D0 100%), #C7C5D0;
    height: 1px;
}

.chk-cbyhalf {
    display: flex;
    flex: 50;
}

.chk-btn-fb {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    border-radius: 10px;
    background: #1877F2;
    gap: 15px;
}

.chk-btn-fb:hover {
    /* background: #2f83ef; */
    background: #1877F2;
}

.chk-btn-apple {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    border-radius: 10px;
    background: #000;
    color: #fff;
    gap: 15px;
}

.chk-btn-apple:hover {
    /* background: #272525; */
    background: #000;
}


.selection-bold-chk {
    font-weight: 700 !important;
}

.select-bg-class-chk {
    background: #F4F4F4 !important;
}

.chk-btn-lbl {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chk-log-in-lbl {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;

    color: #444559;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chk-log-in-link {
    color: #212578;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    margin-left: 5px;
}

/* css for modality */

.chk-btn-chat {
    display: flex;
    width: 100%;
    cursor: pointer;
    padding: 16px;
    align-items: flex-start;
    border-radius: 4px;
    border: 1px solid #C8C5CA;
    background: #fff;
    color: #000;
    gap: 4px;
}

.chk-btn-lbl-chat {
    display: flex;
    color: #000;
    justify-content: center;
    color: #1B1B1F;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chk-bg-grey {
    background-color: #F4F4F4 !important;
    border: 2px solid #393D8F !important;
}

.chk-font-heading {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chk-font-sub1 {
    color: #929094;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;
}

.chk-reading-type {
    display: flex;
    flex-direction: column;
    padding: 16px;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #C8C5CA;
    background-color: #FFF;
    width: 100%;
    cursor: pointer;
}

.chk-reading-title {
    display: flex;
    text-transform: capitalize;
}

.chk-font-reading-title {
    color: #1B1B1F;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chk-reading-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 15px;
}

.chk-reqading-lenghts {
    display: grid;
    width: 100%;
    column-gap: 8px;
    row-gap: 8px;
    grid-template-columns: auto auto auto;
    /* flex-wrap: wrap; */
    /* gap: 10px; */
}

.chk-time-lbl {
    display: flex;
    /* width: 176px; */
    padding: 16px;
    align-items: center;
    justify-content: start;
    border-radius: 4px;
    color: #929094;
    border: 1px solid #C8C5CA;
    background: #FFF;
}

.chk-time-lbl-selected {
    display: flex;
    /* width: 176px; */
    padding: 16px;
    color: #1B1B1F;
    align-items: center;
    justify-content: start;
    border-radius: 4px;
    border: 2px solid #393D8F;
    background: #F4F4F4;
}

.chk-time-lbl-font-unselected {
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chk-time-lbl-font-selected {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.chk-total-cont {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.chk-left-price {
    display: flex;
}

.chk-right-price {
    display: flex;
}

.check-font-price-cut {
    color: #47464A;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: line-through;
}

.chk-font-sub2 {
    color: #444559;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chk-sub2-row {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.underline-txt {
    border-bottom: 1px solid #C8C5CA;
}

.order-summary-widget {
    margin-top: 0px;
}

#payment-form {
    display: flex;
    gap: 10px;
    width: 100%;
    flex-direction: column;
}

.pay-input-empty {
    padding: 5px;
    margin-top: 3px;
    height: 35px;
}

#example2-card-number {
    /* width: 286px; */
    width: 100%;
}

#example2-card-expiry {
    width: 120px;
}

#example2-card-cvc {
    width: 120px;
}

.show-in-desktop {
    display: flex;
}

.show-in-mobile {
    display: none;
}

.chk-payment-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.chk-payment-container-up {
    display: flex;
    /* width: 560px; */
    width: 100%;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #393D8F;
    border-bottom: 0px;
}

.chk-payment-container-up-first {
    display: flex;
    /* width: 560px; */
    width: 100%;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px 4px 0px 0px;
    border: 1px solid #393D8F;
    border-bottom: 0px;
}

.chk-payment-container-middle {
    display: flex;
    /* width: 560px; */
    width: 100%;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #393D8F;
    /* background: #F4F4F4; */

}

.chk-payment-container-down {
    display: flex;
    /* width: 560px; */
    width: 100%;
    padding: 16px 16px 32px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 18px;
    border-radius: 0px 0px 4px 4px;
    border: 1px solid #393D8F;
    background: #FFF;
    border-top: 0px;

}

.chk-payment-left-col {
    display: flex;
}

.chk-payment-right-col {
    display: flex;
    gap: 3px;
}

/* new credit card row */
.chk-payment-n-credit-card {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.chk-payment-n-credit-card-chk {
    display: flex;
    align-items: center;
}

.chk-payment-n-credit-card-text {
    display: flex;
    color: #1B1B1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chk-payment-img-container {
    display: flex;
    position: relative;
    width: 46px;
    height: 32px;
}

.chk-payment-card-img {
    position: absolute;
    max-width: none;
    top: -18px;
    left: -17px;
    width: 81px;
    height: auto;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.07));
}

.chk-payment-card-white-bg {
    position: relative;
    margin-top: 1px;
    width: 46px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 6.615px;
    border: 1px solid #D9D9D9;
    background: #FFF;
}

.chk-payment-card-img-discover {
    position: absolute;
    max-width: none;
    top: 12px;
    left: 6px;
    width: 39px;
    height: auto;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.07));
}

.chk-payment-card-img-mastercard {
    position: absolute;
    max-width: none;
    top: 4px;
    left: 4px;
    width: 35px;
    height: auto;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.07));
}

.chk-payment-card-img-visa {
    position: absolute;
    max-width: none;
    top: -18px;
    left: -18px;
    width: 81px;
    height: auto;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.07));
}

.chk-pay-one-by-three-col {
    display: flex;
    flex: 33;
}

.chk-pay-fifty-col {
    display: flex;
    flex: 50;
}

.chk-pay-full-col {
    display: flex;
    flex: 100;
}

.chk-pay-twenty-five-col {
    display: flex;
    flex: 25;
}

.chk-payment-save-card-cont {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
}

.chk-payment-scc-check {
    display: flex;
    width: 23px;
}

.chk-payment-scc-text {
    display: flex;
    color: #929094;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1px;
}

.font-billing-address {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.1px;
}

.chk-input-bb-blue {
    border-bottom: 1px solid #393D8F !important;
}

.chk-input-bb-black {
    border-bottom: 1px solid #000 !important;
}


.force-height-to-reader-info {
    height: 133px !important;
}

.chk-os-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.chk-os-cols {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.chk-os-col {
    display: flex;
    align-items: center;
}

.chk-os-credit-tag {
    display: inline-flex;
    height: 28px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    border-radius: 59px;
    border: 1px solid #212578;
    background: #E0E0FF;
}

.font-os-credit-large {
    color: #070765;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.font-os-heading {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.font-os-balance {
    color: #1B1B1F;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.font-os-balance-bold {
    color: #1B1B1F;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.btlr-px-left-20 {
    padding-left: 0px;
}

.force-round-new-card {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

/* DESKTOP CSS ENDS */

@media screen and (max-width: 758px) {
    .chk-contents {
        flex-direction: column;
        gap: 115px;
    }

    .chk-sign-buttons {
        flex-direction: column !important;
    }

    .chk-time-lbl {
        /* width: 136px; */
    }

    .chk-time-lbl-selected {
        /* width: 136px; */
    }

    .modality-container-m {
        margin-top: -89px;
    }

    /* .chk-signup-container
    {
        margin-top: -89px;
    } */

    .show-in-desktop {
        display: none;
    }

    .show-in-mobile {
        display: flex;
    }


}

@media screen and (max-width: 571px) {

    .cv2-main-container {
        padding: 14px;
    }

    .chk-rinfo-font-price {
        font-size: 16px;
        font-weight: 700;
    }

    .chk-rinfo-font-text {
        font-size: 12px;
        font-weight: 500;
    }

    .chk-rinfo-font-w-700 {
        font-size: 12px;
        font-weight: 700;
    }

    .progression-item-1 {
        flex: 28;
    }

    .progression-item-2 {
        flex: 45;
    }

    .progression-item-3 {
        flex: 28;
    }

    .signup-desktop {
        flex-direction: column;
    }

    .mbl-mg-1 {
        margin-top: 4px;
    }

    .chk-signup-right {
        margin-top: -14px;
    }

    .chk-input {
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    .chk-signup-title {
        font-size: 16px;
        font-weight: 500;
    }

    .chk-rinfo-reader-name {
        font-size: 16px;
        font-weight: 700;
    }

    .chk-rinfo-font-modality {
        font-size: 12px;
        font-weight: 500;
    }

    .round-img-container {
        width: 70px;
        height: 70px;
    }

    .round-img {
        height: 70px;
        width: 70px;
    }

    .chk-signup-container {
        margin-top: -87px;
    }

    .chk-signup-perm-text {
        display: none;
    }

    .chk-signup-perm-text-mobile {
        display: flex;
        font-size: 12px;
        font-weight: 500;
    }

    .progression-title {
        font-size: 12px;
        font-weight: 500;
    }

    .progression-title-grey {
        font-size: 12px;
        font-weight: 500;
    }

    .chk-btn-blue {
        font-size: 16px;
        font-weight: 500;
    }

    .chk-btn-blue:hover {
        font-size: 16px;
        font-weight: 500;
    }

    .chk-btn-lbl {
        font-size: 16px;
    }

    .fb-font-size {
        font-size: 16px !important;
        font-weight: 700 !important;
    }

    .chk-log-in-lbl {
        font-size: 16px;
        font-weight: 500;
    }

    .chk-log-in-link {
        font-size: 16px;
        font-weight: 500;
    }

    .chk-sign-buttons {
        gap: 15px !important;
    }

    .chk-font-heading {
        font-size: 16px;
        font-weight: 700;
        align-items: center;
    }

    .check-font-price-cut {
        font-size: 16px;
        font-weight: 400;
    }


    .chk-reading-type {
        padding: 8px;
        gap: 2px;
    }

    .chk-font-reading-title {
        font-size: 14px;
        font-weight: 500;
    }

    .cut-thorough-price {
        font-size: 12px;
        font-weight: 400;
    }

    .show-non-intro-format {
        font-size: 12px;
        font-weight: 500;
    }

    .offer-price-bold {
        font-size: 12px;
        font-weight: 500;
    }

    .chk-font-sub1 {
        font-size: 12px;
        font-weight: 500;
    }

    .chk-font-sub2 {
        font-size: 12px;
        font-weight: 500;
    }

    .chk-btn-chat {
        padding: 8px;
    }

    .chk-btn-lbl-chat {
        font-size: 14px;
        font-weight: 500;
    }

    .chk-btn-icon {
        width: 18px;
    }

    .chk-time-lbl-font-selected {
        font-size: 14px;
        font-weight: 500;
    }

    .chk-time-lbl-selected {
        /* width: 109px; */
        padding: 8px;
    }

    .chk-time-lbl {
        /* width: 109px; */
        padding: 8px;
    }

    .paycreds-signup-container {
        margin-top: 0px !important;
    }

    .chk-payment-n-credit-card-text {
        font-size: 14px;
        font-weight: 700;
    }

    .btlr-font-t1 {
        font-size: 16px;
        font-weight: 500;
    }

    .btlr-font-t3 {
        font-size: 14px;
        font-weight: 500;
    }

    .btlr-font-btn {
        font-size: 16px;
        font-weight: 500;
    }

    .btlr-font-t5 {
        font-size: 12px;
        font-weight: 500;
    }

    .btlr-font-t6 {
        font-size: 10px;
        font-weight: 400;
    }

    .ssl-gap {
        gap: 4px;
    }

    .btlr-btn-white {
        width: 99px;
        padding: 16px;
    }

    .btlr-btn-white-disabled {
        width: 99px;
        padding: 16px;
    }

    .btlr-font-t3-balance {
        font-size: 12px;
        font-weight: 400;
    }

    .btlr-font-t3-bold-balance {
        font-size: 12px;
        font-weight: 700;
    }

    .btlr-input {
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    .chk-pay-twenty-five-col {
        flex: 33;
    }

    #example2-card-expiry {
        width: 100% !important;
    }

    #example2-card-cvc {
        width: 100% !important;
    }

    .chk-payment-scc-text {
        font-size: 12px;
        font-weight: 500;
    }

    .chk-payment-scc-check {
        width: 25px;
        height: 25px;
        align-items: center;
    }


    input[type="checkbox"].black-check-box {
        width: 16px;
        height: 16px;
    }

    input[type="checkbox"].black-check-box:checked {
        width: 16px;
        height: 16px;
    }

    .chk-payment-card-img {
        width: 68px;
        top: -12px;
    }

    .chk-payment-img-container {
        width: 37px;
    }

    .chk-payment-card-white-bg {
        margin-top: 4px;
        width: 36px;
        height: 25px;
    }

    .chk-payment-card-img-visa {
        width: 70px;
        top: -13px;
        left: -17px;
    }

    .chk-payment-card-img-discover {
        top: 10px;
        left: 5px;
        width: 30px;
    }

    .chk-payment-card-img-mastercard {
        width: 26px;
        left: 4px;
        top: 4px;
    }
}