h2{
    color:#1D7874;
}
h3{
    color:#004D40;
}
 /* Ensures full height */
 body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
  
  /* Push footer to bottom */
  .content {
    flex: 1;
  }
  
  /* Adjust form width */
  .form-container {
    max-width: 500px;
    margin: auto;
  }

  /* Social login buttons */
  .social-btn {
    width: 100%;
    margin-bottom: 10px;
  }
  /* Contact Sidebar Animations */
.contact-sidebar {
    position: fixed;
    right: -260px; /* Start hidden */
    top: 50%;
    transform: translateY(-50%);
    width: 250px;
    background-color: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    padding: 15px;
    border-radius: 10px;
    transition: right 0.5s ease-in-out; /* Smooth slide-in effect */
}

/* Slide-in Animation on Page Load */
.contact-sidebar.show {
    right: 0px; /* Slides into view */
}

/* Hover Effect */
.contact-sidebar:hover {
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
    transform: translateY(-50%) scale(1.05); /* Slight scale increase */
    transition: transform 0.3s ease-in-out;
}

/* Button Pulse Animation */
@keyframes pulse {
    0% { box-shadow: 0 0 5px rgba(0, 255, 0, 0.5); }
    50% { box-shadow: 0 0 15px rgba(0, 255, 0, 1); }
    100% { box-shadow: 0 0 5px rgba(0, 255, 0, 0.5); }
}

.contact-sidebar .btn-success {
    animation: pulse 2s infinite; /* Apply the pulse effect */
}