@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;900&display=swap');/* Global Styles */
body{margin:0;padding:0;font-family:'Poppins',sans-serif;background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url(../images/Background-01.png);;/* Sets the background image */
 background-repeat:no-repeat;/* Prevents the background from repeating */
 background-size:cover;/* Ensures the background covers the entire body */
 display:flex;justify-content:center;align-items:center;color:#cc983f;height:100vh;}
.separator{width:2px;height:170px;/* Updated height */
 background-color:white;margin:0 40px;/* Space between logo and content */
 flex-shrink:0;/* Prevent the separator from shrinking */
 align-self:right;/* Center vertically */
}
.container{display:flex;align-items:center;width:100%;max-width:1200px;}
.left-section{flex:1;display:flex;justify-content:center;align-items:center;}
.logo{width:550px;/* 75% of the original size (609px) */
 height:auto;/* Maintain aspect ratio */
}
/* Vertical Separator */
/* Admin Portal Button (Common across all pages) */
.admin-portal{position:absolute;bottom:10px;/* Updated bottom position */
 right:40px;font-size:16px;font-family:'Raleway',sans-serif;font-weight:400;color:white;background:transparent;border:2px solid #cc983f;padding:10px 20px;border-radius:20px;cursor:pointer;transition:0.3s;}
.admin-portal:hover{background-color:#cc983f;}
/* mk */
.left-section{position:absolute;left:15px;top:15px;}
.separator{display:none;}
/* end */

/* 01 Aug 2025 */
*{box-sizing: border-box;}
.left-section {
    left: 60px;
    top: 30px;
}
.left-section img{
    max-width: 300px;
}
body.login-body{
    background-image: none !important;
}
.page_wrapper { display: flex; height: 100vh; width: 100%;overflow: hidden;  } 
.left-panel { height: 100vh; width: 50%; } 
.right-panel { width: 50%; height: 100vh; display: flex; flex-direction: column; justify-content: center; padding: 50px; max-height: 100vh; overflow-y: auto; }
.left-panel img { width: 100%; height: 100%; object-fit: cover; } 
.page_wrapper { background: #233f4d; }
.transparent-box h1,.right-section h1 {text-align: center;}


/* Responsive Adjustments */
@media (max-width:1024px){.container{flex-direction:column;text-align:center;padding:30px;}
.separator{display:none;/* Hide vertical line on smaller screens */
}
.admin-portal{position:absolute;bottom:10px;/* Updated bottom position */
 right:20px;}
.logo{max-width:365.6px;}
}
@media (max-width:768px){.logo{max-width:365.6px;padding-bottom:20px;}
.admin-portal{position:absolute;bottom:10px;/* Updated bottom position */
 right:20px;}
}
@media(max-width:767px){
    .left-section{left:0;right:0;margin:auto;}
    /* 01 Aug 2025 */
    .page_wrapper { flex-direction: column; overflow: inherit; justify-content: center; } 
    .left-panel {position: absolute;top: 0;left: 0;width: 100%;} 
    .right-panel { position: relative; z-index: 2; width: 100%; padding: 15px; max-height: inherit; height: auto; }
    .left-panel:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0000002e; }
}
@media (max-width:480px){.logo{max-width:304.9px;margin-bottom:10px;}
.admin-portal{position:absolute;bottom:10px;/* Updated bottom position */
 right:20px;}
}