﻿.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:20px}.form-group label:not(:has(img)){display:none}.form-group:has(img){display:flex;flex-direction:row;gap:0;align-items:center}.form-group:has(img) label img{display:block;max-width:100%;height:auto;border-radius:10px;border-top-right-radius:0;border-bottom-right-radius:0}.form-group:has(img) .form-control{border-top-left-radius:0;border-bottom-left-radius:0}.form-group:has(.btn){text-align:center}.form-group:has(.radio) label{display:flex}.form-group .form-control{flex:1;width:100%;padding:0 10px;min-height:50px;font-weight:500;font-size:clamp(18px,2.5vw,20px);border-radius:10px;min-width:0;display:block;color:var(--primary-color);background:var(--color-background-input);border:2px solid transparent}.form-group .form-control::placeholder{color:inherit;text-transform:uppercase;opacity:1}.form-group .form-control:hover{border-color:var(--color-border-input-hover)}.form-group .form-control:hover::placeholder{opacity:.5}.form-group .form-control:focus{background:var(--color-background-input-focus);border-color:var(--color-border-input-focus);color:var(--color-input-focus)}.form-group .form-control:focus::placeholder{opacity:.25}.form-group textarea.form-control{padding:10px;height:auto;min-height:128px;resize:none}.form-group .radio input{display:none}.form-group .radio input+label{display:initial;display:flex;gap:10px;cursor:pointer}.form-group .radio input+label:before{font-family:"EdGlyph";content:"Ú"}.form-group .radio input:checked+label{color:var(--secondary-color)}.form-group .radio input:checked+label:before{font-family:"EdGlyph";content:"Ü"}.form-group .input-group{display:flex;gap:20px}@media all and (max-width: 500px){.form-group:has(img){display:block}.form-group:has(img) label img{border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}.form-group:has(img) .form-control{border-radius:10px;border-top-left-radius:0}}#head{padding:80px 0;margin-bottom:80px;background:rgba(var(--color-white-rgb), 0.15)}#head .container h1{font-family:var(--alt-font-family);font-weight:600;font-size:clamp(42px,5.5vw,64px);line-height:1;text-align:center;text-transform:uppercase}@media all and (max-width: 768px){#head{padding:40px 0;margin-bottom:40px}}#content{overflow:hidden}#content .container{max-width:1200px}#content .container p:not(:has(.btn)){font-weight:700;font-size:clamp(24px,4.5vw,48px)}#content .container p:not(:has(.btn)) b{font-weight:inherit;color:var(--secondary-color)}#content .container form{display:grid;grid-template-columns:minmax(64px, 1fr) minmax(132px, 1fr) repeat(10, 1fr);gap:15px;container-type:inline-size;container-name:form;margin-top:40px}#content .container form .form-group{grid-column:span 12}#content .container form .form-group:nth-child(1),#content .container form .form-group:nth-child(2),#content .container form .form-group:nth-child(3),#content .container form .form-group:nth-child(4),#content .container form .form-group:nth-child(5),#content .container form .form-group:nth-child(6),#content .container form .form-group:nth-child(7){grid-column:1/7}#content .container form .form-group:nth-child(8){grid-column:1/2}#content .container form .form-group:nth-child(9){grid-column:2/7}#content .container form .form-group:nth-child(10){grid-column:1/3}#content .container form .form-group:nth-child(11){grid-column:3/7}#content .container form .form-group:nth-child(12){grid-column:7/13;grid-row:1/10;display:flex;flex-direction:column}@container form (width <=450px){.form-group{grid-column:span 12 !important}}@media all and (max-width: 768px){#content .container form .form-group:nth-child(1),#content .container form .form-group:nth-child(2),#content .container form .form-group:nth-child(3),#content .container form .form-group:nth-child(4),#content .container form .form-group:nth-child(5),#content .container form .form-group:nth-child(6),#content .container form .form-group:nth-child(7){grid-column:1/13}#content .container form .form-group:nth-child(9){grid-column:2/13}#content .container form .form-group:nth-child(11){grid-column:3/13}#content .container form .form-group:nth-child(12){grid-column:1/13;grid-row:auto}}@media all and (max-width: 490px){#content .container form{grid-template-columns:repeat(12, 1fr)}}
