.carousel-inner {
    border-radius: 25px;
}

/* Transition of slides*/
.carousel-item {
    transition: transform 0.8s ease, opacity 0.6s ease;
}

.fade-container {
    position: absolute;
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%);
    width: 80%; /* Set a maximum width for the inner content */
    text-align: center;
}

 /*Ensure the text has good readability over images*/ 
.text-container {
    background-color: rgba(142, 125, 115, 0.6);
    padding: 5px;  /*Maintain existing padding */
    padding-bottom: 20px;  /*Add bottom padding to create space under the button */
    border-radius: 10px;
    margin: auto;
    text-align: center;
}

 /*Responsively adjust the text size based on viewport width*/ 
.text-container p,
.text-container h1 {
    font-size: 2vw;
}


@media (max-width: 360px){
    .carousel-container,
    .carousel-item,
    .c-img {
        height: 45vh !important;
        object-fit: cover;
        object-position: center;
        width: 100% !important;
    }

    .text-container {
        padding-bottom: 10px; /*Slightly smaller padding on tablets */
        height: auto;
    }

    .text-container p,
    .text-container h1 {
        font-size: 3vw; /*Larger font size for smaller devices */
    }
}

/* Further adjustments for very small screens */
@media (max-width: 430px) {
    .carousel-container,
    .carousel-item,
    .c-img {
        height: 35vh; /*Larger font size for smaller devices */
        width: 100%;
        object-fit: cover;
        /*object-position: center right;*/
        object-position: center;
    }

    .text-container {
        padding-bottom: 10px; /*Slightly smaller padding on tablets */
        height: auto;
    }

    .text-container p,
    .text-container h1 {
        font-size: 5vw; /*Larger font size for smaller devices */
    }
}

/* Adjustments for very small screens */
@media (max-width: 768px) {
    .carousel-item,
    .c-img {
        height: 35vh; /*Let the height be determined by the content */
        object-fit: cover;
        /*object-position: center right;*/
        object-position: center;
    }

    .fade-container,
    .text-container {
        width: 95%;  /*Slightly reduce the width for better spacing */
        /*padding: 10px;*/  /*Adjust padding as needed */
    }

    .text-container p,
    .text-container h1 {
        font-size: 4vw;  /*Larger text size for readability on smaller devices */
    }

    .text-container {
        /*padding-bottom: 90px;*/  /*Slightly smaller padding on tablets */
    }
}


.rz-button.rz-link {
     background: none !important;
     padding: 0 !important;
     border: none !important;
}


.rz-button.rz-link .rz-button-text {
    color: var(--rz-link-color);
}


 .rz-button.rz-link:hover .rz-button-text {
     text-decoration: underline !important;
     background: none !important;
}