html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

.btn-left{
    background: linear-gradient(135deg, #de0000 0%, #e74646 100%);
}

.btn-right{
    background: linear-gradient(135deg, #e74646 0%, #de0000 100%);
}


#toast-container {
    margin-top: 80px; 
}


.image-container-left {
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: 520px;
}

.image-container-left img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.image-container-left::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 20px -20px 40px 0px rgb(0, 0, 0, 0.40);
}

.image-container-right {
    position: relative;
    overflow: hidden;
    border-bottom-right-radius: 520px;
}

.image-container-right img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.image-container-right::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset -20px -20px 40px 0px rgb(0, 0, 0, 0.40);
}