html, body {
    height: 100vh;
    margin: 0;
}

.eduax-top-logo {
    position: absolute;
    top: 25px;
    left: 150px;
    z-index: 5;
}

.eduax-top-logo img {
    width: 55px;
}

.eduax-fjalla-one {
    font-family: "Fjalla One", sans-serif;
}

.eduax-left-card {
    background: #ffffff;
    border-radius: 10px 0 0 10px;
    z-index: 2;
}

.eduax-right-card {
    background: #02326d;
    border-radius: 0 10px 10px 0;
    color: #fff;
    z-index: 2;
}

.eduax-icon-box img {
    width: 36px;
}

.eduax-text-1 {
    font-size: 12px;
}

.eduax-left-card h2 {
    font-weight: 600 !important;
}

.eduax-left-card label,
.eduax-left-card p,
.eduax-left-card input,
.eduax-left-card span {
    font-weight: 500 !important;
}

.eduax-left-card > * {
    margin-bottom: 14px;
}

.eduax-left-card label {
    margin-bottom: 10px !important;
}

/*.eduax-left-card .d-flex {
    margin-top: 30px !important;
}*/

.eduax-container-fluid>div {
    height: calc(100vh - 55px) !important;
}

.eduax-left-card .alert.bg-warning-subtle {
    margin-top: 38px !important;
}
 
.eduax-footer {
    margin-top: auto;
    padding: 12px 20px;
    font-size: 12px;
    color: #ffffff;
    background: #02326d;
    z-index: 2;

    display: flex;               
    justify-content: space-between; 
    align-items: center;        
}

.eduax-footer-right i {
    font-size: 16px;   
    cursor: pointer;  
    color: #fff;       
}

.eduax-header .eduax-logo {
    height: 80px;
}

.eduax-header .eduax-company-name {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Fjalla One', sans-serif;
}

.eduax-header2 {
    width: 100%;
    z-index: 5;
}

.eduax-header2 .eduax-logo {
    position: relative;
    left: 10px;
    top: 10px;
    height: 80px;
}

.eduax-header2 .eduax-company-name {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    left: 140px;
    top: 30px;
    font-family: 'Fjalla One', sans-serif;
}

@media (min-width:1100px) {
    .eduax-header img{
        display:none;
    }
    .eduax-header .eduax-company-name{
        display:none;
    }
}

@media ((min-width:1200px) and  (max-width:1400px)) {
    .eduax-header2 .eduax-logo {
        margin-right: 12px;
        position: relative;
        left: 40px;
        top: 20px;
    }
}

@media (max-width:1100px) {
    .eduax-header2 img{
        display:none;
    }
    .eduax-header .eduax-logo {
        height:80px;
    }
}

.row {
    --bs-gutter-x: rem;
}