/*Default css*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



:root {
--font1: 'Roboto', sans-serif;
--font2: 'Poppins', sans-serif;
}

* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}

html {
-webkit-font-smoothing: antialiased; 
}

body {
font-size: 26px;
color: #000000;
background-color: #ffffff; 
}

:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
ol,
li {
margin: 0;
padding: 0; 
}

/* Heading Tags */

h1 {
font-family: var(--font2);
font-weight: 700;
font-style: normal;
font-size: 46px;
line-height: 63px;
}

h2 {
font-family: var(--font2);
font-weight: 700;
font-style: normal;
font-size: 48px;
line-height: 41px;
}

h3 {
font-family: var(--font2);
font-weight: 700;
font-style: normal;
font-size: 30px;
line-height: 41px;
}

h4 {
font-family: var(--font2);
font-weight: 700;
font-style: normal;
font-size: 22px;
line-height: 30px;
}

h5 {
font-family: var(--font2);
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 38px;
}

h6 {
font-family: var(--font2);
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 32px;
}

/* Link Tags */

a {
font-family: var(--font2);
font-weight: 600;
font-style: normal;
display: inline-block; 
text-decoration: none;
line-height: 28px;
}

a:active {
text-decoration: none; 
color: #000;
}

a:focus {
text-decoration: none; 
color: #000;
}

a:hover {
text-decoration: none;
color: #000;
}

/* Paragraph Tags */

p {
font-family: var(--font1);
font-weight: 500;
font-style: normal;
font-size: 20px;
line-height: 28px;
}
/* .elementor-widget-container p
{
font-family: var(--font2);
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 28px;
} */
/* Span Tag*/

.span {
font-family: var(--font1);
font-weight: 400;
font-style: normal;
font-size: 26px;
}

ul {
font-family: var(--font1);
font-size: 26px;
font-weight: 400;
font-style: normal; 

line-height: 28px;
}

/* Custom bullet design */

li {
position: relative;
margin-left: 20px;
}



/* Container */

.wp-container {
max-width: 1440px;
width: 100%;
margin: 0 auto; 
}

/* Buttons */

.btn-xsml a {
font-family: var(--font2); 
font-size: 28px;
font-weight: 600;

color: #fff;
/* border: 1px solid #ddd; */
padding: 10px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 5px;
transition: .5s ease;
}

/*.btn-xsml a:hover, .btn-xsml a:focus {
color: #fff;
background: #04337A; 
}*/

.btn-sml a {
font-family: var(--font2); 
font-size: 18px;
font-weight: 500;

color: #fff;
/* border: 1px solid #ddd; */
padding: 12px 35px;
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 5px;
transition: .5s ease;
}

.btn-sml a:hover, .btn-xsml a:focus {
color: #fff;
/* background: #04337A;  */
}

.btn-med a {
font-family: var(--font2); 
font-size: 20px;
font-weight: 500;
/* background-color: #0397d7; */
color: #fff;
border: 1px solid #ddd;
padding: 16px 45px;
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 5px;
transition: .5s ease;
}

.btn-med a:hover, .btn-med a:focus {
color: #fff;
/* background: #04337A;  */
}

.btn-lrg a {
font-family: var(--font2); 
font-size: 30px;
font-weight: 500;
/* background-color: #0397d7; */
color: #fff;
border: 1px solid #ddd;
padding: 18px 55px;
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 5px;
transition: .5s ease;
}

.btn-lrg a:hover, .btn-lrg a:focus {
color: #fff;
/* background: #04337A;  */
}

.btn-xlrg a {
font-family: var(--font); 
font-size: 35px;
font-weight: 500;
/* background-color: #0397d7; */
color: #fff;
border: 1px solid #ddd;
padding: 20px 60px;
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 5px;
transition: .5s ease;
}

.btn-xlrg a:hover, .btn-xlrg a:focus {
color: #fff;
/* background: #04337A;  */
}

/* Global Form style*/

.custom-form input[type=text], .custom-form input[type=password], .custom-form input[type=email], 
.custom-form input[type=tel], .custom-form input[type=date], .custom-form input[type=month],  
.custom-form input[type=week],  .custom-form input[type=time], .custom-form input[type=number], 
.custom-form input[type=search], .custom-form input[type=url], .custom-form textarea {
width: 100%;
padding: 12px 18px;
font-size: 16px;
border: 1px solid #ddd;
border-radius: 5px;
outline: 0;
color: #000;
background-color: #ffff;
}

/* Media queries */
/* Ipad pro - 851 - 1199 */

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

h1 {
font-size: 44px;
}

h2 {
font-size: 28px;
}

h3 {
font-size: 22px;
}

h4 {
font-size: 20px;
}

h5 {
font-size: 18px;
}

h6 {
font-size: 16px;
}

}

/* Ipad - 768 - 850 */

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

.btn-xsml a {
font-size: 24px;
padding: 8px 20px;
}

.btn-sml a {
font-size: 16px;
padding: 8px 30px;
}

.btn-med a {
font-size: 14px;
padding: 14px 40px;
}

.btn-lrg a {
font-size: 18px;
padding: 14px 50px;
}

.btn-xlrg a {
font-size: 18px;
padding: 18px 55px;
}
}

/* Mobile 0 - 767 */

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

h1 {
font-size: 40px;
}

h2 {
font-size: 24px;
}

h3 {
font-size: 20px;
}

h4 {
font-size: 16px;
}

h5 {
font-size: 14px;
}

h6 {
font-size: 12px;
}

.btn-xsml a {
font-size: 14px;
padding: 8px 20px;
}

.btn-sml a {
font-size: 16px;
padding: 8px 30px;
}

.btn-med a {
font-size: 16px;
padding: 14px 40px;
}

.btn-lrg a {
font-size: 16px;
padding: 14px 50px;
}

.btn-xlrg a {
font-size: 16px;
padding: 18px 55px;
}

}


.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: unset;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated
{
	padding: unset;
}
/* project section css */

.projects {
display:flex;
max-width: 1440px;

}

.project {
margin:30px;
justify-content: center;
align-content: center;
}
.project:nth-child(3n+1) .project-image { 
width: 350px;
height: 300px;
margin-top: 90px;
}

@media screen and (max-width:767px)
{
.project:nth-child(3n+1) .project-image
{
margin-top:30px;
}
}


.project:nth-child(3n+2) .project-image { 
width: 350px;
height: 480px;

}
.project:nth-child(3n+3) .project-image { 
width: 420px;
height: 420px;

}
@media screen and (min-width:767px) and (max-width:1023px)
{
.project
{
margin: -12px;

justify-content: center;
align-content: center;
width: 420px;
padding: 34px;
}

}
}
@media screen and (max-width:767px) and (min-width:320px)
{
.project:nth-child(3n+1) .project-image { 
width: 350px;
height: 350px;
margin-top: 90px;
}
.project:nth-child(3n+2) .project-image { 
width: 350px;
height: 450px;

}
.project:nth-child(3n+3) .project-image { 
width: 350px;
height: 350px;

}

}
.project:nth-child(3n+3) .row  { 
display: flex;
flex-direction: column-reverse;
}
.project-image {

width: 350px;
}

.projects {
margin: 0 auto;
max-width: 1240px;
}


.project .body {
padding: 10px;

}
.project a
{


height: 25px;
left: 117px;

margin-top: 20px;
margin-bottom: 23px;
font-family: var(--font2);
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 160%;

text-decoration: none;

color: #000000;
}
.project a::after {
content: "→";
font-size: 40px;
font-weight: 800;
margin-left:20px;
	position:absolute;
	margin-top:-5px;

}

.project p
{


left: 117px;

max-width: 500px;
font-family: var(--font2);
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;

color: #535353;
}
.project h2
{

height: 30px;
font-family: var(--font2);
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 41px;

margin-bottom: 15px;

color: #32A289;

}
@media screen and (max-width:1024px) and (min-width:767px)
{
.project h2
{
font-size:17px;
}
}


.project-image {

width: 350px;
height: 350px;
}


@media screen and (max-width: 1023px) and (min-width: 767px)
{

.project p
{

left: 117px;
top: 2346px;
max-width: 500px;
font-family: var(--font2);
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 26px;

color: #535353;
}
}

@media screen and (max-width: 1024px) and (min-width: 320px)
{
.project p
{
font-size: 14px;

}
}
@media screen and (max-width: 767px) and (min-width: 320px)
{
.project h2
{
font-size: 17px;

}
	.project p
	{
		max-width:700px;
	}
}

//header banner
.elementor-6 .elementor-element.elementor-element-ffd264c .elementor-container
{
position:absolute;
width:100%;
}


//contact

input[type=text], select, textarea {
width: 100%;
padding: 12px;
border: 2px solid #535353;
border-radius: 9px;
resize: vertical;
}
input[type=tel] {
width: 100%;
padding: 12px;
border: 2px solid #535353;
border-radius: 9px;
resize: vertical;
}

label {
padding: 12px 12px 12px 0;
display: inline-block;
}

input[type=submit] {
background: #32A289;
box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.15);
border-radius: 20px;

border: 1px solid #32A289;
cursor: pointer;
width: 100%;
color: white;
margin-left: 10px;
font-family: Poppins,sanserif;
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 38px;
padding: 11px 70px 11px 70px;
margin-top:60px;

}

input[type=submit]:hover {
background-color: #45a049;
}
.contact-ml {

width: 25%;
margin: 10px;
}
.contact-ml:after
{
content: '-';
position: absolute;
font-weight: bold;
font-size: 20px;
margin-left: 8px;
	margin-top: 8px;
}
.contact-ml:nth-child(3n):after
{
content: '';
position: absolute;
font-weight: bold;
font-size: 20px;
margin-left: 10px;
}

.require
{
	color: red !important;
    font-weight: bold;
}
span.wpcf7-list-item-label {
    margin: 0px 0px 0px 20px;
    font-size: 16px;
    color: #727272;
}
.wpcf7-list-item {
    display: inline-block;
    margin: 0px 0 0 0em;
}
@media screen and (max-width: 600px) {
.contact-l, .contactt-m, input[type=submit] {
width: 100%;
margin-top: 20px;
}
}


//our customers

.yard-customers
{
max-width: 1440px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;

}
.yard-customer-main
{
display: flex;
/* flex-wrap: wrap; */
justify-content: center;
align-items: center;
}
@media screen and (max-width: 767px) and (min-width: 320px)
{
.yard-customer-year .yard-customer-rating {
margin: 91px 0px -1px 0px;
width: 165px;
height: 27.3px;
}
}
@media screen and (max-width: 1024px) and (min-width: 320px)
{
.yard-customer-main
{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.yard-customer-year
{

position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 400px;
/* height: 550px; */
border-radius: 9px;
background: #FFFFFF;
margin:40px;
padding:20px;
background: #FFFFFF;
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);

}

}
.yard-customer-year
{

position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 350px;
height: 550px;
border-radius: 9px;
background: #FFFFFF;
margin:45px;
padding:20px;
background: #FFFFFF;
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);

}
.yard-customer-year .yard-customer-image
{
max-width: 150px;
height: 150px;
margin-bottom: 30px;
border-radius: 100px;
margin-top: -85px;



}
.yard-customer-year .yard-customer-rating
{
margin: 0px 0px 21px 0px;
width: 165px;
height: 27.3px;
}
.yard-customer-year h1
{


height: 32.76px;
left: 246px;


font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 137.4%;
/* or 30px */


color: #32A289;
}
.yard-customer-year h3
{

margin-top: 10px;
height: 27.3px;
margin-bottom: 30px;


font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 137.4%;
/* or 25px */
top:333px;

color: #727272;

}
.yard-customer-year p
{
max-width: 308px;
margin: auto;
height: 214px;
left: 121px;
top: 3055.06px;

font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 28px;
/* or 175% */


color: #535353;
}
@media only screen and (max-width: 460px) and (min-width: 320px)
{
.yard-customer-year p
{
height:300px;
}
}

width:650px;

}

.yard-customer-year p
{
max-width: 500px;

height: 150px;
left: 121px;
top: 3055.06px;

font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 28px;
/* or 175% */


color: #535353;
}

}
//before meet

.yard_meet
{
max-width: 1440px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;

}
.yard_before
{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.yard_meeting:hover {
  transform: scale(0.9, 0.9);
  
}
.yard_meeting
{

position: relative;
display: flex;
flex-direction: column;
align-items: center;
 animation-name: bounce;
  animation-duration: 3s;
width: 380px;
height: 520px;
border-radius: 30px;
background: #FFFFFF;
margin:30px;

background: #FFFFFF;
box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.15);
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-25px); }
  60% { transform: translateY(-15px); }
}
.yard_title
{
width: 350px;
height: 80px;
left: 126px;
top: 967px;
align-items: center;
justify-content: center;
background: #BEECE2;
border-radius: 0px 0px 20px 20px;
}
.yard_title p
{
height: 28px;
left: 210px;
top: 0px;
	margin-top: 10px;
text-align: center;
font-family: var(--font2);
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 28px;



color: #535353;

}
.yard_content
{
margin-top: 123px;
}
.yard_content p
{
width: 350px;
height: 112px;
left: 151px;


font-family: var(--font2);
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 28px;



color: #727272;

}
.meet_no
{
top:31px;
position: relative;
}
.meet_no p
{
width: 59px;
height: 54px;
left: 271px;

border-radius: 50px;
background:  #32A289;
border: 1px solid #32A289;
box-sizing: border-box;
}
.meet_no p:hover
{
	background-color:#000000;
    color:#32A289;
}
.meet_no p span:hover
{
	 color:#32A289;
}
.meet_no p span
{
width: 8px;
height: 30px;
left: 297px;
margin: 10px 23px;
/* margin-top: 60px; */
/* position: absolute; */
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 45px;
color: #FFFFFF;
text-align: center;
}

//water_guide
.water_guide
{
width: 601px;
height: 500px;
margin:20px;
}



//our process

.process-container
{
max-width: 1440px;

justify-content: space-between;
align-items: center;

}

/* Create two equal columns that floats next to each other */
/*.column {

max-width: 200px;
height: 200px;


}
.column1
{

max-width: 1056px;
height: 230px;
left: 284px;
}*/
.our_process
{
display: flex;
width: 1220px;
max-width: 100%;

position: relative;
justify-content: center;
align-items: center;
margin: 100px;



}


/* Clear floats after the columns */
.our_process:after {
content: "";
display: table;
clear: both;
}

.process_image1 img
{
max-width: 200px;
height: 200px;
left: 95px;
max-width: 100%;
position: absolute;


}
.process_image2
{
max-width: 1056px;
height: 230px;
left: 284px;
}

.process_image1 
{
max-width: 200px;
height: 200px;
left: 95px;

}
.process_image2 img
{
position: absolute;
width: 1056px;
max-width: 100%;
height: 230px;
left: 277px;

/*transform: rotate(180deg);*/
}
.our_process:nth-child(3n+1) .row
{

display: flex;

}
.our_process:nth-child(3n+1) .process_content p
{
position: absolute;
max-width: 150px;
width: 100%;
height: 34px;
left: 20px;
top: 85px;

font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 34px;
/* identical to box height, or 131% */


color: #32A289;

}

.our_process:nth-child(3n+1) .process_content1 p

{
position: absolute;
/* width: 903px; */
height: 90px;
left: 288px;
font-family: Poppins,sanserif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 30px;
top: 70px;
margin: 0 35px;
color: #535353;
}
.column {
 
 max-width: 200px;
height: 200px;


}
.column1
{

  max-width: 1056px;
height: 230px;
left: 284px;
}
/*.our_process:nth-child(3n+2) .process_image1
{
transform: rotate(180deg);

}*/


.our_process:nth-child(3n+2) .process_image2 
{
transform: rotate(180deg);
}
.our_process:nth-child(3n+2) .row
{

display: flex;
flex-direction: row-reverse;
}
.our_process:nth-child(3n+2) .process_content p
{
position: absolute;
max-width: 150px;
width: 100%;
height: 34px;
left: 1060px;
top: 81px;
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 34px;
color: #32A289;

}
.our_process:nth-child(3n+2) .process_content1 p

{
position: absolute;
width: 867px;
height: 90px;
left: 43px;
font-family: Poppins,sanserif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 30px;
top: 70px;
margin: 0 35px;
color: #535353;
}
.column {
 
 max-width: 200px;
height: 200px;


}
.column1
{

  max-width: 1056px;
height: 230px;
left: 284px;
}


		.watering_before
		{
			display: flex;
	flex-wrap: wrap; 
			justify-content: center;
			align-items: center;
		}

	.watering_meet
		{
			max-width: 1440px;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;

		}
		.watering_meeting
		{

			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			
			width: 600px;
			height: 500px;

			margin: 20px;
			background: #FFFFFF;
			box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
		}
		.watering_title
		{
			width: 601px;
			height: 100px;
			left: 100px;
			top: 1000px;

			background: #B6F1E4;

		}
		.watering_title p
		{
			text-align: center;
			left: 227px;
			top: 1030px;
           margin:30px;
			font-family: Poppins;
			font-style: normal;
			font-weight: 600;
			font-size: 22px;
			line-height: 40px;
			/* identical to box height, or 182% */


			color: #535353;
		}
		
		.watering_content p
		{
			width: 421px;
			height: 56px;
			left: 179px;
			margin-top: 86px;

			font-family: Poppins;
			font-style: normal;
			font-weight: normal;
			font-size: 16px;
			line-height: 28px;
			/* or 175% */


			color: #535353;
		}
		.meet_no
		{
			margin-top: 165px;
			position: relative;
		}
		.meet_no p
		{
			width: 59px;
			height: 55px;
			left: 271px;

			border-radius: 50px;
			background:  #32A289;
			border: 1px solid #535353;
			box-sizing: border-box;
		}
		.meet_no p span
		{
			width: 8px;
			height: 30px;
			left: 297px;
			margin: 10px 23px;
			/* margin-top: 60px; */
			/* position: absolute; */
			font-family: Poppins;
			font-style: normal;
			font-weight: 500;
			font-size: 22px;
			line-height: 45px;
			color: #FFFFFF;
			text-align: center;
		}

		.watering_content li
		{
			
			height: 28px;
		

			font-family: Poppins;
			font-style: normal;
			font-weight: normal;
			font-size: 16px;
			line-height: 28px;
			/* identical to box height, or 175% */


			color: #535353;
		}
		.water_content
		{
			width: 488px;
			height: 280px;
			left: 477px;
			margin-top: 60px;

			font-family: Poppins;
			font-style: normal;
			font-weight: normal;
			font-size: 16px;
			line-height: 28px;
			/* or 175% */


			color: #535353;
		}


//contact

.wpcf7 form.sent .wpcf7-response-output
{
	border-color:#FFFFFF;
}


.wpcf7 form .wpcf7-response-output {
    margin: 6em 0.5em 1em;
    padding: 0.2em 1em;
    /* border: 2px solid #00a0d2; */
}

.slider{
	position: relative;
	width: 100%;
	
}
.banner_bg
{
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
}




.myslide{
	height: 590px;
	display: none;
	overflow: hidden;
}
@media screen and (max-width: 767px){
	.myslide{
		height: 400px;
	}
}
.prev, .next{
	position: absolute;
	top: 90%;
	transform: translate(0, -50%);
	font-size: 50px;
	padding: 100px;
	cursor: pointer;
	color: #fff;
	transition: 0.1s;
	user-select: none;
}
.prev:hover, .next:hover{
	color: #32A289;
	}

.next{
	right: 0;
}
.dotsbox{
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: 55px;
	cursor: pointer;
	display:none;
}
.dot{
	display: inline-block;
	width: 100px;
	height: 2px;
	margin: -6px;
	background-color: white;
	border-radius: 0%;
	
	cursor: pointer;
}

.active, .dot:hover{
	background: white;
	height: 6px;
	width: 50px;
	border-radius: 10px;

}


.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 0.5s;
  animation-name: fade;
  animation-duration: 0.5s;
}

@-webkit-keyframes fade {
  from {opacity: 0.8}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 0.8}
  to {opacity: 1}
}

.slider-content{
	position: absolute;
	color: #fff;
	letter-spacing: 2px;
	line-height: 35px;
	top: 28%;
	left: 10%;
	-webkit-animation-name: posi;
  	-webkit-animation-duration: 2s;
  	animation-name: posi;
  	animation-duration: 2s;
	z-index: 1;
}
.slider-content p
{

font-family: Roboto,sanserif;
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 190%;
/* identical to box height, or 0px */


color: #F9F7F7;
}
.slider-content h1
{
	font-family: Poppins,sanserif;
font-style: normal;
font-weight: bold;
font-size: 46px;
width: 750px;
line-height: 137.4%;
}
.slider-content a
{
	text-decoration: none;
}
.slider-content a p
{
	font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 100px;
text-decoration: none;
}
.slider-content a p::after
{
 content: url('http://yardandhalf.wpflight.com/wp-content/uploads/2021/09/banner-arrow-1.png');
 font-size: 40px;
 font-weight: 800;
 margin-left:12px;
 color: white;
 text-decoration: none;


 
 text-decoration: none;
}
.slider-watch{

	position: absolute;
	color: #fff;
	letter-spacing: 2px;
	line-height: 35px;
	top: 79%;
	left: 46%;
	
	-webkit-animation-name: posi1;
  	-webkit-animation-duration: 2s;
  	animation-name: posi1;
  	
	z-index: 1;
}
.slider-watch a p
{
	text-decoration:none;
	font-family: Roboto;
font-style: normal;
	color:white;
font-weight: bold;
font-size: 18px;
line-height: 21px;
}

.slider-video{

	position: absolute;
	color: #fff;
	letter-spacing: 2px;
	line-height: 35px;
	top: 68%;
	left: 50%;
	transform: translate(-50%,50%);
	-webkit-animation-name: posi2;
  	-webkit-animation-duration: 2s;
  	animation-name: posi2;
  	animation-duration: 2s;
	z-index: 1;
}

@-webkit-keyframes posi {
  from {left: 25%;}
  to {left: 24%;}
}


@keyframes posi {
  from {left: 20%;}
  to {left: 10%;}
}
@-webkit-keyframes posi1 {
  from {left: 48%;}
  to {left: 46%;}
}


@keyframes posi1 {
  from {left: 50%;}
  to {left: 46%;}
}
@-webkit-keyframes posi2 {
  from {left: 48%;}
  to {left: 46%;}
}


@keyframes posi2 {
  from {left: 54%;}
  to {left: 50%;}
}

/*img{
	transform: scale(1.5, 1.5);
	-webkit-animation-name: zoomin;
  	-webkit-animation-duration: 40s;
  	animation-name: zoomin;
  	animation-duration: 40s;
}*/
@-webkit-keyframes zoomin {
  from {transform: scale(1, 1);}
  to {transform: scale(1.5, 1.5);}
}


@keyframes zoomin {
  from {transform: scale(1, 1);}
  to {transform: scale(1.5, 1.5);}
}


@media screen and (max-width:1023px) and (min-width:768px)
{
.slider-content p
{
font-size: 20px;

}
.myslide{
	height:400px;
	}
.dotsbox{
	display:none;
	bottom: 30px;
	
}
.slider-content h1
{

font-size: 30px;
	width:500px;

}

.slider-content a p
{
font-size: 18px;

}
.slider-watch{
top:73%;
	left:44%;
font-size: 16px;

}
.slider-video{
	top:60%;
}
.dot{
	display: inline-block;
	width: 40px;
	height: 10px;
	margin: 4px;
	background-color: white;
	border-radius: 20px;
	
	cursor: pointer;
}

.active, .dot:hover{
	background: white;
	height: 10px;
	width: 40px;
	border-radius: 20px;

}



}



@media screen and (max-width:767px) 
{
	.slider-content{
		letter-spacing: 2px;
		line-height: 25px;
		top: 55%;
		left: 50%;
		-webkit-animation-name: posi;
  	-webkit-animation-duration: 1s;
  	animation-name: posi;
  	animation-duration: 1s;
		text-align:center;
		transform: translate(-50%, -50%);
		
	}
	.slider-video{
		
		top:72%;
			width:60px;
	}
	.dotsbox{
	display:none;
	
	
}

@-webkit-keyframes posi {
  from {left: 55%;}
  to {left: 50%;}
}


@keyframes posi {
  from {left: 55%;}
  to {left: 50%;}
}
	
.slider-content p
{
font-size: 16px;

}
.slider-content h1
{
width:300px;
font-size: 20px;

}

.slider-content a p
{
font-size: 16px;

}
.dot{

	width: 20px;
	height: 10px;
	margin: 4px;
	
	border-radius:30px;
	cursor: pointer;
}
.slider-watch{

display:none;

}
.active, .dot:hover{
	border-radius:30px;
	height: 10px;
	width: 20px;
	

}


.prev, .next{

	display:none;
}
}

a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{
	color:white;
}

.customers_section
{

max-width: 1440px;
margin: 40px;




}
.yard_customer
{
display: flex;

}

.customers
{
max-width: 350px;
height: 440px;
border-radius: 9px;
background: #FFFFFF;
margin:20px;
padding:10px;
background: #FFFFFF;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
text-align: center;

}
.customer-image
{
max-width: 150px;
height: 150px;
border-radius: 100px;
margin-top: -100px;
justify-content: center;
align-items: center;
text-align: center;
}
.customers .customer-rating
{
margin: 21px 0px 21px 0px;
width: 165px;
height: 27.3px;
}
.owl-carousel .owl-item img {
display: unset;
width: auto;
}
.owl-nav button {
position: absolute;
top: 50%;
background-color: #000;
color: #fff;
margin: 0;
transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
left: 0;
}
.owl-nav button.owl-next {
right: 0;
}

.owl-dots {
text-align: center;
padding-top: 15px;
}
.owl-dots button.owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
background: #ccc;
margin: 0 3px;
}
.owl-dots button.owl-dot.active {
background-color: #000;
}
.owl-dots button.owl-dot:focus {
outline: none;
}
.owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.38) !important;
}
.owl-nav span {
font-size: 70px;    
position: relative;
top: -5px;
}
.owl-nav button:focus {
outline: none;
}
.content_yard
{
max-width: 308px;
margin: auto;
height: 214px;
left: 121px;
top: 3055.06px;

font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 28px;
/* or 175% */
text-align: left;

color: #535353;

}
.customers h1
{


height: 32.76px;
left: 246px;


font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 137.4%;

color: #32A289;
}
.customers h3
{
height: 27.3px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 137.4%;
/* or 25px */
top:333px;

color: #727272;
}

//contact validation


.wpcf7 form.invalid .wpcf7-response-output  {
    border-color: #32A289;
    color: red;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 38px;
}