.modal_overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.75); }
  .modal_overlay .modal {
    width: 80%;
    max-width: 415px;
    border-radius: 10px;
    background-color: #fff;
    padding: 50px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-height: 80%;
    overflow: auto; }
    .modal_overlay .modal::-webkit-scrollbar {
      width: 2px;
      border-radius: 20px; }
    @media screen and (max-width: 767px) {
      .modal_overlay .modal {
        width: 88%;
        max-width: 415px;
        border-radius: 10px;
        background-color: #fff;
        padding: 50px 15px; } }
    .modal_overlay .modal h3 {
      text-align: center;
      color: #68dbd6;
      font-size: 22px;
      font-weight: 600;
      margin: 5px 0px;
      margin-bottom: 30px;
      text-transform: uppercase; }
    .modal_overlay .modal .colored_btn,
    .modal_overlay .modal .border_btn {
      margin: 26px auto;
      margin-bottom: 0px;
      width: 100%;
      max-width: 315px; }
    .modal_overlay .modal p {
      text-align: center;
      font-size: 14px;
      padding: 5px 12px;
      word-break: break-word; }
    .modal_overlay .modal.terms_privacy_modal {
      max-width: 600px; }
  .modal_overlay .cancle_btn {
    background-color: transparent;
    outline: none;
    border: none;
    font-size: 34px;
    font-weight: bold;
    position: absolute;
    right: 25px;
    top: 14px;
    color: #68dbd6; }
  .modal_overlay .form_group label {
    margin-bottom: 5px; }
  .modal_overlay .form_group {
    margin: 20px 0px; }

.google_login {
  border-radius: 50% !important;
  border: none !important;
  box-shadow: none !important; }
  .google_login > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0px !important;
    padding: 15px !important; }
  .google_login > span {
    padding: 0px !important; }

video {
  background-color: #000; }

.hr20 {
  margin: 20px auto !important;
  height: 1px;
  border: 0;
  border-top: 1px solid #f0f2f7; }

.hrborder {
  height: 1px;
  border: 0;
  border-top: 1px solid #cbd9d9; }

.link_modal {
  max-width: 582px !important;
  text-align: center;
  border-radius: 25px !important; }
  .link_modal h4,
  .link_modal p {
    max-width: 400px;
    margin: 0 auto; }
  .link_modal h4 {
    font-weight: 600;
    margin-bottom: 10px; }
  .link_modal .link_img {
    max-height: 128px;
    margin-bottom: 22px; }
  .link_modal .invitation_heading {
    font-size: 14px;
    color: #68dbd6;
    margin-top: 15px;
    font-weight: 600; }
  .link_modal .invitation_para {
    font-size: 14px !important;
    font-style: italic; }

.modal_w_582 {
  max-width: 582px !important;
  text-align: center;
  border-radius: 25px !important; }

.modal.link_modal p {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  padding: 0px; }

.modal_overlay .payment_success_modal {
  background-color: #68dbd6;
  max-width: 650px;
  border-radius: 28px; }
  @media screen and (max-width: 767px) {
    .modal_overlay .payment_success_modal {
      max-width: 100%; } }
  .modal_overlay .payment_success_modal .cancle_btn {
    color: #fff; }
  .modal_overlay .payment_success_modal img {
    max-width: 100%; }
  .modal_overlay .payment_success_modal h3 {
    color: #fff;
    margin: 25px auto;
    font-size: 28px; }
  .modal_overlay .payment_success_modal p {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin-top: -15px; }
  .modal_overlay .payment_success_modal .colored_btn {
    background-color: #fff;
    color: #68dbd6;
    padding: 12px; }

.colored_btn_download_btn {
  width: 385px;
  margin-top: 50px;
  margin-bottom: 125px; }
  @media screen and (max-width: 767px) {
    .colored_btn_download_btn {
      width: 100%; } }

.direction {
  position: absolute;
  top: 15%;
  right: 18%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  max-width: 260px;
  border: none; }
  @media screen and (max-width: 767px) {
    .direction {
      right: 0;
      width: 200px; } }

.direction_img {
  margin-right: 12px; }

.continue .sign_btn {
  max-width: 300px;
  padding-top: 50px; }
  .continue .sign_btn .border_btn {
    color: #68dbd6; }

.continue .border_btn {
  width: 100%; }

.m_55_0 {
  margin: 55px 0px; }
  .m_55_0 + .or1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    right: calc(49% - 25px);
    padding: 0px 30px;
    color: #68dbd6;
    font-size: 14px;
    font-weight: bold; }
  .m_55_0.hr {
    border: 1px solid #cbd9d9; }

.sign_right_inner.continue {
  min-height: unset; }

.continue_main .sign_left img {
  height: 100vh; }
  @media screen and (max-width: 767px) {
    .continue_main .sign_left img {
      height: unset; } }

.toast_container {
  border-radius: 6px !important; }

.progress_bar {
  background: #68dbd6 !important; }

.toast_close_btn {
  background: #68dbd6 !important; }

.mobile_verify {
  max-width: 700px; }

.contact_modal {
  text-align: center; }
  .contact_modal h4 {
    font-size: 22px;
    color: #68dbd6;
    text-transform: uppercase; }
  .contact_modal a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-decoration: none; }
    .contact_modal a img {
      max-width: 22px;
      display: inline-block; }
    .contact_modal a span {
      margin-left: 10px;
      color: #68dbd6; }

.send_otp_box {
  text-align: center;
  min-height: 30px; }
  .send_otp_box .send_again_btn {
    display: inline-block;
    color: #68dbd6;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 700;
    background: transparent;
    border: none;
    text-transform: capitalize; }

.marker_box {
  background-color: #68dbd6;
  border-radius: 20px;
  padding: 18px 40px;
  min-width: 200px;
  box-shadow: 0px 4px 8px rgba(97, 97, 97, 0.25);
  top: -50px; }
  @media screen and (max-width: 1200px) {
    .marker_box {
      left: 0;
      transform: translateX(-50%);
      width: 90%; } }
  .marker_box .marker_point {
    color: #fff;
    font-size: 15px;
    font-weight: bold; }

.gift_history_container {
  padding-bottom: 50px; }

.send_gift_btn {
  color: #fff; }

.gift_btns_flex {
  display: flex;
  align-items: center;
  gap: 35px;
  justify-content: center; }
  @media (max-width: 767px) {
    .gift_btns_flex {
      gap: 20px;
      margin: 0 10px; } }
  .gift_btns_flex button {
    margin: 0px; }

.search_msg_txt {
  font-weight: 500 !important; }

.w_90 {
  width: 90%; }

.signup_btn {
  width: 80% !important; }

.signup_form .form_group label {
  font-weight: 600;
  color: #cbd9d9; }

.no_item_container {
  width: 100%;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .no_item_container p {
    opacity: 0.8; }

.commission_text {
  max-width: 800px;
  margin: 0px auto; }

.card_cvv_expiry_container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%; }
  .card_cvv_expiry_container .card_from_control {
    width: 45%; }

.monetary_text {
  font-family: inherit;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  text-decoration-line: underline;
  color: #cbd9d9;
  margin-top: -1px !important;
  margin-left: 15px; }

.monatary_text_wrp .mnt_note {
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 20px 0px 0px 0px !important;
  text-align: left !important; }

.monatary_text_wrp h3 {
  text-align: center;
  color: #68dbd6;
  font-size: 16px;
  font-weight: 700;
  margin: 5px 0px;
  margin-bottom: 30px;
  text-transform: none !important;
  margin-top: -35px !important; }

.no_button {
  border: none;
  outline: none;
  background: transparent;
  width: unset;
  cursor: pointer; }

.payment_breakdown {
  display: flex;
  justify-content: space-between; }
  .payment_breakdown p {
    text-align: left !important;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #6b7878;
    margin: 0px !important; }

.color_white {
  color: #fff !important; }

.download_app_outer .modal {
  padding: 24px;
  padding-top: 32px;
  padding-bottom: 28px;
  max-width: 335px; }
  .download_app_outer .modal > div {
    overflow: auto;
    text-align: center; }
    .download_app_outer .modal > div .cancle_btn {
      font-size: inherit;
      top: 32px; }
    .download_app_outer .modal > div h3 {
      margin-bottom: 32px;
      margin-top: 5px;
      font-size: 16px;
      font-weight: 700;
      text-transform: none; }
    .download_app_outer .modal > div > img {
      margin-bottom: 16px;
      width: 100%; }
    .download_app_outer .modal > div ul {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 11px; }
      .download_app_outer .modal > div ul img {
        width: 100%; }
    .download_app_outer .modal > div > p {
      font-weight: 600;
      margin-bottom: 32px;
      padding-top: 0;
      padding-bottom: 0; }
      @media (max-width: 767px) {
        .download_app_outer .modal > div > p {
          font-size: 12px; } }
    .download_app_outer .modal > div .continue {
      display: block;
      border-radius: 50px;
      color: #AAB5B5;
      margin-top: 20px;
      font-weight: 500;
      font-size: 12px;
      cursor: pointer; }