/* CSS for Contact Bar */
	#contact-bar {
	  position: fixed;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: url("images/bg/abt-india-bg.png") no-repeat center center;
	  background-size: cover;
	  padding: 10px;
	  //z-index: -99;
	  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	  margin-top: 50px;
	}
	
	#contact-bar.hide {
	  transform: translateY(100%);
	  opacity: 0;
	  pointer-events: none;
	}

  .contact-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  .contact-text {
    flex: 1;
    min-width: 250px;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 10px;
    font-family: 'Caveat', cursive;
    color: #fff;
  }

  .contact-image {
    flex: 0 0 auto;
    margin: -70px -130px -50px 0;
  }

  .contact-image img {
    max-height: 150px;
    width: auto;
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .contact-content {
      height: 80px;
      width: 80px;
      float: right;
    }
    .contact-image {
      margin: -100px -120px -100px 0;
      // margin: 15px 0 0 0;
    }
    .contact-text { 
    	position: absolute; 
    	text-align: left;
    	left: 20px;
    	max-width: 75%;
    	line-height: 100%;
    }
  }