/* Password toggle eye icon */
            .form-outline.form-white {
                position: relative;
            }

            .password-toggle {
                position: absolute;
                top: 38px;
                right: 12px;
                cursor: pointer;
                color: #29ABE2;
                z-index: 10;
                font-size: 18px;
            }

            .password-toggle:hover {
                color: #1F3A70;
            }

            .iti {
                display: block
            }

            /* Fix input alignment with flag and dial code */
            .iti input.form-control {
                padding-left: 70px !important;
                /* or adjust to ~70-80px */
            }

            .iti__flag-container {
                z-index: 5;
            }

            .choices__list--dropdown .choices__item--selectable.is-highlighted,
            .choices__list--dropdown .choices__item--selectable:hover,
            .choices__list--dropdown .choices__item--selectable {
                background: #29ABE2 !important;
                color: #fff !important;
            }

            .choices__list--dropdown .choices__item--selectable.is-highlighted,
            .choices__list--dropdown .choices__item--selectable:hover {
                background: #29ABE2 !important;
                color: #fff !important;
            }

            .bg-purple {
                background: #29ABE2 !important;
                color: #fff !important;
            }

            /* Purple for dropdowns and inputs */
            select.form-control,
            select.form-control:focus,
            input.form-control:focus {
                border-color: #29ABE2 !important;
                box-shadow: 0 0 0 0.2rem rgba(124, 58, 237, 0.15) !important;
            }

            input.form-control:focus {
                border-color: #29ABE2 !important;
            }

            /* Purple registration button */
            #reg,
            .btn-primary,
            .btn.btn-primary {
                background: #29ABE2 !important;
                color: #fff !important;
                border: none !important;
            }

            #reg:hover,
            .btn-primary:hover,
            .btn.btn-primary:hover {
                background: #1F3A70 !important;
            }

            /* Purple background for video section */
            .right-section,
            .right-video,
            .sticky-video {
                 justify-content: center;  background: linear-gradient(135deg, #29ABE2 0%, #1F3A70 100%);
            }



            /* Optional: style the scrollbar for Webkit browsers */
            .card-registration::-webkit-scrollbar {
                width: 8px;
            }

            .card-registration::-webkit-scrollbar-thumb {
                background: #29ABE2;
                border-radius: 4px;
            }

            .card-registration::-webkit-scrollbar-track {
                background: #f3f3f3;
            }

            body {
                overflow-y: auto
            }
       

            .iti {
width: 100% !important;
            }