/* Continue Btn */
      .continue-btn {
        position: relative;
        font-size: 14px;
        letter-spacing: 3px;
        height: 3em;
        padding: 0 3em;
        border: none;
        background-color: #dafa50;
        color: black;
        text-transform: uppercase;
        overflow: hidden;
        border-radius: 5px;
        font-family: "Burka-Bold", sans-serif !important;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .continue-btn::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 0;
        bottom: 0;
        left: 0;
        height: 0px;
        width: 100%;
        background: black;
        transition: 0.2s;
      }

      .continue-btn .continue-label {
        position: relative;
      }

      .continue-btn .continue-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 3em;
        width: 3em;
        position: absolute;
        top: 3em;
        right: 0;
        opacity: 0;
        transition: 0.4s;
      }

      .continue-btn:hover::before {
        height: 100%;
      }

      .continue-btn:hover {
        color: #dafa50;
      }
      .continue-btn:hover .continue-icon {
        top: 0;
        color: #dafa50;
        opacity: 1;
      }
      /* Checkbox styles */
      .checkbox-wrapper-46 input[type="checkbox"] {
        display: none;
        visibility: hidden;
      }

      .checkbox-wrapper-46 .cbx {
        margin: auto;
        -webkit-user-select: none;
        user-select: none;
        cursor: pointer;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        line-height: 1.4;
      }

      .cbx span:first-child {
        flex-shrink: 0;
      }

      .cbx span:last-child {
        flex: 1;
        min-width: 0;
      }

      .checkbox-wrapper-46 .cbx span {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
      }

      .checkbox-wrapper-46 .cbx span:first-child {
        position: relative;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        transform: scale(1);
        vertical-align: middle;
        border: 1px solid #9098a9;
        transition: all 0.2s ease;
      }

      .checkbox-wrapper-46 .cbx span:first-child svg {
        position: absolute;
        top: 4.5px;
        left: 4.5px;
        fill: none;
        stroke: #000;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dasharray: 16px;
        stroke-dashoffset: 16px;
        transition: all 0.3s ease;
        transition-delay: 0.1s;
        transform: translate3d(0, 0, 0);
      }

      .checkbox-wrapper-46 .cbx span:first-child:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #d3fb00;
        display: block;
        transform: scale(0);
        opacity: 1;
        border-radius: 50%;
      }

      .checkbox-wrapper-46 .cbx span:last-child {
        padding-left: 8px;
      }

      .checkbox-wrapper-46 .cbx:hover span:first-child {
        border-color: #d3fb00;
      }

      .checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child {
        background: #d3fb00;
        border-color: #d3fb00;
        animation: wave-46 0.4s ease;
      }

      .checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child svg {
        stroke-dashoffset: 0;
      }

      .checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child:before {
        transform: scale(3.5);
        opacity: 0;
        transition: all 0.6s ease;
      }

      @keyframes wave-46 {
        50% {
          transform: scale(0.9);
        }
      }

      /* Spinner styles from signup.html */
      .continue-btn .spinner {
        display: none;
        align-items: center;
        justify-content: center;
        height: 20px;
        width: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #d3fb00;
      }
      .continue-btn.loading .spinner {
        display: flex;
      }
      .continue-btn.loading .continue-label,
      .continue-btn.loading .continue-icon {
        opacity: 0;
      }
      .continue-btn.loading {
        background-color: black;
        cursor: not-allowed;
      }
      .continue-btn.loading::before {
        height: 0;
      }
      .continue-btn.loading:hover {
        color: #000;
      }
      .continue-btn.loading:hover .continue-icon {
        opacity: 0;
      }
      .spinner-icon {
        animation: spin 1s linear infinite;
      }
      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

      /* OTP styles from signup.css */
      .otp-input {
        width: 40px;
        height: 40px;
        text-align: center;
        font-size: 18px;
        margin: 0 5px;
        border: 1px solid #ced4da;
        border-radius: 4px;
        font-family: "Burka-Reg", sans-serif !important;
      }
      .otp-input:focus {
        border-color: #dafa50;
        box-shadow: 0 0 0 0.2rem #dafa50;
      }
      .otp-container {
        display: flex;
        justify-content: center;
        gap: 10px;
      }
      .modal-title {
        font-size: 20px;
      }
      .modal-footer {
        display: flex;
        justify-content: center;
      }
      #resendOtp {
        color: rgb(63, 63, 113);
        cursor: pointer;
        text-decoration: underline;
        transition: text-decoration 0.3s;
      }
      #resendOtp:hover {
        text-decoration: none;
      }

      #email-reigstered-warning {
        color: rgb(215, 26, 26);
        margin-block-start: 10px;
        display: none;
      }
      #invalid-otp {
        color: rgb(215, 26, 26);
        margin-block-start: 15px;
        text-align: center;
      }