.ovrflw-part{
	overflow: hidden;
}

.full-size-video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This ensures the video maintains its aspect ratio while covering the entire container */
}

/*=================================================*/

.wlr-container {
    position: relative;
    overflow: hidden;
}

.wlr-container img,
.wlr-container video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wlr-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.wlr-container:hover .wlr-overlay {
	opacity: 1;
}

/*=================================================*/

.posko-container {
    position: relative;
    overflow: hidden;
}

.posko-container img,
.posko-container video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.posko-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.posko-container:hover .posko-overlay {
	opacity: 1;
}

/*=================================================*/

.ptta-container {
    position: relative;
    overflow: hidden;
}

.ptta-container img,
.ptta-container video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ptta-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.ptta-container:hover .ptta-overlay {
	opacity: 1;
}

/*=================================================*/

.antidrone-container {
    position: relative;
    overflow: hidden;
}

.antidrone-container img,
.antidrone-container video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.antidrone-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.antidrone-container:hover .antidrone-overlay {
	opacity: 1;
}

/*=================================================*/

.holomatrix-container {
    position: relative;
    overflow: hidden;
}

.holomatrix-container img,
.holomatrix-container video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.holomatrix-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.holomatrix-container:hover .holomatrix-overlay {
	opacity: 1;
}

/*=================================================*/

.simpan-container {
    position: relative;
    overflow: hidden;
}

.simpan-container img,
.simpan-container video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.simpan-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.simpan-container:hover .simpan-overlay {
	opacity: 1;
}

/*=========================================================*/


.sliders {
	height: 400px;
	margin: auto;
	position: relative;
}
.slide1s,.slide2s,.slide3s,.slide4s,.slide5s {
	background-size: 100% !important;
	position: absolute;
	width: 100%;
	height: 100%;
}
.slide1s {background: url(../imgs/about/nexin_1.jpg) no-repeat center;animation:fade1 15s infinite;} 
.slide2s {background: url(../imgs/about/nexin_2.jpg) no-repeat center;animation:fade2 15s infinite;}
.slide3s {background: url(../imgs/about/about-2.png) no-repeat center;animation:fade3 15s infinite;}
.slide4s {background: url(../imgs/about/about-4.png) no-repeat center;animation:fade4 15s infinite;}
@keyframes fade1{0%{opacity:1}25% {opacity: 0}50% {opacity: 0}75% {opacity: 0}100% {opacity: 1}}
@keyframes fade2{0%{opacity:0}25% {opacity: 1}50% {opacity: 0}75% {opacity: 0}100% {opacity: 0}}
@keyframes fade3{0%{opacity:0}25% {opacity: 0}50% {opacity: 1}75% {opacity: 0}100% {opacity: 0}}
@keyframes fade4{0%{opacity:0}25% {opacity: 0}50% {opacity: 0}75% {opacity: 1}100% {opacity: 0}}