/*
	RTL Stylesheet
	Author: Arash Barazandeh
	Author URI: https://arash.brznd.ir/
*/

/*
	Predefined Colors:
	
	--e-global-color-primary: #21265B; -- dark blue --
	--e-global-color-accent: #37C2DB; -- light blue --
    --e-global-color-secondary: #3A6AB5; -- mid blue --
    --e-global-color-text: #333333; -- text --
    --e-global-color-8ee57df: #FFFFFF; -- white --
    --e-global-color-7fa5f3d: #000000; -- black --
    --e-global-color-f4c1a14: #F9F9F9; -- light gray --
    --e-global-color-8b518be: #F2ECE3; -- light cream --
    --e-global-color-3b21e73: #5CDB95; -- green --
	--e-global-color-1dcfee1: #EDEDED; -- border --
*/

/*
	Content
*/

::selection {
	background-color: var( --e-global-color-primary );
	color: var( --e-global-color-accent );
}

h1,
h2,
h3 {
	letter-spacing: 0px;
}

.scrollDown {
	transform: translateX(50%);
}

.scrollDown a {
	color: var( --e-global-color-8ee57df );
	position: relative;
	transition: .2s all;
}

.scrollDown a:before {
	content: '';
	position: absolute;
	top: -50px;
	right: 50%;
	transform: translateX(50%);
	width: 20px;
	height: 40px;
	border: 3px solid var( --e-global-color-8ee57df );
	border-radius: 20px;
}

.scrollDown a:after {
	content: '';
	position: absolute;
	top: -46px;
	right: 50%;
	transform: translateX(50%);
	width: 12px;
	height: 12px;
	background-color: var( --e-global-color-accent );
	border-radius: 50px;
	animation: scrollDot 1.5s infinite;
}

@keyframes scrollDot {
	0% {
		opacity: 1;
	}
	100% {
		top: -26px;
		opacity: 0;
	}
}

.elementor-widget-theme-site-logo img,
img.pointify-pinpoint__image {
	border-radius: 0;
	box-shadow: none;
}

.elementor-divider-separator {
	border-radius: 20px;
}

header video.elementor-video {
	width: 100vw !important;
    height: 100vh !important;
    object-fit: cover;
}

.sticky-header {
	backdrop-filter: blur(20px);
	margin-bottom: auto;
}

.sticky-header:not(.elementor-sticky--effects) {
	background-color: transparent !important;
}

.sticky-header:not(.elementor-sticky--effects) .elementor-widget-theme-site-logo {
	filter: brightness(100);
}

.sticky-header:not(.elementor-sticky--effects) nav.e-n-menu .e-n-menu-heading .e-n-menu-item .e-n-menu-title-text {
	color: var( --e-global-color-8ee57df );
}

.sticky-header.elementor-sticky--effects .elementor-widget-n-menu .e-n-menu-toggle svg {
	fill: var( --e-global-color-secondary );
}

.hero-content {
	margin-bottom: auto;
}

.feature-box {
	box-shadow: 5px 5px 10px -9px;
}

.feature-box:hover {
	transform: translateY(1px);
	box-shadow: 3px 3px 10px -9px;
}

.feature-box .elementor-icon-box-title {
	margin: 0;
}

.features-unbalanced .feature-box:nth-of-type(even) {
	bottom: -50px;
}

#stats .stats-counter .elementor-counter-title {
	text-align: center;
}

#stats .elementor-counter-number-wrapper {
	align-items: center;
}

#stats .elementor-counter-number-suffix {
	font-size: 1.5rem;
	margin-right: 10px;
}

.rocket-roadmap .hotspot-item .hotspot-tooltip {
	background-color: transparent;
	backdrop-filter: blur(10px);
	border: 1px solid var( --e-global-color-1dcfee1 );
	padding: 1.5rem;
	box-shadow: 3px 3px 10px -9px #000;
	bottom: 200%;
	border-radius: 10px;
}

.rocket-roadmap .hotspot-item:nth-of-type(odd) .hotspot-tooltip {
	bottom: auto;
	top: 200%;
}

.rocket-roadmap .hotspot-item .hotspot-tooltip .hotspot-title {
	line-height: 1rem;
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 10px;
}

.rocket-roadmap .hotspot-item .hotspot-tooltip .hotspot-description {
	line-height: 1.5rem;
	font-size: 0.9rem;
	font-weight: 400;
	text-align: justify;
}

.rocket-roadmap .hotspot-item .hotspot-tooltip .hotspot-description ul {
	padding-right: 1rem;
}

#faq .e-n-accordion-item p {
	margin-bottom: 0px;
}

#journey .elementor-heading-title,
#journey .elementor-divider-separator {
	margin-right: calc(calc(100vw - var(--container-max-width)) / 2);
}

#pricing .elementor-price-table__header .elementor-price-table__heading {
	margin-bottom: 5px;
}

#pricing .package-item:first-child .elementor-price-table__price .elementor-price-table__period {
	margin-top: 15px;
}

form.elementor-form .elementor-field-option input[type="radio"],
form.elementor-form .elementor-field-option input[type="checkbox"] {
	display: none;
}

form.elementor-form .elementor-field-option input[type="radio"] + label,
form.elementor-form .elementor-field-option input[type="checkbox"] + label {
	padding-right: 25px;
	position: relative;
}

form.elementor-form .elementor-field-option input[type="radio"] + label:before,
form.elementor-form .elementor-field-option input[type="checkbox"] + label:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1px solid var(--e-global-color-1dcfee1);
	border-radius: 5px;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}

form.elementor-form .elementor-field-option input[type="radio"]:checked + label:before,
form.elementor-form .elementor-field-option input[type="checkbox"]:checked + label:before {
	border-color: var(--e-global-color-accent);
}

form.elementor-form .elementor-field-option input[type="radio"]:checked + label:after,
form.elementor-form .elementor-field-option input[type="checkbox"]:checked + label:after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background-color: var(--e-global-color-accent);
	border-radius: 4px;
	right: 2px;
	top: 4px;
}

@media (max-width: 767px) {
	.e-n-menu-mobile {
		max-width: fit-content !important;
	}
	
	.e-n-menu > button:hover {
		background-color: transparent;
	}
	
	.e-n-menu .e-n-menu-heading .e-n-menu-item:first-child .e-n-menu-title {
		padding-top: 20px;	
	}
	
	.e-n-menu .e-n-menu-heading .e-n-menu-item:last-child .e-n-menu-title {
		padding-bottom: 20px;	
	}
	
	#journey .elementor-heading-title {
		margin-right: 0;
		padding-right: 20px;
	}
	
	#journey .elementor-divider-separator {
		margin-right: 20px;
	}
	
	.rocket-roadmap .hotspot-item .hotspot-tooltip {
		padding: 1rem;
		bottom: 50%;
		transform: translateY(50%);
		width: 170px;
		left: 30px;
	}

	.rocket-roadmap .hotspot-item:nth-of-type(odd) .hotspot-tooltip {
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
		width: 230px;
	}
	
	.rocket-roadmap .hotspot-item .hotspot-tooltip .hotspot-title {
		font-size: 0.9rem;
	}

	.rocket-roadmap .hotspot-item .hotspot-tooltip .hotspot-description {
		font-size: 0.8rem;
	}
}