/*
@font-face {
    font-family: 'futurabold_italic';
    src: url('../fonts/futura_bold_italic_font-webfont.woff2') format('woff2'),
         url('../fonts/futura_bold_italic_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'futurabook';
    src: url('../fonts/futura_book_font-webfont.woff2') format('woff2'),
         url('../fonts/futura_book_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'futuraheavy';
    src: url('../fonts/futura_heavy_font-webfont.woff2') format('woff2'),
         url('../fonts/futura_heavy_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'futuralight';
    src: url('../fonts/futura_light_bt-webfont.woff2') format('woff2'),
         url('../fonts/futura_light_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'futuralight_italic';
    src: url('../fonts/futura_light_italic_font-webfont.woff2') format('woff2'),
         url('../fonts/futura_light_italic_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'futuramedium';
    src: url('../fonts/futura_medium_bt-webfont.woff2') format('woff2'),
         url('../fonts/futura_medium_bt-webfont.woff') format('woff');
    font-weight: normal;
	font-style: normal;
	

}
*/

/*------------fontcss-------------*/

@font-face {
  font-family: "dinpro-black";
  src: url("../fonts/DINPro-Black.otf");
}

@font-face {
  font-family: "dinpro-bold";
  src: url("../fonts/DINPro-Bold.otf");
}

/* @font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham.otf');
} */

@font-face {
  font-family: "dinpro-medium";
  src: url("../fonts/DINPro-Medium.otf");
}

@font-face {
  font-family: "dinpro-regular";
  src: url("../fonts/DINPro-Regular.otf");
}

/* @font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Black.woff2') format('woff2'), url('../fonts/Gotham-Black.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/ Gotham-Bold.woff2') format('woff2'), url('../fonts/ Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'), url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-BookItalic.woff2') format('woff2'), url('../fonts/Gotham-BookItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-BoldItalic.woff2') format('woff2'), url('../fonts/Gotham-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}



@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-BookItalic.woff2') format('woff2'), url('../fonts/Gotham-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-LightItalic.woff2') format('woff2'), url('../fonts/Gotham-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.woff2') format('woff2'), url('../fonts/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.woff2') format('woff2'), url('../fonts/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
} */

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Light.woff2") format("woff2"),
    url("../fonts/Gotham-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Medium.woff2") format("woff2"),
    url("../fonts/Gotham-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* @font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-MediumItalic.woff2') format('woff2'), url('../fonts/Gotham-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.woff2') format('woff2'), url('../fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-UltraItalic.woff2') format('woff2'), url('../fonts/Gotham-UltraItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Thin.woff2') format('woff2'), url('../fonts/Gotham-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-XLight.woff2') format('woff2'), url('../fonts/Gotham-XLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-ThinItalic.woff2') format('woff2'), url('../fonts/Gotham-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-XLightItalic.woff2') format('woff2'), url('../fonts/Gotham-XLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
} */

@font-face {
  font-family: "gothambold";
  src: url("../fonts/Gotham/gothambold-webfont.eot");
  src: url("../fonts/Gotham/gothambold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/Gotham/gothambold-webfont.woff2") format("woff2"),
    url("../fonts/Gotham/gothambold-webfont.woff") format("woff"),
    url("../fonts/Gotham/gothambold-webfont.ttf") format("truetype"),
    url("../fonts/Gotham/gothambold-webfont.svg#gothambold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "gothammedium";
  src: url("../fonts/Gotham/gothammedium-webfont.eot");
  src: url("../fonts/Gotham/gothammedium-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/Gotham/gothammedium-webfont.woff2") format("woff2"),
    url("../fonts/Gotham/gothammedium-webfont.woff") format("woff"),
    url("../fonts/Gotham/gothammedium-webfont.ttf") format("truetype"),
    url("../fonts/Gotham/gothammedium-webfont.svg#gothammedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* @font-face {
    font-family: 'Gotham-Book';
    src: url('../fonts/Gotham-Book.woff2') format('woff2'), url('../fonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */

@font-face {
  font-family: "Gotham-Book";
  src: url("../fonts/Gotham/gothambook-webfont.eot");
  src: url("../fonts/Gotham/gothambook-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/Gotham/gothambook-webfont.woff2") format("woff2"),
    url("../fonts/Gotham/gothambook-webfont.woff") format("woff"),
    url("../fonts/Gotham/gothambook-webfont.ttf") format("truetype"),
    url("../fonts/Gotham/gothambook-webfont.svg#gothambook") format("svg");
  font-weight: normal;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Gotham";
}

html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  font-family: "Gotham";
  font-size: 14px;
  line-height: 1.8;
  background-color: #f0ede8;
  color: #384047;
  font-weight: 500;
  position: relative;
  padding: 0;
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  overflow-x: hidden;
  -webkit-font-kerning: auto;
  -moz-font-kerning: auto;
  font-kerning: auto;
  -o-font-kerning: auto;
}

body a,
body p,
body span {
  font-family: "gothammedium";
  font-size: 14px;
}

.main_wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.pink_reg_box {
  font-size: 12px;
  font-weight: bold;
  color: white;
  margin: 0;
  padding: 10px;
  border: 3px solid pink;
  border-radius: 10px;
  width: 70%;
  background-color: #ce2129;
}

.main_wrapper {
  padding-top: 80px;
  /* comment by minohng on 10/7/24 for reward page (laptop size) */
  display: flex;
  -ms-dispay: flex;
  -moz-display: flex;
  flex-direction: row;
  justify-content: center;
}

ul.header.links img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle !important;
}

ul.header.links span {
  vertical-align: middle;
}

.main_container {
  min-width: 568px;
  width: 568px;
  max-width: 568px;
  min-height: calc(100vh - 90px);
  margin: 0 10px;
  /* margin-bottom: 100px; */
  background: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.main_container.pink_container {
  background: #ce2129;
  color: white;
}

.main_container.pink_container select.form-control {
  background-color: white;
}

.left_wrapper {
  width: 273px;
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
  align-self: flex-start;
  overflow-x: hidden;
  border-radius: 15px;
}

.left_wrapper::-webkit-scrollbar {
  width: 5px;
}

.left_wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.left_wrapper::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.right_wrapper {
  width: 340px;
  position: -webkit-sticky;
  position: sticky;
  align-self: flex-start;
  top: 150px;
  overflow-x: hidden;
  border-radius: 15px;
}

.right_wrapper::-webkit-scrollbar {
  width: 5px;
}

.right_wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.right_wrapper::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/* top header no nav */

.top_header_no_nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  overflow: hidden;
  width: 100%;
  height: 70px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  padding: 0 20px;
  z-index: 999;
  -webkit-box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
  box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
}

.top_header_no_nav .logo {
  width: 90px;
  height: auto;
  margin-left: 50px;
  cursor: pointer;
}

/* Directory */

.directory .category-title {
  color: #ce2129;
  letter-spacing: 5px;
  font-size: 25px;
  padding-left: 20px;
}

.directory .category-title.d_title {
  color: #363636;
  font-size: 30px;
  padding: 0;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0 0 50px 0;
}

/* .directory_listing #list-title{
	color: #CE2129;
	letter-spacing: 5px;
	font-size: 25px;
	text-align: center;
} */

.directory_listing .head {
  text-align: center;
}

.directory_list_container ul {
  margin: 0;
  padding: 0;
}

.directory_view .title {
  color: #ce2129;
  font-weight: bold;
}

.directory_view p {
  margin: 0;
  color: #ce2129;
  padding: 1rem 0;
}

.directory_view .flex-container {
  border-bottom: 1px solid lightgrey;
}

.directory_list_container .list_title {
  text-align: left;
  flex-basis: 70%;
}

.directory_list_container .list_unit {
  flex-basis: 30%;
  text-align: center;
}

.directory_view .icon {
  text-align: center;
  flex-basis: 12%;
  padding-top: 10px;
}

.directory_view .icon img {
  margin: auto;
  max-width: 30px;
}

.directory_view .socials img {
  max-width: 50px;
}

.directory_view .socials {
  margin: 1rem 0;
}

.directory_view .description {
  border-top: 1px solid lightgrey;
  color: black;
}

.directory_view .icon_text {
  flex-basis: 80%;
  text-align: left;
}

.directory_list_container ul li {
  list-style: none;
  padding: 20px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: background-color 0.8s ease;
}

.directory_list_container p {
  color: #ce2129;
}

.directory_list_container ul li a {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.directory hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.directory ul {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.directory li {
  font-size: 15px;
  /* font-weight: bold; */
  cursor: pointer;
  margin: 20px 0;
}

/* AutoComplete */

.flex-container {
  display: flex;
}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.autocomplete input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}

.autocomplete input[type="text"] {
  border-bottom: 1px solid #ce2129;
  background-color: unset;
  font-size: 20px;
  color: #ce2129;
  padding-bottom: 0;
  width: 100%;
}

.autocomplete input[type="submit"] {
  background-color: DodgerBlue;
  color: #fff;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

/*header*/

.top_header {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: black;
  overflow: hidden;
  width: 100%;
  height: 70px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  padding: 0 20px;
  z-index: 999;
  -webkit-box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
  box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
}

.top_header > div {
  flex: 1;
}

.top_header > div:first-child {
  margin-left: 60px;
}

.top_header .logo {
  width: auto;
  /*width: 90px;*/
  height: auto;
  cursor: pointer;
}

.top_header .nav_icon_container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-right: 60px;
}

.top_header .nav_icon_container ul {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}

.top_header .nav_icon_container ul li {
  list-style: none;
  margin-right: 30px;
}

.top_header .nav_icon_container ul li:last-child {
  margin-right: 0;
}

.top_header .nav_icon_container ul li img {
  height: 30px;
  width: 30px;
}

/* mobile header */

.top_header_mobile {
  border-bottom: 1px solid #dfdfdf;
  display: none;
  flex-direction: row;
  align-items: center;
  /* background: black; */
  overflow: hidden;
  width: 100%;
  max-width: 480px;
  height: 70px;
  /* position: fixed; */
  top: 0;
  right: 0;
  left: 0;
  padding: 10px 20px;
  z-index: 999;
  -webkit-box-shadow: 2px 0px 10px 1px rgb(50 50 50 / 20%);
  -moz-box-shadow: 2px 0px 10px 1px rgba(50, 50, 50, 0.2);
  box-shadow: 2px 0px 10px 1px rgb(50 50 50 / 20%);
}

.top_header_mobile i.fas.fa-bars {
  font-size: 22px;
  color: #ce2129;
}

.top_header_mobile > div.menu_toggle {
  flex: 0 0 auto;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  float: left;
  /* width: 100px !important; */
  margin-right: 15px;
}

.top_header_mobile > div.menu_toggle .toggler_icon {
  cursor: pointer;
}

.top_header_mobile > div.menu_toggle .toggler_icon img {
  height: 30px;
  width: 30px;
}

.top_header_mobile > div.logo {
  text-align: left;
  /* flex: 1; */
  /* height: 100%; */
  display: flex;
  float: left;
  /* justify-content: left; */
  align-items: left;
}

.top_header_mobile .logo img {
  max-height: none;
  width: 100%;
  position: relative;
  top: 0;
  background: transparent !important;
  left: 0;
}

.top_header_mobile > div.icons_container {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  display: none;
}

.top_header_mobile > div.icons_container .noti_icon {
  cursor: pointer;
}

.top_header_mobile > div.icons_container .noti_icon img {
  height: 30px;
  width: 30px;
}

#menu_fade_bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  right: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}

.mobile_side_menu {
  height: 100%;
  max-width: 250px;
  width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  color: white;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: -60%;
  opacity: 0;
  z-index: 10451;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.mobile_side_menu.is_open {
  left: 0;
  opacity: 1;
}

.mobile_side_menu .profile {
  padding: 10px 0 30px 0;
}

.mobile_side_menu .profile .name {
  color: white;
  font-size: 14px;
  font-weight: bold;
}

.mobile_side_menu .menu_items ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style: none;
}

.mobile_side_menu .menu_items ul li {
  list-style: none;
  display: flex;
  font-size: 1rem;
  width: 90%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 2s ease;
  margin-bottom: 0;
  font-weight: bold;
}

.mobile_side_menu .menu_items ul li a {
  color: #212121;
  font-size: 15px;
}

.mobile_side_menu .menu_items ul li:last-child {
  margin-bottom: 0;
}

.mobile_side_menu .menu_items ul li span {
  margin-right: 0.5rem;
}

.mobile_side_menu .menu_items ul li img {
  height: 30px;
  width: 30px;
}

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

/*left panel*/

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

.left_panel a {
  color: white;
}

.left_panel ul {
  margin: 0;
  padding: 0;
}

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

.left_panel ul li a {
  display: flex;
  align-items: center;
}

/* .left_panel ul li:hover{
	background-color:rgb(203, 164, 73);
} */

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

.left_panel ul li span {
  margin-right: 15px;
}

.left_panel ul li span img {
  width: 26px;
  height: auto;
  max-height: 26px;
  object-fit: contain;
}

/*right panel*/

.right_panel {
  background: #fff;
  border-radius: 15px;
  padding: 0;
}

/* .right_panel div.sec{
	height: 33.33%;
} */

.right_panel .profile_control ul {
  padding: 0;
  margin: 0;
}

.right_panel .profile_control ul li {
  list-style: none;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.right_panel .profile_control ul li a {
  display: flex;
  height: 100%;
  align-items: center;
}

.right_panel .profile_control ul li img {
  height: 30px;
  width: 30px;
}

.right_panel .profile_control ul li span {
  margin-right: 10px;
}

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

.right_panel .membership_card > div .qr_container {
  position: absolute;
  top: 15px;
  right: 15px;
}

.right_panel .membership_card > div .qr_container img {
  height: 50px;
  width: 50px;
  border-radius: 5px;
}
.right_panel .membership_card > div .qr_container1 {
  position: absolute;
  top: 15px;
  right: 15px;
}

.right_panel .membership_card > div .qr_container1 img {
  height: 50px;
  width: 50px;
  border-radius: 5px;
}

.right_panel .membership_card > .membership_card_inner .cust_info {
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
  width: 100%;
  min-height: 237px;
  height: auto;
  padding: 35px 23px 16px;
  background-position: right;
}

.right_panel .membership_card > div .cust_info > span {
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1em;
  width: 110px;
  white-space: nowrap;
}

.right_panel .membership_card > div .cust_info > span:nth-child(2) {
  margin-top: 5px;
}

.right_panel .membership_card > div img {
  width: 100%;
  height: auto;
}

.right_panel .level_container {
  padding: 0 20px 20px 20px;
}

.right_panel .level_inner_container {
  position: relative;
  margin: 0;
  padding: 0 !important;
}

.right_panel .level_inner_container span {
  position: absolute;
  height: 1.2em;
  right: 5px;
  color: gray;
  top: 0;
}

.right_panel .level_inner_container span img {
  height: 1em;
  margin-right: 5px;
  width: auto;
}

.level_container .level_slider {
  -webkit-appearance: none !important;
  -moz-apperance: none !important;
  width: 100%;
  border-radius: 15px;
  height: 1.2em;
  border: 1px solid #ddd;
}

.level_container .level_slider {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.15, #ffd086),
    color-stop(0.15, #fff)
  );
}

.level_container .level_slider::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none;
  background-color: transparent !important;
  border: 0;
  width: 1.7em;
  height: 1.7em;
  cursor: pointer;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.level_container .level_slider::-moz-range-thumb {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: transparent !important;
  border: 0;
  width: 1.7em;
  height: 1.7em;
  cursor: pointer;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.level_container .level_slider.gold::-webkit-slider-thumb {
  background-image: url("../images/icons/gold.png");
}

.level_container .level_slider.gold::-moz-range-thumb {
  background-image: url("../images/icons/ic_gold.png");
}

.level_container .level_slider.classic::-webkit-slider-thumb {
  background-image: url("../images/icons/classic.png");
}

.level_container .level_slider.classic::-moz-range-thumb {
  background-image: url("../images/icons/classic.png");
}

.level_container .level_slider.silver::-webkit-slider-thumb {
  background-image: url("../images/icons/silver.png");
}

.level_container .level_slider.silver::-moz-range-thumb {
  background-image: url("../images/icons/silver.png");
}

.level_container .level_slider.diamond::-webkit-slider-thumb {
  background-image: url("../images/icons/diamond.png");
}

.level_container .level_slider.diamond::-moz-range-thumb {
  background-image: url("../images/icons/diamond.png");
}

.level_container .level_slider.guest::-webkit-slider-thumb {
  background-image: url("../images/icons/guest.png");
}

.level_container .level_slider.guest::-moz-range-thumb {
  background-image: url("../images/icons/guest.png");
}

.level_container .level_slider.star::-webkit-slider-thumb {
  background-image: url("../images/icons/star.png");
}

.level_container .level_slider.star::-moz-range-thumb {
  background-image: url("../images/icons/star.png");
}

.right_panel .noti {
  overflow-x: hidden;
  overflow-y: auto;
}

.right_panel .noti .head {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  line-height: normal;
  align-items: center;
  border-bottom: 1px solid rgb(218 11 58 / 40%);
  padding-bottom: 30px;
  margin: 0 !important;
}

.right_panel .noti .head .title {
  text-transform: capitalize;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 20px;
  margin: 0;
  font-family: "gothammedium";
  width: 100%;
  margin-left: 15px;
  color: #da003a;
}

.right_panel .noti .head img {
  height: 24px;
  width: 26px;
  object-fit: contain;
}

.right_panel .noti .contents {
  display: flex;
  flex-direction: column;
  padding-top: 24.5px;
}

.right_panel .noti .contents > div {
  padding: 0px 0 33px;
  border-bottom: none;
  cursor: pointer;
}

.right_panel .noti .contents > div .noti_body {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 20px;
  font-weight: 300;
  color: #212121;
  font-family: "gotham";
  opacity: 0.7;
}

.right_panel .noti .contents .title_container {
  display: flex;
  flex-direction: row;
}

.right_panel .noti .contents .title_container .title {
  flex: 1;
  color: #b2906b;
}

.right_panel .noti .contents .title_container .date {
  font-weight: 500;
  font-size: 20px;
  color: #d81818 !important;
  line-height: 1.2;
  margin-bottom: 15px;
}

/*login*/

.login_toggle {
  height: 40px;
  color: gray;
  border: 1px solid#d5c067;
  font-weight: bold;
  font-size: 1rem;
  flex: 1;
  position: relative;
  cursor: pointer;
}

.login_toggle:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.login_toggle:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.login_toggle.is_open {
  background: #d5c067;
  color: #fff;
}

.login_toggle.is_open::after {
  content: "";
  position: absolute;
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #d5c067;
}

.form_icon {
  height: 20px;
  width: 20px;
  max-width: 20px;
}

.login_title {
  padding: 2rem 0;
  font-size: 2em;
  display: block;
  color: gray;
}

#login_phone_number {
  width: 100%;
}

.login_container input {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  outline: 0;
  width: 100%;
}

.login_container .iti {
  width: 100%;
}

.login_container .input-group-addon {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #ddd;
  background: transparent !important;
}

.login_container .input-group {
  margin-bottom: 1.5rem;
}

/* .login_container label{
	font-weight: bold;
} */

.login_container .forgot_link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem 0;
}

.login_container .login_btn_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 0;
  margin-bottom: 0;
  margin-top: 56px;
}

.login_container .login_btn_container .login_btn {
  width: 100%;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 15px;
  padding: 10px;
  background: #ce2129;
  color: white;
  -webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  border: 0;
  outline: 0;
}

.login_container .social_login_container {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.login_container .social_login_container > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  align-items: center;
  margin-bottom: 1rem;
}

.login_container .social_login_container > div > button {
  border-radius: 13px;
  width: 100%;
  padding: 10px;
  border: 0;
  outline: o;
}

.login_container .social_login_container > div.fb > button {
  background: #455a9b;
  color: white;
}

.login_container .social_login_container button img {
  position: absolute;
  left: 25px;
  top: 50%;
  height: 25px;
  width: 25px;
  transform: translateY(-50%);
}

.login_container .social_login_container > div.google > button {
  background: #d50000;
  color: white;
}

.login_container .social_login_container > div.apple > button {
  background: #fff;
  color: #000;
}

.login_container .dont_have_account {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 21px;
}

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

.login_container .dont_have_account > a {
  margin-left: 5px;
}

/* profile page */

.profile_page .profile_page_card_container .membership_card {
  padding: 0px 30px 20px 30px;
}

.main_wrapper .right_wrapper .membership_card {
  padding-bottom: 62px;
  border-bottom: none;
}

.right_panel .noti i {
  font-style: normal;
}

.right_panel .noti i::before {
  font-family: "Font Awesome 5 Free";
  font-size: 24px;
  color: #da003a;
}

.profile_page .profile_page_card_container .membership_card > div {
  /* width: 440px; */
  position: relative;
  padding: 0;
  margin: 0;
}

.profile_page .profile_page_card_container .membership_card > div img {
  /*width: 440px;*/
  width: 100%;
  /*position: absolute;*/
  height: auto;
  /*top: 40px;*/
}
.profile_page .profile_page_card_container .membership_card1 > div img {
  width: 440px;
  position: absolute;
  height: auto;
  top: 40px;
}

/* .profile_page .profile_page_card_container .membership_card .membership_card_inner .cust_info img {
	margin: 20px 0;
} */

.profile_page
  .profile_page_card_container
  .membership_card
  > div
  .qr_container {
  position: absolute;
  top: 30px;
  /*right: 30px;*/
  right: -20px;
}

.profile_page
  .profile_page_card_container
  .membership_card
  > div
  .qr_container
  img {
  height: auto;
  width: 100px;
  border-radius: 5px;
}
.profile_page
  .profile_page_card_container
  .membership_card
  > div
  .qr_container1 {
  position: absolute;
  top: 30px;
  /*right: 30px;*/
  right: -2px;
}

.profile_page
  .profile_page_card_container
  .membership_card
  > div
  .qr_container1
  img {
  height: 100px;
  width: 100px;
  border-radius: 5px;
}

.profile_page .profile_page_card_container .membership_card > div .cust_info {
  position: absolute;
  bottom: 30px;
  left: 30px;
  text-transform: capitalize;
  font-weight: bold;
}

.profile_page
  .profile_page_card_container
  .membership_card
  > div
  .cust_info
  > span {
  text-overflow: ellipsis;
  overflow: hidden;
  /*line-height: 1em;*/
  line-height: 1.5em;
  font-size: 20px;
  /*width: 200px;*/
  width: 100%;
  white-space: nowrap;
}

.profile_page
  .profile_page_card_container
  .membership_card
  > div
  .cust_info
  > span:first-child {
  /*font-size: 1rem;*/
  font-size: 2rem;
  color: white !important;
}

.profile_page
  .profile_page_card_container
  .membership_card
  > div
  .cust_info
  > span:nth-child(2) {
  margin-top: 5px;
  font-size: 20px;
  width: 100%;
  color: white !important;
}

.profile_page .profile_page_card_container .level_container {
  padding: 0 20px 20px 20px;
}

.profile_page .profile_page_card_container .level_inner_container {
  position: relative;
  margin: 0;
  padding: 0 !important;
}

.profile_page .profile_page_card_container .level_inner_container span {
  position: absolute;
  height: 1.2em;
  right: 5px;
  color: gray;
  top: 0;
}

.profile_page .profile_page_card_container .level_inner_container span img {
  height: 1em;
  margin-right: 0px;
  width: auto;
}

.profile_page .profile_page_head {
  padding: 20px;
  -webkit-box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
  box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
}

.profile_page .profile_control ul {
  margin: 0;
  padding: 0;
}

.profile_page .profile_control ul li {
  list-style: none;
  padding: 20px;
  position: relative;
  border-bottom: 1px solid #ddd;
}

/* .profile_page .profile_control ul li:last-child {
    border-bottom: 0;
} */

.profile_page .profile_control ul li a {
  display: flex;
  align-items: center;
}

.profile_page .profile_control ul li a span {
  margin-right: 10px;
}

.profile_page .profile_control ul li img {
  height: 25px;
  width: 25px;
  object-fit: contain;
  margin-right: 25px;
}

.profile_page .profile_control ul li img.link_icon2 {
  position: absolute;
  right: 20px;
  top: 20px;
}

/*home panel*/

.forRate_panel {
  cursor: pointer;
}

.contents_container {
  display: flex;
  flex-direction: column;
}

.banner {
  position: relative;
  width: 100%;
  /* min-height: 400px;
   height: 400px; */
}

.banner img:not(.back_btn) {
  width: 100%;
  height: auto;
}

.banner.wallet-details-back-btn img:not(.back_btn) {
}

.banner img.back_btn {
  position: absolute;
  top: 65px;
  left: 40px;
  height: 53px;
  width: 53px;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  min-height: 53px;
}

.pages_div .banner img.back_btn P {
  top: 0;
}

.pages_div .page_sub_min .m_title {
  margin: auto;
  width: max-content;
}

#home_banner_slider {
  display: flex;
  flex-direction: row;
  width: 100%;
}

#home_banner_slider .owl-stage-outer {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

#home_banner_slider .owl-stage .owl-item {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

#home_banner_slider .owl-stage .owl-item > div {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  z-index: 2;
}

#home_banner_dots_container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 25px;
}

#home_banner_dots_container .owl-dot {
  cursor: hand;
}

#home_banner_dots_container .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 15px;
  background: #d9d9d9;
  display: block;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

#home_banner_dots_container .owl-dot.active span {
  background: #726f6f;
}

.contents_container .banner .edge_style {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #ce2129;
  color: white;
  /* border-top-left-radius: 15px;
	border-top-right-radius: 15px; */
  height: 20px;
  display: flex;
  flex-direction: row;
  z-index: 3;
  -webkit-box-shadow: 0px -8px 10px -4px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px -8px 10px -4px rgba(50, 50, 50, 0.2);
  box-shadow: 0px -8px 10px -4px rgba(50, 50, 50, 0.2);
}

.contents_container .banner .edge_style > div {
  width: 50%;
}

.contents_container .banner .edge_style > div:first-child {
  border-right: 1px solid #bbb5b5;
}

.contents_container .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-collapse: separate;
}

.contents_container .heading {
  display: flex;
  -ms-display: flex;
  -moz-display: flex;
  flex-direction: row;
  background: #ce2129;
  color: white;
  /* background: linear-gradient(0deg, rgba(252,232,199,1) 30%, rgba(255,249,222,1) 70%); */
}

.contents_container .heading > div {
  display: flex;
  width: 50%;
  flex-direction: column;
  border-bottom: 1px solid #bbb5b5;
  padding: 0 20px 20px 20px;
}

.contents_container .heading .left {
  border-right: 1px solid #bbb5b5;
}

.contents_container .heading .left .name {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  justify-content: center;
  text-transform: uppercase;
}

.contents_container .heading .left > div,
.contents_container .heading .right > div {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}

.contents_container .heading .left .id {
  display: flex;
  justify-content: center;
  color: white;
}

.contents_container .heading .right .status {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: bold;
}

.contents_container .heading .right .status img {
  height: 30px;
  width: 30px;
  margin-right: 10px;
}

.contents_container .heading .right .credit {
  display: flex;
  justify-content: center;
  color: white;
}

.contents_container .content .main_body {
  padding: 0;
  display: flex;
  -ms-display: flex;
  -moz-display: flex;
  flex-direction: column;
}

.contents_container .content .main_body .home_slider1 {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}

.contents_container .content .main_body .home_slider1 > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.contents_container .content .main_body .home_slider1 > div div.owl-item > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.contents_container .content .main_body .home_slider1 div img.img_icon {
  height: 50px;
  width: 50px;
}

.contents_container .content .main_body .home_slider1 div img.img_icon + span {
  font-weight: bold;
}

#home_slider1_dots_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

#home_slider1_dots_container .owl-dot {
  cursor: hand;
}

#home_slider1_dots_container .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: rgba(203, 164, 73, 0.5);
  display: block;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

#home_slider1_dots_container .owl-dot.active span {
  background: rgb(203, 164, 73);
}

.contents_container .content .main_body .home_slider2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 50px;
}

.contents_container .content .main_body .home_slider2 div.slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  border: 1.5px solid rgb(203, 164, 73);
  padding: 15px;
  flex: 1 0 auto;
}

.contents_container .content .main_body .home_slider2 div.owl-stage {
  display: flex;
}

.contents_container .content .main_body .home_slider2 > div > div div.owl-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 auto;
}

.contents_container
  .content
  .main_body
  .home_slider2
  > div
  > div
  div.owl-item
  > div
  > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.contents_container .content .main_body .home_slider2 > div p {
  text-transform: uppercase;
  font-size: 1rem;
}

.contents_container .content .main_body .home_slider2 > div > div img.star {
  height: 30px;
  width: 30px;
  margin-right: 10px;
}

.contents_container
  .content
  .main_body
  .home_slider2
  > div
  > div
  img.star:last-child {
  margin-right: 0;
}

.contents_container .content .main_body .home_slider2 > div button.invite_btn {
  width: 100%;
  padding: 5px;
  background: #f2edda;
  text-transform: uppercase;
  font-weight: bold;
  border: 0;
  outline: 0;
  border-radius: 15px;
  -webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
}

.main_body .panel_seperator {
  border-top: 2px solid lightgrey;
  margin-bottom: 25px;
}

.contents_container .content .main_body .home_slider3 {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

.contents_container .content .main_body .home_slider3 > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.contents_container .content .main_body .home_slider3 > div:first-child {
  margin-bottom: 30px;
  position: relative;
  text-transform: uppercase;
}

.contents_container
  .content
  .main_body
  .home_slider3
  > div:first-child
  img.icon_1 {
  height: 30px;
  width: 30px;
  margin-right: 14px;
}

.contents_container
  .content
  .main_body
  .home_slider3
  > div:first-child
  img.icon_2 {
  height: 30px;
  width: 30px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.contents_container .content .main_body .home_slider3 .slides {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.contents_container .content .main_body .home_slider3 .slides > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contents_container .content .main_body .home_slider3 .slides > div > img {
  height: 100%;
  width: 100%;
}

.contents_container .content .main_body .home_slider3 .slides div p {
  text-align: center !important;
  margin-top: 10px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.contents_container .content .main_body .new_rewards {
  padding: 15px;
  display: flex;
  flex-direction: column;
  background: #ce2129;
  border-radius: 15px;
  margin-bottom: 50px;
  color: white;
}

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

.contents_container
  .content
  .main_body
  .new_rewards
  > div:first-child
  img.icon_1 {
  height: 30px;
  width: 30px;
  margin-right: 10px;
}

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

.contents_container .content .main_body .new_rewards > div.rewards {
  display: flex;
  flex-direction: column;
}

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

.contents_container
  .content
  .main_body
  .new_rewards
  > div.rewards
  > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

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

.contents_container
  .content
  .main_body
  .new_rewards
  > div.rewards
  > div
  > div
  > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  width: 100%;
}

.contents_container
  .content
  .main_body
  .new_rewards
  > div.rewards
  > div
  > div
  .points {
  font-weight: bold;
}

.links {
  display: flex;
  flex-direction: column;
  padding: 30px;
  background: white;
}

.links p {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
  font-size: 1.3rem;
  letter-spacing: 2px;
}

.links ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.links ul li {
  list-style: none;
  padding: 15px 0;
  position: relative;
  font-size: 1rem;
  border-bottom: 1px solid #bdc3c7;
  cursor: pointer;
}

.wp-header ul.custom_shop_superDeal {
  margin-top: 8px;
}

.wp-header .col-xs-4 .logo img {
  background: transparent;
}

.links ul li a {
  display: flex;
  font-size: 14px;
}

.links ul li .link_icon1 {
  height: 30px;
  width: 30px;
  margin-right: 20px;
}

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

.member_center_links {
  display: flex;
  flex-direction: column;
  padding: 30px 0;
  background: #fff;
}

.member_center_links ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.member_center_links ul li {
  list-style: none;
  padding: 20px;
  position: relative;
  font-weight: bold;
  border-bottom: 1px solid #bdc3c7;
  cursor: pointer;
}

.member_center_links ul li .link_icon1 {
  height: 30px;
  width: 30px;
  margin-right: 20px;
}

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

/* Rewards */

.main_container.rewards_page {
  background-color: #ce2129;
}

.main_container.rewards_page .padding_content {
  background-color: #ce2129;
}

/* .main_container.rewards_page  .padding_content .head{
	color: white;
} */

.main_container .padding_content {
  padding: 0px;
  display: flex;
  flex-direction: column;
}

.main_container .padding_content .head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  position: relative;
}

.main_container .padding_content .head .back_btn {
  height: 30px;
  width: 30px;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
}

.main_container .padding_content .head .title {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.main_container .padding_content .head .options {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.main_container .padding_content .head .options > img {
  height: 30px;
  width: 30px;
  margin-left: 10px;
  cursor: pointer;
}

.main_container .padding_content_body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.main_container .padding_content_body .img_card {
  display: flex;
  flex-direction: row;
  border-radius: 15px;
  -webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  margin-bottom: 20px;
  cursor: pointer;
  height: 120px;
}

.main_container .padding_content_body .img_card .image {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  position: relative;
}

.main_container .padding_content_body .img_card .image img {
  height: 120px;
  width: 120px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.main_container .padding_content_body .img_card .image .reward_units {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 5px;
  height: 30px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ddd;
}

.main_container .padding_content_body .img_card .texts {
  flex: 1;
  padding: 15px;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  align-items: flex-start;
  width: calc(100% - 120px);
  background: white;
}

.main_container .padding_content_body .img_card .texts > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.main_container .padding_content_body .img_card .texts .main_title {
  font-weight: bold;
  text-transform: capitalize;
}

.main_container .padding_content_body .img_card .texts .points {
  color: #ce2129;
  font-size: 1rem;
  font-weight: bold;
}

.main_container .padding_content_body .img_card .texts .sub_title {
  color: red;
  font-style: italic;
}

.reward_qty_container {
  background: #ce2129;
  padding: 7px 20px;
  border-radius: 5px;
  color: white;
}

.reward_qty_container #reward_inc_qty,
.reward_qty_container #reward_dec_qty {
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
}

.reward_qty_container #reward_inc_qty img,
.reward_qty_container #reward_dec_qty img {
  height: 20px;
  width: 20px;
}

.reward_qty_container #reward_qty {
  flex: 1;
  background-color: transparent;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  color: white;
}

.bottom_panel_container {
  position: absolute;
  bottom: -100%;
  left: 0;
  right: 0;
  height: 50%;
  width: 100%;
  background: #fff;
  overflow: hidden;
  z-index: 1300;
  -webkit-transition: bottom 0.8s;
  transition: bottom 0.8s;
  -moz-transition: bottom 0.8s;
  -webkit-box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
  box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
  display: none !important;
}

.bottom_panel_container.is_open {
  bottom: 0;
  display: block !important;
}

#bottom_panel_fade_bg {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  right: 0;
  z-index: 1299;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}

.bottom_panel_container #bottom_panel_close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.bottom_panel_container #bottom_panel_close img {
  height: 30px;
  width: 30px;
}

.bottom_panel_container .bottom_panel {
  padding: 30px 20px;
}

.bottom_panel_container .bottom_panel > div {
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}

#reward_more_details_modal .modal-content {
  height: 90vh;
  min-height: 90vh;
}

#reward_more_details_modal .modal-body {
  padding: 0 !important;
}

/* Register */

.register_container {
  display: flex;
  flex-direction: row;
  background: #fff;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  padding: 30px;
  animation: all 2ms ease;
}

.register_container div.swiper-wrapper {
  display: flex;
  flex-direction: row;
}

.register_head_nav {
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}

.register_head_nav img.back {
  height: 30px;
  width: 30px;
  cursor: pointer;
}

.register_container > div .head_text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.register_container > div .head_text span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.cap_bold_center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
}

.otp_input_group input.otp {
  border: none;
  border-bottom: 5px solid #9a9696;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  height: 50px;
  color: #333333;
}

.otp_input_group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 274px;
  margin: 0 auto;
}

.otp_input_group input {
  width: 50px;
  height: 50px;
  border-top: none;
  border-right: none;
  border-left: none;
  line-height: 50px;
  text-align: center;
  font-size: 24px;
  font-weight: 200;
  color: #000;
  margin: 0 10px;
  border-radius: 0 !important;
  outline: none !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}

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

.otp_input_group input[type="number"] {
  -moz-appearance: textfield;
}

.register_container > div .register_body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

div.input-group .show_pass {
  background-color: white;
  border-top: none;
  width: 30px;
  border-left: none;
  border-right: none;
  border-bottom: none;
  background-image: url("../images/icons/hide-eye-icon-new.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 10;
}

div.input-group .show_pass.shown {
  background-image: url(../images/icons/show-eye-icon-new.png);
}

/* div.input-group .show_pass.shown{
	background-image: url('../images/icons/ic_show_pass.png');
} */

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

.register_container .btn_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.custom_checkbox {
  display: block;
  position: relative;
  padding-left: 50px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom_checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #cd002f;
  border-radius: 5px;
  font-weight: bold;
}

.custom_checkbox:hover input ~ .checkmark {
  background-color: #fff;
}

.custom_checkbox input:checked ~ .checkmark {
  background-color: #fff;
  border: 3px solid #cd002f;
  border-radius: 5px;
}

.custom_checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom_checkbox input:checked ~ .checkmark:after {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  background-image: url("../../assets/images/icons/check-line.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  left: 7px;
  top: -2px;
}

.custom_radio {
  display: block;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom_radio input {
  position: absolute;
  cursor: pointer;
  visibility: hidden;
  width: auto;
  left: 0;
}

.custom_radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
  border: 1px solid #cd002f;
  border-radius: 50%;
}

.custom_radio input:checked ~ .checkmark {
  background-color: #ce2129;
}

.custom_radio:hover input ~ .checkmark {
  background-color: transparent;
}

.custom_radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom_radio input:checked ~ .checkmark:after {
  display: block;
}

.custom_radio .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.main_btn {
  width: 100%;
  color: white;
  font-weight: 500;
  font-family: "gothammedium";
  font-size: 20px;
  border-radius: 13px;
  padding: 20px;
  height: auto;
  background: #be223c;
  border: 0;
  outline: 0;
  text-align: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 1.6rem;
}

.second_btn {
  width: 100%;
  color: #212121;
  font-weight: 500;
  border-radius: 13px;
  padding: 13px;
  background: #f4f4f4;
  border: 0;
  outline: 0;
  text-align: center;
  cursor: pointer;
  border: 0;
  text-align: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  height: auto;
  font-family: "gothammedium";
  line-height: 1.2;
}

.cust_second_btn {
  color: #000;
  text-transform: uppercase;
  /* font-weight: bold; */
  border-radius: 5px;
  padding: 5px 10px;
  background: #fff;
  border: 1px solid #ddd;
  outline: 0;
  text-align: center;
  cursor: pointer;
}

.sign_up_btn {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-family: "gothammedium";
  font-weight: 500;
  height: auto;
  padding: 20px;
  border-radius: 13px;
  line-height: 1.6rem;
  margin-bottom: 25px;
}

.sign_up_btn img {
  position: absolute;
  left: 25px;
  top: 50%;
  height: 25px;
  width: 25px;
  transform: translateY(-50%);
}

.sign_up_btn.fb {
  background: #455a9b;
  color: #fff;
}

.sign_up_btn.google {
  background: #d50000;
  color: #fff;
  margin-bottom: 0;
}

.register_container > div .iti--allow-dropdown {
  width: 100%;
}

.iti__flag {
  background-image: url("assets/img/flags.png");
}

/*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("assets/img/flags@2x.png");}
}*/

.reg_cust_date {
  display: flex;
  flex-direction: row;
}

.reg_cust_date .separator_line {
  width: 1px;
  background: #ddd;
  margin: 0 10px;
  transform: rotate(30deg);
}

.reg_cust_date .form-control {
  flex: 1;
}

/* mobile bottom nav */

.mobile_bottom_nav_container {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 485px;
  transform: translate(-50%);
  z-index: 999;
  display: none;
  -webkit-box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
  box-shadow: 0px -4px 10px -4px rgba(50, 50, 50, 0.2);
}

@media (max-width: 485px) {
  .mobile_bottom_nav_container {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100vw;
  }
}

.mobile_bottom_nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 60px;
  background: #d81818;
  padding: 15px 20px;
}

.mobile_bottom_nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  list-style: none;
}

.mobile_bottom_nav ul li {
  list-style: none;
}

.mobile_bottom_nav ul li img {
  height: 30px;
  width: 30px;
}

/* Transfer ownership */

.transfer_container .no_price {
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
  -webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
}

.transfer_container .no_price label {
  margin: 0 !important;
}

.transfer_container .iti {
  width: 100%;
}

#transfer_ownership_modal .modal-content {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
}

#transfer_ownership_modal .modal-body {
  background: #fff;
  background-color: #fff;
  border-radius: 10px;
}

#transfer_ownership_modal .modal-footer {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
}

/* Change language modal */

.languages_container {
  font-size: 1.5rem;
  font-weight: bold;
}

.languages_container > div {
  cursor: pointer;
  padding: 5px;
}

/* transaction history */

.transaction_history_container {
  width: calc(100% - 72px);
}

.transaction_history_container > div,
.transaction_history_container > div > h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

/* locate us */

.locate_us_list_container ul {
  margin: 0;
  padding: 0;
}

.locate_us_list_container ul li {
  list-style: none;
  padding: 20px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: background-color 0.8s ease;
}

.locate_us_list_container ul li a {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* .locate_us_list_container ul li:hover{
	background-color: #a68e48;
	color: white;

} */

/* jewelbox */

.jewelbox_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.jewelbox_row > div.jewelbox_item {
  width: 45%;
  padding: 10px;
  border-radius: 15px;
  margin-bottom: 30px;
  cursor: pointer;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
}

.jewelbox_row .jewelbox_item .text {
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex: 1;
}

.jewelbox_row .jewelbox_item .jewel_image {
  justify-content: flex-end;
  width: 50px;
  height: 50px;
}

.jewelbox_row .jewelbox_item .jewel_image img {
  height: 100%;
  width: auto;
}

.jewel_box_head {
  padding: 15px 0 30px 0;
}

.jewel_box_head > div {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1.5px;
  cursor: pointer;
  text-transform: uppercase;
}

.jewel_box_head > div:first-child {
  margin-right: 30px;
}

.jewel_box_head > div.is_open {
  color: #d3c16b;
  border-bottom: 3px solid #d3c16b;
}

.tab_container:not(.open_tab) {
  display: none;
}

.jewel_item {
  padding: 10px 20px;
  border-radius: 15px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
}

.jewel_item.archivable {
  margin: 0;
  border-radius: 15px 0 0 15px;
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
}

.jewel_item > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.receipt_btn_container > div {
  background: #efefef;
  background-color: #efefef;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
}

.receipt_btn_container > div img {
  height: 25px;
  width: 25px;
}

.paginator_ul {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
}

.paginator_ul li {
  list-style: none;
  padding: 5px 10px;
  background: #fce6e5;
}

.paginator_ul a {
  margin-right: 10px;
}

.paginator_ul a:last-child {
  margin-right: 0;
}

.paginator_ul li.is_active {
  background: #be223c;
  color: #fff;
}

/* Edit profile */

.edit_mobile_container .iti {
  width: 100%;
}

/* customer center */

.curve_edge {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  height: 20px;
  display: flex;
  flex-direction: row;
  z-index: 3;
  -webkit-box-shadow: 0px -8px 10px -4px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px -8px 10px -4px rgba(50, 50, 50, 0.2);
  box-shadow: 0px -8px 10px -4px rgba(50, 50, 50, 0.2);
}

.content_container {
  display: flex;
  flex-direction: column;
  margin: 0px 5%;
}

.content_row {
  display: flex;
  flex-direction: row;
}

.content_icon {
  align-self: flex-start;
  width: 10%;
}

.content_text_column {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  padding-bottom: 10px;
}

.content_text_column h1 {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.content_text_container {
  width: 90%;
  margin-left: 15px;
}

.content_container ul,
.content_container ol {
  list-style: normal;
}

.heading_p {
  margin: 30px 5% 0 5%;
}

.content_container table tr td {
  text-align: center;
}

.content_container table td {
  border: 1px solid #000;
  margin-bottom: 1rem;
}

.p_l_40 {
  padding-left: 40px;
}

#edit_profile_more[aria-expanded="false"]::before {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-right: 0.8rem;
}

#edit_profile_more[aria-expanded="true"]::before {
  content: "\f068";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-right: 0.8rem;
}

/* Footer */

.footer_container {
  display: flex;
  width: 100%;
  background: #000;
  flex-direction: column;
  padding: 50px 20px;
  flex-wrap: wrap;
}

.footer_container > div > span a {
  color: #fff;
  font-size: 1rem;
}

.footer_container > div > span > img {
  height: 30px;
  widows: 30px;
}

.footer_container > div .line_separator {
  width: 2px;
  height: 15px;
  background: #fff;
  border-radius: 5px;
}

.has-error {
  border-color: red !important;
}

.input_error {
  display: none;
  width: 100%;
  color: red;
  margin-top: 5px;
}

.error_container {
  display: none;
  width: 100%;
  text-align: center;
  color: red;
}

.success_container {
  display: none;
  width: 100%;
  text-align: center;
  color: green;
}

/* loader */

.lds-dual-ring {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 20px;
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 3px solid black;
  border-color: black transparent black transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* page preloader */

#preloader_container {
  position: fixed;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: white;
}

#preloader_container .main_preloader {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.main_preloader div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #ce2129;
  animation: main_preloader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.main_preloader div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}

.main_preloader div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}

.main_preloader div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}

@keyframes main_preloader {
  0% {
    top: 8px;
    height: 64px;
  }
  50%,
  100% {
    top: 24px;
    height: 32px;
  }
}

.iti__flag,
.iti__flag-box {
  display: none !important;
}

.iti--separate-dial-code .iti__selected-flag {
  background: #ffffff !important;
}

/* reset password */

.forget-pass-cont .iti {
  width: 100%;
}

/* Helpers */

.disabled {
  pointer-events: none !important;
}

.gray_color {
  color: #919191 !important;
}

.btl_btr {
  border-radius: 10px;
}

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

.bb-1-black {
  border-bottom: 1px solid #000 !important;
}

.bordered {
  border: 1px solid #ddd !important;
}

.p-lr-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.p-tb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.primary_color {
  color: #ce2129 !important;
}

.cursor_pointer {
  cursor: pointer !important;
}

.border_radius {
  border-radius: 15px;
}

.upper_bold_primary_text {
  font-weight: bold;
  font-size: 1rem;
  color: #a68e48;
  text-transform: uppercase;
}

.upper_bold_text {
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}

.flex-1 {
  flex: 1 !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.second_shadow {
  -webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
}

.p_10 {
  padding: 10px !important;
}

.p_15 {
  padding: 15px !important;
}

.br_10 {
  border-radius: 10px;
}

.bg_primary {
  background: #f2edda;
  background-color: #f2edda;
}

.bg_white {
  background: #fff;
  background-color: #fff;
}

.m_t_2_rem {
  margin-top: 2rem !important;
}

.m_b_1_rem {
  margin-bottom: 1rem !important;
}

.form-control {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #ddd;
  outline: 0;
  width: 100%;
}

.form-control:focus {
  border-color: #ddd;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.swal2-styled.swal2-confirm {
  border: 0;
  outline: none !important;
  border-radius: 10px;
  background-color: #ce2129 !important;
  background: #ce2129 !important;
  color: white !important;
  font-size: 1rem !important;
  -webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
  box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73);
}

.swal2-styled:focus {
  -webkit-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73) !important;
  -moz-box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73) !important;
  box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.73) !important;
}

/*------------------ 01-Feb change ------------------- */

.modal-body .main_container {
  box-shadow: none;
  margin: auto;
}

.modal-content .modal-body .main_container .p_view {
  padding: 0;
}

.modal-content .confirmreeem-modal-ul li p {
  font-weight: 400 !important;
  font-size: 18px !important;
}

.modal-content .confirmreeem-modal-ul li h3 {
  font-size: 20px;
  padding: 10px 0;
  font-weight: 500;
}

.modal-content .confirmreeem-modal-ul li {
  border-top: 1.8px solid #bbc0c4;
}

.modal-content .confirmreeem-modal-ul li:first-child {
  border-top: none;
}

.modal-content .delivery-details-form .form-group label {
  font-size: 20px !important;
  font-weight: 500 !important;
}

.modal-content .delivery-details-form .form-group input {
  font-size: 17px !important;
}

.modal-content .modal-body .p_view .pv_title {
  font-size: 30px;
  font-weight: 500;
}

/* --------------------------- 2 - Feb Change ------------------ */

.content
  .home_slider3
  .slider-big-cards
  .slick-list
  .slick-track
  .slider-big-cards__item {
  height: 377px !important;
  margin-right: 30px;
}

.content
  .home_slider3
  .slider-big-cards
  .slick-list
  .slick-track
  .slider-big-cards__item
  .item
  .f_con-data {
  margin-top: 14px;
  color: #212121;
  font-size: 20px;
}

#header {
  position: fixed !important;
  width: 100%;
  box-shadow: 0px 3px 6px #00000029;
  max-width: 480px;
}

.main_container {
  max-width: 480px;
  min-width: unset;
}

/* ADDED BY SOPHIE */

.wrapper_container {
  background: white;
  border-radius: 10px 10px 0 0;
}

.iti__flag-container,
.register_container .swiper-slide .register_body .input-group input,
.register_container .swiper-slide .register_body .form-group > label,
.register_container .swiper-slide .register_body .form-group input {
  padding-bottom: 15px !important;
}

.custom_checkbox .checkmark {
  width: 20px;
  height: 20px;
  border: 2.5px solid #cd002f;
  border-radius: 3px;
}

.register_container
  .swiper-slide
  .register_body
  .form-group
  label.custom_checkbox {
  padding-left: 40px !important;
}

#social_register.main_btn,
#verify_otp_btn.main_btn,
#register_btn.main_btn {
  width: 100% !important;
}

.custom_checkbox input:checked ~ .checkmark:after {
  width: 80%;
  height: 80%;
  left: 1.5px;
  top: 1px;
}

.register_container > div .head_text p,
.veri-des p,
.veri-des p > a {
  font-size: 14px !important;
  font-weight: 400;
  opacity: 0.6;
  line-height: 1.2;
  margin: 5px 1px !important;
}

.veri-des p > a {
  opacity: 1;
}

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

.veri-des p,
.register_container .swiper-slide .register_body .veri-des p:last-child {
  margin-bottom: 20px !important;
}

.otp_input_group {
  max-width: 320px;
  margin-bottom: 35px;
}

.otp_input_group input.otp {
  border-bottom: 2px solid #333333;
}

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

.otp-counter {
  font-size: 14px !important;
}

.register_container .btn_container {
  margin: 30px 0;
}

.swal2-container {
  padding: 2rem !important;
}

.register_container .swiper-slide .register_body,
.register_container > div .head_text {
  padding: 0 15px;
}

.outlet-icon {
  max-height: 15px !important;
}

.barcode-swal-actions {
  height: 10px;
}

.main_container .padding_content .form_con .form-group input::placeholder {
  font-size: 10px !important;
  opacity: 0.6 !important;
}

.standard_link {
  text-decoration: none !important;
}

.main_wrapper .right_wrapper, .left_wrapper {
  display: none;
}