#thesierra-navbar {
  background: #547556;
}

.thesierra-section-privilege {
  padding-top: 160px;
  padding-bottom: 64px;
  background: url("../img/sierra-privilege-summary-bg-green-v2.jpg") #547556;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
}

.thesierra-section-privilege .title-logo {
  display: block;
  max-width: 218px;
  margin: 0 auto 32px;
}

.thesierra-section-privilege .tsr-title-page {
  margin-bottom: 48px;
}

.tsr-wrapper-card {
  border-radius: 8px;
  margin-top: 24px;
  padding: 40px;
  background: url("../img/sierra-privilege-summary-bg-gold-dt-v2.jpg") #FDF4D7;
  background-repeat: no-repeat;
  background-size: cover;
}

.tsr-wrapper-card .tsr-section-heading {
  margin-bottom: 4px;
  letter-spacing: 8px;
}

.tsr-wrapper-card .tsr-header__title {
  font-size: 33px;
  margin-bottom: 8px;
  margin-top: 4px;
  font-weight: 600 !important;
}

.tsr-wrapper-card .tsr-header__subtitle {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 24px;
  color: #887A6A;
  font-family: var(--font-primary);
}

.tsr-wrapper-card .tsr-card {
  color: #887A6A;
  margin-top: 8px;
  padding: 40px;
  border-radius: 8px;
  border: 3px solid #edcd86;
  border-radius: 8px;
  background: url(../img/ui/thesierra-background-fade.png) #fcfaef;
  background-size: cover;
  box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, 0.1), 0px 40px 40px 0px rgba(0, 0, 0, 0.09), 0px 90px 54px 0px rgba(0, 0, 0, 0.05), 0px 160px 64px 0px rgba(0, 0, 0, 0.01), 0px 250px 70px 0px rgba(0, 0, 0, 0);
}



.tsr-wrapper-card .tsr-head-title {
  margin-bottom: 4px;
  border-bottom: 1px solid #887A6A;
}

.tsr-wrapper-card .tsr-title-card {
  /* padding-bottom: 15px; */
  font-style: 24px;
  font-weight: 700;
}

.tsr-wrapper-card .tsr-subtitle-card {
  font-size: 20px;
}

.tsr-wrapper-card .tsr-list-card {
  list-style: none;
  padding: 0;
  margin: 32px 0 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tsr-wrapper-card .tsr-line {
  display: block;
  width: 100%;
  border: 1px solid rgba(136, 122, 106, 0.2);
  border-style: dashed;
  margin-bottom: 8px;
  margin-top: 8px;
}

.tsr-wrapper-card .tsr-row-privilege {
  display: inline-flex;
  align-items: center;
}

.tsr-wrapper-card .tsr-li-icon {
  display: block;
  width: 48px;
  height: 48px;
  margin-bottom: auto;
  border-radius: 100%;
  background-color: rgba(139, 139, 139, 0.2);
}

.tsr-wrapper-card .tsr-li-text {
  width: calc(100% - 40px);
  padding-left: 16px;
}

.tsr-wrapper-card .tsr-li-text .disc {
  margin-top: 8px;
}

.tsr-wrapper-card .tsr-li-text .disc li {
  list-style: disc;
}


.tsr-wrapper-card .tsr-li-text span.f-highlight {
  font-size: 20px;
  color: #7A9B7C;
  font-weight: 700;
}

.tsr-wrapper-card .tsr-btn-card {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}


.tsr-wrapper-contact .tsr-underline {
  position: relative;
  background: url(../img/contact-underline.png) center center no-repeat;
  background-size: 100% auto;
  margin: 0 auto;
  width: 100%;
  height: 2px;
}

.tsr-wrapper-contact .tsr-section-contact,
.tsr-wrapper-contact .tsr-section-btn {
  margin: 48px 0;
}

.tsr-wrapper-contact .tsr-section-contact {
  margin-bottom: 0;
}

.tsr-wrapper-contact .tsr-section-contact p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0;
}

.thesierra-text-copyright {
  color: #E1CDB2;
}

@media screen and (max-width: 767px) {
  .thesierra-section-privilege {
    padding-top: 127px;
  }

  .thesierra-section-privilege .title-logo {
    width: 176px;
  }

  .thesierra-section-privilege .tsr-title-page {
    margin-bottom: 24px;
    font-size: 20px;
  }

  .tsr-wrapper-card {
    border-radius: 0;
    padding: 24px 16px 32px;
    margin-left: -12px;
    margin-right: -12px;
  }

  .tsr-wrapper-card .tsr-section-heading {
    margin-bottom: 4px;
    letter-spacing: 8px;
  }

  .tsr-wrapper-card .tsr-header__title {
    margin-bottom: 8px;
  }

  .tsr-wrapper-card .tsr-card {
    padding: 24px 16px;
  }

  .tsr-wrapper-card .tsr-title-card {
    font-size: 20px;
    line-height: 30px;
  }

  .tsr-wrapper-card .tsr-btn-card {
    margin-top: 24px;
  }

  .tsr-wrapper-card .tsr-header__title {
    font-size: 24px;
  }

  .tsr-wrapper-card .tsr-header__subtitle {
    font-size: 20px;
  }

  .tsr-wrapper-contact .tsr-section-btn {
    margin: 40px 0 24px 0;
  }

  .tsr-wrapper-contact .tsr-section-contact {
    margin: 24px 0 0 0;
  }

  .thesierra-section-privilege {
    padding-bottom: 48px;
  }

  .tsr-wrapper-card {
    background: url("../img/sierra-privilege-summary-bg-gold-v2.jpg") #FDF4D7;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .tsr-wrapper-contact .tsr-section-btn .tsr-btn-gold-clear {
    padding: 11px 39px;
  }

  .thesierra-btn-primary.tsr-btn-next {
    width: 220px !important;
  }
}


.ico-partner-green {
  background: url(../img/icons/sierra-icon-partner-green.svg) center center no-repeat;
}

.ico-consult-green {
  background: url(../img/icons/sierra-icon-consult-green.svg) center center no-repeat;
}

.ico-discount-green {
  background: url(../img/icons/sierra-icon-discount-green.svg) center center no-repeat;
}

.ico-account-green {
  background: url(../img/icons/sierra-icon-account-green.svg) center center no-repeat;
}

.ico-card-green {
  background: url(../img/icons/sierra-icon-card-green.svg) center center no-repeat;
}

.ico-drip-green {
  background: url(../img/icons/sierra-icon-drip-green.svg) center center no-repeat;
}

.ico-lounge-green {
  background: url(../img/icons/sierra-icon-lounge-green.svg) center center no-repeat;
}

.ico-online-green {
  background: url(../img/icons/sierra-icon-online-green.svg) center center no-repeat;
}

.ico-safe-green {
  background: url(../img/icons/sierra-icon-safe-green.svg) center center no-repeat;
}

.ico-solarfactory-green {
  background: url(../img/icons/sierra-icon-solarfactory-green.svg) center center no-repeat;
}

.ico-stock-green {
  background: url(../img/icons/sierra-icon-stock-green.svg) center center no-repeat;
}

.ico-ai-green {
  background: url(../img/icons/sierra-icon-ai-green.svg) center center no-repeat;
}

.ico-free-green {
  background: url(../img/icons/sierra-icon-free-green.svg) center center no-repeat;
}

.ico-luggage-green {
  background: url(../img/icons/sierra-icon-luggage-green.svg) center center no-repeat;
}

.ico-secretary-green {
  background: url(../img/icons/sierra-icon-secretary-green.svg) center center no-repeat;
}

.ico-solar-green {
  background: url(../img/icons/sierra-icon-solar-green.svg) center center no-repeat;
}

.ico-store-green {
  background: url(../img/icons/sierra-icon-store-green.svg) center center no-repeat;
}

.ico-airhouse-green {
  background: url(../img/icons/sierra-icon-airhouse-green.svg) center center no-repeat;
}

.ico-law-green {
  background: url(../img/icons/sierra-icon-law-green.svg) center center no-repeat;
}

.ico-massage-green {
  background: url(../img/icons/sierra-icon-massage-green.svg) center center no-repeat;
}

.ico-premium-green {
  background: url(../img/icons/sierra-icon-premium-green.svg) center center no-repeat;
}

.ico-secretarymen-green {
  background: url(../img/icons/sierra-icon-secretarymen-green.svg) center center no-repeat;
}

.ico-solarhouse-green {
  background: url(../img/icons/sierra-icon-solarhouse-green.svg) center center no-repeat;
}

@media screen and (min-width:1200px) {
  .visible-w1199 {
    display: none !important;
  }
}

@media screen and (min-width:1025px) {
  .visible-w1024 {
    display: none !important;
  }
}

@media screen and (min-width:992px) {
  .visible-w991 {
    display: none !important;
  }

}

@media screen and (min-width:768px) {
  .visible-w767 {
    display: none !important;
  }
}