/* common */

.div-home1-wrapper{
	background-color:#39A95E;
}

.div-home1-wrapper{
	padding:30px;
}

.div-home1-content{
	display:flex;
	flex-wrap:nowrap;
	flex-direction:row;
	justify-content: space-between;
	column-gap:30px;
}

.div-home1-left-wrapper{
	padding:15px;
	width:35%;
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
}

.div-home1-left-content{
	display:flex;
	flex-wrap:nowrap;
	flex-direction:column;
	row-gap:30px;
}

.div-home1-content h1{
	font-size:2vw;
	color:#EDECEA;
	text-align:left;
}

.div-home1-content .slogan{
	font-size:1.5vw;
	color:#EDECEA;
}

.div-home1-right{
	display:flex;
	vertical-align:middle;
	align-content:center;
	flex-wrap:wrap;
}

.div-home1-content .btn{
	padding:0.9vw 1.5vw;
	font-size:1.5vw;
}

.div-home1-content .buttons{
	display:flex;
	flex-wrap:nowrap;
	flex-direction:row;
	column-gap:1.5vw;
}

.index-section-title{
	text-align: center;
	padding: 30px 0;
}

/* Services */

.index-services{
	background-color:#FEFEFE;
	padding-bottom:5vw;
}

.index-services .section-name{
	font-size:1.5vw;
	font-weight:bold;
	color:#39A95E;
	margin-bottom:1vw;
}

.index-services h1{
	color:#072427;
}

.service-items{
	padding-top:1vw;
	display:flex;
	gap:2vw;
	flex-wrap:wrap;
	justify-content:center;
}

.service-item{
	display:flex;
	flex-direction:column;
	padding:1vw 1vw 1vw 3vw;
	background-color:#FEFEFE;
	border-radius:1.5vw;
	width:25vw;
	-webkit-box-shadow: 4px 4px 22px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 4px 4px 22px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 4px 4px 22px 0px rgba(34, 60, 80, 0.2);
}

.service-item-top{
	display:flex;
}

.service-item object{
	height:10vw;
}

.service-item .text-wrapper{
	padding:1vw;
	margin:auto;
	text-align:center;
}

.service-item .text-wrapper h2{
	font-size:1.7vw;
	color:#125b25;
}

.service-item .service-item-bottom{
	font-size:1.5vw;
	margin:1.5vw 0;
}

/* Why Safety Plus */

.index-why-safetyplus-content{
	background-color:#EAF4EE;
	display:flex;
	padding:4vw;
	gap:1vw;
	flex-wrap:wrap;
	justify-content:space-between;
}

.index-why-safetyplus-content-left-side{
	width:30%;
}

.index-why-safetyplus .section-name{
	font-size:1.5vw;
	font-weight:bold;
	color:#39A95E;
	margin-bottom:1vw;
}

.index-why-safetyplus-content-left-side-title{
	margin-bottom:2vw;
}

.index-why-safetyplus h1{
	color:#072427;
	text-align:left;
	font-size: 2.5vw;
}

.index-why-safetyplus-content-left-side-text{
	color:#767676;
	margin-bottom:3vw;
	font-size:1.2vw;
}

.index-why-safetyplus-content-left-side-button .btn{
	padding:0.9vw 1.5vw;
	font-size:1.5vw
}

.index-why-safetyplus-content-right-side{
	max-width:fit-content;
	width:fit-content;
/*
	display:flex;
	flex-wrap:wrap;
	row-gap:1px;
	justify-content:space-between;
*/
/*	background-color:#D2E7DC;*/
}

.index-why-safetyplus-content-right-side-wrapper{
	max-height:min-content;
/*	background-color:#D2E7DC;*/
}

.index-why-safetyplus-content-right-side1{
/*	margin-bottom:1px;*/
}

.index-why-safetyplus-content-right-side1, .index-why-safetyplus-content-right-side2{
	display:flex;
	flex-wrap:wrap;
	gap:1px;
	justify-content:center;
}

.index-why-safetyplus-content-right-side-item{
	display:flex;
	width:25vw;
/*	background-color:#EAF4EE;*/
	padding:1vw;
	border-bottom:1px solid #D2E7DC;
	border-right:1px solid #D2E7DC;
}

.index-why-safetyplus-content-right-side-item .item-object{
	padding:1vw;
}

.index-why-safetyplus-content-right-side-item object{
	height:5vw;
}

.index-why-safetyplus-content-right-side .item-text-blocks{
	display:flex;
	flex-wrap:nowrap;
	flex-direction:column;
	justify-content:center;
}

.index-why-safetyplus-content-right-side .item-text-block-top{
	margin-bottom:1.5vw;
}

.index-why-safetyplus-content-right-side .item-text-block-top h2{
	color:#125b25;
	font-size:1.5vw;
}

.index-why-safetyplus-content-right-side .item-text-block-bottom{
	color:#3A4643;
	font-size:1.2vw;
}

@media(width < 1000px){

.div-home1-left-wrapper{
	width:300px;
}

.div-home1-content h1{
	font-size:20px;
}

.div-home1-content .slogan{
	font-size:15px;
}

.div-home1-content .buttons{
	column-gap:15px;
}

.div-home1-content .btn{
	padding:9px 15px;
	font-size:15px;
	width:120px;
}

/* Services */

	.index-services{
		padding-bottom:5vw;
	}

	.index-services h1{
		font-size:33px;
	}

	.index-services .section-name{
		font-size:16px;
		margin-bottom:10px;
	}

	.service-items{
		padding-top:10px;
		gap:30px;
	}

	.service-item{
		padding:10px 10px 10px 30px;
		width:300px;
	}

	.service-item object{
		height:100px;
	}

	.service-item .text-wrapper{
		padding:10px;
	}

	.service-item .text-wrapper h2{
		font-size:20px;
	}

	.service-item .service-item-bottom{
		font-size:16px;
		margin:15px 0;
	}

/* Why Safety Plus */

	.index-why-safetyplus-content{
		padding:40px;
		column-gap:10px;
		row-gap:30px;
	}

.index-why-safetyplus-content-left-side{
	width:300px;
}

	.index-why-safetyplus .section-name{
		font-size:15px;
		margin-bottom:10px;
	}

	.index-why-safetyplus-content-left-side-title{
		margin-bottom:20px;
	}

	.index-why-safetyplus h1{
		font-size: 25px;
	}

	.index-why-safetyplus-content-left-side-text{
		margin-bottom:30px;
		font-size:15px;
	}

	.index-why-safetyplus-content-left-side-button .btn{
		padding:9px 15px;
		font-size:16px
	}

.index-why-safetyplus-content-right-side{
}

	.index-why-safetyplus-content-right-side-item{
		width:250px;
		min-width:250px;
		padding:10px;
	}

	.index-why-safetyplus-content-right-side-item .item-object{
		padding:10px;
	}

	.index-why-safetyplus-content-right-side-item object{
		height:50px;
	}

	.index-why-safetyplus-content-right-side .item-text-block-top{
		margin-bottom:16px;
	}

	.index-why-safetyplus-content-right-side .item-text-block-top h2{
		font-size:16px;
	}

	.index-why-safetyplus-content-right-side .item-text-block-bottom{
		font-size:15px;
	}

}

@media(width <= 790px){

	.div-home1-content .svg-index1{
		display:none;
	}

	.div-home1-right{
		align-content:flex-start;
		padding:30px 0;
	}

}

@media(width > 790px){

	.div-home1-content .svg-index2{
		display:none;
	}

}

@media(width <= 570px){

	.div-home1-right{
		display:none;
	}

}