/* Import Font Css */
@import url(font.css);


/* Banner Slideshow */
@keyframes fade {
    0% { opacity: 1; }
    20% { opacity: 0; }
    40% { opacity: 0; }
    60% { opacity: 0; }
    80% { opacity: 0; }
    100% { opacity: 1; }
}
.fade1 { animation: fade 15s infinite 0s; }
.fade2 { animation: fade 15s infinite 3s; }
.fade3 { animation: fade 15s infinite 6s; }
.fade4 { animation: fade 15s infinite 9s; }
.fade5 { animation: fade 15s infinite 12s; }

@keyframes fadeInUp {
    from {
    opacity: 0;
    transform: translateY(20px);
    }
    to {
    opacity: 1;
    transform: translateY(0);
    }
}
.animate-fadeInUp {
    animation: fadeInUp 1s ease-out forwards;
}

.text-primary-theme {
    color: #517961 ;
}

.bg-primary-theme {
    background: #517961;
}

.text-browm-theme {
    color: #694B2F
}

.bg-browm-theme {
    background: #694B2F;
}

/* Bubble animation */
@keyframes floatUp {
    0% {
        transform: translateY(0) scale(1);
        opacity: 0.6;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translateY(-120vh) scale(1.3);
        opacity: 0;
    }
}
/* CSS Code */
.swiper-wrapper {
    width: 100%;
    height: max-content !important;
    padding-bottom: 64px !important;
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    position: relative;
}
.swiper-pagination-bullet {
    background: #4F46E5;
}
.swiper-pagination-bullet-active {
    background: #4F46E5 !important;
}