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

.hero-banner-video .elementor-custom-embed-play {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 20px;
	color: #209e5d;
	background-color: #fff;
	border-radius: 50%;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.hero-banner-video .elementor-custom-embed-play i {
	color: #209e5d;
	font-size: 20px;
	text-shadow: none;
}
.hero-banner-video .elementor-custom-embed-play::after{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-shadow: rgb(221, 216, 216) 0px 3px 8px;
	-webkit-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}
.hero-banner-video .elementor-custom-embed-play::before{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-shadow: rgb(221, 216, 216) 0px 3px 8px;
	-webkit-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}


.hero-banner-video .elementor-custom-embed-play:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
  }
  
  .hero-banner-video .elementor-custom-embed-play:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
  }


  @-webkit-keyframes ripple {
    70% {
      box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
    }
  
    100% {
      box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
    }
  }
  
  @keyframes ripple {
    70% {
      box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
    }
  
    100% {
      box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
    }
  }


.our-projects-archive {
	padding: 110px 0px 110px 0px;
}
.single .site-main {
	padding: 110px 0px 110px 0px;
}
.bb_info-item {
	line-height: 355px;
}
.bb_info-content h2 {
	transform: translateY(110px);
}


@media screen and (min-width: 1700px) and (max-width: 1750px) {
	.elementor-59 .elementor-element.elementor-element-7378419 {
	top: -70px;
}
	.elementor-59 .elementor-element.elementor-element-a671ac1 {
	width: var( --container-widget-width, 60% );
	top: -70px;
}
}

@media screen and (min-width: 1600px) and (max-width: 1699px) {
	body:not(.rtl) .elementor-59 .elementor-element.elementor-element-7378419 {
	left: 40px;
}
	.elementor-59 .elementor-element.elementor-element-7378419 {
	top: -110px;
}
	body:not(.rtl) .elementor-59 .elementor-element.elementor-element-a671ac1 {
	left: 220px;
}
	.elementor-59 .elementor-element.elementor-element-a671ac1 {
	top: -110px;
}
	
}

@media screen and (min-width: 1500px) and (max-width: 1599px) {
	body:not(.rtl) .elementor-59 .elementor-element.elementor-element-7378419 {
	left: 50px;
}
	.elementor-59 .elementor-element.elementor-element-7378419 {
	top: -95px;
}
	body:not(.rtl) .elementor-59 .elementor-element.elementor-element-a671ac1 {
	left: 195px;
}
	.elementor-59 .elementor-element.elementor-element-a671ac1 {
	top: -95px;
}
	
}

@media screen and (min-width: 1400px) and (max-width: 1499px) {
	body:not(.rtl) .elementor-59 .elementor-element.elementor-element-7378419 {
	left: 40px;
}
	.elementor-59 .elementor-element.elementor-element-7378419 {
	top: -100px;
}
	body:not(.rtl) .elementor-59 .elementor-element.elementor-element-a671ac1 {
	left: 195px;
}
	.elementor-59 .elementor-element.elementor-element-a671ac1 {
	top: -101px;
}
}
@media screen and (min-width: 1300px) and (max-width: 1399px) {
	body:not(.rtl) .elementor-59 .elementor-element.elementor-element-7378419 {
	left: 20px;
}
	.elementor-59 .elementor-element.elementor-element-7378419 {
	top: -105px;
}
	body:not(.rtl) .elementor-59 .elementor-element.elementor-element-a671ac1 {
	left: 205px;
}
	.elementor-59 .elementor-element.elementor-element-a671ac1 {
	top: -104px;
}
	
}

@media screen and (min-width: 1200px) and (max-width: 1299px) {
	body:not(.rtl) .elementor-59 .elementor-element.elementor-element-7378419 {
	left: 45px;
}
	.elementor-59 .elementor-element.elementor-element-7378419 {
	top: -110px;
}
	body:not(.rtl) .elementor-59 .elementor-element.elementor-element-a671ac1 {
	left: 215px;
}
	.elementor-59 .elementor-element.elementor-element-a671ac1 {
	top: -108px;
}
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
	body:not(.rtl) .elementor-59 .elementor-element.elementor-element-7378419 {
	left: 35px;
}
	.elementor-59 .elementor-element.elementor-element-7378419 {
	top: -100px;
}
	body:not(.rtl) .elementor-59 .elementor-element.elementor-element-a671ac1 {
	left: 210px;
}
	.elementor-59 .elementor-element.elementor-element-a671ac1 {
	width: var( --container-widget-width, 60% );
	max-width: 60%;
	--container-widget-width: 60%;
	--container-widget-flex-grow: 0;
	top: -100px;
}
	
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	body:not(.rtl) .elementor-59 .elementor-element.elementor-element-7378419 {
    left: 60px;
}
.elementor-59 .elementor-element.elementor-element-7378419 {
    top: -210px;
}
body:not(.rtl) .elementor-59 .elementor-element.elementor-element-a671ac1 {
    left: 130px;
}
.elementor-59 .elementor-element.elementor-element-a671ac1 {
    top: -210px;
}
	.bb_info-item {
    width: 230px;
    height: 230px;
}
	.bb_info-content h2 {
    transform: translateY(90px);
}
}

@media screen and (max-width: 767px) {
.bb_info-item {
		width: 150px;
		height: 150px;
		line-height: 170px;
}
.bb_info-content h2 {
	   font-size: 13px;
	   font-weight: 700;
       transform: translateY(60px);

	
}
}