* {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: Arial, sans-serif !important;
        }

        html {
            font-size: 16px;
        }

        .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
        .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important;
        }

        .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
        .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
            border-bottom-left-radius: 0px !important;
            border-bottom-right-radius: 0px !important;
        }

        .copyright_text a {
            color: #aab1b7 !important;
        }

        @media only screen and (max-width: 767px) {
            .steps-wrapper {
                display: none !important;
            }
        }

        .visa__container {
            max-width: 1060px;
            margin: 0 auto;
            padding: 0 15px;
            opacity: 0.9;
            padding: 30px 15px;
            /*position: absolute;*/
            /*top: 50%;*/
            /*left: 50%;*/
            /*transform: translate(-50%, -50%);*/
            /*width: 100%;*/
        }

        .visa__main-section {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05);
            padding: 40px 30px;
            text-align: center;
        }

        .visa__title {
            font-weight: 700;
            font-size: 19px;
            color: #87ceeb;
            text-align: left;
            padding: 0;
            margin: 0;
        }

        .visa__info-text {
            font-size: 14px;
            color: #666;
            margin-bottom: 20px;
            text-align: center;
        }

        .visa__form-label {
            font-weight: 600;
            font-size: 14px;
            color: #000;
            margin-bottom: 10px;
            display: block;
        }

        /* Form fields */
        .visa__form-control,
        .visa__form-select {
            width: 100%;
            padding: 10px 12px;
            border-radius: 14px;
            border: 1px solid #9a9595;
            height: 49px;
            font-size: 15px;
            margin-bottom: 15px;
            color: #555;
        }

        /* Date input with icon */
        .visa__date-wrap {
            position: relative;
        }

        .visa__date-wrap .date-icon {
            position: absolute;
            left: 12px;
            top: 23px;
            transform: translateY(-50%);
            font-size: 18px;
            color: #999;
            pointer-events: none;
        }

        .visa__date-wrap input {
            padding-left: 40px;
            cursor: pointer;
            border-radius: 15px;
            border: 1px solid #9a9595;
            text-align: center;
        }

        /* Start Button */
        .visa__btn-wrap {
            text-align: center;
            margin-top: 30px;
        }

        .visa__start-btn {
            background: linear-gradient(90deg, #1E90FF 0%, #87CEEB 100%);
            border-radius: 50px;
            padding: 12px 100px;
            font-weight: 500;
            font-size: 18px;
            border: 0;
            transition: background 0.7s ease;
            color: #ffffff;
            cursor: pointer;
        }

        .visa__start-btn:hover {
            opacity: 0.9;
        }

        /* Select2 flag style */
        .select2-container--default .select2-selection--single {
            height: 49px !important;
            border-radius: 14px !important;
            border: 1px solid #9a9595;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .select2-selection__rendered {
            line-height: 47px !important;
            display: flex !important;
            align-items: center;
            justify-content: center;
        }

        .select2-selection__arrow {
            top: 12px !important;
        }

        .visa__flag {
            width: 20px;
            height: 15px;
            margin-right: 8px;
            position: relative;
            top: -1px;
        }

        #select2-visa__nationality-container {
            margin: 0 auto;
            font-size: 16px;
            color: #555;
        }

        #select2-travelling_to-container {
            width: 100%;
        }

        #select2-travelling_to-container span {
            width: 100%;
            text-align: center;
            font-size: 16px;
        }

        .visa__container .select2-container {
            margin-bottom: 15px;
            width: 100% !important;
        }

        .application-site-main {
            min-height: 83vh;
            padding-top: 12px;
            padding-bottom: 25px;
        }

        .soft-logo {
            width: 144px;
            height: 38px;
            border-radius: 0 !important;
        }

        .logo-section {
            display: flex;
            gap: 42px;
            align-items: center;
            justify-content: center;
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months {
            border: none !important;
            height: auto !important;
        }

        body .select2-container {
            width: auto !important;
        }

        body select+.select2-container {
            width: 100% !important;
        }

        @media (max-width: 767px) {

            .visa__container {
                margin: 90px auto auto 0;

            }

            .flatpickr-calendar {
                left: 23.25px !important;
                width: 87% !important;
            }

            .soft-logo {
                width: 152px;
                height: 42px;
            }

            .visa__container {
                padding: 12px 8px;
            }

            .logo-section {
                flex-wrap: wrap;
                justify-content: center;
            }

            .application-site-main {
                padding-top: 14px;
                min-height: 93vh;
            }

            .visa__title {
                font-size: 16px;
                margin-bottom: 0;
                line-height: 23px;
                text-align: center;
            }
        }

        .logo-uk {
            width: 144px;
            height: 38px;
        }

        input[type='text'] {
            color: #444;
            font-weight: 400;
        }

        .flatpickr-input[readonly],
        .visa__btn-wrap button {
            font-family: Arial !important;
            font-size: 16px;
        }

        .menu-section {
            background: linear-gradient(90deg, #1E90FF 0%, #87CEEB 100%) !important;
            color: #fff;
        }

        .menu-section ul {
            display: flex;
            gap: 42px;
            justify-content: end;
            padding: 12px;
            list-style: none;
        }

        .menu-section ul li a {
            font-size: 18px;
            color: #fff !important;
        }

        .disclaimer-text {
            padding-top: 15px;
            line-height: 17px;
            color: #666;
        }

        .custom-section {
            opacity: 0.9;
            background-color: #fff;
            max-width: 1060px;
            margin: 0 auto;
            padding: 14px;
            height: auto;
            border-radius: 12px;
        }

        .fa-globe:before {
            color: #3ea3f8;
        }

        .fa-file-alt:before {
            color: #3ea3f8;
        }

        .fa-credit-card:before {
            color: #3ea3f8;
        }

        .fa-check-circle:before {
            color: #3ea3f8;
        }

        .steps-wrapper {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 130px;
            text-align: center;
            position: relative;
            padding-top: 34px;
            flex-wrap: nowrap;
        }

        .step-item {
            width: 100px;
            position: relative;
        }

        .step-item i {
            font-size: 28px;
            margin-bottom: 8px;
            display: block;
        }

        .step-connector {
            position: absolute;
            height: 2px;
            background: #007bff;
            z-index: 1;
        }

        .step-1 .step-connector {
            width: 100%;
            left: 162%;
            top: 12px;
            transform: translateX(-50%);
        }

        .step-2 .step-connector {
            width: 100%;
            left: 96px;
            top: 11px;
            transform: translateX(0);
        }

        .step-3 .step-connector {
            width: 100%;
            left: 103px;
            top: 11px;
            transform: translateX(0);
        }

        .step-4 .step-connector {
            width: 100%;
            left: 0;
            top: 20px;
            transform: translateX(0);
        }

        .step-connector:after {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            border: 3px solid #007bff;
            right: 0;
            top: -4px;
            border-style: solid solid none none;
            transform: rotate(45deg);
        }

        @media (max-width: 767px) {

            .disclaimer-text {
                display: none;
            }

            .steps-wrapper {
                margin-top: 60px;
                position: relative;
                /*height: 235px;*/
                /*width: 280px;*/
                height: 220px;
                width: 258px;
                margin-left: auto;
                margin-right: auto;
            }

            .step-item.step-1 .step-connector:after {
                top: 100%;
                transform: rotate(146deg) translateY(7px);
                right: -9px;
            }

            .step-item.step-2 .step-connector:after {
                top: 100%;
                transform: rotate(222deg) translateY(7px);
                right: auto;
                left: -2px;
            }

            .step-item.step-3 .step-connector:after {
                top: 0;
                transform: rotate(312deg) translateY(1px);
                right: auto;
                left: -7px;
            }

            .step-item.step-3 .step-connector:after {}

            .step-item {
                width: 90px;
                position: absolute;
                text-align: center;
            }

            /* STEP 1 - Top Center */
            .step-1 {
                order: 1;
                top: 0%;
                left: 50%;
                transform: translateX(-50%);
            }

            /* STEP 2 - Right Center */
            .step-2 {
                order: 2;
                top: 50%;
                right: 0%;
                transform: translateY(-50%);
            }

            /* STEP 3 - Bottom Center */
            .step-3 {
                order: 3;
                bottom: 0%;
                left: 50%;
                transform: translateX(-50%);
            }

            /* STEP 4 - Left Center */
            .step-4 {
                order: 4;
                top: 50%;
                left: 0%;
                transform: translateY(-50%);
            }

            .step-connector {
                position: absolute;
                height: 2px;
                background: #007bff;
                z-index: -1;
                border-radius: 50%;
            }

            /* Step 1 → Step 2 */
            .step-1 .step-connector {
                width: 40px;
                height: 40px;
                border: 2px solid #3ea3f8;
                border-left: none;
                border-bottom: none;
                border-radius: 0 60px 0 0;
                top: 30%;
                left: 120%;
                transform: translateX(-50%) rotate(-3deg);
                background: #f3f4f9;
            }

            /* Step 2 → Step 3 */
            .step-2 .step-connector {
                width: 40px;
                height: 40px;
                border: 2px solid #3ea3f8;
                border-left: none;
                border-top: none;
                border-radius: 0 0 60px 0;
                top: 142%;
                left: 0;
                transform: translateY(-50%) rotate(4deg);
                background: #f3f4f9;
            }

            /* Step 3 → Step 4 */
            .step-3 .step-connector {
                /*width: 40px;*/
                /*height: 40px;*/
                /*border: 2px solid #3ea3f8;*/
                /*border-right: none;*/
                /*border-top: none;*/
                /*border-radius: 0 0 0 60px;*/
                /*top: -21%;*/
                /*left: -33%;*/
                /*transform: translateX(-50%) rotate(0deg);*/
                /*background: #f3f4f9;*/
                width: 40px;
                height: 40px;
                border: 2px solid #3ea3f8;
                border-right: none;
                border-top: none;
                border-radius: 0 0 0 60px;
                top: -21%;
                left: -16%;
                transform: translateX(-50%) rotate(0deg);
                background: #f3f4f9;
            }

            /* Step 4 → Step 1 */
            .step-4 .step-connector {
                width: 65px;
                height: 65px;
                border: 2px solid #3ea3f8;
                border-right: none;
                border-bottom: none;
                border-radius: 60px 0 0 0;
                top: -30%;
                left: 100%;
                transform: translateX(-50%) rotate(45deg);
                background: #f3f4f9;
            }

            .step-item:after {
                content: '';
                position: absolute;
                width: 10px;
                height: 10px;
                background: #007bff;
                border-radius: 50%;
                top: 50%;
                left: 100%;
                transform: translate(-50%, -50%);
                z-index: 1;
                display: none;
            }

            .step-2:after,
            .step-3:after {
                left: 50%;
                top: 100%;
                transform: translate(-50%, -50%);
            }

            .step-4:after {
                left: 0;
                transform: translate(50%, -50%);
            }

            .step-item {
                line-height: 1.1;
            }
        }

        body,
        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        span,
        label {
            font-family: Arial !important;
        }

        .document-img {
            height: 402px;
            margin: 0 auto;
            display: block;
        }

        .check-icon {
            font-size: 0.8rem;
            color: green;
        }

        .section-title {
            margin-bottom: 0;
        }

        .top-image {
            /*min-height: 563px;*/
            width: 500px;
            height: 442px;
            object-fit: cover;
        }

        @media only screen and (max-width: 767px) {

            .applying-for {
                padding-right: 0 !important;
                padding-left: 0 !important;
            }

            .visa__start-btn {
                padding: 12px 50px;
            }

            .steps-wrapper {
                display: none;
            }

            .menu-section {
                display: none;
            }

            .custom-section {
                display: none;
            }

            .footer {
                display: none;
            }

            .flatpickr-calendar {
                left: 23.25px !important;
                width: 87% !important;
            }

            .visa__container {
                padding: 12px 8px;
            }

            .logo-uk {
                width: 152px;
                height: 42px;
            }

            .visa__title {
                font-size: 16px;
                margin-bottom: 0;
                line-height: 23px !important;
                text-align: center;
            }

            .logo-section {
                flex-wrap: wrap;
                justify-content: center;
                gap: 12px;
            }

            .application-site-main {
                min-height: 93vh;
                padding-top: 80px;
            }
        }

        .footer {
            background: #211E3B !important;
        }

        .footer-widget p {
            color: #aab1b7 !important;
        }

        .mobile-custom-section {
            display: none;
            opacity: 0.9;
            background-color: #fff;
            max-width: 1060px;
            margin: 0 auto;
            padding: 14px;
            height: auto;
            border-radius: 12px;
        }

        .works-info .custom-card {
            border: 0;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
            border-radius: 12px;
            /*width: 18rem;*/
            min-height: 255px;
        }

        .works-info .custom-card .card-body {
            height: auto;
        }

        .works-info .custom-card .card-body h2 {
            font-size: 32px;
        }

        .works-info .custom-card .card-body h5 {
            color: #404040;
            font-weight: 600;
            font-size: 14px;
        }

        .works-info {
            display: none;

        }

        .mobile-custom-section .row .col-md-6 {
            padding: 20px;
        }

        @media only screen and (max-width: 932px),
        only screen and (max-device-width: 932px) and (-webkit-min-device-pixel-ratio: 2),
        only screen and (max-device-width: 932px) and (min-resolution: 192dpi) {

            .steps-wrapper {
                display: none;
            }

            .menu-section {
                display: none;
            }

            .custom-section {
                display: none;
            }

            .footer {
                display: none;
            }

            .works-info .row:not(.g-0)>[class*='col-'] {
                padding-left: 9px;
                padding-right: 9px;
            }

            .works-info .row {
                margin: 0;
            }

            .works-info {
                display: block;
                /*padding-top: 26px;*/
                padding: 12px 0px;
            }

            .mobile-custom-section {
                display: block;
                margin: 0 8px;
            }
        }


/* Index page under body tag css start*/
        @media (min-width: 1200px) {
            .container {
                max-width: 1140px !important;
                width: 100% !important;
            }
        }

        @media (min-width: 1400px) {
            .container {
                max-width: 1320px !important;
                width: 100%;
            }
        }

        input#visa__arrival-date {
            /* margin-left: 7px; */
            padding-left: 35px;
        }

        .trust-badges {
            display: none;
        }

        .steps-container {
            display: none;
        }

        .read-faq {
            display: none;
        }

        @media only screen and (max-width: 375px) {
            .visa__container {
                padding: 30px 0px;
            }
        }

        @media only screen and (max-width: 767px) {

            .visa__start-btn {
                padding: 12px 50px;
            }

            .flatpickr-calendar {
                left: 23.25px !important;
                width: 87% !important;
            }

            .application-site-main {
                background-color: #c6e5fe !important;
                background-image: unset !important;
            }

            .select2-results__option--selectable {
                font-size: 15px;
            }

            span#select2-visa__nationality-container {
                text-align: center;
                justify-content: center;
            }

            .logo-uk {
                width: 152px;
                height: 42px;
            }

            input#visa__arrival-date {
                background: #fff !important;
                /*text-align: left !important;*/
                padding-left: 0 !important;
            }

            input[type="text"],
            input[type="email"],
            textarea {
                border-radius: 8px !important;
            }

            .col-md-12.travel-to {
                padding-left: 0;
            }

            .visa__title {
                font-size: 22px;
                margin-bottom: 0;
                line-height: 23px !important;
                text-align: left;
                padding-top: 11px;
                padding-bottom: 30px;
                color: #404040 !important;
            }

            .visa__form-label {
                font-weight: 100;
                font-size: 16px;
                color: #000 !important;
                margin-bottom: 10px;
                display: block;
                text-align: left;
            }

            .visa__main-section {
                /*background: linear-gradient(90deg, #e8f6ff 0%, #ffffff 100%);*/
                background: linear-gradient(135deg, #e8f6ff 0%, #ffffff 100%);
                border-radius: 12px;
                /*box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05);*/
                box-shadow: 0 4px 25px rgba(0, 0, 0, 0.12);
                padding: 40px 30px;
                text-align: center;
            }

            .visa__info-text {
                display: none !important;
            }

            .select2-container--default .select2-selection--single {
                border: 0 !important;
            }

            .visa__date-wrap input {
                border: 0 !important;
            }

            .trust-badges {
                display: flex;
                justify-content: space-around;
                margin-top: 30px;
                padding-top: 20px;
                /*border-top: 1px solid #e1e5e9;*/
            }

            .trust-badge {
                text-align: center;
                display: flex;
            }

            .trust-badge i {
                font-size: 20px;
                /*color: #4CAF50;*/
                margin-bottom: 5px;
            }

            .stars {
                color: #ffd273;
            }

            .trust-badge .text {
                font-size: 12px;
                color: #666;
                font-weight: 500;
                margin-left: 7px;
            }

            i.fa-solid.fa-circle-check {
                color: #3b93f4;
            }

            .steps-container {
                display: flex;
                justify-content: space-between;
                margin-bottom: 40px;
                position: relative;
                padding: 0 0px;
            }

            .steps-container::before {
                content: '';
                position: absolute;
                top: 11px;
                /* Adjusted for smaller circles */
                left: 40px;
                right: 40px;
                height: 4px;
                /* Broader progress bar */
                background: #e0e0e0;
                /* Light gray background line */
                z-index: 1;
                border-radius: 3px;
            }

            .steps-container::after {
                content: '';
                position: absolute;
                top: 11px;
                /* Adjusted for smaller circles */
                left: 0;
                width: 100%;
                /* 1 out of 3 steps completed */
                height: 4px;
                /* Broader progress bar */

                /* Blue progress */
                /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4db5fe+0,c2dcfc+100 */
                background: linear-gradient(to right, rgba(77, 181, 254, 1) 0%, rgba(194, 220, 252, 1) 100%);
                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                z-index: 2;
                border-radius: 3px;
            }

            .step {
                text-align: center;
                position: relative;
                z-index: 3;
                flex: 0 0 auto;
            }

            .step-circle {
                width: 25px;
                /* Smaller circles - 32x32 */
                height: 25px;
                /* Smaller circles - 32x32 */
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: white;
                font-weight: bold;
                margin: 0 auto 8px;
                /*border: 3px solid white;*/
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
                position: relative;
                z-index: 4;
                font-size: 14px;
                /* Smaller font for smaller circles */
            }

            /* Step 1 - Completed (Blue) */
            .step:nth-child(1) .step-circle {
                background: rgb(77 181 254);
            }

            /* Step 2 - Current (Blue with white number) */
            .step:nth-child(2) .step-circle {
                background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
                color: #fff;
                background: #b7d7fb;
            }

            /* Step 3 - Upcoming (Light gray) */
            .step:nth-child(3) .step-circle {
                background: #f0f0f0;
                color: #ffffff;
                background: #c4defc;
            }

            .step-text {
                font-size: 11px;
                /* Slightly smaller text */
                color: #666;
                font-weight: 500;
                margin-top: 2px;
            }

            /* Completed step text */
            .step:nth-child(1) .step-text {
                color: #4facfe;
                font-weight: 600;
            }

            /* Current step text */
            .step:nth-child(2) .step-text {
                color: #4facfe;
                font-weight: 600;
            }

            /* Upcoming step text */
            .step:nth-child(3) .step-text {
                color: #999;
            }

            #select2-visa__nationality-container {
                margin: 0;
            }

            #select2-travelling_to-container span {
                text-align: left;
            }

            .visa__date-wrap input[type="text"] {
                text-align: center;
            }

            .select2-container--default .select2-selection--single .select2-selection__rendered {
                padding-left: 13px;
            }

            .read-faq {
                color: #2a4b81;
                display: block;
                font-size: 14px;
            }

            .logo-section {
                flex-wrap: wrap;
                justify-content: center;
                gap: 12px;
            }

            .application-site-main {
                min-height: 93vh;
                padding-top: 80px;
            }
        }

        @media screen and (max-width:767px) {

            .visa_viewContainer {
                margin-top: -110px;

                span#select2-visa__nationality-container {
                    justify-content: center;
                }

                .mobile-custom-section,
                .works-info .custom-card {
                    background: linear-gradient(90deg, #e8f6ff 0%, #ffffff 100%) !important;
                    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.12) !important;
                }

                .steps-container::before,
                .steps-container::after {
                    height: 3px;
                }

                .visa__title {
                    font-size: 18px;
                    line-height: 25px !important;
                    padding-bottom: 10px;
                }

                .steps-container {
                    margin-bottom: 10px;
                }

                .row {
                    margin-left: 0;
                    margin-right: 0;
                }

                .visa__form-label {
                    font-size: 14px;
                    margin-bottom: 4px;
                }

                .visa__btn-wrap {
                    margin-top: 0px;
                }

                .select2-container--default .select2-selection--single .select2-selection__arrow {
                    top: 7px !important;
                }

                .select2-selection__rendered {
                    line-height: 44px !important;
                }

                input[type="text"],
                input[type="email"],
                textarea,
                #select2-visa__nationality-container {

                    font-size: 14px;
                }

                .trust-badges {
                    margin-top: 20px;
                    padding-top: 0;
                }

                .visa__start-btn {
                    padding: 7px 50px;
                }

                .visa__main-section {
                    padding: 26px 28px 24px;
                }

                .trust-badge i {
                    font-size: 13px;
                    margin-bottom: 0;
                }

                .trust-badge {
                    align-items: center;
                }

                .logo-section {
                    gap: 0;
                }
            }
        }