/* 
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
*/

#clients-logo-carousel{
	overflow:hidden !important;
}

#how-galery .elementor-image-gallery .gallery-item{
	overflow:hidden;
	background-color:#333
}

#how-galery .elementor-image-gallery .gallery-item img{ 
	height: 339.15px;
	transform:scale(1.4);
	opacity: 0.5;
	transition: all .5s ease
}
#how-galery .elementor-image-gallery .gallery-item img:hover{ 
	transform:scale(1);
	opacity: 1;
}

.border-btn a{
  color: #fff;
  position: relative;
  padding: 10px 30px;
  border: none;
  cursor: pointer;
}

.border-btn a::after,
.border-btn a::before {
  content: "";
  display: block;
  position: absolute;
  width: 20%;
  height: 20%;
  border: 2px solid;
  transition: all 0.6s ease;
  border-radius: 2px;
}

.border-btn a::after {
  bottom: 0;
  right: 0;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: #fff;
  border-right-color: #fff;
}

.border-btn a::before {
  top: 0;
  left: 0%;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: #fff;
  border-left-color: #fff;
}

.border-btn a:hover:after {
  border-bottom-color: #da2924;
  border-right-color: #da2924;
}

.border-btn a:hover:before {
  border-top-color: #da2924;
  border-left-color: #da2924;
}

.border-btn a:hover:after,
.border-btn a:hover:before {
  width: 105%;
  height: 115%;
}

.border-btn a:hover {
  color: #da2924 !important;
}

#contact-mail a {
	text-decoration: none !important;
}

#contact-mail a:hover {
	color: #B52A2C;

}

#products-homepage .elementor-container.elementor-column-gap-default{
	display:flex;
	justify-content:center;
}

@media only screen and (max-width: 1024px) {
	
	#rotate-div{
		order: 2 !important;
	}
}

@media only screen and (max-width: 767px) {
	#mobile-nav {
		display:flex; 
		justify-content: end;
	}
	
}