#request {
    @media (max-width: 1239px) {

        margin-bottom: 30px;

        height: 600px;

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

        background-position: center;

        .head.proger {
            font-family: var(--second-family);
            font-weight: 500;
            font-size: 35px;
            line-height: 100%;
            text-transform: uppercase;
            text-align: center;
            color: #fff;
        }

        .highlighted {
            color: #6170e2;
        }

        .head.customer {
            font-family: var(--font3);
            font-weight: 900;
            font-size: 50px;
            line-height: 100%;
            text-transform: uppercase;
            text-align: center;
            color: #fff;
        }

        .head {
            margin-bottom: 20px;
        }

        .mind {
            font-family: var(--font-family);
            font-weight: 500;
            font-size: 20px;
            text-align: center;
            color: #9b9b9b;

            margin-bottom: 40px;
        }

        .couple {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

        .button {
            font-family: var(--font-family);
            font-weight: 600;
            font-size: 18px;
            color: #000;

            padding-top: 23px;
            padding-bottom: 23px;
            padding-left: 55px;
            padding-right: 55px;

            border-radius: 20px;
            backdrop-filter: blur(20px);
            background: #fff;
        }

        .hint {
            height: 57px;
            margin-right: 74px;

            display: flex;
            flex-direction: row;
            justify-content: end;
        }

        .label {
            font-family: var(--font-family);
            font-weight: 600;
            font-size: 14px;
            text-align: right;
            color: #555555;

            width: 135px;
            margin-right: 10px;
            align-self: flex-end;
        }

        .hint svg {
            width: 67px;
            height: 42px;
        }

        /* The switch - the box around the slider */
        .switch {
            position: relative;
            display: inline-block;
            width: 100px;
            height: 46px;
        }

        /* Hide default HTML checkbox */
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        /* The slider */
        .slider {
            position: absolute;
            cursor: pointer;
            inset: 0;
            background: #fff;
            border-radius: 50px;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
            box-shadow: 0 0 24px 3px rgba(255, 255, 255, 0.69);
        }

        .slider:before {
            position: absolute;
            content: "";
            display: flex;
            align-items: center;
            justify-content: center;
            height: 40px;
            width: 40px;
            margin: 3px;
            inset: 0;
            background-color: #000;
            border-radius: 50px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
        }

        .switch input:checked+.slider {
            background: #6170E2;
            box-shadow: 0 0 24px 3px rgba(97, 112, 226, 0.69);
        }

        .switch input:checked+.slider:before {
            transform: translateX(54px);
            background: #fff;
        }
    }

    @media (min-width: 1240px) {

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

        .head.proger {
            font-family: var(--second-family);
            font-weight: 500;
            font-size: 75px;
            line-height: 100%;
            text-transform: uppercase;
            text-align: center;
            color: #fff;

            margin-bottom: 50px;
        }

        .highlighted {
            color: #6170e2;
        }

        .head.customer {
            font-family: var(--font3);
            font-weight: 900;
            font-size: 100px;
            line-height: 100%;
            text-transform: uppercase;
            text-align: center;
            color: #fff;

            margin-bottom: 50px;
        }

        .mind {
            font-family: var(--font-family);
            font-weight: 500;
            font-size: 30px;
            text-align: center;
            color: #9b9b9b;

            margin-bottom: 50px;
        }

        .couple {
            display: flex;
            flex-direction: row;
            justify-self: center;

            gap: 30px;
        }

        .button {
            font-family: var(--font-family);
            font-weight: 600;
            font-size: 20px;
            text-align: right;
            color: #000;

            padding-top: 27px;
            padding-bottom: 27px;
            padding-left: 85px;
            padding-right: 85px;

            border-radius: 20px;
            backdrop-filter: blur(20px);
            background-color: #fff;

            cursor: pointer;
        }

        .group {
            display: flex;
            flex-direction: row;
            gap: 15px;
            align-items: center;
            cursor: pointer;
            user-select: none;
        }

        .label {
            font-family: var(--font-family);
            font-weight: 600;
            font-size: 18px;
            color: #fff;

            width: 154px;
        }

        /* The switch - the box around the slider */
        .switch {
            position: relative;
            display: inline-block;
            width: 100px;
            height: 46px;
        }

        /* Hide default HTML checkbox */
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        /* The slider */
        .slider {
            position: absolute;
            cursor: pointer;
            inset: 0;
            background: #fff;
            border-radius: 50px;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
            box-shadow: 0 0 24px 3px rgba(255, 255, 255, 0.69);
        }

        .slider:before {
            position: absolute;
            content: "";
            display: flex;
            align-items: center;
            justify-content: center;
            height: 40px;
            width: 40px;
            margin: 3px;
            inset: 0;
            background-color: #000;
            border-radius: 50px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
        }

        .switch input:checked+.slider {
            background: #6170E2;
            box-shadow: 0 0 24px 3px rgba(97, 112, 226, 0.69);
        }

        .switch input:checked+.slider:before {
            transform: translateX(54px);
            background: #fff;
        }
    }
}