:root{
 --navy:#062b57;
 --gold:#d4af37;
 --light:#f5f7fb;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
 font-family:'Poppins',Arial,sans-serif;
 background:var(--light);
 color:#222;
}
.topbar{background:var(--navy)!important}
.navbar{
 padding:14px 0;
}
.navbar-brand{
 font-size:2rem;
 font-weight:700;
}
.nav-link{
 font-weight:600;
 margin:0 8px;
}
.btn-warning{
 background:var(--gold)!important;
 border-color:var(--gold)!important;
 border-radius:8px;
}
.hero{
 height:520px;
 background:linear-gradient(rgba(6,43,87,.72),rgba(6,43,87,.72)),
 url('../images/hero.jpg') center/cover;
 display:flex;
 align-items:center;
 color:#fff;
}
.section{padding:80px 0}
.card{
 border:none;
 border-radius:16px;
 box-shadow:0 10px 25px rgba(0,0,0,.08);
 transition:.3s;
}
.card:hover{
 transform:translateY(-8px);
}
footer{
 background:var(--navy);
 color:#fff;
 padding:40px 0;
 margin-top:60px;
}
:root{
 --navy:#062b57;
 --gold:#d4af37;
 --light:#f5f7fb;
}

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

body{
 font-family:'Poppins',sans-serif;
 background:var(--light);
 color:#222;
}

/* Top Bar */
.topbar{
 background:var(--navy);
 color:#fff;
 padding:8px 0;
 font-size:14px;
}

/* Header */
.navbar{
 background:#fff;
 padding:12px 0;
}

.navbar-brand{
 font-size:1.55rem;   /* Pehle 2rem tha */
 font-weight:700;
 display:flex;
 align-items:center;
}

.navbar-brand img{
 height:45px;
 margin-right:12px;
}

.navbar-nav .nav-link{
 font-size:16px;
 font-weight:600;
 color:#222 !important;
 padding:10px 14px;
}

.navbar-nav .nav-link:hover{
 color:var(--gold)!important;
}

/* Dropdown */
.dropdown-menu{
 border:none;
 border-radius:10px;
 box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.dropdown-item{
 padding:10px 18px;
}

.dropdown-item:hover{
 background:#f5f5f5;
 color:var(--gold);
}

/* Buttons */
.btn-warning{
 background:var(--gold)!important;
 border:0;
 border-radius:8px;
 padding:10px 24px;
 font-weight:600;
}

/* Hero */
.hero{
 height:550px;
 background:
 linear-gradient(rgba(6,43,87,.65),rgba(6,43,87,.65)),
 url('../images/hero.jpg') center center/cover no-repeat;
 display:flex;
 align-items:center;
 color:#fff;
}

.section{
 padding:80px 0;
}

.card{
 border:none;
 border-radius:16px;
 box-shadow:0 10px 25px rgba(0,0,0,.08);
 transition:.3s;
}

.card:hover{
 transform:translateY(-8px);
}

/* Footer */
footer{
 background:var(--navy);
 color:#fff;
 padding:50px 0;
 margin-top:60px;
}
.site-footer{
    background:#062b57;
    color:#fff;
    padding:70px 0 30px;
    margin-top:60px;
}

.site-footer h4,
.site-footer h5{
    color:#fff;
    margin-bottom:18px;
    font-weight:600;
}

.site-footer p{
    color:#dbe8ff;
    line-height:1.8;
    font-size:15px;
}

.site-footer ul{
    padding:0;
    margin:0;
}

.site-footer ul li{
    list-style:none;
    margin-bottom:10px;
}

.site-footer a{
    color:#dbe8ff;
    text-decoration:none;
    transition:.3s;
}

.site-footer a:hover{
    color:#d4af37;
    padding-left:5px;
}

.site-footer hr{
    border-color:rgba(255,255,255,.20);
    margin:35px 0 20px;
}

.site-footer i{
    color:#d4af37;
}

.site-footer .fab{
    font-size:18px;
    margin-right:10px;
}
/* ===== FIX HORIZONTAL SCROLL ===== */

html,
body{
    width:100%;
    margin:0;
    padding:0;
    overflow-x:hidden !important;
}

*{
    box-sizing:border-box;
}

.container,
.container-fluid{
    max-width:100%;
}

.row{
    --bs-gutter-x:1.5rem;
}

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

.hero{
    overflow:hidden;
    width:100%;
}