/* slider */
.devgirl-cover-slider{
	position:relative;
}

/* type background image */
.devgirl-cover-slider .background-banner{
	background-size:cover;
	background-position:center center;
	position:relative;
}

.devgirl-cover-slider .content{
	margin: 0 60px;
	position:relative;
	z-index:3;
}

.devgirl-cover-slider .slide{
	display:none;
}

.devgirl-cover-slider .slide.displaySlide{
	display:block;
}

.devgirl-cover-slider .slide.displaySlide .background-banner{
	animation-name:image-animate;
}


.devgirl-cover-slider .background-banner .wrapper{
	display: flex;
	position:relative;
}

.devgirl-cover-slider .background-banner .inner{
	margin:20px;
}

.devgirl-cover-slider .background-banner .overlay{
	position:absolute;
	width:100%;
	height:100%;

}

.devgirl-cover-slider p.huge-heading{
	margin:0 0 5px 0;
}


.devgirl-cover-slider.dark p.huge-heading, 
.devgirl-cover-slider.dark p.large-p,
.devgirl-cover-slider .devgirl-button-link {
	color:white;
}


.devgirl-cover-slider p.huge-heading, 
.devgirl-cover-slider p.large-p,
.devgirl-cover-slider .devgirl-button-link {
	animation-name:fadeIn, fadeOut;
	animation-fill-mode:both;
}

.devgirl-cover-slider p.huge-heading{
	animation-duration:5s;
}

.devgirl-cover-slider.dark p.large-p {
	animation-delay:0.3s;
	animation-duration:4.7s;
}

.devgirl-cover-slider .devgirl-button-link{
	animation-delay:0.6s;
	animation-duration:4.4s;
}

@keyframes fadeIn{
	0%{
		opacity: 0;
		transform: translateX(40%);
	}
	20% {
		opacity: 1;
		transform: translateX(0); 
	}
	

}

@keyframes fadeOut{
	80%{
		opacity:89%;
		transform: translateY(0);
	}
	
	100% {
		opacity:0;
		transform: translateY(50px);
	}
}







/* END slider */







/* navigation buttons */
.devgirl-cover-slider-nav{
	
}

.devgirl-cover-slider .devgirl-cover-slider-nav{
	position: absolute;
  top: 0;
	left:0;
	width:100%;
	display:flex;
	align-items:center;
} 

.devgirl-cover-slider .devgirl-cover-slider-nav .full-wrapper{
	position:relative;
	width:94%;
	margin:0 3%;
}

.devgirl-cover-slider .button{
	position:absolute;
	z-index:2;
	margin-top:-20px;
	
	text-transform:uppercase;
	font-size:16px;
	font-size: clamp(14px, 4vw, 16px);
	letter-spacing:3px;

  color: black;
  cursor: pointer;
  text-align: center;
}

.devgirl-cover-slider.dark .button{
	color:white;
}

.devgirl-cover-slider .button:hover{
	opacity:0.8;
}

.devgirl-cover-slider .prev{
	left:0;
}

.devgirl-cover-slider .next{
	right:0;
}






@media only screen  
and (max-width : 768px) {


}