h2 {
    padding-top: 20px;
    text-align: center;
}

#map {
    height: 360px;
}


#faqButton {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(135deg, #01284a, #034f84, #02426D);
    color: #fff;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
    border: 3px solid #8B7452;
    z-index: 9999;
}

#faqButton:hover {
    transform: scale(1.15);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}

#faqButton .faq-text {
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translateX(-50%);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #D4AF37;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}

#faqButton i {
    font-size: 26px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 480px) {
    #faqButton {
        width: 50px;
        height: 50px;
        bottom: 10px;
        left: 10px;
    }
    
    #faqButton .faq-text {
        font-size: 8px;
    }
    
    #faqButton i {
        font-size: 20px;
    }
}


.backtotop {
    display: none;
    width: 65px;
    height: 65px;
    position: fixed;
    bottom: 50px;
    left: 50px;
    color: #000;
    z-index: 9999;
}

.backtotop img {
    width: 65px;
    height: 65px;
    transition: all .2s ease-in-out;
}

.backtotop:hover img {
    transform: scale(1.2);
}



/*#grad {
    /* height: 200px;
    background-color: #336699;
    background-image: radial-gradient(ellipse at 15% 15%, #b49957 0%, #9b7e4a 20%, #336699 45%, #000 80%); 
    padding-left: 0;
    padding-right: 0;
    border-bottom: 10px #b49957 solid;

    height: 500px; 
    position: relative; 
    z-index: 2;
    
}*/

#grad{
    background-color: #02426D !important; 
    padding: 15px 0;
    text-align: left;
    color: white;
    font-weight: bold;
    height: 83px;
    border-bottom: 10px #b49957 solid
}

#grad h2 {
    margin-left: 95px;
    text-align: left;
    padding: 0;
    padding-bottom: 2px;
    
}

.navbar-container {
    
    margin-left: 0;
    padding-left: 15px;
    display: flex;
    justify-content: space-between;
    margin-right: 0;
    width: 100%!important;
    

}
.navbar {
    --bs-navbar-nav-link-padding-x: 1.2rem;
}

#mainNav{
    position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 9999;
    }
    #navbar_top2{
        position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 9999;
      min-height: 80px;
    }

    @media (min-width: 1024px) {
        .navbar-expand-lg .navbar-nav .nav-link {
            
            
            
            
        }
        
    }
    
    
    
    .navbar-container {
        
        margin-left: 0;
        padding-left: 15px;
        display: flex;
        justify-content: space-between;
        margin-right: 0;
        width: 100%!important;
        
    
    }
    
    #navbarSupportedContent{
        margin-left: auto!important;
    }
    
    .navbar-nav {
      margin-left: auto; 
    }

    @media (max-width: 768px) {
        .navbar-collapse {
          
          position: absolute;
          background-color: #02426D;
          width: 100%;
          top: 30px; 
          left: 0;
          z-index: 1000; 
          padding: 30px;
        }
      }
      
      
      
      @media (max-width: 425px) {
        .navbar-collapse {
          position: absolute;
          background-color: #02426D; /* Replace with your desired background color */
          width: 100%;
          top: 5px; /* Adjust based on your navbar's height */
          left: 0;
          z-index: 1000; /* To ensure it lays over other content */
          padding: 30px;
        }
      }

.custom-nav-bg {
    background-color: #02426D !important;
}

.navbar-collapse.show {
    margin-top: 50px; 
}

#grad img {
    max-height: 100%;
    width: auto; 
}



#content{
    min-height:520px !important;
}

@media (max-width: 426px) {
    .custom-logo {
        max-width: 20% !important; 
    }
}

@media (max-width: 1025px) {
    .custom-logo {
        max-width: 40% !important; 
    }
}
@media (min-width: 1026px) {
    .custom-logo {
        max-width: 40% !important; 
    }
}



@media (min-width: 1401px) {
    .custom-logo {
        max-width: 20% !important; 
    }
}

@media (min-width: 1450px) {
    .custom-logo {
        max-width: 20% !important; 
    }
}

@media (max-width: 1198px) {
   
  
    .navbar-nav {
      flex-grow: 0; 
    }
  
    .navbar {
      justify-content: flex-start; 
    }
  
    .navbar-toggler {
      order: 1; 
      margin-left: auto; 
    }
  
    .navbar-container {
      flex-wrap: wrap!important; 
    }
  }

@media (max-width: 992px) {

    
    #grad{
        height:150px;
    }

}

@media (max-width: 768px) {

    #grad{
        height:100px;
    }

}



@media (max-width: 576px) {

    #grad{
        height:75px;
    }
}





@media (min-width: 1200px) {
    h1, .h1 {font-size:3.5rem;}
}

@media (min-width: 1400px) {

}

@media (min-width: 992px) {
    .hero-h__h1 {
        font-size: 4.8rem;
    }
}
.fixed-top {
    top: -10px;
    transform: translateY(10px);
    transition: transform .3s;
    background-color: #000 !important;
}    
.carousel-item {
    opacity: 0.9;
}

.brand-show {
    display: block;
}

.big-btn {
    min-height: 100px;
    padding-top: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sideblock {
    display: block;
    position: relative;
    margin: 40px 0;
    border-left: 34px solid #369;
    border-left: 34px solid #336699;

    padding-left: 10px;
}

.sideblock h3 {
    font: bold 18px Sans-Serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: #369;
    color: #FFF;
    padding: 2px 15px 5px;
    margin: 0 0 10px 0;
    line-height: 24px;
    position: absolute;
    top: 230px;
    left: -30px;
    background: none;
    transform-origin: top left;
    transform: rotate(-90deg);

}

.rotate {
    transform: rotate(-90deg);
}

.meetingdate {
    padding: 15px 0px 0px;
    /*border-bottom: thin black solid;*/
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #369;
    --bs-btn-border-color: #369;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #147;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #147;
    --bs-btn-active-border-color: #147;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #369;
    --bs-btn-disabled-border-color: #369;
}


.upper-nav p {
    color: rgba(255, 255, 255, 0.55);
}

.upper-nav a {
    color: rgba(255, 255, 255, 0.55);
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    
}

.btn-grad {
    background-color: #033061; /* Initial solid color */
    margin: 10px;
    padding: 15px 25px;
    min-height: 105px;
    text-align: center;
    text-transform: uppercase;
    transition: 1s;
    background-size: 200% auto;
    color: white;
    width: 90%;
    border-radius: 10px;
    display: block;
    border: none;
}






#logoseal{
    float: right;
}

@media only screen and (max-width: 768px){
    #logoseal{
        float: none;
    }
}

.navbar-nav .nav-link, .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link, .upper-nav a{color:#fff;text-decoration: none;font-weight:bold;}
.nav-link:focus, .nav-link:hover, .upper-nav a:hover{color:rgba(255, 255, 255, 0.55)} 
.btn-group a{text-decoration: none ;}
.sideblock a{color:#000;text-decoration: none;}
.gsc-control-cse{padding:0em!important;background-color:transparent!important;border:none!important;min-width: 300px !important;}
.gsc-results-wrapper-overlay{height:60vh!important;}
button.gsc-search-button.gsc-search-button-v2 {
    padding: 10px 15px;
    border: 1px solid #666;
    border-radius: 5px;
    border-color: #3079ed;
    background-color: #4d90fe;
}

.gsc-input{
    font-size: 15px!important;
}

.icon {
    color: black;
    text-decoration: none;
}

.vc_toggle_content {
    display: none;
}
/* Responsive logo sizing */
.custom-logo { 
  display: flex; 
  align-items: center; 
  flex: 0 0 auto;           /* don’t let flexbox squish the logo */
}

.custom-logo img {
  width: auto !important;   /* override .img-fluid width:100% */
  height: auto;
  max-height: 40px;         /* default for mobile */
}

@media (min-width: 768px)   { .custom-logo img { max-height: 50px !important; } }
@media (min-width: 992px)   { .custom-logo img { max-height: 60px !important; } }  /* bump to 64–70 if you want bigger */
@media (min-width: 1400px)  { .custom-logo img { max-height: 68px !important; } }

/* Tablet and up */
@media (min-width: 768px) {
  .custom-logo img { max-height: 50px; }
}

/* Desktop */
@media (min-width: 992px) {
  .custom-logo img { max-height: 60px; }  /* bump as you like: 60–70px */
}

/* Large desktop (optional) */
@media (min-width: 1400px) {
  .custom-logo img { max-height: 68px; }
}
.gsc-search-box {
  width: 250px !important;
  max-width: 250px !important;
}