.section-one, .section-two, .section-three, .section-four, .section-five, .section-six, .section-seven {display: flex; position: relative; border: 0px solid;  padding-top: 4rem; padding-bottom: 4rem;}
.section-one-two-background {
background-image: url(/images/hero-header-home-bg.webp);
background-repeat: no-repeat;
background-size: contain;
}
.section-one { display: none;
	justify-content: flex-start;
	align-items: center;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	padding-bottom: 0; 
}
.hero-image {
	width: 100%;
	background-image: url(/images/hero-header-home.webp);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 8rem;
	padding-bottom: 4rem;
	margin-top: 8%;
}

.section-one-animate {
	justify-content: flex-start;
	align-items: center;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	padding-bottom: 0; 
}


.section-one-animate .section-header {font-size: 2.8rem; line-height: 1; transform: translateY(100px); animation: slideUp .8s ease forwards .5s;}
/* .section-one-animate .heading_new_top_big {width: 80%;} */

.section-one-animate .container {
  display: flex;
  height: 60vh;
  justify-content: space-around;
  align-items: center;
  color: var(--contrast-color);
  animation: expand .8s ease forwards;
  position: relative;
  transition: all .8s ease;
  width: 85%;
  margin: 8% auto 0 auto;
}

.section-one-animate .container_content { width: 50%;}
.section-one-animate .container_content_inner { width: 80%;}
.section-one-animate .container_outer_img { width: 50%; overflow: hidden; animation: slideIn 1.5s ease-in-out forwards;}   	
/* .section-one-animate .container_img { width: 100%; animation: slideIn 1.5s ease-in-out forwards;} */
.section-one-animate .par {	font-family: Libre\ Baskerville, sans-serif; height: auto; overflow: hidden;	margin-top: 0; font-style: italic; margin-bottom: 2rem; font-size: 2.3rem; line-height: 1.4;}
.section-one-animate p{ transform: translateY(300px); animation: slideUp .8s ease-in-out forwards .8s;}
.section-one .btns {height: 100%; position: relative; overflow: hidden;}
.section-one-animate .title { overflow: hidden; height: auto;}
.section-one-animate .btns_more {
  background-color: #f2b544;
  border-radius: 50px;
  padding: 8px 12px;
  color: var(--contrast-color);
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  margin-top: 15px;
  outline: none;
  transform: translateY(50px);
  animation: slideUp .8s ease-in-out  forwards 1s;
}

.fadeIn {animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 4s; -webkit-animation-duration: 4s;}
@keyframes fadeIn {
  from {
	opacity: 0;
  }

  to {
	opacity: 1;
  }
}

@keyframes slideIn {
  0% {
	transform: translateX(500px) scale(.2);
  }
  100% {
	transform: translateX(0px) scale(1);
  }
}

@keyframes slideUp {
  0% {
	transform: translateY(300px);
  }
  100% {
	transform: translateY(0px);
  }
}

@keyframes expand {
  0% {
	transform: translateX(1400px);
  }
  100% {
	transform: translateX(0px);
  }
}

.anim-y li{
  animation: slideUp 0.6s both;
}

.anim-y li:nth-child(2) {
  animation-delay: 0.28s;
}

.anim-y li:nth-child(3) {
  animation-delay: 0.42s;
}

.anim-y li:nth-child(4) {
  animation-delay: 0.56s;
}

.anim-y li:nth-child(5) {
  animation-delay: 0.7s;
}

.anim-y li:nth-child(6) {
  animation-delay: 0.84s;
}

.anim-y li:nth-child(7) {
  animation-delay: 0.98s;
}

.anim-y li:nth-child(8) {
  animation-delay: 1.12s;
}

.anim-y li:nth-child(9) {
  animation-delay: 1.26s;
}

.anim-y li:nth-child(10) {
  animation-delay: 1.4s;
}


.section-two {  width: 100%;  text-align: center;}
.section-two .section-header {font-size: 1.8rem; line-height: 1; margin: 0 0 40px 4%; width: 45%; text-align: left; float: left;}
.section-two .section-top { width: 45%; margin: 10px 0; float: right; text-align: left; font-size: 1.3rem;  line-height: 1;}
.section-two ul {list-style: none; float: left; margin: 10% 0 0 0; padding: 0; }
.section-two ul li {list-style: none; width: 22%; float: left;  text-align: center; margin: 10px 5%; }
.section-two-img {overflow: hidden; border-radius: 25px; margin: 0 0 40px 0;}
.section-two img {width: 80%; height: auto;}
.section-two .container {width: 85%; margin: 2% auto 0 auto; }
.section-two p {font-weight: normal; margin: 20px 0; color: black; font-size: 16px; line-height: 1.1;}
.section-two b {font-size: 1.3rem; line-height: 1;}


.section-three {width: 100%; background-color:#cadda2; }
.section-three .container {width: 85%; margin: auto; }
.section-three .img_new_section {margin-top: 0;}
.section-three ul {list-style: none; margin: auto; }
.section-three ul li {list-style: none; width: 45%; margin: 10px 0; float: left; position: relative; }
.section-three ul li:nth-of-type(2) {float: right;}
.section-three .section-header {font-size: 1.8rem; line-height: 1.5; margin: 0 0 40px 0;}
.section-three-img {overflow: hidden; border-radius: 25px; margin: 0 0 40px 0; text-align: right;}
.section-three-img img {width: 100%; height: auto; }
.section-three p {font-weight: normal; margin: 20px 0; color: #266a3b; font-size: 18px; font-weight: bold; line-height: 1.1; width: 75%;}


.section-four { width: 100%; }
.section-four .container {width: 85%; margin: auto; }
.section-four ul {list-style: none; margin: auto; }
.section-four ul li {list-style: none; width: 31.9%; margin: 10px 0; float: left; position: relative; }
/* .section-four ul li:nth-of-type(2) {float: right;} */
.section-four .container li span {float: left; font-weight: bold; font-size: 1.8rem;}
.section-four .container li div {float: left; border-left: 1px solid #f6c155; margin: 0 0 0 10px; padding: 0 20px 20px 20px; width: 250px;}
.section-four .container li article {float: left; font-weight: bold; margin: 40px 0 0 0; }
.section-four .section-header {font-size: 1.8rem; line-height: 1.5; }
.section-four-img {overflow: hidden; border-radius: 25px; margin: 0 0 40px 0; text-align: right;}
.section-four-img img {width: 100%; height: auto; }
.section-four p {font-weight: normal; margin: 20px 0; color: #266a3b; font-size: 18px; font-weight: bold; line-height: 1.1; width: 75%;}


.section-five { border: 0px solid; background-color: #f6c155;}
.section-five .container {width: 85%; margin: auto; }
.section-five ul {list-style: none; margin: auto; }
.section-five ul li {list-style: none; width: 49%; margin: 10px 0; float: left; position: relative; }
.section-five ul li:nth-of-type(2) {float: right;}
.section-five .section-header {font-size: 1.8rem; line-height: 1.5; margin: 0 0 40px 0;}
.section-five-img {overflow: hidden; border-radius: 25px; margin: 0 0 40px 0; text-align: right;}
.section-five-img img {width: 100%; height: auto; }
.section-five p {font-weight: normal; margin: 20px 0; color: #266a3b; font-size: 18px; font-weight: bold; line-height: 1.1; width: 75%;}

.section-six { width: 100%; border: 0px solid; background-color: #F6F6F6; }
.section-six .container {width: 85%; margin: auto; }
.section-six ul {list-style: none; margin: 0; padding: 0;}
.section-six ul li {list-style: none; width: 100%; font-size: 20px; line-height: 1; margin: 0 0 10px 0; color: #f6c155; padding: 35px 15px 35px 85px; border-radius: 100000px; background: url("/wp-content/uploads/check-mark.png") no-repeat; background-size: auto;  background-position: 25px 25px; background-color: #266a3b; min-height: 100px; }
.section-six ul.list:nth-of-type(2) { float: right;} 
.section-six .section-header {font-size: 20px; line-height: 1.5; margin: 20px 0; width: 75%;}
.section-six-img {overflow: hidden; border-radius: 25px; margin: 0 0 40px 0; text-align: right;}
.section-six-img img {width: 100%; height: auto; }
.section-six p {font-weight: normal; margin: 20px 0; color: #266a3b; font-size: 18px; font-weight: bold; line-height: 1.1; width: 75%;}
ul.list { float: left; width: 49%; margin: 0; padding: 0;}


.section-seven {width: 100%; background-color: #CEE5B7; }
.section-seven .container {width: 85%; margin: auto; }
.section-seven ul {list-style: none; margin: auto; }
.section-seven ul li {list-style: none; width: 230px; float: left; }
.section-seven ul li:nth-of-type(2), .section-seven ul li:nth-of-type(5) {/*margin: 0 15% 0 22%;*/ }
.section-seven ul li:nth-of-type(3), .section-seven ul li:nth-of-type(6) {float: right; margin: 0; }
.section-seven .container li article {display: block; font-weight: normal; width: 100%; margin: 15px 0 0 0; line-height: 1;}
.section-seven .container li article b {display: block;}
.dotted-line {border-top: 5px dotted #266a3b; float: left; margin: 8% 10px 0 10px; width: 22%; }
.dotted-right-line {border-right: 5px dotted #266a3b; float: left; margin: 30px 0 0 120px; width: 82%; height: 50px;}
.dotted-horizontal-line {border-top: 5px dotted #266a3b; float: left; margin: 5px 0 0 120px; width: 82%; }
.dotted-left-line {border-left: 5px dotted #266a3b; float: left; margin: 5px 0 30px 120px; width: 82%; height: 50px;}
/* .section-seven ul li:nth-of-type(2) {float: right;} */
.section-seven .section-header {font-size: 1.8rem; line-height: 1.5; margin: 0 0 40px 0;}
/* .section-seven-img {overflow: hidden; border-radius: 25px; margin: 0 0 40px 0; text-align: right;}
.section-seven-img img {display: block;} */
.section-seven p {font-weight: normal; margin: 20px 0; color: #266a3b; font-size: 18px; font-weight: bold; line-height: 1.1; width: 75%;}

@media (max-width: 1500px) {

}

@media (max-width: 1400px) {
	.dotted-line {width: 20%}
}

@media (max-width: 1300px) {
	.dotted-line {width: 18%}
}

@media (max-width: 1200px) {
	/* .section-two .container {width: 95%; } */
	.dotted-line {width: 16%}
	.dotted-right-line, .dotted-horizontal-line {width: 79%}
	.section-seven ul li {width: 220px;}
}

@media (max-width: 1100px) {
	.dotted-line {width: 12%}

}

@media (max-width: 1000px) {
	/* .section-two ul li {width: 25%; margin: 10px 4%;} */
	.section-seven ul li {width: 22%;}
	.section-one .heading_new_top_big .text-span-6 {width: 50%;}

}

@media (max-width: 900px) {
	.hero-image { background-size: 65%; background-position: 100% 100%;}
}

@media (max-width: 800px) {

	.dotted-left-line {margin: 5px 0 30px 79px;}
	.dotted-right-line, .dotted-horizontal-line {margin: 5px 0 0 79px;}
	.section-two .section-header {width: 95%;}
	.section-two .section-top { width: 95%; margin: 10px 0 20px 0;}
	.section-three ul li, .section-three p { width: 100%;  }
	.section-four ul li {width: 95%;}
	.section-four .container li div {width: 85%;}
	.section-four .container li article {width: 45%; float: right; margin: 0;}
	/* .section-one .box_new_top_baner {top: 90px; position: absolute;} */
	/* .section-one, .hero-image { min-height: 550px; } */
	

}

@media (max-width: 700px) {
	.section-one .heading_new_top_big .text-span-6 {width: 60%;}
	.section-two ul {width: 95%; margin: auto; padding: 0;}
	.section-two ul li {width: 100%; margin: 0 auto 60px 0; float: none;}
	.section-four ul li {width: 100%;}
	.section-four ul li img {width: 35%;}
	.section-five ul li {width: 100%;}
	.section-six ul li {width: 100%; }
	.section-six .section-header {width: 100%;}	
	ul.list { width: 100%; margin: 20px 0 0 0;}
}

@media (max-width: 600px) {

}

@media (max-width: 500px) {
	.image-24 {width: 280px;}
	.div-block-47 {width: 210px; height: 210px;}
	.section-one-animate .container {display: block; height: auto; margin: 28% auto 0 auto;}
	.section-one-two-background {margin: 25% 0 0 0:}
	.section-one-animate .container_content {width: 100%;}
	.section-one-animate .container_outer_img { width: 100%; margin: 40px 0 0 0;}
	.section-one .section-header {font-size: 2rem; margin: 0;}
	.section-one .heading_new_top_big .text-span-6 {width: 100%;}
	.hero-image { background-size: 50%;}
	.section-four ul li img {width: 100%;}
	.section-four .container li article {width: 95%; float: left; margin: 40px 0 0 0;}
	.section-seven ul li {width: 95%; }
	.section-seven ul li img { width: 25%; float: left; margin: 15px 15px 0 0;}
	.section-seven ul li:nth-of-type(3), .section-seven ul li:nth-of-type(6) {float: left; margin: 0 0 15px 0;}
	.section-seven .container li article {margin: 15px 0 15px 0; width: 65%; float: right;}
	.dotted-line, .dotted-left-line {border-top: 0px dotted #266a3b; float: left; 	border-left: 5px dotted #266a3b; margin: 5px 0 30px 42px; width: 95%; height: 50px;	}
	.dotted-right-line, .dotted-horizontal-line {display: none;}
}


@media (max-width: 400px) {

}