:root{--PrimaryColor:#f7921f;--SecondaryColor:#10b5cb;--gradientColor:#f7921f;--whiteColor:#fff;--blackColor:#222;--greyText:#777;--inputColor:#efefef}.contact-container{background:url(../media/bg-1.a62f0608.png);justify-content:center;align-items:center;padding:40px 15px;display:flex}.contact-card{background:var(--whiteColor);border-radius:20px;grid-template-columns:1fr 1fr;gap:40px;width:100%;max-width:1000px;padding:40px;display:grid;box-shadow:0 8px 25px #0000001a}.contact-form h2{color:var(--PrimaryColor);margin-bottom:20px}.contact-form form{flex-direction:column;gap:15px;display:flex}.contact-form input,.contact-form textarea{background:var(--inputColor);border:none;border-radius:10px;padding:14px;font-size:15px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--PrimaryColor)}.contact-form button{background:var(--gradientColor);color:var(--whiteColor);cursor:pointer;border:none;border-radius:10px;padding:14px;font-weight:700;transition:all .3s}.contact-form button:hover{opacity:.9}.contact-info h2{color:var(--PrimaryColor);margin-bottom:15px}.contact-info p{color:var(--greyText);margin-bottom:25px}.info-item{align-items:center;gap:12px;margin-bottom:15px;display:flex}.info-item a{color:var(--blackColor);text-decoration:none;transition:all .3s}.info-item a:hover{color:var(--PrimaryColor)}.icon{color:var(--PrimaryColor);font-size:22px}.icon.whatsapp{color:#25d366}@media (max-width:768px){.contact-card{grid-template-columns:1fr;gap:30px;padding:25px}}