/*-----------------------------------------------------------------------------
		SWIPER updated-2026
------------------------------------------------------------------------------*/	

/*=================================================================
	PAGES:
	index, rich-menu, flex-message
==================================================================*/	

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


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

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

.swiper-slide {
    text-align: center;
    display: block;
	padding-top: 0;
    width: 100%;
	background:#f5f5f7;
  	margin: 0;
	box-sizing: border-box;
	border-radius: 20px;
}


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


/*-- swiper buttons --*/
.swiper-button-next {
	position: absolute;
	top:60%;
	right:2%;
	color: var(--primary_color_dark);
}

  
.swiper-button-prev {
  	position: absolute;
  	top: 60%;
	left:2%;
  	color: var(--primary_color_dark);
}


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

/*-- swiper slides --*/
.swiper-slide h3 {
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0;
	font-weight: 500;
}

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

}


/*------ Links -----*/
.swiper-slide a:link {
	text-decoration: none;
	background-color: transparent;
	color: var(--blue_link_color); 
	font-weight:400;
	font-size:90%;
}

.swiper-slide a:hover {
	text-decoration: underline;
}

.swiper-slide a:visited{
	color: var(--blue_link_color); 
	text-decoration: none;
	font-weight:400;
}


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

/* index & cases page iframe */
.swiper-frame {
	border:none; 
	width :100%; 
	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%; 
		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%; 
		overflow:hidden;
	}

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

} 



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

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

	/* 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: 60%;
		height: fit-content;
	} 
	
	.swiper-frame {
		border:none; 
		width :100%; 
		overflow:hidden;
	}

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

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

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

}


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

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


	/* index & cases page iframe */
	.swiper-frame {
		border:none; 
		width :100%; 
		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: 2px;
	}
	

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

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

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

}