#flavor{
	overflow-x: clip;
}

.flavor-netflix{
	overflow:hidden;
}

video::-webkit-media-controls {
  display: none;
}

video {
  pointer-events: none;
}

.chill9000-benefit__text-mobile,
.chill-banner__mobile,
.chill-metabox__img-mobile{
	display:none;
}


#flavor section {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#flavor .zoom-in h2,
#flavor .mobile-zoom h2 {
  font-size: 24px;
  background: -webkit-linear-gradient(360deg, rgba(246, 79, 89, 0.50) 0%, #F64F59 28.13%, #C471ED 51.04%, #12C2E9 72.40%, rgba(18, 194, 233, 0.50) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.flavor-fruits img{
	width:100%;
}

#flavor-category{
	margin-top:106px;
	margin-bottom:80px;
}

#flavor-category .category-description__row{
	justify-content:space-between;
	gap:22px;
}

#flavor-category .category-description__card {
    width: 302px;
}	

.chill-metabox{
	margin-top: 80px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.chill-metabox__text p{
	max-width:519px;
	margin-bottom:15px;
}

.chill-metabox__text h2{
	font-size: 48px !important;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	color:#38343A !important;
}

.chill-metabox__text p{
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 31.2px */
}

.chill-metabox__text h2 span{
	display:block;
	margin-top:-10px;
	background: -webkit-linear-gradient(360deg, rgba(246, 79, 89, 0.50) 0%, #F64F59 28.13%, #C471ED 51.04%, #12C2E9 72.40%, rgba(18, 194, 233, 0.50) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.chill-metabox__img {
    position: relative;
    left: 190px;
}

.chill-banner{
	margin-bottom:100px;
}

.chill-banner img{
	width:100%;
}

.chill9000-benefit{
	display:flex;
	gap:120px;
}

.chill9000-benefit__img{
	width:424px;
}


.chill9000-benefit__text h4 {
    font-family: Poppins;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* margin: 10px; */
    text-transform: uppercase;
    margin-bottom: 30px;
}

.chill9000-benefit__text p{
	max-width:411px;
	text-overflow: ellipsis;
	whitespace: nowrap;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.48px;
}

.chill9000-benefit.right-benefit{
	text-align:right;
	width:fit-content;
	margin-left:auto;
}

.chill9000-benefit.right-benefit p{
	max-width:458px;
}


.chill9000-benefits{
	margin-bottom:130px;
}

/* 
	chill slider
 */


#flavor-slider .swiper-slide{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
}


#flavor-slider .bg-slider-img{
	position:absolute;
	z-index:1;
}

#flavor-slider .swiper-slide img:nth-child(2){
	z-index:2;
	transform:scale(.8);
	transition: transform .5s ease-in-out;
}

#flavor-slider .swiper-slide-active img:nth-child(2){
	transform:scale(1.1);
	transition: transform .5s ease-in-out;
}

@media screen and (max-width:1440px){
	#flavor-slider .swiper-slide img:nth-child(2) {
		transform: scale(0.7);
	}

	#flavor-slider .swiper-slide-active img:nth-child(2){
		transform:scale(.9);
	}

	#flavor-slider .bg-slider-img {
		width: 420px;
	}

	.chill-metabox__text p {
		font-size: 20px;
	}

	#flavor-category .category-description__card {
		width: 23%;
	}

	.chill-metabox__img {
		position: relative;
		left: 140px;
	}

	.chill9000-benefit__text p {
		font-size: 20px;
	}
}

@media screen and (max-width:1024px){
	#flavor-category .category-description__card-text {
		padding: 20px 15px 20px 0;
	}	

	.chill-metabox__text {
		width: 40%;
	}

	.chill-metabox {
		justify-content: space-evenly;
	}
	
	.chill-metabox__img {
		width: 40%;
		left: -30px;
	}
	.chill-metabox__img img{
		width:100%;
		height:auto;
	}

	#flavor-slider .swiper-slide img:nth-child(2) {
		transform: scale(0.4);
	}

	#flavor-slider .swiper-slide-active img:nth-child(2){
		transform:scale(.6);
	}

	#flavor-slider .bg-slider-img {
		width: 320px;
	}

	.chill9000-benefit__text p {
		font-size: 16px;
	}

	.chill9000-benefit {
		display: flex;
		gap: 60px;
		justify-content: space-evenly;
	}

	.chill9000-benefit.right-benefit {
		margin: auto;
	}
}

@media screen and (max-width:768px){
	#flavor .mobile-zoom {
		height: auto;
	}

	#flavor-category .category-description__card {
		width: 48%;
	}

	#flavor-category {
		margin-top: 50px;
		margin-bottom: 0px;
	}

	#flavor-category .category-description__card-text {
		padding: 20px 15px 20px 30px;
	}

	.chill-metabox__img-desktop{
		display:none;
	}
	.chill-metabox__img-mobile{
		display:block;
	}
	.chill-metabox {
		display: block;
	}
	.chill-metabox__text {
		width: 100%;
	}
	.chill-metabox__img {
		width: 100%;
		left: 0;
	}
	.chill-metabox__text p {
		max-width: 100%;
		margin-bottom: 15px;
		font-size:13px;
	}
	.chill-metabox__img img {
		width: 80%;
		height: auto;
		margin: 0 auto;
	}
	#flavor-slider .swiper-slide img:nth-child(2) {
		transform: scale(0.2);
	}
	#flavor-slider .swiper-slide-active img:nth-child(2){
		transform:scale(.6);
	}
	.chill-banner__desktop{
		display:none;
	}
	.chill-banner__mobile{
		display:block;
	}
	.chill9000-benefit__text-desktop{
		display:none;
	}
	.chill9000-benefit {
		display: flex;
		gap: 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.chill9000-benefit__text-mobile{
		display:block;
		margin:0;
		color: var(--38343-a, #38343A);
		text-align: center;
		font-family: Poppins;
		font-size: 24px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		text-transform: uppercase;
	}
	.chill9000-benefit__text h4 {
		margin-bottom:0;
	}
	.chill9000-benefit__img {
		max-width: 218px;
		width: 100%;
	}
	.chill9000-benefit__img img{
		width:100%;
		height:auto;
	}
	.chill9000-benefits {
		margin-bottom: 50px;
		display: flex;
		flex-direction: column;
		gap: 70px;
	}
	.chill9000-benefit__text p {
		font-size: 13px;
		text-align: center;
	}
	.chill9000-benefits {
		gap: 30px;
	}
	.chill9000-benefit.right-benefit p {
		max-width: 308px;
	}
	.chill-metabox__text h2 {
		font-size: 24px !important;
		font-style: normal;
		font-weight: 700;
		text-align:center;
		text-transform: uppercase;
		color: #38343A !important;
		margin: 0px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:440px){
	#flavor .mobile-zoom h2 {
		font-size: 5vw;
	}

	#flavor-category .category-description__card {
		width: 100%;
	}
	#flavor-category .category-description__card-text {
		justify-content: space-between;
	}
	#flavor-category .category-description__card-title {
    	justify-content: flex-start;
		padding-left: 26px;
	}
	#flavor-slider .swiper-slide-active img:nth-child(2){
		transform:scale(.4);
	}
	#flavor-slider .bg-slider-img {
		width: 220px;
	}
	div#flavor-slider {
		max-height: 490px;
		overflow: hidden;
	}
	#flavor-slider .swiper-slide {
		height: 380px;
	}
	.chill-banner {
		margin-bottom: 50px;
	}
}