#sector2Page_1{
	height:120vh;
}


#sector2Page_1 .mainTitle{
	padding-top: 60px;
}



#sector2Page_1 .bodyText{
	padding-top: 30px;
	text-align: center;
	width: 65%;
	margin: auto;
}

#sector2Page_1 .background{
    --size: 45px;
    --line: #34323d17;
    background: linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size), linear-gradient(var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size);
    overflow: hidden;
    mask: linear-gradient(0deg, transparent 150px, white);
    position: absolute;
    top: 0px;
    width: 100%;
    height: 110vh;
	z-index: -2;
}

#sector2Page_1 .imageWithPoints{
	margin-top: 60px;
}

#sector2Page_1 .imageWithPoints .pageRow{
	width: 100%;
}

#sector2Page_1 .imageWithPoints .pageCol{
	width: 50%;
	text-align: start;
}

#sector2Page_1 .imageWithPoints img{
	width: 90%;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
	border-radius: 15px;
	position: relative;
	left: -15px;
}
#sector2Page_1 .points .point{
	margin: 20px 0px;
	font-size: 1.9em;
}

#sector2Page_1 .points .point i{
	margin-right: 10px;
	color: var(--Main-Orange);
}

#sector2Page_2 .facts{
	display: flex;
	justify-content: center;
    align-items: center;
	gap: 100px;
	padding: 0px 100px;
}

#sector2Page_2 .facts .fact{
	width: 300px;
	height: 200px;
	text-align: center;
	background: var(--Main-Dark);
	color: #fff;
	display: flex;
	justify-content: center;
    align-items: center;
    flex-direction: column;
	padding: 30px;
	border-radius: 15px;
}

#sector2Page_2 .facts .fact .icon i{
	font-size: 1.5em;
	color: var(--Main-Orange);
}

#sector2Page_2 .facts .fact .data{
	font-size: 3.5em;
	font-weight: 600;
}

#sector2Page_3{
	min-height: 75vh;
}

#sector2Page_3 .backgroundImage{
	position: absolute;
    height: 70%;
    left: 40px;
	z-index:-5;
}

#sector2Page_3 .backgroundImage img{
	height: 100%;
	opacity: 0.4;
}

#sector2Page_3 .contentHolder{
	max-width: 1500px;
	width: 100%;
	margin: 10px 60px 10px auto;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 15px;
}

#sector2Page_3 .tab-content{
	padding: 40px 20px;
	background: #fff;
	border-radius: 15px;
}

#sector2Page_3 .tab-content img:not(.bgImage){
	width:95%;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
	border-radius: 15px;
}
#sector2Page_3 .tab-content .pageRow{
	gap: 5%;
}

#sector2Page_3 .tab-content .pageCol{
	width:45%;
}

#sector2Page_3 .tab-content .pageCol:has(img){
	text-align: center;
}

#sector2Page_4{
	min-height: 75vh;
}

#sector2Page_4 .contentHolder{
	max-width: 1500px;
	width: 100%;
	margin: 10px auto 10px 60px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 15px;
}

#sector2Page_4 .tab-content{
	padding: 40px 20px;
	background: #fff;
	border-radius: 15px;
}

#sector2Page_4 .tab-content img:not(.bgImage){
	width:95%;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
	border-radius: 15px;
}
#sector2Page_4 .tab-content .pageRow{
	gap: 5%;
}

#sector2Page_4 .tab-content .pageCol{
	width:45%;
}

#sector2Page_4 .tab-content .pageCol:has(img){
	text-align: center;
}

#sector2Page_4 .backgroundImage{
	position: absolute;
    height: 70%;
    right: 30px;
	z-index:-5;
}

#sector2Page_4 .backgroundImage img{
	height: 100%;
	opacity: 0.4;
}

#sector2CTA{
	height: 50vh;
	padding-top:40px;
}

#sector2CTA .contentHolder{
	width: 50%;
	margin: auto;
	text-align: center;
}

#sector2CTA .contentHolder .subTitle{
	margin-bottom: 30px;
}

#sector2CTA .contentHolder .bodyText{
	margin-bottom: 20px;
}

#sector2CTA .contentHolder .box{
	margin: auto;
}


#sector2CTA .background{
--size: 45px;
    --line: #34323d17;
    background: linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size), linear-gradient(var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size);
    overflow: hidden;
    mask: linear-gradient(180deg, transparent 150px, white);
    width: 100%;
    height: 90vh;
    position: relative;
    bottom: 65vh;
    z-index: -2;
}



@media only screen and (max-width: 1240px) {
	#sector2Page_1{
		height: fit-content;
	}


	#sector2Page_1 .imageWithPoints{
		margin: 40px 0px;
	}

	
	#sector2Page_1 .imageWithPoints .pageRow{
		width: 90%;
		flex-direction: column-reverse !important;
		margin: auto;
	}
	#sector2Page_1 .imageWithPoints .pageCol{
		width: 100%;
	}
	#sector2Page_1 .imageWithPoints img {
		width: 100%;
		height: unset;	
		left: 0px !important;
	}
	
	#sector2Page_1 .points{
		margin-bottom: 40px;
	}
	
	#sector2Page_1 .points .point{
		margin-top: 40px;
	}
	
	#sector2Page_2{
		margin-top: 60px;
	}
	
	#sector2Page_2 .facts {
		margin-bottom: 40px;
	}
	
	#sector2Page_2 .facts .fact {
		width: 400px !important;
		height: fit-content !important;
	}
	
	#sector2Page_3{
		height: fit-content;
		min-height: unset;
		margin-top: 60px;
	}
	#sector2Page_3 .contentHolder{
		width: 85%;
		margin: 10px auto;
	}
	
	#sector2Page_3 .tab-content .pageCol {
		width: 90%;
	}
	
	#sector2Page_3 .tab-content .pageCol .subTitle{
		margin-bottom: 40px;
	}
	
	#sector2Page_3 .tab-content img:not(.bgImage) {
		margin-top: 40px;
	}
	
	
	
	#sector2Page_4 {
		height: fit-content;
		min-height: unset;
		margin-top: 60px;
	}
			
	#sector2Page_4 .contentHolder{
		width: 85%;
		margin: 10px auto;
	}
	
	#sector2Page_4 .tab-content .pageCol {
		width: 90%;
	}
	
	#sector2Page_4 .tab-content .pageCol .subTitle{
		margin: 40px 0px;;
	}
	
	
	#sector2CTA{
		padding:10% 0px;
		height: 60vh;
	}
	
	#sector2CTA .contentHolder {
		width: 80%;	
	}
}