body {
      font-family: Arial, sans-serif;
    }

    .special-offer {
      background-color: #f8dede;
      padding: 2rem;
    }

    .offer-header {
      font-size: 2rem;
      font-weight: bold;
    }

    .offer-card {
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      overflow: hidden;
    }

    .feedback-button {
      position: fixed;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      background-color: #d32f2f;
      color: #fff;
      padding: 10px;
      border-radius: 5px 0 0 5px;
      font-weight: bold;
    }
    
    
    /* Define a media query for mobile devices */
@media (max-width: 768px) { /* Adjust the max-width value as needed */
  #hide-on-mobile {
    display: none;
  }
}

 .icon-section .fa {
            font-size: 50px;
            color: red; /* Adjusted color for the icons */
        }
        .icon-section .card {
            border: none;
            text-align: center;
        }
        .icon-section .card:hover {
            background-color: #f9f9f9;
        }
        
        
         .section-title {
            text-align: center;
            font-size: 1.5rem;
            font-weight: bold;
            margin-bottom: 2rem;
        }

        .card {
            border: none;
        }

        .card h5 {
            font-size: 1rem;
            font-weight: bold;
            margin-bottom: 0.5rem;
        }

        .card p {
            font-size: 0.9rem;
            color: #555;
        }

        .services-list a {
            display: block;
            font-size: 0.9rem;
            color: #0056b3;
            margin-bottom: 0.5rem;
            text-decoration: none;
        }

        .services-list a:hover {
            text-decoration: underline;
        }