/* Video Section General Styles */
.section-video {
    position: relative;
    height: 100vh; /* Full viewport height */
    width: 100%; /* Full width */
    overflow: hidden;
}

/* Video Styling */
.section-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the video covers the entire section without distortion */
}

/* Hide mobile video by default */
.video-mobile {
    display: none;
}

/* Media Queries for Mobile Video */
@media only screen and (max-width: 768px) {
    .video-desktop {
        display: none;
    }
    .video-mobile {
        display: block;
    }
}

/* Content Styling */
.container {
    position: relative;
    z-index: 2; /* Keep content above the video */
}

.text-4 {
    font-size: 24px;
    color: #000;
}

.lifepatch-logo {
    max-width: 250px; /* Set maximum width to 250px */
    width: 100%; /* Make the width responsive */
    height: auto; /* Maintain aspect ratio */
   /* margin: 0 auto; /* Center the logo */
}

@media (max-width: 575px) { /* Adjust max-width as necessary */
    .lifepatch-logo {
        max-width: 150px; /* Smaller size when centered */
        margin: 0 auto;
    }
}
@media (min-width: 576px) { /* Adjust max-width as necessary */
    .lifepatch-logo {
        max-width: 150px; /* Smaller size when centered */
    }
}

/* Adjust the size and centering for specific layouts */
@media (max-width: 768px) { /* Adjust max-width as necessary */
    .lifepatch-logo {
        max-width: 200px; /* Smaller size when centered */
    }
}

@media (min-width: 769px) { /* For larger screens */
    .lifepatch-logo {
        max-width: 250px; /* Default size */
    }
}