/* Default container behavior */
.container-dk {
    width: 100%; /* Use the full width of the parent container */
    max-width: 100%; /* Ensure it doesn't exceed the screen width */
    margin-right: auto;
    margin-left: auto;
}

/* Adjust container behavior for different screen sizes */
@media (min-width: 1920px) {
    /* Styles for 2k screens and above */
    .container-dk {
        max-width: 100%; /* You can adjust this if needed */
    }
}

@media (max-width: 1919px) and (min-width: 1280px) {
    /* Styles for 1080p screens */
    .container-dk {
        max-width: 100%; /* You can adjust this if needed */
    }
}

@media (max-width: 1279px) and (min-width: 721px) {
    /* Styles for 720p screens */
    .container-dk {
        max-width: 100%; /* You can adjust this if needed */
    }
}

/* Add more media queries for other screen sizes as needed */

/* Mobile-first approach: styles for screens up to 720p */
@media (max-width: 720px) {
    .container-dk {
        max-width: 100%; /* You can adjust this if needed */
    }
}


@media (max-width: 767px) {
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
}

.home-top-image-section::first-letter {
    -webkit-initial-letter: 3;
    initial-letter: 3;
    /* color: orange; */
    font-weight: bold;
    margin-right: .75em;
}

.invalid-feedback{
    /* color: rgb(255, 0, 0); */
    display: block !important;
}

.page-heading {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 2s, transform 2s;
}

.gallery-image-io{
    max-height: 273px;
    object-fit: cover;
}

.gallery-io {
    border-radius: 18px 18px 18px 18px !important;
}