.splide__track {
    padding: 2px 0;
    background: #31352f;
    box-shadow: 0 0 1px 1px rgb(0 0 0 / 40%), inset 0 1px rgb(255 255 255 / 30%);
}

.no-bottom {
    background: #0f120e;
    position: relative;
}

.note {
    color: white;
    text-transform: capitalize;
}

.showp {
    color: white;
    display: flex;
    float: right;
    position: absolute;
    align-items: center;
    top: 12px;
    right: 12px;
    z-index: 1;
}

.showp img {
    width: 15px;
    height: 15px;
    filter: brightness(0.8);
}

.showp #hideshow {
    display: none;
}

.iconuserlogin {
    position: absolute;
    top: 45.5px;
    left: 23px;
    background: #3b4148;
    border-radius: 2px 0 0 2px;
    padding: 10px 13px;
    box-shadow: 1px 0 5px #000000cf;
}

.iconuserlogin img {
    width: 19.3px;
    filter: brightness(7) contrast(0.3);
}

.iconkeylogin {
    position: absolute;
    top: 100.5px;
    left: 23px;
    background: #3b4148;
    border-radius: 2px 0 0 2px;
    padding: 10px 13px;
    box-shadow: 1px 0 5px #000000cf;
}

.iconkeylogin img {
    width: 19.3px;
    filter: brightness(7) contrast(0.3);
}

.contactField {
    padding-left: 45px;
    padding-right: 45px;
    color: white;
    background: #3b4148;
    height: 45px;
}

.contactField::placeholder {
    color: #a6a6a6;
}

.smartb4 input[type="text"],
.smartb4 input[type="password"],
select,
textarea {
    border: 1px solid #3b4148;
    box-shadow: -4px -4px 10px rgba(67, 67, 67, 0.5), inset 4px 4px 10px rgba(0, 0, 0, 0.5), inset -4px -4px 10px rgba(67, 67, 67, 0.3), 4px 4px 10px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

input[type="text"]:focus {
    border: 1px solid white;
}

input[type="password"]:focus {
    border: 1px solid white;
}
.smartb4 .row {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: stretch;
    align-items: stretch;
    justify-content: center;
    background: #040404;
    padding: 10px;
}

.smartb4 .row img {
    width: 80%;
    filter: drop-shadow(1px 2px 2px #00000054);
}

.smartb4 .row .col-6 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}