.single-footer-widget .footer-contact-info li a::before {
        background-color: transparent !important;
    }  


  li {line-height: 26px!important;font-size:14px!important;}
        @media only screen and (max-width: 1197px){
.klev-nav .navbar .navbar-nav .nav-item a {font-size: 12px;}}
        .bh {padding-bottom: 60px;padding-top: 60px;}
            @media only screen and (max-width: 767px){
.bh {padding-bottom: 0px;padding-top: 40px;}}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #00132d;
  font-family:Helvetica,sans-serif!important;
}
  /* Define a CSS rule to change the text color to red */
  #nameError {
    color: red;
  }
      input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
#map1 iframe {
    height: 100%;
    width: 100%;
    padding: 0;
}
#map2 iframe {
    height: 100%;
    width: 100%;
    padding: 0;
}
body {
            font-family: Helvetica,sans-serif!important;
        }
         @media (max-width: 768px) {
    
    .blog-area {
    padding-left: 15px!important;
     padding-right: 15px!important;
    
}
}
.page-title-content h2 {
    margin-bottom: 0;
    color: #fff;
    text-transform: none!important;
    font-size: 42px;
    font-weight: 400;
}
.btn-box .svg:hover  {
 color: #fff;
 background:#000;
}
  .btn-box .btn:hover {
        color: red; /* Change the color to your desired hover color */
    }
.btn.btn-primary:hover svg {
        fill: #fff; /* Change the color to your desired hover color */
        transition: fill 0.3s; /* Add a smooth transition effect */
    }
@media only screen and (max-width: 767px) {
    .col-lg-12{
        text-align: center!important; /* Center the content on smaller screens */
    }
}