@import url("https://use.typekit.net/jfj1iyy.css");

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

#FAB {
  display: none;
}

.grs-storefront-logo img {
  max-height: 45px;
  min-width: auto !important;
}

#member-dashboard .layout-cpnt {
  margin-top: 0;
  margin-bottom: 12px;
}

html body {
  font-weight: 400;
  font-size: 13px !important;
}

body {
  font-family: "gotham", sans-serif;
  font-family: "Figtree", sans-serif;
  font-smooth: always !important;
}

h1, h2 {
  text-transform: uppercase !important;
}

.memberHome-page {
  background: #f0e9df !important;
}

.promotion-rule {
  border: 1px solid #fff !important;
  box-shadow: 0 4px 16px -4px rgba(0,0,0,.04) !important;
}

.memberHome-page .page-header {
  border-bottom: none !important;
}


.rule-top h2 {
  font-size: 18px !important;
  line-height: 24px !important;
  text-transform: uppercase !important;
  margin-bottom: 20px !important;
}

.row {
  margin-left: -12px;
  margin-right: -12px;
}

.flex-col [class*="col-"], .flex-row [class*="col-"], .flex-col [class*="flex-col-"], .flex-row > [class*="flex-col-"] {
  float: none;
  padding-left: 12px;
  padding-right: 12px;
}

.product-title .font-size-h4 {
  font-size: 12px;
  line-height: 18px;
}

.filter-posts-container {
  display: none !important;
}

.carousel {
  width: 100% !important;
}

.box-headline {
color: #062642;
font-size: 30px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.6px;
text-transform: uppercase;
}	

.card-count-1 {
  padding-top: 0 !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 12vh !important;
}

.hero-recognition-container.layout-2 .hero-copy p {
  font-size: 18px !important;
  margin: 0 0 6vh 0 !important;
  color: #222 !important;
}

.static-banner-container {
  display: none !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;
}
.pagination li a, .pagination li span {
  border: 1px solid transparent;
  border-radius: 100px;
}
.pagination li:first-child a, .pagination li:first-child span {
  margin-left: 0;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
}
.pagination-sm li:last-child a, .pagination-sm li:last-child span {
  border-bottom-right-radius: 100px;
  border-top-right-radius: 100px;
}
.pagination-sm li a, .pagination-sm li span {
  font-size: 14px;
}
.pagination li a:hover {
  background-color: #fff;
  border: 1px solid #333;
}
.pagination li span:hover {
  background-color: none;
  border: 1px solid transparent;
}
#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;
}
.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);
}
.form-control.checkout {
  height: 45px;
}
.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;
}
.container {
  width: 90%;
}

.rewardsDetail-page .form-control {
  height: 45px;
}
.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;
  height: 45px;
}
.category-search-typeahead .styledSelect {
  max-width: 300px;
  padding: 10px 35px 10px 15px;
  height: 45px;
}
.input-search .form-control {
  height: 45px;
}
.category-search-typeahead .styledSelect::after {
  right: 12px;
}
.mega-menu-dashboard-dropdown button {
  font-weight: 500;
}
input.reward-search, input.typeahead.tt-hint {
  font-weight: 400 !important;
}
.shop-hamburger {
  font-weight: 500;
  height: 45px;
}
.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;
}
.form-control {
  padding: 10px;
  height: auto;
}
.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);
}
#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 (min-width: 992px) {
  .container {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 90%;
  }
}
@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 {
  padding: 80px 0px 100px !important;
  background-size: cover !important;
  margin: 0 -50vw -70px !important;
  background-size: cover !important;
}

#member-dashboard .hero-bg .header-top {
  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 {
  line-height: 30px !important;
  font-size: 26px !important;
  margin-bottom: 0px !important;
  font-weight: 600 !important;
}
#member-dashboard .points-text, #main .points-text a {
  line-height: 14px !important;
  font-size: 12px !important;
}
#member-dashboard .hero-bg .dashboard-button2 a {
  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 {
  margin-bottom: -16px !important;
}

.bic-flex-con-block-widget {
  background-position: bottom center !important;
  padding-bottom: 5em !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;
}

.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;
  font-size: 14px;
  display: block;
}

.rewards-for-you .savings-button span:last-child {
  font-size: 10px;
  width: 100%;
  display: block;
}

.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 {
  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 {
 background-position: center center !important;
}

.hero-recognition-container.layout-2 .hero-copy h1 {
  font-size: 48px !important;
  margin: 0 0 4vh 0 !important;
  line-height: 1.2 !important;
  color: #222 !important;
}

.hero-recognition-container.layout-2 .container {
  padding: 10vh 0 10vh 0 !important;
}

@media screen and (max-width: 992px) {
  .profile-info.flex-row.justify-center {
    border-bottom: 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;
}

.hero-recognition-container.layout-2 .container {
  padding: 6vh 0 6vh 0 !important;
}
.main-member-profile-container .profile-info {
  width: 100% !important;
}
.hero-recognition-container.layout-2 .hero-copy h1 {
  text-align: center;
}
.hero-recognition-container.layout-2 .hero-copy p {
  font-size: 13px;
  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 20px !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%;
}

.banners {
  display: none !important;
}

#productQty {
  border-radius: 0px !important;
}

.progress {
  border: 1px solid var(--duet-color-primary);
}


/* PURPLE BRAND STYLES */

.hero-recognition-container.layout-1 {
  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: #333 !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: #333 !important;
  line-height: 24px !important;
  letter-spacing: 0.5px !important;
}

.hero-recognition-container.layout-1 .hero-1-header-container p {
  max-width: 430px !important;
}

/* START LEADERBOARD */



[data-widget-type="leaderboard"] {
margin-top: 50px !important;
}

[data-widget-type="leaderboard"] .panel-heading {
padding: 20px !important;
border-radius: 6px 6px 0 0 !important;
}

[data-widget-type="leaderboard"] div {
border: none !important;
}

[data-widget-type="leaderboard"] em {
display: none !important;
}

[data-widget-type="leaderboard"] .btn {
margin-top: 45px !important;
padding: 15px 30px !important;
}

[data-widget-type="leaderboard"] h3 {
color: #101828 !important;
font-size: 20px !important;
font-weight: 600 !important;
}

[data-widget-type="leaderboard"] .table {
font-size: 14px !important;
}

/* END LEADERBOARD */

/* START SERIAL CARD */

[data-widget-type="serialcard"] .form-control {
border: 1px solid #fff !important;
margin-bottom: 30px !important;
}

[data-widget-type="serialcard"] .btn {
padding: 10px !important;
background-color: #fff !important;
color: var(--duet-color-primary) !important;
width: 100% !important;
font-size: 16px !important;
}

/* END SERIAL CARD */

.shop-hamburger span {
  padding-left: 0px;
}

.shop-hamburger span, .shop-hamburger i, #nav-icon3 i {
  color: #333;
}

.admin-dashboard {
  background-color: #f0f2f4;
}

#admin-dashboard {
  margin-top: 40px;
}

.admin-dashboard #member-dashboard .layout-cpnt {
  margin-bottom: 20px !important;
}

.nom-wizard-container {
  font-family: inherit !important;
}

#desktop_breadcrumb a {
  text-decoration: none !important;
}

#dreamTracker .btn.checkout {
  min-width: 140px;
}

@media (max-width: 768px) {

.main-promo-1-container,
.main-promo-2-container,
.main-promo-3-container,
.main-promo-4-container {
  display: block !important;
  text-align: center !important;
}

.promo-copy-container {
  padding: 0 !important;
}


.main-promo-1-container .promo-img-container,
.main-promo-2-container .promo-img-container,
.main-promo-3-container .promo-img-container,
.main-promo-4-container .promo-img-container {
  width: 60% !important;
  margin: 0 auto 20px !important;
}


.main-promo-1-container .promo-copy-container a,
.main-promo-2-container .promo-copy-container a,
.main-promo-3-container .promo-copy-container a,
.main-promo-4-container .promo-copy-container a {
  margin: 20px auto !important;
}

.main-promo-3-container .is-completed-container {
  width: auto !important;
}

.main-promo-4-container .ballots-earned-container {
  width: auto !important;
}

.hero-recognition-container.layout-2 {
  background-position: left center !important;
}

}

.award-image {
  max-width: none !important;
}

.feed-widget-item .grouped-nominees .user-avatar-thumb-container {
  width: 115px !important;
}

.swiper-button {
  background-color: #fff !important;
  opacity: 1 !important;
  box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.03), 0 12px 16px -4px rgba(16, 24, 40, 0.08) !important;
  border: 1px solid #EAECF0 !important;
}

.nom-wizard-container .swiper-wrapper {
  padding-bottom: 0 !important;
}

.nom-wizard-container swiper-slide {
  padding-bottom: 20px !important;
}

.award-card {
  box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.03), 0 12px 16px -4px rgba(16, 24, 40, 0.05) !important;
}

.nomination-wrapper {
  max-width: 1300px !important;
}

#sortButton, .btn-icon {
  background: #fff !important;
}

.range_search_form .btn-icon {
  background: none !important;
}

.fa-chevron-circle-right::before {
  content: "\f054" !important;
}

.rangeSearch_container .form-control.searchMin, .rangeSearch_container .form-control.searchMax {
  border: 1px solid #333;
  background: #fff;
}

.apple-selector-v2 .pdp-content .reward-cost-pricing, .apple-selector-v2 .pdp-content .reward-cost-container {
  margin-bottom: 16px !important;
}

.earnings-carousel .slide-content {
  background: #00325A !important;
  border: 1px solid #00325A !important;
}

.earnings-carousel .slide-amount {
  color: #fff !important;
  font-size: 30px !important;
  font-weight: 500 !important;
}

.earnings-carousel .slide-label {
  color: #fff !important;
  font-weight: 500 !important;
}


.widget-header {
  font-family: inherit;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 15px !important;
}

.view-details-btn {
  font-weight: 500 !important;
  font-size: 12px !important;
}

.feature-brands-carousel-container {
  margin-bottom: -16px !important;
}

@media screen and (max-width: 1024px) {
  .feature-brands-carousel-container {
    padding: 0px 16px !important;
  }
}

/* Custom Footer */
.footer-container {
  margin-bottom: -18px !important;
}
.footer-container .footer-top-container {
  background-color: #062642;
}
.footer-top-container .container {
    padding: 80px 0;
}
.footer-container .footer-col {
  list-style: none;
  gap: 12px;
  /*min-width: 250px;*/
  padding: 0;
  margin: 0;
}
.footer-container .footer-top-container a {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.footer-container .footer-bottom-container {
  background-color: #091A2D;
  padding: 48px 0;
}
.footer-container .footer-copyright {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.footer-bottom-container .social-media {
  display: flex;
  gap: 24px;
}
.footer-bottom-container .social-media a img {
  transition: all 0.3s ease;
}
.footer-bottom-container .social-media a:hover img {
  filter: brightness(0) invert(1);
  transform: scale(1.1);
}

.footer-container .footer-top-container a.brdr-right img {
    border-right: 1px solid #FFFFFF;
    padding-right: 30px;
} 
.footer-container .footer-top-container a.brdr-left img {
    padding-left: 30px;
}

/* changes */
    .footer-container .footer-links {
        flex: 1;
        justify-content: space-evenly !important;
    }

    .footer-container .footer-top-container img, .footer-container .footer-bottom-container img {
        max-width: 120px;
    }

    .footer-container .footer-top-container .btn-container a.logo-mobile {
        display: none;
    }

.feed-widget-body .card-well.radius-10 {
  border-radius: 0 !important;
}

.create-a-post-container.card-well, .feed-widget-item.card-well {
  border: none !important;
  box-shadow: 0 4px 10px 0 #0000000a !important;
}

.feed-widget .btn-round, .feed-widget-fs-modal .btn-round {
  padding: 14px 28px 14px 50px !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
  text-transform: uppercase;
}

.feed-widget .btn-round span.plus::after, .feed-widget-fs-modal .btn-round span.plus::after {
  top: 11px !important;
  left: 26px !important;
  font-size: 20px !important;
}

.feed-widget .btn-round .show-all, .feed-widget-fs-modal .btn-round .show-all {
  font-size: 13px !important;
  line-height: 22px !important;
}

.feature-brands-carousel-container .carousel-title {
  font-size: 30px !important;
  font-weight: 600 !important;
}

.dropdown-menu li {
  min-height: auto !important;
}

.dropdown-menu li a {
  padding: 10px 32px 10px 16px !important;
  text-transform: uppercase;
  font-weight: 600;
}

.w_cards .card_panel {
  border-radius: 2px 2px 25px;
}

.w_cards .cards_item {
  border-radius: 40px 0;
}

span.cdr-button {
  background-color: #fff;
  color: #222;
  border-radius: 100px;
  font-weight: 500;
  padding: 6px 10px;
  font-size: 12px;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 1024px) {
    .feed-widget-body .feed-dashboard-mobile-search {
    display: none;
  }
  .footer-container .footer-links {
    flex-direction: column;
    gap: 50px;
  }
  .footer-container .footer-col {
    /*align-items: end;*/
    align-items: flex-start;
  }
  .footer-bottom-container .social-media {
    justify-content: center;
    margin-top: 16px;
  }
  .footer-bottom-content {
    flex-direction: column;
    gap: 16px;
    align-items: start;
  }
  .footer-container .footer-links {
    gap: 16px;
  }
  .footer-container .bottom-inner-container {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 24px;
  }
  .footer-container .footer-copyright {
    width: 60%;
  }
  /* changes */
       .footer-top-container .container {
            padding: 40px 0;
       }
        .footer-container .top-inner-container {
            flex-direction: row-reverse;
        }

        .footer-container .footer-top-container .btn-container a.logo-mobile {
            display: block;
        }

        .footer-container .footer-top-container .btn-container {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-self: stretch;
            align-items: center;
        }

        .footer-container .footer-top-container a.brdr-right img {
            border-right: none;
            padding-right: 0;
        } 

        .footer-container .footer-top-container a.brdr-left img {
            padding-left: 0;
        }

        .footer-container .footer-top-container a.logo-desktop {
            display: none !important;
        }

        .gallery-dash-nav-item {
              display: none !important;
          }
          #header-wrap .alt-header .border-left {
              border-left: 0 !important;
         }
    }
.myProfile-page #requiredFieldsLegend,
.myProfile-page #profileForm span.text-muted.text-unbold { display: none; }

.registration-page #requiredFieldsLegend,
.registration-page #registerform span.text-muted.text-unbold { display: none; }

.contactUs-page #requiredFieldsLegend { display: none; }

.promotion-action .bars-container, .promotion-action .prod-services-btn, .promotion-action .view-more-btn {
display: none !important;
}

.registration-page .form-control::placeholder {
  opacity: 0 !important;
}

.registration-page #btn-login {
  margin-bottom: 30px;
}

/* START MY ACCOUNT PAGE */

.myAccount-page #main {
  background: #00325A !important;
}

.myAccount-page .page-header {
  border-bottom: 0 !important;
  padding-bottom: 10px !important;
  color: #fff !important;
}

.myAccount-page .well {
  border: 1px solid #fff !important;
  border-radius: 5px !important;
  padding: 15px 8px !important;
  background: #fff !important;
}

.myAccount-page .col-md-3 {
    text-align: center;
  }

.myAccount-page [class*="lines-"].lines-bottom {
  text-align: center;
  position: absolute;
  width: 96%;
  margin: 0 !important;
  height: auto;
  top: 20px;
  font-size: 16px;
  font-weight: 600;
}

.myAccount-page [class*="lines-"].lines-bottom span {
  position: relative;
}

.myAccount-page .lines-3 {
  height: 4.5em;
}

.myAccount-page .lines-3 p {
  padding-top: 30px;
}

.myAccount-page .btn-xs {
  padding: 3px 15px;
}

@media screen and (max-width: 600px) {
.myAccount-page .col-xs-6 {
  width: 100%;
}
}

/* END MY ACCOUNT PAGE */

/* START MY PROFILE PAGE */

@media (min-width: 992px) {
.myProfile-page .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.myProfile-page .p2mloadable input {
  display: none !important;
}

.myProfile-page .input-group.p2mloadable {
    justify-content: left !important;
}

.myProfile-page .help-block.text-right {
  margin: 0 !important;
  text-align: left;
}

.myProfile-page .help-block {
  margin: 4px 0 !important;
}

/* END MY PROFILE PAGE */

/* HIDE TEXT ON TRANSFER PAGE */

.search-select-container .inner h2.text-semi-bold {
  display: none !important;
}

/* END HIDE TEXT ON TRANSFER PAGE */

.shoppingCart-page .font-size-h3 {
  text-transform: none !important;
}
