.contact-thx {display:block; padding:45px 0; border-top:2px solid white; background-color:var(--dark-green);}
.contact-thx-content {display:block; width:50%; margin:0 auto; color:white;}
  .contact-thx-content h2 {text-align:left; color:white;}
  .contact-thx-content p {color:white;}
.social-contact {display:flex; width:240px; padding:30px 0; align-content:flex-start; justify-content:flex-start; gap:30px;}
  .social-contact img:hover {opacity:0.65; transition:0.2s ease;} 
  
.form-box {text-align:center; /*width:520px;*/ margin:0 auto; padding:15px; background-color:var(--light-grey);}

input, textarea, select {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

label {display:block; padding-left:40px; text-align:left; font-family:'Libre Baskerville', serif; font-size:16px; color:var(--light-green);}

.error {position:relative; padding-top:5px; padding-left:15px; text-align:left; font-size:18px; font-weight:700; color:var(--red);}

::placeholder {text-align:left; font-size:16px; font-weight:400; color:var(--mid-grey); font-family:'Libre Franklin', sans-serif;}
input {width:100%; margin:0 auto 10px auto; padding:15px 3%; color:var(--dark-green); font-size:18px; background-color:white; border:1px solid var(--light-grey); outline:none;}
input:focus {color:var(--mid-green); box-shadow:0 0 5px var(--mid-grey);}
textarea {width:100%; height:150px; margin:0 auto 10px auto; padding:12px 2.5%; font-family:'Libre Franklin', sans-serif; font-size:18px; color:var(--dark-green); background-color:white; border:1px solid var(--light-grey); outline:none;}
textarea:focus {color:var(--mid-green); box-shadow:0 0 5px var(--mid-grey);}

input#pcode {display:none;}

select label {display:block; margin-top:20px; margin-bottom:5px; padding-left:40px; text-align:left; font-family:'Libre Baskerville', serif; color:var(--mid-grey);}
select {  
  display: block;
  width:100%;
  margin:0 auto 15px auto;
  padding: 12px 10px;
  font-size: 16px;
  font-family:'Libre Franklin', sans-serif;
  line-height: 1.5;
  color: var(--dark-green);
  cursor:pointer;
  background-color:white;
  border:1px solid var(--light-grey);
}

select option {color:var(--dark-green); font-weight:500; font-size:18px; cursor:pointer;}
select option:first-of-type {/*color:#000;*/ font-size:15px; font-weight:300; background-color:white;}
select option:nth-of-type(even) {background-color:var(--light-grey);}

.btn {display:block; width:240px; margin:30px auto 10px auto; padding:15px 0; text-align:center; color:white; font-size:16px; font-weight:500;background-color:var(--mid-green); border:2px solid white; outline:none; border-radius:25px; box-shadow:none !important;}
.btn:hover{color:#fff; background-color:var(--red); cursor:pointer;}
@media screen and (max-width:1024px) { 
.contact-thx-content {width:90%;}
}