/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * 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.
 */


.container{
	max-width: 1320px;
	margin: 0 auto !important;
	padding: 0 20px !important;
}
.invert-img img{
	filter: brightness(0) invert(1);
}
.elementskit-nav-logo img{
	filter: brightness(0) invert(1);
}
.main-header{
	backdrop-filter: blur(40px);
}
.custom-gallery .gallery-item img{
/* 	height: 500px; */
	object-fit: cover;
	aspect-ratio: 1 / 1.3;
}
.about-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 24px;
}

.about-img img {
    width: 100%;
    display: block;
    border-radius: 24px;
    transform: scale(1);
    animation: floatImage 5s ease-in-out infinite;
    transition: transform 0.5s ease;
    box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}

/* Glow effect */
.about-img::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: linear-gradient(135deg, #ff7b00, #ff00cc, #00cfff);
    z-index: -1;
    filter: blur(25px);
    opacity: 0.7;
    animation: glowRotate 6s linear infinite;
}

/* Hover zoom */
.about-img:hover img {
    transform: scale(1.05);
}

/* Floating animation */
@keyframes floatImage {
    0% {
        transform: translateY(0px) scale(1);
    }
    50% {
        transform: translateY(-12px) scale(1.02);
    }
    100% {
        transform: translateY(0px) scale(1);
    }
}

/* Glow rotation */
@keyframes glowRotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.glass-card .music_player_left {
	border-radius: 40px 0 0 40px;
}
.glass-card .music_player_right {
	border-radius: 0 40px 40px 0;
}
.glass-card .swp_player_button{
	background: #1db954 !important;
	border-color: #1db954 !important;
}
.glass-card .play_icon i{
	    color: #ddb8ff !important;
}
.glass-card .swp_music_player_entry{
	border: 1px solid transparent;
	border-radius: 10px;
}
.glass-card .swp_music_player_entry:hover{
	border: 1px solid #ddb8ff33;
	border-radius: 10px !important;
}
.glass-card .swp_player_content.controls_on_right{
	padding: 20px !important;
}
.single-feature-post{
	max-width: fit-content !important;
}
.blog-content h3{
	display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.custom-video {
	border-radius: 15px !important;
}
.custom-video .elementor-custom-embed-image-overlay{
    background-color: #00000070;
    background-blend-mode: multiply;
    border-radius: 15px !important;
}
.custom-gallery .gallery-item{
	overflow: hidden;
	border-radius: 15px;
}
.custom-gallery .gallery-item img{
	transform: scale(1.0);
	transition: all 600ms;
}
.custom-gallery .gallery-item:hover img{
	transform: scale(1.04);
}
.glass-card .music_player_left{
	width: 0;
}
.glass-card  .music_player_right{
	width: 100%;
	height: auto !important;
}
.swp_player_bottom {
    height: 75px;
    position: relative !important;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}
.swp_player_content{
	height: 100% !important;
}


@media only screen and (max-width: 767px){
	.glass-card .music_player_left {
		border-radius: 30px;
		height: 360px !important;
	}
	.swp_music_player_entry {
		padding: 0 !important;
	}
}