html,
body {
	position: relative;
	height: 100%;
}
.home-slider {
	height: calc(100vh - 100px);
	padding: 50px;
}
/* ============================= */
/* Desktop (default) */
/* Vertical progress bar on the right */
.swiper {
	height: 100%;
/*width: 80%;*/
width: 100%;
background: #fff;
/* overflow: hidden; */
overflow: visible;
/*box-shadow: 0 10px 30px rgba(0,0,0,0.1);*/
}
.swiper-slide {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 20px;
	box-sizing: border-box;
}
.slide-text, .slide-image {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 50%;
}
.slide-text {
	font-size: 56px;
	padding-right: 20px;
}
.slide-text h2 {
	/*color: #444;*/
	margin: 0 0 10px;
	/*font-weight: 400;*/
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 0.2px;
	color: #000000;
    font-weight: 900;
    font-style: italic;
}
.slide-text p {
	color: #555;
	margin: 0;
	font-weight: 400;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: 0.2px;
}
.slide-image img,
.slide-image video {
	border: 1px solid #dcdcdc;
	width: 100%;
	border-radius: 40px;
	object-fit: cover;
	height: 100%;
}
.swiper-button-container .swiper-button-next, 
.swiper-button-container .swiper-button-prev {
	border: 1px solid #333;
	border-radius: 100px;
	width: 42px;
	height: 42px;
	position: relative;
	margin: 0;
	left: inherit;
	right: inherit;
	top: inherit;
	bottom: inherit;
}
.swiper-button-container .swiper-button-next:after, 
.swiper-button-container .swiper-button-prev:after {
	font-size:18px;
}
.swiper-button-next, .swiper-button-prev {
	color: #000;
}
/* Vertical progress bar */
.manufacturing-swiper .swiper-pagination {
	width: 4px;       /* thin vertical bar */
	height: 100%;
	right: 10px;
	top: 0;
	bottom: 0;
	border-radius: 2px;
	overflow: hidden;
}
.swiper-pagination-progressbar-fill {
	background: #CF4520 !important;
}
.ds-slider-box a.slider-link, 
.ds-slider-box a.slider-link div {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
}
.ds-slider-box a.slider-btn {
    border-radius: 40px;
    /*background: #E55945;
    color: #ffffff;*/
    display: inline-block;
    font-size: 16px;
    /*padding: 10px 40px;*/
    margin-top: 30px;
}
/* ============================= */
/* Mobile (max-width: 768px) */
/* Horizontal progress bar at bottom */
@media screen and (max-width: 768px) {
	.swiper-slide {
		flex-direction: column;
	}
	.slide-text,
	.slide-image {
		width: 100%;
		padding-right: 0;
		margin-bottom: 15px;
	}
	.swiper-pagination {
		width: 90% !important;          /* wider horizontal bar */
		height: 4px !important;         /* thin horizontal bar */
		bottom: 10px;        /* at bottom of slider */
		left: 50% !important;
		transform: translateX(-50%);
		top: auto !important;           /* remove top positioning */
	}
	.swiper-pagination {
		bottom: inherit;
		left: inherit !important;
		right: inherit !important;
		transform: inherit;
		top: inherit !important;
		position: relative;      
	}
	.swiper-pagination-progressbar-fill {
		height: 100%;        /* full height of horizontal bar */
		width: 0;            /* Swiper will animate width */
	}
}
@media (max-width: 767px) {
	.home-slider {
		height: auto;
		padding: 20px 10px;
	}
	.home-slider .swiper-slide {
		padding: 0;
	}
	.slide-image img, 
	.slide-image video {
		border-radius: 20px;
	}
	.slide-text h2 {
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 0;
	}
	.slide-text p {
		font-size: 14px;
		line-height: 18px;
	}
	.slide-text {
		justify-content: left;
		justify-content: center;
		order: 2;
		gap: 8px;
	}
	.swiper-button-container {
		position: relative;
		display: flex;
		flex-flow: row;
		top: inherit;
		gap: 20px;
		align-items: center;
		justify-content: center;
	}
	.swiper-button-container .swiper-button-next, 
	.swiper-button-container .swiper-button-prev {
		height: 32px;
	}
	.swiper-button-container .swiper-button-next:after, 
	.swiper-button-container .swiper-button-prev:after {
		font-size: 14px;
	}
	.swiper-button-container .swiper-button-next {
		order: 3;
		rotate: 0deg;
	}
	.swiper-button-container .swiper-button-prev {
		order: 1;
		rotate: 0deg;
	}
	.swiper-pagination {
		order: 2;
	}
}
@media (min-width: 768px) {
	.slide-text h2, .slide-text p {
		max-width: 80%;
	}
	.swiper-button-container {
		display: flex;
		position: absolute;
		height: calc(100vh - 200px);
		max-width: 520px;
		flex-flow: column;
		top: 0;
		gap: 40px;
		align-items: center;
		justify-content: center;
	}
	.swiper-pagination-progressbar.swiper-pagination-vertical {
		position: relative;
		height: 45%;
		order: 2;
	}
	.manufacturing-swiper .swiper-pagination {
		overflow: visible;
		width: 2px !important;
	}
	.manufacturing-swiper .swiper-pagination-progressbar-fill {
		width: 4px !important;
		left: -1px !important;
		border-radius: 100px;
	}
	.swiper-button-container .swiper-button-next, 
	.swiper-button-container .swiper-button-prev {
		position: relative;
		top: inherit;
		right: inherit;
		left: inherit;
		margin: inherit;
	}
	.swiper-button-container .swiper-button-next {
		order: 3;
		rotate: 90deg;
	}
	.swiper-button-container .swiper-button-prev {
		order: 1;
		rotate: 90deg;
	}
	
    /*fix for discover-swiper slider*/
    .discover-swiper .swiper-button-container {
        position: relative;
        display: flex;
        flex-flow: row;
        top: inherit;
        gap: 20px;
        align-items: center;
        justify-content: center;
        height: 50px;
        margin-left: 100px;
        margin-top: -80px;
        z-index: 1;
    }
    .discover-swiper .swiper-pagination {
        bottom: inherit;
        left: inherit !important;
        right: inherit !important;
        transform: inherit;
        top: inherit !important;
        position: relative;
    }

    .discover-swiper .swiper-button-container .swiper-button-prev {
        order: 1;
        rotate: 0deg;
    }
    .discover-swiper .swiper-button-container .swiper-pagination {
        order: 2;
    }
    .discover-swiper .swiper-button-container .swiper-button-next {
        order: 3;
        rotate: 0deg;
    }
    .discover-swiper .swiper-button-container .swiper-button-next, 
    .discover-swiper .swiper-button-container .swiper-button-prev {
        width: 52px !important;
        height: 40px !important;
        margin: 0;
    }
    /*fix for discover-swiper slider end*/
}