.elementor-30 .elementor-element.elementor-element-c889382{--display:flex;--position:absolute;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-30 .elementor-element.elementor-element-c889382{left:0px;}body.rtl .elementor-30 .elementor-element.elementor-element-c889382{right:0px;}.elementor-30 .elementor-element.elementor-element-50aa2ad > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-30 .elementor-element.elementor-element-50aa2ad{z-index:100;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-30 .elementor-element.elementor-element-b830204{width:auto;max-width:auto;top:40px;z-index:100;text-align:center;}.elementor-30 .elementor-element.elementor-element-b830204 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30 .elementor-element.elementor-element-b830204.elementor-element{--align-self:center;}.elementor-30 .elementor-element.elementor-element-b830204 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-fa8225f{width:auto;max-width:auto;bottom:20px;z-index:11;text-align:center;}.elementor-30 .elementor-element.elementor-element-fa8225f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 5px 0px;}.elementor-30 .elementor-element.elementor-element-fa8225f.elementor-element{--align-self:center;}.elementor-30 .elementor-element.elementor-element-fa8225f .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-d39f98f{bottom:0px;z-index:11;}.elementor-30 .elementor-element.elementor-element-185d975{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-30 .elementor-element.elementor-element-185d975:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-185d975 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-d42f122{--display:flex;--min-height:100vh;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-e356edc{text-align:center;}.elementor-30 .elementor-element.elementor-element-e356edc .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:30px;font-weight:400;letter-spacing:3.8px;color:var( --e-global-color-b5f8ee5 );}.elementor-30 .elementor-element.elementor-element-8392ef5{text-align:center;}.elementor-30 .elementor-element.elementor-element-8392ef5 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:30px;font-weight:400;letter-spacing:3.8px;color:var( --e-global-color-b5f8ee5 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-30 .elementor-element.elementor-element-d2fd4af.elementor-element{--align-self:center;}.elementor-30 .elementor-element.elementor-element-d2fd4af img{width:104px;max-width:104px;height:104px;object-fit:cover;object-position:center center;}.elementor-30 .elementor-element.elementor-element-7b43b51{--display:flex;--min-height:100vh;--overflow:hidden;--z-index:9;}.elementor-30 .elementor-element.elementor-element-7b43b51:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-7b43b51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b5f8ee5 );}.elementor-30 .elementor-element.elementor-element-09fe5a0{width:auto;max-width:auto;top:40px;z-index:100;text-align:center;}.elementor-30 .elementor-element.elementor-element-09fe5a0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30 .elementor-element.elementor-element-09fe5a0.elementor-element{--align-self:center;}.elementor-30 .elementor-element.elementor-element-09fe5a0 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:20px;font-weight:600;line-height:1.1em;color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-e4dc960{width:auto;max-width:auto;top:40px;z-index:100;text-align:center;}.elementor-30 .elementor-element.elementor-element-e4dc960 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30 .elementor-element.elementor-element-e4dc960.elementor-element{--align-self:center;}.elementor-30 .elementor-element.elementor-element-e4dc960 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:20px;font-weight:600;line-height:1.1em;color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-61ee5a3{width:auto;max-width:auto;bottom:40px;z-index:100;text-align:center;}.elementor-30 .elementor-element.elementor-element-61ee5a3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30 .elementor-element.elementor-element-61ee5a3.elementor-element{--align-self:center;}.elementor-30 .elementor-element.elementor-element-61ee5a3 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:20px;font-weight:600;line-height:1.1em;color:#FFFFFF75;}.elementor-30 .elementor-element.elementor-element-10b80ce > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-30 .elementor-element.elementor-element-10b80ce{z-index:100;}.elementor-30 .elementor-element.elementor-element-229f68e{width:auto;max-width:auto;}.elementor-30 .elementor-element.elementor-element-229f68e.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-30 .elementor-element.elementor-element-fa8225f{bottom:20px;}.elementor-30 .elementor-element.elementor-element-d39f98f{bottom:0px;}.elementor-30 .elementor-element.elementor-element-e356edc > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-30 .elementor-element.elementor-element-e356edc .elementor-heading-title{font-size:6.5vw;letter-spacing:3.2px;}}/* Start custom CSS for html, class: .elementor-element-50aa2ad */.elementor-30 .elementor-element.elementor-element-50aa2ad{
    mix-blend-mode: difference;
}

.top-line{
	height: 17px;
	width: 1px;
	background: #fff;
	right: 0;
	left: 0;
	margin: 0 auto;
	position: fixed;
    mix-blend-mode: difference;
}

.dot1 .dot-circle1 .dot-circle-dot1 {
	height: 15px;
	width: 15px;
	background: #fff;
	transition: all 0.3s ease-in-out;
box-shadow: 0 0 12px 2px rgba(255,255,255,0.5);
	/*-webkit-box-shadow: 0px 0px 9px 2px rgb(255 255 255);
	-moz-box-shadow: 0px 0px 9px 2px rgba(255,255,255,1);
	box-shadow: 0px 0px 9px 2px rgb(255 255 255);
	box-shadow: 0 0 15px #fff;*/
	border-radius: 50%;
    position: fixed;
    top: 2px;
    right: 0;
    left: 0;
    margin: 15px auto;
    z-index: 10;
    mix-blend-mode: difference;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b830204 */.elementor-30 .elementor-element.elementor-element-b830204{
    user-select: none;
    pointer-events: none;
    mix-blend-mode: difference;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fa8225f */.elementor-30 .elementor-element.elementor-element-fa8225f{
    user-select: none;
    pointer-events: none;
    mix-blend-mode: difference;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d39f98f */.elementor-30 .elementor-element.elementor-element-d39f98f{
/*position: absolute;*/
left: 0;
right: 0;
margin: 0 auto;
/*bottom: 0;*/
height: 20px;
mix-blend-mode: difference;
}

.scroll-line {
    width: 1px;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom, white 50%, rgba(255, 255, 255, 0) 50%);
    background-position: 0 20px;
    background-size: 100% 200%;
    animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}

.scroll-line-container{
    width: 1px;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}

@keyframes scrolldown{
    0% {
    background-position: 0 -20px;
}
75% {
    background-position: 0 0;
}
100% {
    background-position: 0 20px;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e356edc */.main-play-btn-text2{
    font-size: 30px;
    color: white;
    letter-spacing: 3.8px;
    margin-top: 30px;
    font-family: 'Assistant';
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8392ef5 */.main-play-btn-text3{
    font-size: 30px;
    color: white;
    letter-spacing: 3.8px;
    margin-top: 30px;
    font-family: 'Assistant';
    font-weight: 300;
    display: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d2fd4af *//*.elementor-30 .elementor-element.elementor-element-d2fd4af img:hover{*/
/*    background-image: url('https://liyay.com/dev/wp-content/uploads/2024/12/play-MH-music-is-off.svg');*/
/*    background-size: 104px;*/
/*    transition: all 0.3s linear;*/
/*    cursor: pointer;*/
/*}*/


.elementor-30 .elementor-element.elementor-element-d2fd4af img{
    filter: invert(1);
}
/*.elementor-30 .elementor-element.elementor-element-d2fd4af img{*/
/*        background-image: url('https://liyay.com/dev/wp-content/uploads/2024/10/Play-Music.svg');*/
/*    background-size: 104px;*/
/*    transition: all 0.3s linear;*/
/*    cursor: pointer;*/
/*}*//* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-09fe5a0 */.elementor-30 .elementor-element.elementor-element-09fe5a0{
    user-select: none;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e4dc960 */.elementor-30 .elementor-element.elementor-element-e4dc960{
    user-select: none;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-61ee5a3 */.elementor-30 .elementor-element.elementor-element-61ee5a3{
    user-select: none;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10b80ce */.elementor-30 .elementor-element.elementor-element-10b80ce{
    mix-blend-mode: difference;
    opacity: 0.4
}

.top-line-bottom{
	height: 17px;
	width: 1px;
	background: #fff;
	right: 0;
	left: 0;
	margin: 0 auto;
	position: fixed;
	bottom:0 !important;
    mix-blend-mode: difference;
}

 .dot2 .dot-circle2 .dot-circle-dot2 {
	height: 15px;
	width: 15px;
	background: #fff;
	transition: all 0.3s ease-in-out;
box-shadow: 0 0 12px 2px rgba(255,255,255,0.5);
	/*-webkit-box-shadow: 0px 0px 9px 2px rgb(255 255 255);
	-moz-box-shadow: 0px 0px 9px 2px rgba(255,255,255,1);
	box-shadow: 0px 0px 9px 2px rgb(255 255 255);
	box-shadow: 0 0 15px #fff;*/
	border-radius: 50%;
    position: fixed;
    /*top: 2px;*/
    right: 0;
    left: 0;
    bottom: 2px;
    margin: 15px auto;
    z-index: 10;
    mix-blend-mode: difference;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4451e63 *//* Dots page */

.elementor-30 .elementor-element.elementor-element-4451e63 a{
    color: white !important;
}
#dots-page {
	padding: 30px;
}

#dots-page .dot {
	position: fixed;
	display: flex;
	align-items: center;
	transition: 0.3s ease-in-out;
}

#dots-page .dot .dot-text {
	color: #fff;
	/*font-weight: bold;*/
	font-family: 'Assistant';
	text-transform: uppercase;
	font-weight: 500;
	font-size:18px;
	opacity: 0;
	margin: 0 10px;
	pointer-events: none;
	position: absolute;
	top:0;
	margin-left: 30px;
	width: max-content;
}

#dots-page .dot.rtl {
	flex-direction: row-reverse;
	margin-left: -100px;
}

#dots-page .dot.rtl .dot-text {
	min-width: 100%;
    text-align: right;
    width: max-content;
}

#dots-page .dot:hover .dot-text {
	opacity: 1 !important;
	transition: 0.3s ease-in-out;
	position: absolute;
	width: max-content;
}


#dots-page .dot:hover .dot-circle .dot-circle-dot {
	box-shadow: none;
	transition: 0.3s ease-in-out;
	position: relative;
}

#dots-page .dot .dot-circle .dot-circle-dot {
	height: 15px;
	width: 15px;
	background: #fff;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 0 4px 1px rgba(255,255,255,0.5);
	/*-webkit-box-shadow: 0px 0px 9px 2px rgb(255 255 255);
	-moz-box-shadow: 0px 0px 9px 2px rgba(255,255,255,1);
	box-shadow: 0px 0px 9px 2px rgb(255 255 255);
	box-shadow: 0 0 15px #fff;*/
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

#dots-page .dot .dot-circle {
	padding: 4px;
	transition: 0.3s ease-in-out;
	border-radius: 50%;
}

div.dot-circle:hover{
    cursor: pointer;
}

#dots-page .dot:hover .dot-circle {
    outline: 1px solid #fff;
    transition: 0.3s ease-in-out;
}

/*@keyframes moveDot {*/
/*    0% {*/
/*        transform: translate(-300px, -100px);*/
/*    }*/
/*    100% {*/
      /*  transform: translate(500px, -50px); /* Adjust this to your desired movement */
/*    }*/
/*}*/

@keyframes moveDot {
    0% {
        transform: translate(-300px, -100px);transform: translateY(0) translateX(0);
    }
    100% {
        transform: translate(500px, -50px);
        transform: translateY(100px) translateX(100px);
    }
}

.dot {
    position: absolute; /* Ensure the position is absolute */
    /*animation: moveDot 1s linear infinite alternate;*/
      animation: slide-br-alternate-reverse 1s ease 0s infinite alternate-reverse non
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ebe230 */.scrollFade {
  opacity: 1;
  pointer-events: all;
  transform:translate(0, 0); 
  transition: all 0.8s;
  
}

.scrollFade--hidden {
  opacity: 0;
  pointer-events: none;
  transform:translate(0, 60px); 
}

.scrollFade--visible {
  opacity: 1;
  pointer-events: all;

  
}

.scrollFade--animate {
  transition: opacity 0.4s ease-in-out;
transform:translate(0, 0); 
}

.fadeInUp
{
    animation:fadeInUp 1s ease backwards;
    transition: opacity 0.4s ease-in-out;
}

@keyframes fadeInUp{
  0%{transform:translate(0px, 60px); opacity: 0;}
  100%{transform:translate(0px, 0); opacity: 1;}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-229f68e *//* Dots page */

.elementor-30 .elementor-element.elementor-element-229f68e a{
    color: white !important;
}
#dots-page-mobile {
	padding: 30px;
}

#dots-page-mobile .dot-mobile {
	position:fixed;
	display: flex;
	align-items: center;
	transition: 0.3s ease-in-out;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	justify-content: center;
	z-index: 1;
}

#dots-page-mobile .dot-mobile .dot-text-mobile {
	color: #fff;
	font-family: 'Assistant';
	text-transform: uppercase;
	font-weight: 500;
	font-size:18px;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	margin-left: 30px;
	width: max-content;
	display: flex;
    bottom: 0;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
    margin: 0 auto !important;
    right: 0;
    left: 0;
    top: 220px;
}

#dots-page-mobile .dot-mobile.rtl {
	flex-direction: row-reverse;
	margin-left: -100px;
}

#dots-page-mobile .dot-mobile.rtl .dot-text-mobile {
	min-width: 100%;
    text-align: right;
    width: max-content;
}

#dots-page-mobile .dot-mobile .dot-link-mobile{
    z-index: 1;
}

#dots-page-mobile .dot-mobile .dot-link-mobile:hover .dot-text-mobile {
    opacity: 1 !important;
    transition: 0.3s ease-in-out;
    position: fixed;
    top: 200px;
    width: max-content;
    display: flex;
    bottom: 0;
    align-items: center;
    justify-content: center;
}


#dots-page-mobile .dot-mobile:hover .dot-circle-mobile .dot-circle-dot-mobile {
	box-shadow: none;
	transition: 0.3s ease-in-out;
	position: relative;
}

#dots-page-mobile .dot-link-mobile .dot-circle-mobile .dot-circle-dot-mobile {
	height: 15px;
	width: 15px;
	background: #fff;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 0 2px 10px rgba(255,255,255,0.5);
	/*-webkit-box-shadow: 0px 0px 9px 2px rgb(255 255 255);
	-moz-box-shadow: 0px 0px 9px 2px rgba(255,255,255,1);
	box-shadow: 0px 0px 9px 2px rgb(255 255 255);
	box-shadow: 0 0 15px #fff;*/
	border-radius: 50%;
	transition: 0.3s ease-in-out;
}

#dots-page-mobile .dot-link-mobile .dot-circle-mobile {
	padding: 4px;
	outline: 1px solid #fff;
	transition: 0.3s ease-in-out;
	border-radius: 50%;
}

div.dot-circle-mobile:hover{
    cursor: pointer;
}

#dots-page-mobile .dot-link-mobile:hover .dot-circle-mobile {
    outline: 1px solid #fff;
    transition: 0.3s ease-in-out;
}

.pulse{
		position: fixed;
		height: 20px;
		width: 20px;
		border-radius: 40px;
		background: transparent;
		outline: solid 1px white;
		outline-offset: 0;
		/*animation: pulse 3s ease infinite;*/
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin:auto;
		display: flex;
		align-items: center;
        justify-content: center;
        transition: 0.3s ease-in-out;
        z-index: 0;
	}
	.pulse:nth-child(1) {
		animation-delay: 0s;
	}
	.pulse:nth-child(2) {
		animation-delay: 0.2s;
	}
	.pulse:nth-child(3) {
		animation-delay: 0.4s;
	}
	.pulse:nth-child(4) {
		animation-delay: 0.6s;
	}

	@keyframes pulse {
		0% {
			outline-offset: 0;
		}
		100% {
			outline-offset: 300px;
			outline-color: #24222f;
		}
	}
	
	
	/*#dots-page-mobile .dot-mobile .pulse {*/
	/*  animation: pulse 3s ease infinite;  */
	/*}*//* End custom CSS */
/* Start custom CSS */#site-header{
    display: none;
}

body.elementor-page-30{
        overflow-x: hidden;
}/* End custom CSS */