@font-face {
  font-family: 'Times New Roman';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/TimesNewRoman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zapf Chancery';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/ZapfChancery.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vivaldi';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/Vivaldi.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Palace Script';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/PalaceScript.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lobster-Regular';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/Lobster-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GreatVibes-Regular';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/GreatVibes-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'French Script';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/French-Script.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Edwardian Script';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/Edwardian-Script.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Curlz';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/Curlz.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Old English';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/OldEnglish.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Harrington';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/Harrington.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chicle Regular';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/Chicle-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Evil Empire';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/EvilEmpire.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MTCORSVA';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/MTCORSVA.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'popwarner';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/PopWarner.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Trumpit';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/Trumpit.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bauhaus';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/Bauhaus.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cooper';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/Bauhaus.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eras';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/Eras.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}     
@font-face {
  font-family: 'Coppler Plate';
  src: url('https://app.personalisedgiftsupply.co.uk/fonts/CopplerPlate.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.curlz {
  font-family: 'Curlz';
}
  
.vivaldi {
  font-family: 'Vivaldi';
}

.edwardianscript {
  font-family: 'Edwardian Script';
}
  
.frenchscript {
  font-family: 'French Script';
}

.greatVibesregular {
  font-family: 'GreatVibes-Regular';
}
  
.harrington {
  font-family: 'Harrington';
}

.lobsterregular {
  font-family: 'Lobster-Regular';
}
  
.oldenglish {
  font-family: 'Old English';
}

.timesnewroman {
  font-family: 'Times New Roman';
}

.zapfchancery {
  font-family: 'Zapf Chancery';
}

.palacescript {
  font-family: 'Palace Script';
}

.font-customisation-result{
  display: none;
}

.cnc_b2b_personalise_button .Personalise-btn .quantity-notice-second {
  padding: 30px 0px;
  font-size: 12px;
  height: auto;
  width: auto;
  color: #858585;
}

.customisation_details .notice-centeralised {
  font-size: 12px;
  color: red;
}

.cnc_b2b_personalise_button .Pro-btn span {
  padding-left: 20px;
}

/* popup show and hide */
.popup-modal.hide {
  display: none;
}

.popup-modal.show {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 1111;
}

.popup-modal:before {
  content: '';
  background: rgba(0,0,0,0.5);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 101;
}

.popup-inner {
  background: #fff;
  max-width: 1140px;
  padding: 30px;
  position: relative;
  z-index: 102;
  max-height: 850px;
  overflow: auto;
}

.btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  border: none;
  background: none;
  font-family: arial;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: solid 1px #f2f2f2;
  cursor: pointer;
  text-decoration: none;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.left-side, .right-side {
  width:50%
}

#popup-modal .main-div {
  margin-top: 25px;
  display:flex;
}

/* Popup css */
.popup-inner .left-side{margin-right:15px;}
.popup-inner{z-index:11111}
.popup-inner input{ outline: inherit;outline-offset: inherit;box-shadow: inherit;}
.popup-inner input{
  border: 1px solid #373737;
  width: 100%;
  padding: 6px 20px;
  margin-bottom: 10px;
  box-shadow: 0 10px 6px -6px rgba(3, 76, 243, 0.1);
  box-shadow: 0 0 10px rgba(55, 55, 55, 0.1);
  font-size: 14px;
  line-height: 18px;
  height: 40px;
  position: relative;
  transition: all 0.5s;
  box-sizing: border-box;
}

.confirm_print{
  width: auto;
  height: 41px;
  background: #000;
  color: #fff;
  padding: 1px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.line-head{width:100%; justify:flex;}
.heading-input{width:100%; display:flex;}
.line-item-property__field select:focus{outline: inherit;outline-offset: inherit;box-shadow: inherit;}
.line-item-property__field select{
  border: 1px solid #373737;
  width: 100%;
  padding: 6px 20px;
  margin-bottom: 10px;
  box-shadow: 0 10px 6px -6px rgba(3, 76, 243, 0.1);
  box-shadow: 0 0 10px rgba(55, 55, 55, 0.1);
  font-size: 14px;
  line-height: 18px;
  height: 40px;
  position: relative;
  transition: all 0.5s;
  box-sizing: border-box;
}

.print_wrap h1{ padding-top:0px; color:red;}
.notice{color:red;}
p{margin:0; padding:0;}
.print_wrap {
  position: relative;
  padding: 10px;
  margin-left: 20px;
}

.print_wrap .engrave img{position: absolute;left: 10px;top: 10px;}
.font_frontend{position: absolute;word-break: break-word;text-align: center;line-height: 1;}
.line-property{width:50%;}
#font-choice option{font-size:20px}
#input_fields input:disabled {
  background: #fe0000;
  cursor: not-allowed;
}
.cnc_font_actual {display:none;white-space:nowrap;}

button[type="submit"] .tooltiptext {
  visibility: hidden;
  width: 100%;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  
  top: 0;
  left: 0;
  height: 100%;
}

button[type="submit"]:hover .tooltiptext {
  visibility: visible;
}

.popup-inner .print_wrap { width:100% !important; height:auto !important; margin-left:0px !important;}
.popup-inner .print_wrap img{ max-width:100% !important;}
.notice.width_100.engravenotice{font-size: 12px;line-height: 16px; font-weight: 400; margin-bottom:15px;}
.popup-inner .cnc_font_actual{display: inline-block; width: auto; }

.Personalise-btn .Button{display: flex; align-items: center;}

img.artwork {
  margin: 0 auto;
  position: absolute;
  left: 0 !important;
  right: 0 !important;
  top: -15px !important;
}

.Pro-btn {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  color: #000;
  padding: 10px;
  letter-spacing: 1px;
  cursor: pointer;
  text-decoration: none;
}

.confirm-btn {
  margin-top: 15px;
}

@media only screen and (max-width: 768px) {
  .main-div{display:block;} 
  .left-side, .right-side{width:100%;}
  #popup-modal .main-div{flex-direction:column;}
}