#primary-nav .top-bar-section > ul > li > a {font-size: 1rem;}
.header-container .nav-wrapper,
#primary-nav .top-bar-section {width: auto; float: right;}
left: -28px;
body.page-id-452 .banner-container {display: none;}
body.page-id-452 div.wpcf7 form input[type="text"] {border: solid 1px #81BB05; width: 60%;}

.main-contact {   float: left;   width: 100%;}

body.page-id-452 .wpcf7 form input[type="submit"] {
    border: 0px;
    background: #13C1BA;
    border-radius: 5px;
    font-size: 32px;
    padding: 15px 65px;
    text-align: center;
    margin: auto !important;
    float: none;
   
}
.email input{border-right:1px solid #81bb05 !important; border-left:1px solid #81bb05 !important;}
.content-block.block-1 {
  background-color: #fff !important;
}
.wpcf7-submit{ margin-left:0px;}

.page-contact .main-wrap .form-container .wpcf7 input[type="submit"], .page-contact-us .main-wrap .form-container .wpcf7 input[type="submit"], .page-template-template-contact-php .main-wrap .form-container .wpcf7 input[type="submit"] {
  margin-left:0;
}
#wpcf7-f4-o2 .wpcf7-submit{ margin-left:300px;}
.winne {
  width: 100% !important;
}
.grid-sec-home span {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
}

.footer-form-container .wpcf7 p {
  float: none;
  overflow: visible;
  padding: 22px 0 0;
  width: 100%;
position:relative;
}
.footer-form-container #postcode {
  border: 0 none;
  border-radius: 6px;
  color: #3f487f;
  cursor: text;
  font-size: 18px;
  height: auto;
  margin: 0 auto;
  outline: 0 none;
  padding: 22px;
  position: relative;
  text-align: left;
  width: 100%;
}
.footer-form-container form {
  display: table;
  margin: 0 auto;
  text-align: center;
}
.footer-form-container #postcode2 {padding:22px 80px 22px 22px !important}


.footer-form-container .wpcf7 input[type="submit"] {
  background: #13C1BA !important;
  border-radius: 100% !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 700;
  height: 90px !important;
  padding: 0 !important;
  position: absolute;
  right:-14px;
  text-transform: uppercase;
  top: 10px;
  width: 90px !important;
  z-index: 2;
border:0px;
}
.footer-form-container .wpcf7 input[type="submit"] {
  animation: 2s ease 0s normal none infinite running valuation-btn-flash--green  !important;
  background: #13c1ba !important;
}
.footer-form-container h2 {
  margin-bottom: 10px;
}

.footer-form-container .wpcf7 p:nth-of-type(2n+1) {
  margin-right: 0;
  position: relative;
  height: auto;
  overflow: visible;
  margin: 0;
}
.grid-sec-home > p {
  color: #fff;
  font-size: 27px;
  font-weight: 600;
}
.grid__item_home > p {
  color: #fff;
  font-weight: 600;
}
.footer-form-container .wpcf7 input[type="submit"]:hover {
  background: #5F8904 !important;
}
.get-in-touch-sec{
background: rgba(0,0,0, 0.5); padding:20px;}
.footer-form-container {
  padding: 50px 0 !important;
}
.email .wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
  border-top: 1px solid #81bb05;
}
#primary-nav .top-bar-section > ul > li {
  margin-left: 16px;
}

.testimonial-container,
.gallery-container {
width: 100%;
clear: both;

}

.testimonial_slider__minimal .testimonial_by_wrap {display: none;}

.testimonial_slider__minimal .testimonial_quote {width: 100% !important;}

.testimonial_slider_set.testimonial_slider {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
}

.video-container-home,
.testimonial-slider {
width: 48%;
float: left;
}

.testimonial-slider {padding: 15px 40px;}

.video-container-home p {margin: 0px;}

.slideshow-container .slide .caption-wrapper {
    top: 5% !important;
}


.contact-container {
width: 380px !important; 
background: url(/app/themes/ff-theme/images/contactback.png) no-repeat;  
border-radius: 15px;
text-align: center;
color: #fff;
position: absolute; 
/**z-index: 9999; **/
width: 30%;
right: 50px;
top: 20px;
padding: 30px 0px;
}



.contact-container input.wpcf7-text {
width: 260px;
text-align: center;
color: #ddd;
background: transparent;
border: none !important;
}

.contact-container  .wpcf7 form input[type="text"] {
border: medium none !important;
    color: #ddd;
    margin: 0 auto;
    padding-right: 60px;
    text-align: center;
    width: 265px;
background:transparent;
padding-left:5px;

}





.contact-container  .wpcf7 form input[type="text"]:focus {background: transparent !important;}

.contact-container h2, 
.contact-container h3,
.contact-container h4 {color: #000; font-weight: bold; margin-bottom: 10px;}

.contact-container .wpcf7 form input[type="submit"] {
  font-size: 32px;
background: #13c1ba none repeat scroll 0 0;
    height: 80px;
    line-height: 34px;
    margin: 0;
     position: absolute;
 border: medium none;
     bottom: inherit;
    right: 30px;
    top: -15px;
    width: 80px;
 border-radius: 50%;
}

#wpcf7-f438-o1 .wpcf7-response-output {display: none !important;}



@media only screen and (max-width: 1100px) {

.video-container-home,
.testimonial-slider {
width: 100% !important;
float: none; 
}
.header-container .nav-wrapper, #primary-nav .top-bar-section {
    width: 100% !important;
    float: none !important;
    clear: both;
    text-align: left !important;
    right: 0px !important;
}

}





@media all and (max-width: 1228px) and (min-width: 1100px) {
  #primary-nav {
    margin-top: 0px !important; 
}
.header-container .nav-wrapper {margin-top: 0px !important;}
.header-container header {margin-bottom: -30px;}
}

@media only screen and (max-width: 960px) {

.home .contact-container {margin-top:-400px}

.topForm div.wpcf7 form {padding: 67px 0 0}
#wpcf7-f438-o1 .wpcf7-form > p {padding-right: 20px}
 
.contact-container .wpcf7 form input[type="text"] {width: 240px}
.contact-container .wpcf7 form input[type="submit"] {right:20px}
 

.contact-container {
width: 100%; 
position: relative; 
clear: both;
top: auto;
right: auto;
border-radius: 0px;
padding: 10px;
z-index: 0;
margin: auto;
}
 
 

}

@media all and (max-width: 960px) and (min-width: 768px) {
.topForm div.wpcf7 form {
    padding: 61px 0 0;
}

}


@media only screen and (max-width: 767px) {
.footer-form-container .wpcf7 p {
  padding: 50px 0 0;
}
.get-in-touch-sec {
  background: #81bb05 none repeat scroll 0 0;
  padding: 20px;
}
.footer-form-container div.wpcf7 form {
  margin-bottom: 0px;
}
.footer-form-container {
  padding: 0 !important;
 background:#81bb05 ;
}
.footer-form-container .wpcf7 input[type="submit"] {
  top: 0;
}
 
 
#wpcf7-f4-o2 .wpcf7-submit {
  margin-left: 0;
  width: 100%;
}
.wpcf7-form-control.wpcf7-submit {
  margin: 0;
  width: 100%;
}
div.wpcf7 .wpcf7-form-control-wrap {
  display: inline-block;
  left: 0;
  position: relative;
 /* top: -38px;*/
  top: 0;
  width: 100%;
}
}

@media only screen and (max-width: 480px) {
.footer-form-container .wpcf7 {margin-bottom:30px}
.footer-form-container .wpcf7 p {  position: relative !important; padding: 50px 0 0!important}
.footer-form-container .wpcf7 input[type="submit"] { right:  -129px ; top: -72px !important;}


.topForm div.wpcf7 form {
    padding: 74px 0 0;
}

.footer-form-container #postcode {
  width: 90%;
font-size:14px;
}
.footer-form-container .wpcf7 input[type="submit"] {
  height: 80px;
  width: 80px;
}
.footer-form-container .wpcf7 p {
  width: 95%;
}
#wpcf7-f4-o2 .wpcf7-submit {
  margin-left: 0;
}
.contact-container {
width: 100% !important;
background-size: contain;
background-position: top center;
}

 

 
 
div.wpcf7 .wpcf7-form-control-wrap {
  display: inline-block;
  left: -6px;
  position: relative;
  top: 0;
}

}

@media only screen and (max-width: 400px) {
 
 
}
@media only screen and (max-width: 375px) {
.footer-form-container #postcode {
  font-size: 14px;
  padding: 20px 10px;
  width: 92%;
}
.grid-sec-home > p {
  font-size: 19px;
}
.grid-sec-home span {
  font-size: 23px;
}
}

@media only screen and (max-width: 360px) {
.contact-container .wpcf7 form input[type="submit"] {right:0px}
}




@media only screen and (max-width: 320px) {
 
div.wpcf7 .wpcf7-form-control-wrap {
  left: 0;
}
.home h1 {
  font-size: 1.938rem;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
}
.footer-form-container .wpcf7 input[type="submit"] {
  height: 80px !important;
  width: 80px !important;
  top: 0;
  right: -20px;
}
.grid-sec-home span {
  color: #fff;
  font-size: 23px;
  font-weight: 700;
}
}


.footer-form-container .wpcf7 input[type="submit"] {
    position: relative !important;
    text-transform: uppercase;
    top: -78px !important;
    bottom: 1% !important;
    width: 90px !important;
    border: 0px;
    right: -46% !important;
}



/**form new css ==============================================================================**/
/* General form styling */
.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="tel"], 
.wpcf7-form input[type="submit"], 
.wpcf7-form select {
    border: 1px solid #81BB05;
    border-radius: 5px;
    color: #81BB05;
    padding: 10px;
    width: 100%;
}

.wpcf7-form input[type="submit"] {
    background-color: #81BB05;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
}

.wpcf7-form label {
    color: #81BB05;
    font-weight: bold;
}

/* Styling for span heading above each element in option-pro */
.option-pro p span {
    display: block;
    font-weight: bold;
    color: #81BB05;
    margin-bottom: 5px;
}

/* Make .option-pro elements inline */
.option-pro .wpcf7-list-item {
    display: inline-block;
    margin-right: 10px;
}

.option-pro .wpcf7-list-item-label {
    color: #81BB05;
}

.wpcf7-form input[type="radio"] {
    margin-right: 5px;
}

div.wpcf7 form label {
		display: block;
		color: #81BB05;
	
	}

.flex-div {
			display: flex;
			flex-wrap: nowrap;
			width: 100%;
			gap: 40px;
		}
		.flex-div p {
			flex: 1;
		}
div.wpcf7 form input[type=text], div.wpcf7 form input[type=password], div.wpcf7 form input[type=email], div.wpcf7 form input[type=tel], div.wpcf7 form input[type=number], div.wpcf7 form textarea, .wpcf7-form select {
    border: solid 1px #81BB05;
    border-bottom: solid 1px #81BB05 !important;
    padding: 10px !important;
    margin-top: 10px !important;
    font-size: 16px !important;
}.wpcf7-radio input[type="radio"] {
    display: none;
}

/* Style the labels to look like buttons */
.wpcf7-list-item label {
    display: inline-block;
    background-color: white;
    color: #81BB05;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s, color 0.3s;
}

/* When a radio input is checked, style the corresponding label */
.wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label {
    background-color: #81BB05;
    color: white;
}

/* Add hover effect */
.wpcf7-list-item label:hover {
    background-color: #81BB05;
    color: white;
}

/* Ensure radio buttons are displayed inline with some gap */
.wpcf7-radio {
    display: flex;
    gap: 10px;
}

.wpcf7-list-item {
    display: inline-block;
}
span.wpcf7-list-item-label {
    padding: 10px 20px;
    border: 1px solid;
    border-radius: 5px;
}

div.opt .wpcf7-form-control-wrap {
    display: flex;
    position: relative;
    justify-content: center;
}
span.label-font, p.label-font {
    font-size: 16px;
display: block;
    font-weight: bold;
    color: #81BB05;
}

h1.label-font {
				font-size: 20px;
			}

			#wpcf7-f4-o1 form {
				display:block !important;
				margin: 0 auto;
				max-width: 1200px;
			}


@media only screen and (max-width: 600px) {

.wpcf7-form select {
				padding:3px 10px !important;
			}
  .flex-div {
        display: flex;
        flex-direction: column;
        gap: 20px;
        row-gap: 20px;
        column-gap: 20px;
        margin: 20px 0px;
    }

.flex-div.opt {
    margin: 25px 0px;
}

p.label-font {
    line-height: 20px;
}
.block-wrap h1 {
    display: block  !important;
    /* margin: 0 auto 20px; */
    margin: 20px 0px  !important;
}
.flex-div.mr-bott {
				margin: 20px 0px;
			}

}


.home.page-id-7 input#postcode {
    padding: 0px !important;
    padding-right: 13% !important;
}


.contact-container .wpcf7 form input[type="submit"] {
    top: -93px !important;
}