@media (max-width: 500px) {
            .main_header {
                font-size: 25px;
            }
        }

        .iti {
            width: 100%;
        }

        video {
            width: 100%;
        }

        #progress-bar {
            height: 100%;
            width: 0;
            background: blue;
            transition: width 1s;
        }

        #block_form {
            display: none;
        }
    

                .search-img {
                    position: absolute;
                    z-index: -1;
                    opacity: 0;
                }
            

        .fb-comments-wrapper {
            display: none;
            opacity: 0;
        }
    

        body {
            font-family: Arial, sans-serif;
            background-color: #f0f2f5;
        }

        .fb-comments {
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        .fb-comments-header {
            font-size: 1.5rem;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .fb-comments-comment {
            display: flex;
            gap: 15px;
            padding: 15px;
            border-bottom: 1px solid #ddd;
        }

        .fb-comments-comment-img img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }

        .fb-comments-comment-content {
            flex-grow: 1;
        }

        .fb-comments-comment-content strong {
            display: block;
            margin-bottom: 5px;
            font-size: 1.1rem;
        }

        .fb-comments-comment-actions {
            margin-top: 5px;
            color: #606770;
            font-size: 0.9rem;
        }

        .fb-comments-comment-actions button {
            background: none;
            border: none;
            color: #1877f2;
            cursor: pointer;
        }

        /* Mobile Styles */
        @media (max-width: 768px) {
            .fb-comments {
                padding: 15px;
            }

            .fb-comments-comment {
                flex-direction: column;
                align-items: flex-start;
            }

            .fb-comments-comment-img img {
                width: 40px;
                height: 40px;
            }

            .fb-comments-comment-content strong {
                font-size: 1rem;
            }
        }

        @media (max-width: 480px) {
            .fb-comments-comment-actions {
                font-size: 0.8rem;
            }

            .fb-comments-comment-content strong {
                font-size: 0.9rem;
            }
        }
    

        #order_popup {
            display: flex;
            align-items: center;
            justify-content: center;
            position: fixed;
            overflow-y: auto;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10000;
            background-color: #3333332c;
            backdrop-filter: blur(4px);
        }

        #order_popup .formFb {
            background-color: #FFF;
        }

        .close_order_popup {
            position: absolute;
            top: 10px;
            right: 10px;
            min-width: 30px;
            min-height: 30px;
            width: fit-content;
            height: fit-content;
            cursor: pointer;
            z-index: 2;
            background-image: url("../img/close.svg");
            background-size: cover;
            font-size: 64px;
            color: rgb(172, 172, 172);
        }
    

        .fullscreenvideo {
            max-width: 100% !important
        }

        .video-js .vjs-tech {
            position: relative;
        }

        #container_video.fullscreen #video {
            max-width: 100%
        }
    

        .quiz_wrap * {
            font-family: Helvetica, sans-serif
        }

        .quiz_wrap {
            position: relative;
            margin: 36px auto 40px;
            max-width: 427px;
            width: 100%;
            border-radius: 20px;
            background-color: #f4f6f5;
            overflow: hidden;
            height: 532px
        }

        .quiz_header {
            background: url("../img/bg_guiz.png");
            position: relative;
            border-radius: 20px 20px 0 0;
            padding-bottom: 29px;
            background-repeat: no-repeat;
            height: 140px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .quiz_title {
            color: #f4f6f5;
            text-align: center;
            font-family: Helvetica, sans-serif;
            font-size: 28px;
            font-weight: 700;
            line-height: 28px;
            padding-top: 16px;
            max-width: 290px;
            margin: auto;
            z-index: 100;
            position: relative
        }

        .quiz_title span {
            font-family: Helvetica, sans-serif;
            color: #e5153c;
            font-size: 24px;
            font-style: normal;
            font-weight: 800;
            line-height: 133.687%;
            text-transform: uppercase
        }

        .order_title {
            display: none;
            font-style: normal;
            font-weight: 700;
            font-size: 18px;
            line-height: 135%;
            text-align: center;
            color: #fff;
            text-shadow: 0 1px 1px rgba(0, 0, 0, .7);
            padding-top: 17px
        }

        .order_title span {
            color: #fff;
            font-size: 20px;
            display: block;
            margin-top: 4px
        }

        .quiz_question {
            text-align: center;
            margin: 40px auto 30px;
            font-style: normal;
            font-weight: 700;
            font-size: 18px;
            line-height: 133%;
            color: #000
        }

        .quiz_question div {
            margin: auto;
            font-family: Helvetica, sans-serif;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: 121.187%
        }

        .quiz_options {
            margin: 36px 34px 0 59px
        }

        .quiz_option,
        #my_answer {
            position: relative;
            padding-left: 40px;
            font-family: Helvetica, sans-serif;
            font-size: 22px;
            font-weight: 500;
            line-height: 121.187%;
            margin-bottom: 17px;
            cursor: pointer;
            color: #000
        }

        .quiz_option:before,
        #my_answer:before {
            -webkit-transition: .2s all;
            -o-transition: .2s all;
            transition: .2s all;
            content: ' ';
            display: block;
            background: #b9b9b9;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 1px solid #b9b9b9;
            position: absolute;
            left: 0;
            top: 3px
        }

        .quiz_option:after,
        #my_answer.active:after {
            -webkit-transition: .2s all;
            -o-transition: .2s all;
            transition: .2s all;
            content: ' ';
            display: block;
            background-color: #fd0638;
            height: 20px;
            width: 20px;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 3px;
            border: 2px solid #b4d8ef;
            opacity: 0
        }

        #my_answer.active:after {
            opacity: 1
        }

        .quiz_option.active:before,
        #my_answer.active:before {
            -webkit-animation: radial-pulse .5s;
            animation: radial-pulse .5s
        }

        @-webkit-keyframes radial-pulse {
            0% {
                -webkit-box-shadow: 0 0 1px 2px #7931b1;
                box-shadow: 0 0 1px 2px #7931b1
            }

            100% {
                -webkit-box-shadow: 0 0 4px 5px transparent;
                box-shadow: 0 0 4px 5px transparent
            }
        }

        @keyframes radial-pulse {
            0% {
                -webkit-box-shadow: 0 0 1px 2px #7931b1;
                box-shadow: 0 0 1px 2px #7931b1
            }

            100% {
                -webkit-box-shadow: 0 0 4px 5px transparent;
                box-shadow: 0 0 4px 5px transparent
            }
        }

        .quiz_option:hover:before,
        .quiz_option.active:before {
            border: 1px solid #7931b1
        }

        .quiz_option:hover:after,
        .quiz_option.active:after {
            opacity: 1
        }

        .quiz_nums {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 44px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .quiz_num {
            -webkit-transition: 1s all;
            -o-transition: 1s all;
            transition: 1s all;
            border-radius: 50%
        }

        .line {
            width: 24px;
            height: 1px;
            background: #003a5f;
            display: inline-block
        }

        .quiz_num span {
            -webkit-transition: 1s all;
            -o-transition: 1s all;
            transition: 1s all;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-radius: 50%;
            font-family: Helvetica, sans-serif;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 121.187%;
            color: #212121;
            width: 47px;
            height: 47px;
            background-color: #d9d9d9
        }

        .quiz_num.active {
            background: #e5d2f2;
            border: 1px solid #a260d4
        }

        .quiz_num.active span {
            background: #212121;
            color: #fff
        }

        .quiz_footer {
            width: 100%;
            font-family: Helvetica, sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 121.187%;
            text-align: center;
            margin-top: 30px
        }

        .quiz_step,
        #prod_img {
            -webkit-transition: .5s all;
            -o-transition: .5s all;
            transition: .5s all;
            display: none;
            opacity: 0;
            margin-top: -7px
        }

        .quiz_step.active,
        #prod_img.active {
            opacity: 1;
            margin-top: 0
        }

        #my_answer div {
            margin-left: -40px;
            gap: 13px;
            margin-top: 13px
        }

        .quiz_form {
            border-radius: 25px;
        }

        .quiz_form p {
            margin-bottom: 0;
        }

        @media(max-width: 780px) {
            #my_answer div {
                gap: 8px;
                margin-left: -27px
            }

            .quiz_wrap {
                padding-bottom: 9px;
                width: auto;
                height: 420px;
                margin: 32px auto 40px;
            }

            .quiz_header {
                padding-bottom: 27px;
                background-position: bottom;
                background-size: cover;
                height: 100px;
            }

            .quiz_title {
                font-size: 20px;
                line-height: 20px;
                max-width: 200px
            }

            .quiz_title span {
                font-size: 18px;
                line-height: 22px
            }

            .quiz_question {
                margin: 31px auto 29px
            }

            .quiz_question div {
                font-size: 18px;
                line-height: 121.187%;
                font-weight: 700
            }

            .quiz_option:after,
            #my_answer.active:after {
                top: 2px;
                height: 16px;
                width: 16px;
                border: 2px solid #b4d8ef
            }

            .quiz_nums {
                margin-top: 34px
            }

            .quiz_num span {
                font-size: 14px
            }

            .line {
                width: 20px
            }

            .quiz_num span {
                width: 29.5px;
                height: 29.5px
            }

            .quiz_option,
            #my_answer {
                font-size: 18px;
                font-weight: 600;
                line-height: 121.187%
            }

            .quiz_footer {
                margin-top: 25px
            }

            .quiz_option,
            #my_answer {
                margin-bottom: 18px
            }

            .quiz_option:before,
            #my_answer:before {
                width: 16px;
                height: 16px;
                background: #b4d8ef;
                top: 2px
            }

            .quiz_option,
            #my_answer {
                padding-left: 32px
            }

            .quiz_options {
                margin: 20px 47px 0;
            }

            .quiz_footer {
                font-size: 12px
            }
        }

        #open-video,
        #popup,
        #play {
            height: 175px !important;
        }

        .formFb__price--old,
        .formFb__price--new {
            white-space: nowrap;
        }

        #video{
            max-width: 500px !important;
        }

                #play>div{
            width: 20% !important;
        }

        @media (max-width: 600px) {
    #video-open>div, #popup>div, #play>div {
        width: 80% !important;
    }
}

.video-progress {
            position: relative;
            height: 20px;
            background: #ccc;
            max-width: 500px;
            overflow: hidden;
            margin: 10px auto;
        }

        .progressBar {
            height: 100%;
            width: 0%;
            background: blue;
            transition: width 11s linear;
        }