/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */

.hidden-section {
  display: none; /* hide all by default */
}
.active-section {
  display: block; /* shown when active */
}
.img-trigger-1,.img-trigger-2,.img-trigger-3,.img-trigger-4,.img-trigger-5{
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
	cursor:pointer;
	
  transition: all 0.6s ease;
}
.img-trigger-1:hover,.img-trigger-2:hover,.img-trigger-3:hover,.img-trigger-4:hover,.img-trigger-5:hover{
	 box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
	transform: scale(1.1) rotateY(-15deg);
	border-radius:30px;
}
.active-trigger {
	border-radius:30px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;/* example: highlight active image */
  opacity: 0.8;
}
.off-set-slider .swiper-slide-active{
	padding:20px;
	border-radius:30px;
	background-color:#e3e3e3;
	box-shadow: rgba(555,555, 55, 0.02) 0px 7px 10px 0px;/* example: highlight active image */
  
}
/* Base line */
.shiny-divider {
  position: relative;
  width: 100%;       /* full width */
  height: 7px;       /* line thickness */
  background:#3A3734;  /* base line color */
  overflow: hidden;
}

/* Shiny light beam */
.shiny-divider::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;   /* start off screen */
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.9), transparent);
  animation: shineMove 2s linear infinite;
}

@keyframes shineMove {
  0%   { left: -50%; }
  100% { left: 100%; }
}


@media (max-width:1024px){
	.banner-lady{
		position:relative!important;
	}
}
@media (max-width:767px){
	.off-set-slider .swiper-slide,
  .swiper-slide > .elementor-widget-wrap {
    height: auto !important;
  }
	.hidden-section {
  display: block; /* hide all by default */
}
}