/* 
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 */

html, body {
	overflow-x: hidden !important;
}

body {
	font-family: 'Roboto', sans-serif;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Inter', sans-serif;
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

.logo {
	transition: all 0.75s ease;
	opacity: 0;
}

.navigation-button .elementor-icon {
	display: flex;
}

.navigation-button .elementor-icon svg path {
	fill: #FFFFFF;
	transition: all 0.5s ease;
}

.navigation-button:hover .elementor-icon svg path {
	fill: #FF4100 !important;
}

.nav-scrolled .elementor-icon svg path {
	fill: #FF4100 !important;
}

.nav-scrolled:hover .elementor-icon svg path {
	fill: #001524 !important;
}

.asban_num_text_1:before {
	font-family: 'Inter', sans-serif;
	content: '1-';
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 17px;
	line-height: 1.2em;
	font-weight: 700;
	color: #FF7E3E;
}

.asban_num_text_2:before {
	font-family: 'Inter', sans-serif;
	content: '2-';
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 17px;
	line-height: 1.2em;
	font-weight: 700;
	color: #FF7E3E;
}

.asban_num_text_3:before {
	font-family: 'Inter', sans-serif;
	content: '3-';
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 17px;
	line-height: 1.2em;
	font-weight: 700;
	color: #FF7E3E;
}

.asban-accordion details {
	border-left: 2px solid #E1D9D5;
	transition: all 0.5s ease;
}

.asban-accordion details[open] {
	border-left-color: #FF4100;
}

#asban_header {
	transition: all 0.5s ease;
}

.scrolled {
	background-color: white;
	box-shadow: 0 5px 15px -5px #00000033;
	min-height: 100px;
}

.logo-scrolled {
	opacity: 1;
}

.asban_footer {
	display: flex;
	position: relative;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	color: white;
	font-family: 'Roboto';
	font-size: 11px;
	text-transform: uppercase;
	line-height: 1.2em;
	font-weight: 500;
	opacity: 0.9;
	transition: all 0.75s ease;
	padding: 0;
	gap: 3px;
}

.asban_footer:hover {
	color: white;
	padding-right: 83px;
	opacity: 1;
}

.asban_footer:hover .asban_img {
	opacity: 1;
	right: 0px;
}

.asban_footer:hover .the_coon {
	transform: rotate(360deg);
}

.the_coon {
	display: flex;
	transition: all 0.5s ease;
}

.asban_img {
	display: flex;
	position: absolute;
	right: 83px;
	opacity: 0;
	transition: all 0.75s ease;
}

.elementor-widget-text-editor a {
	color: #ff4100 !important;
	font-weight: 500 !important;
	text-decoration: underline !important;
}

.elementor-widget-text-editor ul {
	padding-left: 25px;
	margin-top: 5px;
	margin-bottom: 15px;
	list-style-image: url("/wp-content/uploads/2024/01/bulletpoint-icon.svg");
	
}

.m361_video_form .elementor-field-type-upload label {
	display: flex;
	flex-direction: column;
}

.m361_video_form .elementor-field-label span {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.5px;
	line-height: 1.2em;
	text-transform: none;
}

.m361_video_form select option {
	color: #001524;
	font-weight: 500;
	font-size: 15px;
}

.m361_video_form select option:hover {
	box-shadow: 0 0 10px 100px #001524 inset;
	background: #001524;
	color: white;
}

.m361_video_form .elementor-select-wrapper::before {
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #FFFFFF;
}

.m361_video_form  .select-caret-down-wrapper {
	display: none;
}

.asban-lang {
	
}

.lng-scrolled li a .elementor-icon-list-text {
	color: #FF4100 !important;
}

.lng-scrolled li a .elementor-icon-list-icon svg path {
	fill: #FF4100 !important;
}


@media (max-width: 767px) {
	.logo {
		margin-left: 50px;
	}
	
	.logo img {
		filter: invert(100%) sepia(100%) saturate(36%) hue-rotate(291deg) brightness(109%) contrast(111%);
	}
	
	.logo-scrolled {
		margin-left: 0 !important;
	}
	
	.logo-scrolled img {
		filter: none !important;
	}
	
	.footer_list .elementor-icon-list-items {
		gap: 10px 0px;
	}
	
	.m361_video_form .elementor-field-group {
		padding-right: calc( 20px/2 ) !important;
		padding-left: calc( 20px/2 ) !important;
		margin-bottom: 20px !important;
	}
	
	.m361_video_form .elementor-field-textual.elementor-size-md {
		min-height: 40px !important;
		max-height: 40px !important;
		padding: 0 !important;
	}
}

/* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}