.navbar-light .navbar-toggler-icon{
background-color: #fff !important;
background-image: url(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}
.navbar-light .navbar-toggler-icon:hover{
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(208,0,0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler{
  padding: 3px 5px;
}
.navbar{
  background-color: #ffffff;
  border-bottom: 1px solid #e7e7e7;
  font-family: 'Lato', sans-serif;
  padding: 5px 20px;
}
#collapsibleNavbar{
  padding: 0px !important;
}
.navbar .nav-item .nav-link{
  color: #000;
  text-orientation: none;
}
.navbar .nav-item:hover{
  background-color: #d00000; 
  } 
#verifylink:hover{
  background-color: inherit;
}
#verifylink .nav-link{
  color: #fff;
}
.navbar .nav-item:hover .nav-link{
  color: #fff;
}
.navbar-brand img{
  width: 300px;
}
.error{
  color: red;
  font-size:14px;
  font-weight: normal;
  margin-bottom: 0px;
}


@media screen and (max-width: 768px)
{
#collapsibleNavbar ul.navbar-nav{
  background-color: #000;
}
#collapsibleNavbar ul.navbar-nav li a{
  color: #fff;
}
}

.navbar-nav li{
  padding: 5px 10px;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #1A1A1A;
  color: white;
}
footer p, footer a{color: #ccc;}
footer h3{color: #d10000;}
footer ul{list-style-type: none;padding-left: 0px;}
footer ul li{padding: 5px 0px;}
.footer-contact p{margin-bottom: 0px !important;}
footer ul li a:hover{
  text-decoration: none;
  color: #d10000;
}
footer ul li:hover span{
  color:#000;
}
footer ul li span{
font-size: 28px; 
color: #d10000; 
font-weight: bold; 
float: right; 
position: 
relative; 
bottom: 4px;"
}


.call-whatsapp .col-2{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.call-whatsapp .fa{font-size: 16px;}
.call-whatsapp .whatsapp .btn{
  background-color: #229000;
  border-radius: 0;
  font-weight: bold;
  color: #fff;
}

.call-whatsapp .call .btn{
  background-color: #d00000;
  border-radius: 0;
  font-weight: bold;
  color: #fff;
}

.call-whatsapp .facebook .btn{
  background-color: #3b5998;
  border-radius: 0;
  font-weight: bold;
  color: #fff;
}

.call-whatsapp .instagram .btn{
  background-color: #bc2a8d;
  border-radius: 0;
  font-weight: bold;
  color: #fff;
}

.call-whatsapp .google .btn{
  background-color: #dd4b39 ;
  border-radius: 0;
  font-weight: bold;
  color: #fff;
}

.call-whatsapp .twitter .btn{
  background-color: #00aced;
  border-radius: 0;
  font-weight: bold;
  color: #fff;
}
.social-icons a{
  display: inline-block;
  text-align: center;
  padding: 8px 12px;
  transition: all 0.3s ease;
   /* Add transition for hover effects */
  color: #fff;
  margin-top:5px;

}

.social-icons a i{
  font-size: 24px;
  margin: 0px;
}

.social-icons a{
  background-color: #d00000;
  margin-left: 0px;
  margin-right: 0px;
}

.social-icons a:hover {
    background-color: #fff;
    color: #d10000; /* Add a hover color */
}

.social-icons .active {
    background-color: #4CAF50; /* Add an active/current color */
}

footer .call-whatsapp{
  display: none;
}


@media screen and (max-width: 576px){
    .navbar-brand img{
       width: 220px;
    }
    #top-header{
      display: none;
    }
    .copyright{
      margin-bottom: 34px;
    }
   footer .call-whatsapp{
      display: block;
      position: fixed;
      bottom: 0;
    }

   footer .call-whatsapp .col-3{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
}

@media screen and (max-width: 768px){

    
    #top-header{
      display: none;
    }

    footer .call-whatsapp{
      display: block;
      position: fixed;
      bottom: 0;
    }
    
    footer .call-whatsapp .col-3{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }

  }

}