:root {
    /* ? BLUE */
    --main-color: #034C8C;
    --blue-1: #012340;
    --blue-2: #022859;
    --blue-3: #17376D;
    --blue-4: #0468BF;

    /* * CALL TO ACTION */
    --cta-0: #d6f3ff;
    --cta-1:#0071e3;
    --cta-2:#0d539b;

    /* whites */
    --white-1: hsl(0, 0%, 95%);
    --white-2: hsl(0, 0%, 90%);
    --white-3: hsl(0, 0%, 85%);
    --white-4: hsl(0, 0%, 80%);
    --white-5: hsl(0, 0%, 75%);
    
    /* steel */
    --steel-0:#DAEDFF;
    --steel-1:#7F9EB9;
    --steel-2:#536b80;
    
    /* blacks */
    --black-1: #262626;
    --black-2: #3D3D3D;
    --black-3: #4f4f4f;
    --black-4: #5d5d5d;
    --black-5: #6d6d6d;
    --black-6: #888888;
    --black-7: #b0b0b0;
    --black-8: #d1d1d1;

    /* + more colors */
    --border-color: #cfcfcf;
    --bg-body:#f5f5f7;
    --red: #ef5350;
    --red-2:#db2a27;
    --light-red:#fee3e2;
    --yellow:#FFB300;
    --yellow-2:#e28900;
    --light-yellow:#FFF1CC;
    --green:#4CAF50;
    --green-2:#358438;
    --light-green:#E0FFE1;
    --active-input: #f0f7ff;

    --corner-size-1: 10px;
    --corner-size-2: 20px;

    --anim-1:all .15s ease-in-out;
    --anim-2:all .15s ease;
    
    /* ! font */
    --raleway: "Raleway", sans-serif;
    --main-fs:14px;
    --inter: "Inter", sans-serif;

    
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

html,
body {
    font-family: var(--inter) !important;
    font-size: var(--main-fs);
    margin: 0;
    padding: 0;
    /* min-height: 100vh; */
    min-width: 100%;
    width: 100%;
    scrollbar-width: thin;
    color: var(--black-2);
}
body{
    background-color: var(--bg-body);
}
h1,
h2,
h3,
h4,
h5 {
    color: #000;
}
hr{
    background-color: var(--border-color);
    margin: 0 !important;
    opacity: 1 !important;
    min-height: 1px;
    border: 1px !important;
}
.bmt-bg-dark {
    background: linear-gradient(180deg, var(--main-color) 0%, #061f35 90%);
    width: 100%;
    height: 100vh;
}
button{
    font-family: var(--inter);
}
strong {
    color: var(--blue-1);
}

a {
    text-decoration: none;
}
.bmt-main{
    margin-top: 60px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.bmt-header{
    background-color: var(--blue-1);
    padding: 10px 30px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 2;
}

.bmt-header-logo {
    width: 32px;
    height: 40px;
}
.bmt-header-link{
    font-size: 1.125rem;
    color: #fff;
    font-weight: 600;
    transition: var(--anim-1);
}
.bmt-header-link:hover{
    color: #fff;
    text-decoration: underline !important;
}
.bmt-dropdown{
    width: auto;
    position: absolute;
    z-index: 1;
    background-color: var(--white-1);
    border-radius: var(--corner-size-1);
    border: solid 1px rgba(0, 0, 0, 0.15);
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    max-height: 200px;
    transition: all .15s ease-in-out;
}
.bmt-dropdown-hidden{
    border: none;
    overflow: hidden;
    white-space: nowrap;
    max-height: 0;
}
.bmt-dropdown-item{
    /* font-size: 0.875rem; */
    font-weight: 600;
    padding: 5px 10px;
    opacity: 1;
    color: var(--cta-1);
    border-bottom: solid 1px var(--white-3);
    transition: all .30s ease-in-out;
    text-wrap: nowrap;
}
.bmt-dropdown-item:last-child{
    border: none;
}
.bmt-dropdown-hidden .bmt-dropdown-item{
    opacity: 0;
}
.bmt-dropdown-item:hover{
    background-color: var(--white-2);
}
.bmt-drop-arrow{
    max-height: 15px;
    width: auto;
    transition: var(--anim-1);
}
.bmt-dropdown-arrow-t{
    rotate: 90deg;
}
.bmt-menu-arrow{
    max-width: 15px;
    height: auto;
    transition: var(--anim-1);
}
.bmt-menu-arrow-t{
    rotate: 180deg;
}
/* * FLEX */
.bmt-flex {
    display: flex;
}

.bmt-flex-c {
    display: flex;
    flex-direction: column;
}

.bmt-ai-c {
    align-items: center;
}
.bmt-ai-fe{
    align-items: flex-end;
}
.bmt-ai-fs{
    align-items: flex-start;
}

.bmt-jc-c {
    justify-content: center;
}

.bmt-jc-sb {
    justify-content: space-between;
}

.bmt-jc-sa {
    justify-content: space-around;
}
.bmt-jc-fe{
    justify-content: flex-end;
}
.bmt-gap-5 {
    gap: 5px;
}
.bmt-gap-10 {
    gap: 10px;
}

.bmt-gap-20 {
    gap: 20px;
}

.bmt-gap-30 {
    gap: 30px;
}

.bmt-gap-40 {
    gap: 40px;
}

.bmt-gap-50 {
    gap: 50px;
}

.bmt-gap-80 {
    gap: 80px;
}
/* * margin bottom */

.bmt-mb-10 {
    margin-bottom: 10px
}
.bmt-mb-20 {
    margin-bottom: 20px
}
.bmt-mb-30 {
    margin-bottom: 30px
}

/* * margin top */
.bmt-mt-10{
    margin-top: 10px;
}
.bmt-mt-20{
    margin-top: 20px;
}
.bmt-mg-30{
    margin: 30px;
}
/*CONTAINERS*/
.bmt-mw-10{
    max-width: 10%;
}
.bmt-cont-2 {
    width: 20%;
}

.bmt-cont-3 {
    width: 30%;
}

.bmt-cont-4 {
    width: 40%;
}

.bmt-cont-5 {
    width: 50%;
}

.bmt-cont-6 {
    width: 60%;
}

.bmt-cont-7 {
    width: 70%;
}

.bmt-cont-8 {
    width: 80%;
}

.bmt-main-c8 {
    width: 80%;
}

.bmt-cont-9 {
    width: 90%;
}

.bmt-cont-10 {
    width: 100%;
}

/* * HEIGHT */
.bmt-vh-10{
    height: 100vh;
}
/*FONTS*/

.bmt-txt-j {
    text-align: justify;
}
.bmt-txt-jc{
    text-align: justify;
    text-align-last: center;
}
.bmt-txt-c {
    text-align: center;
}
.bmt-fs-12{
    font-size: 0.75rem;
}
.bmt-fs-14 {
    font-size: 0.875rem;
}
.bmt-fs-18{
    font-size: 1.125rem;
}
.bmt-fs-20 {
    font-size: 1.25rem;
}

.bmt-fs-24 {
    font-size: 1.5rem;
}
.bmt-fs-28 {
    font-size: 1.75rem;
}
.bmt-fs-32 {
    font-size: 2rem;
}
.bmt-fs-36{
    font-size: 2.25rem;
}
.bmt-fs-40 {
    font-size: 2.5rem;
}

.bmt-fs-48 {
    font-size: 3rem;
}

.bmt-fs-56 {
    font-size: 3.5rem;
}
.bmt-fw-5{
    font-weight: 500;
}
.bmt-fw-6 {
    font-weight: 600;
}

.bmt-fw-7 {
    font-weight: 700;
}

.bmt-fw-8 {
    font-weight: 800;
}



.bmt-logo {
    width: 52px;
    height: 64px;
}

.bmt-logo-1 {
    width: 46px;
    height: 46px;
}



/* * CARD */
.bmt-card{
    display: flex;
    flex-direction: column;
    padding: 20px;
    background-color: #fff;
    border-radius: var(--corner-size-2);
    border: solid 1px var(--border-color);
    flex-grow: 1;
}
.bmt-login-card {
    width: 25%;
    padding: 40px 20px;
    box-shadow: rgba(0, 0, 0, 0.75) 0px 5px 70px 5px;
    background-color: #fff;
    border-radius: var(--corner-size-1);
    transition: var(--anim-1);
}
.bmt-scroll-card{
    max-height: 58vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
/* * INPUTS */
.bmt-field{
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}
label, .bmt-label{
    font-size: 0.875rem;
    color: var(--black-4);
}
.bmt-input {
    font-size: 14px;
    padding: 5px 10px;
    resize: none;
    border: solid 1px var(--black-3);
    background-color: #fff;
    border-radius: var(--corner-size-1);
    transition: all .15s ease;
}

.bmt-input:focus {
    border-color: var(--aqua-1);
    box-shadow: 0 0 0 1.5px var(--main-color);
    border: solid 1px var(--main-color);
    background-color: var(--active-input);
    outline: none;
}
.bmt-input-error{
    box-shadow: 0 0 0 1.5px var(--red) !important;
    border-color: var(--red) !important;
    background-color: #fef2f2 !important;
}

.bmt-filter{
    background-color: #fff;
    padding: 5px 10px;
    font-size: 0.9rem;
    border-radius: var(--corner-size-1) !important;
    border: solid 1px var(--border-color) !important;
}
.bmt-filter:focus {
    background-color: #DAEDFF;
    border-color: #E5EBF1;
    box-shadow: 0 0 1px 2px var(--cta-1);
    outline: none;
}
select.bmt-filter:focus{
    background-color: #E5EBF1;
}
/* * BUTTONS */
.bmt-login-btn {
    cursor: pointer;
    text-decoration: none;
    font-family: var(--inter);
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
    background-color: var(--blue-3);
    border: none;
    color: var(--white-color);
    border-radius: var(--corner-size-1);
    transition: all .2s linear;
}
.bmt-btn-w {
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    border: solid 2px var(--white-color);
    color: var(--white-color);
    text-decoration: none;
    border-radius: var(--corner-size-1);
    transition: .2s linear;
}

.bmt-btn-w:hover {
    color: var(--black-header);
    background-color: var(--white-color);
}

.bmt-cta-btn{
    cursor: pointer;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: var(--corner-size-1);
    background-color: var(--cta-1);
    transition: var(--anim-1);
    border: none;
}
.bmt-cta-btn:hover{
    color: #fff;
    background-color: var(--cta-2);
    text-decoration: none;
}
.bmt-steel-btn{
    cursor: pointer;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: var(--corner-size-1);
    background-color: var(--steel-1);
    transition: var(--anim-1);
    border: none;
}
.bmt-steel-btn:hover{
    background-color: var(--steel-2);
}
.bmt-red-btn{
    cursor: pointer;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: var(--corner-size-1);
    background-color: var(--red);
    transition: var(--anim-1);
    border: none;
}
.bmt-red-btn:hover{
    background-color: #dd2f2c
}
input[type="radio"]:checked + label.bmt-red-btn {
    border: solid 2px #dd2f2c;
    box-shadow: 0 0 5px rgba(220, 53, 69, 0.75);
}

.bmt-green-btn{
    cursor: pointer;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: var(--corner-size-1);
    background-color: var(--green);
    transition: var(--anim-1);
    border: none;
}
.bmt-green-btn:hover{
    background-color: #238a26;
}
input[type="radio"]:checked + label.bmt-green-btn {
    border: solid 2px #238a26;
    box-shadow: 0 0 5px rgba(40, 167, 69, 0.75);
}
.bmt-yellow-btn{
    cursor: pointer;
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: var(--corner-size-1);
    background-color: var(--yellow-2);
    transition: var(--anim-1);
    border: none;
}
.bmt-yellow-btn:hover{
    background-color: var(--yellow);
}
input[type="radio"]:checked + label.bmt-yellow-btn {
    border: solid 2px var(--yellow);
    box-shadow: 0 0 5px var(--yellow);
}
.bmt-dark-btn{
    cursor: pointer;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: var(--corner-size-1);
    background-color: var(--black-1);
    transition: var(--anim-1);
    border: none;
}
.bmt-dark-btn:hover{
    background-color: var(--black-2);
}

.bmt-pos-r {
    position: relative;
}


.bmt-error{
    padding: 5px 10px;
    color: var(--red);
    font-weight: 600;
    border: solid 1px var(--red);
    border-radius: var(--corner-size-1);
    background-color: var(--light-red);
}
.bmt-w-btn{
    cursor: pointer;
    color: #000;
    font-size: 1.125rem;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: var(--corner-size-1);
    background-color: #fff;
    transition: var(--anim-1);
}
.bmt-w-btn:hover{
    color: #000;
    background-color: var(--white-4);
}

/*PADDINGS*/
.bmt-pv-20 {
    padding: 20px 0;
}

.bmt-pv-40 {
    padding: 40px 0;
}
.bmt-pd-40{
    padding: 40px;
}
.bmt-pd-10{
    padding: 10px;
}
.bmt-pd-20 {
    padding: 20px;
}

/* * COLORS */
.bmt-color-w {
    color: #fff;
}
.bmt-color-w1{
    color: var(--white-1);
}
.bmt-color-w2{
    color: var(--white-2);
}
.bmt-color-w3{
    color: var(--white-3);
}
.bmt-color-w4{
    color: var(--white-4);
}

.bmt-color-blue4{
    color: var(--blue-4);
}
.bmt-color-blue3{
    color: var(--blue-3);
}
.bmt-color-bm{
    color: var(--main-color);
}
.bmt-color-b2{
    color: var(--black-2);
}
.bmt-color-b4{
    color: var(--black-4);
}
.bmt-color-b6{
    color: var(--black-6);
}

.bmt-fg-1{
    flex-grow: 1;
}
.bmt-fg-0{
    flex-grow: unset;
}
#bmt-pswd-icon {
    position: absolute;
    top: 20%;
    right: 10px;
    z-index: 1;
    fill: var(--blue-3);

}

#bmt-logout {
    transition: all .2s linear;
}

#bmt-logout:hover {
    color: var(--white-3);
}

.bmt-pswd-show {
    fill: var(--black-4) !important;
}

.bmt-login-btn:hover {
    background-color: var(--main-color);
}

.bmt-login-link {
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    color: var(--black-4);
    transition: all .2s linear;
}

.bmt-login-link:hover {
    text-decoration: underline;
    color: var(--blue-4);
}

.bmt-link{
    color: var(--cta-1);
}
.bmt-link:hover{
    color: var(--cta-2);
    text-decoration: underline;
}
.bmt-pswd-modal {
    display: none;
    backdrop-filter: blur(10px);
    background: linear-gradient(180deg, rgba(61, 61, 61, 0.4) 0%, rgba(38, 38, 38, .95) 90%);
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 3;
    width: 100%;
    height: 100%;
}

#bmt-close-modal {
    float: right;
    cursor: pointer;
    fill: var(--blue-3);
    transition: all .2s linear;
}

#bmt-close-modal:hover {
    fill: var(--black-4);
}

.bmt-form-label {
    color: var(--blue-3);
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 600;
}

.bmt-scale-anim {
    transition: all .2s ease-in-out;
}

.bmt-scale-anim:hover {
    scale: 1.05;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 10px 25px;
}
.bmt-blank-card{
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: var(--white-color);
    border-radius: var(--corner-size-1);
    padding: 40px 20px;
    
    box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 70px 5px;
}
.bmt-cristal-card {
    border-radius: var(--corner-size-1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.15);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 25px;
}
.bmt-platform-icon{
    width: 150px;
    height: 150px;
}
/* * tabs */
.bmt-tabs{
    display: flex;
    font-size: 0.875rem;
    width: fit-content;
    background-color: var(--white-3);
    border-radius: var(--corner-size-1);
}
.bmt-tabs>*{
    padding: 5px 10px;
    transition: var(--anim-1);
    cursor: pointer;
}
.bmt-tabs>*:hover{
    background-color: var(--white-5);
    border-radius: var(--corner-size-1);
}
.bmt-active-tab{
    cursor: default;
    background-color: var(--main-color);
    color: #fff;
    font-weight: 600;
    border-radius: var(--corner-size-1);
}
.bmt-active-tab:hover{
    background-color: var(--blue-2);
}


/* * table */
.bmt-table{
    width: 100%;
    border-collapse: collapse;
}
.bmt-table thead tr th,
.bmt-table tbody tr td{
    padding: 8px;
    text-align: left;
}
.bmt-table thead{
    color:  var(--black-1);
    background-color: #96CFFF;
    table-layout: fixed;
    font-size: 1rem;
}
.bmt-table tbody{
    color: var(--black-2);
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bmt-table tbody tr{
    border-bottom: solid 1px var(--border-color);
    transition: var(--anim-1);
}
.bmt-table tbody tr:nth-child(2n) {
    background-color: #E5EBF1;
}
.bmt-table tbody tr:last-child{
    border-bottom: none;
}

.bmt-table tbody tr:hover{
    background-color: #DAEDFF;
}


/* *tags */
.bmt-blue-tag{
    font-size: .813rem;
    color: var(--cta-1);
    border-radius: var(--corner-size-1);
    border: solid 1px var(--cta-1);
    font-weight: 600;
    padding: 3px 6px;
    background-color: var(--cta-0);
    width: fit-content;
    transition: var(--anim-1);
    text-wrap: nowrap;
}
.bmt-blue-tag:hover{
    background-color: var(--cta-1);
    color: #fff;
}
.bmt-green-tag{
    font-size: .813rem;
    color: var(--green-2);
    border-radius: var(--corner-size-1);
    border: solid 1px var(--green-2);
    font-weight: 600;
    padding: 0 6px;
    background-color: var(--light-green);
    width: fit-content;
    transition: var(--anim-1);
}
.bmt-green-tag:hover{
    background-color: var(--green-2);
    color: #fff;
}

.bmt-red-tag{
    font-size: .813rem;
    color: var(--red-2);
    border-radius: var(--corner-size-1);
    border: solid 1px var(--red-2);
    font-weight: 600;
    padding: 0 6px;
    background-color: var(--light-red);
    width: fit-content;
    transition: var(--anim-1);
}
.bmt-red-tag:hover{
    background-color: var(--red-2);
    color: #fff;
}

.bmt-yellow-tag{
    font-size: .813rem;
    color: var(--yellow-2);
    border-radius: var(--corner-size-1);
    border: solid 1px var(--yellow-2);
    font-weight: 600;
    padding: 0 6px;
    background-color: var(--light-yellow);
    width: fit-content;
    transition: var(--anim-1);
}
.bmt-yellow-tag:hover{
    background-color: var(--yellow);
    color: #000;
    border-color: var(--yellow);
}


.bmt-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--black-5);
}
.bmt-red{
    background-color: var(--red);
}
.bmt-green{
    background-color: var(--green);
}
.bmt-yellow{
    background-color: var(--yellow);
}
.bmt-hidden{
    display: none;
}
.bmt-active-view{
    width: 30px;
    height: 5px;
    background-color: #fff;
    border-radius: var(--corner-size-1);
}
/* ! loaders */

@keyframes foil {
  0% {
    transform:translate(-100%)
  }
  to {
    transform:translate(100%)
  }
}
.bmt-glass-loader {
  position:absolute;
  z-index:1;
  height:100%;
  width:100%;
  top:0;
  left:0;
  background-color:#639;
  border-radius:var(--corner-size-1);
  background:rgba(168,168,168,.15);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  border:1px solid rgba(255,255,255,.18);
  overflow:hidden
}
.bmt-glass-loader:after {
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  background:linear-gradient(110deg,rgba(227,227,227,0) 0%,rgba(227,227,227,0) 20%,rgba(250,250,250,.8) 50%,rgba(227,227,227,0) 80%,rgba(227,227,227,0) 100%);
  animation:foil .5s linear infinite
}
.bmt-pagination{
    list-style: none;
    display: flex;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.bmt-pagination-item{
    
    color: var(--black-2);
    background-color: hsl(209, 50%, 98%);
    width: 30px;
    height: 30px;
    margin-left: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px var(--border-color);
    transition: var(--anim-1);
}
.bmt-pagination-item:hover,
.bmt-pagination-l:hover,
.bmt-pagination-r:hover{
    background-color: var(--steel-0);
    text-decoration: none;
    color: var(--black-1);
}
.bmt-pagination-l{
    color: var(--black-2);
    background-color: var(--white-1);
    height: 30px;
    margin-left: -1px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px var(--border-color);
    border-top-left-radius: var(--corner-size-1);
    border-bottom-left-radius: var(--corner-size-1);
    transition: var(--anim-1);
}
.bmt-pagination-r{
    color: var(--black-2);
    background-color: var(--white-1);
    height: 30px;
    margin-left: -1px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px var(--border-color);
    border-top-right-radius: var(--corner-size-1);
    border-bottom-right-radius: var(--corner-size-1);
    transition: var(--anim-1);
}
.bmt-active-page{
    background-color: #bde1ff;
}
.bmt-error-msg{
    padding: 7px 15px;
    color: var(--red);
    background-color: #fff7f6;
    border: solid 1px var(--red);
    border-radius: var(--corner-size-1);
}
.bmt-warning-msg{
    padding: 7px 15px;
    color: var(--black-1);
    background-color: var(--light-yellow);
    border: solid 1px var(--yellow);
    border-radius: var(--corner-size-1);
}
.bmt-accept-msg{
    padding: 7px 15px;
    color: #1C8A20;
    background-color: var(--light-green);
    border: solid 1px #1C8A20;
    border-radius: var(--corner-size-1);
}
.bmt-comment{
    padding: 7px 15px;
    color: var(--cta-2);
    background-color: var(--cta-0);
    border: solid 1px var(--cta-2);
    border-radius: var(--corner-size-1);
}
.bmt-error-msg,
.bmt-warning-msg,
.bmt-accept-msg,
.bmt-comment{
    svg{
        min-width: 25px;
    }
}

.bmt-fs-16{
    font-size: 1rem;
}
@media screen and (max-width: 1601px) {
    html, body{
        font-size: 12px !important;
    }
    
    .bmt-gap-20{
        gap: 15px;
    }
    .bmt-main,
    .bmt-gap-30{
        gap: 20px;
    }
    .bmt-card{
        padding: 15px;
        border-radius: 8px;
    }
}

@media screen and (max-width:1281px) {
    .bmt-login-card{
        width: 40%;
    }
}

@media screen and (max-width:801px) {
    .bmt-login-card{
        width: 60%;
    }
}