*{
margin:0;
padding:0;
box-sizing:border-box;
}

html,body{
width:100%;
overflow-x:hidden;
font-family:Arial, sans-serif;
}

img{
max-width:100%;
height:auto;
display:block;
}

a{
text-decoration:none;
}

/* ===== TOPBAR ===== */

.topbar{
width:100%;
background:#ffc107;
padding:6px 0;
}

.topbar p{
font-size:14px;
margin:0;
}

/* ===== NAVBAR FLEX ===== */

.navbar-container{
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
}

/* ===== NAVBAR ===== */

.navbar{
background:#fff;
box-shadow:0 2px 8px rgba(0,0,0,0.08);
padding:12px 0;
}

/* ===== LOGO AREA ===== */

.logo-area{
display:flex;
align-items:center;
gap:10px;
flex-wrap:nowrap;
}

/* ===== LOGO ===== */

.brand-logo{
height:55px;
width:auto;
object-fit:contain;
}

/* ===== TEXT ===== */

.brand-text{
font-size:18px;
font-weight:700;
color:#d10b0b;
white-space:nowrap;
}

/* ===== HEADER BUTTON ===== */

.header-btn{
border:none;
background:#10203b;
padding:10px 14px;
border-radius:10px;
margin-left:10px;
}

.header-btn a{
color:#fff;
font-weight:500;
font-size:15px;
}

.header-btn:hover{
background:#081224;
}

/* ===== NAV LINKS ===== */

.navbar-nav{
align-items:center;
}

.nav-link{
font-weight:600;
}

/* ===== MOBILE VIEW ===== */

@media (max-width:768px){

/* TOPBAR HIDE */

.container-fluid.bg-warning{
display:none;
}

/* LOGO SIZE */

.brand-logo{
height:45px;
}

/* TEXT SIZE */

.brand-text{
font-size:14px;
}

/* TOGGLE BUTTON RIGHT */

.navbar-toggler{
margin-left:auto;
}

.navbar-container{
flex-wrap:nowrap;
}

}

/* ===== EXTRA SMALL MOBILE ===== */

@media (max-width:480px){

.brand-text{
font-size:12px;
}

.brand-logo{
height:40px;
}

}