@media only screen and (min-width: 992px) {


    body {
        background-color: rgba(245, 243, 243, 0.662);
    }

    .text_header {
        margin: 0 auto;
    }


    /* Sektori i pakove te konsulencave */

    .pakot_box_container {
        grid-template-columns: repeat(3, 1fr);
    }


    /* Sektori i Videove */

    .videos_boxes {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    #head_ul {
        gap: 30px
    }

    .li {
        font-size: 19px;
    }



    /* ============================= */
    /* YOUTUBE STYLE DESKTOP LAYOUT */
    /* ============================= */

    /* MODAL */
    #video_modal {
        position: fixed;
        inset: 0;
        background: #0f0f0f;
        z-index: 9999;

        display: none;

        align-items: stretch;
        justify-content: flex-start;

        overflow-y: auto;
        /* ✔ lejon scroll kur duhet */
    }

    /* CONTAINER */
    .modal_content {
        width: 100%;
        min-height: 100vh;
        max-width: none;
        padding: 0;

        display: flex;
        flex-direction: column;
    }

    /* WRAPPER */
    .div_modal {
        flex: 1;
        display: flex;
        width: 100%;
        min-height: 100%;
        gap: 25px;
    }

    /* LEFT SIDE - VIDEO */
    .main_video_box {
        flex: 2.2;
        /* ✔ video pak më e vogël */
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    /* VIDEO PLAYER */
    #modal_video {
        width: 100%;
        height: 65vh;
        /* ✔ pak më e vogël */
        border-radius: 12px;
        background: black;
        object-fit: contain;
    }

    /* TITLE */
    #video_title {
        color: white;
        font-weight: 600;
        margin-top: 12px;
        font-size: 22px;
    }

    /* RIGHT SIDE - SIDEBAR */
    .video_sidebar {
        flex: 1.4;
        /* ✔ më e gjerë sidebar */
        height: auto;

        overflow-y: auto;
        /* ✔ scroll vetëm në sidebar nëse duhet */

        padding: 20px;
        border-left: 1px solid rgba(255, 255, 255, 0.1);

        display: flex;
        flex-direction: column;
        gap: 0;
    }

    /* SIDEBAR ITEM */
    .sidebar_video {
        display: flex;
        gap: 10px;
        cursor: pointer;

        padding: 8px;
        border-radius: 10px;
        transition: 0.2s;

        position: relative;
    }

    .sidebar_video:hover {
        background: #1d1d1d;
    }

    /* ACTIVE */
    .active_video {
        background: #2b2b2b;
    }

    /* THUMBNAIL */
    .sidebar_video img {
        width: 140px;
        height: 85px;
        object-fit: cover;
        border-radius: 10px;
    }

    /* TEXT */
    .sidebar_video p {
        color: white;
        font-size: 15px;
    }

    /* DURATION */
    .sidebar_video .video_duration {
        position: absolute;
        right: 10px;
        bottom: 10px;

        background: rgba(0, 0, 0, 0.7);
        color: white;
        font-size: 12px;

        padding: 3px 6px;
        border-radius: 6px;
    }

    /* BACK BUTTON */
    .button_div_video_2 {
        width: 100%;
        text-align: center;
        padding: 50px 0;
        position: relative;
        z-index: 10;
        /* ✔ e siguron që shfaqet mbi gjithçka */
    }


    /* SAFE FIX - VIDEO RESPONSIVE */
    .modal_content {
        display: flex;
        flex-direction: column;
    }

    .button_div_video_2 {
        margin-top: auto;
        /* ✔ e shtyn poshtë */
        padding-bottom: 70px;
        /* ✔ distanca reale nga fundi */
    }


    #premium_code_input {
        width: 50%;
    }


    /* form input */

    .contact-form {
        width: 97%;
        padding: 30px 0 40px;
    }

    #together_input_subdiv {
        width: 90%;
    }

    .together_input_2 {
        display: flex;
        gap: 30px;
    }

    .email_or_phone_input,
    .premium_code {
        flex: 1;
    }


    .email_or_phone_input {
        display: flex;
        justify-content: space-between;
    }

    .textarea-field {
        font-size: 18px;
    }

    .submit-btn {
        cursor: pointer;
        transition: .2s ease-out;
    }

    .submit-btn:hover {
        background-color: rgb(5, 5, 190);
    }

    .button_submit {
        margin-top: 20px;
    }

}