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

/* <style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
font-family: "Poppins", sans-serif;
</style>     */

body {
font-family: "Poppins";
overflow-x:hidden;
}

a {
text-decoration: none !important;
}

ul {
padding: 0px !important;
margin: 0px !important;
list-style: none !important;
}

img{
max-width:100%;
height:auto;	
}

@font-face {
font-family: "Poppins";
src: url("../fonts/Poppins-Light.eot");
src: url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"),
url("../fonts/Poppins-Light.woff2") format("woff2"),
url("../fonts/Poppins-Light.woff") format("woff"),
url("../fonts/Poppins-Light.ttf") format("truetype"),
url("../fonts/Poppins-Light.svg#Poppins-Light") format("svg");
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Poppins";
src: url("../fonts/Poppins-Regular.eot");
src: url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"),
url("../fonts/Poppins-Regular.woff2") format("woff2"),
url("../fonts/Poppins-Regular.woff") format("woff"),
url("../fonts/Poppins-Regular.ttf") format("truetype"),
url("../fonts/Poppins-Regular.svg#Poppins-Regular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Poppins";
src: url("../fonts/Poppins-Medium.eot");
src: url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"),
url("../fonts/Poppins-Medium.woff2") format("woff2"),
url("../fonts/Poppins-Medium.woff") format("woff"),
url("../fonts/Poppins-Medium.ttf") format("truetype"),
url("../fonts/Poppins-Medium.svg#Poppins-Medium") format("svg");
font-weight: 500;
font-style: normal;
font-display: swap;
}


@font-face {
font-family: "Poppins";
src: url("../fonts/Poppins-SemiBold.eot");
src: url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"),
url("../fonts/Poppins-SemiBold.woff2") format("woff2"),
url("../fonts/Poppins-SemiBold.woff") format("woff"),
url("../fonts/Poppins-SemiBold.ttf") format("truetype"),
url("../fonts/Poppins-SemiBold.svg#Poppins-SemiBold") format("svg");
font-weight: 600;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Poppins";
src: url("../fonts/Poppins-Bold.eot");
src: url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"),
url("../fonts/Poppins-Bold.woff2") format("woff2"),
url("../fonts/Poppins-Bold.woff") format("woff"),
url("../fonts/Poppins-Bold.ttf") format("truetype"),
url("../fonts/Poppins-Bold.svg#Poppins-Bold") format("svg");
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Value Sans Pro';
src: url('../fonts/ValueSansPro-Bold.eot');
src: url('../fonts/ValueSansPro-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/ValueSansPro-Bold.woff2') format('woff2'),
url('../fonts/ValueSansPro-Bold.woff') format('woff'),
url('../fonts/ValueSansPro-Bold.ttf') format('truetype'),
url('../fonts/ValueSansPro-Bold.svg#ValueSansPro-Bold') format('svg');
font-weight: 700;
font-style: normal;
font-display: swap;
}

/* btn */

.btn1, .header-btn2, .contact-btn .wpcf7-submit, .more-link{
background: linear-gradient(33deg, #2bb5b7 0%, #71ac37 100%);
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
padding:13px 23px;
display:inline-block;
border-radius:50px;
transition:0.5s ease-in-out all 0s;
}

.btn1:hover, .header-btn2:hover{
box-shadow:inset 0 80px #fff; 
color: #000;
transition: 0.5s ease-in-out all 0s; 
}

.btn2{
background:#fff;  
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
color: #000;
font-weight: 700;
padding:12px 20px 12px 45px;
display:inline-block;
border-radius:50px;
transition:0.5s ease-in-out all 0s;
position: relative;
z-index:1;
overflow:hidden;
}

.btn2:before{
position:absolute;
content:"";    
background-image: linear-gradient(33deg, #2bb5b7 0%, #71ac37 100%);
height:0px;
width:100%;
top:0px;
left:0px;
border-radius:50px;
transition:0.5s ease-in-out all 0s;
z-index:-1;
}

.btn2:hover:before{
height:100%;
transition:0.5s ease-in-out all 0s;
}

.btn2:hover{
color:#fff; 
}

.btn2:after{
position:absolute;
content:"";  
background:url(../images/call-icon.png) no-repeat 0 0; 
width:21px;
height:21px; 
background-size:contain;
top:50%;
left:15px;
transform:translate(0, -50%);	
transition:0.5s ease-in-out all 0s;
}

.btn2:hover:after{
filter:brightness(0) invert(1);
}

.service-btn, .cta-btn{
background: #ffffff;
font-size: 14px;
color: #171717;
font-weight: 500;
display:inline-block;
padding:10px 40px;
border-radius:50px;
transition:0.5s ease-in-out all 0s;
}

.service-btn:hover, .price-box .btn1:hover, .about-sec .btn1:hover, .cta-btn:hover, .contact-btn .wpcf7-submit:hover, .contact-btn .wpcf7-submit:active, .contact-btn .wpcf7-submit:focus, .more-link:hover, .page-id-92 .btn1:hover, .error_container .btn1:hover, .inner-cta-top .btn1:hover{
box-shadow:inset 0 80px #000; 
color: #fff;
transition: 0.5s ease-in-out all 0s;   
}

.price-box .btn1, .about-sec .btn1{
width:100%;
font-size: 16px;
color: #ffffff;
font-weight: 500;
font-family: "Poppins";
text-align:center;
padding:12px 23px;
}

.wcu-sec .btn1{
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
font-family: 'Value Sans Pro';
padding:11px 23px;
margin-top:17px;
}

.wcu-btn{
position: relative;
border-radius:50px; 
background: transparent;
display:inline-block;
padding:11px 20px 11px 45px;
font-size: 18px;
color: #ffffff;
font-weight: bold;
font-family: 'Value Sans Pro';
transition:0.5s ease-in-out all 0s;
}

.wcu-btn:before {
content: '';
position: absolute;
inset: 0; 
padding: 2px;
border-radius: inherit;
background-image:linear-gradient(67deg, #2bb5b7 0%, #71ac37 100%);
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
mask-composite: exclude;
transition:0.5s ease-in-out all 0s;
}

.wcu-btn:after{
position:absolute;
content:"";
background:url(../images/call-icon.png) no-repeat 0 0;
width:16px;
height:16px;
background-size:contain;
filter:brightness(0) invert(1);
left:20px;
top:16px;
transition:0.5s ease-in-out all 0s;
}

.wcu-btn:hover:before{
background-image:linear-gradient(-67deg, #2bb5b7 0%, #71ac37 100%);
transition:0.5s ease-in-out all 0s;
}

.about-sec .btn1, .footer-sec .btn1, .contact-btn .wpcf7-submit, .page-id-92 .btn1, .error_container .btn1, .inner-cta-top .btn1{
width:fit-content;
padding:12px 30px;
text-transform:capitalize;
font-size:15px;
letter-spacing:0.3px;
font-weight:500;
}

.header-btn1{
border-radius:50px; 
background: transparent;
display:inline-block;
padding:11px 30px;
font-size:15px;
color: #ffffff;
font-weight:500;
position: relative;
transition:0.5s ease-in-out all 0s;
}

.header-btn1:before {
content: '';
position: absolute;
inset: 0; 
padding: 2px;
border-radius: inherit;
background-image:linear-gradient(67deg, #2bb5b7 0%, #71ac37 100%);
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
mask-composite: exclude;
transition:0.5s ease-in-out all 0s;
}

.header-btn1:hover{
background:#2bb5b7;
color:#fff; 
}

.header-btn2{
font-size:15px;
font-weight:500;
padding:11px 30px;
}

.menu ul{
display:block;
margin:auto !important;  
}

/* header-sec */

.logo a img{
width:200px;	
}

.header .container-fluid{
max-width:1920px;  
}

.header{
position: fixed;
top: 0;
left: 0;
width: 100%;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
z-index: 999;
padding:30px 0px;
}

.fixed-header {    
top:0px;
animation: smoothScroll 1s;
z-index: 999;
transition: all 0.5s ease 0s;
filter:drop-shadow(0px 0px 4px rgba(0,0,0,0.20));
background:#000;
padding:20px 0px;
}

.menu ul li{
font-size: 15px;
letter-spacing:1px;
text-transform: uppercase;
font-weight: 400;
float:left;
margin-right:35px;
}

.menu ul li a{
color: #fff;
display:block;
padding:15px 0px;
transition:0.5s ease-in-out all 0s;
}

.menu ul li a:hover{
transition:0.5s ease-in-out all 0s;   
}

/* banner-sec */

.banner-sec{
position: relative; 
z-index:1; 
}

.master-slider {
position: relative !important;
z-index:2;
}

.ms-slide:before{
position:absolute;
content:"";
background: rgba(0, 0, 0, 7.9);
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 75%, rgba(0, 0, 0, 0.6) 100%);
width:100%;
height:100%;
top:0px;
left:0px;  
z-index:1;
}

.ms-slide-info{
position: absolute !important;
margin-top:0px !important;
top:55%;
left:0%;
transform:translate(0, -50%);
width:100%;  
}

.banner-part{
max-width:600px;	
}

.banner-heading{
font-size: 60px;
line-height: 75px;
color: #ffffff;
font-weight: 700;
font-family: 'Value Sans Pro';
}

.banner-heading span{
background-image: linear-gradient(33deg, #2cb6b8 30%, #72ac37 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.banner-para{
font-size:16px;
line-height:30px;
color: #ffffff;
font-weight:400;
padding:20px 0px 15px;
}

.banner-list ul li{
font-size: 20px;
line-height: 40px;
color: #ffffff;
font-weight: 600;
background:url(../images/list-icon.png) no-repeat 0 0;
background-size:55px;
padding-left:68px;
background-position:left center;
}

.banner-btn-part {
margin-top:25px;
display:flex;
align-items:center;  
}

.ms-info a, .ms-info a:hover{
transition:all 0.5s ease-in-out !important;
}

.ms-skin-default .ms-nav-prev{
background:url(../images/left-arrow.png) no-repeat 0 0 !important;
width:18px !important;
height:35px !important;
display:block;
background-size:contain !important;	
}

.ms-skin-default .ms-nav-next{
background:url(../images/right-arrow.png) no-repeat 0 0 !important;
width:18px !important;
height:35px !important;
display:block;
background-size:contain !important;		
}

/* banner-bottom-sec */

/* .banner-bottom-sec{
background-image: linear-gradient(83deg, #2bb5b7 0%, #71ac37 100%);
padding:20px 0px;
border-bottom:4px solid #2cb6b8;
}

.banner-bottom-text{
font-size: 18px;
letter-spacing:0.5px;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
text-align:center;
} */

.wrap-bg{
background:linear-gradient(83deg, rgb(43, 181, 183) 0%, rgb(113, 172, 55) 100%);
padding:40px 30px;	
border-radius:15px;
position:relative;
z-index:1;
margin-top:-60px;
border-bottom:4px solid #2cb6b8;	
}

.wrap-box-heading{
font-size:35px;
line-height:40px;
color: #ffffff;
font-weight: 700;
font-family: 'Value Sans Pro';
text-align:center;	
position:relative;
padding-bottom:20px;	
}

.wrap-box-heading:before{
position:absolute;
content:"";
width:40px;
height:4px;
border-radius:50px;
background:#fff;
bottom:10px;	
left:50%;
transform:translate(-50%, 0);	
}

.wrap-box-para{
font-size:15px;
line-height: 26px;
color: #e6e6e6;
font-weight: 400;
text-align:center;	
}

/* veu-sec */

.home-img{
padding:10px;
filter:drop-shadow(-10px 10px 0px #2bb5b7);
}

.home-img2{
filter:drop-shadow(10px -10px 0px #2bb5b7);	
}

/* service-sec */

.wrapper{
margin-top:70px; 
}

.sub-heading{
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
background-image: linear-gradient(33deg, #2cb6b8 30%, #72ac37 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
font-family: "Value Sans Pro";
padding-bottom:5px;
}

.main-heading{
font-size: 40px;
line-height:1.3;
color: #062f35;
font-weight: bold;
font-family: "Value Sans Pro";
}

.service-box{
border-radius: 15px;
filter: drop-shadow(7.388px 9.456px 30px rgba(12,13,12,0.19));
background-image: linear-gradient(0deg, #2bb5b7 -10%, #71ac37 100%); 
height:100%;	
}

.service-box img{
border-radius:15px 15px 0px 0px;
}

.service-text-part{
padding:30px;
text-align:center;  
}

.service-box-sub-heading{
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
}

.service-box-heading{
font-size: 25px;
line-height:30px;
color: #ffffff;
font-weight: 700;
font-family: 'Value Sans Pro';
padding:0px 0px 17px;
}

.service-box-para{
font-size: 13px;
line-height: 22px;
color: #ffffff;
font-weight: 400;
padding-bottom:15px;
}

/* home-service-box2 */

.home-service-box2{
background:#1a4628;
padding:25px;
border-radius:25px 0px 25px 0px;
height:100%;
border-bottom:7px solid #fff;
box-shadow:0px 0px 15px 1px #00000030;	
}

.home-service-box-icon{
margin-bottom:15px;	
}

.home-service-box-heading{
font-size: 25px;
line-height: 30px;	
font-family: 'Value Sans Pro';
color:#fff;
font-weight: 700;
padding: 0px 0px 17px;	
}

.home-service-box2 .about-para{
color:#fff;	
}

.home-service-box-para{
font-size: 15px;
line-height: 25px;
color: #fff;
font-weight: 400;	
}

.home-service-box2 .inner-list li{
color:#fff;	
}

/* logo-sec */

.logo-sec{
/* padding:20px 0px; */
border-top:1px solid #e5e5e5;
}

/* .logo-list ul{
display:flex; 
align-items:center;
justify-content:space-between;
flex-flow:wrap; 
} */

.slider {
overflow: hidden;
position: relative;
width: auto;
}

.slide{
width: 200px;
min-width:200px;
display: flex;
align-items: center;
justify-content: center;
border-right:1px solid rgba(34, 34, 34, 0.102);
padding:0px 20px;
min-height:100px;   
}

.slide:first-child{
margin-left:0px;    
}

.slide:last-child{
border-right:0px;    
}

.slide img {
min-width:100%;
max-height: 100px;
}

.slider .slide-track {
animation: scroll 30s linear infinite;
display: flex;
align-items:center;
width:100%;
}

.slider .slide-track:hover{
-moz-animation-play-state: paused;
-webkit-animation-play-state: paused;
animation-play-state: paused
}

@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-185px * 18));
}
}

/* wcu-sec */

.wcu-sec{
background:#1a4628;
padding:80px 0px;
position: relative; 
z-index:1; 
}

.wcu-sec:before{
position:absolute;
content:"";
background:url(../images/wcu-texture-bg.jpg) no-repeat 0 0;
width:100%;
height:100%; 
top:0px;
left:0px; 
background-size:cover;
mix-blend-mode:luminosity;
opacity:0.1;
z-index:-1;
}

.wcu-heading{
font-size: 60px;
line-height:68px;
color: #ffffff;
font-weight: bold;
font-family: 'Value Sans Pro';
}

.wcu-heading span{
background-image: linear-gradient(33deg, #2cb6b8 30%, #72ac37 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display:block;
}

.wcu-para{
font-size: 23px;
line-height: 33px;
color: #ffffff;
font-weight: bold;
font-family: 'Value Sans Pro';
padding:12px 0px 20px;
max-width:360px;
}

.wcu-box{
border-radius: 10px 0px 0px 10px;
filter: drop-shadow(8.619px 11.032px 7.5px rgba(12,13,12,0.07));
background-color: #ffffff;
padding:30px 25px;
background:#fff;
/* margin-bottom:30px; */
/* min-height:220px;  */
height:100%;
display:flex;
align-items:flex-start;
border-left:5px solid #2bb5b7;	
}

.wcu-box-para::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #22b4be;
}

.wcu-box-para::-webkit-scrollbar
{
	width:3px;
	background-color: #F5F5F5;
}

.wcu-box-para::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #303131;
}


.wcu-text-body{
margin-left:15px;
max-width:85%;	
}

.wcu-box img{
width:60px; 
}

.wcu-box-heading{
font-size: 22px;
line-height: 26px;
color: #1d1919;
font-weight: bold;
font-family: 'Value Sans Pro';
padding:0px 0px 12px;
max-width:88%;
}

.wcu-box-para{
font-size: 13px;
line-height: 20px;
color: #4b4b4b;
font-weight: 400;
height:72px;
width:100%;
overflow:auto;
padding-right:8px;	
}

/* divider-sec */

.divider-sec{
padding:80px 0px 20px;
}

.divider-sec .container{
position: relative; 
}

.divider-sec .container:before{
position:absolute;
content:"";
opacity: 0.388;
width:100%;
height: 1px;
background-image: linear-gradient(41deg, #2bb5b7 0%, #71ac37 100%);
width:46%;
left:0px;
}

.divider-sec .container:after{
position:absolute;
content:"";
opacity: 0.388;
width:100%;
height: 1px;
background-image: linear-gradient(41deg, #2bb5b7 0%, #71ac37 100%);
width:46%;
right:0px;
}

.divider-sec img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%) rotate(90deg);  
}

/* price-sec */

.price-sec .row{
padding:0px 33px;  
}

.price-box{
border-radius: 10px;
filter: drop-shadow(7.388px 9.456px 30px rgba(12,13,12,0.09));
background-color: #ffffff;
border: 1px solid #2cb6b8;
height:100%;
padding:30px;
}

.price-top-text{
font-size: 30px;
color: #062f35;
font-weight: bold;
font-family: "Value Sans Pro";
}

.price-mid-text{
font-size: 55px;
color: #062f35;
font-weight: bold;
font-family: "Value Sans Pro";
padding:5px 0px 10px;
}

.price-mid-text sup{
font-size: 20px;
color: #062f35;
font-weight: 500;
font-family: "Poppins";
top:-37px;
right:-8px;
}

.price-mid-text sub{
font-size:16px;
}

/* about-sec */

.main-heading span{
color:#6bad43;
}

.about-para{
font-size: 15px;
line-height: 27px;
color: #062f35;
font-weight: 400;
padding-bottom:30px;
}

.step-heading{
font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase;
color: #38b4a3;
font-weight: 700;
font-family: "Poppins";
padding:40px 50px;
position:relative;
text-align:center;
}

.step-heading:before{
position:absolute;
content:"";
background: #22b4be; 
width:56px;
height:1px; 
left:-10px;
top: 50%;
}

.step-heading:after{
position:absolute;
content:"";
background: #22b4be; 
width:56px;
height:1px; 
right:-10px;
top: 50%;
}

.step-body{
display:flex;
justify-content:space-between;
flex-flow:wrap;  
position: relative;
}

.step-body:before{
position:absolute;
content:"";
border:1px solid #e6eaea;  
width:1px;
height:100%;
top: 50%;
left:26%;
transform: translate(-50%, -50%);
}

.step-body:after{
position:absolute;
content:"";
border:1px solid #e6eaea;  
width:1px;
height:100%;
top: 50%;
left:63%;
transform: translate(-50%, -50%);
}

.step-part{
text-align:center;  
}

.step-part img{
width:28px;  
}

.step-small-heading{
font-size: 12px;
color: #062f35;
font-weight: 500;
padding:10px 0px 5px;
}

.step-large-heading{
font-size: 14px;
color: #062f35;
font-weight: 500;
}

/* home-contact-sec */

.home-contact .wpcf7-text, .home-contact .wpcf7-select, .home-contact .wpcf7-textarea{
border: 1px solid rgba(34, 180, 190, 0.510);
min-height:52px;
width:100%;
border-radius: 10px;
background:inherit;
padding:18px 15px 12px !important;
color: #062f35;
font-size:14px;
font-weight: 500;
outline:none;
position: relative;
}

.home-contact .wpcf7-select{
appearance:none; 
background:url(../images/service-arrow.png) no-repeat 0 0;
background-position:98% 22px;   
}

.form-grp{
position: relative !important;    
}

.form-grp label{
position:absolute;
top:13px;
left:10px;
z-index:2;
}

.home-contact label{
font-size: 14px;
color: #323232;
font-weight: 500;
background:#fff;
padding:2px 6px;
}

.home-contact .wpcf7-textarea{
height:80px;    
}

.home-contact p{
margin-bottom:0px;    
}

.home-contact .wpcf7-list-item{
margin-left:0px;    
}

/* testimonial-sec */

.testimonial-sec{
background: #e0ffff;
padding:65px 0px;
}

.testimonial-sec .sub-heading{
color:#22b4be;
}

.sp-testimonial-free{
border-radius: 10px !important;
filter: drop-shadow(1px 0px 5px rgba(12,13,12,0.19)) !important;
background-color: #ffffff !important;
padding:50px 25px 100px !important; 
margin:10px !important;
position:relative !important;   
}

.sp-testimonial-free-wrapper{
overflow:inherit !important;    
}

#sp-testimonial-free-wrapper-42 .sp-testimonial-free-section{
margin:0px !important;    
}

.sp-testimonial-free-section .sp-testimonial-client-testimonial, .sp-testimonial-free-section .sp-testimonial-client-testimonial p{
font-size: 13px !important;
line-height: 23px !important;
color: #303131 !important;
font-weight: 400 !important;
text-align:left !important;
padding:0px 8px 0px 0px !important;
margin:0px !important; 
min-height:132px;     
}

.sp-testimonial-content{
float: left;
height:132px;
width:100%;
overflow:auto;
margin:5px 0px 20px !important;
}


#sp-testimonial-free-wrapper-42 .sp-testimonial-free-section .sp-testimonial-client-image{
text-align:left !important;
margin-bottom:40px !important;    
}

.sp-testimonial-client-name{
font-size: 16px !important;
line-height: 23px !important;
color: #22b4be !important;
font-weight: 500 !important;
position:absolute;  
left:85px;
bottom:40px; 
}

.sp-testimonial-client-designation{
font-size: 13px !important;
line-height: 23px !important;
color: #868686 !important;
font-weight: 400 !important;  
position:absolute;  
left:85px;
bottom:30px;    
}

.sp-testimonial-free-section .testimonial-nav-arrow{
transform: translateY(0px) !important; 
}

.sp-testimonial-client-rating{
position:absolute;
top:25px;
left:25px;
}

.sp-testimonial-client-image{
position:absolute;
margin:0px !important;
bottom:-15px;
left:25px;    
}

.fa-angle-right:before{
position:absolute;
content:"";
background:url(../images/testimonial-right-arrow.png) no-repeat 0 0;
width:14px;
height:28px;
background-size:contain;
right:-30px;
top:0%;
}

.fa-angle-left:before{
position:absolute;
content:"";
background:url(../images/testimonial-left-arrow.png) no-repeat 0 0;
width:14px;
height:28px;
background-size:contain;
left:-30px;
top:0%;
}

.sp-testimonial-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #22b4be;
}

.sp-testimonial-content::-webkit-scrollbar
{
	width:3px;
	background-color: #F5F5F5;
}

.sp-testimonial-content::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #303131;
}

/* faq-sec */

.sp-easy-accordion .sp-ea-single .ea-header a{
background:#151515 !important;
color:#fff !important;
font-size:17px !important;
font-family: "Value Sans Pro";	
}

.eap-icon-ea-expand-plus:before, .eap-icon-ea-expand-minus:before{
color:#fff !important;    
}

.sp-ea-one.sp-easy-accordion .ea-expand .ea-header a{
background:linear-gradient(33deg, #2bb5b7 0%, #71ac37 100%) !important;   
}

.ea-body p{
margin-bottom:0px !important;
}

.ea-body{
font-size: 14px;
line-height: 26px;
color:#062f35;
font-weight: 400;    
}

/* counter-sec */

.counter-sec .row{
padding:0px 10%;  
}

.counter-sec .main-heading{
font-size:35px;  
}

.counter-box{
text-align:center;
max-width:150px;
margin:auto;  
}

.counter-para{
font-size: 15px;
line-height: 26px;
color: #2a2a2a;
font-weight: 400;
padding:15px 15% 30px;
text-align:center;
}

.counter-large-text{
font-size: 40px;
font-weight: bold;
font-family: 'Value Sans Pro';
background-image: linear-gradient(0deg, #2cb6b8 50%, #72ac37 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.counter-box-para{
font-size: 14px;
line-height: 20px;
color: #333333;
font-weight: 500;
}

/* cta-sec */

.cta-bg{
border-radius: 10px;
background-image: linear-gradient(59deg, #2bb5b7 0%, #71ac37 100%);
padding:42px 55px;
max-width:994px;
margin:auto;
position: relative;
z-index:2;
}

.cta-text-part{
display:flex; 
align-items:center; 
}

.cta-sec .main-heading{
font-size:45px;  
}

.cta-para{
font-size: 14px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
max-width:50%;
margin-left:50px;
}

.cta-btn-grp{
text-align:center;  
}

.cta-btn-grp{
margin-top:20px;  
}

.cta-btn{
padding:12px 30px;
}

/* footer-sec */

.footer-logo img{
width:230px;	
}

.footer-sec{
background:#062f35; 
padding:60px 0px 0px;
position: relative; 
margin-top:60px;
z-index:1;
}

.footer-sec:before{
position:absolute;
content:"";
background:url(../images/footer-bg-texture.jpg) no-repeat 0 0;
left:0px;
top:0px;
background-size:cover;
width:100%;
height:100%;
mix-blend-mode:lighten;
opacity:0.08; 
z-index:-1; 
}

/* .page-id-8 .footer-sec{
padding:190px 0px 0px;
margin-top:-120px;    
} */

.footer-heading{
font-size: 23px;
letter-spacing: 0px;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
padding-bottom:20px;
}

.footer-menu{
display:flex;
justify-content:space-between;
gap:15px;	
}

.footer-menu ul li{
font-size: 14px;
line-height: 28px;
font-weight: 400;
}

.footer-menu ul li a{
color: #ffffff;
transition:0.5s ease-in-out all 0s;
}

.footer-para{
font-size: 14px;
line-height: 23px;
color: #e6e6e6;
font-weight: 400;
padding:20px 0px;
}

.footer-mid-block{
padding:0px 102px;
position:relative;  
}

.footer-mid-block:before{
position:absolute;
content:"";
background:rgba(34, 180, 190, 0.102);
width:1px;
height:100%;
top:0px;
left:40px;  
}

.footer-mid-block:after{
position:absolute;
content:"";
background:rgba(34, 180, 190, 0.102);
width:1px;
height:100%;
top:0px;
right:40px;  
}

.contact-info ul li{
font-size: 14px;
line-height:22px;
color: #56c19e;
font-weight: 400;
margin-bottom:5px;
padding-left:40px;
position: relative;
}

.contact-info li span{
width: 28px;
height: 28px;
border-radius: 14px;
background: linear-gradient(0deg, #2bb5b7 0%, #71ac37 100%);
display:block;
display:flex;
align-items:center;
justify-content:center;
padding:6px;
position:absolute;
left:0px;
top:5px;
}

.contact-info ul li strong, .contact-info ul li strong a{
color:#ffffff;
display:block;
font-weight:400;
transition:0.5s ease-in-out all 0s;
}

.copyright-text{
font-size: 13px;
line-height:20px;	
letter-spacing: 0px;
color: #ffffff;
font-weight: 300;
text-align:center;
padding:50px 0px 20px;
}

.copyright-text a{
color:#fff;  
transition:0.5s ease-in-out all 0s;
}

.footer-menu ul li a:hover, .contact-info ul li strong a:hover, .copyright-text a:hover{
color:#71ac37;
transition:0.5s ease-in-out all 0s;  
}

/* scroll to top */

#top {
background-image:linear-gradient(83deg, #2bb5b7 0%, #71ac37 100%);
border-radius:50%;
padding:8px;
bottom: 0;
color: #ffffff;
height:58px;
position: fixed;
right: 20px;
bottom:40px;
text-align: center;
text-transform: uppercase;
width:58px;
opacity: 0;
z-index: 10000;
font-size:0px;
border: 0;
transition: all 0.2s ease-in-out 0s;
cursor: pointer;
outline: none;

.fa-chevron-up {
line-height: 35px;
-webkit-font-smoothing: antialiased;
font-family: "FontAwesome";
font-size: 22px;
}
}
#top.show {
opacity: 1;
}

.upper-arrow img{
animation: bounce 1.5s infinite;
} 

@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
40% {-webkit-transform: translateY(-12px);}
60% {-webkit-transform: translateY(-3px);}
}

.site-content, .site-main .widecolumn {
margin-left: 0px !important;
}
.page .entry-header, .blog_page_header {
background: url(https://suretouchelectrical.com.au/wp-content/uploads/2026/07/inner-banner.jpg) no-repeat 0 0 !important;
background-size: cover !important;
max-width: 100% !important;
padding: 270px 0 110px !important;
margin: 0 0 0px !important;
position: relative;
overflow: hidden;
text-align: center;
}

.blog_page_header{
margin-bottom:60px !important;	
}

.page .entry-header:before, .blog_page_header:before {
background: rgba(0, 0, 0, 7.9);
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 75%, rgba(0, 0, 0, 0.6) 100%);
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.page .entry-content {
max-width: 100% !important;
padding: 0px !important;
}
.content-area, .content-sidebar {
padding-top: 0px !important;
}
.page .entry-title, .blog_page_title {
color: #fff !important;
position: relative;
font-size: 32px;
font-weight: 600;
text-transform: none;
z-index: 99;
margin-bottom: 3px;
font-family: 'Value Sans Pro';
}
.breadcrumb-container {
width: 100%;
color: #fff;
position: relative;
font-size: 15px;
}
.breadcrumb-container a {
color: #21898b;
}
.page {
margin-top: 0 !important;
}

/* inner-sec */

.inner-sec{
margin-top:60px;	
}

.inner-heading{
font-size:30px;
line-height:1.3;
color: #062f35;
font-weight: bold;
font-family: "Value Sans Pro";
padding-bottom:20px;
position:relative;	
}

.inner-heading:before{
position:absolute;
content:"";
width:30px;
height:3px;
border-radius:4px;	
background: #062f35;
bottom:10px;
}

.page-id-80 .inner-heading:before{
background:#fff;	
}

.centered:before{
left:50%;
transform:translate(-50%, 0);	
}

.inner-para{
font-size: 15px;
line-height: 27px;
color: #062f35;
font-weight: 400;
}

.inner-para strong{
font-family: "Value Sans Pro";	
font-size:22px;
display:inline-block;
padding-bottom:3px;	
}

.inner-para p:last-child{
margin-bottom:0px;	
}

.inner-list{
margin:10px 0px;	
}

.inner-list ul li{
font-size: 15px;
line-height:25px;
color: #062f35;
font-weight: 400;
position:relative;
padding-left:20px;
margin-bottom:3px;	
}

.inner-list ul li:last-child{
margin-bottom:0px;	
}

.inner-list ul li:before {
position: absolute;
content: '\2713';
color: #2bb5b7;
padding: 0 6px 0 0;
top: 2px;
left: 0px;
font-weight:700;	
}

.call-bg{
background:linear-gradient(59deg, #2bb5b7 0%, #71ac37 100%);
padding:30px;
text-align:center;	
border-radius:8px;	
}

.inner-cta{
text-align:center;
margin-top:15px;
}

.inner-cta a{
margin:0px 5px;	
}

.call-heading{
font-size:30px;
line-height:1.3;
color: #fff;
font-weight: bold;
font-family: "Value Sans Pro";
padding-bottom:20px;
position:relative;	
}

.call-heading:before{
position:absolute;
content:"";
width:30px;
height:3px;
border-radius:4px;	
background: #fff;
bottom:10px;
left:50%;
transform:translate(-50%, 0);	
}

.call-para, 
.inner-service-box-para{
font-size: 15px;
line-height: 27px;
color: #fff;
font-weight: 400;	
}

.inner-service-box{
background:#2bb5b7;
padding:30px 25px;
border-radius:5px;
height:100%;
text-align:center;	
}

.inner-service-box2{
background:inherit;
padding:10px;	
}

.inner-service-box-logo{
min-height:84px;
display:flex;
align-items:center;
justify-content:center;	
}

.inner-service-box2 .inner-service-box-logo img{
max-width:167px;
margin-top:24px;	
}

.inner-service-box2 .inner-service-box-heading{
color: #062f35;	
}

.inner-service-box2 .inner-service-box-para{
font-size: 15px;
line-height: 27px;
color: #062f35;
font-weight: 400;	
}

.inner-service-box2 .header-btn2:hover{
box-shadow: inset 0 80px #000;
color: #fff;
transition: 0.5s ease-in-out all 0s;	
}

.inner-service-box-icon img{
width:60px;
margin-bottom:15px;	
}

.inner-service-box-img img{
max-height: 300px;
width: 100%;
object-fit: cover;
border-radius:5px 5px 0px 0px;	
}

.inner-service-box-heading{
font-size:24px;
line-height:1.3;
color: #fff;
font-weight: bold;
font-family: "Value Sans Pro";
padding-bottom:5px;	
}

.ref_form_box{
background:linear-gradient(33deg, #2bb5b7 0%, #71ac37 100%);
padding:35px;
border-radius:15px;   
}

.ref_form_box p, .ref_form_box_input p{
margin-bottom:0px;    
}

.ref_form_box .wpcf7-text, 
.ref_form_box .wpcf7-date,
.ref_form_box .wpcf7-select,
.ref_form_box .wpcf7-file,
.ref_form_box textarea
{
background:#fff;
padding:14px 20px;
border-radius:50px; 
width:100%; 
border:0px;
outline:0px;  
}

.ref_form_box .wpcf7-select{
padding:13px 20px;   
}

.ref_form_box .wpcf7-file{
padding:9px 20px !important;   
}

.ref_form_box_label, .ref_form_box_input label{
color:#fff;
padding-bottom:5px;    
}

.contact-btn .wpcf7-submit{
padding:12px 35px;
}

.ref_form_box .contact-btn .wpcf7-submit{
background:#fff;
color:#000;    
}

.ref_form_box .contact-btn .wpcf7-submit:hover, .ref_form_box .contact-btn .wpcf7-submit:active, .ref_form_box .contact-btn .wpcf7-submit:focus{
box-shadow:inset 0 80px #36c2dc;
color:#fff;   
}

.ref_form_box_input input, .ref_form_box_input .wpcf7-select{
border-radius:4px !important;
background-color: #fff !important;
width: 100% !important;
outline: 0 !important;
padding: 12px 15px !important;
color: #030303 !important;
font-size: 15px !important;
border:1px solid #b8b8b8;
}

.ref_form_box input, .ref_form_box select{
border:0px !important;    
}


.ref_form_box_input textarea {
border-radius:4px !important;
background-color: #fff !important;
width: 100% !important;
outline: 0 !important;
padding: 14px 15px !important;
color: #030303 !important;
font-size: 15px !important;
border:1px solid #b8b8b8 !important;
height:144px !important;
}

.ref_form_box_input input::placeholder, .ref_form_box_input textarea::placeholder{
color:#1f2125;    
}

.contact_page_info {
position: relative;
padding-left: 47px;
color:#062f35;
margin-top: 25px;
font-size:15px;
}

.contact_page_info img {
position: absolute;
top: 7px;
left: 0;
width: 35px !important;
border-radius:0px;
}

.contact_page_info strong{
color:#062f35;
}

.contact_page_info a {
color:#062f35;
text-decoration:none !important;
transition:0.5s ease-in-out all 0s;
}

.contact_page_info a:hover{
transition:0.5s ease-in-out all 0s;
color:#2bb5b7;	
}

.error_container {
display: flex;
align-items: center;
text-align: center;
}

/* blog */

.more-link {
font-weight:400;
display: block;
width: fit-content;
padding: 10px 30px;
margin:20px 0px 30px;	
}

.wp-block-heading {
border-top: 5px solid #71ac37;
color: #2b2b2b;
font-size: 18px;
font-weight: 600;
margin: 0 0 18px;
padding-top: 7px;
text-transform: uppercase;
font-family: "Value Sans Pro";	
}

.site-content .has-post-thumbnail .entry-header {
margin-top: 0 !important;
}

.post-template-default .site-content .entry-content,
.post-template-default .site-content .entry-header,
.blog .site-content .entry-header,
.blog .site-content .entry-summary {
max-width: 100% !important;
}

.content-sidebar .widget a{
color:#2e2e2e !important;
transition:0.3s ease-in-out all 0s;	
}

.entry-meta a, .entry-title a{
transition:0.3s ease-in-out all 0s;
}

.content-sidebar .widget a:hover, .entry-meta a:hover, .entry-title a:hover {
color: #2bb5b7 !important;
transition:0.3s ease-in-out all 0s;		
}

.site-content .entry-title{
font-family: "Value Sans Pro";
color:#062f35;
font-size:27px !important;	
}

.post .entry-summary, .post .entry-content{
font-size:15px;
line-height:27px;
color: #3f3f3f;
font-weight: 400;	
}

/* faq */

.faq-block {
margin-top: 15px;
}

.faq-heading {
margin-top: 0px;
margin-bottom: 0px;
font-size: 17px;
font-weight: 500;
background: #2bb5b7;
color: #fff;
padding: 12px 20px;
line-height: inherit;
border-radius: 5px 5px 0px 0px;
font-family: "Value Sans Pro";	
}

.faq-para {
color:#062f35;
padding: 17px 20px;
font-size:15px;
line-height:27px;	
background:#f7f7f7;
border-radius: 0px 0px 5px 5px;
}

/* footer-fixed */

.footer-fixed-buttons {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
z-index: 99;
display:none;
}
.footer-btn1 {
background:linear-gradient(83deg, rgb(43, 181, 183) 0%, rgb(113, 172, 55) 100%);
color: #fff !important;
width: 50%;
float: left;
padding: 10px 0;
}
.footer-btn2 {
background: #fff;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
height: 44px;
width: 44px;
border-radius: 50%;
padding: 9px 12px 0;
}
.footer-btn3 {
background:#1a4628;
color: #fff !important;
width: 50%;
float: left;
padding: 10px 0;
}

/* responsive */

@media only screen and (max-width : 767px) {
.wrap-bg{margin-top:60px;}	
.ti-widget.ti-goog .ti-col-1 .ti-reviews-container, .ti-widget.ti-goog .ti-col-1 .ti-footer{margin-bottom:0px !important;}	
}


@media only screen and (min-width : 320px) and (max-width : 480px) {
.banner-sec .container{padding:0px !important;}
.ms-slide-info{left:4% !important;right:4% !important;width:auto !important;}
.ms-view, .ms-slide, .ms-slide-bgcont{min-height: 560px !important;}
.banner-btn-part a{font-size: 14px !important;}	
.wcu-box-para{min-height:150px;}
.inner-cta{display:flex;flex-flow:wrap;justify-content:center;gap:8px;}
.inner-btns	a{padding: 11px 20px !important;}
}

@media only screen and (min-width : 320px) and (max-width :568px) {

}

@media only screen and (min-width : 300px) and (max-width : 1023px) {
.primary-navigation, .ms-nav-next, .ms-nav-prev, .banner-btns{display:none !important;}
.logo a img{width:120px;}
.footer-fixed-buttons{display:block;}
.upper-arrow{bottom:60px !important;}	
.footer-mid-block{padding:0px 12px;}
.footer-menu{justify-content: start;}	
.footer-menu ul:nth-child(2){margin-left:25px !important;}
.copyright-text{padding:30px 0px 60px !important;}	
}

@media only screen and (min-width : 300px) and (max-width : 1024px) {
.banner-heading, .wrap-box-heading, .main-heading{font-size:30px;line-height:38px;}
.banner-para{padding:15px 0px 10px;}
.banner-btn-part a{font-size:16px;}
.ms-view, .ms-slide, .ms-slide-bgcont{min-height: 480px;}
.ms-slide-bgcont img{object-fit: cover;max-width: 100% !important;}
.header{padding:15px 0px;}	
.banner-btn-part{margin-top:15px;}	
.btn2:after{width:18px;}
.wrap-bg{padding:30px;}
.wrapper{margin-top:60px;}
.wcu-sec, .testimonial-sec{padding:60px 0px;}
.footer-mid-block:before, .footer-mid-block:after{display:none;}
.page .entry-header, .blog_page_header{padding:170px 0px 70px !important;}	
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {

}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {

}

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

}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
.ms-slide-info{top:52% !important;}
.wcu-box-para{min-height:120px;}	
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
.ms-slide-info{top:52% !important;}
.wcu-box-para{min-height:120px;}	
}

/* iPhone X/XS */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

}

/* iPhone XR */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}

/* iPhone XS Max */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
	
}


/* iPad Pro 12.9 inch */
@media only screen and (min-device-width: 1024px) and (max-device-width:1199px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.banner-btns a{padding:11px 20px !important;}
.menu ul li{font-size:14px;margin-right:20px;}
.footer-mid-block{padding:0px 40px;}
.contact-info li{word-break: break-word;}
.primary-navigation{margin:0px 0px 0px auto !important;}
.footer-mid-block:before, .footer-mid-block:after{display:none;}	
}


/* iPad Pro 12.9 inch */
@media only screen and (min-device-width: 1024px) and (max-device-width:1199px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.banner-btns a{padding:11px 20px !important;}
.menu ul li{font-size:14px;margin-right:20px;}	
.footer-mid-block{padding:0px 40px;}
.contact-info li{word-break: break-word;}
.primary-navigation{margin:0px 0px 0px auto !important;}
.footer-mid-block:before, .footer-mid-block:after{display:none;}		
}

@media screen and (min-width: 1424px) {

}

@media screen and (min-width: 1624px) {

}

@media screen and (min-width: 1920px) {
	
}

@media screen and (min-width: 2048px) {

}

@media screen and (min-width: 2550px) {

}