.active-m[data-v-d13cf92a],.active[data-v-d13cf92a] {
    border-bottom-width: 2px;
    box-sizing: content-box;
    --tw-border-opacity: 1;
    border-color: rgba(209,43,138,var(--tw-border-opacity))
}

.active-m i[data-v-d13cf92a],.active-m img[data-v-d13cf92a],.active-m p[data-v-d13cf92a],.active img[data-v-d13cf92a],.active span[data-v-d13cf92a] {
    filter: invert(35%) sepia(88%) saturate(5301%) hue-rotate(309deg) brightness(87%) contrast(87%)
}

[dir=rtl] select[data-v-478b3fc9] {
    background-position: left .5rem center
}

.required[data-v-478b3fc9]:after {
    content: " *";
    color: #d12b8a
}

.btn-active:active {
    transform: scale(.9)
}

[dir=rtl] label input[data-v-1f187122] {
    text-align: right!important
}

.pie-wrapper[data-v-f49317f6] {
    position: relative;
    width: 1em;
    height: 1em;
    margin: 0 auto
}

.pie-wrapper .label[data-v-f49317f6] {
    position: absolute;
    top: .52em;
    right: .4em;
    bottom: .4em;
    left: .4em;
    display: flex;
    background: none;
    border-radius: 50%;
    color: #7f8c8d;
    font-size: .15em;
    text-align: center;
    cursor: default;
    z-index: 2
}

svg[data-v-f49317f6] {
    height: var(--progress-bar-size);
    transform: rotate(-90deg);
    width: var(--progress-bar-size)
}

.progress-bar__background[data-v-f49317f6] {
    fill: none;
    stroke: #e2eff0;
    stroke-width: var(--progress-bar-stroke-width)
}

.progress-bar__progress[data-v-f49317f6] {
    fill: none;
    stroke: var(--circle-color);
    stroke-dasharray: 100 100;
    stroke-dashoffset: var(--progress-value);
    stroke-linecap: round;
    stroke-width: var(--progress-bar-stroke-width);
    transition: stroke-dashoffset .5s ease-in-out
}

.panel[data-v-1861030c]::-webkit-scrollbar {
    width: 5px
}

.panel[data-v-1861030c]::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px
}

.panel[data-v-1861030c]::-webkit-scrollbar-thumb {
    background: hsla(0,0%,53.3%,.52);
    border-radius: 0
}

.panel[data-v-1861030c]::-webkit-scrollbar-thumb:hover {
    background: #555
}

.panel[data-v-1861030c] {
    overflow-y: overlay
}

.list-box-item[data-v-6b568f73]:not(:last-child) {
    border-bottom: 1px solid #e3e3e3
}

.loading-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
    display: none;
    justify-content: center;
    overflow: hidden;
    z-index: 9
}

.loading-overlay.is-active {
    display: flex
}

.loading-overlay.is-full-page {
    position: fixed;
    z-index: 1000
}

.loading-overlay.is-full-page .loading-icon:after {
    top: calc(50% - 2.5em);
    left: calc(50% - 2.5em);
    width: 5em;
    height: 5em
}

.loading-overlay .loading-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.dark .loading-background {
    background: #404040
}

.bar[data-v-eada3f10] {
    background-color: var(--bar-color)
}

.small-text[data-v-2fbfb088] {
    font-size: 10px
}

.b-slider .b-slider-thumb-wrapper {
    display: inline-flex;
    align-items: center;
    position: absolute;
    cursor: grab;
    transform: translate(-50%,-50%);
    top: 50%;
    flex-direction: column
}

.b-slider .b-slider-thumb-wrapper .b-slider-thumb:focus {
    transform: scale(1.25)
}

.b-slider .b-slider-thumb-wrapper.is-dragging {
    cursor: grabbing
}

.b-slider .b-slider-thumb-wrapper.is-dragging .b-slider-thumb {
    transform: scale(1.25)
}

.b-slider .b-slider-thumb-wrapper.has-indicator .b-slider-thumb {
    padding: 16px 10px;
    display: flex;
    align-items: center;
    width: auto
}

.b-slider.is-disabled .b-slider-thumb-wrapper {
    cursor: not-allowed
}

.b-slider.is-disabled .b-slider-thumb-wrapper .b-slider-thumb {
    transform: scale(1)
}

.b-slider .b-slider-thumb {
    height: 1rem;
    width: 1rem
}

.b-slider-tick-label {
    position: absolute;
    top: calc(-3rem + 2px);
    left: 50%;
    transform: translateX(-50%)
}

.b-slider-tick {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 4px;
    height: 1rem
}

.b-slider-tick:not(:nth-child(2)):not(:nth-last-child(2)) {
    width: 1rem;
    border-radius: 50%
}

.b-slider-tick.is-tick-hidden {
    background: transparent
}

.tick-active :after {
    box-sizing: border-box;
    height: 10px;
    width: 10px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    transform: translateX(-50%) rotate(45deg);
    transition: border-width .15s ease-in-out;
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -6px;
    left: 50%;
    background: #fff
}

.b-slider {
    background: transparent;
    width: 100%
}

.b-slider .b-slider-track {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    background: #dbdbdb;
    border-radius: 4px
}

.b-slider .b-slider-fill {
    position: absolute;
    height: 100%;
    box-shadow: 0 0 0 #7a7a7a;
    border-radius: 4px;
    border: 0 solid #7a7a7a;
    top: 50%;
    transform: translateY(-50%)
}

.b-slider.slider-focus {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -20px;
    margin-bottom: -20px;
    cursor: pointer
}

.b-slider.is-disabled .b-slider-track {
    cursor: not-allowed;
    opacity: .5
}

.b-slider .b-slider-track {
    height: .35rem
}

input[type=radio]:checked+label[data-v-7c822d4d] {
    border-color: #d12b8a
}

.country-dropdown-fade-enter-active[data-v-107a5dec] {
    transition: all .1s cubic-bezier(0,0,.2,1)
}

.country-dropdown-fade-enter[data-v-107a5dec] {
    opacity: 0;
    transform: scale(.95)
}

.country-dropdown-fade-enter-to[data-v-107a5dec] {
    opacity: 1;
    transform: scale(1)
}

.country-dropdown-fade-leave-active[data-v-107a5dec] {
    transition: all 75ms cubic-bezier(.4,0,1,1)
}

.country-dropdown-fade-leave[data-v-107a5dec] {
    opacity: 1;
    transform: scale(1)
}

.country-dropdown-fade-leave-to[data-v-107a5dec] {
    opacity: 0;
    transform: scale(.95)
}

.overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 20
}

.mobile-menu {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAUCAYAAADY6P5TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAXtSURBVFhHbZftjuQmEEXxx8xIo11t/kaKFE2iSEmU93+23Zm2nXNugds9CfR1AYaiLgWFe3r7+tdxTEfbyXkePIF5PxpP05RnpWvZNPU8U0ROS5uWpc3IZUYuT21ZC7bbZ0fxtn207eO9bbf3tlPe91ujgD5mzBRTOyZ0zoJxywrUPauC1xp3awfjMn577+WtHQd6Oof0Tn918pzO+j2PJIl7q+ULOrkZgyYMs94igUaO8tBx9HJvd0FONPWsLJB4htcF0xN91oxvO3PoBTDtGAjKMvUwdnpG0lCpSsGFdA1gETWm10e2LTlGalStdhntJJ2AY5FqEal3DaNvFsCxkBJFEM9f0WjnmcWBXEhtSiw71Ofi0IdFyMIACJp8yZNOrorSrBmaVLXPsufTsMJJOJ68kx1EQ1IDxXjHOL0lqRBjW88QKmgwbTHeccypp9zNndy08+awD8Qgt+K5dXpp6/zCiAwoYrUKnUAnaV3T0s5usFyQiF4rTy0ibb29Gx4Zckrg6EEs/YpUPCexTk6PRfI+9LBHzJCbuxNmFmk+nLWTa3itvTBG1Haefv/6z3EcBJgcSgMNPHs2pV5FUqePgVjUvdTLA+MMZuWZXIMJMEJCnJZ2bASzGwHBoDAChQeoT1RHpOZRUsg4rdljq72RBiUCivVYys9e9o+0+NsXCHblyX2SQdDUp+2DH8kNjLZIicV7kCT6zStbRZK0q2ffJbgR8W5tk6DGxlBnKiplJLrIOCtGlAOK4HAIhfGy5JnQw7vp7cvfssqrMcH/J6aK8czWycSA02N1BdhmoIn39KIefGLLINPH98yz60VCeiDJ4RUNiw3lg84tz/suo2XYGmnqvU4O9GMhp19f/7RXmkrl5ySxgU5GmC/kUqdMBUl9eHAlkj1xHvSg54yc+QjtwjtRshvbbQfxZKwZMNnS80ngmqiHvLJ7OAS3Nv3y+sdD7xgaI3o5Bj/KCv/XciEhqG/TCh6QhODSt2gufrsxNrZoxlYkt3i0Q6IY2Ht0qZlDVhoOGaRr69aZRGN58OfXN95eCKVcEjNj8IiE80mq5EPZvr3tswcXPcgWXbiUZr9EJMkIz5a2GXQ2iIbkTdKSvHjigaTpTjLleK/3zS7oZeS8wRT1wcio93UQA9SjMa68stSeSGOEZDtcHs+hmXC+0LF8XJDsKhawEuSfZjAk4LNsZUvXJVH34H9ztJOzvMkuuFfWytyrC6wr92aYvhP10Ff5kl0lkG9VaOXAs0LnQmB0QbI1WSSTZXL6e48qi2RJww5OxcOSmtrTinED1Bd2UNEronXb3qmpo2aqhSuS3stre/JL5uCzYBcXottZL+j2nb19gvqGFCkLehb5K1GmHMxJ4zYbbTGMR616eVVIdF317iAJ6D1Q3ur6orsU2jY+NPKBwIUfgnzzsP3KF0Xi6lHuKonTtnEh38G/AeTtJGvv0CTnu7dPK/Q2MvBhY8nh1TIO41mTIiwxypDjF8Q79KuFcrw2YzuzVXCxrHJ74nE/zMcGq60qUTsNkkUsJA8INf7eBJRPwkU0kGSIog/L9+ATWe1Kvsr7Q6IPoP0ua8QgdNp32kAbiFYG5WzeB0i0tuYjSb2j5D/XhfAd9hNDR9eHRYfaO/gepk1k7Qs8uCGCnOkUri+RtnmVJDs/dmSxP9g94r19DNB+wz6RXcWIOYHiatjIblkRtxeJKtunZB2AT6At10CiB3WxFo4cNJe2bzSavatYdn68B96LtuVDgOsiV0iyu0Zi7KDjvd22H5D60d6V2/eq375TrvaPg3fk6dvrT0xTyQkrsYc9D0q/2LHYmhHNY16Xe0WzyVDs9yYh3T+ka/9qWbz/vPt4tyTkc/BzN5Yutx3rendh9nGVD0neIAY+WNSbXsN72UnDO/Ee9X48DHAm71/nXZcXgtWzBL/xxulIlOxW95hmXHKPTgMhqAwxSUoKxSdB0d+FnAvkuNItoSKiZFLKQSfoZW8AY8PR3L0nuQQ1JXU/1nP+3F3uLHaPdsUmF/e5/QueiFqBBmnZvAAAAABJRU5ErkJggg==);
    background-size: cover
}

.header-bg {
    background: url(data:image/png;base64,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);
    background-size: cover
}

.footer[data-v-787f99fc] {
    background-image: url(data:image/png;base64,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);
    background-size: cover;
    padding-top: 55px;
    padding-bottom: 40px;
    background-position: 50%
}

@media (max-width: 767px) {
    .footer[data-v-787f99fc] {
        padding-top:20px;
        padding-bottom: 8px
    }
}

#app,body,html {
    height: 100%;
    width: 100%
}

:root {
    --swiper-theme-color: #d12b8a!important
}

a {
    cursor: pointer
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

html.no-scroll {
    width: 100%;
    height: 100%;
    overflow: hidden
}

html.no-scroll #app {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

[dir=rtl] label input[data-v-9224202c] {
    text-align: right!important
}

.required[data-v-9224202c]:after {
    content: " *";
    color: #d12b8a
}

.forceLTR[data-v-3b90cba8] {
    direction: ltr
}

.zunderline[data-v-3b90cba8] {
    border-bottom: 1px solid rgba(0,0,0,.4);
    display: inline-block;
    line-height: .85
}

.violet-darker {
    color: #4e32a2
}

.OTT-image[data-v-56984f1b] {
    border-color: #e5e5e5;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    height: 106px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 106px;
    margin-bottom: 20px;
    margin-top: 6px
}

.inactiveOTT[data-v-56984f1b] {
    opacity: .6
}

.content-price[data-v-56984f1b] {
    display: flex;
    align-content: center;
    text-align: center;
    font-style: normal;
    font-size: 13px;
    line-height: 23px;
    width: 100%;
    margin-bottom: 14px;
    font-weight: 700;
    height: 26px
}

.basic-content-label[data-v-56984f1b] {
    background: rgba(35,183,192,.05);
    color: #23b7c0
}

.premium-content-label[data-v-56984f1b] {
    background: rgba(196,173,0,.05);
    color: #c4ad00
}

.active-since[data-v-56984f1b] {
    margin-bottom: 6px;
    font-size: 13px;
    text-align: center
}

.OTT-image[data-v-1a85293f] {
    border-color: #e5e5e5;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    height: 96px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 96px;
    align-self: center
}

.mini-otts[data-v-1a85293f] {
    height: 60px
}

.modal-divider[data-v-1a85293f] {
    color: #e5e5e5
}

.icon-app-entertainment-3[data-v-66de9dde]:before {
    font-size: 20px
}

.OTT-image[data-v-5df58210],.OTT-image[data-v-b3bb11a8] {
    border-color: #e5e5e5;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    height: 96px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 96px;
    margin-bottom: 18px;
    align-self: center
}

.OTT-image[data-v-5df58210] {
    margin-top: 66px
}

.mini-otts[data-v-5df58210] {
    height: 60px
}

.OTT-image-plan[data-v-5df58210] {
    border-color: #e5e5e5;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 50px
}

.featured-content[data-v-5df58210] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f8f8f8;
    height: 42px
}

.icon-app-entertainment-3[data-v-5df58210]:before {
    color: #23b7c0
}

.plan[data-v-5df58210]:before {
    color: #d12b8a;
    font-size: 20px
}

.premium[data-v-5df58210]:before {
    color: #c4ad00
}

.content-type-label[data-v-5df58210] {
    display: flex;
    align-content: center;
    gap: 11px;
    padding: 6px 10px 6px 10px;
    text-align: left;
    width: auto;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 23px
}

.popup-title[data-v-5df58210] {
    font-weight: 700;
    font-size: 20px
}

.upgrade-text[data-v-5df58210] {
    margin-top: 43px;
    margin-bottom: 26px;
    font-size: 18px;
    font-weight: 500
}

.modal-content[data-v-5df58210] {
    padding-right: 18%;
    padding-left: 18%
}

.modal-divider[data-v-5df58210] {
    color: #e5e5e5
}

.confirm-plan[data-v-5df58210] {
    border: 1px solid #e5e5e5;
    border-radius: 8px
}

.basic-content-label[data-v-5df58210] {
    background: rgba(35,183,192,.05);
    color: #23b7c0
}

.premium-content-label[data-v-5df58210] {
    background: rgba(196,173,0,.05);
    color: #c4ad00
}

.content-header[data-v-5df58210] {
    margin-bottom: 37px
}

.tool-tip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0
}

.tt-center {
    top: 3em
}

@media (min-width: 540px) {
    .tool-tip-top:after {
        top:100%;
        border-top: 10px solid #262626
    }

    .tool-tip-bottom:after,.tool-tip-top:after {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        left: 50%;
        margin-left: -10px
    }

    .tool-tip-bottom:after {
        bottom: 100%;
        border-bottom: 10px solid #262626
    }

    .tool-tip-left:after {
        left: 99%;
        border-left: 10px solid #262626
    }

    .tool-tip-left:after,.tool-tip-right:after {
        top: 50%;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        margin-top: -10px
    }

    .tool-tip-right:after {
        right: 99%;
        border-right: 10px solid #262626
    }
}

#g-recaptcha {
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width: 400px) {
    #g-recaptcha {
        transform:translateX(-50%) scale(.8)
    }
}

.override-loading .loading-overlay {
    z-index: 10
}

.form-control {
    transition: none;
    text-align: center
}

.form-control:focus {
    color: #3f4254;
    background-color: #fff;
    border-color: #884377;
    outline: 0
}

.form-control.form-control-solid {
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease
}

.form-control.form-control-solid.active,.form-control.form-control-solid.focus,.form-control.form-control-solid:active,.form-control.form-control-solid:focus {
    background-color: #ebedf3;
    border-color: #ebedf3;
    color: #3f4254;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease
}

input[data-v-be5938ee]:focus,textarea[data-v-be5938ee]:focus {
    outline: none
}

.header-bg[data-v-6a4a32d1],.header-bg[data-v-c781aacc] {
    background: url(../img/cart_header-bg.0517c80f.png);
    background-size: cover
}

.slide-enter-active[data-v-223da324],.slide-leave-active[data-v-223da324] {
    transition: all .2s ease
}

.slide-enter[data-v-223da324],.slide-leave-to[data-v-223da324] {
    transform: translateY(100%);
    transition: all .2s ease
}

/*! tailwindcss v2.1.4 | MIT License | https://tailwindcss.com */
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
html {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji
}

hr {
    height: 0;
    color: inherit
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

button {
    background-color: transparent;
    background-image: none
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

fieldset,ol,ul {
    margin: 0;
    padding: 0
}

ol,ul {
    list-style: none
}

html {
    font-family: Nunito Sans,sans-serif;
    line-height: 1.5
}

body {
    font-family: inherit;
    line-height: inherit
}

*,:after,:before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e5e5
}

hr {
    border-top-width: 1px
}

img {
    border-style: solid
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #a3a3a3
}

input::placeholder,textarea::placeholder {
    color: #a3a3a3
}

[role=button],button {
    cursor: pointer
}

table {
    border-collapse: collapse
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

button,input,optgroup,select,textarea {
    padding: 0;
    line-height: inherit;
    color: inherit
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[multiple],[type=date],[type=email],[type=month],[type=number],[type=password],[type=search],[type=text],[type=time],[type=url],[type=week],select,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #737373;
    border-width: 1px;
    border-radius: 0;
    padding-top: .5rem;
    padding-right: .75rem;
    padding-bottom: .5rem;
    padding-left: .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 transparent
}

[multiple]:focus,[type=date]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    border-color: #2563eb
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #737373;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #737373;
    opacity: 1
}

select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

[multiple] {
    background-image: none;
    background-position: 0 0;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    color-adjust: unset
}

[type=checkbox],[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #737373;
    border-width: 1px;
    --tw-shadow: 0 0 transparent
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus,[type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

[type=checkbox]:checked,[type=radio]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E")
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover {
    border-color: transparent;
    background-color: currentColor
}

[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover {
    border-color: transparent;
    background-color: currentColor
}

[type=file] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
}

[type=file]:focus {
    outline: 1px auto -webkit-focus-ring-color
}

.container {
    width: 100%
}

@media (min-width: 320px) {
    .container {
        max-width:320px
    }
}

@media (min-width: 480px) {
    .container {
        max-width:480px
    }
}

@media (min-width: 640px) {
    .container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem*var(--tw-space-y-reverse))
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem*var(--tw-space-x-reverse));
    margin-left: calc(0.25rem*(1 - var(--tw-space-x-reverse)))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem*var(--tw-space-y-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem*var(--tw-space-x-reverse));
    margin-left: calc(0.5rem*(1 - var(--tw-space-x-reverse)))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem*var(--tw-space-y-reverse))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem*var(--tw-space-x-reverse));
    margin-left: calc(0.75rem*(1 - var(--tw-space-x-reverse)))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem*var(--tw-space-y-reverse))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem*var(--tw-space-x-reverse));
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem*var(--tw-space-y-reverse))
}

.space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem*var(--tw-space-x-reverse));
    margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse))
}

.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem*var(--tw-space-x-reverse));
    margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem*var(--tw-space-y-reverse))
}

.space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem*var(--tw-space-y-reverse))
}

.space-x-10>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.5rem*var(--tw-space-x-reverse));
    margin-left: calc(2.5rem*(1 - var(--tw-space-x-reverse)))
}

.space-y-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.625rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.625rem*var(--tw-space-y-reverse))
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-transparent {
    background-color: transparent
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0,0,0,var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(250,250,250,var(--tw-bg-opacity))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(245,245,245,var(--tw-bg-opacity))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229,229,229,var(--tw-bg-opacity))
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(212,212,212,var(--tw-bg-opacity))
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(163,163,163,var(--tw-bg-opacity))
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(115,115,115,var(--tw-bg-opacity))
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(82,82,82,var(--tw-bg-opacity))
}

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(64,64,64,var(--tw-bg-opacity))
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(38,38,38,var(--tw-bg-opacity))
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(23,23,23,var(--tw-bg-opacity))
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(239,246,255,var(--tw-bg-opacity))
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(219,234,254,var(--tw-bg-opacity))
}

.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(191,219,254,var(--tw-bg-opacity))
}

.bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(147,197,253,var(--tw-bg-opacity))
}

.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(96,165,250,var(--tw-bg-opacity))
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(59,130,246,var(--tw-bg-opacity))
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(37,99,235,var(--tw-bg-opacity))
}

.bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(29,78,216,var(--tw-bg-opacity))
}

.bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(30,64,175,var(--tw-bg-opacity))
}

.bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(30,58,138,var(--tw-bg-opacity))
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(255,241,242,var(--tw-bg-opacity))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(255,228,230,var(--tw-bg-opacity))
}

.bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(254,205,211,var(--tw-bg-opacity))
}

.bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(253,164,175,var(--tw-bg-opacity))
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(251,113,133,var(--tw-bg-opacity))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(244,63,94,var(--tw-bg-opacity))
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(225,29,72,var(--tw-bg-opacity))
}

.bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(190,18,60,var(--tw-bg-opacity))
}

.bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(159,18,57,var(--tw-bg-opacity))
}

.bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(136,19,55,var(--tw-bg-opacity))
}

.bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(255,251,235,var(--tw-bg-opacity))
}

.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254,243,199,var(--tw-bg-opacity))
}

.bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(253,230,138,var(--tw-bg-opacity))
}

.bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(252,211,77,var(--tw-bg-opacity))
}

.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(251,191,36,var(--tw-bg-opacity))
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(245,158,11,var(--tw-bg-opacity))
}

.bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(217,119,6,var(--tw-bg-opacity))
}

.bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(180,83,9,var(--tw-bg-opacity))
}

.bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(146,64,14,var(--tw-bg-opacity))
}

.bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(120,53,15,var(--tw-bg-opacity))
}

.bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(245,243,255,var(--tw-bg-opacity))
}

.bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(237,233,254,var(--tw-bg-opacity))
}

.bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(221,214,254,var(--tw-bg-opacity))
}

.bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(196,181,253,var(--tw-bg-opacity))
}

.bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(167,139,250,var(--tw-bg-opacity))
}

.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(139,92,246,var(--tw-bg-opacity))
}

.bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(124,58,237,var(--tw-bg-opacity))
}

.bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(109,40,217,var(--tw-bg-opacity))
}

.bg-purple-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(91,33,182,var(--tw-bg-opacity))
}

.bg-purple-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(76,29,149,var(--tw-bg-opacity))
}

.bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(252,231,243,var(--tw-bg-opacity))
}

.bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(251,207,232,var(--tw-bg-opacity))
}

.bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(244,114,182,var(--tw-bg-opacity))
}

.bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(236,72,153,var(--tw-bg-opacity))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgba(209,43,138,var(--tw-bg-opacity))
}

.bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgba(105,190,41,var(--tw-bg-opacity))
}

.bg-teal {
    --tw-bg-opacity: 1;
    background-color: rgba(35,183,192,var(--tw-bg-opacity))
}

.bg-danger {
    --tw-bg-opacity: 1;
    background-color: rgba(200,6,35,var(--tw-bg-opacity))
}

.bg-green-light {
    --tw-bg-opacity: 1;
    background-color: rgba(102,187,106,var(--tw-bg-opacity))
}

.bg-green {
    --tw-bg-opacity: 1;
    background-color: rgba(124,196,62,var(--tw-bg-opacity))
}

.bg-green-dark {
    --tw-bg-opacity: 1;
    background-color: rgba(0,137,100,var(--tw-bg-opacity))
}

.bg-zainPurple-light {
    --tw-bg-opacity: 1;
    background-color: rgba(145,114,190,var(--tw-bg-opacity))
}

.bg-zainPurple-dark {
    --tw-bg-opacity: 1;
    background-color: rgba(32,22,58,var(--tw-bg-opacity))
}

.checked\:bg-primary:checked {
    --tw-bg-opacity: 1;
    background-color: rgba(209,43,138,var(--tw-bg-opacity))
}

.hover\:bg-transparent:hover {
    background-color: transparent
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(229,229,229,var(--tw-bg-opacity))
}

.hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(64,64,64,var(--tw-bg-opacity))
}

.hover\:bg-pink-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(251,207,232,var(--tw-bg-opacity))
}

.hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(209,43,138,var(--tw-bg-opacity))
}

.hover\:bg-secondary:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(105,190,41,var(--tw-bg-opacity))
}

.hover\:bg-teal:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(35,183,192,var(--tw-bg-opacity))
}

.dark .dark\:bg-transparent {
    background-color: transparent
}

.dark .dark\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0,0,0,var(--tw-bg-opacity))
}

.dark .dark\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(82,82,82,var(--tw-bg-opacity))
}

.dark .dark\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(64,64,64,var(--tw-bg-opacity))
}

.dark .dark\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(38,38,38,var(--tw-bg-opacity))
}

.dark .dark\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(23,23,23,var(--tw-bg-opacity))
}

.bg-gradient-to-tr {
    background-image: linear-gradient(to top right,var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(90deg,var(--tw-gradient-stops))
}

.from-purple-600 {
    --tw-gradient-from: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgba(124,58,237,0))
}

.from-teal {
    --tw-gradient-from: #23b7c0;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgba(35,183,192,0))
}

.from-app-teal {
    --tw-gradient-from: #118588;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgba(17,133,136,0))
}

.via-zainPurple-light {
    --tw-gradient-stops: var(--tw-gradient-from),#9172be,var(--tw-gradient-to,rgba(145,114,190,0))
}

.to-teal {
    --tw-gradient-to: #23b7c0
}

.to-app-dark-teal {
    --tw-gradient-to: #444f73
}

.bg-opacity-0 {
    --tw-bg-opacity: 0
}

.bg-opacity-5 {
    --tw-bg-opacity: 0.05
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.bg-opacity-30 {
    --tw-bg-opacity: 0.3
}

.bg-opacity-40 {
    --tw-bg-opacity: 0.4
}

.bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.bg-opacity-80 {
    --tw-bg-opacity: 0.8
}

.hover\:bg-opacity-30:hover {
    --tw-bg-opacity: 0.3
}

.dark .dark\:bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.dark .dark\:bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.border-transparent {
    border-color: transparent
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgba(0,0,0,var(--tw-border-opacity))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255,255,255,var(--tw-border-opacity))
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgba(245,245,245,var(--tw-border-opacity))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229,229,229,var(--tw-border-opacity))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(212,212,212,var(--tw-border-opacity))
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgba(163,163,163,var(--tw-border-opacity))
}

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgba(115,115,115,var(--tw-border-opacity))
}

.border-purple-600 {
    --tw-border-opacity: 1;
    border-color: rgba(124,58,237,var(--tw-border-opacity))
}

.border-purple-800 {
    --tw-border-opacity: 1;
    border-color: rgba(91,33,182,var(--tw-border-opacity))
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: rgba(209,43,138,var(--tw-border-opacity))
}

.border-secondary {
    --tw-border-opacity: 1;
    border-color: rgba(105,190,41,var(--tw-border-opacity))
}

.border-teal {
    --tw-border-opacity: 1;
    border-color: rgba(35,183,192,var(--tw-border-opacity))
}

.border-danger {
    --tw-border-opacity: 1;
    border-color: rgba(200,6,35,var(--tw-border-opacity))
}

.border-green {
    --tw-border-opacity: 1;
    border-color: rgba(124,196,62,var(--tw-border-opacity))
}

.hover\:border-black:hover {
    --tw-border-opacity: 1;
    border-color: rgba(0,0,0,var(--tw-border-opacity))
}

.hover\:border-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgba(209,43,138,var(--tw-border-opacity))
}

.focus\:border-transparent:focus {
    border-color: transparent
}

.focus\:border-blue-400:focus {
    --tw-border-opacity: 1;
    border-color: rgba(96,165,250,var(--tw-border-opacity))
}

.dark .dark\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgba(115,115,115,var(--tw-border-opacity))
}

.dark .dark\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgba(82,82,82,var(--tw-border-opacity))
}

.dark .dark\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgba(64,64,64,var(--tw-border-opacity))
}

.dark .dark\:hover\:border-gray-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(163,163,163,var(--tw-border-opacity))
}

.border-opacity-10 {
    --tw-border-opacity: 0.1
}

.border-opacity-30 {
    --tw-border-opacity: 0.3
}

.border-opacity-40 {
    --tw-border-opacity: 0.4
}

.border-opacity-70 {
    --tw-border-opacity: 0.7
}

.rounded-sm {
    border-radius: .125rem
}

.rounded {
    border-radius: .25rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-b-xl {
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.rounded-tl-lg {
    border-top-left-radius: .5rem
}

.rounded-tr-lg {
    border-top-right-radius: .5rem
}

.rounded-br-lg {
    border-bottom-right-radius: .5rem
}

.rounded-bl-lg {
    border-bottom-left-radius: .5rem
}

.border-solid {
    border-style: solid
}

.border-dotted {
    border-style: dotted
}

.border-none {
    border-style: none
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border {
    border-width: 1px
}

.border-t-0 {
    border-top-width: 0
}

.border-r-0 {
    border-right-width: 0
}

.border-l-0 {
    border-left-width: 0
}

.border-t-2 {
    border-top-width: 2px
}

.border-r-2 {
    border-right-width: 2px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l-2 {
    border-left-width: 2px
}

.border-t {
    border-top-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.cursor-auto {
    cursor: auto
}

.cursor-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.cursor-not-allowed {
    cursor: not-allowed
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.content-center {
    align-content: center
}

.content-between {
    align-content: space-between
}

.self-start {
    align-self: flex-start
}

.self-center {
    align-self: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.justify-self-end {
    justify-self: end
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-initial {
    flex: 0 1 auto
}

.flex-none {
    flex: none
}

.flex-grow-0 {
    flex-grow: 0
}

.flex-grow {
    flex-grow: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.font-mono {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}

.font-thin {
    font-weight: 100
}

.font-light {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-black {
    font-weight: 900
}

.h-0 {
    height: 0
}

.h-1 {
    height: .25rem
}

.h-2 {
    height: .5rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-18 {
    height: 4.375rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-26 {
    height: 6.7rem
}

.h-32 {
    height: 8rem
}

.h-36 {
    height: 9rem
}

.h-40 {
    height: 10rem
}

.h-44 {
    height: 11rem
}

.h-56 {
    height: 14rem
}

.h-64 {
    height: 16rem
}

.h-80 {
    height: 20rem
}

.h-96 {
    height: 24rem
}

.h-auto {
    height: auto
}

.h-px {
    height: 1px
}

.h-0\.5 {
    height: .125rem
}

.h-1\/3 {
    height: 33.333333%
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem
}

.text-lg,.text-xl {
    line-height: 1.75rem
}

.text-xl {
    font-size: 1.25rem
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.text-7xl {
    font-size: 4.5rem;
    line-height: 1
}

.text-8xl {
    font-size: 6rem;
    line-height: 1
}

.text-9xl {
    font-size: 8rem;
    line-height: 1
}

.text-1\.5xs {
    font-size: .675rem;
    line-height: .675rem
}

.text-2xs {
    font-size: .6rem;
    line-height: .6rem
}

.leading-3 {
    line-height: .75rem
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-8 {
    line-height: 2rem
}

.leading-9 {
    line-height: 2.25rem
}

.leading-tight {
    line-height: 1.25
}

.list-none {
    list-style-type: none
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-2 {
    margin: .5rem
}

.m-3 {
    margin: .75rem
}

.m-7 {
    margin: 1.75rem
}

.m-auto {
    margin: auto
}

.-m-1 {
    margin: -.25rem
}

.-m-2 {
    margin: -.5rem
}

.-m-1\.5 {
    margin: -.375rem
}

.-m-2\.5 {
    margin: -.625rem
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem
}

.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
}

.my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.mx-12 {
    margin-left: 3rem;
    margin-right: 3rem
}

.mx-20 {
    margin-left: 5rem;
    margin-right: 5rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mr-2 {
    margin-right: .5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mr-3 {
    margin-right: .75rem
}

.mb-3 {
    margin-bottom: .75rem
}

.ml-3 {
    margin-left: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mr-4 {
    margin-right: 1rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mt-9 {
    margin-top: 2.25rem
}

.mb-9 {
    margin-bottom: 2.25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mt-14 {
    margin-top: 3.5rem
}

.mb-14 {
    margin-bottom: 3.5rem
}

.mt-16 {
    margin-top: 4rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mt-20 {
    margin-top: 5rem
}

.mb-24 {
    margin-bottom: 6rem
}

.mb-36 {
    margin-bottom: 9rem
}

.mr-auto {
    margin-right: auto
}

.ml-auto {
    margin-left: auto
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-2\.5 {
    margin-top: .625rem
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.mt-3\.5 {
    margin-top: .875rem
}

.mb-4\.5 {
    margin-bottom: 1.125rem
}

.-mt-0 {
    margin-top: 0
}

.-ml-1 {
    margin-left: -.25rem
}

.-mt-5 {
    margin-top: -1.25rem
}

.-mb-6 {
    margin-bottom: -1.5rem
}

.-mt-0\.5 {
    margin-top: -.125rem
}

.max-h-72 {
    max-height: 18rem
}

.max-w-xs {
    max-width: 20rem
}

.max-w-sm {
    max-width: 24rem
}

.max-w-md {
    max-width: 28rem
}

.max-w-lg {
    max-width: 32rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-7xl {
    max-width: 80rem
}

.min-h-52 {
    min-height: 13rem
}

.min-h-64 {
    min-height: 16rem
}

.min-h-96 {
    min-height: 24rem
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.min-h-screen-25 {
    min-height: 25vh
}

.min-w-max {
    min-width: -moz-max-content;
    min-width: max-content
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.object-scale-down {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.opacity-0 {
    opacity: 0
}

.opacity-25 {
    opacity: .25
}

.opacity-50 {
    opacity: .5
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-100 {
    opacity: 1
}

.focus\:outline-none:focus,.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

.overscroll-contain {
    overscroll-behavior: contain
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-7 {
    padding: 1.75rem
}

.p-8 {
    padding: 2rem
}

.p-10 {
    padding: 2.5rem
}

.p-12 {
    padding: 3rem
}

.p-20 {
    padding: 5rem
}

.p-2\.5 {
    padding: .625rem
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.px-24 {
    padding-left: 6rem;
    padding-right: 6rem
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

.pt-1 {
    padding-top: .25rem
}

.pr-1 {
    padding-right: .25rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pl-1 {
    padding-left: .25rem
}

.pt-2 {
    padding-top: .5rem
}

.pr-2 {
    padding-right: .5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pl-2 {
    padding-left: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pr-3 {
    padding-right: .75rem
}

.pl-3 {
    padding-left: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pr-4 {
    padding-right: 1rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.pr-8 {
    padding-right: 2rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pt-1\.5 {
    padding-top: .375rem
}

.pb-1\.5 {
    padding-bottom: .375rem
}

.pt-2\.5 {
    padding-top: .625rem
}

.pr-2\.5 {
    padding-right: .625rem
}

.pl-2\.5 {
    padding-left: .625rem
}

.placeholder-white::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255,255,255,var(--tw-placeholder-opacity))
}

.placeholder-white::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255,255,255,var(--tw-placeholder-opacity))
}

.placeholder-gray-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(212,212,212,var(--tw-placeholder-opacity))
}

.placeholder-gray-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(212,212,212,var(--tw-placeholder-opacity))
}

.dark .dark\:placeholder-white::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255,255,255,var(--tw-placeholder-opacity))
}

.dark .dark\:placeholder-white::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(255,255,255,var(--tw-placeholder-opacity))
}

.dark .dark\:placeholder-gray-100::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245,245,245,var(--tw-placeholder-opacity))
}

.dark .dark\:placeholder-gray-100::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(245,245,245,var(--tw-placeholder-opacity))
}

.dark .dark\:placeholder-gray-400::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(163,163,163,var(--tw-placeholder-opacity))
}

.dark .dark\:placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(163,163,163,var(--tw-placeholder-opacity))
}

.dark .dark\:placeholder-gray-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(64,64,64,var(--tw-placeholder-opacity))
}

.dark .dark\:placeholder-gray-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(64,64,64,var(--tw-placeholder-opacity))
}

.pointer-events-none {
    pointer-events: none
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    right: 0;
    left: 0
}

.inset-0,.inset-y-0 {
    top: 0;
    bottom: 0
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.top-1 {
    top: .25rem
}

.top-2 {
    top: .5rem
}

.right-2 {
    right: .5rem
}

.bottom-2 {
    bottom: .5rem
}

.right-4 {
    right: 1rem
}

.left-5 {
    left: 1.25rem
}

.right-6 {
    right: 1.5rem
}

.left-8 {
    left: 2rem
}

.top-20 {
    top: 5rem
}

.bottom-24 {
    bottom: 6rem
}

.bottom-26 {
    bottom: 6.7rem
}

.top-0\.5 {
    top: .125rem
}

.right-0\.5 {
    right: .125rem
}

.right-4\.5 {
    right: 1.125rem
}

.right-6\.5 {
    right: 1.625rem
}

.-top-2 {
    top: -.5rem
}

.-right-2 {
    right: -.5rem
}

.-top-3 {
    top: -.75rem
}

.-right-3 {
    right: -.75rem
}

.-bottom-3 {
    bottom: -.75rem
}

.-left-3 {
    left: -.75rem
}

.-left-5 {
    left: -1.25rem
}

.top-1\/2 {
    top: 50%
}

.right-1\/2 {
    right: 50%
}

.left-1\/2 {
    left: 50%
}

.resize {
    resize: both
}

* {
    --tw-shadow: 0 0 transparent
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,0.05)
}

.shadow,.shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)
}

.shadow-lg,.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)
}

.shadow-none,.shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0 transparent
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

* {
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-1,.ring-2 {
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-inset {
    --tw-ring-inset: inset
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-2:focus,.focus\:ring:focus {
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)
}

.focus\:ring:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-inset:focus {
    --tw-ring-inset: inset
}

.focus\:ring-offset-2:focus,.ring-offset-2 {
    --tw-ring-offset-width: 2px
}

.ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0,0,0,var(--tw-ring-opacity))
}

.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255,255,255,var(--tw-ring-opacity))
}

.ring-primary {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209,43,138,var(--tw-ring-opacity))
}

.focus\:ring-white:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255,255,255,var(--tw-ring-opacity))
}

.focus\:ring-blue-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(191,219,254,var(--tw-ring-opacity))
}

.focus\:ring-blue-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(96,165,250,var(--tw-ring-opacity))
}

.focus\:ring-primary:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(209,43,138,var(--tw-ring-opacity))
}

.ring-opacity-5 {
    --tw-ring-opacity: 0.05
}

.ring-opacity-40 {
    --tw-ring-opacity: 0.4
}

.focus\:ring-opacity-50:focus {
    --tw-ring-opacity: 0.5
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-black {
    --tw-text-opacity: 1;
    color: rgba(0,0,0,var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.text-gray-50 {
    --tw-text-opacity: 1;
    color: rgba(250,250,250,var(--tw-text-opacity))
}

.text-gray-100 {
    --tw-text-opacity: 1;
    color: rgba(245,245,245,var(--tw-text-opacity))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(229,229,229,var(--tw-text-opacity))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(212,212,212,var(--tw-text-opacity))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(163,163,163,var(--tw-text-opacity))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(115,115,115,var(--tw-text-opacity))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(82,82,82,var(--tw-text-opacity))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(64,64,64,var(--tw-text-opacity))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(23,23,23,var(--tw-text-opacity))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgba(37,99,235,var(--tw-text-opacity))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(225,29,72,var(--tw-text-opacity))
}

.text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgba(251,191,36,var(--tw-text-opacity))
}

.text-purple-800 {
    --tw-text-opacity: 1;
    color: rgba(91,33,182,var(--tw-text-opacity))
}

.text-purple-900 {
    --tw-text-opacity: 1;
    color: rgba(76,29,149,var(--tw-text-opacity))
}

.text-pink-500 {
    --tw-text-opacity: 1;
    color: rgba(236,72,153,var(--tw-text-opacity))
}

.text-pink-600 {
    --tw-text-opacity: 1;
    color: rgba(219,39,119,var(--tw-text-opacity))
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgba(209,43,138,var(--tw-text-opacity))
}

.text-secondary {
    --tw-text-opacity: 1;
    color: rgba(105,190,41,var(--tw-text-opacity))
}

.text-teal {
    --tw-text-opacity: 1;
    color: rgba(35,183,192,var(--tw-text-opacity))
}

.text-danger {
    --tw-text-opacity: 1;
    color: rgba(200,6,35,var(--tw-text-opacity))
}

.text-green {
    --tw-text-opacity: 1;
    color: rgba(124,196,62,var(--tw-text-opacity))
}

.text-green-dark {
    --tw-text-opacity: 1;
    color: rgba(0,137,100,var(--tw-text-opacity))
}

.text-zainPurple-light {
    --tw-text-opacity: 1;
    color: rgba(145,114,190,var(--tw-text-opacity))
}

.text-zainPurple-medium {
    --tw-text-opacity: 1;
    color: rgba(113,70,157,var(--tw-text-opacity))
}

.text-zainPurple {
    --tw-text-opacity: 1;
    color: rgba(91,31,105,var(--tw-text-opacity))
}

.hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgba(0,0,0,var(--tw-text-opacity))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgba(64,64,64,var(--tw-text-opacity))
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgba(209,43,138,var(--tw-text-opacity))
}

.hover\:text-secondary:hover {
    --tw-text-opacity: 1;
    color: rgba(105,190,41,var(--tw-text-opacity))
}

.dark .dark\:text-black {
    --tw-text-opacity: 1;
    color: rgba(0,0,0,var(--tw-text-opacity))
}

.dark .dark\:text-white {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.dark .dark\:text-gray-50 {
    --tw-text-opacity: 1;
    color: rgba(250,250,250,var(--tw-text-opacity))
}

.dark .dark\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(229,229,229,var(--tw-text-opacity))
}

.dark .dark\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgba(212,212,212,var(--tw-text-opacity))
}

.dark .dark\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(163,163,163,var(--tw-text-opacity))
}

.dark .dark\:text-purple-200 {
    --tw-text-opacity: 1;
    color: rgba(221,214,254,var(--tw-text-opacity))
}

.dark .dark\:text-purple-300 {
    --tw-text-opacity: 1;
    color: rgba(196,181,253,var(--tw-text-opacity))
}

.dark .dark\:text-purple-500 {
    --tw-text-opacity: 1;
    color: rgba(139,92,246,var(--tw-text-opacity))
}

.dark .dark\:text-pink-300 {
    --tw-text-opacity: 1;
    color: rgba(249,168,212,var(--tw-text-opacity))
}

.dark .dark\:text-primary {
    --tw-text-opacity: 1;
    color: rgba(209,43,138,var(--tw-text-opacity))
}

.dark .dark\:hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.italic {
    font-style: italic
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.underline {
    text-decoration: underline
}

.line-through {
    text-decoration: line-through
}

.no-underline {
    text-decoration: none
}

.hover\:underline:hover {
    text-decoration: underline
}

.tracking-tight {
    letter-spacing: -.025em
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.align-middle {
    vertical-align: middle
}

.align-text-bottom {
    vertical-align: text-bottom
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.w-0 {
    width: 0
}

.w-2 {
    width: .5rem
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-18 {
    width: 4.375rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-26 {
    width: 6.7rem
}

.w-28 {
    width: 7rem
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-40 {
    width: 10rem
}

.w-44 {
    width: 11rem
}

.w-48 {
    width: 12rem
}

.w-52 {
    width: 13rem
}

.w-60 {
    width: 15rem
}

.w-64 {
    width: 16rem
}

.w-72 {
    width: 18rem
}

.w-80 {
    width: 20rem
}

.w-auto {
    width: auto
}

.w-0\.5 {
    width: .125rem
}

.w-2\.5 {
    width: .625rem
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-2\/3 {
    width: 66.666667%
}

.w-1\/4 {
    width: 25%
}

.w-3\/4 {
    width: 75%
}

.w-3\/5 {
    width: 60%
}

.w-1\/12 {
    width: 8.333333%
}

.w-2\/12 {
    width: 16.666667%
}

.w-10\/12 {
    width: 83.333333%
}

.w-11\/12 {
    width: 91.666667%
}

.w-full {
    width: 100%
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.gap-1 {
    gap: .25rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-y-2 {
    row-gap: .5rem
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.grid-cols-7 {
    grid-template-columns: repeat(7,minmax(0,1fr))
}

.grid-cols-8 {
    grid-template-columns: repeat(8,minmax(0,1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-7 {
    grid-column: span 7/span 7
}

.col-span-8 {
    grid-column: span 8/span 8
}

.col-start-1 {
    grid-column-start: 1
}

.col-start-6 {
    grid-column-start: 6
}

.col-start-10 {
    grid-column-start: 10
}

.col-start-11 {
    grid-column-start: 11
}

.col-start-12 {
    grid-column-start: 12
}

.transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.origin-top-right {
    transform-origin: top right
}

.scale-y-50 {
    --tw-scale-y: .5
}

.scale-y-100 {
    --tw-scale-y: 1
}

.hover\:scale-50:hover {
    --tw-scale-x: .5;
    --tw-scale-y: .5
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

.-rotate-180 {
    --tw-rotate: -180deg
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.-translate-x-6 {
    --tw-translate-x: -1.5rem
}

.translate-x-1\/2 {
    --tw-translate-x: 50%
}

.translate-x-full {
    --tw-translate-x: 100%
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-full {
    --tw-translate-x: -100%
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-1 {
    --tw-translate-y: 0.25rem
}

.translate-y-2 {
    --tw-translate-y: 0.5rem
}

.translate-y-4 {
    --tw-translate-y: 1rem
}

.translate-y-1\.5 {
    --tw-translate-y: 0.375rem
}

.-translate-y-0 {
    --tw-translate-y: 0px
}

.-translate-y-6 {
    --tw-translate-y: -1.5rem
}

.-translate-y-0\.5 {
    --tw-translate-y: -0.125rem
}

.translate-y-full {
    --tw-translate-y: 100%
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-full {
    --tw-translate-y: -100%
}

.skew-x-20 {
    --tw-skew-x: 20deg
}

.skew-x-25 {
    --tw-skew-x: 25deg
}

.-skew-x-20 {
    --tw-skew-x: -20deg
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition {
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: background-color,border-color,color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4,0,1,1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

.duration-100 {
    transition-duration: .1s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-1000 {
    transition-duration: 1s
}

.delay-100 {
    transition-delay: .1s
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes ping {
    75%,to {
        transform: scale(2);
        opacity: 0
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes bounce {
    0%,to {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}

@keyframes slide-in-down {
    0% {
        transform: translateY(-60px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slide-out-up {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-60px)
    }
}

@keyframes fade-in-down {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade-out-down {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(10px)
    }
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade-out-up {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(10px)
    }
}

@keyframes ping-slow {
    99.9% {
        transform: scale(2);
        opacity: 0
    }

    to {
        transform: scale(2);
        opacity: 0
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

.animate-fade-in-down {
    animation: fade-in-down .5s ease-out
}

.animate-slide-in-down {
    animation: slide-in-down .3s ease-out
}

.animate-slide-out-up {
    animation: slide-out-up .3s ease-out
}

.animate-fade-in-up {
    animation: fade-in-up .5s ease-out
}

.animate-ping-slow {
    animation: ping 3s cubic-bezier(0,0,.2,1) infinite
}

.filter {
    --tw-blur: var(--tw-empty,/*!*/ /*!*/);
    --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
    --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
    --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
    --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
    --tw-invert: var(--tw-empty,/*!*/ /*!*/);
    --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
    --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
    --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur {
    --tw-blur: blur(8px)
}

.drop-shadow-2xl {
    --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0,0,0,0.15))
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.invert {
    --tw-invert: invert(100%)
}

.sepia {
    --tw-sepia: sepia(100%)
}

.ps-2 {
    -webkit-padding-start: .5rem;
    padding-inline-start:.5rem}

.pe-2 {
    -webkit-padding-end: .5rem;
    padding-inline-end:.5rem}

.ps-3 {
    -webkit-padding-start: .75rem;
    padding-inline-start:.75rem}

.pe-3 {
    -webkit-padding-end: .75rem;
    padding-inline-end:.75rem}

.ps-4 {
    -webkit-padding-start: 1rem;
    padding-inline-start:1rem}

.pe-4 {
    -webkit-padding-end: 1rem;
    padding-inline-end:1rem}

.ps-5 {
    -webkit-padding-start: 1.25rem;
    padding-inline-start:1.25rem}

.pe-5 {
    -webkit-padding-end: 1.25rem;
    padding-inline-end:1.25rem}

.ps-6 {
    -webkit-padding-start: 1.5rem;
    padding-inline-start:1.5rem}

.pe-7 {
    -webkit-padding-end: 1.75rem;
    padding-inline-end:1.75rem}

.ps-10 {
    -webkit-padding-start: 2.5rem;
    padding-inline-start:2.5rem}

.pe-10 {
    -webkit-padding-end: 2.5rem;
    padding-inline-end:2.5rem}

.ps-20 {
    -webkit-padding-start: 5rem;
    padding-inline-start:5rem}

.ps-36 {
    -webkit-padding-start: 9rem;
    padding-inline-start:9rem}

.pe-2\.5 {
    -webkit-padding-end: .625rem;
    padding-inline-end:.625rem}

.ms-1 {
    -webkit-margin-start: .25rem;
    margin-inline-start:.25rem}

.me-1 {
    -webkit-margin-end: .25rem;
    margin-inline-end:.25rem}

.ms-2 {
    -webkit-margin-start: .5rem;
    margin-inline-start:.5rem}

.me-2 {
    -webkit-margin-end: .5rem;
    margin-inline-end:.5rem}

.ms-3 {
    -webkit-margin-start: .75rem;
    margin-inline-start:.75rem}

.me-3 {
    -webkit-margin-end: .75rem;
    margin-inline-end:.75rem}

.ms-4 {
    -webkit-margin-start: 1rem;
    margin-inline-start:1rem}

.me-4 {
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem}

.ms-5 {
    -webkit-margin-start: 1.25rem;
    margin-inline-start:1.25rem}

.ms-6 {
    -webkit-margin-start: 1.5rem;
    margin-inline-start:1.5rem}

.me-6 {
    -webkit-margin-end: 1.5rem;
    margin-inline-end:1.5rem}

.ms-28 {
    -webkit-margin-start: 7rem;
    margin-inline-start:7rem}

.me-2\.5 {
    -webkit-margin-end: .625rem;
    margin-inline-end:.625rem}

.me-4\.5 {
    -webkit-margin-end: 1.125rem;
    margin-inline-end:1.125rem}

.-me-0 {
    -webkit-margin-end: 0;
    margin-inline-end:0}

.-me-0\.5 {
    -webkit-margin-end: -.125rem;
    margin-inline-end:-.125rem}

[dir=rtl] .start-0 {
    right: 0
}

[dir=rtl] .end-0 {
    left: 0
}

[dir=ltr] .end-0 {
    right: 0
}

[dir=ltr] .start-0 {
    left: 0
}

[dir=rtl] .start-1 {
    right: .25rem
}

[dir=ltr] .start-1 {
    left: .25rem
}

[dir=rtl] .start-2 {
    right: .5rem
}

[dir=rtl] .end-2 {
    left: .5rem
}

[dir=ltr] .end-2 {
    right: .5rem
}

[dir=ltr] .start-2 {
    left: .5rem
}

[dir=rtl] .end-3 {
    left: .75rem
}

[dir=ltr] .end-3 {
    right: .75rem
}

[dir=rtl] .end-4 {
    left: 1rem
}

[dir=ltr] .end-4 {
    right: 1rem
}

[dir=rtl] .end-10 {
    left: 2.5rem
}

[dir=ltr] .end-10 {
    right: 2.5rem
}

[dir=rtl] .start-1\.5 {
    right: .375rem
}

[dir=ltr] .start-1\.5 {
    left: .375rem
}

[dir=ltr] .rounded-te-md {
    border-top-right-radius: .375rem
}

[dir=ltr] .rounded-bs-md {
    border-bottom-left-radius: .375rem
}

[dir=rtl] .rounded-te-md {
    border-top-left-radius: .375rem
}

[dir=rtl] .rounded-bs-md {
    border-bottom-right-radius: .375rem
}

[dir=ltr] .rounded-ts-lg {
    border-top-left-radius: .5rem
}

[dir=ltr] .rounded-te-lg {
    border-top-right-radius: .5rem
}

[dir=rtl] .rounded-te-lg {
    border-top-left-radius: .5rem
}

[dir=rtl] .rounded-ts-lg {
    border-top-right-radius: .5rem
}

.border-e-2 {
    border-inline-end-width:2px}

.border-e {
    border-inline-end-width:1px}

[dir=rtl] .text-start {
    text-align: right
}

[dir=rtl] .text-end {
    text-align: left
}

[dir=ltr] .text-end {
    text-align: right
}

[dir=ltr] .text-start {
    text-align: left
}

[dir=ltr] .origin-top-end {
    transform-origin: top right
}

[dir=rtl] .origin-top-end {
    transform-origin: top left
}

.space-s-1>:not([hidden])~:not([hidden]) {
    --tw-space-s-reverse: 0;
    -webkit-margin-end: calc(0.25rem*var(--tw-space-s-reverse));
    margin-inline-end:calc(0.25rem*var(--tw-space-s-reverse));-webkit-margin-start: calc(0.25rem*(1 - var(--tw-space-s-reverse)));
    margin-inline-start:calc(0.25rem*(1 - var(--tw-space-s-reverse)))}

.space-s-2>: not([hidden])~:not([hidden]) {
    --tw-space-s-reverse:0;
    -webkit-margin-end: calc(0.5rem*var(--tw-space-s-reverse));
    margin-inline-end:calc(0.5rem*var(--tw-space-s-reverse));-webkit-margin-start: calc(0.5rem*(1 - var(--tw-space-s-reverse)));
    margin-inline-start:calc(0.5rem*(1 - var(--tw-space-s-reverse)))}

.space-s-3>: not([hidden])~:not([hidden]) {
    --tw-space-s-reverse:0;
    -webkit-margin-end: calc(0.75rem*var(--tw-space-s-reverse));
    margin-inline-end:calc(0.75rem*var(--tw-space-s-reverse));-webkit-margin-start: calc(0.75rem*(1 - var(--tw-space-s-reverse)));
    margin-inline-start:calc(0.75rem*(1 - var(--tw-space-s-reverse)))}

.space-s-4>: not([hidden])~:not([hidden]) {
    --tw-space-s-reverse:0;
    -webkit-margin-end: calc(1rem*var(--tw-space-s-reverse));
    margin-inline-end:calc(1rem*var(--tw-space-s-reverse));-webkit-margin-start: calc(1rem*(1 - var(--tw-space-s-reverse)));
    margin-inline-start:calc(1rem*(1 - var(--tw-space-s-reverse)))}

.space-s-5>: not([hidden])~:not([hidden]) {
    --tw-space-s-reverse:0;
    -webkit-margin-end: calc(1.25rem*var(--tw-space-s-reverse));
    margin-inline-end:calc(1.25rem*var(--tw-space-s-reverse));-webkit-margin-start: calc(1.25rem*(1 - var(--tw-space-s-reverse)));
    margin-inline-start:calc(1.25rem*(1 - var(--tw-space-s-reverse)))}

.space-s-12>: not([hidden])~:not([hidden]) {
    --tw-space-s-reverse:0;
    -webkit-margin-end: calc(3rem*var(--tw-space-s-reverse));
    margin-inline-end:calc(3rem*var(--tw-space-s-reverse));-webkit-margin-start: calc(3rem*(1 - var(--tw-space-s-reverse)));
    margin-inline-start:calc(3rem*(1 - var(--tw-space-s-reverse)))}

@font-face {
    font-family: qt_zaintext_bold_pcbold;
    src: url(../fonts/qtzain_bold_final.1178956d.woff2) format("woff2"),url(../fonts/qtzain_bold_final.318b943d.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: qt_zaintextregular;
    src: url(../fonts/qtzain_reguar_final.a7f59af0.woff2) format("woff2"),url(../fonts/qtzain_reguar_final.c2c5d94f.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Nunito Sans;
    src: url(../fonts/qtzaintext.3427b975.woff2) format("woff2"),url(../fonts/qtzaintext.9cf0254e.woff) format("woff");
    unicode-range: u+6??;
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Nunito Sans;
    src: url(../fonts/qtzaintext.3427b975.woff2) format("woff2"),url(../fonts/qtzaintext.9cf0254e.woff) format("woff");
    unicode-range: u+6??;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Nunito Sans;
    src: url(../fonts/qtzaintextboldpc-bold.0fb44f2c.woff2) format("woff2"),url(../fonts/qtzaintextboldpc-bold.2f887675.woff) format("woff");
    unicode-range: u+6??;
    font-weight: 500 600;
    font-style: normal
}

@font-face {
    font-family: Nunito Sans;
    src: url(../fonts/qtzaintextboldpc-bold.0fb44f2c.woff2) format("woff2"),url(../fonts/qtzaintextboldpc-bold.2f887675.woff) format("woff");
    unicode-range: u+6??;
    font-weight: 700 800;
    font-style: normal
}

@font-face {
    font-family: Nunito Sans;
    src: url(../fonts/qtzaintextboldpc-bold.0fb44f2c.woff2) format("woff2"),url(../fonts/qtzaintextboldpc-bold.2f887675.woff) format("woff");
    unicode-range: u+6??;
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/nunito-sans-v11-latin-200.5a7dcb58.eot);
    src: local(""),url(../fonts/nunito-sans-v11-latin-200.5a7dcb58.eot?#iefix) format("embedded-opentype"),url(../fonts/nunito-sans-v11-latin-200.6e5886a6.woff2) format("woff2"),url(../fonts/nunito-sans-v11-latin-200.18e0d9fb.woff) format("woff"),url(../fonts/nunito-sans-v11-latin-200.fa68753c.ttf) format("truetype"),url(../img/nunito-sans-v11-latin-200.c66af3e7.svg#NunitoSans) format("svg")
}

@font-face {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/nunito-sans-v11-latin-300.dfbeaabc.eot);
    src: local(""),url(../fonts/nunito-sans-v11-latin-300.dfbeaabc.eot?#iefix) format("embedded-opentype"),url(../fonts/nunito-sans-v11-latin-300.cfcd7ba0.woff2) format("woff2"),url(../fonts/nunito-sans-v11-latin-300.fb0f2787.woff) format("woff"),url(../fonts/nunito-sans-v11-latin-300.f20487fa.ttf) format("truetype"),url(../img/nunito-sans-v11-latin-300.09aafa07.svg#NunitoSans) format("svg")
}

@font-face {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/nunito-sans-v11-latin-regular.bede8300.eot);
    src: local(""),url(../fonts/nunito-sans-v11-latin-regular.bede8300.eot?#iefix) format("embedded-opentype"),url(../fonts/nunito-sans-v11-latin-regular.c79c0092.woff2) format("woff2"),url(../fonts/nunito-sans-v11-latin-regular.890d934b.woff) format("woff"),url(../fonts/nunito-sans-v11-latin-regular.619a5fef.ttf) format("truetype"),url(../img/nunito-sans-v11-latin-regular.8030e845.svg#NunitoSans) format("svg")
}

@font-face {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/nunito-sans-v11-latin-600.32490105.eot);
    src: local(""),url(../fonts/nunito-sans-v11-latin-600.32490105.eot?#iefix) format("embedded-opentype"),url(../fonts/nunito-sans-v11-latin-600.faf15010.woff2) format("woff2"),url(../fonts/nunito-sans-v11-latin-600.614530b6.woff) format("woff"),url(../fonts/nunito-sans-v11-latin-600.50ad2af8.ttf) format("truetype"),url(../img/nunito-sans-v11-latin-600.5946db3b.svg#NunitoSans) format("svg")
}

@font-face {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/nunito-sans-v11-latin-700.5cf5f6ff.eot);
    src: local(""),url(../fonts/nunito-sans-v11-latin-700.5cf5f6ff.eot?#iefix) format("embedded-opentype"),url(../fonts/nunito-sans-v11-latin-700.41d42457.woff2) format("woff2"),url(../fonts/nunito-sans-v11-latin-700.ccf1123e.woff) format("woff"),url(../fonts/nunito-sans-v11-latin-700.224e90ec.ttf) format("truetype"),url(../img/nunito-sans-v11-latin-700.8a4e0d0d.svg#NunitoSans) format("svg")
}

@font-face {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/nunito-sans-v11-latin-800.8f065219.eot);
    src: local(""),url(../fonts/nunito-sans-v11-latin-800.8f065219.eot?#iefix) format("embedded-opentype"),url(../fonts/nunito-sans-v11-latin-800.b457a8d5.woff2) format("woff2"),url(../fonts/nunito-sans-v11-latin-800.8ef69d7d.woff) format("woff"),url(../fonts/nunito-sans-v11-latin-800.cbd9b56f.ttf) format("truetype"),url(../img/nunito-sans-v11-latin-800.9793c85e.svg#NunitoSans) format("svg")
}

@font-face {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/nunito-sans-v11-latin-900.8b546a21.eot);
    src: local(""),url(../fonts/nunito-sans-v11-latin-900.8b546a21.eot?#iefix) format("embedded-opentype"),url(../fonts/nunito-sans-v11-latin-900.2ad492e7.woff2) format("woff2"),url(../fonts/nunito-sans-v11-latin-900.8cab313e.woff) format("woff"),url(../fonts/nunito-sans-v11-latin-900.1dca6924.ttf) format("truetype"),url(../img/nunito-sans-v11-latin-900.9409c596.svg#NunitoSans) format("svg")
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    background-color: #fafafa;
    transition: background-color .3s ease;
    font-family: Nunito Sans,sans-serif!important
}

input,select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.dark body {
    background-color: #1d1d1d
}

[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input,select,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1rem
}

.slide-next-enter-active,.slide-next-leave-active,.slide-prev-enter-active,.slide-prev-leave-active {
    transition: transform .25s cubic-bezier(.785,.135,.15,.86)
}

.slide-next-enter,.slide-prev-leave-to {
    transform: translate3d(-100%,0,0);
    position: absolute;
    width: 100%
}

.slide-next-leave-to,.slide-prev-enter {
    transform: translate3d(100%,0,0);
    position: absolute;
    width: 100%
}

.swiper-pagination {
    width: 100%;
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 0
}

.swiper-pagination-bullet:first-child:last-child {
    display: none
}

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

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    left: 0;
    width: 100%
}

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.66)
}

.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    border: 5px solid;
    opacity: .3
}

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

.swiper-pagination-bullet-active {
    opacity: 1;
    border-color: var(--swiper-theme-color)!important;
    border-width: 2px;
    background: transparent!important
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

.swiper-container-horizontal.swiper-pagination-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: hsla(0,0%,94.5%,.45);
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: hsla(0,0%,53.3%,.52);
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

.swiper-button-disabled {
    opacity: 1%;
    cursor: default
}

.white-select-arrow {
    background-image: url(../img/caret.61af4e3e.svg)
}

@media (min-width: 640px) {
    .sm\:rounded-md {
        border-radius:.375rem
    }

    .sm\:block {
        display: block
    }

    .sm\:hidden {
        display: none
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }

    .sm\:items-stretch {
        align-items: stretch
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:text-9xl {
        font-size: 8rem;
        line-height: 1
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:p-8 {
        padding: 2rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .sm\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .sm\:static {
        position: static
    }

    .sm\:relative {
        position: relative
    }

    .sm\:inset-auto {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .sm\:w-44 {
        width: 11rem
    }

    .sm\:w-48 {
        width: 12rem
    }

    .sm\:w-96 {
        width: 24rem
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-1\/3 {
        width: 33.333333%
    }

    .sm\:w-8\/12 {
        width: 66.666667%
    }

    .sm\:gap-3 {
        gap: .75rem
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .sm\:col-span-6 {
        grid-column: span 6/span 6
    }

    .sm\:col-start-2 {
        grid-column-start: 2
    }

    .sm\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }

    .sm\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .sm\:translate-y-0 {
        --tw-translate-y: 0px
    }

    .sm\:pe-0 {
        -webkit-padding-end: 0;
        padding-inline-end:0}

    .sm\:ms-6 {
        -webkit-margin-start: 1.5rem;
        margin-inline-start:1.5rem}
}

@media (min-width: 768px) {
    .md\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse:0;
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px*var(--tw-space-y-reverse))
    }

    .md\:space-y-3>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.75rem*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.75rem*var(--tw-space-y-reverse))
    }

    .md\:border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgba(229,229,229,var(--tw-border-opacity))
    }

    .md\:rounded-none {
        border-radius: 0
    }

    .md\:rounded-md {
        border-radius: .375rem
    }

    .md\:border-none {
        border-style: none
    }

    .md\:border-0 {
        border-width: 0
    }

    .md\:border {
        border-width: 1px
    }

    .md\:border-t-0 {
        border-top-width: 0
    }

    .md\:block {
        display: block
    }

    .md\:inline-block {
        display: inline-block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:items-start {
        align-items: flex-start
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-center {
        justify-content: center
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:justify-around {
        justify-content: space-around
    }

    .md\:h-16 {
        height: 4rem
    }

    .md\:h-24 {
        height: 6rem
    }

    .md\:h-40 {
        height: 10rem
    }

    .md\:h-64 {
        height: 16rem
    }

    .md\:h-85 {
        height: 22rem
    }

    .md\:h-auto {
        height: auto
    }

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:leading-4 {
        line-height: 1rem
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:my-10 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .md\:mx-10 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .md\:mx-24 {
        margin-left: 6rem;
        margin-right: 6rem
    }

    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mt-2 {
        margin-top: .5rem
    }

    .md\:mb-3 {
        margin-bottom: .75rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:mt-5 {
        margin-top: 1.25rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:mt-8 {
        margin-top: 2rem
    }

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:mt-12 {
        margin-top: 3rem
    }

    .md\:mt-36 {
        margin-top: 9rem
    }

    .md\:max-w-xl {
        max-width: 36rem
    }

    .md\:max-w-5xl {
        max-width: 64rem
    }

    .md\:max-w-6xl {
        max-width: 72rem
    }

    .md\:max-w-full {
        max-width: 100%
    }

    .md\:min-h-96 {
        min-height: 24rem
    }

    .md\:min-h-screen-50 {
        min-height: 50vh
    }

    .md\:p-2 {
        padding: .5rem
    }

    .md\:p-3 {
        padding: .75rem
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .md\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:static {
        position: static
    }

    .md\:bottom-5 {
        bottom: 1.25rem
    }

    .md\:bottom-9 {
        bottom: 2.25rem
    }

    .md\:left-9 {
        left: 2.25rem
    }

    .md\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)
    }

    .md\:shadow-lg,.md\:shadow-md {
        box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
    }

    .md\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)
    }

    .md\:shadow-none {
        --tw-shadow: 0 0 transparent;
        box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
    }

    .md\:text-center {
        text-align: center
    }

    .md\:w-5 {
        width: 1.25rem
    }

    .md\:w-16 {
        width: 4rem
    }

    .md\:w-24 {
        width: 6rem
    }

    .md\:w-64 {
        width: 16rem
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-2\/3 {
        width: 66.666667%
    }

    .md\:w-1\/4 {
        width: 25%
    }

    .md\:w-1\/6 {
        width: 16.666667%
    }

    .md\:w-6\/12 {
        width: 50%
    }

    .md\:w-full {
        width: 100%
    }

    .md\:z-auto {
        z-index: auto
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-10 {
        gap: 2.5rem
    }

    .md\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .md\:gap-y-10 {
        row-gap: 2.5rem
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .md\:grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:col-span-9 {
        grid-column: span 9/span 9
    }

    .md\:pe-0 {
        -webkit-padding-end: 0;
        padding-inline-end:0}

    .md\:ps-6 {
        -webkit-padding-start: 1.5rem;
        padding-inline-start:1.5rem}

    .md\:ps-10 {
        -webkit-padding-start: 2.5rem;
        padding-inline-start:2.5rem}

    .md\:ms-0 {
        -webkit-margin-start: 0;
        margin-inline-start:0}

    .md\:me-0 {
        -webkit-margin-end: 0;
        margin-inline-end:0}

    .md\:ms-2 {
        -webkit-margin-start: .5rem;
        margin-inline-start:.5rem}

    .md\:border-e {
        border-inline-end-width:1px}

    [dir=rtl] .md\:text-start {
        text-align: right
    }

    [dir=ltr] .md\:text-start {
        text-align: left
    }
}

@media (min-width: 1024px) {
    .lg\:space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse:0;
        margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem*var(--tw-space-y-reverse))
    }

    .lg\:space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.5rem*var(--tw-space-y-reverse))
    }

    .lg\:bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgba(250,250,250,var(--tw-bg-opacity))
    }

    .lg\:bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgba(245,245,245,var(--tw-bg-opacity))
    }

    .lg\:border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgba(229,229,229,var(--tw-border-opacity))
    }

    .lg\:rounded-lg {
        border-radius: .5rem
    }

    .lg\:border-0 {
        border-width: 0
    }

    .lg\:border {
        border-width: 1px
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:place-self-start {
        place-self: start
    }

    .lg\:items-end {
        align-items: flex-end
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:h-10 {
        height: 2.5rem
    }

    .lg\:h-18 {
        height: 4.375rem
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .lg\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .lg\:mx-10 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .lg\:mt-3 {
        margin-top: .75rem
    }

    .lg\:ml-3 {
        margin-left: .75rem
    }

    .lg\:mt-10 {
        margin-top: 2.5rem
    }

    .lg\:mt-14 {
        margin-top: 3.5rem
    }

    .lg\:ml-3\.5 {
        margin-left: .875rem
    }

    .lg\:max-h-full {
        max-height: 100%
    }

    .lg\:max-w-8xl {
        max-width: 95.5rem
    }

    .lg\:p-0 {
        padding: 0
    }

    .lg\:p-4 {
        padding: 1rem
    }

    .lg\:p-6 {
        padding: 1.5rem
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:px-26 {
        padding-left: 6.7rem;
        padding-right: 6.7rem
    }

    .lg\:relative {
        position: relative
    }

    .lg\:w-10 {
        width: 2.5rem
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-1\/4 {
        width: 25%
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-3 {
        gap: .75rem
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .lg\:animate-none {
        animation: none
    }

    .lg\:pe-0 {
        -webkit-padding-end: 0;
        padding-inline-end:0}

    .lg\:ms-24 {
        -webkit-margin-start: 6rem;
        margin-inline-start:6rem}

    .lg\:space-s-4>:not([hidden])~:not([hidden]) {
        --tw-space-s-reverse: 0;
        -webkit-margin-end: calc(1rem*var(--tw-space-s-reverse));
        margin-inline-end:calc(1rem*var(--tw-space-s-reverse));-webkit-margin-start: calc(1rem*(1 - var(--tw-space-s-reverse)));
        margin-inline-start:calc(1rem*(1 - var(--tw-space-s-reverse)))}

    .lg\: space-s-6>:not([hidden])~:not([hidden]) {
        --tw-space-s-reverse:0;
        -webkit-margin-end: calc(1.5rem*var(--tw-space-s-reverse));
        margin-inline-end:calc(1.5rem*var(--tw-space-s-reverse));-webkit-margin-start: calc(1.5rem*(1 - var(--tw-space-s-reverse)));
        margin-inline-start:calc(1.5rem*(1 - var(--tw-space-s-reverse)))}
}

@media (min-width: 1280px) {
    .xl\:block {
        display:block
    }

    .xl\:flex {
        display: flex
    }

    .xl\:hidden {
        display: none
    }

    .xl\:flex-col {
        flex-direction: column
    }

    .xl\:flex-wrap {
        flex-wrap: wrap
    }

    .xl\:items-center {
        align-items: center
    }

    .xl\:justify-center {
        justify-content: center
    }

    .xl\:h-64 {
        height: 16rem
    }

    .xl\:h-85 {
        height: 22rem
    }

    .xl\:max-w-5xl {
        max-width: 64rem
    }

    .xl\:max-w-7xl {
        max-width: 80rem
    }

    .xl\:overflow-auto {
        overflow: auto
    }

    .xl\:overflow-hidden {
        overflow: hidden
    }

    .xl\:p-8 {
        padding: 2rem
    }

    .xl\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .xl\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .xl\:w-1\/4 {
        width: 25%
    }

    .xl\:grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

@media (min-width: 1536px) {
    .\32xl\:text-lg {
        font-size:1.125rem;
        line-height: 1.75rem
    }

    .\32xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .\32xl\:max-w-8xl {
        max-width: 95.5rem
    }

    .\32xl\:w-1\/5 {
        width: 20%
    }
}

@media (min-width: 480px) {
    .xs\:flex-row {
        flex-direction:row
    }

    .xs\:items-center {
        align-items: center
    }

    .xs\:justify-between {
        justify-content: space-between
    }

    .xs\:w-40 {
        width: 10rem
    }

    .xs\:gap-10 {
        gap: 2.5rem
    }

    .xs\:ms-0 {
        -webkit-margin-start: 0;
        margin-inline-start:0}
}

@media (min-width: 320px) {
    .xxs\:mb-4 {
        margin-bottom:1rem
    }

    .xxs\:w-26 {
        width: 6.7rem
    }
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.cec483e8.eot);
    src: url(../fonts/icomoon.cec483e8.eot#iefix) format("embedded-opentype"),url(../fonts/icomoon.edeec315.ttf) format("truetype"),url(../fonts/icomoon.149c7bba.woff) format("woff"),url(../img/icomoon.266f019f.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],[class^=icon-] {
    font-family: icomoon!important;
    speak: never;
    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-Youtube-Icon---Extra:before {
    content: "\e900"
}

.icon-amex:before {
    content: "\e901"
}

.icon-kpay:before {
    content: "\e902"
}

.icon-netflix-1:before {
    content: "\e903"
}

.icon-Netflix-Circle:before {
    content: "\e904"
}

.icon-Whatsapp-Icon-Extra:before {
    content: "\e905"
}

.icon-Playstation:before {
    content: "\e906"
}

.icon-Settings-1:before {
    content: "\e907"
}

.icon-Social-Media-Icon:before {
    content: "\e909"
}

.icon-logout:before {
    content: "\e912"
}

.icon-notifications:before {
    content: "\e913"
}

.icon-Validity:before {
    content: "\e914"
}

.icon-reset:before {
    content: "\e915"
}

.icon-language:before {
    content: "\e916"
}

.icon-Careers:before {
    content: "\e917"
}

.icon-Arrow-back:before {
    content: "\e918"
}

.icon-Arrow-Below:before {
    content: "\e919"
}

.icon-Shortcut---close:before {
    content: "\e91a"
}

.icon-International-Calls:before {
    content: "\e91b"
}

.icon-shortcut---locator:before {
    content: "\e91c"
}

.icon-shortcut---my-usage:before {
    content: "\e91d"
}

.icon-Internet-Roaming:before {
    content: "\e91e"
}

.icon-shortcut-autopay:before {
    content: "\e91f"
}

.icon-My-Profile:before {
    content: "\e920"
}

.icon-My-Notifications:before {
    content: "\e921"
}

.icon-My-Shortcuts-Main-Icon:before {
    content: "\e922"
}

.icon-home-active:before {
    content: "\e923"
}

.icon-Booster:before {
    content: "\e924"
}

.icon-faceid:before {
    content: "\e925"
}

.icon-paymentmethods:before {
    content: "\e926"
}

.icon-Local-Minutes:before {
    content: "\e927"
}

.icon-discover:before {
    content: "\e928"
}

.icon-Miss-U:before {
    content: "\e92c"
}

.icon-Roaming-Calls:before {
    content: "\e930"
}

.icon-Roaming:before {
    content: "\e935"
}

.icon-UL-Internet:before {
    content: "\e937"
}

.icon-UL-SMS:before {
    content: "\e93f"
}

.icon-zbot-active:before {
    content: "\e941"
}

.icon-MyPlan---Active:before {
    content: "\e942"
}

.icon-Shop---Active:before {
    content: "\e943"
}

.icon-zbot---not-active:before {
    content: "\e945"
}

.icon-home-not-active:before {
    content: "\e946"
}

.icon-UL-Streaming:before {
    content: "\e948"
}

.icon-Voice-Mail:before {
    content: "\e94c"
}

.icon-Zain-to-Zain:before {
    content: "\e950"
}

.icon-Extra-Charges:before {
    content: "\e955"
}

.icon-Roaming-charges:before {
    content: "\e956"
}

.icon-Master-Card:before {
    content: "\e957"
}

.icon-Extra-GB:before {
    content: "\e95d"
}

.icon-Visa:before {
    content: "\e95e"
}

.icon-Quickpay---Scan:before {
    content: "\e961"
}

.icon-Quickpay---KNET:before {
    content: "\e962"
}

.icon-Customize:before {
    content: "\e963"
}

.icon-Curve:before {
    content: "\e964"
}

.icon-Shop---Not-Active:before {
    content: "\e96c"
}

.icon-Extra-Menu:before {
    content: "\e96d"
}

.icon-MyPlan---Not-Active:before {
    content: "\e96e"
}

.icon-Switch-Off:before {
    content: "\e96f"
}

.icon-Switch-On:before {
    content: "\e970"
}

.icon-Future-Plan-or-Duration:before {
    content: "\e971"
}

.icon-Extras:before {
    content: "\e972"
}

.icon-Active-Plan:before {
    content: "\e973"
}

.icon-Credit-Transfer-Tab:before {
    content: "\e974"
}

.icon-Info:before {
    content: "\e975"
}

.icon-Internet-Sharing-Tab:before {
    content: "\e976"
}

.icon-Manage-Plan-Tab:before {
    content: "\e977"
}

.icon-My-Bills---Recharge-History-Tab:before {
    content: "\e978"
}

.icon-My-Usage-Tab:before {
    content: "\e979"
}

.icon-Star:before {
    content: "\e97a"
}

.icon-My-Plan-button:before {
    content: "\e985"
}

.icon-Instagram1:before {
    content: "\e989"
}

.icon-Minutes:before {
    content: "\e98d"
}

.icon-Not-Available:before {
    content: "\e98e"
}

.icon-Snapchat:before {
    content: "\e98f"
}

.icon-shortcut-Roaming:before {
    content: "\e990"
}

.icon-Whatsapp:before {
    content: "\e991"
}

.icon-Youtube:before {
    content: "\e992"
}

.icon-My-Information:before {
    content: "\e999"
}

.icon-My-Lines:before {
    content: "\e99b"
}

.icon-shortcut-credit-transfer:before {
    content: "\e99c"
}

.icon-shortcut-extras:before {
    content: "\e99d"
}

.icon-shortcut-feedback:before {
    content: "\e99e"
}

.icon-shortcut-inbox:before {
    content: "\e99f"
}

.icon-Shortcut-mybills-rechargehistory:before {
    content: "\e9a2"
}

.icon-shortcut-news:before {
    content: "\e9a3"
}

.icon-Shortcut-quickpay:before {
    content: "\e9a4"
}

.icon-shortcut-shop:before {
    content: "\e9a5"
}

.icon-Discount:before {
    content: "\e9a6"
}

.icon-Dist:before {
    content: "\e9a7"
}

.icon-shortcut-internetsharing:before {
    content: "\e9ae"
}

.icon-Shortcut-lines:before {
    content: "\e9af"
}

.icon-facebook:before {
    content: "\e9b5"
}

.icon-favorite-heart-button:before {
    content: "\e9b6"
}

.icon-Instagram:before {
    content: "\e9b7"
}

.icon-Kisok:before {
    content: "\e9b8"
}

.icon-Not_Interested:before {
    content: "\e9b9"
}

.icon-Search:before {
    content: "\e9ba"
}

.icon-smartphone:before {
    content: "\e9bb"
}

.icon-twitter:before {
    content: "\e9bc"
}

.icon-Workshop:before {
    content: "\e9bd"
}

.icon-B2BDOWNLOAD:before {
    content: "\e9be"
}

.icon-Find-Us:before {
    content: "\e9bf"
}

.icon-Rate-Us:before {
    content: "\e9c0"
}

.icon-Add---Green:before {
    content: "\e9c1"
}

.icon-Field-Selection:before {
    content: "\e9c2"
}

.icon-Internet:before {
    content: "\e9c3"
}

.icon-phone-1:before {
    content: "\e9c4"
}

.icon-Radio-Button-Selection:before {
    content: "\e9c5"
}

.icon-SMS:before {
    content: "\e9c6"
}

.icon-shortcut-internet:before {
    content: "\e9c7"
}

.icon-shortcut-settings:before {
    content: "\e9d0"
}

.icon-zbot-shortcut:before {
    content: "\e9d2"
}

.icon-Infinity:before {
    content: "\ea0b"
}

.icon-PDF:before {
    content: "\ea0c"
}

.icon-add-1:before {
    content: "\e908"
}

.icon-arrow-pointing-to-right:before {
    content: "\e90a"
}

.icon-arrow-pointing-to-right-1:before {
    content: "\e90b"
}

.icon-button:before {
    content: "\e90c"
}

.icon-checklist:before {
    content: "\e90d"
}

.icon-check-mark-button:before {
    content: "\e90e"
}

.icon-checkout1:before {
    content: "\e90f"
}

.icon-confirmation:before {
    content: "\e910"
}

.icon-delivery-truck-1:before {
    content: "\e911"
}

.icon-facebook1:before {
    content: "\e929"
}

.icon-favorite-heart-button1:before {
    content: "\e92a"
}

.icon-Group-1561:before {
    content: "\e92b"
}

.icon-Group-1564:before {
    content: "\e92d"
}

.icon-Group-1565:before {
    content: "\e92e"
}

.icon-Group-1566:before {
    content: "\e92f"
}

.icon-compare-black:before {
    content: "\e931"
}

.icon-Group-1568:before {
    content: "\e932"
}

.icon-Group-1569:before {
    content: "\e933"
}

.icon-Group-1570:before {
    content: "\e934"
}

.icon-hamburger:before {
    content: "\e936"
}

.icon-cart-with-plus:before {
    content: "\e938"
}

.icon-percentage-black:before {
    content: "\e939"
}

.icon-empty-shopping-card:before {
    content: "\e93a"
}

.icon-exclamatory:before {
    content: "\e93b"
}

.icon-delete:before {
    content: "\e93c"
}

.icon-cancel-1:before {
    content: "\e93d"
}

.icon-gift-1:before {
    content: "\e93e"
}

.icon-hourglass:before {
    content: "\e940"
}

.icon-Location:before {
    content: "\e944"
}

.icon-shopping-cart-2:before {
    content: "\e947"
}

.icon-filter:before {
    content: "\e949"
}

.icon-filter-filled:before {
    content: "\e94a"
}

.icon-router:before {
    content: "\e94b"
}

.icon-business:before {
    content: "\e94d"
}

.icon-transportation:before {
    content: "\e94e"
}

.icon-technology:before {
    content: "\e94f"
}

.icon-commerce-and-shopping:before {
    content: "\e951"
}

.icon-manage-setting:before {
    content: "\e952"
}

.icon-headphones-with-mic:before {
    content: "\e953"
}

.icon-magnifying-glass:before {
    content: "\e954"
}

.icon-mark-as-favorite-star:before {
    content: "\e958"
}

.icon-minus:before {
    content: "\e959"
}

.icon-Path-1105:before {
    content: "\e95a"
}

.icon-phone-call1:before {
    content: "\e95b"
}

.icon-rating-1:before {
    content: "\e95c"
}

.icon-save-money:before {
    content: "\e95f"
}

.icon-smart-home:before {
    content: "\e960"
}

.icon-smartphone1:before {
    content: "\e965"
}

.icon-sticker:before {
    content: "\e966"
}

.icon-twitter1:before {
    content: "\e967"
}

.icon-user-4:before {
    content: "\e968"
}

.icon-angle-arrow-pointing-to-right:before {
    content: "\e969"
}

.icon-home1:before {
    content: "\e96a"
}

.icon-offers:before {
    content: "\e96b"
}

.icon-right-arrow:before {
    content: "\e97b"
}

.icon-heart-feel-grey:before {
    content: "\e97c"
}

.icon-favorite-heart-button11:before {
    content: "\e97d"
}

.icon-credit-card:before {
    content: "\e97e"
}

.icon-home-delivery:before {
    content: "\e97f"
}

.icon-internet:before {
    content: "\e980"
}

.icon-rating-star:before {
    content: "\e981"
}

.icon-store:before {
    content: "\e982"
}

.icon-filter-mobie:before {
    content: "\e983"
}

.icon-home:before {
    content: "\e984"
}

.icon-home2:before {
    content: "\e986"
}

.icon-home3:before {
    content: "\e987"
}

.icon-office:before {
    content: "\e988"
}

.icon-newspaper:before {
    content: "\e98a"
}

.icon-pencil:before {
    content: "\e98b"
}

.icon-image:before {
    content: "\e98c"
}

.icon-images:before {
    content: "\e993"
}

.icon-camera:before {
    content: "\e994"
}

.icon-connection:before {
    content: "\e995"
}

.icon-qrcode:before {
    content: "\e996"
}

.icon-cart:before {
    content: "\e997"
}

.icon-phone:before {
    content: "\e998"
}

.icon-location2:before {
    content: "\e99a"
}

.icon-compass:before {
    content: "\e9a0"
}

.icon-compass2:before {
    content: "\e9a1"
}

.icon-map:before {
    content: "\e9a8"
}

.icon-map2:before {
    content: "\e9a9"
}

.icon-history:before {
    content: "\e9aa"
}

@font-face {
    font-family: icomoon-app;
    src: url(../fonts/icomoon-app.86ddc0e1.woff2) format("woff2"),url(../fonts/icomoon-app.b7303e15.ttf) format("truetype"),url(../fonts/icomoon-app.0c0375ee.woff) format("woff"),url(../img/icomoon-app.8e1df80a.svg#icomoon-app) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-app-"],[class^=icon-app-] {
    font-family: icomoon-app!important;
    speak: never;
    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-app-ghost-error-new:before {
    content: "\e9fe";
    color: #d12b8a
}

.icon-app-Ghost-confirmation-new:before {
    content: "\ea49";
    color: #d12b8a
}

.icon-app-Final:before {
    content: "\e9c8";
    color: #6c7378
}

.icon-app-new-download:before {
    content: "\e900";
    color: #d12b8a
}

.icon-app-Icon---Not-Interested1:before {
    content: "\e973";
    color: #6c7378
}

.icon-app-Icon---Later:before {
    content: "\e9a0";
    color: #bf3d86
}

.icon-app-Icon---Check:before {
    content: "\e9d9";
    color: #fff
}

.icon-app-Icon---Not-Interested:before {
    content: "\e972";
    color: #6c7378
}

.icon-app-inbox:before {
    content: "\e9da";
    color: #fff
}

.icon-app-SMS-Myplan:before {
    content: "\e9d8";
    color: #d12b8a
}

.icon-app-Social-Media_Myplan:before {
    content: "\e97b";
    color: #d12b8a
}

.icon-app-button:before {
    content: "\e9de";
    color: #fff
}

.icon-app-calendar-2:before {
    content: "\e93b";
    color: #a8a8a8
}

.icon-app-check-mark-button:before {
    content: "\e9dc";
    color: #fff
}

.icon-app-checklist:before {
    content: "\e9e2";
    color: #fff
}

.icon-app-checkout:before {
    content: "\ea24";
    color: #fff
}

.icon-app-Component-79--1:before {
    content: "\e939";
    color: #a8a8a8
}

.icon-app-confirmation:before {
    content: "\e9e3";
    color: #fff
}

.icon-app-delivered:before {
    content: "\e9db";
    color: #fff
}

.icon-app-delivery-truck-1:before {
    content: "\e9e4";
    color: #fff
}

.icon-app-International-minutes:before {
    content: "\e95b";
    color: #5b1f69
}

.icon-app-load-more:before {
    content: "\e95c";
    color: #d12b8a
}

.icon-app-Lock:before {
    content: "\e95f";
    color: #c4ad00
}

.icon-app-no-results:before {
    content: "\e960";
    color: #d12c8a
}

.icon-app-noun_Detect-Location_1666879:before {
    content: "\e965";
    color: #d12b8a
}

.icon-app-order-placed:before {
    content: "\e9e1";
    color: #fff
}

.icon-app-out-for-delivery:before {
    content: "\e9e6";
    color: #fff
}

.icon-app-Path-2479:before {
    content: "\e968";
    color: #d12b8a
}

.icon-app-photo-camera:before {
    content: "\e969";
    color: #727272
}

.icon-app-Progress-Indicator---Choose-plan:before {
    content: "\e9df";
    color: #fff
}

.icon-app-Progress-Indicator---verify-identity:before {
    content: "\e9e0";
    color: #fff
}

.icon-app-sim-card:before {
    content: "\e97d";
    color: #c4ad00
}

.icon-app-Unlimited-Social-Media:before {
    content: "\e97e";
    color: #5b1f69
}

.icon-app-Unlimited-Whatsapp:before {
    content: "\e97f";
    color: #5b1f69
}

.icon-app-Unlimited-Youtube:before {
    content: "\e980";
    color: #5b1f69
}

.icon-app-PDF-ICON:before {
    content: "\e931";
    color: #d12b8a
}

.icon-app-Add-extras:before {
    content: "\e92b";
    color: #d12b8a
}

.icon-app-Download-PDF:before {
    content: "\e92d";
    color: #d12b8a
}

.icon-app-Extras---Roaming-2:before {
    content: "\e92e";
    color: #d12b8a
}

.icon-app-Limit-Usage:before {
    content: "\e92f";
    color: #d12b8a
}

.icon-app-cellphone-internet-connection:before {
    content: "\e911";
    color: #d12b8a
}

.icon-app-Extras---Entertainment:before {
    content: "\e91e";
    color: #d12b8a
}

.icon-app-Extras---GB--Minutes:before {
    content: "\e92a";
    color: #d12b8a
}

.icon-app-Extras---Validity1:before {
    content: "\e93c";
    color: #d12b8a
}

.icon-app-Home---Credit-Transfer:before {
    content: "\e93d";
    color: #d12b8a
}

.icon-app-Home---No-plan:before {
    content: "\e93e";
    color: #d12b8a
}

.icon-app-My-Plan---Calls:before {
    content: "\e940";
    color: #d12b8a
}

.icon-app-My-Plan---Device-Commitment:before {
    content: "\e944";
    color: #d12b8a
}

.icon-app-My-Plan---Internet:before {
    content: "\e949";
    color: #d12b8a
}

.icon-app-My-Plan---Plan-Commitment:before {
    content: "\e94a";
    color: #d12b8a
}

.icon-app-My-Plan---Zain-to-Zain:before {
    content: "\e958";
    color: #d12b8a
}

.icon-app-Navigation---Home:before {
    content: "\e959";
    color: #d12b8a
}

.icon-app-Navigation---Myplan:before {
    content: "\e94b";
    color: #727272
}

.icon-app-Navigation---Shop:before {
    content: "\e94d";
    color: #727272
}

.icon-app-Navigation---Usage:before {
    content: "\e94e";
    color: #727272
}

.icon-app-Navigation---zBot .path1:before {
    content: "\e94f";
    color: #fdfdfd
}

.icon-app-Navigation---zBot .path2:before {
    content: "\e951";
    margin-left: -.9013671875em;
    color: #727272
}

.icon-app-Navigation---zBot .path3:before {
    content: "\e952";
    margin-left: -.9013671875em;
    color: #fbfcfc
}

.icon-app-Navigation---zBot .path4:before {
    content: "\e953";
    margin-left: -.9013671875em;
    color: #727272
}

.icon-app-Navigation---zBot .path5:before {
    content: "\e954";
    margin-left: -.9013671875em;
    color: #727272
}

.icon-app-Calendar:before {
    content: "\e908";
    color: #e3e3e3
}

.icon-app-Incoming-Calls:before {
    content: "\e90a";
    color: #d12b8a
}

.icon-app-Incoming-Roaming:before {
    content: "\e90b";
    color: #88bfea
}

.icon-app-Incoming-SMS:before {
    content: "\e90c";
    color: #d12b8a
}

.icon-app-International:before {
    content: "\e90d";
    color: #16b2a9
}

.icon-app-Outgoing-Calls:before {
    content: "\e90e";
    color: #e895c4
}

.icon-app-Outgoing-Roaming:before {
    content: "\e90f";
    color: #88bfea
}

.icon-app-Outgoing-SMS:before {
    content: "\e910";
    color: #e895c4
}

.icon-app-Settings-1:before {
    content: "\e907";
    color: #d12b8a
}

.icon-app-logout:before {
    content: "\e912"
}

.icon-app-My-Information:before {
    content: "\e999"
}

.icon-app-Curve:before {
    content: "\e9ec";
    color: #fff
}

.icon-app-notifications:before {
    content: "\e913"
}

.icon-app-My-Notifications:before {
    content: "\e9e5";
    color: #fff
}

.icon-app-Quickpay-Selected-Pink:before {
    content: "\ea25";
    color: #d12b8a
}

.icon-app-Shop-Selected:before {
    content: "\e921";
    color: #d12b8a
}

.icon-app-Home-Selected:before {
    content: "\e9d7";
    color: #d12b8a
}

.icon-app-home-active:before {
    content: "\e923";
    color: #d12b8a
}

.icon-app-zbot-active:before {
    content: "\e941"
}

.icon-app-Shop---Active:before {
    content: "\e943";
    color: #d0288a
}

.icon-app-Manage-Plan-Tab:before {
    content: "\e977";
    color: #d12b8a
}

.icon-app-Quickpay-Default-Gray:before {
    content: "\ea26";
    color: #727272
}

.icon-app-Shop-Default:before {
    content: "\e932";
    color: #727272
}

.icon-app-Home-Default:before {
    content: "\e934";
    color: #727272
}

.icon-app-home-not-active:before {
    content: "\e946";
    color: #a2adb2
}

.icon-app-zbot---not-active:before {
    content: "\e945"
}

.icon-app-Shop---Not-Active:before {
    content: "\e96c";
    color: #a2adb2
}

.icon-app-MyPlan---Not-Active:before {
    content: "\e96e";
    color: #a2adb2
}

.icon-app-Credit-Transfer-Tab:before {
    content: "\e974";
    color: #d12b8a
}

.icon-app-Internet-Sharing-Tab:before {
    content: "\e976";
    color: #d12b8a
}

.icon-app-My-Bills---Recharge-History-Tab:before {
    content: "\e978";
    color: #d12b8a
}

.icon-app-My-Usage-Tab:before {
    content: "\e979";
    color: #d12b8a
}

.icon-app-Future-Plan-or-Duration:before {
    content: "\e9e7";
    color: #fff
}

.icon-app-Extras:before {
    content: "\e9e8";
    color: #fff
}

.icon-app-Active-Plan:before {
    content: "\e9e9";
    color: #fff
}

.icon-app-Validity:before {
    content: "\e914";
    color: #5b1f69
}

.icon-app-International-Calls:before {
    content: "\e91b";
    color: #5b1f69
}

.icon-app-Internet-Roaming:before {
    content: "\e929";
    color: #5b1f69
}

.icon-app-Local-Minutes:before {
    content: "\e927";
    color: #5b1f69
}

.icon-app-Miss-U:before {
    content: "\e92c";
    color: #5b1f69
}

.icon-app-Roaming-Calls:before {
    content: "\e930";
    color: #5b1f69
}

.icon-app-Roaming:before {
    content: "\e935";
    color: #5b1f69
}

.icon-app-UL-Internet:before {
    content: "\e937";
    color: #5b1f69
}

.icon-app-UL-SMS:before {
    content: "\e93f";
    color: #5b1f69
}

.icon-app-UL-Streaming:before {
    content: "\e948";
    color: #5b1f69
}

.icon-app-Voice-Mail:before {
    content: "\e94c";
    color: #5b1f69
}

.icon-app-Zain-to-Zain:before {
    content: "\e950";
    color: #5b1f69
}

.icon-app-Roaming-charges:before {
    content: "\e956";
    color: #d12b8a
}

.icon-app-anghami-new:before {
    content: "\e9b4"
}

.icon-app-Youtube-Icon--Extra:before {
    content: "\e998";
    color: #e02f2f
}

.icon-app-OSN .path1:before {
    content: "\e99a";
    color: #220750
}

.icon-app-OSN .path2:before {
    content: "\e9a8";
    margin-left: -1.0146484375em;
    color: #220750
}

.icon-app-OSN .path3:before {
    content: "\e9a9";
    margin-left: -1.0146484375em;
    color: #220750
}

.icon-app-OSN .path4:before {
    content: "\e9aa";
    margin-left: -1.0146484375em;
    color: #220750
}

.icon-app-OSN .path5:before {
    content: "\e9ab";
    margin-left: -1.0146484375em;
    color: #ff00d1
}

.icon-app-OSN .path6:before {
    content: "\e9ac";
    margin-left: -1.0146484375em;
    color: #ff00d1
}

.icon-app-starz:before {
    content: "\e9ad"
}

.icon-app-anghami:before {
    content: "\e9b0"
}

.icon-app-Netflix:before {
    content: "\e9b1";
    color: #b81d24
}

.icon-app-Whatsapp-Icon-Extra:before {
    content: "\e905";
    color: #67c15e
}

.icon-app-Social-Media-Icon:before {
    content: "\e9ea";
    color: #5b1f69
}

.icon-app-Minutes:before {
    content: "\e98d";
    color: #d12b8a
}

.icon-app-Star:before {
    content: "\e98b";
    color: #d12b8a
}

.icon-app-Switch-Off:before {
    content: "\e96f";
    color: #cfd5d7
}

.icon-app-Switch-On:before {
    content: "\e970";
    color: #7dc53e
}

.icon-app-reset:before {
    content: "\e915"
}

.icon-app-language:before {
    content: "\e916"
}

.icon-app-Careers:before {
    content: "\e917"
}

.icon-app-Extra-Charges:before {
    content: "\e955"
}

.icon-app-Infinity:before {
    content: "\ea0b"
}

.icon-app-PDF:before {
    content: "\ea0c";
    color: #5b1f69
}

.icon-app-Arrow-back:before {
    content: "\e918"
}

.icon-app-Arrow-Below:before {
    content: "\e919"
}

.icon-app-Dist:before {
    content: "\e9a7";
    color: #525e64
}

.icon-app-Not_Interested:before {
    content: "\e9b9";
    color: #525e64
}

.icon-app-Workshop:before {
    content: "\e9bd";
    color: #525e64
}

.icon-app-B2BDOWNLOAD:before {
    content: "\e9be";
    color: #d12b8a
}

.icon-app-Find-Us:before {
    content: "\e9bf";
    color: #d12b8a
}

.icon-app-Rate-Us:before {
    content: "\e9c0";
    color: #d12b8a
}

.icon-app-Add---Green:before {
    content: "\e9c1";
    color: #7cc43e
}

.icon-app-Field-Selection:before {
    content: "\e9c2";
    color: #d12b8a
}

.icon-app-Radio-Button-Selection:before {
    content: "\e9c5";
    color: #69be29
}

.icon-app-Playstation:before {
    content: "\e906"
}

.icon-app-Netflix-Circle:before {
    content: "\e904";
    color: #b81d24
}

.icon-app-netflix-1:before {
    content: "\e903";
    color: #b81d24
}

.icon-app-My-Profile:before {
    content: "\e9eb";
    color: #fff
}

.icon-app-Shortcut---close:before {
    content: "\e91a";
    color: #d12b8a
}

.icon-app-My-Shortcuts-Main-Icon:before {
    content: "\e922";
    color: #d12b8a
}

.icon-app-shortcut-internet:before {
    content: "\e9c7";
    color: #d12b8a
}

.icon-app-shortcut-settings:before {
    content: "\e9d0";
    color: #d12b8a
}

.icon-app-zbot-shortcut:before {
    content: "\e9d2";
    color: #d12b8a
}

.icon-app-shortcut---locator:before {
    content: "\e91c";
    color: #d12b8a
}

.icon-app-shortcut---my-usage:before {
    content: "\e91d";
    color: #d12b8a
}

.icon-app-shortcut-autopay:before {
    content: "\e91f";
    color: #d12b8a
}

.icon-app-shortcut-Roaming:before {
    content: "\e990";
    color: #d12b8a
}

.icon-app-shortcut-credit-transfer:before {
    content: "\e99c";
    color: #d12b8a
}

.icon-app-shortcut-extras:before {
    content: "\e99d";
    color: #d12b8a
}

.icon-app-shortcut-feedback:before {
    content: "\e99e";
    color: #d12b8a
}

.icon-app-shortcut-inbox:before {
    content: "\e99f";
    color: #d12b8a
}

.icon-app-shortcut-internetsharing:before {
    content: "\e9ae";
    color: #d12b8a
}

.icon-app-Shortcut-lines:before {
    content: "\e9af";
    color: #d12b8a
}

.icon-app-Shortcut-mybills-rechargehistory:before {
    content: "\e9a2";
    color: #d12b8a
}

.icon-app-shortcut-news:before {
    content: "\e9a3";
    color: #d12b8a
}

.icon-app-Shortcut-quickpay:before {
    content: "\e9a4";
    color: #d12b8a
}

.icon-app-shortcut-shop:before {
    content: "\e9a5";
    color: #d12b8a
}

.icon-app-G-Playstation .path1:before {
    content: "\ea4a";
    color: #1f1f1f
}

.icon-app-G-Playstation .path2:before {
    content: "\ea4b";
    margin-left: -1.255859375em;
    color: #1f1f1f
}

.icon-app-G-Playstation .path3:before {
    content: "\ea4c";
    margin-left: -1.255859375em;
    color: #1f1f1f
}

.icon-app-G-Playstation .path4:before {
    content: "\ea4d";
    margin-left: -1.255859375em;
    color: #1e1e1e
}

.icon-app-G-unlimited:before {
    content: "\ea4e";
    color: #70489d
}

.icon-app-G-500:before {
    content: "\ea4f";
    color: #70489d
}

.icon-app-G-250:before {
    content: "\ea50";
    color: #70489d
}

.icon-app-Football-fantasy-1 .path1:before {
    content: "\ea07";
    color: #1a2c39
}

.icon-app-Football-fantasy-1 .path2:before {
    content: "\ea08";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path3:before {
    content: "\ea09";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path4:before {
    content: "\ea0a";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path5:before {
    content: "\ea0d";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path6:before {
    content: "\ea0e";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path7:before {
    content: "\ea0f";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path8:before {
    content: "\ea10";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path9:before {
    content: "\ea11";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path10:before {
    content: "\ea12";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path11:before {
    content: "\ea13";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path12:before {
    content: "\ea14";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path13:before {
    content: "\ea15";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path14:before {
    content: "\ea16";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path15:before {
    content: "\ea17";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path16:before {
    content: "\ea18";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy-1 .path17:before {
    content: "\ea19";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy-1 .path18:before {
    content: "\ea1a";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy-1 .path19:before {
    content: "\ea1b";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy-1 .path20:before {
    content: "\ea1c";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy-1 .path21:before {
    content: "\ea1d";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy-1 .path22:before {
    content: "\ea1e";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy-1 .path23:before {
    content: "\ea1f";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy-1 .path24:before {
    content: "\ea20";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy-1 .path25:before {
    content: "\ea21";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy-1 .path26:before {
    content: "\ea22";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy-1 .path27:before {
    content: "\ea23";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy-1 .path28:before {
    content: "\ea27";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy-1 .path29:before {
    content: "\ea28";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy-1 .path30:before {
    content: "\ea29";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy-1 .path31:before {
    content: "\ea2a";
    margin-left: -1.0146484375em;
    color: #310439
}

.icon-app-Football-fantasy .path1:before {
    content: "\e924";
    color: #1a2c39
}

.icon-app-Football-fantasy .path2:before {
    content: "\ea2b";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path3:before {
    content: "\ea2c";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path4:before {
    content: "\ea2d";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path5:before {
    content: "\ea2e";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path6:before {
    content: "\ea2f";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path7:before {
    content: "\ea30";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path8:before {
    content: "\ea31";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path9:before {
    content: "\ea32";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path10:before {
    content: "\ea33";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path11:before {
    content: "\ea34";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path12:before {
    content: "\ea35";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path13:before {
    content: "\ea36";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path14:before {
    content: "\ea37";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path15:before {
    content: "\ea38";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path16:before {
    content: "\ea39";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Football-fantasy .path17:before {
    content: "\ea3a";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-Football-fantasy .path18:before {
    content: "\ea3b";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-Football-fantasy .path19:before {
    content: "\ea3c";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-Football-fantasy .path20:before {
    content: "\ea3d";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-Football-fantasy .path21:before {
    content: "\ea3e";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-Football-fantasy .path22:before {
    content: "\ea3f";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-Football-fantasy .path23:before {
    content: "\ea40";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-Football-fantasy .path24:before {
    content: "\ea41";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-Football-fantasy .path25:before {
    content: "\ea42";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-Football-fantasy .path26:before {
    content: "\ea43";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-Football-fantasy .path27:before {
    content: "\ea44";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-Football-fantasy .path28:before {
    content: "\ea45";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-Football-fantasy .path29:before {
    content: "\ea46";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-Football-fantasy .path30:before {
    content: "\ea47";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-Football-fantasy .path31:before {
    content: "\ea48";
    margin-left: -1.0146484375em;
    color: #8a8a8a
}

.icon-app-dd:before {
    content: "\e9d6";
    color: #d12b8a
}

.icon-app-5g:before {
    content: "\ea51";
    color: #d12b8a
}

.icon-app-entertainment-3:before {
    content: "\e9ff";
    color: #d12b8a
}

.icon-app-Group-10178:before {
    content: "\ea00";
    color: #70489d
}

.icon-app-500-GB:before {
    content: "\ea01";
    color: #70489d
}

.icon-app-unlimited-GB:before {
    content: "\ea03";
    color: #70489d
}

.icon-app-close:before {
    content: "\e9cc";
    color: #fff
}

.icon-app-check:before {
    content: "\e9ed";
    color: #d12b8a
}

.icon-app-x-icon:before {
    content: "\e9ef"
}

.icon-app-mail:before {
    content: "\e9f0";
    color: #5b1f69
}

.icon-app-kiosk-2 .path1:before {
    content: "\e9f1";
    color: #d12b8a
}

.icon-app-kiosk-2 .path2:before {
    content: "\e9f2";
    margin-left: -.7001953125em;
    color: #d12b8a
}

.icon-app-kiosk-2 .path3:before {
    content: "\e9f3";
    margin-left: -.7001953125em;
    color: #fff
}

.icon-app-kiosk-2 .path4:before {
    content: "\e9f4";
    margin-left: -.7001953125em;
    color: #fff
}

.icon-app-kiosk-2 .path5:before {
    content: "\e9f5";
    margin-left: -.7001953125em;
    color: #fff
}

.icon-app-kiosk-2 .path6:before {
    content: "\e9f6";
    margin-left: -.7001953125em;
    color: #fff
}

.icon-app-kiosk-2 .path7:before {
    content: "\e9f7";
    margin-left: -.7001953125em;
    color: #fff
}

.icon-app-workshops-2 .path1:before {
    content: "\e9f8";
    color: #d12b8a
}

.icon-app-workshops-2 .path2:before {
    content: "\e9f9";
    margin-left: -.7001953125em;
    color: #d12b8a
}

.icon-app-workshops-2 .path3:before {
    content: "\e9fa";
    margin-left: -.7001953125em;
    color: #fff
}

.icon-app-branches-2 .path1:before {
    content: "\e9fb";
    color: #d12b8a
}

.icon-app-branches-2 .path2:before {
    content: "\e9fc";
    margin-left: -.7001953125em;
    color: #d12b8a
}

.icon-app-branches-2 .path3:before {
    content: "\e9fd";
    margin-left: -.7001953125em;
    color: #fff
}

.icon-app-Shahid .path1:before {
    content: "\e909";
    color: #1a2c39
}

.icon-app-Shahid .path2:before {
    content: "\e933";
    margin-left: -1.0146484375em;
    color: #1a2c39
}

.icon-app-Shahid .path3:before {
    content: "\e936";
    margin-left: -1.0146484375em;
    color: #1a2c39
}

.icon-app-Shahid .path4:before {
    content: "\e938";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-Shahid .path5:before {
    content: "\e93a";
    margin-left: -1.0146484375em;
    color: #000
}

.icon-app-privacy-policy .path1:before {
    content: "\e947";
    color: #fff
}

.icon-app-privacy-policy .path2:before {
    content: "\e95a";
    margin-left: -1.2822265625em;
    color: #f3f2f5
}

.icon-app-privacy-policy .path3:before {
    content: "\e963";
    margin-left: -1.2822265625em;
    color: #e8e5ec
}

.icon-app-privacy-policy .path4:before {
    content: "\e964";
    margin-left: -1.2822265625em;
    color: #f3f2f5
}

.icon-app-privacy-policy .path5:before {
    content: "\e966";
    margin-left: -1.2822265625em;
    color: #f3f2f5
}

.icon-app-privacy-policy .path6:before {
    content: "\e967";
    margin-left: -1.2822265625em;
    color: #e8e5ec
}

.icon-app-privacy-policy .path7:before {
    content: "\e96a";
    margin-left: -1.2822265625em;
    color: #f3f2f5
}

.icon-app-privacy-policy .path8:before {
    content: "\e96b";
    margin-left: -1.2822265625em;
    color: #e8e5ec
}

.icon-app-privacy-policy .path9:before {
    content: "\e96d";
    margin-left: -1.2822265625em;
    color: #fefefe
}

.icon-app-privacy-policy .path10:before {
    content: "\e971";
    margin-left: -1.2822265625em;
    color: #e8e6ec
}

.icon-app-privacy-policy .path11:before {
    content: "\e993";
    margin-left: -1.2822265625em;
    color: #f7f6f9
}

.icon-app-privacy-policy .path12:before {
    content: "\e994";
    margin-left: -1.2822265625em;
    color: #e8e5ec
}

.icon-app-privacy-policy .path13:before {
    content: "\e995";
    margin-left: -1.2822265625em;
    color: #e8e5ec
}

.icon-app-privacy-policy .path14:before {
    content: "\e996";
    margin-left: -1.2822265625em;
    color: #f3f2f5
}

.icon-app-privacy-policy .path15:before {
    content: "\e997";
    margin-left: -1.2822265625em;
    color: #f3f2f5
}

.icon-app-privacy-policy .path16:before {
    content: "\e9a1";
    margin-left: -1.2822265625em;
    color: #e8e5ec
}

.icon-app-privacy-policy .path17:before {
    content: "\e9b2";
    margin-left: -1.2822265625em;
    color: #fff
}

.icon-app-privacy-policy .path18:before {
    content: "\e9b3";
    margin-left: -1.2822265625em;
    color: #f5f5f5
}

.icon-app-privacy-policy .path19:before {
    content: "\e9c9";
    margin-left: -1.2822265625em;
    color: #542265
}

.icon-app-privacy-policy .path20:before {
    content: "\e9ca";
    margin-left: -1.2822265625em;
    color: #fff
}

.icon-app-Smart-Branch:before {
    content: "\e9cf";
    color: #d12b8a
}

.icon-app-KIOSKS:before {
    content: "\e9d1";
    color: #d12b8a
}

.icon-app-Branches:before {
    content: "\e9d3";
    color: #d12b8a
}

.icon-app-Business-Branch:before {
    content: "\e9d4";
    color: #d12b8a
}

.icon-app-Distributors:before {
    content: "\e9d5";
    color: #d12b8a
}

.icon-app-Workshops:before {
    content: "\e9dd";
    color: #d12b8a
}

.icon-app-Extras---Validity:before {
    content: "\e98c"
}

.icon-app-Laptops:before {
    content: "\e988";
    color: #5b1f69
}

.icon-app-Zain-PLUS:before {
    content: "\e98a";
    color: #5b1f69
}

.icon-app-Wearables--Headsets:before {
    content: "\e97c";
    color: #5b1f69
}

.icon-app-Smart-Tvs:before {
    content: "\e981";
    color: #5b1f69
}

.icon-app-Smart-Home:before {
    content: "\e982";
    color: #5b1f69
}

.icon-app-Internet-Devices:before {
    content: "\e983";
    color: #5b1f69
}

.icon-app-Accessories:before {
    content: "\e984";
    color: #5b1f69
}

.icon-app-Gaming:before {
    content: "\e986";
    color: #5b1f69
}

.icon-app-Laptops--Tablets:before {
    content: "\e987";
    color: #5b1f69
}

.icon-app-Smartphones:before {
    content: "\e97a";
    color: #5b1f69
}

.icon-app-amex:before {
    content: "\e901";
    color: #2670b8
}

.icon-app-kpay:before {
    content: "\e902";
    color: #0b73b9
}

.icon-app-Master-Card:before {
    content: "\e957"
}

.icon-app-MyPlan---Active:before {
    content: "\e942"
}

.icon-app-Extra-Menu:before {
    content: "\ea04";
    color: #fff
}

.icon-app-Customize:before {
    content: "\ea05";
    color: #fcfcfc
}

.icon-app-My-Plan-button:before {
    content: "\e985";
    color: #5b1f69
}

.icon-app-Instagram1:before {
    content: "\e989"
}

.icon-app-Not-Available:before {
    content: "\e98e";
    color: #c0c3c8
}

.icon-app-Snapchat:before {
    content: "\e98f";
    color: #ece000
}

.icon-app-Whatsapp:before {
    content: "\e991";
    color: #67c15e
}

.icon-app-Youtube:before {
    content: "\e992";
    color: #e02f2f
}

.icon-app-Info:before {
    content: "\e975";
    color: #ede8e8
}

.icon-app-Booster:before {
    content: "\e925";
    color: #5b1f69
}

.icon-app-Extra-GB:before {
    content: "\e95d";
    color: #5b1f69
}

.icon-app-faceid:before {
    content: "\e926"
}

.icon-app-paymentmethods:before {
    content: "\e928"
}

.icon-app-discover:before {
    content: "\e95e"
}

.icon-app-My-Lines:before {
    content: "\e99b"
}

.icon-app-Quickpay---Scan:before {
    content: "\e961";
    color: #a2adb2
}

.icon-app-Quickpay---KNET:before {
    content: "\e962"
}

.icon-app-Visa:before {
    content: "\e9a6";
    color: #0066b2
}

.icon-app-Discount:before {
    content: "\e9b5"
}

.icon-app-facebook:before {
    content: "\e9b6"
}

.icon-app-favorite-heart-button:before {
    content: "\e9b7"
}

.icon-app-Instagram:before {
    content: "\e9b8"
}

.icon-app-Kisok:before {
    content: "\e9ba";
    color: #525e64
}

.icon-app-Search:before {
    content: "\e9bb"
}

.icon-app-smartphone:before {
    content: "\e9bc"
}

.icon-app-twitter:before {
    content: "\e9c3"
}

.icon-app-Internet:before {
    content: "\e9c4"
}

.icon-app-phone-1:before {
    content: "\e9c6"
}

.icon-app-SMS:before {
    content: "\ea06"
}