/*
Theme Name:   hello-elementor Child
Theme URI:    https://example.com/
Description: Child theme for hello-elementor
Author:       Islam Nashaat
Author URI:   https://example.com/
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/

/* Start my styles  */

html , body {
	overflow-x:hidden;
}

body section {
	padding: 50px 15px !important;
}
.hero-info {
	position:absolute;
	top:50%;
	inset-inline-start:50%;
	transform:translate(-50% , -50%);
}

header {
	position:fixed;
	top:0px;
	left:0;
	right:0;
	width:100%;
	z-index:999999999999999999999999999;
	padding:20px 0 ;
	transition:.7s all ease-in-out;
}

header.scrolled {
	background: rgba(5, 5, 5, 0.8);
    backdrop-filter: blur(20px);
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	transition:.7s all ease-in-out;
	
}
header .logo a img {
	transition:.7s all ease-in-out
}
header.scrolled .logo a img  {
	width:150px;
	transition:.7s all ease-in-out
}

/* HERO BASE */
.hero-sec {
  transform: scale(1);
  transition: transform 0.6s ease, opacity 0.6s ease;
  transform-origin: top center;
}

/* SHRINK STATE */
.hero-sec.hero-shrink {
  transform: scale(0.92);
  opacity: 0.95;
}