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 */
    overflow-x: hidden;
}
@media (max-width: 768px) {
    /* Styles for mobile devices */
}
header {
   
    padding: 1rem;
    text-align: center;
}

main {
    padding: 1rem;
}

footer {
    background: #333;
    color: white;
    text-align: center;
    padding: 1rem;
}

@media (max-width: 768px) {
    header {
        font-size: 1.5rem;
    }
}


.jumbotron {
    background-color: black; /* Background color of the jumbotron */
    width: 100%; /* Full width */
    height: 230px; /* Height of the jumbotron */
    padding: 20px; /* Padding inside the jumbotron */
    display: flex; /* Optional: use flexbox for layout */
    align-items: center; /* Center items vertically */
    justify-content: center; /* Center items horizontally */
}
.jumbotron img {
    display: block; /* Make the image a block element */
    margin: 0 auto; /* Center the image horizontally */
    width: 100%;
    height:200px; 
    max-width:250px; 
   
}

.jumbotron  h2 {
    color:white; 
    text-align: center;
    
    
}
.jumbotron p {
    color:white; 
    text-align: center;
    
    
}
.jumbotron-mid{
   
     width: 100%;     
}    

.jumbotron-mid h2{
    color:white; 
    text-align: center;
   
        
}   

.jumbotron-mid p{
    color:white; 
    text-align: center;
   
        
}   


.container h1{
    color:white; 
    text-align: center;
            
            
        }  
    


.btn-primary{
 background-color: #C2FBD7;
border-radius: 50px;
border-width: 0;
box-shadow: rgba(25, 25, 25, 0.04) 0 0 1px 0, rgba(0, 0, 0, 0.1) 0 3px 4px 0;
color: black;
cursor: pointer;
display: inline-block;
font-family: Arial, sans-serif;
font-size: 1em;
height: 50px;
padding: 0 25px;
margin: 20px;
transition: all 200ms;
text-align: center;
}
.btn-primary:hover {

background-color: #AFE6C3;
transform: scale(1.05);
}

.container-table {
         width: 100%;
         height: auto;
         margin: 0 auto;
         padding: 2px;
         background-color:black;
         border-radius: 10px;
         box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
     }

table {
         width: 70%;
         border-collapse: collapse;
         margin: 25px auto;
         font-size: 18px;
         text-align: left;
     }
     th, td {
         padding: 12px;
         border-bottom: 1px solid #ddd;
         text-align: center;
         color: white;
         
     }
     th {
         background-color: #333; /* Dark background for contrast */
     }
     td {
         background-color: #555; /* Slightly lighter background for rows */
     }
 
/*Call button start*/
.btn-secondary{

    background-color: #C2FBD7;
    border-radius: 50px;
    border-width: 0;
    box-shadow: rgba(25, 25, 25, 0.04) 0 0 1px 0, rgba(0, 0, 0, 0.1) 0 3px 4px 0;
    color: #008000;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 1em;
    height: 50px;
    padding: 0 25px;
    padding-top: 10px;
    transition: all 200ms;
    }
    
    .btn-secondary:hover{
    
    background-color: #AFE6C3;
    transform: scale(1.05);
    }
    
    .btn-secondary {
    
    background-color: #C2FBD7;
    border-radius: 50px;
    border-width: 0;
    box-shadow: rgba(25, 25, 25, 0.04) 0 0 1px 0, rgba(0, 0, 0, 0.1) 0 3px 4px 0;
    color: #008000;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 1em;
    height: 50px;
    padding: 0 25px;
    padding-top: 10px;
    
    transition: all 200ms;
    }
    
    .btn-secondary:hover{
    
    background-color: #AFE6C3;
    transform: scale(1.05);
    }
    .btn-secondary i {
     margin-left: 8px; /* Space between icon and text */
    }
/*Call button End*/
.button-container-w {
 display: flex; /* Use flexbox */
 justify-content: center; /* Center horizontally */
 align-items: center; /* Center vertically */
 height: 100vh; /* Full viewport height */
}