.flex_content:has(> .img_swiper + .team){
  position: relative;
}

.flex_content:has(> .img_swiper + .team):before{
  content: '';
  height: 115%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: -15%;
  background-image: url('/wp-content/themes/bb-theme-child/assets/images/back_layer_1.svg');
  background-position: 70% top;
  background-size: cover;
  background-repeat: no-repeat;
  mix-blend-mode: soft-light;
}

#pk_flex_content .flex_content:has(> .img_swiper):has(+ .flex_content > .full_content_slider){
  padding-bottom: 100px;
}


.flex_layout.img_swiper {
  position: relative;
}

.flex_layout.img_swiper .swiper {
  overflow: visible;
}

.flex_layout.img_swiper .swiper-wrapper {
  cursor: grab;
}

.flex_layout.img_swiper .swiper-wrapper:active {
  cursor: grabbing;
}


.flex_layout.img_swiper .flex_layout_wrapper {
	display: flex;
	justify-content: center;
}

.flex_layout.img_swiper .swiper-wrapper-container {
  position: relative;
  max-width: 925px;
}


.flex_layout.img_swiper .swiper-wrapper-container > div {
  z-index: 1;
  position: relative;
}


.flex_layout.img_swiper .swiper-slide  {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-width: 925px;
  border-radius: 10px;
  position: relative;
  display: flex;
  transition: all ease 0.5s;
  }
  
  .flex_layout.img_swiper .swiper-slide::after {
	content: "";
	position: absolute;
	inset: 0; 
	background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.8) 100%);
	z-index: 2;
  }

.flex_layout.img_swiper .swiper-slide img {
  width: 100%;
  height: 100%; 
  min-width: 100%;
	min-height: 100%;
  object-fit: cover;
  display: block;
  position: relative;
  z-index: 1;
  transition: all ease 0.5s;
}

.flex_layout.img_swiper .swiper-slide.swiper-slide-next,
.flex_layout.img_swiper .swiper-slide.swiper-slide-prev {
transform: scaleY(0.8);
  transition: all ease 0.5s;
  }

.flex_layout.img_swiper .swiper-slide.swiper-slide-next img,
.flex_layout.img_swiper .swiper-slide.swiper-slide-prev img {
transform: scaleY(1.2);
  transition: all ease 0.5s;
}


.flex_layout.img_swiper .section_heading{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 3rem;
} 


.flex_layout.img_swiper .slide-content-overlay {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	margin: 50px;
	max-width: 70%
}

.flex_layout.img_swiper .slide-content-overlay .slide-title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 1.8rem;
}

#pk_flex_content .flex_layout.img_swiper .slide-content-overlay .slide-excerpt p{
font-size: 16px;
font-weight: 400;
}


#pk_flex_content .flex_layout.img_swiper .swiper-wrapper-container .swiper_controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 2rem;
}

#pk_flex_content .flex_layout.img_swiper .swiper-wrapper-container .swiper_controls .swiper-pagination {
	width: unset;
	position: unset;
}

#pk_flex_content .flex_layout.img_swiper .swiper-wrapper-container .swiper_controls .swiper-pagination .swiper-pagination-bullet-active {
	background: white;	
}

#pk_flex_content .flex_layout.img_swiper .swiper-wrapper-container .swiper_controls .swiper-pagination .swiper-pagination-bullet {
	margin-inline: 10px	
}


#pk_flex_content .flex_layout.img_swiper .swiper-wrapper-container .swiper_button_wrapper {
	display: flex;
	gap: 1.5rem;
}


#pk_flex_content .flex_layout.img_swiper .swiper_button_wrapper .custom-button-next, 
#pk_flex_content .flex_layout.img_swiper .swiper_button_wrapper .custom-button-prev {
	background-color: var(--velvet); 
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
}


#pk_flex_content .flex_layout.img_swiper .swiper_button_wrapper .custom-button-next:hover .custom-navigation-icon {
	transform: translateX(10px);
	transition: all ease 0.5s;
}
#pk_flex_content .flex_layout.img_swiper .swiper_button_wrapper .custom-button-prev:hover .custom-navigation-icon {
	transform: translateX(-10px);
	transition: all ease 0.5s;
}


#pk_flex_content .flex_layout.img_swiper .swiper_button_wrapper .custom-button-next .custom-navigation-icon,
#pk_flex_content .flex_layout.img_swiper .swiper_button_wrapper .custom-button-prev .custom-navigation-icon {
  font-family: 'Material Symbols Outlined';
  font-size: 36px; 
  font-variation-settings:
  'FILL' 0,
  'wght' 100,
  'GRAD' 0,
  'opsz' 36;
  transition: all ease 0.5s;
}


#pk_flex_content .flex_layout.img_swiper .swiper_button_wrapper .custom-button-next.swiper-button-disabled {
	color: var(--rood);
}


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

.flex_layout.img_swiper .swiper-wrapper-container {
  position: relative;
  max-width: 90vw;
}

.flex_layout.img_swiper .swiper-slide  {
  aspect-ratio: 9/16;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-height: 70vh;
  max-width: 90vw;
  border-radius: 10px;
  position: relative;
  display: flex;
  transition: all ease 0.5s;
  }
  
  .flex_layout.img_swiper .swiper-slide img {
	width: 100%;
	height: 100%; 
	min-width: 100%;
	 min-height: 100%;
	object-fit: cover;
	display: block;
	position: relative;
	z-index: 1;
	transition: all ease 0.5s;
  }
  
  .flex_layout.img_swiper .slide-content-overlay {
    margin: 10px;
    max-width: 100%
  }
  
  .flex_layout.img_swiper .swiper-slide.swiper-slide-next,
  .flex_layout.img_swiper .swiper-slide.swiper-slide-prev {
  transform: none;
	transition: all ease 0.5s;
	}
  
  .flex_layout.img_swiper .swiper-slide.swiper-slide-next img,
  .flex_layout.img_swiper .swiper-slide.swiper-slide-prev img {
  transform: none;
	transition: all ease 0.5s;
  }
  


}