.carousel-inner .carousel-item img{height:unset;object-fit:unset;}
.carousel-inner .carousel-item img{width:100%; max-height:600px;}

.featurpoints {float: left; width: 100%; padding: 30px 0; }
.featurpoints h1 {color: #E64600;}
.featurpoints h4 {color: #2e2e2e;}
.featurpoints .icon {width: 100%; margin-bottom: 10px;}
.featurpoints .icon i {font-size: 100px; background: -webkit-linear-gradient(#E64600, #E64600);
-webkit-transition: -webkit-transform .8s ease-in-out;
transition:         transform .8s ease-in-out;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.featurpoints .icon:hover i {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
} 


/*  &&& banner_slide &&&  */
.banner_slider {position: relative;overflow: hidden;width: 100%;max-width:1920px;height:auto;text-align:center;margin-inline:auto;}
.banner_slide {display: none;width: 100%;}
.banner_slide picture img {width: 100%;}
.banner_slide.active { display: block; }
.banner_slider button { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0); color: white; font-size: 2rem; padding: 10px; border: none; cursor: pointer; z-index: 10; }
.banner_slider button.prev {left: 10px;}
.banner_slider button.next {right: 10px;}
.banner_slider button:hover { background-color: rgba(0, 0, 0, 0.8);}

@media only screen and (min-width: 1920px) {
	.banner_slide picture img {max-height: 629px; object-fit: cover;}
}