@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

body {
  font-family: 'Poppins', sans-serif !important;
}

#main .post-container .thumbnails .icon-bottom {
  position: absolute;
  bottom: -20px;
  right: 20px;
  z-index: 100;
  width: 55px;
  height: 55px;
  padding: 14px 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #FFFFFF;
  font-size: 23px;
  text-align: center;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: var(--duet-color-primary);
}

.hero-recognition-container.layout-2 .hero-copy a.hero-cta {
  font-size: 16px !important;
  letter-spacing: 1px !important;
}

.hero-recognition-container.layout-1 .program-link-url a {
  padding: 18px 60px 18px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  border-radius: 50px !important;
}

.hero-recognition-container.layout-2 .hero-copy {
  margin: 0 0 6vh !important;
}

.hero-recognition-container.layout-2 .hero-copy p {
  font-size: 18px !important;
  margin: 0 0 6vh 0 !important;
  color: #111 !important;
}

.timg .caption-in-image {
  padding: 20px;
}

body {
  font-weight: 500;
}


.sign-in .timg .image {
  display: none;
}
.mall-facet .mall-pages {
  background-color: #f0f2f4;
}

.signIn-page {
  background-color: #f0f2f4;
}

#details {
  line-height: 2;
  font-size: 13px;
  max-width: 700px;
}
.scrollpoint .col-xs-12 h3 {
font-size: 18px;
  margin-top: 20px !important;
}
.post-container .post-content .title {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.post-container .post-content .description {
  color: #77797c;
  font-size: 13px;
  letter-spacing: 0.025em;
  line-height: 18px;
  font-weight: 400;
}
.post-container .post-content {
  background: #FFFFFF;
  width: 100%;
  position: relative;
  padding: 20px;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 110px;
}
.list-group-item, .input-group-merge {
  background-color: transparent;
}
.searchMin, .searchMax {
  border: none;
  background: #fff;
}
.breadcrumb {
  border-bottom: 1px solid #333 !important;
  padding: 30px 0 25px 0 !important;
}
.facetSide.menu h3 {
  font-weight: 700;
  font-size: 14px;
}
.facetSide hr {
  border-top-color: #333;
}
#desktop_breadcrumb a, #desktop_breadcrumb li, #desktop_breadcrumb span {
  font-size: 14px;
  font-weight: 500;
}
#desktop_breadcrumb span {
  font-size: 14px;
}
.breadcrumb li span:first-child::before {
  padding: 0 2px 0 8px;
  color: #333;
}
.desktopSortContainer {
  color: #333;
}
.dashboards-widget .rewards-for-you .product-box {
  border: 5px solid #f0f3fa;
}
.copy-link {
  padding-top: 30px;
}
.rangeSearch_container .fa-chevron-right.range {
  font-size: 12px;
  position: absolute;
  top: 10px;
  left: 16px;
}
.facetSide.menu .fa-stack-2x {
  font-size: 30px;
}
.fa-stack-1x, .fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 4px;
}
.rangeSearch_container .input-group-btn .btn {
  padding: 0;
  width: 40px;
  height: 40px;
  margin: 0 !important;
}
.mobile-icon-container {
  background-color: #fff !important;
}
.mobileback {
  display: none;
}
#reward-gallery .well {
  border-right: none;
}
.rangeSearch_container .form-control.searchMin, .rangeSearch_container .form-control.searchMax {
  border: 1px solid #fff;
  background: #fff;
}
.rewards-for-you .product-box .our-price {
  font-size: 18px;
  font-weight: 600;
}
.rewards-for-you {
  padding: 0;
}
.input-group-btn:first-child .btn, .input-group-btn:first-child .btn-group {
  border-radius: 0;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: 1;
  filter: alpha(opacity=100);
}
.pr-xs.checkout {
  height: 45px;
}
small, .small {
  font-size: 85%;
}
.facetSide.menu .facets_view_all, .facetSide.menu .facets_view_less {
  font-size: 13px;
}
a:hover, a:focus {
  text-decoration: none;
}
.filtered-list-item {
  font-weight: 500;
}
.facetSide.menu .fa-stack-1x {
  font-weight: 300;
  font-size: 20px;
  line-height: 1;
  margin-top: -4px;
  color: #333;
}



.input-group-btn:first-child .btn, .input-group-btn:first-child .btn-group, .input-group-btn:last-child .btn, .input-group-btn:last-child .btn-group {
  border-radius: 0;
  height: 45px !important;
  padding: 10px 10px !important;
}
.svg-search-btn {
  font-weight: 600;
}

.mega-menu-dashboard-dropdown button {
  font-weight: 500;
}
input.reward-search, input.typeahead.tt-hint {
  font-weight: 400 !important;
}
.product-cart-options .control-label {
  margin-bottom: 5px;
  padding-top: 0;
}
.product-cart-options .col-xs-offset-2 {
  margin: 0;
}
.product-cart-options .col-xs-9 {
  width: 100%;
  margin: 0;
}
.product-cart-options .btn-primary {
  margin-right: 10px;
}
.product-cart-options .form-group {
  margin-bottom: 20px;
}
.point-count span {
  text-transform: uppercase;
}
.fa-user {
  padding-right: 0 !important;
}
#details {
  line-height: 2;
  font-size: 13px;
}
#member_initials {
  text-align: center;
  display: table-cell;
  padding: 13px;
}

.btn-primary, .btn-secondary {
  font-size: 13px;
  font-weight: 600;
}
.page-header {
  padding-bottom: 20px;
  margin: 35px 0 30px;
  border-bottom: 1px solid #e6e6e6;
}
h1, .h1 {
  font-size: 25px;
}
#loginbox {
  width: 325px;
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  padding: 30px;
  background: #fff;
  border-radius: 20px;
  margin: 80px auto;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
  font-family: 'Poppins', sans-serif !important;
}
#loginbox #main-title {
  font-size: 22px;
  margin-bottom: 30px;
  margin-top: 0;
}
#btn-login {
  display: block;
  width: 100%;
  margin-top: 30px;
  padding: 14px !important;
}
.signIn-page #main {
  min-height: 700px;
}
.table thead tr th, .table thead tr td {
  background-color: #fff;
}
.table thead tr th, .table tbody tr th, .table tfoot tr th, .table thead tr td, .table tbody tr td, .table tfoot tr td {
  padding: 20px 8px;
  line-height: 1.5;
  vertical-align: top;
  border-top: 1px solid #e6e6e6;
}
.media, .media-body {
  padding-right: 30px;
}
.media-heading {
  margin-bottom: 15px;
  font-size: 16px;
}
.dreamtracker-left-media p {
  font-size: 20px;
}
.progress {
  overflow: hidden;
  height: 38px;
  margin-bottom: 16px;
  background-color: #f4f6f7;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 100px;
}

.round-close-button {
  width: 50px;
  height: 50px;
  right: 25px;
  padding: 6px 12px;
}
.paypal-cart-checkout {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 5px;
}
.paypal-cart-checkout h3 {
  margin-bottom: 15px !important;
}
.paypal-cart-checkout h3 span {
  color: #333 !important;
  font-size: 16px !important;
}
.mall-container-checkout h3 {
  margin-bottom: 15px !important;
}
.mall-container-checkout h3 span {
  color: #333 !important;
  font-size: 16px !important;
}
.mb-lg h3 {
  margin-bottom: 15px !important;
}
.mb-lg h3 span {
  color: #333 !important;
  font-size: 16px !important;
}
.close {
  font-size: 24px;
  font-weight: 300;
  color: #333;
  opacity: 1 !important;
  background: none !important;
}
@media (max-width: 768px) {
  .container {
    width: 90%;
  }
  .media, .media-body {
    padding-right: 10px;
  }
  .media-heading {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .media-dreamtracker {
    padding: 20px 0;
  }
  .dreamtracker-left-media {
    padding: 20px 0;
  }
  .dreamtracker-left-media p {
    font-size: 16px;
    padding-top: 0px;
  }
  .progress .progressbar-back-text {
    font-size: 16px;
  }
}
.input-group-addon {
  background-color: #fff;
  font-size: 16px;
  padding: 12px;
}
.rewards-for-you .product-title {
  -webkit-line-clamp: unset;
  overflow: visible;
  max-height: none;
}
.feed-title h3 {
  margin-bottom: 0px !important;
}
@media screen and (max-width: 1250px) {
  #reward-gallery .facetsContainer .rangeSearch_container .form-control.searchMin, .rangeSearch_container .form-control.searchMax {
    border: 1px solid #333;
  }
}
/* STOREFRONT CSS */
.mwA {
  width: 90%;
}
.main-carousel-two {
  max-width: 1500px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
  width: 90%;
}
.category-slider-header {
  font-size: 26px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
.card-menu-1 .heading {
  text-align: center !important;
  text-transform: uppercase !important;
  margin: 0 0 30px 0 !important;
}
.main-category-slider ol.flickity-page-dots li.dot::before {
  color: #262829 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}
.main-category-slider ol.flickity-page-dots li.dot.is-selected::before {
  color: var(--duet-color-primary) !important;
}
.main-category-slider ol.flickity-page-dots {
  background: transparent !important;
}
.main-category-slider ol.flickity-page-dots li {
  border-right: none !important;
  border-radius: 6px !important;
}
.category-box p.category-heading {
  font-weight: 500 !important;
}
.main-category-two-container .category-slider-header, .main-subcategories-container .subcategory-slider-header, .main-category-2-container .category-2-slider-header, .main-card-menu-2-container .subcategory-slider-header {
  text-align: center !important;
  width: 100% !important;
  font-size: 26px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: #262829 !important;
}
.category-3 .heading-text-container .heading {
  text-align: center !important;
  width: 100% !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
}
.main-category-2-container .category-2-slider-header {
  padding-bottom: 16px !important;
}
.main-category-2-slider .copy-container p.title {
  font-size: 38px !important;
  color: #262829 !important;
}
.main-category-two-container .category-two-grid .grid-block.wide-block p {
  color: #262829 !important;
}
h2.cat {
  text-align: center !important;
  letter-spacing: normal;
  font-size: 26px !important;
  font-weight: 600 !important;
  color: #262829 !important;
  padding: 1rem 40px;
}
.cline.b-grey {
  display: none;
}
.callout-cat .inner p {
  font-size: 14px;
  letter-spacing: normal;
  font-weight: 500;
  color: #222;
}
.callout-cat .inner .b-grey {
  text-transform: none !important;
}
.callout-cat .inner {
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.04) !important;
}
.mwA {
  max-width: 1500px;
  padding: 40px 0 80px;
}
.b-grey {
  border: solid 2px #f0f2f4;
  border-top: 0;
}
.featured-brand {
  background-color: #f0f2f4;
}
.mallDashboard-page. rewards-for-you .product-box {
  border: 8px solid #f0f2f4;
}
.container.carousel button.hero-slider.next-button {
  margin-right: 20px;
}
.container.carousel button.hero-slider.prev-button {
  margin-left: 20px;
}
.main-summer-sale-container a, .main-category-2-slider .copy-container a {
  font-weight: 600 !important;
}
.card-menu-1 .body-text {
  font-weight: 500 !important;
  max-width: 800px !important;
  line-height: 1.5 !important;
}
.main-card-menu-2-container .card-menu-box p.box-head {
  font-weight: 600 !important;
  font-size: 22px !important;
}
.prepaid-banner .body-text {
  font-weight: 500 !important;
}
@media (max-width: 992px) {
  h2.cat {
    font-size: 20px !important;
    padding: 0 !important;
    margin-top: 0 !important;
  }
.prepaid-banner .prepaid-banner-card-img {
  background-position: left center !important;
  }
  .main-category-two-container .category-slider-header, .main-subcategories-container .subcategory-slider-header, .main-category-2-container .category-2-slider-header, .main-card-menu-2-container .subcategory-slider-header {
    font-size: 18px !important;
  }
  .main-category-two-container {
    padding: 40px 10px !important;
  }
  .category-slider-header {
    font-size: 18px !important;
  }
  .main-popular-categories-container {
    padding: 40px 20px 80px !important;
  }
  .widget-container-col .callout-cat {
    flex-basis: 50% !important;
  }
  .featured-brand .callout-cat .inner .img-responsive {
    height: 28.7vw !important;
  }
  .cline.b-grey {
    display: none !important;
  }
}
/* END STOREFRONT CSS */
/* MEMBER HERO CSS */

#member-dashboard .hero-bg {
  font-family: 'Poppins', sans-serif !important;
  padding: 80px 0px 100px !important;
  background-size: cover !important;
  margin: 0 -50vw -70px !important;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('https://amex-rewards.uat-internal-cs.p2motivate.com/asset/43249/v=1709755877') no-repeat center center !important;
  background-size: cover !important;
}

#member-dashboard .hero-bg .header-top {
  font-family: 'Poppins', sans-serif !important;
  font-size: 45px !important;
  font-weight: 900 !important;
  color: #fff !important;
  position: relative !important;
  display: inline-block !important;
  line-height: 60px !important;
  margin-bottom: 30px !important;
  max-width: 550px !important;
  margin-top: -20px !important;
  color: #333 !important;
}
#member-dashboard .hero-bg .header-bottom {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #fff !important;
  line-height: 24px !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 45px !important;
  max-width: 25vw !important;
  color: #333 !important;
}
#member-dashboard .hero-bg .dashboard-button a {
  border-radius: 50px !important;
  padding: 15px 60px 15px 30px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  letter-spacing: 2px !important;
  z-index: 1 !important;
  transition: all 0.13s ease-in-out !important;
  cursor: pointer !important;
}
#member-dashboard .hero-bg .dashboard-button a:hover {
  border: 1px solid var(--duet-color-primary) !important;
  color: #fff !important;
}
#member-dashboard .hero-bg .table-display-2 {
  display: table !important;
  border: 0px solid #fff !important;
  padding: 30px !important;
  border-radius: 6px !important;
  height: 418px !important;
  width: 100% !important;
  background: #fff !important;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.08) !important;
  margin-bottom: 20px !important;
}
#member-dashboard .hero-bg .header-top3 {
  font-size: 22px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 15px !important;
}
#member-dashboard .hero-bg .header-bottom2 {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #333 !important;
  line-height: 18px !important;
  margin-bottom: 25px !important;
}
#member-dashboard .points, #main .points a {
  font-family: 'Poppins', sans-serif !important;
  line-height: 30px !important;
  font-size: 26px !important;
  margin-bottom: 0px !important;
  font-weight: 600 !important;
}
#member-dashboard .points-text, #main .points-text a {
  font-family: 'Poppins', sans-serif !important;
  line-height: 14px !important;
  font-size: 12px !important;
}
#member-dashboard .hero-bg .dashboard-button2 a {
  font-family: 'Poppins', sans-serif !important;
  position: relative !important;
  display: inline-block !important;
  padding: 18px 20px !important;
  border: 1px solid #292929 !important;
  background-color: #fff !important;
  color: #292929 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  letter-spacing: 1px !important;
  z-index: 1 !important;
  transition: all 0.13s ease-in-out !important;
  cursor: pointer !important;
  border-radius: 6px !important;
  width: 100%;
  margin-bottom: 12px !important;
}
@media (max-width: 1000px) {
  #member-dashboard .hero-bg {
    padding: 50px 30px !important;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('https://amex-rewards.uat-internal-cs.p2motivate.com/asset/43246/v=1709750293') repeat !important;
  }
  #member-dashboard .hero-bg .text {
    font-size: 14px !important;
  }
  #member-dashboard .hero-bg .logo {
    max-width: 80px !important;
  }
}
@media only screen and (max-width: 1300px) and (min-width: 975px) {
  #member-dashboard .hero-box-1 {
    width: 30% !important;
  }
  #member-dashboard .hero-box-2 {
    width: 35% !important;
  }
}
@media only screen and (max-width: 1300px) {
  #member-dashboard .hero-bg .header-top {
    font-size: 30px !important;
    position: relative !important;
    display: inline-block !important;
    line-height: 40px !important;
    margin-bottom: 30px !important;
    margin-top: 5px !important;
    max-width: 550px !important;
  }
  #member-dashboard .hero-bg .header-bottom {
    font-size: 12px !important;
  }
  #member-dashboard .hero-bg .dashboard-button a {
    font-size: 12px !important;
  }
}
#member-dashboard .hero-bg .row {
  justify-content: left !important;
}
#member-dashboard .hero-box-1 {
  width: 43% !important;
}
#member-dashboard .hero-box-2 {
  justify-content: right !important;
  margin: 0 10px !important;
}
@media only screen and (max-width: 955px) {
  #member-dashboard .hero-bg {
    padding: 40px 0px 40px 0px !important;
    margin: 0 -50vw !important;
  }
  #member-dashboard .hero-bg .header-top {
    display: none !important;
  }
  #member-dashboard .hero-bg .header-bottom {
    display: none !important;
  }
  #member-dashboard .svg-button-about {
    display: none !important;
  }
  #member-dashboard .dashboard-button {
    display: none !important;
  }
}
@media only screen and (max-width: 600px) {
  #member-dashboard .hero-box-2 {
    width: 100% !important;
    justify-content: center !important;
    margin: 0 !important;
  }
  #member-dashboard .hero-bg .table-display-2 {
    height: auto !important;
  }
}
/* END MEMBER HERO CSS */



/* START DASHBOARD BOOTSTRAP */
	.dashboards-page .col-xs-1,
	.dashboards-page .col-sm-1,
	.dashboards-page .col-md-1,
	.dashboards-page .col-lg-1,
	.dashboards-page .col-xs-2,
	.dashboards-page .col-sm-2,
	.dashboards-page .col-md-2,
	.dashboards-page .col-lg-2,
	.dashboards-page .col-xs-3,
	.dashboards-page .col-sm-3,
	.dashboards-page .col-md-3,
	.dashboards-page .col-lg-3,
	.dashboards-page .col-xs-4,
	.dashboards-page .col-sm-4,
	.dashboards-page .col-md-4,
	.dashboards-page .col-lg-4,
	.dashboards-page .col-xs-5,
	.dashboards-page .col-sm-5,
	.dashboards-page .col-md-5,
	.dashboards-page .col-lg-5,
	.dashboards-page .col-xs-6,
	.dashboards-page .col-sm-6,
	.dashboards-page .col-md-6,
	.dashboards-page .col-lg-6,
	.dashboards-page .col-xs-7,
	.dashboards-page .col-sm-7,
	.dashboards-page .col-md-7,
	.dashboards-page .col-lg-7,
	.dashboards-page .col-xs-8,
	.dashboards-page .col-sm-8,
	.dashboards-page .col-md-8,
	.dashboards-page .col-lg-8,
	.dashboards-page .col-xs-9,
	.dashboards-page .col-sm-9,
	.dashboards-page .col-md-9,
	.dashboards-page .col-lg-9,
	.dashboards-page .col-xs-10,
	.dashboards-page .col-sm-10,
	.dashboards-page .col-md-10,
	.dashboards-page .col-lg-10,
	.dashboards-page .col-xs-11,
	.dashboards-page .col-sm-11,
	.dashboards-page .col-md-11,
	.dashboards-page .col-lg-11,
	.dashboards-page .col-xs-12,
	.dashboards-page .col-sm-12,
	.dashboards-page .col-md-12,
	.dashboards-page .col-lg-12 {
		position: relative;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 20px;
	}

	.dashboards-page .row {
		margin-left: -8px;
		margin-right: -8px;
	}

/* END DASHBOARD BOOTSTRAP */


/* START STOREFRONT DASHBOARD */

.mallDashboard-page #main {
  font-family: 'Poppins', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  margin-bottom: -16px !important;
}

.bic-flex-con-block-widget {
  font-family: 'Poppins', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  background-position: bottom center !important;
  padding-bottom: 5em !important;
}

.bic-flex-con-block-widget .card-content .card-details {
  width: 70% !important;
}

.bic-flex-con-block-widget .widget-head .title {
  font-size: 1.6em !important;
  margin-bottom: 50px !important;
  text-align: center !important;
}

.bic-flex-con-block-widget .widget-head div {
  text-align: center !important;
  width: 100% !important;
}

.brand-store-container {
  padding-top: 30px !important;
  padding-bottom: 60px !important;
  font-family: 'Poppins', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.featured-brand {
  background-image: url("https://recognition-sales-demo.p2motivate.com/asset/152917");
  background-size: cover;
}

.rewards-for-you .savings-button {
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: center;
  background-color: #a802a3;
  background-color: var(--duet-color-primary);
  border-radius: 12px;
  font-size: 12px;
  padding: 10px;
  display: table;
  border-radius: 100%;
  width: 70px;
  height: 70px;
}

.rewards-for-you .savings-button span:first-child {
  font-weight: 700 !important;
  font-size: 14px !important;
  display: block !important;
}

.rewards-for-you .savings-button span:last-child {
  font-size: 10px;
  width: 100%;
  display: block;
}

.rewards-for-you .price-tag .strikethrough {
  font-size: 15px !important;
}

.card-count-2 .container {
width: 95% !important;
}
.card-count-2 .card-content .card-details {
  width: 100% !important;
}

.bic-flex-con-block-widget.card-count-2.layout-1 .card-1 .card-content, .bic-flex-con-block-widget.card-count-2.layout-1 .card-2 .card-content {
    padding: 5em 3em !important;
  }

.brand-store-container .store-wrapper h2 {
  font-size: 20px !important;
}


/* END STOREFRONT DASHBOARD */



#member-dashboard .panel-tertiary {
  margin-bottom: 25px !important;
}

.feed-widget-item .feed-widget-body.bday-bg {
  background-image: url(https://de1qw0dg41vdz.cloudfront.net/spa-proxy-1.2.84.85.1-29/images/feed/confetti.svg) !important;
}

.main-hero-profile-container {
  font-family: 'Poppins', sans-serif !important;
  padding: 80px 0 100px !important;
  margin-bottom: -70px !important;
}

@media (max-width: 1000px) {
  .main-hero-profile-container {
    padding: 50px 10px !important;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('https://amex-rewards.uat-internal-cs.p2motivate.com/asset/43262/v=1709750293') !important;
  }
}

.main-hero-profile-container .container {
 padding: 0 !important;
}

.main-member-profile-container {
  padding: 15px 0 !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%) !important;
  box-shadow: none !important;
  background: var(--duet-color-primary) !important;

}

.profile-link {
  font-size: 14px !important;
}

.main-member-profile-container .profile-info {
  width: 45% !important;
}
.profile-link .icon {
  width: 35px !important;
  height: 35px !important;
}

.main-hero-profile-container .hero-copy a.hero-cta {
  padding: 16px 60px 16px 20px !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
}

.main-hero-profile-container .hero-copy h1 {
  font-size: 45px !important;
}

.hero-recognition-container.layout-2 {
 margin: 0 -50vw -60px !important;
 background-position: top left !important;
}

.hero-recognition-container.layout-2 .hero-copy h1 {
  font-size: 55px !important;
  margin: 0 0 4vh 0 !important;
  line-height: 1.2 !important;
  color: #111 !important;
}

.hero-recognition-container.layout-2 .container {
  padding: 8vh 0 10vh 0 !important;
}

@media only screen and (max-width: 600px) {
.main-hero-profile-container .hero-copy h1 {
  font-size: 25px !important;
}
.main-hero-profile-container .hero-copy p {
  font-size: 14px;
  }
.hero-recognition-container.layout-2 .hero-copy h1 {
  font-size: 28px !important;
  margin-bottom: 20px !important;
}
  .feed-widget-body .award-receiving-member .award-member-name {
    top: 110px;
  }
.feed-widget-item .grouped-nominees .slider .slick-initialized .slick-slide {
    width: 100px !important;
  }
.hero-recognition-container.layout-2 .container {
  padding: 0 0 6vh 0 !important;
}
.hero-recognition-container.layout-2 {
  background: none !important;
}
.hero-recognition-container.layout-2 .hero-copy p  {
  font-size: 15px !important;
  margin-bottom: 30px !important;
  text-align: center !important;
}
.hero-recognition-container layout-2 .hero-2-balance, hero-recognition-container layout-2 .profile-link {
  background: rgba(255, 255, 255, 0.1) !important;
  text-decoration: none;
  width: 40% !important;
}
.main-member-profile-container {
  padding: 25px 0 !important;
}
.main-member-profile-container .avatar {
  margin-bottom: 20px !important;
}
.main-member-profile-container .profile-info {
  width: 100% !important;
}
.profile-info.flex-row.justify-center {
    border-bottom: 0px !important;
  }
.hero-recognition-container.layout-2 .hero-copy h1 {
  text-align: center;
}
.hero-recognition-container.layout-2 .hero-copy a.hero-cta {
  display: block !important;
  letter-spacing: unset !important;
  margin: 0 auto !important;
  max-width: 80% !important;
}
.hero-recognition-container.layout-2 .hero-copy {
  margin: 0 0 50px !important;
}
}

.main-hero-profile-container .hero-copy p {
  line-height: 1.6 !important;
}

.right-section-bottom {
  width: 100% !important;
}

.left-links-container {
  display: flex !important;
  flex-grow: 1 !important;
}

.left-section-links .left-link {
  width: 100% !important;
}

.left-link .image-wrapper {
  width: 50px !important;
  height: 50px !important;
}

.left-link .image-wrapper .link-icon {
  width: 25px !important;
  height: 25px !important;
}

.left-section-links {
  width: 100% !important;
}

.timg-overlay {
  border: 0;
  border-radius: 20px;
  overflow: hidden;
}

.timg .caption-in-image {
  display: none;
}

.timg.timg-overlay .image::after {
  background-image: none;
}

.games-page .container .container, .myAccount-page .container .container {
  width: 100%;
}

#productQty {
  border-radius: 0px !important;
}

.progress {
  border: 1px solid var(--duet-color-primary);
}


/* PURPLE BRAND STYLES */

.hero-recognition-container.layout-1 {
  font-family: 'Poppins', sans-serif;
  background-size: cover;
  padding: 100px 0px 120px 0px;
  width: 100vw;
  border-radius: 0px;
  left: 50%;
  right: 50%;
  margin: 0 -50vw -35px;
  background-position: top center !important;
}

.hero-recognition-container.layout-1 .hero-box {
  background: #fff !important;
}

.hero-recognition-container.layout-1 .hero-box-heading {
  color: #333 !important;
  font-weight: 700 !important;
}

.hero-recognition-container.layout-1 .hero-profile-quick-link p {
  color: #333 !important;
}

.hero-recognition-container.layout-1 .quick-link {
  border: 1px solid #292929 !important;
}

.hero-recognition-container.layout-1 .quick-link a {
  padding: 18px 50px 18px 20px !important;
}

.hero-recognition-container.layout-1 .heading {
  text-transform: none !important;
  font-weight: 900 !important;
  color: #fff !important;
  font-size: 45px !important;
  line-height: 55px !important;
}

.hero-recognition-container.layout-1 .hero-1-header-container {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #fff !important;
  line-height: 24px !important;
  letter-spacing: 0.5px !important;
}

.hero-recognition-container.layout-1 .hero-1-header-container p {
  max-width: 430px !important;
}

.shop-hamburger span {
  padding-left: 0px !important;
}

.shop-hamburger span, .shop-hamburger i, #nav-icon3 i {
  color: #333;
}

/* START LEADERBOARD */

[data-widget-id="28130"] {
margin-top: 50px !important;
}

[data-widget-id="28130"] .panel-heading {
padding: 20px !important;
border-radius: 6px 6px 0 0 !important;
}

[data-widget-id="28130"] div {
border: none !important;
}

[data-widget-id="28130"] em {
display: none !important;
}

[data-widget-id="28130"] .btn {
margin-top: 45px !important;
padding: 15px 30px !important;
}

[data-widget-id="28130"] h3 {
color: #101828 !important;
font-size: 20px !important;
font-weight: 600 !important;
}

[data-widget-id="28130"] .table {
font-size: 14px !important;
}

/* END LEADERBOARD */

/* START SERIAL CARD */

[data-widget-id="28133"] .form-control {
border: 1px solid #fff !important;
margin-bottom: 30px !important;
border-radius: 3px !important;
}

[data-widget-id="28133"] .btn {
padding: 10px !important;
background-color: #ffffff !important;
color: var(--duet-color-primary) !important;
width: 100% !important;
font-size: 16px !important;
border-radius: 100px !important;
}

/* END SERIAL CARD */

#desktop_breadcrumb a, #desktop_breadcrumb li, #desktop_breadcrumb span {
  text-decoration: none !important;
}

.point-bucket .inner {
  padding-right: 15px !important;
}

.point-bucket .inner:last-child, .point-count-redirect-block.inner {
  padding-left: 15px !important;
}

[data-widget-id="27969"] {
  width: 100vw !important;
  left: 50% !important;
  right: 50% !important;
  margin: 0 -50vw !important;
  background: linear-gradient(180deg, rgba(245,245,247,1) 0%, rgba(255,255,255,1) 100%) !important;
}

.hero-2-profile-links .profile-link {
  padding: 20px 10px !important;
}

.main-member-profile-container .avatar {
  padding: 0 20px !important;
}

@media only screen and (max-width: 600px) {
  .hero-recognition-container.layout-2 .container::before {
    background: url('https://applause-demo.p2motivate.com/asset/156441') no-repeat center center / cover;
    background-size: cover !important;
    height: 40vh;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}

[data-widget-id="28027"] .bic-flex-con-block-widget .card-content .card-details {
  width: 100% !important !important;
} 

[data-widget-id="28027"] h3 {
  font-size: 15px !important;
} 

[data-widget-id="28027"] .card-content {
  padding-top: 12px !important;
}

@media (min-width: 1200px) {
  .bic-flex-con-block-widget.card-count-4.layout-3 .card-1, .bic-flex-con-block-widget.card-count-4.layout-3 .card-2, .bic-flex-con-block-widget.card-count-4.layout-3 .card-3, .bic-flex-con-block-widget.card-count-4.layout-3 .card-4 {
    aspect-ratio: 360 / 418 !important;
  }
}


@media only screen and (max-width: 600px) {
.main-promo-1-container .promo-img-container {
  flex-basis: 100% !important;
}

.main-promo-1-container {
  flex-direction: column !important;
}

.main-promo-2-container .promo-img-container {
  flex-basis: 100% !important;
}

.main-promo-2-container {
  flex-direction: column !important;
}

.main-promo-3-container .promo-img-container {
  flex-basis: 100% !important;
}

.main-promo-3-container {
  flex-direction: column !important;
}

.main-promo-4-container .promo-img-container {
  flex-basis: 100% !important;
}

.main-promo-4-container {
  flex-direction: column !important;
}

.main-promo-1-container .promo-copy-container {
  padding: 15px !important;
  text-align: center !important;
}

.main-promo-2-container .promo-copy-container {
  padding: 15px !important;
  text-align: center !important;
}

.main-promo-3-container .promo-copy-container {
  padding: 15px !important;
  text-align: center !important;
}

.main-promo-4-container .promo-copy-container {
  padding: 15px !important;
  text-align: center !important;
}

.main-promo-1-container .promo-copy-container a {
  margin: 20px auto !important;
}

.main-promo-2-container .promo-copy-container a {
  margin: 20px auto !important;
}

.main-promo-3-container .promo-copy-container a {
  margin: 20px auto !important;
}

.main-promo-4-container .promo-copy-container a {
  margin: 20px auto !important;
}

.main-v1-quarterly-sales-container {
  margin-bottom: 20px !important;
}
}

.main-promo-4-container .ballots-earned-container .ballots-icon {
  background-image: none !important;
  border: 4px dotted var(--duet-color-primary) !important;
}

.main-promo-3-container .is-completed-container p {
  color: #101828 !important;
}

.main-promo-4-container .ballots-earned-container p {
  color: #101828 !important;
}

.apple-selector-v2 .pdp-content .reward-cost-pricing, .apple-selector-v2 .pdp-content .reward-cost-container {
  margin-bottom: 16px !important;
}

.rewardsDetail-page .apple-selector .body-xtra-small {
  font-size: 1em !important;
}

#ddlProfile svg {
  width: 24px !important;
  height: 24px !important;
}

#sortButton {
background: #fff !important;
}

#resultsBar .btn-icon {
background: #fff !important;
}

.fa-chevron-circle-right::before {
  content: "\f054" !important;
}

.rewardsDetail-page .apple-selector-v2 .selector-v2 h2, .rewardsDetail-page .apple-selector-v2 .apple-care h2, .rewardsDetail-page .apple-selector-v2 .selector-v2 h2 .title-gray, .rewardsDetail-page .apple-selector-v2 .apple-care h2 .title-gray {
  font-size: 18px !important;
}

.apple-selector-v2 .selector-v2-bottom .dreamtrackable {
  margin-top: 10px !important;
}


/* END APPLE SPECIFIC */



.admin-dashboard {
background-color: #f0f2f4;
}

.feed-widget-body .award-receiving-member .award-member-name {
  display: none;
}

.feed-widget-body .feed-widget-desc-container .award-receiving-member .char-circle span, .feed-widget-body .feed-widget-desc-container .award-received .char-circle span, .feed-widget-body .feed-widget-desc-container .award-receiving-member span.icon, .feed-widget-body .feed-widget-desc-container .award-received span.icon {
  font-size: 30px;
}

.hero-recognition-container.layout-1 {
  margin: 0 -50vw -80px !important;
}