body{
    font-family: "Open Sans", sans-serif;
      font-size: 14px;
  }
  .footer{
      padding: 60px 0;
      width: 100%;
      background: #182c51;
      color: #fff;
     
  }
  footer ul li {
    list-style-type: none;
    padding: 4px 0px;
    color: #fff;
  }
  .logo{
      margin-bottom: 30px;
  }
  .white-text {
    color: #ffffff;
}
  .footer-title{
        margin-bottom: 23px;
        color: #ffffff;
        position: relative;
        padding-bottom: 6px;
        font-size: 23px;
        font-weight: 700;
  }
  .footer-title:after{
      position: absolute;
      content: '';
      left: 0;
      bottom: 0;
      width: 40px;
      height: 2px;
      background: #4ac728;
  }
  
  .footer-links a{
      padding: 4px 0;
      color: #fff;
      display: block;
      transition: color 0.5s ease-in-out;
      text-decoration:none;
  }
  ul.footer-contact-list {
     list-style: none;
      padding: 6px 0;
      color: #fff;
      display: block;
}
.footer-contact-list li span {
    font-weight: 700;
}
.footer-contact-list li a {
    display: inline-block;
    color: #ffffff;
}
.footer-contact-list li a:hover {
    display: inline-block;
    color: #4ac728;
}
  .footer-links a:hover{
      color: #4ac728;
      text-decoration:none;
  }
  .footer-social-links li{
      display: inline-block;
  }
  .footer-social-links a{
      width: 40px;
      height: 40px;
      font-size: 16px;
      float: left;
      margin-right: 10px;
      padding: 10px;
      border: 1px solid #404040;
      border-radius: 50px;
      text-align: center;
      color: #fff;
      line-height: 1;
      -webkit-transition: background 0.3s ease-in-out;
      -moz-transition: background 0.3s ease-in-out;
      transition: background 0.3s ease-in-out;
    background:#333333;
  }
  .footer-social-links a:hover{
      background: #4ac728;
  }
  /* g. Footer bottom section */
  .footer-bottom{
      width: 100%;
      padding: 25px 0;
      text-align: center;
      color: #fff;
      background: #0d1d3b;
  }
  .circle-map {
    position: absolute;
    top: 32%;
    right: 18%;
    z-index: -1;
}



/* this css use for scrolling text in the section on index.html on page */
#overflowTest {
    padding: 15px;
    width: 100%;
    height: 400px;
    overflow: overlay;
}
#overflowTest-jewellery
{
    padding: 15px;
    width: 100%;
    height: 400px;
   overflow: overlay;
}