/*
body {
    font-family: 'Poppins', sans-serif;
}


.loginhd {
    font-family: 'Poppins', sans-serif;
}
*/

.navbar-brand {
    font-size:1.25rem;
}


.bolum1 {
    min-height: 100vh;
    background: linear-gradient(135deg, #f8fafc 0%, #eef6f4 45%, #fff7ed 100%);
    position: relative;
}

    .bolum1 .container .row {
        height: 100vh;
        display: flex;
        align-items: center;
    }


.bolum1 .sagicerik {
    padding: 25px;
    border-radius: 3px;
}

.login-hero-panel {
    min-height: 520px;
    background-image: linear-gradient(90deg, rgba(15, 23, 42, 0.18), rgba(15, 23, 42, 0)), url("/img/retail-pos-login-hero.png?v=20260608");
    background-size: cover;
    background-position: center;
    border-radius: 6px 0 0 6px;
}


    .bolum1 .sagicerik h3 {
        color: black;
        font-size: 22px;
        font-weight: 500 !important;
        margin-bottom: 20px;
    }

    .bolum1 .sagicerik label {
        color: black;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .bolum1 .sagicerik input[type="submit"] {
        background-color: #fc983c !important;
        border: 1px solid #fc983c !important;
        padding: 15px 0;
    }

    .bolum1 .sagicerik input[type="text"] {
        font-size: 12px;
    }

@media only screen and (max-width:768px) {
    .bolum1 {
        min-height: 100vh;
    }

    .bolum1 .container .row {
        height: auto;
        min-height: 100vh;
        padding: 24px 0;
    }

    .login-hero-panel {
        min-height: 220px;
        background-position: center;
        border-radius: 6px 6px 0 0;
    }
}

@media only screen and (min-width: 769px) and (max-width: 991.98px) {
    .login-hero-panel {
        min-height: 420px;
    }
}