@font-face {
    font-family: 'HelveticaNeueLTStdRoman';
    src: url('../../fonts/HelveticaNeueLTStdRoman.eot');
    src: url('../../fonts/HelveticaNeueLTStdRoman.eot') format('embedded-opentype'),
         url('../../fonts/HelveticaNeueLTStdRoman.woff2') format('woff2'),
         url('../../fonts/HelveticaNeueLTStdRoman.woff') format('woff'),
         url('../../fonts/HelveticaNeueLTStdRoman.ttf') format('truetype'),
         url('../../fonts/HelveticaNeueLTStdRoman.svg#HelveticaNeueLTStdRoman') format('svg');
    font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLTStdBdEx';
    src: url('../../fonts/HelveticaNeueLTStdBdEx.eot');
    src: url('../../fonts/HelveticaNeueLTStdBdEx.eot') format('embedded-opentype'),
         url('../../fonts/HelveticaNeueLTStdBdEx.woff2') format('woff2'),
         url('../../fonts/HelveticaNeueLTStdBdEx.woff') format('woff'),
         url('../../fonts/HelveticaNeueLTStdBdEx.ttf') format('truetype'),
         url('../../fonts/HelveticaNeueLTStdBdEx.svg#HelveticaNeueLTStdBdEx') format('svg');
    font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLTStdEx';
    src: url('../../fonts/HelveticaNeueLTStdEx.eot');
    src: url('../../fonts/HelveticaNeueLTStdEx.eot') format('embedded-opentype'),
         url('../../fonts/HelveticaNeueLTStdEx.woff2') format('woff2'),
         url('../../fonts/HelveticaNeueLTStdEx.woff') format('woff'),
         url('../../fonts/HelveticaNeueLTStdEx.ttf') format('truetype'),
         url('../../fonts/HelveticaNeueLTStdEx.svg#HelveticaNeueLTStdEx') format('svg');
     font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'HelveticaBold';
    src: url('../../fonts/HelveticaBold.eot');
    src: url('../../fonts/HelveticaBold.eot') format('embedded-opentype'),
         url('../../fonts/HelveticaBold.woff2') format('woff2'),
         url('../../fonts/HelveticaBold.woff') format('woff'),
         url('../../fonts/HelveticaBold.ttf') format('truetype'),
         url('../../fonts/HelveticaBold.svg#HelveticaBold') format('svg');
     font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HelveticaNeueBold';
  src: url('../../fonts/HelveticaNeueBold.eot');
  src: url('../../fonts/HelveticaNeueBold.eot') format('embedded-opentype'),
       url('../../fonts/HelveticaNeueBold.woff2') format('woff2'),
       url('../../fonts/HelveticaNeueBold.woff') format('woff'),
       url('../../fonts/HelveticaNeueBold.ttf') format('truetype'),
       url('../../fonts/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
   font-weight: 700;
font-style: normal;
font-display: swap;
}
* {
  text-transform: lowercase !important;
}
.gift-card-bg { background: #83a3d6; }
.gift-card-bg .gift-card-inner-bg { position: relative; display: block; background: url(../../images/position-logo.svg) no-repeat; background-position: -48vh 36vh; background-size: auto; min-height: 100vh; }
.gift-card-bg .mind-cont.gift-card-mid-content { min-height: calc(100vh - 47px); width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 52px 15px 15px 15px; }
.gift-card-bg .gift-card-mid-content .signin-cont-in { width: 100%; max-width: 810px; margin: 0 auto; border-radius: 1.5rem; background: #ffffff; display: flex; flex-wrap: wrap; padding: 1.125rem; }
.gift-card-bg .gift-card-mid-content .mid-cont-in { border-radius: 1.5rem; /*padding: 1.125rem;*/ padding: 0 !important; box-shadow: none !important; }
.gift-card-bg .title-giftcard { font-size: 1.438rem; line-height: 1.75rem; color: #0B1D40; margin: 0 0 0rem 0; font-family: 'HelveticaNeueLTStdBdEx'; text-align: center; padding-bottom: 8px; text-transform: lowercase !important; }
.gift-card-bg .signin-cont-in-rgt { margin-left: auto; padding: 1rem; background: #f4f7fb; border-radius: 0.875rem; max-height: 500px; overflow: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; position: relative; overflow-y: auto; }
.gift-card-bg .signin-footer { min-height: 38px; background: transparent; padding: 11px 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.gift-card-bg .signin-footer-lft { color: #fff; font-size: 0.6875rem; line-height: 0.9375rem; font-weight: 400; padding: 0px; }
.gift-card-bg .signin-footer-rgt a { color: #fff; font-size: 0.6875rem; line-height: 0.9375rem; font-weight: 400; text-decoration: underline; display: inline-block; padding: 0 3px; }
.gift-card-bg .mid-right-gift-card-content h3 { font-family: 'HelveticaBold'; font-size: 12px; color: #0B1D40; text-align: left !important; margin-bottom: 0px; line-height: 10px; text-transform: lowercase !important; }
.gift-card-bg .mid-right-gift-card-content h3 b { font-weight: 700; color: #83A3D6; }
.gift-card-bg .mid-right-gift-card-content h3 span { font-size: 12px; line-height: 0.9375rem; color: #83A3D6; font-weight: bold; font-family: "HelveticaNeueLTStdBdEx"; text-align: left; }
.gift-card-bg .mid-right-gift-card-content .form-control, .modal-new .form-control { display: block; width: 100%; padding: 0.2rem 0.65rem !important; font-size: 0.75rem; font-weight: 400; line-height: 0.9375rem; color: #0b1d40; background-color: #fff !important; border: 1px solid #fff !important; border-radius: 0.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 27px !important; font-family: 'HelveticaNeueLTStdRoman' !important;}
.gift-card-bg .mid-right-gift-card-content .form-control:focus, .modal-new .form-control:focus { box-shadow: 0 0 0 0.05rem rgba(0,123,255,.25); }
.gift-card-bg .mid-right-gift-card-content .form-label, .modal-new .form-label { margin-bottom: 0.1875rem; font-size: 0.70rem; line-height: 0.9375rem; color: #83A3D6; font-weight: bold; font-family: "HelveticaNeueBold"; text-transform: lowercase !important; }
.modal-new .form-label.fw-normal {font-family: 'HelveticaNeueLTStdRoman' !important; font-weight: 400 !important; }
.gift-card-bg .custom-control-label {     line-height: 23px !important; font-size: 0.75rem; padding-left: 5px; color: #83a3d6; font-weight: 400; }
.gift-card-bg .form-control.k-textbox { padding: 0px !important; margin: -7px 0; }
.gift-card-bg .custom-control-label::before { width: 1rem; height: 1rem; margin-top: 0; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1.5px solid #D5E0F1; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; border-radius: 0.3125rem !important; }
.gift-card-bg .table-no-border tfoot tr td { border-top: 0; }
.gift-card-bg .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background: url(../../images/tick.svg) no-repeat center #83a3d6; border-color: #83A3D6; top: 3px; left: -20px; border-radius: 0.3125rem !important; width: 1rem !important; height: 1rem !important; }
.gift-card-bg .table-no-border tbody tr td {padding-bottom: 4px !important; font-family: 'HelveticaNeueLTStdRoman'; font-weight: 400; font-size:12px; line-height:16px; color: #898b8d; }
.gift-card-bg .table-no-border tfoot tr td { font-family: "HelveticaBold"; font-size: 0.75rem; color: #0b1d40; }
.gift-card-bg .order-btn, .continue-btn,.back-btn { text-decoration: none !important; padding: 8px 16px; font-family: "HelveticaNeueLTStdBdEx"; border-radius: 0.375rem; background: #83a3d6; font-size: 0.75rem; text-transform: lowercase !important; }
.continue-btn,.back-btn {
    color: #FFFFFF !important;
    border-radius: 6px;
    padding: 4px 25px;
    border: none;
}
.gift-card-bg .max-318 { background: #fff; border-radius: 1rem; padding: 0.8rem; margin: 10px auto 30px; }
.gift-card-bg .table-no-border .tfoot  td { font-family: "HelveticaBold"; font-size: 0.75rem; color: #0b1d40; }
.gift-card-bg .order-btn { text-decoration: none !important; padding: 8px 16px; font-family: "HelveticaNeueLTStdBdEx"; border-radius: 0.375rem; background: #83a3d6; font-size: 0.75rem; }
.gift-card-bg .max-318 { background: #fff; border-radius: 1rem; padding: 0.8rem; margin: 5px auto 20px; }
.gift-card-bg .left-side-mid-content{    height: 100%;min-height: 485px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;position: relative;}
.gift-card-bg .left-side-mid-content .powered-by{position: absolute;right: 0;left: 0;bottom: 0;text-align: center; margin: 20px 0 0;}
.signin-cont-in-rgt::-webkit-scrollbar {width: 0px;}
.signin-cont-in-rgt::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #f4f7fb; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.signin-cont-in-rgt::-webkit-scrollbar-thumb { background: #f4f7fb; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.signin-cont-in-rgt::-webkit-scrollbar-thumb:hover {background: #f4f7fb; }
.gift-card-bg  .custom-control-inline{display: block;}
.gift-card-info, .Recipientdiv , .credit-card-info{padding-bottom: 12px;}
.Recipientdiv h3{    margin-bottom: 0;margin-top: 0px;}
.table-no-border thead tr th{    color: #83A3D6;font-size: 12px;line-height: 17px;padding-bottom: 5px;    font-family: "HelveticaNeueLTStdBdEx"; text-transform: lowercase !important;}
.table-no-border thead th{margin-bottom: 10px;}
.gift-card-bg .table-no-border tbody tr td span{color: #0B1D40;    padding-left: 5px;text-transform: lowercase !important;}
.gift-card-bg .table-no-border tbody tr td {text-transform: lowercase !important;}
.title-gift-card{font-size: 0.80rem;line-height: 0.9375rem;color: #83A3D6;font-weight: bold;font-family: "HelveticaNeueLTStdBdEx";text-align: left;    line-height: 19px;margin-bottom: 5px;}
  .gift-card-mid-content .form-group{margin-bottom: 6px;}
  .text-danger.error-block{    font-size: 9px !important;}
  .ui-datepicker {width: 100%; max-width: 268px; min-width: 268px !important; background: #fff !important; border-radius: 0.625rem !important; padding: 0.75rem 1rem !important; border: 0 !important; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.15);}
  #dp-skoah .ui-datepicker {box-shadow: none;}
  .ui-datepicker .ui-datepicker-prev {left: auto !important; right: 20px !important; }
  .ui-datepicker .ui-datepicker-header {padding:0 0 0.563rem !important; background: none !important; border: 0 !important; border-bottom: 1px solid #D5E0F1 !important;  }
  .ui-datepicker .ui-datepicker-title { margin-left: 0 !important; font-size: 0.75rem !important; line-height: 0.9375rem !important; color: #83A3D6 !important; font-weight: 600 !important; font-family: "HelveticaBold" !important; text-align: left !important;   }
  .ui-datepicker .ui-datepicker-title span { font-size: 0.75rem !important; line-height: 0.9375rem !important; color: #83A3D6 !important; font-weight: 600 !important; font-family: "HelveticaBold" !important; text-transform: lowercase !important; }
  .ui-widget {font-family: "HelveticaBold" !important;}
  .ui-datepicker .ui-datepicker-prev span {background: url('../images/arrow-left.svg') no-repeat !important; background-position: center !important;} 
  .ui-datepicker .ui-datepicker-next span {background: url('../images/arrow-right.svg') no-repeat !important; background-position: center !important;}
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: -2px !important;}
  .ui-datepicker th {border-bottom: 1px solid #D5E0F1 !important; font-size: 0.75rem !important; line-height: 0.9375rem !important; color: #0B1D40 !important; font-weight: 600 !important; font-family: "HelveticaBold" !important; text-transform: lowercase !important; }
  .ui-datepicker td span, .ui-datepicker td a { font-family:"HelveticaNeueLTStdRoman", system-ui; font-weight: 400; font-size: 0.75rem; color: #0B1D40; text-align: center !important; border-color: transparent !important; background: none !important; padding: 0; line-height: 20px; }
  .ui-datepicker td {padding: 3px !important;}
  .ui-datepicker tbody tr:nth-child(1) td { padding-top: 7px !important; }
  .ui-datepicker td span, .ui-datepicker td a {width: 20px; height: 20px; margin: 0 auto; }
  .ui-datepicker .ui-state-active {background: #83A3D6 !important; border-radius: 3px !important; color: #FFF !important; padding: 0; line-height: 20px;}
  textarea.form-control {resize: none;height: 71px; min-height: 71px; padding: 0.2rem 0.65rem !important;}
  select.form-control {background-image: url('../images/arrow-down.svg') !important; background-repeat: no-repeat !important; background-position: calc(100% - 11px) center !important; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-color: #FFFFFF !important; }
  select.form-control option[value=""], .select.form-control:invalid { color: #A4A6A6; }
  .select.form-control:required:invalid {
    color: #A4A6A6 !important;
  }
  .select.form-control option[value=""][disabled] {
    display: none;
  }
  .select.form-control option {
    color: #0B1D40 ;
  }

  .check-balance {font-family: 'HelveticaNeueLTStdRoman'; font-size: 12px; line-height: 15px; color: #83A3D6 !important; margin: 2px 0 0; padding: 0; text-align: center;}
  .check-balance a {font-family: 'HelveticaNeueLTStdRoman'; font-size: 11px; line-height: 13px; color: #83A3D6 !important; margin: 0; padding: 0; display: inline-block; text-decoration: underline; }
  .mid-cont-in > .row  { align-items: normal !important; }
@media(max-width:767px){
    .mid-cont-in-lft-cont{text-align: center;margin: 20px 0;}
    .gift-card-bg .gift-card-mid-content .signin-cont-in{padding: 0;}
    .left-side-mid-content{min-height: 350px !important; margin: 20px 0;}
    .gift-card-bg .left-side-mid-content .powered-by{position: relative;}
    .signin-footer-rgt{margin: 0 auto;}
    .gift-card-bg .signin-footer-lft{text-align: center;    width: 100%;}
    .gift-card-bg .custom-control-inline{margin-bottom: 10px;}
}

@media(max-width:575px){
   .packagesList .form-label{margin-bottom: 10px !important;}
   .gift-card-bg .mind-cont.gift-card-mid-content{    padding: 20px 0;}
   .gift-card-bg .max-318{margin: 0 0 20px;}
}

.modal-new {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 0px;
  --bs-modal-border-radius: 0.375rem;
  --bs-modal-box-shadow: 0 0rem 0rem rgba(0, 0, 0, 0);
  --bs-modal-inner-border-radius: 0.375rem;
  --bs-modal-header-padding-x: 1.6875rem;
  --bs-modal-header-padding-y: 2.625rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: transparent;
  --bs-modal-header-border-width: 0px;
  --bs-modal-title-line-height: 1.4375rem;
  --bs-modal-footer-gap: 0.625rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: transparent;
  --bs-modal-footer-border-width: 0px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  font-size: 16px;
}

.modal-new .modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
  margin: 0 auto;
}


.modal-new .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
 
.modal-new .modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background: #EEF2F9;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
  color: #83A3D6;
  font-family: 'HelveticaNeueLTStdEx';
  font-size: 0.75rem;
  line-height: 0.938rem;
  font-weight: 600;
}
.modal-new .modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-new .modal-title {
  margin-bottom: 0;
  /* line-height: var(--bs-modal-title-line-height); */
  text-align: center;
  color: #83A3D6;
  font-family: 'HelveticaNeueLTStdEx';
  font-size: 0.75rem;
  line-height: 0.938rem;
  font-weight: 600;
}
.modal-new .modal-title small {
  display: block;
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 400;
}

.modal-new .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 0.813rem ;
}

.modal-new .modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem 2.625rem 0.875rem ;
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-new .modal-footer > * {
  margin: var(--bs-modal-footer-gap) var(--bs-modal-footer-gap) var(--bs-modal-footer-gap) 0;
}
.modal-new .modal-footer > *:first-child {margin-left: 0;}
.modal-new .modal-footer > *:last-child {margin-right: 0;}
.para {
  font-family: "HelveticaNeueLTStdRoman", system-ui;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #898B8D;
  padding: 0;
  margin: 0 0 0.875rem;
}
.modal-new .modal-header .btn-close {
  border:0;
  box-shadow: none;
  outline: none;
  background: none;
  position: absolute;
  right: -20px;
  top: -20px;
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}
.giftcard-card-dol {
  color: #83A3D6;
  font-size: 23px;
  line-height: 25px;
  font-weight: 400;
  font-family: "HelveticaNeueLTStdBdEx";
}
.giftcatd-sideimg {
  border-radius: 15px;
  max-width: 340px;
  width: 100%;
  height: auto;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin: 8px auto 12px;
  display: block;
}
@media (max-width:767px) {
  .gift-card-bg .signin-cont-in-rgt {overflow: visible; max-height: inherit; }
  .gift-card-bg .left-side-mid-content {height: auto;}
}