body{
    font-family: 'Montserrat' !important;
}
@font-face {
    font-family: 'Montserrat';
    src: url("./font/Montserrat-Regular.ttf");
    font-weight: 400;
    font-style: normal; }
@font-face {
        font-family: 'Montserrat-Medium';
        src: url("./font/Montserrat-Medium.ttf");
        font-weight: 500;}
@font-face {
            font-family: 'Montserrat-SemiBold';
            src: url("./font/Montserrat-SemiBold.ttf");
            font-weight: 600; }
.mb-1_5{margin-bottom: 0.7rem !important;}
.row_padding{
    padding: 1.8rem 1.2rem;
}
h1{
    margin: 2.1rem 0 0.5rem !important;
    font-size: 36px !important;
}
.h10{
    color: var(--Gray-500, #7F8184);
    font-size: 14px !important;
    line-height: 22px; /* 157.143% */
    }
.h11{
    font-size: 24px !important;
    font-weight: 700;
    margin: 0 0 1.9rem !important;
}
.form-floating{
    color: var(--bs-floating-bg);
}
.form-control {
    background-color: var(--bs-background-bg);
    border: 0;
}
.form-control:focus {
    box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);   
}
.form-floating > .form-control{
    height: calc(3rem + calc(var(--bs-border-width) * 2));
}
.form-control::placeholder {
    color: var(--bs-danger);
}
.form-floating > label{
    padding: 0.8rem 0.75rem;
}

.file-preview{
    background-color: var(--bs-background-bg);
    border: 0;
    padding: 0;
    margin:1.375rem 0 2.375rem 0;
}
.krajee-default.file-preview-frame {
    margin: 0;
    border-radius: 0.375rem;
    border: 0;
    padding: 0;
}
.krajee-default.file-preview-frame .kv-file-content {
    width: 100%;
    height:  100%;
}
.file-drop-zone {
    border: 0;
    min-height: 200px;
    margin: 0;
    padding: 0;
}
.file-drop-zone-title {
    font-size: 1em;
}
.file-preview-image{
    border-radius: 0.375rem;
}
.file-error-message{
    min-height: 200px;
    text-align: center;
    color: #fff;
    background: #D90000;
    margin: 0;
    border: 0;
    border-radius: 0.375rem;
    padding: 85px 10px;
}
.input-group{
    justify-content: space-between;
}
.file-caption-name{
    display: none;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0;
    border-radius: 0.375rem;
    width: 45%;
  }
.result_div{
    justify-content: space-around;
}
.e_card{
    display: flex;
    justify-content: space-evenly;
    align-items: stretch;
    flex-direction: column;
    width: 375px;
    height:224px;
    /* background-color: #aaa; */
    padding: 0 1.425rem;
    /* gap: 32px; */
}
.card_top,.card_bottom{
    display: flex;
    flex-direction:row;
    justify-content: space-between;
}
.card_bottom{
    display: flex;
    align-items: flex-start;
}
.card_top_left{

}
.card_bottom_left{
    max-width: 199px;
}
.card_top_right{
    padding-right: 0.7rem;
}
.card_top_right >img{
    width: 72.744px;
}
#qrcode > img{
    height: 96px;
    width: 96px;
}
/* #qr > img{
    height: 154px;
    width: 154px;
} */
.top_left_text_1{
    font-size: 16px;
    font-weight: 600;
}
.top_left_text_2,.top_left_text_3{
    font-size: 8px;
    font-weight: 500;
    color: #686D71;
    text-transform: capitalize;
}

.bottom_left_text_title{
    font-size: 10px;
    font-weight: 600;
}
.bottom_left_hr{
    margin:0.3rem 0 0.3rem 0;
    height:1px;
    background-color:red;
    overflow:hidden;
}
.bottom_left_text_1,.bottom_left_text_2,.bottom_left_text_3{
    display: flex;
    font-size: 7px;
    font-weight: 500;
    color: #686D71;
    text-transform: capitalize;
}
.bottom_left_text_2{
    gap: 16px;
}
.bottom_left_text_3{
    gap: 28px;
}


.e4_card{
    display: flex;
    width: 375px;
    flex-direction: column;
    /* background-color: #aaa; */
    /* padding: 0 1.375rem;   */
    padding: 0 68px;
    justify-content: center;
    align-items: center;
}
.e4_tent{
    display: flex;
    width: 240px;
    padding: 48px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.e4_top{
    /* height: 68.5px; */
    /* align-self: stretch; */
    /* background: url(./image/euro2024.svg) rgb(255, 255, 255) 50% / cover no-repeat; */
}
.e4_middle{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    align-self: stretch;
    flex-wrap: wrap;
    /* word-wrap: break-word; */
}
.e4_t1{
    color: #181818;
    text-align: center;
    font-family: Arial;
    font-size: 20px;
    font-weight: 700;
    line-height: 48px; 
    max-width: 240px;
    word-wrap: break-word;
}
.e4_t2,.e4_t3{
    color: #181818;
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px; 
    max-width: 240px;
    word-wrap: break-word;
}
.e4_bottom{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    align-self: stretch;
}
.btn{
    border-radius: 1.5rem;
}
.btn-outline-dark{
    border-radius: 0px;
    width: 220px;
}
.result_div{
    /* visibility: hidden; */
}
#NarBackdrop >.offcanvas-header{
    height: 130px;
    flex-direction: column;
    align-items: flex-start;
}
.offcanvas.offcanvas-start{
    border-right:0;
}
.btn-closes{
    margin: 0 !important;
    --bs-btn-close-opacity:1;
    width: 7em;
    height: 1.5em;
    border-radius: 1.375rem;
    background: #F1F1F1 var(--bs-btn-close-bg) left/1.5em auto no-repeat;
    --bs-btn-close-bg: url(/image/icon/go.svg) !important;
}
.offcanvas-title{
    color: #000;
    /* font-size: 16px; */
    font-weight: 600;
}
.offcanvas-title img{
    display: inline-block;
    margin-right: 1.5rem;
}
.form-check{
    width: 100%;
    /* height: 215px; */
    flex-shrink: 0;
    background: #f7f7f7;
    border-radius: 24px;
    padding: 0;
    margin-bottom: 1.125rem;
    border:0;
}
.addborder{
    border: 1.6px solid #0B99FF;
}
.removeborder{
    border:0;
}

.form-check-input{
    height: 1.5em;
    width: 1.5em;
    margin: 1.5em;
}
.form-check-input:checked {
    background-color:#0B99FF !important;
    border-color: #0B99FF !important;
  }
.form-check-input[type=checkbox] {
    border-radius: 0.75em;
    margin: 0.7em 0.7em 0;
  }
  /* .form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
  } */
  .was-validated .form-check-input:valid, .form-check-input.is-valid {
    border-color: var(--bs-secondary);
  }
  .was-validated .form-check-input:valid ~ .form-check-label, 
  .form-check-input.is-valid ~ .form-check-label ,
  .c3{
    color: var(--bs-secondary-text);
  }
  .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-info-rgb), 0.25);
  }
  .form-check-label{
    display: flex;
    justify-content: center;
    padding: 0 0 2.2em;
  }
  .c1 .form-check-label >div,.row_r{
    width: 240px;
    height: 145px;
  }
  .c2 .form-check-label >div,.colum_r{
    /* width: 172px; */
    height: 271px;
  }
  .form-check-label >div >img,.c3 > div >img{
    height: 100%;
  }
  #offcanvasBottom > .offcanvas-header{
    justify-content: flex-end;
  }
  .s_box{
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .s_title{
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 8px;
  }
  .s_title_text{
    font-size: 20px;
    font-weight: 700;
  }
  .c3{
    padding: 2rem;
    background-color: #f7f7f7;
    align-items: center;
    border: 0 !important;
  }
  .loading_0{
    height: 100%;
    flex-direction: column;
    align-items: center;
  }