@font-face{
	font-family:"leon";
	src:url("/wp-content/uploads/fonts/Leon-Heavy.woff2");
	font-weight:bold;
}
@font-face{
	font-family:"leon";
	src:url("/wp-content/uploads/fonts/Leon-Regular.woff2");
	font-weight:normal;
}
*:not(i){
	font-family:"leon"!important}
.rotation svg {
	display: inline-block;
	animation: rotate 15s linear infinite;
	/* Adjust the time and animation properties as needed */
}
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-360deg);
	}
}
.h1-b {
	background: var(--e-global-color-accent);
	border-radius: 20px;
	margin: 0;
	padding: 0 10px 13px 10px;
	rotate: 9deg;
	display: inline-block;
	translate: 6px -14px;
	color: var(--e-global-color-secondary);
}
.elementor-widget-button:not(.not)  .elementor-button{
	background-color: unset!important;
}
.elementor-widget-button:not(.not) .elementor-button:before {
	content: "";
	position: absolute;
	width: 40px;
	background: var( --e-global-color-accent );
	right: 0;
	height: 40px;
	top: 3px;
	border-radius: 20px;
	
	transition: .3s;
}
.elementor-button-content-wrapper{position:relative}
.elementor-widget-button:not(.not) .elementor-button:hover:before {
	width: 100%;
}
.jet-parallax-section__image{
	width:170%;
	background-size:120%!important;
}
b{
	color:var(--e-global-color-accent);
}
#section2 {
	
	--delay: 50ms;
}
#text span {
	animation: text 1s both paused;
	animation-delay:calc(var(--i)*var(--delay))
}
#text.vp-active span{
	animation-play-state:running;
}
@keyframes text{
	from{
		opacity:0.2;
	}
}

#tel {
	direction: rtl !important;
	text-align: start !important;
}
#desktop path{
	stroke-width: 2px;
	stroke:#FFF!important;
	stroke-dasharray: 8725 8725;
	animation:desktop auto both linear;
	animation-timeline:view();
	animation-range:cover 0% contain 110%
}
#desktop-green path{
	stroke-width: 2px;
	stroke:var( --e-global-color-accent );
	stroke-dasharray: 0 4362 0 4363 0;
	transition:1s}
#desktop-green:hover path{
	stroke-dasharray: 0 0 8725 0 0;
}
@keyframes desktop{
	from{
		stroke-dashoffset:-8752;
	}
}
html {
    scrollbar-color: #0eff85 #23272f;
	transition:0.5s;
}
html:has(.form-container.vp-active){
scrollbar-color:#23272f #0eff85 ;
}
body{
	transition:0.5s;
}
body:has(.form-container.vp-active){
	background-color:var(--e-global-color-accent)!important}
#loader,.container-logo {
	display: flex;
	align-items: center;
	justify-content: center;
}
.container-logo {
	min-width: 100px;
}
#loader {
	height: 100vh;
	width: 100vw;
	position: fixed;
	z-index: 99999;
	background: var( --e-global-color-secondary );
	transition: 1s;
}
.container-logo .st9{
	animation: logo 3s both infinite;
	transform-origin: bottom left;
	/* transform: perspective(100px) translateY(-64px) rotateY(360deg); */}
@keyframes logo{
	0%,50%{
		transform:none}
	20%{
		transform:perspective(100px) translateY(-64px)}
}
#loader #Layer_1 {
	overflow: visible;
}
.st9:nth-child(1){
	animation-delay:0.5s}
.st9:nth-child(2){
	animation-delay: 0.7s;
}
.st9:nth-child(3){
	animation-delay: 0.9s;
}
.loaded #loader {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}
#starguest {
	--color:var( --e-global-color-a0adf46)}
#mitz-chai {
	--color:var( --e-global-color-94d7d4d)}
#swiss-dreams{
	--color: var(--e-global-color-465d20f)}
#yachad-tours{
	--color:var( --e-global-color-d890bc6)}
#ajt{
	--color:var(--e-global-color-50c9779)}
#connext{
	--color:var(--e-global-color-f1f52ee)}
#oren{
	--color:var(--e-global-color-1ab2174)}

.project-item .elementor-widget-button:not(.not) .elementor-button:before{
	background:var(--color)}
.project-item a{
	color:var(--color)}
.dashicons-marker {
	background: #0eff85;
	border-radius: 50%;
	opacity:0.8;
	outline:solid 1px transparent;
	transition-duration:.3s!important;
	transition-property:background, outline, scale!important;

	rotate:45deg;
	width:20px!important;
	height:20px!important;
}
.dashicons-marker::before {
	content: ""!important;
	  font-family: "Font Awesome 5 Free";
    font-weight: 900;
	transform:rotate(-90deg)!important;
	color:var( --e-global-color-secondary );
	font-size:16px;
	top: -2px;
    position: relative;

}

body:has(.form-container.vp-active) .dashicons-marker {
	background: var( --e-global-color-secondary );}
body:has(figcaption:hover) .dashicons-marker::before {
	content:"\f062"!important;
}
body:has(.form-container.vp-active) .info-text *{color:var( --e-global-color-secondary )!important;fill:var( --e-global-color-secondary )!important}
    
body:has(figcaption:hover) .dashicons-marker {
	scale:5;
}
figcaption{cursor:none}
   
body.in-bunner:not(body:has(.not-zoom:hover)) .dashicons-marker{
	scale:10;
	outline-color:#0eff85;
	background:transparent
}
.dashicons-marker:after{
	content:"";
	position:absolute;
	top:100%;
	left:calc(50% - 0.5px);
	height:0px;
	width:1px;
	background:#0eff85;
	transition:.3s}
body.in-bunner:not(body:has(.not-zoom:hover)) .dashicons-marker:after{
	height:10px;
}

/*body:has(#starguest .project-text.vp-active) .dashicons-marker{
	background:var( --e-global-color-a0adf46)}
body:has(#mitz-chai .project-text.vp-active) .dashicons-marker{
	background:var( --e-global-color-94d7d4d)}
body:has(#swiss-dreams .project-text.vp-active) .dashicons-marker{
	background:var(--e-global-color-465d20f)}
body:has(#yachad-tours .project-text.vp-active) .dashicons-marker{
	background:var( --e-global-color-d890bc6)}
body:has(#ajt .project-text.vp-active) .dashicons-marker{
	background:var(--e-global-color-50c9779)}
body:has(#starguest:hover) .dashicons-marker{
	background:var( --e-global-color-a0adf46)}
body:has(#mitz-chai:hover) .dashicons-marker{
	background:var( --e-global-color-94d7d4d)}
body:has(#swiss-dreams:hover) .dashicons-marker{
	background:var(--e-global-color-465d20f)}
body:has(#yachad-tours:hover) .dashicons-marker{
	background:var( --e-global-color-d890bc6)}
body:has(#ajt:hover) .dashicons-marker{
	background:var(--e-global-color-50c9779)}
*/

input:focus,textarea:focus{
	outline:none!important}
.bunner-mask{
	clip-path:circle(0px);
	transform-origin:var(--x) var(--y);
	scale:1;
	transition:scale .3s
}
body.in-bunner:not(body:has(.not-zoom:hover)) .bunner-mask{clip-path:circle(50px at var(--x) var(--y));scale:2;}
body{overflow-x:hidden}
.h-ani>div{width:max-content;animation:h-ani 10s linear infinite
}

@keyframes h-ani{from{translate:calc(50% + 15px)}}


.point {
    scale: 0.7;
    display: inline-block;
}

.ani {
    
    transition: 0.5s;}
    

.ani:hover {
    color:var( --e-global-color-accent )!important}
.elementor-jet-banner,.jet-banner__img,.jet-banner__link,.jet-banner{height:100%!important}
.jet-banner__img{object-fit:cover}
.jet-banner.jet-effect-lily .jet-banner__img {
    transform: translateX(20px);
    transition: 1s;
    width: calc(100% + 30px);
}
.jet-banner.jet-effect-ruby .jet-banner__img {
    transition: 1s;
    transform: scale(1.07);
}
#contact-h div{
	position:sticky;
	top:0;
}
.contact a{color: var(--e-global-color-secondary);}
@media(max-width:768px){
	.h1-b{translate: 4px -8px;}
	.rotation path{stroke-width:70px!important;}
	
	#contact-h div{position:static;}
}


::selection {
    background: #0eff85;
    color: #23272f;
}
.dashicons-marker{display:none!important;}
@media (hover: hover) and (pointer: fine){
	.dashicons-marker{display:block!important;}
}
@view-transition {
  navigation: auto;
}

:root:active-view-transition {
  :root {
    view-transition-name: root;
  }
	#loader{display:none}
}

/* Animation styles for reload type only (using the default root snapshot) */
:root:active-view-transition{
   &::view-transition-old(root) {
  animation-duration:0.7s;
	 
 
  }
  &::view-transition-new(root) {
    animation-duration:0.7s;
    animation-name: fade-in;
	  animation-delay:0.2s;
}
}
@keyframes fade-out{
	to{translate:-100%}
}
@keyframes fade-in{
	from{translate:100%}
}