/*
 * Author: Luca Arzilli, ALSolutions
 *
 * Project Name: Geen
 *
 */

/* SERVIZI */

/* welcome */

header {
	height:50vh;
	background-image:url('../img/servizi/GEEN-HEADER-VAL-BEL.webp');
	background-size:cover;
	background-position:center;
	padding-top:25vh;
	border-bottom-left-radius: 12vw;
	border-bottom-right-radius: 12vw;
}
header h2, .header-section h2, .header-section-1 h2, .header-section-2 h2 {
  font-size: clamp(30px, 3.5vw, 55px);
  line-height: clamp(35px, 4vw, 60px);
  font-weight:normal;
  color:#000;
}

#assessment h3, #design h3, #support h3, #consultancy h3 {
	color:#000;
	font-size: clamp(30px, 3vw, 55px);
  	line-height: clamp(35px, 3.5vw, 60px);
	font-weight:normal;
	margin-bottom:35px;
}
#assessment h4, #design h4, #support h4, #consultancy h4 {
	color:#000;
	font-size: clamp(20px, 2vw, 45px);
  	line-height: clamp(25px, 2.5vw, 50px);
	font-weight:normal;
	margin-bottom:35px;
}

#design, #support, #consultancy {
	padding-top:0px !important;
	padding-bottom:180px;
}

#design .header-section {
	background-image:url('../img/servizi/GEEN-HEADER-PROGETTAZIONE.webp');
}

#support .header-section-1 {
	background-image:url('../img/servizi/GEEN-HEADER-ITER-BUROCRATICO.webp');
}

#consultancy .header-section-2 {
	background-image:url('../img/servizi/GEEN-HEADER-SUPPORTO-TECNICO.webp');
}

#design .header-section, #support .header-section-1, #consultancy .header-section-2 {
	height:50vh;
	background-size:cover;
	background-position:center;
	padding-top:30vh;
	border-radius: 12vw;
	margin:0 7% 180px 7%;
}
.mobile-padding-top {
	padding-top:50px;
}


		.scroll-section {
            min-height: 100vh;
            display: flex;
            align-items: top;
            padding: 10vh 0vw;
        }
        .image-container-1 {
            position: sticky;
            top: 10%;
            height: 80vh;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow:hidden;
        }
        .image-wrapper-outer {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            min-width: 100%;
            display: flex;
            justify-content: center;
        }
        .image-wrapper {
            opacity: 0;
            transition: opacity 0.5s ease, visibility 0.5s ease;
            max-width:100%;
            max-height:65vh;
        }
        .border-overlay-1 {
		    position: absolute;
		    top: 10px;
		    left: 10px;
		    bottom:-10px;
		    pointer-events: none;
    		z-index: 10;
		    border: 1px solid #D93839;
		}
        .image-wrapper.active {
            opacity: 1;
        }
        .text-section {
            padding: 0px 0px 0px 110px;
        }

@media (max-width: 575px) {
	hr {
		margin-top:50px;
	}
	#design .header-section, #support .header-section-1, #consultancy .header-section-2 {
		margin:0 0 70px 0 !important;
	}
	#design, #support, #consultancy {
		padding-bottom:70px;
	}
}