main{display:flex;align-items:center;justify-content:center;height:calc(100vh - 14rem)}.content{width:72rem;max-width:100vw;max-height:100vh;min-height:34rem;height:34rem;padding:2rem;position:relative;background:var(--card);border-radius:16px;box-shadow:0 0 32px 0 var(--border) inset;border:1px solid var(--border);transition:all .5s ease;overflow:hidden;display:flex;flex-direction:column}.content h1{opacity:1;transition:all .15s ease;font-size:2em;margin:.67em 0}.contact__form{width:100%;height:100%;opacity:1;transition:all .15s ease;gap:1rem;display:flex;flex-direction:column}.form__content{display:flex;width:100%;height:100%;gap:2rem}.left__form__side{width:60%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.left__top{width:100%}.form__section__text{margin-bottom:.5rem}.name__email__inputs{display:flex;justify-content:space-between;gap:1rem}.input label{font-weight:400;color:#999!important;margin-bottom:.5rem;display:inline-block;font-size:.9125em}input[type=text],input[type=email],textarea{background-color:#181818;border:none!important;outline:none!important;padding:.75rem;border-radius:8px;width:100%;transition:all .15s ease;font-size:.9125em;&:hover,&:focus{background-color:#222}}textarea{resize:none}.left__bottom{width:100%;height:70%}.checkbox__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);row-gap:.5rem;column-gap:.5rem}.checkbox__item__container{background:transparent;border-radius:8px;transition:all .15s ease;z-index:5;height:48px;display:inline-block;width:100%;display:flex;overflow:hidden;cursor:pointer;align-items:center;padding-left:.75rem}.checkmark-container{border-radius:100%;width:1.25rem;height:1.25rem;padding:.125rem;color:var(--primary);border:2px solid var(--border-light);transition:all .15s ease;display:flex;align-items:center;justify-content:center;position:relative}.checkbox__item__container:hover{background-color:#181818;.checkmark-container{background-color:#303030;border:2px solid #505050}}.checkbox__item__container:active{.checkmark-container{transform:scale(.95)}}.checkmark path{color:var(--primary)}.checkbox__item__container:has(.checkbox__item:checked){background-color:var(--primary);.checkmark path{transition:all .3s ease;stroke-dashoffset:44}.checkmark-container{background-color:#fff;border:2px solid white}}.checkbox__item__container label{width:100%;height:100%;display:flex;align-items:center;gap:1rem;padding:0;cursor:pointer}.checkbox__item{width:1px;height:1px;opacity:0;position:absolute;bottom:-.25rem;left:50%}.checkbox__item svg{@apply text-danger;}.right__form__side{width:40%;height:100%;display:flex;flex-direction:column;.input.textarea{height:100%;display:flex;flex-direction:column}}.submit__button__container{width:100%;height:fit-content;display:flex;justify-content:space-between;align-items:center}.submit__button__container a{color:#565656;transition:all .15s ease}.submit__button__container a:hover{color:#999;text-decoration:underline}@media screen and (max-width: 1150px){.main{padding:0 5%}.content{width:100%;min-width:0px}}@media screen and (max-width: 1020px){.form__content{flex-direction:column}.left__form__side,.right__form__side{width:100%}.content{height:fit-content}main{display:block;margin-bottom:1.5rem!important;height:fit-content}}@media screen and (max-width: 660px){.content{padding:1rem;max-height:unset!important}.content h1{font-size:1.75rem}.name__email__inputs{flex-direction:column}.checkbox__grid{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.left__form__side{gap:1rem}.form__content{gap:1.5rem}textarea{height:284px!important}}@media screen and (max-width: 500px){.submit__button__container{justify-content:flex-end}.submit__button__container a{display:none}}.check{width:3.5rem;height:3.5rem;display:none;opacity:0;color:var(--primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0px 0px 4px var(--primary))}.check path{stroke-dasharray:30;stroke-dashoffset:35;transition:all 1s ease;stroke-width:1.5;color:var(--primary)}.check.check__shown{display:block;opacity:1}.check.check__animation path{stroke-dashoffset:0}.req{color:var(--primary)}input+p,textarea+p{color:var(--primary);font-size:.875em;margin-top:.25rem}