/* Page-Specific Styles for Customer Login */
.right-section{flex:0.75;/* Reduced by 25% */
 text-align:center;display:flex;justify-content:center;align-items:center;margin:auto;}
.transparent-box{margin-top:40px;background:rgba(204,152,63,0.25);border:2px solid #cc983f;/* 2px border with 100% transparency */
 padding:25px;border-radius:20px;width:96%;/* Adjust width as needed */
 max-width:500px;/* Limit maximum width */
 box-sizing:border-box;/* Include padding in width calculation */
}
.left-section img.logo{max-width:400px;}
h1{font-size:36px;font-weight:900;line-height:1.2;margin:0;color:#cc983f;text-transform:none;/* Remove capitalization */
}
h1 span{color:#ffffff;}
.login-form{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:20px;}
.input-group{margin-bottom:15px;}
.input-group input{width:400px;padding:10px;font-size:16px;font-family:'Raleway',sans-serif;border:2px solid #cc983f;/* 2px border */
 border-radius:25px;/* Rounded edges */
 background:#8f8e8e;/* Solid background color */
 color:white;}
.input-group input::placeholder{color:rgba(255,255,255,0.7);}
.login-button{width:40%;/* Reduced width by 20% */
 padding:12px;font-size:18px;font-family:'Raleway',sans-serif;font-weight:400;color:white;background:#cc983f;/* Solid #FF7802 */
 border:none;/* Remove border */
 border-radius:30px;cursor:pointer;transition:0.3s;margin-left:auto;/* Align to the right */
}
.login-button:hover{background-color:#000000;/* Slightly darker on hover */
 color:#cc983f;}
.additional-options{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px;}
.forgot-password{font-size:16px;font-family:'Raleway',sans-serif;font-weight:400;color:white;text-decoration:none;transition:0.3s;}
.forgot-password:hover{color:#cc983f;}
.admin-portal{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;}
/* Responsive Adjustments */
@media (max-width:768px){h1{font-size:28px;}
.input-group input{font-size:14px;}
.login-button{font-size:16px;padding:10px;width:50%;/* Adjust width for smaller screens */
}
.forgot-password{font-size:14px;}
.admin-portal{font-size:14px;padding:8px 16px;}
.left-section img.logo{max-width:290px;}
.transparent-box{padding:25px 15px;}
.right-section{width:100%;}
.input-group input{width:100%;box-sizing:border-box;}
.login-form .input-group{width:100%;}
}
@media (max-width:480px){h1{font-size:24px;}
.input-group input{font-size:12px;}
.login-button{font-size:14px;padding:8px;width:60%;/* Adjust width for smaller screens */
}
.forgot-password{font-size:12px;}
.admin-portal{font-size:12px;padding:6px 12px;}
}