/* logo section styling  code */
.logo-section{
    position: sticky;
    top:0%;
    z-index: 5;
    border-bottom: 3px solid black;
}
.header-logo{
    width:415px;
}
.logo-section .bg-body-tertiary {
    background-color:#E0E0E0 !important;
}
.logo-section a{
    font-size: 22px;
    color:rgb(10, 10, 10);
    line-height: 28px;
    font-weight: 500;
}
.logo-section a:hover{
    color:#1565C0;
}
.logo-section .nav-link.active {
  color: #1565C0 !important;
}
.logo-section .join-button{
    color:white;
    background-color: #1565C0;
    padding:13px 9px;
    border-radius: 8px;
}
.logo-section .join-button:hover{
    color:#1565C0;
    background-color: white;
    border: 1px solid #1565C0;
}
.logo-section .navbar {
    --bs-navbar-padding-y: 10px !important;
}
.header-bottom-section .announcement{
    gap:77px;
}
.header-bottom-section{
    background: linear-gradient(45deg, black 30%, #D4AF37 23%);
    padding:15px 0px;
    
}
.contact-icons{
    gap:10px;  
}
ul{
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}
.contact-icons a{
    margin-bottom: 0px;
    color:#f7f5f5;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    text-decoration: none;
}
.contact-icons i{
    color:#050505;
    background-color: #faf9f9;
    border-radius: 50%;
    padding: 10px;
    margin-right: 10px;
}
.navbar {
   
    --bs-navbar-active-color:#1565C0 ;
}
.offcanvas-start {
  width: 300px !important; /* adjust width */
}
.offcanvas .nav-link {
  color: #000;
  font-weight: 700;
  padding: 10px 0;
  font-size: 18px;
}
.offcanvas .nav-link:hover {
  color: #0d6efd;
}