* {
            box-sizing: border-box;
        }

        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
            font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

        body {
            display: flex;
            justify-content: center;
        }

        #mainView {
            padding: 20px;
            display: flex;
            align-items: center;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: center;
            overflow: auto;
            /*margin-top: -5%;*/
        }

        #designFlowView {
            display: flex;
            align-items: center;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: center;
        }

        #mainView.hidden, #designFlowView.hidden {
            display: none;
        }

        #designFlowView .new_w_choice {
            display: flex;
            justify-content: center;
        }

        .logo img {
            /*background-image: url(images/jqlogo.webp);*/
            width: 100px;
            padding-bottom: 20px;
        }

        #designFlowView .chooseDomain {
            display: block;
            flex-direction: row;
            align-items: center;
        }

        #twrap {
            position: relative;
            height: 96%;
            display: block;
        }

        .container {
            text-align: center;
            color: #001133;
            display: flex;
            width: 100%;
        }

        .new_w_choice .generateWebsite {
            margin-top: -24px;
        }

        .new_website .cont_e_new_website .generateWebsite .content-txt {
            padding: 0 10px;
        }

        #designFlowView .chooseDomain .domch .int {
            padding-right: 100px;
        }

        .generateWebsite button {
            margin-left: 10px;
            margin-right: 10px;
        }

        .button.disabled {
            opacity: 0.7;
            filter: Alpha(Opacity=35);
            background-color: #ffffff !important;
            cursor: unset;
        }

        .button {
            align-items: center;
            border-radius: 0px;
            padding: 18px 20px;
            display: block;
            position: relative;
            width: 256px;
            color: #333;
            font-size: 15px;
            margin: 0 auto;
            /*margin-bottom: 16px;*/
            background: #fff;
            border: 1px solid #ccc;
            /*border: 0;*/
            cursor: pointer;
            max-width: 100%;
            font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

        .button.ai_button, .button.website_template, .button.login_home, .button.go_to_app {
            margin-bottom: 16px;
        }

        .button:hover {
            background-color: #f0f0f0;
        }

        .icon {
            font-size: 20px;
            vertical-align: bottom;
            margin-right: 5px;
        }


        .title_buttons {
            font-weight: 600;
            font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 22px;
            line-height: 28px;
            margin-bottom: 44px;
            color: #00112c;
        }

        .contf {
            display: flex;
            gap: 25px;
            max-width: 100%;
            flex-wrap: wrap;
        }

        .form-group {
            margin-bottom: 20px;
        }

        label {
            display: block;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .required::after {
            content: " *";
            color: red;
        }

        input {
            width: 100%;
            padding: 10px 0 10px 10px;
            border-radius: 4px;
            border: 1px solid #aaa;
            font-size: 1em;
            color: #00112c;
            max-width: 300px;
        }

        input:hover, input:active {
            border: 1px solid #ccc;
        }

        input::placeholder {
            color: #aaa;
        }

        button.submit {
            padding: 12px 20px;
            font-size: 16px;
            background-color: #001133;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        button.submit:hover {
            background-color: #002244;
        }

        .c1, .c2 {
            min-width: 260px;
        }

        @media (max-height: 650px) {
            #mainView {
                /*padding: 20px;*/
                /*display: flex*/
                /*align-items: center;*/
                /*flex-direction: column;*/
                /*flex-wrap: nowrap;*/
                justify-content: unset;
                /*overflow: auto;*/
                /* margin-top: -5%; */
            }
        }

        @media (max-width: 600px) {
            .container {
                padding: 20px;
            }

            .title_buttons {
                font-size: 20px;
            }

            input[type="text"], button {
                font-size: 15px;
                padding: 10px;
            }
        }

        .captcha_footer {
            font-size: 12px;
            color: #888;
            text-align: center;
            /*margin-top: 40px;*/
            padding: 10px;
            width: 100%;
        }

        .button.login_home {
            /*margin-top: 100px;*/
            background-color: #dedede;
            display: none;
        }

        .captcha_footer a {
            color: #666;
            text-decoration: underline;
        }

        .text_between {
            font-size: 15px;
            color: #000;
            font-weight: 300;
            height: 100px;
            align-items: center;
            min-height: 100px;
            display: flex;
        }

        .button.go_to_app {
            background-color: #dedede;
            display: none;
        }

        .contca .contca-close-home {
            width: 20px;
            padding: 1px;
            height: 20px;
            z-index: 1;
            position: absolute;
            top: 5px;
            right: 5px;
            border: none;
            background-color: white;

        }

        .contca .contca-close-home .ui-icon-closethick {
            background-image: url(images/ui-icons_cd0a0a_256x240.png);
        }

        .logged_in_message {
            font-size: 13px;
            margin-bottom: 20px;
        }

        @keyframes flickerAnimation {
            0%   { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
            50%  { box-shadow: 0 0 20px rgba(51, 153, 255, 0.8); }
            100% { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
        }

        .flicker-effect {
            animation: flickerAnimation 1.5s 3;
        }

        @keyframes textFlickerEffect {
            0%   { text-shadow: none; color: inherit; }
            25%  { text-shadow: 0 0 3px rgba(51, 153, 255, 0.5); color: rgba(51, 153, 255, 0.8); }
            50%  { text-shadow: 0 0 8px rgba(51, 153, 255, 0.9), 0 0 15px rgba(51, 153, 255, 0.6); color: rgba(51, 153, 255, 1); }
            75%  { text-shadow: 0 0 3px rgba(51, 153, 255, 0.5); color: rgba(51, 153, 255, 0.8); }
            100% { text-shadow: none; color: inherit; }
        }

        .text-flicker-effect {
            animation: textFlickerEffect 1.5s 2;
        }