/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.scroll-indicator {
    position: absolute;
    bottom: 32px; /* bottom-8 */
    left: 50%;
    transform: translateX(-50%);
    animation: bounce 1.5s infinite;
}

.mouse-shape {
    width: 24px;   /* w-6 */
    height: 40px;  /* h-10 */
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 9999px;
    padding: 8px;
    box-sizing: border-box;
}

.wheel {
    width: 4px;    /* w-1 */
    height: 12px;  /* h-3 */
    background: rgba(255, 255, 255, 0.6);
    border-radius: 9999px;
    margin: 0 auto;
    animation: pulse 1s infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(-10px);
    }
}

@keyframes pulse {
    0%, 100% {
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
}



.trp-switcher-dropdown-list:hover a{
    /* background-color: #203560; */
	background-color: #172136 !important;
}