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

/* HOME PAGE */

/* welcome */

header {
	height:100vh;
	background-image:url('../img/home/GEEN-HEADER.webp');
	background-size:cover;
	background-position:bottom;
	padding-top:60vh;
	border-bottom-left-radius: 12vw;
	border-bottom-right-radius: 12vw;
}
header h1 {
  font-size: clamp(30px, 4vw, 55px);
  line-height: clamp(35px, 4vw, 60px);
  color:#D3D4EC;
  font-weight:normal;
}

#about-us h3, #regulations h3, #corebusiness h3 {
	color:#000;
	font-size: clamp(30px, 3vw, 55px);
  	line-height: clamp(35px, 3.5vw, 60px);
	font-weight:normal;
	margin-bottom:35px;
}
#about-us button, #why button {
	margin-top:20px;
}
#why {
	background-image:url('../img/bg/GEEN-BG-GREY.webp');
	background-size:cover;
	background-position:right;
}
#why h3 {
	color:#D93839;
	font-size: clamp(30px, 3vw, 55px);
  	line-height: clamp(35px, 3.5vw, 60px);
	font-weight:normal;
	margin-bottom:35px;
}
#why p, #why ul, #why li {
	color:#D3D4EC;
}
#why .elica {
	padding:0vh 5vw;
	text-align:center;
}
#why hr {
	background-color:#D3D4EC !important;
}

#corebusiness .nav-tabs {
	padding:0px;
	border: 0px !important;
}
#corebusiness .nav-link {
	font-family: "Montserrat";
	font-size: clamp(30px, 3vw, 55px);
  	line-height: clamp(35px, 3.5vw, 60px);
	font-weight:normal;
	background-color: transparent;
	border:0px !important;
	border-bottom:0px !important;
	color: rgba(0, 0, 0, 0.3) !important;
	border-radius:0px;
	height:auto;
	padding:0px;
	margin-bottom:35px;
}
#corebusiness .nav-link button:hover {
	background-color: transparent;
}
#corebusiness .nav-tabs .active {
	background-color: transparent;
	color:#000 !important;
}



.accordion-header, .accordion-body, .accordion, .accordion-item {
	background-color:transparent;
	border: none !important;
	border-radius:0px;
	--bs-accordion-border-color:none !important;
}
.accordion-button {
    background-color: transparent !important;
    margin-top:0px;
    color:#000;
    border-bottom:1px solid #000  !important;
    box-shadow: none;
    border-radius:0px;
    padding:20px 0px !important;
    font-family: "Montserrat";
	font-size:20px;
	font-weight:bold;
	line-height:20px;
}
.accordion-button:hover {
    background-color: transparent !important;
    color:#000;
    border-bottom:1px solid #000  !important;
}
.accordion-button:focus {
    background-color: transparent !important;
    box-shadow: none;
    border-bottom:1px solid #000  !important;
    color:#000;
}
.accordion-button:not(.collapsed) {
	background-color: transparent !important;
	border-bottom:1px solid #000  !important;
	color:#000;
	border-radius:0px;
}
.accordion-item:last-of-type, .accordion-item:last-of-type .accordion-button.collapsed {
	border-radius:0px !important;
}
.accordion-body {
	padding:20px 0px 40px 0px !important;
}
.accordion-body button {
	margin-top:0px;
	padding: 15px 20px !important;
	background-color: transparent !important;
	border:2px solid #D93839 !important;
	color:#000;
}
.accordion-body button:hover, .accordion-body button:focus  {
	color:#D93839;
}



@media (max-width: 1024px) {
	
}

@media (max-width: 575px) {
	header {
		height:85vh;
	}
	#about-us hr, #regulations hr {
		margin-top:50px;
	}
	 #why hr {
		margin-top:50px;
	}
	#logo-elica {
		max-width:50vw;
	}
	.elica {
		text-align:right !important;
	}
}