@font-face {
    font-family: 'Moon Walk';
    src: url('/wp-content/uploads/2024/12/Moon-Walk.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.call-btn svg {
    width: .75em;
    vertical-align: middle;
}

.call-btn .elementor-button svg path {
    fill: currentColor;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
}
#home-banner .elementor-background-video-container {
    scale: 1.1;
}
.background-bg-video .e-hosted-video {
    height: 100%;
}

.elementor-location-header + div {
    position: relative;
    z-index: 1;
}


#newsletter-form .elementor-message {
    position: absolute;
    transform: translatey(15px);
}
#popup-menu-navigation .elementor-icon-list-text {
    transition: .3s ease;
    cursor: pointer;
}

#popup-menu-navigation .elementor-icon-list-text:hover {
    opacity: .5;
}

#popup-menu-navigation a.current-page .elementor-icon-list-text{
    color: #fff;
    opacity: 1;
}


.centered-text {
    text-align: center;
}

#banner-post-navigation .slick-list {
    overflow-x: hidden;
    overflow-y: auto;
/*     height: 175px; */
    direction: rtl;
    
/*     padding-left: 18px; */
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    user-select: none;
    text-align: left;
}

/* #banner-post-navigation .slick-track {
    padding: 12px 0;
} */
#banner-post-navigation .slick-slide {
    scroll-snap-align: start end;
}

#banner-post-navigation .slick-list::-webkit-scrollbar-track{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cline x1='0' y1='0' x2='0' y2='100' stroke='white' stroke-width='1' vector-effect='non-scaling-stroke'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: repeat-y;
    background-position: center center;
    background-size: 1px;
}

#banner-post-navigation .slick-list::-webkit-scrollbar{
      width: 3px;
}
#banner-post-navigation .slick-list::-webkit-scrollbar-thumb{
    background-color: #00A5F6;
    border-radius: 0px;
    border: 0px solid #ffffff;
}
/* 
#banner-post-navigation .elementor-posts-container {
    padding: 24px 0;
} */

#banner-post-dots .slick-dots{
    bottom: 0;
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    flex-wrap: wrap;
	position: static;
}
#banner-post-dots li {
    width: revert;
    height: revert;
    margin: 0;
}
#banner-post-dots button {
    padding: 0;

    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ffffff80;

}

#banner-post-dots .slick-active button {
    background: #fff;
}

#banner-post-dots button::before {
    content: revert;
}

#banner-post-navigation .slick-track::before,
#banner-post-navigation .slick-track::after{
    display: none;
}

#banner-post-video style{
    display: none;
}

#banner-post-navigation .slick-track{
    max-width: 100%;
    transform: revert !important;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#banner-post-navigation .elementor-post__title a {
    transition: .5s ease;
    pointer-events: none;
}
#banner-post-navigation .slick-active .elementor-post__title a{
    color: #00A5F6;
}
#banner-post-navigation .elementor-post__title {
    cursor: pointer;
}

.custom-rotating-text .elementor-heading-title {
    display: flex;
    flex-wrap: wrap;
    gap: 0 .3em;
    justify-content: center;
	
}

.custom-animated-headline:not(.initialized) {
    display: none;
}

.custom-rotating-text .custom-animated-headline {
    font-weight: bold;
}

.custom-animated-headline {
		--transition: width .5s ease-in-out, transform 1s ease-in-out; 
    position: relative;
    overflow: hidden;
    transition: var(--transition);
}

.custom-animated-headline span.animated_text[data-show=true] {
    top: 0;
    transform: translateY(0%);
    transition: var(--transition);
    min-width: max-content;
		max-width: 100%;
}

.custom-animated-headline span.animated_text[data-up=true] {
    transform: translateY(-200%);
   transition: var(--transition);
}

.custom-animated-headline span.animated_text {
    transform: translateY(200%);
    transition: 0s;
    top: 0;
    left: 0;
    position: absolute;
		min-width: max-content;
		max-width: 100%;
}

#home-banner {
    background-size: 150%;
    background-position: 0% 0%;
    animation: gradientMove 3s ease infinite alternate;
}

@keyframes gradientMove{
    from {
        background-position: 0% 0%;
    }
    to {
        background-position: 100% 0%;
    }
}

#achievement-slider-nav .slick-dots{
    position: static;
}

#achievement-slider-nav .slick-dots :is(li, button){
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

#achievement-slider-nav .slick-dots button{
    width: 10px;
    height: 10px;
    background: #1F5493;
    border-radius: 50%;
    opacity: .5;
}
#achievement-slider-nav .slick-dots {
    display: flex;
    flex-direction: column;
    gap: 10px;
	
	 	align-items: flex-end;
}

#achievement-slider-nav .slick-dots button:is(:focus,:hover) {
    border-width: 0;
}

#achievement-slider-nav .slick-dots .slick-active button {
    opacity: 1;
}

#achievement-slider-nav .slick-dots button::before {
    content: revert;
}


#banner-post-navigation .elementor-posts-container{
    padding-left: 20px;
}

#banner-post-navigation .elementor-posts-container::before,
#banner-post-navigation .elementor-posts-container::after{
    content: "";
    position: absolute;
    left: 1px;
    top: 0px;
    bottom: 0px;
    width: 2px;
    background: #D4D4D4;
}

#banner-post-navigation .elementor-posts-container::after {
    background: #00A5F6;
    --gap: 20px;
    --height: 25px;
		left: 0px;
    bottom: revert;
    height: var(--height);
    width: 4px;
    top: calc((var(--index, 0) * (var(--height) + var(--gap))));
    transition: .6s ease;
}

/* Banner Video Wrapper  */
.bg-video-wrapper[data-post-id="446"]::before {
    --e-global-color-primary: #3E1335;
    --e-global-color-a1695a8: #0000;
}

#bannerloop-section:has(.slick-active .bg-video-wrapper[data-post-id="446"]) #banner-post-navigation .elementor-post__title a {
    color: #ffffffa6;
}
#bannerloop-section:has(.slick-active .bg-video-wrapper[data-post-id="446"]) #banner-post-navigation .slick-active .elementor-post__title a{
    color: #fff;
}

#bannerloop-section:has(.slick-active .bg-video-wrapper[data-post-id="446"]) #banner-post-navigation .elementor-posts-container::after {
    background: #fff;
}
#banner-post-navigation .elementor-posts-container::before {
    transition: 1s ease;
}
#bannerloop-section:has(.slick-active .bg-video-wrapper[data-post-id="446"]) #banner-post-navigation .elementor-posts-container::before {
    background: #ffffff50;
}

#home-banner .elementor-background-video-container {
    animation: 2s ease appearEase;
    animation-delay: 5s;
    animation-fill-mode: both;
}

#banner-post-video :is(.elementor-loop-container, .slick-track, .banner-slide > .elementor-element){
    height: 100%;
}

/* START: Menu Animation */

.header_section {
	opacity: 1 !important;
	visibility: visible;
	transition: all 300ms ease-in-out !important;
}

.header_section.menu_active {
	opacity: 0 !important;
	visibility: hidden;
}


.menu_template{
	transition: all 1000ms ease-in-out;
	left: -100vw !important;
}

.menu_template.no-transition {
	transition: none !important;
}

.menu_template.active{
	left: 0 !important;
}

.menu_open-btn, .menu_close-btn{
	cursor: pointer !important;
}

/* END: Menu Animation */

@keyframes appearEase{
    from {
        opacity: 0;
    }
}

@media (max-width: 767px) {
	#banner-post-dots .slick-dots{
			justify-content: center;
	}
}