@font-face {
  font-family: extra-light-font;
  src: url("../fonts/Spartan-ExtraLight.ttf") format("truetype"); }

@font-face {
  font-family: light-font;
  src: url("../fonts/Spartan-Light.ttf") format("truetype"); }

@font-face {
  font-family: regular-font;
  src: url("../fonts/Spartan-Regular.ttf") format("truetype"); }

@font-face {
  font-family: medium-font;
  src: url("../fonts/Spartan-Medium.ttf") format("truetype"); }

@font-face {
  font-family: extra-bold-font;
  src: url("../fonts/Spartan-ExtraBold.ttf") format("truetype"); }

.extra-bold-font {
  font-family: extra-bold-font; }

blockquote {
  margin: 2rem; }

body {
  font-family: regular-font;
  color: #141c50;
  font-size: 0.9em; }

a {
  color: #141c50; }

a:hover {
  font-weight: 400;
  color: #141c50; }

.currency-selector {
  padding: 0.5em !important;
  font-size: 0.9em;
  border-radius: 8px;
  max-width: 100px; }

.cart-icon {
  height: 32px;
  width: 32px; }

.container {
  max-width: 1240px; }

.basket-section {
  position: relative;
  display: inline-block; }

.basket-count {
  width: 20px;
  height: 20px;
  line-height: 12px;
  position: absolute;
  right: -7px;
  top: -5px;
  background: #db127b;
  text-align: center;
  border-radius: 50%;
  color: white;
  padding: 5px;
  font-size: 10px; }

.hero {
  background-image: url("../img/hero-background-1.png");
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 0;
  background-repeat: no-repeat;
  min-height: 520px;
  padding: 70px 0 0 0;
  color: #fff; }
  .hero .title {
    font-family: extra-light-font;
    font-size: 3em;
    font-weight: 200;
    letter-spacing: -4px; }
  .hero .sub-title {
    font-family: light-font;
    font-size: 2em;
    font-weight: 300;
    letter-spacing: -2px; }
  .hero .description {
    max-width: 533px;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 300; }

footer {
  background-color: #fafafa;
  font-size: 14px; }
  footer ul {
    display: inline-block;
    list-style-type: none; }
    footer ul li {
      margin-bottom: 20px; }

.gift-card-box {
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding: 8px 8px 20px 8px;
  text-align: center; }
  .gift-card-box img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%; }
  .gift-card-box .card-count {
    font-size: 13px; }
  .gift-card-box .title {
    font-size: 17px; }
  .gift-card-box .save-up-text {
    color: #00abe5;
    font-size: 12px; }

.buy-gift-card-header {
  background-image: url("../img/multi-purpose-background.png");
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 90%;
  background-repeat: no-repeat;
  min-height: 260px;
  padding: 70px 0 0 0;
  color: #fff; }
  .buy-gift-card-header h1 {
    font-family: extra-light-font; }
  .buy-gift-card-header .buy-gift-card-header-description {
    font-family: light-font;
    font-size: 0.8em;
    max-width: 600px; }

.content-page-header {
  background-image: url("../img/multi-purpose-background.png");
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 90%;
  background-repeat: no-repeat;
  min-height: 160px;
  padding: 50px 0 0 0;
  color: #fff; }
  .content-page-header h1 {
    font-family: extra-light-font; }
  .content-page-header .content-page-header-description {
    font-family: light-font;
    font-size: 0.8em;
    max-width: 600px; }

.gift-card-filter-area {
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding: 25px 22px 25px 22px; }
  .gift-card-filter-area h4 {
    font-size: 22px;
    margin-bottom: 1em;
    font-family: medium-font; }
  .gift-card-filter-area .filter-collapse-link {
    font-size: 16px;
    font-weight: 800; }
    .gift-card-filter-area .filter-collapse-link:hover {
      text-decoration: none;
      color: #db127b; }
  .gift-card-filter-area label {
    font-size: 0.9em;
    display: block;
    margin-bottom: 0.6em; }

.benefits-features {
  background-color: #fafafa;
  padding: 50px 0 38px 0;
  text-align: center; }
  .benefits-features .benefit-title {
    font-size: 1.3em; }
  .benefits-features .benefit-title-description {
    font-family: light-font;
    font-size: 1em;
    font-weight: 300;
    max-width: 320px;
    display: inline-block; }

.bottom-shadow {
  -webkit-box-shadow: 0 18px 18px -18px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 18px 18px -18px rgba(0, 0, 0, 0.12);
  box-shadow: 0 18px 18px -18px rgba(0, 0, 0, 0.12); }

.header-text {
  text-align: center;
  font-family: medium-font;
  font-size: 2.3em;
  text-align: center;
  width: 100%; }
  .header-text .description {
    margin: 0 auto;
    font-size: 0.5em;
    max-width: 455px;
    display: block;
    font-family: light-font; }

.subs-box {
  background-image: url("../img/multi-purpose-background.png");
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 0;
  background-repeat: no-repeat;
  min-height: 375px;
  padding: 70px 0 0 0;
  color: #fff;
  text-align: center; }
  .subs-box .input-group {
    width: 100%;
    margin: 0 auto;
    max-width: 400px; }
  .subs-box input {
    border-radius: 8px;
    font-family: light-font;
    border: none; }
  .subs-box button {
    border-radius: 8px; }
  .subs-box .btn {
    border: 1px solid #fff;
    background-color: #db127b;
    color: #fff;
    min-width: 120px;
    font-weight: 800;
    font-family: light-font;
    font-size: 0.4em; }
  .subs-box .btn:hover {
    background-color: #db127b;
    color: #fff; }

.blog-section {
  text-align: center; }
  .blog-section img {
    max-height: 262px; }
  .blog-section .carousel-item {
    padding: 1.5em; }
  .blog-section .carousel-image-wrapper {
    max-height: 280px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    display: inline-block; }
  .blog-section .article-detail {
    text-align: left;
    font-family: light-font;
    font-size: 0.9em; }
    .blog-section .article-detail .title {
      font-size: 1.8em;
      font-weight: 300; }
    .blog-section .article-detail .short-text {
      font-weight: 300;
      text-align: justify; }
  .blog-section ol li.active {
    background-color: #db127b; }
  .blog-section .dot {
    height: 12px;
    width: 12px;
    background-color: #141c50;
    border-radius: 50%;
    display: inline-block; }

/* Buttons */
.primary-rs-btn {
  border-radius: 8px;
  padding: 0.5em 3em 0.5em 3em;
  min-width: 190px;
  background-color: #141c50;
  border: none; }
  .primary-rs-btn:hover, .primary-rs-btn:hover, .primary-rs-btn:focus {
    background-color: #141c50 !important; }

.secondary-rs-btn {
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding: 0.5em 3em 0.5em 3em;
  background-color: #db127b;
  border-color: #db127b; }
  .secondary-rs-btn:hover, .secondary-rs-btn:hover, .secondary-rs-btn:focus {
    border-color: #db127b !important;
    background-color: #db127b !important; }

.primary-outline-rs-btn {
  border-radius: 8px;
  padding: 0.5em 3em 0.5em 3em;
  color: #db127b;
  border-color: #db127b;
  background-color: transparent; }
  .primary-outline-rs-btn:active, .primary-outline-rs-btn:hover, .primary-outline-rs-btn:focus {
    color: #db127b !important;
    border-color: #db127b !important;
    background-color: transparent !important; }

.secondary-outline-transparency-btn {
  border-radius: 8px;
  padding: 0.5em 3em 0.5em 3em;
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.6);
  background-color: transparent; }
  .secondary-outline-transparency-btn:hover, .secondary-outline-transparency-btn:hover, .secondary-outline-transparency-btn:focus {
    color: rgba(255, 255, 255, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
    background-color: transparent !important; }

@media only screen and (max-width: 600px) {
  .logo {
    max-width: 180px; }
  .navbar-collapse {
    margin-top: 1em; } }

/* Gift card */
.gift-card-detail {
  border-bottom: 1px solid #ececec;
  padding-bottom: 3em; }
  .gift-card-detail .card-logo img {
    border-radius: 18px;
    max-width: 370px;
    width: 100%; }
  .gift-card-detail .card-list {
    border-left: 1px solid #ececec; }
    .gift-card-detail .card-list h1 {
      font-size: 28px;
      font-family: medium-font;
      margin-bottom: 1rem; }
    .gift-card-detail .card-list table {
      font-family: regular-font; }
      .gift-card-detail .card-list table thead {
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
        font-size: 0.9em; }
        .gift-card-detail .card-list table thead td {
          padding: 0.1em 0.5em 0.1em 0.5em; }
      .gift-card-detail .card-list table tr td {
        padding: 1em 0.5em 1em 0.5em;
        vertical-align: top; }
      .gift-card-detail .card-list table .card-value {
        font-family: extra-bold-font; }
        .gift-card-detail .card-list table .card-value span {
          font-size: 0.8em;
          font-family: regular-font; }
      .gift-card-detail .card-list table .card-discount-value {
        color: #db127b; }
      .gift-card-detail .card-list table .table-gray-row {
        background-color: #f7f7f7; }
      .gift-card-detail .card-list table .btn {
        padding: 0.5em 1em 0.5em 1em;
        font-size: 0.8em; }

.registration-form-area {
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  padding: 40px 60px 40px 60px;
  margin: 0 auto; }

.form-check-label {
  margin-top: 3px; }

.registration-area-description {
  max-width: 500px;
  margin: 0 auto; }

.shadow-and-border {
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px; }

.blog-post a {
  color: #db127b;
  text-align: center; }

.blog-post h1 {
  font-size: 26px;
  text-align: center; }

.blog-post .blog-post-category {
  font-size: 12px;
  color: #808080;
  text-align: center; }