body {
    background-color: black; /* Set the background color to black */
    color: white; /* Optional: Set the text color to white for better contrast */
    font-family: Arial, sans-serif; /* Optional: Set a default font */
}




/*Fith div*/


     .card-container {
         display: flex;
         justify-content: space-around;
         width: 100%;
         gap: 20px;
     }
   
    
   
    .airport-transfer-services {
        list-style-type: none; /* Remove default list styling */
        padding: 0;
        margin: 0;
    }
    
    .airport-transfer-services li {
        display: flex;
        align-items: center;
        margin: 10px 0; /* Spacing between items */
        font-size: 16px; /* Font size */
    }
    
    .airport-transfer-services i {
        margin-right: 10px; /* Space between icon and text */
        color: #007bff; /* Change icon color */
        font-size: 20px; /* Icon size */
    }
 
    
  
     
         .card-container {
             display: flex;
             justify-content: space-around;
             width: 100%;
             gap: 20px;
         }
         .card-container-service {
            display: flex;
            justify-content: space-around;
            width: 100%;
            gap: 20px;
        }
       
        

     .card {
         background-color:black;
         border-radius: 1px; /* 10 px*/
         box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
         width: 30%;
         padding: 20px;
         text-align: center;
         transition: transform 0.3s ease, box-shadow 0.3s ease;
     }

     .card:hover {
         transform: translateY(-10px);
         box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
     }

     .card img {
         max-width: 100%;
         border-radius: 10px;
     }

     .card h3 {
         margin: 15px 0;
         font-size: 22px;
         color: white;
     }
     .card h2 {
        margin: 15px 0;
        font-size: 22px;
        color: white;
    }
    .card li{
        text-align: justify;  /* Justify the text */
        margin-bottom: 10px;  /* Space between list items */
        
        color: white;
    }

     .card p {
         font-size: 16px;
         color: white;
         margin-bottom: 20px;
         text-align:left;
     }

     .card button {
         background-color: #00b894;
         border: none;
         padding: 10px 20px;
         color: white;
         font-size: 16px;
         border-radius: 5px;
         cursor: pointer;
         transition: background-color 0.3s ease;
     }

     .card button:hover {
         background-color: #01966e;
     }

     /* Responsive Design */
     @media screen and (max-width: 768px) {
         .card-container {
             flex-direction: column;
             align-items: center;
         }

         .card {
             width: 80%;
             margin-bottom: 20px;
         }
     }


/* Card Services Slider */