body {
    font-family: 'Montserrat', sans-serif;
}

@media (min-width: 1200px) {
    .grid-container {
        border: 0px solid blue;
        max-width: 1200px;
        height: 100%;
        background-color: #fff;

        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 50px;

        justify-content: center;
        align-items: center;

        margin: 0 auto;
        padding-bottom: 50px;
    }

    .main {
        display: grid;
        grid-column: 1 / 13;
        height: 100vh;
        gap: 50px;

        justify-items: center;
        align-items: center;

        margin: 0;
    }

    .div-logo-main {
        display: grid;
        grid-column: 1 / 7;
        width: 100%;
        justify-content: center;
        align-content: center;
    }

    .logo-main {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .text {
        display: grid;
        grid-column: 8 / 13;
        justify-content: center;
    }

    .main_guarantee {
        display: grid;
        grid-column: 1 / 8;
        gap: 20px;

        margin: 0 auto;
    }

    .text_guarantee {
        margin: 0;
    }

    .main_catalog {
        display: grid;
        grid-column: 1 / 8;
        gap: 20px;
    }

    .text_catalog {
        margin: 0;
    }

    .main_text_1 {
        font-size: 36px;
    }

    .main_text_2 {
        font-size: 28px;
    }

    .main_btn {
        font-size: 28px;
        text-align: center;
        text-decoration: none;

        color: #fff;
        background-color: #589BD4;
        cursor: pointer;
        outline: none;

        border-radius: 50px;
        padding: 15px 25px;
    }

    .main_btn:hover {
        background-color: #A5A6F6;
    }

    .main_btn:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }



    .div_form {
        grid-column: 1 / 13;
        display: flex;
        flex-direction: column;

        justify-content: center;
        gap: 50px;
        min-height: 600px;

        box-sizing: border-box;
    }

    .div_form_input {
        display: flex;
        flex-direction: column;
        gap: 50px;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .div_input_field {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 25px;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .h2 {
        font-size: 42px;
        font-weight: 700;
        text-align: center;

        margin: 0;
    }

    .h3 {
        display: flex;
        font-size: 28px;
        font-weight: 500;
        text-align: center;
        margin: 0;
    }

    .label_and_input_field {
        display: flex;

        width: 100%;
        gap: 15px;
        height: 100%;
        margin: 0;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .label_and_input_field_workers {
        display: flex;
        flex-direction: column;

        width: 100%;
        gap: 15px;
        height: 100%;
        margin: 0;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .label_for_input {
        width: auto;
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        margin: 0;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;

    }

    .input-field {
        display: flex;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        padding: 15px 50px;
        text-align: center;

        background-color: #DEEBF6;
        border: 2px solid #589BD4;
        border-radius: 50px;

        font-size: 24px;
        font-weight: 400;
    }

    .input-field::placeholder {
        color: #82B4DF;
        font-size: 18px;
        font-weight: 200;
    }

    .add_people_btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;

        padding: 5px 25px;
        background-color: #FFFFFF;
        color: #A5A6F6;
        border-radius: 100px;
        border: 2px solid #A5A6F6;
        font-size: 19px;
        font-weight: 200;
    }

    .add_people_btn:hover {
        background-color: #A5A6F6;
        color: #FFFFFF;
        cursor: pointer;
    }

    .add_people_btn:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }


    .remove_people_btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;

        padding: 5px 25px;
        background-color: #FFFFFF;
        color: #EB5757;
        border-radius: 100px;
        border: 2px solid #EB5757;
        font-size: 19px;
        font-weight: 200;
    }

    .remove_people_btn:hover {
        background-color: #EB5757;
        color: #FFFFFF;
        cursor: pointer;
    }

    .remove_people_btn:active {
        background-color: #EB5757;
        transform: translateY(4px);
    }

    .bnt_search {
        width: 100%;
        padding: 15px 25px;
        background-color: #589BD4;
        color: #FFFFFF;
        border-radius: 100px;
        border: none;
        font-size: 24px;
        font-weight: 400;
    }

    .bnt_search:hover {
        background-color: #A5A6F6;
        cursor: pointer;
    }

    .bnt_search:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }


    /* Для веб-браузеров на основе WebKit (Chrome, Safari) */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none; /* Убирает стрелки */
        margin: 0; /* Убирает отступы */
    }

    /* Для Firefox */
    input[type="number"] {
        -moz-appearance: textfield; /* Убирает стрелки */
    }

}

@media (max-width: 1199px) {
    .grid-container {
        border: 0px solid blue;
        max-width: 1200px;
        height: 100%;
        background-color: #fff;

        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 50px;

        justify-content: center;
        align-items: center;

        margin: 0 auto;
        padding-bottom: 50px;
    }

    .main {
        display: grid;
        grid-column: 1 / 13;
        height: 100vh;
        gap: 50px;

        justify-items: center;
        align-items: center;

        margin: 0;
    }

    .div-logo-main {
        display: grid;
        grid-column: 1 / 7;
        width: 100%;
        justify-content: center;
        align-content: center;
    }

    .logo-main {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .text {
        display: grid;
        grid-column: 8 / 13;
        justify-content: center;
    }

    .main_guarantee {
        display: grid;
        grid-column: 1 / 8;
        gap: 20px;

        margin: 0 auto;
    }

    .text_guarantee {
        margin: 0;
    }

    .main_catalog {
        display: grid;
        grid-column: 1 / 8;
        gap: 20px;
    }

    .text_catalog {
        margin: 0;
    }

    .main_text_1 {
        font-size: 36px;
    }

    .main_text_2 {
        font-size: 28px;
    }

    .main_btn {
        font-size: 28px;
        text-align: center;
        text-decoration: none;

        color: #fff;
        background-color: #589BD4;
        cursor: pointer;
        outline: none;

        border-radius: 50px;
        padding: 15px 25px;
    }

    .main_btn:hover {
        background-color: #A5A6F6;
    }

    .main_btn:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }



    .div_form {
        border: 0px solid blue;

        grid-column: 1 / 13;
        display: flex;
        flex-direction: column;

        justify-content: center;
        gap: 50px;
        min-height: 600px;
        padding: 0 15px 0 15px;

        box-sizing: border-box;
    }

    .div_form_input {
        display: flex;
        flex-direction: column;
        gap: 50px;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .div_input_field {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 25px;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .h2 {
        font-size: 42px;
        font-weight: 700;
        text-align: center;

        margin: 0;
    }

    .h3 {
        display: flex;
        font-size: 28px;
        font-weight: 500;
        text-align: center;
        margin: 0;
    }

    .label_and_input_field {
        display: flex;

        width: 100%;
        gap: 15px;
        height: 100%;
        margin: 0;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .label_and_input_field_workers {
        display: flex;
        flex-direction: column;

        width: 100%;
        gap: 15px;
        height: 100%;
        margin: 0;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .label_for_input {
        width: auto;
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        margin: 0;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;

    }

    .input-field {
        display: flex;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        padding: 15px 50px;
        text-align: center;

        background-color: #DEEBF6;
        border: 2px solid #589BD4;
        border-radius: 50px;

        font-size: 24px;
        font-weight: 400;
    }

    .input-field::placeholder {
        color: #82B4DF;
        font-size: 18px;
        font-weight: 200;
    }

    .add_people_btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;

        padding: 5px 25px;
        background-color: #FFFFFF;
        color: #A5A6F6;
        border-radius: 100px;
        border: 2px solid #A5A6F6;
        font-size: 19px;
        font-weight: 200;
    }

    .add_people_btn:hover {
        background-color: #A5A6F6;
        color: #FFFFFF;
        cursor: pointer;
    }

    .add_people_btn:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }


    .remove_people_btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;

        padding: 5px 25px;
        background-color: #FFFFFF;
        color: #EB5757;
        border-radius: 100px;
        border: 2px solid #EB5757;
        font-size: 19px;
        font-weight: 200;
    }

    .remove_people_btn:hover {
        background-color: #EB5757;
        color: #FFFFFF;
        cursor: pointer;
    }

    .remove_people_btn:active {
        background-color: #EB5757;
        transform: translateY(4px);
    }

    .bnt_search {
        width: 100%;
        padding: 15px 25px;
        background-color: #589BD4;
        color: #FFFFFF;
        border-radius: 100px;
        border: none;
        font-size: 24px;
        font-weight: 400;
    }

    .bnt_search:hover {
        background-color: #A5A6F6;
        cursor: pointer;
    }

    .bnt_search:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }


    /* Для веб-браузеров на основе WebKit (Chrome, Safari) */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none; /* Убирает стрелки */
        margin: 0; /* Убирает отступы */
    }

    /* Для Firefox */
    input[type="number"] {
        -moz-appearance: textfield; /* Убирает стрелки */
    }

}

@media (max-width: 960px) {
    .grid-container {
        width: 100%;
        max-width: 960px;
        height: 100%;
        background-color: #fff;

        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 50px;

        justify-content: center;
        align-items: center;

        padding: 0 25px 50px 25px;
        box-sizing: border-box;
    }

    .main {
        border: 0px solid blue;

        grid-column: 1 / 13;
        height: 100vh;
        min-height: 960px;
        padding: 0 25px 0 25px;
        gap: 0;

        display: flex;
        flex-direction: column;

        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }

    .div-logo-main {
        border: 0px solid blue;

        width: 100%;

        justify-content: center;
        align-items: center;

        box-sizing: border-box;
    }

    .logo-main {
        border: 0px solid blue;

        width: 100%;
        height: 100%;
        object-fit: contain;
        box-sizing: border-box;
    }

    .text {
        border: 0px solid blue;

        width: 100%;
        box-sizing: border-box;
    }


    .main_guarantee {
        display: grid;
        grid-column: 1 / 13;
        gap: 20px;

        margin: 0 auto;
    }

    .text_guarantee {
        margin: 0;
    }

    .main_catalog {
        display: grid;
        grid-column: 1 / 13;
        gap: 20px;
    }

    .text_catalog {
        margin: 0;
    }

    .main_text_1 {
        font-size: 32px;
        padding: 0;
    }

    .main_text_2 {
        font-size: 24px;
        padding: 0;
    }

    .main_btn {
        font-size: 24px;
        text-align: center;
        text-decoration: none;

        color: #fff;
        background-color: #589BD4;
        cursor: pointer;
        outline: none;

        border-radius: 50px;
        padding: 15px 25px;
    }

    .main_btn:hover {
        background-color: #A5A6F6;
    }

    .main_btn:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }




    .div_form {
        border: 0px solid green;

        grid-column: 1 / 13;
        display: flex;
        flex-direction: column;

        justify-content: center;
        gap: 50px;
        min-height: 600px;
        margin: 0;

        box-sizing: border-box;
    }

    .div_form_input {
        display: flex;
        flex-direction: column;
        gap: 50px;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .div_input_field {
        display: flex;

        width: 100%;
        gap: 25px;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .h2 {
        font-size: 42px;
        font-weight: 700;
        text-align: center;

        margin: 0;
    }

    .h3 {
        display: flex;
        font-size: 28px;
        font-weight: 500;
        text-align: center;
        margin: 0;
    }

    .label_and_input_field {
        display: flex;

        width: 100%;
        gap: 15px;
        height: 100%;
        margin-bottom: 25px;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .label_and_input_field_workers {
        display: flex;

        width: 100%;
        gap: 15px;
        height: 100%;
        margin: 0;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .label_for_input {
        width: auto;
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        margin: 0;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;

    }

    .input-field {
        display: flex;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        padding: 15px 25px;
        text-align: center;

        background-color: #DEEBF6;
        border: 2px solid #589BD4;
        border-radius: 50px;

        font-size: 24px;
        font-weight: 400;
    }

    .input-field::placeholder {
        color: #82B4DF;
        font-size: 18px;
        font-weight: 200;
    }

    .add_people_btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;

        padding: 5px 25px;
        background-color: #FFFFFF;
        color: #A5A6F6;
        border-radius: 100px;
        border: 2px solid #A5A6F6;
        font-size: 19px;
        font-weight: 200;
    }

    .add_people_btn:hover {
        background-color: #A5A6F6;
        color: #FFFFFF;
        cursor: pointer;
    }

    .add_people_btn:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }


    .remove_people_btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;

        padding: 5px 25px;
        background-color: #FFFFFF;
        color: #EB5757;
        border-radius: 100px;
        border: 2px solid #EB5757;
        font-size: 19px;
        font-weight: 200;
    }

    .remove_people_btn:hover {
        background-color: #EB5757;
        color: #FFFFFF;
        cursor: pointer;
    }

    .remove_people_btn:active {
        background-color: #EB5757;
        transform: translateY(4px);
    }

    .bnt_search {
        width: 100%;
        padding: 15px 25px;
        background-color: #589BD4;
        color: #FFFFFF;
        border-radius: 100px;
        border: none;
        font-size: 24px;
        font-weight: 400;
    }

    .bnt_search:hover {
        background-color: #A5A6F6;
        cursor: pointer;
    }

    .bnt_search:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }


    /* Для веб-браузеров на основе WebKit (Chrome, Safari) */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none; /* Убирает стрелки */
        margin: 0; /* Убирает отступы */
    }

    /* Для Firefox */
    input[type="number"] {
        -moz-appearance: textfield; /* Убирает стрелки */
}

@media (max-width: 720px) {
    .grid-container {
        width: 100%;
        max-width: 720px;
        height: 100%;
        background-color: #fff;

        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 50px;

        justify-content: center;
        align-items: center;

        padding: 0 25px 50px 25px;
        box-sizing: border-box;
    }

    .main {
        border: 0px solid green;

        grid-column: 1 / 13;
        height: 100vh;
        padding: 0 25px 0 25px;
        gap: 0;

        display: flex;
        flex-direction: column;

        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }

    .div-logo-main {
        border: 0px solid blue;

        width: 100%;

        justify-content: center;
        align-items: center;

        box-sizing: border-box;
    }

    .logo-main {
        border: 0px solid blue;

        width: 100%;
        height: 100%;
        object-fit: contain;
        box-sizing: border-box;
    }

    .text {
        border: 0px solid blue;

        width: 100%;
        box-sizing: border-box;
    }

    .main_guarantee {
        display: grid;
        grid-column: 1 / 13;
        gap: 20px;

        margin: 0 auto;
    }

    .text_guarantee {
        margin: 0;
    }

    .main_catalog {
        display: grid;
        grid-column: 1 / 13;
        gap: 20px;
    }

    .text_catalog {
        margin: 0;
    }

    .main_text_1 {
        font-size: 24px;
    }

    .main_text_2 {
        font-size: 18px;
    }

    .main_btn {
        font-size: 18px;
        text-align: center;
        text-decoration: none;

        color: #fff;
        background-color: #589BD4;
        cursor: pointer;
        outline: none;

        border-radius: 50px;
        padding: 15px 25px;
    }

    .main_btn:hover {
        background-color: #A5A6F6;
    }

    .main_btn:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }






    .div_form {
        border: 0px solid yellow;

        grid-column: 1 / 13;
        display: flex;
        flex-direction: column;

        justify-content: center;
        gap: 50px;
        min-height: 600px;
        margin: 0;

        box-sizing: border-box;
    }

    .div_form_input {
        display: flex;
        flex-direction: column;
        gap: 50px;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .div_input_field {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 25px;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .h2 {
        font-size: 42px;
        font-weight: 700;
        text-align: center;

        margin: 0;
    }

    .h3 {
        display: flex;
        font-size: 28px;
        font-weight: 500;
        text-align: center;
        margin: 0;
    }

    .label_and_input_field {
        display: flex;
        flex-direction: column;

        width: 100%;
        gap: 15px;
        height: 100%;
        margin-bottom: 25px;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .label_and_input_field_workers {
        display: flex;
        flex-direction: column;

        width: 100%;
        gap: 15px;
        height: 100%;
        margin: 0;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .label_for_input {
        width: auto;
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        margin: 0;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;

    }

    .input-field {
        display: flex;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        padding: 15px 25px;
        text-align: center;

        background-color: #DEEBF6;
        border: 2px solid #589BD4;
        border-radius: 50px;

        font-size: 24px;
        font-weight: 400;
    }

    .input-field::placeholder {
        color: #82B4DF;
        font-size: 18px;
        font-weight: 200;
    }

    .add_people_btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;

        padding: 5px 25px;
        background-color: #FFFFFF;
        color: #A5A6F6;
        border-radius: 100px;
        border: 2px solid #A5A6F6;
        font-size: 19px;
        font-weight: 200;
    }

    .add_people_btn:hover {
        background-color: #A5A6F6;
        color: #FFFFFF;
        cursor: pointer;
    }

    .add_people_btn:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }


    .remove_people_btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;

        padding: 5px 25px;
        background-color: #FFFFFF;
        color: #EB5757;
        border-radius: 100px;
        border: 2px solid #EB5757;
        font-size: 19px;
        font-weight: 200;
    }

    .remove_people_btn:hover {
        background-color: #EB5757;
        color: #FFFFFF;
        cursor: pointer;
    }

    .remove_people_btn:active {
        background-color: #EB5757;
        transform: translateY(4px);
    }

    .bnt_search {
        width: 100%;
        padding: 15px 25px;
        background-color: #589BD4;
        color: #FFFFFF;
        border-radius: 100px;
        border: none;
        font-size: 24px;
        font-weight: 400;
    }

    .bnt_search:hover {
        background-color: #A5A6F6;
        cursor: pointer;
    }

    .bnt_search:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }


    /* Для веб-браузеров на основе WebKit (Chrome, Safari) */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none; /* Убирает стрелки */
        margin: 0; /* Убирает отступы */
    }

    /* Для Firefox */
    input[type="number"] {
        -moz-appearance: textfield; /* Убирает стрелки */
}

@media (max-width: 520px) {
    .grid-container {
        width: 100%;
        max-width: 520px;
        height: 100%;
        background-color: #fff;

        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 25px;

        padding: 0 12px 50px 12px;
        box-sizing: border-box;
    }

    .main {
        border: 0px solid red;

        grid-column: 1 / 7;
        height: 100vh;
        min-height: 520px;

        display: flex;
        flex-direction: column;

        justify-content: center;
        align-items: center;
        padding: 0;
        box-sizing: border-box;
    }

    .div-logo-main {
        border: 0px solid blue;

        width: 100%;

        justify-content: center;
        align-items: center;

        box-sizing: border-box;
    }

    .logo-main {
        border: 0px solid blue;

        width: 100%;
        height: 100%;
        object-fit: contain;
        box-sizing: border-box;
    }

    .text {
        border: 0px solid blue;

        width: 100%;
        box-sizing: border-box;
    }

    .main_guarantee {
        display: grid;
        grid-column: 1 / 7;
        gap: 20px;

        margin: 0 auto;
    }

    .text_guarantee {
        margin: 0;
    }

    .main_catalog {
        display: grid;
        grid-column: 1 / 7;
        gap: 20px;
    }

    .text_catalog {
        margin: 0;
    }

    .main_text_1 {
        font-size: 18px;
    }

    .main_text_2 {
        font-size: 14px;
        line-height: 1.2;

    }

    .main_btn {
        font-size: 14px;
        text-align: center;
        text-decoration: none;

        color: #fff;
        background-color: #589BD4;
        cursor: pointer;
        outline: none;

        border-radius: 50px;
        padding: 15px 25px;
    }

    .main_btn:hover {
        background-color: #A5A6F6;
    }

    .main_btn:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }





    .div_form {
        border: 0px solid black;

        grid-column: 1 / 13;
        display: flex;
        flex-direction: column;

        justify-content: center;
        gap: 50px;
        min-height: 600px;
        margin: 0;

        box-sizing: border-box;
    }

    .div_form_input {
        display: flex;
        flex-direction: column;
        gap: 50px;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .div_input_field {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 25px;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .h2 {
        font-size: 42px;
        font-weight: 700;
        text-align: center;

        margin: 0;
    }

    .h3 {
        display: flex;
        font-size: 28px;
        font-weight: 500;
        text-align: center;
        margin: 0;
    }

    .label_and_input_field {
        display: flex;
        flex-direction: column;

        width: 100%;
        gap: 10px;
        height: 100%;
        margin-bottom: 15px;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .label_and_input_field_workers {
        display: flex;
        flex-direction: column;

        width: 100%;
        gap: 10px;
        height: 100%;
        margin: 0;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .label_for_input {
        width: auto;
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        margin: 0;

        box-sizing: border-box;
        justify-content: center;
        align-items: center;

    }

    .input-field {
        display: flex;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        padding: 5px 25px;
        text-align: center;

        background-color: #DEEBF6;
        border: 2px solid #589BD4;
        border-radius: 50px;

        font-size: 24px;
        font-weight: 400;
    }

    .input-field::placeholder {
        color: #82B4DF;
        font-size: 18px;
        font-weight: 200;
    }

    .add_people_btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;

        padding: 5px 25px;
        background-color: #FFFFFF;
        color: #A5A6F6;
        border-radius: 100px;
        border: 2px solid #A5A6F6;
        font-size: 19px;
        font-weight: 200;
    }

    .add_people_btn:hover {
        background-color: #A5A6F6;
        color: #FFFFFF;
        cursor: pointer;
    }

    .add_people_btn:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }


    .remove_people_btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;

        padding: 5px 25px;
        background-color: #FFFFFF;
        color: #EB5757;
        border-radius: 100px;
        border: 2px solid #EB5757;
        font-size: 19px;
        font-weight: 200;
    }

    .remove_people_btn:hover {
        background-color: #EB5757;
        color: #FFFFFF;
        cursor: pointer;
    }

    .remove_people_btn:active {
        background-color: #EB5757;
        transform: translateY(4px);
    }

    .bnt_search {
        width: 100%;
        padding: 15px 25px;
        background-color: #589BD4;
        color: #FFFFFF;
        border-radius: 100px;
        border: none;
        font-size: 24px;
        font-weight: 400;
    }

    .bnt_search:hover {
        background-color: #A5A6F6;
        cursor: pointer;
    }

    .bnt_search:active {
        background-color: #A5A6F6;
        transform: translateY(4px);
    }


    /* Для веб-браузеров на основе WebKit (Chrome, Safari) */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none; /* Убирает стрелки */
        margin: 0; /* Убирает отступы */
    }

    /* Для Firefox */
    input[type="number"] {
        -moz-appearance: textfield; /* Убирает стрелки */
}