/*
Theme Name:   Hello Elementor Child
Theme URI:    https://elementor.com/hello-theme/
Description:  A lightweight child theme of Hello Elementor
Author:       emma42 - Issam : Dev Tem 
Author URI:   https://emma42.com
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/

@import url("../hello-elementor/style.css");  


/* Custom FONT */ 

/* =======================
RedHatDisplay
======================= */

@font-face {
	font-family: "RedHatDisplay";
	font-style: normal;
	font-weight: 300;
	src: url("fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"),
		url("fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: "RedHatDisplay";
	font-style: normal;
	font-weight: 400;
	src: url("fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"),
		url("fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: "RedHatDisplay";
	font-style: normal;
	font-weight: 700;
	src: url("fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"),
		url("fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: "summer";
	font-style: normal;
	font-weight: 400;
	src: url("fonts/Galiwar/Tropical Summer Signature.ttf") format("truetype");
	text-rendering: optimizeLegibility;
}

/* =======================
RedHatText
======================= */

@font-face {
	font-family: "RedHatText";
	font-style: normal;
	font-weight: 400;
	src: url("fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"),
		url("fonts/RedHatText/RedHatText-Regular.woff") format("woff");
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: "RedHatText";
	font-style: normal;
	font-weight: 700;
	src: url("fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"),
		url("fonts/RedHatText/RedHatText-Medium.woff") format("woff");
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Galiwar';
	font-style: normal;
	font-weight: 200;
	src: url('fonts/Galiwar/Galiwar-thin.woff2') format('woff2'),
		url('fonts/Galiwar/Galiwar-thin.woff') format('woff');
}

@font-face {
	font-family: 'Galiwar';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/Galiwar/Galiwar-Light.woff2') format('woff2'),
		url('fonts/Galiwar/Galiwar-Light.woff') format('woff');
}

@font-face {
	font-family: 'Galiwar';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/Galiwar/Galiwar-Regular.woff2') format('woff2'),
		url('fonts/Galiwar/Galiwar-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Galiwar';
	font-style: normal;
	font-weight: 500;
	src: url('fonts/Galiwar/Galiwar-Medium.woff2') format('woff2'),
		url('fonts/Galiwar/Galiwar-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Galiwar';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/Galiwar/Galiwar-SemiBold.woff2') format('woff2'),
		url('fonts/Galiwar/Galiwar-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Galiwar';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/Galiwar/Galiwar-Bold.woff2') format('woff2'),
		url('fonts/Galiwar/Galiwar-Bold.woff') format('woff');
}

/* End Cusom FOnt */
input:focus,
input:focus-visible,
input:focus-within,
textarea:focus,
textarea:focus-visible,
textarea:focus-within,
select:focus,
select:focus-visible,
select:focus-within,
span:focus,
span:focus-visible,
span:focus-within{
	outline: none !important;
}
:root {
	/*global with container*/ 
	--width-global: 90%;
	--header-height: 114px;

	/* Brand Colors */
	--color-primary: #000000;
	--color-secondary: #EBE8E3;
	--color-tertiary: #C2D8EF;  

	/* Typography */
	--font-family-base: 'RedHatDisplay', sans-serif;  
	--font-family-base2: 'Galiwar', sans-serif;  
	--font-size-txt: 20px;
	--font-size-desc: 22px;
	--font-size-heading: 42px;
	--font-size-heading-second:26px;

	--font-size-sm: 16px;
	--font-size-sm-btn: 14px;
	--font-size-md-btn: 18px;
	--font-size-lg-btn: 22px; 

	--font-line-height :57px;

	/* FOnt weight*/
	--f-w-200 : 200;
	--f-w-300 : 300;
	--f-w-400 : 400;
	--f-w-500 : 500;
	--f-w-600 : 600;
	--f-w-700 : 700;
	--gradient-header: rgba(0, 0, 0, 0.40);
}

/* For Mobile */
@media (max-width: 768px) {

	:root {
		--width-global: 100%;
		/*Typo*/
		--font-size-txt: 16px;

		--font-size-desc: 19px;
		--font-size-heading: 24px;	
		--font-size-heading-second:22px;

		--font-size-sm: 14px;
		--font-size-sm-btn: 13px;
		--font-size-md-btn: 15px;
		--font-size-lg-btn: 18px; 

		--font-line-height :25px;

		--header-height: 90px;
	}
}
.txt span.summer{
	font-family:'summer' !important;
	font-size:32px !important;
}

/* New Style : Heading */
.gwidth .e-con-inner {
	max-width: var(--width-global) !important;
	width: var(--width-global) !important;
}
.white, .white p, .white span, .white :is(h1, h2, h3, h4, h5, h6){color: var(--color-secondary) !important;}

.white .forminator-iti-input.iti .iti__dropdown-content {
	background-color: #ffffff26;
}
.white .forminator-ui.forminator-custom-form[data-design=material] .forminator-response-message{    background-color: #ffffff26;}

.black, .black p, .black span, .black :is(h1, h2, h3, h4, h5, h6){color: var(--color-primary) !important;}
.white.blue span,
.black.blue span{
	color: var(--color-tertiary) !important;
}
.white .elementor-icon svg rect{stroke:var(--color-secondary) !important;}
.white .elementor-icon svg path{fill:var(--color-secondary) !important;}
.black .elementor-icon svg rect{stroke:var(--color-primary) !important;}
.black .elementor-icon svg path{fill:var(--color-primary) !important;}

.white.bg, .white.bg a{background-color: var(--color-primary) !important;}
.black.bg, .black.bg a{ background-color: var(--color-secondary) !important;}
.btn.transparent, .btn.transparent a{ background-color: transparent !important; border:1px solid var(--color-secondary);}
.btn.blue, .btn.blue a{ background-color: var(--color-tertiary) !important;color: var(--color-primary) !important; }

/* Font Weight*/
.f200, .f200 p, .f200 span, .f200 :is(h1, h2, h3, h4, h5, h6){font-weight:var(--f-w-200) !important;}
.f300, .f300 p, .f300 span, .f300 :is(h1, h2, h3, h4, h5, h6){font-weight:var(--f-w-300) !important;}
.f400, .f400 p, .f400 span, .f400 :is(h1,h2,h3,h4,h5,h6){font-weight:var(--f-w-400) !important;}
.f500, .f500 p, .f500 span, .f500 :is(h1,h2,h3,h4,h5,h6){font-weight:var(--f-w-500) !important;}
.f600, .f600 p, .f600 span, .f600 :is(h1,h2,h3,h4,h5,h6){font-weight:var(--f-w-600) !important;}
.f700, .f700 p, .f700 span, .f700 :is(h1,h2,h3,h4,h5,h6){font-weight:var(--f-w-700) !important;}

.heading:not(.black, .white ) :is(h1, h2, h3, h4, h5, h6) span{font-weight:var(--f-w-300) !important; color:var(--color-tertiary) !important;}
.heading2:not(.black, .white ) :is(h1, h2, h3, h4, h5, h6) span{font-weight:var(--f-w-300) !important; color:var(--color-tertiary) !important;}
.heading :is(h1, h2, h3, h4, h5, h6) span{font-weight:var(--f-w-300) !important;}
.heading2 :is(h1, h2, h3, h4, h5, h6) span{font-weight:var(--f-w-300) !important;}
.heading2.f200 :is(h1, h2, h3, h4, h5, h6) span{font-weight:var(--f-w-300) !important;}
.heading2.f300 :is(h1, h2, h3, h4, h5, h6) span{font-weight:var(--f-w-400) !important;}

.heading2.upc :is(h1, h2, h3, h4, h5, h6){text-transform: uppercase;}

.heading h1,
.heading h2,
.heading h3,
.heading h4,
.heading h5,
.heading h6{
	font-family: var(--font-family-base) !important;

}  
.heading2 h1,
.heading2 h2,
.heading2 h3,
.heading2 h4,
.heading2 h5,
.heading2 h6  {
	font-family: var(--font-family-base2) !important;
	font-size:38px;
}  

.txt,
.txt p,
.txt a,
.txt span{
	font-family: var(--font-family-base) !important;
} 
.iconbox,
.iconbox span,
.iconbox a{
	font-family: var(--font-family-base2) !important;
}
.typed {
	color: #FFF;
	font-family: var(--font-family-base) !important;
	font-size: 72px;
	font-style: normal;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
}
.txt.two span{
	font-weight: 600;
}
.footer span.elementor-icon-list-text {
	margin-right: 6px;
}

/*menu*/
.dark-menu .header-s,
.header-s.is-scrolled{
	background: #453929;
	transition: .5s ease;	
	z-index: 99;
}
.logo-n {
	display:none;
}
.a-menu .logo-n{
	display:inline;
}
.a-menu .logo-b{
	display:none;
}
.menudropdown nav ul li div{
	background: none !important;
}
.menudropdown .e-n-menu-heading{
	margin: 0 calc((100% - var(--width-global)) / 2) !important;
}
div#copy-li {
	position: absolute;
	bottom: 50px;	
	z-index: 999999;
}
div#tel-li {bottom: 80px;}
div#mail-li {
	bottom: 50px;
	margin-right: 84px;
}

div#tel-li,div#mail-li {
	position: absolute;
	right: calc((100% - var(--width-global)) / 2) !important;	
	z-index: 999999;
}
.menudropdown .e-n-menu-item div#tel-li a span.e-n-menu-title-text  {
	color: var(--color-primary) !important; 
	font-family:  var(--font-family-base) !important;
	font-size: 42px !important;
	font-style: normal;
	font-weight: 300 !important;; 
	letter-spacing: -0.288px;
}
.menudropdown .e-n-menu-item div#mail-li a span.e-n-menu-title-text  {
	color: var(--color-primary) !important; 
	font-family:  var(--font-family-base) !important;
	font-size: 18px !important;	
	font-weight: 300 !important;;
}
.menudropdown .e-n-menu-item div#tel-li a span.e-n-menu-title-text:before,
.menudropdown .e-n-menu-item div#mail-li a span.e-n-menu-title-text:before{
	content:none;
}
.menudropdown .e-n-menu-item div#copy-li span.e-n-menu-title-text,
.menudropdown .e-n-menu-item div#copy-li span.e-n-menu-title-text a{
	color: var(--color-primary) !important; 
	font-family:  var(--font-family-base) !important;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 300;
	line-height: 12px; /* 85.714% */
	text-transform: uppercase;
	margin-left:3px;
	cursor:pointer;}
.menudropdown .e-n-menu-item div#copy-li span.e-n-menu-title-text a{
	text-decoration:underline;
}
.menudropdown .e-n-menu-item div#mail-li span.e-n-menu-title-text a,
.menudropdown .e-n-menu-item div#mail-li span.e-n-menu-title-text {
	line-height: 12px !important;
}
.menudropdown nav div.e-n-menu-wrapper{
	background: url(/wp-content/uploads/2026/02/iconmenu.svg) rgba(235, 232, 227, 0.90) no-repeat !important;
	max-height: 104vh !important;
	height: 104vh !important;	
	margin-top: -60px !important;
	padding-top: 120px !important;
	z-index:9999 !important;
	position:relative;	
	background-size: 25% !important;
	background-position: 90% !important;
}
.menudropdown .e-n-menu-toggle {
	z-index: 999999 !important;
}
.menudropdown .e-n-menu-toggle-icon:focus-visible {
	outline: none !important;
}
.menudropdown  ul.e-n-menu-heading li.e-n-menu-item  a,
.menudropdown  ul.e-n-menu-heading li.e-n-menu-item  a span{
	color: var(--color-primary) !important;
	font-feature-settings: 'salt' on;
	font-family: var(--font-family-base) !important;
	font-size: 36px  !important;
	font-style: normal;
	font-weight: 300;
	line-height: 42px;
} 
div.menudropdown .e-n-menu-title-text{ 
	color: var(--color-primary) !important;
	font-feature-settings: 'salt' on;
	font-family: var(--font-family-base) !important;		
	font-size: 36px  !important;
	font-style: normal;
	font-weight: 300;
	line-height: 42px;
	cursor:pointer !important;
}
.menudropdown  ul.e-n-menu-heading li.e-n-menu-item  a span {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.menudropdown  ul.e-n-menu-heading li.e-n-menu-item  a span:hover{
	opacity:0.8;
}
.menudropdown  ul.e-n-menu-heading li.e-n-menu-item  a span:before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 2px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0000009c;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.menudropdown  ul.e-n-menu-heading li.e-n-menu-item  a span:hover:before,.menudropdown  ul.e-n-menu-heading li.e-n-menu-item  a span:focus:before,.menudropdown  ul.e-n-menu-heading li.e-n-menu-item  a span:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


.menudropdown  ul.e-n-menu-heading li.e-n-menu-item .has-submenu .submenu  a span{
	color: var(--color-primary) !important;
	font-feature-settings: 'salt' on;
	font-family:  var(--font-family-base) !important;
	font-size: 22px !important;
	font-style: normal;
	font-weight: 300;
	line-height: 30px; /* 227.273% */
}
.menudropdown button:not([disabled]):focus{
	border:none !important;
}
.menudropdown .has-submenu .e-con-inner{
	margin:-10px 9px;
} 
/*--- btn -- */ 
.slideheros .elementor-slide-button{
	display:none !important;
}
.btn, .btn a, .btn span{ border-radius:0px !important;font-family: var(--font-family-base) !important;
	font-size: var(--font-size-lg-btn) !important;}
.btn.btn18, .btn.btn18 a, .btn.btn18 span {font-size:  var(--font-size-md-btn) !important;}
.btn.btn14, .btn.btn14 a, .btn.btn14 span {font-size:  var(--font-size-sm-btn) !important;}
.btn.noarrow a::after{
	background-image:none !important;
}
.btn a::after,
button.btn::after{
	content: '';
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%) translateX(0);
	width: 18px;
	height: 9px;
	background-image: url('/wp-content/uploads/2025/11/arrows-blanc.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transition: transform 0.3s ease;
}
.btn.black a::after,
.btn.blue a::after,
button.btn.black::after,
button.btn.blue::after{
	background-image: url('/wp-content/uploads/2025/11/arrows.svg');
} 
.btn a:hover::after,
button.btn:hover::after{
	transform: translateY(-50%) translateX(5px);
}
.btn.noarrow a.elementor-button{	padding: 12px 24px 12px 24px;}
button.btn.forminator-button{	padding: 12px 48px 12px 24px !important;}
.btn a.elementor-button{	padding: 12px 48px 12px 24px;}
.btn.transparent a.elementor-button,
.btn.lg a.elementor-button{	padding: 19px 48px 19px 24px;}
.btn .elementor-button-icon svg{

	width: 12px;
	height: 13px;

}
.btn .elementor-button-icon svg, 
.footer .elementor-icon-list-icon svg{
	display: inline-block;
	transition: transform 0.2s ease;
}

.btn .elementor-button:hover .elementor-button-icon svg,
.footer .elementor-icon-list-item:hover .elementor-icon-list-icon svg{
	animation: iconSlideUpDown 0.4s ease forwards;
}
.btn label.forminator-label,
.btn span.forminator-checkbox-label{
	font-family: var(--font-family-base) !important;	
	font-size: 18px !important;
	font-weight: 300 !important; 
}
.white .btn span.forminator-checkbox-label{
	border-bottom: 1px solid var(--color-secondary) ;
}
.black .btn span.forminator-checkbox-label{
	border-bottom: 1px solid var(--color-primary) ;
}
.black .btn input.forminator-input,
.black .btn .forminator-select .selection input.select2-selection{
	border-bottom: 1px solid var(--color-primary) ;
}
.white .btn input.forminator-input,
.white .btn .forminator-select .selection input.select2-selection{
	border-bottom: 1px solid var(--color-secondary) !important;

}
.white .btn .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
	border-color:var(--color-secondary) !important;
}
.black .btn .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
	border-color:var(--color-primary) !important;
} 
.white .btn .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:before{
	background-color:var(--color-secondary) !important;
} 
.black .btn .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:before{
	background-color:var(--color-primary) !important;
}

.black .btn .forminator-select-dropdown-container--open .forminator-dropdown--material{
	background-color: var(--color-primary) !important;
}
.white .btn .forminator-select-dropdown-container--open .forminator-dropdown--material{
	background-color: var(--color-secondary) !important;
}
}
.btn input.forminator-input,
.btn span.forminator-error-message{
	font-family: var(--font-family-base) !important;
	font-size: 14px !important;

}
.white .btn input.forminator-input,
.white .btn span.forminator-error-message,
.white .btn input.forminator-input::placeholder,
.white .btn label.forminator-label, .white .btn span.forminator-checkbox-label{
	color:var(--color-secondary) !important;
}
.black .btn input.forminator-input,
.black .btn span.forminator-error-message,
.black .btn input.forminator-input::placeholder,
.black .btn label.forminator-label, .black .btn span.forminator-checkbox-label{
	color:var(--color-primary) !important;
} 

.btn input.forminator-input::placeholder { 
	font-family: var(--font-family-base) !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.btn input.forminator-input:focus-visible {
	outline: 0px;
}
/*swiper*/
.swiperboxed .e-con-inner {
	margin: 0 !important;
}
/* Galerie*/

.galerie .elementor-swiper-button-prev::before {
	content: '';
	display: inline-block;
	width: 46px;
	height: 46px;
	background-image: url(/wp-content/uploads/2025/11/Group-1000006003.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.galerie .elementor-swiper-button-next::before
{
	content: '';
	display: inline-block;
	width: 46px;
	height: 46px;
	background-image: url(/wp-content/uploads/2025/11/Group-1000006002.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

/*/  Swiper Arrows next- Prev : Top/Bottom Left/Right */
.nav-arrows div.elementor-swiper-button-prev svg,
.nav-arrows div.elementor-swiper-button-next svg{
	display:none;
} 
.nav-arrows :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover){
	background-color: var(--color-primary) !important;   
}

.nav-arrows:hover :is(.elementor-swiper-button-prev:after, .elementor-swiper-button-next:after){
	background-color: var(--color-secondary) !important;   
}
.nav-arrows div.elementor-swiper-button-prev,
.nav-arrows div.elementor-swiper-button-next{
	width:20px;
	height:20px;	
	justify-content: center;
	flex-direction: column;
	padding: 20px !important;
}  
.nav-arrows div.elementor-swiper-button-next:after,
.nav-arrows div.elementor-swiper-button-prev:after{
	content: '';
	position: absolute;
	width: 17px;
	height: 17px; 
	background-color: var(--color-primary);   
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;  
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
}
.nav-arrows div.elementor-swiper-button-next:hover:after,
.nav-arrows div.elementor-swiper-button-prev:hover:after{ 
	background-color: var(--color-secondary);   
}
.nav-arrows div.elementor-swiper-button-next:after{
	right: 12px;
	-webkit-mask-image: url(/wp-content/uploads/2025/11/arrow-right.svg);
	mask-image: url(/wp-content/uploads/2025/11/arrow-right.svg);
}
.nav-arrows div.elementor-swiper-button-prev:after{
	left: 12px;
	-webkit-mask-image: url(/wp-content/uploads/2025/11/arrow-left.svg);
	mask-image: url(/wp-content/uploads/2025/11/arrow-left.svg);
}
/*/ Arrows top 40 */ 
.nav-arrows.bottom40 div.elementor-swiper-button-prev,
.nav-arrows.bottom40 div.elementor-swiper-button-next{
	bottom:40px !important;
}
.nav-arrows.top40 div.elementor-swiper-button-prev,
.nav-arrows.top40 div.elementor-swiper-button-next{
	top:-40px !important;
}
/*/ Arrows top 80 */ 
.nav-arrows.bottom80 div.elementor-swiper-button-prev,
.nav-arrows.bottom80 div.elementor-swiper-button-next{
	bottom:-80px !important;
}
.nav-arrows.bottom0 div.elementor-swiper-button-prev, .nav-arrows.bottom0 div.elementor-swiper-button-next {
	bottom: -42px !important;
	top: auto !important;
}
/*Arrows - right */
.nav-arrows.left div.elementor-swiper-button-prev {
	left:calc((100% - var(--width-global)) / 2) !important;
}

.nav-arrows.left div.elementor-swiper-button-next{
	left:calc((100% - (var(--width-global) - 45px)) / 2) !important;
	right:auto !important;	border: 1px solid #000 !important;
}

.nav-arrows.right div.elementor-swiper-button-prev {
	right:calc(( var(--width-global) - (var(--width-global) - 115px)) / 2) !important;
	left: auto !important;border: 1px solid #000 !important;
}

.nav-arrows.right div.elementor-swiper-button-next{
	right:calc(( var(--width-global) - var(--width-global)) / 2) !important;
	left:auto !important;	border: 1px solid #000 !important;
}

/*pagination top right*/
.nav-arrows .swiper-pagination{
	left: auto !important;
	bottom: -36px !important;
	width: 39% !important;
	position: absolute;
	top: auto !important;
	background-color: #A99884;
	right: 130px;
} 
.nav-arrows.bottom0 .swiper-pagination{
	bottom: 0px !important;
}
.nav-arrows.bottom70 .swiper-pagination{
	bottom: -55px !important;
}
.nav-arrows .elementor-widget-n-carousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background:#84906B !important;
}

.footerlink a{color:#000;}
.footerlink a span{color:#000;text-decoration: underline;} 

.footermenu a{
	color: var(--color-primary) !important;
	font-family: var(--font-family-base) !important;
	font-size: 14px !important;
	font-style: normal; 
	line-height: 12px !important;
	text-transform: uppercase;
	font-weight:300 !important
}
.footermenu a:hover{
	color: var(--color-primary) !important; 
}
.footermenu a:after{
	background-color:transparent !important;
}
.footermenu a:hover:after{ 
}
@keyframes iconSlideUpDown {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	40% {
		transform: translateY(-100%);
		opacity: 0;
	}
	60% {
		transform: translateY(100%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
.hover-preview {
	text-align: center;
	margin: 10px 0;
	position: absolute;
	right:0;
	z-index: 9999999
}

.hover-preview img {
	max-width: 200px; 
	width: 200px; 
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	transition: transform 0.3s ease;
	margin-top:2px;
}

.hover-preview img:hover {
	transform: scale(1.05);
}
.caret {
	display: inline-block;
	width: 3px;           
	height: 80px;         
	background: #ffffff;
	vertical-align: bottom;
	margin-left: 5px;
	animation: blink 1s step-start infinite;
}

@keyframes blink {
	0%, 50%, 100% { opacity: 1; }
	25%, 75% { opacity: 0; }
}
/* List */
.listlink span:first-child{
	order:1;
}
.deg90{
	transform:rotate(90deg);
}
#msform { 
	margin: 50px auto;
	text-align: center;
	position: relative;
}
#msform fieldset { 
	border: 0 none; 
	box-sizing: border-box; 
	position: relative;	
	width: 100%; 
	height: 340px;
} 
#msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
#msform input, #msform textarea { 
}
/*buttons*/
#msform .action-button { 
}
#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
} 
#msform [type=button]:focus, #msform [type=button]:hover, #msform [type=submit]:focus,#msform [type=submit]:hover,#msform button:focus, #msform button:hover,  #msform  button:not([disabled]):focus{
	border:0px;
	background-color: #363636;
	color: #fff;
	text-decoration: none;
	border: 16px !important;
	outline: 0 !important;
}
.form-group {
	width: 39%;
}
/*Scroll down */

.scroll-container{
	width: 27px;
	height: 38px;
	border: 2px solid #EBD9C6;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
	margin: 0 auto;
}

.scroller{

	width: 2px;
	height: 6px;
	border-radius: 2px;
	background-color: #fff;
	position: absolute;
	top: 4px;
	left: 10.5px;
	bottom: 24px; 
	animation: scroller 2500ms ease-out infinite;
}
.scroll-to-bottom:hover {
	transform: translateY(-5px);
}
.scroll-to-bottom:hover  {
	animation: bounceUp 0.4s ease;
}
@keyframes scroller{
	0%{
		bottom: 14px;
	}
	5%{
		top: 4px;
	}
	32%{    
		bottom: 4px;
	}
	66%{
		top: 24px;
		bottom: 4px;
	}
	100%{
		top: 4px;
		bottom: 24px;
	}
}
/*progressbar*/
#progressbar {	
	margin-top: 30px;
	margin-bottom: 98px;
	overflow: hidden; 
	counter-reset: step;
	display: flex;
	justify-content: space-between;
	padding:0;
}
#progressbar li {
	list-style-type: none; 
	position: relative;	
	width: 100%;
}
h2.formtitle,
.formtitle{
	font-size:42px;
	margin-bottom: 70px;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 52px;
	line-height: 52px;
	display: block; 
	margin: 0 auto 5px auto;
	color: #000;
	font-family: var(--font-family-base);
	font-size: 20px;
	font-style: normal;
	font-weight: 500; 
	background: #EBE8E3; 
	transition: width 0.6s ease-in-out;
	z-index: 99;
	position: relative;
} 
#progressbar li:after {
	content: '';
	width: 100%;
	height: 7px; 
	position: absolute;
	left: -50%;
	top: 22px;
	z-index: -1;
	background: #EBE8E3;
	width:100%;
	transition: width 0.6s ease-in-out;
	z-index:9;
}
#progressbar li:first-child:after { 
	content: none; 
} 
#progressbar li.active:before{
	background: #000000;
	color: #ffffff;	
	z-index: 99; 
	position: relative;
	transition: background-color 0.8s ease, color 0.8s ease;
}
#progressbar li.active:after{
	background: #000000;
	color: #ffffff;	
	z-index: 9;
	width: 100%;
	transition: width 0.2s ease-in-out;
}
.fieldsets-form{
	display: flex; 
	justify-content: center;

	width: 100%;
	margin: 0 auto;
}
.sc-checkbox {
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none;
	width: 20px;
	height: 20px;
	border: 1px solid #000;
	border-radius: 4px;
	background: transparent;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	transition: background 0.3s ease;
	margin: 0px 10px 5px 10px;
}

.sc-checkbox:checked {
	background: #000;
}

.sc-checkbox:checked::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 7px;
	width: 4px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.sc-check label{
	color: #000;

	font-family: var(--font-family-base) !important;
	font-size: 20px;
	font-style: normal;
	font-weight: 500; 
	text-transform: uppercase; 
}
.rangeinput{
	width:70%;
	position: relative;
}
.form-btn-nav { 
	bottom: 78px;
	position: absolute;	
	display: flex;
	justify-content: space-between;
	width: 100%;
}
[type=button].form-btn, [type=submit].form-btn, button.form-btn{
	height: 60px;

	justify-content: center;
	align-items: center;	
	flex-shrink: 0;
	background: #000;	
	border: none;
	border-radius: 0;
	display: flex; 
	line-height: normal;
	color: var(--color-tertiary);

	text-align: center;
	font-family: var(--font-family-base) !important;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px;
}
button[disabled],
button.disabled,
.next.disabled,
.previous.disabled {
	opacity: 0.5;         
	cursor: not-allowed;    
	pointer-events: none;       
	background-color: #7d7d7d;
	color: #c2d8ef;  
	transition: opacity 0.2s ease, background-color 0.2s ease;
}
button.form-btn.next{ padding: 0px 69px 0 49px; }
button.form-btn.previous{ padding: 0px 49px 0 69px;}
[type=button].form-btn:hover, [type=submit].form-btn:hover, button.form-btn:hover{
	opacity:0.9;
	background: #000;
}
.next::after {
	content: '';
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%) translateX(0);
	width: 18px;
	height: 9px;
	background-image: url('/wp-content/uploads/2025/10/next.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transition: transform 0.3s ease;
}

.next:hover::after {
	transform: translateY(-50%) translateX(5px);
}

.previous::before {
	content: '';
	position: absolute;
	left: 25px;
	top: 50%;
	transform: translateY(-50%) translateX(0);
	width: 18px;
	height: 9px;
	background-image: url('/wp-content/uploads/2025/10/prev.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transition: transform 0.3s ease;
}

/*-------------PAGES----------------------*/
/*----------Espace communs----------------*/

.elementor .carroussel-commun img {
	height: 416px;
	object-fit: cover;
}
/*----------END Espace communs----------------*/

/* Hover PREVIOUS: arrow slides to left */
.previous:hover::before {
	transform: translateY(-50%) translateX(-5px);
}
.form-inpts {
	display: flex;
	gap: 15px;
	justify-content: center;
	width: 100%;
}
.form-inpts label{
	color: #000;
	text-align: left;
	width: 100%;
	font-family: var(--font-family-base) !important;
	font-size: 18px;
	margin-bottom:17px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.form-inpts input[type=text]{ 
	padding: 11px 27px 11px 3px;
	align-items: center;
	background: transparent;
	border-bottom: 1px solid #000;
	border-top: 0px;
	border-left: 0;
	border-right: 0;
	border-radius: 0px;font-family: var(--font-family-base) !important;}
.form-inpts input[type=text]:focus, .form-inpts input[type=text]:focus-visible{
	outline: none;
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #A99884;
}
.form-inpts input[type=text]::placeholder  {
	font-family: var(--font-family-base) !important;
	color: #A99884;

	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.form-inpts input[type="range"] {
	position: relative;
	left: 0;
	width: 100%;
	pointer-events: none; 
	height: 8px;
	-webkit-appearance: none;
	background: #EBE8E3;
}
.form-inpts input[type="range"]:before,
.form-inpts input[type="range"]:after { 
	position: absolute;
	font-family: var(--font-family-base) !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px; 
	text-transform: uppercase;
}
.form-inpts input[type="range"]:before {
	content:'750 CHF'; 
	top: 28px;
}
.form-inpts input[type="range"]:after {
	content:'3’000 CHF'; 
	top: 28px;
	right: 0;
}
.form-inpts input[type="range"]::-webkit-slider-thumb {
	pointer-events: all;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background: #000;
	cursor: pointer;
	-webkit-appearance: none;
	border:5px solid #EBE8E3;
}
.range-value {
	position: absolute;
	top: -30px;
	left: 0;
	transform: translateX(0%);
	background: #000;
	color: #fff;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 12px;
	white-space: nowrap;
	pointer-events: none;
	transition: left 0.1s ease;
}



/*New range */
.range-container {
	position: relative; 
}

.range-container input[type="range"] {
	position: absolute;
	left: 0;
	top: 10px;
	width: 100%;
	pointer-events: none;
	background: none;
	-webkit-appearance: none;
}

.slider-track {
	position: absolute;
	top: 22px;
	left: 0;
	height: 8px;
	width: 100%;
	border-radius: 3px;
	background: #ddd;
	z-index: 0;
}

.values {
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	font-family: var(--font-family-base) !important;
	margin: -15px 5px 0px 0px;
	position: absolute;
	background-color: #000;
	border-radius: 4px;
	padding: 2px 10px;
	color: #EBE8E3;
}

input[type="range"]::-webkit-slider-runnable-track {
	height: 4px;
	background: transparent;
}
#formPopup{
	display: none;
} 
.popupform {
	display: none;               
	position: fixed;            
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5); 
	display: flex;               
	justify-content: center;    
	align-items: center;        
	z-index: 9999;
}

/* Popup box */
.popup-content {
	border-radius: 10px;
	background: #EBE8E3;
	padding: 31px;
	max-width: 400px;
	width: 90%;          
	text-align: center;
	position: relative;
	animation: fadeIn 0.3s ease;
	color: #000;

	text-align: center;
	font-family: var(--font-family-base2) !important;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
}
.popupform .close{
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 35px;
	cursor: pointer;
}

/* Optional fade-in animation */
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(-10px); }
	to { opacity: 1; transform: translateY(0); }
}


/*End form */


@media (max-width: 344px) {
	.form-inpts{ 
		gap: 20px;
	}
	.form-inpts label { 
		font-size: 16px;
	}
	button.form-btn.previous {
		padding: 0px 15px 0 40px;
	}
	button.form-btn.next {
		padding: 0px 40px 0 15px;
	}
	.previous::before{
		left:15px;
	}
	.next::after {
		right: 35px;
	}
}
@media (max-width: 900px) {

	/*Web site */
	.gwidth {
		padding: 0 15px !important;
	}
	/*Header*/
	.btn a.elementor-button {
		padding: 5px 30px 5px 12px;
	}
	.btn.noarrow a.elementor-button {
		padding: 5px 15px 5px 15px;
	}
	.menudropdown nav div.e-n-menu-wrapper{
		background-size: 150% !important;
		background-position: left bottom !important;
	}
	.btn a::after, button.btn::after{
		right:5px;
	}
	div.menudropdown ul.e-n-menu-heading li.e-n-menu-item a, div.menudropdown ul.e-n-menu-heading li.e-n-menu-item a span 		{
		font-size: 25px !important;
		line-height: 28px ;
	}
	div.menudropdown .e-n-menu-title-text{
		font-size: 25px !important;
		line-height: 28px ;		
		color: var(--color-primary) !important;
		font-feature-settings: 'salt' on;
		font-family: var(--font-family-base) !important;		
		font-weight: 300;
	}
	.menudropdown .e-n-menu-item div#tel-li a span.e-n-menu-title-text{
		font-size: 28px !important;
	}
	div#mail-li {
		bottom: 140px;
	}
	div#tel-li {
		bottom: 160px;
	}
	div#copy-li { 
		bottom: 100px; 
		width: 100%; 
		justify-content: space-around;
	}
	.heading2 h1, .heading2 h2, .heading2 h3, .heading2 h4, .heading2 h5, .heading2 h6{
		font-size: 24px;line-height: 35px;
	}

	.typed {
		font-size: 42px;
	}
	.caret {
		height:46px;
	}
	h2.formtitle,
	.formtitle{
		font-size:26px
	}
	.rangeinput {
		width: 100%; 
	}
	#msform{
		margin:50px 15px;
	}
	.hover-preview img {
		max-width: 150px; 
		width: 150px;  
	}
	#progressbar li:before{
		width: 30px;
		line-height: 30px;
		font-size:18px;
	}
	#progressbar li:after{
		height: 4px;    top: 13px;
	}
	.form-inpts label{
		margin:0;
		padding:0;
	}
	.form-group {
		width: 100%;
	}
	.form-inpts{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
		grid-auto-rows: auto;
		grid-auto-flow: column;
		grid-template-rows: repeat(3, auto);
		gap: 30px;
	}
	button.form-btn.next  {
		padding: 0px 48px 0 24px;
	}
	button.form-btn.previous {
		padding: 0px 24px 0 48px;
	}
	.next::after{
		right: 45px;
	}
	.previous::before { 
		left: 20px;}
	.form-btn-nav{
		bottom: 0px;    padding-right: 20px;
	}

	[type=button].form-btn, [type=submit].form-btn, button.form-btn{
		height: 49px;
	}
	.form-inpts input[type="range"]{
		width:100%;
	}
	div#mail-li { 
		margin-right: 0;
	}
	.footermenu a{
		font-size: 12px !important;}
}
@media (max-width: 1400px) {
	.menudropdown  ul.e-n-menu-heading li.e-n-menu-item  a,
	.menudropdown  ul.e-n-menu-heading li.e-n-menu-item  a span{
		font-size:30px !important;
		line-height:34px;
	}
}

/* Update form */
.radio-tile-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 30px;
}
.radio-tile-group .radio-tile-label{
	color: #000;
	text-align: left;
	width: 100%;
	font-family: var(--font-family-base) !important;
	font-size: 18px;
	margin-bottom:17px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;	
	text-transform: uppercase;
}
.radio-tile-group .input-container {
	position: relative; 
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.radio-tile-group input[type="radio"] {
	appearance: none;
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border: 1px solid #000;
	border-radius: 4px; 
	display: inline-block;
	position: relative;
	cursor: pointer; 
}

/* Checked state: filled square */
.radio-tile-group input[type="radio"]:checked {
	border-color: #000;
	background-color: #000;
}

/* Optional checkmark using pseudo-element */
.radio-tile-group input[type="radio"]:checked::after {
	content: "";
	position: absolute;
	top: 4px;
	left: 7px;
	width: 4px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* Focus state */
.radio-tile-group input[type="radio"]:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
}



/* =========================
Animation (non-polygon)
========================= */
.a-line-mask span,
.a-line-mask a span,
.a-line-mask :is(h1, h2, h3, h4, h5, h6) {
	opacity: 0;
	transform: translateX(0) translateY(30px);
	transition: opacity .7s ease, transform 1.2s ease !important;
}
/*Is not in view */
.fade.is-not-inview{
	opacity:0;
	transition: opacity 1s ease !important;
}
.fade.is-inview{
	opacity:1;
	transition: opacity 1s ease !important;
}
/* In view: a-0 */
.is-inview.a-line-mask .a-0 span,
.is-inview.a-line-mask .a-0 a span,
.is-inview.a-line-mask .a-0 :is(h1, h2, h3, h4, h5, h6) {
	transform: translateY(0px);
	transition: opacity 1s ease, transform 2s ease !important;
	opacity: 1;
}

/* In view: a-1 */
.is-inview.a-line-mask .a-1 span,
.is-inview.a-line-mask .a-1 a span,
.is-inview.a-line-mask .a-1 :is(h1, h2, h3, h4, h5, h6) {
	transform: translateY(0px);
	transition: opacity 2s ease, transform 2s ease !important;
	opacity: 1;
}

/* =========================
Polygon
========================= */
.a-line-mask.polygon span,
.a-line-mask.polygon div,
.a-line-mask.polygon a span,
.a-line-mask.polygon :is(h1, h2, h3, h4, h5, h6) {
	opacity: 0;
	transform: translateY(30px);

	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);

	transition: opacity .7s ease, transform 1.2s ease, clip-path 1s ease !important;
}

/* left */
.a-line-mask.polygon.l-polygon span,
.a-line-mask.polygon.l-polygon div,
.a-line-mask.polygon.l-polygon a span,
.a-line-mask.polygon.l-polygon :is(h1, h2, h3, h4, h5, h6) {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

/* right */
.a-line-mask.polygon.r-polygon span,
.a-line-mask.polygon.r-polygon div,
.a-line-mask.polygon.r-polygon a span,
.a-line-mask.polygon.r-polygon :is(h1, h2, h3, h4, h5, h6) {
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

/* bottom */
.a-line-mask.polygon.b-polygon span,
.a-line-mask.polygon.b-polygon div,
.a-line-mask.polygon.b-polygon a span,
.a-line-mask.polygon.b-polygon :is(h1, h2, h3, h4, h5, h6) {
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}

/* top */
.a-line-mask.polygon.t-polygon span,
.a-line-mask.polygon.t-polygon div,
.a-line-mask.polygon.t-polygon a span,
.a-line-mask.polygon.t-polygon :is(h1, h2, h3, h4, h5, h6) {
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

/* left-top */
.a-line-mask.polygon.l-t-polygon span,
.a-line-mask.polygon.l-t-polygon div,
.a-line-mask.polygon.l-t-polygon a span,
.a-line-mask.polygon.l-t-polygon :is(h1, h2, h3, h4, h5, h6) {
	clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}

/* left-bottom */
.a-line-mask.polygon.l-b-polygon span,
.a-line-mask.polygon.l-b-polygon div,
.a-line-mask.polygon.l-b-polygon a span,
.a-line-mask.polygon.l-b-polygon :is(h1, h2, h3, h4, h5, h6) {
	clip-path: polygon(0 100%, 0 100%, 0 100%, 0 100%);
	-webkit-clip-path: polygon(0 100%, 0 100%, 0 100%, 0 100%);
}

/* polygon open when in view */
.is-inview.a-line-mask.polygon span,
.is-inview.a-line-mask.polygon div,
.is-inview.a-line-mask.polygon a span,
.is-inview.a-line-mask.polygon :is(h1, h2, h3, h4, h5, h6) {
	opacity: 1;
	transform: translateY(0);

	clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
	-webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
}

/* =========================
Delays (apply to targets)
Put delay class on .a-line-mask OR on .a-0/.a-1 wrapper
========================= */

/* delay 0.5s */
.a-line-mask.delay-05 span,
.a-line-mask.delay-05 div,
.a-line-mask.delay-05 a span,
.a-line-mask.delay-05 :is(h1, h2, h3, h4, h5, h6),
.a-line-mask .delay-05 span,
.a-line-mask .delay-05 a span,
.a-line-mask .delay-05 :is(h1, h2, h3, h4, h5, h6) {
	transition-delay: 0.3s !important;
}

/* delay 1s */
.a-line-mask.delay-10 span,
.a-line-mask.delay-10 div,
.a-line-mask.delay-10 a span,
.a-line-mask.delay-10 :is(h1, h2, h3, h4, h5, h6),
.a-line-mask .delay-10 span,
.a-line-mask .delay-10 a span,
.a-line-mask .delay-10 :is(h1, h2, h3, h4, h5, h6) {
	transition-delay: .5s !important;
}

/* delay 1.5s */
.a-line-mask.delay-15 span,
.a-line-mask.delay-15 div,
.a-line-mask.delay-15 a span,
.a-line-mask.delay-15 :is(h1, h2, h3, h4, h5, h6),
.a-line-mask .delay-15 span,
.a-line-mask .delay-15 a span,
.a-line-mask .delay-15 :is(h1, h2, h3, h4, h5, h6) {
	transition-delay: 0.7s !important;
}

/* delay 2s */
.a-line-mask.delay-20 span,
.a-line-mask.delay-20 div,
.a-line-mask.delay-20 a span,
.a-line-mask.delay-20 :is(h1, h2, h3, h4, h5, h6),
.a-line-mask .delay-20 span,
.a-line-mask .delay-20 a span,
.a-line-mask .delay-20 :is(h1, h2, h3, h4, h5, h6) {
	transition-delay: 0.9s !important;
}

/* delay 2.5s */
.a-line-mask.delay-25 span,
.a-line-mask.delay-25 div,
.a-line-mask.delay-25 a span,
.a-line-mask.delay-25 :is(h1, h2, h3, h4, h5, h6),
.a-line-mask .delay-25 span,
.a-line-mask .delay-25 a span,
.a-line-mask .delay-25 :is(h1, h2, h3, h4, h5, h6) {
	transition-delay: 1.1s !important;
}

/* delay 30 */
.a-line-mask.delay-30 span,
.a-line-mask.delay-30 div,
.a-line-mask.delay-30 a span,
.a-line-mask.delay-30 :is(h1, h2, h3, h4, h5, h6),
.a-line-mask .delay-30 span,
.a-line-mask .delay-30 a span,
.a-line-mask .delay-30 :is(h1, h2, h3, h4, h5, h6) {
	transition-delay: 1.3s !important;
}
.a-line-mask:not(.is-inview) span,
.a-line-mask:not(.is-inview) div,
.a-line-mask:not(.is-inview) a span,
.a-line-mask:not(.is-inview) :is(h1, h2, h3, h4, h5, h6) {
	transition-delay: 0s !important;
}