@font-face {
    font-family: 'Zapfino';
    src: url('../../fonts/ZapfinoForteLTPro.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

 @font-face {
    font-family: 'Light';
    src: url('../../fonts/HelveticaNeue Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
 


*{
	font-family : Light;
}

body {
    background-color: #000; /* Black background for the whole page */
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.login-card {
    background-color: #f1f1f1; /* f1 background for the login div */ 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
    width: 100%;
	padding-bottom: 12px;
    max-width: 512px; /* Maximum width for the login card */
}

.main_div_top { 
	padding: 12px;
	background: #0a478b;
}

.company-name h3 {
    color: #F7C033;
    font-size: 36px;
}

.main_div_top .row {
    height: 100%;
}

.border_main_div {
    border: 1.6px solid #697e97 !important;
	padding:10px;
}

.logo img {
    max-width: 85px; /* Adjust logo size as needed */
    height: auto;
}

.main_div_text p {
    font-size: 36px;
	font-family: Zapfino;
	color: #cad7e6;
}

.company-name {
    margin-top: 10px;
}

.main_div_bottom {
	padding: 30px 35px;
}

.form-row {
    margin-bottom: 15px;
}

.btn-primary {
	background-color: #0a478b;
    border-color: #0a478b;
	font-size:22px;
	border-radius: 21px ;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

.copyright {
	text-align: center;
	margin-top: 20px;
	font-size: 0.875rem;
	color: #6c757d;
	width:100%;
	float:left;
}

@media (max-width: 767px) {
    .main_div_top .row {
        flex-direction: column; /* Stack columns on smaller screens */
    }

    .company-name {
        text-align: center; /* Center company name on smaller screens */
    }
}