/*
Theme Name: Jifiti
Template: hello-elementor
Author: Webreach
Author URI: https://www.webreach.co.il/
Version: 1.0
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

.gradient-btn-full a {
	--main-gradient: linear-gradient(90deg, #2979ff 0%, #6232d1 100%);
	--main-gradient-hover: linear-gradient(90deg, rgba(41, 121, 255, 0.4) 0%, rgba(98, 50, 209, 0.4) 100%);
	--main-gradient-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='objectBoundingBox' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%232979ff'/%3E%3Cstop offset='100%25' stop-color='%236232d1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E#g");
	--main-gradient-border: 2px;
	--main-gradient-radius: 100px;

	position: relative;
	isolation: isolate;
	border: none;
	border-radius: var(--main-gradient-radius);
	background-color: transparent !important;
	background-image: none !important;
	color: #fff;
}

.gradient-btn-full a svg,
.gradient-btn-full a svg path,
.gradient-btn-full a svg circle,
.gradient-btn-full a svg rect,
.gradient-btn-full a svg polygon,
.gradient-btn-full a svg polyline,
.gradient-btn-full a svg line,
.gradient-btn-full a svg use {
	fill: currentColor;
	transition: fill 0.25s ease;
}

.gradient-btn-full a svg *[fill="none"] {
	fill: none;
}

.gradient-btn-full a::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: var(--main-gradient-border);
	background: var(--main-gradient);
	transition: background 0.25s ease;
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	z-index: 1;
}

.gradient-btn-full a::after {
	content: "";
	position: absolute;
	inset: var(--main-gradient-border);
	border-radius: calc(var(--main-gradient-radius) - var(--main-gradient-border));
	background: var(--main-gradient);
	transition: background 0.25s ease;
	z-index: -1;
}

.gradient-btn-full a:hover,
.gradient-btn-full a:focus-visible,
.elementor .gradient-btn-full a:hover,
.elementor .gradient-btn-full a:focus-visible {
	color: #fff !important;
	-webkit-text-fill-color: #fff;
	background-color: transparent !important;
	background-image: none !important;
}

.gradient-btn-full a:hover::before,
.gradient-btn-full a:focus-visible::before {
	background: var(--main-gradient-hover);
}

.gradient-btn-full a:hover::after,
.gradient-btn-full a:focus-visible::after {
	background: var(--main-gradient-hover);
}

.gradient-btn-submit,
.elementor .gradient-btn-submit.e-form-submit-button-base {
	--main-gradient: linear-gradient(90deg, #2979ff 0%, #6232d1 100%);
	--main-gradient-hover: linear-gradient(90deg, rgba(41, 121, 255, 0.4) 0%, rgba(98, 50, 209, 0.4) 100%);
	--main-gradient-border: 2px;
	--main-gradient-radius: 100px;

	position: relative;
	isolation: isolate;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	border-radius: var(--main-gradient-radius) !important;
	background-color: transparent !important;
	background-image: none !important;
	color: #fff;
	cursor: pointer;
}

.gradient-btn-submit::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: var(--main-gradient-border);
	background: var(--main-gradient);
	transition: background 0.25s ease;
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	z-index: 1;
}

.gradient-btn-submit::after {
	content: "";
	position: absolute;
	inset: var(--main-gradient-border);
	border-radius: calc(var(--main-gradient-radius) - var(--main-gradient-border));
	background: var(--main-gradient);
	transition: background 0.25s ease;
	z-index: -1;
}

.gradient-btn-submit:hover,
.gradient-btn-submit:focus-visible,
.elementor .gradient-btn-submit.e-form-submit-button-base:hover,
.elementor .gradient-btn-submit.e-form-submit-button-base:focus-visible {
	color: #fff !important;
	-webkit-text-fill-color: #fff;
	background-color: transparent !important;
	background-image: none !important;
}

.gradient-btn-submit-text {
	position: relative;
	z-index: 1;
}

.gradient-btn-submit:hover .gradient-btn-submit-text,
.gradient-btn-submit:focus-visible .gradient-btn-submit-text,
.elementor .gradient-btn-submit.e-form-submit-button-base:hover .gradient-btn-submit-text,
.elementor .gradient-btn-submit.e-form-submit-button-base:focus-visible .gradient-btn-submit-text {
	color: #fff;
	-webkit-text-fill-color: #fff;
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
}

.gradient-btn-submit:hover::before,
.gradient-btn-submit:focus-visible::before,
.elementor .gradient-btn-submit.e-form-submit-button-base:hover::before,
.elementor .gradient-btn-submit.e-form-submit-button-base:focus-visible::before {
	background: var(--main-gradient-hover);
}

.gradient-btn-submit:hover::after,
.gradient-btn-submit:focus-visible::after,
.elementor .gradient-btn-submit.e-form-submit-button-base:hover::after,
.elementor .gradient-btn-submit.e-form-submit-button-base:focus-visible::after {
	background: var(--main-gradient-hover) !important;
}

.gradient-btn a {
	--main-gradient: linear-gradient(90deg, #2979ff 0%, #6232d1 100%);
	--main-gradient-hover: linear-gradient(90deg, rgba(41, 121, 255, 0.4) 0%, rgba(98, 50, 209, 0.4) 100%);
	--main-gradient-border: 2px;
	--main-gradient-radius: 100px;

	position: relative;
	isolation: isolate;
	border: none;
	border-radius: var(--main-gradient-radius);
	background: var(--main-gradient);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gradient-btn a .elementor-button-content-wrapper,
.gradient-btn a .elementor-button-text {
	position: relative;
	z-index: 2;
}

.gradient-btn a .elementor-button-text {
	background: var(--main-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.gradient-btn a::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: var(--main-gradient-border);
	background: var(--main-gradient);
	transition: background 0.25s ease;
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	z-index: 1;
}

.gradient-btn a::after {
	content: "";
	position: absolute;
	inset: var(--main-gradient-border);
	border-radius: calc(var(--main-gradient-radius) - var(--main-gradient-border));
	background: #fff;
	transition: background 0.25s ease;
	z-index: -1;
}

.gradient-btn a:hover,
.gradient-btn a:focus-visible,
.elementor .gradient-btn a:hover,
.elementor .gradient-btn a:focus-visible {
	color: #fff !important;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: #fff;
	background-color: transparent !important;
	background-image: none !important;
}

.gradient-btn a:hover .elementor-button-text,
.gradient-btn a:focus-visible .elementor-button-text,
.elementor .gradient-btn a:hover .elementor-button-text,
.elementor .gradient-btn a:focus-visible .elementor-button-text {
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: #fff;
	color: #fff;
}

.gradient-btn a:hover::before,
.gradient-btn a:focus-visible::before {
	background: var(--main-gradient-hover);
}

.gradient-btn a:hover::after,
.gradient-btn a:focus-visible::after {
	background: var(--main-gradient-hover);
}

.gradient-btn-white a {
	--main-gradient: linear-gradient(90deg, #2979ff 0%, #6232d1 100%);
	--main-gradient-hover: linear-gradient(90deg, rgba(41, 121, 255, 0.4) 0%, rgba(98, 50, 209, 0.4) 100%);
	--main-gradient-border: 2px;
	--main-gradient-radius: 100px;

	position: relative;
	isolation: isolate;
	border: none;
	border-radius: var(--main-gradient-radius);
	background-color: transparent !important;
	background-image: none !important;
}

.gradient-btn-white a svg,
.gradient-btn-white a svg path,
.gradient-btn-white a svg circle,
.gradient-btn-white a svg rect,
.gradient-btn-white a svg polygon,
.gradient-btn-white a svg polyline,
.gradient-btn-white a svg line,
.gradient-btn-white a svg use {
	fill: currentColor;
	transition: fill 0.25s ease;
}

.gradient-btn-white a svg *[fill="none"] {
	fill: none;
}

.gradient-btn-white a::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: var(--main-gradient-border);
	background: var(--main-gradient);
	transition: background 0.25s ease;
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	z-index: 1;
}

.gradient-btn-white a::after {
	content: "";
	position: absolute;
	inset: var(--main-gradient-border);
	border-radius: calc(var(--main-gradient-radius) - var(--main-gradient-border));
	background: #fff;
	transition: background 0.25s ease;
	z-index: -1;
}

.gradient-btn-white a:hover,
.gradient-btn-white a:focus-visible,
.elementor .gradient-btn-white a:hover,
.elementor .gradient-btn-white a:focus-visible {
	color: #fff !important;
	-webkit-text-fill-color: #fff;
	background-color: transparent !important;
	background-image: none !important;
}

.gradient-btn-white a:hover::before,
.gradient-btn-white a:focus-visible::before {
	background: var(--main-gradient-hover);
}

.gradient-btn-white a:hover::after,
.gradient-btn-white a:focus-visible::after {
	background: var(--main-gradient-hover);
}

.jifiti-rive-wrap {
	width: 840px;
	max-width: 100%;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
	line-height: 0;
}

#jifiti-rive {
	display: block;
	width: 100%;
	height: 100%;
}