.single-footer-widget .footer-contact-info li a::before {
        background-color: transparent !important;
    }           .gh{padding-top:100px;}
           li {line-height: 26px!important;font-size:14px!important;}
  @media only screen and (max-width: 1197px){
.gh{padding-top:60px;}} 
         @media only screen and (max-width: 767px){
.page-title-area {padding-top: 200px;}}
@media only screen and (max-width: 1197px){
.klev-nav .navbar .navbar-nav .nav-item a {
    font-size: 12px;}}
    .widget-area .widget_contact::before {
    background-color: unset;}
   .widget-area .widget_contact {
background-image: url(images/blog12.png);}
.widget-area .widget_contact .text {bottom: 20px;}
.widget-area .widget_contact {height: 500px;}
.bh1{display: inline-block;background-color: #00132d;color: #ffffff;width: 35px;font-size: 16px!important;
    height: 35px;line-height: 36px!important;border-radius: 50%;text-align: center;}
.bh{display: inline-block;margin-right: 3px;}
.services-details-desc .features-list li {margin-bottom: 4px;}
.services-details-desc .features-list li {
    position: relative;
    color: #00132d!important;
    font-size: 14px;
    
}
.page-title-content h2 {
    margin-bottom: 0;
    color: #fff;
    text-transform: none!important;
    font-size: 42px;
    font-weight: 400;
}
.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 */
    }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #00132d;
  font-family: Helvetica,sans-serif!important;
  
}
 body {
            font-family: Helvetica,sans-serif!important;
        }
        @media (max-width: 768px) {
    
    .services-details-area {
    padding-left: 15px!important;
     padding-right: 15px!important;
    
}
}