/*
.ratio-crop ...
.slider-container ...
*/
.slider-wrapper {
    width: 100%;
    height: 100%;
}
/*
.slider-wrapper .slider-item ...
---11x
.slider-wrapper .slider-item .slide-content ...
.slider-item.swiper-slide-active .slide-content ...
@keyframes animate_opacity ...
.slider-wrapper .slider-item .slide-content > * ...
.slider-item .slide-content .slide-subtitle ...
.slider-item .slide-content .slide-title ...
*/
.slider-item :where(.slide-subtitle, .slide-title, .slide-logo) {
    animation: animate_text 0.6s 0.6s linear forwards;
}
@keyframes animate_text {
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}
/*
.slider-item .slide-content .slide-description ...
*/

.slider-item .slide-description {
    animation: animate_text 0.6s 1s linear forwards;
}
/*
.slider-item .slide-content .slide-button ...
.slider-item .slide-content .slide-button span ...
*/

.slider-item .slide-button span {
    animation: animate_opacity 0.6s 1.5s linear forwards;
}

.slider-item .slide-button {
    animation: animate_button 0.6s 1.3s linear forwards;
}
/*
@keyframes animate_button ...
.slider-item .slide-content .slide-button:hover ...
*/

/*
@media (min-width: 1537px) {
    .slider-wrapper .slider-item .slide-content ...
    .slider-wrapper .slider-item .slide-content > * ...
    .slide-button ...
}
*/
@media (min-width: 1537px) {
    .text-container {
        border-radius: 2vw;
    }
}
/*
@media (max-width: 1536px) {
    .slider-wrapper .slider-item .slide-content ...
    .slider-wrapper .slider-item .slide-content > * ...
    .slider-tab-num ...
    .slider-tab ...
    .slide-button ...
}
*/
@media (max-width: 1536px) {
    .text-container {
        border-radius: 1.75vw;
    }
}
/*
@media (max-width: 1024px) {
    .slider-wrapper .slider-item .slide-content ...
    .slider-wrapper .slider-item .slide-content > * ...
    .slider-tab-num ...
    .slider-tab-text ...
    .slide-button ...
}
*/
@media (max-width: 1024px) {
    .text-container {
        border-radius: 2.0vw;
    }
}
/*
@media (max-width: 768px) {
    .slider-wrapper .slider-item .slide-content > * ...
    .slide-title, .slide-description ...
    .slide-button ...
}
*/
@media (max-width: 768px) {
    .text-container {
        border-radius: 2.5vw;
    }
}