/*-----------------------------------------------------------------------------
		SWIPER updated-2024
------------------------------------------------------------------------------*/	


/*----------------Swiper--------------*/	
:root { 
--swiper-navigation-size: 30px;
}


/*********************
		DESKTOP
**********************/	

.mySwiper{
	display:flex;
	justify-content:center;
    width: 100%;
    height: fit-content;
}


.swiper-slide {
    text-align: center;
    display: block;
	padding-top:20px;
    width: 100%;
	background: var(--div_color_dark);
  	margin: 0;
	box-sizing: border-box;
}


.swiper-slide img {
	display: block;
	width: 100%;
}


/*-- swiper buttons --*/
.swiper-button-next {
	position: absolute;
	top: 50%;
	color: var(--secondary_textcolor);
}

  
.swiper-button-prev {
  position: absolute;
  top: 50%;
  color: var(--secondary_textcolor);
}


.swiper-pagination-bullet {
		 background-color: var(--secondary_textcolor);
	}

/*-- swiper slides --*/
.swiper-slide h3 {
	text-align:center;
	margin:0;
	padding:0;
}

.swiper-slide h4 {
	text-align:center;
	margin:0;
	padding:0;
	font-weight:400;
}

.swiper-slide p {
	margin:0 auto;
	text-align:center;
	padding:0;
	font-weight:400;
}


/*------ Links -----*/
.swiper-slide a:link {
	font-size: 100%; 
	text-decoration: none;
	font-weight: 400;
	background-color: transparent;
	letter-spacing: 0.01em; 
	color: var(--logo_color); 
}

.swiper-slide a:visited{
	color: var(--logo_color); 
	text-decoration: none;
}


/*----------- swiper iframes --------*/

/* index & cases page iframe */
.swiper-frame {
	border:none; 
	width :100%; 
	height:450px; 
	overflow:hidden;
}


/* product page iframe */
.swiper-frame-product{
	border:none; 
	width :100%; 
	height:160px; 
	overflow:hidden;
	
}




/*************************
		Big Monitor
**************************/	
@media screen and (min-width: 1920px){

	.swiper-frame{
		border:none; 
		width :100%; 
		height:620px; 
		overflow:hidden;
	}

	.swiper-frame-product{
		border:none; 
		width :100%; 
		height:220px; 
		overflow:hidden;
		
	}
}


/*************************
		iPad-Pro
**************************/	
@media screen and (max-width: 1024px) {

	.swiper-frame {
		border:none; 
		width :100%; 
		height: 400px; 
		overflow:hidden;
	}

	/* product page iframe */
	.swiper-frame-product{
	border:none; 
	width :100%; 
	height:145px; 
	overflow:hidden;
	
	}	

} 



/*************************
		iPad-Air
**************************/	
@media screen and (max-width: 820px) {

	.swiper-frame {
		border:none; 
		width :100%; 
		height: 320px; 
		overflow:hidden;
	}

	/* product page iframe */
	.swiper-frame-product{
	border:none; 
	width :100%; 
	height:155px; 
	overflow:hidden;
	
	}	

} 


/*************************
		iPad-mini
**************************/	
@media screen and (max-width: 768px) {
    
	.mySwiper {
		display:flex;
		justify-content:center;
		width: 70%;
		height: fit-content;
	} 
	
	.swiper-frame {
		border:none; 
		width :100%; 
		height:400px; 
		overflow:hidden;
	}

	/* product page iframe */
	.swiper-frame-product{
	border:none; 
	width :100%; 
	height:155px; 
	overflow:hidden;
	
	}	
}


/***************************
		iPhone
****************************/	
@media screen and (max-width: 470px) {

	.mySwiper{
		width: 100%;
		
	}
   
	.swiper-frame-product{
		border:none; 
		width :100%; 
		height:110px; 
		overflow:hidden;
		
	}


	/* index & cases page iframe */
	.swiper-frame {
		border:none; 
		width :100%; 
		height:330px; 
		overflow:hidden;
	}

	.swiper-slide h4 {
		text-align:center;
		margin:0 auto;
	}

	.swiper-slide  p {
		margin:0 2%;
		padding:0;
		text-align:center;
		letter-spacing:0;
		margin-bottom:10%;
	}
	

	.swiper-button-next {
		display: none;
	}	

	.swiper-button-prev {
		display: none;
	}

	.swiper-pagination-bullet {
		width:0.4rem;
		height:0.4rem;
   }

}