/* Contact Form 7 Grid Layout */
.cf7-f {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* Each field wrapper */
.cf7-f p {
  margin: 0;
}

/* Full width message field */
.cf7-f p:nth-child(5) {
  grid-column: 1 / -1;
}

/* Full width submit button */
.cf7-f p:nth-child(6) {
  grid-column: 1 / -1;
}

/* Inputs styling (optional – match UI) */
.cf7-f input,
.cf7-f textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid #ddd;
  font-size: 14px;
  margin-top: 5px;
}

.cf7-f textarea{
	height: 150px;
}

/* Button styling */


/* Mobile responsive */
@media (max-width: 568px) {
  .cf7-f {
    grid-template-columns: 1fr;
  }
}


/* Custom focus style */
.cf7-f input:focus,
.cf7-f textarea:focus {
  border-color: #16a34a;
  box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.15)!important;
}

/* Remove browser default focus outline */
.cf7-f input:focus-visible,
.cf7-f textarea:focus-visible {
  outline: none;
}

.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {
    /* display: none; */
    text-align: center!important;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    text-align: center;
    margin: 0;
}


/*Home page form */
/*13/1/2026*/

html .page-id-13 {
	.wpcf7-spinner {
    position: absolute;
     }
	.cf7-f {
		display:flex;
		justify-content: center;
		
		gap: 20px;
        align-items: center;
     }
	 
  @media (max-width: 1024px) and (min-width: 768px) {
    .cf7-f {
		flex-wrap: wrap;
	 flex-wrap: wrap;
     grid-template-columns: repeat(3, 1fr); 
      }
			
	.cf7-f p:nth-child(4){
		display: flex;
    flex-direction: column;
    align-content: center;
 
    align-items: center;
		 label {
			 display:none!important;
		 }
	   }
	  .cf7-f p {
		  width:30%;
	    }
	  
	  }
	
	@media (max-width: 768px) and (min-width: 568px) {
		
		 .cf7-f p {
		  width:75%;
	  }
    .cf7-f {
     flex-wrap: wrap;
        }
		
		 .cf7-f p:nth-child(4){	
	display: flex;
    flex-direction: column;
    align-content: center;
 
    align-items: center;
		 label {
			 display:none!important;
		 }
	}
}
	
@media (max-width: 568px) {
		 .cf7-f p:nth-child(4){	
	display: flex;
    flex-direction: column;
    align-content: center;
 
    align-items: center;
		 label {
			 display:none!important;
		 }
	}
		.cf7-f {
     flex-wrap: wrap;
        }
		 .cf7-f p {
		  width:100%;
	  }
	
	}
	
	label {
		color:#fff;
		
	}
	
	 .wpcf7-form label.error {
    color: #ffffff;
	}
	
	.cf7-f input[type="submit"] {
       
        background-color: #ff7f00;
        border-color: #ff7f00 !important;
	}
	.cf7-f input[type="submit"]:hover {
        background-color: transparent;
        border-color: #fff !important;
		color:#fff
	}
	
	 .wpcf7-response-output {
    border: solid 1px #fff!important;
    color: #fff!important;
}
}