:root{--gerne-red: hsla(0, 100%, 66%, 1);--gerne-blue: hsla(221, 65%, 68%, 1);--gerne-yellow: hsla(31, 58%, 43%, 1);--gerne-green: hsla(42, 99%, 56%, 1)}.contact{padding-top:225px;padding-bottom:140px;color:#fff}@media(max-width:1060px){.contact{padding-top:170px;padding-bottom:170px}}.contact>.container{display:grid;gap:40px 20px}@media(min-width:1061px){.contact>.container{grid-template-columns:3fr 1fr 2fr}}.contact .page-title{grid-column:1/-1;max-width:400px}.contact .contact-form form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact .contact-form form.is-loading .loader{display:block}.contact .contact-form .textarea,.contact .contact-form .checkbox,.contact .contact-form button[type=submit]{grid-column:1/-1}.contact .contact-info{display:flex;flex-direction:column;gap:10px}@media(min-width:1061px){.contact .contact-info{grid-column:3}}.contact .contact-info__details{display:flex;flex-direction:column;gap:10px;color:#d3d7e0}.contact .contact-info__details a{text-decoration:underline}@media(pointer:fine)and (hover:hover){.contact .contact-info__details a:hover{text-decoration:none}}.contact .socials{display:flex;gap:25px;margin-top:20px}.contact .socials .social-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#1f2940;color:#fff;transition:background-color .3s ease,transform .3s ease}.contact .socials .social-btn:hover{background:#3a4d78}.contact .socials .social-btn svg{width:20px;height:20px}.form-group:has(.form-group__feedback){display:grid;gap:5px}.form-group:has(.form-group__feedback):has(input[type=checkbox],input[type=radio]) .form-group__feedback{grid-column:1/-1}.form-group input:not([type=checkbox],[type=radio]),.form-group textarea{border-radius:21px;padding:10px 20px;background:#0e1629;color:#fff;width:100%}.form-group.textarea textarea{min-height:150px}.form-group.checkbox{display:grid;grid-template-columns:16px 1fr;align-items:start;gap:10px}.form-group.checkbox input[type=checkbox],.form-group.checkbox input[type=radio]{margin-top:4px;width:16px;height:16px;border:2px solid #ffffff;border-radius:2px}.form-group.checkbox input[type=checkbox]:checked,.form-group.checkbox input[type=radio]:checked{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L4 8L9 1' stroke='%230E1629' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:12px}.form-group.checkbox label{cursor:pointer}.form-group.checkbox label a{color:#fff;text-decoration:underline}@media(pointer:fine)and (hover:hover){.form-group.checkbox label a:hover{text-decoration:none}}.form-group__feedback{color:red}.loader{display:none;position:absolute;inset:-20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.loader:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:auto;aspect-ratio:1;border-radius:50%;border:6px solid white;animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:translate(-50%,-50%) scaleY(1) rotate(0)}49.99%{transform:translate(-50%,-50%) scaleY(1) rotate(135deg)}50%{transform:translate(-50%,-50%) scaleY(-1) rotate(0)}to{transform:translate(-50%,-50%) scaleY(-1) rotate(-135deg)}}
