@font-face {
                                font-family: "Knockout HTF49-Liteweight";
                                src: url("../fonts/vJ3rie9thAoO5iVMAJtDNgZsd4.woff2");
                                font-display: swap
                            }

                            @font-face {
                                font-family: "Cerebri Sans SemiBold";
                                src: url("../fonts/oOHRNH4RUAZSzMUbd8EiA12JWAM.woff2");
                                font-display: swap;
                                font-style: normal;
                                font-weight: 600
                            }

                            @font-face {
                                font-family: "Cerebri Sans Bold";
                                src: url("../fonts/XvJDaYxeEkuX9MarOvIs20YwRI.woff2");
                                font-display: swap
                            }

                            @font-face {
                                font-family: "Cerebri Sans Pro Regular";
                                src: url("../fonts/pBXR80X6B6bf7dKmF9opHSgMwqQ.woff2");
                                font-display: swap
                            }

                            @font-face {
                                font-family: "JetBrains Mono SemiBold";
                                src: url("../fonts/h9VZSpuDrcWrRVN4Chyg10jnmnA.woff2");
                                font-display: swap
                            }

                            body {
                                overflow: hidden
                            }

                            .container {
                                max-width: 90%
                            }

                            video {
                                width: 100%;
                                height: 101vh;
                                object-fit: cover;
                            }

                            .details {
                                position: absolute;
                                top: 0;
                                width: 100%;
                                display: flex;
                                height: 100%;
                                align-items: center;
                            }

                            .left-side-detail {
                                /* text-align: center*/
                            }

                            .left-side-detail img {
                                text-align: left
                            }

                            .right-side-logo {
                                text-align: right
                            }

                            .left-sub-text {
                                text-align: center;
                                color: #dfb989;
                                margin-top: 20px;
                                text-transform: uppercase;
                                letter-spacing: 8px;
                                font-family: "Cerebri Sans SemiBold";
                                font-size: 17px
                            }

                            .left-side-detail img {
                                width: 20%;
                                filter: invert(1) brightness(111);
                            }

                            .left-side-detail h1 {
                                color: #f5f5f5;
                                text-transform: uppercase;
                                margin-bottom: 0;
                                font-size: 150px;
                                text-align: center;
                                line-height: 135px;
                            }

                            .right-side-detail h1 {
                                font-family: "Knockout HTF49-Liteweight";
                                color: #f5f5f5;
                                text-align: center;
                                text-transform: uppercase;
                                font-size: 45px;
                                line-height: 1em;
                                letter-spacing: 0.5px
                            }

                            .right-side-detail {
                                text-align: center;
                                width: 50%;
                                margin: auto;
                            }

                            .right-side-detail p {
                                text-align: center;
                                color: #dfb989;
                                margin-top: 25px;
                                text-transform: uppercase;
                                letter-spacing: 2px;
                                font-family: "Cerebri Sans Bold";
                                font-size: 12px;
                                line-height: 1em;
                                font-weight: 700;
                                margin-bottom: 0;
                            }

                            body .right-side-detail .signup-line {
                                color: #f5f5f5;
                                font-size: 14px;
                                line-height: 1em;
                                font-family: "Cerebri Sans Pro Regular";
                                text-align: center;
                                text-transform: none;
                                font-weight: 400;
                                margin-top: 10px;
                                letter-spacing: 0;
                            }

                            .framer-text {
                                font-size: 25px;
                                letter-spacing: 0.16px;
                                line-height: 1.35em;
                                color: #f5f5f5;
                                text-decoration: underline;
                                text-transform: uppercase;
                                vertical-align: top;
                                margin: 0 5px
                            }

                            h2 {
                                font-family: "Knockout HTF49-Liteweight"
                            }

                            .bg-video {
                                position: relative
                            }

                            .bg-video:after {
                                position: absolute;
                                top: 0;
                                left: 0;
                                background: rgba(0, 0, 0, 0.5);
                                content: '';
                                width: 100%;
                                height: 100%
                            }

                            .form-section {
                                width: 90%;
                                margin: 30px auto;
                            }

                            .formbox {
                                display: flex;
                                justify-content: center;
                                gap: 10px
                            }

                            .form-section input {
                                background: transparent;
                                border: 1px solid #fff;
                                text-align: center;
                                padding: 10px;
                                border-radius: 0;
                                width: 100%;
                                margin-bottom: 10px;
                                    color:#fff
                            }

                            :focus-visible {
                                outline: -webkit-focus-ring-color auto 0px;
                                border-radius: 0
                            }

                            ::placeholder {
                                color: #fff;
                                text-transform: uppercase;
                                font-weight: 600
                            }

                            .btn-color {
                                background: #dfb9896e;
                                padding: 14px;
                                font-family: "Cerebri Sans SemiBold";
                                color: #0b1728;
                                text-transform: uppercase;
                                letter-spacing: 3.5px;
                                width: 100%;
                                border: 0;
                                outline: 1px solid #dfb989;
                                outline-offset: 3px;
                            }

                            body .small-note {
                                opacity: 0.7;
                                text-transform: uppercase;
                                font-size: 8px;
                                font-weight: 400;
                                font-family: "JetBrains Mono SemiBold";
                                color: #fff;
                                letter-spacing: 0;
                                margin-top: 10px
                            }

                            .details .row {
                                align-items: center
                            }

                            .pramukh-logo {
                                width: 22%;
                                filter: invert(1) brightness(11);
                            }

                            .header-section {
                                top: 20px;
                                position: absolute;
                            }

                            .header-section .row {
                                align-items: center
                            }

                            @media (min-width: 1920px) and (max-width: 5000px) {
                                .form-section {
                                    width: 80%
                                }

                                .left-side-detail img {
                                    width: 25%;
                                }

                                .pramukh-logo {
                                    width: 25%;
                                }
                            }

                            /*320 - 767*/

                            @media screen and (max-width: 767px) {
                                body {
                                    overflow-y: visible
                                }

                                .details {
                                    align-items: inherit;
                                    top: 150px;
                                    position: relative;
                                }

                                .right-side-detail h1 {
                                    font-size: 30px;
                                    line-height: 35px;
                                }

                                .framer-text {
                                    font-size: 15px;
                                }

                                .left-sub-text {
                                    font-size: 15px;
                                }

                                .form-section {
                                    width: 100%
                                }

                                .bg-video {
                                    position: fixed;
                                    height: 100vh
                                }

                                .right-side-detail .signup-line {
                                    line-height: 22px
                                }

                                .right-side-detail p {
                                    line-height: 18px
                                }

                                .formbox {
                                    display: block
                                }

                                .header-section {
                                    top: 20px;
                                    position: absolute;
                                }

                                .right-side-detail {
                                    width: 100%
                                }

                                .left-side-detail img {
                                    width: 50%;
                                }

                                .pramukh-logo {
                                    width: 50%;
                                }

                                .header-section .row {
                                    align-items: center
                                }
                            }

                            /* For Otp Hide  */
                            .hide {
                                display: none;
                            }

                            #error_data{
                                color: red;
                            }