.footer {
    /* Other styles */
    position: relative;
    /* box-shadow: 10000px; */
    text-align: center;
    color: white;
    padding:10px; 
    background-position: top; /* Make the background image start from the bottom */
    background-repeat: no-repeat;
    background-size: cover;
    /* background-color: rgba(39, 62, 195, 0.3);    */
}

/* Rest of your CSS code */

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Add this line */
    z-index: -1; /* Set the z-index to a negative value to ensure it's behind other elements */
}

.video-background video {
    min-width: 100%; /* Change max-width to min-width */
    min-height: 100%; /* Change max-height to min-height */
    object-fit: cover; /* Add this line to maintain aspect ratio while filling the element */
}


.footer {
    position: relative;
    z-index: 1; /* Ensure the footer is above the video */
    /* Other styles */
}

/* Rest of your CSS code */

.footer h2, .footer p {
    margin-bottom: 20px;
}

.message-me {
    display: inline-block;
    background-color: #273ec3;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.message-me:hover {
    background-color: #162473;
    cursor: pointer;
}

.foot-text {
    display: flex;
    justify-content: center;
    gap:40px;
    flex-wrap: wrap;

}

.footer:before {
    /* Same as before */
}

@media (max-width: 600px) {
    .footer {
        /* Adjust styles for small screens */
        height: 350px;

        padding: 10px;
    }
    .foot-para{
        text-align: center;
        position: relative;
    }

}

@media (min-width: 601px) and (max-width: 1024px) {
    .footer {
        /* Adjust styles for medium screens */
        height: 300px;

    }
    .foot-para{
        margin-top: 70px;
        text-align: center;
        position: relative;
        align-content: center;
    }
    .foot-text{
        position: relative;
        align-content: center;
        text-align: center;

    }
}

@media (min-width: 1025px) {
    .footer {
        /* Adjust styles for large screens */
        height: 440px;

    }
    .foot-para{
        margin-top: 70px;
        text-align: center;
        position: relative;
        align-content: center;
    }
    .foot-text{
        position: relative;
        align-content: center;
        text-align: center;

    }
}

.footer i {
    font-size: 1.5em;
    color: white;
}
.foot-para{
    margin-top: 70px;
}
*{
    margin:0;
    padding: 0;
      
}