/* =========================
   HERO SECTION INDEX
========================= */

.hero{
    min-height:50vh;

    background-image:url("../img/banner/background_nav.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;
    color:var(--white);

    padding:20px;

    position:relative;
    overflow:hidden;
}

.hero-content{
    position: relative;
    z-index: 10;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.hero-bg{
    position:absolute;
    inset:0;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    opacity:0;

    transition: opacity 2s ease-in-out;

    animation: zoomInOut 14s ease-in-out infinite;

    z-index:1;
}

@keyframes zoomInOut {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.3);
    }
    100%{
        transform: scale(1);
    }
}

.bg1{
    opacity:1;
}

.bg2{
    opacity:0;
}

.hero h1{
    font-size:48px;
    margin-bottom:20px;

    color:white;
	font-family:"Inter", Arial, sans-serif;

   
}
.hero p{
    font-size:18px;
	font-family:"Inter", Arial, sans-serif;
    margin-bottom:30px;
	
}





.btn{
    display:inline-block;

    background:var(--white);
    color:var(--primary);

    padding:12px 25px;

    border-radius:8px;

    font-weight:bold;

    transition:var(--transition);
}

.btn:hover{
    transform:translateY(-3px);
}


/* hero1 proiecte */

  .hero1{
    background-image:url("../img/banner/background_nav.png");
     min-height:50vh;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    color:var(--white);

    padding:20px 20px;

    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

.hero1 h1{
    font-size:48px;
    margin-bottom:20px;

    color:white;

   
}

.hero1 p{
    font-size:18px;

    margin-bottom:30px;
}



/* hero2 servvicii */

.hero2{
    background-image:url("../img/banner/background_nav1.png");
	 min-height:50vh;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    color:var(--white);

    padding:20px 20px;

    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

.hero2 h1{
    font-size:48px;
    margin-bottom:20px;

    color:white;

    text-shadow:
        0 0 5px rgba(0,0,0,0.6),
        0 0 10px rgba(0,0,0,0.4),
        2px 2px 4px rgba(0,0,0,0.5);
}

.hero2 p{
    font-size:18px;

    margin-bottom:30px;
}


/* hero3 solutii */


.hero3{
    background-image:url("../img/banner/background_nav3.png");
	 min-height:50vh;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    color:var(--white);

    padding:20px 20px;

    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
	
}

.hero3 h1{
    font-size:48px;
    margin-bottom:20px;

    color:white;

    text-shadow:
        0 0 5px rgba(0,0,0,0.8),
        0 0 10px rgba(0,0,0,0.6),
        2px 2px 4px rgba(0,0,0,0.7);
}

.hero3 p{
    font-size:18px;

    margin-bottom:30px;
}