.contact-container{background:url(/contact/contact-header.jpg);background-size:cover;background-blend-mode:overlay;background-color:rgba(255,255,255,.7);width:100%;padding-bottom:100px}.contact-header{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:130px}.contact-header h1{font-size:40px;color:var(--red);margin-bottom:15px}.contact-header h2{color:black;font-weight:400;font-size:18px;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.contact-details{width:100%;display:flex;align-items:center;gap:30px;justify-content:center;margin:50px auto}.contact-content{display:flex;flex-direction:column;gap:30px}.contact-items{gap:20px}.contact-icons,.contact-items{display:flex;align-items:center}.contact-icons{background-color:var(--background);padding:10px;justify-content:center;color:var(--red);border-radius:50%}.footer-social{display:flex;align-items:center;gap:10px;margin-top:20px}.icon{width:20px;height:20px}.footer-social a{background-color:var(--background);padding:10px;display:flex;align-items:center;justify-content:center;color:var(--red);border-radius:50%}.contact-text h3{color:var(--red);margin-bottom:5px;font-weight:600;font-size:20px}.contact-text p{color:black;line-height:25px;font-weight:450}.contact-items p a:hover{text-decoration:underline}.contact-form{background-color:rgba(255,255,255,.552);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:40px 30px}.contact-form .form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.item1{grid-column-start:1;grid-column-end:2}.item2{grid-column-start:2;grid-column-end:3}.item3,.item4,.item5,.item6{grid-column-start:1;grid-column-end:3}.item6{width:45%!important}.color-btn{background-color:var(--red)!important;display:grid;justify-self:center;align-self:center;transition:background-color .3s ease,transform .2s ease;color:white;border:none;padding:12px 24px;font-size:15px;border-radius:50px}.color-btn:hover{background-color:#ff0004f2!important;transform:scale(1)}@media (max-width:768px){.contact-header{padding-top:100px}.contact-container{height:100%;background-size:cover;padding:10px 10px 100px}.contact-header h2{font-size:15px;text-align:center;padding:0 10px}.contact-container p{font-size:14px;text-align:center;line-height:23px}.contact-details{flex-direction:column;padding:10px;margin:30px auto}.contact-text p{text-align:left}.contact-text h3{font-size:18px}}