.order-form-container {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    position: fixed;
    background-color: #8f8f8f;
    border-radius: 10px;
    padding: 20px 30px;
    width: 600px;
    text-align: center;
    color: white;
    z-index: 1000;
}
.order-form-container h2 {
    font-size: 24px;
    margin-bottom: 10px;
}
.order-form-container p {
    font-size: 14px;
    margin-bottom: 20px;
}
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    transition: opacity 0.3s ease;
}
.overlay.open, .order-form-container.open {
    display: block;
}
#content_mobile_order {
    display: none;
}
@media screen and (max-width: 650px) {
    .bottom-row {
        flex-direction: column;
        }
    .form-row .bottom-row {
        display: block;
    }
    .form-left,
    .form-right {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    .order-form-container {
        width: 19rem;
    }
    #content_mobile_order {
        display: block;
    }
    #content_order_form {
        display: none;
    }
    #form-left-callback,
    #form-right-callback {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    .form-row-callback {
        display: block;
        padding-bottom: 0.5rem;
    }
    .contact-icons .icons {
        gap: none;
    }
    #form-row-callback{
        display: block;
    }
    .icons{
        width: 100%;
        justify-content: space-evenly;
        padding: 0.5rem;
    }
    #form-left-order{
        width: 100%;
    }
}