@font-face {
    font-family: EurostileBold;
    src: url(/fonts/gnt/EurostileBold.ttf);
}

@font-face {
    font-family: EurostileNormal;
    src: url(/fonts/gnt/Eurostile.ttf);
}

@font-face {
    font-family: EurostileExtended;
    src: url(/fonts/gnt/EurostileExtended.ttf);
}


@font-face {
    font-family: Metrisch;
    src: url(/fonts/Metrisch-Medium.otf);
}

@font-face {
    font-family: Metrisch-light;
    src: url(/fonts/Metrisch-Light-webfont.ttf);
}

@font-face {
    font-family: MADEEvolve;
    src: url(/fonts/MADE-EvolveSans.otf);
}

@font-face {
    font-family: Amita;
    src: url(/fonts/Amita-Bold.ttf);
}

.container {
    flex: 1 0 auto;
}

body {
    background: #222222 !important;
}

.verify-page {
    margin: auto;
    padding-bottom: 50px;
}

/*footer*/
footer {
    flex-shrink: 0;
    position: fixed;
    bottom: -10px;
    right: -6px;
    left: 0;
    z-index: 9;
}

/*login*/
.form-group {
    margin-bottom: 11px !important;
}

.login-container {
    /* margin: 84px 0 0; */
    position: fixed;
    left: 0;
    right: 0;
}

.register-form .form-group .register-mobno,
#inputName,
#inputEmail,
#inputSetPass,
.form-group .another-mobno {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 15%), inset 0px 5px 11px rgb(0 0 0 / 62%);
    mix-blend-mode: normal;
    border: 5px solid #565458;
    box-sizing: border-box;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    border-radius: 21px;
    height: 64px;
    padding: 20px;
}

.login-btn button.btn.btn-primary,
.signup-submit button.btn.btn-primary {
    width: 66px;
    height: 66px;
    background: #343434;
    border-radius: 39px;
    border-width: 0;
}

.login-btn button.btn.btn-primary {
    background: #00DA16;
}

.login-btn {
    padding-top: 10%;
}

.login-signup {
    padding-top: 10%;
}

.login-signup button.signup {
    width: 222px;
    height: 66px;
    background: #00DA16;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%);
    border-radius: 39px;
    border-width: 0;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    margin-bottom: 30px;
    font-family: EurostileBold;
}

.login-signup p {
    color: #FFFFFF;
    font-family: EurostileNormal;
    font-size: 15px;
    line-height: 15px;
}

.login-pass {
    text-align: right;
    display: block;
    color: #FFFFFF;
    font-family: EurostileNormal;
}

.login-pass a {
    color: #FFFFFF;
}

#login img {
    /* margin-top: 100px; */

}

#login {
    margin: auto;
}

.login-form object {
    margin: 20px 0 26px 0;
}

.login-signup .login-button {
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    margin-top: 84px;
}


/*register*/
.register-container .form-heading span:first-child {
    /* margin-top: 26px; */
}

#registrationForm .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    mix-blend-mode: normal;
    border: 5px solid #565458;
    box-sizing: border-box;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    border-radius: 21px;
    width: 34px;
    height: 34px;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%), inset 0px 5px 11px rgb(0 0 0 / 62%);
    background-color: #ffff !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(/images/checked.svg) !important;
    background-size: cover;
    width: 30px;
    height: 27px;
    margin: 8px;
}

#registrationForm .custom-checkbox .custom-control-label::before {
    mix-blend-mode: normal;
    border: 5px solid #565458;
    box-sizing: border-box;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    border-radius: 21px;
    width: 34px;
    height: 34px;
    box-shadow: 0px 0px 31px rgba(0, 0, 0, 0.15), inset 0px 5px 11px rgba(0, 0, 0, 0.62);
}

#registrationForm .custom-checkbox .custom-control-input {
    width: 2rem;
    height: 2.25rem;
}

.form-heading span {
    font-family: EurostileBold;
    color: #fff;
}

#signup-logo embed {
    position: absolute;
    right: 11px;
    top: 15px;
    width: 111px;
    height: 134px;
}


.register-form .custom-checkbox .custom-control-label::before {
    mix-blend-mode: normal;
    border: 5px solid #565458;
    box-sizing: border-box;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    border-radius: 21px;
    width: 34px;
    height: 34px;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%), inset 0px 5px 11px rgb(0 0 0 / 62%);
    text-align: left;
    display: flex;
}

.register-form .custom-control.custom-checkbox {
    text-align: left;
}

.register-form .custom-checkbox label.custom-control-label {
    padding: 8px 0px 0 20px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: EurostileNormal;
    line-height: 25px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
}

.register-form .custom-checkbox label.custom-control-label a {
    color: #FFFFFF;
    font-weight: bold;
}

.login-form input[type="email"]::placeholder,
.login-form input[type="password"]::placeholder,
.register-form .form-group input.form-control::placeholder {
    font-family: EurostileNormal;
    font-size: 18px;
    line-height: 18px;
    color: #949494;
}

.register-mobno span,
.another-mobno span {
    font-family: EurostileNormal;
    border-right: 2px solid #949494;
    padding: 0px 8px 0 0;
    color: #949494;
    font-size: 18px;
}

.register-mobno,
.another-mobno {
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: 20px;
}

.register-mobno input#inputMobno,
.another-mobno input#inputMobno {
    border: unset;
    background-color: unset;
}

footer.signup-bar {
    /* position: relative; */
}

.progress {
    height: 55px !important;
    border-radius: 0 !important;
    margin: 0 -15px;
    background-color: unset !IMPORTANT;
}

.progress-bar {
    background: #00DA16 !important;
    box-shadow: 0px 4px 34px rgb(0 0 0 / 25%);
}


.login-form .form-control,
.login-form .form-control,
.verify-page input#inputNumber,
.credential-page input.form-control.pass,
.credential-page input.form-control.pass,
.login-form .form-control:focus {
    background: #FFFFFF;
    box-shadow: 0px 0px 31px rgba(0, 0, 0, 0.15), inset 0px 5px 11px rgba(0, 0, 0, 0.62);
    border-radius: 21px;
    mix-blend-mode: normal;
    border: 5px solid #565458;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    height: 64px;
    padding: 20px;
    font-size: 18px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(/images/checked.png) !important;
    background-size: cover;
    width: 30px;
    height: 27px;
    margin: 8px;
}

.form-heading span {
    font-family: EurostileBold;
    font-style: normal;
    font-size: 38px;
    line-height: 41px;
    text-transform: uppercase;
    color: #00DA16;
    text-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    float: left;
    margin-right: 12px;
    margin-top: 34px;
    text-align: left;
}

.form-heading span:last-child {
    font-size: 52px;
    margin-top: 0px;
}

form#registrationForm {
    margin-top: 82px;
}

.form-heading {
    display: inline-block;
    margin-bottom: 8px;
}

/*verify*/
.verify-number {
    margin-top: 14px;
}

.verify-email .signup-submit {
    margin-top: 10px;
}

.signup-submit button.btn.btn-primary.verify-email {
    background: #00DA16;
}

.verify-number p.verify-by-email {
    font-family: 'EurostileNormal';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    color: #00DA16;
    text-transform: lowercase;
    /* letter-spacing: 3px; */
    margin-bottom: 60px;
    margin-top: 18px;
}

img.back-arrow {
    position: relative;
    display: inline-flex;
    float: left;
    margin-top: 52px;
}

.verify-number span {
    font-family: EurostileNormal;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    display: block;
    text-align: left;
    text-transform: initial;
    /*letter-spacing: 1px;*/
}

.verify-number p {
    font-family: EurostileNormal;
    font-size: 31px;
    line-height: 52px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    margin-top: 6px;
    text-align: left;
    margin-bottom: 5%;
    font-weight: bold;
    /* letter-spacing: 4px; */
}

input#inputNumber {
    text-transform: capitalize;
    font-family: EurostileNormal;
}

.verify-timer {
    text-align: left;
    margin-top: 13px;
}

.verify-timer span {
    font-family: EurostileNormal;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    /*letter-spacing: 1px;*/
    margin-left: 4px;
}

.resend-button button {
    background: #343434;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%);
    border-radius: 21px;
    border-width: 0;
    font-family: EurostileNormal;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    padding: 12px 20px;
    margin: 14px 0;
    /*letter-spacing: 1px;*/
}

.resend-button a {
    display: block;
    font-family: EurostileNormal;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    letter-spacing: 2px;
    margin-left: 4px;
}

.verify-timer span:nth-child(2) {
    color: #00DA16;
}

/*term-condition*/
.condition-content:last-child {
    margin-top: 32px;
}

.condition-page {
    margin-bottom: 50px;
}

.condition-content {
    font-family: EurostileNormal;
    font-size: 14px;
    line-height: 14px;
    text-align: justify;
    color: #FFFFFF;
    /*letter-spacing: 1px;*/
}

.condition-content span {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 2;
    margin-top: 8px;
    display: block;
    text-align: left;
}

/*header*/
header {
    background: #000000;
    box-shadow: 0px 4px 34px rgb(0 0 0 / 25%);
    max-height: 68px;
    position: fixed;
    width: 100%;
    z-index: 99;
}

.header-container {
    padding: 9px 15px;
}

.header-bellicon .bell svg {
    fill: #fff;
}

.header-menu img {
    height: 46px;
    width: 39px;
}

.header-menu:first-child,
.bell {
    margin-top: 10px;
}

/*footer*/
.avatar footer {
    display: none;
}

.foot-menus a:nth-child(4) {
    margin-right: 20px;
}

.foot-menus a:nth-child(2) {
    margin-left: 20px;
}

.footer-container {
    position: relative;
}

.footer-menu-3 {
    border: 4px solid #00DA16;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 47%);
    padding: 12px 0px;
    width: 66px;
    height: 66px;
    border-radius: 62px;
    position: relative;
    top: -8px;
}

.foot {
    position: relative;
}

.foot img {
    width: 100%;
    max-width: 100%;
}

.footer-content {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.foot-menus {
    justify-content: space-between;
    display: inline-flex;
    align-items: flex-end;
    padding: 0px 18px 24px;
    width: 100%;
    max-width: 500px;
}

#foot-union embed {
    height: 106px;
    width: 100%;
}

:focus-visible {
    outline: none;
}

.footer-menu svg {
    fill: #fff;
}

.footer-menu {
    width: 34px;
    display: flow-root;
}

/*home*/
.homepage .page-title {
    margin-bottom: 10px;
}

.page-title.default-page-padding {
    margin-top: 90px;
}

.page-title {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-top: 16px;
}

.page-margin {
    margin-bottom: 118px;
}

.page-title span {
    font-family: EurostileNormal;
    font-style: normal;
    color: #00DA16;
    font-size: 35px;
    /* line-height: 35px; */
    text-shadow: 0px 4px 10px rgb(0 0 0 / 16%);
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
}

.default-page-padding {
    padding-left: 15px;
    padding-right: 15px;
}

.page-subtitle {
    font-family: EurostileNormal;
    font-size: 20px;
    text-transform: capitalize;
    color: #FFFFFF;
    text-align: left;
    margin-bottom: 5px;
    font-weight: 600;
    /*letter-spacing: 1px;*/
}

.page-subtitle span.subtitle-head {
    font-family: EurostileNormal;
    font-weight: normal;
}

.homepage .flickity-slider .carousel-cell.col-9.is-selected {
    padding: 0 18px;
}

.carousel-cell .silder-image {
    padding-left: 0;
    padding-right: 12px;
}

.slider1 .carousel-cell img,
.slider2 .carousel-cell img,
.slider3 .carousel-cell img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    border-radius: 21px;
    filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.2));
}

.silder-image img {
    mix-blend-mode: normal;
    box-sizing: border-box;
    /* width: 88px !important; */
}

.slider-headings {
    text-align: left;
    margin: 12px 0px 0 20px;
}

.slider-headings p.head1,
.slider-headings p.head2 {
    line-height: 100%;
    color: #FFFFFF;
}

.slider-headings p.head1 {
    font-weight: 800;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 3px;
    text-transform: uppercase;
    font-family: EurostileNormal;
    letter-spacing: 3px;
}

.slider-headings p.head2 {
    font-size: 18px;
    text-transform: capitalize;
    font-family: EurostileNormal;
    /*letter-spacing: 1px;*/
}

.slider1 .flickity-page-dots .dot,
.slider2 .flickity-page-dots .dot {
    width: 13px;
    height: 13px;
    background: #000000;
    ;
    margin: 2px;
    border: 2px solid #00DA16;
    ;
    opacity: unset;
}

.slider1 .flickity-page-dots li.dot.is-selected,
.slider2 .flickity-page-dots li.dot.is-selected {
    background: #00DA16;
    ;
}

.slider1 .flickity-page-dots {
    bottom: -10px;
}

.slider2 ol.flickity-page-dots,
.all-topic ol.flickity-page-dots {
    display: none;
}

.slider2 {
    margin-top: 20px;
}

.slider3 {
    margin-top: 18px;
}

.homepage-button {
    position: relative;
}

/* div.slider1 div.carousel-cell:not(.is-selected),
div.slider2 div.carousel-cell:not(.is-selected) {
    transform: scaleX(1) scaleY(0.8);
    transform-origin: center;
    top: -7px;
} */

a.see-topics {
    font-family: EurostileNormal;
    font-size: 14px;
    text-transform: capitalize;
    color: #FFFFFF;
    background: #00DA16;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 20%);
    border-radius: 8px;
    padding: 12px 16px;
    height: 14px;
    line-height: 2px;
    z-index: 9;
}

.all-topic .page-subtitle {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}

.page-subtitle.default-page-padding {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.all-topic .slider3 {
    margin-top: 10px;
}

.category span.category-heading,
.featured span.category-heading,
.new_topic span.category-heading,
.history span.category-heading {
    margin: 20px 0 8px;
}

.category .indicator img,
.featured .indicator img,
.new_topic .indicator img,
.search-result .indicator img {
    right: 26px;
}

/*splash*/
.splash .splash_logo,
.updated-page {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.splash_logo img {
    /* margin-bottom: 12px; */
    height: 300px;
    width: 300px;
}

.splash_logo object {
    position: relative;
    bottom: 55px;
}
/*menu*/
.menu-img.col-8.col-md-4 {
    flex: 0 0 59.666667%;
    max-width: 59.666667%;
    margin-left: 9px;
    padding: 0;
}

.menu-id.col-2.col-md-4 {
    flex: 0 0 24.666667%;
    max-width: 24.666667%;
}

body.menu,
body.on-support-popup.modal-open,
body.text-center.on-support-popup,
body.text-center.send-us-msg {
    background-image: url(/images/menu-logo.svg) !important;
    background-repeat: no-repeat !important;
    height: 100%;
    background-size: auto !important;
    position: relative;
    background-position: bottom !important;
}

.menus {
    padding: 38px 0;
}

.menus a {
    font-family: EurostileNormal;
    font-weight: 800;
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
    display: block;
    margin-bottom: 5px;
    letter-spacing: 3px;
}

.menu-container .menu-first-row {
    margin-top: 55px;
}

.menu-img {
    position: relative;
    left: 0;
    right: 0;
}

.menu-first-row .menu-img embed, .menu-first-row .menu-img img {
    width: 100%;
    max-width: 150px;
    height: 150px;
    border: 6px solid #fff;
    border-radius: 80px;
}

.menu-first-row span.player-name {
    display: block;
    font-family: EurostileNormal;
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 0px 4px 10px rgb(0 0 0 / 16%);
    font-weight: 900;
    letter-spacing: 4px;
    margin-top: 0;
}

.menu-first-row span.player-city {
    display: block;
    font-family: EurostileNormal;
    font-size: 15px;
    line-height: 15px;
    text-transform: capitalize;
    color: #ffffff;
    /*letter-spacing: 1px;*/
    font-weight: normal;
}

.menu-container .menu-id {
    font-family: EurostileNormal;
    font-size: 30px;
    line-height: 28px;
    text-transform: uppercase;
    color: #00DA16;
    text-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    padding-left: 0px;
    margin-left: -17px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-top: 10px;
}

.info-menu-bottom a {
    color: #fff;
}

.info-menu-bottom {
    color: #fff;
    position: relative;
    right: 0;
    left: 0;
    font-family: 'EurostileNormal';
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    /*letter-spacing: 1px;*/
    top: 72px;
}

.menu-bottom-logo {
    min-height: 272px;
    position: relative;
}

.info-menu-bottom p {
    margin-bottom: 2.5rem;
}

/*all-topic*/
.search-sort img:first-child {
    padding: 0 15px;
}

/*category*/
.category-top-row {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}

.category-middle-row {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
}

span.category-heading {
    font-family: EurostileNormal;
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
    color: #00DA16;
    text-shadow: 0px 4px 10px rgb(0 0 0 / 16%);
    margin: 20px 0;
    font-weight: bold;
    text-align: left;
    letter-spacing: 3px;
}

.category-middle-row span.category-topic {
    font-family: EurostileNormal;
    font-weight: 800;
    font-size: 20px;
    line-height: 20px;
    text-transform: capitalize;
    color: #ffffff;
    letter-spacing: 2px;
}

.category-middle-row span.cat-count {
    border: 2px solid #00DA16;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 4px 14px;
    font-family: Metrisch;
    font-weight: 800;
    font-size: 15px;
    line-height: 15px;
    text-transform: capitalize;
    color: #FFFFFF;
    height: 25px;
}

.category-bottom-row .cat-img {
    margin-top: 10px;
}

.category-bottom-row .cat-img img {
    width: 100%;
    /* max-width: 172px; */
    /* max-height: 133px; */
    border-radius: 21px;
}

.cat-img span {
    display: block;
    font-family: EurostileNormal;
    font-size: 18px;
    line-height: 18px;
    text-transform: capitalize;
    color: #FFFFFF;
    text-align: left;
    padding: 6px 0 5px 0px;
}

.category-top-row {
    margin-top: 70px;
}

/*search-result*/
.search-container form.form-inline {
    display: inline-flex;
    background: #ffffff;
    box-shadow: 0px 4px 34px rgb(0 0 0 / 25%);
    border-radius: 26px;
    margin: 24px 0 16px 0;
    width: 100%;
    margin-top: 88px;
}

.search-container button.btn.btn-outline-success {
    color: unset;
    border-color: unset;
    border: 0;
}

.search-container input.form-control {
    background-color: unset;
    border: 0;
    width: 86%;
    height: 47px;
    margin-right: 0 !important;
}

.search-container input.form-control:focus {
    box-shadow: unset;
}

.search-container button.btn.btn-outline-success {
    width: 14%;
    margin: 0 !important;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 47px;
    width: 47px;
    background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M21.8496 21.2878L15.0002 14.438L8.15037 21.2878C7.20073 22.237 5.66154 22.237 4.71191 21.2878C3.7627 20.3382 3.7627 18.799 4.71191 17.8494L11.5618 11.0001L4.71191 4.1503C3.7627 3.20068 3.7627 1.66152 4.71191 0.711895C5.66154 -0.237298 7.20073 -0.237298 8.15037 0.711895L15.0002 7.56164L21.8496 0.711895C22.7993 -0.237298 24.3385 -0.237298 25.2881 0.711895C26.2373 1.66152 26.2373 3.20068 25.2881 4.1503L18.4382 11.0001L25.2881 17.8494C26.2373 18.799 26.2373 20.3382 25.2881 21.2878C24.3385 22.2374 22.7993 22.2374 21.8496 21.2878Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='30' height='30' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"),
        #00DA16;
    background-repeat: no-repeat;
    border-radius: 26px;
    background-position: center center;
    position: absolute;
    right: -3px;
}

/*FAQ*/
.faq-page span.category-heading {
    font-size: 35px;
    text-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    line-height: 35px;
    margin-top: 35px;
    text-transform: capitalize;
}

.faq-page img.back-arrow {
    margin-top: 52px;
}

.FAQ-accordion .card {
    background: unset;
}

.FAQ-accordion .card {
    background: #343434;
    /* border-color:red; */
    border:0px red solid;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%);
    box-shadow: none !important;/* 0px 0px 31px rgb(0 0 0 / 15%); */
    border-radius: 21px;
    margin-bottom: 15px;
}

.FAQ-accordion button.btn.btn-link.btn-block.text-left {
    font-family: EurostileNormal;
    font-size: 18px;
    line-height: 18px;
    color: #FFFFFF;
    text-decoration: unset;
    padding: 0;
}

.FAQ-accordion .card-header {
    background-color: unset;
    border: 0px !important;
    padding: 15px;
}

.FAQ-accordion .card-body {
    padding: 0px 15px 15px 15px;
    color: #FFFFFF;
}

.FAQ-accordion button.btn.btn-link.btn-block.text-left:focus {
    box-shadow: unset;
}

.FAQ-accordion button.btn.btn-link.btn-block.text-left.collapsed {
    background-image: url(/images/faq-arrow.svg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}

.FAQ-accordion button.btn.btn-link.btn-block.text-left {
    background-image: url(/images/faq-up-arrow.svg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}

.card-body {
    padding: 26px !important;
    text-align: justify;
    font-family: EurostileNormal;
    line-height: 14px;
    color: #ffffff;
    /*letter-spacing: 1px;*/
}

.faq-page .category-top-row {
    margin-top: 0px;
}

/*booster*/
.booster-main {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 222.49px;
    position: relative;
    display: flex;
    box-sizing: border-box;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    border-radius: 21px;
    line-height: 14px;
}

.booster1 {
    background-image: url(/images/boosters/booster1.png);
}

.booster2 {
    background-image: url(/images/boosters/booster2.png);
}

.booster3 {
    background-image: url(/images/boosters/booster3.svg);
}

.packages-main {
    background-image: url(/images/packages/packages-img.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 172px;
    position: relative;
    display: flex;
    box-sizing: border-box;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    border-radius: 21px;
}

.packages-main .package-head {
    border-radius: 21px;
    width: 100%;
    margin-top: auto;
    text-align: left;
    padding: 20px;
    background: rgba(0, 0, 0, 0.6);
}

.package-head span.head1 {
    font-family: EurostileNormal !important;
    letter-spacing: 0 !important;
}

.package-head span.head1,
.booster-heading1 span.head1,
.booster-heading2 span.head1,
.booster-heading3 span.head1 {
    display: block;
    font-family: EurostileNormal;
    font-size: 24px;
    line-height: 11px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    letter-spacing: 3px;
    padding-bottom: 5px;
}

.package-head span.head2,
.booster-heading1 span.head2,
.booster-heading2 span.head2,
.booster-heading3 span.head2 {
    font-family: EurostileNormal;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    /*/* letter-spacing: 1px; */*/
}

.package-head embed {
    position: absolute;
    top: 66px;
    bottom: 0;
    right: 35px;
}

.packages-container {
    padding: 0 21px;
}

.booster1,
.booster2,
.booster3 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 172px;
    position: relative;
    display: flex;
    mix-blend-mode: normal;
    box-sizing: border-box;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    border-radius: 21px;
}

.booster1 {
    background-image: url(/images/boosters/booster1_new.png);
    margin-bottom: 18px;
    background-size: cover !important;
}

.booster2 {
    background-image: url(/images/boosters/booster2_new.png);
    margin-bottom: 18px;
    background-size: cover !important;

}

.booster3 {
    background-image: url(/images/boosters/booster3_new.png);
    margin-bottom: 18px;
    background-size: cover !important;
}

.booster-heading1,
.booster-heading2,
.booster-heading3 {
    border-radius: 21px;
    width: 100%;
    margin-top: auto;
    text-align: left;
    padding: 24px 20px 14px;
    background: rgba(0, 0, 0, 0.6);
}

.booster-heading1 embed,
.booster-heading2 embed,
.booster-heading3 embed {
    position: absolute;
    top: 72px;
    bottom: 0;
    right: 20px;
}

.packages span.category-heading {
    margin: 20px 0 15px;
}

/*booster popup*/
.clock-popup-container div#exampleModalCenter,
.next-popup-container div#exampleModalCenter,
.fifty-popup-container div#exampleModalCenter {
    background: rgba(34, 34, 34, 0.9);
}

.modal-dialog .modal-content {
    left: 5%;
    /* margin-top: 8%; */
    width: 90%;
    box-sizing: border-box;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    border-radius: 21px;
    background-color: #000000;
}

.modal-content button.close {
    background-image: url(/images/cross-Ellipse.svg);
    position: absolute;
    z-index: 999;
    right: -15px;
    width: 41px;
    height: 41px;
    top: -16px;
    opacity: unset;
}

.modal-content button.close img {
    padding: 10px;
}

.modal-content .modal-body {
    max-height: 70vh;
    padding: 0;
    border-radius: 21px;
    overflow-y: scroll;
}

.clock-popup-container .card.popup_card,
.next-popup-container .card.popup_card,
.fifty-popup-container .card.popup_card {
    padding: 66px 30px;
}

.modal-body .popup_card {
    background: #000000;
    border-radius: 21px;
}

.card.popup_card embed.clock-img-top,
.card.popup_card embed.next-img-top {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    margin: 0px 0 15px 0;
    height: 75px;
}

.clock-popup-container .card.popup_card span,
.next-popup-container .card.popup_card span,
.fifty-popup-container .card.popup_card span {
    font-family: EurostileNormal;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 3px;
}

.clock-popup-container .card.popup_card span.yellow,
.next-popup-container .card.popup_card span.yellow,
.fifty-popup-container .card.popup_card span.yellow {
    color: #00DA16;
    display: inline-block;
    margin-right: 5px;
}

.clock-popup-container .card-body,
.next-popup-container .card-body,
.fifty-popup-container .card-body {
    text-align: center;
    margin: 30px 0 12px;
    line-height: 18px;
    padding: 3px 3px !important;
    font-size: 18px;
    font-weight: 400;
}

.card-body p.card-text {
    margin: 0;
}

.card-body p {
    font-family: EurostileNormal;
    font-size: 27px;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.card-body h6 {
    font-weight: 700;
    font-size: 18px;
    font-style: normal;
    letter-spacing: 2px;
}

/*setting*/
.toggle.ios,
.toggle-on.ios,
.toggle-off.ios {
    border-radius: 20rem;
}

.toggle.ios .toggle-handle {
    border-radius: 20rem;
}

.setting-block {
    background: #FFFFFF;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%), inset 0px 5px 11px rgb(0 0 0 / 62%);
    border-radius: 21px;
    mix-blend-mode: normal;
    border: 5px solid #565458;
    box-sizing: border-box;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    height: 64px;
    margin-bottom: 15px;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    padding: 15px 15px 15px 25px;
    align-items: center;
}

.setting-block span {
    font-family: EurostileNormal;
    font-size: 18px;
    text-transform: capitalize;
    color: #000000;
    font-weight: 600;
}

.setting-block label.btn.btn-primary.btn-xs.toggle-on,
.setting-block label.btn.btn-light.btn-xs.toggle-off {
    font-family: EurostileNormal;
    font-size: 12px;
    line-height: 10px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.setting-block label.btn.btn-primary.btn-xs.toggle-on {
    background: #32BF0D;
    padding-right: 2rem;
}

.setting-block label.btn.btn-light.btn-xs.toggle-off {
    background: #FC5A5A;
    padding-left: 1.8rem;
}

.setting-block .toggle.btn.btn-primary.btn-xs.ios {
    border-color: #32BF0D;
}

.setting-block .toggle-group span.toggle-handle.btn.btn-light.btn-xs {
    background: #00DA16;
    border: 3px solid #971217;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%);
    border-radius: 30px;
    width: 20px;
    height: 20px;
    padding: 10px;
    right: 14px;
    top: 13px;
    position: fixed;
    transition: .4s;
}

.setting-block .toggle.btn.btn-xs.ios.btn-light.off span.toggle-handle.btn.btn-light.btn-xs {
    right: 50px;
    transition: .4s;
    background: #B3B3B3;
}

.setting-buttons button.btn.btn-Unsubscribe,
.setting-buttons button.btn.btn-Log.out {
    background: #343434;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%);
    border-radius: 21px;
    width: 100%;
    height: 64px;
    font-family: EurostileNormal;
    font-size: 18px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-left: 30px;
}

.setting-buttons button.btn.btn-Unsubscribe {
    margin-bottom: 15px;
}

/*unsubscribe*/
.unsub-content p {
    font-family: EurostileNormal;
    font-size: 25px;
    line-height: 25px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: left;
    margin-bottom: 5px;
}

.unsub-content span {
    font-family: EurostileNormal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    text-align: left;
    display: block;
    margin-bottom: 15px;
    /* letter-spacing: 1.2px; */
}

.unsub-content .form-check {
    display: flex;
    font-family: EurostileNormal;
    font-size: 14px;
    line-height: 40px;
    color: #FFFFFF;
    align-items: center;
    padding-left: 2rem;
}

.unsub-content,
.confirmation-content {
    background: #000000;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%);
    border-radius: 21px;
    padding: 30px 30px 18px;
    margin-left:15px;
    margin-right:15px;
}

.unsub-btn.unsubscribe-checked,
.unsub-buttons .unsub-cancle,
.resub-buttons button.resub-btn,
.unsub-buttons button.unsub-btn[disabled] {
    background: #00DA16;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%);
    border-radius: 39px;
    border-width: 0;
    font-family: EurostileNormal;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    padding: 15px 0px;
    font-weight: 600;
    letter-spacing: 1px;
}

.unsubscribe-container {
    padding-bottom: 20vh;
}

.unsub-buttons {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    /* position: fixed; */
    /* bottom: 108px; */
    right: 0;
    margin-top: 15px; 
}

input[type=radio] {
    margin-top: 0;
    height: 20px;
    width: 20px;
    margin-left: -2.25rem;
}

.unsub-content input[type='radio'] {
    -webkit-appearance: none;
    border: 2px solid #00DA16;
    border-radius: 50%;
    background: #fff;
}

.unsub-content input[type='radio']:checked {
    border-color: #00DA16;
}

.unsub-content input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
    border-color: #00DA16;
}

.unsub-content input[type='radio']:checked:before {
    background: #00DA16;
}

.unsub-buttons button.unsub-btn[disabled] {
    background: #343434 !important;
}

.unsub-content input[type='radio']:checked+label.form-check-label {
    font-weight: 800;
    font-family: 'Metrisch-Bold';
}

/*confirmation*/
.confirmation-content {
    padding: 64px 64px 50px;
}

.confirm-click {
    background-image: url(/images/confrm-round.svg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 97px;
    margin-bottom: 30px;
}

.confirm-click img {
    margin-top: 30px;
}

.confirmation-content p,
.confirmation-content span {
    font-family: EurostileNormal;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
}

.resub-buttons a {
    font-family: EurostileNormal;
    font-size: 20px;
    text-transform: uppercase;
    color: #00DA16;
    font-weight: 700;
    letter-spacing: 2px;
}

.resub-buttons button.resub-btn {
    width: 100%;
    margin: 28px 0;
}

.resub-buttons a img {
    margin-left: 10px;
    margin-top: -4px;
}

.unsub-buttons button.unsub-cancle {
    width: 48%;
}

.unsub-buttons a {
    width: 48%;
}

.unsub-btn.unsubscribe-checked,
.unsub-buttons .unsub-cancle,
.resub-buttons button.resub-btn,
.unsub-buttons button.unsub-btn[disabled] {
    background: #00DA16;
    ;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%);
    border-radius: 39px;
    border-width: 0;
    font-family: EurostileNormal;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    padding: 18px 0px;
    width: 100%;
}

/*send us msg popup*/
.menu-popup .card-body,
.success .card-body,
.bill-popup .card-body {
    background: #000000;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 10%);
    border-radius: 21px;
    text-align: center;
    padding: 30px 15px !important;
}

.menu-popup .card-body textarea {
    background: #FFFFFF;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%), inset 0px 5px 11px rgb(0 0 0 / 62%);
    border-radius: 21px;
    border: 5px solid #565458;
    box-sizing: border-box;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    height: 64px;
    font-family: EurostileNormal;
    font-size: 18px;
    text-transform: capitalize;
    color: #949494;
    display: flex;
    padding: 20px;
    width: 100%;
    margin-bottom: 15px;
}

.menu-popup .card-body textarea#comment {
    height: 205px;
}

.menu-popup .card-body button.btn.btn-primary,
.bill-popup .card-body button.btn.btn-primary {
    background: #00DA16;
    border-radius: 39px;
    width: 66px;
    height: 66px;
    margin-top: 16px;
    border-width: 0;
}

.menu-popup .modal-body.text-center {
    height: 439px;
    display: contents;
}

.menu-popup .modal-content {
    height: 457px;
}

.menu-popup svg,
.bill-popup svg {
    fill: #FFFFFF;
}

/*online support*/
.sort-popup .modal-content,
.online-support .modal-content {
    height: 248.92px;
    background: #000000;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 10%);
    border-radius: 21px;
    margin-top: 5%;
}

.sort-popup .card-body,
.online-support .card-body {
    text-align: center;
    padding: 41px !important;
}

.online-support .card-body a {
    text-transform: inherit;
}

.online-support .card-body p {
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 17px;
}

.card-body a {
    display: block;
    font-family: EurostileNormal;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 22px;
    font-weight: normal !important;
    /* letter-spacing: 1px !important; */
}

.sort-popup .card-body p {
    letter-spacing: 3px;
    font-weight: 700;
}

/*notification*/
.notification-row-last {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 5px;
}

.notification-row-last .notification-span {
    margin: 15px 0;
}

.notification footer {
    display: none;
}

body.notification {
    background: rgba(34, 34, 34, 0.9) !important;
}

.notification-container .category-top-row span:last-child {
    font-family: EurostileNormal;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    text-transform: capitalize;
    color: #FFFFFF;
    background: #00DA16;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 20%);
    border-radius: 8px;
    margin: 32px 0;
    padding: 7px 21px;
    height: 26px;
}

.noti-img {
    background: #000000;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%), inset 0px 5px 11px rgb(0 0 0 / 62%);
    border-radius: 38px;
    padding: 4px 4px;
    border: 5px solid #00DA16;
}

.notification-span {
    text-align: left;
    margin-left: 12px;
}

.notification-span span {
    display: block;
    font-family: EurostileNormal;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    text-align: left;
}

.notification-span span:last-child {
    font-family: EurostileNormal;
}

.notification-row {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

.notification-container hr {
    opacity: 0.2;
    border: 1px solid #FFFFFF;
}

.notification-row span:last-child,
.notification-row-last span {
    margin-top: -50px;
    display: inline-flex;
    font-family: EurostileNormal;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
}

.notification-container .category-top-row span:last-child a {
    color: #FFFFFF;
    letter-spacing: 2px;
}

/*history*/
.history #history-table .row {
    padding: 4px 15px 0;
}

#history-table .row {
    /* font-family: Metrisch-light !important; */
        font-family: EurostileNormal;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    /* identical to box height */
    
    
    color: #FFFFFF;
}

#history-table .row span {
    /* font-family: Metrisch; */
    font-size: 14px;
    line-height: 14px;
    /* text-transform: uppercase; */
    color: #fff;
}

#history-table .row:first-child {
    background: #00DA16;
    box-shadow: 0px 4px 31px rgb(0 0 0 / 10%);
    height: 34px;
    align-items: center;
    padding: 0 15px;
    margin-bottom: 5px;
}

#leaderboard-table .row.header_row {
    background: #00DA16;
    box-shadow: 0px 4px 31px rgb(0 0 0 / 10%);
    height: 34px;
    align-items: center;
    padding: 0 15px;
}

#history-table .row.header_row {
    background: #00DA16;
    box-shadow: 0px 4px 31px rgb(0 0 0 / 10%);
    height: 34px;
    align-items: center;
    padding: 0 15px;
    letter-spacing: 1px !important;
}

#leaderboard-table .row span.heading-top1,
#leaderboard-table .name,
#history-table .row span.heading-top1,
#history-table .name {
    width: 59%;
    text-align: left;
    display: inline-flex;
}

#leaderboard-table .row span.heading-top1 {
    margin-left: 2px;
}

#leaderboard-table .row span.heading-top2,
#leaderboard-table .row span.heading-top3,
#leaderboard-table .place,
#leaderboard-table .points,
#history-table .row span.heading-top2,
#history-table .row span.heading-top3,
#history-table .points,
#history-table .date {
    width: 20%;
    text-align: center;
}

#leaderboard-table .row span.heading-top3,
#leaderboard-table .points,
#history-table .row span.heading-top3,
#history-table .date {
    text-align: right;
}

#leaderboard-table .row,
#history-table .row {
    font-family: EurostileNormal;
    font-size: 14px;
    line-height: 35px;
    color: #FFFFFF;
    padding: 0 15px;
    text-transform: capitalize;
    font-weight: normal;
}

#leaderboard-table .name,
#leaderboard-table .points,
#leaderboard-table .place {
    opacity: 0.5;
}

#leaderboard-table .row.data_row:nth-child(1) .name,
#leaderboard-table .row.data_row:nth-child(2) .name,
#leaderboard-table .row.data_row:nth-child(3) .name,
#leaderboard-table .row.data_row:nth-child(1) .points,
#leaderboard-table .row.data_row:nth-child(2) .points,
#leaderboard-table .row.data_row:nth-child(3) .points,
#leaderboard-table .row.data_row:nth-child(1) .place,
#leaderboard-table .row.data_row:nth-child(2) .place,
#leaderboard-table .row.data_row:nth-child(3) .place {
    opacity: unset;
    font-family: EurostileNormal;
}

#leaderboard-table .name embed {
    width: 30px;
    display: inline-block;
    margin-left: -3px;
    margin-right: 5px;
}

.winner-history span.month {
    font-family: EurostileNormal;
    font-size: 25px;
    line-height: 25px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: left;
    display: block;
    margin: 10px 0 10px;
    /*letter-spacing: 1px;*/
}

.winner-history div#leaderboard-table {
    /*letter-spacing: 1px;*/
}

.winner-history {
    background-color: #000000;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    border-radius: 21px;
    padding: 10px 15px;
    margin-bottom: 18px;
}

/*leaderboard*/
.leaderboard-row1 .category-top-row {
    margin-top: 0;
}

.leaderboard-row1 {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-top: 99px;
    /*letter-spacing: 1px;*/
}

.leaderboard-span span {
    display: block;
    font-family: EurostileNormal;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.leaderboard-row2 {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    background: #000000;
    box-shadow: 0px 4px 31px rgb(0 0 0 / 10%);
    border-radius: 26px;
    height: 80px;
    padding: 15px 20px;
}

.leaderboard-span span:last-child {
    font-family: EurostileNormal;
    font-size: 33px;
    line-height: 33px;
    letter-spacing: 4px;
    font-weight: bold;
}

.leaderboard-row3 span {
    font-family: EurostileNormal;
    font-size: 25px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: left;
    display: block;
    margin: 20px 0 0px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-left: 2px;
}

.winner-trophy {
    display: inline-flex;
    align-items: center;
    background: #00DA16;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 19%);
    border-radius: 21px;
    padding: 0 16px;
    height: 45px;
}

.winner-trophy span {
    font-family: Metrisch;
    font-size: 14px;
    line-height: 14px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-left: 6px;
}

#leaderboard-table .row span {
    font-family: EurostileNormal;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}

.leaderboard-row4 span {
    display: block;
    font-family: EurostileNormal;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
}

.leaderboard-row4 span.total-points {
    font-family: EurostileNormal;
    font-size: 33px;
    line-height: 33px;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 4px;
}

.leaderboard-row4 {
    margin-top: 76px;
}

#leaderboard-table .name img {
    width: 30px;
    display: inline-block;
    margin-left: -4px;
}

#leaderboard-table .row.data_row:nth-child(1) {
    margin-top: 12px;
}

/*avatar*/
.avatar-container .signup-submit button.btn.btn-primary {
    background: #00DA16;
}

.avatar-container .signup-submit {
    padding-top: 2rem !important;
}

.avatar-container .form-heading span {
    font-size: 35px;
    line-height: 35px;
}

.avatar-container .form-heading {
    margin-top: 42px;
    margin-bottom: 30px;
    /*letter-spacing: 1px;*/
}

.avatar-container .form-heading span:last-child {
    font-size: 35px !important;
}

/*profile*/
.profile-sec .profile-img {
    margin-top: -100px;
}

.profile-img .cam {
    border-radius: 18px;
    position: relative;
    width: 35px;
    height: 35px;
    left: 60%;
    top: 148px;
    background: #00DA16;
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 44%);
}

.profile-sec input#inputName-profile,
.profile-sec input#inputEmail-profile {
    background: #FFB7B9;
}

.profile-container .form-group .form-control {
    mix-blend-mode: normal;
    border: 5px solid #565458;
    box-sizing: border-box;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    border-radius: 21px;
    height: 64px;
    padding: 20px;
    color: #030303;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%), inset 0px 5px 11px rgb(0 0 0 / 62%);
}

.profile-container .form-group label.control-label {
    font-family: EurostileNormal;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    text-align: left;
    display: flex;
    padding: 0 20px;
    margin-bottom: 2px;
}

.profile-container .profile-img embed {
    border: 5px solid #FFFFFF;
    border-radius: 110px;
    width: 150px;
}

.profile-img {
    margin: 10px 0 6px;
}

.profile-container.default-page-padding {
    margin-bottom: 110px;
}

.profile-container .user-id {
    font-family: EurostileNormal;
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 58px;
    letter-spacing: 3px;
    padding-bottom: 10px;
}

.profile-container span.id {
    font-family: EurostileNormal;
    font-weight: 400;
}

.profile-container .page-title .edit-profile {
    width: 46px;
    background: #00DA16;
    ;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%);
    border-radius: 30px;
    height: 46px;
}

.edit-profile img {
    margin-top: 12px;
}

.profile-container .form-group input[type="password"],
.login-form .form-group input[type="password"],
.register-form .form-group input[type="password"],
.credential-page input.form-control.pass,
.credential-page input.form-control.pass {
    background-image: url(/images/eye.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 93% 53% !important;
}

.profile-container .form-group span.change-psw {
    font-family: EurostileNormal;
    font-size: 15px;
    text-align: right;
    text-transform: capitalize;
    font-weight: bold;
    margin-top: 5px;
    color: #FFFFFF;
    display: block;
    letter-spacing: 2px;
}

.profile-container .form-group span.change-psw a {
    color: #FFFFFF;
}

.profile-sec .profile-container .user-id {
    margin-top: 28px;
}

.profile-container .page-title {
    margin-top: 98px;
}

.profile-container .page-title span {
    margin-top: -84px;
}

.edit-profile-sec {
    width: 46px;
    background: #00DA16;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%);
    border-radius: 30px;
    height: 124px;
}

.edit-profile-sec img {
    margin-top: 15px;
    width: 30px;
    height: 41px;
}

.profile .profile-container .page-title {
    align-items: flex-end;
}

/*change-pass*/
.change-pass-container .form-heading span {
    font-size: 35px;
    line-height: 35px;
}

.change-pass-container .form-heading {
    margin-top: 50px;
    display: table-caption;
}

.change-pass-container .form-group input.form-control.pass {
    background: #FFB7B9;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%), inset 0px 5px 11px rgb(0 0 0 / 62%);
    border-radius: 21px;
    border: 5px solid #565458;
    box-sizing: border-box;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    height: 64px;
    color: #030303;
    padding: 15px;
}

.change-pass-container label.control-label {
    font-family: EurostileNormal;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    text-align: left;
    display: block;
    padding: 0 20px;
    margin-bottom: 2px;
}

.sub-chngpass button.btn.btn-primary {
    background: #00DA16;
    border-radius: 39px;
    height: 66px;
    width: 66px;
    border-width: 0;
}

.change-pass-content {
    margin: 84px 0 102px;
}

/*special*/
.special-container {
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    position: absolute;
}

.special-container embed {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 100%;
}

.progress-bar.bg-warning {
    background: #00DA16 !important;
    mix-blend-mode: normal;
    border-radius: 50px;
    height: 26px;
    margin: 3px;
}

.progress.md-progress {
    border: 4px solid #00DA16;
    box-shadow: inset 0px 0px 1px rgb(0 0 0 / 25%);
    border-radius: 50px !important;
    align-items: center;
    margin: 7px 7px;
    height: 40px !important;
    background: #000000 !important;
}

.special-foot {
    background: #000000;
    box-shadow: 0px -7px 14px rgb(255 255 255 / 28%), 0px 7px 17px rgb(0 0 0 / 24%);
    border-radius: 50px;
    height: 54px;
    margin-bottom: 60px;
    display: grid;
}

.special-container footer {
    padding: 0 30px;
}

.special-container footer span {
    font-family: EurostileNormal;
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
    color: #00DA16;
    text-shadow: 0px 4px 10px rgb(0 0 0 / 16%);
    text-align: left;
    display: block;
}

.condition-content {
    font-family: EurostileNormal;
    font-size: 14px;
    line-height: 14px;
    text-align: justify;
    color: #FFFFFF;
}

.condition-content span {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 2;
    margin-top: 8px;
    display: block;
    text-align: left;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 2px;
}

.condition-content p {
    font-style: normal;
    font-weight: normal;
}

/*result*/
.menu-img span.menu-points {
    font-family: 'Metrisch';
    font-weight: 800;
    font-size: 14px;
    position: absolute;
    width: 35px;
    height: 35px;
    left: 65%;
    top: 50px;
    background: #00DA16;
    border: 3px solid #FFFFFF;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 44%);
    border-radius: 20px;
    line-height: 30px;
}

.menu-img embed {
    border: 6px solid #FFFFFF;
    border-radius: 105px;
    width: 150px;
}

.result-button img {
    margin-top: -4px;
    margin-left: 6px;
}

body.result,
body.congrats,
body.not-billed,
body.text-center.subscribe {
    background-image: url(/images/back-img.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 100% !important;
    width: 100%;
    height: 100%;
}

/* .result-button {
    margin-top: 180px;
} */

.not-billed .result-button {
    margin-top: 112px !important;
}

.foot-logo {
    background-image: url(/images/shining_coin.svg);
    background-repeat: no-repeat;
    background-size: unset;
    background-position: bottom;
    min-height: 100vh;
}

/* .result_page_container .bill_sub_foot_logo{
    min-height: 105vh;
  }
  .result_page_container .not_bill_sub_foot_logo{
    min-height: 120vh;
  } */
  
.menu-img span {
    display: block;
    font-family: EurostileNormal;
    font-size: 50px;
    line-height: 50px;
    text-transform: capitalize;
    color: #ffffff;
    text-shadow: 0px 4px 10px rgb(0 0 0 / 16%);
    letter-spacing: 4px;
    font-weight: 600;
    margin-top: 12px;
}

.menu-img p {
    font-family: EurostileNormal;
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 3px;
}

.result-button button.playnext,
.close-button .close {
    display: block;
    margin: 0 auto;
    background: #00DA16;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%);
    border-radius: 39px;
    font-family: EurostileBold;
    font-size: 35px;
    line-height: 40px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    border-width: 0;
    padding: 10px 46px;
    font-weight: 700;
    /*letter-spacing: 1px;*/
    float: none;
    opacity: unset;
    height: 66px;
}

.quiz-outcome-subscribe-btn{
    padding: 13px 46px 10px 46px !important;
}

.result-button a {
    font-family: EurostileNormal;
    font-weight: normal;
    font-size: 20px;
    line-height: 90px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
}

.result-container .menu-img {
    top: 92px;
}

.menu-img img {
    margin-top: 7px;
    margin-bottom: 7px;
}

/*question*/
.question-container {
    padding-top: 64px;
}

.question-container .progress-bar.bg-danger {
    background-color: #00DA16 !important;
    box-shadow: none;
}

.question-container .progress {
    height: 31px !important;
}

.quiz-question {
    /* display: inline-block; */
    margin: auto;
    max-width: 360px;
    text-align: left;
    margin-top: 150px;
}

.answer-btn button.btn {
    mix-blend-mode: normal;
    border: 5px solid #565458;
    box-sizing: border-box;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    border-radius: 21px;
    background: #ffffff;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 10%);
    display: inline-flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    width: 100%;
    height: 64px;
    padding: 15px;
    font-family: EurostileNormal;
    font-weight: normal;
    font-size: 18px;
    text-transform: capitalize;
    color: #000000;
}

.que-text span {
    font-family: EurostileNormal;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    color: #FFFFFF;
    display: block;
    margin: 114px 0 46px;
    text-align: left;
    height: 130px;
}

.question-avatar span {
    display: flex;
}

.question-avatar {
    width: 100%;
    display: inline-block;
}

.question-avatar embed.question-profile {
    width: 80px;
    height: 80px;
    float: left;
    margin: -12px 14px 0;
    border: 5px solid #FFFFFF;
    border-radius: 40px;
}

.question-avatar span.name {
    font-family: EurostileNormal;
    font-size: 14px;
    color: #FFFFFF;
}

.question-avatar span {
    font-family: EurostileNormal;
    font-size: 24px;
    line-height: 24px;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 3px;
}

.question-footer-4 {
    background-image: url(/images/cross-Ellipse.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 41px;
    height: 41px;
}

.foot-content {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    height: 47px;
}

.foot-content a:nth-child(2) {
    border-left: 1px solid hsl(0, 0%, 69%);
    height: 44px;
    border-right: 1px solid hsl(0, 0%, 69%);
}

.question-footer-2 embed {
    margin-left: 25px;
    margin-right: 25px;
    width: 37px;
}

.question-footer-3 embed {
    margin-right: -20px;
}

.foot-que {
    background-color: #00DA16;
    ;
    padding: 10px 10px 10px 24px;
    max-width: 360px;
    width: 100%;
    display: inline-flex;
    box-shadow: 0px 4px 34px rgb(0 0 0 / 25%);
    border-radius: 65px;
    margin-top: 12px;
    margin-bottom: 30px;
}

.question-footer-4 img {
    padding: 12px;
}

.question-container .middle-image {
    margin-bottom: 18px;
}

.question-foot-logo img {
    float: right;
    background: #00DA16;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%);
    border-radius: 26px;
    padding: 8px 12px;
}

.que-text span.question {
    font-size: 20px;
    margin: 18px 0;
    height: auto;
}

.question-foot-logo .foot-row2 {
    background: rgba(0, 218, 22, 0.23);
    padding: 10px;
    border-radius: 34px;
    float: right;
}

.question-foot-logo .foot-row1 {
    background: rgba(0, 218, 22, 0.12);
    padding: 10px;
    border-radius: 40px;
    float: right;
    margin-bottom: 20px;
}

.question-popup .modal-footer,
.logout-popup .modal-footer,
.notification-pop .modal-footer,
.pass-change-popup .modal-footer {
    justify-content: space-around;
    border: 0;
    align-items: center;
    padding: 12px 0 0;
    width: 75%;
    display: inline-flex;
}

.modal-footer button.btn.btn-secondary {
    padding: 0;
}

.question-popup .modal-footer button.btn.btn-secondary,
.question-popup .modal-footer .btn-primary,
.logout-popup .modal-footer button.btn.btn-secondary,
.logout-popup .modal-footer .btn-primary,
.notification-pop .modal-footer button.btn.btn-secondary,
.notification-pop .modal-footer .btn-primary,
.pass-change-popup .modal-footer .btn-primary,
.pass-change-popup .modal-footer button.btn.btn-secondary {
    background-color: unset;
    border-color: unset;
    color: unset;
    border: none;
    box-shadow: none;
}

.question-popup .card-body,
.logout-popup .card-body,
.notification-pop .card-body,
.pass-change-popup .card-body {
    padding-top: 40px !important;
    font-family: EurostileNormal;
    font-weight: normal;
    line-height: 20px;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    padding: 46px 26px 0 !important;
}

.question-popup .card-text span,
.logout-popup .card-text span,
.notification-pop .card-text span {
    display: block;
    font-weight: 700;
    font-family: EurostileNormal;
    color: #fff;
    letter-spacing: 2px;
}

.pass-change-popup .card-text span:first-child {
    font-family: EurostileNormal;
    color: #fff;
    /*letter-spacing: 1px;*/
    font-weight: 400;
}

.pass-change-popup .card-text span:last-child {
    font-family: EurostileNormal;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 700;
}

.online-support .card-body a {
    text-transform: inherit;
}

.question-popup .modal-body,
.logout-popup .modal-body,
.notification-pop .modal-body,
.sorting-popup .modal-body,
.pass-change-popup .modal-body,
.online-support .modal-body,
.menu-popup .modal-body {
    overflow-y: hidden;
}

.question-popup .modal-backdrop.show,
.logout-popup .modal-backdrop.show,
.notification-pop .modal-backdrop.show,
.pass-change-popup .modal-backdrop.show {
    opacity: 0.5;
    background-color: transparent;
}

.question-popup .card-body p.card-text,
.logout-popup .card-body p.card-text,
.notification-pop .card-body p.card-text,
.pass-change-popup .card-body p.card-text {
    font-family: EurostileNormal;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    text-transform: inherit;
}

.answer-btn a:nth-child(2) button.btn {
    background: #34CE0D;
    display: inline-flex;
    justify-content: space-between;
}

.answer-btn a:last-child button.btn {
    background: #FD5A5A;
    display: inline-flex;
    justify-content: space-between;
}

.answer-btn button.btn img {
    position: relative;
    right: -28px;
    top: -23px;
    height: 81px;
    width: 85px;
}

/*popup*/
.popup .card-body {
    padding: 0 26px !important;
}

.popup .card-body p {
    font-family: 'EurostileNormal';
    font-size: 14px;
    line-height: 14px;
    text-align: justify;
    color: #FFFFFF;
    text-transform: none;
}

div#exampleModalCenter {
    background: rgba(34, 34, 34, 0.9);
}

.card.popup_card img.card-img-top {
    padding: 15px;
}

.card-body h1 {
    text-transform: uppercase;
    font-family: EurostileNormal;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 3px;
    margin-top: 8px;
}

.popup-2-container .card.popup_card h1 {
    font-family: EurostileNormal;
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 10px;
}

.popup-2-container .modal-body .popup_card {
    padding: 15px;
}

/*another-popup*/
.another-mobno {
    margin-top: 25px;
}

.another-popup .modal-content {
    height: 297px;
    background: #000000;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 10%);
    border-radius: 21px;
}

.another-popup .card-body {
    text-align: center;
    padding: 40px 15px !important;
}

.another-popup .card-body p.card-text {
    font-family: EurostileNormal;
    font-style: normal;
    font-size: 27px;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    letter-spacing: 4px;
    font-weight: 800;
}

.another-popup .modal-body,
.question-popup .modal-body,
.logout-popup .modal-body,
.notification-pop .modal-body,
.sort-popup .modal-body {
    overflow: hidden;
}

.another-popup button.btn.btn-primary {
    background: #343434;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%);
}

.verify-page .form-group input.form-control {
    background: #FFFFFF;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%), inset 0px 5px 11px rgb(0 0 0 / 62%);
    border-radius: 21px;
    mix-blend-mode: normal;
    border: 5px solid #565458;
    filter: drop-shadow(0px 0px 31px rgba(0, 0, 0, 0.1));
    height: 64px;
    padding: 20px;
    font-family:'EurostileNormal'
}

/*credential*/
.credential-page .signup-submit {
    padding-top: 10% !important;
}

.credential-page button.btn.btn-primary,
.updated-page button.btn.btn-primary {
    width: 368px;
    height: 66px;
    background: #00DA16;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 15%);
    border-radius: 39px;
    font-family: 'EurostileNormal';
    font-weight: bold;
    font-size: 25px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    letter-spacing: 4px;
}

/*pass-update*/
.updated-page span {
    display: block;
    font-family: 'EurostileNormal';
    font-weight: 900;
    font-size: 45px;
    text-align: center;
    text-transform: uppercase;
    color: #00DA16;
    letter-spacing: 3px;
    line-height: 42px;
    padding-top: 40px;
}

.updated-page p {
    font-family: 'EurostileNormal';
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
}

.updated-page {
    background-image: url(/images/padlocks.svg);
    background-repeat: no-repeat;
    background-position: top;
    margin-bottom: 30px;
}

.updated-page embed {
    margin-top: 90px;
}

/*success*/
.success-popup .confirmation-content p {
    font-weight: 700;
    letter-spacing: 3px;
    font-size: 25px;
    line-height: 25px;
}

.confirmation-content span {
    font-weight: 400;
}

.success-popup .confirmation-content {
    padding: 62px 24px 46px;
}

button.success-close {
    margin-bottom: 25px;
    width: 66px;
    height: 66px;
    background: #FFFFFF;
    border-radius: 39px;
    border-width: 0;
}

.success-close img {
    width: 19px;
    height: 19px;
}

.logout-popup .modal-content,
.notification-pop .modal-content,
.question-popup .modal-content,
.pass-change-popup .modal-content {
    height: 193.55px;
    background: #000000;
    box-shadow: 0px 0px 31px rgb(0 0 0 / 10%);
    border-radius: 21px;
    display: inline-block;
    margin-top: -20%;
}

/*congrats screen*/
.congrats-screen-container img {
    margin-top: 62px;
}

.congrats-mid-row span {
    display: block;
    font-family: Amita;
    font-weight: bold;
    font-size: 64px;
    color: #FFF500;
    text-shadow: -8px 7px 0 #00DA16, -9px 9px 0 #00DA16, -9px 2px 0 #00DA16, 4px -2px 0 #00DA16;
}

.congrats-mid-row p {
    font-family: 'EurostileNormal';
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    letter-spacing: 2px;
}

/*play button*/
.homepage {
    margin-bottom: 118px;
}

.play-button {
    background-image: url(/images/button-ellipse.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-flex;
    justify-content: center;
    width: 120px;
    height: 117px;
    right: 0px;
    position: fixed;
    z-index: 9999999;
    bottom: 80px;
}

.play-button img {
    width: 22.27250099182129px;
    margin-left: 15px;
    margin-top: -8px;
}

/*footer-menu*/
.foot-menus svg {
    fill: #fff;
    margin-top: -26px;
    width: 22px;
}

.foot-menus .footer-menu.active svg {
    fill: #00DA16;
    margin-top: -70px;
}

.footer-menu.active {
    height: 0;
    border-bottom: 5px solid #00DA16;
    line-height: 1.8;
    border-radius: 9px;
}

.login-container .login-form .form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
}

.quiz-question img {
    max-width: 90vw;
}

.forgot-pass input.form-control {
    margin-top: 112px;
}

.forgot-pass button.btn.btn-primary {
    background: #00DA16;
}

.forgot-pass .signup-submit {
    margin-top: 10%;
}

/*billed*/
.billed-popup .bill-popup .card-body button.btn.btn-primary {
    margin-top: 52px !important;
}

.bill-popup .card-body button.btn.btn-primary {
    margin-top: 67px !important;
}

.bill-popup .card-body {
    /* padding: 58px 26px 26px !important; */
}

.not-subscribe .modal-content,
.billed-popup .modal-content {
    margin-top: 4%;
}

.bill-popup .card-body img {
    height: 113px;
    width: 128px;
    margin-bottom: 26px;
}

.bill-popup .card-body span {
    display: block;
    font-family: 'EurostileNormal';
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0 23px;
}

.bill-popup .card-body p {
    font-family: 'EurostileNormal';
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
    letter-spacing: 2px;
}

.menu-img span.text {
    font-family: 'EurostileNormal';
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    /*letter-spacing: 1px;*/
    padding: 0 60px;
    margin-top: 0;
}

.menu-img p.bill-heading {
    color: #00DA16;
    margin-bottom: 0;
    margin-top: 4px;
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
}

.not-billed .result-button a,
.subscribe .result-button a {
    line-height: 75px;
}

.not-billed .result-button,
.subscribe .result-button {
    margin-top: 116px;
}

.homepage .page-title img {
    margin-bottom: 8px;
}

@media screen and (max-width: 375px) {
    .updated-page button.btn.btn-primary {
        width: 282px;
    }

    .unsub-buttons button.unsub-btn[disabled] {
        padding: 15px;
    }

    .package-head span.head1 {
        width: 138px;
    }

    .packages-main .package-head embed {
        top: 86px;
    }

    .pass-updated-container .updated-page {
        top: 60%;
    }

    .avatar-container .form-heading {
        margin-bottom: 0px;
    }

    /* .silder-image img {
        width: 76px !important;
    } */

    .avatar-container .signup-submit {
        padding-top: 1rem !important;
    }
}

@media screen and (max-width: 360px) {
    /* .result-container.default-page-padding {
        margin-top: -39px;
    }

    .not-billed .result-container.default-page-padding {
        margin-top: -61px;
    } */
}

@media screen and (max-width: 345px) {
    .packages-main .package-head embed {
        top: 64px;
    }
}

@media screen and (max-width: 335px) {
    .booster-heading3 embed {
        margin-top: -28px;
    }
}

@media screen and (max-width: 400px) {
    .packages-main .package-head embed {
        right: 14px;
    }

    .unsub-buttons button.unsub-cancle {
        width: 36%;
    }

    .unsub-buttons a {
        width: 62%;
    }
}

.silder-image img.indicator{
position: absolute;
width: 20px!important;
height: 20px!important;
top: 8px;
right: 19px;
/* display:none; */
}
.is-selected img.indicator {
    /* display: block; */
}

.more-topics-slide img.indicator {
    display: block;
}

.indicator img {
    position: absolute;
    width: 20px !important;
    height: 20px !important;
    top: 8px;
    right: 19px;
}

.cat-img img.indicator {
    position: absolute;
    width: 20px !important;
    height: 20px !important;
    top: 8px;
    right: 23px;
}

.que-no {
    font-family: 'EurostileNormal';
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
    text-align: right;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 8px;
    display: none;
}

.question .que-no,
.question-img .que-no,
.question-popup .que-no {
    display: block;
    letter-spacing: 7px;
}

.header-menu:first-child {
    text-align: left;
}

div#notification {
    text-align: right;
}

.question .bell,
.question-img .bell,
.question-popup .bell {
    display: none;
}

.header-menu img.back-arrow,
.question .header-menu svg,
.question-img .header-menu svg,
.question-popup .header-menu svg,
.question footer,
.question-img footer,
.question-popup footer {
    display: none;
}

.question .header-menu img.back-arrow,
.question-img .header-menu img.back-arrow,
.question-popup .header-menu img.back-arrow {
    display: block;
    width: 13px;
    height: 23px;
    margin-top: 0;
}



.question-img .quiz-question {
    margin-top: 0;
}