/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor
Author: Triangle Squad
Author URI: https://trianglesquadbd.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/



html, body {
    overflow-x: hidden;
}
.site-header.elementor-global-header, .site-footer.elementor-global-footer {
	max-width: 100% !important;
	padding-block-end: 0 !important;
	padding-block-start: 0 !important;
	padding-inline-end: 0 !important;
    padding-inline-start: 0 !important;
}

/* elementor-widget-text-editor */
.elementor-drop-cap-letter {
	padding: 8px 10px;
	background: var( --e-global-color-primary );
	border-radius: 5px;
	color: #fff;
}

/* Full Image Hover Effect */

.hover_scroll img {
	transition: 1s;
	object-position: top center !important;
}
.hover_scroll:hover img {
	transition: 3s;
    object-position: bottom center !important;
    cursor: pointer;
}


/* Image Slider */
.swiper-slide-image {
	height: 400px !important;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 767px) {
	.swiper-slide-image {
	height: 300px !important;
	}
}
/*============Subtitle circle============*/

.circle .elementor-heading-title::before {
	content: "";
	display: inline-block;
	height: 40px;
	width: 40px;
	background: var( --e-global-color-secondary );
	border-radius: 50%;
	margin-bottom: -15px;
	margin-right: -20px;
}

/*=======Button CSS=========*/

 .elementor-button {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  margin-bottom: -6px;
}

/* Expanding background */
 .elementor-button::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 47px;
  height: 100%;
  background: #fff;
  border-radius: 50px;
  z-index: 0;
  transition: all 0.5s ease;
}

/* Text */
 .elementor-button-text {
  position: relative;
  z-index: 2;
}

/* Icon */
 .elementor-button-icon {
  position: relative;
  z-index: 2;
  transform: translateX(-5px);
  transition: all 0.4s ease;
}
.elementor-button path {
    fill: #fff;
}
/* Hover Effects */
 .elementor-button:hover path {
     fill: var( --e-global-color-accent );
 }
 .elementor-button:hover::before {
  width: 100%;
}
 .elementor-button:hover .elementor-button-icon {
  transform: translateX(0);
}
/* Active */
 .elementor-button:active {
  transform: scale(0.95);
}



/*=======image-hover-effect-shine========*/

.image-hover-effect-shine {
    overflow: hidden;
}
.image-hover-effect-shine::before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  transition: all 0.3s ease;
  z-index: 99;
}
.image-hover-effect-shine:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}