.footer {
    background-color: #2b3a47;
    color: #fff;
    padding: 30px 0;
  }
 

  .footer .contact-info img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
  .footer .social-icons img {
    width: auto;
    height: 50px;
    margin-right: 10px;
  }
  @media (max-width: 849px) {
    .footer .social-icons img {
        width: auto;
        height: 26px;
        margin-right: 4px;
      }
  }

  .footer .logo img {
    width: 196px;
    height: auto;
  
  }

  @media (max-width: 849px) {
    .footer .logo img {
        width: 120px;
        height: auto;
        
      }
  }
  .footer .company-name p {
    margin: 0;
  }
  .footer-bottom {
    margin-top: 20px;
    font-size: 14px;

  }

  .footer-logo-font{
    height:54px;
  }

  @media (max-width: 849px) {
    .footer-logo-font{
        height:30px;
      }
  }

  .logo{
    text-align: right;
  }

  .footer-name-style{
    font-weight: 900;
    font-size: 18px;
    letter-spacing: 0.1rem;
    margin-bottom: 0px;
  }
  @media (max-width: 849px) {
    .footer-name-style{
        font-weight: 900;
        font-size: 8px;
        letter-spacing: 0.1rem;
      }
  }
  

  .footer-bottom-right{
    text-align: right;
  }

  .footer h5{
    border-left: 5px solid #ffffff;
    padding-left: 12px;
    margin-bottom: 28px;
}
  

.contact-style{
    font-weight: 300;
    letter-spacing: 4px;
}

.top-footer{
    height: 310px;
}