@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-BlackIt.eot);
    src: url(BasisGrotesquePro-BlackIt.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-BlackIt.woff2) format("woff2"), url(BasisGrotesquePro-BlackIt.woff) format("woff"),
        url(BasisGrotesquePro-BlackIt.ttf) format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-BoldIt.eot);
    src: url(BasisGrotesquePro-BoldIt.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-BoldIt.woff2) format("woff2"), url(BasisGrotesquePro-BoldIt.woff) format("woff"),
        url(BasisGrotesquePro-BoldIt.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-Black.eot);
    src: url(BasisGrotesquePro-Black.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-Black.woff2) format("woff2"), url(BasisGrotesquePro-Black.woff) format("woff"),
        url(BasisGrotesquePro-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-Light.eot);
    src: url(BasisGrotesquePro-Light.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-Light.woff2) format("woff2"), url(BasisGrotesquePro-Light.woff) format("woff"),
        url(BasisGrotesquePro-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-LightIt.eot);
    src: url(BasisGrotesquePro-LightIt.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-LightIt.woff2) format("woff2"), url(BasisGrotesquePro-LightIt.woff) format("woff"),
        url(BasisGrotesquePro-LightIt.ttf) format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-Bold.eot);
    src: url(BasisGrotesquePro-Bold.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-Bold.woff2) format("woff2"), url(BasisGrotesquePro-Bold.woff) format("woff"),
        url(BasisGrotesquePro-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro OffWhite";
    src: url(BasisGrotesquePro-OffWhiteIt.eot);
    src: url(BasisGrotesquePro-OffWhiteIt.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-OffWhiteIt.woff2) format("woff2"), url(BasisGrotesquePro-OffWhiteIt.woff) format("woff"),
        url(BasisGrotesquePro-OffWhiteIt.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-MediumIt.eot);
    src: url(BasisGrotesquePro-MediumIt.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-MediumIt.woff2) format("woff2"), url(BasisGrotesquePro-MediumIt.woff) format("woff"),
        url(BasisGrotesquePro-MediumIt.ttf) format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro OffWhite";
    src: url(BasisGrotesquePro-OffWhite.eot);
    src: url(BasisGrotesquePro-OffWhite.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-OffWhite.woff2) format("woff2"), url(BasisGrotesquePro-OffWhite.woff) format("woff"),
        url(BasisGrotesquePro-OffWhite.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-Regular.eot);
    src: url(BasisGrotesquePro-Regular.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-Regular.woff2) format("woff2"), url(BasisGrotesquePro-Regular.woff) format("woff"),
        url(BasisGrotesquePro-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-It.eot);
    src: url(BasisGrotesquePro-It.eot?#iefix) format("embedded-opentype"), url(BasisGrotesquePro-It.woff2) format("woff2"),
        url(BasisGrotesquePro-It.woff) format("woff"), url(BasisGrotesquePro-It.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-Medium.eot);
    src: url(BasisGrotesquePro-Medium.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-Medium.woff2) format("woff2"), url(BasisGrotesquePro-Medium.woff) format("woff"),
        url(BasisGrotesquePro-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: ProximaNovaCond-Bold;
    src: url(ProximaNovaCond-Bold.eot);
    src: url(ProximaNovaCond-Bold.eot?#iefix) format("embedded-opentype"), url(ProximaNovaCond-Bold.woff2) format("woff2"),
        url(ProximaNovaCond-Bold.woff) format("woff"), url(ProximaNovaCond-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: ProximaNovaCond-Black;
    src: url(ProximaNovaCond-Black.eot);
    src: url(ProximaNovaCond-Black.eot?#iefix) format("embedded-opentype"), url(ProximaNovaCond-Black.woff2) format("woff2"),
        url(ProximaNovaCond-Black.woff) format("woff"), url(ProximaNovaCond-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: ProximaNovaCond-Medium;
    src: url(ProximaNovaCond-Medium.eot);
    src: url(ProximaNovaCond-Medium.eot?#iefix) format("embedded-opentype"),
        url(ProximaNovaCond-Medium.woff2) format("woff2"), url(ProximaNovaCond-Medium.woff) format("woff"),
        url(ProximaNovaCond-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: ProximaNovaCond-Extrabld;
    src: url(ProximaNovaCond-Extrabld.eot);
    src: url(ProximaNovaCond-Extrabld.eot?#iefix) format("embedded-opentype"),
        url(ProximaNovaCond-Extrabld.woff2) format("woff2"), url(ProximaNovaCond-Extrabld.woff) format("woff"),
        url(ProximaNovaCond-Extrabld.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-BlackIt.eot);
    src: url(BasisGrotesquePro-BlackIt.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-BlackIt.woff2) format("woff2"), url(BasisGrotesquePro-BlackIt.woff) format("woff"),
        url(BasisGrotesquePro-BlackIt.ttf) format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-BoldIt.eot);
    src: url(BasisGrotesquePro-BoldIt.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-BoldIt.woff2) format("woff2"), url(BasisGrotesquePro-BoldIt.woff) format("woff"),
        url(BasisGrotesquePro-BoldIt.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-Black.eot);
    src: url(BasisGrotesquePro-Black.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-Black.woff2) format("woff2"), url(BasisGrotesquePro-Black.woff) format("woff"),
        url(BasisGrotesquePro-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-Light.eot);
    src: url(BasisGrotesquePro-Light.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-Light.woff2) format("woff2"), url(BasisGrotesquePro-Light.woff) format("woff"),
        url(BasisGrotesquePro-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-LightIt.eot);
    src: url(BasisGrotesquePro-LightIt.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-LightIt.woff2) format("woff2"), url(BasisGrotesquePro-LightIt.woff) format("woff"),
        url(BasisGrotesquePro-LightIt.ttf) format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-Bold.eot);
    src: url(BasisGrotesquePro-Bold.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-Bold.woff2) format("woff2"), url(BasisGrotesquePro-Bold.woff) format("woff"),
        url(BasisGrotesquePro-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro OffWhite";
    src: url(BasisGrotesquePro-OffWhiteIt.eot);
    src: url(BasisGrotesquePro-OffWhiteIt.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-OffWhiteIt.woff2) format("woff2"), url(BasisGrotesquePro-OffWhiteIt.woff) format("woff"),
        url(BasisGrotesquePro-OffWhiteIt.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-MediumIt.eot);
    src: url(BasisGrotesquePro-MediumIt.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-MediumIt.woff2) format("woff2"), url(BasisGrotesquePro-MediumIt.woff) format("woff"),
        url(BasisGrotesquePro-MediumIt.ttf) format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro OffWhite";
    src: url(BasisGrotesquePro-OffWhite.eot);
    src: url(BasisGrotesquePro-OffWhite.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-OffWhite.woff2) format("woff2"), url(BasisGrotesquePro-OffWhite.woff) format("woff"),
        url(BasisGrotesquePro-OffWhite.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-Regular.eot);
    src: url(BasisGrotesquePro-Regular.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-Regular.woff2) format("woff2"), url(BasisGrotesquePro-Regular.woff) format("woff"),
        url(BasisGrotesquePro-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-It.eot);
    src: url(BasisGrotesquePro-It.eot?#iefix) format("embedded-opentype"), url(BasisGrotesquePro-It.woff2) format("woff2"),
        url(BasisGrotesquePro-It.woff) format("woff"), url(BasisGrotesquePro-It.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Basis Grotesque Pro";
    src: url(BasisGrotesquePro-Medium.eot);
    src: url(BasisGrotesquePro-Medium.eot?#iefix) format("embedded-opentype"),
        url(BasisGrotesquePro-Medium.woff2) format("woff2"), url(BasisGrotesquePro-Medium.woff) format("woff"),
        url(BasisGrotesquePro-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: ProximaNova;
    font-weight: 100;
    src: url(100.woff2) format("woff2"), url(100.woff) format("woff"),
        url(100.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: ProximaNova;
    font-weight: 200;
    src: url(200.woff2) format("woff2"), url(200.woff) format("woff"),
        url(200.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: ProximaNova;
    font-weight: 300;
    src: url(300.woff2) format("woff2"), url(300.woff) format("woff"),
        url(300.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: ProximaNova;
    font-weight: 400;
    src: url(400.woff2) format("woff2"), url(400.woff) format("woff"),
        url(400.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: ProximaNova;
    font-weight: 500;
    src: url(500.woff2) format("woff2"), url(500.woff) format("woff"),
        url(500.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: ProximaNova;
    font-weight: 600;
    src: url(600.woff2) format("woff2"), url(600.woff) format("woff"),
        url(600.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: ProximaNova;
    font-weight: 700;
    src: url(700.woff2) format("woff2"), url(700.woff) format("woff"),
        url(700.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: ProximaNova;
    font-weight: 800;
    src: url(500.woff2) format("woff2"), url(500.woff) format("woff"),
        url(500.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: ProximaNovaCondensedBold;
    src: url(ProximaNovaCond-Bold.eot);
    src: url(ProximaNovaCond-Bold.eot?#iefix) format("embedded-opentype"), url(ProximaNovaCond-Bold.woff2) format("woff2"),
        url(ProximaNovaCond-Bold.woff) format("woff"), url(ProximaNovaCond-Bold.ttf) format("truetype");
    font-style: normal;
}
@font-face {
    font-family: ProximaNovaExtraBold;
    src: url(ProximaNovaExtraBold.eot);
    src: url(ProximaNovaExtraBold.woff2) format("woff2"), url(ProximaNovaExtraBold.woff) format("woff"),
        url(ProximaNovaExtraBold.ttf) format("truetype");
    font-style: normal;
}
@font-face {
    font-family: ProximaNovaCondensedBlack;
    src: url(ProximaNovaCond-Black.woff2) format("woff2"), url(ProximaNovaCond-Black.woff) format("woff"),
        url(ProximaNovaCond-Black.ttf) format("truetype");
    font-style: normal;
}
@font-face {
    font-family: ProximaNovaCondensedRegular;
    src: url(ProximaNovaCondensedRegular.woff2) format("woff2"),
        url(ProximaNovaCondensedRegular.woff) format("woff"),
        url(ProximaNovaCondensedRegular.ttf) format("truetype");
    font-style: normal;
}
@font-face {
    font-family: AsapCondensedSemiBold;
    src: url(AsapCondensed-SemiBold.eot);
    src: url(AsapCondensed-SemiBold.eot?#iefix) format("embedded-opentype"),
        url(AsapCondensed-SemiBold.woff) format("woff"), url(AsapCondensed-SemiBold.ttf) format("truetype"),
        url(AsapCondensed-SemiBold.svg#AsapCondensedSemiBold) format("svg");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: ProximaNovaBlack;
    src: url(ProximaNovaBlack.woff2) format("woff2"), url(ProximaNovaBlack.woff) format("woff"),
        url(ProximaNovaBlack.ttf) format("truetype");
    font-style: normal;
}
@font-face {
    font-family: ProximaNovaBold;
    src: url(bold.woff2) format("woff2"), url(bold.woff) format("woff"),
        url(bold.ttf) format("truetype");
    font-style: normal;
}
@font-face {
    font-family: ProximaNovaLight;
    src: url(ProximaNovaLight.woff2) format("woff2"), url(ProximaNovaLight.woff) format("woff"),
        url(ProximaNovaLight.ttf) format("truetype");
    font-style: normal;
}
@font-face {
    font-family: ProximaNovaSemiBold;
    src: url(ProximaNovaSemiBold.woff2) format("woff2"), url(ProximaNovaSemiBold.woff) format("woff"),
        url(ProximaNovaSemiBold.ttf) format("truetype");
    font-style: normal;
}
@font-face {
    font-family: ProximaNovaCondensedExtraBold;
    src: url(ProximaNovaCond-Extrabld.woff2) format("woff2"), url(ProximaNovaCond-Extrabld.woff) format("woff"),
        url(ProximaNovaCond-Extrabld.ttf) format("truetype");
    font-style: normal;
}
/* body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #fff;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
body::-webkit-scrollbar,
html::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    background: 0 0;
}
html {
    font-family: arial, "Helvetica Neue", sans-serif;
    font-size: 14px;
    line-height: 1.2;
    color: #282c3f;
    letter-spacing: -0.5px;
    font-weight: 300;
} */
@media (max-width: 320px) {
    html {
        font-size: 13px;
    }
}
* {
    cursor: pointer;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: none;
    outline: 0;
}
:not(input):not(textarea):not(button) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fonts-loaded {
    font-family: ProximaNova, arial, Helvetica Neue, sans-serif;
    letter-spacing: 0;
}
.fonts-loaded-ux4 {
    font-family: "Basis Grotesque Pro", arial, Helvetica Neue, sans-serif;
    letter-spacing: 0;
}
ol,
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
input {
    line-height: normal;
}
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
button {
    color: inherit;
    font: inherit;
    margin: 0;
    background: 0 0;
    border: none;
    border-color: transparent;
    outline: 0;
    padding: 0;
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
::-moz-focus-inner {
    border: none;
    outline: 0;
}
input:disabled,
input:focus,
input:hover,
textarea:disabled {
    background: inherit;
}
::-webkit-input-placeholder {
    color: #7e808c;
    font-size: inherit;
    font-family: inherit;
}
::-ms-placeholder {
    color: #7e808c;
    font-size: inherit;
    font-family: inherit;
}
.ripple {
    width: 4px;
    height: 4px;
    background: rgba(199, 199, 199, 0.6);
    border-radius: 100%;
    position: absolute;
    -webkit-animation: ripple 0.3s ease-in-out;
    animation: ripple 0.3s ease-in-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    contain: content;
}
.rupee:before {
    content: "\20B9";
    margin-right: 0.1rem;
}
@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(100);
        transform: scale(100);
    }
}
@keyframes ripple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(100);
        transform: scale(100);
    }
}

@font-face {
    font-family: icomoon;
    src: url(icomoon.ttf) format("truetype"),
        url(icomoon.woff) format("woff"),
        url(icomoon.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
}
[class*=" icon-"],
[class^="icon-"] {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-percentage:before {
    content: "\E905";
}
.icon-Offers-outline:before {
    content: "\E948";
}