@font-face {
    font-family: 'Kohinoor Bangla';
    src: url('../fonts/Bangla/KohinoorBangla.woff2') format('woff2'),
         url('../fonts/Bangla/KohinoorBangla.woff') format('woff'),
         url('../fonts/Bangla/KohinoorBangla.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.glossary-link{
	cursor: pointer;
    text-decoration: none;
    color: #0066a6;
}

/*start of register page*/
#rcp_registration_form .rcp_login_link h3{
    font-family: "Avenir Next";
    font-weight: 600;
    font-size: 24px;
    color: #231F20;
}
#rcp_registration_form .rcp_login_link .col-6:last-child span, .country_selection .mini_heading{
    font-family: "Avenir Next";
    font-weight: 500;
    font-size: 14px;
    color: #231F20;
}

#rcp_registration_form .rcp_login_link {
    padding: 5px 0px;
    border-bottom: 1px solid #D6DFEE;
}

#rcp_registration_form .col-6{
    padding-left: 0px;
    padding-right: 0px;
}
#rcp_registration_form .col-6:last-child{
    text-align: right;
}
#rcp_registration_form .container{
    display: flex;
}
.user_registration_info{
    padding-left: 0px;
    padding-right: 0px;
    display: block;
    margin-top: 30px;
    margin-bottom: 50px;
}

#rcp_registration_form .container .col-7 .user_registration_info p input,
#rcp_registration_form .container .col-7,
#rcp_registration_form .container .col-5
{
/*    max-width: 463px !important;*/
}
#rcp_registration_form .container .col-7{
/*    margin: 0 auto;*/
}
label span.mini_text, .payment_section .mini_heading{
    font-size: 12px;
    font-weight: 400;
}
#rcp_registration_form {
    color: #231F20;
    font-family: "Avenir Next" !important;
}
#rcp_registration_form .container label, .payment_section .form-group label{
    font-family: "Avenir Next";
    font-weight: 600;
    font-size: 14px;    
}
#rcp_registration_form .user_registration_info .heading_label,
#rcp_registration_form .rcp_subscription_message
{
    font-size: 18px;    
}
#rcp_registration_form .user_registration_info #togglePassword,
#rcp_registration_form .user_registration_info #togglePassword:focus{
    border: none;
    outline: none;
    background-color: transparent;
}

#rcp_password_wrap {
    position: relative;
    width: 100%;
}
#rcp_password {
    width: 100%;
    padding-right: 60px; /* Space for the button */
    padding-left: 10px;
    font-size: 16px;
    height: 40px;
}
#togglePassword {
    position: absolute;
    right: 10px; /* Positioning on the right side inside the input */
    top: 55%;
    border: none;
    background: none;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
}

.oxy-toggle-switch{
    margin-top: 30px;
    margin-bottom: 30px;
}
.oxy-toggle-switch .markup{
    font-family: "Kohinoor Bangla";
    background: #231F20;
    color: #fff;
    padding: 5px 7px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.oxy-toggle-switch_inner{
    display: flex;
    align-items: center;
}
.oxy-toggle-switch_switch{
    margin-bottom: 0px;
}
#-toggle-switch-81-57 .oxy-toggle-switch_label {
    font-size: 12px;    
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #231f20;
    font-family: 'Kohinoor Bangla';
    font-weight: 900;
}
#-toggle-switch-81-57 .oxy-toggle-switch_switch {
    --slider-width: 77px;
    margin-left: 23px;
    margin-right: 23px;
}
.oxy-toggle-switch_switch {
    position: relative;
    display: inline-block;
    width: var(--slider-width);
    height: 34px;
    --slider-width: 60px;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.oxy-toggle-switch_switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
#-toggle-switch-81-57 input:checked + .oxy-toggle-switch_slider {
    background-color: #231f20;
}
#-toggle-switch-81-57 .oxy-toggle-switch_slider {
    border-radius: 100px;
    height: 35px;
}
.oxy-toggle-switch_slider {
    position: absolute;
    cursor: pointer;
    left: 0;
    right: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: 30px;
    --slider-padding: 4px;
    padding-left: var(--slider-padding);
    padding-right: var(--slider-padding);
    will-change: background-color;
}
#-toggle-switch-81-57 .oxy-toggle-switch_control {
    border-radius: 100px;
    --control-size: 29px;
    background-color: #ffffff;
}
.oxy-toggle-switch input:checked + .oxy-toggle-switch_slider .oxy-toggle-switch_control {
    -webkit-transform: translate(var(--transform-size), -50%);
    -ms-transform: translate(var(--transform-size), -50%);
    transform: translate(var(--transform-size), -50%);
}
.oxy-toggle-switch_control {
    border-style: solid;
    border-width: 0;
    position: absolute;
    content: '';
    height: var(--control-size);
    width: var(--control-size);
    left: var(--slider-padding);
    bottom: 4px;
    background-color: white;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: all;
    transition-property: all;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.33);
    --control-size: 26px;
    --transform-size: calc(var(--slider-width) - var(--control-size) - var(--slider-padding) - var(--slider-padding));
    will-change: transform;
}

.rcp_subscription_level{
    width: calc(50% - 10px);
    max-height: 80px;
    border: 2px solid #D6DFEE;
    border-radius: 10px;
    padding: 15px 20px;
    max-width: 220px;
    margin-bottom: 0px !important;
}
.rcp_subscription_level_name{
    font-size: 14px;
    font-weight: 600;
}
.rcp_price, .rcp_separator, .rcp_level_duration{
    font-size: 18px;
    font-weight: 400;
}
input.rcp_level {
    accent-color: #231F20;
    width: 24px;
    height: 24px;
}
.pricing_section, .country_selection, .summary_section, .submit_btn_div, .payment_section{
    display: block;
}
#rcp_subscription_levels{
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    gap: 15px 20px;
    padding-left: 0px;
}
.pricing_section .subscription_year {
    display: none;
}
.country_selection{
    margin-top: 50px;
}
.country_selection .mini_heading, .payment_section .mini_heading{
    color: #808285;
}
.rcp_registration_total .rcp_registration_total_details tr{
    border-bottom: none;
    padding-block: 5px;
/*    max-width: 100%;*/
    min-width: 310px;
    width: -webkit-fill-available;
}
.rcp_registration_total .rcp_registration_total_details tbody tr:last-child{
    border-bottom: 1px solid #D6DFEE;
}
#rcp_submit {
    background-color: #0066A6;
    color: #fff;
    outline: none;
    border: none;
    padding: 10px 40px 5px 40px;
    letter-spacing: 2px;
    font-family: 'Kohinoor Bangla';
    width: 100%;
    font-weight: 700;
    font-size: 13px;
}
#rcp_registration_form .container .col-5{
    /*max-width: 310px;
    margin: 0 auto;*/
}
.submit_btn_div{
    margin-top: 30px;
/*    max-width: 310px;*/
    width: 310px;
    margin-left: auto;
    margin-right: auto;
}
.rcp-details{
    margin-top: 20px;
}
.country_selection h4, .membership-amount th, #rcp_registration_form .container .payment_section label:first-child{
    font-size: 18px;
    font-weight: 600;
    color: #231F20;
}
.payment_section .col-12{
    padding-left: 0px;
    padding-right: 0px;
/*    display: flex;*/
}
.payment_section{
    margin-top: 40px;
}

/*Stripe form*/
#card-element, #name-element, #exp-element, #cvc-element {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.two-columns {
    display: flex;
    gap: 10px;
}
.two-columns div {
    flex: 1;
}
#payment-form {
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.stripe-input {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
}

#cardholder-name {
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
}

#submit-button {
    background-color: #6772E5;
    color: white;
    padding: 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
}

#card-errors {
    color: red;
    margin-top: 10px;
}

.flex_div{
    display: flex;
}
.wid100{
    width: 100%;
}
.card-number-wrapper {
    position: relative;
}

#card-element {
    padding-right: 40px; /* Space for the card icon */
}

.card-icon {
    position: absolute;
    right: 10px;
    top: 65%;
    width: 24px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

.payment_section .form-group label, #rcp_card_name_wrap label, #rcp_card_wrap label{
    font-weight: 600;
    font-size: 14px !important;
}

#rcp-card-element{
    padding: 10px;
    border: 2px solid #D6DFEE;
    border-radius: 10px;
}
#rcp-card-name{
    padding: 7px 10px;
    border: 2px solid #D6DFEE;
    border-radius: 10px;
    width: 100%;
}
.rcp_registration_total .rcp_registration_total table.rcp-table{
    margin: 0 auto;
    /*width: 100%;*/
}

#rcp_registration_form .container {
    display: flex;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
    padding: 0;
    justify-content: center;
}

#rcp_registration_form .my-col-left {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#rcp_registration_form .my-col-right {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 75px;
}

#rcp_registration_form .col-7 {
    display: flex;
    justify-content: right;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 58.33333%;
    padding-right: 100px;
    padding-top: 50px !important;
    padding-bottom: 100px !important;
}

#rcp_registration_form .col-5 {
    display: flex;
    width: 41.66666%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0;
    background-color: #FAFBFD;
    padding-top: 50px !important;
    padding-bottom: 100px !important;
}

#rcp_registration_form .my-col-right, #rcp_registration_form .my-col-left {
    max-width: 463px !important;
}

.rcp_form .rcp_user_fieldset input:not([type=checkbox]):not([type=submit]){
    max-width: unset !important;
}
#rcp_registration_form, #rcp_registration_form h4{
    font-family: 'Avenir Next';
}
@media (min-width: 800px) and (max-width: 1200px) {
    #rcp_registration_form .container{
        display: block;
    }
    .rcp_registration_total .rcp_registration_total_details tr{
        max-width: unset;
        width: 100%;
    }
    .rcp_registration_total .rcp_registration_total table.rcp-table{
        width: 100%;
    }
    .rcp_registration_total .rcp_registration_total .rcp-table td{
        margin-bottom: 0px;
    }
    .submit_btn_div{
        max-width: unset;
        width: 100%;
    }

    #rcp_registration_form .col-7 {
        width: 100%;
        max-width: 100%;
        justify-content: center;
    }

    #rcp_registration_form .col-5 {
        width: 100%;
        max-width: 100%;
        justify-content: center;
    }
}
@media screen and (max-width: 799px) {
    #rcp_registration_form .col-7 {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        padding-right: 15px;
    }

    #rcp_registration_form .col-5 {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        padding-right: 15px;
    }

    #rcp_registration_form .my-col-left {
        padding: 0 20px;
    }

    #rcp_registration_form .my-col-right {
        padding: 0 20px;
    }

    .col-xs-12{
        width: 100%;
    }
    #rcp_registration_form .container{
        display: block;
    }
    #rcp_registration_form .col-7 .rcp_login_link .col-6:first-child{
        max-width: 40%;
    }
    
    #rcp_registration_form .col-7 .rcp_login_link .col-6:last-child{
        min-width: 60%;
    }
    #-toggle-switch-81-57 input:checked + .oxy-toggle-switch_slider,
    #-toggle-switch-81-57 .oxy-toggle-switch_slider{
        height: 20px;
        width: 50px;
    }
    #-toggle-switch-81-57 .oxy-toggle-switch_control{
        --control-size: 24px;
    }
    #-toggle-switch-81-57 input:checked + .oxy-toggle-switch_control{
        left: 0%;
    }
    #-toggle-switch-81-57 .oxy-toggle-switch_control{
        left: -20%;
    }
    #-toggle-switch-81-57 .oxy-toggle-switch_label{
        font-size: 10px;
        letter-spacing: 0px;
    }
    .oxy-toggle-switch .markup {
        font-size: 8px;
        width: 70px;
        text-align: center;
    }
    .rcp_subscription_level{
        padding: 10px 8px;
    }
    
    #rcp_registration_form .rcp_registration_total .rcp-table td{
        margin-bottom: 0px;
    }
    .submit_btn_div {
        margin-top: 20px;
    }
    .rcp_registration_total .rcp_registration_total_details tr{
        max-width: unset;
        width: auto;
    }
    table.rcp-table{
        max-width: 100%;
        width: 100% !important;
    }
    #-toggle-switch-81-57 .oxy-toggle-switch_switch{
        margin-left: 13px;
        margin-right: 13px;
    }
    .submit_btn_div{
        max-width: unset;
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    #rcp_subscription_levels li.rcp_subscription_level label, .rcp_subscription_level_name, #rcp_registration_form .rcp_login_link .col-6:last-child span{
        font-size: 12px !important;
    }
    .rcp_price, .rcp_separator, .rcp_level_duration{
        font-size: 14px;
    }
    .rcp_subscription_level{
        padding: 10px 4px;
    }
    #-toggle-switch-81-57 .oxy-toggle-switch_label {
        font-size: 9px;
    }
    .submit_btn_div{
        max-width: unset;
        width: 100%;
    }
    #rcp_registration_form .col-7 {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        padding-right: 15px;
    }

    #rcp_registration_form .col-5 {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        padding-right: 15px;
    }

    #rcp_registration_form .my-col-left {
        padding: 0 20px;
    }

    #rcp_registration_form .my-col-right {
        padding: 0 20px;
    }

}
/*end of register page