/* modal styling */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&display=swap');



body {
    font-family: 'Open Sans', sans-serif;
  }  
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    color: var(--theme-color);
    text-transform: capitalize;
}
  
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
    -moz-appearance: textfield;
  }
.d-hidden{
    display: none !important;
}
.bc-overflow-hidden{
    overflow: hidden;
}
.bc-modal {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    outline: 0;
    display: none;
    z-index: 1060;
    overflow: auto;
    position: fixed;
    margin-bottom: 0 !important;
    background-color: rgba(0,0,0,0.5);
}
.bc-modal,
.bc-modal *,
.bc-modal *::after,
.bc-modal *::before {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  letter-spacing: normal;
}
body .bc-modal a{
    text-decoration: none;
}
.bc-fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.bc-modal-content {
    width: 100%;
    outline: 0;
    display: flex;
    position: relative;
    pointer-events: auto;
    flex-direction: column;
    background-color: var(--white);
}

.bc-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
  
.bc-close:hover,
.bc-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.bc-modal-dialog {
    width: auto;
    position: relative;
    pointer-events: none;
}

.bc-modal.bc-fade .bc-modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
  
.bc-modal.bc-show .bc-modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.bc-fade.bc-show {
    opacity: 1;
}
.bc-modal-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.bc-modalbox .bc-modal-content{
    color: var(--primary-color);
    padding: 0 30px;
    border-radius: 10px;
    background: #F5F5F7;
}
.bc-modalbox .bc-modal-body{
    padding: 0 0 30px 0;
}

.bc-stepcount{
    width: 53px;
    height: 53px;
    display: flex;
    color: var(--white);
    font-size: 20px;
    margin-top: -24px;
    border-radius: 50%;
    align-items: center;
    background: var(--theme-color);
    justify-content: center;
    border: 6px solid #F5F5F7;
}
.bc-modal-content .bc-close-model{
    top: -15px;
    width: 40px;
    right: -20px;
    height: 40px;
    display: flex;
    border-radius: 50%;
    position: absolute;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}
.bc-close-model svg{
    height: 14px;
    width: 14px;
    fill: #051237;
}

.bc-signup_info{
    padding: 20px 0;
}
.bc-signup_info h2{
    font-size: 20px;
    margin-bottom: 0;
    color: var(--theme-color);
    font-weight: 800;
    line-height: 26px;
    font-family: 'Inter';
}
.bc-signup_info h2 strong{
    color: var(--primary-color);
    font-size: 22px;
    font-weight: 800;
    margin-right: 5px;
}
.bc-signup_info p{
    color: var(--primary-color);
    font-size: 16px;
    margin: 0;
    line-height: 24px;
    font-family: 'Inter';
}
.bc-signup_info p span{
    font-size: 18px;
    font-weight: 800;
}
.bc-signup_info p strong{
    color: var(--primary-color);
}

.bc-form fieldset{
    margin: -8px;
    padding: 0;
    border: 0;
}
.bc-form_wrapper{
    display: flex;
    flex-wrap: wrap;
}
.bc-form-group{
    margin: 0;
    width: 100%;
    padding: 8px;
    position: relative;
}
.bc-form-group-half{
    width: 50%;
}
.bc-form-group-3half{
    width: 33.3333333333%;
}
.bc-form-group-4half{
    width: 25%;
}
.bc-form_label{
    color: var(--primary-color);
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 4px 8px;
    font: 500 0.875rem/1.4285714286em "Inter" !important;
}
.bc-form-group .bc-form_input{
    width: 100%;
    height: 44px;
    color: var(--primary-color);
    border-radius: 6px;
    caret-color: var(--primary-color);
    padding: 0 20px 0 10px;
    background-clip: unset;
    background-color: var(--white);
    font: 400 0.875rem/1.4285714286em "Inter";
    box-shadow: none !important;
    border: 2px solid rgba(5, 18, 55, 0.08);
}
.bc-create-acc-step .bc-form-group .bc-form_input{border: 2px solid rgba(5, 18, 55, 0.08)}
.bc-form-group .bc-form_input::placeholder{
    color: #82889B;
    text-decoration: none;
}

body .bc-modal .bc-form .bc-form-group .bc-form_input:focus-visible,
body .bc-modal .bc-form .bc-form-group .bc-form_input:focus,
body .bc-modal .bc-form .bc-form-group .bc-form_input:hover{
    outline: none;
    border-color: none !important;
    background-color: var(--white);
    color: var(--primary-color);
    border: 2px solid rgba(5, 18, 55, 0.08);
}
.bc-btn-lg,
.bc-btn{
    flex: none;
    gap: 0 10px;
    border: 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    border-radius: 4px;
    padding: 12px 30px;
    position: relative;
    text-align: center;
    align-items: center;
    font-family: "Inter";
    display: inline-flex;
    color: var(--btn-text);
    justify-content: center;
    outline: none !important;
    background-color: var(--btn-bg);
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.bc-btn-lg:focus,
.bc-btn-lg:hover,
.bc-btn:focus,
.bc-btn:hover{
    color: var(--btn-text);
    background-color: var(--btn-bg);
}
.bc-btn-lg{
    min-height: 44px;
}
.btn-primary.bc-signup-btn{
    gap: 10px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 800;
    line-height: 20px;
    border-radius: 4px;
    padding: 23px 50px;
    color: var(--btn-text);
    position: relative;
    text-align: center;
    align-items: center;
    font-family: "Inter";
    display: inline-flex;
    justify-content: center;
    outline: none !important;
    border: 0;
    background-color: var(--btn-bg);
}
.btn-primary.bc-signup-btn:active,
.btn-primary.bc-signup-btn:focus,
.btn-primary.bc-signup-btn:hover{
    background-color: var(--btn-bg) !important;
    box-shadow: none !important;
}
.bc-btn-wrapper{
    gap: 20px;
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
}

.bc-creataccount{
    min-width: 216px;
    width: 100%;
}
.bc-error input{
    border-color: #D51E3E !important; 
}
.bc-errormsg{
    font-size: 13px;
    font-weight: 500;
    color: #D51E3E;
    line-height: 16px;
    font-family: 'Inter';
}
.bc-error-wrapper{
    margin: 0 0 20px 0;
    border-radius: 10px;
    background: #FFEDF0;
    border: 1px solid rgba(5, 18, 55, 0.08);
}
.bc-validation{
    margin: 0;
    padding: 5px 0;
    list-style: none;
}
.bc-validation li{
    gap: 10px;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    color: #D51E3E;
    padding: 5px 14px;
    line-height: 24px;
    font-family: 'Inter';
    list-style-type: none;
}
.bc-validation li::before{
    content: '';
    width: 5px;
    height: 5px;
    display: block;
    margin-top: 9px;
    border-radius: 50%;
    background-color: #D51E3E;
}
.bc-sucess-wrapper{
    width: 100%;
    display: flex;
    padding: 40px 20px;
    border-radius: 10px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-color: var(--white);
    border: 1px solid rgba(5, 18, 55, 0.08);
}
.bc-sucess-wrapper button{
    margin-top: 30px;
}
.bc-confirm-icon{
    width: 80px;
    height: 80px;
    display: flex;
    margin: 20px 0;
    border-radius: 50%;
    position: relative;
    align-items: center;
    justify-content: center;
    background-color: #4caf50;
}
.bc-confirm-icon::after{
    content: '';
    width: 110px;
    height: 110px;
    border-radius: 50%;
    position: absolute;
    border: 2px solid rgba(5, 18, 55, 0.08);
}
.bc-sucess-wrapper h2{
    font-size: 21px;
    margin-bottom: 0;
    text-align: center;
    color: var(--theme-color);
    margin-top: 10px;
    font-weight: 700;
    line-height: 26px;
    font-family: 'Inter';
}
.bc-sucess-wrapper h2 strong{
    color: var(--primary-color);
    margin-right: 5px;
}
.bc-pricelist{
    padding: 0;
    width: 100%;
    margin: 10px 0 0;
    max-width: 150px;
    list-style: none;
}
.bc-pricelist li{
    display: flex;
    align-items: center;
    list-style-type: none;
    justify-content: space-between;
}
.bc-pricelist li + li{
    margin-top: 5px;
}
.bc-pricelist li span{
    color: var(--primary-color);
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    font-family: 'Inter';
}
.bc-description{
    margin-top: 30px;
}
.bc-description p{
    color: var(--primary-color);
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 26px;
    font-family: 'Inter';
    text-align: center;
}
.bc-price-wrapper{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: -7.5px;
    padding: 20px 0 0;
    align-items: center;
}
.bc-price-wrapper li{
    padding: 7.5px;
    list-style-type: none;
}
.bc-priceinfo{
    padding:25px 30px;
    background: var(--primary-color);
    text-align: center;
    border-radius: 10px;
}
.bc-priceinfo em,
.bc-priceinfo strong{
    display: block;
    color: var(--white);
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    font-style: normal;
    font-family: 'Inter';
}
.bc-priceinfo h1{
    color: var(--white);
    font-size: 58px;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 58px;
    font-family: 'Inter';
} 

.bc-modalbox .bc-create-acc-step{
    max-width: 420px;
}

.bc-modalbox .bc-agreement-details{
    max-width: 1060px;
}
.bc-modalbox .bc-order-confirmation,
.bc-modalbox .bc-order-submission{
    max-width: 1180px;
}

.bc-modalbox .bc-setup-wallet-step1{
    max-width: 850px;
}
.bc-modalbox .bc-add-wallet-ethereum{
    max-width: 900px;
}
.bc-info-modal.bc-modal-dialog{
    max-width: 600px;
}
.bc-agreement-details .bc-signup_info{
    padding-bottom: 0;
}
.bc-creataccount span{
    color: var(--white);
}
.bc-create-acc-step{
    justify-content: center;
}

.bc-model-footer{
    text-align: right;
    padding: 10px 0px 30px;
}
.bc-create-acc-step .bc-model-footer a{
    width: 100%;
}

.bc-btn-holder{
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    align-items: center;
}
.bc-btnvtwo {
    color: #030014;
    background-color: rgba(5, 18, 55, 0.08);
}
.bc-spinner{
    width: 20px;
    height: 20px;
    display: none;
    border-radius: 50%;
    border: 3px solid #051237;
    border-right-color: transparent;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
}
@keyframes spinner-border {
    to { transform: rotate(360deg) }
}
.bc-btn-lg[disabled="disabled"],
.bc-btn[disabled="disabled"]{
    pointer-events: none;
    color: rgba(5, 18, 55, 0.32);
    background-color: rgba(5, 18, 55, 0.08);
}
.bc-btn-lg[disabled="disabled"] .bc-spinner,
.bc-btn[disabled="disabled"] .bc-spinner{
    display: inline-block;
}
.bc-order-disable{
    pointer-events: none;
    color: rgba(5, 18, 55, 0.32);
    background-color: rgba(5, 18, 55, 0.08);
}

/* step three */
.bc-modalbox .bc-product-list{
    max-width: 750px;
}

.bc-modalbox .bc-order-submission .bc-modal-content,
.bc-modalbox .bc-agreement-details .bc-modal-content,
.bc-modalbox .bc-product-list .bc-modal-content{
    background-color: var(--white);
}
.bc-products-list{
    padding: 0;
    margin: 0;
    list-style: none;
}
.bc-products-list > li{
    list-style-type: none;
}
.bc-products-list > li + li{
    margin-top: 10px;
}
.bc-purchaseitem{
    gap: 10px;
    display: flex;
    padding: 15px 16px;
    border-radius: 10px;
    align-items: center;
    background: #f5f6f7;
    border: 1px solid transparent;
}
.bc-purchas-info {
    width: 100%;
    display: flex;
    align-items: center;
}
.bc-purchas-content h2 {
    margin: 0;
    color: #030014;
    font: 400 1rem/1.25em "Inter";
}
.bc-purchas-status {
    margin: 0;
    display: flex;
    list-style: none;
    padding: 3px 0 0 0;
    align-items: center;
}
.bc-purchas-status li {
    padding-right: 10px;
    list-style-type: none;
}
.bc-purchas-status li span {
    display: block;
    color: rgba(5, 18, 55, 0.76);
    font: 400 0.875rem/1.4285714286em "Inter";
}
.bc-vlaue-btn {
    gap: 10px;
    display: flex;
    margin-left: auto;
    align-items: center;
    justify-content: center;
}
.bc-vlaue-btn > a {
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    background: #e3e4e8;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.bc-vlaue-btn > a svg{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    fill:  rgba(5, 18, 55, 0.6);
}
.bc-vlaue-btn > a:hover{
    background-color: var(--primary-color);
}
.bc-vlaue-btn > a:hover svg{
    fill: var(--white)
}
.bc-input-number {
    width: 44px !important;
    text-align: center;
    border: 0 !important;
    padding: 0 !important;
    height: 24px !important;
    background: transparent !important;
    font: 400 0.875rem/1.4285714286em "Inter";
    color:rgba(5, 18, 55, 0.76) !important;
}
.bc-box-wrapper{
    gap: 30px;
    display: flex;
    padding-top: 10px;
    align-items: center;
}
.bc-products-list .bc-box-wrapper img{
    width: 100%;
    max-width: 270px;
}
.bc-product-list .bc-storefrom-btn{
    justify-content: flex-end;
    padding-top: 30px;
}
.bc-bgbox{
    width: 100%;
    padding: 20px 30px;
    border-radius: 10px;
    min-height: 207.39px;
    background: #f5f6f7;
}
.bc-order-summary h5{
    font-size: 24px;
    color: #030014;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 30px;
    font-family: 'Inter';
}
.bc-order-summary p{
    font-size: 16px;
    line-height: 24px;
    margin:10px 0 0;
    font-weight: 400;
    font-family: 'Inter';
    color: rgba(5, 18, 55, 0.76);
}
.bc-history-list{
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
}
.bc-history-list li{
    display: flex;
    align-items: center;
    list-style-type: none;
    justify-content: space-between;
}
.bc-history-list li + li{
    margin-top: 5px;
}
.bc-history-list li strong,
.bc-history-list li span{
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #030014;
    line-height: 24px;
    font-family: 'Inter';
}
.bc-order_btns{
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    align-items: center;
}
.bc-order_btns > a{
    width: 100%;
}

/* step-four */

.bc-step_nav{
    padding: 0;
    display: flex;
    margin: 0 -30px;
    overflow: hidden;
    list-style: none;
}
.bc-step_nav li {
    width: 100%;
    max-width: 33.33%;
    list-style-type: none;
    border-bottom: 1px solid rgba(5, 18, 55, 0.08);
}
.bc-step_nav li a{
    gap: 8px;
    display: flex;
    font-size: 13px;
    line-height: 20px;
    padding: 20px 30px;
    align-items: center;
    color: rgba(5, 18, 55, 0.6);
}
.bc-step_nav li a svg{
    height: 14px;
    width: 14px;
    fill: var(--theme-color);
}
.bc-check,
.bc-arrow{
    display: none;
}

.bc-step_nav li.active a{
    color: #030004;
    box-shadow: inset 0 -2px 0 rgb(5 18 55 / 8%);
}
.bc-step_nav li.active .bc-arrow{
    display: block;
}
.bc-step_nav li.active .bc-check{
    display: none;
}
.bc-step_nav li.completed a{
    box-shadow: inset 0 -2px 0 var(--theme-color);
}
.bc-step_nav li.completed .bc-arrow{
    display: none;
}
.bc-step_nav li.completed .bc-check{
    display: block;
}
.bc-step_body > h5{
    color: #030014;
    margin-bottom: 10px;
}
.bc-step_body{
    padding: 30px 0 0;
}
.bc-step_body > p{
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(5, 18, 55, 0.76);
}
.bc-warning span{
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #D51E3E;
    line-height: 16px;
}
.bc-warning span svg{
    height: 13px;
    width: 13px;
    fill: #D51E3E;
    margin-right: 10px;
}
.bc-eyeicon{
    position: relative;
}
.bc-eyeicon a{
    top: 50%;
    right: 12px;
    font-size: 12px;
    position: absolute;
    transform: translate(0, -50%);
}
.bc-eyeicon a::after{
    content: '';
    left: 50%;
    top: 42%;
    width: 2px;
    height: 17px;
    display: block;
    position: absolute;
    background: var(--primary-color);
    border-left: 1px solid var(--white);
    transform: translate(-50%,-50%)rotate(45deg);
}
.bc-eyeicon a svg{
    width: 12px;
    height: 12px;
    fill: var(--primary-color);
} 
.bc-eyeicon a.bc-showpassword::after{
    display: none;
}
.bc-passconditon{
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px;
    background: #F5F5F7;
    border: 2px solid rgba(5, 18, 55, 0.08);
}
.bc-passconditon_list{
    padding: 0;
    margin: -5px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
}
.bc-passconditon_list li{
    padding: 5px;
    position: relative;
    width: calc(100% / 2);
    list-style-type: none;
}

.bc-passconditon_list li span{
    gap: 9px;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    color:  #D51E3E;
    line-height: 20px;
    align-items: center;
}

.bc-passconditon_list li.valid > span {
    color: #4caf50;
}
.bc-passconditon_list li.valid > span::before {
    content: '';
    background-image: url("../images/green-check.svg");
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}

.bc-passconditon_list li.invalid > span::before {
    content: '';
    width: 8px;
    height: 8px;
    background-image: url("../images/dot.svg");
    background-repeat: no-repeat;
}
.bc-wakly-progress{
    margin-top: 20px;
}
.bc-wakly-progress strong{
    display: block;
    font-size: 14px;
    font-weight: 400px;
    line-height: 20px;
    color: rgba(5, 18, 55, 0.6);
}
.bc-wakly-progress strong span{
    margin-left: 8px;
}
.bc-meter {
    height: 8px;
    display: block;
    margin-top: 10px;
    position: relative;
    background: rgba(5, 18, 55, 0.08);
}
.bc-meter > span {
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    background-size: 40px 40px;
    transition: width 0.3s ease-out;
    background-color: #00C773;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    animation: progress-bar-stripes 0.6s linear infinite;
    background-image: linear-gradient(45deg, #0eb264 25%, transparent 25%, transparent 60%, #0eb264 50%, #0eb264 75%, transparent 75%, transparent);
}
  
@-webkit-keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
}
@keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
}
.bc-store-title h4{
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #051237;
    line-height: 30px;
    font-family: 'Inter';
}
.bc-agreements_form .bc-form-group .bc-agreements_item{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding:19px 20px;
    border-radius: 10px;
    background: rgba(5, 18, 55, 0.02);
    border: 1px solid rgba(5, 18, 55, 0.08);
}
.bc-nodetext{
    display: flex;
    background: var(--white);
    overflow-y: auto;
    max-height: 350px;
    overflow-x: hidden;
    padding: 12px;
    flex-direction: column;
}
.bc-team-table tbody::-webkit-scrollbar,
.bc-nodetext::-webkit-scrollbar {
    width: 0.2em;
    background-color: var(--white);
}
.bc-team-table tbody::-webkit-scrollbar-thumb,
.bc-nodetext::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
}
.bc-nodetext p{
    font-size: 14px;
    font-weight: 400;
    color: #051237;
    line-height: 20px;
    font-family: 'Inter';
    white-space: break-spaces;
 }
.bc-stepdescription p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
    font-family: 'Inter';
    color: rgba(5, 18, 55, 0.6);
}
.bc-agreements_field .bc-form_label{
    margin-left: 0;
}
.bc-agreements_textareavtwo .bc-agreement-title{
    color: #030014;
}
.bc-agreement-title {
    margin-bottom: 0;
    font-weight: 500;
}
.bc-checkbox input[type="checkbox"]{
    display: none;
}
.bc-checkbox input[type=checkbox] + label::before{
    flex: none;
    display: flex;
    content: "";
    width: 20px;
    height: 20px;
    color: var(--white);
    font-size: 14px;
    margin-right: 10px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(5, 18, 55, 0.24);
}
.bc-checkbox input[type=checkbox]:checked + label::before{
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    background-image: url('../images/check.svg');
}
.bc-checkbox label{
    margin: 0;
    display: flex;  
    cursor: pointer;
    font: 400 15px/20px 'Inter' !important;
}
.bc-agreements_field{
    width: 100%;
    margin-top: auto;
}
.bc-agreements_info{
    margin: 0 0 20px;
}
.bc-clearnow{
    display: block;
    margin: 4px 0 0;
    color: #E93356;
    letter-spacing: 0.2px;
    font: 400 0.75rem/1.3333333333em "Inter";
}
.bc-clearnow:hover{
    color: #E93356;
}
.bc-required::after{
    content: "*";
    color: var(--theme-color);
    font: 500 1rem/1.25em "Inter";
}
.bc-agreement-signature{
    display: block;
    width: 100%;
    background-color: var(--white);
}
.bc-agreements_description{
    display: flex;
}
.bc-agreements_description p{
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Inter';
    color: #051237;
}
.bc-storefrom-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bc-agreement-details .bc-step{
    border: 0;
}

/* step five */
.bc-review-box{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    border-radius: 10px;
    background: rgba(5, 18, 55, 0.02);
    border: 1px solid rgba(5, 18, 55, 0.08);
}
.bc-reamingtime{
    width: 100%;
    display: flex;
    max-width: 276px;
    flex-direction: column;
    border-right: 1px solid rgba(5, 18, 55, 0.08);
}
.bc-circular-progress{
    width: 191px;
    height: 191px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: auto;
    background: conic-gradient(transparent 0deg, #e6e7eb 0deg);
}
.bc-circular-progress::before {
    content: "";
    position: absolute;
    width: 174px;
    height: 174px;
    border-radius: 50%;
    background-color: #fafafb;
}
.bc-circular-progress > span{
    z-index: 1;
    width: 100%;
    display: block;
    max-width: 95px;
    text-align: center;
    font: 400 1rem/1.5em "Inter";
}
.bc-timer-list{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(5, 18, 55, 0.08);
}
.bc-timer-list > li {
    width: 100%;
    max-width: 33.33%;
    text-align: center;
    padding: 10px 0;
    list-style-type: none;
}
.bc-timer-list > li > h3 {
    margin-bottom: 0;
    color: rgba(5, 18, 55, 0.76);
    font: 400 1.5625rem/1.2em "Inter";
}
.bc-timer-list > li > span {
    display: block;
    color: rgba(5, 18, 55, 0.6);
    font: 400 0.875rem/1.4285714286em "Inter";
}
.bc-timer-list > li + li {
    border-left: 1px solid rgba(5, 18, 55, 0.08);
}
.bc-order-history {
    flex: 1;
}
.bc-team-table {
    display: block;
    padding: 10px;
    margin-bottom: 0;
    border-radius: 10px;
}
.bc-team-table thead {
    display: block;
    border-radius: 10px;
    background: rgba(5, 18, 55, 0.04);
}
.bc-team-table thead,
.bc-team-table tbody tr{
    width: 100%;
} 
.bc-team-table thead tr{
    display: flex;
    width: 100%;
}
.bc-team-table thead tr th {
    border: 0;
    color: #030014;
    text-align: left;
    padding: 14px 10px;
    width: 100%;
    vertical-align: bottom;
    font: 500 1rem/1.5em "Inter";
}
.bc-team-table thead tr th:first-child {
    padding-left: 16px;
}
.bc-team-table thead tr th:last-child {
    padding-right: 16px;
}
.bc-team-table tbody tr td:last-child {
    padding-right: 16px;
}
.bc-team-table tbody tr td:first-child {
    padding-left: 16px;
}
.bc-team-table tbody{
    display: block;
}
.bc-team-table tbody tr {
    display: flex;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.bc-team-table tbody tr td {
    border: 0;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    padding: 14px 10px;
    color: rgba(5, 18, 55, 0.76);
    font: 400 0.875rem/1.4285714286em "Inter";
}
.bc-team-table tbody tr td span {
    gap: 10px;
    display: flex;
    align-items: center;
    color: #030014;
    word-break: break-all;
} 

.bc-order-form{
    padding: 20px;
    border-top: 1px solid rgba(5, 18, 55, 0.08);
}
.bc-order-form > p {
    margin-bottom: 10px;
    color: rgba(5, 18, 55, 0.76);
    font: 400 1rem/1.5em "Inter";
}
.bc-order-finaliaze-btns{
    gap: 10px;
    display: flex;
    margin-top: 20px;
    align-items: center;
}
.bc-tippy-info{
    position: relative;
}
.bc-tippy-info svg{
    height: 13px;
    width: 13px;
    fill: rgba(5, 18, 55, 0.32);
}
.bc-tippy-content{
    top: -45px;
    left: 50%;
    opacity: 0;
    display: flex;
    height: 0;
    width: 0;
    padding: 8px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    visibility: hidden;
    white-space: nowrap;
    align-items: center;
    position: absolute;
    border-radius: 8px;
    font-family: 'Inter';
    background: #FFFFFF;
    justify-content: center;
    color: rgba(5, 18, 55, 0.76);
    transform: translateX(-50%);
    box-shadow: 4px 8px 48px -8px rgb(99 115 146 / 12%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.bc-tippy-content::after {
    content: '';
    width: 0;
    height: 0;
    bottom: -10px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--white);
}
.bc-tippy-info:hover .bc-tippy-content{
    opacity: 1;
    height: auto;
    width: auto;
    visibility: visible;
}
.bc-alert-info {
    width: 100px;
    height: 100px;
    display: flex;
    margin: 0 auto;
    color: var(--white);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: #D51E3E;
    outline: 8px solid rgba(5, 18, 55, 0.08);
}
.bc-alert-info svg{
    height: 40px;
    width: 40px;
    fill:var(--white);

}
.bc-info-modal .bc-modal-body{
    padding: 30px 0;
}

.bc-cancel-order{
    padding-top: 30px;
}
.bc-proceeding {
    margin-top: 20px;
    text-align: center;
}
.bc-proceeding h2{
    margin: 0;
    color:  #030014;
    font: 400 1.5625rem/1.2em "Inter";
}
.bc-proceeding p {
    margin: 0;
    color: rgba(5, 18, 55, 0.76);
    font: 400 1rem/1.5em "Inter";
}

.bc-btn-wrap{
    gap: 10px;
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
}
.bc-cancel-confirm .bc-btn-wrap{
    justify-content: space-between;
}
.bc-sendinvit{
    gap: 10px;
    display: flex;
    align-items: center;
    margin-top: 10px;
    justify-content: space-between;
}
.bc-continue{
    color: rgba(5, 18, 55, 0.6);
    font: 500 1rem/1.4285714286em "Inter";
}
.bc-continue:hover{
    color: rgba(5, 18, 55, 0.6);
}
/* step six */
.bc-order-confirm{
    gap: 20px;
    display: flex;
}
.bc-preloader{
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    border: 1px solid rgba(5, 18, 55, 0.08);
}
.bc-inner-loader{
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    border: 3px solid var(--theme-color);
    border-top-color: var(--white);
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.bc-orderconfirm-wrapper .bc-store-title h4{
    margin-bottom: 10px;
}
.bc-store-title p{ 
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Inter';
    color: rgba(5, 18, 55, 0.76);
}
.bc-border-btn{
    color: #051237;
    padding: 11px 30px;
    background: var(--white);
    border: 1px solid rgba(5, 18, 55, 0.08);
}

/* step seven */
.bc-order-completed{
    gap: 30px 24px;
    display: flex;
}
.bc-order-completed > * {
    width: 100%;
    max-width: 49%;
}
.bc-store-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.bc-order-step .bc-store-title > h4 {
    margin-bottom: 0;
}
.bc-store-title > p {
    margin: 10px 0 0;
    color: rgba(5, 18, 55, 0.76);
}
.bc-store-btn {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    align-items: center;
}
.bc-step_body > .bc-completed-table {
    margin-top: 30px;
}
/* step eight */
.bc-passcode-wrapper{
    border-radius: 10px;
    background-color: var(--white);
    border: 1px solid rgba(5, 18, 55, 0.08);
}
.bc-setup-wallet-step1 .bc-step_nav{
    margin: 0;
}
.bc-setup-wallet-step1 .bc-step_body{
    padding: 30px;
}
.bc-step-title h5{
    color: #030014;
    margin-bottom: 0;
    font: 400 1.25rem/1.2em "Inter";
}
.bc-step-title p{
    margin-bottom: 0;
    font: 400 0.875rem/1.4285714286em "Inter";
}
.bc-step-title h5 + p {
    margin-top: 10px;
}
.bc-step-title p + .bc-warning {
    margin-top: 20px;
}
.bc-step-form{
    margin-top: 20px;
}
.bc-recovery-holder {
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 2px solid rgba(5, 18, 55, 0.08);
}

.bc-recovery-holder > span {
    width: 50px;
    height: 40px;
    flex: none;
    display: flex;
    color: rgba(5, 18, 55, 0.32);
    align-items: center;
    justify-content: center;
    background: rgba(5, 18, 55, 0.08);
    font: 400 0.875rem/1.4285714286em "Inter";
}
body .bc-modal .bc-form .bc-form-group .bc-recovery-holder input.bc-form_input {
    height: 40px;
    border: 0 !important;
    border-radius: 0;
    background-color: var(--white);
}
body .bc-modal .bc-form .bc-form-group .bc-recovery-holder input.bc-form_input:focus,
body .bc-modal .bc-form .bc-form-group .bc-recovery-holder input.bc-form_input:hover {
    border:0 ;
}
.bc-recovery-holder .bc-form_input[readonly] {
    color: #051237;
}
.bc-scan_area{
    gap: 20px;
    display: flex;
    align-items: center;
}
.bc-scanimg {
    margin: 0;
    padding: 0;
    flex: none;
}
.bc-scan_area .bc-scanimg img{
    width: 100%;
    height: 148px;
    padding: 10px;
    max-width: 148px;
    border-radius: 10px;
    background-color: #fff;
}
.bc-available_balance {
    width: 100%;
}
.bc-available_balance > label {
    margin-bottom: 4px;
    color: rgba(5, 18, 55, 0.32);
    font: 500 0.875rem/1.4285714286em "Inter";
}
.bc-inputcopy {
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
}
body .bc-modal .bc-form .bc-form-group .bc-inputcopy input {
    flex: 1;
    border: 0;
    height: 44px;
    border-radius: 4px 0 0 4px;
    background-color: #f5f6f7;
}
body .bc-modal .bc-form .bc-form-group .bc-inputcopy input:focus,
body .bc-modal .bc-form .bc-form-group .bc-inputcopy input:hover{
    border: 0;
    background-color: #f5f6f7;
}
.bc-inputcopy .bc-btn-lg {
    border-radius: 0 4px 4px 0;
}
.bc-ethereum{
    padding: 30px;
    background-color: var(--white);
    border-radius: 10px;
    border: 1px solid rgba(5, 18, 55, 0.08);

}
.bc-bnsidebar_title h3{
    color: #030014;
    margin-bottom: 0;
    font: 400 1.5625rem/1.2em "Inter";
}
.bc-bnsidebar_title p {
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 24px;
    color: rgba(5, 18, 55);
}
.bc-ethereum .bc-bnsidebar_title{
    margin-bottom: 30px;
}
.bc-btn_wrapper{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bc-btn_wrapper > a{
    min-width: 300px;
    font-size: 20px;
    line-height: 24px;
}
.bc-copytags-holder{
    display: flex;
}
.bc-copytags-holder input.bc-form_input {
    border-radius: 4px 0px 0px 4px;
    color: rgba(5, 18, 55, 0.32);
    background-color:var(--white);
}
body .bc-modal .bc-form .bc-copytags-holder input.bc-form_input[readonly] {
    color: rgba(5, 18, 55, 0.32);
    background: rgba(5, 18, 55, 0.08);
    border: 2px solid transparent !important;
}
.bc-copy{
    gap: 6px;
    flex: none;
    color: var(--btn-text);
    padding: 0 22px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--btn-bg);
    border-radius: 0px 4px 4px 0px;
    font: 600 0.875rem/1.4285714286em "Inter";
}
.bc-copy svg{
    height: 14px;
    width: 14px;
    fill: var(--white);
}
.bc-copy:hover{
    color: var(--white);
}
.bc-pages-spiner{
    margin-top: 10px;
}
.bc-pages-spiner .bc-spinner{
    width: 14px;
    height: 14px;
    display: block;
    border: 2px solid rgba(5, 18, 55, 0.5);
    border-right-color: transparent;
}
.bc-process-complete {
    margin: 0 auto;
    width: 90px;
    height: 90px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #4caf50;
}
.bc-process-complete svg {
    height: 35px;
    width: 35px;
    fill: var(--white);
}
.bc-process-complete::after{
    content: '';
    position: absolute;
    width: 96px;
    height: 96px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: rgba(5, 18, 55, 0.08);
    transform-origin: center center;
    -moz-animation: 1600ms pulsate infinite alternate ease-in-out;
    -ms-animation: 1600ms pulsate infinite alternate ease-in-out;
    -o-animation: 1600ms pulsate infinite alternate ease-in-out;
        animation: 1600ms pulsate infinite alternate ease-in-out;
}
@keyframes pulsate {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}
 
.bc-procssmodal-title {
    margin-top: 20px;
    text-align: center;
}
.bc-procssmodal-title h4 {
    margin-bottom: 0;
    color:#030014;
    font: 400 1.5625rem/1.2em "Inter";
}
.bc-procssmodal-title p {
    margin: 0;
    color: rgba(5, 18, 55, 0.76);
    font: 400 1rem/1.5em "Inter";
}
.bc-procssmodal-btn {
    width: 100%;
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: space-between;
}
.bc-procssmodal-btn > a {
    padding: 0 22px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(5, 18, 55, 0.6);
    font: 400 0.875rem/1.4285714286em "Inter";
}
.bc-procssmodal-btn > a:hover {
    color: rgba(5, 18, 55, 0.6);
}
.bc-greenbtn {
    color: #FFFFFF !important;
    background: #4caf50;
    border-radius: 4px;
}
.bc-procssmodal-btn > a.bc-close-modal{
    padding-right: 0;
}
.bc-matchform {
    border-color: #4caf50;
}
.bc-matchform > span {
    color: #FFFF;
    background: #4caf50;
}
.bc-notmatchform {
    border-color: #D51E3E;
}
.bc-notmatchform > span {
    color: #FFFF;
    background: #D51E3E;
}

.bc-complete-processing{
    gap: 20px;
    width: 100%;
    display: flex;
    min-height: 600px;
    border-radius: 4px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: rgba(5, 18, 55, 0.02);
}
.bc-complete-icon > i {
    width: 80px;
    height: 80px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: rgba(5, 18, 55, 0.04);
}
.bc-complete-icon > i svg{
    height: 31px;
    width: 31px;
    fill: rgba(5, 18, 55, 0.76);

}
.bc-complete-processing span{
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: 'Inter';
    color: rgba(5, 18, 55, 0.76);
}
.bc-step_body.bc-wallet-processing{
    padding: 0;
}
@media (min-width: 1679px){
    .bc-overflow-hidden{
        padding-right: 17px;
    }
}
@media (min-width: 576px){
    .bc-modal-dialog {
        max-width: 650px;
        margin: 1.75rem auto;
        padding: 0 30px;
    }
    .bc-modal-centered {
        min-height: calc(100% - 3.5rem);
    }
}
/* responsive */
@media (max-width: 1510px){
    .bc-tippy-content{
        top: -90px;
    }
    .bc-tippy-info:hover .bc-tippy-content{
        width: 200px;
        white-space: break-spaces;
    }
}
@media (max-width: 1199px){
    .bc-order-completed{
        flex-wrap: wrap;
    }
    .bc-tippy-info:hover .bc-tippy-content{
        display: none;
    }
    .bc-team-table tbody tr td span{
        color: rgba(5, 18, 55, 0.76);
    }
    .bc-order-completed > *{
        max-width: 100%;
    }
    .bc-completed-table .bc-team-table{
        background: rgba(5, 18, 55, 0.04);
    }
    .bc-completed-table .bc-team-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .bc-completed-table .bc-team-table td::before {
        width: 100%;
        max-width: 40%;
        margin-right: 20px;
        color: #030014;
        content: attr(data-label);
    }
    .bc-completed-table .bc-team-table tbody {
        max-height: max-content;
    }
    .bc-completed-table .bc-team-table tbody tr {
        flex-direction: column;
    }
    .bc-completed-table .bc-team-table tbody tr td {
        display: flex;
        align-items: center;
    }
}
@media (max-width: 1040px) and (min-width:991px){
    .bc-agreements_form .bc-form-group-3half{
        width: 50%;
    }
}
@media (max-width: 991px){
    .bc-reamingtime{
        max-width: 100%;
    }
    .bc-reamingtime{
        border-right: 0;
        border-bottom: 1px solid rgba(5, 18, 55, 0.08);
    }
    .bc-circular-progress{
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
@media (max-width: 820px){
    .bc-form-group-4half{
        width: 33.33%;
    }
}
@media (max-width: 800px){
    .bc-setup-wallet-step1 .bc-step_nav{
        flex-direction: column;
        align-items: flex-start;
    }
    
    .bc-setup-wallet-step1 .bc-step_nav li{
        max-width: 100%;
    }
}
@media (max-width: 767px){
    .bc-scan_area{
        flex-direction: column;
    }
    .bc-form-group-half{
        width: 100%;
    }
    .bc-agreements_form .bc-form-group-3half{
        width: 50%;
    }
    .bc-order-history .bc-team-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .bc-order-history .bc-team-table td::before {
        width: 100%;
        max-width: 40%;
        margin-right: 20px;
        color: #030014;
        content: attr(data-label);
    }
    .bc-order-history .bc-team-table tbody {
        max-height: max-content;
    }
    .bc-order-history .bc-team-table tbody tr {
        flex-direction: column;
    }
    .bc-order-history .bc-team-table tbody tr td {
        display: flex;
        align-items: center;
    }
    .bc-price-wrapper li{
        width: 50%;
    }
}

@media (max-width: 675px){
    .bc-box-wrapper{
        flex-direction: column;
        align-items: flex-start;
    }
    .bc-bgbox{
        min-height: inherit;
        height: 100%;
    }
    
}
@media (max-width: 620px){
    .bc-form-group-4half{
        width: 50%;
    }
    
}
@media (max-width: 575px){
    .bc-modal-dialog {
        margin: 30px auto;
        padding: 0 25px;
    }
    .bc-close-model{
        right: -15px;
    }
    .bc-step_nav{
        flex-wrap: wrap;
    }
    .bc-step_nav li{
        max-width: 100%;
    }
    .bc-passconditon_list li{
        width: 100%;
    }
    .bc-price-wrapper li{
        width: 100%;
    }
}
@media (max-width: 520px) {
    
    .bc-purchaseitem{
        align-items: flex-start;
    }
    .bc-purchas-info{
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}
@media (max-width: 480px) {
    .bc-btn-holder{
        gap: 10px;
    }
    .bc-sendinvit > a,
    .bc-storefrom-btn > a,
    .bc-sucess-wrapper button,
    .bc-agreements_form .bc-form-group-3half,
    .bc-store-btn > a,
    .bc-btn-holder > a{
        width: 100%;
    }
    .bc-passconditon{
        padding: 15px;
    }
    .bc-order-confirm{
        flex-wrap: wrap;
    }
    .bc-btn-lg, .bc-btn{
        padding-left: 15px;
        padding-right: 15px;
    }
    .bc-sendinvit{
        flex-direction: column;
        align-items: flex-start;
    }
    .bc-step_nav li a,
    .bc-modalbox .bc-modal-content{
        padding-left: 20px;
        padding-right: 20px;
    }
    .bc-bgbox,
    .bc-setup-wallet-step1 .bc-step_body,
    .bc-ethereum{
        padding: 20px;
    }
    .bc-step_nav{
        margin: 0 -20px;
    } 
    .bc-btn_wrapper > a{
        width: 100%;
        font-size: 18px;
        min-width: inherit;
    }
    
    .bc-modalbox .bc-modal-body{
        padding-bottom: 20px;
    }
    .bc-inputcopy{
        flex-direction: column;
    }
    body .bc-modal .bc-form .bc-form-group .bc-inputcopy input{
        min-height: 44px;
    }
    .bc-inputcopy .bc-btn-lg{
        width: 100%;
        border-radius: 0 0 4px 4px;
    }
    .bc-storefrom-btn{
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }
    .bc-copytags-holder{
        flex-direction: column;
    }
    .bc-copy{
        border-radius: 0px 0 4px 4px;
    }
    .bc-procssmodal-btn{
        flex-direction: column;
        align-items: flex-end;
        gap: 10px;
    }
    .bc-procssmodal-btn > a{
        width: 100%;
    }
    .bc-procssmodal-btn > a{
        padding: 0;
    }
    .bc-agreement-signature{
        height: 150px;
    }
    .bc-order-history .bc-team-table tbody tr td,
    .bc-completed-table .bc-team-table tbody tr td{
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}
@media (max-width: 440px) {
    .bc-form-group-4half{
        width: 100%;
    }
}
@media (max-width: 420px) {
    .bc-checkbox label{
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }
}