/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,100px,0);
    }

    to {
        opacity: 1;
        transform: none
    }
}

.gform_required_legend {
	display: none;
}

label.gfield_label.gform-field-label {
	font-size: 13px;
	color: #132D29;
}

label.gfield_label.gform-field-label .gfield_required {
	color: #132D29;
}

.gform-footer.gform_footer input[type=submit] {
	background-color: #FF4593 !important;
	border-radius: 120px !important;
	padding: 16px 25px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
}

.gform-footer.gform_footer input[type=submit]:hover,
.gform-footer.gform_footer input[type=submit]:focus-visible {
	background-color: #DD0B74 !important;
}

.ts-slider {
	position: relative;
	overflow: hidden;
}

.ts-swiper {
	position: relative;
}

.ts-swiper .swiper-wrapper {
	position: relative;
	display: block;
}

.ts-swiper .swiper-slide {
	position: absolute;
	inset: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.7s ease, visibility 0.7s ease;
}

.ts-swiper .swiper-slide.is-active {
	position: relative;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 2;
}

.ts-next,
.ts-prev {
	cursor: pointer;
}

.video-hero {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.video-hero .elementor-widget-html,
.video-hero .elementor-widget-html > .elementor-widget-container {
	position: static;
}

.video-hero__video-wrap {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	background-color: #000;
	display: flex;
}

.video-hero__content,
.video-hero__video-wrap {
	transition: opacity 0.4s ease, visibility 0.4s ease;
}

.video-hero__video {
	width: auto !important;
	height: 100%;
	margin: 0 auto !important;
}

.video-hero__close {
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 4;
	padding: 5px !important;
	display: flex;
}

.video-hero__close svg {
	width: 30px;
    height: 30px;
}

.video-hero.is-playing .video-hero__content {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.video-hero.is-playing .video-hero__video-wrap {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.video-app {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.video-app .elementor-widget-html,
.video-app .elementor-widget-html > .elementor-widget-container {
	position: static;
}

.video-app__video-wrap {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	background-color: #000;
	display: flex;
}

.video-app__content,
.video-app__video-wrap {
	transition: opacity 0.4s ease, visibility 0.4s ease;
}

.video-app__video {
	width: auto !important;
	height: 100%;
	margin: 0 auto !important;
}

.video-app__close {
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 4;
	padding: 5px !important;
	display: flex;
}

.video-app__close svg {
	width: 30px;
    height: 30px;
}

.video-app.is-playing .video-app__content {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.video-app.is-playing .video-app__video-wrap {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}