#Smile_Transfer[data-v-44230553] {
  width: 170px;
  fill: #2BC196;
}
@media (max-width: 1024px) {
#Smile_Transfer_Box[data-v-44230553] {
    display: inline-block;
}
[dir] #Smile_Transfer_Box[data-v-44230553] {
    padding: 8px 20px 12px;
    border-radius: 90px;
    border: 1px 0px 0px 0px;
    box-shadow: 0px 0.5px 12.02px -0.5px #0000002E;
    box-shadow: 0px 1.13px 3.38px 0px #FFFFFF40 inset;
}
[dir=ltr] #Smile_Transfer_Box[data-v-44230553] {
    background: linear-gradient(142.96deg, rgba(255, 255, 255, 0.37) -3.54%, rgba(114, 114, 114, 0.42) 95.15%);
}
[dir=rtl] #Smile_Transfer_Box[data-v-44230553] {
    background: linear-gradient(-142.96deg, rgba(255, 255, 255, 0.37) -3.54%, rgba(114, 114, 114, 0.42) 95.15%);
}
#Smile_Transfer_Box #Smile_Transfer[data-v-44230553] {
    width: 150px;
    height: 14px;
    fill: #fff;
}
}
.mobile-number-wrap {
  position: relative;
  display: inline-block;
  width: 132px;
  height: 42px;
}[dir] .mobile-number-wrap {
  border-radius: 12px;
}
.mobile-number-wrap .input-field {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  outline: none;
  color: #000000;
  font-size: 15px !important;
  font-weight: 500 !important;
  font-family: "fontSpaceGrotesk" !important;
}
[dir] .mobile-number-wrap .input-field {
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid #0000001F;
}
[dir=ltr] .mobile-number-wrap .input-field {
  left: 0;
}
[dir=rtl] .mobile-number-wrap .input-field {
  right: 0;
}
[dir] .mobile-number-wrap .input-field:hover {
  border: 1px solid #0000003D;
}
[dir] .mobile-number-wrap .input-field:focus {
  border: 1px solid #007D59;
}
.mobile-number-wrap .down-icon {
  position: absolute;
  top: 15px;
  font-weight: 500;
  color: #000000;
  color: #000000;
  font-size: 15px !important;
  font-weight: 500 !important;
  font-family: "fontSpaceGrotesk" !important;
  z-index: 1;
}
[dir=ltr] .mobile-number-wrap .down-icon {
  right: 12px;
}
[dir=rtl] .mobile-number-wrap .down-icon {
  left: 12px;
}
.mobile-number-wrap .country-code-box {
  position: absolute;
  top: 50px;
  width: 340px;
  max-height: 230px;
  overflow: auto;
  z-index: 99999;
}
[dir] .mobile-number-wrap .country-code-box {
  padding: 6px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0px 0px 2px 0px #00000040;
}
[dir=ltr] .mobile-number-wrap .country-code-box {
  left: 0;
}
[dir=rtl] .mobile-number-wrap .country-code-box {
  right: 0;
}
.mobile-number-wrap .country-code-box::-webkit-scrollbar {
  display: none;
}
.mobile-number-wrap .country-code-box li {
  width: 100%;
  outline: none;
}
[dir] .mobile-number-wrap .country-code-box li {
  border-radius: 12px;
  cursor: pointer;
  padding: 10px 12px;
}
.mobile-number-wrap .country-code-box li span {
  color: #000000;
  font-size: 15px !important;
  font-weight: 500 !important;
  font-family: "fontSpaceGrotesk" !important;
}
[dir=ltr] .mobile-number-wrap .country-code-box li span:nth-child(1) {
  margin-right: 5px;
}
[dir=rtl] .mobile-number-wrap .country-code-box li span:nth-child(1) {
  margin-left: 5px;
}
.mobile-number-wrap .country-code-box li.active {
  color: #000000;
  font-size: 15px !important;
  font-weight: 500 !important;
  font-family: "fontSpaceGrotesk" !important;
}
[dir] .mobile-number-wrap .country-code-box li.active {
  background: #007D591F;
}
.mobile-number-wrap .country-code-box li.active span {
  color: #007D59 !important;
}
.mobile-number-wrap .country-code-box li:hover {
  color: #000000;
  font-size: 15px !important;
  font-weight: 500 !important;
  font-family: "fontSpaceGrotesk" !important;
}
[dir] .mobile-number-wrap .country-code-box li:hover {
  background: #007D591F;
}
.mobile-number-wrap .country-code-box li:hover span {
  color: #007D59 !important;
}
.mobile-number-wrap .country-code-box .none-data {
  font-size: 14px !important;
  font-weight: 400;
  font-family: "fontSpaceGrotesk" !important;
}
[dir] .mobile-number-wrap .country-code-box .none-data {
  margin-bottom: 0 !important;
  padding: 5px 0 !important;
  text-align: center;
}
[dir] #luxtak-logo-wrap {
  margin-bottom: -10px !important;
}
.text-errors[data-v-a819b9be] {
  display: inline-block;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #BD0000 !important;
  font-family: "fontSpaceGrotesk";
}[dir] .text-errors[data-v-a819b9be] {
  padding-top: 8px !important;
}
