.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: 20px;

  min-width: 30% !important;

  max-width: 35% !important;

  max-height: 145px !important;

  min-height: 100px !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: 25px;
}

.register_container .swiper-slide .register_body .form-group > label,
.register_container .swiper-slide .register_body > label {
  font-size: 20px;

  color: #000000;

  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: 20px;
}

.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/hide-eye-icon-new.png);

  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 30px;

  padding: 0;
}

.main_container .padding_content.p_view p > strong {
  display: inline-block;

  line-height: normal;
}

.main_container .padding_content.p_view p img {
  margin-bottom: 20px;
}

.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%;
  }

}

@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 !important;

  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-bottom: 0;

  max-width: 480px;

  width: 100%;

  position: relative;
}

.left_panel ul li a {
  font-size: 20px;

  line-height: 1.2;

  padding: 13px 17px 13px 17px;

  font-weight: 500;

  color: #da003a !important;

  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 {

  width: 100%;

  margin: 0;

  box-shadow: none;

}

/* .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(180deg);
  /* changed to 180deg for aboutus, contactus (webapp comparison) by minhong on 10/7/24 */

  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: 22px;

  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: 5px 0 25px 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: normal;

  line-height: 0;

  font-family: "Gotham-Book";
}

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

.main_container
  div
  .content_container
  .middel-content
  .panel-body
  .social
  ul
  li
  + li:last-child {
  margin: 15px 0 0 0;
}

.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;

  bottom: 10px;
}

.login_container form .input-group .show-pass-main .input_icon {
  background-image: url("../../images/icons/hide-eye-icon-new.png");

  width: 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: 480px;

  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: 18px;

  font-family: "gothammedium";

  font-weight: 500;

  color: #212121;

  line-height: 25px;
}

.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%;

  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: #636364;

  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 {

    margin-left: 18px;

    background-size: 15px;

    background-image: url(../../images/icons/filter.svg) !important;

} */

/* .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: 3px;

  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: 14px;

  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;

  line-height: 3rem;
}

.btl_btr {
  width: 325px !important;

  height: 182px !important;
}

/* -------------------------- 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: 240px;

  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 0px;

  position: relative;
}

.profile_level_member,
.profile_level_date {
  display: flex;

  align-items: center;
}

.profile_level .profile_level_des {
  font-size: 25px;

  color: #363636;

  margin: 0 0 0 15px;

  text-transform: capitalize;
}

.profile_level img {
  width: 30px;

  height: 30px;

  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 0 50px;
}

.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: 20px;
}

.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: 20px;

  width: 20px;

  border-radius: 50%;

  top: 2px;

  left: 1.5px;

  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;

  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;

  margin-bottom: 0.5rem;

  /*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: 0 0 10px 0;

  font-size: 30px;

  font-weight: 500;

  color: #212121;

  padding-top: 0 !important;
}

.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 {
  min-width: 240;

  width: max-content;

  height: max-content;

  display: flex;

  justify-content: center;

  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 15px;

  width: 100%;

  max-width: 350px;
}

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;

  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: 25%;

  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;
}

.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: 15px 0 5px 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: contain;

  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;

  user-select: none; /* Standard syntax */

  -webkit-user-select: none; /* Safari */

  -moz-user-select: none; /* Firefox */

  -ms-user-select: none; /* Internet Explorer/Edge */
}

.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: #CCCCCC;
}

.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/show-eye-icon-new.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: 25px;

  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: 5px;
}

#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: 20%;

  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_sub_ul .directory_sub_icon_text p:first-child {

  margin-top: 0;

  margin-bottom: 5px;

}

.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: 17px;

  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: 45px;
}

.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-icon.svg);

  position: absolute;

  bottom: 10px;

  right: 5px;
}

.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: 20%;
}

.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 21px 0 0;

  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.8;
}

/* 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";
  color: #333;
}

#about_merchant_container div > a,
#about_merchant_container div > a:hover,
#about_merchant_container div > a:active {
  outline: none !important;
  text-decoration: none !important;
}

.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;

  max-width: 10.6px;

  max-height: 18.55px !important;

  -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;

  transform: translateY(-50%);

  display: none;
}

.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; */
  /* commented for faq ui fixes */

  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;

  border-radius: 10px 10px 0px 0px; /*added by kajab*/
}

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; commented for faqs UI page*/
}

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: 0;

  color: #363636;

  font-family: "gothammedium";

  font-size: 15px;
}

.friend-to-friendpages .frdToFrdTitle,
.friend-to-friendpages .frdToFrdSubTitle {
  font-size: 16px;

  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 {
  font-size: 12px;

  margin-bottom: 0;

  padding: 0 30px;

  font-family: "gothammedium";

  color: #363636;

  opacity: 0.6;

  line-height: 1.2;
}

.friend-to-friendpages .frdToFrdCode {
  height: 78px;

  width: 100%;

  max-width: 598px;

  margin: 0 auto 20px;

  background: transparent;

  display: flex !important;

  justify-content: space-between !important;

  align-items: center !important;

  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;
}


button.swal2-cancel.upd-class {
  margin-top: 0 !important;
}

/*--------------------- 21/5/2024 --------------------------*/
.mobile_side_menu .menu_items ul li.active a .active_image {
  display: block;

  /* filter: brightness(0.3); */
}

.mobile_side_menu .menu_items ul li img {
  width: 20px;

  height: 20px;
}

.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_side_menu .menu_items ul li.active {
  background-color: #e14f67;

  border-radius: 13px;
}

.mobile_side_menu .menu_items ul li.active a {
  color: #fff !important;

  position: relative;

  font-family: "Gotham-Book";
}

.mobile_side_menu .menu_items ul li.active a img {
  display: none;
}

.mobile_side_menu .menu_items ul li a {
  color: #da003a !important;

  font-size: 15px;

  width: 100%;

  display: flex;

  align-items: center;

  text-decoration: none !important;

  font-family: "Gotham-Book";
}

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

.mobile_side_menu .menu_items ul li {
  margin: 0;

  border-bottom: 1px solid #eee;
}

.mobile_side_menu .menu_items ul li {
  padding: 15px 24px;

  border-bottom: 1px solid #eee;

  margin-left: 20px;
}

.mobile_side_menu .menu_items ul {
  overflow: auto;
}

.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 span {
  margin-right: 15px;
}

.sub_header .page_headerTitleLink {
  font-size: 14px;

  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;

  max-width: 480px;

  width: 100%;

  position: absolute;
 
  z-index: 50;
}

.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;
}

.mobile_bottom_nav {
  background: #fff;

  height: auto;
}

@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;
  }

  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: 30.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;
  } */

  .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";
  }

  .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 {
    width: 10.6px !important;

    height: 18.55px !important;
  }

  .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;

    max-width: 320px;
  }

  .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_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) {
  .friend-to-friendpages .frdToFrdTitle {
    font-size: 24px;
  }

  .friend-to-friendpages .frdToFrdDescription p {
    font-size: 20px;
  }
}

@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: 45px 0 15px !important;
  }

  .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: 3px !important;
  }

  .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: 8px !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: 1.35px solid #404040;

    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: 70px;

    height: 70px;

    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: 12px;
  }

  .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: 25px 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: 16px;
  }

  .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: 100%;

    max-width: 320px;
  }

  .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: 0px;
  }

  .rewards .reward_points label,
  .rewards .reward_points label .points {
    font-size: 15px;
  }

  .rewards .reward_name {
    font-size: 15px;

    margin-bottom: 15px;

    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;

    padding: 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 5px 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 {
    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;

    color: #495057;
  }

  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: 20px;

    margin-bottom: 15px;

    font-family: "Gotham-Book";

    font-size: 18px;
  }

  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;
    /* margin-top: 25px; */
    /* comment by minhong on 10/7/24 for reward page (mobile size) */
  }

  .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: 14px;

    margin-bottom: 15px;
  }

  .directory_viewpages .main_container .padding_content.p_view .pv_title {
    font-size: 16px;

    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 10px 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: 17px;

    margin-bottom: 20px;

    font-family: inherit;

    color: #363636;

    text-align: left !important;
  }

  .share8_icon {
    /* Define your CSS styles here */

    width: 15px; /* Adjust the width as needed */

    height: 15px; /* Adjust the height as needed */

    margin-right: 10px; /* Add margin to the right side of the element */

    vertical-align: middle; /* Vertically align the element */

    /* Add any other styles you require */
  }

  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;
  }

  .p_view .sub_event_option .sub_event_date h3 {
    margin: 0 0 0 15px;

    font-size: 15px;

    font-family: inherit;

    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;

    margin-bottom: 15px;
  }

  .direcctory_main_page .pro_grid_view {
    flex-wrap: wrap;

    flex-direction: row !important;

    justify-content: space-between;

    margin-bottom: 5px;

    padding-bottom: 5px;

    border-bottom: 1px solid rgb(112 112 112 / 17%);

    cursor: pointer;
  }

  .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: 10px !important;

    margin-top: 20px;
  }

  button.swal2-cancel.upd-class.reg_get_point_btn {
    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: 80px;

    height: 80px;

    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 {
    border-radius: 10px 10px 10px 10px; /*added by kajab*/

    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 .m_title {
    font-size: 25px;
  }

  .p_view .sub_event_option .sub_event_date h3 {
    margin: 0 0 0 15px;

    font-size: 14px;
  }

  .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: 420px) {
  .mobile_side_menu .menu_items ul li.active a::after {
    right: 10px;
  }
  .mobile_side_menu .menu_items ul li a {
    font-size: 14px;
    line-height: 2rem;
  }
  body .mobile_side_menu .menu_items ul li {
    padding: 12px 10px 12px 24px;
  }
}

@media (max-width: 360px) {
  .mobile_side_menu .menu_items ul li a {
    font-size: 12px;
    line-height: 1.8rem;
  }

  .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;
  }

  .content
    .home_slider3
    .slider-big-cards
    .slick-list
    .slick-track
    .slider-big-cards__item {

    margin-right: 20px;
  }
}