.engaging-section1{
background: url(../images/engaging-section1.png) center top no-repeat;
	background-size: cover;
	padding: 30px 0px 0 0;
	overflow: hidden;
}
.engaging-section2{

background: url(../images/engaging-section2.png) center top no-repeat;
	background-size: cover;
padding: 30px 0px 30px 0;
overflow: hidden;
}
.engaging-section3{
background: url(../images/engaging-section3.png) no-repeat center top;
	background-size: cover;
	padding: 30px 0px 30px 0;
}

@media (min-width:768px) {
	.engaging-section1{
background: url(../images/engaging-section1.png) center top no-repeat;
	background-size: cover;
		padding: 80px 0px 0 0;
	}
	.engaging-section2{

background: url(../images/engaging-section2.png) center top no-repeat;
	background-size: cover;
	padding: 80px 0px 80px 0;
overflow: hidden;
}
}

.stunning-block{

background-color: rgb(255 255 255 / 10%);
    box-shadow: 0px 32px 38px 0px rgb(0 0 0 / 21%);

    border-width: 1px;
    border-color: rgb(255 255 255 / 12%);
    border-style: solid;
    border-radius: 10px;
	padding: 30px 50px;

  }

.real-section {
	background: #fff url(../images/real-section.png) center bottom no-repeat;
	background-size: cover;
	padding: 30px 0px;

}

.image-box .arro-image {
	z-index: 1;
}
@media (min-width:1200px) {
	.image-box .arro-image {
		position: absolute;
		left: -90px;
		top: -80px;
		z-index: 1;
	}
}

@media (max-width:1200px) {
	.image-box .arro-image {
		position: absolute;
		left: -90px;
		top: -80px;

	}
}

@media (max-width: 1024px) {
	.image-box .arro-image {
		position: absolute;
		left: -90px;
		top: -80px;
		width: 75%;
	}
}

@media (max-width:991px) {
	.image-box .arro-image {
		position: absolute;
		left: -90px;
		top: -80px;

	}
}

@media (max-width:768px) {
	.image-box .arro-image {
		position: absolute;
		left: -60px;
		top: -55px;
		width: 75%;

	}
}

@media (max-width:767px) {

	.image-box {
		display: none;

	}
}

@media (min-width:768px) {
	.real-section {

		padding: 70px 0px;
	}
}

@media only screen and (max-width: 360px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 768px) {
}

@media (max-width: 576px) {
}

@media only screen and (max-width:400px) {
}

.bg {
	background: linear-gradient(90deg, #018F2C 0%, #00999026 26.5%, #00999000 100%);
	background: linear-gradient(90deg, #018F2C 0.01%, #018F2C82 41%, #0099902b 68%, #002B9900 99.99%);
	z-index: -1;
	display: flex;
	align-items: center;
	border-radius: 20px 0px 0px 20px;
	color: #fff;
}

@media (min-width: 991px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {




}


@media (max-width: 400px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width:400px) {
}

ul.features-td-list {
	margin: 0px;
	padding: 0px;
  }
  ul.features-td-list li {
	list-style: none;
	background: url(../images/features-td-list.png) center left no-repeat;
	  background-position-x: left;
	  background-position-y: center;
	min-height: 46px;
	padding-left: 55px;
	background-position: 0px 3px;

	margin-bottom: 20px;
  }


  .video-bgs {
	background-color: rgb(255 255 255 / 10%);
  box-shadow: 0px 32px 38px 0px rgb(0 0 0 / 21%);
  padding: 2.4%;
  border-width: 1px;
  border-color: rgb(255 255 255 / 12%);
  border-style: solid;
  border-radius: 10px;

  }

  


.top-block.fill {
	border: 1px solid rgb(88, 0, 255);
	background-color: rgb(88, 0, 255);
    
    box-shadow: 0px 10px 40px 0px rgba(66, 22, 150, 0.1);
  }
  @media (min-width: 768px) {
  }