h1 {
  font-family: "futura-heavy";
  font-size: 2.1875rem; }

h2 {
  font-family: "futura-book";
  font-size: 1.875rem; }

h3 {
  font-family: "futura-heavy";
  font-size: 1.25rem; }

h4 {
  font-family: "futura-demi";
  font-size: 1.125rem; }

h5 {
  font-family: "futura-heavy";
  font-size: 1rem; }

h6 {
  font-family: "futura-demi";
  font-size: 1rem; }

.form-group.required .form-control-label::before {
  display: none; }

.form-group.required .form-control-label::after {
  content: "*";
  color: #c00; }

.floating-form {
  /* active state */ }
  .floating-form .form-group {
    margin-bottom: 1.25rem; }
  .floating-form .floating-label {
    position: relative;
    margin-bottom: 1.25rem;
    font-size: 0.625rem; }
    @media (min-width: 768px) {
      .floating-form .floating-label {
        font-size: 0.75rem; } }
    .floating-form .floating-label svg {
      position: absolute;
      top: 1rem;
      right: 1.375rem; }
  .floating-form textarea {
    min-height: 9.633rem; }
  .floating-form .floating-input,
  .floating-form .floating-select {
    display: block;
    width: 100%;
    height: 3.109rem;
    background-color: transparent;
    border: none;
    border: 1px solid #ccc;
    color: #000;
    padding-top: 1rem;
    padding-left: 0.55rem;
    font-size: 0.9375rem;
    font-family: "futura-book"; }
  .floating-form .floating-input:focus,
  .floating-form .floating-select:focus,
  .floating-form .floating-input:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-top: 1rem;
    border: 1px solid #0092a9; }
  .floating-form label {
    width: 100%;
    color: #000000;
    font-size: 0.95rem;
    position: absolute;
    pointer-events: none;
    top: 0.313rem;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0rem 0.55rem;
    font-family: "futura-book"; }
  .floating-form .floating-input:not(:-moz-placeholder-shown):not(.mc-message) ~ label {
    top: 0.688rem;
    font-size: 0.75rem;
    color: #000000;
    background-color: transparent;
    margin: 0; }
  .floating-form .floating-input:not(:-ms-input-placeholder):not(.mc-message) ~ label {
    top: 0.688rem;
    font-size: 0.75rem;
    color: #000000;
    background-color: transparent;
    margin: 0; }
  .floating-form .floating-input:focus ~ label,
  .floating-form .floating-input:not(:placeholder-shown):not(.mc-message) ~ label {
    top: 0.688rem;
    font-size: 0.75rem;
    color: #000000;
    background-color: transparent;
    margin: 0; }
    .floating-form .floating-input:not(:-moz-placeholder-shown):not(.mc-message) ~ label.mc-message-label {
      top: 17px; }
    .floating-form .floating-input:not(:-ms-input-placeholder):not(.mc-message) ~ label.mc-message-label {
      top: 17px; }
    .floating-form .floating-input:focus ~ label.mc-message-label,
    .floating-form .floating-input:not(:placeholder-shown):not(.mc-message) ~ label.mc-message-label {
      top: 17px; }
  .floating-form .floating-input:-webkit-autofill ~ label {
    top: 0.688rem;
    font-size: 0.75rem;
    background-color: transparent;
    margin: 0; }
  .floating-form .floating-select:focus ~ label,
  .floating-form .floating-select:not([value=""]):valid ~ label {
    top: 0.688rem !important;
    font-size: 0.75rem;
    color: #000000;
    background-color: transparent;
    margin: 0; }
  .floating-form .floating-select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    /* Positions background arrow image */
    background-image: url("../../../static/images/icons/arrow-down.svg");
    background-repeat: no-repeat;
    background-size: 0.625rem;
    background-position: 98% 30%;
    background-origin: content-box; }
  .floating-form .floating-select:valid ~ label {
    top: 0.688rem; }
  .floating-form :-webkit-autofill ~ label {
    top: 0.688rem;
    font-size: 0.75rem;
    color: #757575;
    background-color: transparent;
    margin: 0; }
  .floating-form .form-control.is-invalid {
    border-color: #c00;
    -webkit-box-shadow: 0px 0px 4px #c00;
            box-shadow: 0px 0px 4px #c00; }
  .floating-form .form-control.is-invalid ~ label {
    display: none; }
  .floating-form .form-control.is-invalid ~ .invalid-feedback {
    top: 0.688rem;
    left: 0;
    padding: 0rem 0.55rem;
    font-size: 1rem;
    font-family: "futura-book"; }
  .floating-form .floating-input:focus ~ .bar:before,
  .floating-form .floating-input:focus ~ .bar:after,
  .floating-form .floating-select:focus ~ .bar:before,
  .floating-form .floating-select:focus ~ .bar:after {
    width: 50%; }
  .floating-form .floating-textarea {
    overflow: hidden;
    overflow-x: hidden; }
  .floating-form .checkbox-custom label {
    position: relative;
    cursor: pointer;
    top: unset;
    left: unset;
    -webkit-transform: unset;
            transform: unset;
    pointer-events: unset;
    padding-left: 0.8rem;
    color: #000;
    font-family: 'futura-book';
    font-size: 0.9375rem; }
  .floating-form .checkbox-custom input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: block;
    cursor: pointer; }

@-webkit-keyframes inputHighlighter {
  from {
    background: #757575; }
  to {
    width: 0;
    background: transparent; } }

@keyframes inputHighlighter {
  from {
    background: #757575; }
  to {
    width: 0;
    background: transparent; } }
  .floating-form .custom-phone-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%; }
    .floating-form .custom-phone-box .floating-label:first-child {
      max-width: 5rem;
      min-width: 3.75rem;
      width: 100%; }
      .floating-form .custom-phone-box .floating-label:first-child label {
        top: 0.688rem; }
    .floating-form .custom-phone-box .floating-label {
      margin: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      .floating-form .custom-phone-box .floating-label .floating-input {
        width: 100%;
        border-radius: 0.1875rem;
        border: 1px solid #757575;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
      .floating-form .custom-phone-box .floating-label .floating-input.is-invalid {
        border-color: #c00; }
    .floating-form .custom-phone-box .floating-input {
      width: 70px; }
      .floating-form .custom-phone-box .floating-input:nth-child(2) {
        width: 100%;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        padding-top: inherit;
        height: 100%; }
      .floating-form .custom-phone-box .floating-input:focus {
        outline: none; }
      .floating-form .custom-phone-box .floating-input::-webkit-input-placeholder {
        font-size: 0.75rem; }
      .floating-form .custom-phone-box .floating-input::-moz-placeholder {
        font-size: 0.75rem; }
      .floating-form .custom-phone-box .floating-input:-ms-input-placeholder {
        font-size: 0.75rem; }
      .floating-form .custom-phone-box .floating-input::-ms-input-placeholder {
        font-size: 0.75rem; }
      .floating-form .custom-phone-box .floating-input::placeholder {
        font-size: 0.75rem; }
    .floating-form .custom-phone-box .country-code {
      padding: 0.375rem;
      border-radius: 0.1875rem;
      border: 1px solid #757575;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: 0px; }
      .floating-form .custom-phone-box .country-code:focus {
        padding: 0.375rem; }
    .floating-form .custom-phone-box .floating-select {
      border-radius: 0.1875rem;
      border: 1px solid #757575;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: 0;
      padding-top: 0.475rem;
      background-position: 98% 46%; }

.giftcardmain {
  padding: 30px 0; }
  @media (min-width: 768px) {
    .giftcardmain {
      padding: 150px 0; } }
  .giftcardmain .wallet_balance {
    background: #dff2bf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 24px 33px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-bottom: 30px;
    display: block; }
    .giftcardmain .wallet_balance p {
      color: #000000;
      text-align: center;
      font-family: Inter;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      text-transform: uppercase; }
    .giftcardmain .wallet_balance h3 {
      color: #000000;
      text-align: center;
      font-family: Inter;
      font-size: 64px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      text-transform: uppercase; }
  @media (min-width: 768px) {
    .giftcardmain .container {
      padding: 0 160px; } }
  .giftcardmain .giftcard_img img {
    width: 100%;
    max-height: 487px; }
  .giftcardmain .giftcard_img .info_box {
    background: #f1f1f1;
    padding: 15px;
    margin-top: 25px; }
    .giftcardmain .giftcard_img .info_box p {
      color: #312e2e;
      font-family: Inter;
      font-size: 15px;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      margin-bottom: 0; }
  .giftcardmain .giftcard_rightSide {
    padding-left: 120px; }
    @media (max-width: 1399.98px) {
      .giftcardmain .giftcard_rightSide {
        padding-left: 0px;
        padding-top: 0; } }
    @media (max-width: 1199.98px) {
      .giftcardmain .giftcard_rightSide {
        padding-top: 20px; } }
    .giftcardmain .giftcard_rightSide .nav.nav-tabs {
      border-bottom: 0;
      margin-bottom: 25px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .giftcardmain .giftcard_rightSide .nav.nav-tabs .nav-item {
        margin-right: 35px;
        width: 47%; }
        @media (max-width: 1199.98px) {
          .giftcardmain .giftcard_rightSide .nav.nav-tabs .nav-item {
            margin-right: 15px;
            width: 47%; } }
        .giftcardmain .giftcard_rightSide .nav.nav-tabs .nav-item:nth-last-child(1) {
          margin-right: 0; }
        .giftcardmain .giftcard_rightSide .nav.nav-tabs .nav-item .nav-link {
          color: #000000;
          text-align: center;
          font-family: Inter;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          padding: 30px 26px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 10px;
          border: 1px solid #000000;
          background: #FFFFFF; }
          @media (max-width: 1199.98px) {
            .giftcardmain .giftcard_rightSide .nav.nav-tabs .nav-item .nav-link {
              padding: 15px 20px;
              font-size: 14px; } }
          .giftcardmain .giftcard_rightSide .nav.nav-tabs .nav-item .nav-link span {
            color: #000000; }
          .giftcardmain .giftcard_rightSide .nav.nav-tabs .nav-item .nav-link.active {
            border: 1px solid #FFFFFF;
            background: #000000;
            color: #FFFFFF; }
            .giftcardmain .giftcard_rightSide .nav.nav-tabs .nav-item .nav-link.active span {
              color: #FFFFFF; }
        .giftcardmain .giftcard_rightSide .nav.nav-tabs .nav-item .text-white {
          color: #FFFFFF !important; }
    .giftcardmain .giftcard_rightSide .tab-content .tab-pane .eGiftCardForm .egiftcard_description {
      background: #f1f1f1;
      padding: 15px 24px;
      margin-bottom: 20px; }
      .giftcardmain .giftcard_rightSide .tab-content .tab-pane .eGiftCardForm .egiftcard_description p {
        color: #000000;
        font-family: Inter;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }
    .giftcardmain .giftcard_rightSide .tab-content .tab-pane .eGiftCardForm form .form-group {
      margin-bottom: 20px; }
      .giftcardmain .giftcard_rightSide .tab-content .tab-pane .eGiftCardForm form .form-group .form-control {
        border: 1px solid #dcdcdc;
        background: #FFFFFF;
        height: 61px;
        color: #535353; }
        .giftcardmain .giftcard_rightSide .tab-content .tab-pane .eGiftCardForm form .form-group .form-control::-webkit-input-placeholder {
          color: #535353; }
        .giftcardmain .giftcard_rightSide .tab-content .tab-pane .eGiftCardForm form .form-group .form-control::-moz-placeholder {
          color: #535353; }
        .giftcardmain .giftcard_rightSide .tab-content .tab-pane .eGiftCardForm form .form-group .form-control:-ms-input-placeholder {
          color: #535353; }
        .giftcardmain .giftcard_rightSide .tab-content .tab-pane .eGiftCardForm form .form-group .form-control::-ms-input-placeholder {
          color: #535353; }
        .giftcardmain .giftcard_rightSide .tab-content .tab-pane .eGiftCardForm form .form-group .form-control::placeholder {
          color: #535353; }
    .giftcardmain .giftcard_rightSide .tab-content .tab-pane .giftcardTab .giftcard_description {
      background: #f1f1f1;
      padding: 32px 20px;
      margin-bottom: 20px; }
      .giftcardmain .giftcard_rightSide .tab-content .tab-pane .giftcardTab .giftcard_description p {
        color: #000000;
        font-family: Inter;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }
  .giftcardmain .form-group {
    position: relative; }
    .giftcardmain .form-group .form-control {
      border: 1px solid #000000;
      color: #000000;
      font-family: Inter;
      font-size: 15px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      height: 43px;
      border-radius: 0;
      -webkit-appearance: none;
      -webkit-appearance: none; }
      .giftcardmain .form-group .form-control:focus {
        -webkit-box-shadow: none;
                box-shadow: none;
        padding-top: 1rem;
        border: 1px solid #0092a9; }
    .giftcardmain .form-group .balance_icon {
      position: absolute;
      right: 10px;
      top: 10px;
      display: inline-block; }
  .giftcardmain .selectPrice h2 {
    color: #000000;
    font-family: Inter;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 25px; }
  .giftcardmain .selectPrice .gift_amounts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px; }
    @media (max-width: 991.98px) {
      .giftcardmain .selectPrice .gift_amounts {
        -ms-flex-flow: wrap;
            flex-flow: wrap; } }
    .giftcardmain .selectPrice .gift_amounts li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      max-width: 100px;
      width: 20%;
      height: 49px;
      padding: 30px 26px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid #000000;
      background: #FFFFFF;
      list-style: none;
      color: #000000;
      text-align: center;
      font-family: Inter;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
      .giftcardmain .selectPrice .gift_amounts li.active {
        border: 1px solid #FFFFFF;
        background: #000000;
        color: #FFFFFF; }
        .giftcardmain .selectPrice .gift_amounts li.active span {
          color: #FFFFFF; }
      @media (max-width: 991.98px) {
        .giftcardmain .selectPrice .gift_amounts li {
          margin-bottom: 0rem;
          max-width: 31.33%;
          width: 100%;
          padding: 0; } }
  .giftcardmain button {
    color: #000000;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    height: 49px;
    border: none;
    width: 100%;
    margin-top: 0; }
    @media (max-width: 1199.98px) {
      .giftcardmain button.blc {
        text-align: left; } }
    .giftcardmain button.btn-white {
      border: 1px solid #000000;
      background: #FFFFFF; }
    .giftcardmain button.btn-black {
      color: white; }
  .giftcardmain .check_balance {
    text-align: center; }
    .giftcardmain .check_balance a {
      color: #000000;
      text-align: right;
      font-family: Inter;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      -webkit-text-decoration-line: underline;
              text-decoration-line: underline; }
  .giftcardmain .giftcard_balance {
    display: none; }
    .giftcardmain .giftcard_balance h2 {
      color: #000000;
      font-family: Inter;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 25px; }
    .giftcardmain .giftcard_balance .check_balance_form .form-group {
      position: relative; }
      .giftcardmain .giftcard_balance .check_balance_form .form-group .form-control {
        height: 61px;
        border-radius: 0; }
  .giftcardmain .giftcardfaq_section {
    padding: 30px 0; }
    @media (min-width: 768px) {
      .giftcardmain .giftcardfaq_section {
        padding: 150px 0 0; } }
    .giftcardmain .giftcardfaq_section h4 {
      color: #000000;
      font-family: Inter;
      font-size: 19px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      margin-bottom: 25px; }
    .giftcardmain .giftcardfaq_section .accordion .card-header {
      color: #000000;
      border-top: solid 1px #000000;
      border-bottom: 0;
      margin-bottom: 0;
      padding-left: 0;
      cursor: pointer; }
      .giftcardmain .giftcardfaq_section .accordion .card-header:nth-last-child(2) {
        border-bottom: solid 1px #000000; }
      .giftcardmain .giftcardfaq_section .accordion .card-header a {
        float: initial;
        color: #000000;
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; }
      .giftcardmain .giftcardfaq_section .accordion .card-header:after {
        font-family: "FontAwesome";
        content: "\F068";
        float: right;
        color: #000000; }
      .giftcardmain .giftcardfaq_section .accordion .card-header.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\F067"; }
    .giftcardmain .giftcardfaq_section .accordion .card-body {
      padding-left: 0; }
      .giftcardmain .giftcardfaq_section .accordion .card-body p {
        color: #000000;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; }

.add-to-cart-messages {
  -webkit-transform: none !important;
          transform: none !important; }
  @media (max-width: 767.98px) {
    .add-to-cart-messages {
      left: 50%;
      -webkit-transform: translate(-50%, 0) !important;
              transform: translate(-50%, 0) !important; } }
