/*footer*/
       
        
          .footer {
            background: url('./M-Images/pexels-vraj-shah-115200-633814.jpg') center/cover no-repeat;
            position: relative;
            color: #fff;
            padding: 40px ;
            overflow: hidden;
          }
        
          
        
          .footer-content {
            position: relative;
            display: flex;
            /* flex-wrap: wrap; */
            justify-content: space-around;
            z-index: 1;
            animation: fadeIn 1.5s ease-in;
            
          }
        
          .footer-section {
            /* flex: 1 1 300px; */
            margin: 20px;
            width: 100%;            
          }
          .footer-section h4{
            color: #ffffff;
          }
         
        
          .footer h1 {
            font-size: 25px;
            margin-bottom: 15px;
            border-bottom: 3px solid rgb(255, 255, 255);
            padding-bottom: 10px;
            font-family: 'Poppins', sans-serif;
          }
        
          .footer p, .footer a {
            font-size: 20px;
            line-height: 1.6;
            color: #fff;
            text-decoration: none;
            transition: color 0.3s ease;
          }
        
          .footer a:hover {
            color: #ffc107;
          }
        
          .footer hr {
            border: none;
            border-bottom: 2px solid white;
            margin: 15px 0;
          }
        
          .footer button {
            padding: 10px 20px;
            margin: 10px 5px 0 0;
            font-size: 16px;
            background-color: #007bff;
            color: white;
            border: none;
            cursor: pointer;
            transition: background 0.3s ease;
          }
        
          .footer button:hover {
            background-color: #0056b3;
          }
        
          .footer-bottom {
            text-align: center;
            margin-top: 60px;
            font-size: 15px;
            z-index: 1;
            position: relative;
          }
        
          @keyframes fadeIn {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
          }
        
          @media (max-width: 768px) {
            .footer-content {
              flex-direction: column;
              align-items: center;
            }
          }
          /* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
  .container {
    
    font-size: 14px;
  }
}