.flex-center {
            color: #fff;
        }

        .intro-1 {
            background: url("https://mdbootstrap.com/img/Photos/Others/images/59.jpg")no-repeat center center;
            background-size: cover;
        }

        .navbar .btn-group .dropdown-menu a:hover {
            color: #000 !important;
        }

        .navbar .btn-group .dropdown-menu a:active {
            color: #fff !important;
        }
        @media only screen and (max-width: 667px) {
            .display-3 {
                font-size: 3rem;
            }
        }
        @media only screen and (max-width: 767px) {
            .navbar {
                background-color: #1C2331;
            }
            .display-3 {
                font-size: 2rem;
                margin-top: 5rem;
            }
            h3 {
                font-size: 1rem;
            }
        }
        label{
			font-family: "-apple-system,BlinkMacSystemFont","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
			padding-top: 10px;
			
		}
		footer.page-footer .call-to-action {
    text-align: center;
    padding-top: 1.3rem;
    padding-bottom: .5rem;
}
span.help-inline
{
    color:Red;
}






/*PROFILE STYLE BEGINS HERE */

.profile-img{
    text-align: center;
}


.profile-head h5{
    color: #333;
}
.profile-head h6{
    color: #0062cc;
}
.profile-tab p {
    font-weight: 600;
    color: #0062cc;
}

.profile-head .nav-tabs{
    margin-bottom:5%;
}

.profile-head .nav-tabs .nav-link.active{
    border: none;
    border-bottom:2px solid #0062cc;
}

.uniblue {
    background-color: #ffffff !important;
    color: #e2020d;
}

    .uniblue a {
        color: #e0030c !important;
    }


body {
    background: #f4f7fc;
    font-family: 'Roboto', sans-serif;
}

.navbar {
    background: linear-gradient(45deg, #0d47a1, #1565c0);
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
}

.login-card {
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
    overflow: hidden;
}

.card-header {
    background: linear-gradient(45deg, #0d47a1, #1565c0);
    color: #fff;
    text-align: center;
    padding: 20px;
}

.picture {
    width: 100% !important;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

#my_camera {
    position: relative;
    width: 320px;
    height: 240px;
    overflow: hidden; /* Prevent video overflow */
    border-radius: 8px; /* Optional: professional look */
    background: #000; /* Black background for camera area */
}

    /* Make video fill the container perfectly */
    #my_camera video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover; /* Keeps aspect ratio without stretching */
    }

.form-control, select {
    border-radius: 6px;
}

.btn-primary, .uniblue {
    background: #0d47a1 !important;
    border: none !important;
   /* border-radius: 30px;*/
    padding: 10px 40px;
    font-size: 15px;
}

    .btn-primary:hover, .uniblue:hover {
        background: #08306b !important;
    }

.alert-warning {
    border-radius: 10px;
    font-weight: 500;
}

footer {
    background: #0d47a1;
    color: #fff;
    font-size: 14px;
}