/* erra styling */
.site-container .header { 
    background: #002c3c !important; 
        padding: 35px 0;
}

.site-container .header .top-bar, .site-container .header .bottom-bar {
    background: transparent;
}


.site-container .header .top-bar .container {
    padding: 0;
}
.site-container .header .bottom-bar .container .navbar {
    border-top: 1px #002c3c solid;
    border-radius: 0;
    padding: 0;
    margin-top: 15px;
}
.site-container .affix .bottom-bar .container .navbar {
    border-top: 0px #002c3c solid; 
    margin-top: 0px;
}


.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li.active > a {
     
    color: #f9c655 !important;
    font-weight: bold;
}
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li. a:hover {
     
    color: #002c3c !important;
    font-weight: bold;
}

.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li:not(:first-child) > a:before{
	display: none;
}
ul.drop-down {
    background: #002c3c !important;
    width: 330px !important;
}
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li a {
    color: white;
    letter-spacing: 1px; 
}
.site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li a:hover {
    color: white !important; 
}
 
.site-container .header .top-bar .top-social li a {
    font-size: 15px;
    color: #f1f1f1;
    background: transparent;
} 
.site-container .header .top-bar .top-social li a:hover, .site-container .header .top-bar .top-social li a:hover.facebook-bar, .site-container .header .top-bar .top-social li a:hover.youtube-bar, .site-container .header .top-bar .top-social li a:hover.rss-bar{
    color: #27b1d2 !important;
    border-bottom: none !important;
    background: transparent !important;
}


.col-md-6.erra-top-left {
    display: flex
;
    align-items: center;
    justify-content: start;
    gap: 15px;
}

.col-md-6.erra-top-left p i {
    font-size: 20px;
    padding: 0 5px 0 0;
    color: #f9c655;
}
.col-md-6.erra-top-left p i:hover {
    color: orange !important;
}
.col-md-6.erra-top-left a {
    color:  white !important;
    font-style: normal;
    text-decoration: none;
}
.col-md-6.erra-top-left a:hover{
    color: #ffb000 !important; 
}
.col-md-6.erra-top-left p {
    display: flex
;
    align-items: center;
    justify-content: center;
}

i.fa.fa-location-dot {
    font-size: 16px !important;
}
.logo_n img { 
    //filter: brightness(10.5) !important;
}
a.contact-btn {
    margin-right: 15px;
    border-radius: 50px;
    padding: 15px 20px !important;
    margin-top: 13px;
    background: #002c3c !important;
    color: #f9c655 !important;
    border: 2px solid #f9c655;
}
a.contact-btn:hover {
	background: #f9c655 !important;
    color: white !important;
}

/*fixing accessibility issues*/

a{
	background: transparent !important;
	//color:  #002c3c !important;
}
.banner_home h1,.site-container .site-wrapper .vertical-tabs .tab.active .content .link-tab {
    color: #002c3c !important;
}
.row_2_col a, .banner_home a{
	    background: #002c3c !important;
	    border: 2px solid #002c3c !important;
        color: white !important;
}
.site-container .site-wrapper .contact-us .top-form .form-inner button[type=submit]{

	    background: white !important;
	    border: 2px solid #002c3c !important;
	    color: #002c3c !important;
}
.site-container .site-wrapper .contact-us .top-form .form-inner button[type="submit"]:hover {
    
	    background: #002c3c !important;
	    border: 2px solid #002c3c !important;
	    color: white !important;
}

.site-container .header .bottom-bar .navbar .navbar-header button span {
    background-color: #f9c655 !important;
    height: 5px;
}

@media(max-width:750px)
 { 
    .col-md-6.erra-top-left p i {
    font-size: 30px; 
}
   .col-md-6.erra-top-left p i.fa.fa-location-dot {
    font-size: 25px !important;
}
 	.col-md-6.erra-top-left { 
	    justify-content: space-between; 
	}
    .top-bar .container {
        display: flex;
        justify-content: space-between;
    }
    .col-md-6.erra-top-left {
        justify-content: start;
    }
    .erra-top-left a span{
        display:none !important;         /* hides the text visually */
      }
      .col-md-6.erra-top-left{
        flex:1 !important;
      }
      .site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li ul.drop-down li a{
        background: transparent !important;
      }
      a.contact-btn {
        margin-right: 0;
        border-radius: 0;
        margin-top: 0;
        background: transparent !important;
        color: #ffffff !important;
        border: none;
    }
    .site-container header .bottom-bar .navbar .navbar-collapse nav ul li>ul.drop-down,.site-container header .bottom-bar .navbar .navbar-collapse nav ul li>ul.drop-down li,.site-container header .bottom-bar .navbar .navbar-collapse nav ul li>ul.drop-down li a{
        background: transparent !important;
    }
    .site-container .header .bottom-bar .navbar .navbar-collapse .navbar-nav ul li ul.drop-down {
        margin-left: 30px;
    }
      
 }

 /* Footer Styling */
    .erra-footer {
      background: #002c3c;
      color: #f1f1f1;
      padding: 60px 20px 30px;
      font-family: 'Segoe UI', sans-serif;
      position: relative;
    }

    .erra-footer-top {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 40px;
      margin-bottom: 40px;
    }

    .erra-footer-col h3 {
      font-size: 1.2rem;
      margin-bottom: 15px;
      color: #f9c655;
      position: relative;
    }

    .erra-footer-col h3::after {
      content: "";
      display: block;
      width: 40px;
      height: 2px;
      background: #f9c655;
      margin-top: 5px;
    }

    .erra-footer-col p,
    .erra-footer-col a {
      font-size: 0.95rem;
      line-height: 1.6;
      color: #f1f1f1 !important;
      text-decoration: none;
      display: block;
      margin: 5px 0;
      transition: color 0.3s;
    }

    .erra-footer-col a:hover {
      color: #f9c655;
    }

    .erra-social {
      list-style: none;
      padding: 0;
      display: flex;
      gap: 15px;
      margin-top: 15px;
    }

    .erra-social a {
      color: #f1f1f1;
      font-size: 1.3rem;
      transition: color 0.3s, transform 0.3s;
    }

    .erra-social a:hover {
      color: #f9c655;
      transform: scale(1.2);
    }

    .erra-footer-bottom {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      padding-top: 20px;
      text-align: center;
      font-size: 0.9rem;
      color: #dcdde1;
    }

    .erra-scroll {
      position: absolute;
      bottom: 20px;
      right: 20px;
      background: #f9c655;
      color: #002c3c;
      padding: 12px 14px;
      border-radius: 50%;
      text-decoration: none;
      font-size: 1.4rem;
      transition: background 0.3s, transform 0.3s;
    }

    .erra-scroll:hover {
      background: #ffeaa7;
      transform: translateY(-3px);
    }