.hero {padding: 8.5rem 2rem 3rem 2rem;}.hero > .container {height: 34vh;background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url('../../images/contact-us.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: .3rem;-webkit-border-radius: .3rem;-moz-border-radius: .3rem;-ms-border-radius: .3rem;-o-border-radius: .3rem;position: relative;}.hero .title {position: absolute;background-color: var(--primary);width: fit-content;font-weight: 600;bottom: 0;color: var(--white);padding: .5rem 1rem;border-top-right-radius: .3rem;border-bottom-left-radius: .3rem;}@media screen and (max-width: 768px) {.hero {padding: 8.5rem 0 3rem 0;}.hero .title {border-bottom-left-radius: 0;}.hero > .container {border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;}}.contact {padding: 2rem;}.contact > .container {display: flex;justify-content: space-between;gap: 3rem;background-color: var(--white);padding: 1rem;border-radius: .3rem;-webkit-border-radius: .3rem;-moz-border-radius: .3rem;-ms-border-radius: .3rem;-o-border-radius: .3rem;}.contact .left {flex: 1.25;background-color: var(--primary);padding: 2rem;border-radius: .3rem;-webkit-border-radius: .3rem;-moz-border-radius: .3rem;-ms-border-radius: .3rem;-o-border-radius: .3rem;}.contact .left .header {margin-bottom: 2rem;}.contact .left .header .heading {font-weight: 700;font-size: 1.5rem;color: var(--white);}.contact .left .header .description {color: var(--white);font-size: 1.2rem;opacity: .9;font-weight: 500;}.contact .contact-items {display: flex;flex-direction: column;gap: 3rem;margin-top: 3rem;}.contact .contact-items a {color: var(--white);opacity: .8;font-size: 1.2rem;font-weight: 600;display: flex;align-items: center;}.contact .contact-items i {margin-right: 1rem;}.contact .social-media {margin-top: 4rem;display: flex;gap: 3rem;}.contact .social-media a {color: var(--white);font-size: 2rem;font-weight: 400;opacity: .8;}.contact .form {flex: 2;}.contact .form .form-group {display: grid;grid-template-columns: repeat(2, 1fr);gap: 2rem;margin-bottom: 2.5rem;}.contact .form .input-container {display: flex;flex-direction: column;gap: .5rem;}.contact label {font-weight: 600;color: var(--text-main);font-size: 1.1rem;}.contact label span {color: red;}.contact .input, .contact textarea {border: none;outline-width: 0;border-bottom: 1px solid rgb(216, 216, 216);padding: .5rem .1rem;font-size: 1.1rem;color: var(--text-main);}.contact .form .buttons {display: flex;margin-top: 3rem;justify-content: flex-end;}.contact .btn-submit {background-color: var(--primary);color: var(--white);border: none;cursor: pointer;font-weight: 500;font-size: 1rem;padding: .8rem 1rem;border-radius: .3rem;-webkit-border-radius: .3rem;-moz-border-radius: .3rem;-ms-border-radius: .3rem;-o-border-radius: .3rem;}.map {padding: 3rem 1rem;}.map > .container {background-color: var(--white);padding: 1rem;border-radius: .3rem;-webkit-border-radius: .3rem;-moz-border-radius: .3rem;-ms-border-radius: .3rem;-o-border-radius: .3rem;}@media screen and (max-width: 1150px) {.contact .contact-items {margin-top: 2rem;gap: 1.5rem;}.contact .social-media {margin-top: 2rem;}}@media screen and (max-width: 946px) {.contact > .container {display: grid;grid-template-columns: 1fr;}}@media screen and (max-width: 768px) {.contact {padding: 2rem 0;}.contact > .container {padding: 3rem 0;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;}.contact .left {border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;}.contact .form {padding: 2rem;}.map {padding: 0;}}@media screen and (max-width: 600px) {.contact .form .form-group {grid-template-columns: 1fr;}}@media screen and (max-width: 540px) {.hero {padding: 7rem 0 3rem 0;}}