/*
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 */ 
/*
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Gilroy-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	src: url('font/Gilroy-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Gilroy-Heavy.ttf') format('truetype');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Gilroy-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Gilroy-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Gilroy-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Gilroy-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Gilroy-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Gilroy-UltraLight.ttf') format('truetype');
}
*/
@font-face {
    font-family: 'Gilroy';
    src: url(fonts/gilroy-regular.woff2) format("woff2"),url(fonts/gilroy-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

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

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

/* End Cusom FOnt */

:root {
	/*global with container*/ 
	--width-global: 1337px;
	--header-height: 114px;

	/* Brand Colors */
	--color-primary: #F4F3EB;
	--color-secondary: #827B75;
	--color-tertiary: #E1D9CD;
	--title-color: #EEEBDE;
	/* Neutral Colors */
	--color-warm-gray: #5E5B58;
	--color-white: #ffffff; 

	/* Typography */
	--font-family-base: 'Gilroy', 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: 18px;
	--font-size-md-btn: 18px;
	--font-size-lg-btn: 32px; 

	--font-line-height :57px;

	/* FOnt weight*/
	--f-w-400 : 400;
	--f-w-500 : 500;
	--f-w-600 : 600;
	--f-w-700 : 700;
 	--gradient-header:linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.00) 46.9%);
}

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

	:root {
		/*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: 18px;
		--font-size-lg-btn: 20px; 

		--font-line-height :25px;

		--header-height: 90px;
	}
}
 
/* New Style : Heading */
.gwidth{
	--content-width : var(--width-global) !important;	
}
.white{color: color: var(--color-white);}
.warm{color: color: var(--color-warm-gray);}
.header.bg{ 
	/*background: var(--gradient-header), url('/wp-content/uploads/2025/10/bg-scaled.jpg');	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;*/

}
.section.bg{
	background: var(--color-primary); 
}
.section.bg.bgwarm{
	background: var(--color-secondary);
}
.section.bg.tertiary{
	background: var(--color-tertiary); 	
}

/* Font Weight*/
.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 h1,
.heading h2,
.heading h3,
.heading h4,
.heading h5,
.heading h6,
.heading summary{
	font-family: var(--font-family-base) !important;
}
.black :is(h1, h2, h3, h4, h5, h6),
.black a,
.black span,
.black p,
.black{
	color: #000 !important;
}  
.white :is(h1, h2, h3, h4, h5, h6),
.white a,
.white span,
.white p,
.white{
	color: #FFF !important;
}  
.txt,
.txt p,
.txt a,
.txt span{
	font-family: var(--font-family-base) !important;
} 
div.e-load-more-message{
	font-family: var(--font-family-base) !important;
}
/*span.e-load-more-spinner::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url('/wp-content/uploads/2025/11/bouncing-circles.svg') center center no-repeat;
  background-size: contain;
  margin-right: 8px;
}*/

.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;
}
.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;
}

@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;
}
nav.elementor-pagination a.page-numbers{
	color: #FFF !important;
	  font-family: var(--font-family-base) !important;
	  font-size: 22px;
	 font-weight: 500;
}
.elementor-pagination span.page-numbers.current{
	color: #ffffff69 !important;
	  font-family: var(--font-family-base) !important;
	  font-size: 22px !important;
	 font-weight: 500;
}
@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}
/* List */
.listlink span:first-child{
	order:1;
}
@media (max-width: 900px) {
  .typed {
    font-size: 42px;
  }
	.caret {
		height:46px;
	}
	.hover-preview img {
  max-width: 150px; 
  width: 150px;  
}
}