:root {
    --bs-success: #35b5c2 !important;
    --bs-green: #35b5c2 !important;
}

.btn-success, .bg-success, .text-success, .border-success {
    background-color: #35b5c2 !important;
    border-color: #35b5c2 !important;
    color: #fff !important;
}

.text-success {
    color: #35b5c2 !important;
}

.border-success {
    border-color: #35b5c2 !important;
}

#sendCode {
    opacity: 1;
    transition: opacity 1s;
}

#sendCode.hide {
    opacity: 0;
}

#codeVerify {
    opacity: 1;
    transition: opacity 1s;
}

#codeVerify.hide {
    opacity: 0;
}

.main-content {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll;
}

body::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.banner-section {
    overflow: hidden !important;
}

/* Fix Flickity slider buttons for RTL - swap positions and reverse arrows */
[dir="rtl"] .flickity-button-prev {
    left: auto !important;
    right: 10px !important;
}

[dir="rtl"] .flickity-button-next {
    right: auto !important;
    left: 10px !important;
}

[dir="rtl"] .flickity-button-prev .flickity-button-icon,
[dir="rtl"] .flickity-button-next .flickity-button-icon {
    transform: scaleX(-1) !important;
}