/* 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 .full-wrapper{
	display: flex;
	position:relative;
}

.devgirl-cover-slider .background-banner .inner{
  display: flex;
  flex-wrap: wrap;
  gap:27px;
}




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

}

.devgirl-cover-slider p.heading{
	margin:0;
  font-weight:bold;
}



.devgirl-cover-slider.dark p.heading, 
.devgirl-cover-slider.dark p.description,
.devgirl-cover-slider .devgirl-button-link {
	color:var(--wp--preset--color--light);
  padding:0;
  margin:0;
}


.devgirl-cover-slider p.heading, 
.devgirl-cover-slider p.description,
.devgirl-cover-slider a.devgirl-button-link {
	animation-name: fadeInOut;
  animation-duration: 10s;
  animation-fill-mode: both;
}

.devgirl-cover-slider p.description{
  margin:0;
}

.devgirl-cover-slider p.heading{
  line-height:46px;
}

.devgirl-cover-slider p.description {
}

.devgirl-cover-slider.dark p.description {
}

.devgirl-cover-slider a.devgirl-button-link{
  display: inline-block;
  padding:10px 25px;
  border-radius:7px;
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
    transform: translateX(40%);
  }
  10% {
    opacity: 1;
    transform: translateX(0);
  }
  90% {
    opacity: 1;
    transform: translateX(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 .large-wrapper{
	position:relative;
	width:94%;
	margin:0 auto;
}

.devgirl-cover-slider .button{
	position:absolute;
	z-index:2;
	margin-top:-20px;
	
	text-transform:uppercase;
	font-size:16px;
	font-size: var(--wp--preset--font-size--x-large);
	letter-spacing:3px;

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

.devgirl-cover-slider.dark .button{
	color:var(--wp--preset--color--light);
}

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

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

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


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

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




@media only screen  
and (max-width : 768px) {
  .devgirl-cover-slider p.heading,
  .devgirl-cover-slider p.description,
  .devgirl-cover-slider a.devgirl-button-link,
  .devgirl-cover-slider .background-banner {
    animation: none !important;
    transition: none !important;
  }


  .devgirl-cover-slider .background-banner .inner{
    justify-content: center !important;
    text-align: center !important;
  }

  .background-banner{
    height: auto !important;
    padding: 30px 0;
  }

}









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


}