.emptys{
    display:none;
}
@media (max-width: 480px) {
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
    border-top: 16px solid #D81818;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  left: 34%!important;

}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
    border-top: 16px solid #D81818;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
    left: 46%;

}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
    body .main_container .form_con .padding_content_body form .btn_m {
        position: relative;
        margin-top: 30px;
    }

    body .main_container .form_con .padding_content_body form .btn_m::before {
        content: "";
        height: 2px;
        width: 100%;
        position: absolute;
        left: 0;
        background-color: #707070;
        top: 50%;
        transform: translateY(-50%);
        z-index: 0;
    }
        body .main_container .form_con .padding_content_body form .more_btn {
        margin: 0;
        font-size: 15px;
        width: 80%;
        text-align: center;
        border: 1px solid #707070;
        padding: 13px 0;
        border-radius: 50px;
        color: #080808;
        background-color: #fff;
        z-index: 9;
    }
.swal2-actions{
   display: flex!important;
    flex-direction: row!important;
    flex-wrap: nowrap!important;
}
.swal2-styled.swal2-confirm{
    order: 2;
   font-size: 15px!important;

}
.swal2-cancel{
    background-color: white!important;
    color: #CE2129!important;
    border: solid!important;
    font-size: 15px!important;
}
.transactioncenter{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border: 4px;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}
.limited{
background-color: #fffcbf!important;
color: #c5bd68!important;
}
.popular{
background-color: #efecf5!important;
color: #9F2BD3!important;
}
.hot{
      background-color: #facfcf!important;
color: #FF0000!important;
}
.sell{
  background-color: #ffe5cc!important;
    color: #ff7f00!important;
}
.imgshow{
    margin-right: 10px;
    min-width: 45%!important;
    max-width: 45%!important;
        max-height: 145px!important;
                min-height: 145px!important;

}
.boxint{
        position: absolute;
    top: 40px;
}
.cus_order,
.cus_marker {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

after-reg:last-child {
    margin-bottom: 0 !important;
}
.after-reg {
    margin-bottom: 10px !important;
    display: block;
}

.header-mini-cart::before {
    background: url("/pub/media/cart-icon.svg") no-repeat;
    background-position: center;
    font-size: 0 !important;
    width: 20px;
    height: 46px;
    display: inline-block;
}

.top-account ul li.authorization-link a {
    border-right: none;
    padding-right: 0 !important;
}

.vc_tta-tabs-container .tabs li {
    width: 100%;
}

.row.cus_top_header {
    border-bottom: none !important;
}

.header-container .header-content .top-bar-left {
    width: 50%;
    border-bottom: 1px solid #c4c4c4;
}

.header-container .header-content .top-bar-right {
    width: 50%;
    border-bottom: 1px solid #c4c4c4;
}

.top_bar {
    margin-right: 0 !important;
}

.container.cus_tophead {
    width: 100% !important;
    float: none !important;
}

.block-search .block-content input {
    line-height: 40px !important;
    padding: 8px 170px 9px 20px !important;
    font-size: 14px !important;
    height: 38px !important;
}

.block-search .block-content button.action {
    height: 38px !important;
    min-width: 50px !important;
    font-size: 0 !important;
    background: #ce2129 url("/pub/media/search-icon.svg") no-repeat !important;
    background-position: center !important;
}

.block-search .block-content .field-by-cat-search {
    max-width: 120px !important;
    left: auto !important;
    right: 50px;
}

select#choose_category {
    background-position: calc(100% - 10px) 50% !important;
    line-height: 38px !important;
}

.top-header {
    position: relative;
}

.container.cus_tophead:before {
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    width: 50%;
    right: 0;
    background: #c4c4c4;
}

.block.block-search {
    padding-left: 0;
}

.modal-dialog .modal-content .modal-body input {
    font-size: 20px;
    font-family: "Gotham-Book";
    font-weight: 500;
    color: #212121;
    border: none;
    border-bottom: 1px solid rgb(112 112 112 / 30%);
    opacity: 0.8;
    padding: 0 0 15px 0;
}

.modal-content .modal-body .form-group {
    margin-bottom: 50px;
}

.form-group .iti__selected-dial-code {
    font-size: 20px;
    font-family: "gotham-book";
    font-weight: 500;
    color: rgb(33 33 33 / 30%);
    margin: 0;
    padding: 0;
}

.form-group .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid rgb(33 33 33 / 30%);
}

.register_container>div .head_text p {
    font-size: 20px;
    font-family: "gothammedium";
    font-weight: 500;
    color: #212121;
    margin: 30px 0 0 0;
}

span.already-ac {
    margin: 60px 0 26px 0;
    font-size: 20px;
    font-weight: 500;
    color: #212121;
}

.login-btn {
    box-shadow: 0px 3px 6px #00000029;
}

.login-btn:hover {
    color: #fff;
}

.register_container .swiper-slide .register_body {
    margin-top: 40px;
}

.register_container .swiper-slide .register_body .form-group>label,
.register_container .swiper-slide .register_body>label {
    font-size: 20px;
    color: #363636;
    font-weight: 500;
}

.register_container .swiper-slide .register_body .form-group input,
.register_container .swiper-slide .register_body .input-group input,
.register_container .swiper-slide .register_body .form-group select {
    font-size: 17px;
    /*color: #919191;*/
    color: #000;
    font-family: "Gotham-Book";
    padding-left: 0;
    border: none;
    border-bottom: 2px solid #919191;
    /*opacity: 0.4;*/
    border-radius: 0;
}

.form-group span.error,
label span.error {
    color: #ff0000;
}

.register_container .swiper-slide .register_body .form-group {
    margin-bottom: 40px;
}

.register_container .swiper-slide .register_body .form-group .iti__selected-dial-code {
    font-size: 17px;
    font-weight: 900;
    /*color: #919191;*/
    color: #000;
    padding: 0;
}

.register_container .swiper-slide .register_body .form-group .iti__flag-container {
    padding-bottom: 0;
}

.register_container .swiper-slide .register_body .form-group .iti__flag-container .iti__selected-flag {
    background-color: transparent !important;
}

.register_container .swiper-slide .register_body .form-group label.custom_checkbox {
    color: #212121;
    padding-left: 50px;
        font-family: 'Gotham-Book';

}

.checkbox_div label.custom_checkbox {
    margin-bottom: 40px;
}

.register_container .swiper-slide .register_body .form-group label.custom_checkbox a {
    text-decoration: none;
    font-size: 20px;
    color: #212121;
    font-family: 'Gotham-Book';
    text-decoration: underline;
}

.register_container .swiper-slide .register_body .form-group.checkbox_div {
    margin: 0;
}

.register_container .swiper-slide .register_body .form-group label.input_error {
    color: #ff0000;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

p#phone_number_display {
    margin-top: 50px;
}

.veri-des p {
    font-size: 20px;
    font-weight: 400;
    color: #333333;
}

.veri-des p:first-child {
    margin-top: 60px;
    margin-bottom: 0;
}

.veri-des p:last-child {
    margin: 50px 0;
    font-size: 15px;
}

.veri-des p>a {
    color: #007fff;
    font-size: 20px;
}

.otp-counter {
    color: #212121;
    font-size: 20px;
    font-family: "gothammedium";
}

body .cap_bold_center {
    font-size: 16px;
}

.main_container .padding_content_body .pro_grid_view .Content_data {
    padding: 0;
    margin: 20px 0 40px 0;
    width: 100%;
}

.main_container .padding_content_body .pro_grid_view .Content_data .f_con-data {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 12px;
    line-height: 1.2;
}

body .direcctory_main_page .padding_content_body .pro_grid_view .Content_data .f_con-data_dec {
    font-size: 20px;
    font-family: "Gotham-Book";
    color: #363636;
}

.main_container .padding_content_body .pro_grid_view .Content_data .s_con-data {
    font-size: 15px;
    font-family: "Gotham-Book";
    color: #9a9696;
    margin: 0;
}

.register_container .swiper-slide .register_body .input-group .show_pass {
    background-image: url(../../images/icons/eye-hide-solid.svg);
    width: 20px;
    height: 20px;
    background-color: transparent;
    object-fit: cover;
    border: none;
    padding: 0;
}

.main_container .padding_content.p_view {
    padding: 50px;
}

.main_container .padding_content.p_view .pv_title {
    font-size: 1.6vw;
    color: #212121;
    font-family: "gothambold";
    margin: 0 0 30px 0;
}

.main_container .padding_content.p_view p {
    font-size: 20px;
    color: #9A9696;
    font-weight: 400;
    font-family: "Gotham-Book";
    line-height: 1.2;
    margin: 0 0 40px;
    padding: 0;
}

.main_container .padding_content.p_view p>strong {
    display: inline-block;
    line-height: normal;
}

.hr_break {
    border: 1px solid #707070;
    opacity: 0.27;
    padding: 0;
    margin: 0;
}

body .wp-header>div {
    display: inline-block;
    vertical-align: middle;
    float: none;
    align-items: center;
}

.home .header .wp-header>div {
    display: flex;
}

.skip-btn {
    font-size: 20px;
    text-decoration: none;
    font-weight: 500;
}

.home .header .wp-header>div .news_events #dLabel {
    padding: 0;
}

.home .header_main .wp-header {
    padding: 35px 0;
}

.home .header .select-mall {
    background-color: #be223c;
    color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 7px;
}

.home .header .select-mall span {
    font-size: 13px;
    font-weight: 700;
}

.home .header .wp-header>div .home-dropdown {
    position: absolute;
    left: 15px;
    transform: none;
}

.home .top-search ul.custom_shop_superDeal li {
    margin: 0 15px;
    padding: 5px 8px;
    border-radius: 7px;
    transition: 0.6 linear;
}

.home .header .cus_super:hover svg * {
    fill: #fff;
    opacity: 1;
}

.home .header .cus_super.active svg *,
.home .header .cus_super svg * {
    fill: #fff;
    opacity: 1;
}

/* Download Page Start */

body .download_page {
    max-width: 100%;
    padding: 0;
    display: block;
}

.download_page .dp-bg {
    background-image: url("assets/images/Background.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: 100vh;
    width: 100vw;
}

.download_page .dp-bg .inner-container {
    padding: 75px 15px;
    height: 100%;
    max-width: 1669px;
    margin: auto;
}

.download_page .dp-bg .inner-container .logo-img img {
    width: 200px;
    margin-bottom: 10px;
}

.download_page .dp-bg .inner-container .container {
    max-width: 1378px;
    width: 100%;
}

.download_page .dp-bg .inner-container .container .left-side_content {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-flow: column;
}

.download_page .dp-bg .inner-container .container .left-side_content .nq_title {
    font-size: 58px;
    font-weight: 600;
    font-family: "Gotham";
    color: #ffff;
}

.download_page .dp-bg .inner-container .container .left-side_content .link_container {
    display: flex;
    align-items: center;
    column-gap: 30px;
    margin-top: 2vw;
}

.download_page .dp-bg .inner-container .container .right-side-content {
    height: 100%;
    padding: 0 0 0 220px;
}

.download_page .dp-bg .inner-container .container .right-side-content img {
    object-fit: cover;
}

body .rewards .reward-in-store-container span {
    font-size: 11px;
    border-radius: 5px;
    font-family: "gothammedium";
    padding: 4px;
}

.CollectionMethodContainer {
    background-color: #ededed;
    border-radius: 15px;
    margin-bottom: 30px;
}

.CollectionMethodContainer .collection_list_div.reward_view_collection {
    padding: 21px 13px;
    border-bottom: 2px solid #fff;
    margin: 0;
}

.main_container .CollectionMethodContainer .custom_radio {
    padding: 15px 50px;
    margin: 0;
}

.main_container .CollectionMethodContainer .custom_radio .checkmark {
    left: 13px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    top: 50%;
    border-color: #909090;
}

.main_container .CollectionMethodContainer .custom_radio .checkmark::after {
    height: 13px;
    width: 13px;
    background: #000000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #000000;
}

.main_container .CollectionMethodContainer .custom_radio input[type="radio"]+.checkmark {
    background: transparent;
}

.multi_wallet_reward_viewpages .main_container .padding_content_body .img_card .image img {
    height: 100%;
    width: 100%;
}

.multi_wallet_reward_viewpages .main_container .padding_content_body {
    margin-top: 70px;
}

.programARedemptionVenue {
    background-color: #ededed;
    border-radius: 7px;
    margin-bottom: 20px;
}

.programARedemptionVenue .program-a {
    padding: 12px 13px;
    margin: 0;
    border-bottom: 2px solid #fff;
}

.programARedemptionVenue .program-a strong {
    font-family: "gothammedium";
    font-weight: 500;
}

.programARedemptionVenue .d_redeem_location {
    padding: 0;
    display: block;
    padding: 12px 13px;
    line-height: normal;
    font-family: "gothammedium";
    color: #363636;
    opacity: 1;
}

body:not(.dashbord) .news_events #dLabel img,
body .lk-btn span.k-btn img {
    border-radius: 3px;
    width: 27px;
    height: 27px;
}

.rewards_viewpages .padding_content .rd_title strong {
    text-transform: capitalize;
}

.main_container.trans_main .padding_content .padding_content_body .hst_con .hst_main_cnt {
    width: 90%;
}

/* Download Page End */

@media (max-width: 1399px) {
    .hidden-sm {
        display: none !important;
    }

    .main_container {
        max-width: 54.85%;
    }

    .main_wrapper .main_container {
        padding: 0 30px;
    }
}

@media (max-width: 767px) {
    .boxwidth{
        width: 45px!important;
    }
    .hidden-xs {
        display: none !important;
    }

    .newsletter-footer p {
        width: 100% !important;
    }
}

.cus-cat .col-sm-2 {
    padding: 20px 15px 23px !important;
}

i.fa.fa-paper-plane-o {
    font-size: 25px;
    float: left;
}

.logo img {
    max-height: none;
    width: 100%;
    position: relative;
    top: -25px;
    background: #fff;
}

.block-search {
    float: left !important;
    margin-right: 0 !important;
}

form#search_mini_form {
    top: 0 !important;
    right: 0 !important;
}

.hoteline_header {
    display: none !important;
}

.mini-cart-wrapper {
    width: 35%;
}

.mini-cart-wrapper .mini-carts {
    width: 100%;
    float: right;
}

ul.custom_shop_superDeal {
    width: 50%;
    float: left;
}

ul.custom_shop_superDeal li {
    float: left;
    margin: 15px 8px 0;
}

ul.custom_heart {
    width: auto;
    float: right;
    text-align: right;
}

ul.custom_heart li {
    float: left;
    margin: 15px 20px 0;
}

.cus-cat .col-sm-9 {
    width: 100%;
}

.cus-cat .col-sm-2 {
    width: 20%;
    background: #fff;
    padding: 15px 15px;
    border-right: 2px solid #ddd;
}

.cus-cat a {
    font-size: 18px;
}

.cus-cat img {
    width: 70%;
    margin: 0 15% 15px;
    max-width: 135px;
}

.textDiv_Days,
.textDiv_Hours,
.textDiv_Minutes,
.textDiv_Seconds {
    width: auto !important;
    display: inline-block;
    letter-spacing: 1px;
    left: auto !important;
}

.categorytab-container {
    margin-bottom: 30px;
}

.col-xs-12.col-sm-6.col-md-6.col_banner1 img,
.col-xs-12.col-sm-6.col-md-6.col_banner2 img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    margin: 30px 0 50px;
}

a.showcart.header-mini-cart {
    top: 0 !important;
}

i.fa.fa-heart {
    top: 0 !important;
}

i.fa.fa-link {
    top: 0 !important;
    left: 0 !important;
}

.rokan-product-heading {
    padding: 15px 0 25px 0 !important;
}

.header-container .header-content .minicart-wrapper {
    width: auto !important;
}

.newsletter-footer {
    margin: 0 0 45px !important;
    background: #ce2129;
    display: inline-block;
    align-items: center;
    color: #fff;
    width: 100%;
}

.newsletter-footer p {
    float: left;
    padding-top: 10px;
    margin: 0;
    width: 60%;
}

span.custom_news_left {
    font-size: 18px;
    margin-right: 10px;
    padding-left: 18px;
}

.newsletter-footer button.action {
    background: #333e48 !important;
}

.newsletter-footer button.action:hover {
    background: #7a848e !important;
}

.newsletter-footer button.action,
.newsletter-footer button.action:hover {
    padding: 0 25px !important;
}

.newsletter-footer:before {
    display: none;
}

.footer-container.footer {
    padding: 0 !important;
}

img.custom_third_banner_img {
    height: auto !important;
    width: auto !important;
}

.footer-bottom img {
    float: right;
}

.hot-deal .countdown_block .super-deal-countdown {
    margin-top: 22px;
}

span.cus_store_title {
    font-size: 22px;
    margin-bottom: 15px;
    display: block;
    font-weight: 700;
    text-align: center;
}

.section-brands .brand-item a img {
    opacity: 0.7 !important;
    height: 110px;
    object-fit: scale-down;
}

.section-brands .brand-item a img:hover {
    opacity: 1 !important;
}

div#countbox-p-p-c-container {
    display: none !important;
}

span.custom_news_center {
    margin: 0 20px 0 15px;
}

.newsletter-footer>form {
    float: right;
}

.left_panel ul li {
    width: 100%;
    padding: 0px !important;
    list-style: none;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid transparent !important;
    background-color: #ce2129;
    transition: background-color 2s ease;
    margin-bottom: 0;
}

.left_wrapper {
    width: 21.355%;
    border-radius: 13px;
    height: calc(100vh - 120px);
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.left_panel ul li:last-child {
    border-bottom: none !important;
}

.left_panel {
    background: #ce2129;
    border-radius: 15px;
    padding: 0px;
}

.left_panel ul li.active a {
    color: #fff;
    background-color: #e14f67;
    position: relative;
}

.left_panel ul li.active a:after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    right: 17px;
    font-size: 24px;
    transform: translateY(-50%);
    top: 50%;
}

.left_panel ul li.active img {
    display: none;
}

.left_panel ul li span img.active_image {
    display: none;
}

.left_panel ul li.active img.active_image {
    display: block;
}

input {
    background: #fff;
    background-clip: padding-box;
    border: 0;
    border-bottom: 1px solid #c2c2c2;
    border-radius: 1px;
    font-size: 14px;
    height: 32px;
    line-height: 1.42857143;
    padding: 0 9px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
}

.sign_up_btn.phone {
    background: #be223c;
    cursor: pointer;
    color: #fff;
}

.sign_up_btn img {
    color: #fff !important;
}

.top-header {
    min-height: 45px;
    background-color: #fff;
    line-height: none !important;
}

.main_wrapper {
    background: none !important;
    padding-top: 155px;
    padding-bottom: 0;
    max-width: 1669px;
    width: 100%;
}

.left_panel ul li a {
    font-size: 20px;
    line-height: 1.2;
    padding: 13px 17px 13px 17px;
    font-weight: 500;
    color: #da003a;
    border-radius: 13px;
}

.left_panel ul li a:hover {
    text-decoration: none;
}

.right_panel p {
    line-height: 1.2;
}

.right_panel p,
.right_panel p a {
    font-size: 20px;
    color: #212121;
    font-family: "gothammedium";
    padding: 0;
    margin-bottom: 0;
}

.main_container .padding_content .head .title {
    font-size: 3rem;
    text-transform: capitalize;
    margin: 0;
    font-weight: 500;
    letter-spacing: normal;
}

form>label {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #212121;
}

.main_wrapper .main_container {
    min-width: 54.85%;
    width: 100%;
    margin: 0;
    box-shadow: none;
    padding: 0 50px;
}

.news_promotionpages .main_wrapper .main_container,
.member_privilegepages .main_wrapper .main_container {
    padding: 0 4.58333vw;
}

.register_container .swiper-slide .register_body .form-group label.custom_checkbox+div[style*="display: block"] {
    margin-bottom: 40px;
}

.register_container .swiper-slide .register_body .form-group label.custom_checkbox+div[style*="display: block"] input {
    border: 1px solid #707070;
    border-radius: 6px;
    padding: 0 10px;
}

/* about-us-page */

.main_container div .content_container .middel-content .panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.main_container div .content_container .middel-content .panel-default>.panel-heading a {
    display: block;
    padding: 0;
    position: relative;
    font-family: "gothammedium";
}

.main_container div .content_container .middel-content .panel-default>.panel-heading a:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    transition: transform 0.25s linear;
}

.main_container div .content_container .middel-content .panel-default>.panel-heading a[aria-expanded="false"]::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}

.main_container div .content_container .middel-content .panel-default>.panel-heading a[aria-expanded="true"]::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}

.main_container div .content_container .middel-content .panel-title {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 45px 0;
    font-family: "gothammedium";
}

.main_container div .content_container .middel-content .panel-default>.panel-heading:first-child .panel-title {
    margin-top: 0;
}

.main_container div .content_container .middel-content .panel-title .nq-title {
    width: 100%;
}

.main_container div .content_container .middel-content .panel-title .nq-title a {
    color: #000000;
    font-size: 3.3vh;
    text-align: left;
    font-weight: 500;
}

.main_container div .content_container .middel-content .panel-body .img-content img {
    height: auto;
    width: 100%;
}

.main_container div .content_container .middel-content .panel-body .img-decp {
    color: #000000;
    opacity: 0.5;
    margin: 40px 0;
    font-family: "Gotham-book";
}

.main_container div .content_container .middel-content .panel-body .social .social-title {
    font-size: 30px;
    color: #212121;
}

.main_container div .content_container .middel-content .panel-body .social ul li {
    padding: 15px 0;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #212121;
    font-weight: 400;
    border-bottom: 2px solid #ddd;
}

.main_container div .content_container .middel-content .panel-body .social ul li .icons,
.main_container div .content_container .middel-content .panel-body .social ul li span {
    font-size: 20px;
    color: #212121;
    font-weight: 400;
    white-space: nowrap;
    line-height: 0;
    font-family: "Gotham-Book";
}

.main_container div .content_container .middel-content .panel-body .social ul li+li {
    margin-top: 20px;
}

.main_container div .content_container .middel-content .panel-body .social ul li .icons img {
    height: 45px;
    width: 45px;
    margin-right: 40px;
}

.main_container div .content_container .middel-content .panel-body .social ul li .map-icons {
    display: inline-flex;
    position: absolute;
    line-height: normal;
    right: 10px;
}

.main_container div .content_container .middel-content .panel-body .social ul li .map-icons .icons img {
    margin-right: 0;
    margin-left: 18px;
}

.main_wrapper .right_wrapper {
    border: none !important;
    width: 23.795%;
    border-radius: 13px;
    height: calc(100vh - 120px);
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.m_title {
    font-size: 30px;
    /*color: #212121;*/
    color: #BE223C;
    font-family: "gothammedium";
    line-height: 1.2;
    margin: 0;
}

.login_container form .input-group .input_icon {
    background-color: #fff;
    width: 63px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}

.login_container form .input-group {
    box-shadow: 0px 1px 1px #00000029;
    height: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    position: relative;
}

.login_container .forgot_link {
    text-align: right;
    justify-content: flex-end;
}

.forgot_link a {
    font-size: 20px;
    color: #212121;
    font-family: "gothammedium";
    /*opacity: 0.2;*/
    text-decoration: none;
}

.login_container form .input-group input.form-control {
    background-color: #f7f7f7;
    font-size: 20px;
    font-family: "Gotham";
    font-weight: 300;
    padding-left: 30px;
    border: none !important;
    height: inherit;
}

.left_wrapper .left_panel+img {
    max-width: 290px;
}

.right_wrapper .right_panel+img {
    max-width: 325px;
    margin-left: auto;
}

.main_btn:hover {
    border: none;
    background: #be223c;
}

.login_container .social_login_container>div:first-child {
    margin: 50px 0;
    font-size: 20px;
    font-weight: 500;
    color: #212121;
}

.login_container form .input-group:nth-of-type(2) {
    margin: 0;
}

.show-pass-main {
    position: absolute;
    right: 10px;
}

.login_container form .input-group .show-pass-main .input_icon {
    background-image: url("../../images/icons/eye-hide-solid.svg");
    width: 20px;
    height: 20px;
    background-color: transparent;
    object-fit: cover;
}

.right_panel>div:first-child {
    border-bottom: none;
    padding: 0;
}

.login_container .social_login_container .social-media button {
    font-size: 20px;
    font-family: "gothammedium";
    font-weight: 500;
    height: auto;
    padding: 20px;
}

.main_container div .content_container .middel-content .panel-title .nq-title a:hover {
    text-decoration: none;
}

.social_login_container .fb.social-media {
    margin-bottom: 25px;
}

.login_container .social_login_container .google.social-media {
    margin-bottom: 0;
}

body .container {
    max-width: 1669px;
    margin: 0 auto;
    height: auto;
    width: 100%;
}

.header_main .wp-header {
    height: auto;
    padding: 26.5px 0;
    display: flex;
    align-items: center;
}

.forgot_link a:hover {
    opacity: 1;
}

.modal-open .modal .modal-dialog {
    max-width: 928px;
    width: 100%;
}

.modal-open .modal .modal-dialog .modal-content {
    padding: 30px;
    border-radius: 13px;
    overflow: hidden;
}

.modal-open .modal .modal-dialog .modal-content .modal-header {
    border-bottom: 1px solid rgb(112 112 112 / 24%);
    padding: 0;
}

.modal-open .modal .modal-dialog .modal-content .modal-body p {
    font-size: 20px;
    font-family: "gothammedium";
    font-weight: 500;
    color: #212121;
}

.games-model .modal-body p {
    color: #363636 !important;
}

.modal-open .modal .modal-dialog .modal-content .modal-body {
    padding: 30px 0 0 0;
}

.modal-content .modal-header .close span {
    font-size: 34px;
}

.modal-dialog .modal-content .modal-header h3 {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.modal-dialog .modal-content .modal-body .forget-pass-cont p:first-child {
    margin-bottom: 45px;
    margin-top: 30px;
}

.modal-dialog .modal-content .modal-body .forget-pass-cont p:nth-child(2) {
    margin-bottom: 30px;
}

.modal-content .modal-header .close:hover span {
    color: #212121;
}

.modal-content .modal-header .close:hover {
    background: none;
    border: none;
    transition: all 0.5s ease-in-out;
}

.register_container .btn_container .second_btn:hover {
    background-color: #be223c;
    color: #fff;
}

.main_btn:active,
.main_btn:focus {
    box-shadow: none;
    border: none;
    background: #be223c;
    color: #fff;
}

.home .top-search .mini-carts ul.custom_shop_superDeal {
    margin: 0;
}

.home .top-search ul.custom_shop_superDeal li {
    margin: 0 15px;
    padding: 8.5px 8.5px;
}

.home .mini-cart-wrapper.shadowcart {
    width: auto;
}

.home .top-search ul.custom_shop_superDeal li:last-child {
    margin-right: 0;
}

.home ul.dropdown-menu.show {
    width: 761px;
    border: none;
    border-radius: 13px;
    left: 50% !important;
    transform: translate3d(0px, 6vw, 0px) translateX(-53%) !important;
    box-shadow: 0px 3px 6px #00000029;
    backdrop-filter: blur(30px);
    padding: 0 40px;
    background: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: fixed !important;
}

.home ul.dropdown-menu.show h3.m_title {
    color: #BE223C;
    text-align: center;
    width: 100%;
    text-transform: capitalize;
    font-size: 34px;
    font-family: "gothambold";
    font-weight: 700;
}

.home ul.dropdown-menu.show li img {
    max-width: 227px;
    width: 100%;
    height: 83px;
    object-fit: cover;
    margin: 0 auto;
}

.home ul.dropdown-menu.show li {
    display: inline-block;
    border-bottom: 1px solid rgb(112 112 112 / 16%);
    width: 100%;
    text-align: center;
    padding: 28px 15px;
    margin: 0;
}

.home ul.dropdown-menu.show li span {
    font-size: 30px;
    color: #363636;
    font-weight: 500;
    line-height: 1.2;
    font-family: "Gotham";
    max-width: 50%;
    width: 100%;
    text-align: left;
}

#header.sticky-Header {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
}

.contents_container .content .main_body .promotion.promotion_main {
    padding: 60px 40px 60px;
    margin-bottom: 0;
}

.contents_container .content .main_body .promotion_main>div.rewards>div>img,
.contents_container .content .main_body .rewards_main>div.rewards>div>img {
    height: 205px;
    width: 205px;
    object-fit: cover;
    border-radius: 15px;
    margin-right: 50px;
}

.promotion.promotion_main .m_title,
.rewards_main .m_title,
.event_main .m_title,
.useful_links_main .m_title {
    text-transform: capitalize;
}

.rewards .reward_name {
    font-size: 20px;
    font-weight: 500;
    font-family: "gothammedium";
    margin: 0;
}

.main_container.rewards_page .padding_content .new_rewards>.rewards .reward_name {
    font-size: 20px;
    font-weight: 500;
    font-family: "gothammedium";
    margin: 0;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    text-transform: capitalize;
    line-height: 1.2;
    min-height: 48px;
}

.rewards .pro_cat {
    margin: 15px 0 10px;
    font-size: 15px;
    color: #c3c3c3;
    font-weight: 300;
    line-height: 1.133333;
    font-family: "Gotham-Book";
}

.rewards .points {
    color: #be223c;
    font-size: 15px;
    font-weight: 400;
    font-family: 'gothammedium';
}

.rewards_main .reward_title {
    margin-bottom: 15px;
    text-transform: capitalize;
}

.rewards_main .reward_title .float-left {
    font-size: 11px;
    color: rgb(221 31 24 / 40%);
    font-weight: 700;
    font-family: "Gotham-Book";
    background-color: rgb(221 31 24 / 11%);
    text-transform: capitalize;
}

.rewards_main .reward_title .float-right {
    font-size: 11px;
    color: rgb(0 0 0 / 40%);
    font-weight: 400;
}

.rewards .reward_points label,
.rewards .reward_points label .points {
    font-size: 20px;
    color: #2f2f2f;
    font-weight: 500;
    font-family: "gotham-book";
}

.rewards .reward_points label .points {
    color: #be223c;
    font-family: "Gotham-Book";
}

.useful_links_main .m_title {
    color: #fff;
}

.main_container .padding_content .custom_radio {
    padding: 0 50px;
    margin: 0 0 20px;
    color: #363636;
    font-size: 20px;
    font-weight: 400;
    transition: all 0.5s ease-in-out;
}

.useful_links_main ul li a {
    font-size: 20px;
    text-decoration: none;
}

.content .links ul li a img {
    margin-right: 30px;
}

.content .links ul li {
    padding: 30px 11px;
    margin: 0;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
}

.useful_links_main {
    padding: 60px 40px 51px;
}

.useful_links_main ul {
    padding: 0 10px;
}

.rewards .reward_points {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-top: 30px;
}

.event_main {
    padding: 60px 40px 60px;
}

.event_main .owl-item p {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    margin-top: 15px;
    color: #fff;
}

.event_main .m_title {
    /*color: #212121;*/
    color: #BE223C;
}

.event_main .item {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.contents_container .content .main_body .event_main .signle_item {
    flex-direction: column;
    height: 377px !important;
}

.right_panel .membership_card>div {
    width: 100%;
    position: relative;
}

.membership_card_inner .cust_info img {
    width: 100%;
    max-width: 115px;
}

.membership_card_inner .cust_info .membership_row {
    display: flex;
    justify-content: space-between;
    align-items: end;
    position: absolute;
    width: 90%;
    bottom: 20px;
}

.membership_card>.membership_card_inner .cust_info .left,
.membership_card>.membership_card_inner .cust_info .right {
    display: flex;
    flex-direction: column;
}

.membership_card>.membership_card_inner .cust_info .right .sec-row {
    font-size: 15px;
    font-family: "Gotham-Book";
    line-height: 1.2;
    color: white;
}

.membership_card>.membership_card_inner .cust_info .left .first-row {
    font-size: 20px;
    margin-bottom: 15px;
    line-height: normal;
    font-family: "gothammedium";
}

.first-row-image img.first-row {
    width: 100%;
    max-width: 20px;
    display: flex;
}

.membership_card>.membership_card_inner .cust_info .right .first-row-image img {
    position: static;
    width: 18px;
}

.directory .cat_list_title {
    text-align: left;
    overflow-x: auto;
}

.directory .cat_list_title .cat_list {
    font-size: 3.21vh;
    color: #080808;
    cursor: pointer;
    text-transform: capitalize;
    padding: 0 0 20px 0;
    font-family: "gothammedium";
    margin: 0 0 20px;
    width: 100%;
    line-height: normal;
    position: relative;
}

.directory .cat_list_title .cat_list::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #707070;
    opacity: 0.2;
}

.directory .cat_list_title .cat_list:last-child {
    margin: 0 0 70px;
}

.detail_h_p {
    margin: 30px 0 50px 0;
    display: flex;
    align-items: center;
}

.detail_h_p .panel-title {
    display: flex;
    align-items: center;
    width: 100%;
}

.detail_h_p .panel-title .logo {
    width: 200px;
}

.detail_h_p .panel-title .logo img {
    object-fit: cover;
    top: 0;
    margin: 10px 0;
    left: 0;
}

.detail_h_p .panel-title .nq-title {
    width: calc(100% - 200px);
}

.detail_h_p .panel-title .nq-title a {
    color: #363636;
    font-size: 26px;
    text-align: left;
    font-weight: 600;
    margin: 8px 0 20px;
    display: block;
    text-align: right;
}

.detail_h_p .panel-title .nq-title a:hover {
    text-decoration: none;
}

.cate_head {
    margin: 50px 0;
    display: flex;
    align-items: center;
}

.cate_head .panel-title {
    display: flex;
    align-items: center;
    width: 100%;
}

.cate_head .panel-title .logo {
    width: 200px;
}

.cate_head .panel-title .logo img {
    object-fit: cover;
    top: 0;
    margin: 10px 0;
    left: 0;
}

.cate_head .panel-title .nq-title {
    width: calc(100% - 200px);
}

.cate_head .panel-title .nq-title a {
    color: #363636;
    font-size: 26px;
    text-align: left;
    font-weight: 600;
    margin: 8px 0 20px;
    display: block;
    text-align: right;
}

.cate_head .panel-title .nq-title a:hover {
    text-decoration: none;
}

.autocomplete input#myInput::placeholder {
    color: #636363;
    font-size: 20px;
    font-weight: 400;
}

.autocomplete input[type="text"] {
    padding: 0 0 10px;
    border: none;
    position: relative;
    border-bottom: 1.7px solid #cacaca;
    opacity: 0.5;
}

.autocomplete .search-img {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
}

.autocomplete ._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
    box-shadow: none;
}

.directory_summarization .details_b_container {
    margin: 3.072916vw 0 3.072916vw;
    padding: 0 23%;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.directory_summarization .details_b_container .btn_box {
    min-width: 125px;
    min-height: 125px;
    background-color: #fff;
    border-radius: 125px;
    margin: 20px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 10px #81000053;
    transition: all 0.5s ease-in-out;
    padding: 20px;
}

.directory_summarization .details_b_container .btn_box a {
    color: #be223c;
    font-size: 4.81vh;
    font-family: "gothammedium";
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
}

.directory_summarization .details_b_container .btn_box a:hover {
    text-decoration: none;
}

.directory_viewpages .main_container .padding_content.p_view .pv_title {
    font-size: 20px;
    font-family: "gothammedium";
    margin-bottom: 20px;
}

.directory_viewpages .main_container .padding_content.p_view>p {
    color: #9A9696;
    opacity: 1;
}

.directory_summarization .details_b_container .btn_box:hover {
    box-shadow: 0px 0px 15px #81000053;
}

.contents_container .content .main_body .event_main {
    background-image: url("../../images/event_background.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.contents_container .content .main_body .event_main {
    background: none;
    padding: 0 40px;
}

.directory .cat_list_title .cat_list .cat_list_dt {
    vertical-align: middle;
    color: #363636;
    font-size: 3.25vh;
    font-weight: 500;
    text-align: right;
}

.directory_listing .flor_title {
    color: #262626;
    letter-spacing: 0;
    font-size: 30px;
    text-align: center;
    font-weight: 500;
    padding: 0 90px;
    position: relative;
}

.directory_mall_div .head .back_btn {
    margin-bottom: 0 !important;
}

.directory_mall_div .head .flor_title {
    margin: auto auto auto 80px;
    padding: 0 15px;
}

.main_container .padding_content .location_container {
    display: flex;
    align-items: center;
    margin-top: 25px;
    flex-direction: row;
    vertical-align: middle;
}

.main_container .padding_content .location_container .map-icon {
    width: 80px;
    position: relative;
}

.main_container .padding_content .location_container .map-icon img {
    width: 50px;
    height: 50px;
    font-family: "gothammedium";
}

.main_container .padding_content .location_container .map_address {
    width: calc(100% - 80px);
    height: 100%;
    position: relative;
}

.main_container .padding_content .location_container .map_address .f_address {
    font-size: 20px;
    color: #262626;
    font-weight: 500;
    margin-bottom: 10px;
    opacity: 0.8;
}

.main_container .padding_content .location_container .map_address .s_address {
    font-size: 20px;
    color: #262626;
    font-weight: 700;
    margin-bottom: 10px;
}

.main_container .padding_content .location_container .map_address .s_address::before {
    background-color: #707070;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: 0.27;
    content: "";
    position: absolute;
}

.main_container .padding_content .head.news_events {
    padding: 0 0px 40px;
}

/* reward page S */

.main_container.rewards_page .padding_content .new_rewards {
    padding: 0;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    margin-bottom: 50px;
}

.main_container.rewards_page .padding_content .new_rewards>div:first-child {
    display: flex;
    flex-direction: row;
    position: relative;
    text-transform: uppercase;
    align-items: center;
    margin-bottom: 20px;
}

.main_container.rewards_page .padding_content .new_rewards>div:first-child img.icon_1 {
    height: 30px;
    width: 30px;
    margin-right: 10px;
}

.main_container.rewards_page .padding_content .new_rewards>div:first-child img.icon_2 {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.main_container.rewards_page .padding_content .new_rewards>div.rewards>div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid white;
}

.main_container.rewards_page .padding_content .new_rewards>div.rewards {
    display: flex;
    flex-direction: column;
}

.main_container.rewards_page .padding_content .new_rewards>div.rewards>div>div .points {
    font-weight: 500;
    font-family: "gothammedium";
}

.main_container.rewards_page .padding_content .new_rewards>div.rewards>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.main_container.rewards_page .padding_content .new_rewards>div.rewards>div>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.main_container.rewards_page .padding_content .new_rewards>div.rewards>div>div>p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "gothammedium";
    width: 100%;
}

.main_container.rewards_page .padding_content .rewards_main>div.rewards>div>img {
    height: 205px;
    width: 205px;
    object-fit: cover;
    border-radius: 15px;
    margin-right: 50px;
    border: 1px solid rgb(112 112 112 / 40%);
}

.main_container .padding_content .head.news_events .m_title.reward_filter {
    position: relative;
    font-family: "gothammedium";
    color: #363636;
    -webkit-text-fill-color: #363636;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    font-weight: 500;
    line-height: 1.2;
}

.main_container .padding_content .head.news_events .m_title.reward_filter::after {
    content: "";
    color: #212121;
    margin-left: 18px;
    background-size: 15px;
    background-image: url(../../images/icons/filter.png);
}

.main_container .padding_content .head.news_events .m_title.reward_filter::after {
    background-size: 18px;
    background-image: url(../../images/icons/filter.png);
    width: 20px;
    background-repeat: no-repeat;
}

.tabing_container .nav {
    padding: 5px;
    border-radius: 6px;
    align-items: center;
    margin-bottom: 50px;
    background: #ffffff 0% 0% no-repeat padding-box;
}

.tabing_container .nav .nav-item {
    margin: 0;
    width: 50%;
}

.tabing_container .nav .nav-item .nav-link {
    color: #363636;
    font-weight: 400;
    font-size: 20px;
    transition: all 0.5s ease-in-out;
    line-height: 2.3;
    font-family: "gothammedium";
}

.tabing_container .nav .nav-item .nav-link.active {
    background-color: #de2019;
    color: #ffff;
    font-weight: 700;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    line-height: 2.3;
}

.news_events #dLabel span:first-child {
    font-size: 22px;
    color: #363636;
    margin-right: 10px;
    line-height: 1.31818;
    font-family: "gothammedium";
}

/* reward page E */

.main_container .member_center_links {
    margin: 75px 40px 50px;
    padding: 0;
}

.main_container .member_center_links ul li {
    padding: 0 0 25px;
    margin: 0 0 25px;
}

.main_container .member_center_links ul li:last-child {
    margin: 0;
}

.main_container .member_center_links ul li a {
    font-size: 20px;
    font-weight: 500;
    color: #3e3f3e !important;
    transition: all 0.5s ease-in-out;
    font-family: "gothammedium";
}

.main_container .member_center_links ul li a img:first-child {
    margin-right: 30px;
    width: 25px;
    object-fit: contain;
    height: 25px;
}

.usefull-links ul li a {
    font-family: "Gotham-Book";
    color: #000 !important;
}

.customer_supportpages .main_container .padding_content_body .col-sm-3 {
    max-width: max-content;
}

.customer_supportpages .main_container .mail_container .c_box_container .cus_box {
    margin-right: 6px;
}

.customer_supportpages .main_container .mail_dec_cont p.mail_desn {
    font-family: "Gotham-Book";
}

.main_container .member_center_links ul li a:hover {
    text-decoration: none;
}

.main_container .member_center_links ul li .link_icon2 {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
}

.main_container .faq_container {
    margin: 75px 40px 50px;
    padding: 0;
}

.main_container .faq_container ul {
    margin: 0;
    padding: 0;
}

.main_container .faq_container.tnc_con ul li:first-child {
    list-style-type: none;
}

.main_container .faq_container.tnc_con ul li:first-child p {
    margin: 40px 0 0 0;
}

.main_container .faq_container ul li {
    list-style-type: decimal;
    list-style-position: inside;
    font-size: 20px;
    font-weight: 500;
    color: #3e3f3e;
    padding: 0;
}

.main_container .faq_container ul li+li {
    margin: 40px 0 0 0;
}

.main_container .faq_container ul li p {
    font-size: 20px;
    color: #3e3f3e;
    font-weight: 400;
    line-height: 1.3;
    margin: 20px 0 0;
}

.main_container .banner.btl_btr .link_titl {
    position: absolute;
    top: 40px;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50%;
    text-align: center;
    font-size: 30px;
    color: #3e3f3e;
    font-weight: 500;
}

/* -------------------------- 11/01/2022 ----------------------------------- */

.profile_page .profile_page_card_container .membership_card>div .cust_info {
    /*position: relative;*/
    position: absolute;
    top: 0px;
    left: 0;
    color: #ffff;
    background-size: cover;
    max-width: 100%;
    min-height: 419px;
    border-radius: 20px;
    background-repeat: no-repeat;
    padding: 35px 23px 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /*background-position: right;*/
    background-position: left;
}

.level_container .level_slider {
    height: 20px;
    border-radius: 25px;
    background-color: #ddd;
    border-color: #f0efef !important;
}

.profile_page .profile_page_card_container .level_inner_container input {
    font-size: 28px;
    color: #dd1f18;
    padding: 0;
    margin: 0;
}

.home .top-search ul.custom_shop_superDeal li:nth-child(3) svg * {
    fill: none;
    stroke: #fff;
}

.level_container {
    margin-top: 50px;
}

.profile_page .profile_page_card_container .level_inner_container span {
    top: 50%;
    right: 0;
    color: #636363;
    font-size: 16px;
    font-weight: 400;
    transform: translateY(-50%);
}

.profile_page .profile_page_card_container .level_inner_container span img {
    min-width: 45px;
    min-height: 45px;
}

.profile_page .profile_page_card_container .input_points {
    margin: 38px 0 30px;
    color: #333333;
    font-family: "Gotham-Book";
    font-size: 22px;
    opacity: 0.5;
    line-height: normal;
    font-weight: 300;
}

.edit_profilepages .main_container .padding_content {
    padding: 0px 38px;
}

.profile_page .profile_page_card_container .level_container {
    /*padding: 0 40px;*/
    padding: 0 0px;
}

.profile_level {
    display: flex;
    justify-content: space-between;
    padding: 30px 40px 53px;
    position: relative;
}

.profile_level_member,
.profile_level_date {
    display: flex;
    align-items: center;
}

.profile_level .profile_level_des {
    font-size: 27px;
    color: #363636;
    margin: 0 0 0 20px;
    text-transform: capitalize;
}

.profile_level img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.profile_page .padding_content_body .profile_control {
    margin: 25px 40px 50px;
    padding: 0;
    border: none;
}

.profile_page .padding_content_body .profile_control .main-nav-ul li {
    padding: 0 0 25px;
    margin: 0 0 25px;
}

.profile_page .padding_content_body .profile_control .main-nav-ul li:last-child {
    margin: 0;
}

.profile_page .padding_content_body .profile_control .main-nav-ul li a {
    font-size: 20px;
    font-weight: 500;
    color: #3e3f3e;
    transition: all 0.5s ease-in-out;
}

.profile_page .padding_content_body .profile_control .main-nav-ul li a:hover {
    text-decoration: none;
}

.profile_page .padding_content_body .profile_control .main-nav-ul li .link_icon2 {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0;
}

.profile_page .padding_content_body .profile_control .main-nav-ul li::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #707070;
    opacity: 0.27;
    bottom: 0;
    left: 0;
}

.profile_page .pints_det_container {
    margin: 0 40px;
    position: relative;
    padding: 0;
    background-color: #ededed;
    border-radius: 10px;
    position: relative;
    margin-top: 50px;
}

.profile_page .pints_det_container ul {
    margin: 0;
}

.profile_page .pints_det_container ul li {
    margin: 0;
    padding: 22px 20px;
    display: flex;
    font-size: 20px;
    color: #3e3f3e;
    font-weight: 400;
    font-family: "Gotham-Book";
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #fff;
}

.profile_page .pints_det_container ul li:last-child {
    margin: 0;
}

.profile_page .pints_det_container ul li span {
    font-size: 20px;
    color: #3e3f3e;
    font-weight: 600;
    padding-left: 10px;
    text-align: right;
}

.profile_poup .modal .modal-dialog .modal-content {
    padding: 40px 40px 30px;
}

.profile_poup .modal .modal-dialog .modal-content .modal-header {
    border: none;
}

.profile_poup .modal-dialog .modal-content .modal-header h3 {
    text-align: center;
    margin: 0 0 60px;
    width: 100%;
    font-weight: 700;
}

.modal-open .modal .modal-dialog .modal-content .modal-body {
    padding: 0;
}

.modal-open .modal .modal-dialog .modal-content .modal-body label:not(.input_error) {
    font-size: 30px;
    color: #212121;
    font-weight: 400;
    line-height: 1.2;
}

.modal-open .modal .modal-dialog .modal-content .modal-footer {
    border: none;
    margin: 60px 0 0px;
    padding: 0;
}

.modal-open .modal .modal-dialog .modal-content .modal-footer .step_con {
    margin: 60px 0 0;
    font-size: 20px;
    color: #212121;
    font-weight: 400;
}

.main_container .padding_content .form_con {
    margin: 50px 0 0;
}

.main_container .padding_content .form_con .form-group label {
    color: #363636;
    font-size: 20px;
    font-weight: 500;
    font-family: "gothammedium";
}

.main_container .padding_content .form_con .form-group input {
    border: none;
    box-shadow: 0px 2px 0 #00000029;
    padding: 0;
}

.main_container .padding_content .form_con .form-group .autocomplete ._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
    box-shadow: 0px 2px 0 #00000029 !important;
}

.main_container .padding_content .form_con .form-group input::placeholder {
    color: #919191;
    font-size: 17px;
    font-weight: 400;
}

/*------------------------------------------------------------------------------------- 12-02-2021 -------------------------------------------------------------------------------------*/

.main_container .form_con .padding_content_body form .more_btn {
    color: #dd1f18;
    font-size: 20px;
    font-weight: 600;
    transition: all 0.5s ease-in-out;
    display: inline-block;
    margin: 50px 0;
    transition: all 0.5s ease-in-out;
}

.main_container .form_con .padding_content_body form .more_btn:hover {
    text-decoration: none;
}

.main_container .padding_content .r_title {
    color: #363636;
    margin: 0 0 40px;
}

.main_container .padding_content .r_descp {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    color: #363636;
    margin: 0 0 40px;
    font-family: "gothammedium";
}

.main_container .padding_content .rd_title,
.main_container .padding_content .validity_date,
.main_container .padding_content .collection_list_div {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 20px;
}

.rewards_viewpages .main_container .padding_content .rd_title {
    margin-top: 20px;
}

.main_container .padding_content .rd_details p {
    font-size: 20px;
    color: #000000;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 40px;
    font-family: "Gotham-Book";
}

.main_container .padding_content .validity_date {
    margin: 0 0 40px;
}

.main_container .padding_content .custom_radio {
    padding: 0 50px;
    margin: 0 0 35px;
    color: #363636;
    font-family: "gothammedium";
    font-size: 16px;
    transition: all 0.5s ease-in-out;
}

.custom_radio .checkmark:after {
    background: #be223c;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    top: 0;
    left: 0;
    border: 4px solid #fff;
}

.main_container .padding_content .pad-around {
    padding: 20px 0;
    font-size: 20px;
    color: #000000;
    position: relative;
}

.main_container .padding_content .px-40 {
    margin: 40px 0;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-header {
    border: none;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-header h3 {
    text-align: center;
    width: 100%;
    font-weight: 700;
    justify-content: center;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body {
    padding: 0;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .modl_desc p,
.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .extra_pnt,
.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .extra_pnt_d,
.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .extra_pnt_adrs,
.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .ext_pnt_title {
    font-size: 30px;
    color: #212121;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 60px;
    opacity: 0.8;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .edt_mobile {
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 500;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .input_error,
#forgotPassModal .modal-content .form-group .input_error {
    font-size: 15px;
    color: red;
    font-weight: 400;
}

.rewad_id_verfication .modal {
    z-index: 5555555;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .extra_pnt,
.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .extra_pnt_d,
.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .extra_pnt_adrs,
.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .ext_pnt_title {
    font-size: 20px;
    opacity: 1;
    margin: 0 0 20px;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .extra_pnt_adrs {
    margin: 40px 0 20px;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .extra_pnt_d,
.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .ext_pnt_title {
    color: #363636;
    opacity: 0.8;
    border-bottom: 1px solid #707070;
    padding: 0 0 40px;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .ext_pnt_title {
    margin: 0 0 40px;
}

.modal-dialog .modal-content .modal-body input {
    padding: 15px 0;
}

.rwd_view_pop .modal .modal-dialog .modal-content .modal-body .main_container {
    width: 100%;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    min-width: 100%;
}

.rwd_view_pop .modal .modal-dialog .modal-content .modal-header {
    border: none;
}

.rwd_view_pop .main_container .padding_content.p_view {
    padding: 0;
}

.rwd_view_pop .main_container .padding_content.p_view .pv_title {
    margin: 0 0 40px;
}

.rwd_view_pop ul {
    margin: 0;
}

.rwd_view_pop ul li {
    margin: 0 0 20px;
}

.rwd_view_pop ul li h3 {
    color: #363636;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px;
}

.rwd_view_pop ul li p {
    color: #363636;
    font-size: 20px;
    font-weight: 400;
    padding: 0 0 20px;
    opacity: 0.8;
    position: relative;
    border-bottom: 1px solid #707070;
}

.rwd_view_pop .modal .modal-dialog .modal-content .modal-footer {
    margin: 40px 0 0;
}

.rwd_view_pop ul .br_none p {
    border: none;
}

.rwd_view_pop ul .br_none {
    margin: 40px 0 0;
}

/* ----------------------------------------------------------------------------------------- 13-01-2021 -------------------------------------------------------------------------------------- */

.main_container .padding_content .padding_content_body .set_pass_con {
    margin: 50px 0 0 0;
}

.main_container .padding_content .padding_content_body .set_pass_con .label_title {
    font-size: 20px;
    color: #363636;
    font-weight: 600;
    margin: 0 0 15px;
}

.main_container .padding_content .padding_content_body .set_pass_con .input-group {
    margin: 0 0 40px;
}

.main_container .padding_content .padding_content_body .set_pass_con .input-group input {
    border: none;
    border-bottom: 1px solid rgba(54, 54, 54, 0.4) !important;
    padding: 0 1px;
    width: 100%;
    font-size: 17px;
    color: #919191;
    font-family: "gothammedium";
}

.main_container .padding_content .padding_content_body .set_pass_con .m_btn_mb {
    margin: 40px 0 0;
}

.main_container .padding_content .padding_content_body .hst_con {
    margin: 40px 0 0;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.main_container .padding_content .padding_content_body .hst_con .arch_con {
    width: 50px;
    display: flex;
    align-items: center;
    /*height: 100%;*/
}

.daily_rewardpages .main_container .padding_content .padding_content_body .hst_con .hst_main_cnt {
    padding-bottom: 12px;
    border-bottom: 2px solid #ffffff;
}

.main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner,
.main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 18px;
}

.main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner .hs_title,
.main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner .rpoint_title {
    /*font-size: 20px;*/
    font-size: 15px;
    color: #636363;
    font-weight: 500;
    margin: 0;
}

.main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec::after {
    border-bottom: 1px solid #707070;
    opacity: 0.7;
}

.main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec .hs_title_sec {
    font-size: 15px;
    color: #acacac;
    font-weight: 400;
    margin: 0;
}

.main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec .rpoint_title_sec {
    font-size: 20px;
    color: #44a356;
    font-weight: 600;
    margin: 0;
}

.main_container .padding_content .padding_content_body .hst_con .hst_main_cnt:hover .main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec .rpoint_title_sec {
    color: #a34444;
}

.main_container .padding_content .head .options span {
    position: relative;
    padding: 0 35px;
    font-size: 20px;
    color: #212121;
    font-weight: 400;
    font-family: "Gotham-Book";
}

.main_container .padding_content .head .options span::before {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    background: url(../../images/icons/filter.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
}

.main_container .cus_container {
    margin: 15px 0 0;
}

.main_container .cus_container .cus_s_titile {
    color: #363636;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 40px;
}

/* -------------------------------------------------------------------------17-01-2022------------------------------------------------------------------------ */

.main_container .cus_container .cus_box_con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.main_container .cus_container .cus_box_con a {
    text-decoration: none !important;
}

.main_container .cus_container .cus_box_con .c_box_container .box_desc {
    font-size: 20px;
    font-weight: 500;
    font-family: "gothammedium";
    color: #9a9696;
    margin: 22px 0 0 0;
    text-align: center;
    text-decoration: none;
}

.main_container .cus_container .cus_box_con .c_box_container .cus_box,
.main_container .mail_container .c_box_container .cus_box {
    position: relative;
    width: 130px;
    height: 130px;
    border-radius: 9px;
    box-shadow: 0px 3px 6px #0000001a;
    transition: all 0.5s ease-in-out;
}

.main_container .cus_container .cus_box_con .c_box_container .cus_box:hover,
.main_container .mail_container .c_box_container .cus_box:hover {
    box-shadow: 0px 7px 15px #0000001a;
}

.main_container .cus_container .cus_box_con .c_box_container .cus_box::before,
.main_container .mail_container .c_box_container .cus_box::before {
    content: "";
    background-color: #fff;
    opacity: 0.9;
    height: 100%;
    width: 100%;
}

.main_container .cus_container .cus_box_con .c_box_container .cus_box .cus_in_box,
.main_container .mail_container .c_box_container .cus_box .cus_in_box {
    width: 70px;
    height: 70px;
    /*background-color: #dd1f18;*/
    background-color: #fff;
    border-radius: 9px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease-in-out;
}

.main_container .cus_container .cus_box_con .c_box_container .cus_box .cus_in_box .icons_1,
.main_container .cus_container .cus_box_con .c_box_container .cus_box .cus_in_box .icons_2,
.main_container .cus_container .cus_box_con .c_box_container .cus_box .cus_in_box .icons_3,
.main_container .mail_container .c_box_container .cus_box .cus_in_box .icons_1 {
    position: relative;
    transition: all 0.5s ease-in-out;
}

.main_container .cus_container .cus_box_con .c_box_container .cus_box:hover .icons_1::before,
.main_container .cus_container .cus_box_con .c_box_container .cus_box:hover .icons_2::before,
.main_container .cus_container .cus_box_con .c_box_container .cus_box:hover .icons_3::before,
.main_container .mail_container .c_box_container .cus_box:hover .icons_1::before {
    color: #dd1f18 !important;
}

.rulers {
    width: 100%;
    height: 2px;
    background-color: #707070;
    opacity: 0.2;
    margin: 40px 0;
}

.main_container .mail_container {
    position: relative;
}

.main_container .mail_container a {
    text-decoration: none !important;
}

.main_container .mail_dec_cont {
    padding: 15px 0;
}

.main_container .mail_dec_cont .m_desc_title {
    font-size: 20px;
    color: #212121;
    font-weight: 500;
    margin: 0 0 20px;
}

.main_container .mail_dec_cont .m_desc_title {
    font-size: 20px;
    color: #363636;
    font-weight: 500;
    margin: 0 0 20px;
}

.main_container .padding_content .head .cp_tile {
    color: #3e3f3e;
}

.main_container .padding_content .padding_content_body .cus_form .form-group label {
    color: #363636;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 10px;
}

.main_container .padding_content .padding_content_body .cus_form .form-group input {
    border: none;
    border-bottom: 2px solid rgba(54, 54, 54, 0.2);
    padding: 0;
    color: #919191;
    font-size: 17px;
    font-weight: 400;
}

.main_container .padding_content .padding_content_body .cus_form .form-group .text_area {
    border: 2px solid rgba(54, 54, 54, 0.2);
    border-radius: 0;
}

.main_container .padding_content .padding_content_body .cus_form .form-group {
    margin: 0 0 40px;
}

.main_container .padding_content .padding_content_body .cus_form .form-group select.form-control {
    padding: 0;
    font-size: 17px;
    font-weight: 400;
}

.main_container .padding_content .form_con .form-group .autocomplete ._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
    box-shadow: none !important;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .barco_container {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .barco_container .f_barco_img {
    position: relative;
    height: 120px;
    width: 320px;
    overflow: hidden;
    margin: 0 0 50px;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .barco_container .f_barco_img img {
    object-fit: cover;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .barco_container .s_barco_img {
    position: relative;
    height: 160px;
    width: 160px;
    overflow: hidden;
    margin: 0 0 50px;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .barco_container .s_barco_img img {
    object-fit: cover;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .barco_container .code,
.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .barco_container .code_time {
    color: #404040;
    font-size: 30px;
    font-weight: 500;
    margin: 0 0 40px;
    position: relative;
    display: inline-block;
}

.rewad_id_verfication .modal .modal-dialog .modal-content .modal-body .barco_container .code_desc {
    font-size: 20px;
    color: #404040;
    font-weight: 400;
    margin: 0;
}

.swp_h {
    padding: 0;
}

.swp_h .modal-title {
    margin: 30px 0 40px;
    font-size: 30px;
    font-weight: 500;
    color: #212121;
}

.swp_b {
    padding: 0;
}

.swp_b .barco_container {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin: 0 0 40px;
}

.swp_b .barco_container .s_barco_img {
    width: 240;
    height: 240;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.swp_b .barco_container .s_barco_img img {
    object-fit: cover;
}

.swp_b .swp_cod {
    margin: 40px 0 0;
    font-size: 30px;
    max-width: 576px;
    font-weight: 500;
    color: #212121;
}

.comf-class {
    max-width: 370px;
    height: 50px;
    border-radius: 13px;
    background-color: #be223c !important;
    color: #ffff !important;
    transition: all 0.5s ease-in-out;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}

.comf1-class {
    width: 370px;
    height: 55px;
    border-radius: 13px;
    background-color: #be223c !important;
    color: #ffff !important;
    transition: all 0.5s ease-in-out;
}

.comf1-class:hover {
    background-color: #be223c !important;
}

/* ---------------------------------- 17-Jan & 18-Jan Change --------------------------------- */

.swal2-popup.swal2-modal.swal2-show {
    padding: 30px 0;
}

button.swal2-confirm.comf1-class {
    display: block;
    width: 100%;
    max-width: 390px;
}

button.swal2-cancel.upd-class {
    margin-top: 25px;
    background: none;
    border: none;
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    max-width: 390px;
    font-size: 20px;
    height: 55px;
    border-radius: 13px;
}

button.swal2-cancel.upd-class:hover {
    color: #000 !important;
}

button.swal2-confirm.confre3-class,
button.swal2-cancel.cenre3-class {
    width: 390px;
    height: 49px;
    border-radius: 5px;
    background-color: #be223c !important;
    color: #ffff !important;
    transition: all 0.5s ease-in-out;
    font-weight: 600;
    margin: 0 10px;
    font-size: 20px;
    font-weight: 500;
}

.s_barco_svg {
    height: auto;
    overflow: visible;
}

.swal2-title.redemption_title {
    font-size: 30px;
    margin-bottom: 44px;
}

.select_membership_dec {
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    color: #363636;
    margin: 0;
}

button.swal2-confirm.comf1-class.membership_ok {
    max-width: 370px;
    font-size: 20px;
}

.form-control.custom_dropdown_nric {
    width: 35%;
    border: none;
    padding-left: 0px;
    color: #363636;
    font-size: 20px;
    font-weight: 501;
}

.form-group .custom_dropdown_nric_for_profile {
    width: 35%;
    border: none;
    padding-left: 0px;
    color: #363636;
    font-size: 20px;
    font-weight: 501;
}

.form-group .form-control.custom_dropdown_nric_for_profile {
    width: 35%;
    border: none;
    padding-left: 0px;
    color: #363636;
    font-size: 20px;
    font-weight: 501;
}

button.swal2-cancel.upd-class {
    margin-bottom: 20px !important;
    margin-top: 20px;
    margin-top: 25px;
    background: none;
    border: none;
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}

.form-group .form-control.custom_dropdown_nric_for_register {
    width: 100%;
    border: none !important;
    padding-left: 0px !important;
    color: #363636 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

button.swal2-confirm.comf1-class {
    display: block;
    width: 100%;
    max-width: 390px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
}

.program-a {
    font-size: 20px;
    padding: 8px 0;
    margin: 10px 0;
}

.program-p {
    font-size: 20px;
    border-top: 1px solid #ddd;
    padding: 8px 0;
    margin: 10px 0;
}

.bb-1 {
    border-top: 1px solid #ddd !important;
    border-bottom: none !important;
}

#about_merchant_container {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd !important;
}

/* ---------------------------------- Svg icon Changes --------------------------------- */

.checkmark-message {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #4bb71b;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
    position: relative;
    top: 5px;
    right: 5px;
    margin: 0 auto;
}

.checkmark__circle-message {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4bb71b;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark__check-message {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
}

.main_container .padding_content .form_con .form-group label.input_error {
    color: #f00;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

/* ---------------------------------- 21-Jan Changes --------------------------------- */

.padding_content_body .table .head-b {
    font-weight: 600;
    font-size: 20px;
}

.padding_content_body .table .head-b.green-tee {
    font-weight: 600;
    color: #0eb700;
    font-size: 20px;
}

.padding_content_body .table .normal-sid {
    font-size: 20px;
    font-weight: 400;
}

.padding_content_body .table .preg-sm {
    color: #636363;
    font-family: "gothammedium";
    font-weight: 400;
    font-size: 20px;
}

.padding_content_body .table .preg-sm.green-tee {
    color: #0eb700;
    font-family: "gothammedium";
}

.padding_content_body .table .preg-sm.red-tee {
    color: #ff0000;
}

.padding_content_body .table .h-invoice {
    color: #000000;
    font-size: 30px;
    font-weight: 800;
}

.padding_content_body .table .d-descrip {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
}

.padding_content_body .table .horizantal-row {
    border: 1px dashed rgb(0 0 0);
}

.padding_content .padding_content_body .invoive_address {
    text-align: center;
    max-width: 400px;
    width: 100%;
    max-width: 405px;
    padding: 2px 0;
    color: #212121;
    margin: auto;
    font-size: 20px;
}

.invoice_banner .invoice-name-img {
    margin: auto;
}

.alin-tottle {
    display: flex;
    position: relative;
}

.alin-tottle .only-position {
    position: absolute;
}

.padding_content_body .entry tr td {
    text-align: right;
}

.padding_content_body .table .ending {
    text-align: right;
}

/* ---------------------------------- 24-Jan Changes --------------------------------- */

.invoice_banner img:not(.forward_btn) {
    width: 32%;
    text-align: center;
}

.invoice_banner img.forward_btn {
    top: 30px;
    left: 30px;
    height: 53px;
    width: 53px;
    -webkit-box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 50%);
    border-radius: 50%;
    cursor: pointer;
}

.notificationspages .rewards_page .notifications_container {
    border-bottom: 1.3px solid #00000029;
    padding: 0 !important;
}

.notificationspages .notificaton {
    /*padding-top: 20px;*/
}

.notificationspages .rewards_page .notifications_container .notification-message,
.notificationspages .rewards_page .notifications_container .notification-date,
.notificationspages .rewards_page .notifications_container .notification_title {
    font-size: 15px;
    font-family: 'Gotham-Book';
    color: #363636;
    max-width: 80%;
}

.notificationspages .rewards_page .notifications_container .notification-date {
    color: #DD1F18;
}

.notificationspages .rewards_page .notifications_container .notification_title {
    font-weight: 400;
    padding: 18px 0 15px 0;
    font-size: 16px;
    font-family: "gothammedium";
}

.swal2-container .swal2-show .swal_voucher_text .swal2-html-container {
    font-size: 20px;
    text-align: left;
    padding: 0px 20px 15px;
    color: #212121;
    font-weight: 500;
}

.swal2-title.redemption_title {
    color: #212121;
    font-weight: 500;
}

.swal2-backdrop-show .swal2-show button.swal2-confirm.comf-class,
.swal2-backdrop-show .swal2-show button.swal2-cancel.comf-class {
    margin: 0 10px;
    width: calc(100% - 20px);
}

/* ---------------------------------- 25-Jan Changes --------------------------------- */

.membership_card>.membership_card_inner .cust_info .right .first-row-image {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0.78125vw;
    gap: 15px;
}

.membership_card>.membership_card_inner .cust_info .right .first-row-image span {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    font-family: "gothammedium";
}

.main_container .profile_page .membership_card .cust_info .left .sec-row,
.right_panel .membership_card .cust_info .left .sec-row {
    font-family: "Gotham-Book";
    font-size: 15px;
    line-height: 1.2;
    color: white;
}

.membership_card>.membership_card_inner .cust_info .right .first-row-image img {
    width: 27px;
}

.padding_content_body .form-group .file-input .file-input__input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.padding_content_body .form-group .file-input .file-input__label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border: 1px solid transparent;
}

.form-group .file-input {
    text-align: right;
}

.form-group .file-input .file-input__label span,
.middel-content .panel-default .panel-collapse .panel-body .img-decp {
    font-size: 20px;
}

.modal-content .forget-pass-cont .form-group .iti__flag-container {
    padding-bottom: 0;
}

.main_container div .content_container .middel-content .panel-body .social .social-title {
    font-weight: 500;
}

/* ---------------------------------- 01-Feb Changes --------------------------------- */

.membership_card .membership_card_inner .membership_row .right .first-row-image img {
    margin: 0;
}

.profile_page .membership_card_inner .cust_info img {
    max-width: 209px;
}

.main_container .padding_content .form_con .form-group .form-control {
    margin: 10px 0;
    padding: 0;
    font-size: 17px;
}

.modal-content .modal-body .barco_container .code span {
    font-size: 20px;
    vertical-align: sub;
}

.download_page .dp-bg .inner-container .download-container {
    max-width: 1600px !important;
    width: 100%;
}

.download_page .dp-bg .inner-container .download-container .logo-img,
.download_page .dp-bg .inner-container .download-container .back_btn_download {
    display: inline-block;
}

.download_page .dp-bg .inner-container .download-container .logo-img {
    margin-left: 45px;
}

.download_page .dp-bg .inner-container .container .back_btn_download {
    width: 53px;
    height: 53px;
    cursor: pointer;
}

.modal-content .forget-pass-cont .main_btn {
    margin-bottom: 14px;
}

h3.m_title.login-title {
    margin-bottom: 30px;
}

.directory_listing .cat_list_title .directory_item>a {
    font-size: 3.25vh;
    line-height: normal;
    color: #363636;
    display: flex;
    justify-content: flex-start;
    transition: all 0.5s ease-in-out;
}

.directory_listing .cat_list_title .directory_item>a:hover {
    opacity: 0.8;
    text-decoration: none;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    display: flex !important;
}

.slick-track .image,
.event_main .image {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.home_slider3 .slick-dots {
    bottom: -33px;
}

.slick-track img,
.event_main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.event_main .f_con-data {
    margin-right: auto !important;
    font-weight: 400 !important;
}

.pro_grid_view .pro_list_image {
    object-fit: cover;
    object-position: center;
    width: 100% !important;
    max-height: 387px;
    min-height: 387px;
}

/* ---------------------------------- 04-Feb Changes --------------------------------- */

.main_container .banner .btl_btr {
    width: 100%;
    height: auto;
    object-fit: fill;
    object-position: center;
}

.right_panel .membership_card .cust_info img {
    width: 113px;
    position: absolute;
    margin: 0px 0;
    top: 20px;
}

.directory_summarization .autocomplete input[type="text"] {
    color: #000000;
    padding-top: 10px;
    height: 50px;
}

.rewards .reward_points img {
    height: 25px;
    border-radius: 3px;
    object-fit: cover;
    object-position: center;
}

.rewards .reward_points span {
    font-size: 20px;
    color: #2f2f2f;
    line-height: 1.2;
    font-weight: 500;
    text-transform: capitalize;
}

.bottom_panel li {
    text-align: center;
    color: #404040;
    font-weight: 500;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 3.9rem;
    cursor: pointer;
}

.bottom_panel_container {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    min-height: 50vh;
    overflow-y: scroll;
}

.bottom_panel_container .bottom_panel .disabled {
    font-weight: 500;
    color: #ce2129;
}

.main_container .padding_content.p_view .main_btn:last-child {
    margin-bottom: 0 !important;
}

.main_container .padding_content.p_view .main_btn {
    margin-bottom: 20px !important;
}

.modal-open .modal .modal-dialog .modal-content .modal-body p a {
    font-size: 20px;
    font-family: "Gotham-Book";
    font-weight: 500;
    text-decoration: none;
    color: #212121;
}

body .datepicker table tr td.active.active,
body .datepicker table tr td.active:hover:hover {
    background-color: #be223c;
    background-image: none;
}

.register_container .swiper-slide .register_body .veri-des p:last-child {
    font-size: 20px;
}

.register_container .swiper-slide .register_body .input-group .show_pass.shown {
    background-image: url("../../images/icons/ic_show_pass.png");
}

body .swal2-actions {
    margin: 0;
    flex-direction: column;
}

.swal2-cancel.upd-class.reg_get_point_btn {
    border: 1px solid #be223c!important;
}

.swal2-cancel.upd-class.reg_get_point_btn:hover {
    background-color: #be223c;
    color: #fff !important;
}

.register_container .swiper-slide .register_body .form-group>.custom_radio {
    font-weight: 400;
    display: flex;
    align-items: center;
}

body .datepicker table tr td.active.active {
    background-color: #be223c;
    background-image: none;
}

.register_container .swiper-slide .register_body .form-group label[for="race"] {
    margin-bottom: 20px;
}

.register_container .swiper-slide .register_body .form-group>.custom_radio:last-child {
    margin-bottom: 0 !important;
}

.banner .owl-carousel .owl-item img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-radius: 8px;
    overflow: hidden;
}

.bottom_panel_container {
    min-height: auto;
}

.bottom_panel_container .bottom_panel div,
.bottom_panel_container .bottom_panel span {
    font-size: 20px;
}

.bottom_panel_container .bottom_panel div:empty {
    margin-bottom: 0 !important;
}

.bottom_panel_container .bottom_panel div {
    margin-bottom: 25px !important;
    font-family: "Gotham-Book";
}

body .bottom_panel_container .bottom_panel {
    padding: 40px 18px 30px;
}

.main_wrapper .right_wrapper .right_panel .sec {
    border: none !important;
}

#bottom_panel_container_wallet .bottom_panel .wallet-redeem-bottom-title {
    font-size: 30px;
    color: #212121;
    font-weight: 500;
}

#bottom_panel_container_wallet .bottom_panel {
    text-align: center;
}

#bottom_panel_container_wallet .bottom_panel .wallet-code-desc {
    font-size: 20px;
    color: #404040;
    font-weight: 400;
    padding: 40px 0;
}

#bottom_panel_container_wallet .bottom_panel .wallet-code {
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#bottom_panel_container_wallet .bottom_panel .wallet-code span {
    margin-left: 15px;
}

#bottom_panel_container_wallet .bottom_panel .wallet-bottom-btn {
    width: 358px;
    margin: auto;
}

#bottom_panel_container_wallet .bottom_panel .f_qr_code img {
    width: 317px;
    margin-top: 20px;
}

#bottom_panel_container_wallet .bottom_panel {
    padding: 20px 0 !important;
}

#bottom_panel_container_wallet .bottom_panel div {
    margin-bottom: 0 !important;
    height: 143px;
}

#bottom_panel_container_wallet .bottom_panel .wallet_time {
    font-size: 30px;
    padding: 20px 0;
    font-weight: 500;
}

#bottom_panel_container_wallet .bottom_panel div:last-child {
    height: auto;
}

.event_page_btl_btr .btl_btr,
.directory_view .btl_btr,
.promotion_detalis_div .btl_btr {
    height: auto !important;
    object-fit: cover;
    object-position: center;
}

.directory_title {
    padding-bottom: 40px;
}

#accordion .logo img {
    width: 170px;
}

.about_us_title {
    border-bottom: 1.5px solid #ddd;
}

.panel-group .panel-heading .about_us_title:active {
    border-bottom: none;
}

.main_container .cus_container .cus_box_con .c_box_container .cus_box {
    margin: 0 auto;
}

.redemption_venue_div {
    margin-bottom: 20px;
    font-size: 20px;
    color: #212121;
}

.main_container .cus_container .cus_box_con .c_box_container .cus_box .cus_in_box.other_problem {
    background: transparent;
}

.redeem_location_detalis_span {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 400;
}

.profile_page .profile_page_card_container .membership_card>div {
    width: 100%;
}

#reward_more_details_container div,
#about_merchant_container div {
    font-size: 20px;
    cursor: pointer;
}

body .direcctory_main_page .padding_content_body .pro_grid_view .Content_data p {
    margin-bottom: 0;
}

.d_redeem_location {
    font-size: 20px;
    padding-bottom: 10px;
    font-weight: 500;
    opacity: 0.5;
}

.merchant_name_description p>em {
    font-style: inherit;
}

.useful_links_main ul li a,
.left_panel ul li a {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    font-family: "gothammedium";
}

.profile_page .membership_card>.membership_card_inner .cust_info .left .first-row,
.profile_page .membership_card>.membership_card_inner .cust_info .right .first-row-image span {
    font-size: 35px;
}

.main_container .profile_page .membership_card .cust_info .left .sec-row,
.profile_page .membership_card .membership_card_inner .cust_info .right .sec-row {
    font-size: 26px;
    color: white;
}

.swal2-container .swal2-content .swal2-html-container {
    font-size: 20px;
    padding: 10px 0;
}

.directory .directory_summarization .cate_head {
    margin: 0;
}

.main_container .padding_content .form_con .form-group #id_type {
    color: #363636;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
}

#step_6 .register_body .form-group .custom_dropdown_nric_for_register {
    background-color: transparent !important;
}

.p_view .sub_event_option .sub_event_date {
    display: flex;
    align-items: center;
    margin-bottom: 33px;
}

.p_view .sub_event_option .sub_event_date img {
    width: 35px;
    height: 35px;
}

.p_view .sub_event_option .sub_event_date h3 {
    margin: 0 0 0 40px;
    color: #212121;
    font-size: 20px;
    font-weight: 500;
}

.p_view .related_new_rewards .related_rewards .whiteline_seperator {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid white;
}

.p_view .related_new_rewards .related_rewards .whiteline_seperator img {
    height: 205px;
    width: 205px;
    object-fit: cover;
    border-radius: 15px;
    margin-right: 50px;
    border: 1px solid rgb(112 112 112 / 40%);
}

.p_view .related_new_rewards .related_rewards .whiteline_seperator>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.p_view:last-child h3 {
    font-size: 30px;
    font-weight: 500;
    margin: 40px 0;
}

/* 11 - Feb change  */

.related_new_rewards .related_rewards .whiteline_seperator>div .related_reward_title {
    width: 100%;
}

.related_new_rewards .related_rewards .whiteline_seperator>div .related_reward_title .related_float-left {
    font-size: 11px;
    color: rgb(221 31 24 / 40%);
    font-weight: 700;
    background-color: rgb(221 31 24 / 11%);
    padding: 4px 5px;
    border-radius: 5px;
    line-height: normal;
    float: left;
}

.related_new_rewards .related_rewards .whiteline_seperator>div .related_reward_title .related_float-right {
    font-size: 11px;
    color: rgb(0 0 0 / 40%);
    font-weight: 400;
    float: right;
    text-transform: uppercase;
}

.related_new_rewards .related_rewards .whiteline_seperator>div .related_reward_name {
    font-size: 20px;
    font-weight: 500;
    font-family: "gothammedium";
    margin: 0;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    text-transform: capitalize;
    line-height: 1.2;
}

.related_new_rewards .related_rewards .whiteline_seperator>div .related_pro_cat {
    margin: 15px 0 10px;
    font-size: 15px;
    color: #c3c3c3;
    font-weight: 300;
    line-height: 1.133333;
}

.related_new_rewards .related_rewards .whiteline_seperator>div .related_reward_points {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.related_new_rewards .related_rewards .whiteline_seperator>div .related_reward_points>label {
    font-size: 20px;
    color: #2f2f2f;
    font-weight: 500;
}

.related_new_rewards .related_rewards .whiteline_seperator div .related_reward_points img {
    height: 25px;
    width: 60px;
    object-fit: cover;
    object-position: center;
    max-height: 100%;
    max-width: 100%;
    border: 0;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center !important;
}

.rewards_viewpages .main_container .padding_content {
    padding: 50px 40px;
}

.rd_details p {
    font-family: "Gotham-Book";
}

.related_new_rewards .related_rewards .whiteline_seperator>div .related_reward_points>label .points {
    font-weight: 500;
    color: #be223c;
    font-size: 20px;
}

.directory_view .p_view .directory_sub_ul {
    display: flex;
    align-items: center;
    padding: 10px 0 0;
}

.directory_view .p_view .directory_sub_ul .directory_sub_icon img {
    min-width: 32px;
    min-height: 32px;
}

.directory_view .p_view .directory_sub_ul .directory_sub_icon_text {
    width: 100%;
}

.directory_view .p_view .directory_sub_ul .directory_sub_icon_text p {
    margin: 8px 0 8px 20px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    color: #262626;
    font-family: "gothammedium";
}

.directory_view .p_view .directory_sub_ul .directory_sub_icon_text p:last-child {
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(112 112 112 / 20%);
    margin-bottom: 16px;
}

.directory_view .p_view .directory_sub_ul .directory_sub_icon_text p:first-child {
    font-weight: 300;
    font-family: "Gotham-Book";
    color: #262626;
    margin-top: 0;
    margin-bottom: 10px;
}

.directory_view .p_view .directory_socials {
    padding: 40px 0 20px;
    display: flex;
    justify-content: center;
}

.directory_view .p_view .directory_socials a {
    margin: 0 25px;
}

.daliyRewardClaimModal .modal-content .daliyReward_ClaimModal P {
    font-size: 1.5625vw !important;
    font-weight: 300 !important;
    margin-top: 48px;
}

.modal.daliyRewardClaimModal {
    top: 56%;
    transform: translateY(-50%);
}

.modal.daliyRewardClaimModal .modal-dialog .modal-content .modal-header h3 {
    margin: 23px 0;
    line-height: 1.2;
}

.daliyRewardModal .modal-content .modal-footer .col-xs-12,
.daliyRewardClaimModal .modal-content .modal-footer .col-xs-12 {
    flex: 0 0 100%;
    max-width: 689px;
    width: 100%;
}

.directory_view .p_view .directory_socials a img {
    min-width: 60px;
    min-height: 60px;
}

/* 25 - Feb change in css */

.main_container .profile_page .membership_card .cust_info .left .sec-row {
    font-size: 2.35vw !important;
    color: white;
}

.profile_page .padding_content_body {
    padding-top: 20px;
}

.manage_password_control .main-nav-ul li {
    list-style: none;
    padding: 20px;
    position: relative;
}

.manage_password_control .main-nav-ul li a {
    display: flex;
    align-items: center;
    font-size: 1.58vw;
    font-weight: 500;
    color: #212121;
    text-decoration: none;
}

.manage_password_control .main-nav-ul li a>.link_icon2 {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 0;
    top: auto;
    margin-right: 0;
}

.directory .direct_last_screen {
    margin-top: 85px;
}

.directory .cat_list_title .cat_list img {
    width: 30px;
    height: 30px;
    margin-right: 20px;
}

.padding_content_body .cus_form {
    margin-top: 50px;
}

.rewards_viewpages .bottom_panel_container .bottom_panel #current_balance {
    margin: 15px 0 24px;
}

.rewards_viewpages #more_dataOfreward .more_dataOfreward_titlebar {
    position: relative;
    width: 100%;
}

.rewards_viewpages #more_dataOfreward .more_dataOfreward_titlebar .back_btn {
    position: absolute;
    top: 50%;
    left: 20px;
    height: 53px;
    width: 53px;
    -webkit-box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 50%);
    border-radius: 50%;
    cursor: pointer;
    min-height: 53px;
    transform: translateY(-50%);
}

.rewards_viewpages #more_dataOfreward .more_dataOfreward_titlebar .more_dataOfreward_m_title {
    font-size: 30px;
    text-align: center;
    font-weight: 500;
    padding: 30px 0;
    color: #000000;
}


/* 26 - Feb Change  */

.details_container_2 .details_d {
    font-size: 30px !important;
}

.details_container_2 .details_buy h4 {
    font-size: 25px !important;
}

.change_passwordpages .main_container .padding_content .head .title,
.transaction_historypages .main_container .padding_content .head .title,
.directorypages .main_container .padding_content .head .title {
    color: #212121;
}

.transaction_historypages .main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner .hs_title,
.customer_supportpages .main_container .cus_container .cus_s_titile,
.customer_supportpages .main_container .mail_dec_cont .m_desc_title {
    font-size: 20px !important;
}

.transaction_historypages .main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec .hs_title_sec {
    font-size: 15px !important;
}

.member_privilege_viewpages .main_container .padding_content {
    padding-top: 50px !important;
}

.daily_rewardpages .main_container .padding_content {
    padding: 0 !important;
    margin-bottom: 20px;
}

.facilitypages .main_container .padding_content {
    padding: 50px 0 0 0 !important;
}

.facilitypages .directory_listing .cat_list_title .directory_item>a {
    display: flex;
    flex-direction: column;
}

.facilitypages .directory_listing .cat_list_title .directory_item>a p {
    display: flex;
    justify-content: space-between;
    font-size: 30px;
    margin: 0;
}

.facilitypages .directory_listing .cat_list_title .directory_item>a .p_floor_title {
    padding-bottom: 20px;
    font-family: "gothambold";
}

.facilitypages .directory .cat_list_title .cat_list .dir_title,
.facilitypages .directory .cat_list_title .cat_list .cat_list_dt {
    font-size: 20px;
    color: #212121;
}

.rewards_viewpages .bottom_panel_container .bottom_panel .title {
    color: #404040;
    text-transform: initial;
}

body button:hover {
    background: none;
}

.edit_profilepages .main_container .padding_content .form_con .edit_dob_div {
    position: relative;
}

.edit_profilepages .main_container .padding_content .form_con .edit_dob_div::after {
    content: url(../../images/icons/calendar.png);
    position: absolute;
    bottom: 10px;
    right: 0;
}

.main_container .padding_content .form_con .edit_dob1_div {
    position: relative;
}

.edit_profilepages .main_container .padding_content .form_con .edit_dob1_div::after {
    content: url(../../images/icons/calendar.png);
    position: absolute;
    bottom: 36px;
    right: 0;
}

.without-login .m_title {
    color: #3e3f3e !important;
}

/* model css */

.daliyRewardModal .modal-content,
.daliyRewardClaimModal .modal-content {
    padding: 0 !important;
}

.daliyRewardModal .modal-content .modal-header,
.daliyRewardClaimModal .modal-content .modal-header {
    justify-content: center;
    background: #be223c;
}

.daliyRewardModal .modal-content .modal-footer,
.daliyRewardClaimModal .modal-content .modal-footer {
    margin-bottom: 60px !important;
}

.daliyRewardModal .modal-content .modal-header .daily_reward_title,
.daliyRewardClaimModal .modal-content .daily_reward_claimtitle {
    color: #fff;
    font-size: 1.5625vw;
    margin: 20px 0;
    font-weight: 400;
}

.daliyReward_modal .reward_hst_main_cnt_inner .reward_sub_content {
    display: flex;
    justify-content: space-between;
    padding: 0 48px;
}

.daliyReward_modal .reward_hst_main_cnt_inner .reward_arch_con {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 23px;
    margin: 0;
    background: #be223c;
    padding: 17px 22px 22px;
    border-radius: 10px;
}

.daliyReward_modal .reward_hst_main_cnt_inner .reward_arch_con {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 23px;
    margin: 0;
    background: #be223c;
    padding: 17px 22px 22px;
    border-radius: 10px;
}

.daliyReward_modal .reward_hst_main_cnt_inner .reward_arch_con.disabled {
    opacity: 0.5;
}

.modal-open .modal.daliyRewardModal .modal-dialog {
    max-width: 1180px;
}

.daliyRewardClaimModal .modal-content .daliyReward_ClaimModal div>img {
    margin-top: 56px;
}

.daliyRewardModal .col-md-6.col-sm-6.col-xs-12 {
    max-width: 689px;
    width: 100%;
    flex: 0 0 100%;
    padding: 0;
}

.daliyReward_modal .reward_hst_main_cnt_inner .reward_arch_con .reward_day {
    font-size: 24px;
    color: #fff;
}

.mobile_side_menu .menu_items ul li.active a .active_image {
    display: block;
}

.daliyRewardClaimModal .modal-content .daliyReward_ClaimModal {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.daliyRewardClaimModal .modal-content .daliyReward_ClaimModal P {
    font-size: 2.2vw !important;
    font-weight: 300 !important;
    margin-top: 48px;
}

.daliyRewardModal .reward_subtitle {
    padding: 31px 0 28px;
    color: #080808;
    font-weight: 500;
    font-size: 30px;
    margin: 0 auto;
    text-align: center;
    max-width: 528px;
}

.mobile_bottom_nav_container .mobile_bottom_nav ul li.active {
    border-radius: 6px;
    padding: 7px;
        width: 18%;
}

.mobile_bottom_nav_container .mobile_bottom_nav ul li:nth-child(3).active svg path {
    stroke: #fff;
    fill: none;
}

.mobile_bottom_nav_container .mobile_bottom_nav ul li:nth-child(3) svg path {
    stroke: rgb(242 1 75 / 50%);
    fill: #fff;
}

.mobile_bottom_nav_container .mobile_bottom_nav ul li.active svg path {
    fill: #fff;
}

.wallet_reward_viewpages .main_container .padding_content {
    padding: 50px 40px;
}

.reward_hst_con {
    padding: 41px 30px 89px;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 50px;
}

.reward_hst_con .daily._rewardmain_btn {
    max-width: 689px;
    margin: 0 auto;
}

.reward_hst_con .reward_subtitle {
    font-size: 30px;
    font-weight: 500;
    font-family: "gothammedium";
    color: #080808;
    margin: 0 0 22px;
    text-align: center;
    line-height: 1.2;
}

body.gamepages .swal2-actions {
    margin-bottom: 25px;
}

.swal2-actions button {
    font-family: "gothammedium";
}

.reward_hst_con .reward_sub_content .reward_arch_con.disabled img {
    opacity: 0.5;
}

.reward_hst_con .reward_sub_content {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 60px;
    align-items: flex-end;
}



.reward_hst_con .reward_sub_content .reward_arch_con {
    flex-direction: column;
    display: flex;
    align-items: center;
}

.reward_hst_con .reward_sub_content .reward_arch_con span {
    font-size: 22px;
    font-weight: 500;
    color: #080808;
    line-height: 1.181818;
    margin: 6px 0;
}

/* daily_reward_main change  */

.daily_reward_main .padding_content {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: none;
    border-radius: 21px;
    overflow: hidden;
}

.daily_reward_main .padding_content .head {
    padding: 19px 12px 23px;
    background-color: #cccccc;
    color: #363636;
}

.daily_reward_main .padding_content .head .title {
    font-size: 2rem;
    line-height: 1.2;
    color: #363636;
}

.daily_reward_main .padding_content_body {
    padding: 16px 12px 0;
    background-color: #ededed;
}

.daily_reward_main .padding_content .padding_content_body .hst_con .hst_main_cnt {
    width: 100%;
}

.daily_reward_main .padding_content .padding_content_body .hst_con {
    margin: 12px 0 0;
    justify-content: space-between;
}

.daily_reward_main .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner .hs_title {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.42857;
}

.daily_reward_main .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner {
    margin-bottom: 0;
    line-height: normal;
}

.daily_reward_main .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec .hs_title_sec {
    font-size: 20px;
    color: #636363;
    font-weight: 300;
    margin: 0;
    line-height: 1.2;
    font-family: "gothammedium";
}

.daily_reward_main .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec .rpoint_title_sec {
    font-size: 20px;
    color: #44a356;
    font-weight: 500;
    margin: 0;
    line-height: 1.2;
    font-family: "gothammedium";
}

.header .news_events .dropdown-select .fas {
    color: #fff;
    margin-top: 2px;
    font-size: 18px;
    position: relative;
}

.main_wrapper .main_container.rewards_page .dropdown {
    position: static;
}

.details_container_2 *:not(i) h4 {
    font-size: 25px;
    margin-bottom: 19px;
}

.details_container_2 h5,
.details_container_2 :not(i) h5,
.details_container_2 :not(i) p {
    font-size: 25px;
    color: #9a9696;
    font-family: "Gotham" !important;
    font-weight: 300;
    line-height: 1.16;
}

.main_container .padding_content .head.news_events .dropdown {
    position: static;
}

.reg_get_point_btn,
.m_title.login-title {
    color: #212121 !important;
}

.surveypages .main-survey {
    background: #f2f2f2;
    padding: 0;
    margin-bottom: 27px;
    border-radius: 7px;
}

.surveypages .main-survey .inner-survey-head h4 {
    font-size: 20px;
    padding-top: 0;
    color: #3e3f3e;
    margin: 0;
    padding-bottom: 0;
    border-bottom: 2px solid #fff;
    padding: 12px 23px;
    font-family: "gothammedium";
}

.surveypages .main-survey .survey-creat {
    padding: 7px 0;
    margin: 0;
}

.surveypages .main-survey .survey-creat span {
    font-size: 26px;
    color: #3e3f3e;
    opacity: 0.5;
}

.surveypages .main-survey .inner-survey-foot {
    display: flex;
    justify-content: space-between;
    margin: 60px 0 50px 0;
}

.surveypages .main-survey .inner-survey-foot .ending-sec p {
    font-size: 1.5625vw;
    color: #3e3f3e;
    padding: 2px 0;
}

.surveypages .main-survey button {
    max-width: 199px;
    width: 100%;
    font-size: 1.6vw;
    padding: 0;
    height: 70px;
    border-radius: 3px;
    background-color: #dd1f18;
    color: #fff;
    font-family: "gothammedium";
}

.without-login.modal-open .modal-title.m_title {
    color: #212121 !important;
}

.news_event_viewpages .main_container .padding_content {
    padding: 38px !important;
}

.games-main-page {
    padding: 50px 55px;
    width: 100%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
}

.games-main-page .games-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.games-main-page .games-head a img {
    background: #e13856;
    height: 54px;
    width: 54px;
    padding: 7px;
    object-fit: contain;
    border-radius: 50px;
}

.games-main-page .you-game {
    color: #fff;
    font-size: 25px;
    text-align: center;
    padding: 50px 0 110px;
}

.games-main-page .you-game>span {
    font-size: 35px;
    position: relative;
    bottom: 5px;
}

.games-main-page .start-btn {
    width: 100%;
    height: 60px;
    border: none;
    font-size: 24px;
    background-color: #be223c;
    color: #fff;
    margin-bottom: 50px;
    border-radius: 9px;
}

.games-main-page .games-details {
    border-radius: 20px;
    border: 1px solid #707070;
    overflow: hidden;
    background-color: #fff;
}

.games-main-page .games-details .headding-game {
    background-color: #be223c;
    padding: 20px;
    font-size: 24px;
    color: #fff;
    margin: 0;
}

.games-main-page .inner-details {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 10px 20px;
}

.games-main-page .inner-details .data-games p:first-child {
    font-size: 19px;
    margin: 15px 0;
    font-weight: 400;
    color: #636363;
}

.games-main-page .inner-details .data-games>p:last-child {
    font-size: 22px;
    font-weight: 300;
    opacity: 0.5;
}

.games-main-page .inner-details .data-games+p {
    font-size: 24px;
    color: #44a356;
}

.games-model .modal-header {
    justify-content: center;
}

.games-model .modal-header h4 {
    font-size: 26px;
    color: #363636;
    margin: 0;
    padding: 6px 0 36px 0;
}

.games-model .modal-body {
    background-color: #e6e6e6;
    border: 1px solid #707070;
    border-radius: 13px;
}

.games-model .modal-body p {
    font-size: 25px;
    padding: 30px 18px;
}

.games-model .checkbox-main {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 32px 0 0 0;
}

.games-model .checkbox-main {
    font-size: 26px;
    color: #363636;
    opacity: 0.5;
}

.games-model .checkbox-main input {
    width: 24px;
    margin-right: 10px;
}

.games-model .modal-footer {
    margin: 38px 0 8px !important;
    justify-content: center;
}

.games-model .modal-footer .Continue-btn {
    width: 100%;
    max-width: 354px;
    height: 50px;
    background-color: #be223c;
    color: #fff;
    font-size: 18px;
}

.gamepages #step2 {
    justify-content: center;
    gap: 50px;
}

.games-main-image {
    position: relative;
    bottom: 20px;
}

.game-step2 .games-main-image::before {
    content: " ";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 275px;
    height: 275px;
    border-radius: 50%;
    background-color: transparent;
    box-shadow: inset 0 0 15px 7px #646464;
}

.games-main-image::after {
    content: " ";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-color: rgb(206 112 8);
    box-shadow: 0 0 128px 85px rgb(255 251 0 / 50%);
}

.games-main-image img {
    max-width: 350px;
    border-radius: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
    margin: auto;
    display: block;
}

.games-main-image #canvas {
    position: relative;
    z-index: 1;
    max-width: 350px;
    margin: auto;
    display: block;
    width: 100%;
}

.games-main-page.game-step2 {
    padding: 50px 0 32px;
}

.game-step2 .games-head,
.game-step2 .games-main-image {
    margin: 0 55px;
}

.game-step2 .games-spin-details {
    background: #fff;
    position: relative;
    width: 100%;
    margin-top: 30px;
    padding: 70px 0;
    border: 1px solid #707070;
}

.game-step2 .start-spin-btn {
    margin: 0 auto 37px auto;
    max-width: 408px;
    width: 100%;
    display: block;
    height: 45px;
    background: #be223c;
    color: #fff;
    font-size: 17px;
}

.game-step2 .data-spin-games {
    text-align: center;
}

.game-step2 p {
    font-size: 17px;
    color: #000000;
    font-weight: 400;
    margin: 2px 0;
}

.game-step2 p:nth-last-child(3) {
    font-weight: 700;
}

.game-step2 p:nth-last-child(2) {
    font-size: 19px;
    margin: 26px 0 0 0;
}

.game-step2 p:nth-last-child(1) {
    margin: 0;
}

.main_container .game_tnc_con ul li {
    font-weight: 600;
}

.main_container .game_tnc_con {
    margin: 50px 40px;
}

.swp_reward_claimed_text {
    opacity: 0.6;
}


/* 04 - March Change  */

.without-login .register_container {
    padding: 0 30px;
}

.home .header .cus_super.active svg * {
    fill: #e14f67;
}

.home .top-search ul.custom_shop_superDeal li:nth-child(3).active svg * {
    stroke: #e14f67;
    fill: none;
}

.home ul.dropdown-menu.show li:last-child {
    border-bottom: none;
}

.facilities-cat-all {
    padding-left: 60px !important;
}

.modal-open .modal .modal-dialog .modal-content .daliyReward_ClaimModal p:first-child {
    color: #000000 !important;
}

.modal-open .modal .modal-dialog .modal-content .daliyReward_ClaimModal p {
    color: #080808 !important;
}

#reward_more_details_container div>strong,
#about_merchant_container div>strong {
    font-family: "Gotham-Book";
}

.login_container form .input-group input.form-control:focus {
    z-index: 0;
}


/* 17/02/2022*/

.register_gender .custom_radio input[type="radio"]:disabled {
    opacity: 0 !important;
}


/* 07 - march change */

#update_about_me_form .main_btn,
.return_receipt_btn_container .main_btn {
    margin: 20px 0;
}

#authenticityModal .modal-dialog-centered .modal-content .modal-header {
    border-bottom: none !important;
}

#authenticityModal .modal-dialog-centered .modal-content {
    padding: 40px;
}

#authenticityModal .modal-dialog-centered .modal-content .modal-body input {
    padding: 43px 0 15px !important;
}

#authenticityModal .modal-dialog-centered .modal-content .modal-body .form-group {
    margin-bottom: 0 !important;
}

#authenticityModal .modal-dialog-centered .modal-content .modal-footer .main_btn {
    max-width: 370px;
    width: 100%;
    height: 55px;
    margin: auto;
}

#authenticityModal .modal-dialog-centered .modal-content #exampleModalLongTitle {
    justify-content: center;
    margin-bottom: 60px;
}

.edit_mobile_container .modl_desc p {
    font-size: 30px !important;
    margin: 0;
    line-height: normal;
    font-family: "Gotham-Book" !important;
}

.more_dataOfreward_titlebar {
    position: relative;
}

.back_btn {
    position: absolute;
    top: 50%;
    left: 20px;
    height: 53px;
    width: 53px;
    -webkit-box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 50%);
    border-radius: 50%;
    cursor: pointer;
    min-height: 53px;
    transform: translateY(-50%);
}

.more_dataOfreward_m_title {
    font-size: 30px;
    margin: 30px auto;
    width: max-content;
}

.rewards_viewpages #more_dataOfreward .more_dataOfreward_titlebar .more_dataOfreward_m_title {
    padding: 0;
}

.games-main-image .step2-canvas-background {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

button.swal2-cancel.cenre3-class {
    margin-top: 20px;
    color: #be223c !important;
    background-color: transparent !important;
}


/* 09 - 03 change */

.swal2-backdrop-show .swal2-html-container .swp_b .s_barco_svg .prize-swal {
    font-size: 3.021vw;
    margin-bottom: 0;
}

body.gamepages .swal2-actions {
    margin-bottom: 25px;
    margin-top: 43px;
}

.swal2-backdrop-show .swal2-html-container .swp_b .s_barco_svg .sub_title_of.spin {
    font-size: 1.406vw;
    font-family: "Gotham-book";
    padding: 1.406vw 0;
}

.modal-header .close {
    padding: 1rem 1rem;
    display: flex;
    margin: -1rem -1rem -1rem auto;
    align-items: flex-end;
    display: inline-block;
}

/* 1-4-2022 */

.table tr th hr {
    border: 1px solid #707070;
    opacity: 0.27;
}

/* .transaction_history_viewspages .padding_content_body .table tr:not(:last-child) {
    color: #636363;
} */

.transactionHistoryTable .transactionHistoryHR hr {
    border: 1px solid #707070;
    opacity: 0.27;
    margin-bottom: 15px;
    margin-top: 20px;
}

.transactionHistoryTable .transactionSubtitle .SubtitleOne,
.transactionHistoryTable .transactionSubtitle .SubtitleSecond,
.transactionHistoryTable .transactionSubtitle .SubtitleLast {
    display: flex;
    flex-wrap: wrap;
}

.transactionHistoryTable .transactionSubtitle .SubtitleOne p,
.transactionHistoryTable .transactionSubtitle .SubtitleSecond p,
.transactionHistoryTable .transactionSubtitle .SubtitleLast p {
    font-size: 20px;
    padding: 15px 0;
    margin: 0;
    font-weight: 400;
    color: #000;
}

.transactionHistoryTable .transactionSubtitle .SubtitleOne p:last-child,
.transactionHistoryTable .transactionSubtitle .SubtitleSecond p:last-child,
.transactionHistoryTable .transactionSubtitle .SubtitleLast p.preg-sm,
.transactionHistoryTable .transactionSubtitle .SubtitleLast p:last-child {
    margin-left: 20px;
    color: #636363;
}

.transactionHistoryTable .transactionSubtitle .SubtitleLast {
    margin-bottom: 20px;
}

.transactionHistoryTable .transactionSubtitle .SubtitleLast div {
    display: flex;
    margin-left: auto;
}

.transactionHistoryTable .transactionSubtitle .SubtitleLast div p {
    color: #44A356 !important;
}

.transaction_history_viewspages .swal2-title.redemption_title {
    width: 84%;
}

.transaction_history_viewspages button.swal2-cancel.cenre3-class {
    margin-top: 0;
}

body.transaction_history_viewspages .swal2-actions {
    flex-direction: row;
}

/* ------------------------------------------------------------------------------- 10-03-2022 - start ----------------------------------------------------------------------------------------------------*/

.reward-in-store-container .reward-in-Store,
.reward-in-store-container .reward-in-Store-delv {
    background-color: #559e62;
    border-radius: 3px;
    text-align: center;
    padding: 5px 10px;
    display: inline-table;
    margin-right: 9px;
    color: #fff !important;
    text-transform: capitalize;
}

.reward-in-store-container .reward-in-Store-delv {
    background-color: #005bd3;
}

.reward-in-store-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

body .lk-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body.news_promotionpages .lk-btn span.k-btn img {
    display: block;
    width: 27px;
    height: 27px;
    object-fit: cover;
}

body .faqs_container {
    margin-top: 40px;
}

.faqs_container .accordion-title:last-child {
    margin-bottom: 0;
}

body .faqs_container .accordion-title {
    background-color: #f2f2f2;
    margin-bottom: 35px;
    padding: 13px;
}

body .faqs_container .accordion-title p strong,
body .faqs_container .accordion-title p {
    font-size: 20px;
    color: #3E3F3E;
    font-weight: 400;
    font-family: "gothammedium";
    border-radius: 7px;
    margin-top: 0;
}

body .faqs_container .accordion-title.js-accordion-title.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

body .faqs_container .accordion-title.js-accordion-title.open {
    margin-bottom: 0;
}

body .faqs_container .accordion-content {
    padding: 18px 27px 18px 13px;
    background-color: #f2f2f2;
    margin-top: 2px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    margin-bottom: 35px;
}

body .faq_main .faqs_container .accordion-title .fa {
    transition: 0.2s all linear;
    transform: rotate(-95deg);
    color: #363636;
}

body .faq_main .faqs_container .accordion-title.open .fa {
    transform: rotate(0deg);
}

body .faqs_container .accordion-content p {
    font-size: 20px;
    color: #3e3f3e;
    font-weight: 400;
    font-family: "gothammedium";
    opacity: 0.5;
    padding: 0;
    margin: 0;
    border: none;
}

.daily_reward_main .padding_content .padding_content_body .hst_con:last-child .hst_main_cnt {
    border-bottom: none;
}

body .transparent_btn {
    border: 1px solid #be223c !important;
    background: transparent !important;
    color: #3e3f3e !important;
}

body .transparent_btn:hover {
    color: #fff !important;
    background-color: #be223c !important;
}

.pagespages .banner .btl_btr {
    margin-bottom: 30px;
}

/* 04-04-2022 */
.friend-to-friendpages .main_container .padding_content {
    text-align: center;
}

.friend-to-friendpages .frdToFrdBackimg {
    padding: 30px 30px 0 30px;
    color: #363636;
    font-family: 'gothammedium';
    font-size: 15px;
}

.friend-to-friendpages .frdToFrdTitle,
.friend-to-friendpages .frdToFrdSubTitle {
    font-size: 20px;
    margin: 25px 0;
    font-family: 'gothammedium';
    color: #363636;
}

.friend-to-friendpages .frdToFrdSubTitle,
.friend-to-friendpages .frdToFrdDescription p {
    font-size: 20px;
}

.friend-to-friendpages .frdToFrdDescription p {
    margin-bottom: 0;
    padding: 0 30px;
    font-family: 'gothammedium';
    color: #363636;
}

.friend-to-friendpages .frdToFrdCode {
    height: 78px;
    width: 100%;
    max-width: 598px;
    margin: 0 auto 131px;
    background: transparent;
    display: flex;
    font-size: 28px;
    border: 1px solid #C02A43;
    border-radius: 9px;
    color: #333333;
    align-items: center;
    justify-content: center;
}

.friend-to-friendpages .frdToFrdCodeCopy {
    margin-left: 140px;
    width: 43px;
    height: 44px;
    object-fit: contain;
}

.friend-to-friendpages .frdToFrdTitlebar {
    display: flex;
    align-items: center;
}

.friend-to-friendpages .frdToFrdTitlebar h3 {
    font-size: 30px;
    color: #212121;
}

.friend-to-friendpages .frdToFrdBackbtn {
    height: 53px;
    width: 53px;
    margin-right: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 50%);
    border-radius: 50%;
    cursor: pointer;
    min-height: 53px;
}

.friend-to-friendpages .main_btn {
    margin-bottom: 10px;
}

.dashbord .home_viewAll {
    position: absolute;
    right: 35px;
    bottom: 9px;
    font-size: 16px;
    font-family: 'Gotham-Book';
    color: #000;
    text-transform: capitalize;
}

@media (min-width: 1081px) and (max-width: 1600px) {
    .boxwidth{
        width: 100px;
    }
    .home .header_main .wp-header,
    .header_main .wp-header {
        padding: 25px 0 !important;
    }

    .dashbord .rewards_main .icon_2 {
        height: 30px !important;
        width: 30px !important;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
    }

    .dashbord .home_viewAll {
        bottom: 4px;
    }

    .main_wrapper {
        padding-top: 154px;
    }

    body.rewardspages ul.dropdown-menu.show,
    body.news_promotionpages ul.dropdown-menu.show,
    body.news_eventpages ul.dropdown-menu.show,
    body.member_privilegepages ul.dropdown-menu.show,
    body.my_rewardpages ul.dropdown-menu.show {
        transform: translate3d(0px, 6vw, 0px) translateX(-53%) !important;
    }

    .main_container .banner.btl_btr .link_titl.page_main_title {
        font-size: 25px;
    }
}

@media (max-width: 1366px) {
        .boxwidth{
        width: 72px;
    }
    .home ul.dropdown-menu.show li {
        padding: 15px 0;
    }

    .home ul.dropdown-menu.show li span {
        font-size: 24px;
    }

    .profile_page .profile_page_card_container .membership_card>div .membership_row {
        flex-direction: row;
        justify-content: space-between;
    }

    .reward_hst_con .reward_subtitle {
        font-size: 2.196193vw;
    }

    .reward_hst_con .reward_sub_content .reward_arch_con span {
        font-size: 1.41054vw;
    }

    .reward_hst_con .reward_sub_content .reward_arch_con {
        margin: 0 5px;
    }

    .reward_hst_con .reward_sub_content {
        margin-bottom: 3.392386vw;
    }

    .reward_hst_con {
        padding: 30px 30px 4.68421vw;
        margin-bottom: 30px;
    }

    .daily_reward_main .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner .hs_title {
        font-size: 2.04978vw;
    }

    .daily_reward_main .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec .hs_title_sec {
        font-size: 1.83016vw;
    }

    .daily_reward_main .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec .rpoint_title_sec {
        font-size: 1.83016vw;
    }

    .modal-open .modal.daliyRewardModal .modal-dialog {
        max-width: 86.383601vw;
        margin: 0 auto;
    }

    body .rewad_id_verfication .modal .modal-dialog .modal-content .modal-header h3 {
        margin: 30px 0 30px;
        font-size: 24px;
    }

    .daliyReward_modal .reward_hst_main_cnt_inner .reward_sub_content {
        display: flex;
        justify-content: space-between;
        padding: 0 3.5139vw;
        flex-wrap: wrap;
        row-gap: 15px;
    }

    .daily_reward_main .padding_content .head .title {
        font-size: 2.562225vw;
    }

    .daliyRewardModal .col-md-6.col-sm-6.col-xs-12 {
        max-width: 50.43923vw;
    }

    .daliyReward_modal .reward_hst_main_cnt_inner .reward_arch_con {
        padding: 15px;
    }

    .daliyRewardClaimModal .modal-content .daliyReward_ClaimModal P {
        margin-top: 2.5vw;
    }

    .daliyRewardClaimModal .modal-content .daliyReward_ClaimModal div>img {
        margin-top: 2.916666vw;
    }

    .daliyReward_ClaimModal div {
        text-align: center;
    }

    .daliyRewardModal .modal-content .modal-footer,
    .daliyRewardClaimModal .modal-content .modal-footer {
        margin-bottom: 3.125vw !important;
    }

    .modal-open .daliyRewardClaimModal.modal .modal-dialog .modal-content .modal-footer {
        margin: 3.125vw 0 0px;
    }

    .modal-open .daliyRewardClaimModal.modal .modal-dialog {
        max-width: 67.93557vw;
    }

    .games-main-page .you-game {
        color: #fff;
        font-size: 1.830161vw;
        text-align: center;
        padding: 3.66032vw 0 5.208333vw;
    }

    .games-main-page .start-btn,
    .games-main-page .games-details .headding-game {
        font-size: 18px;
    }

    body.home ul.dropdown-menu.show {
        transform: translate3d(0px, 5.8vw, 0px) translateX(-53%) !important;
        width: 40.05263vw;
    }

    .news_events #dLabel span:first-child {
        font-size: 16px;
    }
}

@media (max-width: 1080px) {
    body .top_header_mobile i.fas.fa-bars {
        font-size: 22px;
        color: #ffffff;
    }

    .friend-to-friendpages .frdToFrdBackbtn {
        height: 40px;
        width: 40px;
        min-height: 40px;
    }


    button.swal2-confirm.confre3-class,
    button.swal2-cancel.cenre3-class {
        max-width: 350px;
    }

    .top_header_mobile i.fas.fa-bars {
        font-size: 22px;
        color: #e14f67;
    }

    .mobile_bottom_nav {
        background: #fff;
        height: auto;
    }

    .mobile_side_menu .menu_items ul li a {
        color: #333333;
        font-size: 15px;
        width: 100%;
        display: flex;
        align-items: center;
        text-decoration: none;
        font-family: 'Gotham-Book';
    }

    .mobile_side_menu .menu_items ul li a .active_image {
        display: none;
    }

    .mobile_side_menu .menu_items ul li.active a img {
        display: none;
    }

    .mobile_side_menu .menu_items ul li span {
        margin-right: 15px;
    }

    .home ul.dropdown-menu.show {
        width: 80vw;
    }

    .home .header .wp-header>div .home-dropdown {
        left: 50px;
    }

    body:not(.dashbord) .news_events #dLabel img,
    body .lk-btn span.k-btn img {
        width: 36px;
        height: 32px;
    }

    .home ul.dropdown-menu.show li {
        padding: 10px 0;
    }

    body.home ul.dropdown-menu.show li span {
        font-size: 20px;
    }

    .download_page .dp-bg .inner-container .container .right-side-content {
        padding: 0 !important;
        text-align: center;
    }

    .login_container .social_login_container>div:first-child,
    .login_container .dont_have_account>div:first-child {
        margin: 30px 0;
    }

    .main_wrapper .main_container {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }

    body a,
    body .alink {
        color: #212121;
        font-family: "gothammedium";
    }

    .mobile_side_menu .menu_items ul li.active a .active_image {
        display: block;
        filter: brightness(0.3);
    }

    .modal-open .daliyRewardClaimModal.modal .modal-dialog {
        max-width: 86%;
        margin: auto;
    }

    .daliyRewardClaimModal .modal-content .daliyReward_ClaimModal P {
        font-size: 25px !important;
    }

    .surveypages .main-survey .inner-survey-foot .ending-sec p,
    .surveypages .main-survey button {
        font-size: 25px;
    }

    .surveypages .main-survey {
        border-radius: 5px;
    }

    body.rewardspages ul.dropdown-menu.show,
    body.news_promotionpages ul.dropdown-menu.show,
    body.news_eventpages ul.dropdown-menu.show,
    body.member_privilegepages ul.dropdown-menu.show,
    body.my_rewardpages ul.dropdown-menu.show {
        transform: translate3d(0px, 56px, 0px) translateX(-53%) !important;
    }

    .daily_reward_main .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec .hs_title_sec,
    .daily_reward_main .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner .hs_title,
    .daily_reward_main .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec .rpoint_title_sec {
        font-size: 15px;
    }

    .main_container .form_con .padding_content_body form .more_btn {
        margin: 20px 0;
    }

    .daliyReward_modal .reward_hst_main_cnt_inner .reward_sub_content {
        justify-content: center;
    }

    .daliyReward_modal .reward_hst_main_cnt_inner .reward_arch_con {
        padding: 15px;
        margin: 5px;
    }

    .modal-open .modal .modal-dialog .modal-content .modal-footer {
        margin: 30px 0 0px;
    }

    .banner img.back_btn,
    .rewards_viewpages #more_dataOfreward .more_dataOfreward_titlebar .back_btn {
        height: 40px;
        width: 40px;
        min-height: 40px;
    }

    .modal-open .modal .modal-dialog .modal-content {
        margin: 0 10px;
        width: calc(100% - 10px);
    }

    .modal-dialog .modal-content .modal-header h3 {
        margin-bottom: 15px !important;
    }

    .main_container .banner.btl_btr .link_titl.page_main_title {
        font-size: 24px;
    }

    body.home .header-container ul.dropdown-menu.show {
        width: 100%;
        border-radius: 0 0 25px 25px;
        transform: translate3d(0px, 53px, 0px) translateX(-50%) !important;
    }

    .home ul.dropdown-menu.show h3.m_title,
    .home ul.dropdown-menu.show li span {
        font-size: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    body.home ul.dropdown-menu.show li span {
        font-size: 18px;
        margin: 0;
        text-transform: capitalize;
    }

    body.home ul.dropdown-menu.show li {
        padding: 12px 0;
    }

    .news_events #dLabel span:first-child {
        font-size: 16px;
    }

    .mobile_bottom_nav ul li:nth-child(2) svg path {
        fill: transparent;
    }

    .mobile_bottom_nav_container .mobile_bottom_nav ul li.active:nth-child(2) svg path {
        stroke: #fff;
        fill: transparent;
    }
}


@media (max-width: 1080px) {

    .top_header_mobile>div.menu_toggle,
    .top_header_mobile>div.icons_container {
        margin: 0;
        float: initial;
        flex: initial;
        width: auto;
        max-width: 30px;
    }

    .top_header_mobile>div.menu_toggle .toggler_icon img,
    .top_header_mobile>div.icons_container .noti_icon img {
        width: auto;
        height: auto;
        object-fit: contain;
    }

    /* Menu */
    .mobile_side_menu .menu_items {
        padding: 40px 0;
        top: auto;
        max-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .mobile_side_menu .menu_items ul li {
        margin: 0;
        border-bottom: 1px solid #eee;
    }

    .mobile_side_menu .menu_items ul li img {
        width: 20px;
        height: 20px;
    }

    .mobile_side_menu .menu_items ul li {
        padding: 15px 24px;
        border-bottom: 1px solid #eee;
    }

    .mobile_side_menu .menu_items ul {
        overflow: auto;
    }

    .mobile_side_menu .menu_items ul li.active {
        background-color: transparent;
        border-radius: 0;
    }

    .mobile_side_menu .menu_items ul li.active a {
        color: #333333;
        position: relative;
        font-family: 'Gotham-Book';
    }

    .mobile_side_menu.is_open {
        left: 0;
        max-width: 80%;
        border-radius: 0px 13px 13px 0px;
    }

    .mobile_side_menu.is_open .logo {
        display: none;
    }

    .mobile_bottom_nav svg path {
        fill: rgb(242 1 75 / 50%);
    }

    .mobile_bottom_nav_container .mobile_bottom_nav ul li.active a span {
        color: #fff;
    }

    .mobile_bottom_nav a:hover,
    .mobile_bottom_nav .alink:hover {
        text-decoration: none;
    }

    .main_container.trans_main .padding_content .padding_content_body .hst_con .hst_main_cnt {
        width: 80%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .manage_password_control .main-nav-ul li a,
    .modal.daliyRewardClaimModal .modal-dialog .modal-content .modal-header h3 {
        font-size: 20px;
    }

    .reward_hst_con .reward_subtitle {
        font-size: 25px;
    }

    .game-step2 .games-main-image {
        margin: 0;
    }

    body.transaction_history_viewspages .modal-dialog .modal-content .modal-body input {
        font-size: 25px;
    }
}

/* XD Design Mobile End */

@media (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }

    .main_container .padding_content.p_view .pv_title {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .main_container .padding_content.p_view p {
        font-size: 16px;
    }

    .swal2-backdrop-show .swal2-html-container .swp_b .s_barco_svg .prize-swal {
        font-size: 30px;
        margin: 15px 0;
    }

    .swal2-backdrop-show .swal2-html-container .swp_b .s_barco_svg .sub_title_of.spin {
        font-size: 20px;
        padding: 30px 0;
    }

    .directory_listing .cat_list_title .directory_item>a {
        font-size: 26px;
    }

    .directory .cat_list_title .cat_list {
        font-size: 26px;
    }
}
.products-listing-table {
	width: 100%;
}
@media (max-width: 767px) {
    body.transaction_history_viewspages .padding_content_body .table tr .h-invoice {
    	border-top: none !important;
    }
    .products-listing-table .normal-sid {
    	padding: 5px 0;
    }
    .products-listing-table {
    	margin-bottom: 17px;
    }
    .products-listing-table > tbody > tr > td {
    	padding: 5px 0;
    	color: #636363;
    	font-family: 'Gotham-Book';
    	font-size: 13px;
    	line-height: normal;
    }
    .padding_content_body .table .d-descrip {
    	font-size: 14px;
    	font-weight: 600;
    	padding: 23px 0 17px;
    }
    .products-listing-table {
    	width: 100%;
    	padding: 0 !important;
    }
    .products-listing-table table {
    	margin: 0;
    	padding: 0;
    }
    .transactionHistoryTable .transactionSubtitle .SubtitleOne p:last-child, .transactionHistoryTable .transactionSubtitle .SubtitleSecond p:last-child, .transactionHistoryTable .transactionSubtitle .SubtitleLast p.preg-sm, .transactionHistoryTable .transactionSubtitle .SubtitleLast p:last-child {
    	font-family: 'Gotham-Book';
    }
        .products-listing-table > tbody > tr > td.ending {
    	text-align: right;
    }
    .profile_page .profile_page_card_container .membership_card>div .cust_info {
        /*min-height: 215px;*/
        min-height: 380px;
    }

    .notificationspages .rewards_page .notifications_container .notification-message,
    .notificationspages .rewards_page .notifications_container .notification-date,
    .notificationspages .rewards_page .notifications_container .notification_title {
        max-width: 60%;
    }

    .notificationspages .notificaton {
        padding-top: 0;
    }

    .transaction_history_viewspages .padding_content_body .table tr .transaction-hr {
        width: 100%;
    }

    .contents_container .content .main_body .event_main .signle_item {
        flex-direction: row;
        height: auto !important;
    }

    .remove-hr {
        display: none !important;
    }

    .transaction_history_viewspages .padding_content_body .table tr .h-invoice {
        border-top: 1px solid #707070 !important;
        border-bottom: 1px solid #707070 !important;
        padding: 12px 0;
        font-size: 18px;
        width: 100%;
    }

    .friend-to-friendpages .frdToFrdTitlebar {
        display: none;
    }

    .friend-to-friendpages .frdToFrdTitle,
    .friend-to-friendpages .frdToFrdSubTitle {
        font-size: 18px;
        margin: 30px 0 11px;
    }

    .friend-to-friendpages .frdToFrdDescription p {
        padding: 0 15px;
        font-size: 15px;
    }

    .friend-to-friendpages .frdToFrdSubTitle {
        font-size: 15px;
        margin: 30px 0 17px;
    }

    .friend-to-friendpages .frdToFrdCode {
        height: 38px;
        margin-bottom: 10px;
        background: transparent;
        display: flex;
        font-size: 15px;
    }

    .friend-to-friendpages .frdToFrdCodeCopy {
        margin-left: 26px;
        width: auto;
        height: auto;
    }

    .slick-track .image,
    .event_main .image {
        width: 240px;
    height: 140px;
        margin-right: 30px;
    }

    body .main_wrapper .main_container {
        padding: 0;
    }

    .transactionHistoryTable .transactionHistoryHR hr {
        display: none;
    }

    .transactionHistoryTable .transactionSubtitle .SubtitleLast {
        margin-bottom: 10px;
    }

    .transactionHistoryTable .transactionSubtitle .SubtitleOne p,
    .transactionHistoryTable .transactionSubtitle .SubtitleSecond p,
    .transactionHistoryTable .transactionSubtitle .SubtitleLast p {
        font-size: 13px;
        padding: 0 0 15px 0;
        font-weight: bold;
    }

    .transactionHistoryTable .transactionSubtitle .SubtitleOne p:first-child {
        font-weight: bold;
    }

    .transaction_history_viewspages .padding_content_body .table tr th,
    .transaction_history_viewspages .padding_content_body .table tr td {
        padding-left: 0;
    }

    .useful_links_main_title {
        margin-bottom: 15px !important;
    }

    .home .header .wp-header>div .home-dropdown {
        left: 60px;
    }

    .surveypages .main-survey .inner-survey-foot .ending-sec p,
    .surveypages .main-survey button {
        font-size: 20px;
    }

    /* 28-03-2022 */
    .dashbord .home_viewAll {
        position: absolute;
        right: 18px;
        bottom: 5px;
        font-size: 10px;
        font-family: 'Gotham-Book';
        color: #000;
        text-transform: capitalize;
    }

    .dashbord .new_rewards .home_viewAll,
    .dashbord .promotion .home_viewAll {
        bottom: 2px;
    }

    .dashbord .home_viewAll.vli {
        color: #fff;
        bottom: 6px;
    }

    .rewards_viewpages button.swal2-cancel.cenre3-class {
        margin-top: 0;
    }

    body .swal2-actions button {
        max-width: 350px !important;
        width: 100%;
        border-radius: 10px !important;
    }

    button.swal2-cancel.cenre3-class {
        margin-top: 0;
    }

    .bottom_panel_container .bottom_panel div {
        margin-bottom: 15px !important;
        font-family: "gothammedium";
        font-size: 15px;
        line-height: normal;
    }

    .bottom_panel_container .bottom_panel div,
    .bottom_panel_container .bottom_panel span {
        font-size: 15px;
    }

    .bottom_panel_container .bottom_panel div:nth-child(1) {
        border-bottom: 0.5px solid #ddd;
        padding-bottom: 10px;
    }

    .bottom_panel_container .bottom_panel div:nth-child(2),
    .bottom_panel_container .bottom_panel div:nth-child(3),
    .bottom_panel_container .bottom_panel div:nth-child(4) {
        opacity: 0.5;
    }

    .news_promotionpages .main_wrapper .main_container,
    .member_privilegepages .main_wrapper .main_container {
        padding: 0 15px;
    }

    .news_promotion_viewpages .main_wrapper {
        padding-top: 35px;
    }

    .news_event_viewpages .main_container .padding_content.p_view .main_btn {
        margin-bottom: 6px !important;
    }

    .directorypages .main_container .padding_content_body .pro_grid_view .Content_data .f_con-data {
        font-size: 15px;
        font-family: "gothambold";
    }

    .member_privilegepages .main_container .padding_content .head.news_events {
        padding: 0 0px 20px;
    }

    .surveypages .main_wrapper {
        padding: 30px;
    }

    .rewards_viewpages .rewardViewMainContainer #more_dataOfreward iframe .details_container_2 .details_d {
        font-size: 15px;
    }

    .manage_passwordpages .main_wrapper,
    .notificationspages .main_wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }

    .reward_hst_con .reward_sub_content {
        margin-bottom: 34px;
    }

    .daily_reward_main .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner .hs_title {
        font-size: 12px;
    }

    body.daily_rewardpages .main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec {
        border-bottom: 0;
    }

    .daily_reward_main .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner,
    body.daily_rewardpages .main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec {
        padding: 0 10px;
    }

    .daily_rewardpages .modal.daliyRewardClaimModal .modal-dialog .modal-content .modal-header h3 {
        margin: 12px 0;
    }

    .notificationspages .main_container.rewards_page .padding_content {
        padding: 0;
    }

    .notificationspages .main_container .padding_content .notification_list_container .notifications_container .notificaton {
        flex-direction: row !important;
    }

    .notificationspages .rewards_page .notifications_container .notification-date {
        width: 40%;
        text-align: right;
    }

    .notificationspages .tabing_container {
        padding: 0 !important;
    }

    .notificationspages .main_container .padding_content .notification_list_container .notifications_container .notificaton {
        margin-top: 15px;
    }

    .games-main-page .games-head a img {
        height: 33px;
        width: 33px;
    }

    .rewards_viewpages .sub_address_div p {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .rewards_viewpages .sub_address_div p:not(:nth-child(1)) {
        font-size: 15px;
        padding-bottom: 20px;
        margin-bottom: 0;
        border-bottom: none;
        font-family: 'Gotham-Book';
    }

    button.swal2-confirm.confre3-class,
    button.swal2-cancel.cenre3-class {
        font-size: 15px;
    }

    .swal2-title.redemption_title {
        font-size: 15px;
        margin-bottom: 30px;
        width: 84%;
        text-align: center;
    }

    button.swal2-confirm.confre3-class,
    .rewards_viewpages button.swal2-cancel.cenre3-class {
        font-size: 15px;
    }

    .directory_summarization .details_b_container .btn_box {
        width: 80px;
        height: 80px;
        min-width: auto;
        min-height: auto;
        padding: 15px;
    }

    .directory_summarization .details_b_container .btn_box a {
        font-size: 15px;
    }

    .transaction_history_viewspages .padding_content_body .table tr {
        display: flex;
        justify-content: space-between;
    }

    .transaction_history_viewspages .padding_content_body .table tr th {
        white-space: nowrap;
        color: #000000;
    }

    .transaction_history_viewspages .padding_content_body .table tr:nth-child(1) th hr {
        display: none;
    }

    /* 28-03-2022 end */
    .games-main-page .start-btn {
        margin-bottom: 25px;
    }

    .reward_hst_con .reward_subtitle {
        font-size: 25px;
    }

    .daily_reward_main .padding_content .head .title {
        font-size: 24px;
    }

    .reward_hst_con {
        padding: 30px 15px 4.68421vw;
        margin-bottom: 40px;
    }

    .surveypages .main-survey .inner-survey-foot {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        margin: 30px 0;
    }

    .surveypages .main-survey .survey-creat span {
        font-size: 20px;
    }

    .surveypages .main-survey .inner-survey-head h4 {
        padding: 15px 0;
        margin: 0 0 15px;
        font-size: 20px;
    }

    .surveypages .main-survey .inner-survey-foot .ending-sec {
        width: 100%;
    }

    .surveypages .main-survey button {
        max-width: 100%;
    }

    .games-model .modal-header h4 {
        font-size: 20px;
        font-weight: 500;
        padding: 6px 0 18px 0;
    }

    .games-model .modal-footer {
        margin: 18px 0 8px !important;
    }

    .games-main-page .start-btn,
    .games-main-page .games-details .headding-game,
    .games-main-page .you-game {
        font-size: 18px;
    }

    .games-main-page {
        padding: 30px;
    }

    .games-main-page .inner-details .data-games p:first-child,
    .games-main-page .inner-details .data-games p:last-child,
    .games-main-page .inner-details p {
        font-size: 18px;
    }

    .game-step2 .games-spin-details {
        padding: 30px 0;
    }

    .game-step2 .start-spin-btn {
        width: 80%;
        margin: 0 auto 20px auto;
    }

    .game-step2 p:nth-last-child(2) {
        margin: 15px 0 0 0;
    }

    .games-main-image::after {
        width: 150px;
        height: 150px;
    }

    .profile_level {
        padding: 20px 15px 20px;
    }

    .change_passwordpages .main_container .padding_content .head .title,
    .transaction_historypages .main_container .padding_content .head .title,
    .directorypages .main_container .padding_content .head .title {
        font-size: 18px;
    }

    .event_main .m_title,
    .promotion.promotion_main .m_title,
    .useful_links_main .m_title,
    .rewards_main .m_title {
        font-size: 18px;
        font-family: 'Gotham';
        font-weight: 700;
    }

    .contents_container .content .main_body .home_slider3>div:first-child {
        margin-top: 0px;
        margin-bottom: 12px;
        margin-right: 30px;
    }

    .contents_container .content .main_body .new_rewards>div:first-child {
        margin-right: 0;
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .home ul.dropdown-menu.show li {
        margin: 0;
    }

    .main_container div .content_container .middel-content .panel-body .img-decp {
        margin: 20px 0;
    }

    .daliyRewardModal .reward_subtitle {
        font-size: 20px;
    }

    body .rewad_id_verfication .modal .modal-dialog .modal-content .modal-header h3 {
        margin: 15px 0 !important;
        font-size: 22px;
    }

    .rewad_id_verfication .modal .modal-dialog .modal-content .modal-body {
        padding: 0 15px;
    }

    .games-model .checkbox-main,
    .modal-open .modal .modal-dialog .modal-content .modal-body p {
        text-align: center;
        padding: 10px 0;
        margin: 0;
        font-weight: 300;
        font-size: 15px !important;
        font-family: 'Gotham-Book';
    }

    .daily_reward_main .padding_content .head {
        padding: 15px 30px;
    }

    .daliyReward_modal .reward_hst_main_cnt_inner .reward_sub_content {
        padding: 0;
    }

    .daliyReward_modal .reward_hst_main_cnt_inner .reward_arch_con {
        padding: 10px;
        width: calc(33.33% - 10px);
        gap: 15px;
    }

    .daily_reward_main .padding_content_body {
        padding: 0;
    }

    .modal-open .modal .modal-dialog .modal-content {
        padding: 15px;
    }

    .game-step2 .games-head,
    .game-step2 .games-main-image {
        margin: 0 15px;
    }

    .games-main-page.game-step2 {
        padding: 20px 0;
    }

    .banner.wallet-details-back-btn img:not(.back_btn) {
        min-height: max-content;
        object-fit: contain;
        border-radius: 10px;
        box-shadow: 0px 3px 6px #0000000B;
    }

    .main_container .member_center_links {
        margin: 20px;
    }

    .profile_page .profile_page_card_container .level_container {
        padding: 0;
    }

    .edit_profilepages .main_container .padding_content {
        padding: 0;
    }

    .main_container .padding_content .form_con {
        margin: 10px 0 0;
    }

    .event_page_btl_btr .btl_btr,
    .directory_view .btl_btr,
    .promotion_detalis_div .btl_btr {
        object-fit: contain;
    }

    .banner img.back_btn {
        top: 20px;
        left: 20px;
    }

    .m_title {
        font-size: 22px;
    }

    .member_privilege_viewpages .main_container .padding_content {
        padding-top: 30px !important;
    }

    .main_container .padding_content.p_view {
        padding: 15px !important;
    }

    .p_view .sub_event_option .sub_event_date {
        margin-bottom: 15px;
    }

    .p_view .sub_event_option .sub_event_date img {
        width: 15px;
        height: 15px;
    }

    .main_container div .content_container .middel-content .panel-title.about_us_title {
        padding: 20px 0;
    }

    .customer_supportpages .main_container .cus_container .cus_box_con {
        justify-content: space-between;
    }

    .rulers {
        margin: 20px 0;
    }

    .padding_content_body .cus_form {
        margin-top: 20px;
    }

    .rewards_viewpages .main_container .padding_content {
        padding: 15px;
    }

    .home ul.dropdown-menu.show {
        padding: 0 15px;
    }

    .rewards_viewpages #more_dataOfreward .more_dataOfreward_titlebar .more_dataOfreward_m_title {
        font-size: 25px;
    }

    .invoice_banner img.forward_btn {
        height: 40px;
        width: 40px;
    }

    .modal-content .forget-pass-cont .main_btn {
        margin-bottom: 0;
    }

    div.input-group .show_pass {
        width: 22px;
    }

    .daliyReward_modal .reward_hst_main_cnt_inner .reward_arch_con .reward_day {
        font-size: 18px;
    }

    .main_container .padding_content .r_descp,
    .main_container .padding_content .r_title {
        font-size: 15px;
        margin: 0 0 15px 0;
    }

    .wallet_reward_viewpages .main_container .padding_content {
        padding: 15px;
        font-family: 'Gotham-Book';
    }

    #bottom_panel_container_wallet .bottom_panel .wallet-redeem-bottom-title {
        font-size: 22px;
    }

    #bottom_panel_container_wallet .bottom_panel .wallet-code-desc {
        padding: 20px 0;
    }

    #bottom_panel_container_wallet .bottom_panel {
        padding: 20px 10px !important;
    }

    body .faqs_container .accordion-title p strong,
    body .faqs_container .accordion-title p {
        font-size: 15px;
    }

    body .faqs_container .accordion-content p {
        font-size: 13px;
    }

    body .faqs_container .accordion-title {
        margin-bottom: 20px;
    }

    body .faqs_container .accordion-content {
        margin-bottom: 20px;
    }

    body .faqs_container {
        margin-top: 25px;
    }

    .main_container .banner.btl_btr .link_titl.page_main_title {
        font-size: 22px;
    }

    .main_container div .content_container .middel-content .panel-body .social ul li .icons,
    .main_container div .content_container .middel-content .panel-body .social ul li span {
        font-size: 16px;
    }

    body .main_container div .content_container .middel-content .panel-body .social ul li .icons img {
        height: 35px;
        width: 35px;
        margin-right: 10px;
    }

    .form-group .file-input .file-input__label span,
    .middel-content .panel-default .panel-collapse .panel-body .img-decp {
        font-size: 15px;
    }

    .register_container .swiper-slide .register_body .form-group input,
    .register_container .swiper-slide .register_body .input-group input,
    .register_container .swiper-slide .register_body .form-group select {
        font-size: 15px;
    }

    .register_container .swiper-slide .register_body .form-group>label,
    .register_container .swiper-slide .register_body>label {
        font-size: 15px;
    }

    .register_container .swiper-slide .register_body .form-group label.custom_checkbox a {
        font-size: 15px;
    }

    .without-login .register_container {
        padding: 0 15px;
    }

    .main_container .padding_content .padding_content_body .cus_form .form-group input {
        font-size: 15px;
    }

    .main_container .padding_content .padding_content_body .cus_form .form-group label {
        font-size: 15px;
    }

    .main_container .padding_content .padding_content_body .cus_form .form-group {
        margin: 0 0 20px;
    }

    .home-footer p {
        font-size: 16px;
    }

    .news_events #dLabel span:first-child {
        font-size: 15px;
    }

    .rewardspages .main_container.rewards_page .padding_content {
        padding: 0;
    }

    .tabing_container .nav .nav-item .nav-link {
        font-size: 15px;
    }

    .main_container.rewards_page .padding_content .new_rewards>.rewards .reward_name {
        font-size: 15px;
    }

    .rewards .reward_points span {
        font-size: 15px;
    }

    .rewards .reward_points label,
    .rewards .reward_points label .points {
        font-size: 15px;
    }

    body.home ul.dropdown-menu.show {
        transform: translate3d(0px, 72px, 0px) translateX(-50%) !important;
        width: 100vw;
    }

    .trans_main .cust_second_btn {
        font-size: 14px;
        padding: 10px 10px;
        line-height: 1;
        height: auto;
    }

    body .profile_page .pints_det_container {
        margin: 40px 15px 0;
    }

    .profile_page .pints_det_container::before {
        top: -20px;
    }

    .daliyRewardClaimModal .modal-content .daliyReward_ClaimModal div>img {
        max-width: 60%;
        margin-bottom: 20px;
    }

    body .rewad_id_verfication .modal .modal-dialog .modal-content .modal-header h3 {
        font-size: 18px;
    }

    .facilitypages .directory .cat_list_title .cat_list .dir_title,
    .facilitypages .directory .cat_list_title .cat_list .cat_list_dt {
        font-size: 16px;
    }

    .facilitypages .directory_listing .cat_list_title .directory_item>a p {
        font-size: 24px;
    }

    .facilitypages .directory_listing .cat_list_title .directory_item>a p {
        width: 100%;
    }

    .facilitypages .directory_listing .cat_list_title .directory_item>a .p_floor_title {
        padding-bottom: 10px;
    }

    .facilitypages .directory .cat_list_title .cat_list .dir_title {
        flex: 0 0 60%;
    }

    .facilitypages .directory .cat_list_title .cat_list .cat_list_dt {
        flex: 0 0 40%;
    }

    .modal-open .daliyRewardClaimModal.modal .modal-dialog {
        max-width: 95%;
    }

    .modal-open .modal.daliyRewardModal .modal-dialog {
        max-width: 100%;
        margin: 0 auto;
    }

    .pagespages .main_container .banner.btl_btr .link_titl {
        top: 30px;
    }

    .pagespages .main_container .banner img.back_btn {
        top: 40px;
    }

    .pagespages .without-backimg {
        min-height: 90px;
    }

    .pagespages .main_container .padding_content {
        padding: 0 15px;
    }

    .transfer-sogo-container div#step_7 .register_body .migratecard_discription {
        font-size: 20px;
        padding: 0;
        max-width: 80%;
    }

    .transfer-sogo-container div#step_7 .register_body .migratecard_title {
        font-size: 40px;
        padding: 0 15px;
    }

    /* Footer changes */
    .mobile_bottom_nav_container .mobile_bottom_nav ul li svg {
        width: 22px;
        height: 22px;
    }

    .mobile_bottom_nav_container .mobile_bottom_nav ul li {
        padding: 7px;
    }

    body .mobile_bottom_nav ul {
        justify-content: space-between;
    }

    body .mobile_side_menu .menu_items ul li {
        padding: 10px 24px;
    }

    body .mobile_side_menu .menu_items {
        padding: 25px 0;
    }

    .contents_container .content .main_body .promotion_main>div.rewards>div>img,
    .contents_container .content .main_body .rewards_main>div.rewards>div>img {
        height: 100px;
        width: 100px;
        margin-right: 20px;
        border-radius: 10px;
    }

    .rewards .reward_points {
        margin-top: 10px;
    }

    .rewards .reward_points label,
    .rewards .reward_points label .points {
        font-size: 15px;
    }

    .rewards .reward_name {
        font-size: 15px;
        margin-bottom: 20px;
        line-height: normal;
    }

    .rewards_main .reward_title .float-left {
        font-size: 9px;
    }

    .rewards .reward_points img {
        height: 20px;
    }

    .rewards_main .font-weight-bold .icon_1 {
        display: none !important;
    }

    .contents_container .content .main_body .promotion>div:first-child img.icon_1 {
        display: none;
    }

    .contents_container .content .main_body .promotion>div:first-child img.icon_2,
    .contents_container .content .main_body .new_rewards>div:first-child img.icon_2 {
        height: 15px;
        width: 15px;
        top: auto;
    }

    .rewards_main .reward_title p {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin: 0;
    }

    .rewards_main .reward_title p .float-left {
        margin-right: auto;
    }

    .contents_container .content .main_body .home_slider3>div:first-child img.icon_1 {
        display: none;
    }

    .contents_container .content .main_body .home_slider3>div:first-child img.icon_2 {
        height: 15px;
        width: 15px;
        filter: invert(1);
    }

    .content .home_slider3 .slider-big-cards .slick-list .slick-track .slider-big-cards__item {
        height: auto !important;
        margin-right: 15px;
    }

    .contents_container .content .main_body .home_slider3 .slick-track {
        height: 184px;
    }

    .content .home_slider3 .slider-big-cards .slick-list .slick-track .slider-big-cards__item .item .f_con-data {
        margin-top: 14px;
        color: #ffffff;
        font-size: 12px;
        font-family: 'gothambold';
        line-height: normal;
        margin: 12px 0 0;
        min-height: 38px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    body .contents_container .content .main_body .event_main {
        background: url("../../images/event_background.png");
        padding: 0;
        width: calc(100% + 30px);
        margin: 0 -15px;
        padding: 28px 0px 28px 30px;
    }

    body .contents_container .content .main_body .event_main .m_title {
        color: #fff;
    }

    .home_slider3 .slick-dots {
        display: none !important;
    }

    .contents_container .content .main_body .home_slider3 #event_slider {
        margin: 0;
    }

    .contents_container .content .main_body .promotion.promotion_main .m_title,
    .rewards_main .m_title {
        color: #BE223C;
    }

    .contents_container .content .main_body .promotion>div.rewards>div {
        padding-bottom: 15px;
    }

    .rewards .points {
        font-size: 10px;
    }

    .rewards .pro_cat {
        margin: 10px 0 10px;
        font-size: 12px;
        display: none;
    }

    body .useful_links_main {
        padding: 33px 30px;
    }

    .useful_links_main ul {
        padding: 0;
    }

    .content .links {
        width: calc(100% + 30px);
        margin: 0 -15px;
        border-radius: 0;
        margin-bottom: 30px;
    }

    body .useful_links_main ul li a {
        font-size: 16px;
    }

    .links ul li .link_icon1 {
        height: 15px;
        width: 15px;
    }

    .home-footer p {
        font-size: 12px;
        color: #212121;
        font-family: 'Gotham-Book';
    }

    .mobile_bottom_nav {
        padding: 1px 16px;
    }

    body.home.dashbord .main_wrapper .banner {
        width: calc(100% + 30px);
        margin: 0 -15px;
    }

    .rewards_main .reward_title .float-right {
        font-size: 10px;
        line-height: normal;
    }

    .rewards_main .reward_title {
        margin-bottom: 10px;
    }

    body .profile_page .membership_card>.membership_card_inner .cust_info .left .first-row,
    body .profile_page .membership_card>.membership_card_inner .cust_info .right .first-row-image span {
        font-size: 17px;
        margin-bottom: 5px;
        font-family: "Gotham";
        font-weight: 600;
    }

    body .main_container .profile_page .membership_card .cust_info .left .sec-row,
    body .profile_page .membership_card .membership_card_inner .cust_info .right .sec-row {
        font-size: 21px !important;
        font-family: 'Gotham-Book';
        font-weight: 300;
        color: white;
    }

    body .membership_card>.membership_card_inner .cust_info .left {
        margin-bottom: 0;
    }

    .profile_page_card_container {
        padding: 0 15px;
    }

    body .profile_level {
        padding: 10px 15px 20px;
    }

    .profile_page .profile_page_card_container .level_inner_container span img {
        min-width: 22px;
        min-height: 22px;
    }

    .profile_page .profile_page_card_container .level_inner_container input {
        font-size: 13px;
    }

    .level_container .level_slider {
        height: 11px;
        border-radius: 10px;
    }

    .level_container {
        margin-top: 30px;
    }

    .profile_page .profile_page_card_container .input_points {
        margin: 18px 0 15px;
        font-size: 12px;
    }

    body .profile_level .profile_level_des {
        font-size: 14px;
        font-family: "Gotham";
        font-weight: 600;
        margin-left: 10px;
    }

    body .profile_level img {
        width: 25px;
        height: auto;
    }

    body .profile_page .pints_det_container {
        margin: 19px 15px 0;
    }

    body .profile_page .pints_det_container ul li {
        margin: 0;
        font-size: 12px;
        padding: 11px 17px;
    }

    body .profile_page .pints_det_container ul li span {
        font-size: 12px;
    }

    body .profile_page .padding_content_body .profile_control .main-nav-ul li {
        padding: 15px 0;
        margin: 0;
    }

    body .profile_page .padding_content_body .profile_control .main-nav-ul li a {
        font-size: 15px;
    }

    body .profile_page .profile_control ul li img {
        height: 22px;
        width: 22px;
        margin-right: 10px;
    }

    body .profile_page .padding_content_body .profile_control .main-nav-ul li .link_icon2 {
        transform: translateY(-50%);
        top: 50%;
    }

    body .profile_page .profile_control ul li:first-child {
        border-top: 1px solid rgb(112 112 112 / 17%);
    }

    body .profile_page .profile_control ul li {
        border-bottom: 1px solid rgb(112 112 112 / 17%);
    }

    body .main_container .padding_content .form_con .form-group label {
        font-size: 15px;
        margin-bottom: 5px;
    }

    body .main_container .padding_content .form_con .form-group .form-control {
        margin: 10px 0;
        padding: 0;
        font-size: 12px;
        font-family: 'Gotham-Book';
        height: auto;
        padding: 9px 0;
        margin: 0;
    }

    .main_container .padding_content .form_con .form-group #id_type {
        font-size: 15px;
        font-family: 'gothammedium';
    }

    body .main_container .padding_content .form_con .form-group .form-control+small {
        padding-top: 5px;
        display: block;
        line-height: normal;
    }

    body.edit_profilepages .main_container .padding_content .form_con .edit_dob1_div::after {
        bottom: 27px;
        width: 20px;
        background-image: url(../../images/icons/calendar.png);
        content: "";
        height: 20px;
        background-size: contain;
    }

    .edit_profilepages .main_container {
        padding: 0 15px;
    }

    body .main_btn {
        font-size: 15px;
        border-radius: 13px;
        padding: 10px;
        line-height: 1.2;
        border-radius: 9px;
    }

    body select.form-control {
        background-size: 15px;
        background-size: 12px;
        background-position: right 7px center;
    }

    body .main_container .form_con .padding_content_body form .more_btn {
        margin: 0;
        font-size: 15px;
        width: 80%;
        text-align: center;
        border: 1px solid #707070;
        padding: 13px 0;
        border-radius: 50px;
        color: #080808;
        background-color: #fff;
        z-index: 9;
    }

    body .main_container .form_con .padding_content_body form .btn_m {
        position: relative;
        margin-top: 30px;
    }

    body .main_container .form_con .padding_content_body form .btn_m::before {
        content: "";
        height: 2px;
        width: 100%;
        position: absolute;
        left: 0;
        background-color: #707070;
        top: 50%;
        transform: translateY(-50%);
        z-index: 0;
    }

    #update_about_me_form #moreDetail {
        padding-top: 30px;
    }

    .manage_password_control .main-nav-ul li {
        padding: 15px 0;
        font-size: 15px;
        border-bottom: 1px solid rgb(112 112 112 / 17%);
        margin: 0;
    }

    .manage_password_control .main-nav-ul li a {
        font-size: 15px;
        color: #363636;
    }

    .manage_password_control .main-nav-ul li a>.link_icon2 {
        display: none;
    }

    .main_container .padding_content .padding_content_body .set_pass_con .label_title {
        font-size: 15px;
        margin: 0px 0 5px;
        font-family: 'gothammedium';
    }

    .main_container .padding_content .padding_content_body .set_pass_con .input-group input {
        height: auto;
        font-size: 12px;
        font-family: 'Gotham-Book';
        padding: 9px 0;
    }

    div.input-group .show_pass {
        background-size: 15px;
    }

    .main_container .padding_content .padding_content_body .set_pass_con .input-group {
        margin: 0 0 20px;
    }

    .change_passwordpages .main_container {
        padding: 0 15px;
    }

    .modal-open .modal .modal-dialog .modal-content .modal-header {
        border-bottom: none;
    }

    .modal-dialog .modal-content .modal-header h3 {
        margin-bottom: 10px !important;
        font-size: 20px;
        width: 100%;
        margin: 0;
        justify-content: center;
    }

    body .modal-header .close {
        padding: 0;
        position: absolute;
        right: 20px;
        top: 20px;
        width: 20px;
        height: 20px;
        background-color: #be223c;
        z-index: 9;
        opacity: 1;
        border-radius: 50%;
    }

    .modal-content .modal-header .close span {
        font-size: 18px;
        color: #fff;
        line-height: normal;
        height: auto;
        line-height: 1;
        position: absolute;
        left: 50%;
        top: 40%;
        transform: translate(-50%, -50%);
    }

    #forgotPassMain .mb-15 {
        margin-top: 19px;
    }

    body form>label {
        font-size: 15px;
        font-family: 'gothammedium';
    }

    body .login_container .social_login_container>div:first-child,
    body .login_container .dont_have_account>div:first-child {
        margin: 15px 0;
        font-size: 15px;
    }

    .main_container .login_container .dont_have_account a {
        font-size: 15px;
    }

    body .login_container .social_login_container>div.fb>button,
    body .login_container .social_login_container>div.google>button,
    body .main_btn,
    body .second_btn,
    body .forgot_link a {
        font-size: 15px;
        padding: 10px;
        border-radius: 9px;
    }

    .login_container .forgot_link {
        margin: 1rem 0;
    }

    .login_container .login_btn_container {
        margin-top: 15px;
    }

    .login_container form .input-group {
        margin-bottom: 30px;
    }

    .swp_b .barco_container {
        margin: 0;
    }

    .swal2-popup.swal2-modal .swp_cod.code_time {
        margin-top: 30px;
        margin-bottom: 20px;
        font-family: 'Gotham-Book';
        font-size: 15px;
    }

    body .comf-class {
        height: auto;
        font-size: 15px;
        padding: 10px 0;
        border-radius: 9px;
    }

    .form-group .iti__selected-dial-code {
        font-size: 15px;
    }

    body .modal-dialog .modal-content .modal-body input {
        font-size: 15px;
    }

    .modal-content .modal-body .form-group {
        margin-bottom: 30px;
    }

    body.transaction_historypages .main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec .hs_title_sec {
        font-size: 13px !important;
        font-family: 'Gotham-Book';
    }

    body .main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec {
        margin: 0;
        border-bottom: 1px solid rgb(112 112 112 / 17%);
        padding-bottom: 14px;
    }

    body.transaction_historypages .main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner .hs_title {
        font-size: 14px !important;
    }

    body.daily_rewardpages .main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec .rpoint_title_sec {
        font-size: 15px !important;
        font-family: 'gothambold';
    }

    body .main_container.trans_main .padding_content .padding_content_body .hst_con {
        margin: 0 0 12.5px;
    }

    .transaction_historypages .main_wrapper .trans_main {
        padding: 0 15px;
    }

    .main_container .padding_content .head .options span {
        font-size: 15px;
        padding: 0 25px;
    }

    .main_container .padding_content .head .options span::before {
        width: 15px;
        height: 15px;
        background-size: contain;
    }

    body select.form-control {
        font-size: 15px;
        font-weight: 400;
        height: auto;
        margin: 0;
    }

    .trans_main #filterContainer .form-group {
        margin-bottom: 10px;
    }

    .tabing_container .nav {
        margin-bottom: 30px;
    }

    .main_container .padding_content .head.news_events .m_title.reward_filter::after {
        background-image: none;
        content: "\f1de";
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
    }

    .main_container .padding_content .head.news_events .m_title.reward_filter {
        font-size: 15px;
    }

    .tabing_container .nav .nav-item .nav-link.active {
        border-radius: 5px;
        line-height: normal;
        height: auto;
        font-family: 'gothammedium';
    }

    .tabing_container .nav .nav-item .nav-link {
        font-size: 15px;
        line-height: normal;
    }

    body:not(.dashbord) .news_events #dLabel img,
    body .lk-btn span.k-btn img {
        width: 4.7vw;
        height: 4.7vw;
    }

    .news_events #dLabel {
        height: auto;
    }

    .main_container .padding_content .head.news_events {
        line-height: normal;
        justify-content: flex-end;
    }

    .rowss .tabing_container {
        padding: 0 15px;
    }

    .main_wrapper .rewards_page {
        padding: 0 15px;
    }

    .main_container.rewards_page .padding_content .rewards_main>div.rewards>div>img {
        height: 100px;
        width: 100px;
        border-radius: 10px;
    }

    .main_container.rewards_page .padding_content .new_rewards>.rewards .reward_name {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: normal;
        min-height: auto;
        color: #000000;
    }

    .main_container.rewards_page .padding_content .new_rewards>div.rewards>div {
        margin-bottom: 12.5px;
        padding-bottom: 12.5px;
        border-bottom: 1px solid rgb(112 112 112 / 17%);
    }

    .tabing_container .nav .nav-item .nav-link.active {
        background-color: #de2019;
    }

    .main_container.rewards_page .padding_content .new_rewards>div.rewards>div>div {
        margin-top: 0;
    }

    body .my_rewards_count_image {
        max-width: 27vw;
        margin-right: 20px;
        border-radius: 10px;
    }

    body .my_rewards_count_image img {
        height: 100px;
        min-width: 100px;
    }

    .my_rewardpages .main_container .padding_content {
        padding: 0;
    }

    body .main_container .padding_content_body .img_card .texts .points {
        font-size: 15px;
    }

    body .main_container .padding_content_body .img_card .texts .main_title {
        font-size: 15px;
    }

    body .main_container .padding_content_body .img_card {
        height: auto;
    }

    body .main_container .padding_content_body .img_card .image {
        height: 27vw;
    }

    .main_container .padding_content .rd_title,
    .main_container .padding_content .validity_date,
    .main_container .padding_content .collection_list_div {
        color: #363636;
        font-size: 15px;
        margin: 0 0 20px;
    }

    .programARedemptionVenue .program-a {
        padding: 15px 13px;
        margin: 0;
        border-bottom: 2px solid #fff;
    }

    .programARedemptionVenue .d_redeem_location {
        padding: 15px 13px;
        font-size: 15px;
    }

    .programARedemptionVenue .program-a strong {
        font-size: 15px;
    }

    .program-p {
        font-size: 15px;
    }

    #reward_more_details_container div,
    #about_merchant_container div {
        font-size: 15px;
    }

    body .main_container .padding_content .rd_details p {
        font-size: 15px;
    }

    body.rewards_viewpages .rewardViewMainContainer .r_descp,
    body.wallet_reward_viewpages #main_reward_details .r_descp {
        margin: 15.5px 0;
    }

    body.rewards_viewpages .rewardViewMainContainer .validity_date,
    body.wallet_reward_viewpages #main_reward_details .validity_date,
    body.wallet_reward_viewpages #main_reward_details .rd_title {
        margin-bottom: 15.5px;
        margin-top: 15.5px;
    }

    body.rewards_viewpages .rewardViewMainContainer .rd_details p,
    body.wallet_reward_viewpages #main_reward_details .rd_details p {
        margin-bottom: 15.5px;
    }

    body.rewards_viewpages .rewardViewMainContainer .r_title,
    body.wallet_reward_viewpages #main_reward_details .r_title {
        margin-bottom: 15.5px;
    }

    body.wallet_reward_viewpages #main_reward_details .validity_date {
        padding-bottom: 15px;
        border-bottom: 1px solid rgb(112 112 112 / 17%);
    }

    body .program-p {
        font-size: 15px;
        border-top: 1px solid #ddd;
        padding: 10px 0;
        margin: 5px 0;
    }

    #bottom_panel_container_wallet .bottom_panel .wallet-redeem-bottom-title {
        font-size: 15px;
        font-family: 'Gotham-Book';
        color: #333333;
    }

    #bottom_panel_container_wallet .bottom_panel .wallet-code-desc {
        font-size: 15px;
        font-family: 'Gotham-Book';
    }

    .tabing_container .nav .nav-item .nav-link.active {
        font-weight: 500;
    }

    .main_container .padding_content .pad-around {
        padding: 15px 0;
        font-size: 15px;
    }

    body .border_bottom {
        height: 1px;
    }

    .main_container .padding_content .pad-around .cursor_pointer img {
        width: 20px !important;
        height: 20px !important;
    }

    #main_reward_details .banner {
        padding: 0 15px;
        border-radius: 10px;
        overflow: hidden;
    }

    #main_reward_details .banner .reward_btl_btr {
        border-radius: 10px;
        margin-bottom: 15px;
        box-shadow: 0px 3px 6px #0000000b;
    }

    .directory_view .banner .btl_btr {
        min-height: 197px;
        max-height: 197px;
        max-width: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    .event_page_btl_btr .btl_btr,
    .directory_view .btl_btr,
    .promotion_detalis_div .btl_btr {
        height: auto !important;
        min-height: auto;
        max-height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .main_container .padding_content.p_view p {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .directory_viewpages .main_container .padding_content.p_view .pv_title {
        font-size: 15px;
        font-family: 'gothambold';
        margin-bottom: 15px;
    }

    .directory_view .p_view .directory_sub_ul .directory_sub_icon_text p:last-child {
        padding-bottom: 15px;
        border-bottom: 1px solid rgb(112 112 112 / 20%);
        margin-bottom: 0;
        font-size: 15px;
    }

    .directory_view .p_view .directory_sub_ul .directory_sub_icon_text p:first-child {
        font-size: 15px;
    }

    .directory_view .p_view .directory_sub_ul .directory_sub_icon img {
        min-width: 17px;
        min-height: 17px;
        width: 20px;
        height: 20px;
    }

    .directory_view .p_view .directory_socials {
        padding: 15px 0 15px;
        display: flex;
        justify-content: center;
    }

    .p_view:last-child h3 {
        font-size: 15px;
        font-weight: 500;
        margin: 15px 0;
    }

    .p_view .related_new_rewards .related_rewards .whiteline_seperator img {
        height: 27vw;
        width: 27vw;
        border-radius: 10px;
        margin-right: 20px;
    }

    .related_new_rewards .related_rewards .whiteline_seperator>div .related_reward_title {
        margin-bottom: 5px;
    }

    .related_new_rewards .related_rewards .whiteline_seperator>div .related_reward_name {
        font-size: 15px;
    }

    .related_new_rewards .related_rewards .whiteline_seperator>div .related_reward_points>label .points {
        font-size: 15px;
    }

    .related_new_rewards .related_rewards .whiteline_seperator>div .related_pro_cat {
        margin: 10px 0 10px;
        font-size: 12px;
    }

    .related_new_rewards .related_rewards .whiteline_seperator div .related_reward_points img {
        height: 20px;
        width: 45px;
    }

    .related_new_rewards .related_rewards .whiteline_seperator>div .related_reward_name {
        line-height: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #000000;
    }

    .p_view .related_new_rewards .related_rewards .whiteline_seperator {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgb(112 112 112 / 11%);
    }

    .directory_view .banner {
        padding: 0 15px;
        margin-bottom: 15px;
    }

    .related_new_rewards .related_rewards .whiteline_seperator>div .related_reward_points>label {
        font-size: 15px;
    }

    .bottom_panel li {
        color: #363636;
        font-size: 19px;
        margin-bottom: 3rem;
        cursor: pointer;
        font-family: 'gothambold';
    }

    body .pro_grid_view .pro_list_image {
        object-fit: cover;
        max-height: 5vh;
        min-height: 11.9vh;
        max-width: 27vw;
        width: auto !important;
    }

    .main_container .padding_content_body .pro_grid_view .Content_data {
        margin: 10px 0 22px 0;
        width: calc(100% - 35vw);
    }

    .direcctory_main_page .pro_grid_view::after {
        content: "\f054";
        font-family: "FontAwesome";
        font-size: 18px;
    }

    .main_container .padding_content_body .pro_grid_view .Content_data .f_con-data {
        font-size: 12px;
        margin-bottom: 6px;
        font-family: 'gothammedium';
    }

    .main_container .padding_content_body .pro_grid_view .Content_data .s_con-data {
        font-size: 11px;
    }

    body.news_promotionpages .lk-btn span.k-btn img {
        width: 5vw;
        height: 5vw;
    }

    .promotion_detalis_div img.btl_btr {
        max-height: 186px;
        border-radius: 10px;
        /*margin: 0 15px 15px;*/
        margin: 0 0px 0px;
        width: calc(100% - 30px);
    }

    .main_container .padding_content.p_view .pv_title {
        font-size: 15px;
        margin-bottom: 15px;
        font-family: 'gothammedium';
        color: #000000;
    }

    body .main_container .padding_content.p_view .main_btn:last-child {
        margin-bottom: 0 !important;
        background-color: transparent;
        color: #BE223C !important;
        border: 1px solid #BE223C;
        margin-top: 0;
    }

    body .main_container .padding_content.p_view .main_btn:last-child::before {
        font-family: "FontAwesome";
        font-weight: 900;
        margin-right: 10px;
        width: auto;
    }

    body .main_container .padding_content.p_view .main_btn:last-child:hover {
        background: transparent !important;
    }

    .sub_header .page_headerTitleLink {
        font-size: 16px;
        font-family: 'gothambold';
        line-height: 2.25;
        color: #ffffff;
    }

    .sub_header {
        padding: 13.5px 30px;
        background-color: #E13856;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .sub_header .page_headerBackBtn:before {
        content: "\f053";
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
        color: #fff;
        font-size: 18px;
    }

    .sub_header .page_headerBackBtn {
        position: absolute;
        left: 20px;
    }

    .p_view .sub_event_option .sub_event_date h3 {
        margin: 0 0 0 22px;
        font-size: 15px;
        color: #363636;
    }

    .main_container .padding_content.p_view .sub_event_option+p {
        margin: 15px 0 30px;
    }

    body.news_event_viewpages .main_container .padding_content.p_view .main_btn:last-child {
        margin-top: 0;
    }

    .event_page_btl_btr img.btl_btr {
        max-height: 186px;
        border-radius: 10px;
        padding: 0 15px;
        margin-bottom: 15px;
    }

    .direcctory_main_page .pro_grid_view {
        flex-wrap: wrap;
        flex-direction: row !important;
        justify-content: space-between;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgb(112 112 112 / 17%);
    }

    .direcctory_main_page .col-md-12:last-child .pro_grid_view {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: none;
    }

    .facilitypages .main_container .padding_content_body .pro_grid_view .Content_data .f_con-data {
        font-size: 15px;
        margin-bottom: 6px;
        font-family: 'gothambold';
    }

    body.facilitypages .direcctory_main_page .padding_content_body .pro_grid_view .Content_data .f_con-data_dec {
        font-size: 12px;
        line-height: normal;
    }

    .directory_title {
        padding-bottom: 0;
        display: none;
    }

    .facilitypages .main_container .padding_content {
        padding: 0px 0 0 0 !important;
    }

    .facilitypages .main_container .padding_content_body .row {
        margin: 0;
    }

    .directory .cat_list_title .cat_list .cat_list_dt,
    .directory_listing .cat_list_title .directory_item>a,
    .directory .cat_list_title .cat_list {
        font-size: 16px;
        font-family: 'Gotham-Book';
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    body .direcctory_main_page .padding_content_body .pro_grid_view .Content_data .f_con-data_dec {
        font-size: 12px;
        font-family: "Gotham-Book";
        color: #000;
        line-height: normal;
    }

    body .directory .cat_list_title .cat_list {
        font-size: 16px;
        font-family: 'Gotham-Book';
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .autocomplete input[type="text"] {
        opacity: 0.5;
        font-size: 15px;
        font-family: 'gothammedium';
        padding: 10px 0 3px;
        height: auto;
    }

    .facilitypages .directory .cat_list_title {
        margin-top: 40px;
    }

    .directory .cat_list_title .cat_list img {
        width: 25px;
        height: 25px;
        margin-right: 12px;
    }

    body .directory_listing .cat_list_title .directory_item>a {
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        padding: 0;
        margin: 0;
        font-size: 16px;
    }

    .reward_hst_con .reward_subtitle {
        font-size: 15px;
        width: 100%;
        font-family: 'gothambold';
    }

    .reward_hst_con .reward_sub_content .reward_arch_con span {
        font-size: 12px;
        font-family: 'gothammedium';
    }

    body .main_container .padding_content .head .title {
        font-size: 15px;
        font-family: 'gothambold';
    }

    .daily_reward_main .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec .hs_title_sec {
        font-family: 'Gotham-Book';
        margin-top: 6px;
        font-size: 15px;
    }

    .daily_reward_main .padding_content .head {
        padding: 13px;
    }

    body .daily_reward_main .reward_hst_con {
        padding: 24px 0px 4.68421vw;
    }

    .main_wrapper .daily_reward_main {
        padding: 0 15px;
    }

    .main_container.news_main_div {
        padding: 0 15px;
    }

    .modal-header .modal-title {
        font-size: 15px;
        color: #363636;
    }

    .survey-complete-body .survey-complete {
        font-size: 15px;
        font-family: "Gotham-Book";
        line-height: 1.2;
        color: #212121;
        margin: 10px 0 10px;
    }

    button.swal2-confirm.comf1-class {
        font-size: 15px;
        height: auto;
        border-radius: 10px;
        padding: 10px 0;
       margin-bottom: 20px !important;
    margin-top: 20px;
    }

    body .games-main-page .start-btn,
    body .games-main-page .games-details .headding-game {
        font-size: 15px;
        font-weight: 500;
    }

    body .games-main-page .you-game {
        font-size: 13px;
    }

    body .games-main-page .you-game>span {
        font-size: 25px;
        bottom: 4px;
    }

    body .games-main-page .inner-details .data-games p:first-child,
    body .games-main-page .inner-details .data-games p:last-child,
    body .games-main-page .inner-details p {
        font-size: 15px;
        font-family: 'Gotham-Book';
        margin: 5px 0;
        line-height: normal;
    }

    body .games-main-page .inner-details .data-games p:first-child {
        font-family: 'gothambold';
        font-size: 12px;
    }

    body .games-main-page .inner-details .data-games+p {
        font-size: 15px;
        font-family: 'gothambold';
    }

    body .games-main-page .inner-details {
        padding: 5px 15px;
    }

    body .games-main-page .games-details {
        padding-bottom: 15px;
    }

    body .games-main-page .inner-details .data-games p:last-child {
        font-size: 15px;
    }

    .game-step2 p {
        font-size: 15px;
    }

    .game-step2 .start-spin-btn {
        font-size: 15px;
        height: auto;
        padding: 11px 0;
        border-radius: 30px;
    }

    .swal2-backdrop-show .swal2-html-container .swp_b .s_barco_svg .prize-swal {
        font-size: 15px;
    }

    .swal2-backdrop-show .swal2-html-container .swp_b .s_barco_svg .sub_title_of.spin {
        font-size: 15px;
        padding: 10px 0;
    }

    body.gamepages .swal2-actions {
        margin-bottom: 15px;
        margin-top: 0;
    }

    .member_centerpages .banner.wallet-details-back-btn img:not(.back_btn) {
        max-height: 186px;
        object-fit: contain;
        object-position: center;
        background-color: #e4e4e4;
        border-radius: 10px;
        margin: 0 15px 15px;
        width: calc(100% - 30px);
    }

    .main_container .member_center_links ul li a {
        font-size: 15px;
    }

    .main_container .member_center_links ul li a img:first-child {
        margin-right: 15px;
        width: 18px;
    }

    .member_centerpages .main_container .member_center_links ul li a img:first-child {
        display: none;
    }

    .member_centerpages .main_container .member_center_links ul li a {
        color: #636363 !important;
    }

    .main_container .member_center_links ul li {
        padding: 0 0 15px;
        margin: 0 0 15px;
    }

    .main_container .member_center_links ul li .link_icon2 {
        height: 20px;
        width: 20px;
    }

    body .main_container div .content_container .middel-content .panel-title .nq-title a,
    body .useful_links_main ul li a {
        font-size: 15px;
        font-family: 'gothambold';
    }

    body .news_main_div .padding_content_body .pro_list_image,
    .news_eventpages .padding_content_body .pro_list_image {
        max-width: 100%;
        max-height: 185px;
        width: 100% !important;
        object-position: center;
    }

    body .news_main_div .padding_content_body .pro_grid_view .Content_data,
    .news_eventpages .padding_content_body .pro_grid_view .Content_data {
        width: 100%;
    }

    .main_container.rewards_page .padding_content .head.news_events {
        justify-content: space-between;
    }

    body .member_center_links ul li {
        border-bottom: 1px solid rgb(112 112 112 / 20%);
    }

    .main_container .cus_container .cus_box_con a:first-child .cus_box img {
        /*width: 20px;*/
    }

    .main_container .cus_container .cus_box_con .c_box_container .cus_box,
    .main_container .mail_container .c_box_container .cus_box {
        width: 70px;
        height: 70px;
        border-radius: 5px;
    }

    .main_container .cus_container .cus_box_con .c_box_container .cus_box .cus_in_box,
    .main_container .mail_container .c_box_container .cus_box .cus_in_box {
        width: 42px;
        height: 42px;
        border-radius: 5px;
    }

    .main_container .cus_container .cus_box_con .c_box_container .box_desc {
        font-size: 13px;
        margin: 15px 0 0 0;
        line-height: normal;
    }

    .main_container .mail_dec_cont .mail_desn {
        font-size: 15px;
        color: #363636;
        font-weight: 300;
        line-height: 1.266666;
        margin: 0;
    }

    .customer_supportpages .rulers {
        height: 1px;
        display: flex;
        border: none;
    }

    .customer_supportpages .main_container .padding_content_body .col-sm-3 {
        max-width: max-content;
        padding-right: 0;
    }

    .customer_supportpages .main_container .padding_content_body .row {
        display: flex;
        flex-wrap: nowrap;
    }

    .customer_supportpages .main_container .padding_content_body .row .mail_dec_cont {
        text-align: left;
    }

    .customer_supportpages .main_container .padding_content_body .row .mail_dec_cont .m_desc_title {
        margin-bottom: 15px;
    }

    .customer_supportpages .main_wrapper .main_container {
        padding-bottom: 50px;
        padding: 0 15px 50px;
    }

    .main_container .padding_content .padding_content_body .cus_form .form-group select.form-control {
        padding: 10px 0;
        font-size: 15px;
    }

    body .main_container .padding_content .padding_content_body .cus_form .form-group input {
        padding: 10px 0;
        height: auto;
    }

    body .faqs_container .accordion-title {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    body .faqs_container .accordion-content {
        margin-bottom: 10px;
    }
}

.content .links ul li:last-child {
    margin-bottom: 30px;
}

body .input_error {
    font-family: 'Gotham-Book';
}

@media (max-width: 575px) {
    .home ul.dropdown-menu.show li img {
        height: 70px;
    }

    .modal-open .modal .modal-dialog .modal-content .modal-body label:not(.input_error) {
        font-size: 20px;
    }

    .download_page .dp-bg .inner-container {
        padding: 40px 0 !important;
    }

    .main_container .padding_content .head .title {
        letter-spacing: normal;
        font-size: 20px;
        min-inline-size: max-content;
    }

    .padding_content .dropdown .dropdown-menu {
        overflow-x: scroll;
    }

    .main_container .padding_content .padding_content_body .set_pass_con {
        margin: 30px 0 0 0;
    }

    .download_page .dp-bg .inner-container .container .left-side_content .link_container .link1 img,
    .download_page .dp-bg .inner-container .container .left-side_content .link_container .link2 img {
        transform: translateX(0) !important;
    }

    .profile_page .padding_content_body .profile_control .main-nav-ul li a {
        font-size: 16px;
    }

    .main_container div .content_container .middel-content .panel-title .logo {
        width: 40% !important;
    }

    .main_container div .content_container .middel-content .panel-title .nq-title a,
    .useful_links_main ul li a {
        font-size: 18px;
    }

    .main_wrapper {
        padding-top: 100px;
    }

    .content .links ul li {
        padding: 15px 0;
    }

    .padding_content_body .table .normal-sid {
        color: #636363!important;
    }

    .content .links ul li a img {
        margin-right: 15px;
    }

    .main_container div .content_container .middel-content .panel-body .social ul li .icons * {
        font-size: inherit;
        color: inherit;
        display: inline-block;
        vertical-align: middle;
        line-height: 1.2;
        margin-top: 10px;
    }

    .main_container div .content_container .middel-content .panel-body .social ul {
        overflow-x: scroll;
    }

    .main_container div .content_container .middel-content .panel-body .social ul li {
        display: flex;
        align-items: center;
    }

    .mobile_bottom_nav_container .mobile_bottom_nav ul li a span>span {
        font-size: 11px;
    }

    /* 4 feb change  */
    .main_container .cus_container .cus_box_con {
        justify-content: center;
    }

    .main_container .cus_container .cus_box_con .c_box_container .cus_box {
        margin: 20px auto 0;
    }

    .main_container .mail_container .c_box_container .cus_box {
        margin: 0 auto 20px;
    }

    .main_container .mail_dec_cont {
        padding: 10px 0;
        text-align: center;
    }

    .register_body .sign_up_btn {
        font-size: 14px;
    }

    .register_body .sign_up_btn img {
        left: 20px;
        top: 50%;
        height: 20px;
        width: 20px;
    }

    form>label {
        margin-bottom: 10px;
    }

    .login_container form .input-group input.form-control {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 25px;
        text-overflow: ellipsis;
    }

    .profile_page .pints_det_container ul {
        width: 100%;
    }

    .cate_head .panel-title .logo {
        width: 50%;
    }

    .cate_head .panel-title .nq-title a {
        margin: 0;
    }

    .contents_container .content .main_body .promotion.promotion_main,
    .event_main,
    .contents_container .content .main_body .new_rewards,
    .useful_links_main {
        padding: 30px 15px;
    }

    .directory .cat_list_title .cat_list .cat_list_dt,
    .directory_listing .cat_list_title .directory_item>a,
    .directory .cat_list_title .cat_list {
        font-size: 18px;
    }

    .directory_mall_div {
        padding: 15px;
    }

    .download_page .dp-bg .inner-container .container .left-side_content .nq_title {
        font-size: 45px;
    }

    .main_container .padding_content .rd_details p {
        font-size: 18px;
    }

    .download_page .dp-bg .inner-container .container .back_btn_download {
        width: 40px;
        height: 40px;
    }

    body .main_container .padding_content .head .back_btn {
        width: 40px;
        height: 40px;
        min-height: 40px;
    }

    body a,
    body .alink {
        color: #212121;
        font-family: "gothammedium";
    }

    .main_container.rewards_page .padding_content .new_rewards>div.rewards>div>div {
        margin-top: 8px;
    }

    .directory_listing .cat_list_title .directory_item>a {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .directory_view .p_view .directory_socials a {
        margin: 0 15px;
    }

    .profile_page .profile_page_card_container .membership_card>div .cust_info {
        /*min-height: 215px;*/
        min-height: 0px;
    }

    .edit_profilepages .main_btn {
        margin-top: 15px;
    }

    .profile_level .profile_level_des {
        font-size: 20px;
    }

    .profile_level img {
        width: 30px;
    }

    .rowss .tabing_container {
        margin: 0 !important;
    }

    .contents_container .content .main_body .event_main {
        padding: 0 15px;
    }

    .main_container.rewards_page .padding_content .rewards_main>div.rewards>div>img {
        margin-right: 20px;
    }

    .daliyRewardModal .col-md-6.col-sm-6.col-xs-12 {
        max-width: 90%;
    }

    .pro_grid_view .pro_list_image {
        object-fit: contain;
        max-height: max-content;
        min-height: auto;
    }

    .main_container div .content_container .middel-content .panel-body .social ul li .icons img {
        margin-right: 20px;
        margin-top: 0;
    }

    .without-login.modal-open .modal-title.m_title {
        font-size: 25px;
    }

    .register_body .sign_up_btn img {
        left: 10px;
    }

    .without-login.iti-mobile .main_wrapper {
        padding-top: 20px !important;
    }

    .without-login .m_title {
        font-size: 25px;
    }

    .p_view .sub_event_option .sub_event_date h3 {
        margin: 0 0 0 22px;
        font-size: 15px;
    }

    .news_eventpages .m_title {
        font-size: 25px;
    }

    .main_container .game_tnc_con {
        margin: 15px;
    }

    .games-main-page .inner-details {
        padding: 0px 10px;
    }

    .games-main-page .start-btn {
        height: 39px;
    }

    .padding_content_body .table .head-b,
    .padding_content_body .table .preg-sm,
    .padding_content_body .table .head-b.green-tee,
    .padding_content_body .table .preg-sm.green-tee,
    .padding_content_body .table .normal-sid {
        font-size: 13px;
    }

    .transaction_historypages .main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner .hs_title,
    .customer_supportpages .main_container .cus_container .cus_s_titile,
    .customer_supportpages .main_container .mail_dec_cont .m_desc_title,
    .main_container .padding_content .padding_content_body .hst_con .hst_main_cnt .hst_main_cnt_inner_sec .rpoint_title_sec {
        font-size: 15px !important;
    }

    .padding_content_body .table .h-invoice {
        font-size: 22px;
    }

    button.swal2-confirm.confre3-class {
        margin: 5px 10px;
    }

    .reward_hst_con .reward_sub_content .reward_arch_con span {
        font-size: 9px;
    }

    .main_container .banner.btl_btr .link_titl .page_main_title {
        font-size: 20px;
    }

    .transaction_history_viewspages .padding_content_body {
        overflow: auto;
    }
}

@media (max-width: 360px) {
    .without-login .m_title {
        font-size: 27px;
    }

    .friend-to-friendpages .frdToFrdDescription p,
    .friend-to-friendpages .frdToFrdBackimg {
        padding: 0;
    }

    .friend-to-friendpages .frdToFrdTitle,
    .friend-to-friendpages .frdToFrdSubTitle {
        margin: 15px 0 11px 0;
    }

    .transactionHistoryTable .transactionSubtitle .SubtitleLast div {
        margin-left: 0;
    }

    .notificationspages .rewards_page .notifications_container .notification-date {
        width: 54%;
    }

    .manage_passwordpages .main_wrapper,
    .notificationspages .main_wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .games-main-page,
    .surveypages .main_wrapper {
        padding-right: 15px;
        padding-left: 15px;
    }

    .games-main-image {
        width: 100%;
    }

    .game-step2 .games-main-image::before {
        width: 234px;
        height: 230px;
    }

    .register_container>div .head_text p {
        font-size: 17px;
    }

    .register_body .sign_up_btn {
        padding-left: 40px;
    }

    .banner img.back_btn {
        left: 10px;
        top: 30px;
    }

    #more_dataOfreward iframe {
        height: 80% !important;
        overflow: auto;
    }

    button.swal2-confirm.confre3-class,
    button.swal2-cancel.cenre3-class {
        width: 280px;
    }

    .profile_level {
        padding: 30px 8px 30px;
    }

    .main_container div .content_container .middel-content .panel-body .social ul li .icons img {
        height: 35px;
        width: 35px;
        margin-right: 20px;
        margin-top: 0;
    }

    .edit_profilepages .main_container .padding_content .form_con .edit_dob1_div::after {
        bottom: 50px;
    }

    .without-login.modal-open .modal-title.m_title {
        font-size: 20px;
    }

    body.rewardspages ul.dropdown-menu.show,
    body.news_promotionpages ul.dropdown-menu.show,
    body.news_eventpages ul.dropdown-menu.show,
    body.member_privilegepages ul.dropdown-menu.show,
    body.my_rewardpages ul.dropdown-menu.show {
        transform: translate3d(0px, 69px, 0px) translateX(-53%) !important;
    }

    .rewards_viewpages #more_dataOfreward .more_dataOfreward_titlebar .more_dataOfreward_m_title {
        padding: 0px 0;
    }

    .main_btn,
    .directory .cat_list_title .cat_list .cat_list_dt,
    .directory_listing .cat_list_title .directory_item>a,
    .directory .cat_list_title .cat_list {
        font-size: 16px;
    }

    .daliyReward_modal .reward_hst_main_cnt_inner .reward_arch_con {
        padding: 10px;
        width: calc(50% - 10px);
        gap: 5px;
    }

    .games-model .checkbox-main input {
        width: 20px;
        margin-right: 5px;
    }

    .reward_hst_con .reward_subtitle {
        font-size: 20px;
    }

    /* 30-03-2022 changes */

    .manage_passwordpages .modal-dialog .modal-content .modal-header h3 {
        justify-content: flex-start;
    }

    .member_centerpages .main_wrapper,
    body.dashbord .main_wrapper,
    .transaction_historypages .main_wrapper,
    .directory_viewpages .main_wrapper,
    .news_promotion_viewpages .main_wrapper,
    .news_event_viewpages .main_wrapper,
    .facilitypages .main_wrapper,
    .sign-uppages .main_wrapper,
    .transfer-sogo-cardpages .main_wrapper,
    .directorypages .main_wrapper,
    .facility_viewpages .main_wrapper,
    .member_privilegepages .main_wrapper,
    .rewards_viewpages .main_wrapper,
    .profilepages .main_wrapper,
    .news_promotionpages .main_wrapper .main_container {
        padding-left: 0;
        padding-right: 0;
    }

    .main_container .padding_content .head.news_events {
        padding: 0 0px 20px;
    }

    .daily_rewardpages .reward_hst_con {
        margin-bottom: 20px;
    }

    .games-model .checkbox-main,
    .modal-open .modal .modal-dialog .modal-content .modal-body p {
        font-size: 16px !important;
    }

    .main_login .modal-dialog .modal-content .modal-header h3 {
        justify-content: flex-start;
    }

    .about_uspages .content_container {
        margin: 0;
    }

    .game-step2 .games-main-image {
        right: 13px;
    }

    .about_uspages .main_wrapper {
        padding-top: 20px;
    }

    .p_view .related_new_rewards .related_rewards .whiteline_seperator img {
        margin-right: 10px;
    }

    .directory_viewpages .main_container .padding_content.p_view p {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 5px;
    }

    .related_new_rewards .related_rewards .whiteline_seperator>div .related_pro_cat {
        margin: 5px;
    }

    .games-model .checkbox-main {
        flex-direction: column;
    }

    body .directory .cat_list_title .cat_list {
        display: flex;
    }

    body.directorypages .main_wrapper .main_container {
        padding: 0 15px;
    }
}