/* Top header */
.top-header {
    background: #e4353a;
    color: #fff;
    font-size: 14px;
    padding: 8px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.contact-marquee {
    display: flex;
    align-items: center;
    gap: 60px; /* contact te marquee vich horizontal gap */
}


/* Contact info */
.contact-box {
    display: flex;
    gap: 10px; /* contact items vich horizontal gap */
}

.contact-box p {
    margin: 0;
    display: flex;
    align-items: center; /* icon & text center vertically */
}

.top-header a {
    display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    color: white;
}

.header-icons {
    color: white; 
    font-size: 16px;
    display: inline-flex;
    align-items: center;
}

/* Marquee text */
.marquee-text {
    font-size: 14px;
    font-weight: 500;
    color: white;
}

/* Social links */
.top-header ul.header-social-links {
    list-style: none;
    display: flex;
    gap: 10px;
    margin: 0;
}

.top-header ul.header-social-links li a {
    display: flex;
    align-items: center;
}






 /* Main header */
 .main-header {
     background: #fff;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     padding: 10px 20px;
     position: sticky;
     top: 0;
     z-index: 1000;
 }

 .main-header .container {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .main-header .logo img {
     max-width: 120px;
 }

 /* Nav (desktop) */
 nav ul {
     list-style: none;
     display: flex;
     gap: 20px;
 }

 nav ul li a {
     text-decoration: none;
     color: #0a2f6f;
     font-weight: 600;
     transition: 0.3s;
 }

 nav ul li a:hover {
     color: #e4353a;
 }

 /* Hamburger */
 .hamburger {
     font-size: 26px;
     cursor: pointer;
     color: #0a2f6f;
     display: none;
     color: white !important;
     /* default hide */
 }

 /* Sidebar menu */
 .sidebar {
     position: fixed;
     top: 0;
     right: -260px;
     width: 260px;
     height: 100%;
     background: #fff;
     box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
     padding: 20px;
     transition: right 0.3s ease-in-out;
     z-index: 2000;
     display: flex;
     flex-direction: column;
 }

 .sidebar.active {
     right: 0;
 }

 .sidebar .close-btn {
     align-self: flex-end;
     font-size: 24px;
     cursor: pointer;
     color: #e4353a;
     margin-bottom: 20px;
 }

 .sidebar ul {
     list-style: none;
     display: flex;
     flex-direction: column;
     gap: 15px;
 }

 .sidebar ul li a {
     text-decoration: none;
     color: #0a2f6f;
     font-weight: 600;
     font-size: 16px;
     transition: 0.3s;
 }

 .sidebar ul li a:hover {
     color: #e4353a;
 }

 /* Responsive */
 @media(max-width:768px) {
     .top-header {
         display: none;
     }

     /* hide top header */
     nav {
         display: none;
     }

     /* hide normal nav */
     .hamburger {
         display: block;
     }

     /* show hamburger */
 }