@charset "utf-8";
/* CSS Document */

.rob { background-color: #ffc61e; border: none; }
    .slider-container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        height: 568px;
        margin-top: 72px;
    }
    .slide {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 1s ease-in-out;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        background-size: cover;
        background-position: center;
        padding: 0 20px;
        pointer-events: none;
    }
    .slide.active {
        opacity: 1;
        pointer-events: auto;
    }
    .slide-text {
        background-color: rgb(0 46 100 / 0.8);
        color: white;
        padding: 20px;
        text-align: left;
        width: 450px;
        border-radius: 10px;
        position: absolute;
        left: calc(50% - 560px);
        height: 300px;
        z-index: 2;
    }
    .slider-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        padding: 10px 15px;
        cursor: pointer;
        z-index: 3;
        font-size: 24px;
        border-radius: 5px;
    }
    .prev-btn { left: 10px; }
    .next-btn { right: 10px; }
    @media screen and (max-width: 1130px) {
        .slider-container { height: 600px; }
        .slide-text {
            left: 50%;
            transform: translateX(-50%);
            max-width: calc(100% - 40px);
            text-align: center;
            bottom: 160px;
            top: auto;
        }
    }
	
	
	
	@media (min-width : 220px ) and ( max-width : 1130px )
	{
	    .slider-container {height: 450px;}
		.slide-text {bottom: 80px;}
		.slide-text {
        background-color: rgb(0 46 100 / 0.9)}.slide {
        background-position: calc(50% - 2in) center;
    }
}