.warranty .form {margin: 0 30px 40px; padding: 80px 110px; font-weight:400; background: var(--white-1);}

.warranty .header {font-size: 32px; line-height: 36px; font-weight: 600;}

.warranty .info2 {color: var(--black);}

.warranty .spec {grid-template-columns: 1fr 360px; align-items: center; gap:20px; margin: 20px 0;}

.warranty .spec> div:last-child {justify-self: end;}

.formFields label, .warranty .label, .pFiles label {font-weight: 700; position: relative; display: block;}

.warranty .label    {margin:0; }

.warranty .formFields   {gap:30px; }

.warranty .info1, .warranty .formInfo   {font-size: 16px; line-height: 20px; font-weight: 500;}

.warranty .info1    {color: var(--green-1); padding-bottom: 30px; border-bottom: 1px solid var(--green-1); }

.warranty .info2    { font-size: 18px; line-height: 24px; max-width: 1130px;}

.warranty .fixMargin    {margin:30px 0;}

.warranty .formInfo {margin: 15px 0;}

#warranty .textarea {grid-column: 1/3;}

#warranty a {color: var(--green-1); text-decoration: none;}

#warranty a:hover    {text-decoration: underline;}

#warranty .btn2 {max-width:200px;}

#warranty #errMess  {margin-top:15px;}

#wAdd   {max-width:260px; margin: 15px 0; background: var(--green-1);}

#wAdd:not(:disabled):hover   {color:var(--green-1); background: var(--green-2);}

#warranty textarea{
    width: 100%;
    height: 110px;
    background: var(--white-2);
    border-radius: 14px;
    resize: none;
    padding: 14px 20px;
    font-size: 14px;
    outline: none;
    margin-bottom: 20px;
    border: 1px solid var(--white-2);
}

.warranty .pFilesBlock {row-gap: 15px; column-gap: 50px;}

.warranty .pFiles {align-items: center; gap: 10px;}

.warranty .submit   {max-width:650px;}



.warranty .typeSelect  {position:relative;}

.warranty div.select  {border: 1px solid var(--green-1); padding:14px 20px;}

.warranty .act   { color: var(--green-1); }

.warranty .options label, .warranty .select	{font-size:14px;}

.warranty .options label  {font-weight: 500; border-radius: 14px;}

.warranty .options label, .warranty .options label.act {display: block; cursor:pointer;}

.warranty .options label:hover    {color: var(--green-1);}






@media screen and (min-width:1280px) and (max-width:1919px){

    .warranty .form {padding: 40px;}

    .warranty .header {font-size: 24px; line-height: 28px;}

    .warranty .info1, .warranty .formInfo    {font-size: 14px; line-height: 18px;}

    .warranty .info2 {font-size: 14px; line-height: 20px;}

}

@media screen and (min-width:640px) and (max-width:1279px){

    .warranty .form {margin:20px; padding: 40px;}

    .warranty .header {font-size: 20px; line-height: 24px;}

    .warranty .info1, .warranty .formInfo    {font-size: 12px; line-height: 14px;}

    .warranty .info2 {font-size: 14px; line-height: 20px;}

    .warranty .spec {grid-template-columns: 1fr;}

    .warranty .spec> div:last-child {justify-self: start;}

    #warranty .textarea {grid-column: 1/2;}

    .warranty .formFields   {gap:10px;}

}

@media screen and (min-width:300px) and (max-width:639px)   {

    .warranty .form {margin:20px; padding: 20px;}

    .warranty .header {font-size: 18px; line-height: 20px;}

    .warranty .info1, .warranty .formInfo    {font-size: 12px; line-height: 14px;}

    .warranty .info2 {font-size: 14px; line-height: 20px;}

    .warranty .spec {grid-template-columns: 1fr;}

    .warranty .spec> div:last-child {justify-self: start; width: 100%;}

    .warranty .spec .btnDnl {width:100%;}

    #warranty .textarea {grid-column: 1/2;}

    .warranty .formFields   {gap:10px;}

}