/* #main-banner-slider {*/
/*width: 100%;*/
/*height: 400px;*/
/*background-color: #f4f4f4;*/
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
/*font-size: 24px;*/
/*color: #333;*/
/*} */



.icon-wrap .icon-box img {
width: 50px;
}



/* home banner style starts */

.-mt-200 {
margin-top: -200px;
}


.pt-0 {
padding-top: 0 !important;
}

.testimonial-text-custom {
    max-width:880px !important;
}


.pb-200 {
padding-bottom: 200px !important;
}

#video-embed {
display: none;
position: relative;
width: 100%;
width: 100%;
padding-bottom: 56.25%;
}

#video-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




#video-banner {
display: none; /* Hide the banner completely */
}

#video-embed {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
}

iframe {
width: 100%;
height: 100%;
}


#video-banner {
position: relative;
width: 100%;
width: 100%;
cursor: pointer;
}

#video-banner>img {
width: 100%;
display: block;
}


.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
border-radius: 100%;
font-size: 40px;

background-color: rgba(255, 255, 255, 0.8);
display: flex;
align-items: center;
justify-content: center;
}

/* home banner style ends*/


/* Carousel ------------------ style start*/

.carousel-container {
width: 100%;
overflow: hidden;
padding: 20px 0;
}

.carousel-track {
display: flex;
/* gap: 30px !important; */
}

.carousel-card {
width: 300px !important;
height: 400px !important;
overflow: hidden;
border: 2px solid var(--red);
margin: 0 26px;
}

.carousel-card img {
width: 100%;
height: 100%;
object-fit: cover;
}

@media(max-width:434px) {
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
border-radius: 100%;
font-size: 20px;
background-color: rgba(255, 255, 255, 0.8);
display: flex;
align-items: center;
justify-content: center;
}

.pb-200 {
padding-bottom: 100px !important;
}

}

/* Carousel ------------------ style end */