/* @import url("https://cdn.three.ie/three-assets/v3.0/css/three.css"); */
/* Remove shadow on small screens */
.shadow-md-only {
  box-shadow: none !important;
}
.font-lead-para-bold {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    letter-spacing: 0% !important;
}

/* Add shadow on md and up */
@media (min-width: 768px) {
  .shadow-md-only {
    box-shadow: 0 40px 70px 0 rgba(186, 187, 202, .6) !important;
  }
}

.accordion [data-toggle=collapse]:not(.btn):before {
    font-weight: 700 !important;
}
.accordion [data-toggle=collapse]:not(.btn) {
    width: auto !important
}

 .form-control-sm {
    height: 0px !important;
	}

  #account-table-body {
    max-height: 300px;
    overflow-y: auto;
    position: relative;
  }

  /* Custom scrollbar styling */
  #account-table-body::-webkit-scrollbar {
    width: 8px;
    background-color: #E8E8E8;
    border-radius: 10px;
  }

  #account-table-body::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
  }

.passkey-border {
    border-style: solid;
    border-width: 1px;
    border-left-width: 4px;
    border-left-color: #EE0088;
    border-top-color: #BBBCCC;
    border-right-color: #BBBCCC;
    border-bottom-color: #BBBCCC;
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 890px !important;
    }
}

@media (min-width: 832px) {
    .max-b-width {
        width: 800px;
    }
}

.custom-modal {
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(43, 48, 58, 0.85);
    transition: opacity 0.15s linear;
}



/* Hide autofill toggle icons (particularly on Edge and IE) */
  input[type="password"]::-ms-reveal,
  input[type="password"]::-ms-clear {
    display: none;
  }
 
.btn.btn-loader[data-skbuttontype="form-submit"]:not(.disabled){

    background: #EE0088 !important;

    display: inline-flex;

    justify-content: center;

    gap: 8px;

}

.btn.btn-loader[data-skbuttontype="form-submit"]:not(.disabled)::after {

    content: 'LOADING...';

    color: #fff !important;

}

.btn.btn-outer-loader[data-skbuttontype="form-submit"][disabled]{

    background: #EE0088  !important;

    display: inline-flex;

    justify-content: center;

    gap: 8px;

}

.btn.btn-outer-loader[data-skbuttontype="form-submit"]:not(.disabled)::after {

    content: 'LOADING...';

    color: #fff !important;

}
 
 
  
.css-1vvb9d3 {

    width: 14px !important;

    height: 14px !important;

}
 
 
/* .btn {

    display: flex !important;

    justify-content: center !important;

} */

 

/* fonts */


 
body{
    font-family: NeueHelvetica !important;
}

.font-bold {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 29px !important;
    letter-spacing: 0% !important;
}

.font-para-plus {
    font-size: 22px !important;
    font-weight: 300 !important;
    line-height: 30px !important;
    letter-spacing: 0% !important;
}

.font-para-sm {
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 30px !important;
    letter-spacing: 0% !important;
}

.font-lead-para {
    font-size: 24px !important;
    font-weight: 300 !important;
    line-height: 38px !important;
    letter-spacing: 0% !important;
}

.font-para {
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 30px !important;
    letter-spacing: 0% !important;
}

.font-para-bold {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: 0% !important;
}

.font-small-bold {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
}

.font-small {
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
}

.font-xs-small {
    font-size: 12px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
}

.font-caption {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: 5% !important;
}

.font-caption {
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
}

/* width */

.max-body-width {
    width: min(calc(100vw - 32px), 600px);
    margin-inline: auto;
}

.max-ad-width {
    width: min(calc(100vw - 32px), 1440px);
    margin-inline: auto;
}

/* step wizard */

.step-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 27px;
}

.steps {
    display: flex;
    gap: 4px;
    position: relative;
    align-items: baseline;
}

.step {
    width: 100%;
    height: 5px;
    background-color: #E3E4EB;
}

.step.active {
    background-image: linear-gradient(to top right, #912DFF, #EE0088);
}

/* create account */

.create_account_ad_card {
    border-radius: 24px;
    height: 308px;
    background-repeat: no-repeat;
    background-size: contain;
}

.create_account_ad_card_1 {
    background-image: linear-gradient(to top right, #912DFF, #EE0088);
}

.create_account_ad_card_2 {
    background-image: url("../assets/images/plus_grp.png");
    background-position: 100% 100%;
}

.create_account_qr_code {
    width: 175px;
    aspect-ratio: 1;
}

.create_account_three_logo {
    width: 136px;
    height: 174px;
}

.create_account_three_plus {
    width: 200px;
}

.create_account_divider {
    height: 1px;
    width: 12px;
    background-color: #000;
}

.input-group.otp-input {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.input.otp-pin {
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 22px;
    border: 1px solid #aaa;
}

.valid-pins {
    background-repeat: no-repeat !important;
    height: 16px !important;
}

.valid-pins.active-check {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg aria-hidden='true' data-prefix='fal' data-icon='check' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-check fa-w-14 fa-2x'><path fill='%23086' d='M413.505 91.951L133.49 371.966l-98.995-98.995c-4.686-4.686-12.284-4.686-16.971 0L6.211 284.284c-4.686 4.686-4.686 12.284 0 16.971l118.794 118.794c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-11.314-11.314c-4.686-4.686-12.284-4.686-16.97 0z'/></svg>") !important;

}

.valid-text-color {
    width: 100% !important;
    color: #008866 !important;
}

.custom-gap {
    gap: 4px;
}

@media (min-width: 768px) {
    .custom-gap {
        gap: 40px;
    }
}

@media (max-width: 767.98px) {
    .btn-sm-block+.btn-sm-block {
        margin-top: 1.4375rem;
    }
}