/* General Swiper Container */
/* General Swiper Container */
.submitted-form {
}

.swiper-container {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    overflow: hidden; /* Ensure no overflow issues */
    position: relative; /* Ensure positioning for navigation buttons */
    visibility: visible; /* Ensure the container is visible */
    opacity: 1; /* Ensure the container is fully opaque */
}

/* Swiper Wrapper and Slides */
.swiper-wrapper {
    display: flex;
    align-items: center; /* Center content vertically if needed */
}

.swiper-slide {
    width: 100%; /* Ensure each slide takes full width */
    box-sizing: border-box; /* Include padding/border in the element's width and height */
}

    /* Swiper Slide Images */
    .swiper-slide img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover; /* Ensure images cover the slide area without stretching */
    }

/* Navigation Buttons */
.swiper-button-next,
.swiper-button-prev {
    width: auto;
    color: rgba(26, 40, 72, 1); /* Customize color if needed */
    top: 50%; /* Vertically center the buttons */
    transform: translateY(-50%); /* Correct centering */
    z-index: 10; /* Ensure buttons are above other elements */
}

    /* Adjust button size based on screen width */
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 1.5rem; /* Default size */
        line-height: 2rem;
    }

@media (min-width: 768px) {
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 1.875rem; /* Medium screen size */
        line-height: 2.25rem;
    }
}

@media (min-width: 1024px) {
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 2.25rem; /* Large screen size */
        line-height: 2.5rem;
    }
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    width: auto;
    color: rgba(26, 40, 72, 1);
    /*    top: 50%;*/
    transform: translateY(-50%);
    z-index: 10;
    /*  margin: 0 10px;*/ /* Adds some space around the buttons */
}

/* Positioning of Navigation Buttons */
.swiper-button-prev {
    left: 10px; /* Adjust to avoid cutting off content */
}

.swiper-button-next {
    right: 10px; /* Adjust to avoid cutting off content */
}

.bottom-text {
    padding: 0 !important;
    margin-top: 30px;
    line-height: 1.3;
}

.top-text {
    padding: 0 !important;
    line-height: 1.3;
}