/*.fmobile-slides {
    transition: opacity 0.5s ease-in-out; /* Adjust the duration and easing as needed */
    /*display: flex;
    position: relative;
    height: 680px;
}

.fmobile-slide {
    opacity: 0;
    position: absolute;
    box-sizing: border-box;
    transition: opacity 0.5s ease-in-out;
    flex: 0 0 100%;
}

.fmobile-carousel-container{
    /*position: relative;*
    width: 100%;
    margin: auto;
    /*overflow: hidden;*
    max-width: 600px;
}

.fmobile-slide:nth-child(1) {
    opacity: 1; /* Show the first slide initially **
}*/









.pmobile-carousel-container, .dmobile-carousel-container, .fmobile-carousel-container{
    /*position: relative;*/
    width: 100%;
    margin: auto;
    max-width: 600px;
}


.pmobile-slides, .dmobile-slides, .fmobile-slides{
    transition: opacity 0.5s ease-in-out; /* Adjust the duration and easing as needed */
    position: relative;
    height: 680px;
}

.pmobile-slide, .dmobile-slide, .fmobile-slide{
    opacity: 0;
    position: absolute;
    box-sizing: border-box;
    transition: opacity 0.5s ease-in-out;
    
}



.fmobile-slide:nth-child(1), .pmobile-slide:nth-child(1), .dmobile-slide:nth-child(1) {
    opacity: 1; /* Show the first slide initially */
}



.pmobile-slide .text, .dmobile-slide .text, .fmobile-slide .text{
    height: 250px;
    padding: 0px 20px;
    font-size: 14px;
}

.pmobile-slide img, .dmobile-slide img, .fmobile-slide img{
    width: 100%;
}

/*.pmobile-carousel-button, .dmobile-carousel-button, .fmobile-carousel-button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 24px;
    color: #333;
    background-color: transparent;
    border: none;
    outline: none;
}*/

.pmobile-carousel-button, .dmobile-carousel-button, .fmobile-carousel-button{
    position: relative;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background-color: #40724E;
    border: none;
    outline: none;
    margin: 0px 10px;
    border-radius: 30px;
    /*padding: 10px 20px;*/
    text-align: center;
    top: 10px;
}

.dmobile-carousel-button{
    color: #40724E;
    background-color: #fff;
}

.prev {
    padding: 10px 20px 10px 15px;
}

.next {
    padding: 10px 15px 10px 20px;
}


@media only screen and (max-width: 600px){

}




@media only screen and (max-width: 900px) and (min-width: 600px) {

}