.phone-wrapper .phone-wrapper .select-selected .country-name {
        display: none;
      }

      /* The container must be positioned relative: */
      .phone-wrapper .custom-select {
        position: relative;

        background-color: #ebebeb;

        position: relative;
        background-color: #ebebeb;
        border-radius: 4px;
        background-color: #f2f0ef;
        border-color: #f2f0ef;
        height: 56px;
        /* line-height: 56px; */
        margin-bottom: 16px;
        padding-left: 24px;
        text-align: right;
        margin-left: 15px;
      }

      .phone-wrapper .custom-select select {
        display: none;
        /*hide original SELECT element: */
      }

      /* Point the arrow upwards when the select box is open (active): */
      .phone-wrapper .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 12px;
      }

      /* style the items (options), including the selected item: */
      .phone-wrapper .select-items div .country-option,
      .phone-wrapper .select-selected .country-option {
        color: #ffffff;
        padding: 4px 12px;
        border: 1px solid transparent;
        border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12px;
        max-width: 100%;
        padding-top: 19px !important;
      }

      .phone-wrapper .select-selected {
        position: relative;

        background-color: #ebebeb;
        /* Style the arrow inside the select element: */
      }
      .phone-wrapper .select-selected::after {
        position: absolute;
        content: "";
        top: calc(50% + 3px);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 5px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
        cursor: pointer;
      }

      /* Style items (options): */
      .phone-wrapper .select-items {
        position: absolute;
        background-color: gray;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 99;
        max-height: 45vh;
        overflow: auto;
        width: 200px;
      }

      /* Hide the items when the select box is closed: */
      .phone-wrapper .select-hide {
        display: none;
      }

      .phone-wrapper .select-items div:hover,
      .same-as-selected {
        background-color: rgba(0, 0, 0, 0.1);
      }

      .phone-wrapper .select-items .same-as-selected {
        display: none;
      }

      .phone-wrapper .country-name {
        margin-left: 1rem;
        font-size: 0.8rem;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        min-width: 0;
        width: 100%;
      }

      .phone-wrapper .country-flag {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        min-width: 26.66px;
        background-color: black;
        position: relative;
      }
      .phone-wrapper .country-flag::after {
        content: "?";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: white;
      }

      .phone-wrapper .country-code {
        padding: 4px 12px;
        background-color: #ebebeb;
        font-size: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        white-space: nowrap;
        position: relative;
        background-color: #ebebeb;
        border-radius: 4px;
        background-color: #f2f0ef;
        border-color: #f2f0ef;
        height: 56px;
        /* line-height: 56px; */
        margin-bottom: 16px;
        padding-left: 24px;
        text-align: right;
        direction: ltr;
      }

      .phone-wrapper .tel-input {
        padding: 3px;
        border: solid 1px #ebebeb;
        min-width: 130px;
        border-radius: 0;
        height: 30px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        font-size: 16px;
      }

      .phone-wrapper .verify__sub-desctiption {
        font-size: 0.8rem;
        color: #838383;
      }

      .phone-wrapper .verify__toggle-text {
        color: #838383;
        font-size: 0.9rem;
      }

      .phone-wrapper .verify-question {
        position: absolute;
        top: calc(1rem + 8px);
        right: 0.5rem;
      }
      .phone-wrapper .verify-question a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-decoration: none !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12px;
        color: #333;
      }
      .phone-wrapper .verify-question a .question-mark {
        margin-right: 0.5rem;
      }
      .phone-wrapper .verify-question .verify-popup {
        border: solid 1px #404040;
        background-color: rgba(0, 0, 0, 0.69);
        color: white;
        font-size: 0.75rem;

        left: 0;
        position: absolute;
        top: 30px;
        padding: 0.7rem;
        text-align: left;
        opacity: 0;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        pointer-events: none;
      }
      .phone-wrapper
        .verify-question
        .verify-question-btn.active
        ~ .verify-popup {
        opacity: 1;
        pointer-events: auto;
      }
      .phone-wrapper .verify-question .question-mark {
        background-color: gray;
        color: white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px;
        font-size: 12px;
        border-radius: 50%;
        height: 14px;
        width: 14px;
      }

      .phone-wrapper .btn {
        /* display: inline-block; */
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid transparent;
        padding: 0.17rem 1.5rem;
        font-size: 1rem;
        height: 30px;
        line-height: 1.5;
        -webkit-transition: color 0.15s ease-in-out,
          background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
          -webkit-box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        -o-transition: color 0.15s ease-in-out,
          background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
          box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
          -webkit-box-shadow 0.15s ease-in-out;
        text-decoration: none;
      }

      .phone-wrapper .btn-danger {
        color: #fff;
        background-color: #61dcc0;
        border-color: #61dcc0;
      }
      .phone-wrapper .btn-danger:hover {
        color: #fff;
        background-color: #5ccfb4;
        border-color: #5ccfb4;
      }

      .phone-wrapper .error {
        color: #cd4f43;
        font-size: 0.8rem;
        display: none;
      }
      .phone-wrapper .error.show {
        display: block;
      }
      .phone-wrapper .error span {
        margin-right: 0.5rem;
      }

      @media (max-width: 630px) {
        .phone-wrapper .verify-phone-container__body {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }

        .phone-wrapper .left-side {
          padding-bottom: 0;
          padding-top: 1rem;
        }

        .phone-wrapper .verify-question {
          top: calc(1rem - 2px);
        }

        .phone-wrapper .page-title {
          font-size: 1.4rem;
        }

        .phone-wrapper .phone-input {
          width: 100%;
        }
      }
      @media (max-width: 445px) {
        .phone-wrapper .hidden-mobile {
          display: block;
        }

        .phone-wrapper .phone-input {
          width: 100%;
        }
        .phone-wrapper .phone-input input {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          width: 100%;
        }

        .phone-wrapper input[type="checkbox"] {
          /* All browsers except webkit*/
          transform: scale(2);
          /* Webkit browsers*/
          -webkit-transform: scale(2);
        }
      }
      .phone-wrapper .step-2 {
        display: none;
      }
      .phone-wrapper .step-2 .error {
        display: block;
      }
      .phone-wrapper .step-2 .phone-wrapper-top-text {
        font-size: 0.8rem;
      }
      .phone-wrapper .step-2 .help-links {
        display: block;
        color: black;
        font-size: 0.8rem;
      }
      .phone-wrapper .step-2 .help-links:not(:last-child) {
        margin-bottom: 0.5rem;
      }