/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1759128144
Updated: 2025-09-29 06:42:24

*/
.main-header{
    position: absolute;
    top: 0;
}
p {
    margin-bottom: 0px !important;
}
.music-waves {
    width: 569px;
    object-fit: contain;
    height: 105px;
}
.deensimc-img-wrapper {
    & .deensimc-img {
        img {
            object-fit: contain;
        }
    }
}
.deensimc-marquee-main-container.deensimc-image-marquee.deensimc-marquee-vertical {
    padding: 2px;
}
.catalog-card {
    background: #000;
    color: #fff;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column;
/* 	 width: 340px !important; */
    padding: 16px;
	height:460px!important;
    border: 1px solid #CCCCCC33;
}
.catalog-track {
  display: flex;
  gap: 20px; /* space between slides */
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none; /* Firefox */
}
.catalog-track::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}
.catalog-links a img.social-icon {
    width: 22px;
    height: 22px;
    object-fit: contain;
}
.catalog-links a img.social-icon-2 {
    width: 100px;
    height: 16px;
}
.catalog-slide {

    flex: 0 0 calc(25% - 20px);

  box-sizing: border-box;
}
.catalog-carousel {
        position: relative;
        display: flex;
        align-items: center;
    }
  
    .catalog-carousel button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: #e9151d;
        color: #fff;
        border: none;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        cursor: pointer;
        opacity: 0.6;
        z-index: 10;
    }
    .catalog-carousel button:hover {
        opacity: 1;
    }
    .carousel-prev {left: 0px;}
    .carousel-next {right: 20px;}

.catalog-img img {
    max-width: 100%;
    height: 290px;
    object-fit: cover;
    display: block;
    width: 100%;
	  object-position: bottom;
}
.catalog-links a:hover {
    color: #e9151d;
    filter: brightness(0) saturate(100%) invert(13%) sepia(73%) saturate(6679%) hue-rotate(352deg) brightness(95%) contrast(93%);
}
 
.catalog-content {
	padding-top:24px;
	justify-content: space-between !important;
	flex-direction: column;
	display: flex;
	height: 100%;
} 


.catalog-title {
    font-size: 20px;
    /* margin: 5px 0; */
    font-weight: 700;
    text-align: left;
    line-height: 1.2em;
}

.catalog-meta {
    font-size: 1rem;
/*     opacity: 0.8; */
    margin: 5px 0px;
	color:#CCCCCC;
	text-align:left;
}

.catalog-links {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
	    align-items: center;
}

/* .catalog-links img {
    filter: invert(100%);
    transition: transform 0.2s;
}
 */
.catalog-links a:hover img {
    transform: scale(1.2);
}

.swiper-button-next:after, .swiper-button-prev:after {
    color: #bf141c;
    font-size:40px
}

/*-- Youtube Videos ---*/
.yt-video-item a.yt-play-btn img {
 width:100px !important;
 height:100px !important;
 object-fit:contain;
}
.yt-video-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 60px;
    }
    .yt-video-item {
        text-align: center;
        position: relative;
    }
    .yt-video-item img {
    width: 100%;
    border-radius: 8px;
    height: 290px !important;
    object-fit: cover;
}
    .yt-play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
/*         font-size: 40px; */
        color: white;
        text-decoration: none;
        opacity: 0.85;
    }
  
.yt-video-item h3 {
    color: #fff;
    font-family:Helvetica;
font-weight:700;
font-size:22px;
line-height:120%;
text-transform:uppercase;
    text-align:left;
}
.yt-video-item a.yt-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    text-decoration: none;
}

.yt-video-item i.fab.fa-youtube {
    font-size: 24px;   /* controls icon size */
    color: #FF0302;    /* YouTube red */
    display: flex;
    align-items: center;
    justify-content: center;
}
.yt-video-item a.yt-btn p{
    color:#fff;
    font-size:16px;
    font-weight:700;
    line-height:120%;
    text-transform:uppercase;
    letter-spacing:0%;
}
@media (min-width: 2000px) {
    .main-banner {
        max-width: 1440px; /* 👈 example value */
        margin: 0 auto;   /* center align */
    }
}

@media (max-width: 1500px) and (min-width: 1390px) {

/* 	.catalog-card {
   width: 380px !important;  
} */
}
@media(max-width:1400px) and (min-width:1200px){
	.main-banner-img img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}
	.main-banner-img{
    max-height: 100% !important;
    height: 850px !important;
}
	.banner-icons {
    width: 100%;
}
}
 @media (max-width: 1299px) and (min-width: 1200px) {
/* 	 .catalog-track {
        gap: 10px;
    } */
}

/* For devices smaller than 767px */
@media only screen and (max-width: 1024px) {
    .menu-navigation .hfe-nav-menu__toggle.elementor-clickable {
    margin: 0 0 0 auto !important;
}
	.music-waves {
    width: 100%;
    object-fit: cover;
    
}
	.yt-video-item h3 {
    font-size: 18px;
}
	.yt-video-item i.fab.fa-youtube {
    font-size: 20px;
}
.yt-video-item a.yt-btn p{
    font-size:14px;
}
	.yt-video-item a.yt-play-btn img {
 width: 60px;
 height: 60px;
}
	.yt-video-grid {
        grid-template-columns: repeat(2, 1fr);
    }
/* 	.catalog-card {
    width: 410px !important;
} */
/* 	 .catalog-track {
        gap: 50px;
    } */
	 .catalog-slide {
    flex: 0 0 calc(50% - 20px);
  }
}
@media only screen and (max-width: 768px) {
	.yt-video-grid {
        grid-template-columns: repeat(1, 1fr);
    }
	.catalog-img img {
    width: 100%;
    
}

.catalog-item {
    width: 100% !important;
	margin:auto !important;
}

.catalog-title {
    text-align: center;
}

.catalog-meta {
    text-align: center;
}

.catalog-links {
    justify-content: center;
}
/* 		.catalog-card {
    width:310px !important;
} */
	 .catalog-track {
/*         gap: 20px; */
/* 		 justify-content: center;  */
    }
	.catalog-slide {
  flex: 0 0 calc(100% - 1px);
  box-sizing: border-box;
}
	.catalog-carousel button {
    bottom: -40px;
    top: auto !important;
    left: auto;
		 transform: scale(0.6);
}

button.carousel-prev {
    right: 50%;
}

button.carousel-next {
    right: 40%;
}

.catalog-carousel {
    margin-bottom: 30px;
}

.catalog-track {
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 500px) {
/* 		.catalog-card {
    width: 320px !important;
			margin:auto;
} */
		 .catalog-track {
		         margin-left: 25px;
        margin-right: 25px;
        gap: 20px;
/*  		 justify-content: center; */
    }
}