/* ========== Hero Section ========== */

.hero-section .content-wrapper{
	padding:clamp(32px, 4.5vw, 60px);
	gap: clamp(24px, 3.5vw, 48px);
}


/* ============ Masterclass Section / Bento box ========== */

.bento-box{
	box-shadow:0px 0px 75px 1.25px rgba(0, 0, 0, 0.15);
	border-radius:10px;
	padding:4em 1.5em;
	min-height:240px;
	position:relative;
	overflow:hidden;
	background:var(--red);
	padding-top:2em;
	transition: box-shadow 300ms ease 0s;
}

.bento-box:hover{
	box-shadow: 0px 8px 30px 2px rgba(0, 0, 0, 0.25);
}

.bento-box p{
	font-size:18px;
	font-family:"Work Sans",sans-serif;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	font-weight:700;
	font-size:25px;
	line-height:1.2;
	color:#fff;
}

.bento-box.lg p{
	color:#000;
	font-size:40px
}

.bento-box.lg{
	min-height:500px;
	background:var(--yellow);
}

.bento-box .bento-grid-text p{
	font-family:"Roboto",sans-serif!important;
	font-size:1.05em;
	text-transform:initial;
	font-weight:400;
	font-style:italic;
	letter-spacing:-0.5px;
	line-height:1.5em;
}

@media only screen and (max-width:768px){
	
	.bento-box{
		min-height:160px;
	}
	
	.bento-box p,
	.bento-box.lg p{
		font-size:20px;
	}
	
	.bento-box:after{
		font-size:16px
	}
	
	.bento-box.lg br{
		display:none;
	}
	
	.bento-box.lg{
		min-height:160px;
	}	
	
	.bento-box::after{
		left:1.6em;
	}
	
	.bento-box .bento-grid-text p{
		font-size:16px
	}
	
	
}

@media only screen and (max-width:450px){
	.bento-box,
	.bento-box.lg{
		min-height:220px;
	}
}


/* ============= Stats Box ============ */

/* ***************
 * Stats wrapper
 * ***************/

.stats-box{
	padding:1em;
}

.stats-box .elementor-counter-number,
.stats-box .elementor-counter-number-suffix{
	font-family:"oswald","Work Sans",sans-serif;
	color:var(--yellow);
	font-size:1em!important
}

.stats-box .elementor-counter-title{
	font-family: "Heebo","Work Sans",sans-serif;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	font-weight:500;;
	margin-top:10px;
}

@media only screen and (max-width:992px){
	.stats-box{
		padding:0.5em;
	}
	
	.stats-box .elementor-counter-number,
	.stats-box .elementor-counter-number-suffix{
		font-size:0.6em!important;
	}
	
}

@media only screen and (max-width:768px){
	.stats-box{
		padding:0.25em;
	}
}


/* =========== Before / After Carousel ========= */


.before-after-carousel .swiper-slide{
	position:relative;
}

.before-after-carousel .swiper-slide:nth-child(odd) .swiper-slide-inner,
.before-after-carousel .swiper-slide:nth-child(even) .swiper-slide-inner{
	position:relative;
	z-index:1;
}

.before-after-carousel .swiper-slide .swiper-slide-inner:after{
	background:var(--red);
	color:#fff;
	display:inline-block;
	clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
	text-transform:uppercase;
	font-family:"Heebo",sans-serif;
	font-weight:600;
	position:absolute;
	z-index:2;
	bottom:40px;
	left:0em;
	padding:0.25em 2em 0.25em 1em;
	font-size:1.1em;
}

.before-after-carousel .swiper-slide:nth-child(odd) .swiper-slide-inner:after{
	content : "Before";
}

.before-after-carousel .swiper-slide:nth-child(even) .swiper-slide-inner:after{
	content:"After";
}

.before-after-carousel .swiper-slide{
	border:4px solid var(--red);
	padding:0.5em;
}


@media only screen and (max-width:768px){
	.before-after-carousel .swiper-slide .swiper-slide-inner:after{
		font-size:14px;
	}
}