/*
Theme Name: hello-elementor Child
Theme URI: http://example.com/twentytwentytwo-child
Description: hello-elementor Child Theme
Author: Ton Nom
Author URI: http://example.com
Template: hello-elementor
Version: 1.0.0
*/

#bannerId .swiper-wrapper .swiper-slide img , .swiper-wrapper .swiper-slide video {
	height: calc(100vh - 112px) !important;
	object-fit: cover;
}

#bannerId .swiper-slide h1 {
	font-size: 3rem;
	padding-bottom: 20px;
}
#bannerId .swiper-slide h2 {
	font-size: 2.7rem;
	padding-bottom: 20px;
}

#bannerId .swiper-slide p {
	font-size: 2rem;
	padding-bottom: 20px;
}

body {
	overflow-x: hidden !important;
}
 .swiper-container .swiper-button-next , .swiper-container .swiper-button-prev {
	color: #FFFFFF;
}

 .swiper-container .swiper-button-next:hover , .swiper-container .swiper-button-prev:hover {
	color: #FF3E00;
}

#bannerId .swiper-pagination-bullet {
	background:#FFFFFF !important;
	opacity: 0.7 !important;
}

#bannerId .swiper-pagination-bullet-active {
	background-color:#FF3E00 !important;
	opacity: 1 !important;
}

#bannerId .swiper-slide a {
	color: #fff;
    background: #ff3e00;
    padding: 10px 15px;
    font-size: 1.1rem;
    border-radius: 20px;
    border: 2px #ff3e00 solid;
    transition: 0.3s ease-in-out;
	text-decoration: none ;
}
#bannerId .swiper-slide a:hover {
	color: #ff3e00;
    background: #fff;
    transition: 0.3s ease-in-out;
}
#workshop-home .swiper-slide img {
	width: 22vw;
    object-fit: cover;
    max-width: 340px;
	overflow:hidden;
	position:relative
}

.elementor-22 .elementor-element.elementor-element-fc99c9b .elementor-swiper-button.elementor-swiper-button-prev svg:hover, .elementor-22 .elementor-element.elementor-element-fc99c9b .elementor-swiper-button.elementor-swiper-button-next svg:hover {
	fill: #ff3e00;
}

.workshops-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: auto;
}

.workshop-item {
    display: flex;
    align-items: center;
    gap: 20px;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 20px !important;
}

.workshop-image {
    width: 50%;
}

.workshop-image img {
    width: 100%;
    height: auto;
    border-radius: 20px !important;
	max-height: 65vh;
    object-fit: cover;
}

.workshop-content {
    width: 50%;
}

.workshop-description {
    margin-bottom: 10px;
}

.workshop-button {
    display: inline-block;
    color: #fff;
    background: #ff3e00;
    padding: 10px 15px;
    border-radius: 20px;
    border: 2px #ff3e00 solid;
    transition: 0.3s ease-in-out;
}

.workshop-button:hover {
	color: #ff3e00;
    background: #fff;
    transition: 0.3s ease-in-out;
}

.workshop-soldout {
    display: inline-block;
    padding: 10px 20px;
    background: #dc3545;
    color: #fff;
    border-radius: 20px;
}