.contacts{padding:60px;background-image:url(/amathama/images/background/1920.webp);background-position:center bottom;background-size:cover;position:relative}.contacts-wrapper{max-width:1140px}.contacts h1{margin-bottom:1em}.contacts h2{font-size:var(--font-size-l);display:flex;align-items:center;color:#fdd70d;margin-bottom:1em}.contacts h2 img{height:.8em;margin-left:.4em}.contacts-form>div{margin-bottom:1.5em}.contacts-form-label{display:block;font-weight:600;font-size:var(--font-size-l);margin-bottom:1em}.contacts-form-subject>div{display:flex;align-items:center;flex-wrap:wrap}.contacts-form-subject-label{border:3px solid rgba(255,255,255,.7);border-radius:8px;padding:.25em .5em;display:block;cursor:pointer;margin-right:.5em;margin-bottom:.5em;white-space:nowrap}.contacts-form-subject input[type=radio]{opacity:0;position:absolute;pointer-events:none}.contacts-form-subject input[type=radio]:checked+label{background-color:#5520a1}.contacts-form textarea,.contacts-form input[type=email]{width:100%;border-radius:8px;border:3px solid rgba(255,255,255,.7);background-color:#ffffff4d;outline:none;color:#fff;font-size:var(--font-size-m);font-family:var(--font-text);padding:12px}.contacts-form button{padding:12px 100px;font-size:var(--font-size-m);font-family:var(--font-title);color:#fff;background-color:#5520a1;border-radius:8px;border:none;cursor:pointer}.contacts-form .error{font-size:var(--font-size-s);line-height:var(--font-line-s);color:#db3434;display:none}.contacts-form .error.visible{display:block}#contact-form-alert{position:fixed;right:30px;top:30px;background-color:#20a178;padding:20px 30px;z-index:999;transform:translate(calc(100% + 30px));opacity:0;transition:opacity .6s ease,transform .6s ease;max-width:300px}#contact-form-alert.visible{transform:translate(0);opacity:1}@media (max-width: 1440px){.contacts{background-image:url(/amathama/images/background/1440.webp)}}@media (max-width: 1024px){.contacts{background-image:url(/amathama/images/background/1024.webp);padding:60px 30px}}@media (max-width: 768px){.contacts{background-image:url(/amathama/images/background/768.webp)}.contacts h1{margin-bottom:40px}.contacts h2{margin-bottom:24px}}@media (max-width: 480px){.contacts{background-image:url(/amathama/images/background/480.webp);padding:30px}.contacts h1,.contacts h2,.contacts .contacts-form-label{margin-bottom:.6em}.contacts .contacts-form-subject-label{font-size:.7em}.contacts .contacts-form button{padding:12px 0;width:100%}}
