.main-content{
	padding-bottom:10%;
}
.main-content img.banner,
.main-content img.mobile-banner{width:100%}
.main-content img.mobile-banner{display:none !important}

.description-advantages{margin-top:40px}
.description-advantages h2{font-size:48px;margin:0 0 10px;color:var(--primary-color)}
.description-advantages p{color:var(--secondary-color);margin:30px 0;font-size:var(--font-big)}
.section-sub-title{font-size:32px;margin:0 0 20px;color:#66B1CF}

.description-advantages .advantages{overflow:hidden;margin:50px 0 80px}

.description-advantages .advantages .advantages-list{float:left;width:54%}
.description-advantages .advantages .slogan{float:left;width:44%}
.description-advantages .advantages .advantages-list{margin-right:1%}
.description-advantages .advantages .slogan{margin-left:1%}

.description-advantages .advantages h3{margin-bottom:10px}
.description-advantages .advantages ul{padding-left:0;margin-top:0;list-style:none}
.description-advantages .advantages ul > li{margin-bottom:10px}
.description-advantages .advantages ul > li img{display:inline-block;vertical-align:middle;margin-right:5px}
.description-advantages .advantages ul > li span{color:var(--secondary-color);font-size:22px}
.description-advantages .slogan{}
.description-advantages .slogan img.mobile-img{display:none !important}
.description-advantages .slogan #slogan-bubble {
	font-size: 22px;
	color: white;
	position: relative;
	background: #66B1CF;
	padding: 30px 25px;
	line-height: 2;
}

.description-advantages .slogan #slogan-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 60px;
	width: 0;
	height: 0;
	border: 39px solid transparent;
	border-top-color: #66B1CF;
	border-bottom: 0;
	border-left: 0;
	margin-left: -19.5px;
	margin-bottom: -39px;
}

.mix-designs{}
.mix-designs h3{margin-bottom:5px}
.mix-designs p{margin-top:5px;margin-bottom:80px}
.mix-designs img{width:80%;margin:0 auto}
.mix-designs img.mobile-img{display:none !important}

.mid-banner{background-color:#66B1CF;padding:80px 10px;margin:100px 0}
.mid-banner h2{text-align:center;margin-bottom:30px;font-size:40px;margin-top:0}
.mid-banner p{margin:5px 0;line-height:1.6;font-size:var(--font-large);color:white}

.products-list{}
.products-list h3{text-align:center;font-size:40px;display:flex;align-items:center;justify-content:center;margin:60px 0 30px}
.products-list h3 > span.prd-brief{font-size:var(--font-medium);padding:5px;text-align:center;border:2px solid var(--primary-color);border-radius:5px;display:inline-block;margin-left:10px}
.products{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;margin-top:30px}
.products#carbamazepine-products{}

.product {
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
}

.product a {
	width: 380px;
	display: block;
	position: relative;
	text-decoration: none;
	color: inherit;
}

.product .img-container {
	width: 100%;
	padding-top: 350px;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
}
.product .img-container img{position:absolute;top:0;left:0;object-fit:cover;width:100%;height:100%;}

.product p {
	margin: 10px 0 0;
	font-size: var(--font-large);
	text-align: center;
}

.product .more-overlay {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(149, 171, 201, 0.8);
    color: white;
    text-align: center;
    padding: 18px 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 16px;
    pointer-events: none;
    border-radius: 0 0 20px 20px;
    letter-spacing: 1.2px;
}

.product a:hover .more-overlay{opacity:1}

.inline-products h3{margin-bottom:30px}
.inline-products .product{flex:0 0 calc((100% - 100px) / 2)}
.inline-products .product a{width:380px;margin:0 auto}

.documents-swiper{background-color:var(--primary-color);margin-top:100px;padding-top:80px;padding-bottom:100px}
.documents-swiper .container{position:relative}
.documents-swiper .swiper{margin:0 auto;width:800px}
.documents-swiper .swiper.mobile-swiper{display:none}
.documents-swiper .swiper .swiper-wrapper{}
.documents-swiper .swiper img{width:100%}

.documents-swiper .button-prev{position:absolute;top:50%;transform:translateY(-50%);left:10%}
.documents-swiper .button-next{position:absolute;top:50%;transform:translateY(-50%);right:10%}
.documents-swiper .button-prev img,
.documents-swiper .button-next img{width:80px}

@media screen and (max-width:1260px){
	.documents-swiper .swiper{width:650px}
	.documents-swiper .button-prev img, .documents-swiper .button-next img{width:60px}
	.documents-swiper .button-prev{left:80px}
	.documents-swiper .button-next{right:80px}
}

@media screen and (max-width:1150px){
	.inline-products h3.section-sub-title{flex-direction:row;flex-wrap:wrap}
	.inline-products h3 > span.prd-brief{display:block;margin-top:3px;width:100%}
}

@media screen and (max-width:991px){
	.description-advantages .advantages .advantages-list{width:100%;margin-right:0;margin-bottom:50px}
	.description-advantages .advantages .slogan{width:100%;margin-left:0}
	.description-advantages .slogan #slogan-bubble:after {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 20%;
	    width: 0;
	    height: 0;
	    border: 39px solid transparent;
	    border-bottom-color: #66B1CF;
	    border-top: 0;
	    border-left: 0;
	    margin-left: -19.5px;
	    margin-top: -39px;
	}
	.description-advantages .advantages{margin-bottom:40px}

	.inline-products .product{flex:none;width:calc(50% - 20px)}
	.product{width:calc(50% - 20px)}

	.inline-products .product a,
	.product a{width:auto}
	.product .img-container{padding-top:0}
	.product .img-container img{position:static;height:auto;display:block}

	.documents-swiper .swiper{width:600px}
	.documents-swiper .button-prev{left:15px}
	.documents-swiper .button-next{right:15px}

	.mix-designs img{display:none !important}
	.mix-designs img.mobile-img{display:block !important;width:80%;max-width:500px}

	.description-advantages .slogan #slogan-bubble{display:none}
	.description-advantages .slogan img.mobile-img{display:block !important;width:100%}
}

@media screen and (max-width:768px){
	.mid-banner{padding:40px 10px}

	.documents-swiper .swiper{width:80%}
	.main-content{padding-bottom:20%}

	.main-content img.banner{display:none !important}
	.main-content img.mobile-banner{display:block !important}
}

@media screen and (max-width:600px){
	.inline-products .product,
	.product{width:100%}
	.documents-swiper .button-prev img, .documents-swiper .button-next img{width:40px}

	.documents-swiper .swiper{display:none}
	.documents-swiper .swiper.mobile-swiper{display:block}

	.main-content{padding-bottom:30%}

	.products-list h3.section-sub-title{flex-direction:row;flex-wrap:wrap}
	.products-list h3 > span.prd-brief{display:block;margin-top:3px;width:100%;margin-left:0}
}