/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_winnrz_core/cartridge/client/default/scss/desktop/login.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_winnrz_core/cartridge/client/default/scss/desktop/login.scss (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Galano Grotesque";
  src: url("../../fonts/Galano/GalanoGrotesqueRegular.woff2") format("woff2"), url("../../fonts/Galano/GalanoGrotesqueRegular.woff") format("woff"), url("../../fonts/Galano/GalanoGrotesqueRegular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Galano Grotesque Medium";
  src: url("../../fonts/Galano/GalanoGrotesqueMedium.woff2") format("woff2"), url("../../fonts/Galano/GalanoGrotesqueMedium.woff") format("woff"), url("../../fonts/Galano/GalanoGrotesqueMedium.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Galano Grotesque SemiBold";
  src: url("../../fonts/Galano/GalanoGrotesqueSemiBold.woff2") format("woff2"), url("../../fonts/Galano/GalanoGrotesqueSemiBold.woff") format("woff"), url("../../fonts/Galano/GalanoGrotesqueSemiBold.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Galano Grotesque Bold";
  src: url("../../fonts/Galano/GalanoGrotesqueBold.woff2") format("woff2"), url("../../fonts/Galano/GalanoGrotesqueBold.woff") format("woff"), url("../../fonts/Galano/GalanoGrotesqueBold.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Galano Grotesque ExtraBold";
  src: url("../../fonts/Galano/GalanoGrotesqueExtraBold.woff2") format("woff2"), url("../../fonts/Galano/GalanoGrotesqueExtraBold.woff") format("woff"), url("../../fonts/Galano/GalanoGrotesqueExtraBold.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Galano Grotesque Black";
  src: url("../../fonts/Galano/GalanoGrotesqueBlack.woff2") format("woff2"), url("../../fonts/Galano/GalanoGrotesqueBlack.woff") format("woff"), url("../../fonts/Galano/GalanoGrotesqueBlack.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Kurdis Wide Black";
  src: url("../../fonts/KurdisWide/KurdisFamily-WideBlack.woff2") format("woff2"), url("../../fonts/KurdisWide/KurdisFamily-WideBlack.woff") format("woff"), url("../../fonts/KurdisWide/KurdisFamily-WideBlack.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Kurdis Wide ExtraBold";
  src: url("../../fonts/KurdisWide/KurdisFamily-WideExtraBold.woff2") format("woff2"), url("../../fonts/KurdisWide/KurdisFamily-WideExtraBold.woff") format("woff"), url("../../fonts/KurdisWide/KurdisFamily-WideExtraBold.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Kurdis Test Wide Bold";
  src: url("../../fonts/KurdisWide/KurdisVariableFamilyTest-WideBold.woff2") format("woff2"), url("../../fonts/KurdisWide/KurdisVariableFamilyTest-WideBold.woff") format("woff"), url("../../fonts/KurdisWide/KurdisVariableFamilyTest-WideBold.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Kurdis Black";
  src: url("../../fonts/KurdisWide/Kurdis-Black.woff2") format("woff2"), url("../../fonts/KurdisWide/Kurdis-Black.woff") format("woff"), url("../../fonts/KurdisWide/Kurdis-Black.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Kurdis Test Black";
  src: url("../../fonts/Kurdis/KurdisVariableFamilyTest-Black-BF64bf41dfa220b.woff2") format("woff2"), url("../../fonts/Kurdis/KurdisVariableFamilyTest-Black-BF64bf41dfa220b.woff") format("woff"), url("../../fonts/Kurdis/KurdisVariableFamilyTest-Black-BF64bf41dfa220b.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Kurdis Test ExtraBold";
  src: url("../../fonts/Kurdis/KurdisVariableFamilyTest-ExtraBold-BF64bf41e03dd58.woff2") format("woff2"), url("../../fonts/Kurdis/KurdisVariableFamilyTest-ExtraBold-BF64bf41e03dd58.woff") format("woff"), url("../../fonts/Kurdis/KurdisVariableFamilyTest-ExtraBold-BF64bf41e03dd58.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Kurdis Test Bold";
  src: url("../../fonts/Kurdis/KurdisVariableFamilyTest-Bold-BF64bf41dfbff9f.woff2") format("woff2"), url("../../fonts/Kurdis/KurdisVariableFamilyTest-Bold-BF64bf41dfbff9f.woff") format("woff"), url("../../fonts/Kurdis/KurdisVariableFamilyTest-Bold-BF64bf41dfbff9f.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Kurdis Condensed SemiBold";
  src: url("../../fonts/KurdisNarrow/Kurdis-CondensedSemiBold.woff2") format("woff2"), url("../../fonts/KurdisNarrow/Kurdis-CondensedSemiBold.woff") format("woff"), url("../../fonts/KurdisNarrow/Kurdis-CondensedSemiBold.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Kurdis Condensed Bold";
  src: url("../../fonts/KurdisNarrow/Kurdis-CondensedBold.woff2") format("woff2"), url("../../fonts/KurdisNarrow/Kurdis-CondensedBold.woff") format("woff"), url("../../fonts/KurdisNarrow/Kurdis-CondensedBold.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Kurdis Condensed ExtraBold";
  src: url("../../fonts/KurdisNarrow/Kurdis-CondensedExtraBold.woff2") format("woff2"), url("../../fonts/KurdisNarrow/Kurdis-CondensedExtraBold.woff") format("woff"), url("../../fonts/KurdisNarrow/Kurdis-CondensedExtraBold.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Kurdis Condensed Black";
  src: url("../../fonts/KurdisNarrow/Kurdis-CondensedBlack.woff2") format("woff2"), url("../../fonts/KurdisNarrow/Kurdis-CondensedBlack.woff") format("woff"), url("../../fonts/KurdisNarrow/Kurdis-CondensedBlack.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "ABC Ginto Nord Medium";
  src: url("../../fonts/Ginto/ABCGintoNord-Medium.woff2") format("woff2"), url("../../fonts/Ginto/ABCGintoNord-Medium.woff") format("woff"), url("../../fonts/Ginto/ABCGintoNord-Medium.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "ABC Ginto Nord Bold";
  src: url("../../fonts/Ginto/ABCGintoNord-Bold.woff2") format("woff2"), url("../../fonts/Ginto/ABCGintoNord-Bold.woff") format("woff"), url("../../fonts/Ginto/ABCGintoNord-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "ABC Ginto Nord Bold Italic";
  src: url("../../fonts/Ginto/ABCGintoNord-BoldItalic.woff2") format("woff2"), url("../../fonts/Ginto/ABCGintoNord-BoldItalic.woff") format("woff"), url("../../fonts/Ginto/ABCGintoNord-BoldItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Kurdis Test Regular";
  src: url("../../fonts/Kurdis/KurdisVariableFamilyTest-Regular-BF64bf41e12455a.woff2") format("woff2"), url("../../fonts/Kurdis/KurdisVariableFamilyTest-Regular-BF64bf41e12455a.woff") format("woff"), url("../../fonts/Kurdis/KurdisVariableFamilyTest-Regular-BF64bf41e12455a.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
.d-none {
  display: none !important;
}

body {
  background: #EDEDED;
}
body:lang(en) {
  font-family: "Galano Grotesque";
}
body.disable-scroll {
  overflow: hidden;
}

.page {
  max-width: 1446px;
  min-width: 768px;
  margin: 0 auto;
  padding: 0 40px;
}
@media (max-width: 1023px) {
  .page {
    padding: 0 20px;
  }
}
.page else {
  padding: 0 20px;
}
.page.fullWidth {
  max-width: 100%;
  min-width: 100%;
  padding: 0;
}

.max-width-wrapper {
  max-width: 1446px;
  min-width: 768px;
  margin: 0 auto;
  padding: 0 40px;
}

.footer-container .container {
  max-width: 1446px;
  min-width: 768px;
  margin: 0 auto;
  padding: 0 40px 40px;
}

.site-header .inner-header-site {
  max-width: 1366px;
  margin: 0 auto;
  min-width: 768px;
}
@media (max-width: 1023px) {
  .site-header .inner-header-site {
    min-width: auto;
  }
}
.site-header .inner-header-site else {
  min-width: auto;
}
.site-header .site-logo-black {
  display: none;
}
.site-header .site-logo-white {
  display: block;
}
.site-header.scrolled, .site-header.innerHeader {
  background: rgb(255, 255, 255);
  padding-bottom: 20px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.site-header.scrolled .menu-button.loggedIn, .site-header.innerHeader .menu-button.loggedIn {
  background: none;
}
.site-header.scrolled .menu-button.loggedIn .profile-title, .site-header.innerHeader .menu-button.loggedIn .profile-title {
  color: #6256E8;
}
.site-header.scrolled .site-logo-black, .site-header.innerHeader .site-logo-black {
  display: block;
}
.site-header.scrolled .site-logo-white, .site-header.innerHeader .site-logo-white {
  display: none;
}

a,
button,
div,
input,
label {
  -webkit-tap-highlight-color: transparent;
}

.vjs-hidden {
  display: none !important;
}

.vjs-big-play-button,
.vjs-control-bar,
.vjs-loading-spinner {
  display: none !important;
}

.video-init-dimensions {
  width: 100%;
}

#cart-area-page {
  padding-bottom: 100px;
}

.overlay {
  display: none;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
}
.overlay.show {
  display: block;
}

.float-right {
  float: right;
}

.scroll-lock {
  overflow: hidden;
}

.no-login-button .site-header .menu-button.login-button {
  display: none;
}

.desktop-banner img {
  -o-object-fit: contain;
     object-fit: contain;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100vh;
  width: 100%;
  background: black;
}

.dd-polygon-shape {
  clip-path: polygon(100% 50%, 100% 56.6%, 100% 59.3%, 100% 61.4%, 99.9% 63.2%, 99.9% 64.8%, 99.9% 66.2%, 99.8% 67.5%, 99.8% 68.7%, 99.7% 69.8%, 99.6% 70.8%, 99.5% 71.8%, 99.5% 72.8%, 99.4% 73.7%, 99.3% 74.6%, 99.1% 75.4%, 99% 76.3%, 98.9% 77%, 98.8% 77.8%, 98.6% 78.5%, 98.5% 79.2%, 98.3% 79.9%, 98.1% 80.6%, 98% 81.3%, 97.8% 81.9%, 97.6% 82.5%, 97.4% 83.1%, 97.2% 83.7%, 97% 84.3%, 96.8% 84.8%, 96.5% 85.4%, 96.3% 85.9%, 96% 86.4%, 95.8% 86.9%, 95.5% 87.4%, 95.3% 87.9%, 95% 88.3%, 94.7% 88.8%, 94.4% 89.2%, 94.1% 89.7%, 93.8% 90.1%, 93.4% 90.5%, 93.1% 90.9%, 92.8% 91.3%, 92.4% 91.7%, 92% 92%, 91.7% 92.4%, 91.3% 92.8%, 90.9% 93.1%, 90.5% 93.4%, 90.1% 93.8%, 89.7% 94.1%, 89.2% 94.4%, 88.8% 94.7%, 88.3% 95%, 87.9% 95.3%, 87.4% 95.5%, 86.9% 95.8%, 86.4% 96%, 85.9% 96.3%, 85.4% 96.5%, 84.8% 96.8%, 84.3% 97%, 83.7% 97.2%, 83.1% 97.4%, 82.5% 97.6%, 81.9% 97.8%, 81.3% 98%, 80.6% 98.1%, 79.9% 98.3%, 79.2% 98.5%, 78.5% 98.6%, 77.8% 98.8%, 77% 98.9%, 76.3% 99%, 75.4% 99.1%, 74.6% 99.3%, 73.7% 99.4%, 72.8% 99.5%, 71.8% 99.5%, 70.8% 99.6%, 69.8% 99.7%, 68.7% 99.8%, 67.5% 99.8%, 66.2% 99.9%, 64.8% 99.9%, 63.2% 99.9%, 61.4% 100%, 59.3% 100%, 56.6% 100%, 50% 100%, 43.4% 100%, 40.7% 100%, 38.6% 100%, 36.8% 99.9%, 35.2% 99.9%, 33.8% 99.9%, 32.5% 99.8%, 31.3% 99.8%, 30.2% 99.7%, 29.2% 99.6%, 28.2% 99.5%, 27.2% 99.5%, 26.3% 99.4%, 25.4% 99.3%, 24.6% 99.1%, 23.7% 99%, 23% 98.9%, 22.2% 98.8%, 21.5% 98.6%, 20.8% 98.5%, 20.1% 98.3%, 19.4% 98.1%, 18.7% 98%, 18.1% 97.8%, 17.5% 97.6%, 16.9% 97.4%, 16.3% 97.2%, 15.7% 97%, 15.2% 96.8%, 14.6% 96.5%, 14.1% 96.3%, 13.6% 96%, 13.1% 95.8%, 12.6% 95.5%, 12.1% 95.3%, 11.7% 95%, 11.2% 94.7%, 10.8% 94.4%, 10.3% 94.1%, 9.9% 93.8%, 9.5% 93.4%, 9.1% 93.1%, 8.7% 92.8%, 8.3% 92.4%, 8% 92%, 7.6% 91.7%, 7.2% 91.3%, 6.9% 90.9%, 6.6% 90.5%, 6.2% 90.1%, 5.9% 89.7%, 5.6% 89.2%, 5.3% 88.8%, 5% 88.3%, 4.7% 87.9%, 4.5% 87.4%, 4.2% 86.9%, 4% 86.4%, 3.7% 85.9%, 3.5% 85.4%, 3.2% 84.8%, 3% 84.3%, 2.8% 83.7%, 2.6% 83.1%, 2.4% 82.5%, 2.2% 81.9%, 2% 81.3%, 1.9% 80.6%, 1.7% 79.9%, 1.5% 79.2%, 1.4% 78.5%, 1.2% 77.8%, 1.1% 77%, 1% 76.3%, 0.9% 75.4%, 0.7% 74.6%, 0.6% 73.7%, 0.5% 72.8%, 0.5% 71.8%, 0.4% 70.8%, 0.3% 69.8%, 0.2% 68.7%, 0.2% 67.5%, 0.1% 66.2%, 0.1% 64.8%, 0.1% 63.2%, 0% 61.4%, 0% 59.3%, 0% 56.6%, 0% 50%, 0% 43.4%, 0% 40.7%, 0% 38.6%, 0.1% 36.8%, 0.1% 35.2%, 0.1% 33.8%, 0.2% 32.5%, 0.2% 31.3%, 0.3% 30.2%, 0.4% 29.2%, 0.5% 28.2%, 0.5% 27.2%, 0.6% 26.3%, 0.7% 25.4%, 0.9% 24.6%, 1% 23.7%, 1.1% 23%, 1.2% 22.2%, 1.4% 21.5%, 1.5% 20.8%, 1.7% 20.1%, 1.9% 19.4%, 2% 18.7%, 2.2% 18.1%, 2.4% 17.5%, 2.6% 16.9%, 2.8% 16.3%, 3% 15.7%, 3.2% 15.2%, 3.5% 14.6%, 3.7% 14.1%, 4% 13.6%, 4.2% 13.1%, 4.5% 12.6%, 4.7% 12.1%, 5% 11.7%, 5.3% 11.2%, 5.6% 10.8%, 5.9% 10.3%, 6.2% 9.9%, 6.6% 9.5%, 6.9% 9.1%, 7.2% 8.7%, 7.6% 8.3%, 8% 8%, 8.3% 7.6%, 8.7% 7.2%, 9.1% 6.9%, 9.5% 6.6%, 9.9% 6.2%, 10.3% 5.9%, 10.8% 5.6%, 11.2% 5.3%, 11.7% 5%, 12.1% 4.7%, 12.6% 4.5%, 13.1% 4.2%, 13.6% 4%, 14.1% 3.7%, 14.6% 3.5%, 15.2% 3.2%, 15.7% 3%, 16.3% 2.8%, 16.9% 2.6%, 17.5% 2.4%, 18.1% 2.2%, 18.7% 2%, 19.4% 1.9%, 20.1% 1.7%, 20.8% 1.5%, 21.5% 1.4%, 22.2% 1.2%, 23% 1.1%, 23.7% 1%, 24.6% 0.9%, 25.4% 0.7%, 26.3% 0.6%, 27.2% 0.5%, 28.2% 0.5%, 29.2% 0.4%, 30.2% 0.3%, 31.3% 0.2%, 32.5% 0.2%, 33.8% 0.1%, 35.2% 0.1%, 36.8% 0.1%, 38.6% 0%, 40.7% 0%, 43.4% 0%, 50% 0%, 56.6% 0%, 59.3% 0%, 61.4% 0%, 63.2% 0.1%, 64.8% 0.1%, 66.2% 0.1%, 67.5% 0.2%, 68.7% 0.2%, 69.8% 0.3%, 70.8% 0.4%, 71.8% 0.5%, 72.8% 0.5%, 73.7% 0.6%, 74.6% 0.7%, 75.4% 0.9%, 76.3% 1%, 77% 1.1%, 77.8% 1.2%, 78.5% 1.4%, 79.2% 1.5%, 79.9% 1.7%, 80.6% 1.9%, 81.3% 2%, 81.9% 2.2%, 82.5% 2.4%, 83.1% 2.6%, 83.7% 2.8%, 84.3% 3%, 84.8% 3.2%, 85.4% 3.5%, 85.9% 3.7%, 86.4% 4%, 86.9% 4.2%, 87.4% 4.5%, 87.9% 4.7%, 88.3% 5%, 88.8% 5.3%, 89.2% 5.6%, 89.7% 5.9%, 90.1% 6.2%, 90.5% 6.6%, 90.9% 6.9%, 91.3% 7.2%, 91.7% 7.6%, 92% 8%, 92.4% 8.3%, 92.8% 8.7%, 93.1% 9.1%, 93.4% 9.5%, 93.8% 9.9%, 94.1% 10.3%, 94.4% 10.8%, 94.7% 11.2%, 95% 11.7%, 95.3% 12.1%, 95.5% 12.6%, 95.8% 13.1%, 96% 13.6%, 96.3% 14.1%, 96.5% 14.6%, 96.8% 15.2%, 97% 15.7%, 97.2% 16.3%, 97.4% 16.9%, 97.6% 17.5%, 97.8% 18.1%, 98% 18.7%, 98.1% 19.4%, 98.3% 20.1%, 98.5% 20.8%, 98.6% 21.5%, 98.8% 22.2%, 98.9% 23%, 99% 23.7%, 99.1% 24.6%, 99.3% 25.4%, 99.4% 26.3%, 99.5% 27.2%, 99.5% 28.2%, 99.6% 29.2%, 99.7% 30.2%, 99.8% 31.3%, 99.8% 32.5%, 99.9% 33.8%, 99.9% 35.2%, 99.9% 36.8%, 100% 38.6%, 100% 40.7%, 100% 43.4%);
}

button,
a {
  cursor: pointer;
}

.newtitle-section {
  margin-bottom: 32px;
}
.newtitle-section h1 {
  text-align: left;
  font-size: 32px;
  line-height: 34px;
  letter-spacing: -0.256px;
  font-family: "Kurdis Black";
  text-transform: uppercase;
  margin: 0;
}

.grecaptcha-badge {
  visibility: hidden;
}

.page-common-title h1 {
  text-align: center;
  margin: 0 0 15px;
  font-size: 23px;
  text-transform: uppercase;
  line-height: 26.4px;
  /* 110% */
  font-family: "Kurdis Black";
}
.page-common-title.withBack h1 {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-common-title.withBack h1 a:lang(ar) {
  transform: rotate(180deg);
}
.page-common-title.no-marg {
  margin-bottom: 0;
}
.page-common-title.no-marg h1 {
  margin-bottom: 0;
}
.page-common-title svg {
  display: block;
}

.page-common-title-new h1, .page-common-title-new .header-title {
  margin: 0 0 16px;
  font-size: 23px;
  line-height: 24px;
  /* 110% */
  letter-spacing: -0.192px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Kurdis Black";
}
.page-common-title-new h1.nomarg, .page-common-title-new .header-title.nomarg {
  margin: 24px 0 0;
}
.page-common-title-new h1.leftAlign, .page-common-title-new .header-title.leftAlign {
  text-align: left;
}
.page-common-title-new.withBack {
  position: relative;
}
.page-common-title-new.withBack h1 .moveSide {
  position: absolute;
  left: -10px;
  top: -20px;
  padding: 20px;
}
.page-common-title-new.newHeaderCart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 13px;
}
.page-common-title-new.newHeaderCart h1 {
  margin-bottom: 0;
}
.page-common-title-new.newHeaderCart .cart-items-count h6 {
  font-size: 11px;
  letter-spacing: -0.4px;
}
.page-common-title-new.newHeaderCart .cart-items-count h6:lang(en) {
  font-family: "Galano Grotesque";
}
.page-common-title-new.newHeaderCart .cart-items-count h6 {
  text-align: right;
  color: #979797;
  margin: 0;
}

.profile .page-common-title h1 {
  text-align: center;
  width: 100%;
  display: block;
  font-size: 20px;
  line-height: 24px;
  justify-content: center;
  /* 110% */
  letter-spacing: normal;
  margin: 24px 0 0;
  text-transform: uppercase;
  font-family: "Kurdis Black";
}
.profile .page-common-title.withBack h1 {
  text-align: center;
  display: flex;
  align-items: center;
}
.profile .page-common-title.no-marg {
  margin-bottom: 0;
}
.profile .page-common-title.no-marg h1 {
  margin-bottom: 0;
}

.home-component-title {
  letter-spacing: -0.8px;
  font-size: 38px;
  font-family: "Kurdis Wide ExtraBold";
  color: #fff;
  margin: 0 0 20px;
  line-height: 38px;
}

.section-title-main {
  text-transform: uppercase;
  font-size: 26px;
  letter-spacing: -0.48px;
  line-height: 24.697px;
  margin: 0 0 10px;
  font-family: "Kurdis Wide ExtraBold";
}

.jq-dte-inner {
  display: flex;
  width: 200px;
}
.jq-dte-inner .jq-dte-month,
.jq-dte-inner .jq-dte-year {
  text-align: center;
}

.jq-dte-tooltip {
  height: 34px;
  padding: 0 15px;
  align-items: center;
  display: flex;
  white-space: pre;
  border-radius: 25px;
  box-shadow: 0 4px 11px rgba(86, 86, 86, 0.3);
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.226667px;
  color: #4a4a4a;
  background: #fff;
  z-index: 2;
}
.jq-dte-tooltip:lang(en) {
  font-family: "Galano Grotesque Medium";
  font-weight: 400;
}

.input-field .jq-dte {
  background-color: #ffffff;
  border-radius: 14px;
  outline: none;
  height: 60px;
  width: 100%;
  font-size: 15px;
  margin: 0;
  padding: 10px 0 0 16px;
  box-shadow: none;
  box-sizing: border-box;
  letter-spacing: -0.38px;
  -webkit-appearance: none;
  border: 0px solid #eaeaea;
  transition: border ease 0.2s;
}
.input-field .jq-dte:lang(en) {
  font-family: "Galano Grotesque";
}
.input-field .jq-dte:lang(ar) {
  text-align: left;
  line-height: 28px;
}
.input-field .jq-dte #birthday {
  width: 115px;
}
.input-field .jq-dte .jq-dte-inner {
  margin-top: 20px;
}
.input-field .jq-dte .jq-dte-inner input[type=text]:not(.browser-default) {
  background-color: transparent;
  border-radius: 0;
  outline: none;
  height: auto;
  width: 100%;
  font-size: 15px;
  letter-spacing: -0.283333px;
  margin: 0;
  padding: 0;
  box-shadow: none;
  box-sizing: border-box;
  letter-spacing: -0.38px;
  -webkit-appearance: none;
  border: 0;
  transition: border ease 0.2s;
  color: #000;
}
.input-field .jq-dte .jq-dte-inner input[type=text]:not(.browser-default):lang(en) {
  font-family: "Galano Grotesque Medium";
  font-weight: 400;
}
.input-field .jq-dte .jq-dte-inner input[type=text]:not(.browser-default):lang(ar) {
  text-align: left;
}
.input-field .jq-dte .jq-dte-inner input[type=text]:not(.browser-default):focus:not([readonly]) {
  box-shadow: none;
  background-color: transparent;
  border: 0;
}

.change-password .action-box {
  width: 60%;
  float: right;
}
.change-password .action-box .global-btn {
  width: 100%;
  height: 60px;
  font-size: 18px;
}
.change-password .btn-save {
  margin-top: 16px;
  float: right;
}
.change-password input:lang(ar) {
  text-align: right;
  direction: ltr;
}

.global-dropdown {
  display: block;
  background-color: #EEEEEE;
  position: fixed;
  bottom: -150%;
  left: 0;
  width: 100%;
  z-index: 1;
  border-radius: 35px 35px 0 0;
  opacity: 0;
  transition: all 0.2s ease;
}
.global-dropdown ul {
  max-height: 25em;
  overflow: scroll;
}
.global-dropdown.show {
  bottom: 0;
  opacity: 1;
}

.language-selector h2 {
  color: #000;
  font-size: 17px;
  font-style: normal;
  line-height: 12px;
  letter-spacing: -0.39px;
}
.language-selector h2:lang(en) {
  font-family: "Galano Grotesque Bold";
  font-weight: 400;
}
.language-selector h2 {
  margin: 20px 0;
}
.language-selector #languageSelector li, .language-selector #currencySelector li {
  background-color: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 25px;
  margin-bottom: 15px;
  border: none;
  color: #000;
  font-size: 17px;
  line-height: 12px;
  letter-spacing: -0.39px;
  cursor: pointer;
}
.language-selector #languageSelector li:lang(en), .language-selector #currencySelector li:lang(en) {
  font-family: "Galano Grotesque SemiBold";
  font-weight: 400;
}
.language-selector #languageSelector li, .language-selector #currencySelector li {
  clip-path: polygon(0% 50%, 0% 50%, 0.001% 44.505%, 0.006% 39.545%, 0.021% 35.079%, 0.049% 31.062%, 0.095% 27.454%, 0.165% 24.21%, 0.262% 21.29%, 0.391% 18.651%, 0.557% 16.25%, 0.764% 14.044%, 0.764% 14.044%, 0.896% 12.876%, 1.039% 11.747%, 1.19% 10.66%, 1.349% 9.615%, 1.518% 8.615%, 1.694% 7.66%, 1.878% 6.753%, 2.069% 5.895%, 2.268% 5.088%, 2.474% 4.334%, 2.474% 4.334%, 2.863% 3.16%, 3.286% 2.219%, 3.751% 1.487%, 4.265% 0.936%, 4.836% 0.542%, 5.472% 0.277%, 6.18% 0.117%, 6.967% 0.035%, 7.84% 0.004%, 8.808% 0%, 91.192% 0%, 91.192% 0%, 92.16% 0.004%, 93.033% 0.035%, 93.82% 0.117%, 94.528% 0.277%, 95.164% 0.542%, 95.735% 0.936%, 96.249% 1.487%, 96.714% 2.219%, 97.137% 3.16%, 97.526% 4.334%, 97.526% 4.334%, 97.732% 5.088%, 97.931% 5.895%, 98.122% 6.753%, 98.306% 7.66%, 98.482% 8.615%, 98.651% 9.615%, 98.81% 10.66%, 98.962% 11.747%, 99.104% 12.876%, 99.237% 14.044%, 99.237% 14.044%, 99.443% 16.25%, 99.609% 18.651%, 99.738% 21.29%, 99.835% 24.21%, 99.905% 27.454%, 99.951% 31.062%, 99.979% 35.079%, 99.994% 39.545%, 99.999% 44.505%, 100% 50%, 100% 50%, 99.999% 55.495%, 99.994% 60.455%, 99.979% 64.921%, 99.951% 68.938%, 99.905% 72.546%, 99.835% 75.79%, 99.738% 78.71%, 99.609% 81.349%, 99.443% 83.75%, 99.237% 85.956%, 99.237% 85.956%, 99.104% 87.124%, 98.962% 88.253%, 98.81% 89.34%, 98.651% 90.385%, 98.482% 91.386%, 98.306% 92.34%, 98.122% 93.247%, 97.931% 94.105%, 97.732% 94.912%, 97.526% 95.666%, 97.526% 95.666%, 97.137% 96.84%, 96.714% 97.781%, 96.249% 98.513%, 95.735% 99.064%, 95.164% 99.458%, 94.528% 99.723%, 93.82% 99.883%, 93.033% 99.965%, 92.16% 99.996%, 91.192% 100%, 8.808% 100%, 8.808% 100%, 7.84% 99.996%, 6.967% 99.965%, 6.18% 99.883%, 5.472% 99.723%, 4.836% 99.458%, 4.265% 99.064%, 3.751% 98.513%, 3.286% 97.781%, 2.863% 96.84%, 2.474% 95.666%, 2.474% 95.666%, 2.268% 94.912%, 2.069% 94.105%, 1.878% 93.247%, 1.694% 92.34%, 1.518% 91.386%, 1.349% 90.385%, 1.19% 89.34%, 1.039% 88.253%, 0.896% 87.124%, 0.764% 85.956%, 0.764% 85.956%, 0.557% 83.75%, 0.391% 81.349%, 0.262% 78.71%, 0.165% 75.79%, 0.095% 72.546%, 0.049% 68.938%, 0.021% 64.921%, 0.006% 60.455%, 0.001% 55.495%, 0% 50%);
}
.language-selector #languageSelector li.selected, .language-selector #currencySelector li.selected {
  color: #3605FF;
  font-size: 19px;
}
.language-selector #languageSelector li.selected:lang(en), .language-selector #currencySelector li.selected:lang(en) {
  font-family: "Galano Grotesque Bold";
  font-weight: 400;
}
.language-selector #languageSelector li.selected, .language-selector #currencySelector li.selected {
  line-height: 12px; /* 63.158% */
  letter-spacing: -0.39px;
  padding: 17px 25px;
  justify-content: space-between;
}
.language-selector #languageSelector li.selected:after, .language-selector #currencySelector li.selected:after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNyIgdmlld0JveD0iMCAwIDI3IDI3IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy42NDY5IDI2LjE4NjRDMjAuNzEzNiAyNi4xODY0IDI2LjQ0MjMgMjAuNDU3NyAyNi40NDIzIDEzLjM5MTFDMjYuNDQyMyA2LjMyNDM4IDIwLjcxMzYgMC41OTU3MDMgMTMuNjQ2OSAwLjU5NTcwM0M2LjU4MDI0IDAuNTk1NzAzIDAuODUxNTYyIDYuMzI0MzggMC44NTE1NjIgMTMuMzkxMUMwLjg1MTU2MiAyMC40NTc3IDYuNTgwMjQgMjYuMTg2NCAxMy42NDY5IDI2LjE4NjRaIiBmaWxsPSIjNDIwMEZGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy40ODgyOCAxMy43OTA1TDguNzIwNDMgMTIuNjQyMkwxMS44ODg4IDE1LjU5NUwxOC41Nzc2IDkuMzYxMzNMMTkuODA5NyAxMC41MDk2TDExLjg4ODggMTcuODkxNkw3LjQ4ODI4IDEzLjc5MDVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=");
  width: 28px;
  height: 28px;
  display: block;
}

.currency-selector {
  padding: 1em 1em 3em;
}
.currency-selector h2 {
  color: #000;
  font-size: 17px;
  font-style: normal;
  line-height: 12px;
  letter-spacing: -0.39px;
}
.currency-selector h2:lang(en) {
  font-family: "Galano Grotesque Bold";
  font-weight: 400;
}
.currency-selector h2 {
  margin: 20px 0;
}
.currency-selector #currencySelector {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.currency-selector #currencySelector li {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 18px 0;
  border-radius: 20px;
  border: none;
}
.currency-selector #currencySelector li p {
  text-align: center;
}
.currency-selector #currencySelector li p.currency-desc {
  font-size: 11px;
}
.currency-selector #currencySelector li.selected {
  border: 5px solid #3605FF;
}

.login-profile-selection {
  margin-top: 80px;
}
.login-profile-selection.is-register {
  margin-top: 30px;
}
.login-profile-selection .login-profile-list li {
  margin-bottom: 15px;
}
.login-profile-selection .login-profile-list .profile-link {
  color: #000;
  fill: #ffffff;
  filter: drop-shadow(4.1330375671px 8.2660751343px 43.3968925476px rgba(0, 0, 0, 0.06));
  background: #ffffff;
  width: 100%;
  display: block;
  padding: 12px 20px;
  border-radius: 16px;
  font-size: 17px;
  line-height: 12px;
  display: flex;
  height: 68px;
}
.login-profile-selection .login-profile-list .profile-link:lang(en) {
  font-family: "Galano Grotesque Medium";
  font-weight: 400;
}
.login-profile-selection .login-profile-list .profile-link .right-angle-img {
  width: 6px;
  height: auto;
  margin: auto;
}
.login-profile-selection .login-profile-list .profile-link .right-angle-img:lang(ar) {
  transform: rotate(180deg);
}
.login-profile-selection .login-profile-list .profile-link span {
  flex: 1;
  margin: auto 12px;
}
.login-profile-selection .login-profile-list .profile-link .setting-icon {
  width: 44px;
}
.login-profile-selection .login-profile-list .profile-link.logout {
  padding: 28px 20px;
}
.login-profile-selection .login-profile-list .profile-link.modesh-switcher {
  background: linear-gradient(150.37deg, #FFE600 -8.48%, #FFB701 91.77%);
}

.login-api-trigger {
  min-height: 100vh;
}
.login-api-trigger .new-myaccount .page-title h1 {
  margin-bottom: 0;
}
.login-api-trigger .register__message {
  margin-top: 40px;
}
.login-api-trigger .page-main-title p {
  font-size: 12px;
  letter-spacing: -0.23px;
  color: rgb(155, 155, 155);
}
.login-api-trigger .section-page-title {
  margin-bottom: 26px;
}

#mobile-forgotPassword {
  font-size: 16px;
  line-height: 19px;
  color: #000;
  text-align: center;
  display: block;
  letter-spacing: -0.283333px;
}
#mobile-forgotPassword:lang(en) {
  font-family: "Galano Grotesque Medium";
  font-weight: 400;
}

.action-box {
  display: flex;
  margin-top: 16px;
  margin-bottom: 33px;
  justify-content: right;
}
.action-box #mobile-register-button {
  width: 50%;
  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.06);
  height: 67px;
  color: #FFF;
  font-size: 18px;
  line-height: 20.4px;
  /* 113.333% */
  letter-spacing: -0.2px;
}
.action-box #mobile-register-button:lang(en) {
  font-family: "Galano Grotesque SemiBold";
  font-weight: 400;
}
.action-box .mobile-button {
  width: 100%;
}

.login-box {
  overflow: hidden;
}
.login-box form {
  margin: 0 0 0;
  width: 100%;
}
.login-box p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 0;
}
.login-box #mobile-register-now-button {
  color: #3605FF;
  font-size: 14px;
  letter-spacing: -0.26px;
  display: block;
  text-align: center;
  margin-top: 55px;
}
.login-box #mobile-register-now-button:lang(en) {
  font-family: "Galano Grotesque Medium";
  font-weight: 400;
}
.login-box.show {
  display: block;
}
.login-box .dualColumn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.login-box .dualColumn .smaller {
  width: 30%;
  position: relative;
}
.login-box .dualColumn .smaller .flag-sm {
  position: absolute;
  left: 16px;
  bottom: 18px;
}
.login-box .dualColumn .smaller .form-control {
  padding-left: 46px;
}
.login-box .dualColumn .bigger {
  width: 68%;
}
.login-box .formAction {
  margin-top: 20px;
}
.login-box .formAction .ui-forgotpassword,
.login-box .formAction .register-profile-new {
  margin-top: 16px;
  display: flex;
  text-align: center;
  color: #000;
  height: 43px;
  flex-shrink: 0;
  background-color: #ffffff;
  align-items: center;
  justify-content: center;
  width: 206px;
  border-radius: 30px;
  margin: 16px auto;
  font-size: 13px;
  line-height: 12px;
  /* 92.308% */
  letter-spacing: -0.39px;
}
.login-box .formAction .ui-forgotpassword:lang(en),
.login-box .formAction .register-profile-new:lang(en) {
  font-family: "Galano Grotesque Bold";
  font-weight: 400;
}
.login-box .formAction .ui-forgotpassword,
.login-box .formAction .register-profile-new {
  box-shadow: 2px 4px 14px rgba(0, 0, 0, 0.07);
}
.login-box .formAction .register-profile-new {
  color: #474BF2;
}
.login-box .dont-have-account-signup {
  margin-top: 16px;
  display: block;
  text-align: center;
  color: #000;
  font-size: 14px;
  letter-spacing: -0.39px;
}
.login-box .dont-have-account-signup span:lang(en) {
  font-family: "Galano Grotesque Medium";
  font-weight: 400;
}
.login-box .dont-have-account-signup span {
  color: #FF0055;
}

.otp-text {
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: -0.25px;
}
.otp-text:lang(en) {
  font-family: "Galano Grotesque Medium";
  font-weight: 400;
}
.otp-text {
  margin-top: 20%;
}

.successful-instant-register {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 80vh;
}
.successful-instant-register.show {
  display: flex;
}
.successful-instant-register img {
  margin-bottom: 11px;
  width: 72px;
  height: 72px;
}
.successful-instant-register p {
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  letter-spacing: -0.6px;
  color: #000;
  margin: 0 0 23px;
}
.successful-instant-register p:lang(en) {
  font-family: "Galano Grotesque Medium";
  font-weight: 400;
}

.forgot-password-success {
  display: none;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #EEEEEE;
  padding-top: 0;
  margin-top: 0;
  padding-top: 240px;
}
.forgot-password-success .resend-password {
  color: #3605FF;
  font-size: 14px;
  letter-spacing: -0.26px;
  display: block;
  text-align: left;
  margin-top: 35px;
}
.forgot-password-success .resend-password:lang(en) {
  font-family: "Galano Grotesque Medium";
  font-weight: 400;
}
.forgot-password-success .container {
  margin-top: -224px;
}

.register-box {
  display: none;
  overflow: hidden;
}
.register-box form {
  margin: 0 0 55px;
  width: 100%;
}
.register-box #mobile-exiting-user-button {
  color: #000;
  font-size: 14px;
  letter-spacing: -0.26px;
  display: block;
  text-align: center;
  margin-top: 55px;
}
.register-box #mobile-exiting-user-button:lang(en) {
  font-family: "Galano Grotesque";
}
.register-box.show {
  display: block;
}

#registeration-step-2 {
  display: none;
}

.resendSms {
  color: #3605FF;
  font-size: 14px;
  letter-spacing: -0.26px;
  display: block;
  text-align: center;
  margin-top: 55px;
  display: block;
}
.resendSms:lang(en) {
  font-family: "Galano Grotesque";
}
.resendSms.disabled {
  pointer-events: none;
  display: none;
}

.timerText {
  text-align: center;
  display: block;
  color: #9b9b9b;
  font-size: 14px;
  margin-top: 55px;
}

.canceller:before, .canceller:after {
  content: "";
  clear: both;
}
.canceller:after {
  display: table;
}
.canceller .cancelView {
  float: left;
  font-size: 15px;
  letter-spacing: -0.28px;
  color: rgb(155, 155, 155);
  margin-bottom: 10px;
}
.canceller .cancelView:lang(en) {
  font-family: "Galano Grotesque";
}

.forgot-password {
  display: none;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  padding-top: 130px;
  background: #EEEEEE;
  z-index: 1;
}
.forgot-password .container {
  margin-top: -150px;
}
.forgot-password .container p {
  color: #000;
}
.forgot-password .container p.black {
  color: black;
}
.forgot-password form {
  padding: 0;
}

.login-page .account-tabs {
  background: #eaeaea;
}

.profile .page-common-title {
  margin-bottom: 24px;
}
.profile .page-common-title h1 {
  justify-content: space-between;
}
.profile .page-common-title h1 .login-title-text {
  flex: 1;
  text-align: center;
  text-transform: none;
}

.login-page {
  padding: 150px 0 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-page.profile {
  max-width: 795px;
}
@media (max-width: 1023px) {
  .login-page {
    flex-direction: column;
  }
}
.login-page else {
  flex-direction: column;
}

.login-page-css {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 190px 0 50px;
}
.login-page-css .login-area-wrapper-box {
  max-width: 400px;
}

.profile .page-common-title {
  margin: 0;
}
.profile .page-common-title h1 {
  margin-bottom: 24px;
}
.profile .page-common-title h1 .login-title-text {
  color: #000;
  font-size: 24px;
  font-style: normal;
}
.profile .page-common-title h1 .login-title-text:lang(en) {
  font-family: "Galano Grotesque Bold";
  font-weight: 400;
}
.profile .page-common-title h1 .login-title-text {
  line-height: 26.4px;
  letter-spacing: -0.192px;
  text-align: left;
}
.profile .col-2 {
  display: flex;
  gap: 23px;
}
.profile .col-2 .input-field {
  width: 50%;
}
.profile .col-2 .mobile-verification-section {
  width: 50%;
}
.profile .col-2 .mobile-verification-section .input-field {
  width: 100%;
}
.profile .col-2 .mobile-verification-section .input-field.country-code-container {
  max-width: 30%;
}
.profile #registeration-step-1 .gender-container {
  gap: 23px;
  margin: 0;
  margin-top: 16px;
}
.profile #registeration-step-1 .gender-container .radio-container:lang(en) {
  font-family: "Galano Grotesque";
}
.profile .trippleColumn {
  width: 50%;
  margin-top: 30px;
}
.profile .trippleColumn p {
  font-size: 17px;
}
.profile .trippleColumn p:lang(en) {
  font-family: "Galano Grotesque SemiBold";
  font-weight: 400;
}
.profile .trippleColumn p {
  line-height: 12px;
  /* 70.588% */
  letter-spacing: -0.39px;
}
.profile .registeration_agreement .checkbox-styling {
  font-size: 14px;
}
.profile .registeration_agreement .checkbox-styling:lang(en) {
  font-family: "Galano Grotesque";
}
.profile .registeration_agreement .checkbox-styling .checkmark:after {
  width: 6px;
  height: 12px;
  top: 0;
}
.profile .action-box {
  justify-content: left;
  margin-top: 26px;
  flex-direction: column;
}
.profile .action-box .register-profile-new {
  width: 50%;
  margin-top: 30px;
}
.profile .otp-to-sendTo:lang(en) {
  font-family: "Galano Grotesque";
}

.login-box {
  border-radius: 35px;
  background: #F6F6F6;
}
.login-box .input-field input:not([type]),
.login-box .input-field input[type=text]:not(.browser-default),
.login-box .input-field input[type=password]:not(.browser-default),
.login-box .input-field input[type=email]:not(.browser-default),
.login-box .input-field input[type=number]:not(.browser-default),
.login-box .custom-select {
  border: 1px solid #DADADA;
}
.login-box .input-field input:not([type]):focus,
.login-box .input-field input[type=text]:not(.browser-default):focus,
.login-box .input-field input[type=password]:not(.browser-default):focus,
.login-box .input-field input[type=email]:not(.browser-default):focus,
.login-box .input-field input[type=number]:not(.browser-default):focus,
.login-box .custom-select:focus {
  border: 1px solid #DADADA;
}
.login-box.new-box .sms-register-step-1,
.login-box.new-box .sms-register-step-2 {
  padding: 22px 28px 28px;
}
.login-box.new-box .mobile-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 23px;
  line-height: 23px;
  margin-bottom: 6px;
  font-family: "Kurdis Black";
}
.login-box.new-box p {
  text-align: center;
}
.login-box.new-box p.little {
  font-size: 14px;
  letter-spacing: -0.349px;
}
.login-box.new-box p.little:lang(en) {
  font-family: "Galano Grotesque SemiBold";
  font-weight: 400;
}
.login-box.new-box p.little {
  margin-bottom: 3px;
}
.login-box.new-box p.number {
  font-size: 24px;
  font-family: "Kurdis Black";
  color: #4200FF;
  text-align: center;
  margin-bottom: 0 0 20px;
}
.login-box.new-box .input-field input:not([type]),
.login-box.new-box .input-field input[type=text]:not(.browser-default),
.login-box.new-box .input-field input[type=password]:not(.browser-default),
.login-box.new-box .input-field input[type=email]:not(.browser-default),
.login-box.new-box .input-field input[type=number]:not(.browser-default),
.login-box.new-box .custom-select {
  border: 0;
}
.login-box.new-box .input-field input:not([type]):focus,
.login-box.new-box .input-field input[type=text]:not(.browser-default):focus,
.login-box.new-box .input-field input[type=password]:not(.browser-default):focus,
.login-box.new-box .input-field input[type=email]:not(.browser-default):focus,
.login-box.new-box .input-field input[type=number]:not(.browser-default):focus,
.login-box.new-box .custom-select:focus {
  border: 0px;
}
.login-box.new-box .formAction {
  margin-top: 18px;
}
.login-box .login-header-bar {
  background: #F05;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
}
.login-box .formAction .global-btn {
  margin-bottom: 0;
  width: 100%;
  font-size: 16px;
}

.login-banner {
  background: #3605FF;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  padding: 10px 16px;
  position: fixed;
  left: 50%;
  top: 93px;
  font-size: 18px;
  letter-spacing: -0.411px;
}
.login-banner:lang(en) {
  font-family: "Galano Grotesque Medium";
  font-weight: 400;
}
.login-banner {
  transform: translateX(-50%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  z-index: 1000;
}
.login-banner a {
  background-color: #fff;
  padding: 12px;
  font-size: 11px;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  color: #000;
  font-family: "Kurdis Black";
  padding: 0 12px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  margin-left: 10px;
}

.sms-success-message {
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  padding: 19px;
  display: none;
  align-items: center;
  justify-content: center;
}
.sms-success-message.show {
  display: flex;
}
.sms-success-message img {
  width: 48px;
  height: 48px;
  margin-right: 7px;
}
.sms-success-message p {
  font-size: 12px;
  letter-spacing: -0.4px;
  line-height: 17px;
}
.sms-success-message p.css-sms-resend {
  color: #3605FF;
}
.sms-success-message p.css-sms-resend:lang(en) {
  font-family: "Galano Grotesque SemiBold";
  font-weight: 400;
}

.sms-register-step-1,
.sms-register-step-2 {
  display: none;
}
.sms-register-step-1.show,
.sms-register-step-2.show {
  display: block;
}

.sms-register-step-1 .js-submit-sms-otp-login img {
  width: 35px;
  height: 35px;
  margin-right: 10px;
}

.hide-otp-sms {
  display: none;
}

.new-resendfeature {
  font-size: 14px;
  letter-spacing: -0.4px;
  color: #000;
  text-align: center;
  display: block;
  padding: 20px 0;
}
.new-resendfeature:lang(en) {
  font-family: "Galano Grotesque SemiBold";
  font-weight: 400;
}
.new-resendfeature .second-text, .new-resendfeature .resent-sense {
  color: #4200FF;
}
.new-resendfeature.is-disabled {
  pointer-events: none;
}
.new-resendfeature .minutes-sense {
  display: none;
}
.new-resendfeature .minutes-sense.show {
  display: block;
}
.new-resendfeature .resent-sense {
  display: none;
}
.new-resendfeature .resent-sense.show {
  display: block;
}

.login-options .login-text-title {
  font-size: 23px;
  letter-spacing: -0.5px;
  margin: 18px 0;
  font-family: "Kurdis Black";
  color: #000;
  text-align: center;
  text-transform: uppercase;
}
.login-options.is-disabled ul li {
  pointer-events: none;
}
.login-options.is-disabled ul li.active a {
  border: 1px solid #DEDEDE;
  box-shadow: none;
  opacity: 0.4;
}
.login-options.is-disabled ul li a {
  border: 1px solid #DEDEDE;
  box-shadow: none;
  opacity: 0.4;
}
.login-options ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-options ul li {
  width: 49%;
}
.login-options ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-family: "Kurdis Black";
  color: #000;
  background: #fff;
  height: 42px;
  border-radius: 24px;
  text-transform: uppercase;
  border: 1px solid #DEDEDE;
}
.login-options ul li a svg {
  margin-right: 6px;
}
.login-options ul li.active a {
  border: 2px solid #4200FF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
}

.chat-link-box {
  margin: 18px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-link-box .chat-link {
  display: inline-flex;
  align-items: center;
  min-width: 155px;
  gap: 6px;
  padding: 12px;
  color: #979797;
  font-size: 11px;
  letter-spacing: -0.4px;
  text-decoration: none;
  border-radius: 22px;
  background: #FFF;
  box-shadow: 1.743px 3.486px 9.586px 0px rgba(0, 0, 0, 0.08);
  justify-content: center;
}
.chat-link-box .chat-link:lang(en) {
  font-family: "Galano Grotesque SemiBold";
  font-weight: 400;
}
.chat-link-box .chat-link img {
  width: 18px;
  height: 18px;
}

.verify-box {
  border-radius: 35px;
  width: 400px;
  overflow: hidden;
  background: #f6f6f6;
}
.verify-box form {
  padding: 12px 28px 0;
}
.verify-box .required-items {
  margin-bottom: 16px !important;
}

.verify-box-banner {
  background: #F05;
  padding: 19px 20px;
}