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


/* Post carousal style */
.uc_image_carousel_placeholder{
    height: 600px !important;
}
.uc_image_carousel_placeholder a:after{
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: 21%;
	top: 0;
	left: 0;
	border-radius: 30px;
}
.uc_image_carousel_placeholder .uc_image_carousel_bg{
	height: 600px !important;
}
.uc_image_carousel_content{
    bottom: -200px;
	transition: all 0.4s ease;
}
.owl-item{
	height: 600px;
	transition: all 0.4s ease;
}
.owl-item:hover .uc_image_carousel_content {
	position: absolute;
	bottom: 0;
	transition: all 0.6s ease;
	background-color: transparent;
	padding: 20px 20px 20px 20px;
	min-height: 0px;
	background-image: linear-gradient(90deg, #D96B2FBF 0%, #D35355 100%);
	border-radius: 0px 0px 25px 25px;
}
.owl-item:hover .uc_image_carousel_placeholder a:after{
   opacity: 40%;
   transition: 0.4s all ease;
}

/************* image-hover-effect ************/
.image-hover-effect{
	position: relative;
}
.image-hover-effect:after,
.image-hover-effect:before{
	border-color: #AB825E7D;
	border-style: solid;
	content: '';
	height: 200px;
	position: absolute;
	width: 200px;
/* 	z-index: -1; */
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
}
.image-hover-effect:before{
	border-width: 2px 0 0 2px;
	left: -20px;
	top: -20px;
}
.image-hover-effect:after{
	border-width: 0 2px 2px 0;
	bottom: -20px;
	right: -20px;
}
.image-hover-effect:hover:before{
	height: 60%;
	width: 60%;
	border-color: var( --e-global-color-primary );
}
.image-hover-effect:hover:after{
	height: 60%;
	width: 60%;
	border-color: var( --e-global-color-primary );
}


/*=====================================================
         Responsive CSS Code
========================================================*/
@media (max-width: 767px) {
  .about-us .images-container .elementor-element.elementor-element-0e2e1b8.elementor-widget.elementor-widget-image {
    width: 59%; 
  }
  .about-us .images-container .elementor-element.elementor-element-ad0bcff.elementor-widget.elementor-widget-image {
		width: 39%;
	}
	.about-us .images-container .elementor-13 .elementor-element.elementor-element-8c9d9f5 img {
		width: 43%;
		display: block;
	}
	.elementor-13 .elementor-element.elementor-element-8c9d9f5 {
		top: 220px;
	}
	.elementor-13 .elementor-element.elementor-element-d8c000c .eael-advance-tabs .eael-tabs-content > div {
		margin: 0px 0px 0px 0px;
	}
	.owl-item{
		height: 300px;
		transition: all 0.4s ease;
		overflow: hidden;
	}
	.elementor-13 .elementor-element.elementor-element-6411793 .owl-carousel .owl-nav .owl-next, .elementor-13 .elementor-element.elementor-element-6411793 .owl-carousel .owl-nav .owl-prev {
		top: 136px;
	}
}