.footer {
    background-color: #1d2234;
    padding: 20px;
    text-align: center;
    color: white;
    font-family: Arial, sans-serif;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

  }
  
  .footer-content p {
    margin: 10px 0;
  }
  
  .contact-link {
    color: #ffae25;
    text-decoration: none;
  }
  
  .contact-link:hover {
    text-decoration: underline;
    color: #8368ff;
  }
  
  .brand-name {
     color: #ffae25;
    font-weight: bold;
  }
  
  .social-icons {
    margin: 15px 0;
  }
  
  .social-icon {
    margin: 0 10px;
    font-size: 20px;
    color: #ffae25;
    text-decoration: none;
  }
  
  .social-icon:hover {
    color: white;
  }
  
  .footer-links {
    margin: 20px 0;
  }
  
  .footer-links a {
    color: #b3b3b3;
    text-decoration: none;
    margin: 0 15px;
  }
  
  .footer-links a:hover {
    text-decoration: underline;
  }
  
  .copyright {
    color: #b3b3b3;
    margin-top: 10px;
    font-size: 14px;
  }
  
  /* General text styling */
.footer p {
  font-size: 16px;
  color: #fff; /* White color for the paragraph text */
  font-family: Arial, sans-serif;
  margin: 10px 0; /* Space around the text */
}

/* Support message styling */
.support-text {
  color: #ffae25; /* Initial color (golden) */
  font-weight: bold; /* Bold the support text */
  margin-left: 10px; /* Space between the main text and support message */
  font-size: 16px; /* Same size as the main text */
}

/* Hover effect for the support text */
.support-text:hover {
  color: #8368ff; /* Color change on hover (violet) */
  /*cursor: pointer; */
  /* Change the cursor to pointer to indicate interaction 
}