.contact-container{display:grid;grid-template-areas:"contact-title" "contact-form-group" "contact-form" "contact-email";row-gap:40px}.contact-container p{color:var(--color-primary);font-family:Nunito;font-size:clamp(22px, 2.8vw, 28px);font-style:normal;font-weight:500;line-height:normal;margin-top:20px}.contact-title{grid-area:contact-title;text-align:center}.contact-form-group{grid-area:contact-form-group}.contact-email{grid-area:contact-email}.contact-form{grid-area:contact-form}@media screen and (min-width:769px){.contact-container{grid-template-areas:"contact-title contact-title" "contact-form-group contact-email" "contact-form contact-email";grid-template-columns:1fr 1fr;column-gap:60px}}.contact-form{width:100%;box-sizing:border-box;margin:0 auto;padding:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.contact-form .form-group{margin-bottom:15px}.contact-form label{display:block;font-weight:700;margin-bottom:5px;color:#333}.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box;transition:border-color 0.3s ease,box-shadow 0.3s ease}.contact-form input[type="text"]:focus,.contact-form input[type="email"]:focus,.contact-form textarea:focus{border-color:#007BFF;box-shadow:0 0 5px rgb(0 123 255 / .5);outline:none}.contact-form label span{color:red}.contact-form .contact-button{display:inline-block;background-color:#00793b;color:#fff;padding:12px 20px;border:none;border-radius:4px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color 0.3s ease,transform 0.2s ease}.contact-form .contact-button:hover{background-color:#0056b3}.contact-form .contact-button:active{transform:scale(.98)}@media (max-width:768px){.contact-form{padding:15px}.contact-form .contact-button{width:100%;text-align:center}}