/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 29 2025 | 20:30:32 */
/*     .Robotics-slider{
        margin: 0 auto;
        width: 100%;
        height: 100%;
        background-color: #041524;
    }
    
    .Robotics-slider .content{
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .Robotics-slider .content .images{
        width: 100%;
        height: 100%;
    }
    .Robotics-slider .images{
        display: flex;
    }
    .Robotics-slider .images img{
        width: 100%;
        height: 500px;
		object-fit:cover;
    }


    .Robotics-slider .slider-left-btn i{
        color: rgb(255, 255, 255);
        font-size: 20px;
        position: absolute;
        bottom: 45%;
        cursor: pointer;
        transform: translateY(-50%);
        border: 1px solid white;
        border-radius: 50%;
        padding: 10px;
        left: 0.5rem;
    }
    .Robotics-slider .slider-right-btn i{
        color: white;
        font-size: 20px;
        position: absolute;
        right: 0.5rem;
        bottom: 45%;
        cursor: pointer;
        transform: translateY(-50%);
        border: 1px solid white;
        border-radius: 50%;
        padding: 10px;
    }

    .Robotics-slider .effect{
        animation:move 2000ms forwards;
    }
    @keyframes move{
        0%{
        opacity: 0;
    }
        100%{
        opacity: 1;
        }
    }
 */
/*     .Robotics-slider .thumbnail{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: -50px auto 10px; 
        width: 100%;
    }

    .Robotics-slider .thumbnail img {
        margin: 0 5px;
        cursor: pointer;
        width: 80% !important;
    	height: 105px;
    } */
/* 	.Robotics-slider .thumbnail img:nth-child(1) {
    display: none !important;
	} */
/* @media only screen and (max-width:1370px){
	.Robotics-slider .thumbnail img {
    width: 80% !important;
    height: 98px;
}
}
@media only screen and (max-width:1270px){
	.Robotics-slider .thumbnail img {
    width: 80% !important;
    height: 94px;
}
}
@media only screen and (max-width:1200px){
	.Robotics-slider .thumbnail img {
    width: 75% !important;
    height: 85px;
}
	.Robotics-slider .thumbnail {
    margin: -30px auto 10px;

}
	.Robotics-slider .images img {
			height: 315px;
		}
}
	@media only screen and (max-width:1100px){
		.Robotics-slider .thumbnail img {
        width: 80% !important;
        height: 77px;
    }
		.Robotics-slider .images img {
			width: 100%;
			height: 350px;
			object-fit: cover;
		}
	}
@media only screen and (max-width:1024px){
	.Robotics-slider .thumbnail img {
        width: 70% !important;
        height: 66px;
    }
		.Robotics-slider .images img {
			width: 100%;
			height: 250px;
			object-fit: cover;
		}
			.ehf-header #masthead {
			z-index: 9999;
			position: relative;
			position: absolute !important;
			top: -30px;
			width: 100%;
		}

}
    @media screen and (max-width: 768px) {
        .Robotics-slider .thumbnail{
            display: none;
        }
		.Robotics-slider .images img {
        width: 100%;
        height: 550px;
        object-fit: cover;
    }
}
@media only screen and (max-width:500px){
	.Robotics-slider .images img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
}
     */
         .Robotics-Slider-main{
        width: 100%;
        overflow-x: hidden;
        position: relative;
        z-index: 1;
    }
    .Robotics-Slider-main .slider-left-btn i{
        color: rgb(255, 255, 255);
        font-size: 20px;
        position: absolute;
        bottom: 50%;
        cursor: pointer;
        transform: translateY(-50%);
        border: 1px solid white;
        border-radius: 50%;
        padding: 10px;
        left: 0.5rem;
        z-index: 1;
    }
    .Robotics-Slider-main .slider-right-btn i{
        color: white;
        font-size: 20px;
        position: absolute;
        right: 0.5rem;
        bottom: 50%;
        cursor: pointer;
        transform: translateY(-50%);
        border: 1px solid white;
        border-radius: 50%;
        padding: 10px;
    }
    .Robotics-Slider-main .slider-container {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .Robotics-Slider-main  .slider {
        display: flex;
        transition: transform 0.5s ease;
    }
    .Robotics-Slider-main  .slide {
        min-width: 100%;
    
    }
    .Robotics-Slider-main  .slide img{
        width: 100%;
        height: 100%;
    }
    .Robotics-Slider-main  .thumbnails {
        display: flex;
        overflow-x: hidden;
        margin: 10px 0px 0 35px;
     
    }
    .Robotics-Slider-main  .thumbnail {
        flex: 0 0 80px; /* Adjust thumbnail size */
        margin-right: 16px;
        cursor: pointer;
    }
    .Robotics-Slider-main  .thumbnail img {
        width: 100%;
        height: 95%;
    }
  
@media only screen and (max-width:1440px){
	.Robotics-Slider-main .thumbnail {
    flex: 0 0 147px;
}
	.Robotics-Slider-main .slide img {
    width: 100%;
    height: 430px;
    object-fit: fill;
}
}
@media only screen and (max-width:1024px){
	.Robotics-Slider-main .thumbnail {
        flex: 0 0 95px;
    }
	    .Robotics-Slider-main .slide img {
        width: 100%;
        height: 320px;
        object-fit: fill;
    }
}
    @media screen and (max-width: 768px) {
        .Robotics-Slider-main  .thumbnails{
            display: none;
        }
        .Robotics-Slider-main  .Robotics-Slider-main{
        width: auto;
        }
        .Robotics-Slider-main  .slider-container {
        width: auto;
        }
        .Robotics-Slider-main .slider-left-btn i{
        bottom: 45%;
    }
    .Robotics-Slider-main .slider-right-btn i{
        bottom: 45%;
    }
      .Robotics-Slider-main .slide img {
        width: 100%;
        height: auto;
        object-fit: fill;
    }
    }