.footer-top{
  background: #2a384b;
}
.footer-top a{
  text-decoration: none;
}
.ask-question-bar {
  background-color: #415470;
  padding: 15px;
}
.ask-question-bar input {
  border-radius: 5px 0 0 5px;
  border: none;
  padding: 10px;
  width: 100%;
}
.ask-question-bar button {
  border-radius: 0 5px 5px 0;
  background-color: #f58220;
  color: white;
  border: none;
  padding: 10px 20px;
}
.app-buttons img {
  height: 40px;
  margin-bottom: 10px;
}
.footer1st h6{
  color: white;
}
.footer1st a{
  color: rgb(180, 180, 180);
  font-size: 14px;
}
/*--------------------------------- footer */
    footer {
      background-color: #1f2a38;
      color: #ffffff;
      padding: 40px 5%;
    }

    /* Newsletter */
    .newsletter {
      text-align: center;
      margin-bottom: 30px;
    }

    .newsletter h2 {
      margin-bottom: 10px;
      font-size: 20px;
    }

    .newsletter-links {
      font-size: 14px;
      margin-bottom: 20px;
      color: #8fc7ff;
    }

    .newsletter-links span {
      margin: 0 10px;
      cursor: pointer;
    }

    /* Footer Grid */
    .footer-sections {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 20px;
      gap: 30px;
    }

    .footer-column {
      flex: 1 1 180px;
    }

    .footer-column h4 {
      font-size: 14px;
      margin-bottom: 12px;
      text-transform: uppercase;
      border-bottom: 1px solid #444;
      padding-bottom: 5px;
    }

    .footer-column ul {
      list-style: none;
      font-size: 13px;
    }

    .footer-column ul li {
      margin-bottom: 6px;
      color: #ccc;
      cursor: pointer;
    }

    /* App Download */
    .download-app {
      text-align: center;
      margin: 30px 0;
    }

    .download-app p {
      margin-bottom: 10px;
      font-size: 14px;
    }

    .download-app img {
      height: 40px;
      margin: 0 8px;
      cursor: pointer;
    }

    /* Bottom Bar */
    .footer-bottom {
      background-color: #16202b;
      padding: 15px 20px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      font-size: 12px;
      color: #aaa;
    }

    .social-icons {
      display: flex;
      gap: 12px;
    }

    .social-icons a {
      color: #ccc;
      font-size: 16px;
      text-decoration: none;
    }

    @media (max-width: 768px) {
      .newsletter-form input,
      .newsletter-form select,
      .newsletter-form button {
        width: 100%;
        max-width: 300px;
      }

      .footer-sections {
        flex-direction: column;
        align-items: flex-start;
      }

      .footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 10px;
      }
      .footer-column ul {
      padding-left: 0px !important;
      }
    }