/* css for default slider section */

.ps-wrapper {
	position: relative;
	/* overflow: hidden; */
	max-width: 90vw;
	margin: auto;
}
.content-before-slider {
	max-width: 46.875vw;
    text-align: center;
}
.content-before-slider h2 {
    color: #f15b29;
    font-size: 48px;
    font-weight: bold;
    font-family: 'Inter-Bold-Italic';
}
p.emp-txt {
    font-weight: bold;
}
.content-before-slider p{
	font-size: 15px;
	color: black;
}
.ps-track {
	display: flex;
	transition: transform 0.6s ease;
}

.ps-slide {
	/* flex: 0 0 calc(100% / 3); */
	flex: 0 0 calc(500px / 3);
	padding: 15px;
	box-sizing: border-box;
}

.ps-card {
	position: relative;
	height: 300px;
	width: 500px;
	overflow: hidden;
	background-image: url(https://wpstaq-ap-southeast-2-media.s3.amazonaws.com/controlsystems/wp-content/uploads/media/2026/01/slider-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
	/* background: #f5f5f5; */
}

.ps-card img {
	/* max-width: 500px; */
	width: 100%;
	height: 100%;
	object-fit: contain;
	/* background: #fff; */
}
.ps-card img.overlay-image {
	position: absolute;
    height: auto;
    width: 100%;
    bottom: 0;
    left: 0;
    object-fit: contain;
    object-position: bottom;
	opacity: .9;
}

.ps-overlay h3 {
    color: #f15b29;
    margin: 0;
    font-size: 25px;
	max-width: 60%;
}

.ps-overlay {
	position: absolute;
	display: flex;
    justify-content: space-between;
    align-items: center;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	/* background: linear-gradient(transparent, #003b5c); */
	color: #ff6a2c;
}

.button-slider-container {
    position: relative;
    background: black;
    height: 50px;
    width: 6.5%;
    margin: auto;
    top: 30px;
    border-radius: 54px;
}

.ps-btn {
	display: inline-block;
	margin-top: 10px;
	padding: 10px 18px;
	background: #f15b29;
	color: #fff;
	text-decoration: none !important;
    font-weight: 400;
    font-size: 15px;
}

.ps-btn:hover{
	color: white;
	background: #c14921;
}

.ps-nav {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    color: #f15b29;
    border: none;
    width: 38px;
    height: auto;
    border-radius: 50%;
    cursor: pointer;
    padding: 10px;
    font-size: 15px;
}

button.ps-nav:hover{
    background: #f15b29;
    color: #fff;
}
.ps-nav.prev { margin-left: -30px; }
.ps-nav.next { margin-left: 30px; }

.ps-card:hover img:first-of-type{
	filter: grayscale(1);
}
.wp-block-uagb-container.custom-container-slider.uagb-block-a48591c1.alignfull.uagb-is-root-container {
    overflow: hidden !important;
}
button.ps-nav:focus {
    background-color: grey;
}



@media (max-width: 1800px) and (min-width: 1700px){
	.button-slider-container{
		width: 7%;
	}
}

@media (max-width: 1700px) and (min-width: 1600px){
	.button-slider-container{
		width: 7.5%;
	}
}

@media (max-width: 1600px) and (min-width: 1500px){
	.button-slider-container{
		width: 8%;
	}
}

@media (max-width: 1500px) and (min-width: 1400px){
	.button-slider-container{
		width: 8.5%;
	}
	.ps-overlay h3{
		font-size: 20px;
	}
}

@media (max-width: 1500px){
	.ps-card{
		width: auto;
	}
	.ps-slide {
		flex: 0 0 calc(100% / 3);
	}
}

@media (max-width: 1400px) and (min-width: 1300px){
	.button-slider-container{
		width: 9%;
	}
	.ps-overlay h3{
		font-size: 20px;
	}
}

@media (max-width: 1300px) and (min-width: 1200px){
	.button-slider-container{
		width: 9.5%;
	}
	.ps-slide {
        flex: 0 0 calc(100% / 2);
    }
}

@media (max-width: 1200px) and (min-width: 1100px){
	.button-slider-container{
		width: 10%;
	}
	.ps-slide {
        flex: 0 0 calc(100% / 2);
    }
}

@media (max-width: 1100px) and (min-width: 1000px){
	.button-slider-container{
		width: 10.273vw;
	}
	.ps-slide {
        flex: 0 0 calc(100% / 2);
    }
}

@media (max-width:1024px){
	.content-before-slider {
		max-width: 90vw;
	}
}

@media (max-width: 1000px) and (min-width: 900px){
	.button-slider-container{
		width: 11.273vw;
	}
	.ps-slide {
        flex: 0 0 calc(100% / 2);
    }
}

@media (max-width: 900px) and (min-width: 800px){
	.button-slider-container{
		width: 12.273vw;
	}
	.ps-slide {
        flex: 0 0 calc(100% / 2);
    }
}

@media (max-width: 800px){
	.button-slider-container {
        width: 15.5%;
    }
	.ps-slide {
        flex: 0 0 calc(100% / 2);
    }
	.ps-card img.overlay-image {
		object-fit: cover;
		position: absolute;
		height: 250px;
	}
	.ps-card img {
		object-position: top;
	}
	.ps-card{
		height: 50vw;
	}
	.ps-overlay {
		display: grid;
		justify-content: stretch;
	}
	a.ps-btn {
		text-align: center;
	}
	.ps-overlay h3{
		max-width: 100%;
		text-align: center;
	}
}
@media (max-width:600px){
	.ps-slide {
		flex: 0 0 calc(100% / 1);
	}
	.button-slider-container{
		width: 28%;
	}
	.ps-card img.overlay-image {
		object-fit: cover;
		position: absolute;
		height: 250px;
	}
	/* .ps-card img {
		object-position: top;
	} */
	.ps-card {
		height: 50vh;
	}
	/* .ps-overlay {
		display: grid;
		justify-content: center;
	}
	a.ps-btn {
		text-align: center;
	} */
}

@media (max-width: 380px) {
    .button-slider-container {
        width: 32%;
    }
}

@media (max-width: 330px) {
    .button-slider-container {
        width: 38%;
    }
}