.contactUs{.maxContentWidth{h2{margin-bottom:50px}.content{display:grid;grid-template-columns:1fr 2px 1fr;grid-column-gap:30px;column-gap:30px;align-items:stretch;.details{padding:40px;text-align:right;color:white;background-color:rgb(var(--orange));display:flex;flex-direction:column;justify-content:space-around;.address{h4{margin-bottom:10px;font-family:var(--quietism-text);text-transform:none;text-align:right;font-weight:700}p{font-size:10px;font-family:var(--ibm-sans);margin:0}}.phone{font-family:var(--ibm-mono)}.email{font-family:var(--ibm-sans)}}hr{margin:0;width:1px;height:100%;border-width:0 1px 0 0;border-color:rgb(var(--forest))}.contactForm{.formField:has(select){position:relative;select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select:focus+.icon .material-symbols-rounded{transform:rotate(90deg);transition:.3s}.icon{position:absolute;transition:.3s;right:5px;top:30px;color:rgba(var(--green));background:rgba(var(--forest));display:inline-block;border-radius:5px;height:26px;width:26px;.material-symbols-rounded{font-size:26px;transition:.3s}}}input,select,textarea{width:100%;background-color:rgb(var(--green));padding:8px 10px;font-family:var(--mono-sans);font-size:17px;margin-bottom:15px;border:1px solid rgb(var(--green))}input:focus,select:focus,textarea:focus{outline:none!important;border-color:rgb(var(--forest))}textarea{height:86px}label{font-weight:500;margin-bottom:7px;font-family:var(--quietism-text)}.buttonContainer{text-align:left;button{min-width:130px}}}& dialog{position:fixed;border:none;border-radius:20px;max-width:470px;background-color:rgb(var(--land));text-align:center;padding:35px;top:100px;& .material-symbols-sharp{font-size:100px;color:rgb(var(--forest))}& h3{color:rgb(var(--forest));text-transform:capitalize;margin:20px 0}& .close{position:absolute;top:12px;right:12px}}& dialog::-webkit-backdrop{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}& dialog::backdrop{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}}}@media screen and (max-width:440px){.contactUs{.maxContentWidth{padding:35px 30px;h2{font-size:43px;margin-bottom:35px}.content{grid-template-columns:1fr;& dialog{margin:0 20px;padding:20px;& h3{font-size:28px}}.details{gap:35px;align-items:center;.address{text-align:center;h4{text-align:center}}.email,.phone{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:10px}}hr{margin:35px 0;height:unset;width:unset;border-width:1px 0 0}}}}}