@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&family=Inter:wght@400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lilita+One&display=swap);
@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: "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 Light";
  src: url("../../fonts/galano/GalanoGrotesqueLight.woff2") format("woff2"), url("../../fonts/galano/GalanoGrotesqueLight.woff") format("woff"), url("../../fonts/galano/GalanoGrotesqueLight.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 Medium Italic";
  src: url("../../fonts/galano/GalanoGrotesqueMediumItalic.woff2") format("woff2"), url("../../fonts/galano/GalanoGrotesqueMediumItalic.woff") format("woff"), url("../../fonts/galano/GalanoGrotesqueMediumItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@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 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 SemiBold Italic";
  src: url("../../fonts/galano/GalanoGrotesqueSemiBoldItalic.woff2") format("woff2"), url("../../fonts/galano/GalanoGrotesqueSemiBoldItalic.woff") format("woff"), url("../../fonts/galano/GalanoGrotesqueSemiBoldItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "Kurdis Wide Black";
  src: url("../../fonts/kurdisNew/KurdisFamily-WideBlack.woff2") format("woff2"), url("../../fonts/kurdisNew/KurdisFamily-WideBlack.woff") format("woff"), url("../../fonts/kurdisNew/KurdisFamily-WideBlack.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "Kurdis Wide ExtraBold";
  src: url("../../fonts/kurdisNew/KurdisFamily-WideExtraBold.woff2") format("woff2"), url("../../fonts/kurdisNew/KurdisFamily-WideExtraBold.woff") format("woff"), url("../../fonts/kurdisNew/KurdisFamily-WideExtraBold.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "Kurdis Test Wide Bold";
  src: url("../../fonts/kurdisNew/KurdisVariableFamilyTest-WideBold.woff2") format("woff2"), url("../../fonts/kurdisNew/KurdisVariableFamilyTest-WideBold.woff") format("woff"), url("../../fonts/kurdisNew/KurdisVariableFamilyTest-WideBold.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Condensed";
  src: url("../../fonts/ABCGravity-Condensed.woff2") format("woff2"), url("../../fonts/ABCGravity-Condensed.woff") format("woff"), url("../../fonts/ABCGravity-Condensed.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Condensed Italic";
  src: url("../../fonts/ABCGravity-CondensedItalic.woff2") format("woff2"), url("../../fonts/ABCGravity-CondensedItalic.woff") format("woff"), url("../../fonts/ABCGravity-CondensedItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Normal";
  src: url("../../fonts/ABCGravity-Normal.woff2") format("woff2"), url("../../fonts/ABCGravity-Normal.woff") format("woff"), url("../../fonts/ABCGravity-Normal.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Normal Italic";
  src: url("../../fonts/ABCGravity-NormalItalic.woff2") format("woff2"), url("../../fonts/ABCGravity-NormalItalic.woff") format("woff"), url("../../fonts/ABCGravity-NormalItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity SemiCondensed";
  src: url("../../fonts/ABCGravity-SemiCondensed.woff2") format("woff2"), url("../../fonts/ABCGravity-SemiCondensed.woff") format("woff"), url("../../fonts/ABCGravity-SemiCondensed.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity SemiCondensed Italic";
  src: url("../../fonts/ABCGravity-SemiCondensedItalic.woff2") format("woff2"), url("../../fonts/ABCGravity-SemiCondensedItalic.woff") format("woff"), url("../../fonts/ABCGravity-SemiCondensedItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Wide";
  src: url("../../fonts/ABCGravity-Wide.woff2") format("woff2"), url("../../fonts/ABCGravity-Wide.woff") format("woff"), url("../../fonts/ABCGravity-Wide.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Wide Italic";
  src: url("../../fonts/ABCGravity-WideItalic.woff2") format("woff2"), url("../../fonts/ABCGravity-WideItalic.woff") format("woff"), url("../../fonts/ABCGravity-WideItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Compressed";
  src: url("../../fonts/ABCGravity-Compressed.woff2") format("woff2"), url("../../fonts/ABCGravity-Compressed.woff") format("woff"), url("../../fonts/ABCGravity-Compressed.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Compressed Italic";
  src: url("../../fonts/ABCGravity-CompressedItalic.woff2") format("woff2"), url("../../fonts/ABCGravity-CompressedItalic.woff") format("woff"), url("../../fonts/ABCGravity-CompressedItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Ginto Nord Bold Italic";
  src: url("./../fonts/ABCGintoNord-BoldItalic.woff2") format("woff2"), url("./../fonts/ABCGintoNord-BoldItalic.woff") format("woff"), url("./../fonts/ABCGintoNord-BoldItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'fedra_arabic_display_arblack';
  src: url("../../fonts/newfonts/fedraarabicdisplayar-black-webfont.woff2") format("woff2"), url("../../fonts/newfonts/fedraarabicdisplayar-black-webfont.woff") format("woff"), url("../../fonts/newfonts/fedraarabicdisplayar-black-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fedra_arabic_display_hairline';
  src: url("../../fonts/newfonts/fedraarabicdisplayar-hairline-webfont.woff2") format("woff2"), url("../../fonts/newfonts/fedraarabicdisplayar-hairline-webfont.woff") format("woff"), url("../../fonts/newfonts/fedraarabicdisplayar-hairline-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fedra_arabic_display_arheavy';
  src: url("../../fonts/newfonts/fedraarabicdisplayar-heavy-webfont.woff2") format("woff2"), url("../../fonts/newfonts/fedraarabicdisplayar-heavy-webfont.woff") format("woff"), url("../../fonts/newfonts/fedraarabicdisplayar-heavy-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fedra_arabic_display_arthin';
  src: url("../../fonts/newfonts/fedraarabicdisplayar-thin-webfont.woff2") format("woff2"), url("../../fonts/newfonts/fedraarabicdisplayar-thin-webfont.woff") format("woff"), url("../../fonts/newfonts/fedraarabicdisplayar-thin-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bcn_arabic_roundedbold';
  src: url("../../fonts/newfonts/bcnarabicrounded-bold-webfont.woff2") format("woff2"), url("../../fonts/newfonts/bcnarabicrounded-bold-webfont.woff") format("woff"), url("../../fonts/newfonts/bcnarabicrounded-bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bcn_arabic_roundedbook';
  src: url("../../fonts/newfonts/bcnarabicrounded-book-webfont.woff2") format("woff2"), url("../../fonts/newfonts/bcnarabicrounded-book-webfont.woff") format("woff"), url("../../fonts/newfonts/bcnarabicrounded-book-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bcn_arabic_roundedlight';
  src: url("../../fonts/newfonts/bcnarabicrounded-light-webfont.woff2") format("woff2"), url("../../fonts/newfonts/bcnarabicrounded-light-webfont.woff") format("woff"), url("../../fonts/newfonts/bcnarabicrounded-light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bcn_arabic_roundedmedium';
  src: url("../../fonts/newfonts/bcnarabicrounded-medium-webfont.woff2") format("woff2"), url("../../fonts/newfonts/bcnarabicrounded-medium-webfont.woff") format("woff"), url("../../fonts/newfonts/bcnarabicrounded-medium-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bcn_arabic_roundedregular';
  src: url("../../fonts/newfonts/bcnarabicrounded-regular-webfont.woff2") format("woff2"), url("../../fonts/newfonts/bcnarabicrounded-regular-webfont.woff") format("woff"), url("../../fonts/newfonts/bcnarabicrounded-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bcn_arabic_roundedthin';
  src: url("../../fonts/newfonts/bcnarabicrounded-thin-webfont.woff2") format("woff2"), url("../../fonts/newfonts/bcnarabicrounded-thin-webfont.woff") format("woff"), url("../../fonts/newfonts/bcnarabicrounded-thin-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bcn_arabic_roundedultralight';
  src: url("../../fonts/newfonts/bcnarabicrounded-ultralight-webfont.woff2") format("woff2"), url("../../fonts/newfonts/bcnarabicrounded-ultralight-webfont.woff") format("woff"), url("../../fonts/newfonts/bcnarabicrounded-ultralight-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "ABC Ginto Nord Bold";
  src: url("../../fonts/Ginto/ABCGintoNord-Bold.woff2") format("woff2"), url("../../fonts/landing/ABCGintoNord-Bold.woff") format("woff"), url("../../fonts/landing/ABCGintoNord-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Ginto Nord Medium";
  src: url("../../fonts/landing/ABCGintoNord-Medium.woff2") format("woff2"), url("../../fonts/landing/ABCGintoNord-Medium.woff") format("woff"), url("../../fonts/landing/ABCGintoNord-Medium.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

.d-none {
  display: none !important; }

body.disable-scroll {
  overflow: hidden; }

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 {
  -webkit-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%);
          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%); }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: none;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
main {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

body {
  margin: 0; }

ul {
  list-style-type: none; }

a {
  background: transparent;
  text-decoration: none; }

button,
input {
  line-height: normal; }

input[type='search'] {
  -webkit-appearance: textfield; }

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

img {
  display: block;
  max-width: 100%;
  height: auto; }

textarea:focus,
input:focus {
  outline: 0; }

input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

a,
button {
  outline: 0; }
  a:hover, a:active, a:visited,
  button:hover,
  button:active,
  button:visited {
    outline: 0; }

/**
 * Swiper 6.3.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 9, 2020
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory; }

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */ }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  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;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next'; }

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff; }

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000; }

.swiper-button-lock {
  display: none; }

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */ }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff; }

.swiper-pagination-black {
  --swiper-pagination-color: #000000; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */ }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.idealz-loading::before {
  background-image: url(../images/components/Idealz-Loader.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 10000;
  content: ""; }

.veil {
  background: rgba(244, 244, 244, 0.2);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 99999; }

.masterSpinnerContainer {
  background: rgba(244, 244, 244, 0.2);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 99999; }

.loading-img {
  content: "";
  background-image: url("../images/logo-D-3x.png");
  height: 40px;
  width: 40px;
  position: absolute;
  -webkit-animation: pulsate 1s ease-out;
          animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  opacity: 0.0;
  left: 45%;
  top: 45%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 999999; }
  @media (min-width: 1024px) {
    .loading-img {
      left: 50%;
      right: 50%; } }

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px; }

.lds-ring div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin: 8px;
  border: 8px solid #4200FF;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #4200FF transparent transparent transparent; }
  .lds-ring div:before, .lds-ring div:after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    background-color: #4200FF;
    top: 0;
    right: 0; }
  .lds-ring div:before {
    left: 0;
    right: auto; }

.lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s; }

.lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }

.lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s; }

@-webkit-keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.spinner {
  content: "";
  background-image: url("../images/logo-D-3x.png");
  height: 40px;
  width: 40px;
  position: absolute;
  -webkit-animation: pulsate 1s ease-out;
          animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  opacity: 0.0;
  left: 45%;
  top: 45%;
  background-size: contain;
  background-repeat: no-repeat; }
  @media (min-width: 1024px) {
    .spinner {
      left: 50%;
      right: 50%; } }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0.0; } }

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0.0; } }

@-webkit-keyframes heart-pulse {
  0% {
    -webkit-transform: scale(0.75, 0.75);
            transform: scale(0.75, 0.75); }
  30% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes heart-pulse {
  0% {
    -webkit-transform: scale(0.75, 0.75);
            transform: scale(0.75, 0.75); }
  30% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

.veil {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 999999; }

.cart-total .mobile-button {
  position: relative; }

.dotspinner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }

.grayDotSpinner {
  position: absolute;
  left: 0;
  top: 0;
  right: 3px;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }

.dotspinner > div {
  width: 13px;
  height: 13px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.grayDotSpinner > div {
  width: 9px;
  height: 9px;
  background-color: #d8d8d8;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.dotspinner .bounce1,
.grayDotSpinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  margin-right: 5px; }

.grayDotSpinner .bounce2,
.dotspinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  margin-right: 5px; }

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg); } }

@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: "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 Light";
  src: url("../../fonts/galano/GalanoGrotesqueLight.woff2") format("woff2"), url("../../fonts/galano/GalanoGrotesqueLight.woff") format("woff"), url("../../fonts/galano/GalanoGrotesqueLight.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 Medium Italic";
  src: url("../../fonts/galano/GalanoGrotesqueMediumItalic.woff2") format("woff2"), url("../../fonts/galano/GalanoGrotesqueMediumItalic.woff") format("woff"), url("../../fonts/galano/GalanoGrotesqueMediumItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@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 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 SemiBold Italic";
  src: url("../../fonts/galano/GalanoGrotesqueSemiBoldItalic.woff2") format("woff2"), url("../../fonts/galano/GalanoGrotesqueSemiBoldItalic.woff") format("woff"), url("../../fonts/galano/GalanoGrotesqueSemiBoldItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "Kurdis Wide Black";
  src: url("../../fonts/kurdisNew/KurdisFamily-WideBlack.woff2") format("woff2"), url("../../fonts/kurdisNew/KurdisFamily-WideBlack.woff") format("woff"), url("../../fonts/kurdisNew/KurdisFamily-WideBlack.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "Kurdis Wide ExtraBold";
  src: url("../../fonts/kurdisNew/KurdisFamily-WideExtraBold.woff2") format("woff2"), url("../../fonts/kurdisNew/KurdisFamily-WideExtraBold.woff") format("woff"), url("../../fonts/kurdisNew/KurdisFamily-WideExtraBold.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "Kurdis Test Wide Bold";
  src: url("../../fonts/kurdisNew/KurdisVariableFamilyTest-WideBold.woff2") format("woff2"), url("../../fonts/kurdisNew/KurdisVariableFamilyTest-WideBold.woff") format("woff"), url("../../fonts/kurdisNew/KurdisVariableFamilyTest-WideBold.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Condensed";
  src: url("../../fonts/ABCGravity-Condensed.woff2") format("woff2"), url("../../fonts/ABCGravity-Condensed.woff") format("woff"), url("../../fonts/ABCGravity-Condensed.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Condensed Italic";
  src: url("../../fonts/ABCGravity-CondensedItalic.woff2") format("woff2"), url("../../fonts/ABCGravity-CondensedItalic.woff") format("woff"), url("../../fonts/ABCGravity-CondensedItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Normal";
  src: url("../../fonts/ABCGravity-Normal.woff2") format("woff2"), url("../../fonts/ABCGravity-Normal.woff") format("woff"), url("../../fonts/ABCGravity-Normal.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Normal Italic";
  src: url("../../fonts/ABCGravity-NormalItalic.woff2") format("woff2"), url("../../fonts/ABCGravity-NormalItalic.woff") format("woff"), url("../../fonts/ABCGravity-NormalItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity SemiCondensed";
  src: url("../../fonts/ABCGravity-SemiCondensed.woff2") format("woff2"), url("../../fonts/ABCGravity-SemiCondensed.woff") format("woff"), url("../../fonts/ABCGravity-SemiCondensed.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity SemiCondensed Italic";
  src: url("../../fonts/ABCGravity-SemiCondensedItalic.woff2") format("woff2"), url("../../fonts/ABCGravity-SemiCondensedItalic.woff") format("woff"), url("../../fonts/ABCGravity-SemiCondensedItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Wide";
  src: url("../../fonts/ABCGravity-Wide.woff2") format("woff2"), url("../../fonts/ABCGravity-Wide.woff") format("woff"), url("../../fonts/ABCGravity-Wide.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Wide Italic";
  src: url("../../fonts/ABCGravity-WideItalic.woff2") format("woff2"), url("../../fonts/ABCGravity-WideItalic.woff") format("woff"), url("../../fonts/ABCGravity-WideItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Compressed";
  src: url("../../fonts/ABCGravity-Compressed.woff2") format("woff2"), url("../../fonts/ABCGravity-Compressed.woff") format("woff"), url("../../fonts/ABCGravity-Compressed.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Gravity Compressed Italic";
  src: url("../../fonts/ABCGravity-CompressedItalic.woff2") format("woff2"), url("../../fonts/ABCGravity-CompressedItalic.woff") format("woff"), url("../../fonts/ABCGravity-CompressedItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Ginto Nord Bold Italic";
  src: url("./../fonts/ABCGintoNord-BoldItalic.woff2") format("woff2"), url("./../fonts/ABCGintoNord-BoldItalic.woff") format("woff"), url("./../fonts/ABCGintoNord-BoldItalic.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'fedra_arabic_display_arblack';
  src: url("../../fonts/newfonts/fedraarabicdisplayar-black-webfont.woff2") format("woff2"), url("../../fonts/newfonts/fedraarabicdisplayar-black-webfont.woff") format("woff"), url("../../fonts/newfonts/fedraarabicdisplayar-black-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fedra_arabic_display_hairline';
  src: url("../../fonts/newfonts/fedraarabicdisplayar-hairline-webfont.woff2") format("woff2"), url("../../fonts/newfonts/fedraarabicdisplayar-hairline-webfont.woff") format("woff"), url("../../fonts/newfonts/fedraarabicdisplayar-hairline-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fedra_arabic_display_arheavy';
  src: url("../../fonts/newfonts/fedraarabicdisplayar-heavy-webfont.woff2") format("woff2"), url("../../fonts/newfonts/fedraarabicdisplayar-heavy-webfont.woff") format("woff"), url("../../fonts/newfonts/fedraarabicdisplayar-heavy-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fedra_arabic_display_arthin';
  src: url("../../fonts/newfonts/fedraarabicdisplayar-thin-webfont.woff2") format("woff2"), url("../../fonts/newfonts/fedraarabicdisplayar-thin-webfont.woff") format("woff"), url("../../fonts/newfonts/fedraarabicdisplayar-thin-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bcn_arabic_roundedbold';
  src: url("../../fonts/newfonts/bcnarabicrounded-bold-webfont.woff2") format("woff2"), url("../../fonts/newfonts/bcnarabicrounded-bold-webfont.woff") format("woff"), url("../../fonts/newfonts/bcnarabicrounded-bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bcn_arabic_roundedbook';
  src: url("../../fonts/newfonts/bcnarabicrounded-book-webfont.woff2") format("woff2"), url("../../fonts/newfonts/bcnarabicrounded-book-webfont.woff") format("woff"), url("../../fonts/newfonts/bcnarabicrounded-book-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bcn_arabic_roundedlight';
  src: url("../../fonts/newfonts/bcnarabicrounded-light-webfont.woff2") format("woff2"), url("../../fonts/newfonts/bcnarabicrounded-light-webfont.woff") format("woff"), url("../../fonts/newfonts/bcnarabicrounded-light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bcn_arabic_roundedmedium';
  src: url("../../fonts/newfonts/bcnarabicrounded-medium-webfont.woff2") format("woff2"), url("../../fonts/newfonts/bcnarabicrounded-medium-webfont.woff") format("woff"), url("../../fonts/newfonts/bcnarabicrounded-medium-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bcn_arabic_roundedregular';
  src: url("../../fonts/newfonts/bcnarabicrounded-regular-webfont.woff2") format("woff2"), url("../../fonts/newfonts/bcnarabicrounded-regular-webfont.woff") format("woff"), url("../../fonts/newfonts/bcnarabicrounded-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bcn_arabic_roundedthin';
  src: url("../../fonts/newfonts/bcnarabicrounded-thin-webfont.woff2") format("woff2"), url("../../fonts/newfonts/bcnarabicrounded-thin-webfont.woff") format("woff"), url("../../fonts/newfonts/bcnarabicrounded-thin-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bcn_arabic_roundedultralight';
  src: url("../../fonts/newfonts/bcnarabicrounded-ultralight-webfont.woff2") format("woff2"), url("../../fonts/newfonts/bcnarabicrounded-ultralight-webfont.woff") format("woff"), url("../../fonts/newfonts/bcnarabicrounded-ultralight-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "ABC Ginto Nord Bold";
  src: url("../../fonts/Ginto/ABCGintoNord-Bold.woff2") format("woff2"), url("../../fonts/landing/ABCGintoNord-Bold.woff") format("woff"), url("../../fonts/landing/ABCGintoNord-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "ABC Ginto Nord Medium";
  src: url("../../fonts/landing/ABCGintoNord-Medium.woff2") format("woff2"), url("../../fonts/landing/ABCGintoNord-Medium.woff") format("woff"), url("../../fonts/landing/ABCGintoNord-Medium.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

.site-header {
  background-position: left bottom;
  background-repeat: no-repeat;
  padding: 30px 20px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  height: auto;
  overflow: hidden;
  border: none;
  overflow: visible;
  z-index: 1000; }
  .site-header .inner-header-site {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .site-header .left-side {
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 60px;
    padding: 0px 19px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    margin-top: 5px; }
    .site-header .left-side .site-logo {
      border-radius: 50px;
      background-color: #FF278F;
      padding: 17px 25px 11px 22px;
      margin: -5px 0;
      -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
              box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
      -webkit-transition: ease .2s transform;
      transition: ease .2s transform;
      cursor: pointer; }
      .site-header .left-side .site-logo.active {
        -webkit-transform: translateX(70px);
                transform: translateX(70px); }
      .site-header .left-side .site-logo svg {
        -webkit-transition: all ease 0.2s;
        transition: all ease 0.2s;
        width: 103px;
        height: 35px; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .site-header .left-side .site-logo svg {
            width: 88px;
            height: 30px; } }
        .site-header .left-side .site-logo svg else {
          width: 88px;
          height: 30px; }
      .site-header .left-side .site-logo:lang(ar) {
        padding: 12px 15px 0px; }
    .site-header .left-side .modesh-switch {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
      .site-header .left-side .modesh-switch svg {
        width: auto;
        height: 31px; }
  .site-header .menu-button {
    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;
    position: relative;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.4);
    height: 68px;
    padding: 0 11px 0 18px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .site-header .menu-button {
        height: 61px; } }
    .site-header .menu-button else {
      height: 61px; }
    .site-header .menu-button.login-button {
      color: white;
      font-size: 16px;
      letter-spacing: -0.339px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: center;
          align-content: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-wrap: nowrap;
      padding: 0 0 0 18px;
      background: transparent; }
      .site-header .menu-button.login-button:lang(ar) {
        font-family: "bcn_arabic_roundedmedium"; }
      .site-header .menu-button.login-button:lang(en) {
        font-family: "Galano Grotesque Medium";
        font-weight: 400; }
      .site-header .menu-button.login-button svg {
        margin-right: 6px; }
      .site-header .menu-button.login-button:lang(ar) {
        text-wrap: wrap;
        font-size: 10px; }
    .site-header .menu-button .profile-title {
      font-size: 14px;
      letter-spacing: -0.18px;
      color: #fff;
      margin-right: 8px;
      line-height: 18px; }
      .site-header .menu-button .profile-title:lang(ar) {
        font-family: "bcn_arabic_roundedmedium"; }
      .site-header .menu-button .profile-title:lang(en) {
        font-family: "Galano Grotesque Medium";
        font-weight: 400; }
      .site-header .menu-button .profile-title b {
        display: block;
        text-align: right;
        font-size: 20px; }
        .site-header .menu-button .profile-title b:lang(ar) {
          font-family: "bcn_arabic_roundedbold"; }
        .site-header .menu-button .profile-title b:lang(en) {
          font-family: "Galano Grotesque Bold";
          font-weight: 400; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .site-header .menu-button .profile-title b {
            font-size: 16px; } }
        .site-header .menu-button .profile-title b else {
          font-size: 16px; }
      .site-header .menu-button .profile-title:lang(ar) {
        line-height: 20px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .site-header .menu-button .profile-title {
          font-size: 12px; } }
      .site-header .menu-button .profile-title else {
        font-size: 12px; }
    .site-header .menu-button .loggedin-country {
      display: none;
      text-align: center; }
    .site-header .menu-button .profile-thumbnail {
      width: 45px;
      height: 46px;
      border: 2px solid #fff;
      border-radius: 13px;
      -webkit-transform: rotate(97deg);
              transform: rotate(97deg);
      overflow: hidden;
      -webkit-transition: all ease 0.2s;
      transition: all ease 0.2s; }
      .site-header .menu-button .profile-thumbnail img {
        border-radius: 10px;
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
        width: 100%;
        height: 100%;
        cursor: pointer; }
    .site-header .menu-button .profile-arc {
      position: absolute;
      right: -6px;
      top: -6px; }
      .site-header .menu-button .profile-arc:lang(ar) {
        -webkit-transform: rotate(50deg);
                transform: rotate(50deg); }
  .site-header .center-side.wallet-info {
    color: #FFF;
    font-size: 20px;
    letter-spacing: -0.39px; }
    .site-header .center-side.wallet-info:lang(ar) {
      font-family: "bcn_arabic_roundedregular"; }
    .site-header .center-side.wallet-info:lang(en) {
      font-family: "Galano Grotesque"; }
    .site-header .center-side.wallet-info b:lang(ar) {
      font-family: "bcn_arabic_roundedbold"; }
    .site-header .center-side.wallet-info b:lang(en) {
      font-family: "Galano Grotesque Bold";
      font-weight: 400; }
  .site-header .arc-drop-menu {
    position: absolute;
    left: 50%;
    bottom: 3px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .site-header.full-height {
    height: 500px; }
    .site-header.full-height .left-side {
      position: absolute;
      left: 23px;
      top: 35px; }
      .site-header.full-height .left-side .site-logo {
        width: 88px;
        display: block; }
        .site-header.full-height .left-side .site-logo svg {
          width: 100%; }
    .site-header.full-height .right-side {
      width: 100%;
      text-align: center; }
      .site-header.full-height .right-side .menu-button {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .site-header.full-height .right-side .menu-button .profile-thumbnail {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          width: 83px;
          height: 83px;
          margin-bottom: 4px;
          border-radius: 28px;
          border-width: 4px; }
        .site-header.full-height .right-side .menu-button .profile-title {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          text-align: center;
          font-size: 11px;
          letter-spacing: -0.22px; }
          .site-header.full-height .right-side .menu-button .profile-title b {
            text-align: center;
            font-size: 21px; }
        .site-header.full-height .right-side .menu-button .loggedin {
          display: none; }
        .site-header.full-height .right-side .menu-button .loggedin-country {
          display: block; }

.menu-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 26px; }
  .menu-items li {
    margin-bottom: 14px; }
    .menu-items li a {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 105px;
              flex: 0 0 105px;
      width: 105px;
      height: 105px;
      -webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.01);
              box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.01);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96' fill='none'%3E%3Ccircle cx='48.4489' cy='47.5512' r='47.5512' fill='white' fill-opacity='0.21'/%3E%3C/svg%3E");
      background-size: cover;
      background-position: left top;
      color: #fff;
      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;
      font-size: 9px;
      letter-spacing: -0.18px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .menu-items li a:lang(ar) {
        font-family: "bcn_arabic_roundedmedium"; }
      .menu-items li a:lang(en) {
        font-family: "Galano Grotesque Medium";
        font-weight: 400; }

.ui-site-header-open {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='393' height='1191' viewBox='0 0 393 1191' fill='none'%3E%3Cpath d='M0 0H393V1134.65C393 1153.85 379.354 1170.4 360.434 1173.67C220.936 1197.77 143.361 1193.11 32.6915 1173.69C13.7331 1170.37 0 1153.79 0 1134.55L0 0Z' fill='url(%23paint0_linear_34_1439)'/%3E%3Cpath d='M0 0H393V1097.73C393 1137.46 377.353 1170.79 356.865 1174.29C221.055 1197.44 144.051 1193.04 36.158 1174.3C15.6465 1170.74 0 1137.39 0 1097.61L0 0Z' fill='url(%23paint1_linear_34_1439)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_34_1439' x1='378' y1='1060.53' x2='-189.666' y2='838.9' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F0D603'/%3E%3Cstop offset='0.498997' stop-color='%23FF65D5'/%3E%3Cstop offset='1' stop-color='%23F6406B'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_34_1439' x1='378' y1='1060.53' x2='-189.666' y2='838.9' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F0D603'/%3E%3Cstop offset='0.498997' stop-color='%23FF65D5'/%3E%3Cstop offset='1' stop-color='%23F6406B'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100%;
  background-position: left bottom;
  padding: 35px 23px 25px;
  position: fixed;
  left: 0;
  right: 0;
  top: -100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  overflow: hidden;
  opacity: 0;
  z-index: 1000; }
  .ui-site-header-open .menu-button {
    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;
    position: relative; }
    .ui-site-header-open .menu-button .profile-title {
      font-size: 11px;
      letter-spacing: -0.18px;
      color: #fff;
      margin-right: 8px;
      line-height: 12px; }
      .ui-site-header-open .menu-button .profile-title:lang(ar) {
        font-family: "bcn_arabic_roundedmedium"; }
      .ui-site-header-open .menu-button .profile-title:lang(en) {
        font-family: "Galano Grotesque Medium";
        font-weight: 400; }
      .ui-site-header-open .menu-button .profile-title b {
        display: block;
        text-align: right;
        font-size: 14px; }
        .ui-site-header-open .menu-button .profile-title b:lang(ar) {
          font-family: "bcn_arabic_roundedbold"; }
        .ui-site-header-open .menu-button .profile-title b:lang(en) {
          font-family: "Galano Grotesque Bold";
          font-weight: 400; }
    .ui-site-header-open .menu-button .loggedin-country {
      display: none;
      text-align: center; }
    .ui-site-header-open .menu-button .profile-thumbnail {
      width: 45px;
      height: 46px;
      border: 2px solid #fff;
      border-radius: 13px;
      background: #fff;
      -webkit-transform: rotate(97deg);
              transform: rotate(97deg);
      overflow: hidden;
      -webkit-transition: all ease 0.2s;
      transition: all ease 0.2s; }
      .ui-site-header-open .menu-button .profile-thumbnail img {
        border-radius: 10px;
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
        width: 100%;
        height: 100%;
        cursor: pointer; }
    .ui-site-header-open .menu-button .profile-arc {
      position: absolute;
      right: -6px;
      top: -6px;
      display: none; }
  .ui-site-header-open .arc-drop-menu {
    position: absolute;
    left: 50%;
    bottom: 3px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .ui-site-header-open .left-side {
    position: absolute;
    left: 23px;
    top: 35px; }
    .ui-site-header-open .left-side .site-logo {
      width: 88px;
      display: block; }
      .ui-site-header-open .left-side .site-logo svg {
        width: 100%; }
  .ui-site-header-open .right-side {
    width: 100%;
    text-align: center; }
    .ui-site-header-open .right-side .menu-button {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .ui-site-header-open .right-side .menu-button .profile-thumbnail {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        width: 83px;
        height: 83px;
        margin-bottom: 4px;
        border-radius: 28px;
        border-width: 4px; }
      .ui-site-header-open .right-side .menu-button .profile-title {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        text-align: center;
        font-size: 11px;
        letter-spacing: -0.22px; }
        .ui-site-header-open .right-side .menu-button .profile-title b {
          text-align: center;
          font-size: 21px; }
      .ui-site-header-open .right-side .menu-button .loggedin {
        display: none; }
      .ui-site-header-open .right-side .menu-button .loggedin-country {
        display: block; }
  .ui-site-header-open .modesh-store {
    border-radius: 22px;
    border: 2px solid rgba(255, 255, 255, 0.29);
    height: 66px;
    color: #fff;
    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;
    font-size: 18px;
    letter-spacing: -0.2px;
    margin-bottom: 27px;
    margin-top: 10px;
    gap: 3px; }
    .ui-site-header-open .modesh-store:lang(ar) {
      font-family: "bcn_arabic_roundedbold"; }
    .ui-site-header-open .modesh-store:lang(en) {
      font-family: "Galano Grotesque SemiBold";
      font-weight: 400; }
    .ui-site-header-open .modesh-store b:lang(ar) {
      font-family: "bcn_arabic_roundedbold"; }
    .ui-site-header-open .modesh-store b:lang(en) {
      font-family: "Galano Grotesque Bold";
      font-weight: 400; }
    .ui-site-header-open .modesh-store svg {
      margin-left: 9px; }
  .ui-site-header-open.open {
    opacity: 1;
    top: 0; }

#page-main-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000; }
  #page-main-footer .mainSvgBg {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1; }
  #page-main-footer ul {
    position: relative;
    z-index: 2;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 32px 20px 28px; }
    #page-main-footer ul li {
      margin-right: 20px; }
      #page-main-footer ul li a {
        width: 43px;
        height: 43px;
        border-radius: 50%;
        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;
        background: transparent;
        -webkit-tap-highlight-color: transparent;
        position: relative; }
        #page-main-footer ul li a span {
          width: 13px;
          height: 13px;
          border-radius: 50%;
          position: absolute;
          right: 2px;
          top: 1px;
          display: none; }
        #page-main-footer ul li a.cart-full span {
          display: block; }
      #page-main-footer ul li.active a svg path {
        fill: #fff; }
      #page-main-footer ul li:last-child {
        margin-right: 0; }

.footer-container {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(8.72%, transparent), color-stop(56.58%, #DBFAFD), color-stop(122.22%, #7E78D2));
  background: linear-gradient(180deg, transparent 8.72%, #DBFAFD 56.58%, #7E78D2 122.22%);
  margin: 0 auto;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
  font-weight: 400;
  color: #000;
  text-align: center;
  font-size: 13px;
  line-height: 17px;
  position: relative;
  /* 130.769% */
  letter-spacing: -0.2px;
  border-radius: 0; }
  .footer-container:lang(ar) {
    font-family: "bcn_arabic_roundedregular"; }
  .footer-container:lang(en) {
    font-family: "Galano Grotesque"; }
  .footer-container .footer-slogan {
    padding-bottom: 64px;
    border-bottom: 1px solid rgba(11, 37, 69, 0.1);
    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; }
    .footer-container .footer-slogan p {
      text-align: center;
      background: -webkit-gradient(linear, left top, right top, from(#FF3B65), to(#464CF2));
      background: linear-gradient(90deg, #FF3B65 0%, #464CF2 100%);
      font-size: 18px;
      line-height: 20px;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin: 0; }
      .footer-container .footer-slogan p:lang(ar) {
        font-family: "bcn_arabic_roundedbold"; }
      .footer-container .footer-slogan p:lang(en) {
        font-family: "Galano Grotesque SemiBold";
        font-weight: 400; }
  .footer-container .footer-bottom-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 54px 0 127px; }
    .footer-container .footer-bottom-area .footer-logo {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 24%; }
      .footer-container .footer-bottom-area .footer-logo svg {
        margin-bottom: 13px; }
      .footer-container .footer-bottom-area .footer-logo .gov {
        font-size: 13px;
        color: #0B2545;
        letter-spacing: -0.2px;
        line-height: 19px;
        margin: 0 0 3px; }
        .footer-container .footer-bottom-area .footer-logo .gov:lang(ar) {
          font-family: "bcn_arabic_roundedmedium"; }
        .footer-container .footer-bottom-area .footer-logo .gov:lang(en) {
          font-family: "Galano Grotesque Medium";
          font-weight: 400; }
      .footer-container .footer-bottom-area .footer-logo .copy {
        line-height: 19px;
        color: #0B2545;
        opacity: 0.5;
        margin: 0; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .footer-container .footer-bottom-area .footer-logo {
          width: 45%;
          margin-bottom: 20px; } }
      .footer-container .footer-bottom-area .footer-logo else {
        width: 45%;
        margin-bottom: 20px; }
    .footer-container .footer-bottom-area .menu-links {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      list-style: none;
      padding: 0;
      margin: 0;
      width: 17%; }
      .footer-container .footer-bottom-area .menu-links.second {
        width: 14%; }
      .footer-container .footer-bottom-area .menu-links li {
        margin-bottom: 15px; }
        .footer-container .footer-bottom-area .menu-links li a {
          display: block;
          font-size: 16px;
          color: #0B2545; }
          .footer-container .footer-bottom-area .menu-links li a:lang(ar) {
            font-family: "bcn_arabic_roundedmedium"; }
          .footer-container .footer-bottom-area .menu-links li a:lang(en) {
            font-family: "Galano Grotesque Medium";
            font-weight: 400; }
          @media (min-width: 768px) and (max-width: 1023px) {
            .footer-container .footer-bottom-area .menu-links li a {
              text-align: left; } }
          .footer-container .footer-bottom-area .menu-links li a else {
            text-align: left; }
          @media (min-width: 1024px) and (max-width: 1279px) {
            .footer-container .footer-bottom-area .menu-links li a {
              text-align: left; } }
          .footer-container .footer-bottom-area .menu-links li a else {
            text-align: left; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .footer-container .footer-bottom-area .menu-links {
          width: 25%;
          margin-bottom: 20px; } }
      .footer-container .footer-bottom-area .menu-links else {
        width: 25%;
        margin-bottom: 20px; }
    .footer-container .footer-bottom-area .get-in-touch,
    .footer-container .footer-bottom-area .download-app {
      width: 17%; }
      .footer-container .footer-bottom-area .get-in-touch h6,
      .footer-container .footer-bottom-area .download-app h6 {
        font-size: 16px;
        color: #0B2545;
        margin: 0 0 10px;
        text-align: left; }
        .footer-container .footer-bottom-area .get-in-touch h6:lang(ar),
        .footer-container .footer-bottom-area .download-app h6:lang(ar) {
          font-family: "bcn_arabic_roundedmedium"; }
        .footer-container .footer-bottom-area .get-in-touch h6:lang(en),
        .footer-container .footer-bottom-area .download-app h6:lang(en) {
          font-family: "Galano Grotesque Medium";
          font-weight: 400; }
      .footer-container .footer-bottom-area .get-in-touch .whatsapp,
      .footer-container .footer-bottom-area .download-app .whatsapp {
        margin-bottom: 10px;
        display: block; }
        .footer-container .footer-bottom-area .get-in-touch .whatsapp img,
        .footer-container .footer-bottom-area .download-app .whatsapp img {
          width: 100%; }
      .footer-container .footer-bottom-area .get-in-touch .contact-icon,
      .footer-container .footer-bottom-area .download-app .contact-icon {
        border-radius: 11px;
        background: rgba(71, 75, 242, 0.16);
        padding: 9px 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-bottom: 10px; }
        .footer-container .footer-bottom-area .get-in-touch .contact-icon h5,
        .footer-container .footer-bottom-area .download-app .contact-icon h5 {
          font-size: 14px;
          line-height: 16px;
          letter-spacing: -0.22px;
          color: #0B2545;
          margin: 0px; }
          .footer-container .footer-bottom-area .get-in-touch .contact-icon h5:lang(ar),
          .footer-container .footer-bottom-area .download-app .contact-icon h5:lang(ar) {
            font-family: "bcn_arabic_roundedmedium"; }
          .footer-container .footer-bottom-area .get-in-touch .contact-icon h5:lang(en),
          .footer-container .footer-bottom-area .download-app .contact-icon h5:lang(en) {
            font-family: "Galano Grotesque Medium";
            font-weight: 400; }
      .footer-container .footer-bottom-area .get-in-touch ul.downloadList,
      .footer-container .footer-bottom-area .download-app ul.downloadList {
        list-style: none;
        padding: 0;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .footer-container .footer-bottom-area .get-in-touch ul.downloadList li,
        .footer-container .footer-bottom-area .download-app ul.downloadList li {
          width: 49%; }
          .footer-container .footer-bottom-area .get-in-touch ul.downloadList li a,
          .footer-container .footer-bottom-area .download-app ul.downloadList li a {
            display: block; }
            .footer-container .footer-bottom-area .get-in-touch ul.downloadList li a img,
            .footer-container .footer-bottom-area .download-app ul.downloadList li a img {
              width: 100%; }
          .footer-container .footer-bottom-area .get-in-touch ul.downloadList li.last-child,
          .footer-container .footer-bottom-area .download-app ul.downloadList li.last-child {
            width: 49%; }
      .footer-container .footer-bottom-area .get-in-touch .social-icons,
      .footer-container .footer-bottom-area .download-app .social-icons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        gap: 10px; }
        .footer-container .footer-bottom-area .get-in-touch .social-icons .icon,
        .footer-container .footer-bottom-area .download-app .social-icons .icon {
          display: inline-block;
          width: 25%; }
        .footer-container .footer-bottom-area .get-in-touch .social-icons .icon a,
        .footer-container .footer-bottom-area .download-app .social-icons .icon a {
          color: #D20000;
          text-decoration: underline; }
        .footer-container .footer-bottom-area .get-in-touch .social-icons .icon img,
        .footer-container .footer-bottom-area .download-app .social-icons .icon img {
          border: none;
          display: block;
          max-width: 100%;
          outline: 0; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .footer-container .footer-bottom-area .get-in-touch,
        .footer-container .footer-bottom-area .download-app {
          width: 48%; } }
      .footer-container .footer-bottom-area .get-in-touch else,
      .footer-container .footer-bottom-area .download-app else {
        width: 48%; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .footer-container .footer-bottom-area {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .footer-container .footer-bottom-area else {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.id-footer-logo {
  padding: 100px 0;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .id-footer-logo ul {
    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;
    margin-bottom: 20px; }
    .id-footer-logo ul li {
      margin-right: 10px; }
      .id-footer-logo ul li a {
        color: #000;
        font-size: 12px; }
  .id-footer-logo p {
    border-top: 1px solid #e0dede;
    padding-top: 20px;
    text-align: center;
    color: #000;
    font-size: 12px;
    margin: 0; }
  .id-footer-logo img {
    max-width: 200px;
    margin-bottom: 20px; }

.bottom-menu {
  position: fixed;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 11;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  padding: 8px 16px 9px;
  max-width: 1366px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  border-radius: 40px;
  -webkit-box-shadow: 0px 138px 39px 0px rgba(107, 107, 107, 0), 0px 88px 35px 0px rgba(107, 107, 107, 0.01), 0px 50px 30px 0px rgba(107, 107, 107, 0.03), 0px 22px 22px 0px rgba(107, 107, 107, 0.05), 0px 6px 12px 0px rgba(107, 107, 107, 0.05);
          box-shadow: 0px 138px 39px 0px rgba(107, 107, 107, 0), 0px 88px 35px 0px rgba(107, 107, 107, 0.01), 0px 50px 30px 0px rgba(107, 107, 107, 0.03), 0px 22px 22px 0px rgba(107, 107, 107, 0.05), 0px 6px 12px 0px rgba(107, 107, 107, 0.05);
  z-index: 1000; }
  .bottom-menu .bottom-menu-item {
    display: block;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: .5s ease transform;
    transition: .5s ease transform; }
    .bottom-menu .bottom-menu-item p {
      margin: 0;
      padding: 0; }
    .bottom-menu .bottom-menu-item > span {
      color: #000;
      text-align: center;
      font-size: 14px;
      line-height: 14px;
      letter-spacing: -0.339px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      border-radius: 38px;
      height: 51px;
      padding: 0 14px; }
      .bottom-menu .bottom-menu-item > span:lang(ar) {
        font-family: "bcn_arabic_roundedmedium"; }
      .bottom-menu .bottom-menu-item > span:lang(en) {
        font-family: "Galano Grotesque Medium";
        font-weight: 400; }
      .bottom-menu .bottom-menu-item > span.home::before {
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='36' height='30' viewBox='0 0 36 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-outside-1_9236_2655' maskUnits='userSpaceOnUse' x='3.85449' y='-0.0996094' width='28' height='30' fill='black'%3E%3Crect fill='white' x='3.85449' y='-0.0996094' width='28' height='30'/%3E%3Cpath d='M9.74883 27.3008C9.78312 22.3231 9.81693 17.3812 9.85123 12.4393C9.87586 8.90928 9.90195 5.37975 9.9261 1.84974C9.92803 1.54495 10.0077 1.27687 10.2599 1.08462C10.5178 0.888026 10.8043 0.846968 11.1023 0.970141C11.3945 1.0909 11.5703 1.31599 11.6157 1.63335C11.6278 1.71643 11.6317 1.80144 11.6307 1.88597C11.6259 2.55014 11.6196 3.21431 11.6138 3.87848C11.6138 3.92244 11.6138 3.9664 11.6138 4.0118C11.9094 4.10503 12.2026 4.18907 12.4905 4.28858C14.5405 4.99912 16.3471 6.1043 17.8908 7.63262C17.9531 7.69445 18.0145 7.7186 18.1014 7.7186C19.168 7.7157 20.2345 7.71618 21.3015 7.71715C21.7377 7.71763 22.0555 7.94852 22.171 8.34364C22.3173 8.84455 21.9517 9.38844 21.431 9.40583C20.8156 9.42612 20.1997 9.41453 19.5839 9.41694C19.5365 9.41694 19.4892 9.41694 19.4235 9.41694C19.4462 9.458 19.4583 9.48553 19.4752 9.50969C20.732 11.308 21.5141 13.3039 21.9469 15.4447C22.2951 17.1687 22.4024 18.9119 22.3444 20.6678C22.2715 22.8907 21.9396 25.0783 21.4537 27.2452C21.4484 27.2679 21.446 27.2911 21.4387 27.3389C21.5749 27.3056 21.7044 27.2916 21.8189 27.2428C22.1208 27.1129 22.4231 26.981 22.7125 26.8255C23.1515 26.5893 23.5776 26.326 24.0625 26.1912C25.5324 25.7826 26.9578 25.8589 28.3171 26.6023C28.4866 26.695 28.6557 26.7878 28.8209 26.8878C29.3861 27.2307 29.9995 27.394 30.6584 27.3916C30.9926 27.3906 31.267 27.5085 31.4423 27.7997C31.7867 28.3731 31.3955 29.0798 30.7231 29.0899C29.8604 29.103 29.0363 28.932 28.2702 28.5224C28.0365 28.3973 27.8032 28.2697 27.5756 28.1335C26.9506 27.7587 26.2705 27.6336 25.5508 27.6553C24.9378 27.6742 24.3717 27.8331 23.8423 28.1432C23.3675 28.4214 22.8941 28.7093 22.3574 28.8571C20.8958 29.2604 19.4776 29.186 18.1246 28.4494C17.9377 28.3475 17.7508 28.2446 17.5682 28.135C16.9402 27.7563 16.2558 27.6321 15.5317 27.6558C14.9231 27.6756 14.3608 27.835 13.8353 28.1427C13.3638 28.4185 12.8948 28.7054 12.362 28.8537C10.8922 29.2624 9.46673 29.188 8.10748 28.4441C7.94856 28.3572 7.78964 28.2707 7.63507 28.1765C7.06461 27.8278 6.44681 27.6524 5.77829 27.6548C5.56866 27.6553 5.37061 27.6167 5.19914 27.4863C4.89772 27.2568 4.78228 26.8887 4.89965 26.5289C5.01268 26.1825 5.34163 25.9536 5.7353 25.9531C6.65403 25.9521 7.52059 26.154 8.32291 26.6129C8.61273 26.7786 8.904 26.9419 9.20203 27.0906C9.37254 27.1757 9.55851 27.2298 9.74883 27.3022V27.3008ZM11.5481 13.1822V15.2501H11.7017C13.5653 15.2501 15.4288 15.2501 17.2928 15.2501C17.3571 15.2501 17.4218 15.2496 17.4861 15.2554C18.0937 15.3138 18.4449 15.9717 18.1497 16.5045C17.972 16.8252 17.686 16.9498 17.3262 16.9494C15.4462 16.946 13.5667 16.9479 11.6868 16.9479C11.636 16.9479 11.5848 16.9479 11.5225 16.9479V19.0163C11.5761 19.0163 11.624 19.0163 11.6718 19.0163C12.376 19.0163 13.0808 19.0134 13.7851 19.0172C14.2536 19.0196 14.6207 19.3505 14.6531 19.7881C14.6912 20.306 14.3169 20.7093 13.7826 20.7127C13.0702 20.7175 12.3577 20.7141 11.6452 20.7141C11.5984 20.7141 11.5515 20.7141 11.4945 20.7141V22.783C11.5559 22.783 11.6075 22.783 11.6592 22.783C13.5348 22.783 15.4105 22.783 17.2866 22.783C17.359 22.783 17.432 22.783 17.5039 22.7897C18.0749 22.8438 18.4313 23.4901 18.17 24.0002C17.9985 24.3349 17.716 24.4818 17.344 24.4818C15.4399 24.4803 13.5363 24.4808 11.6322 24.4808H11.4573V27.3283C11.7505 27.2795 12.036 27.1873 12.3041 27.0457C12.5635 26.9085 12.8199 26.7651 13.0745 26.6197C14.2676 25.9381 15.5447 25.8246 16.8716 26.0628C17.4566 26.1676 17.9879 26.4139 18.5014 26.7057C18.7912 26.8704 19.0897 27.0196 19.3882 27.1674C19.4887 27.2172 19.6027 27.2404 19.7109 27.2757C19.7307 27.1732 19.7447 27.0902 19.7636 27.008C20.1881 25.1464 20.4953 23.267 20.6113 21.3599C20.6968 19.9553 20.675 18.5525 20.5011 17.1542C20.3504 15.9413 20.0886 14.7545 19.6776 13.6024C19.1453 12.1103 18.383 10.7496 17.3513 9.5435C17.2948 9.47732 17.2474 9.41356 17.1378 9.41356C15.3264 9.41743 13.515 9.41694 11.7037 9.41453C11.6042 9.41453 11.5737 9.44206 11.5732 9.54253C11.5732 10.1584 11.5665 10.7743 11.5626 11.3901C11.5626 11.4206 11.5689 11.4505 11.5723 11.4838C11.6307 11.4838 11.679 11.4838 11.7273 11.4838C12.9914 11.4838 14.255 11.4838 15.5191 11.4848C15.6032 11.4848 15.6887 11.4887 15.7713 11.5041C16.3273 11.6089 16.6253 12.233 16.3558 12.7296C16.1804 13.0523 15.8988 13.1846 15.5385 13.1841C14.2623 13.1817 12.9866 13.1832 11.7104 13.1832H11.5481V13.1822ZM11.6008 7.70556H15.3766C14.2145 6.84962 12.9711 6.2154 11.6008 5.78502V7.70556Z'/%3E%3C/mask%3E%3Cpath d='M9.74883 27.3008C9.78312 22.3231 9.81693 17.3812 9.85123 12.4393C9.87586 8.90928 9.90195 5.37975 9.9261 1.84974C9.92803 1.54495 10.0077 1.27687 10.2599 1.08462C10.5178 0.888026 10.8043 0.846968 11.1023 0.970141C11.3945 1.0909 11.5703 1.31599 11.6157 1.63335C11.6278 1.71643 11.6317 1.80144 11.6307 1.88597C11.6259 2.55014 11.6196 3.21431 11.6138 3.87848C11.6138 3.92244 11.6138 3.9664 11.6138 4.0118C11.9094 4.10503 12.2026 4.18907 12.4905 4.28858C14.5405 4.99912 16.3471 6.1043 17.8908 7.63262C17.9531 7.69445 18.0145 7.7186 18.1014 7.7186C19.168 7.7157 20.2345 7.71618 21.3015 7.71715C21.7377 7.71763 22.0555 7.94852 22.171 8.34364C22.3173 8.84455 21.9517 9.38844 21.431 9.40583C20.8156 9.42612 20.1997 9.41453 19.5839 9.41694C19.5365 9.41694 19.4892 9.41694 19.4235 9.41694C19.4462 9.458 19.4583 9.48553 19.4752 9.50969C20.732 11.308 21.5141 13.3039 21.9469 15.4447C22.2951 17.1687 22.4024 18.9119 22.3444 20.6678C22.2715 22.8907 21.9396 25.0783 21.4537 27.2452C21.4484 27.2679 21.446 27.2911 21.4387 27.3389C21.5749 27.3056 21.7044 27.2916 21.8189 27.2428C22.1208 27.1129 22.4231 26.981 22.7125 26.8255C23.1515 26.5893 23.5776 26.326 24.0625 26.1912C25.5324 25.7826 26.9578 25.8589 28.3171 26.6023C28.4866 26.695 28.6557 26.7878 28.8209 26.8878C29.3861 27.2307 29.9995 27.394 30.6584 27.3916C30.9926 27.3906 31.267 27.5085 31.4423 27.7997C31.7867 28.3731 31.3955 29.0798 30.7231 29.0899C29.8604 29.103 29.0363 28.932 28.2702 28.5224C28.0365 28.3973 27.8032 28.2697 27.5756 28.1335C26.9506 27.7587 26.2705 27.6336 25.5508 27.6553C24.9378 27.6742 24.3717 27.8331 23.8423 28.1432C23.3675 28.4214 22.8941 28.7093 22.3574 28.8571C20.8958 29.2604 19.4776 29.186 18.1246 28.4494C17.9377 28.3475 17.7508 28.2446 17.5682 28.135C16.9402 27.7563 16.2558 27.6321 15.5317 27.6558C14.9231 27.6756 14.3608 27.835 13.8353 28.1427C13.3638 28.4185 12.8948 28.7054 12.362 28.8537C10.8922 29.2624 9.46673 29.188 8.10748 28.4441C7.94856 28.3572 7.78964 28.2707 7.63507 28.1765C7.06461 27.8278 6.44681 27.6524 5.77829 27.6548C5.56866 27.6553 5.37061 27.6167 5.19914 27.4863C4.89772 27.2568 4.78228 26.8887 4.89965 26.5289C5.01268 26.1825 5.34163 25.9536 5.7353 25.9531C6.65403 25.9521 7.52059 26.154 8.32291 26.6129C8.61273 26.7786 8.904 26.9419 9.20203 27.0906C9.37254 27.1757 9.55851 27.2298 9.74883 27.3022V27.3008ZM11.5481 13.1822V15.2501H11.7017C13.5653 15.2501 15.4288 15.2501 17.2928 15.2501C17.3571 15.2501 17.4218 15.2496 17.4861 15.2554C18.0937 15.3138 18.4449 15.9717 18.1497 16.5045C17.972 16.8252 17.686 16.9498 17.3262 16.9494C15.4462 16.946 13.5667 16.9479 11.6868 16.9479C11.636 16.9479 11.5848 16.9479 11.5225 16.9479V19.0163C11.5761 19.0163 11.624 19.0163 11.6718 19.0163C12.376 19.0163 13.0808 19.0134 13.7851 19.0172C14.2536 19.0196 14.6207 19.3505 14.6531 19.7881C14.6912 20.306 14.3169 20.7093 13.7826 20.7127C13.0702 20.7175 12.3577 20.7141 11.6452 20.7141C11.5984 20.7141 11.5515 20.7141 11.4945 20.7141V22.783C11.5559 22.783 11.6075 22.783 11.6592 22.783C13.5348 22.783 15.4105 22.783 17.2866 22.783C17.359 22.783 17.432 22.783 17.5039 22.7897C18.0749 22.8438 18.4313 23.4901 18.17 24.0002C17.9985 24.3349 17.716 24.4818 17.344 24.4818C15.4399 24.4803 13.5363 24.4808 11.6322 24.4808H11.4573V27.3283C11.7505 27.2795 12.036 27.1873 12.3041 27.0457C12.5635 26.9085 12.8199 26.7651 13.0745 26.6197C14.2676 25.9381 15.5447 25.8246 16.8716 26.0628C17.4566 26.1676 17.9879 26.4139 18.5014 26.7057C18.7912 26.8704 19.0897 27.0196 19.3882 27.1674C19.4887 27.2172 19.6027 27.2404 19.7109 27.2757C19.7307 27.1732 19.7447 27.0902 19.7636 27.008C20.1881 25.1464 20.4953 23.267 20.6113 21.3599C20.6968 19.9553 20.675 18.5525 20.5011 17.1542C20.3504 15.9413 20.0886 14.7545 19.6776 13.6024C19.1453 12.1103 18.383 10.7496 17.3513 9.5435C17.2948 9.47732 17.2474 9.41356 17.1378 9.41356C15.3264 9.41743 13.515 9.41694 11.7037 9.41453C11.6042 9.41453 11.5737 9.44206 11.5732 9.54253C11.5732 10.1584 11.5665 10.7743 11.5626 11.3901C11.5626 11.4206 11.5689 11.4505 11.5723 11.4838C11.6307 11.4838 11.679 11.4838 11.7273 11.4838C12.9914 11.4838 14.255 11.4838 15.5191 11.4848C15.6032 11.4848 15.6887 11.4887 15.7713 11.5041C16.3273 11.6089 16.6253 12.233 16.3558 12.7296C16.1804 13.0523 15.8988 13.1846 15.5385 13.1841C14.2623 13.1817 12.9866 13.1832 11.7104 13.1832H11.5481V13.1822ZM11.6008 7.70556H15.3766C14.2145 6.84962 12.9711 6.2154 11.6008 5.78502V7.70556Z' fill='black'/%3E%3Cpath d='M9.74883 27.3008C9.78312 22.3231 9.81693 17.3812 9.85123 12.4393C9.87586 8.90928 9.90195 5.37975 9.9261 1.84974C9.92803 1.54495 10.0077 1.27687 10.2599 1.08462C10.5178 0.888026 10.8043 0.846968 11.1023 0.970141C11.3945 1.0909 11.5703 1.31599 11.6157 1.63335C11.6278 1.71643 11.6317 1.80144 11.6307 1.88597C11.6259 2.55014 11.6196 3.21431 11.6138 3.87848C11.6138 3.92244 11.6138 3.9664 11.6138 4.0118C11.9094 4.10503 12.2026 4.18907 12.4905 4.28858C14.5405 4.99912 16.3471 6.1043 17.8908 7.63262C17.9531 7.69445 18.0145 7.7186 18.1014 7.7186C19.168 7.7157 20.2345 7.71618 21.3015 7.71715C21.7377 7.71763 22.0555 7.94852 22.171 8.34364C22.3173 8.84455 21.9517 9.38844 21.431 9.40583C20.8156 9.42612 20.1997 9.41453 19.5839 9.41694C19.5365 9.41694 19.4892 9.41694 19.4235 9.41694C19.4462 9.458 19.4583 9.48553 19.4752 9.50969C20.732 11.308 21.5141 13.3039 21.9469 15.4447C22.2951 17.1687 22.4024 18.9119 22.3444 20.6678C22.2715 22.8907 21.9396 25.0783 21.4537 27.2452C21.4484 27.2679 21.446 27.2911 21.4387 27.3389C21.5749 27.3056 21.7044 27.2916 21.8189 27.2428C22.1208 27.1129 22.4231 26.981 22.7125 26.8255C23.1515 26.5893 23.5776 26.326 24.0625 26.1912C25.5324 25.7826 26.9578 25.8589 28.3171 26.6023C28.4866 26.695 28.6557 26.7878 28.8209 26.8878C29.3861 27.2307 29.9995 27.394 30.6584 27.3916C30.9926 27.3906 31.267 27.5085 31.4423 27.7997C31.7867 28.3731 31.3955 29.0798 30.7231 29.0899C29.8604 29.103 29.0363 28.932 28.2702 28.5224C28.0365 28.3973 27.8032 28.2697 27.5756 28.1335C26.9506 27.7587 26.2705 27.6336 25.5508 27.6553C24.9378 27.6742 24.3717 27.8331 23.8423 28.1432C23.3675 28.4214 22.8941 28.7093 22.3574 28.8571C20.8958 29.2604 19.4776 29.186 18.1246 28.4494C17.9377 28.3475 17.7508 28.2446 17.5682 28.135C16.9402 27.7563 16.2558 27.6321 15.5317 27.6558C14.9231 27.6756 14.3608 27.835 13.8353 28.1427C13.3638 28.4185 12.8948 28.7054 12.362 28.8537C10.8922 29.2624 9.46673 29.188 8.10748 28.4441C7.94856 28.3572 7.78964 28.2707 7.63507 28.1765C7.06461 27.8278 6.44681 27.6524 5.77829 27.6548C5.56866 27.6553 5.37061 27.6167 5.19914 27.4863C4.89772 27.2568 4.78228 26.8887 4.89965 26.5289C5.01268 26.1825 5.34163 25.9536 5.7353 25.9531C6.65403 25.9521 7.52059 26.154 8.32291 26.6129C8.61273 26.7786 8.904 26.9419 9.20203 27.0906C9.37254 27.1757 9.55851 27.2298 9.74883 27.3022V27.3008ZM11.5481 13.1822V15.2501H11.7017C13.5653 15.2501 15.4288 15.2501 17.2928 15.2501C17.3571 15.2501 17.4218 15.2496 17.4861 15.2554C18.0937 15.3138 18.4449 15.9717 18.1497 16.5045C17.972 16.8252 17.686 16.9498 17.3262 16.9494C15.4462 16.946 13.5667 16.9479 11.6868 16.9479C11.636 16.9479 11.5848 16.9479 11.5225 16.9479V19.0163C11.5761 19.0163 11.624 19.0163 11.6718 19.0163C12.376 19.0163 13.0808 19.0134 13.7851 19.0172C14.2536 19.0196 14.6207 19.3505 14.6531 19.7881C14.6912 20.306 14.3169 20.7093 13.7826 20.7127C13.0702 20.7175 12.3577 20.7141 11.6452 20.7141C11.5984 20.7141 11.5515 20.7141 11.4945 20.7141V22.783C11.5559 22.783 11.6075 22.783 11.6592 22.783C13.5348 22.783 15.4105 22.783 17.2866 22.783C17.359 22.783 17.432 22.783 17.5039 22.7897C18.0749 22.8438 18.4313 23.4901 18.17 24.0002C17.9985 24.3349 17.716 24.4818 17.344 24.4818C15.4399 24.4803 13.5363 24.4808 11.6322 24.4808H11.4573V27.3283C11.7505 27.2795 12.036 27.1873 12.3041 27.0457C12.5635 26.9085 12.8199 26.7651 13.0745 26.6197C14.2676 25.9381 15.5447 25.8246 16.8716 26.0628C17.4566 26.1676 17.9879 26.4139 18.5014 26.7057C18.7912 26.8704 19.0897 27.0196 19.3882 27.1674C19.4887 27.2172 19.6027 27.2404 19.7109 27.2757C19.7307 27.1732 19.7447 27.0902 19.7636 27.008C20.1881 25.1464 20.4953 23.267 20.6113 21.3599C20.6968 19.9553 20.675 18.5525 20.5011 17.1542C20.3504 15.9413 20.0886 14.7545 19.6776 13.6024C19.1453 12.1103 18.383 10.7496 17.3513 9.5435C17.2948 9.47732 17.2474 9.41356 17.1378 9.41356C15.3264 9.41743 13.515 9.41694 11.7037 9.41453C11.6042 9.41453 11.5737 9.44206 11.5732 9.54253C11.5732 10.1584 11.5665 10.7743 11.5626 11.3901C11.5626 11.4206 11.5689 11.4505 11.5723 11.4838C11.6307 11.4838 11.679 11.4838 11.7273 11.4838C12.9914 11.4838 14.255 11.4838 15.5191 11.4848C15.6032 11.4848 15.6887 11.4887 15.7713 11.5041C16.3273 11.6089 16.6253 12.233 16.3558 12.7296C16.1804 13.0523 15.8988 13.1846 15.5385 13.1841C14.2623 13.1817 12.9866 13.1832 11.7104 13.1832H11.5481V13.1822ZM11.6008 7.70556H15.3766C14.2145 6.84962 12.9711 6.2154 11.6008 5.78502V7.70556Z' stroke='black' stroke-width='0.2' mask='url(%23path-1-outside-1_9236_2655)'/%3E%3Cpath d='M11.5478 13.1817H11.7101C12.9863 13.1817 14.262 13.1803 15.5382 13.1827C15.8985 13.1831 16.1801 13.0508 16.3555 12.7281C16.6255 12.2311 16.3275 11.607 15.771 11.5027C15.6884 11.4872 15.6029 11.4834 15.5189 11.4834C14.2548 11.4824 12.9911 11.4824 11.727 11.4824C11.6787 11.4824 11.6304 11.4824 11.572 11.4824C11.5686 11.4495 11.5623 11.4191 11.5623 11.3887C11.5662 10.7728 11.5725 10.1569 11.573 9.54108C11.573 9.44061 11.6034 9.41308 11.7034 9.41308C13.5148 9.41597 15.3261 9.41646 17.1375 9.41211C17.2472 9.41211 17.2945 9.47587 17.351 9.54205C18.3832 10.7477 19.145 12.1089 19.6773 13.601C20.0884 14.753 20.3502 15.9398 20.5009 17.1527C20.6748 18.5516 20.6965 19.9538 20.611 21.3585C20.4946 23.266 20.1879 25.1455 19.7633 27.0066C19.7444 27.0887 19.7309 27.1718 19.7106 27.2742C19.6024 27.2389 19.4884 27.2158 19.388 27.166C19.089 27.0182 18.7904 26.8689 18.5011 26.7042C17.9876 26.4125 17.4563 26.1661 16.8714 26.0613C15.5445 25.8232 14.2678 25.9367 13.0742 26.6182C12.8192 26.7636 12.5632 26.9071 12.3038 27.0443C12.0357 27.1858 11.7502 27.2785 11.457 27.3268V24.4794H11.6319C13.536 24.4794 15.4396 24.4784 17.3438 24.4803C17.7157 24.4803 17.9978 24.3335 18.1697 23.9987C18.4311 23.4887 18.0746 22.8424 17.5036 22.7883C17.4317 22.7815 17.3587 22.7815 17.2863 22.7815C15.4107 22.7815 13.535 22.7815 11.6589 22.7815C11.6073 22.7815 11.5556 22.7815 11.4942 22.7815V20.7127C11.5512 20.7127 11.5981 20.7127 11.6449 20.7127C12.3574 20.7127 13.0699 20.7161 13.7824 20.7112C14.3166 20.7074 14.6909 20.304 14.6528 19.7867C14.6204 19.3491 14.2533 19.0187 13.7848 19.0158C13.0805 19.0119 12.3758 19.0148 11.6715 19.0148C11.6237 19.0148 11.5763 19.0148 11.5222 19.0148V16.9465C11.5846 16.9465 11.6353 16.9465 11.6865 16.9465C13.5664 16.9465 15.4459 16.9445 17.3259 16.9479C17.6857 16.9484 17.9717 16.8238 18.1495 16.503C18.4451 15.9698 18.0934 15.3119 17.4858 15.2539C17.422 15.2476 17.3573 15.2486 17.2926 15.2486C15.429 15.2486 13.5655 15.2486 11.7014 15.2486H11.5478V13.1807V13.1817Z' fill='%23A9E5FF'/%3E%3Cpath d='M11.6006 7.70765V5.78711C12.971 6.21749 14.2148 6.85123 15.3765 7.70765H11.6006Z' fill='%23A9E5FF'/%3E%3C/svg%3E%0A"); }
      .bottom-menu .bottom-menu-item > span.menu::before {
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M16.3949 24.1262H31.0724C31.4617 24.1262 31.835 24.2808 32.1103 24.5561C32.3855 24.8314 32.5402 25.2047 32.5402 25.594C32.5402 25.9832 32.3855 26.3566 32.1103 26.6318C31.835 26.9071 31.4617 27.0617 31.0724 27.0617H16.3949C16.0057 27.0617 15.6323 26.9071 15.3571 26.6318C15.0818 26.3566 14.9272 25.9832 14.9272 25.594C14.9272 25.2047 15.0818 24.8314 15.3571 24.5561C15.6323 24.2808 16.0057 24.1262 16.3949 24.1262ZM31.0724 12.3842H4.65295C4.26368 12.3842 3.89035 12.2296 3.6151 11.9543C3.33984 11.6791 3.18521 11.3057 3.18521 10.9165C3.18521 10.5272 3.33984 10.1539 3.6151 9.87862C3.89035 9.60337 4.26368 9.44873 4.65295 9.44873H31.0724C31.4617 9.44873 31.835 9.60337 32.1103 9.87862C32.3855 10.1539 32.5402 10.5272 32.5402 10.9165C32.5402 11.3057 32.3855 11.6791 32.1103 11.9543C31.835 12.2296 31.4617 12.3842 31.0724 12.3842ZM4.65295 16.7875H31.0724C31.4617 16.7875 31.835 16.9421 32.1103 17.2174C32.3855 17.4926 32.5402 17.8659 32.5402 18.2552C32.5402 18.6445 32.3855 19.0178 32.1103 19.2931C31.835 19.5683 31.4617 19.723 31.0724 19.723H4.65295C4.26368 19.723 3.89035 19.5683 3.6151 19.2931C3.33984 19.0178 3.18521 18.6445 3.18521 18.2552C3.18521 17.8659 3.33984 17.4926 3.6151 17.2174C3.89035 16.9421 4.26368 16.7875 4.65295 16.7875Z' fill='black'/%3E%3C/svg%3E"); }
      .bottom-menu .bottom-menu-item > span.tickets::before {
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='36' height='30' viewBox='0 0 36 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9236_2676)'%3E%3Cpath d='M28.4085 17.6504L13.643 14.6406L13.3613 14.8908L13.0166 16.2046L14.5176 17.8947L15.2051 19.8034L14.6102 20.8356L12.4198 21.7732L11.2931 22.7738L11.7304 24.4009L26.809 26.6287L27.1537 25.3149L25.9029 23.9065L24.6836 21.9662L25.5602 20.6839L28.3455 18.7141L28.4085 17.6504Z' fill='white'/%3E%3Cg clip-path='url(%23clip1_9236_2676)'%3E%3Cpath d='M27.7043 26.6044C27.7788 26.2662 27.846 25.926 27.9093 25.5852C27.9414 25.4134 27.9753 25.2389 27.9769 25.0652C27.9812 24.6041 27.7611 24.2545 27.4039 23.9781C26.9828 23.6521 26.5788 23.3063 26.1978 22.8917C26.1713 22.8619 26.1246 22.8104 26.0792 22.7581C25.8809 22.5285 25.7073 22.2833 25.6021 21.9956C25.5364 21.8159 25.5415 21.6425 25.6655 21.4872C25.7097 21.4319 25.7605 21.3803 25.8139 21.3335C26.1114 21.0728 26.4585 20.893 26.8143 20.7285C27.2736 20.5164 27.7512 20.3531 28.2302 20.1936C28.7386 20.0243 29.0773 19.6904 29.1929 19.1589C29.2916 18.7049 29.3848 18.2492 29.4636 17.7912C29.5348 17.377 29.3896 17.0244 29.0993 16.7299C28.8973 16.525 28.6427 16.423 28.3636 16.3727C26.2152 15.9834 24.0666 15.5935 21.9183 15.2035C19.301 14.7281 16.6833 14.2521 14.0654 13.7779C13.8792 13.7441 13.6905 13.7035 13.5028 13.7026C12.8579 13.7001 12.3543 14.125 12.22 14.7704C12.1344 15.1817 12.0504 15.5932 11.9732 16.0058C11.876 16.5257 12.0277 16.9659 12.4234 17.316C12.7132 17.5726 13.0121 17.8189 13.303 18.0742C13.5729 18.3113 13.8323 18.5592 14.0393 18.856C14.1607 19.0303 14.2694 19.2117 14.3345 19.4159C14.3873 19.5811 14.3738 19.7388 14.2654 19.8796C14.2284 19.9279 14.1855 19.9725 14.1408 20.0135C13.889 20.2447 13.5946 20.4102 13.2903 20.5603C12.7758 20.8142 12.2354 21.0008 11.6923 21.1819C11.1664 21.3573 10.8321 21.7096 10.7204 22.2596C10.6345 22.6829 10.5555 23.1079 10.4665 23.5308C10.3336 24.1601 10.7725 24.8534 11.4671 24.9804C12.897 25.242 14.3273 25.5007 15.7577 25.7605C17.7094 26.1153 19.6609 26.4703 21.6125 26.8248C23.141 27.1027 24.6695 27.3805 26.1979 27.6575C26.4019 27.6944 26.6057 27.6843 26.8026 27.621C27.3021 27.4603 27.5933 27.109 27.7043 26.6044ZM12.2498 23.359C12.2524 23.338 12.2535 23.3204 12.2569 23.3036C12.2896 23.1417 12.3243 22.9802 12.3544 22.818C12.3625 22.7744 12.3817 22.7537 12.4229 22.7381C12.8762 22.5673 13.3332 22.4054 13.7799 22.2194C14.3457 21.9839 14.8695 21.6735 15.3209 21.2539C15.7595 20.8461 16.0315 20.3498 16.0786 19.7448C16.1097 19.3466 16.0268 18.9665 15.8723 18.6008C15.6991 18.1909 15.4438 17.8338 15.1581 17.4963C14.7602 17.0257 14.308 16.6117 13.8244 16.2322C13.7286 16.1572 13.6864 16.0932 13.7254 15.9675C13.7717 15.8183 13.7908 15.661 13.8237 15.4975C18.4415 16.3361 23.0581 17.1744 27.6801 18.0136C27.6406 18.2051 27.6044 18.3892 27.5632 18.5721C27.5578 18.5956 27.5309 18.6231 27.5075 18.6321C27.1476 18.7681 26.7851 18.8974 26.4265 19.0362C25.8419 19.2624 25.2935 19.555 24.8019 19.9474C24.3139 20.3365 23.9715 20.8191 23.8663 21.4468C23.7913 21.8939 23.8671 22.3232 24.0356 22.7393C24.2083 23.1657 24.4716 23.5343 24.7665 23.883C25.1501 24.3362 25.586 24.7342 26.0465 25.1067C26.0781 25.1323 26.1065 25.164 26.1418 25.1828C26.2222 25.2253 26.2254 25.2831 26.2051 25.3642C26.1641 25.5304 26.1351 25.6994 26.0999 25.8735C21.4841 25.0358 16.869 24.198 12.2489 23.3591L12.2498 23.359Z' fill='black'/%3E%3Cpath d='M22.7365 20.3493C22.8565 20.1848 22.9749 20.0191 23.0927 19.8528C23.1612 19.7563 23.1554 19.6705 23.0766 19.5947C23.0087 19.5293 22.9317 19.5473 22.8536 19.5725C22.1455 19.7997 21.4209 19.922 20.6758 19.8955C19.5373 19.8551 18.4977 19.5048 17.5481 18.8801C17.4478 18.814 17.3515 18.742 17.251 18.6761C17.1833 18.6315 17.1124 18.6329 17.0452 18.6811C16.9795 18.7283 16.9617 18.7939 16.9765 18.8702C16.9826 18.9021 16.9918 18.9335 17.0014 18.9646C17.0686 19.1844 17.1369 19.4044 17.2037 19.6244C17.3853 20.2226 17.5774 20.8175 17.8338 21.3889C18.0139 21.7901 18.2203 22.1751 18.5125 22.5082C18.7031 22.7253 18.9238 22.8976 19.2084 22.9725C19.5345 23.0584 19.8485 23.0065 20.1503 22.873C20.5196 22.7097 20.8371 22.4677 21.1446 22.2083C21.3458 22.0002 21.5519 21.7969 21.7468 21.5832C22.1025 21.193 22.4256 20.7757 22.7365 20.349L22.7365 20.3493Z' fill='black'/%3E%3C/g%3E%3Cpath d='M22.9117 3.17565L5.47666 12.9746L5.41111 13.4702L6.20584 15.0884L9.17995 15.4817L11.5273 16.8008L11.8263 18.3534L10.4417 21.1964L10.1795 23.1791L12.0311 24.4327L29.1016 13.5769L28.3069 11.9587L25.8284 11.631L22.9199 10.742L22.6864 8.69373L23.772 4.29812L22.9117 3.17565Z' fill='%23FFE300'/%3E%3Cg clip-path='url(%23clip2_9236_2676)'%3E%3Cpath d='M29.9791 12.7752C29.7602 12.371 29.5322 11.9712 29.3 11.5741C29.1829 11.3738 29.0654 11.1691 28.9163 10.9934C28.5202 10.5268 27.9957 10.367 27.3972 10.3996C26.6914 10.438 25.9857 10.4417 25.2432 10.3563C25.1907 10.3494 25.0991 10.3382 25.0081 10.3252C24.6098 10.267 24.2226 10.1715 23.8672 9.97411C23.6453 9.85071 23.4998 9.6722 23.4894 9.40865C23.4858 9.31477 23.4919 9.2189 23.5049 9.12558C23.5773 8.60556 23.7695 8.12366 23.9839 7.64962C24.2607 7.038 24.5984 6.45934 24.9407 5.88324C25.3041 5.27192 25.3542 4.64277 25.0087 4.00883C24.7136 3.46741 24.4115 2.929 24.093 2.40087C23.8048 1.92329 23.3529 1.69541 22.8058 1.6519C22.425 1.62155 22.081 1.74024 21.757 1.93205C19.2624 3.4066 16.7672 4.88074 14.2721 6.35455C11.232 8.14991 8.19102 9.94481 5.15138 11.7419C4.93524 11.8696 4.71054 11.9926 4.52131 12.1547C3.8718 12.7121 3.73528 13.576 4.16084 14.3404C4.43201 14.8276 4.70495 15.3136 4.98576 15.7948C5.3395 16.401 5.87395 16.7112 6.57521 16.7191C7.08894 16.7251 7.6028 16.7128 8.1165 16.7165C8.59317 16.7202 9.06885 16.7437 9.5343 16.862C9.8076 16.9316 10.0742 17.0193 10.3168 17.1677C10.5133 17.2877 10.6366 17.4577 10.6501 17.6932C10.6548 17.7738 10.6505 17.8558 10.6412 17.9358C10.5892 18.3864 10.4374 18.8081 10.2623 19.2231C9.96631 19.9246 9.58585 20.5812 9.19795 21.2345C8.8223 21.8672 8.79253 22.5111 9.15797 23.1602C9.43929 23.6598 9.72906 24.1549 10.0068 24.6567C10.4199 25.4038 11.4624 25.7186 12.2698 25.243C13.9324 24.2641 15.5927 23.2819 17.2542 22.3008C19.5214 20.9624 21.7885 19.6242 24.0554 18.2857C25.831 17.2375 27.6066 16.1893 29.3812 15.1403C29.618 15.0002 29.8138 14.8131 29.9566 14.5786C30.3184 13.9835 30.3057 13.3781 29.9791 12.7752ZM11.6478 22.9359C11.6322 22.9125 11.618 22.8939 11.6068 22.8741C11.499 22.6832 11.3937 22.491 11.283 22.302C11.2533 22.2512 11.2547 22.2137 11.2825 22.1623C11.5892 21.5973 11.9073 21.038 12.1943 20.4634C12.5577 19.7357 12.814 18.9694 12.9029 18.1562C12.989 17.366 12.8311 16.6317 12.3532 15.9835C12.0386 15.5568 11.6253 15.2472 11.1528 15.0143C10.623 14.7532 10.0567 14.6164 9.47687 14.5256C8.66877 14.3988 7.85546 14.3758 7.0405 14.4148C6.87921 14.4227 6.78128 14.395 6.71133 14.235C6.6283 14.045 6.51078 13.8706 6.4019 13.6779C11.7654 10.5102 17.1275 7.34334 22.4957 4.17268C22.6224 4.39918 22.7458 4.61541 22.8633 4.83479C22.8783 4.86299 22.8751 4.91402 22.8595 4.94341C22.6162 5.39234 22.3648 5.8369 22.1252 6.28763C21.7348 7.0222 21.4383 7.79213 21.2855 8.61286C21.1336 9.42714 21.2088 10.2089 21.6483 10.9303C21.9611 11.4442 22.41 11.8093 22.9404 12.0807C23.484 12.3587 24.0683 12.5002 24.6671 12.5942C25.4457 12.7161 26.2288 12.7371 27.0145 12.7112C27.0685 12.7095 27.1246 12.7166 27.1763 12.7047C27.2939 12.6777 27.3472 12.7329 27.3974 12.832C27.5004 13.0344 27.6182 13.2292 27.7339 13.4346C22.3731 16.6013 17.0131 19.7675 11.647 22.9368L11.6478 22.9359Z' fill='black'/%3E%3Cpath d='M19.5608 10.8094C19.5384 10.54 19.5134 10.2709 19.4874 10.0017C19.4723 9.84532 19.3919 9.76423 19.2471 9.75655C19.1222 9.74986 19.0605 9.83477 19.0039 9.92791C18.4904 10.7707 17.8692 11.5226 17.0983 12.143C15.9203 13.091 14.5726 13.6419 13.077 13.8394C12.9189 13.8601 12.7598 13.8715 12.6017 13.8925C12.4949 13.9066 12.425 13.9695 12.3994 14.0762C12.3745 14.1807 12.4135 14.2619 12.4946 14.3257C12.5284 14.3525 12.5649 14.376 12.6016 14.3989C12.86 14.5612 13.1195 14.7226 13.3775 14.8856C14.0792 15.3284 14.7885 15.7587 15.5421 16.1097C16.0712 16.356 16.6127 16.5633 17.1952 16.6439C17.575 16.6964 17.9462 16.6777 18.297 16.5058C18.6989 16.3089 18.9689 15.9841 19.156 15.5881C19.3849 15.1035 19.4935 14.585 19.577 14.0576C19.5982 13.674 19.6285 13.291 19.6386 12.9072C19.6569 12.2067 19.619 11.5072 19.5605 10.809L19.5608 10.8094Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9236_2676'%3E%3Crect width='36' height='30' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_9236_2676'%3E%3Crect width='19.6966' height='18.9265' fill='white' transform='translate(20.498 7.04102) rotate(48.3914)'/%3E%3C/clipPath%3E%3CclipPath id='clip2_9236_2676'%3E%3Crect width='26.1417' height='25.1196' fill='white' transform='translate(5.75928 -0.605469) rotate(7.53289)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
      .bottom-menu .bottom-menu-item > span.wallet::before {
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='36' height='30' viewBox='0 0 36 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9236_2687)'%3E%3Cpath d='M4.90479 11.6055L26.4048 7.60547H27.9048L29.4048 12.1055C27.4048 12.1055 24.4048 13.1055 24.4048 15.6055C24.4048 17.6055 27.7381 17.4388 29.4048 17.1055L30.9048 22.1055L8.40479 26.6055L4.90479 11.6055Z' fill='%2302EA8A'/%3E%3Cg clip-path='url(%23clip1_9236_2687)'%3E%3Cpath d='M25.5205 6.9793L24.2671 7.22995L24.0164 5.97649C23.817 4.97917 23.2295 4.10192 22.3833 3.53773C21.5371 2.97354 20.5014 2.76862 19.504 2.96805L6.96938 5.4746C5.97206 5.67403 5.09482 6.26148 4.53062 7.10771C3.96643 7.95394 3.76152 8.98964 3.96095 9.98696L6.9688 25.0286C7.16824 26.0259 7.75569 26.9031 8.60192 27.4673C9.44815 28.0315 10.4838 28.2364 11.4812 28.037L29.0297 24.5278C30.027 24.3284 30.9043 23.7409 31.4685 22.8947C32.0326 22.0485 32.2376 21.0128 32.0381 20.0155L30.0329 9.98773C29.8335 8.99041 29.246 8.11317 28.3998 7.54897C27.5535 6.98478 26.5178 6.77986 25.5205 6.9793ZM7.47069 7.98153L20.0054 5.47498C20.3378 5.40851 20.683 5.47681 20.9651 5.66488C21.2472 5.85294 21.443 6.14536 21.5095 6.4778L21.7601 7.73126L7.972 10.4885C7.63956 10.5549 7.29433 10.4866 7.01225 10.2986C6.73017 10.1105 6.53436 9.81809 6.46788 9.48565C6.4014 9.15321 6.46971 8.80798 6.65777 8.5259C6.84584 8.24383 7.13825 8.04801 7.47069 7.98153ZM28.7792 16.7564L27.5258 17.007C27.1933 17.0735 26.8481 17.0052 26.566 16.8171C26.2839 16.6291 26.0881 16.3367 26.0216 16.0042C25.9552 15.6718 26.0235 15.3265 26.2115 15.0445C26.3996 14.7624 26.692 14.5666 27.0245 14.5001L28.2779 14.2494L28.7792 16.7564ZM27.7766 11.7425L26.5231 11.9932C25.5258 12.1926 24.6486 12.78 24.0844 13.6263C23.5202 14.4725 23.3153 15.5082 23.5147 16.5055C23.7141 17.5028 24.3016 18.3801 25.1478 18.9443C25.9941 19.5085 27.0298 19.7134 28.0271 19.514L29.2805 19.2633L29.5312 20.5168C29.5977 20.8492 29.5294 21.1944 29.3413 21.4765C29.1532 21.7586 28.8608 21.9544 28.5284 22.0209L10.9799 25.5301C10.6474 25.5965 10.3022 25.5282 10.0201 25.3402C9.73803 25.1521 9.54221 24.8597 9.47574 24.5272L7.17723 13.033C7.60826 13.0941 8.04655 13.0814 8.47331 12.9954L26.0218 9.48623C26.3543 9.41975 26.6995 9.48806 26.9816 9.67612C27.2637 9.86419 27.4595 10.1566 27.526 10.489L27.7766 11.7425Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9236_2687'%3E%3Crect width='36' height='30' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_9236_2687'%3E%3Crect width='30.6788' height='30.6788' fill='white' transform='translate(-0.0498047 2.9668) rotate(-11.3082)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
      .bottom-menu .bottom-menu-item > span:before {
        content: "";
        width: 35px;
        height: 35px;
        display: inline-block;
        margin-right: 5px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .bottom-menu .bottom-menu-item > span {
          padding: 0; }
          .bottom-menu .bottom-menu-item > span p {
            display: none; } }
      .bottom-menu .bottom-menu-item > span else {
        padding: 0; }
        .bottom-menu .bottom-menu-item > span else p {
          display: none; }
    .bottom-menu .bottom-menu-item.active > span {
      background: #F1F0FF; }
  .bottom-menu .newCart-indicator .indicart-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background: -webkit-gradient(linear, left top, left bottom, from(#7367FF), to(#4200FF));
    background: linear-gradient(180deg, #7367FF 0%, #4200FF 100%);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(83, 35, 255, 0.62);
            box-shadow: 0px 2px 8px 0px rgba(83, 35, 255, 0.62);
    border-radius: 85px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.339px;
    padding: 13px 22px 13px; }
    .bottom-menu .newCart-indicator .indicart-wrapper:lang(ar) {
      font-family: "bcn_arabic_roundedmedium"; }
    .bottom-menu .newCart-indicator .indicart-wrapper:lang(en) {
      font-family: "Galano Grotesque Medium";
      font-weight: 400; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .bottom-menu .newCart-indicator .indicart-wrapper {
        padding-left: 15px;
        padding-right: 15px; } }
    .bottom-menu .newCart-indicator .indicart-wrapper else {
      padding-left: 15px;
      padding-right: 15px; }
    .bottom-menu .newCart-indicator .indicart-wrapper svg {
      margin-top: -5px;
      margin-right: 5px; }
    .bottom-menu .newCart-indicator .indicart-wrapper span {
      font-size: 14px;
      letter-spacing: -0.233px;
      color: #fff;
      background: #FF24A8;
      border-radius: 19px;
      position: absolute;
      top: 4px;
      padding: 0 7px;
      height: 20px;
      display: none;
      line-height: 13px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      z-index: 1; }
      .bottom-menu .newCart-indicator .indicart-wrapper span:lang(ar) {
        font-family: "bcn_arabic_roundedbold"; }
      .bottom-menu .newCart-indicator .indicart-wrapper span:lang(en) {
        font-family: "Galano Grotesque SemiBold";
        font-weight: 400; }
      .bottom-menu .newCart-indicator .indicart-wrapper span.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .bottom-menu .newCart-indicator .indicart-wrapper span:lang(ar) {
        right: 14px; }
      .bottom-menu .newCart-indicator .indicart-wrapper span:lang(en) {
        right: 14px; }

.wallet-floater-header {
  border-radius: 0px 0px 20px 20px;
  background: linear-gradient(113deg, #00DC72 36.03%, #70FF00 81.68%);
  position: fixed;
  top: 98px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  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;
  height: 49px;
  padding: 0 16px;
  z-index: 1000; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .wallet-floater-header {
      width: 222px; } }
  .wallet-floater-header else {
    width: 222px; }
  .wallet-floater-header p {
    letter-spacing: -0.39px;
    font-size: 18px;
    margin: 0; }
    .wallet-floater-header p:lang(ar) {
      font-family: "bcn_arabic_roundedmedium"; }
    .wallet-floater-header p:lang(en) {
      font-family: "Galano Grotesque Medium";
      font-weight: 400; }
    .wallet-floater-header p b:lang(ar) {
      font-family: "bcn_arabic_roundedbold"; }
    .wallet-floater-header p b:lang(en) {
      font-family: "Galano Grotesque Bold";
      font-weight: 400; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .wallet-floater-header p {
        font-size: 14px;
        text-align: center; } }
    .wallet-floater-header p else {
      font-size: 14px;
      text-align: center; }
  .wallet-floater-header a {
    height: 34px;
    padding: 0 20px;
    letter-spacing: -0.35px;
    font-size: 15px;
    color: #fff;
    background: #000;
    border-radius: 25px;
    margin-left: 8px;
    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; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .wallet-floater-header a {
        display: none; } }
    .wallet-floater-header a else {
      display: none; }

.css-back-to-top {
  -webkit-box-shadow: 5.193px 5.193px 16.877px rgba(0, 0, 0, 0.12);
          box-shadow: 5.193px 5.193px 16.877px rgba(0, 0, 0, 0.12);
  background: #fff;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  bottom: 425px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  letter-spacing: -0.335px;
  color: #A0A0A0;
  padding: 0 16px;
  text-align: center;
  line-height: 15px;
  display: none; }
  .css-back-to-top:lang(ar) {
    left: 0;
    font-size: 12px; }
  .css-back-to-top svg {
    margin-bottom: -4px;
    margin-top: -6px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .css-back-to-top {
      right: 20px;
      bottom: 580px; } }
  .css-back-to-top else {
    right: 20px;
    bottom: 580px; }

.site-primary-navigation {
  display: none; }

.global-btn {
  background-color: #3605FF;
  border-radius: 90px;
  height: 43px;
  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;
  color: #fff;
  letter-spacing: -0.474px;
  font-size: 17px;
  padding: 0 15px 0 18px;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "Kurdis Wide Black"; }
  .global-btn.big-btn {
    height: 66px;
    border-radius: 19px;
    font-size: 17px;
    letter-spacing: -0.474px;
    font-family: "Kurdis Wide Black"; }
  .global-btn.block-btn {
    width: 100%; }
  .global-btn.new-small-btn {
    text-align: center;
    font-size: 15px;
    font-family: "Kurdis Wide Black";
    line-height: 19.888px;
    /* 132.586% */
    letter-spacing: -0.2px;
    height: 39px;
    background: #3605FF; }
  .global-btn.new-big-btn {
    text-align: center;
    font-size: 18px;
    font-family: "Kurdis Wide Black";
    line-height: 34.834px;
    /* 132.586% */
    letter-spacing: -0.2px;
    height: 68px;
    background: #3605FF;
    -webkit-box-shadow: 0px 8.758px 17.515px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 8.758px 17.515px 0px rgba(0, 0, 0, 0.25); }
  .global-btn #addToCartLoader svg {
    width: 87px !important; }
    .global-btn #addToCartLoader svg path {
      stroke: #fff; }
  .global-btn.is-disabled {
    pointer-events: none;
    background: #e3e3e3;
    color: #ffffff;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .global-btn.big {
    height: 60px;
    width: 100%;
    text-align: center;
    font-family: "Kurdis Wide Black";
    /* 132.586% */
    background: #3605FF; }
  .global-btn.gray {
    background-color: #dfdfdf; }
  .global-btn.black {
    background-color: #0E0E0E;
    height: 69px;
    border-radius: 62px;
    color: #fff;
    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;
    font-size: 19px;
    letter-spacing: -0.474px;
    font-family: "Kurdis Wide ExtraBold"; }

.white-button {
  border-radius: 119px;
  background: #FFF;
  height: 66px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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;
  color: #000;
  font-size: 18px;
  line-height: 20.4px;
  /* 113.333% */
  letter-spacing: -0.2px;
  font-family: "Kurdis Test Wide Bold";
  width: 100%;
  margin: 20px auto; }

.mobile-button {
  width: 100%;
  max-width: 100%;
  line-height: 56px;
  margin: 0;
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='421' height='117' viewBox='0 0 421 117' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_9_868)'%3E%3Cpath d='M407 92.9999L14 93L14 29.7496C14 19.1614 22.2893 10.4015 32.861 9.81056C186.989 1.19464 266.242 2.98117 388.119 9.81677C398.699 10.4101 407 19.1727 407 29.7687L407 92.9999Z' fill='%23474BF2'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_9_868' x='0' y='0' width='421' height='117' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='10'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_9_868'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_9_868' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: 108%;
  height: 93px;
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
  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;
  font-family: "Kurdis Wide Black"; }
  .mobile-button b {
    line-height: 56px;
    font-family: "Kurdis Wide Black"; }
  .mobile-button.submit-payment {
    font-family: "Kurdis Wide Black"; }
  .mobile-button.is-disabled {
    opacity: 0.6; }
  .mobile-button.careempay {
    padding: 0 15px;
    background: #001942; }
  .mobile-button.continue-to-cart {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='393' height='93' viewBox='0 0 393 93' fill='none'%3E%3Cg filter='url(%23filter0_d_968_2554)'%3E%3Cpath d='M393 93.0464L0 93.0464L-5.52953e-06 29.796C-6.45518e-06 19.2077 8.28927 10.4479 18.861 9.85695C172.989 1.24102 252.242 3.02755 374.119 9.86315C384.699 10.4565 393 19.2191 393 29.8151L393 93.0464Z' fill='%232D2F82'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_968_2554' x='-14' y='0.0463867' width='421' height='117' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='10'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_968_2554'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_968_2554' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); }
  .mobile-button.applePay {
    background-color: #000;
    background: black; }
    .mobile-button.applePay .dw-apple-pay-button {
      background-size: 100%; }

.login-register-btn {
  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;
  background: #FFF;
  -webkit-box-shadow: 0px 4.192px 18.864px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4.192px 18.864px 0px rgba(0, 0, 0, 0.15);
  font-size: 16px;
  height: 56px;
  margin: 0 0 18px;
  width: 100%;
  color: #000;
  border-radius: 14px; }
  .login-register-btn:lang(ar) {
    font-family: "bcn_arabic_roundedmedium"; }
  .login-register-btn:lang(en) {
    font-family: "Galano Grotesque Medium";
    font-weight: 400; }
  .login-register-btn .text {
    width: 185px; }
  .login-register-btn .img-icon {
    margin-right: 10px;
    width: 32px;
    text-align: center; }
    .login-register-btn .img-icon img {
      display: inline-block; }
  .login-register-btn.black {
    color: #fff;
    background: #000; }

#home-show-more {
  width: 182px;
  height: 42px;
  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;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  font-size: 13px;
  letter-spacing: -0.52px;
  margin: 0 auto 27px;
  border: 0;
  outline: 0;
  color: #000; }
  #home-show-more:lang(ar) {
    font-family: "bcn_arabic_roundedbold"; }
  #home-show-more:lang(en) {
    font-family: "Galano Grotesque SemiBold";
    font-weight: 400; }
  #home-show-more #winner-campaign-count {
    margin-left: 3px; }
  #home-show-more b {
    margin-right: 3px; }

.toast-title {
  font-weight: bold; }

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-size: 17px;
  letter-spacing: -0.3px; }
  .toast-message:lang(ar) {
    direction: rtl; }
  .toast-message:lang(en) {
    direction: ltr; }

.toast-message a:hover {
  color: #4F4F4F;
  text-decoration: none; }

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40); }

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  width: 100%;
  top: 0;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  right: 0; }
  #toast-container .toast:nth-of-type(n + 3) {
    display: none; }
  #toast-container.attach-top {
    top: 0; }

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  padding-left: 37px; }

#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 10px 20px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: noen;
  box-shadow: none;
  font-size: 13px;
  opacity: 1;
  filter: alpha(opacity=100);
  border-bottom: 6px solid #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  #toast-container > div:last-child {
    border-bottom: 0; }

#toast-container > :hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: pointer; }

#toast-container > div > div::before {
  font-family: "Idealz" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  position: absolute;
  margin-right: 17.2px;
  top: 4px;
  left: 0; }

#toast-container > div > div::after {
  content: "";
  width: 1px;
  height: calc(100% - 34px);
  top: 17px;
  position: absolute;
  display: none;
  left: 70px; }

#toast-container .toast-error > div::after {
  background: #FF0055; }

#toast-container .toast-warning > div::before {
  content: "-";
  font-size: 29px;
  top: -2px;
  left: -5px; }

#toast-container .toast-warning > div::after {
  background: #f6c161; }

#toast-container .toast-success > div::before {
  content: " ";
  background: url(../images/icons/path@2x.png) no-repeat left top;
  background-size: 100%;
  width: 23px;
  font-size: 20px;
  display: inline-block;
  height: 16.9px;
  top: 2px;
  left: 0; }

#toast-container .toast-success > div::after {
  background: #38B826; }

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto; }

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto; }

.toast {
  background-color: #000; }

.toast-success {
  background-color: #38B826;
  color: #ffffff; }

.toast-error {
  background-color: #FF0055;
  color: #ffffff; }

.toast-info {
  background-color: #f6c161; }

.toast-warning {
  background-color: #f6c161;
  color: #ffffff; }

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000;
  opacity: 0.4;
  filter: alpha(opacity=40); }

.new-register-popout {
  background: transparent;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 11113;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: none;
  z-index: 10000; }
  .new-register-popout .new-register-popout-wrapper {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: none;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    position: relative;
    background: #F6F6F6;
    border-top-left-radius: 52px;
    border-top-right-radius: 52px;
    padding: 40px 24px 40px 26px; }
  .new-register-popout.show {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .new-register-popout.show .new-register-popout-wrapper {
      display: block; }
  .new-register-popout .input-field {
    margin-bottom: 16px; }

.account-tabs {
  background-color: #FFFFFF;
  border-radius: 15px;
  overflow: hidden;
  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;
  margin: 0 0 24px; }
  .account-tabs li {
    width: 50%; }
  .account-tabs a {
    font-size: 16px;
    letter-spacing: -0.297px;
    height: 56px;
    width: 100%;
    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;
    border-radius: 15px;
    color: #000;
    overflow: hidden; }
    .account-tabs a.active {
      background-color: #FFE600; }
      .account-tabs a.active:lang(ar) {
        font-family: "bcn_arabic_roundedbold"; }
      .account-tabs a.active:lang(en) {
        font-family: "Galano Grotesque Bold";
        font-weight: 400; }

.account-button-tab {
  display: none; }
  .account-button-tab .tab-cta-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .account-button-tab .tab-cta-area a {
      width: 48%; }
  .account-button-tab.active {
    display: block; }

/* Text Inputs + Textarea
   ========================================================================== */
/* Style Placeholders */
::-webkit-input-placeholder {
  color: #cccccc; }
::-moz-placeholder {
  color: #cccccc; }
:-ms-input-placeholder {
  color: #cccccc; }
::-ms-input-placeholder {
  color: #cccccc; }
::placeholder {
  color: #cccccc; }

.form-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .form-column .input-field {
    width: 48%; }

/* Text inputs */
.input-field input:not([type]),
.input-field input[type="text"]:not(.browser-default),
.input-field input[type="password"]:not(.browser-default),
.input-field input[type="email"]:not(.browser-default),
.input-field input[type="url"]:not(.browser-default),
.input-field input[type="time"]:not(.browser-default),
.input-field input[type="date"]:not(.browser-default),
.input-field input[type="datetime"]:not(.browser-default),
.input-field input[type="datetime-local"]:not(.browser-default),
.input-field input[type="tel"]:not(.browser-default),
.input-field input[type="number"]:not(.browser-default),
.input-field input[type="search"]:not(.browser-default),
.input-field textarea.materialize-textarea,
.input-field .mobileNmuber {
  background-color: #ffffff;
  outline: none;
  border-radius: 16px;
  height: 65px;
  line-height: 19px;
  font-size: 16px;
  border: 1px solid rgba(171, 171, 171, 0.35);
  width: 100%;
  margin: 0;
  padding: 10px 0 0 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-transition: border ease 0.2s;
  transition: border ease 0.2s; }
  .input-field input:not([type]):lang(ar),
  .input-field input[type="text"]:not(.browser-default):lang(ar),
  .input-field input[type="password"]:not(.browser-default):lang(ar),
  .input-field input[type="email"]:not(.browser-default):lang(ar),
  .input-field input[type="url"]:not(.browser-default):lang(ar),
  .input-field input[type="time"]:not(.browser-default):lang(ar),
  .input-field input[type="date"]:not(.browser-default):lang(ar),
  .input-field input[type="datetime"]:not(.browser-default):lang(ar),
  .input-field input[type="datetime-local"]:not(.browser-default):lang(ar),
  .input-field input[type="tel"]:not(.browser-default):lang(ar),
  .input-field input[type="number"]:not(.browser-default):lang(ar),
  .input-field input[type="search"]:not(.browser-default):lang(ar),
  .input-field textarea.materialize-textarea:lang(ar),
  .input-field .mobileNmuber:lang(ar) {
    font-family: "bcn_arabic_roundedbold"; }
  .input-field input:not([type]):lang(en),
  .input-field input[type="text"]:not(.browser-default):lang(en),
  .input-field input[type="password"]:not(.browser-default):lang(en),
  .input-field input[type="email"]:not(.browser-default):lang(en),
  .input-field input[type="url"]:not(.browser-default):lang(en),
  .input-field input[type="time"]:not(.browser-default):lang(en),
  .input-field input[type="date"]:not(.browser-default):lang(en),
  .input-field input[type="datetime"]:not(.browser-default):lang(en),
  .input-field input[type="datetime-local"]:not(.browser-default):lang(en),
  .input-field input[type="tel"]:not(.browser-default):lang(en),
  .input-field input[type="number"]:not(.browser-default):lang(en),
  .input-field input[type="search"]:not(.browser-default):lang(en),
  .input-field textarea.materialize-textarea:lang(en),
  .input-field .mobileNmuber:lang(en) {
    font-family: "Galano Grotesque SemiBold";
    font-weight: 400; }
  .input-field input:not([type]):lang(ar),
  .input-field input[type="text"]:not(.browser-default):lang(ar),
  .input-field input[type="password"]:not(.browser-default):lang(ar),
  .input-field input[type="email"]:not(.browser-default):lang(ar),
  .input-field input[type="url"]:not(.browser-default):lang(ar),
  .input-field input[type="time"]:not(.browser-default):lang(ar),
  .input-field input[type="date"]:not(.browser-default):lang(ar),
  .input-field input[type="datetime"]:not(.browser-default):lang(ar),
  .input-field input[type="datetime-local"]:not(.browser-default):lang(ar),
  .input-field input[type="tel"]:not(.browser-default):lang(ar),
  .input-field input[type="number"]:not(.browser-default):lang(ar),
  .input-field input[type="search"]:not(.browser-default):lang(ar),
  .input-field textarea.materialize-textarea:lang(ar),
  .input-field .mobileNmuber:lang(ar) {
    text-align: left; }
  .input-field input:not([type]):disabled, .input-field input:not([type])[readonly="readonly"],
  .input-field input[type="text"]:not(.browser-default):disabled,
  .input-field input[type="text"]:not(.browser-default)[readonly="readonly"],
  .input-field input[type="password"]:not(.browser-default):disabled,
  .input-field input[type="password"]:not(.browser-default)[readonly="readonly"],
  .input-field input[type="email"]:not(.browser-default):disabled,
  .input-field input[type="email"]:not(.browser-default)[readonly="readonly"],
  .input-field input[type="url"]:not(.browser-default):disabled,
  .input-field input[type="url"]:not(.browser-default)[readonly="readonly"],
  .input-field input[type="time"]:not(.browser-default):disabled,
  .input-field input[type="time"]:not(.browser-default)[readonly="readonly"],
  .input-field input[type="date"]:not(.browser-default):disabled,
  .input-field input[type="date"]:not(.browser-default)[readonly="readonly"],
  .input-field input[type="datetime"]:not(.browser-default):disabled,
  .input-field input[type="datetime"]:not(.browser-default)[readonly="readonly"],
  .input-field input[type="datetime-local"]:not(.browser-default):disabled,
  .input-field input[type="datetime-local"]:not(.browser-default)[readonly="readonly"],
  .input-field input[type="tel"]:not(.browser-default):disabled,
  .input-field input[type="tel"]:not(.browser-default)[readonly="readonly"],
  .input-field input[type="number"]:not(.browser-default):disabled,
  .input-field input[type="number"]:not(.browser-default)[readonly="readonly"],
  .input-field input[type="search"]:not(.browser-default):disabled,
  .input-field input[type="search"]:not(.browser-default)[readonly="readonly"],
  .input-field textarea.materialize-textarea:disabled,
  .input-field textarea.materialize-textarea[readonly="readonly"],
  .input-field .mobileNmuber:disabled,
  .input-field .mobileNmuber[readonly="readonly"] {
    color: #ccc;
    border-bottom: 1px solid #e2e2e2;
    opacity: 1; }
  .input-field input:not([type]):disabled + label,
  .input-field input:not([type])[readonly="readonly"] + label,
  .input-field input[type="text"]:not(.browser-default):disabled + label,
  .input-field input[type="text"]:not(.browser-default)[readonly="readonly"] + label,
  .input-field input[type="password"]:not(.browser-default):disabled + label,
  .input-field input[type="password"]:not(.browser-default)[readonly="readonly"] + label,
  .input-field input[type="email"]:not(.browser-default):disabled + label,
  .input-field input[type="email"]:not(.browser-default)[readonly="readonly"] + label,
  .input-field input[type="url"]:not(.browser-default):disabled + label,
  .input-field input[type="url"]:not(.browser-default)[readonly="readonly"] + label,
  .input-field input[type="time"]:not(.browser-default):disabled + label,
  .input-field input[type="time"]:not(.browser-default)[readonly="readonly"] + label,
  .input-field input[type="date"]:not(.browser-default):disabled + label,
  .input-field input[type="date"]:not(.browser-default)[readonly="readonly"] + label,
  .input-field input[type="datetime"]:not(.browser-default):disabled + label,
  .input-field input[type="datetime"]:not(.browser-default)[readonly="readonly"] + label,
  .input-field input[type="datetime-local"]:not(.browser-default):disabled + label,
  .input-field input[type="datetime-local"]:not(.browser-default)[readonly="readonly"] + label,
  .input-field input[type="tel"]:not(.browser-default):disabled + label,
  .input-field input[type="tel"]:not(.browser-default)[readonly="readonly"] + label,
  .input-field input[type="number"]:not(.browser-default):disabled + label,
  .input-field input[type="number"]:not(.browser-default)[readonly="readonly"] + label,
  .input-field input[type="search"]:not(.browser-default):disabled + label,
  .input-field input[type="search"]:not(.browser-default)[readonly="readonly"] + label,
  .input-field textarea.materialize-textarea:disabled + label,
  .input-field textarea.materialize-textarea[readonly="readonly"] + label,
  .input-field .mobileNmuber:disabled + label,
  .input-field .mobileNmuber[readonly="readonly"] + label {
    color: #ccc; }
  .input-field input:not([type]):focus:not([readonly]),
  .input-field input[type="text"]:not(.browser-default):focus:not([readonly]),
  .input-field input[type="password"]:not(.browser-default):focus:not([readonly]),
  .input-field input[type="email"]:not(.browser-default):focus:not([readonly]),
  .input-field input[type="url"]:not(.browser-default):focus:not([readonly]),
  .input-field input[type="time"]:not(.browser-default):focus:not([readonly]),
  .input-field input[type="date"]:not(.browser-default):focus:not([readonly]),
  .input-field input[type="datetime"]:not(.browser-default):focus:not([readonly]),
  .input-field input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
  .input-field input[type="tel"]:not(.browser-default):focus:not([readonly]),
  .input-field input[type="number"]:not(.browser-default):focus:not([readonly]),
  .input-field input[type="search"]:not(.browser-default):focus:not([readonly]),
  .input-field textarea.materialize-textarea:focus:not([readonly]),
  .input-field .mobileNmuber:focus:not([readonly]) {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #ffffff;
    border: 3px solid #4200ff; }
  .input-field input:not([type]):focus:not([readonly]) + label,
  .input-field input[type="text"]:not(.browser-default):focus:not([readonly]) + label,
  .input-field input[type="password"]:not(.browser-default):focus:not([readonly]) + label,
  .input-field input[type="email"]:not(.browser-default):focus:not([readonly]) + label,
  .input-field input[type="url"]:not(.browser-default):focus:not([readonly]) + label,
  .input-field input[type="time"]:not(.browser-default):focus:not([readonly]) + label,
  .input-field input[type="date"]:not(.browser-default):focus:not([readonly]) + label,
  .input-field input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label,
  .input-field input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label,
  .input-field input[type="tel"]:not(.browser-default):focus:not([readonly]) + label,
  .input-field input[type="number"]:not(.browser-default):focus:not([readonly]) + label,
  .input-field input[type="search"]:not(.browser-default):focus:not([readonly]) + label,
  .input-field textarea.materialize-textarea:focus:not([readonly]) + label,
  .input-field .mobileNmuber:focus:not([readonly]) + label {
    color: #000; }
  .input-field input:not([type]):focus.valid ~ label,
  .input-field input[type="text"]:not(.browser-default):focus.valid ~ label,
  .input-field input[type="password"]:not(.browser-default):focus.valid ~ label,
  .input-field input[type="email"]:not(.browser-default):focus.valid ~ label,
  .input-field input[type="url"]:not(.browser-default):focus.valid ~ label,
  .input-field input[type="time"]:not(.browser-default):focus.valid ~ label,
  .input-field input[type="date"]:not(.browser-default):focus.valid ~ label,
  .input-field input[type="datetime"]:not(.browser-default):focus.valid ~ label,
  .input-field input[type="datetime-local"]:not(.browser-default):focus.valid ~ label,
  .input-field input[type="tel"]:not(.browser-default):focus.valid ~ label,
  .input-field input[type="number"]:not(.browser-default):focus.valid ~ label,
  .input-field input[type="search"]:not(.browser-default):focus.valid ~ label,
  .input-field textarea.materialize-textarea:focus.valid ~ label,
  .input-field .mobileNmuber:focus.valid ~ label {
    color: #000; }
  .input-field input:not([type]).invalid + label, .input-field input:not([type]):focus.invalid + label,
  .input-field input[type="text"]:not(.browser-default).invalid + label,
  .input-field input[type="text"]:not(.browser-default):focus.invalid + label,
  .input-field input[type="password"]:not(.browser-default).invalid + label,
  .input-field input[type="password"]:not(.browser-default):focus.invalid + label,
  .input-field input[type="email"]:not(.browser-default).invalid + label,
  .input-field input[type="email"]:not(.browser-default):focus.invalid + label,
  .input-field input[type="url"]:not(.browser-default).invalid + label,
  .input-field input[type="url"]:not(.browser-default):focus.invalid + label,
  .input-field input[type="time"]:not(.browser-default).invalid + label,
  .input-field input[type="time"]:not(.browser-default):focus.invalid + label,
  .input-field input[type="date"]:not(.browser-default).invalid + label,
  .input-field input[type="date"]:not(.browser-default):focus.invalid + label,
  .input-field input[type="datetime"]:not(.browser-default).invalid + label,
  .input-field input[type="datetime"]:not(.browser-default):focus.invalid + label,
  .input-field input[type="datetime-local"]:not(.browser-default).invalid + label,
  .input-field input[type="datetime-local"]:not(.browser-default):focus.invalid + label,
  .input-field input[type="tel"]:not(.browser-default).invalid + label,
  .input-field input[type="tel"]:not(.browser-default):focus.invalid + label,
  .input-field input[type="number"]:not(.browser-default).invalid + label,
  .input-field input[type="number"]:not(.browser-default):focus.invalid + label,
  .input-field input[type="search"]:not(.browser-default).invalid + label,
  .input-field input[type="search"]:not(.browser-default):focus.invalid + label,
  .input-field textarea.materialize-textarea.invalid + label,
  .input-field textarea.materialize-textarea:focus.invalid + label,
  .input-field .mobileNmuber.invalid + label,
  .input-field .mobileNmuber:focus.invalid + label {
    color: #FF0055 !important; }
  .input-field input:not([type]).invalid#loginPassword, .input-field input:not([type]):focus.invalid#loginPassword,
  .input-field input[type="text"]:not(.browser-default).invalid#loginPassword,
  .input-field input[type="text"]:not(.browser-default):focus.invalid#loginPassword,
  .input-field input[type="password"]:not(.browser-default).invalid#loginPassword,
  .input-field input[type="password"]:not(.browser-default):focus.invalid#loginPassword,
  .input-field input[type="email"]:not(.browser-default).invalid#loginPassword,
  .input-field input[type="email"]:not(.browser-default):focus.invalid#loginPassword,
  .input-field input[type="url"]:not(.browser-default).invalid#loginPassword,
  .input-field input[type="url"]:not(.browser-default):focus.invalid#loginPassword,
  .input-field input[type="time"]:not(.browser-default).invalid#loginPassword,
  .input-field input[type="time"]:not(.browser-default):focus.invalid#loginPassword,
  .input-field input[type="date"]:not(.browser-default).invalid#loginPassword,
  .input-field input[type="date"]:not(.browser-default):focus.invalid#loginPassword,
  .input-field input[type="datetime"]:not(.browser-default).invalid#loginPassword,
  .input-field input[type="datetime"]:not(.browser-default):focus.invalid#loginPassword,
  .input-field input[type="datetime-local"]:not(.browser-default).invalid#loginPassword,
  .input-field input[type="datetime-local"]:not(.browser-default):focus.invalid#loginPassword,
  .input-field input[type="tel"]:not(.browser-default).invalid#loginPassword,
  .input-field input[type="tel"]:not(.browser-default):focus.invalid#loginPassword,
  .input-field input[type="number"]:not(.browser-default).invalid#loginPassword,
  .input-field input[type="number"]:not(.browser-default):focus.invalid#loginPassword,
  .input-field input[type="search"]:not(.browser-default).invalid#loginPassword,
  .input-field input[type="search"]:not(.browser-default):focus.invalid#loginPassword,
  .input-field textarea.materialize-textarea.invalid#loginPassword,
  .input-field textarea.materialize-textarea:focus.invalid#loginPassword,
  .input-field .mobileNmuber.invalid#loginPassword,
  .input-field .mobileNmuber:focus.invalid#loginPassword {
    border: 1px solid #eaeaea; }
    .input-field input:not([type]).invalid#loginPassword + label, .input-field input:not([type]):focus.invalid#loginPassword + label,
    .input-field input[type="text"]:not(.browser-default).invalid#loginPassword + label,
    .input-field input[type="text"]:not(.browser-default):focus.invalid#loginPassword + label,
    .input-field input[type="password"]:not(.browser-default).invalid#loginPassword + label,
    .input-field input[type="password"]:not(.browser-default):focus.invalid#loginPassword + label,
    .input-field input[type="email"]:not(.browser-default).invalid#loginPassword + label,
    .input-field input[type="email"]:not(.browser-default):focus.invalid#loginPassword + label,
    .input-field input[type="url"]:not(.browser-default).invalid#loginPassword + label,
    .input-field input[type="url"]:not(.browser-default):focus.invalid#loginPassword + label,
    .input-field input[type="time"]:not(.browser-default).invalid#loginPassword + label,
    .input-field input[type="time"]:not(.browser-default):focus.invalid#loginPassword + label,
    .input-field input[type="date"]:not(.browser-default).invalid#loginPassword + label,
    .input-field input[type="date"]:not(.browser-default):focus.invalid#loginPassword + label,
    .input-field input[type="datetime"]:not(.browser-default).invalid#loginPassword + label,
    .input-field input[type="datetime"]:not(.browser-default):focus.invalid#loginPassword + label,
    .input-field input[type="datetime-local"]:not(.browser-default).invalid#loginPassword + label,
    .input-field input[type="datetime-local"]:not(.browser-default):focus.invalid#loginPassword + label,
    .input-field input[type="tel"]:not(.browser-default).invalid#loginPassword + label,
    .input-field input[type="tel"]:not(.browser-default):focus.invalid#loginPassword + label,
    .input-field input[type="number"]:not(.browser-default).invalid#loginPassword + label,
    .input-field input[type="number"]:not(.browser-default):focus.invalid#loginPassword + label,
    .input-field input[type="search"]:not(.browser-default).invalid#loginPassword + label,
    .input-field input[type="search"]:not(.browser-default):focus.invalid#loginPassword + label,
    .input-field textarea.materialize-textarea.invalid#loginPassword + label,
    .input-field textarea.materialize-textarea:focus.invalid#loginPassword + label,
    .input-field .mobileNmuber.invalid#loginPassword + label,
    .input-field .mobileNmuber:focus.invalid#loginPassword + label {
      color: inherit !important; }
  .input-field input:not([type]):focus.invalid ~ label,
  .input-field input[type="text"]:not(.browser-default):focus.invalid ~ label,
  .input-field input[type="password"]:not(.browser-default):focus.invalid ~ label,
  .input-field input[type="email"]:not(.browser-default):focus.invalid ~ label,
  .input-field input[type="url"]:not(.browser-default):focus.invalid ~ label,
  .input-field input[type="time"]:not(.browser-default):focus.invalid ~ label,
  .input-field input[type="date"]:not(.browser-default):focus.invalid ~ label,
  .input-field input[type="datetime"]:not(.browser-default):focus.invalid ~ label,
  .input-field input[type="datetime-local"]:not(.browser-default):focus.invalid ~ label,
  .input-field input[type="tel"]:not(.browser-default):focus.invalid ~ label,
  .input-field input[type="number"]:not(.browser-default):focus.invalid ~ label,
  .input-field input[type="search"]:not(.browser-default):focus.invalid ~ label,
  .input-field textarea.materialize-textarea:focus.invalid ~ label,
  .input-field .mobileNmuber:focus.invalid ~ label {
    color: #000; }
  .input-field input:not([type]).validate + label,
  .input-field input[type="text"]:not(.browser-default).validate + label,
  .input-field input[type="password"]:not(.browser-default).validate + label,
  .input-field input[type="email"]:not(.browser-default).validate + label,
  .input-field input[type="url"]:not(.browser-default).validate + label,
  .input-field input[type="time"]:not(.browser-default).validate + label,
  .input-field input[type="date"]:not(.browser-default).validate + label,
  .input-field input[type="datetime"]:not(.browser-default).validate + label,
  .input-field input[type="datetime-local"]:not(.browser-default).validate + label,
  .input-field input[type="tel"]:not(.browser-default).validate + label,
  .input-field input[type="number"]:not(.browser-default).validate + label,
  .input-field input[type="search"]:not(.browser-default).validate + label,
  .input-field textarea.materialize-textarea.validate + label,
  .input-field .mobileNmuber.validate + label {
    width: 100%; }
  .input-field input:not([type]):focus ~ .reveal-password,
  .input-field input[type="text"]:not(.browser-default):focus ~ .reveal-password,
  .input-field input[type="password"]:not(.browser-default):focus ~ .reveal-password,
  .input-field input[type="email"]:not(.browser-default):focus ~ .reveal-password,
  .input-field input[type="url"]:not(.browser-default):focus ~ .reveal-password,
  .input-field input[type="time"]:not(.browser-default):focus ~ .reveal-password,
  .input-field input[type="date"]:not(.browser-default):focus ~ .reveal-password,
  .input-field input[type="datetime"]:not(.browser-default):focus ~ .reveal-password,
  .input-field input[type="datetime-local"]:not(.browser-default):focus ~ .reveal-password,
  .input-field input[type="tel"]:not(.browser-default):focus ~ .reveal-password,
  .input-field input[type="number"]:not(.browser-default):focus ~ .reveal-password,
  .input-field input[type="search"]:not(.browser-default):focus ~ .reveal-password,
  .input-field textarea.materialize-textarea:focus ~ .reveal-password,
  .input-field .mobileNmuber:focus ~ .reveal-password {
    display: block;
    background: url(../../images/viewpassword@2x.png) no-repeat left top;
    background-size: 100%;
    opacity: 1; }
    .input-field input:not([type]):focus ~ .reveal-password.active,
    .input-field input[type="text"]:not(.browser-default):focus ~ .reveal-password.active,
    .input-field input[type="password"]:not(.browser-default):focus ~ .reveal-password.active,
    .input-field input[type="email"]:not(.browser-default):focus ~ .reveal-password.active,
    .input-field input[type="url"]:not(.browser-default):focus ~ .reveal-password.active,
    .input-field input[type="time"]:not(.browser-default):focus ~ .reveal-password.active,
    .input-field input[type="date"]:not(.browser-default):focus ~ .reveal-password.active,
    .input-field input[type="datetime"]:not(.browser-default):focus ~ .reveal-password.active,
    .input-field input[type="datetime-local"]:not(.browser-default):focus ~ .reveal-password.active,
    .input-field input[type="tel"]:not(.browser-default):focus ~ .reveal-password.active,
    .input-field input[type="number"]:not(.browser-default):focus ~ .reveal-password.active,
    .input-field input[type="search"]:not(.browser-default):focus ~ .reveal-password.active,
    .input-field textarea.materialize-textarea:focus ~ .reveal-password.active,
    .input-field .mobileNmuber:focus ~ .reveal-password.active {
      background: url(../../images/closed-eye2.png) no-repeat left top;
      background-size: 100%;
      top: 18px;
      height: 22px; }
  .input-field input:not([type]) input[type="date"]:not(.browser-default):lang(ar),
  .input-field input[type="text"]:not(.browser-default) input[type="date"]:not(.browser-default):lang(ar),
  .input-field input[type="password"]:not(.browser-default) input[type="date"]:not(.browser-default):lang(ar),
  .input-field input[type="email"]:not(.browser-default) input[type="date"]:not(.browser-default):lang(ar),
  .input-field input[type="url"]:not(.browser-default) input[type="date"]:not(.browser-default):lang(ar),
  .input-field input[type="time"]:not(.browser-default) input[type="date"]:not(.browser-default):lang(ar),
  .input-field input[type="date"]:not(.browser-default) input[type="date"]:not(.browser-default):lang(ar),
  .input-field input[type="datetime"]:not(.browser-default) input[type="date"]:not(.browser-default):lang(ar),
  .input-field input[type="datetime-local"]:not(.browser-default) input[type="date"]:not(.browser-default):lang(ar),
  .input-field input[type="tel"]:not(.browser-default) input[type="date"]:not(.browser-default):lang(ar),
  .input-field input[type="number"]:not(.browser-default) input[type="date"]:not(.browser-default):lang(ar),
  .input-field input[type="search"]:not(.browser-default) input[type="date"]:not(.browser-default):lang(ar),
  .input-field textarea.materialize-textarea input[type="date"]:not(.browser-default):lang(ar),
  .input-field .mobileNmuber input[type="date"]:not(.browser-default):lang(ar) {
    direction: rtl; }

.input-field input[type="date"]:not(.browser-default)::-webkit-inner-spin-button,
.input-field input[type="date"]:not(.browser-default)::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none; }

.input-field input[type="number"]::-webkit-inner-spin-button,
.input-field input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.input-field input[type="number"] {
  -moz-appearance: textfield; }

.input-field textarea.materialize-textarea {
  padding-top: 25px; }
  .input-field textarea.materialize-textarea.other {
    padding-top: 12px;
    height: 87px; }

.input-field.fixedActive label {
  -webkit-transform: translateY(10px) scale(1);
          transform: translateY(10px) scale(1);
  font-size: 12px;
  letter-spacing: 0px;
  margin-left: 1px;
  top: 5px; }

.input-field.card-type-wrapper .card-type-image {
  width: 52px;
  height: 36px;
  background: url(../../images/empty-3.png) left top no-repeat;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  right: 11px;
  top: 16px; }

.input-field.card-type-wrapper[data-type="mastercard"] {
  background-image: none; }
  .input-field.card-type-wrapper[data-type="mastercard"] .card-type-image {
    background: url(../../images/masternew@3x.png) no-repeat left top;
    background-size: 100%;
    height: 36px; }

.input-field.card-type-wrapper[data-type="visa"] {
  background-image: none; }
  .input-field.card-type-wrapper[data-type="visa"] .card-type-image {
    background: url(../../images/visanew@3x.png) no-repeat left top;
    background-size: 100%;
    height: 36px; }

.input-field.card-type-wrapper[data-type="amex"] {
  background-image: none; }
  .input-field.card-type-wrapper[data-type="amex"] .card-type-image {
    background: url(../../images/amexnew@3x.png) no-repeat left top;
    background-size: 100%;
    height: 36px; }

.input-field.card-type-wrapper[data-type="diners"] {
  background-image: none; }
  .input-field.card-type-wrapper[data-type="diners"] .card-type-image {
    background: url(../../images/dc@3x.png) no-repeat left top;
    background-size: 100%;
    height: 31px; }

.input-field.card-type-wrapper[data-type="jcb"] {
  background-image: none; }
  .input-field.card-type-wrapper[data-type="jcb"] .card-type-image {
    background: url(../../images/jcb@3x.png) no-repeat left top;
    background-size: 100%;
    height: 31px; }

.input-field.card-type-wrapper[data-type="discover"] {
  background-image: none; }
  .input-field.card-type-wrapper[data-type="discover"] .card-type-image {
    background: url(../../images/discover@3x.png) no-repeat left top;
    background-size: 100%;
    height: 31px; }

.input-field.custom-amount-field {
  margin-top: 0; }
  .input-field.custom-amount-field input:not([type]),
  .input-field.custom-amount-field input[type="text"]:not(.browser-default),
  .input-field.custom-amount-field input[type="password"]:not(.browser-default),
  .input-field.custom-amount-field input[type="email"]:not(.browser-default),
  .input-field.custom-amount-field input[type="url"]:not(.browser-default),
  .input-field.custom-amount-field input[type="time"]:not(.browser-default),
  .input-field.custom-amount-field input[type="date"]:not(.browser-default),
  .input-field.custom-amount-field input[type="datetime"]:not(.browser-default),
  .input-field.custom-amount-field input[type="datetime-local"]:not(.browser-default),
  .input-field.custom-amount-field input[type="tel"]:not(.browser-default),
  .input-field.custom-amount-field input[type="number"]:not(.browser-default),
  .input-field.custom-amount-field input[type="search"]:not(.browser-default),
  .input-field.custom-amount-field textarea.materialize-textarea,
  .input-field.custom-amount-field .mobileNmuber {
    padding-top: 0;
    text-align: center;
    background: transparent;
    height: 53px;
    border-radius: 12px; }
    .input-field.custom-amount-field input:not([type])::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="text"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="password"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="email"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="url"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="time"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="date"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="datetime"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="datetime-local"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="tel"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="number"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="search"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field textarea.materialize-textarea::-webkit-input-placeholder,
    .input-field.custom-amount-field .mobileNmuber::-webkit-input-placeholder {
      color: #000; }
    .input-field.custom-amount-field input:not([type])::-moz-placeholder,
    .input-field.custom-amount-field input[type="text"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="password"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="email"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="url"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="time"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="date"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="datetime"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="datetime-local"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="tel"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="number"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="search"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field textarea.materialize-textarea::-moz-placeholder,
    .input-field.custom-amount-field .mobileNmuber::-moz-placeholder {
      color: #000; }
    .input-field.custom-amount-field input:not([type]):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="text"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="password"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="email"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="url"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="time"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="date"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="datetime"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="datetime-local"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="tel"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="number"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="search"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field textarea.materialize-textarea:-ms-input-placeholder,
    .input-field.custom-amount-field .mobileNmuber:-ms-input-placeholder {
      color: #000; }
    .input-field.custom-amount-field input:not([type])::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="text"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="password"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="email"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="url"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="time"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="date"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="datetime"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="datetime-local"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="tel"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="number"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="search"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field textarea.materialize-textarea::-ms-input-placeholder,
    .input-field.custom-amount-field .mobileNmuber::-ms-input-placeholder {
      color: #000; }
    .input-field.custom-amount-field input:not([type])::placeholder,
    .input-field.custom-amount-field input[type="text"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="password"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="email"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="url"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="time"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="date"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="datetime"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="datetime-local"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="tel"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="number"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="search"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field textarea.materialize-textarea::placeholder,
    .input-field.custom-amount-field .mobileNmuber::placeholder {
      color: #000; }

.input-field.otp-mobile-inputs {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left; }
  .input-field.otp-mobile-inputs input[type="tel"]:not(.browser-default).singleOtp {
    width: 96px;
    height: 96px;
    border-radius: 15px;
    border: 1px solid rgba(171, 171, 171, 0.4);
    margin-right: 9px;
    background: #ffffff;
    padding: 0 10px;
    text-align: center;
    font-size: 24px; }
  .input-field.otp-mobile-inputs:lang(ar) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right; }
    .input-field.otp-mobile-inputs:lang(ar) .singleOtp {
      text-align: center; }

.input-field .reveal-password {
  width: 26px;
  height: 18px;
  position: absolute;
  right: 15px;
  top: 23px;
  opacity: 0; }

.input-field .mobileNmuber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0; }
  .input-field .mobileNmuber.code .custom-select::after {
    top: 28px; }
  .input-field .mobileNmuber .custom-select {
    border: 0;
    background: transparent;
    border-radius: 0;
    width: 110px;
    border-right: 1px solid #e7e7e7; }
    .input-field .mobileNmuber .custom-select:lang(ar) {
      border-left: 1px solid #e7e7e7;
      border-right: 0; }
  .input-field .mobileNmuber input[type="text"]:not(.browser-default),
  .input-field .mobileNmuber input[type="number"]:not(.browser-default) {
    border: 0;
    background: transparent;
    border-radius: 0; }
  .input-field .mobileNmuber .numberField {
    width: calc(100% - 110px);
    position: relative; }

.input-field .custom-select-search {
  background-color: #ffffff;
  border-radius: 16px;
  outline: none;
  height: 65px;
  width: 100%;
  font-size: 16px;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: -0.38px;
  -webkit-appearance: none;
  -webkit-transition: border ease 0.2s;
  transition: border ease 0.2s;
  border: 1px solid rgba(171, 171, 171, 0.35); }
  .input-field .custom-select-search select {
    width: 100% !important;
    opacity: 0;
    display: none; }
  .input-field .custom-select-search .select2-container {
    margin-top: 30px;
    width: 100% !important; }
    .input-field .custom-select-search .select2-container .select2-selection--single {
      height: 54px;
      outline: 0;
      background: transparent;
      border: 0; }
      .input-field .custom-select-search .select2-container .select2-selection--single:lang(ar) {
        height: 30px; }
      .input-field .custom-select-search .select2-container .select2-selection--single .select2-selection__rendered {
        margin-top: 2px;
        padding-left: 16px;
        padding-right: 0;
        line-height: 20px;
        color: #000; }
        .input-field .custom-select-search .select2-container .select2-selection--single .select2-selection__rendered:lang(ar) {
          font-family: "bcn_arabic_roundedmedium"; }
        .input-field .custom-select-search .select2-container .select2-selection--single .select2-selection__rendered:lang(en) {
          font-family: "Galano Grotesque Medium";
          font-weight: 400; }
      .input-field .custom-select-search .select2-container .select2-selection--single .select2-selection__placeholder {
        font-size: 16px;
        letter-spacing: -0.283333px;
        color: #000 !important; }
        .input-field .custom-select-search .select2-container .select2-selection--single .select2-selection__placeholder:lang(ar) {
          font-family: "bcn_arabic_roundedbold"; }
        .input-field .custom-select-search .select2-container .select2-selection--single .select2-selection__placeholder:lang(en) {
          font-family: "Galano Grotesque SemiBold";
          font-weight: 400; }
        .input-field .custom-select-search .select2-container .select2-selection--single .select2-selection__placeholder:lang(ar) {
          text-align: left; }
      .input-field .custom-select-search .select2-container .select2-selection--single .select2-selection__arrow {
        display: none; }
  .input-field .custom-select-search::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 9.17C16.8126 8.98375 16.5592 8.87921 16.295 8.87921C16.0308 8.87921 15.7774 8.98375 15.59 9.17L12 12.71L8.46001 9.17C8.27265 8.98375 8.0192 8.87921 7.75501 8.87921C7.49082 8.87921 7.23737 8.98375 7.05001 9.17C6.95628 9.26297 6.88189 9.37357 6.83112 9.49543C6.78035 9.61729 6.75421 9.74799 6.75421 9.88C6.75421 10.012 6.78035 10.1427 6.83112 10.2646C6.88189 10.3864 6.95628 10.497 7.05001 10.59L11.29 14.83C11.383 14.9237 11.4936 14.9981 11.6154 15.0489C11.7373 15.0997 11.868 15.1258 12 15.1258C12.132 15.1258 12.2627 15.0997 12.3846 15.0489C12.5064 14.9981 12.617 14.9237 12.71 14.83L17 10.59C17.0937 10.497 17.1681 10.3864 17.2189 10.2646C17.2697 10.1427 17.2958 10.012 17.2958 9.88C17.2958 9.74799 17.2697 9.61729 17.2189 9.49543C17.1681 9.37357 17.0937 9.26297 17 9.17Z' fill='%23474BF2'/%3E%3C/svg%3E%0A");
    background-size: 100%;
    width: 24px;
    height: 24px; }

.input-field.custom-amount-field {
  margin-top: 0; }
  .input-field.custom-amount-field input:not([type]),
  .input-field.custom-amount-field input[type="text"]:not(.browser-default),
  .input-field.custom-amount-field input[type="password"]:not(.browser-default),
  .input-field.custom-amount-field input[type="email"]:not(.browser-default),
  .input-field.custom-amount-field input[type="url"]:not(.browser-default),
  .input-field.custom-amount-field input[type="time"]:not(.browser-default),
  .input-field.custom-amount-field input[type="date"]:not(.browser-default),
  .input-field.custom-amount-field input[type="datetime"]:not(.browser-default),
  .input-field.custom-amount-field input[type="datetime-local"]:not(.browser-default),
  .input-field.custom-amount-field input[type="tel"]:not(.browser-default),
  .input-field.custom-amount-field input[type="number"]:not(.browser-default),
  .input-field.custom-amount-field input[type="search"]:not(.browser-default),
  .input-field.custom-amount-field textarea.materialize-textarea,
  .input-field.custom-amount-field .mobileNmuber {
    padding-top: 0;
    text-align: center;
    background: transparent;
    height: 53px;
    border-radius: 12px; }
    .input-field.custom-amount-field input:not([type])::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="text"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="password"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="email"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="url"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="time"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="date"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="datetime"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="datetime-local"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="tel"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="number"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field input[type="search"]:not(.browser-default)::-webkit-input-placeholder,
    .input-field.custom-amount-field textarea.materialize-textarea::-webkit-input-placeholder,
    .input-field.custom-amount-field .mobileNmuber::-webkit-input-placeholder {
      color: #000; }
    .input-field.custom-amount-field input:not([type])::-moz-placeholder,
    .input-field.custom-amount-field input[type="text"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="password"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="email"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="url"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="time"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="date"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="datetime"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="datetime-local"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="tel"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="number"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field input[type="search"]:not(.browser-default)::-moz-placeholder,
    .input-field.custom-amount-field textarea.materialize-textarea::-moz-placeholder,
    .input-field.custom-amount-field .mobileNmuber::-moz-placeholder {
      color: #000; }
    .input-field.custom-amount-field input:not([type]):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="text"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="password"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="email"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="url"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="time"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="date"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="datetime"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="datetime-local"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="tel"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="number"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field input[type="search"]:not(.browser-default):-ms-input-placeholder,
    .input-field.custom-amount-field textarea.materialize-textarea:-ms-input-placeholder,
    .input-field.custom-amount-field .mobileNmuber:-ms-input-placeholder {
      color: #000; }
    .input-field.custom-amount-field input:not([type])::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="text"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="password"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="email"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="url"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="time"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="date"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="datetime"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="datetime-local"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="tel"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="number"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field input[type="search"]:not(.browser-default)::-ms-input-placeholder,
    .input-field.custom-amount-field textarea.materialize-textarea::-ms-input-placeholder,
    .input-field.custom-amount-field .mobileNmuber::-ms-input-placeholder {
      color: #000; }
    .input-field.custom-amount-field input:not([type])::placeholder,
    .input-field.custom-amount-field input[type="text"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="password"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="email"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="url"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="time"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="date"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="datetime"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="datetime-local"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="tel"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="number"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field input[type="search"]:not(.browser-default)::placeholder,
    .input-field.custom-amount-field textarea.materialize-textarea::placeholder,
    .input-field.custom-amount-field .mobileNmuber::placeholder {
      color: #000; }

.form-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .form-column .input-field {
    width: 48%; }

.radio-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  height: 61px;
  border-radius: 10px;
  letter-spacing: -0.38px;
  font-size: 15px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit; }
  .radio-button-group .input-field {
    margin-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 17px;
    width: 50%;
    font-size: 16px;
    letter-spacing: -0.283333px; }
    .radio-button-group .input-field span {
      width: 33px;
      height: 33px;
      background: url(../../images/radio@3x.png) no-repeat center top;
      background-size: 100%;
      margin-right: 9px; }
    .radio-button-group .input-field.active {
      color: #4200ff; }
      .radio-button-group .input-field.active span {
        background: url(../../images/radiocheck@3x.png) no-repeat center top;
        background-size: 100%; }

.mobile-verification-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .mobile-verification-section .input-field {
    width: 100%; }
    .mobile-verification-section .input-field.country-code-container {
      max-width: 30%;
      margin-right: 10px;
      position: relative; }
      .mobile-verification-section .input-field.country-code-container label {
        z-index: 1; }
      .mobile-verification-section .input-field.country-code-container .custom-select::after {
        content: none; }
      .mobile-verification-section .input-field.country-code-container::after {
        content: "";
        position: absolute;
        right: 12px;
        top: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 9.17C16.8126 8.98375 16.5592 8.87921 16.295 8.87921C16.0308 8.87921 15.7774 8.98375 15.59 9.17L12 12.71L8.46001 9.17C8.27265 8.98375 8.0192 8.87921 7.75501 8.87921C7.49082 8.87921 7.23737 8.98375 7.05001 9.17C6.95628 9.26297 6.88189 9.37357 6.83112 9.49543C6.78035 9.61729 6.75421 9.74799 6.75421 9.88C6.75421 10.012 6.78035 10.1427 6.83112 10.2646C6.88189 10.3864 6.95628 10.497 7.05001 10.59L11.29 14.83C11.383 14.9237 11.4936 14.9981 11.6154 15.0489C11.7373 15.0997 11.868 15.1258 12 15.1258C12.132 15.1258 12.2627 15.0997 12.3846 15.0489C12.5064 14.9981 12.617 14.9237 12.71 14.83L17 10.59C17.0937 10.497 17.1681 10.3864 17.2189 10.2646C17.2697 10.1427 17.2958 10.012 17.2958 9.88C17.2958 9.74799 17.2697 9.61729 17.2189 9.49543C17.1681 9.37357 17.0937 9.26297 17 9.17Z' fill='%23474BF2'/%3E%3C/svg%3E%0A");
        background-size: 100%;
        width: 24px;
        height: 24px; }

.custom-select {
  background-color: #ffffff;
  outline: none;
  margin: 0;
  padding: 28px 14px 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 16px;
  height: 65px;
  line-height: 19px;
  font-size: 16px;
  border: 1px solid rgba(171, 171, 171, 0.35); }
  .custom-select:lang(ar) {
    font-family: "bcn_arabic_roundedbold"; }
  .custom-select:lang(en) {
    font-family: "Galano Grotesque SemiBold";
    font-weight: 400; }
  .custom-select.error, .custom-select.invalid, .custom-select.is-invalid {
    border-color: #FF0055; }
  .custom-select span {
    position: absolute;
    left: 3px;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 32px 14px 20px;
    font-size: 16px;
    color: #000;
    z-index: 1;
    line-height: 1; }
    .custom-select span:lang(ar) {
      font-family: "bcn_arabic_roundedmedium"; }
    .custom-select span:lang(en) {
      font-family: "Galano Grotesque Medium";
      font-weight: 400; }
    .custom-select span:lang(ar) {
      direction: rtl;
      text-align: left; }
  .custom-select select {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 3;
    opacity: 0;
    width: 100%;
    -webkit-appearance: menulist-button; }
  .custom-select .generated-list {
    display: none !important;
    max-height: 318px;
    height: auto;
    background: #ffffff;
    overflow: scroll;
    position: absolute;
    top: 49px;
    border-bottom: solid 1px #696969;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    z-index: 2;
    left: -1px;
    right: -1px;
    padding: 0;
    margin: 0; }
    .custom-select .generated-list li {
      border-top: solid 1px #696969;
      border-left: solid 1px #696969;
      border-right: solid 1px #696969;
      height: 53px;
      letter-spacing: -0.6px;
      font-size: 16px;
      padding: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .custom-select .generated-list li:lang(ar) {
        direction: ltr; }
      .custom-select .generated-list li b {
        width: 76%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        direction: ltr; }
        .custom-select .generated-list li b:lang(ar) {
          font-family: "bcn_arabic_roundedregular"; }
        .custom-select .generated-list li b:lang(en) {
          font-family: "Galano Grotesque"; }
  .custom-select::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 20px;
    background: url(../../images/drop-arrow.png) no-repeat center top;
    background-size: 100%;
    width: 27px;
    height: 27px; }
  .custom-select.f32 i {
    position: absolute;
    left: -3px;
    top: 5px;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
    .custom-select.f32 i::after {
      content: "";
      width: 1px;
      height: 41px;
      position: absolute;
      left: 97px;
      top: 3px;
      background: #e7e7e7;
      -webkit-transform: scale(2);
              transform: scale(2); }
  .custom-select.f32 span {
    padding: 23px 17px 19px 76px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .custom-select.f32 span:lang(ar) {
      direction: ltr; }
  .custom-select.f32 ~ label.active {
    padding: 0 2px 0 7.7px; }

.registeration_agreement {
  margin-top: 16px; }
  .registeration_agreement .checkbox-styling {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.383801px;
    color: #898989;
    position: relative;
    padding-left: 25px;
    margin-bottom: 6px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #000; }
    .registeration_agreement .checkbox-styling a {
      color: #000;
      text-decoration: underline; }
      .registeration_agreement .checkbox-styling a:lang(ar) {
        font-family: "bcn_arabic_roundedmedium"; }
      .registeration_agreement .checkbox-styling a:lang(en) {
        font-family: "Galano Grotesque Medium";
        font-weight: 400; }
    .registeration_agreement .checkbox-styling input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 19px;
      width: 19px;
      left: 0;
      top: 0;
      z-index: 1; }
      .registeration_agreement .checkbox-styling input:checked ~ .checkmark:after {
        display: block; }
    .registeration_agreement .checkbox-styling .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 19px;
      width: 19px;
      border: 2px solid #D3D3D3;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .registeration_agreement .checkbox-styling .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 5px;
        top: 1px;
        width: 4px;
        height: 8px;
        border: solid #898989;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }

/* Validation Sass Placeholders */
.input-field input.valid:not([type]), .input-field input.valid:not([type]):focus,
.input-field input.valid[type="text"]:not(.browser-default),
.input-field input.valid[type="text"]:not(.browser-default):focus,
.input-field input.valid[type="password"]:not(.browser-default),
.input-field input.valid[type="password"]:not(.browser-default):focus,
.input-field input.valid[type="email"]:not(.browser-default),
.input-field input.valid[type="email"]:not(.browser-default):focus,
.input-field input.valid[type="url"]:not(.browser-default),
.input-field input.valid[type="url"]:not(.browser-default):focus,
.input-field input.valid[type="time"]:not(.browser-default),
.input-field input.valid[type="time"]:not(.browser-default):focus,
.input-field input.valid[type="date"]:not(.browser-default),
.input-field input.valid[type="date"]:not(.browser-default):focus,
.input-field input.valid[type="datetime"]:not(.browser-default),
.input-field input.valid[type="datetime"]:not(.browser-default):focus,
.input-field input.valid[type="datetime-local"]:not(.browser-default),
.input-field input.valid[type="datetime-local"]:not(.browser-default):focus,
.input-field input.valid[type="tel"]:not(.browser-default),
.input-field input.valid[type="tel"]:not(.browser-default):focus,
.input-field input.valid[type="number"]:not(.browser-default),
.input-field input.valid[type="number"]:not(.browser-default):focus,
.input-field input.valid[type="search"]:not(.browser-default),
.input-field input.valid[type="search"]:not(.browser-default):focus,
.input-field textarea.materialize-textarea.valid,
.input-field textarea.materialize-textarea.valid:focus,
.input-field .mobileNmuber.valid,
.input-field .mobileNmuber.valid:focus {
  border: 1px solid rgba(171, 171, 171, 0.35); }

.input-field input.invalid:not([type]), .input-field input.invalid:not([type]):focus,
.input-field input.invalid[type="text"]:not(.browser-default),
.input-field input.invalid[type="text"]:not(.browser-default):focus,
.input-field input.invalid[type="password"]:not(.browser-default),
.input-field input.invalid[type="password"]:not(.browser-default):focus,
.input-field input.invalid[type="email"]:not(.browser-default),
.input-field input.invalid[type="email"]:not(.browser-default):focus,
.input-field input.invalid[type="url"]:not(.browser-default),
.input-field input.invalid[type="url"]:not(.browser-default):focus,
.input-field input.invalid[type="time"]:not(.browser-default),
.input-field input.invalid[type="time"]:not(.browser-default):focus,
.input-field input.invalid[type="date"]:not(.browser-default),
.input-field input.invalid[type="date"]:not(.browser-default):focus,
.input-field input.invalid[type="datetime"]:not(.browser-default),
.input-field input.invalid[type="datetime"]:not(.browser-default):focus,
.input-field input.invalid[type="datetime-local"]:not(.browser-default),
.input-field input.invalid[type="datetime-local"]:not(.browser-default):focus,
.input-field input.invalid[type="tel"]:not(.browser-default),
.input-field input.invalid[type="tel"]:not(.browser-default):focus,
.input-field input.invalid[type="number"]:not(.browser-default),
.input-field input.invalid[type="number"]:not(.browser-default):focus,
.input-field input.invalid[type="search"]:not(.browser-default),
.input-field input.invalid[type="search"]:not(.browser-default):focus,
.input-field textarea.materialize-textarea.invalid,
.input-field textarea.materialize-textarea.invalid:focus,
.input-field .mobileNmuber.invalid,
.input-field .mobileNmuber.invalid:focus {
  border: 1px solid #FF0055; }

.input-field input:not([type]).valid ~ .helper-text[data-success],
.input-field input:not([type]):focus.valid ~ .helper-text[data-success],
.input-field input:not([type]).invalid ~ .helper-text[data-error],
.input-field input:not([type]):focus.invalid ~ .helper-text[data-error],
.input-field input[type="text"]:not(.browser-default).valid ~ .helper-text[data-success],
.input-field input[type="text"]:not(.browser-default):focus.valid ~ .helper-text[data-success],
.input-field input[type="text"]:not(.browser-default).invalid ~ .helper-text[data-error],
.input-field input[type="text"]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
.input-field input[type="password"]:not(.browser-default).valid ~ .helper-text[data-success],
.input-field input[type="password"]:not(.browser-default):focus.valid ~ .helper-text[data-success],
.input-field input[type="password"]:not(.browser-default).invalid ~ .helper-text[data-error],
.input-field input[type="password"]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
.input-field input[type="email"]:not(.browser-default).valid ~ .helper-text[data-success],
.input-field input[type="email"]:not(.browser-default):focus.valid ~ .helper-text[data-success],
.input-field input[type="email"]:not(.browser-default).invalid ~ .helper-text[data-error],
.input-field input[type="email"]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
.input-field input[type="url"]:not(.browser-default).valid ~ .helper-text[data-success],
.input-field input[type="url"]:not(.browser-default):focus.valid ~ .helper-text[data-success],
.input-field input[type="url"]:not(.browser-default).invalid ~ .helper-text[data-error],
.input-field input[type="url"]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
.input-field input[type="time"]:not(.browser-default).valid ~ .helper-text[data-success],
.input-field input[type="time"]:not(.browser-default):focus.valid ~ .helper-text[data-success],
.input-field input[type="time"]:not(.browser-default).invalid ~ .helper-text[data-error],
.input-field input[type="time"]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
.input-field input[type="date"]:not(.browser-default).valid ~ .helper-text[data-success],
.input-field input[type="date"]:not(.browser-default):focus.valid ~ .helper-text[data-success],
.input-field input[type="date"]:not(.browser-default).invalid ~ .helper-text[data-error],
.input-field input[type="date"]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
.input-field input[type="datetime"]:not(.browser-default).valid ~ .helper-text[data-success],
.input-field input[type="datetime"]:not(.browser-default):focus.valid ~ .helper-text[data-success],
.input-field input[type="datetime"]:not(.browser-default).invalid ~ .helper-text[data-error],
.input-field input[type="datetime"]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
.input-field input[type="datetime-local"]:not(.browser-default).valid ~ .helper-text[data-success],
.input-field input[type="datetime-local"]:not(.browser-default):focus.valid ~ .helper-text[data-success],
.input-field input[type="datetime-local"]:not(.browser-default).invalid ~ .helper-text[data-error],
.input-field input[type="datetime-local"]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
.input-field input[type="tel"]:not(.browser-default).valid ~ .helper-text[data-success],
.input-field input[type="tel"]:not(.browser-default):focus.valid ~ .helper-text[data-success],
.input-field input[type="tel"]:not(.browser-default).invalid ~ .helper-text[data-error],
.input-field input[type="tel"]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
.input-field input[type="number"]:not(.browser-default).valid ~ .helper-text[data-success],
.input-field input[type="number"]:not(.browser-default):focus.valid ~ .helper-text[data-success],
.input-field input[type="number"]:not(.browser-default).invalid ~ .helper-text[data-error],
.input-field input[type="number"]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
.input-field input[type="search"]:not(.browser-default).valid ~ .helper-text[data-success],
.input-field input[type="search"]:not(.browser-default):focus.valid ~ .helper-text[data-success],
.input-field input[type="search"]:not(.browser-default).invalid ~ .helper-text[data-error],
.input-field input[type="search"]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
.input-field textarea.materialize-textarea.valid ~ .helper-text[data-success],
.input-field textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],
.input-field textarea.materialize-textarea.invalid ~ .helper-text[data-error],
.input-field textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error],
.input-field .mobileNmuber.valid ~ .helper-text[data-success],
.input-field .mobileNmuber:focus.valid ~ .helper-text[data-success],
.input-field .mobileNmuber.invalid ~ .helper-text[data-error],
.input-field .mobileNmuber:focus.invalid ~ .helper-text[data-error] {
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none; }

.input-field input:not([type]).valid ~ .helper-text::after,
.input-field input:not([type]):focus.valid ~ .helper-text::after,
.input-field input[type="text"]:not(.browser-default).valid ~ .helper-text::after,
.input-field input[type="text"]:not(.browser-default):focus.valid ~ .helper-text::after,
.input-field input[type="password"]:not(.browser-default).valid ~ .helper-text::after,
.input-field input[type="password"]:not(.browser-default):focus.valid ~ .helper-text::after,
.input-field input[type="email"]:not(.browser-default).valid ~ .helper-text::after,
.input-field input[type="email"]:not(.browser-default):focus.valid ~ .helper-text::after,
.input-field input[type="url"]:not(.browser-default).valid ~ .helper-text::after,
.input-field input[type="url"]:not(.browser-default):focus.valid ~ .helper-text::after,
.input-field input[type="time"]:not(.browser-default).valid ~ .helper-text::after,
.input-field input[type="time"]:not(.browser-default):focus.valid ~ .helper-text::after,
.input-field input[type="date"]:not(.browser-default).valid ~ .helper-text::after,
.input-field input[type="date"]:not(.browser-default):focus.valid ~ .helper-text::after,
.input-field input[type="datetime"]:not(.browser-default).valid ~ .helper-text::after,
.input-field input[type="datetime"]:not(.browser-default):focus.valid ~ .helper-text::after,
.input-field input[type="datetime-local"]:not(.browser-default).valid ~ .helper-text::after,
.input-field input[type="datetime-local"]:not(.browser-default):focus.valid ~ .helper-text::after,
.input-field input[type="tel"]:not(.browser-default).valid ~ .helper-text::after,
.input-field input[type="tel"]:not(.browser-default):focus.valid ~ .helper-text::after,
.input-field input[type="number"]:not(.browser-default).valid ~ .helper-text::after,
.input-field input[type="number"]:not(.browser-default):focus.valid ~ .helper-text::after,
.input-field input[type="search"]:not(.browser-default).valid ~ .helper-text::after,
.input-field input[type="search"]:not(.browser-default):focus.valid ~ .helper-text::after,
.input-field textarea.materialize-textarea.valid ~ .helper-text::after,
.input-field textarea.materialize-textarea:focus.valid ~ .helper-text::after,
.input-field .mobileNmuber.valid ~ .helper-text::after,
.input-field .mobileNmuber:focus.valid ~ .helper-text::after {
  content: attr(data-success);
  color: #000; }

.input-field input:not([type]).invalid ~ .helper-text::after,
.input-field input:not([type]):focus.invalid ~ .helper-text::after,
.input-field input[type="text"]:not(.browser-default).invalid ~ .helper-text::after,
.input-field input[type="text"]:not(.browser-default):focus.invalid ~ .helper-text::after,
.input-field input[type="password"]:not(.browser-default).invalid ~ .helper-text::after,
.input-field input[type="password"]:not(.browser-default):focus.invalid ~ .helper-text::after,
.input-field input[type="email"]:not(.browser-default).invalid ~ .helper-text::after,
.input-field input[type="email"]:not(.browser-default):focus.invalid ~ .helper-text::after,
.input-field input[type="url"]:not(.browser-default).invalid ~ .helper-text::after,
.input-field input[type="url"]:not(.browser-default):focus.invalid ~ .helper-text::after,
.input-field input[type="time"]:not(.browser-default).invalid ~ .helper-text::after,
.input-field input[type="time"]:not(.browser-default):focus.invalid ~ .helper-text::after,
.input-field input[type="date"]:not(.browser-default).invalid ~ .helper-text::after,
.input-field input[type="date"]:not(.browser-default):focus.invalid ~ .helper-text::after,
.input-field input[type="datetime"]:not(.browser-default).invalid ~ .helper-text::after,
.input-field input[type="datetime"]:not(.browser-default):focus.invalid ~ .helper-text::after,
.input-field input[type="datetime-local"]:not(.browser-default).invalid ~ .helper-text::after,
.input-field input[type="datetime-local"]:not(.browser-default):focus.invalid ~ .helper-text::after,
.input-field input[type="tel"]:not(.browser-default).invalid ~ .helper-text::after,
.input-field input[type="tel"]:not(.browser-default):focus.invalid ~ .helper-text::after,
.input-field input[type="number"]:not(.browser-default).invalid ~ .helper-text::after,
.input-field input[type="number"]:not(.browser-default):focus.invalid ~ .helper-text::after,
.input-field input[type="search"]:not(.browser-default).invalid ~ .helper-text::after,
.input-field input[type="search"]:not(.browser-default):focus.invalid ~ .helper-text::after,
.input-field textarea.materialize-textarea.invalid ~ .helper-text::after,
.input-field textarea.materialize-textarea:focus.invalid ~ .helper-text::after,
.input-field .mobileNmuber.invalid ~ .helper-text::after,
.input-field .mobileNmuber:focus.invalid ~ .helper-text::after {
  content: attr(data-error);
  color: #000; }

.input-field input:not([type]) + label::after,
.input-field input[type="text"]:not(.browser-default) + label::after,
.input-field input[type="password"]:not(.browser-default) + label::after,
.input-field input[type="email"]:not(.browser-default) + label::after,
.input-field input[type="url"]:not(.browser-default) + label::after,
.input-field input[type="time"]:not(.browser-default) + label::after,
.input-field input[type="date"]:not(.browser-default) + label::after,
.input-field input[type="datetime"]:not(.browser-default) + label::after,
.input-field input[type="datetime-local"]:not(.browser-default) + label::after,
.input-field input[type="tel"]:not(.browser-default) + label::after,
.input-field input[type="number"]:not(.browser-default) + label::after,
.input-field input[type="search"]:not(.browser-default) + label::after,
.input-field textarea.materialize-textarea + label::after,
.input-field .mobileNmuber + label::after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.2s opacity ease-out, 0.2s color ease-out;
  transition: 0.2s opacity ease-out, 0.2s color ease-out; }

.custom-select > label,
.numberField > label {
  color: #000;
  position: absolute;
  font-size: 16px;
  letter-spacing: -0.283333px;
  cursor: text;
  -webkit-transition: color 0.2s ease-out, font-size 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: color 0.2s ease-out, font-size 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out, font-size 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out, font-size 0.2s ease-out, -webkit-transform 0.2s ease-out;
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
  text-align: initial;
  -webkit-transform: translateY(18px);
          transform: translateY(18px);
  padding: 0 17px;
  width: 342px;
  line-height: 1em;
  top: 9px; }
  .custom-select > label:lang(ar),
  .numberField > label:lang(ar) {
    font-family: "bcn_arabic_roundedregular"; }
  .custom-select > label:lang(en),
  .numberField > label:lang(en) {
    font-family: "Galano Grotesque"; }
  .custom-select > label:lang(ar),
  .numberField > label:lang(ar) {
    left: 0px; }
  .custom-select > label:lang(en),
  .numberField > label:lang(en) {
    left: 0; }
  .custom-select > label:not(.label-icon).active,
  .numberField > label:not(.label-icon).active {
    -webkit-transform: translateY(8px) scale(1);
            transform: translateY(8px) scale(1);
    font-size: 10px;
    letter-spacing: -0.19px; }
  .custom-select > label.invalid,
  .numberField > label.invalid {
    color: #FF0055; }

.input-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin-top: 16px;
  width: 100%; }
  .input-field > label {
    color: #000;
    position: absolute;
    font-size: 16px;
    letter-spacing: inherit;
    cursor: text;
    -webkit-transition: color 0.2s ease-out, font-size 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: color 0.2s ease-out, font-size 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out, color 0.2s ease-out, font-size 0.2s ease-out;
    transition: transform 0.2s ease-out, color 0.2s ease-out, font-size 0.2s ease-out, -webkit-transform 0.2s ease-out;
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    text-align: initial;
    -webkit-transform: translateY(18px);
            transform: translateY(18px);
    padding: 0 17px;
    width: 342px;
    line-height: 1em;
    top: 6px; }
    .input-field > label:lang(ar) {
      font-family: "bcn_arabic_roundedbold"; }
    .input-field > label:lang(en) {
      font-family: "Galano Grotesque SemiBold";
      font-weight: 400; }
    .input-field > label:not(.label-icon).active, .input-field > label:not(.label-icon).activeHard {
      -webkit-transform: translateY(10px) scale(1);
              transform: translateY(10px) scale(1);
      font-size: 12px;
      letter-spacing: -0.188889px;
      margin-left: 0px;
      top: 5px; }
    .input-field > label.invalid {
      color: #FF0055; }
  .input-field .helper-text {
    position: relative;
    min-height: 18px;
    display: block;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54); }
    .input-field .helper-text::after {
      opacity: 1;
      position: absolute;
      top: 0;
      left: 0; }
  .input-field .prefix ~ input,
  .input-field .prefix ~ textarea,
  .input-field .prefix ~ label,
  .input-field .prefix ~ .validate ~ label,
  .input-field .prefix ~ .helper-text,
  .input-field .prefix ~ .autocomplete-content {
    margin-left: 30px;
    width: 92%;
    width: calc(100% - 30px); }
  .input-field .prefix ~ label {
    margin-left: 30px; }

/* Search Field */
.input-field input[type="search"] {
  display: block;
  line-height: inherit;
  -webkit-transition: 0.3s background-color;
  transition: 0.3s background-color; }
  .nav-wrapper .input-field input[type="search"] {
    height: inherit;
    padding-left: 40px;
    width: calc(100% - 40px);
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .input-field input[type="search"]:focus:not(.browser-default) {
    background-color: #ffffff;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .input-field input[type="search"]:focus:not(.browser-default) + label i,
    .input-field input[type="search"]:focus:not(.browser-default) ~ .mdi-navigation-close,
    .input-field input[type="search"]:focus:not(.browser-default) ~ .material-icons {
      color: #444444; }
  .input-field input[type="search"] + .label-icon {
    -webkit-transform: none;
            transform: none;
    left: 10px; }

/* Textarea */
textarea {
  width: 100%;
  height: 68px;
  background-color: transparent; }
  textarea.materialize-textarea {
    line-height: normal;
    overflow-y: hidden;
    padding: 8px 0;
    resize: none;
    min-height: 68px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

.hiddendiv {
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-top: 12px;
  position: absolute;
  top: 0;
  z-index: -1; }

/* Character Counter */
.character-counter {
  min-height: 18px; }

.select2-container--default .select2-dropdown--above {
  overflow: hidden; }

.select2-container--default .select2-dropdown {
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 10px; }
  .select2-container--default .select2-dropdown:lang(ar) {
    -webkit-box-sizing: initial !important;
            box-sizing: initial !important;
    margin-left: 1px;
    margin-right: 1px; }
  .select2-container--default .select2-dropdown:lang(en) {
    margin-left: -1px;
    margin-right: -2px; }

.select2-container--default.select2-container--open .select2-dropdown--below {
  padding-top: 10px; }
  .select2-container--default.select2-container--open .select2-dropdown--below:lang(ar) {
    margin-top: -4px;
    margin-left: 0;
    margin-right: 0; }
  .select2-container--default.select2-container--open .select2-dropdown--below::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 6px;
    height: 1px;
    background: #e1e1e1;
    display: none; }

.select2-container--default .select2-search--dropdown {
  padding: 0;
  border-bottom: 1px solid #e1e1e1; }
  .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 0 !important;
    letter-spacing: -0.6px;
    font-size: 16px;
    height: 47px;
    padding: 8px 16px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0; }

.select2-container--default .select2-results {
  display: block; }
  .select2-container--default .select2-results .select2-results__options {
    max-height: 200px;
    min-height: 100px; }
  .select2-container--default .select2-results .select2-results__options li {
    border-bottom: solid 1px #e1e1e1;
    height: 47px;
    letter-spacing: -0.6px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #929292;
    cursor: pointer; }
    .select2-container--default .select2-results .select2-results__options li:lang(ar) {
      line-height: 16px;
      padding: 20px 15px 15px; }
    .select2-container--default .select2-results .select2-results__options li:lang(en) {
      padding: 15px; }
    .select2-container--default .select2-results .select2-results__options li b {
      width: 76%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      direction: ltr; }
      .select2-container--default .select2-results .select2-results__options li b:lang(ar) {
        font-family: "bcn_arabic_roundedregular"; }
      .select2-container--default .select2-results .select2-results__options li b:lang(en) {
        font-family: "Galano Grotesque"; }
    .select2-container--default .select2-results .select2-results__options li:first-child {
      border-top: 0; }
    .select2-container--default .select2-results .select2-results__options li:hover {
      background: #e7e7e7; }

.select2-container--default .select2-results__option--highlighted[aria-selected="true"],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: transparent !important;
  color: #929292 !important; }

.select2-container--default .select2-results__option[aria-selected="true"] {
  background: transparent !important; }

#registeration-step-1 {
  /* The container */ }
  #registeration-step-1 .input-field .custom-select-search .select2-container .select2-selection--single {
    height: 29px; }
  #registeration-step-1 .gender-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    gap: 10px;
    /* Hide the browser's default radio button */
    /* Create a custom radio button */
    /* When the radio button is checked, add a blue background */
    /* Create the indicator (the dot/circle - hidden when not checked) */
    /* Show the indicator (dot/circle) when checked */
    /* Style the indicator (dot/circle) */ }
    #registeration-step-1 .gender-container .radio-container {
      background-color: #ffffff;
      border-radius: 20px;
      outline: none;
      width: 100%;
      font-size: 16px;
      margin: 0;
      height: 68px;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      letter-spacing: -0.38px;
      border: 0px solid #eaeaea;
      -webkit-transition: border ease 0.2s;
      transition: border ease 0.2s;
      font-weight: 400;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      gap: 10px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: left;
          -ms-flex-pack: left;
              justify-content: left;
      padding-left: 15px; }
      #registeration-step-1 .gender-container .radio-container:lang(ar) {
        -webkit-box-pack: right;
            -ms-flex-pack: right;
                justify-content: right; }
    #registeration-step-1 .gender-container .radio-container input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
    #registeration-step-1 .gender-container .checkmark {
      height: 18px;
      width: 18px;
      border-radius: 50%;
      border: 1px solid black; }
    #registeration-step-1 .gender-container .radio-container input:checked ~ .checkmark {
      background-color: black;
      -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px black;
              box-shadow: 0 0 0 2px #fff, 0 0 0 3px black; }
    #registeration-step-1 .gender-container .radio-container:after {
      content: "";
      position: absolute;
      display: none; }
    #registeration-step-1 .gender-container .radio-container input:checked ~ .checkmark:after {
      display: block; }
    #registeration-step-1 .gender-container .radio-container .checkmark:after {
      top: 9px;
      left: 9px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: white; }

.revealPassword {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  position: absolute;
  padding: 18px;
  right: 0;
  top: 4px;
  color: #696969;
  letter-spacing: -0.383801px;
  font-size: 12px;
  line-height: 20px; }
  .revealPassword:lang(ar) {
    font-family: "bcn_arabic_roundedmedium"; }
  .revealPassword:lang(en) {
    font-family: "Galano Grotesque Medium";
    font-weight: 400; }
  .revealPassword .open {
    display: block; }
  .revealPassword .close {
    display: none; }
  .revealPassword.showPassword .open {
    display: none; }
  .revealPassword.showPassword .close {
    display: block; }

html.enoc {
  background-image: url("../../../../../images/enoc/bg-mobile.png");
  background-position: center 61px;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed; }
  html.enoc body {
    background: transparent; }

.trippleColumn {
  margin-bottom: 25px;
  margin-top: 16px; }
  .trippleColumn .flexedColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .trippleColumn p {
    font-size: 14px;
    letter-spacing: -0.39px;
    color: #000;
    margin: 0 0 16px;
    width: 100%; }

.otp-to-sendTo {
  width: 31%;
  height: 93px;
  border-radius: 25px;
  border: 5px solid #fff;
  background: #fff;
  -webkit-box-shadow: 4px 8px 45px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 4px 8px 45px 0 rgba(0, 0, 0, 0.06);
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  letter-spacing: -0.28px;
  margin-right: 3%;
  text-align: center;
  cursor: pointer; }
  .otp-to-sendTo:last-child {
    margin-right: 0; }
  .otp-to-sendTo input {
    display: none; }
  .otp-to-sendTo svg {
    margin-bottom: 4px; }
  .otp-to-sendTo.active {
    border-color: #3605FF; }
  .otp-to-sendTo:lang(ar) {
    line-height: 13px; }

.register-box .input-field input:not([type]),
.register-box .input-field input[type="text"]:not(.browser-default),
.register-box .input-field input[type="password"]:not(.browser-default),
.register-box .input-field input[type="email"]:not(.browser-default),
.register-box .input-field input[type="url"]:not(.browser-default),
.register-box .input-field input[type="time"]:not(.browser-default),
.register-box .input-field input[type="date"]:not(.browser-default),
.register-box .input-field input[type="datetime"]:not(.browser-default),
.register-box .input-field input[type="datetime-local"]:not(.browser-default),
.register-box .input-field input[type="tel"]:not(.browser-default),
.register-box .input-field input[type="number"]:not(.browser-default),
.register-box .input-field input[type="search"]:not(.browser-default),
.register-box .input-field textarea.materialize-textarea,
.register-box .input-field .mobileNmuber {
  height: 54px;
  width: 100%;
  font-size: 14px;
  line-height: 16px; }

.register-box .input-field > label {
  top: 4px;
  font-size: 14px; }
  .register-box .input-field > label:lang(ar) {
    font-family: "bcn_arabic_roundedregular"; }
  .register-box .input-field > label:lang(en) {
    font-family: "Galano Grotesque"; }
  .register-box .input-field > label:not(.label-icon).active, .register-box .input-field > label:not(.label-icon).activeHard {
    top: 0; }

.register-box .input-field .custom-select-search {
  height: 54px;
  font-size: 14px;
  line-height: 16px; }
  .register-box .input-field .custom-select-search .select2-container {
    margin-top: 20px; }
    .register-box .input-field .custom-select-search .select2-container .select2-selection--single .select2-selection__placeholder {
      font-size: 14px;
      line-height: 16px; }
  .register-box .input-field .custom-select-search::after {
    width: 18px;
    height: 18px;
    top: 16px; }

.register-box .input-field .jq-dte {
  height: 54px;
  font-size: 14px;
  border: 1px solid rgba(171, 171, 171, 0.35);
  border-radius: 16px; }
  .register-box .input-field .jq-dte .jq-dte-inner {
    margin-top: 10px; }
    .register-box .input-field .jq-dte .jq-dte-inner input[type=text]:not(.browser-default) {
      font-size: 14px;
      line-height: 16px; }
      .register-box .input-field .jq-dte .jq-dte-inner input[type=text]:not(.browser-default):lang(ar) {
        font-family: "bcn_arabic_roundedbold"; }
      .register-box .input-field .jq-dte .jq-dte-inner input[type=text]:not(.browser-default):lang(en) {
        font-family: "Galano Grotesque SemiBold";
        font-weight: 400; }

.register-box .custom-select {
  height: 54px;
  font-size: 14px;
  line-height: 16px; }
  .register-box .custom-select span {
    font-size: 14px;
    line-height: 16px;
    padding-top: 22px;
    padding-bottom: 0; }
    .register-box .custom-select span:lang(ar) {
      font-family: "bcn_arabic_roundedbold"; }
    .register-box .custom-select span:lang(en) {
      font-family: "Galano Grotesque SemiBold";
      font-weight: 400; }

.register-box .mobile-verification-section .input-field.country-code-container::after {
  width: 18px;
  height: 18px;
  top: 16px; }

.register-box .trippleColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .register-box .trippleColumn p {
    font-size: 16px;
    letter-spacing: -0.39px;
    margin: 0;
    width: 30%; }
    .register-box .trippleColumn p:lang(ar) {
      font-family: "bcn_arabic_roundedbold"; }
    .register-box .trippleColumn p:lang(en) {
      font-family: "Galano Grotesque SemiBold";
      font-weight: 400; }
    .register-box .trippleColumn p:lang(ar) {
      line-height: 18px; }
  .register-box .trippleColumn .flexedColumn {
    width: 50%; }

.register-box .otp-to-sendTo {
  height: 63px;
  border-radius: 15px;
  font-size: 12px;
  letter-spacing: -0.264px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 2px solid rgba(171, 171, 171, 0.35); }
  .register-box .otp-to-sendTo img {
    width: 21px; }
  .register-box .otp-to-sendTo.active {
    border-color: #4200FF; }

.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;
    -webkit-filter: drop-shadow(4.13304px 8.26608px 43.39689px rgba(0, 0, 0, 0.06));
            filter: drop-shadow(4.13304px 8.26608px 43.39689px 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 68px; }
    .login-profile-selection .login-profile-list .profile-link:lang(ar) {
      font-family: "bcn_arabic_roundedmedium"; }
    .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) {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .login-profile-selection .login-profile-list .profile-link span {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              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: #9b9b9b; }
  .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(ar) {
    font-family: "bcn_arabic_roundedmedium"; }
  #mobile-forgotPassword:lang(en) {
    font-family: "Galano Grotesque Medium";
    font-weight: 400; }

.action-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  margin-bottom: 33px;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right; }
  .action-box #mobile-register-button {
    width: 50%;
    -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.06);
            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(ar) {
      font-family: "bcn_arabic_roundedbold"; }
    .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(ar) {
      font-family: "bcn_arabic_roundedmedium"; }
    .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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            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: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      color: #000;
      height: 43px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      background-color: #ffffff;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 206px;
      border-radius: 30px;
      margin: 16px auto;
      font-size: 13px;
      line-height: 12px;
      /* 92.308% */
      letter-spacing: -0.39px;
      -webkit-box-shadow: 2px 4px 14px rgba(0, 0, 0, 0.07);
              box-shadow: 2px 4px 14px rgba(0, 0, 0, 0.07); }
      .login-box .formAction .ui-forgotpassword:lang(ar), .login-box .formAction .register-profile-new:lang(ar) {
        font-family: "bcn_arabic_roundedbold"; }
      .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 .register-profile-new {
      color: #474BF2; }
    .login-box .formAction .global-btn {
      height: 69px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 100%;
      -webkit-box-shadow: none;
              box-shadow: none;
      margin-bottom: 30px;
      font-size: 18px;
      line-height: 20.4px;
      letter-spacing: -0.2px; }
      .login-box .formAction .global-btn.is-disabled {
        -webkit-box-shadow: none;
                box-shadow: none; }
  .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 {
      color: #FF0055; }
      .login-box .dont-have-account-signup span:lang(ar) {
        font-family: "bcn_arabic_roundedmedium"; }
      .login-box .dont-have-account-signup span:lang(en) {
        font-family: "Galano Grotesque Medium";
        font-weight: 400; }

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

.successful-instant-register {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 80vh; }
  .successful-instant-register.show {
    display: -webkit-box;
    display: -ms-flexbox;
    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(ar) {
      font-family: "bcn_arabic_roundedmedium"; }
    .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(ar) {
      font-family: "bcn_arabic_roundedmedium"; }
    .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(ar) {
      font-family: "bcn_arabic_roundedregular"; }
    .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(ar) {
    font-family: "bcn_arabic_roundedregular"; }
  .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: #9b9b9b;
  margin-bottom: 10px; }
  .canceller .cancelView:lang(ar) {
    font-family: "bcn_arabic_roundedregular"; }
  .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 .action-box .global-btn {
    height: 69px;
    width: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-size: 18px;
    line-height: 20.4px;
    letter-spacing: -0.2px; }
  .forgot-password form {
    padding: 0; }

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

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

.switcher-container {
  margin: auto; }

.switcher {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin: auto 10px;
  margin-left: 20px; }

.switcher input {
  opacity: 0;
  width: 0;
  height: 0; }

.switcher-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: gray;
  -webkit-transition: .4s;
  transition: .4s; }

.switcher-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .switcher-slider {
  background-color: green; }

input:focus + .switcher-slider {
  -webkit-box-shadow: 0 0 1px green;
          box-shadow: 0 0 1px green; }

input:checked + .switcher-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

/* Rounded sliders */
.switcher-slider.round {
  border-radius: 34px; }

.switcher-slider.round:before {
  border-radius: 50%; }

.off-canvas-menu {
  position: relative; }
  .off-canvas-menu .contentArea-offCavas {
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-radius: 0;
    max-height: auto;
    background-color: transparent;
    position: relative;
    min-height: 70vh; }
  .off-canvas-menu .offCanvas-menu {
    width: 100%;
    height: 100vh;
    position: fixed;
    right: -150%;
    top: 0;
    text-align: left;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#10101A), color-stop(102.56%, #271C53));
    background: linear-gradient(180deg, #10101A 0%, #271C53 102.56%);
    opacity: 0;
    max-width: 430px;
    -webkit-transition: right ease 0.5s;
    transition: right ease 0.5s; }
  .off-canvas-menu .blockerCanvas {
    display: none; }
  .off-canvas-menu.open .offCanvas-menu {
    opacity: 1;
    z-index: 999999;
    right: 0;
    -webkit-transition: right ease 0.5s;
    transition: right ease 0.5s; }
    .off-canvas-menu.open .offCanvas-menu .shop-at-modesh {
      right: 0; }
    .off-canvas-menu.open .offCanvas-menu .shop-modesh-text {
      left: 0; }
    .off-canvas-menu.open .offCanvas-menu .dream-dubai-logo {
      left: 0; }
    .off-canvas-menu.open .offCanvas-menu .menu-items-new,
    .off-canvas-menu.open .offCanvas-menu .smaller-menu {
      margin-left: 0; }
  .off-canvas-menu.open .blockerCanvas {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    display: block; }
  .off-canvas-menu.open .menu-content {
    display: block; }

body.navOpen {
  overflow: hidden; }

.offCanvas-menu .shop-at-modesh {
  position: absolute;
  right: 34%;
  top: 89px;
  z-index: 1;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 83px; }
  .offCanvas-menu .shop-at-modesh img {
    width: 100%; }
  .offCanvas-menu .shop-at-modesh:hover {
    -webkit-transform: scale(1.25);
            transform: scale(1.25); }
  .offCanvas-menu .shop-at-modesh:lang(ar) {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg); }
    .offCanvas-menu .shop-at-modesh:lang(ar):hover {
      -webkit-transform: rotateY(-180deg) scale(1.25);
              transform: rotateY(-180deg) scale(1.25); }

.offCanvas-menu .shop-modesh-text {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 85%;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.offCanvas-menu .dream-dubai-logo {
  position: absolute;
  right: 50%;
  left: 30px;
  top: 100px;
  z-index: 2;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 140px; }
  .offCanvas-menu .dream-dubai-logo img {
    width: 100%; }

.offCanvas-menu .menu-content {
  position: relative;
  margin-left: 7%;
  height: 100vh;
  margin-top: 0;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  overflow-y: scroll;
  overflow-x: hidden;
  display: none; }
  .offCanvas-menu .menu-content::-webkit-scrollbar {
    display: none; }

.offCanvas-menu .menu-items-new {
  padding-top: 175px;
  margin-right: 30px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 20px;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  margin-left: 30px; }
  .offCanvas-menu .menu-items-new li {
    margin-bottom: 5px; }
    .offCanvas-menu .menu-items-new li a {
      -webkit-box-shadow: 4.133px 8.266px 43.397px rgba(0, 0, 0, 0.06);
              box-shadow: 4.133px 8.266px 43.397px rgba(0, 0, 0, 0.06);
      border-radius: 20px;
      height: 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 0 12px;
      color: #fff;
      font-size: 17px;
      letter-spacing: -0.39px;
      background-color: rgba(0, 0, 0, 0.09); }
      .offCanvas-menu .menu-items-new li a:lang(ar) {
        font-family: "bcn_arabic_roundedmedium"; }
      .offCanvas-menu .menu-items-new li a:lang(en) {
        font-family: "Galano Grotesque Medium";
        font-weight: 400; }
      .offCanvas-menu .menu-items-new li a:lang(ar) {
        padding: 0 0 0 12px; }
      .offCanvas-menu .menu-items-new li a img {
        width: 44px;
        margin-right: 11px; }
      .offCanvas-menu .menu-items-new li a.logout {
        padding-left: 20px; }

.offCanvas-menu .smaller-menu {
  margin: 0 0 80px;
  padding: 0;
  list-style: none;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  margin-left: 30px; }
  .offCanvas-menu .smaller-menu li a {
    color: #8578BE;
    font-size: 13px;
    letter-spacing: -0.39px;
    margin-bottom: 20px;
    display: block;
    text-align: left; }
    .offCanvas-menu .smaller-menu li a:lang(ar) {
      font-family: "bcn_arabic_roundedregular"; }
    .offCanvas-menu .smaller-menu li a:lang(en) {
      font-family: "Galano Grotesque"; }

.offCanvas-menu .menu-separator {
  border-radius: 50px;
  background: rgba(217, 217, 217, 0.06);
  height: 5px;
  display: block;
  margin-bottom: 30px;
  margin-right: 20px; }

.offCanvas-menu .contact-container {
  margin: 0 20px 30px 0; }
  .offCanvas-menu .contact-container .contact-menu {
    padding: 0;
    margin-bottom: 30px;
    list-style: none;
    -webkit-transition-duration: 0.8s;
            transition-duration: 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .offCanvas-menu .contact-container .contact-menu li {
      margin-bottom: 12px; }
      .offCanvas-menu .contact-container .contact-menu li a {
        -webkit-box-shadow: 4.133px 8.266px 43.397px rgba(0, 0, 0, 0.06);
                box-shadow: 4.133px 8.266px 43.397px rgba(0, 0, 0, 0.06);
        border-radius: 20px;
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding: 0 16px 0 20px;
        color: #fff;
        font-size: 17px;
        line-height: 19px;
        letter-spacing: -0.39px;
        background-color: rgba(255, 255, 255, 0.06); }
        .offCanvas-menu .contact-container .contact-menu li a:lang(ar) {
          font-family: "bcn_arabic_roundedmedium"; }
        .offCanvas-menu .contact-container .contact-menu li a:lang(en) {
          font-family: "Galano Grotesque Medium";
          font-weight: 400; }
        .offCanvas-menu .contact-container .contact-menu li a.whatsapp-link {
          background-color: #133B1A;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
        .offCanvas-menu .contact-container .contact-menu li a img {
          width: 44px; }
        .offCanvas-menu .contact-container .contact-menu li a.logout {
          padding-left: 20px; }
        .offCanvas-menu .contact-container .contact-menu li a.contact-link .c-bold {
          color: #7367FF; }
  .offCanvas-menu .contact-container .contact-header {
    color: #FFF;
    font-size: 24px;
    line-height: 12px;
    /* 50% */
    letter-spacing: -0.39px;
    margin: 0 0 30px; }
    .offCanvas-menu .contact-container .contact-header:lang(ar) {
      font-family: "bcn_arabic_roundedbold"; }
    .offCanvas-menu .contact-container .contact-header:lang(en) {
      font-family: "Galano Grotesque Bold";
      font-weight: 400; }
  .offCanvas-menu .contact-container .social-icons {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 13px; }
    .offCanvas-menu .contact-container .social-icons img {
      width: 51px; }

.language-selector h2 {
  color: #000;
  font-size: 17px;
  font-style: normal;
  line-height: 12px;
  letter-spacing: -0.39px;
  margin: 20px 0; }
  .language-selector h2:lang(ar) {
    font-family: "bcn_arabic_roundedbold"; }
  .language-selector h2:lang(en) {
    font-family: "Galano Grotesque Bold";
    font-weight: 400; }

.language-selector #languageSelector li, .language-selector #currencySelector li {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px;
  margin-bottom: 15px;
  border: none;
  color: #000;
  font-size: 17px;
  line-height: 12px;
  letter-spacing: -0.39px;
  cursor: pointer;
  -webkit-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%);
          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:lang(ar), .language-selector #currencySelector li:lang(ar) {
    font-family: "bcn_arabic_roundedbold"; }
  .language-selector #languageSelector li:lang(en), .language-selector #currencySelector li:lang(en) {
    font-family: "Galano Grotesque SemiBold";
    font-weight: 400; }
  .language-selector #languageSelector li.selected, .language-selector #currencySelector li.selected {
    color: #4200FF;
    font-size: 19px;
    line-height: 12px;
    /* 63.158% */
    letter-spacing: -0.39px;
    padding: 17px 25px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .language-selector #languageSelector li.selected:lang(ar), .language-selector #currencySelector li.selected:lang(ar) {
      font-family: "bcn_arabic_roundedbold"; }
    .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:after, .language-selector #currencySelector li.selected:after {
      content: '';
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNyIgdmlld0JveD0iMCAwIDI3IDI3IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy42NDY5IDI2LjE4NjRDMjAuNzEzNiAyNi4xODY0IDI2LjQ0MjMgMjAuNDU3NyAyNi40NDIzIDEzLjM5MTFDMjYuNDQyMyA2LjMyNDM4IDIwLjcxMzYgMC41OTU3MDMgMTMuNjQ2OSAwLjU5NTcwM0M2LjU4MDI0IDAuNTk1NzAzIDAuODUxNTYyIDYuMzI0MzggMC44NTE1NjIgMTMuMzkxMUMwLjg1MTU2MiAyMC40NTc3IDYuNTgwMjQgMjYuMTg2NCAxMy42NDY5IDI2LjE4NjRaIiBmaWxsPSIjNDIwMEZGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy40ODgyOCAxMy43OTA1TDguNzIwNDMgMTIuNjQyMkwxMS44ODg4IDE1LjU5NUwxOC41Nzc2IDkuMzYxMzNMMTkuODA5NyAxMC41MDk2TDExLjg4ODggMTcuODkxNkw3LjQ4ODI4IDEzLjc5MDVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=");
      width: 28px;
      height: 28px;
      display: block; }

.menu-language-selector,
.menu-currency-selector {
  top: 0;
  right: -150%;
  width: 100%;
  height: 100vh;
  position: fixed;
  max-width: 430px;
  background: #F6F6F6;
  color: black;
  padding: 40px 20px 0;
  opacity: 0;
  z-index: 2;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .menu-language-selector.show,
  .menu-currency-selector.show {
    right: 0;
    opacity: 1; }
  .menu-language-selector .page-common-title,
  .menu-currency-selector .page-common-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px; }
    .menu-language-selector .page-common-title h1,
    .menu-currency-selector .page-common-title h1 {
      color: black;
      text-align: center;
      font-size: 24px;
      line-height: 26.4px;
      /* 110% */
      letter-spacing: -0.192px; }
      .menu-language-selector .page-common-title h1:lang(ar),
      .menu-currency-selector .page-common-title h1:lang(ar) {
        font-family: "bcn_arabic_roundedbold"; }
      .menu-language-selector .page-common-title h1:lang(en),
      .menu-currency-selector .page-common-title h1:lang(en) {
        font-family: "Galano Grotesque Bold";
        font-weight: 400; }
    .menu-language-selector .page-common-title:lang(ar) svg,
    .menu-currency-selector .page-common-title:lang(ar) svg {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .menu-language-selector .language-selector #languageSelector li.selected,
  .menu-language-selector #currencySelector li.selected,
  .menu-currency-selector .language-selector #languageSelector li.selected,
  .menu-currency-selector #currencySelector li.selected {
    border: 3px solid #1D1F88;
    border-radius: 20px; }

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration:1s;
  --animate-delay:1s;
  --animate-repeat:1; }

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat); }

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
  animation-iteration-count: calc(var(--animate-repeat)*2); }

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
  animation-iteration-count: calc(var(--animate-repeat)*3); }

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay); }

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay)*2);
  animation-delay: calc(var(--animate-delay)*2); }

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay)*3);
  animation-delay: calc(var(--animate-delay)*3); }

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay)*4);
  animation-delay: calc(var(--animate-delay)*4); }

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay)*5);
  animation-delay: calc(var(--animate-delay)*5); }

.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration)/2);
  animation-duration: calc(var(--animate-duration)/2); }

.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.8);
  animation-duration: calc(var(--animate-duration)*0.8); }

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2); }

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration)*3);
  animation-duration: calc(var(--animate-duration)*3); }

@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important; }
  .animate__animated[class*=Out] {
    opacity: 0; } }

@-webkit-keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }

@keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }

.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX; }

@-webkit-keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }

@keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }

.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration)*1.3);
  animation-duration: calc(var(--animate-duration)*1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown; }

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft; }

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight; }

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp; }

@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: .7; } }

@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: .7; } }

.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown; }

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: .7; } }

@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: .7; } }

.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft; }

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: .7; } }

@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: .7; } }

.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight; }

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: .7; } }

@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: .7; } }

.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3); } }

.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2); } }

.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2); } }

.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3); } }

.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft; }

@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight; }

@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft; }

@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); } }

@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); } }

.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft; }

@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); } }

@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); } }

.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight; }

@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); } }

@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); } }

.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight; }

@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); } }

@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); } }

.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOutRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0; } }

.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes rotateOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left; }

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0); } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0); } }

.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0); } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0); } }

.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

#toast-container * {
  padding-left: 20px; }

.consent-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: #000;
  padding: 20px;
  -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  border-top-left-radius: 33px;
  border-top-right-radius: 33px; }
  .consent-wrapper .consent-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .consent-wrapper .consent-content .consent-asset {
      font-size: 12px;
      color: #fff;
      margin-bottom: 20px; }
      .consent-wrapper .consent-content .consent-asset a {
        color: #fff; }
  .consent-wrapper .consent-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .consent-wrapper .consent-buttons button {
      padding: 10px 16px;
      font-size: 12px;
      border-radius: 20px;
      border: none;
      width: 48%;
      font-family: "Kurdis Wide ExtraBold";
      color: #fff;
      cursor: pointer; }
      .consent-wrapper .consent-buttons button.accept {
        background-color: #3605FF; }
        .consent-wrapper .consent-buttons button.accept:hover {
          background-color: #3605FF; }
      .consent-wrapper .consent-buttons button.decline {
        background-color: #F0F0F0;
        color: #000; }
        .consent-wrapper .consent-buttons button.decline:hover {
          background-color: #F0F0F0; }

.modal#consent-tracking {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); }
  .modal#consent-tracking .modal-dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #3605FF;
    padding: 20px;
    border-top-left-radius: 33px;
    border-top-right-radius: 33px;
    width: 100%; }
    .modal#consent-tracking .modal-dialog .modal-content {
      font-size: 12px;
      color: #fff;
      margin-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .modal#consent-tracking .modal-dialog .modal-body {
      margin-bottom: 20px; }
      .modal#consent-tracking .modal-dialog .modal-body a {
        color: #fff; }
  .modal#consent-tracking .modal-footer {
    width: 100%; }
  .modal#consent-tracking .button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .modal#consent-tracking .button-wrapper button {
      padding: 12px 16px;
      font-size: 14px;
      border-radius: 30px;
      border: none;
      width: 48%;
      color: #fff;
      cursor: pointer; }
      .modal#consent-tracking .button-wrapper button:lang(ar) {
        font-family: "bcn_arabic_roundedbold"; }
      .modal#consent-tracking .button-wrapper button:lang(en) {
        font-family: "Galano Grotesque SemiBold";
        font-weight: 400; }
      .modal#consent-tracking .button-wrapper button.accept, .modal#consent-tracking .button-wrapper button.affirm {
        color: #3605FF;
        background: #fff; }
        .modal#consent-tracking .button-wrapper button.accept:hover, .modal#consent-tracking .button-wrapper button.affirm:hover {
          background-color: #3605FF; }
      .modal#consent-tracking .button-wrapper button.decline {
        background-color: transparent;
        color: #fff;
        border: 1px solid #fff; }
        .modal#consent-tracking .button-wrapper button.decline:hover {
          background-color: transparent; }


/*# sourceMappingURL=global-desktop.css.map*/