.page-contact section.contact{
	background: var(--col-green);
	margin:0;
	background-image:
    url("data:image/svg+xml,%3Csvg width='3000' height='1402' viewBox='0 0 3000 1402' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cpath d='M-51 1401.08L-49.2 942L-11.1001 988.609L282.2 1347.51L1959.77 969.788L1729.6 1401.08H-51Z' fill='url(%23paint0_linear_669_480)'/%3E%3Cpath d='M1669 1402L1948.82 978.707L2988.43 64.7644L3001.15 53.5713L3032.49 26.0249L3032.52 26L3033 1402H1669Z' fill='url(%23paint1_linear_669_480)'/%3E%3Cpath d='M1958 970.712L2987.12 39.4971L2999.72 28.0924L3030.75 0.0255127L3030.77 0.00012207V1402H2628.47L1958 970.712Z' fill='%23F0D293'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_669_480' x1='954.387' y1='942' x2='954.387' y2='1401.08' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBB2D'/%3E%3Cstop offset='1' stop-color='%2399701B'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_669_480' x1='1872.93' y1='26' x2='1872.93' y2='1402' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0721154' stop-color='%2377591A' stop-opacity='0.8'/%3E%3Cstop offset='0.432692' stop-color='%2399701B' stop-opacity='0.8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"),
    linear-gradient(162deg, rgb(253, 195, 75) 41%, rgb(255, 187, 45) 74%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
	position: relative;
 


}



.page-contact section.contact .hex-container
{
	position:absolute;
}

.page-contact section.contact .hex-container svg
{
        width: 100%;
        height: 100%;
    }





.page-contact section.contact .hexagonshapes .dotted1
{
	--target-opacity: 0.7;
	--to-transform: translateY(0) scale(1) rotate(45deg);
	--from-transform: translateY(-250px) scale(0.9) rotate(-5deg);
	--from-transition: opacity 0.1s cubic-bezier(0.25, 1, 0.5, 1), 
                        transform 1.3s cubic-bezier(0.25, 1, 0.5, 1);
}


.page-contact section.contact .hexagonshapes .outline1
{ 
	--target-opacity: 0.5;
	--to-transform: translateY(0) scale(1) rotate(45deg);
	--from-transform: translateY(250px) scale(0.5) rotate(20deg);
	--from-transition: opacity 0.1s cubic-bezier(0.25, 1, 0.5, 1), 
                        transform 1.3s cubic-bezier(0.25, 1, 0.5, 1);
}



.page-contact section.contact .contactinner h1
{

color: var(--col-darkblue);
    text-transform: uppercase;
	

   
}




body.page-contact {
	
max-height:100vh;
  
}

.page-contact section.contact .contactinner .left h2
{
 
    color: var(--col-mbiblue);
}
.page-contact section.contact .contactinner .left span.number::before
{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='phoneicon' viewBox='0 0 65 65' %3E%3Cpath d='M13.1625 7.70833C13.375 10.8604 13.9062 13.9417 14.7562 16.8813L10.5063 21.1313C9.05417 16.8813 8.13333 12.3833 7.81458 7.70833H13.1625ZM48.0833 50.2792C51.0937 51.1292 54.175 51.6604 57.2917 51.8729V57.15C52.6167 56.8312 48.1188 55.9104 43.8333 54.4937L48.0833 50.2792ZM16.5625 0.625H4.16667C2.21875 0.625 0.625 2.21875 0.625 4.16667C0.625 37.4229 27.5771 64.375 60.8333 64.375C62.7813 64.375 64.375 62.7813 64.375 60.8333V48.4729C64.375 46.525 62.7813 44.9313 60.8333 44.9313C56.4417 44.9313 52.1563 44.2229 48.1896 42.9125C47.838 42.785 47.4655 42.7249 47.0917 42.7354C46.1708 42.7354 45.2854 43.0896 44.5771 43.7625L36.7854 51.5542C26.7463 46.4201 18.5799 38.2537 13.4458 28.2146L21.2375 20.4229C22.2292 19.4313 22.5125 18.05 22.1229 16.8104C20.7794 12.7306 20.0978 8.46199 20.1042 4.16667C20.1042 2.21875 18.5104 0.625 16.5625 0.625Z' fill='%23052a48'/%3E%3C/svg%3E");
	
display:block;

	
}
	
.page-contact section.contact .contactinner .left span.number
{

display: flex;	
    font-weight: 500;
	
}

.page-contact section.contact .contactinner .left span.email::before
{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='contactemail' viewBox='0 0 71 57'%3E%3Cpath d='M0.0834961 56.8333V0.166626H70.9168V56.8333H0.0834961ZM35.5002 32.0416L7.16683 14.3333V49.75H63.8335V14.3333L35.5002 32.0416ZM35.5002 24.9583L63.8335 7.24996H7.16683L35.5002 24.9583Z' fill='%23052a48'/%3E%3C/svg%3E%0A");

display:block;
	
	
}

.page-contact section.contact .contactinner .left span.email
{

display: flex;
	
    font-weight: 500;
}

.page-contact section.contact .contactinner .left span.name
{

display: block;
    font-weight: 600;
}

.page-contact section.contact .contactinner .content
{
display: flex;
	
	
}

.page-contact section.contact .contactinner .content .left
{
	flex: 1;
color: var(--col-darkblue);
		
}


.page-contact section.contact .contactinner .content .right
{
	flex: 1.1;


}






.page-contact .nf-form-fields-required
{
	display:none;
}

.page-contact .nf-field-label label
{
	    font-family: var(--content-font);
    color: var(--col-darkblueblue);
    font-weight: 600;
  
}

.nf-error-msg, .ninja-forms-req-symbol {
    color: var(--col-darkblue);
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: var(--col-darkblue) !important;

    color: var(--col-white) !important;
    font-family: var(--content-font)!important;
    text-transform: uppercase !important;
	    font-weight: 600;
    
}

.nf-error .nf-error-msg {
    color: var(--col-darkblue) !important;
}

.ninja-forms-field {

    padding: 15px 10px !important;
}

.nf-error .ninja-forms-field {
border-color: var(--col-darkblue) !important;
    transition: all .5s;
    
}

.nf-error.field-wrap .nf-field-element:after {
    background: var(--col-darkblue) !important;
}

.nf-error-msg, .ninja-forms-req-symbol {
    color: var(--col-darkblue) !important;
}


.page-contact input[type=submit]
{
transition: all ease 200ms;
    border-radius: 15px;
	padding: 10px 30px !important;
}

.page-contact input[type=submit]:hover
{
	transform: scale(1.03);
	cursor: pointer;
}
@media screen and (min-width: 1440px) {




.page-contact section.contact .hexagonshapes .dotted1
{right: 1rem;
    top: 7rem;
	
}


.page-contact section.contact .hexagonshapes .outline1
{    right: 2rem;
    top: 17rem;
	
}

.page-contact section.contact .contactinner h1
{

    margin: 0 0 2rem 0;
}


.page-contact section.contact .contactinner .left h2
{

    font-size: 1.4rem;
    
}
.page-contact section.contact .contactinner .left span.number::before
{
	width:1.1rem;	
}
	
.page-contact section.contact .contactinner .left span.number
{
	gap:10px;
	font-size: 1.3rem;
}

.page-contact section.contact .contactinner .left span.email::before
{
	width:1.1rem;	
}

.page-contact section.contact .contactinner .left span.email
{
font-size: 1.3rem;

	gap:10px;
  
}

.page-contact section.contact .contactinner .left span.name
{
font-size: 1.3rem;
	margin: 0 0 5px 0;

}

.page-contact section.contact .contactinner .content
{
	gap:50px;
	
}

.page-contact section.contact .contactinner .content .left
{
	
		margin: 2rem 0 0 0;
}




.page-contact .nf-field-label label
{

    font-size: 1.2rem;
}



.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
  
    font-size: 1.3rem;
    padding: 10px 25px;
}

}








@media screen and (min-width: 1200px) and (max-width: 1439.99px) {
	
	
.page-contact section.contact .hexagonshapes .dotted1
{right: 1rem;
    top: 7rem;
	
}


.page-contact section.contact .hexagonshapes .outline1
{    right: 2rem;
    top: 17rem;
	
}



.page-contact section.contact .contactinner h1
{

    margin: 0 0 2rem 0;
}


.page-contact section.contact .contactinner .left h2
{

    font-size: 1.4rem;
    
}
.page-contact section.contact .contactinner .left span.number::before
{
	width:1.1rem;	
}
	
.page-contact section.contact .contactinner .left span.number
{
	gap:10px;
	font-size: 1.3rem;
}

.page-contact section.contact .contactinner .left span.email::before
{
	width:1.1rem;	
}

.page-contact section.contact .contactinner .left span.email
{
font-size: 1.3rem;

	gap:10px;
  
}

.page-contact section.contact .contactinner .left span.name
{
font-size: 1.3rem;
	margin: 0 0 5px 0;

}

.page-contact section.contact .contactinner .content
{
	gap:30px;
	
}

.page-contact section.contact .contactinner .content .left
{
	
		margin: 2rem 0 0 0;
}




.page-contact .nf-field-label label
{

    font-size: 1.2rem;
}



.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
  
    font-size: 1.3rem;
    padding: 10px 25px;
}

}






@media screen and (min-width: 992px) and (max-width: 1199.99px) {



.page-contact section.contact .hexagonshapes .dotted1
{right: 1rem;
    top: 8rem;
width: 250px;
	
}


.page-contact section.contact .hexagonshapes .outline1
{   right: -2rem;
        top: 15rem;
	width: 250px;
}

.page-contact section.contact .contactinner h1
{

    margin: 0 0 2rem 0;
}


.page-contact section.contact .contactinner .left h2
{

    font-size: 1.3rem;
    
}
.page-contact section.contact .contactinner .left span.number::before
{
	width:1.1rem;	
}
	
.page-contact section.contact .contactinner .left span.number
{
	gap:10px;
	font-size: 1.1rem;
}

.page-contact section.contact .contactinner .left span.email::before
{
	width:1.1rem;	
}

.page-contact section.contact .contactinner .left span.email
{
font-size: 1.1rem;

	gap:10px;
  
}

.page-contact section.contact .contactinner .left span.name
{
font-size: 1.1rem;
	margin: 0 0 5px 0;

}

.page-contact section.contact .contactinner .content
{
	gap:30px;
	
}

.page-contact section.contact .contactinner .content .left
{
	
		margin: 2rem 0 0 0;
}




.page-contact .nf-field-label label
{

    font-size: 1.2rem;
}



.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
  
    font-size: 1.3rem;
    padding: 10px 25px;
}

}






@media screen and (min-width: 768px) and (max-width: 991.99px) {
	
	
.page-contact section.contact .hexagonshapes .dotted1
{right: 1rem;
    top: 8rem;
width: 250px;
	
}


.page-contact section.contact .hexagonshapes .outline1
{   right: -2rem;
        top: 15rem;
	width: 250px;
}


.page-contact section.contact .contactinner .content {

    flex-direction: column-reverse;
}


.page-contact section.contact .contactinner h1
{

    margin: 0 0 2rem 0;
}


.page-contact section.contact .contactinner .left h2
{

    font-size: 1.3rem;
    
}
.page-contact section.contact .contactinner .left span.number::before
{
	width:1.1rem;	
}
	
.page-contact section.contact .contactinner .left span.number
{
	gap:10px;
	font-size: 1.1rem;
}

.page-contact section.contact .contactinner .left span.email::before
{
	width:1.1rem;	
}

.page-contact section.contact .contactinner .left span.email
{
font-size: 1.1rem;

	gap:10px;
  
}

.page-contact section.contact .contactinner .left span.name
{
font-size: 1.1rem;
	margin: 0 0 5px 0;

}

.page-contact section.contact .contactinner .content
{
	gap:30px;
	
}

.page-contact section.contact .contactinner .content .left
{
	
		margin: 2rem 0 0 0;
}




.page-contact .nf-field-label label
{

    font-size: 1.2rem;
}



.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
  
    font-size: 1.3rem;
    padding: 10px 25px;
}

}













@media screen and (min-width: 500px) and (max-width: 767.99px) {
	
	
	
.page-contact section.contact .hexagonshapes .dotted1
{right: 0rem;
    top: 7rem;
width: 200px;
	
}


.page-contact section.contact .hexagonshapes .outline1
{   right: 2rem;
        top: 13rem;
	width: 200px;
}




.page-contact section.contact .contactinner .content {

    flex-direction: column-reverse;
}


.page-contact section.contact .contactinner h1
{

    margin: 0 0 2rem 0;
}


.page-contact section.contact .contactinner .left h2
{

    font-size: 1.3rem;
    
}
.page-contact section.contact .contactinner .left span.number::before
{
	width:1.1rem;	
}
	
.page-contact section.contact .contactinner .left span.number
{
	gap:10px;
	font-size: 1.1rem;
}

.page-contact section.contact .contactinner .left span.email::before
{
	width:1.1rem;	
}

.page-contact section.contact .contactinner .left span.email
{
font-size: 1.1rem;

	gap:10px;
  
}

.page-contact section.contact .contactinner .left span.name
{
font-size: 1.1rem;
	margin: 0 0 5px 0;

}

.page-contact section.contact .contactinner .content
{
	gap:30px;
	
}

.page-contact section.contact .contactinner .content .left
{
	
		margin: 2rem 0 0 0;
}




.page-contact .nf-field-label label
{

    font-size: 1.2rem;
}



.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
  
    font-size: 1.3rem;
    padding: 10px 25px;
}

}






@media screen and (min-width: 400px) and (max-width: 499.99px) {
		
.page-contact section.contact .hexagonshapes .dotted1
{right: 0rem;
    top: 7rem;
width: 200px;
	
}


.page-contact section.contact .hexagonshapes .outline1
{   right: 2rem;
        top: 13rem;
	width: 200px;
}



   
.page-contact section.contact .contactinner .content {

    flex-direction: column-reverse;
}


.page-contact section.contact .contactinner h1
{

    margin: 0 0 2rem 0;
}


.page-contact section.contact .contactinner .left h2
{

    font-size: 1.3rem;
    
}
.page-contact section.contact .contactinner .left span.number::before
{
	width:1rem;	
}
	
.page-contact section.contact .contactinner .left span.number
{
	gap:10px;
	font-size: 1rem;
}

.page-contact section.contact .contactinner .left span.email::before
{
	width:1rem;	
}

.page-contact section.contact .contactinner .left span.email
{
font-size: 1rem;

	gap:10px;
  
}

.page-contact section.contact .contactinner .left span.name
{
font-size: 1rem;
	margin: 0 0 5px 0;

}

.page-contact section.contact .contactinner .content
{
	gap:30px;
	
}

.page-contact section.contact .contactinner .content .left
{
	
		margin: 2rem 0 0 0;
}




.page-contact .nf-field-label label
{

    font-size: 1.2rem;
}



.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
  
    font-size: 1.3rem;
    padding: 10px 25px;
}

}








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

 		
.page-contact section.contact .hexagonshapes .dotted1
{right: 0rem;
    top: 7rem;
width: 200px;
	
}


.page-contact section.contact .hexagonshapes .outline1
{   right: 2rem;
        top: 13rem;
	width: 200px;
}

.page-contact section.contact .contactinner .content {

    flex-direction: column-reverse;
}


.page-contact section.contact .contactinner h1
{

    margin: 0 0 2rem 0;
}


.page-contact section.contact .contactinner .left h2
{

    font-size: 1.3rem;
    
}
.page-contact section.contact .contactinner .left span.number::before
{
	display:none;
}
	
.page-contact section.contact .contactinner .left span.number
{
	gap:10px;
	font-size: 1rem;
}

.page-contact section.contact .contactinner .left span.email::before
{display:none;
}

.page-contact section.contact .contactinner .left span.email
{
font-size: 1rem;

	gap:10px;
  
}

.page-contact section.contact .contactinner .left span.name
{
font-size: 1rem;
	margin: 0 0 5px 0;

}

.page-contact section.contact .contactinner .content
{
	gap:30px;
	
}

.page-contact section.contact .contactinner .content .left
{
	
		margin: 2rem 0 0 0;
}




.page-contact .nf-field-label label
{

    font-size: 1.2rem;
}



.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
  
    font-size: 1.3rem;
    padding: 10px 25px;
}

}