/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
Add your custom styles here
*/

.elementor-message{
	color: white;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: background-color .5s cubic-bezier(0.55, 0.09, 0.68, 0.53), border .36s;
	will-change: background-color;
}

header.scrolled {
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	background: rgba(0, 0, 0, 0.6);
	border-bottom: 1px solid #333;
}

.btnShape .elementor-button,
.btn-solid-white{
	background: #fff;
	color: #000;
	padding: 13px 30px;
	clip-path: polygon(
		10% 0,
		90% 0,
		100% 50%,
		90% 100%,
		10% 100%,
		0 50%
	);
}



.elementor-button{
	text-underline-offset: 8px;
}


.tech-slider .elementor-swiper-button {
	top: 35% !important;
}
.tech-slider .swiper-pagination{
	left: 50% !important;
}
.tech-slider .swiper-pagination-bullet{
	width: 30px !important;
	border-radius: 0px;
	height: 3px !important;
}
.tech-slider .swiper-pagination-bullet:hover{
	background-color: white !important;
}

.tech-slider .elementor-swiper-button-prev{
	left: 18.5rem !important;
}
.tech-slider .elementor-swiper-button-next{
	right: 18.5rem !important;
}



.brands-slider .e-loop-item:hover > div ::before,
.brands-slider .e-loop-item:hover .elementor-widget-image{ 
	opacity: 0 !important;
}

.brands-slider .elementor-loop-container{
	display: flex !important;
}
.brands-slider .e-loop-item{
	flex: 1;
	transition: all .7s ease;
}
.brands-slider .e-loop-item:hover{
	flex: 3;
} 

.brands-slider .elementor-heading-title{
	text-wrap: nowrap;
}

.brands-slider .e-loop-item{
	overflow: hidden;
}
.brands-loop-explore{
	opacity: 0;
}

.brands-slider .e-loop-item:hover .brands-loop-explore{
	opacity: 1;
	transition: all 1s ease;

}

@media screen and (max-width: 1560px){
    .techCustomCon{
        width: 100%;
    }
}

@media screen and (max-width: 1024px){
	header .btnShape a{
		padding: 0px !important;
		background-color: transparent !important;
		clip-path: unset !important;
	}
	.brands-slider .elementor-loop-container {
		display: grid !important;
	}
	.tech-slider .elementor-swiper-button {
		top: 80% !important;
	}

	.hima-custom-banner .banner-pagination {
		width: calc(40% - 30px);
		gap: 8px;
		bottom: 20px;
	}

	.hima-custom-banner {
		height: 70vh;
	}

	.hima-custom-banner .progress-container {
		flex: 1;
	}

	.hima-custom-banner .progress-headline {
		display: none;
	}

	.hima-custom-banner .progress-animation {
		width: 100%;
	}
	.hima-custom-banner .banner-content {
		top: -140px;
	}

	.tech-slider .elementor-swiper-button-next {
		right: 20px !important;
	}
	.tech-slider .elementor-swiper-button-prev {
		left: 20px !important;
	}
}