:root {
    --hajoona-orange-color: #cc5d27;
    --hajoona-dunkelgrun: #2c5435;
    --hajoona-light-green-color: #a0c53b;
    --hajoona-light-orange-color: #e9c535;
    --hajoona-dark-red-color: #600630;
    --hajoona-sun-yellow-color: #f8eb32;
    --hajoona-mineral-blue-color: #001c32;
    --hajoona-Mint-color: #6ca73d;
    --hajoona-blackberry-color: #a90b58;
    --hajoona-grey-blue-color: #B4BEC9;
    --hajoona-stone-blue-color: #adbbd3;
    --hajoona-grey-green-color: #e6ece7;
    --hajoona-warm-grey-color: #8f8f83;
    --hajoona-sand-color: #e8e3b2;
    --hajoona-egg-shell-color: #f4f2e8;
    --hajoona-Neutral-grey-color: #768185;
    --hajoona-light-grey-color: #cdcdcf;
    --hajoona-grey-blue: #B4BEC9;
    --hajoona-dark-blue: #041c2d;
    --hajoona-berry: #a90b58;
    --hajoona-typo-icon-outline-color: #1D1D1D;
    --hajoona-login-page-text-on-image: #ffffff;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--hajoona-typo-icon-outline-color);
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--hajoona-typo-icon-outline-color);
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--hajoona-typo-icon-outline-color);
}
body{
    color: var(--hajoona-typo-icon-outline-color);
}
/* Auto complete in chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left !important;
}

.mt15 {
  margin-top: 15px;
}

.app-loader {
  background: #00000014;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 999;
}

.app-loader .app-loader-inner {
  background: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
}

.app-loader .app-loader-inner img {
  width: 16px;
  height: 16px;
}

body.wizard {
  background: #fff;
}

body.wizard header {
  width: 100%;
  min-height: 50px;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.18);
  background: #fff;
  margin-bottom: 10px;
  position: fixed;
  width: 100%;
  z-index: 12;
  top: 0;
  left: 0;
}

body.wizard header .header-inner {
  width: 100%;
  min-height: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0;
}

body.wizard header .header-inner button.menu {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  width: 34px;
  height: 34px;
  margin-right: 15px;
  padding: 5px;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

body.wizard header .header-inner button.menu span {
  width: 100%;
  height: 3px;
  background: #666;
  display: block;
  margin: 0 0 5px;
  padding: 0;
}

body.wizard header .header-inner button.menu span:first-child {
  margin-top: 4px;
}

body.wizard header .header-inner button.menu:focus,
body.wizard header .header-inner button.menu:hover {
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.wizard header .header-inner button.menu:focus span,
body.wizard header .header-inner button.menu:hover span {
  background: #111;
}

body.wizard header .header-inner .logo {
  width: 130px;
}

body.wizard header .header-inner .logout-button {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAjCAYAAABsFtHvAAAABHNCSVQICAgIfAhkiAAAAqFJREFUWEftmOtVU1EQhWdXoFYgViCpQKhArUCowFCBoQKxAkkFYAVqBUIFSgdawbi+MCdr7sl9R/GP84fkrpyz57FnZl9kM83dL83sjZmdSuLzZNPkE3HA3T0+fpV0NOee/+CTs/YgaXd36vnOzA7N7KyQqw3c3VfxWwh4LulHX1SdNXf3AzP7aGaZTJ8kveLCDvCfZvYoAV6EEzzfsVZwdz8xs/dm9jiduDWzE0k3PeA4BuDTdI7oX5dz2YMd8AAm4mJ3AfolH+yredyBEyULRH5cO9AAd3c8v0ogazNbStpJ2xDh3J2s4fDzuI87FpkHW/Co8beUasiF9602BF4OpUnII0pGBjbBZHC8fBGH1pKoe6eNBQ9+AFoyQBfQFffgVbpvJdFWvTYRnM7BATiwTX8Bz1GTlga52ryYAh4BlhnA1w+Slopafw+A0UtiBjgEpO020Ut6Avgyehr80etxzkqtyHcM+LWZvYzInw2NxCEuDJA0t/IZ4IWJd5Igxl+zqsRrwPcWBVO8beD9a/CyiUYzfUqk9W/ryLc9Lmm2rBrjkLszvBjh2PlDs52RXTbmhu3NBz3LZEx0A62W23pRT7gbSYt9QTrGMROOScrfTVu3zXZUBx7+UUv67r7e0qqAo9M+Bxrzl6XfqrvmeFQR7ZeZHXB/3ue5HpeSTucAtbQWaSawsqab+zxWXt65PNrbgZBSyLKigBtaodZwuQ9xgGyw6SaXIOY4wCVihOhhvqtLvWblCQdWkhCTgxbRvkV4Jj1InY961Wu5OQjC5MsvADhBJtB3G+2eLaQYq5m1Wet9gHey1/fGwgVkgHfwLuPCDJR/R7QXRSy2XTA4y6N2OFEEx1DqASVDrXo/Hx4Eb0ktBKr/GUAGKMV1W0m6vP0NOquAyCEC+sMAAAAASUVORK5CYII=")
    no-repeat center center;
  background-size: 57%;
  border: 1px solid #e6e6e6;
  border-radius: 28px;
  width: 36px;
  height: 36px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}

@media (min-width: 769px) {
  body.wizard header .header-inner .logout-button {
    display: none;
  }
}

body.wizard header .header-inner .logout-button:focus {
  outline: 0;
  box-shadow: none;
}

body.wizard header .header-inner .header-nav #LoginLinks {
  position: relative;
  top: unset;
  right: unset;
  float: none;
  width: auto;
}

body.wizard header .header-inner .header-nav #LoginLinks > div {
  display: none;
}

body.wizard header .header-inner #head {
  width: 100%;
  flex: 1 1 100%;
  height: 70px;
  margin: 10px 0 0;
}

body.wizard header .header-inner #head .navigation {
  margin: 0;
}

@media (max-width: 990px) {
  body.wizard header .header-inner #head {
    display: none;
    height: 450px;
    position: fixed;
    left: -400px;
    top: 0px;
    width: 100%;
    margin: 0;
    border: 0;
    background: #00000073;
    z-index: 18;
  }

  body.wizard header .header-inner #head.open {
    left: 0;
  }

  body.wizard header .header-inner #head .navigation {
    margin: 0;
    width: 300px;
    background: #fff;
    min-height: 100vh;
  }

  body.wizard header .header-inner #head .navigation ul {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  body.wizard header .header-inner #head .navigation ul li {
    width: 100%;
    float: none;
    clear: both;
    height: auto;
    line-height: initial;
  }

  body.wizard header .header-inner #head .navigation ul li a {
    height: auto;
    line-height: initial;
    padding: 15px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
  }
}

@media (max-width: 768px) {
  body.wizard header {
    background: #6ca73d;
    background: var(--hajoona-grey-blue);
  }
}

body.wizard footer {
  background: #fff;
  border-top: 1px solid #d4d4d4;
  padding: 20px 0;
  width: 100%;
}

body.wizard footer.mt30 {
  margin-top: 30px;
}

body.wizard footer p {
  font-size: 14px;
  color: var(--hajoona-typo-icon-outline-color);
}

body.wizard footer p.heading {
  font-size: 18px;
}

body.wizard footer .footer-icons {
  margin: 45px 0 0 auto;
  display: flex;
}

@media (max-width: 990px) {
  body.wizard footer p {
    text-align: center;
  }

  body.wizard footer .footer-icons {
    display: block;
    margin: 20px auto 0;
  }
}

@media (max-width: 768px) {
  body.wizard footer .footer-icons {
    margin-bottom: 50px;
  }
}

@media (max-width: 480px) {
  body.wizard footer .footer-icons {
    width: 100%;
    margin-bottom: 50px;
  }
}

.custom-dropdown {
  max-height: 36px;
  border: 1px solid #e6e6e6;
  min-width: 70px;
  border-radius: 28px;
  position: relative;
}

.custom-dropdown.language-dropdown {
  margin-left: auto;
  margin-right: 15px;
}

@media (max-width: 768px) {
  .custom-dropdown.user-dropdown {
    display: none;
  }
}

.custom-dropdown button.dropdown-button {
  background: none;
  border: none;
  width: 100%;
  height: 36px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}

.custom-dropdown button.dropdown-button .flag {
  width: 26px;
  height: 26px;
  display: block;
  margin-left: 5px;
}

.custom-dropdown button.dropdown-button span.arrow {
  margin-right: 13px;
  display: inline-block;
  width: 9px;
  height: 6px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAABHNCSVQICAgIfAhkiAAAAIFJREFUCFt1zjEKwlAQBNAZJc33JulznsQziBYqOIJaKJ7B/POkz038TdCVFX5EwemGfQvD1f7QAqzxNxYpKdxRdCTKX2eGfoahoh8WOpVTPDuQYYRm6YFJddW6fyPPUseGxC13M8wv2rTeR+Tls8/iebdt8sMX8n0JRQwYakkpoxcvbimsxr2vXgAAAABJRU5ErkJggg==")
    no-repeat;
}

@media (max-width: 768px) {
  .custom-dropdown button.dropdown-button span.arrow {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAABHNCSVQICAgIfAhkiAAAAFxJREFUCFt1z7ENgEAMQ9HvllHomQeYDG4eekahNfLpQAiB2zwriWyvwMh/imx3wAb0H24HBmVgOyAwhStHBdJeUYMTsDzQLCmncKMGr/uKpJRq3ijrSh6RlHU1J8kjHqtZ2B0mAAAAAElFTkSuQmCC")
      no-repeat;
  }
}

.custom-dropdown button.dropdown-button span.language-name {
  font-size: 13px;
  font-weight: bold;
  display: none;
  max-width: 90px;
  margin-left: 10px;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
}

@media (max-width: 768px) and (min-width: 400px) {
  .custom-dropdown button.dropdown-button span.language-name {
    display: block;
  }
}

.custom-dropdown button.dropdown-button span.user-name {
  font-size: 13px;
  font-weight: bold;
  display: block;
  /* max-width: 90px; */
  margin-left: 10px;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
}

.custom-dropdown button:focus {
  border: 0;
  outline: 0;
  box-shadow: none;
}

.custom-dropdown ul {
  display: none;
  position: absolute;
  min-width: 265px;
  height: auto;
  border-radius: 5px;
  padding: 15px 10px;
  margin: 0;
  position: absolute;
  top: 46px;
  right: 0;
  background: #f0f0f0;
  list-style: none;
  z-index: 9;
  -webkit-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.31);
  -moz-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.31);
  box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.31);
}

.custom-dropdown ul:after {
  position: absolute;
  top: -5px;
  right: 13px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f0f0f0;
  content: "";
}

.custom-dropdown ul li {
  padding: 0;
  font-size: 13px;
  font-weight: normal;
  list-style-type: none;
}

.custom-dropdown ul li a {
  text-decoration: none;
}

.custom-dropdown ul li button {
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
  width: 100%;
  max-height: 36px;
  color: #666666;
  font-size: 13px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #d6d6d6;
}

.custom-dropdown ul li button .flag {
  margin-right: 10px;
}

.custom-dropdown ul li button:focus {
  border: 0;
  outline: 0;
  box-shadow: none;
}

.custom-dropdown ul li button:hover {
  background: #eee;
}

.custom-dropdown ul li:last-child button {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.c-grid-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.c-grid-row .c-grid-col {
  -webkit-flex: 1;
  flex: 1;
}

.c-grid-row .c-grid-col:first-child {
  padding-right: 15px;
}

@media (max-width: 480px) {
  .c-grid-row .c-grid-col:first-child {
    padding-right: 8px;
  }
}

.c-grid-row .c-grid-col:last-child {
  padding-left: 15px;
}

@media (max-width: 480px) {
  .c-grid-row .c-grid-col:last-child {
    padding-left: 8px;
  }
}

.circle-input-label {
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
}

    .circle-input-label .circle-input {
        border: 1px solid var(--hajoona-typo-icon-outline-color);
        height: 52px;
        min-height: 48px;
        border-radius: 50px;
        font-size: 16px;
        padding: 14px 20px;
        width: 100%;
        background: transparent;
        z-index: 1;
        -webkit-appearance: none;
    }

.circle-input-label .circle-input.center {
  text-align: center;
  text-align-last: center;
}

.circle-input-label .circle-input.left-center {
  text-align: left;
  padding-left: 60px;
}

.circle-input-label .circle-input.right-center {
  text-align: left;
  padding-right: 60px;
}

.circle-input-label.circle-input-label-icon {
  display: -webkit-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.circle-input-label.circle-input-label-icon span {
  width: 60px;
  height: 52px;
  background: url("../Images/icon-bg-big.svg") no-repeat;
  z-index: 0;
  position: absolute;
}

.circle-input-label.circle-input-label-icon span.icon-name {
  background-position: 10px -190px;
}

.circle-input-label.circle-input-label-icon span.icon-username {
  background-position: 10px -238px;
}

.circle-input-label.circle-input-label-icon span.icon-company {
  background-position: 10px -964px;
}

.circle-input-label.circle-input-label-icon span.icon-email {
  background-position: 10px 3px;
}

.circle-input-label.circle-input-label-icon span.icon-lock {
  background-position: 10px -45px;
}

.circle-input-label.circle-input-label-icon span.icon-country {
  background-position: 10px -284px;
}

.circle-input-label.circle-input-label-icon span.icon-salutation {
  background-position: 10px -93px;
}

.circle-input-label.circle-input-label-icon span.icon-title {
  background-position: 10px -141px;
}

.circle-input-label.circle-input-label-icon span.icon-phone {
  background-position: 9px -531px;
}

.circle-input-label.circle-input-label-icon span.icon-street {
  background-position: 9px -335px;
}

.circle-input-label.circle-input-label-icon span.icon-city {
  background-position: 9px -383px;
}

.circle-input-label.circle-input-label-icon span.icon-houseno {
  background-position: 9px -429px;
}

.circle-input-label.circle-input-label-icon span.icon-postalcode {
  background-position: 9px -429px;
}

.circle-input-label.circle-input-label-icon span.icon-dob {
  background-position: 9px -477px;
}

.circle-input-label.circle-input-label-icon span.icon-vatid {
  background-position: 9px -1058px;
}

.circle-input-label.circle-input-label-icon span.icon-taxnumber {
  background-position: 9px -1010px;
}

.circle-input-label.circle-input-label-icon .circle-input {
  -webkit-flex: 1;
  flex: 1;
}

.circle-input-label.circle-input-label-icon.mb0 {
  margin-bottom: 0;
}

.circle-input-label.circle-input-label-icon select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  background: transparent
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAABHNCSVQICAgIfAhkiAAAAJNJREFUGFd9kNENgzAMRM+BBToCM/CRBKkwRrsN7TZljBCpST46A4tAgtyWSEUq92Wfn86WyTnzAHDBsQay1p7KMr4AVH/YaZ5FTTx0zkogPgGIHRwB0Wh9Dm/wA5sbgH4H3rXu2EcGU0rC+5FT5RcOSrUNEcUfkJsQTLUs4HtRFKil7KZtQ07cDO/HK9dKtfyNrBV6citZRBDoPgAAAABJRU5ErkJggg==")
    right center no-repeat !important;
  background-position: calc(100% - 15px) center !important;
}

.circle-input-label.circle-input-label-icon select::-ms-expand {
  display: none;
}

.circle-input-label.circle-input-label-icon select option {
  padding: 0;
}

.circle-input-label.circle-input-label-icon select:focus:invalid {
  color: #333;
}

.circle-input-label.small-input.circle-input-label-icon span {
  height: 40px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-name {
  background-position: 10px -195px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-username {
  background-position: 10px -243px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-company {
  /* background-position: 10px -964px; */
  background-position: 10px -961px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-email {
  background-position: 10px 3px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-lock {
  background-position: 10px -45px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-country {
  background-position: 10px -289px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-salutation {
  background-position: 10px -97px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-title {
  background-position: 10px -145px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-phone {
  background-position: 9px -531px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-street {
  background-position: 9px -338px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-city {
  background-position: 9px -387px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-houseno {
  background-position: 9px -434px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-postalcode {
  background-position: 9px -434px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-dob {
  background-position: 9px -477px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-vatid {
  background-position: 9px -1058px;
}

.circle-input-label.small-input.circle-input-label-icon span.icon-taxnumber {
  background-position: 9px -1010px;
}

@media (max-width: 768px) {
  .circle-input-label.small-input.circle-input-label-icon span.icon-name {
    /* background-position: -15px -195px; */
    background-position: -15px -193px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-username {
    background-position: -15px -243px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-company {
    background-position: -15px -964px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-email {
    background-position: -15px 3px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-lock {
    background-position: -15px -45px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-country {
    background-position: -15px -289px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-salutation {
    background-position: -15px -97px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-title {
    background-position: -15px -145px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-phone {
    background-position: -15px -531px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-street {
    background-position: -15px -338px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-city {
    background-position: -15px -387px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-houseno {
    background-position: -15px -434px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-postalcode {
    background-position: -15px -434px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-dob {
    background-position: -15px -477px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-vatid {
    background-position: -15px -1058px;
  }

  .circle-input-label.small-input.circle-input-label-icon span.icon-taxnumber {
    background-position: -15px -1010px;
  }
}

.circle-input-label.small-input .circle-input {
  padding: 10px 20px 10px 60px;
}

.circle-input-label.mini-input.circle-input-label-icon span {
  height: 40px;
}

.circle-input-label.mini-input .circle-input {
  padding: 7px 15px;
  height: 40px;
}

.circle-input-label.mini-input .circle-input.right-center {
  text-align: left;
  padding-left: 15px;
  padding-right: 40px;
}

.circle-input-label.mini-input .circle-input.inline-icon-calener {
  background: url("../Images/icon-bg-big.svg") no-repeat 262% -485px;
}

@media (max-width: 768px) {
  .circle-input-label.mini-input .circle-input.inline-icon-calener {
    background: url("../Images/icon-bg-big.svg") no-repeat 136% -485px;
  }
}

.circle-input-label.error .circle-input {
  border-color: #cc5d27;
  border-color: var(--hajoona-orange-color);
}

.circle-input-label.error.circle-input-label-icon span.icon-name {
  background-position: -84px -190px;
}

.circle-input-label.error.circle-input-label-icon span.icon-username {
  background-position: -84px -238px;
}

.circle-input-label.error.circle-input-label-icon span.icon-email {
  background-position: -84px 3px;
}

.circle-input-label.error.circle-input-label-icon span.icon-lock {
  background-position: -86px -45px;
}

.circle-input-label.error.circle-input-label-icon span.icon-country {
  background-position: -84px -284px;
}

.circle-input-label.error.circle-input-label-icon span.icon-salutation {
  background-position: -84px -93px;
}

.circle-input-label.error.circle-input-label-icon span.icon-title {
  background-position: -84px -141px;
}

.circle-input-label.error label.error {
  width: 100%;
  text-align: right;
  color: #cc5d27;
  color: var(--hajoona-orange-color);
  margin: 0;
  padding: 2px 17px 0 0;
}

.circle-input-label div.error {
  position: static;
  margin-top: 2px;
  margin-left: 0;
    color:var(--hajoona-error-color);
  float: left;
  width: 100%;
  margin-bottom: -7px;
  font-size: 12px;
  text-align: right;
  padding-right: 17px;
}

.circle-input-label.valid .circle-input {
  border-color: #6ca73d;
  border-color: var(--hajoona-Mint-color);
}

.circle-input-label.valid.circle-input-label-icon span {
  border-color: #6ca73d;
  border-color: var(--hajoona-Mint-color);
}

.circle-input-label.valid.circle-input-label-icon span.icon-name {
  background-position: -36px -190px;
}

.circle-input-label.valid.circle-input-label-icon span.icon-username {
  background-position: -36px -238px;
}

.circle-input-label.valid.circle-input-label-icon span.icon-email {
  background-position: -36px 3px;
}

.circle-input-label.valid.circle-input-label-icon span.icon-lock {
  background-position: -38px -45px;
}

.circle-input-label.valid.circle-input-label-icon span.icon-country {
  background-position: -36px -284px;
}

.circle-input-label.valid.circle-input-label-icon span.icon-salutation {
  background-position: -36px -93px;
}

.circle-input-label.valid.circle-input-label-icon span.icon-title {
  background-position: -36px -141px;
}

@media (max-width: 768px) {
  .circle-input-label .circle-input {
    height: auto;
    min-height: auto;
    padding: 8px 10px;
    font-size: 15px;
    background-color: #fff;
    border-color: #707070;
    z-index: 0;
  }

  .circle-input-label .circle-input.left-center {
    text-align: left;
    padding-left: 40px;
  }

  .circle-input-label.circle-input-label-icon span {
    width: 18px;
    height: 18px;
    z-index: 1;
    left: 10px;
    top: 10px;
  }

  .circle-input-label.circle-input-label-icon span.icon-name {
    background-position: -15px -207px;
  }

  .circle-input-label.circle-input-label-icon span.icon-username {
    background-position: -15px -255px;
  }

  .circle-input-label.circle-input-label-icon span.icon-company {
    background-position: -15px -964px;
  }

  .circle-input-label.circle-input-label-icon span.icon-email {
    background-position: -15px -15px;
  }

  .circle-input-label.circle-input-label-icon span.icon-lock {
    background-position: -15px -63px;
  }

  .circle-input-label.circle-input-label-icon span.icon-country {
    background-position: -15px -304px;
  }

  .circle-input-label.circle-input-label-icon span.icon-salutation {
    background-position: -15px -111px;
  }

  .circle-input-label.circle-input-label-icon span.icon-title {
    background-position: -15px -159px;
  }

  .circle-input-label.circle-input-label-icon span.icon-phone {
    background-position: -15px -543px;
  }

  .circle-input-label.circle-input-label-icon span.icon-street {
    background-position: -15px -351px;
  }

  .circle-input-label.circle-input-label-icon span.icon-city {
    background-position: -15px -399px;
  }

  .circle-input-label.circle-input-label-icon span.icon-houseno {
    background-position: -15px -446px;
  }

  .circle-input-label.circle-input-label-icon span.icon-postalcode {
    background-position: -15px -446px;
  }

  .circle-input-label.circle-input-label-icon span.icon-dob {
    background-position: -15px -495px;
  }

  .circle-input-label.circle-input-label-icon span.icon-vatid {
    background-position: -15px -1058px;
  }

  .circle-input-label.circle-input-label-icon span.icon-taxnumber {
    background-position: -15px -1010px;
  }

  .circle-input-label.circle-input-label-icon.small-input span {
    top: 0;
  }

  .circle-input-label.error .circle-input {
    border-color: #cc5d27;
    border-color: var(--hajoona-orange-color);
  }

  .circle-input-label.error.circle-input-label-icon {
    margin-bottom: 8px;
  }

  .circle-input-label.error.circle-input-label-icon span.icon-name {
    background-position: -111px -207px;
  }

  .circle-input-label.error.circle-input-label-icon span.icon-username {
    background-position: -111px -255px;
  }

  .circle-input-label.error.circle-input-label-icon span.icon-email {
    background-position: -111px -15px;
  }

  .circle-input-label.error.circle-input-label-icon span.icon-lock {
    background-position: -111px -63px;
  }

  .circle-input-label.error.circle-input-label-icon span.icon-country {
    background-position: -111px -304px;
  }

  .circle-input-label.error.circle-input-label-icon span.icon-salutation {
    background-position: -111px -111px;
  }

  .circle-input-label.error.circle-input-label-icon span.icon-title {
    background-position: -111px -159px;
  }

  .circle-input-label.error label.error {
    font-size: 13px;
    font-weight: bold;
  }

  .circle-input-label.valid .circle-input {
    border-color: #6ca73d;
    border-color: var(--hajoona-Mint-color);
  }

  .circle-input-label.valid.circle-input-label-icon span {
    border-color: #6ca73d;
    border-color: var(--hajoona-Mint-color);
  }

  .circle-input-label.valid.circle-input-label-icon span.icon-name {
    background-position: -63px -207px;
  }

  .circle-input-label.valid.circle-input-label-icon span.icon-username {
    background-position: -63px -255px;
  }

  .circle-input-label.valid.circle-input-label-icon span.icon-email {
    background-position: -63px -15px;
  }

  .circle-input-label.valid.circle-input-label-icon span.icon-lock {
    background-position: -63px -63px;
  }

  .circle-input-label.valid.circle-input-label-icon span.icon-country {
    background-position: -63px -304px;
  }

  .circle-input-label.valid.circle-input-label-icon span.icon-salutation {
    background-position: -63px -111px;
  }

  .circle-input-label.valid.circle-input-label-icon span.icon-title {
    background-position: -63px -159px;
  }
}

@media (min-width: 769px) {
  #dvLogin .circle-input-label {
    margin-bottom: 30px;
  }
}

@media (min-width: 769px) {
  #dvRegistration .circle-input-label {
    margin-bottom: 20px;
  }
}

@media (min-width: 1139px) {
  #dvLogin .form-inner-container {
    min-height: 600px;
  }

  #dvRegistration .form-inner-container {
    min-height: 700px;
  }
}

@media (max-width: 1138px) and (min-width: 990px) {
  #dvRegistration .form-inner-container {
    min-height: 740px;
  }
}

@media (max-width: 990px) and (min-width: 769px) {
  #dvLogin .form-inner-container {
    min-height: 750px;
  }

  #dvRegistration .form-inner-container {
    min-height: 950px;
  }
}

.circle-button {
  height: 52px;
  border-radius: 50px;
  padding: 10px 50px;
  border: 0;
  color:var(--hajoona-button-color);
  background-color:var(--hajoona-button-background);
  font-size: 18px;
  margin: 0 auto;
}

.circle-button.small-input {
  height: 49px;
}

.circle-button.mini-input {
  height: 42px;
  font-size: 16px;
}

.circle-button.mint {
  background-color: var(--hajoona-button-background);
}

.circle-button.secondary-btn {
  color: #666666;
  background: #dbdbdb;
}

.icon-text-button {
  border: 0;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  height: 100%;
  width: 100%;
  min-width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  color: #666666;
  background: transparent;
}

.icon-text-button:hover,
.icon-text-button:focus,
.icon-text-button:active {
  outline: 0;
  box-shadow: none;
}

.icon-text-button.in-cart {
  height: auto;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: 10px;
  margin-top: 3px;
  border-radius: 50px;
  width: 129px;
  margin-left: auto;
}

.icon-text-button span.btn-icon {
  width: 18px;
  height: 18px;
  display: block;
  background: url("../Images/icon-bg-big.svg");
  margin-right: 8px;
}

.icon-text-button span.btn-icon.edit-icon {
  background-position: -15px -783px;
}

.icon-text-button span.btn-icon.delete-icon {
  background-position: -15px -832px;
}

.icon-text-button span.btn-icon.add-icon {
  background-position: -15px -880px;
}

.icon-text-button span.btn-icon.view-icon {
  background-position: -15px -927px;
}

.icon-text-button.primary:hover {
  color: #6ca73d;
  color: var(--hajoona-berry);
}

.icon-text-button.primary:hover span.edit-icon {
  background-position: -63px -783px;
}

.icon-text-button.primary:hover span.add-icon {
  background-position: -63px -880px;
}

.icon-text-button.primary:hover span.view-icon {
  background-position: -63px -927px;
}

.icon-text-button.primary:focus {
  background: #6ca73d;
  background: var(--hajoona-berry);
  color: #fff;
}

.icon-text-button.primary:focus span.edit-icon {
  background-position: -112px -783px;
}

.icon-text-button.primary:focus span.add-icon {
  background-position: -112px -880px;
}

.icon-text-button.primary:focus span.view-icon {
  background-position: -112px -927px;
}

.icon-text-button.danger:hover {
  color: #cc5d27;
  color: var(--hajoona-berry);
}

.icon-text-button.danger:hover span.delete-icon {
  background-position: -63px -832px;
}

.icon-text-button.danger:focus {
  background: #cc5d27;
  background: var(--hajoona-berry);
  color: #fff;
}

.icon-text-button.danger:focus span.delete-icon {
  background-position: -112px -832px;
}

.icon-text-button.danger:disabled,
.icon-text-button.danger:disabled:hover {
  background: #eee;
  color: #666666;
}

.icon-text-button.danger:disabled span.delete-icon,
.icon-text-button.danger:disabled:hover span.delete-icon {
  background-position: -15px -832px;
}

.icon-text-button.inline {
  display: inline-flex;
  justify-content: flex-start;
}

.icon-text-button.inline.w170 {
  width: 170px;
}

@media (max-width: 768px) {
  .icon-text-button.hide-768 {
    display: none;
  }
}

.login-wrapper {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-flex-direction: row;
  flex-direction: row;
  min-height: 100vh;
  background: #fff;
}

@media (min-width: 769px) {
  .login-wrapper {
    height: 100%;
    min-height: 660px;
  }
}

.login-wrapper .image-section-mobile {
  display: none;
}

.login-wrapper .image-section-desktop .image-section-footer {
  background: transparent;
  width: 100%;
  padding: 0 50px 50px 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

    .login-wrapper .image-section-desktop .image-section-footer select {
        background: transparent;
        border: 2px solid var(--hajoona-login-page-text-on-image);
        color: var(--hajoona-login-page-text-on-image);
        padding: 8px 20px;
        font-weight: 700;
        width: 120px;
        border-radius: 5px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        /*background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAABHNCSVQICAgIfAhkiAAAAF9JREFUCFt1zkENgEAQQ9HfAxLwgRQwgShMgJT1gQQOJd3sciDQ22TepCPbMzDxnyLbA7AC44c7gU1Z2A4IzEHPVYF0VtRgKlPdc0gqGR7UYP+vSDq6fqPULcAuKXU1N1fOHlbkNAh4AAAAAElFTkSuQmCC") no-repeat 98px 16px;*/
    }

.login-wrapper .image-section-desktop .image-section-footer select option {
  color: black;
}

.login-wrapper
  .image-section-desktop
  .image-section-footer
  select:focus:invalid {
  color: #333;
}

.login-wrapper .image-section-desktop .image-section-footer select::-ms-expand {
  display: none;
}

.login-wrapper .image-section-desktop .image-section-footer a {
  margin-left: auto;
}

.login-wrapper .image-section-desktop .image-section-footer a img.layout-logo {
  max-width: 250px;
}
@media (min-device-width: 813px) and (max-device-width: 940px) {
    .login-wrapper .image-section-desktop .image-section-footer a img.layout-logo {
        max-width: 150px;
    }
}

    .login-wrapper .form-section {
        -webkit-flex: 1;
        flex: 1;
        background: #fff;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        align-items: flex-start;
    }

    @supports (-moz-appearance: none) {
        .login-wrapper .form-section SELECT {
            -moz-appearance: none !important;
            background: transparent url("data:image/gif;base64,R0lGODlhBgAGAKEDAFVVVX9/f9TU1CgmNyH5BAEKAAMALAAAAAAGAAYAAAIODA4hCDKWxlhNvmCnGwUAOw==") right center no-repeat !important;
            background-position: calc(100% - 15px) center !important;
        }
    }

    .login-wrapper .form-section select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: transparent url("data:image/gif;base64,R0lGODlhBgAGAKEDAFVVVX9/f9TU1CgmNyH5BAEKAAMALAAAAAAGAAYAAAIODA4hCDKWxlhNvmCnGwUAOw==") right center no-repeat !important;
        background-position: calc(100% - 15px) center !important;
    }

        .login-wrapper .form-section select option {
            padding: 0;
        }

        .login-wrapper .form-section select::-ms-expand {
            display: none;
        }

        .login-wrapper .form-section select:focus:invalid {
            color: #333;
        }

    @media (max-width: 768px) {
        @supports (-moz-appearance: none) {
            .login-wrapper .form-section SELECT {
                -moz-appearance: none !important;
                background: #fff url("data:image/gif;base64,R0lGODlhBgAGAKEDAFVVVX9/f9TU1CgmNyH5BAEKAAMALAAAAAAGAAYAAAIODA4hCDKWxlhNvmCnGwUAOw==") right center no-repeat !important;
                background-position: calc(100% - 15px) center !important;
            }
        }

        .login-wrapper .form-section select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: #fff url("data:image/gif;base64,R0lGODlhBgAGAKEDAFVVVX9/f9TU1CgmNyH5BAEKAAMALAAAAAAGAAYAAAIODA4hCDKWxlhNvmCnGwUAOw==") right center no-repeat !important;
            background-position: calc(100% - 15px) center !important;
        }
    }

    .login-wrapper .form-section .form-inner-container {
        max-width: 550px;
        width: 100%;
        padding-left: 50px;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        height: 100vh;
        max-height: 100vh;
    }

        .login-wrapper .form-section .form-inner-container .form-section-header {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-align-items: center;
            align-items: center;
            margin-top: 60px;
            margin-bottom: 20px;
        }

            .login-wrapper .form-section .form-inner-container .form-section-header h2 {
                color: var(--hajoona-typo-icon-outline-color);
                font-size: 36px;
                margin: 0;
                padding: 0;
                -webkit-flex: 1;
                flex: 1;
            }

            .login-wrapper .form-section .form-inner-container .form-section-header a {
                font-size: 16px;
                color: var(--hajoona-typo-icon-outline-color);
                flex-basis: 122px;
                text-align: right;
            }

                .login-wrapper
                .form-section
                .form-inner-container
                .form-section-header
                a.page-link
                img {
                    width: 16px;
                }

                .login-wrapper
                .form-section
                .form-inner-container
                .form-section-header
                a:hover {
                    text-decoration: none;
                    color: #6ca73d;
                    color: var(--hajoona-typo-icon-outline-color);
                }

                    .login-wrapper
                    .form-section
                    .form-inner-container
                    .form-section-header
                    a:hover
                    path {
                        fill: #f00;
                    }

        .login-wrapper
        .form-section
        .form-inner-container
        .form-auth
        .remember-me-container {
            display: block;
            margin-bottom: 18px;
        }

        .login-wrapper
        .form-section
        .form-inner-container
        .form-auth
        .remember-me-container
        .chkbox-container {
            margin-top: 0;
        }

        .login-wrapper
        .form-section
        .form-inner-container
        .form-auth
        .remember-me-container
        .chkbox-container
        .chkbox-checkmark {
            top: 1px;
        }
        .login-wrapper
        .form-section
        .form-inner-container
        .form-auth
        .remember-me-container
        .chkbox-container
        .chkbox-checkmark {
            top: 1px;
        }

    @media (max-width: 768px) {
        .login-wrapper
        .form-section
        .form-inner-container
        .form-auth
        .remember-me-container
        .chkbox-container {
            color: #fff;
            font-size: 14px;
            font-weight: 600;
        }

            .login-wrapper
            .form-section
            .form-inner-container
            .form-auth
            .remember-me-container
            .chkbox-container
            .chkbox-checkmark {
                border: 1px solid #fff;
            }
    }

    .login-wrapper
    .form-section
    .form-inner-container
    .form-auth
    .remember-me-container
    input[type="checkbox"]:checked ~ label::after {
        content: "";
        position: absolute;
        width: 10px;
        height: 6px;
        background: rgba(0, 0, 0, 0);
        top: 11px;
        left: 5px;
        border: 3px solid var(--hajoona-grey-blue);
        border-top: none;
        border-right: none;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .login-wrapper
    .form-section
    .form-inner-container
    .form-auth
    .remember-me-container
    input[type="checkbox"] {
        line-height: 2.1ex;
    }

    .login-wrapper
    .form-section
    .form-inner-container
    .form-auth
    .remember-me-container
    input[type="checkbox"] {
        position: absolute;
        left: -999em;
    }

        .login-wrapper
        .form-section
        .form-inner-container
        .form-auth
        .remember-me-container
        input[type="checkbox"] ~ label {
            position: relative;
            overflow: hidden;
            cursor: pointer;
            color: var(--hajoona-typo-icon-outline-color);
        }

            .login-wrapper
            .form-section
            .form-inner-container
            .form-auth
            .remember-me-container
            input[type="checkbox"] ~ label::before {
                content: "";
                display: inline-block;
                vertical-align: -60%;
                height: 20px;
                width: 20px;
                background-color: white;
                border: 1px solid var(--hajoona-typo-icon-outline-color);
                border-radius: 2px;
                margin-right: 0.5em;
            }

    @media (max-width: 768px) {
        .login-wrapper
        .form-section
        .form-inner-container
        .form-auth
        .remember-me-container
        label {
            font-size: 14px;
            font-weight: 500;
        }
    }

.login-wrapper .form-section .form-inner-container .form-auth .info-alert {
    padding: 15px;
    font-size: 16px;
    color: var(--hajoona-typo-icon-outline-color);
    margin-bottom: 15px;
}

        .login-wrapper
        .form-section
        .form-inner-container
        .form-auth
        .info-alert.success {
            background: transparent;
            border: 1px solid #6ca73d;
            border: 1px solid var(--hajoona-Mint-color);
        }

        .login-wrapper
        .form-section
        .form-inner-container
        .form-auth
        .info-alert.error {
            background: transparent;
            border: 1px solid #cc5d27;
            border: 1px solid var(--hajoona-orange-color);
        }

    .login-wrapper .form-section .form-inner-container .form-auth .danger-alert {
        border-radius: 5px;
        padding: 15px;
        font-size: 16px;
        margin-bottom: 15px;
        background: #fff1f0;
        color: var(--hajoona-typo-icon-outline-color);
    }

    @media (max-width: 768px) {
        .login-wrapper .form-section .form-inner-container .form-auth .danger-alert {
            background: #fff;
        }
    }

    .login-wrapper .form-section .form-inner-container .form-auth .success-alert {
        background: #f8f8f8;
        border-radius: 5px;
        padding: 15px;
        font-size: 16px;
        color: #6ca73d;
        margin-bottom: 15px;
        background: transparent;
        border: 1px solid #6ca73d;
        border: 1px solid var(--hajoona-Mint-color);
    }

    @media (max-width: 768px) {
        .login-wrapper .form-section .form-inner-container .form-auth .success-alert {
            background: #fff;
        }
    }

        .login-wrapper
        .form-section
        .form-inner-container
        .form-auth
        p.forgot-password-mobile-wrapper {
            display: none;
        }

    @media (max-width: 768px) {
        .login-wrapper
        .form-section
        .form-inner-container
        .form-auth
        p.forgot-password-mobile-wrapper {
            display: -webkit-flex;
            display: flex;
            width: 100%;
            -webkit-justify-content: flex-end;
            justify-content: flex-end;
            margin-bottom: 0px;
            position: relative;
            top: -10px;
        }

            .login-wrapper
            .form-section
            .form-inner-container
            .form-auth
            p.forgot-password-mobile-wrapper
            a {
                font-size: 14px;
                line-height: 14px;
                text-decoration: none;
                position: relative;
                top: -32px;
            }
    }

    @media (max-width: 450px) {
        .login-wrapper
        .form-section
        .form-inner-container
        .form-auth
        p.forgot-password-mobile-wrapper {
            margin-bottom: 15px;
            -webkit-justify-content: flex-start !important;
            justify-content: flex-start !important;
        }

            .login-wrapper
            .form-section
            .form-inner-container
            .form-auth
            p.forgot-password-mobile-wrapper
            a {
                top: 0;
            }
    }

    .login-wrapper .form-section .form-inner-container .form-footer {
        display: -webkit-flex;
        display: flex;
        border-top: 1px solid #cccccc;
        padding: 30px;
        margin-top: 40px;
        font-style: italic;
    }

        .login-wrapper .form-section .form-inner-container .form-footer p {
            width: 100%;
            text-align: center;
            font-size: 16px;
            color: var(--hajoona-typo-icon-outline-color);
        }

            .login-wrapper .form-section .form-inner-container .form-footer p a {
                color: var(--hajoona-link-color);
                text-decoration: underline;
            }

                .login-wrapper .form-section .form-inner-container .form-footer p a:hover {
                    text-decoration: underline;
                    cursor: pointer;
                }

    .login-wrapper .form-section .form-inner-container .form-footer-none {
        display: block;
    }

    .login-wrapper .form-section .form-inner-container .form-footer-mobile {
        display: none;
    }

/* DIS-1886 */
.login-wrapper .image-section-desktop {
    -webkit-flex: 1;
    flex: 1;
    background: url("../Images/home1_desktop.png?v=19042023") no-repeat center center;
    background-size: cover;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.login-wrapper .image-section-mobile {
    -webkit-flex: 1;
    flex: 1;
    background: url("../Images/home1_mobile.png?v=19042023") no-repeat center center;
    background-size: cover;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height:600px;
}
.Login-Page-Logo{padding:0;}
.Login-Page-Logo img{width:250px;}
.Login-Page-Welcome{padding:30px;}
.login-wrapper .image-section-desktop h1 {
  color: var(--hajoona-login-page-text-on-image);
  font-size:30px;
  line-height:40px;
  font-weight: normal;
  margin:0;
}
@media (max-width: 1500px) {
    .Login-Page-Logo img{width:200px;}
    .login-wrapper .image-section-desktop h1 {
        font-size:26px;
        line-height:34px;
    }
}
@media (max-width: 1200px) {
    .Login-Page-Logo img{width:170px;}
    .login-wrapper .image-section-desktop h1 {
        font-size:22px;
        line-height:28px;
    }
}
@media (max-width: 1100px) {
    .Login-Page-Logo img{width:150px;}
    .login-wrapper .image-section-desktop h1 {
        font-size:18px;
        line-height:24px;
    }
}
@media (max-width: 900px) {
    .Login-Page-Logo img{width:100px;}
    .login-wrapper .image-section-desktop h1 {
        font-size:14px;
        line-height:20px;
    }
}

    @media (max-width: 1200px) {
        .login-wrapper
        .image-section-desktop
        .image-section-desktop-footer
        .layout-logo {
            width: 180px;
        }

        .login-wrapper .form-section .form-inner-container {
            padding: 0 40px;
        }

            .login-wrapper .form-section .form-inner-container .form-section-header {
                margin-top: 30px;
            }
    }

    @media (max-width: 900px) {
        .login-wrapper.long-height {
            min-height: 770px;
        }

        .login-wrapper
        .image-section-desktop
        .image-section-desktop-footer
        .layout-logo {
            width: 160px;
        }

        .login-wrapper .form-section .form-inner-container {
            padding: 0 40px;
        }

            .login-wrapper .form-section .form-inner-container .form-section-header {
                margin-top: 30px;
            }

        .login-wrapper .c-grid-row {
            -webkit-flex-direction: column;
            flex-direction: column;
        }

            .login-wrapper .c-grid-row .c-grid-col {
                padding: 0;
            }
    }

    @media (max-width: 768px) {
        .login-wrapper {
            font-size: 15px;
            -webkit-flex-direction: column;
            flex-direction: column;
        }

            .login-wrapper.long-height {
                min-height: auto;
            }

            .login-wrapper .image-section-desktop {
                display: none;
            }

            .login-wrapper .image-section-mobile {
                display: block;
                position: relative;
            }

                .login-wrapper .image-section-mobile img {
                    width: 100%;
                }

                    .login-wrapper .image-section-mobile img.layout-logo {
                        max-width: 160px;
                    }

                .login-wrapper .image-section-mobile .image-section-footer {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    padding: 30px;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-flex-direction: row;
                    flex-direction: row;
                    -webkit-box-pack: justify;
                    -moz-box-pack: justify;
                    -ms-flex-pack: justify;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                    -webkit-align-items: center;
                    align-items: center;
                }

                    .login-wrapper .image-section-mobile .image-section-footer select {
                        background: transparent;
                        border-color: var(--hajoona-login-page-text-on-image);
                        color: var(--hajoona-login-page-text-on-image);
                        padding: 8px 20px;
                        font-weight: 700;
                        width: 120px;
                        border-radius: 5px;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        -o-appearance: none;
                        appearance: none;
                    }

                        .login-wrapper .image-section-mobile .image-section-footer select option {
                            color: black;
                        }

                        .login-wrapper
                        .image-section-mobile
                        .image-section-footer
                        select:focus:invalid {
                            color: #333;
                        }

                        .login-wrapper
                        .image-section-mobile
                        .image-section-footer
                        select::-ms-expand {
                            display: none;
                        }

            .login-wrapper .form-section {
                padding: 30px;
                padding-bottom: 80px;
            }

                .login-wrapper .form-section .form-inner-container {
                    padding: 0;
                    max-width: 100%;
                    max-height: auto;
                    height: auto;
                }

                    .login-wrapper .form-section .form-inner-container .form-section-header {
                        -webkit-flex-direction: column;
                        flex-direction: column;
                        margin: 0 0 30px 0;
                    }

                        .login-wrapper .form-section .form-inner-container .form-section-header h2 {
                            color: #fff;
                            text-align: center;
                            font-size: 32px;
                        }

                        .login-wrapper .form-section .form-inner-container .form-section-header a {
                            display: none;
                        }

                    .login-wrapper .form-section .form-inner-container .form-footer-mobile {
                        display: -webkit-flex;
                        -webkit-flex-direction: row;
                        flex-direction: row;
                        width: 100%;
                        padding: 0 30px;
                        /*background: #2c5435;*/
                        background: var(--hajoona-dark-blue);
                        height: 60px;
                        position: fixed;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        z-index: 2;
                        -webkit-align-items: center;
                        align-items: center;
                    }

                        .login-wrapper
                        .form-section
                        .form-inner-container
                        .form-footer-mobile
                        .question-test {
                            font-size: 14px;
                            color: #fff;
                            -webkit-flex: 1;
                            flex: 1;
                        }

                        .login-wrapper
                        .form-section
                        .form-inner-container
                        .form-footer-mobile
                        .page-link {
                            text-align: right;
                            color: #fff;
                            display: -webkit-flex;
                            display: flex;
                            -webkit-align-items: center;
                            align-items: center;
                        }

                            .login-wrapper
                            .form-section
                            .form-inner-container
                            .form-footer-mobile
                            .page-link
                            img {
                                width: 15px;
                                margin-left: 10px;
                                filter: invert(100%);
                            }

                    .login-wrapper .form-section .form-inner-container .form-footer {
                        display: none;
                    }

                    .login-wrapper .form-section .form-inner-container .form-auth .circle-button {
                        height: 42px;
                        padding: 6px 50px;
                    }

            .login-wrapper .c-grid-row {
                -webkit-flex-direction: row;
                flex-direction: row;
            }

                .login-wrapper .c-grid-row .c-grid-col {
                    -webkit-flex: 1;
                    flex: 1;
                }

                    .login-wrapper .c-grid-row .c-grid-col:first-child {
                        padding-right: 5px;
                    }

                    .login-wrapper .c-grid-row .c-grid-col:last-child {
                        padding-left: 5px;
                    }
    }

    @media (max-width: 580px) {
        .login-wrapper .image-section-mobile .image-section-footer {
            padding: 15px;
        }

            .login-wrapper .image-section-mobile .image-section-footer .layout-logo {
                width: 150px;
            }

        .login-wrapper .form-section {
            padding: 15px;
        }

            .login-wrapper .form-section .form-inner-container .form-footer-mobile {
                padding: 0 15px;
            }

            .login-wrapper
            .form-section
            .form-inner-container
            .form-auth
            .responsive-register-button {
                /*background: #cc5d27;*/
                background: var(--hajoona-dark-blue);
                margin-bottom: 60px;
            }
    }

    .wizard-header #head {
        height: 0px;
        overflow: hidden;
    }

    .wizard-body {
        background: #fff;
        margin-top: 50px;
    }

        .wizard-body.pb30 {
            padding-bottom: 30px;
        }

        .wizard-body.mt84 {
            margin-top: 84px;
        }

    @media (max-width: 767px) {
        .wizard-body {
            min-height: calc(100vh - 130px);
        }

            .wizard-body.column-view {
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
            }

            .wizard-body.mt84 {
                margin-top: 0;
            }
    }

    .wizard-body .wizard-slide-panel {
        position: fixed;
        width: 100%;
        height: 100vh;
        left: 100%;
        top: 0;
        background: #fff;
        z-index: 15;
        transition: all 0.5s ease;
    }

        .wizard-body .wizard-slide-panel.open {
            left: 0;
        }

    @media (min-width: 769px) {
        .wizard-body .wizard-slide-panel.open {
            left: 100%;
        }
    }

    .wizard-body .wizard-slide-panel .wsp-header {
        height: 70px;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        background: #6ca73d;
        background: var(--hajoona-grey-blue);
        padding: 0 10px;
        -webkit-align-items: center;
        align-items: center;
    }

        .wizard-body .wizard-slide-panel .wsp-header .wsp-icon-left {
            flex-basis: 50px;
        }

            .wizard-body .wizard-slide-panel .wsp-header .wsp-icon-left .wpm-link {
                margin-left: 10px;
                flex-basis: 50px;
            }

                .wizard-body .wizard-slide-panel .wsp-header .wsp-icon-left .wpm-link span {
                    width: 100%;
                    height: 46px;
                    display: block;
                    background: url("../Images/icon-bg-big.svg") no-repeat;
                    background-position: -56px -720px;
                }

                    .wizard-body
                    .wizard-slide-panel
                    .wsp-header
                    .wsp-icon-left
                    .wpm-link
                    span:hover {
                        color: none;
                    }

        .wizard-body .wizard-slide-panel .wsp-header .wsp-text {
            -webkit-flex: 1;
            flex: 1;
            color: #fff;
            font-size: 24px;
            overflow: hidden;
            height: 28px;
            width: 100%;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .wizard-body .wizard-slide-panel .wsp-header .wsp-text.tac-header {
                height: auto;
                margin-top: 2px;
            }

    .wizard-body .wizard-slide-panel .wsp-container {
        height: -moz-calc(100vh - 130px);
        height: -webkit-calc(100vh - 130px);
        height: calc(100vh - 130px);
        background: #fff;
    }

        .wizard-body .wizard-slide-panel .wsp-container .product-overview {
            width: 100%;
            padding: 30px;
            overflow: scroll;
            height: 100%;
            overflow-x: hidden;
        }

    @media (max-width: 480px) {
        .wizard-body .wizard-slide-panel .wsp-container .product-overview {
            padding: 15px;
        }
    }

    .wizard-body
    .wizard-slide-panel
    .wsp-container
    .product-overview
    .product-heading {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #cdcecf;
    }

        .wizard-body
        .wizard-slide-panel
        .wsp-container
        .product-overview
        .product-heading
        .product-image {
            flex-basis: 80px;
            height: 80px;
            border: 1px solid #cdcecf;
            border-radius: 50%;
            overflow: hidden;
        }

            .wizard-body
            .wizard-slide-panel
            .wsp-container
            .product-overview
            .product-heading
            .product-image
            img {
                height: 80px;
                width: 80px;
                border-radius: 50%;
            }

    @media (max-width: 989px) and (min-width: 768px) {
        .wizard-body
        .wizard-slide-panel
        .wsp-container
        .product-overview
        .product-heading
        .product-image {
            flex-basis: 0px;
        }

            .wizard-body
            .wizard-slide-panel
            .wsp-container
            .product-overview
            .product-heading
            .product-image
            img {
                height: 50px;
                width: 50px;
            }
    }

    @media (max-width: 480px) {
        .wizard-body
        .wizard-slide-panel
        .wsp-container
        .product-overview
        .product-heading
        .product-image {
            flex-basis: 50px;
            height: 50px;
        }

            .wizard-body
            .wizard-slide-panel
            .wsp-container
            .product-overview
            .product-heading
            .product-image
            img {
                height: 50px;
                width: 50px;
            }
    }

    .wizard-body
    .wizard-slide-panel
    .wsp-container
    .product-overview
    .product-heading
    .product-content {
        -webkit-flex: 1;
        flex: 1;
        padding: 0 0 0 20px;
        font-size: 18px;
        display: block;
    }

    @media (max-width: 480px) {
        .wizard-body
        .wizard-slide-panel
        .wsp-container
        .product-overview
        .product-heading
        .product-content {
            font-size: 16px;
        }
    }

    .wizard-body .wizard-slide-panel .wsp-container .product-overview .product-heading .product-content span {
        display: inline-block;
        white-space: nowrap;
    }

    .wizard-body .wizard-slide-panel .wsp-container .product-overview h1 {
        font-size: 22px;
        color: #666666;
    }

    .wizard-body .wizard-slide-panel .wsp-container .product-overview p strong {
        color: #666666;
    }

    .wizard-body .wizard-slide-panel .wsp-container .product-overview p a {
        color: #cc5d27;
        color: var(--hajoona-grey-blue);
        text-decoration: underline;
    }

    .wizard-body .wizard-slide-panel .mobile-sticky-footer-panel {
        background: #6ca73d;
        background: var(--hajoona-dark-blue);
        width: 100%;
        height: 60px;
        padding: 10px;
        z-index: 1;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

        .wizard-body .wizard-slide-panel .mobile-sticky-footer-panel .msfp-button-back {
            border-radius: 30px;
            background: var(--hajoona-grey-blue);
            color: #fff;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            font-size: 18px;
            padding: 0 20px;
        }

    .wizard-panel {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 35px 0 0;
    }

    @media (max-width: 767px) {
        .wizard-panel {
            display: none;
        }
    }

    .wizard-panel .wizard-tab {
        width: 16%;
    }

        .wizard-panel .wizard-tab .wizard-link {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
        }

            .wizard-panel .wizard-tab .wizard-link:hover {
                background: transparent;
                border: 0;
                outline: 0;
                text-decoration: none;
            }

            .wizard-panel .wizard-tab .wizard-link .w-icon {
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-align-items: center;
                align-items: center;
                position: relative;
            }

                .wizard-panel .wizard-tab .wizard-link .w-icon .w-i-circle {
                    width: 33px;
                    height: 33px;
                    border-radius: 50%;
                    background: #fff;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-justify-content: center;
                    justify-content: center;
                    -webkit-align-items: center;
                    align-items: center;
                    font-size: 16px;
                    color: #666666;
                    border: 1px solid #cdcecf;
                    color: #8f8f83;
                    z-index: 1;
                }

                .wizard-panel .wizard-tab .wizard-link .w-icon:after {
                    content: "";
                    border-top: 1px solid #cdcecf;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    width: 100%;
                    z-index: 0;
                }

                .wizard-panel .wizard-tab .wizard-link .w-icon.first-w-icon:after {
                    width: 50%;
                    left: 50%;
                }

                .wizard-panel .wizard-tab .wizard-link .w-icon.last-w-icon:after {
                    width: 50%;
                    left: 0;
                }

            .wizard-panel .wizard-tab .wizard-link .w-text {
                margin-top: 15px;
                font-size: 13px;
                text-align: center;
                color: var(--hajoona-typo-icon-outline-color);
            }

            .wizard-panel .wizard-tab .wizard-link.disabled {
                cursor: not-allowed !important;
                opacity: 1;
            }

            .wizard-panel .wizard-tab .wizard-link.active .w-icon .w-i-circle {
                background: #cc5d27;
                background: var(--hajoona-grey-blue);
                border: 1px solid #cc5d27;
                border: 1px solid var(--hajoona-grey-blue);
                color: #fff;
            }

            .wizard-panel .wizard-tab .wizard-link.complete .w-icon .w-i-circle {
                background: #cdcdcf;
                border: 1px solid #cdcdcf;
                color: var(--hajoona-link-color);
            }

    .wizard-panel-mobile {
        position: fixed;
        top: 55px;
        left: 0;
        right: 0;
        background: #fff;
        height: 55px;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        overflow: hidden;
        z-index: 2;
        border-bottom: 1px solid #cdcecf;
    }

    @media (min-width: 768px) {
        .wizard-panel-mobile {
            display: none;
        }
    }

    .wizard-panel-mobile .wpm-link {
        margin-left: 10px;
        flex-basis: 50px;
    }

        .wizard-panel-mobile .wpm-link a {
            width: 100%;
            height: 50px;
            display: block;
            background: url("../Images/icon-bg-big.svg") no-repeat;
            background-position: -5px -718px;
        }

            .wizard-panel-mobile .wpm-link a:hover {
                color: none;
            }

    .wizard-panel-mobile .wpm-subheader {
        -webkit-flex: 1;
        flex: 1;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

        .wizard-panel-mobile .wpm-subheader .wpms-icon-left {
            flex-basis: 50px;
            margin-left: 10px;
        }

            .wizard-panel-mobile .wpm-subheader .wpms-icon-left.ml10 {
                margin-left: 10px;
            }

            .wizard-panel-mobile .wpm-subheader .wpms-icon-left .w-icon {
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-align-items: center;
                align-items: center;
                position: relative;
                height: 100%;
            }

                .wizard-panel-mobile .wpm-subheader .wpms-icon-left .w-icon .w-i-circle {
                    width: 33px;
                    height: 33px;
                    border-radius: 50%;
                    background: #fff;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-justify-content: center;
                    justify-content: center;
                    -webkit-align-items: center;
                    align-items: center;
                    font-size: 16px;
                    color: #666666;
                    border: 1px solid #cc5d27;
                    border: 1px solid var(--hajoona-grey-blue);
                    color: #fff;
                    z-index: 1;
                    background: #cc5d27;
                    background: var(--hajoona-grey-blue);
                }

                .wizard-panel-mobile .wpm-subheader .wpms-icon-left .w-icon.active:after {
                    content: "";
                    position: absolute;
                    top: 11px;
                    left: 0px;
                    z-index: 0;
                    width: 33px;
                    height: 33px;
                    background: #cdcdcf;
                    border-radius: 50%;
                }

        .wizard-panel-mobile .wpm-subheader .wpms-text {
            -webkit-flex: 1;
            flex: 1;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            color: var(--hajoona-typo-icon-outline-color);
        }

        .wizard-panel-mobile .wpm-subheader .wpms-icon-right {
            flex-basis: 60px;
        }

            .wizard-panel-mobile .wpm-subheader .wpms-icon-right .w-icon {
                display: -webkit-flex;
                display: flex;
                justify-content: flex-start;
                -webkit-align-items: center;
                align-items: center;
                position: relative;
                height: 100%;
            }

                .wizard-panel-mobile .wpm-subheader .wpms-icon-right .w-icon .w-i-circle {
                    width: 33px;
                    height: 33px;
                    border-radius: 50%;
                    background: #fff;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-justify-content: center;
                    justify-content: center;
                    -webkit-align-items: center;
                    align-items: center;
                    font-size: 16px;
                    color: var(--hajoona-typo-icon-outline-color);
                    border: 1px solid #cdcecf;
                    z-index: 1;
                }

                .wizard-panel-mobile .wpm-subheader .wpms-icon-right .w-icon:after {
                    content: "";
                    position: absolute;
                    top: 11px;
                    left: 7px;
                    z-index: 0;
                    width: 33px;
                    height: 33px;
                    background: #e7e4e4;
                    border-radius: 50%;
                }

                .wizard-panel-mobile .wpm-subheader .wpms-icon-right .w-icon:before {
                    content: "";
                    position: absolute;
                    top: 11px;
                    left: 14px;
                    z-index: 0;
                    width: 33px;
                    height: 33px;
                    background: #eaeaea;
                    border-radius: 50%;
                }

    .wizard-panel-mobile ul.checkout-tab {
        margin: 0;
        padding: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        width: 100%;
        border-bottom: 2px solid #cc5d27;
        border-bottom: 2px solid var(--hajoona-orange-color);
    }

        .wizard-panel-mobile ul.checkout-tab li {
            width: 50%;
            color: #666666;
            text-align: center;
            font-size: 16px;
            line-height: 16px;
            height: 55px;
            list-style: none;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
        }

            .wizard-panel-mobile ul.checkout-tab li.active {
                background: #cc5d27;
                background: var(--hajoona-orange-color);
                color: #fff;
            }

    .wizard-wrapper {
        border: 1px solid var(--hajoona-info-box-border);
        margin: 30px 0 0;
    }

        .wizard-wrapper.wmb30 {
            margin-bottom: 30px;
        }

        .wizard-wrapper.padding {
            padding: 30px;
        }

        .wizard-wrapper.mt170 {
            margin-top: 170;
        }

    @media (max-width: 1320px) {
        .wizard-wrapper.mt170 {
            margin-top: 240;
        }
    }

    @media (max-width: 767px) {
        .wizard-wrapper {
            border: 0;
            margin-bottom: 30px;
        }

            .wizard-wrapper.wmb30,
            .wizard-wrapper.no-margin-767 {
                margin: 0;
            }

            .wizard-wrapper.no-padding-767 {
                padding: 0;
            }

            .wizard-wrapper.mt170 {
                margin-top: 0;
            }
    }

    .wizard-wrapper .wizard-container {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    @media (max-width: 768px) {
        .wizard-wrapper .wizard-container {
            -webkit-flex-direction: column;
            flex-direction: column;
        }

            .wizard-wrapper .wizard-container.wizard-reverse-column {
                flex-direction: column-reverse;
            }

        #checkout .wizard-wrapper {
            margin-top: 0;
        }
    }

    .wizard-wrapper .wizard-container .wizard-content {
        -webkit-flex: 1;
        flex: 1;
        padding: 35px;
        border-radius: 5px 0 0 5px;
        position: relative;
    }
    @media (max-width: 1200px) {
        .wizard-wrapper .wizard-container .wizard-content {
            padding: 10px
        }
    }

    .wizard-wrapper .wizard-container .wizard-content.show-768 {
        display: none;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content.product-review-chekout-mobile {
        display: none;
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content.product-review-chekout-mobile {
            display: block;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content.product-review-chekout-mobile.hide-768 {
                display: none;
            }
    }

    .wizard-wrapper .wizard-container .wizard-content .pop-up-fluid {
        position: absolute;
        right: 0;
        width: 400px;
        background: var(--hajoona-typo-icon-outline-color);
        top: 0;
        height: 100%;
        border-radius: 0 5px 5px 0;
        padding: 30px;
        color: #fff;
    }

    @media (max-width: 990px) and (min-width: 768px) {
        .wizard-wrapper .wizard-container .wizard-content .pop-up-fluid {
            width: 330px;
        }
    }

    .wizard-wrapper .wizard-container .wizard-content .pop-up-fluid.pop02-content {
        padding: 40px 10px 30px 30px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .pop-up-fluid
    .popup-inner-scroll-container {
        width: 100%;
        height: 100%;
        overflow-y: scroll !important;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .pop-up-fluid
    .close-product-overview {
        position: absolute;
        right: 5px;
        top: 5px;
        background: url("../Images/icon-bg-big.svg") no-repeat;
        background-position: -8px -633px;
        width: 32px;
        height: 32px;
        transition: all 0.5s ease;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .pop-up-fluid
        .close-product-overview:hover {
            cursor: pointer;
            transform: rotate(90deg);
            transition: all 0.5s ease;
        }

    .wizard-wrapper .wizard-container .wizard-content .pop-up-fluid h1 {
        color: #fff;
        font-size: 24px;
    }

    .wizard-wrapper .wizard-container .wizard-content .pop-up-fluid h2 {
        color: #fff;
    }

        .wizard-wrapper .wizard-container .wizard-content .pop-up-fluid p a {
            color: #cc5d27;
            color: var(--hajoona-link-button-color-light);
        }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .pop-up-fluid.term-arrow:after {
        position: absolute;
        left: -20px;
        top: 134px;
        content: "";
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid var(--hajoona-typo-icon-outline-color);
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .pop-up-fluid.comission-arrow:after {
        position: absolute;
        left: -20px;
        top: 230px;
        content: "";
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid var(--hajoona-typo-icon-outline-color);
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .pop-up-fluid.privacy-arrow:after {
        position: absolute;
        left: -20px;
        top: 340px;
        content: "";
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid var(--hajoona-typo-icon-outline-color);
    }

    @media (max-width: 768px) {
        .wizard-wrapper .wizard-container .wizard-content .pop-up-fluid {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .wizard-wrapper .wizard-container .wizard-content {
            padding: 0;
            margin-top: 35px;
        }

            .wizard-wrapper .wizard-container .wizard-content.show-768 {
                display: block;
            }
    }

    .wizard-wrapper .wizard-container .wizard-content .wc-head h3 {
        display: block;
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .note-text {
        font-weight: bold;
        color: var(--hajoona-typo-icon-outline-color);
    }

        .wizard-wrapper .wizard-container .wizard-content .wc-head p.custom-subtitle {
            padding-left: 548px;
        }

    @media (max-width: 1200px) {
        .wizard-wrapper .wizard-container .wizard-content .wc-head p.custom-subtitle {
            padding-left: 447px;
        }
    }

    @media (max-width: 990px) {
        .wizard-wrapper .wizard-container .wizard-content .wc-head p.custom-subtitle {
            padding-left: 337px;
        }
    }

    @media (max-width: 768px) {
        .wizard-wrapper .wizard-container .wizard-content .wc-head p.custom-subtitle {
            padding-left: 0;
        }
    }

    .wizard-wrapper .wizard-container .wizard-content .wc-head.hide-768 {
        display: block;
    }

    @media (max-width: 768px) {
        .wizard-wrapper .wizard-container .wizard-content .wc-head {
            text-align: center;
            margin-bottom: 20px;
        }

            .wizard-wrapper .wizard-container .wizard-content .wc-head h3 {
                font-size: 20px;
                margin-bottom: 15px;
            }

            .wizard-wrapper .wizard-container .wizard-content .wc-head.hide-768 {
                display: none;
            }
    }

    .wizard-wrapper .wizard-container .wizard-content .wc-body {
        display: block;
    }

        .wizard-wrapper .wizard-container .wizard-content .wc-body .wc-cart {
            display: block;
            width: 100%;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .product-preview-checkout-mobile-heading {
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
                background: #ababab;
                border-radius: 5px 5px 0 0;
                width: 100%;
                font-size: 14px;
                text-align: center;
                -webkit-justify-content: center;
                justify-content: center;
                color: #fff;
                padding: 7px 15px;
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row {
                display: -webkit-flex;
                display: flex;
                width: 100%;
                -webkit-flex-direction: row;
                flex-direction: row;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .wc-cart
                .wc-cart-row.bb-dashed {
                    border-bottom: 1px dashed var(--hajoona-typo-icon-outline-color);
                }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .wc-cart
                .wc-cart-row.bb-solid {
                    border-bottom: 1px solid var(--hajoona-typo-icon-outline-color);
                }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .wc-cart
                .wc-cart-row.bb-solid-bold {
                    border-bottom: 1px solid var(--hajoona-typo-icon-outline-color);
                }

        .wizard-wrapper .wizard-container .wizard-content .wc-body.cms-body {
            padding: 0 15px 15px 15px;
        }

            .wizard-wrapper .wizard-container .wizard-content .wc-body.cms-body a {
                color: #cc5d27;
                text-decoration: underline;
            }

                .wizard-wrapper .wizard-container .wizard-content .wc-body.cms-body a:hover {
                    color: #cc5d27;
                    text-decoration: underline;
                }

            .wizard-wrapper .wizard-container .wizard-content .wc-body.cms-body h1 {
                font-size: 20px;
                margin-bottom: 15px;
                color: #cc5d27;
                margin-top: 0;
                margin-bottom: 20px;
            }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row.mb20 {
            margin-bottom: 20px;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row.mb30 {
            margin-bottom: 30px;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row.pb5 {
            padding-bottom: 5px;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row.pb30 {
            padding-bottom: 30px;
        }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row {
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            flex: unset;
            border: 1px solid var(--hajoona-typo-icon-outline-color);
            border-radius: 5px;
            padding-bottom: 15px;
            margin-bottom: 15px;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row.hide-768 {
                display: none;
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row.bb-dashed {
                border-bottom: 1px solid var(--hajoona-typo-icon-outline-color);
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row.bb-solid {
                border-bottom: 1px solid var(--hajoona-typo-icon-outline-color);
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row.pb30 {
                padding-bottom: 15px;
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row.mb30 {
                margin-bottom: 15px;
            }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .wc-cart
    .wc-cart-row
    .wc-cart-col.wc-cart-product {
        -webkit-flex: 1;
        flex: 1;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row
        .wc-cart-col.wc-cart-product {
            flex: unset;
            width: 100%;
            padding: 15px;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .wc-cart
    .wc-cart-row
    .wc-cart-col.wc-cart-product
    .wc-cart-product-image {
        flex-basis: 110px;
        padding: 0px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        border: 1px solid #eee;
        transition: all 0.5s ease;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row
        .wc-cart-col.wc-cart-product
        .wc-cart-product-image
        img {
            width: 100%;
        }
        @media (max-width: 990px) and (min-width:769px) {
            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row
            .wc-cart-col.wc-cart-product
            .wc-cart-product-image
            img {
                width: 30px;
            }
        }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .wc-cart
    .wc-cart-row
    .wc-cart-col.wc-cart-product
    .wc-cart-product-image:hover {
        transform: scale(1.2);
        transition: all 0.5s ease;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .wc-cart
    .wc-cart-row
    .wc-cart-col.wc-cart-product
    .wc-cart-product-content {
        -webkit-flex: 1;
        flex: 1;
        padding-left: 15px;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row
        .wc-cart-col.wc-cart-product
        .wc-cart-product-content
        h3 {
            color: var(--hajoona-typo-icon-outline-color);
            font-size: 16px;
            margin-top: 0px;
            padding-top: 0;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row
        .wc-cart-col.wc-cart-product
        .wc-cart-product-content
        p {
            font-size: 14px;
            margin-bottom: 0;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row
        .wc-cart-col.wc-cart-product
        .wc-cart-product-content
        button.remove-button {
            width: auto;
            height: 38px;
            border-radius: 5px;
            border: 1px solid #ddd;
            margin-top: 10px;
        }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row
        .wc-cart-col.wc-cart-product
        .wc-cart-product-content {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-justify-content: center;
            justify-content: center;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .wc-cart
    .wc-cart-row
    .wc-cart-col.wc-cart-amount {
        flex-basis: 140px;
        text-align: right;
        font-size: 16px;
    }

    @media (max-width: 768px) and (min-width:480px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row
        .wc-cart-col.wc-cart-amount {
            flex: unset;
            flex-basis: unset;
            width: 60%;
            padding-right: 15px;
        }
    }
@media (max-width: 479px) and (min-width:320px) {
    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .wc-cart
    .wc-cart-row
    .wc-cart-col.wc-cart-amount {
        flex: unset;
        flex-basis: unset;
        width: 50%;
        padding-right: 10px;
        padding-left: 10px;
    }
}


    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .wc-cart
    .wc-cart-row
    .wc-cart-col.wc-cart-amount
    .price-text {
        padding-bottom: 15px;
        display: block;
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row
        .wc-cart-col.wc-cart-amount
        .price-text {
            padding-bottom: 0;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .wc-cart
    .wc-cart-row
    .wc-cart-col.wc-cart-amount
    .offer-text {
        font-size: 14px;
        display: block;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .wc-cart
    .wc-cart-row
    .wc-cart-col.wc-cart-quantity {
        flex-basis: 150px;
        min-width: 135px;
        margin: 0 15px;
        text-align: center;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row
        .wc-cart-col.wc-cart-quantity
        .lable-qty {
            font-size: 16px;
            margin-bottom: 5px;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row
        .wc-cart-col.wc-cart-quantity
        .show-768 {
            display: none;
        }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row
        .wc-cart-col.wc-cart-quantity {
            flex: unset;
            flex-basis: unset;
            width: 40%;
            margin: 0;
            padding-left: 15px;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row
            .wc-cart-col.wc-cart-quantity
            .show-768 {
                display: block;
            }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .wc-cart
    .wc-cart-row
    .wc-cart-col.wc-cart-quantity
    .remove-product {
        display: -webkit-flex;
        display: flex;
        height: 38px;
        margin: 10px 0 5px;
        border: 1px solid #cdcecf;
        border-radius: 5px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .wc-cart
    .wc-cart-row
    .wc-cart-col.wc-cart-mobile-heading {
        display: none;
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row
        .wc-cart-col.wc-cart-mobile-heading {
            width: 100%;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
            background: #ababab;
            border-radius: 5px 5px 0 0;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row
            .wc-cart-col.wc-cart-mobile-heading
            .wc-cart-text {
                -webkit-flex: 1;
                flex: 1;
                width: 100%;
                font-size: 14px;
                color: #fff;
                padding: 7px 15px;
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row
            .wc-cart-col.wc-cart-mobile-heading
            .wc-cart-mobile-remove-button {
                flex-basis: 100px;
                font-size: 14px;
                color: #fff;
                border-radius: 0 5px 0 0;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .wc-cart
                .wc-cart-row
                .wc-cart-col.wc-cart-mobile-heading
                .wc-cart-mobile-remove-button.icon-text-button
                span.btn-icon.delete-icon {
                    background-position: -110px -832px;
                }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .wc-cart
    .wc-cart-row.checkout-product-row {
        margin-bottom: 0;
        border-radius: 0;
        border-bottom: 0;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .wc-cart
    .wc-cart-row.checkout-product-row:last-child {
        border-bottom: 1px solid #cdcecf;
        border-radius: 0 0 5px 5px;
    }
    @media (max-width:768px) {
        #checkout
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row.checkout-product-row:last-child {
            border-bottom: 1px solid var(--hajoona-typo-icon-outline-color);
                
        }
    }
    .wizard-wrapper .wizard-container .wizard-content .wc-body .note {
        text-align: right;
        width: 100%;
        display: block;
        margin-bottom: 20px;
        font-size: 11px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .select-item-wrapper {
        position: relative;
        margin-bottom: 20px;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item {
            border: 2px solid #aaaaaa;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
            padding: 25px;
            border-radius: 5px;
            margin-left: 30px;
            position: relative;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .select-item-wrapper
            .select-item
            .item-image {
                flex-basis: 130px;
                height: auto;
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-align-items: center;
                align-items: center;
                border: 1px solid #e1e1e1;
                background: transparent;
                margin-left: 20px;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .select-item-wrapper
                .select-item
                .item-image
                img {
                    width: 100%;
                }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .select-item-wrapper
                .select-item
                .item-image:hover {
                    transform: scale(1) !important;
                }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .select-item-wrapper
                .select-item
                .item-image.no-border {
                    border-color: transparent;
                }

    @media (max-width: 1200px) and (min-width: 990px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item
        .item-image {
            margin-left: 5px;
        }
    }

    @media (max-width: 989px) and (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item
        .item-image {
            margin-left: 0;
            margin-bottom: 10px;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .select-item-wrapper
            .select-item
            .item-image
            img {
                width: 50%;
            }
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item
        .item-image {
            flex-basis: 90px;
            margin-left: 5px;
            background: #fff;
        }
    }

    @media (max-width: 400px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item
        .item-image {
            flex-basis: 64px;
            margin-left: 5px;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .select-item-wrapper
    .select-item
    .item-content {
        -webkit-flex: 1;
        flex: 1;
        font-size: 20px;
        line-height: 27px;
        color: #666666;
        padding: 0 30px 0 30px;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item
        .item-content
        span {
            display: block;
            font-size: 16px;
            padding-top: 5px;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .select-item-wrapper
            .select-item
            .item-content
            span.toggle-switch-package {
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .select-item-wrapper
                .select-item
                .item-content
                span.toggle-switch-package
                img {
                    margin: 7px 0 0 8px;
                }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .select-item-wrapper
                .select-item
                .item-content
                span.toggle-switch-package.open
                img {
                    transform: rotate(-180deg);
                }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item
        .item-content
        strong {
            font-weight: 600;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item
        .item-content
        ul {
            margin-top: 5px;
            margin-bottom: 0;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .select-item-wrapper
            .select-item
            .item-content
            ul.ml22 {
                margin-left: -22px;
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .select-item-wrapper
            .select-item
            .item-content
            ul
            li {
                position: relative;
                font-size: 16px;
                line-height: 23px;
                list-style: none;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .select-item-wrapper
                .select-item
                .item-content
                ul
                li:after {
                    content: "";
                    position: absolute;
                    left: -16px;
                    top: 8px;
                    width: 5px;
                    height: 6px;
                    background: #666;
                    border-radius: 5px;
                }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .select-item-wrapper
                .select-item
                .item-content
                ul
                li.li-hide {
                    display: none;
                }

                    .wizard-wrapper
                    .wizard-container
                    .wizard-content
                    .wc-body
                    .select-item-wrapper
                    .select-item
                    .item-content
                    ul
                    li.li-hide.show {
                        display: block;
                    }

    @media (max-width: 989px) and (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item
        .item-content
        ul {
            margin-left: -22px;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .select-item-wrapper
            .select-item
            .item-content
            ul
            li {
                font-size: 14px;
            }
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item
        .item-content
        ul {
            margin-left: -22px;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .select-item-wrapper
            .select-item
            .item-content
            ul
            li {
                font-size: 14px;
            }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .select-item-wrapper
    .select-item
    .item-content.no-product {
        padding-right: 0px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }

    @media (max-width: 1200px) and (min-width: 990px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item
        .item-content {
            padding: 0 0 0 30px;
        }
    }

    @media (max-width: 989px) and (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item
        .item-content {
            padding: 0px;
        }
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item
        .item-content {
            padding: 0 0 0 10px;
            font-size: 16px;
            line-height: 18px;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .select-item-wrapper
            .select-item
            .item-content
            span {
                font-size: 14px;
            }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .select-item-wrapper
    .select-item
    .item-content
    span.block-span {
        display: inline-block;
        white-space: nowrap;
        padding: 0;
        font-weight: normal;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .select-item-wrapper
    .select-item:after {
        width: 46px;
        height: 46px;
        content: "";
        border: 2px solid #aaaaaa;
        background: #fff;
        border-radius: 50px;
        position: absolute;
        top: 50%;
        left: -23px;
        margin-top: -23px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .select-item-wrapper
    .select-item
    input[type="radio"] {
        display: none;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .select-item-wrapper
    .select-item:hover {
        transition: background-color 0.3s ease;
        background: #e6ece7;
        background: var(--hajoona-grey-green-color);
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .select-item-wrapper
    .select-item.select {
        border-color: #6ca73d;
        border-color: var(--hajoona-Mint-color);
        background: #e6ece7;
        background: var(--hajoona-grey-green-color);
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item.select:after {
            border-color: #6ca73d;
            border-color: var(--hajoona-Mint-color);
            background: url(../Images/icon-bg-big.svg) no-repeat;
            background-position: -2px -676px;
        }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item.select:after {
            border-color: #2c5435;
            border-color: var(--hajoona-dunkelgrun);
        }
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item.select {
            border-color: #2c5435;
            border-color: var(--hajoona-dunkelgrun);
            background: #6ca73d;
            background: var(--hajoona-Mint-color);
        }
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item.select
        .item-content {
            color: #fff;
        }
    }

    @media (max-width: 989px) and (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item {
            -webkit-flex-direction: column;
            flex-direction: column;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .select-item-wrapper
    .info {
        display: none;
        cursor: pointer;
        background-color: #6ca73d;
        background-color: var(--hajoona-Mint-color);
        width: 23px;
        height: 46px;
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -23px;
        border-radius: 50px 0 0 50px;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .info
        .info-icon {
            width: 23px;
            height: 46px;
            background-image: url("../Images/icon-bg-big.svg");
            background-position: -10px -578px;
            background-repeat: no-repeat;
            display: block;
            transition: all 0.3s ease;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .info:hover
        .info-icon {
            transform: scale(1.3);
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .info.open {
            display: block;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .select-item-wrapper
            .info.open
            .info-icon {
                transform: scale(1.3);
                transition: all 0.3s ease;
            }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .select-item-wrapper:hover
    .info {
        display: block;
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .info {
            display: block;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper.checked
        .info {
            background-color: #2c5435;
            background-color: var(--hajoona-dunkelgrun);
        }
    }

    .wizard-wrapper .wizard-container .wizard-content .wc-body .policy-row {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        border-bottom: 1px solid var(--hajoona-typo-icon-outline-color);
        padding-bottom: 20px;
        margin-top: 20px;
    }
        .wizard-wrapper .wizard-container .wizard-content .wc-body .policy-row .chkbox-container {
           color: 1px solid var(--hajoona-typo-icon-outline-color);
        }
            .wizard-wrapper .wizard-container .wizard-content .wc-body .policy-row .chkbox-container span:hover,
            .wizard-wrapper .wizard-container .wizard-content .wc-body .policy-row .chkbox-container span {
                color: var(--hajoona-link-color);
            }
            .wizard-wrapper .wizard-container .wizard-content .wc-body .policy-row .policy-heading {
            font-size: 16px;
            color: var(--hajoona-typo-icon-outline-color);
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .policy-row
        .policy-input {
            display: block;
        }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column {
            -webkit-flex: 1;
            flex: 1;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column:first-child {
                padding-right: 15px;
            }

    @media (max-width: 767px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column:first-child {
            padding-right: 0;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column:last-child {
        padding-left: 15px;
    }

    @media (max-width: 767px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column:last-child {
            padding-left: 0;
        }
    }

    @media (max-width: 769px) and (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column:last-child {
            margin-top: -20px;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .no-padding {
        padding: 0;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .ac-heading {
        display: block;
        margin: 20px 0;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .ac-heading
        .ac-title {
            color: var(--hajoona-typo-icon-outline-color);
            font-size: 18px;
            text-transform: uppercase;
            margin-bottom: 5px;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .ac-heading
        .ac-para {
            font-size: 14px;
            color: var(--hajoona-typo-icon-outline-color);
        }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .ac-heading.hide-768 {
            display: none;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .address-form {
        margin-top: 40px;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-form
        .text-left
        .circle-button {
            margin-bottom: 10px;
        }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-form {
            margin-top: 20px;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .address-lists {
        display: none;
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists.open {
            display: -webkit-flex;
            display: flex;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists
        .address-entry {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            width: 100%;
            border: 1px solid var(--hajoona-typo-icon-outline-color);
            border-radius: 5px;
            margin-bottom: 15px;
            position: relative;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .address-lists
            .address-entry:last-child {
                margin-bottom: 0;
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .address-lists
            .address-entry
            .address-content {
                padding: 25px 25px 15px 25px;
                font-size: 16px;
            }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists
        .address-entry
        .address-content {
            padding: 15px 15px 0px 15px;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .address-lists
    .address-entry
    .address-content
    .default-address {
        font-size: 16px;
        color: #6ca73d;
        color: var(--hajoona-Mint-color);
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 15px;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists
        .address-entry
        .address-content
        .default-address
        .default-address-icon {
            width: 21px;
            height: 20px;
            background: url("../Images/icon-bg-big.svg") no-repeat;
            background-position: 0px -280px;
            background-size: 286%;
            margin-right: 7px;
        }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .address-lists
    .address-entry
    .address-buttons {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists
        .address-entry
        .address-buttons
        button {
            -webkit-flex: 1;
            flex: 1;
            padding: 12px;
            border: 0;
            border-top: 1px solid #cdcecf;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .address-lists
            .address-entry
            .address-buttons
            button:last-child {
                border-left: 1px solid #cdcecf;
            }

    @media (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists
        .address-entry
        .address-buttons
        .shipping-addr-del {
            padding: 0;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .address-lists
            .address-entry
            .address-buttons
            .shipping-addr-del
            a {
                padding: 10px;
                border-radius: 5px;
                text-decoration: none;
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .address-lists
            .address-entry
            .address-buttons
            .shipping-addr-del:hover {
                color: #cc5d27;
                color: var(--hajoona-orange-color);
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .inner-form-container
                .inner-column
                .address-lists
                .address-entry
                .address-buttons
                .shipping-addr-del:hover
                a {
                    text-decoration: none;
                }

                    .wizard-wrapper
                    .wizard-container
                    .wizard-content
                    .wc-body
                    .inner-form-container
                    .inner-column
                    .address-lists
                    .address-entry
                    .address-buttons
                    .shipping-addr-del:hover
                    a
                    span
                    .delete-icon {
                        background-position: -63px -832px;
                    }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .address-lists
            .address-entry
            .address-buttons
            .shipping-addr-del:focus {
                background: #6ca73d;
                background: var(--hajoona-Mint-color);
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .inner-form-container
                .inner-column
                .address-lists
                .address-entry
                .address-buttons
                .shipping-addr-del:focus
                a {
                    text-decoration: none;
                }

                    .wizard-wrapper
                    .wizard-container
                    .wizard-content
                    .wc-body
                    .inner-form-container
                    .inner-column
                    .address-lists
                    .address-entry
                    .address-buttons
                    .shipping-addr-del:focus
                    a
                    span
                    .delete-icon {
                        background-position: -63px -832px;
                    }
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists
        .address-entry
        .address-buttons
        .shipping-addr-del {
            -webkit-flex: 1;
            flex: 1;
            border: 0;
            border-top: 1px solid #cdcecf;
            border-left: 1px solid #cdcecf;
            padding: 0;
            border-radius: 0;
            margin: 0;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .address-lists
            .address-entry
            .address-buttons
            .shipping-addr-del
            a {
                padding: 10px;
                text-decoration: none;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .inner-form-container
                .inner-column
                .address-lists
                .address-entry
                .address-buttons
                .shipping-addr-del
                a:hover,
                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .inner-form-container
                .inner-column
                .address-lists
                .address-entry
                .address-buttons
                .shipping-addr-del
                a:focus {
                    text-decoration: none;
                }
    }

    @media (min-width: 1200px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists
        .address-entry
        .address-buttons {
            position: absolute;
            top: 10px;
            right: 10px;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .address-lists
            .address-entry
            .address-buttons
            button {
                border: 1px solid #cdcecf;
                border-radius: 5px;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .inner-form-container
                .inner-column
                .address-lists
                .address-entry
                .address-buttons
                button:last-child {
                    margin-left: 5px;
                }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .address-lists
    .new-address-entry {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists
        .new-address-entry
        button {
            width: auto;
            padding: 10px;
            border-radius: 50px;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .address-lists
            .new-address-entry
            button:last-child {
                margin-left: auto;
            }

    @media (max-width: 480px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists
        .new-address-entry {
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .address-lists
            .new-address-entry
            button:last-child {
                margin-left: 0;
            }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .address-lists.row-view {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        flex-wrap: wrap;
    }

    @media (max-width: 990px) and (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists.row-view {
            -webkit-flex-direction: column;
            flex-direction: column;
            flex-wrap: unset;
        }
    }

    @media (max-width: 767px) and (min-width: 580px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists.row-view {
            -webkit-flex-direction: row;
            flex-direction: row;
            flex-wrap: wrap;
        }
    }

    @media (max-width: 579px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists.row-view {
            -webkit-flex-direction: column;
            flex-direction: column;
            flex-wrap: unset;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .address-lists.row-view
    form {
        width: 48%;
        margin-right: 2%;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists.row-view
        form
        a {
            text-decoration: none;
        }

    @media (max-width: 990px) and (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists.row-view
        form {
            width: 100%;
            margin-right: 0;
        }
    }

    @media (max-width: 579px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists.row-view
        form {
            width: 100%;
            margin-right: 0;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .address-lists.row-view
    form:hover {
        cursor: pointer;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists.row-view
        form:hover
        .address-entry {
            background: #f8f8f8;
            border-color: #6ca73d;
            border-color: var(--hajoona-Mint-color);
        }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .address-lists.row-view
    form:first-child
    .address-entry {
        border-top: 3px solid #ddd;
        background: #f8f8f8;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .address-lists.row-view
    form:first-child:hover {
        cursor: default;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists.row-view
        form:first-child:hover
        .address-entry {
            border-color: #ddd;
            background: #f8f8f8;
        }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .address-lists.row-view
    form
    .address-entry
    .address-content
    .default-address
    .chkbox-container
    span {
        text-decoration: none;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .address-lists.row-view
    .address-entry {
        margin-bottom: 15px;
        min-height: 230px;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists.row-view
        .address-entry.default {
            border-top: 3px solid #cdcecf;
            background: #f8f8f8;
        }

    @media (max-width: 1200px) and (min-width: 990px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists.row-view
        .address-entry {
            margin-right: 2% !important;
        }
    }

    @media (max-width: 989px) and (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists.row-view
        .address-entry {
            margin-right: 0 !important;
            width: 100%;
            min-height: auto;
        }
    }

    @media (max-width: 579px) and (min-width: 320px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists.row-view
        .address-entry {
            margin-right: 0 !important;
            width: 100%;
            min-height: auto;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .address-lists.row-view
    .address-entry
    .address-buttons {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        position: relative;
        top: unset;
        right: unset;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .address-lists.row-view
        .address-entry
        .address-buttons
        button {
            -webkit-flex: 1;
            flex: 1;
            padding: 12px;
            border: 0;
            border-top: 1px solid #cdcecf;
            border-radius: 0;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .address-lists.row-view
            .address-entry
            .address-buttons
            button:last-child {
                border-left: 1px solid #cdcecf;
                margin: 0;
            }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column.no-padding {
        padding: 0;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .bonus-payment-section {
        display: block;
        width: 100%;
        border-top: 1px solid #cdcecf;
        margin-top: 50px;
        padding-top: 20px;
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .bonus-payment-section {
            margin-top: 20px;
            padding: 0;
        }
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .bonus-payment-section
        .bank-details
        .bank-lists
        .li-list {
            margin: 0;
            border: 0;
            border-radius: 5px 5px 0 0;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .bonus-payment-section
            .bank-details
            .bank-lists
            .li-list.pre-checked {
                var(--hajoona-grey-blue);
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .bonus-payment-section
            .bank-details
            .bank-lists
            .li-list
            .select-bank
            .bank-list-row {
                -webkit-flex-direction: row-reverse;
                flex-direction: row-reverse;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .inner-form-container
                .inner-column
                .bonus-payment-section
                .bank-details
                .bank-lists
                .li-list
                .select-bank
                .bank-list-row
                .bank-list-text {
                    display: -webkit-flex;
                    display: flex;
                    padding-left: 10px;
                    color: #ffff;
                }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .subsection {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid var(--hajoona-typo-icon-outline-color);
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .subsection
        .para-text-bold {
            font-size: 14px;
            padding: 15px 0 0;
            color: #666666;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .subsection
        .recursive-box {
            padding: 10px 0 0;
            font-size: 14px;
            line-height: 32px;
            color: var(--hajoona-typo-icon-outline-color);
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .subsection
            .recursive-box
            .circle-input-label {
                max-width: 200px;
                display: inline-block;
                position: relative;
            }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .subsection
        .recursive-box
        .circle-input-label {
            max-width: 100%;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .subsection
    .recursive-box
    .circle-input-label.width-60 {
        width: 60px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body
    .inner-form-container
    .inner-column
    .subsection
    .recursive-box
    .circle-input-label.mb0 {
        margin-bottom: 0;
    }

    @media (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .subsection.hide-min-768 {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .subsection.hide-768 {
            display: none;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .subsection.no-bottom-style {
            border: 0;
            padding-bottom: 0;
        }
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container {
            -webkit-flex-direction: column;
            flex-direction: column;
        }
    }

    .wizard-wrapper .wizard-container .wizard-tips {
        flex-basis: 500px;
        background: #f6f6f6;
        padding: 35px;
        border-radius: 0 5px 5px 0;
        font-size: 16px;
        color: #666666;
        position: relative;
    }

        .wizard-wrapper .wizard-container .wizard-tips.desktop-fixed-width-400 {
            flex-basis: 400px;
        }
        @media (max-width: 768px) {
            .wizard-wrapper .wizard-container .wizard-tips.desktop-fixed-width-400 {
                flex-basis: unset;
            }
        }
        .wizard-wrapper .wizard-container .wizard-tips.desktop-fixed-width-450 {
            flex-basis: 450px;
        }

        .wizard-wrapper .wizard-container .wizard-tips.cart-summary-wrapper {
            border-left: 1px solid var(--hajoona-typo-icon-outline-color);
        }

        @media (max-width: 768px) {
            .wizard-wrapper .wizard-container .wizard-tips.cart-summary-wrapper {
                padding: 15px;
                background: #f9f7f7;
                border: 1px solid var(--hajoona-typo-icon-outline-color);
            }
        }

    .wizard-wrapper .wizard-container .wizard-tips .wc-cart-summary-head h3 {
        display: block;
        color: #cc5d27;
        color: var(--hajoona-grey-blue);
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 50px;
    }

    @media (max-width: 768px) {
        .wizard-wrapper .wizard-container .wizard-tips .wc-cart-summary-head {
            display: none;
        }
    }

    .wizard-wrapper .wizard-container .wizard-tips .wc-cart-summary-body .sb-row {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .wc-cart-summary-body
        .sb-row.hide-768 {
            display: none;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .wc-cart-summary-body
    .sb-row
    .sb-col {
        -webkit-flex: 1;
        flex: 1;
        font-size: 16px;
        color: var(--hajoona-typo-icon-outline-color);
        line-height: 23px;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .wc-cart-summary-body
        .sb-row
        .sb-col
        .text-left {
            text-align: left;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .wc-cart-summary-body
        .sb-row
        .sb-col
        .text-right {
            text-align: right;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .wc-cart-summary-body
        .sb-row
        .sb-col
        .price-text {
            padding: 15px 0 10px;
            display: block;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-tips
            .wc-cart-summary-body
            .sb-row
            .sb-col
            .price-text.pt0 {
                padding-top: 0;
            }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .wc-cart-summary-body
        .sb-row
        .sb-col
        .offer-text {
            display: block;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .wc-cart-summary-body
        .sb-row
        .sb-col
        .attr-number {
            display: block;
            font-size: 14px;
            margin-top: 5px;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .wc-cart-summary-body
        .sb-row
        .sb-col
        .checkout-product-image {
            height: 55px;
            display: block;
            margin-bottom: 5px;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-tips
            .wc-cart-summary-body
            .sb-row
            .sb-col
            .checkout-product-image
            img {
                width: 65px;
            }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .wc-cart-summary-body
        .sb-row
        .sb-col
        .checkout-product-quantity {
            max-width: 140px;
            margin-left: auto;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .wc-cart-summary-body
        .sb-row
        .sb-col.text-gray {
            color: #999;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .wc-cart-summary-body
        .sb-row
        .sb-col
        .fs-20 {
            font-size: 20px;
        }

    @media (max-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .wc-cart-summary-body
        .sb-row
        .sb-col
        .fs-20 {
            font-size: 16px;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .wc-cart-summary-body
    .sb-row
    .sb-col
    .fs-danger {
        color: #cc5d27;
        color: var(--hajoona-grey-blue);
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .wc-cart-summary-body
    .sb-row.mt30 {
        margin-top: 30px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .wc-cart-summary-body
    .sb-row.mb30 {
        margin-bottom: 30px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .wc-cart-summary-body
    .sb-row.mb20 {
        margin-bottom: 20px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .wc-cart-summary-body
    .sb-row.mb10 {
        margin-bottom: 10px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .wc-cart-summary-body
    .sb-row.mb5 {
        margin-bottom: 5px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .wc-cart-summary-body
    .sb-row.pb30 {
        padding-bottom: 30px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .wc-cart-summary-body
    .sb-row.pb20 {
        padding-bottom: 20px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .wc-cart-summary-body
    .sb-row.bb-dashed {
        border-bottom: 1px dashed var(--hajoona-typo-icon-outline-color);
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .wc-cart-summary-body
    .sb-row.mt20 {
        margin-top: 20px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .wc-cart-summary-body
    .sb-row.pbt0 {
        padding-top: 20px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .wc-cart-summary-body
    .sb-row.bt-solid {
        border-top: 1px solid var(--hajoona-typo-icon-outline-color);
    }

    .wizard-wrapper .wizard-container .wizard-tips p {
        margin-bottom: 20px;
    }

        .wizard-wrapper .wizard-container .wizard-tips p strong {
            font-size: 18px;
        }

        .wizard-wrapper .wizard-container .wizard-tips p.after {
            position: relative;
        }

            .wizard-wrapper .wizard-container .wizard-tips p.after:after {
                content: "";
                width: 16px;
                height: 16px;
                left: -18px;
                top: -3px;
                position: absolute;
                background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAATJJREFUOE+NU9FNwzAQvdPln7ABTEAj2d+kE0A3KCMwAaMgJiCdgPTbkcIGtBO0/Y996CwnKsZxaymK7Tu/8z2/hxANY0wNAE8AUCPiQsLM/A0ALQBstNbynwaOs77vS2vtOwA8x6DRuiGil6qqjrLvAeTwMAxfY8ULAP5GRVEsBcQDGGNaRHyMDyLiq3OuRMS3BGirlFpi13Vy5c9UVSK6l31r7U8qzsweoAmkpXJ8nwBQzrT1IQCSdDNTYeuJSrQX8ncCwHOkEdFtaOEwl5O9gVLKk5wpcspycAXAJvsKVwCssjoIHIhC/z0jM2+11vWkRGutaPwhImsX1nfR/p6IFpMSz+TcZJ7sHOMoIvsDMEbFjYi4DqYa9XEK8Ukvox8mN14ykBjOObdmZrG7fAK2/wWz05E5qNMouQAAAABJRU5ErkJggg==") no-repeat center center;
            }

    .wizard-wrapper .wizard-container .wizard-tips ul li {
        margin-bottom: 20px;
    }

    @media (max-width: 1200px) and (min-width: 990px) {
        .wizard-wrapper .wizard-container .wizard-tips {
            padding: 10px;
            flex-basis: 400px;
        }
    }

    @media (max-width: 989px) and (min-width: 768px) {
        .wizard-wrapper .wizard-container .wizard-tips {
            flex-basis: 280px !important;
            padding: 10px;
        }

            .wizard-wrapper .wizard-container .wizard-tips.offer-page-width {
                flex-basis: 310px;
            }

            .wizard-wrapper .wizard-container .wizard-tips.desktop-fixed-width-450 {
                flex-basis: 350px;
            }
    }

    @media (max-width: 768px) {
        .wizard-wrapper .wizard-container .wizard-tips {
            padding: 20px 20px 20px 35px;
            flex-basis: unset;
            border-radius: 5px;
            -webkit-flex: 1;
            flex: 1;
            border: 1px solid #cdcecf;
        }

            .wizard-wrapper .wizard-container .wizard-tips p {
                margin-bottom: 15px;
            }

            .wizard-wrapper .wizard-container .wizard-tips ul li {
                margin-bottom: 15px;
            }
    }

    @media (max-width: 480px) {
        .wizard-wrapper .wizard-container .wizard-tips p,
        .wizard-wrapper .wizard-container .wizard-tips ul li {
            font-size: 14px;
        }

            .wizard-wrapper .wizard-container .wizard-tips p strong {
                font-size: 16px;
            }
    }

    .wizard-wrapper .wizard-container .wizard-tips .product-overview {
        background: #6ca73d;
        background: var(--hajoona-grey-blue);
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        border-radius: 0 5px 5px 0;
        padding: 30px;
        color: #fff;
        display: none;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .product-overview.scroll-content {
            padding: 37px 12px 15px 30px;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .product-overview
        .product-overview-scroll-container {
            width: 100%;
            height: 100%;
            overflow-y: scroll;
        }

        .wizard-wrapper .wizard-container .wizard-tips .product-overview.open {
            display: block;
        }

    @media (max-width: 768px) {
        .wizard-wrapper .wizard-container .wizard-tips .product-overview.open {
            display: none;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .product-overview
    .close-product-overview {
        position: absolute;
        right: 5px;
        top: 5px;
        background: url("../Images/icon-bg-big.svg") no-repeat;
        background-position: -8px -633px;
        width: 32px;
        height: 32px;
        transition: all 0.5s ease;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .product-overview
        .close-product-overview:hover {
            cursor: pointer;
            transform: rotate(90deg);
            transition: all 0.5s ease;
        }

    .wizard-wrapper .wizard-container .wizard-tips .product-overview:after {
        position: absolute;
        left: -20px;
        top: 180px;
        content: "";
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #6ca73d;
        border-right: 20px solid var(--hajoona-Mint-color);
    }

    @media (max-width: 1200px) and (min-width: 990px) {
        .wizard-wrapper .wizard-container .wizard-tips .product-overview {
            width: 100%;
        }

            .wizard-wrapper .wizard-container .wizard-tips .product-overview:after {
                top: 210px;
            }
    }

    @media (max-width: 989px) and (min-width: 768px) {
        .wizard-wrapper .wizard-container .wizard-tips .product-overview {
            width: 100%;
        }

            .wizard-wrapper .wizard-container .wizard-tips .product-overview:after {
                top: 268px;
            }
    }

    @media (max-width: 768px) {
        .wizard-wrapper .wizard-container .wizard-tips .product-overview {
            display: none;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .product-overview.offer-first-row:after {
        top: 214px;
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .product-overview.offer-first-row.view-more-arrow:after {
        top: 294px;
    }

    @media (max-width: 1200px) and (min-width: 990px) {
        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .product-overview.offer-first-row:after {
            top: 247px;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .product-overview.offer-first-row.view-more-arrow:after {
            top: 336px;
        }
    }

    @media (max-width: 989px) and (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .product-overview.offer-first-row:after {
            top: 307px;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .product-overview.offer-first-row.view-more-arrow:after {
            top: 394px;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .product-overview.package-first-row:after {
        top: 194px;
    }

    @media (max-width: 1200px) and (min-width: 990px) {
        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .product-overview.package-first-row:after {
            top: 231px;
        }
    }

    @media (max-width: 989px) and (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .product-overview.package-first-row:after {
            top: 341px;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .product-overview.package-second-row:after {
        top: 415px;
    }

    @media (max-width: 1200px) and (min-width: 990px) {
        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .product-overview.package-second-row:after {
            top: 475px;
        }
    }

    @media (max-width: 989px) and (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .product-overview.package-second-row:after {
            top: 751px;
        }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .product-overview
    .product-heading {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        margin-bottom: 40px;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .product-overview
        .product-heading
        .product-image {
            flex-basis: 120px;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-tips
            .product-overview
            .product-heading
            .product-image
            img {
                height: 100px;
                width: 100px;
                border-radius: 50%;
            }

    @media (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .product-overview
        .product-heading
        .product-image
        img {
            background: #fff;
        }
    }

    @media (max-width: 989px) and (min-width: 768px) {
        .wizard-wrapper
        .wizard-container
        .wizard-tips
        .product-overview
        .product-heading
        .product-image {
            flex-basis: 0px;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-tips
            .product-overview
            .product-heading
            .product-image
            img {
                height: 50px;
                width: 50px;
            }
    }

    .wizard-wrapper
    .wizard-container
    .wizard-tips
    .product-overview
    .product-heading
    .product-content {
        -webkit-flex: 1;
        flex: 1;
        padding: 0 20px;
        font-size: 20px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }

    .wizard-wrapper .wizard-container .wizard-tips .product-overview ul {
        margin: 0;
        padding: 0 0 0 17px;
    }

        .wizard-wrapper .wizard-container .wizard-tips .product-overview ul li {
            margin-bottom: 5px;
        }

    .wizard-wrapper .mobile-sticky-footer {
        background: #6ca73d;
        background: var(--hajoona-dark-blue);
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        height: 60px;
        padding: 10px;
        z-index: 1;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    @media (min-width: 768px) {
        .wizard-wrapper .mobile-sticky-footer {
            display: none;
        }
    }

    .wizard-wrapper .mobile-sticky-footer .msf-button {
        border-radius: 30px;
        background: #fff;
        background-color: var(--hajoona-grey-blue);
        color: #fff;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        font-size: 18px;
        padding: 0 20px;
    }

        .wizard-wrapper .mobile-sticky-footer .msf-button:focus {
            outline: none;
        }

    .wizard-wrapper .mobile-sticky-footer .msf-button-back {
        margin-right: auto;
    }

    .wizard-wrapper .mobile-sticky-footer .msf-button-skip {
        margin-left: auto;
        margin-right: 10px;
    }

    @media (max-width: 400px) {
        .wizard-wrapper .mobile-sticky-footer .msf-button-skip {
            margin-right: 3px;
        }
    }

    .wizard-wrapper .mobile-sticky-footer .msf-button-continue {
        background-color: #cc5d27;
        background-color: var(--hajoona-grey-blue);
        color: #fff;
        margin-left: auto;
    }

        .wizard-wrapper .mobile-sticky-footer .msf-button-continue.full {
            width: 100%;
            -webkit-justify-content: center;
            justify-content: center;
        }

    .wizard-wrapper.bonus-page {
        margin-top: 80px;
        margin-bottom: 20px;
    }

    @media (max-width: 769px) {
        .wizard-wrapper.bonus-page {
            margin-top: 0px;
        }
    }

    @media (max-width: 769px) {
        .wizard-wrapper.bonus-page
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container
        .inner-column
        .ac-heading {
            margin: 0 15px 15px;
        }
    }

    .desktop-actions-buttons {
        margin: 30px 0;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    @media (max-width: 768px) {
        .desktop-actions-buttons {
            display: none;
        }
    }

    .desktop-actions-buttons.flex-end {
        justify-content: flex-end;
    }

    .desktop-actions-buttons .msf-button {
        border-radius: 30px;
        background: #fff;
        color: #666666;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        font-size: 18px;
        padding: 12px 50px;
        max-height: 50px;
        overflow: hidden;
    }

        .desktop-actions-buttons .msf-button:hover {
            text-decoration: none;
        }

    .desktop-actions-buttons .msf-button-continue-shopping {
        margin-right: auto;
        /*background: #6ca73d;*/
        background: var(--hajoona-grey-blue);
        color: #fff;
    }

    .desktop-actions-buttons .msf-button-back {
        margin-right: auto;
        background: var(--hajoona-button-cancel-background);
        color: var(--hajoona-button-cancel-color);
    }

    .desktop-actions-buttons .msf-button-skip {
        background: var(--hajoona-grey-blue);
        color: #fff;
        margin-left: auto;
        margin-right: 10px;
    }

    @media (max-width: 400px) {
        .desktop-actions-buttons .msf-button-skip {
            margin-right: 3px;
        }
    }

    .desktop-actions-buttons .msf-button-continue {
        background-color: var(--hajoona-button-background);
        color:var(--hajoona-button-color);
    }

        .desktop-actions-buttons .msf-button-continue.custom-checkout-payment {
            bottom: unset !important;
            margin-left: 0 !important;
            min-width: auto;
            height: auto;
            cursor: pointer;
        }

    .welcome-wrapper {
        padding: 0 9%;
        text-align: center;
        min-height: 300px;
    }

        .welcome-wrapper.text-center {
            text-align: center;
        }

        .welcome-wrapper.display-flex-box {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-justify-content: center;
            justify-content: center;
        }

    @media (max-width: 767px) {
        .welcome-wrapper {
            padding: 0;
        }
    }

    .welcome-wrapper h1 {
        color: var(--hajoona-font-color);
        font-size: 36px;
        margin-bottom: 30px;
    }

    @media (max-width: 767px) {
        .welcome-wrapper h1 {
            font-size: 24px;
        }
    }

    .welcome-wrapper p {
        color: var(--hajoona-typo-icon-outline-color);
        font-size: 16px;
        margin-top: 20px;
    }

    .welcome-wrapper .best-regards {
        display: block;
        color: #5f5f5f;
        margin: 0 auto;
        text-align: center;
        font-size: 24px;
        margin: 30px 0;
    }

    @media (max-width: 767px) {
        .welcome-wrapper .best-regards {
            margin: 15px 0;
            font-size: 16px;
        }
    }

    .welcome-wrapper a.continue-button {
        width: 200px;
        height: 60px;
        line-height: 60px;
        color: #fff;
        background: var(--hajoona-button-background);
        margin: 0 auto 20px;
        font-size: 24px;
        border-radius: 30px;
        display: block;
        text-align: center;
        transition: background-color 0.3s ease;
    }

        .welcome-wrapper a.continue-button:hover {
            text-decoration: none;
            margin: 0 auto 20px;
            transition: background-color 0.3s ease;
        }

    @media (max-width: 767px) {
        .welcome-wrapper a.continue-button {
            display: none;
        }
    }
@media (max-width: 768px) {
    .welcome-wrapper a.continue-button.handPointer {
        display: none;
    }
}

    .chkbox-container {
        display: inline-block;
        position: relative;
        padding-left: 35px;
        padding-right: 0;
        margin-bottom: 0px;
        cursor: pointer;
        font-size: 16px;
        user-select: none;
        margin-top: 10px;
    }

        .chkbox-container label {
            margin-top: -8px;
        }

    @media (max-width: 767px) {
        .chkbox-container label {
            margin-top: 0px;
        }
    }

    .chkbox-container a {
        color: #666666;
        text-decoration: underline;
    }

    .chkbox-container span {
        color: #666666;
        text-decoration: underline;
    }

    .chkbox-container.mb20 {
        margin-bottom: 20px;
    }

    .chkbox-container.mtm5 {
        margin-top: -5px;
    }

    /* Hide the browser's default checkbox */
    .chkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom checkbox */
    .chkbox-checkmark {
        position: absolute;
        top: 6px;
        left: 0;
        height: 20px;
        width: 20px;
        border: 1px solid #aaa;
        border-radius: 4px;
    }


    /* When the checkbox is checked, add a blue background */
    .chkbox-container input:checked ~ .chkbox-checkmark {
        background-color: var(--hajoona-button-background);
        border-color: var(--hajoona-grey-blue);
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .chkbox-checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .chkbox-container input:checked ~ .chkbox-checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .chkbox-container .chkbox-checkmark:after {
        left: 7px;
        top: 4px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .chkbox-container2 {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 16px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    @media (max-width: 767px) {
        label.chkbox-container2 {
            margin-top: 0px;
            color: #fff;
            font-size: 13px
        }
    }
    /* Hide the browser's default checkbox */
    .chkbox-container2 input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom checkbox */
    .chkbox-checkmark2 {
        position: absolute;
        top: 6px;
        left: 0;
        height: 20px;
        width: 20px;
        border: 1px solid #aaa;
        border-radius: 4px;
    }

    /* On mouse-over, add a grey background color */
    .chkbox-container2:hover input ~ .chkbox-checkmark2 {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .chkbox-container2 input:checked ~ .chkbox-checkmark2 {
        background-color: #6ca73d;
        background-color: var(--hajoona-grey-blue);
        /*border-color: #6ca73d;*/
        border-color: var(--hajoona-grey-blue);
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .chkbox-checkmark2:after {
        content: " ";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .chkbox-container2 input[type="checkbox"]:checked ~ .chkbox-checkmark2:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .chkbox-container2 .chkbox-checkmark2:after {
        left: 7px;
        top: 4px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .bank-details {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    @media (max-width: 768px) {
        .bank-details {
            -webkit-flex-direction: column;
            flex-direction: column;
        }
    }

    .bank-details .bank-lists {
        -webkit-flex: 1;
        flex: 1;
    }

        .bank-details .bank-lists ul {
            margin: 0;
            padding: 0;
        }

    @media (max-width: 768px) {
        .bank-details .bank-lists ul {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
        }
    }

    .bank-details .bank-lists ul li {
        margin-left: 15px;
        list-style: none;
        margin-bottom: 10px;
        border-radius: 5px 0 0 5px;
    }

        .bank-details .bank-lists ul li:last-child {
            margin-bottom: 0;
        }

    @media (max-width: 768px) {
        .bank-details .bank-lists ul li {
            -webkit-flex: 1;
            flex: 1;
            margin: 0;
            background: #f6f6f6;
            border-radius: 0;
        }

            .bank-details .bank-lists ul li:first-child {
                border-radius: 5px 0 0 0;
                margin-right: 1px;
            }

            .bank-details .bank-lists ul li:last-child {
                /*margin-left: 1px;*/
                border-radius: 0 5px 0 0;
            }
    }

    .bank-details .bank-lists ul li .select-bank {
        cursor: pointer;
        width: 100%;
        padding: 0;
        margin: 0;
    }

        .bank-details .bank-lists ul li .select-bank .bank-list-row {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
            border: 1px solid var(--hajoona-typo-icon-outline-color);
            padding: 15px 10px;
            margin-right: 5px;
            border-radius: 5px;
            padding-left: 25px;
            position: relative;
            background: #f8f8f8;
        }

            .bank-details .bank-lists ul li .select-bank .bank-list-row:after {
                content: "";
                background: #fff;
                width: 34px;
                height: 34px;
                border-radius: 30px;
                position: absolute;
                left: -17px;
                top: 50%;
                margin-top: -17px;
                border: 1px solid var(--hajoona-typo-icon-outline-color);
            }

    @media (max-width: 768px) {
        .bank-details .bank-lists ul li .select-bank .bank-list-row {
            margin: 0;
            padding: 10px;
            border: 0;
            -webkit-justify-content: center;
            justify-content: center;
        }

            .bank-details .bank-lists ul li .select-bank .bank-list-row:after {
                display: none;
            }
    }

    .bank-details .bank-lists ul li .select-bank .bank-list-row .bank-list-text {
        -webkit-flex: 1;
        flex: 1;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-flex;
        display: flex;
        font-size: 14px;
    }

    @media (max-width: 768px) {
        .bank-details .bank-lists ul li .select-bank .bank-list-row .bank-list-text {
            display: none;
        }
    }

    .bank-details .bank-lists ul li .select-bank .bank-list-row .bank-list-image {
        flex-basis: 70px;
        height: 40px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        background: url("../Images/card-icons.svg") no-repeat left center;
        background-size: 454%;
    }

        .bank-details
        .bank-lists
        ul
        li
        .select-bank
        .bank-list-row
        .bank-list-image.card {
            background-position: 0 10px;
        }

        .bank-details
        .bank-lists
        ul
        li
        .select-bank
        .bank-list-row
        .bank-list-image.vorkasse {
            background: url("../Images/vorkasse-icon-desktop.png") no-repeat left center;
            background-size: 100%;
        }

    @media (max-width: 768px) {
        .bank-details
        .bank-lists
        ul
        li
        .select-bank
        .bank-list-row
        .bank-list-image.vorkasse {
            background: url("../Images/vorkasse-icon.png") no-repeat left center;
        }
    }

    .bank-details
    .bank-lists
    ul
    li
    .select-bank
    .bank-list-row
    .bank-list-image.sepa {
        background-position: -331px 6px;
        background-size: 575%;
    }

    .bank-details
    .bank-lists
    ul
    li
    .select-bank
    .bank-list-row
    .bank-list-image.sofort {
        background: url("../Images/card-icons-1.svg") no-repeat left center;
        background-position: 0 6px;
        background-size: cover;
    }

    .bank-details
    .bank-lists
    ul
    li
    .select-bank
    .bank-list-row
    .bank-list-image.paypal {
        background: url("../Images/card-icons-1.svg") no-repeat left center;
        background-position: 0 -75px;
        background-size: cover;
    }

    .bank-details .bank-lists ul li .select-bank .radio-input {
        display: none;
    }

    .bank-details .bank-lists ul li.pre-checked,
    .bank-details .bank-lists ul li.checked {
        background: var(--hajoona-general-background);
        border: 1px solid var(--hajoona-info-box-border);
        border-right:none;
    }

    @media (max-width: 768px) {
        .bank-details .bank-lists ul li.pre-checked,
        .bank-details .bank-lists ul li.checked {
            background: var(--hajoona-grey-blue);
        }
    }

    .bank-details .bank-lists ul li.pre-checked .select-bank .bank-list-row,
    .bank-details .bank-lists ul li.checked .select-bank .bank-list-row {
        border-color: transparent;
        background: transparent;
    }

        .bank-details .bank-lists ul li.pre-checked .select-bank .bank-list-row:after,
        .bank-details .bank-lists ul li.checked .select-bank .bank-list-row:after {
            /*border: 2px solid #6ca73d;*/
            border: 2px solid var(--hajoona-berry);
            background: url(../Images/icon-bg-big.svg) no-repeat;
            /* background-position: -2px -459px;*/
            /* background-size: 327%;*/
            background-position: -9px -680px;
            /* background-size: 327%;*/
        }

    @media (max-width: 768px) {
        .bank-details .bank-lists ul li.checked {
            background: var(--hajoona-grey-blue);
        }

        .bank-details .bank-lists ul li:first-child {
            margin-bottom: 0;
        }

            .bank-details .bank-lists ul li:first-child.checked {
                background: var(--hajoona-grey-blue);
            }

        .bank-details .bank-lists ul li:last-child {
            margin-bottom: 0;
        }

            .bank-details .bank-lists ul li:last-child.checked {
                background: var(--hajoona-grey-blue);
            }
    }

    @media (max-width: 768px) and (min-width: 481px) {
        .bank-details
        .bank-lists.list-in-checkout
        ul
        li
        .select-bank
        .bank-list-row
        .bank-list-image.card {
            background-position: 0 10px;
        }

        .bank-details
        .bank-lists.list-in-checkout
        ul
        li
        .select-bank
        .bank-list-row
        .bank-list-image.vorkasse {
            background-size: contain !important;
            background: url("../Images/vorkasse-icon.png") no-repeat left center;
        }

        .bank-details
        .bank-lists.list-in-checkout
        ul
        li
        .select-bank
        .bank-list-row
        .bank-list-image.sepa {
            background-position: -331px 6px;
            background-size: 575%;
        }

        .bank-details
        .bank-lists.list-in-checkout
        ul
        li
        .select-bank
        .bank-list-row
        .bank-list-image.sofort {
            background-position: 0 8px;
            background-size: 100%;
        }

        .bank-details
        .bank-lists.list-in-checkout
        ul
        li
        .select-bank
        .bank-list-row
        .bank-list-image.paypal {
            background-position: 0 -75px;
            background-size: 100%;
        }
    }

    @media (max-width: 480px) and (min-width: 320px) {
        .bank-details .bank-lists.list-in-checkout ul li .select-bank .bank-list-row {
            padding-left: 5px;
            padding-right: 5px;
        }

            .bank-details
            .bank-lists.list-in-checkout
            ul
            li
            .select-bank
            .bank-list-row
            .bank-list-image {
                flex-basis: 47px;
                min-width: 47px;
                height: 40px;
            }

                .bank-details
                .bank-lists.list-in-checkout
                ul
                li
                .select-bank
                .bank-list-row
                .bank-list-image.card {
                    background-position: 0 12px;
                }

                .bank-details
                .bank-lists.list-in-checkout
                ul
                li
                .select-bank
                .bank-list-row
                .bank-list-image.vorkasse {
                    background-size: 100%;
                    background: url("../Images/vorkasse-icon.png") no-repeat left center;
                }

                .bank-details
                .bank-lists.list-in-checkout
                ul
                li
                .select-bank
                .bank-list-row
                .bank-list-image.sepa {
                    background-position: -221px 12px;
                    background-size: 575%;
                }

                .bank-details
                .bank-lists.list-in-checkout
                ul
                li
                .select-bank
                .bank-list-row
                .bank-list-image.sofort {
                    background-position: 0 13px;
                    background-size: 100%;
                }

                .bank-details
                .bank-lists.list-in-checkout
                ul
                li
                .select-bank
                .bank-list-row
                .bank-list-image.paypal {
                    background-position: 0 -43px;
                    background-size: 100%;
                }
    }

    @media (max-width: 990px) and (min-width: 769px) {
        .bank-details
        .bank-lists.list-in-checkout
        ul
        li
        .select-bank
        .bank-list-row
        .bank-list-image {
            display: none;
        }
    }

    .bank-details .bank-form-container {
        -webkit-flex: 1;
        flex: 1;
        background: var(--hajoona-general-background);
        padding: 5px;
        border: 1px solid var(--hajoona-info-box-border);
    }

    @media (max-width: 768px) {
        .bank-details .bank-form-container {
            background: var(--hajoona-grey-blue);
            border-radius: 0 0 5px 5px;
        }
    }

    .bank-details .bank-form-container .bank-form {
        padding: 10px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        height: 100%;
    }

    @media (max-width: 768px) {
        .bank-details .bank-form-container .bank-form {
            min-height: 210px;
            border: 0;
            padding: 5px;
        }

            .bank-details .bank-form-container .bank-form .circle-button.mint {
                background-color: var(--hajoona-berry);
            }
    }

    .bank-details .bank-form-container .bank-form .bank-section {
        display: none;
        width: 100%;
    }

        .bank-details .bank-form-container .bank-form .bank-section.open {
            display: -webkit-flex;
            display: flex;
            height: 100%;
            width: 100%;
        }

    @media (max-width: 980px) {
        .bank-details .bank-form-container .bank-form .bank-section.open {
            flex-direction: column-reverse;
        }
    }

    .bank-details .bank-form-container .bank-form .bank-section .add-bank-details {
        width: 100%;
        height: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: column;
        flex-direction: column;
        font-size: 14px;
    }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-bank-details
        p {
            width: 100%;
            text-align: center;
        }

    @media (max-width: 768px) {
        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-bank-details
        p {
            color: #fff;
        }
    }

    .bank-details .bank-form-container .bank-form .bank-section .bank-entries {
        width: 100%;
    }

    @media (max-width: 980px) {
        .bank-details .bank-form-container .bank-form .bank-section .bank-entries {
            padding: 0 0 0 2px;
            margin-bottom: 20px;
        }
    }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .bank-entries
    .card-entry {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 100%;
        border-radius: 5px;
        margin-bottom: 15px;
        position: relative;
    }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry:last-child {
            margin-bottom: 0;
        }

    @media (max-width: 768px) {
        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry {
            border: 0;
            background: #fff;
        }
    }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .bank-entries
    .card-entry
    .card-content {
        padding: 25px 25px 15px 0px;
        font-size: 16px;
    }

    @media (max-width: 980px) and (min-width:769px) {
        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-content {
            padding: 0px;
        }

        #bank-details .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-content {
            border-bottom: 1px solid #cdcecf;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-content
        .chkbox-container {
            margin-top: 0;
            margin-bottom: 10px;
        }
    }

    @media (max-width: 768px) {
        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-content {
            padding: 10px 10px 0px 10px;
        }

            .bank-details
            .bank-form-container
            .bank-form
            .bank-section
            .bank-entries
            .card-entry
            .card-content
            .chkbox-container {
                margin-top: 0;
                margin-bottom: 10px;
            }
    }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-content
        p.mb0 {
            margin-bottom: 0;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-content
        p
        span {
            font-size: 13px;
            color: #999;
            line-height: 13px;
            margin: 0;
        }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .bank-entries
    .card-entry
    .card-content
    .default-card {
        font-size: 16px;
        /*color: #6ca73d;*/
        color: var(--hajoona-grey-blue);
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 15px;
    }



        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-content
        .default-card
        .card-default-icon {
            width: 21px;
            height: 20px;
            background: url("../Images/icon-bg-big.svg") no-repeat;
            background-position: 0px -280px;
            background-size: 286%;
            margin-right: 7px;
            display: block;
        }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .bank-entries
    .card-entry
    .card-buttons {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    @media (max-width: 980px) and (min-width:769px) {
        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-buttons {
            position: absolute;
            right: 0px;
            top: 0px;
        }
    }

    @media (max-width: 768px) {

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-buttons {
            position: absolute;
            right: 8px;
            top: 8px;
        }
    }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .bank-entries
    .card-entry
    .card-buttons
    button {
        -webkit-flex: 1;
        flex: 1;
        padding: 12px;
        border: 0;
    }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-buttons
        button:last-child {
        }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .bank-entries
    .card-entry
    .card-buttons
    button {
        border: 1px solid #cdcecf;
        border-radius: 5px;
    }

    @media (min-width: 1200px) {
        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-buttons {
            position: absolute;
            top: 23px;
            right: 10px;
        }



            .bank-details
            .bank-form-container
            .bank-form
            .bank-section
            .bank-entries
            .card-entry
            .card-buttons
            button:last-child {
                margin-left: 5px;
            }
    }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .bank-entries
    .card-entry
    .card-buttons.cstom-edit-cart-parent {
        position: relative;
        top: unset;
        right: unset;
    }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-buttons.cstom-edit-cart-parent
        button {
            color: var(--hajoona-typo-icon-outline-color);
            background: transparent;
            font-weight: 300;
            /*max-width: 90px;*/
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
            margin-left: 25px;
        }

    #checkout .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .bank-entries
    .card-entry
    .card-buttons.cstom-edit-cart-parent
    button {
        margin-left: 0
    }

    .bank-details .bank-form-container .bank-form .bank-section .bank-entries .card-entry .card-buttons.cstom-edit-cart-parent button .icon-text-button span.btn-icon {
        width: 18px;
        height: 18px;
        display: block;
        background: url("../Images/icon-bg-big.svg");
        margin-right: 8px;
    }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-buttons.cstom-edit-cart-parent
        button
        .icon-text-button
        span.btn-icon.edit-icon {
            background-position: -15px -783px;
        }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .bank-entries
    .card-entry
    .card-buttons.cstom-edit-cart-parent
    button:hover {
        color: #6ca73d;
        color: var(--hajoona-Mint-color);
    }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-buttons.cstom-edit-cart-parent
        button:hover
        .icon-text-button
        span.btn-icon.edit-icon {
            background-position: -63px -783px;
        }

    @media (max-width: 768px) {
        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .bank-entries
        .card-entry
        .card-buttons.cstom-edit-cart-parent
        button {
            color: #fff;
            margin: 0 auto 10px auto;
        }

            .bank-details
            .bank-form-container
            .bank-form
            .bank-section
            .bank-entries
            .card-entry
            .card-buttons.cstom-edit-cart-parent
            button
            .icon-text-button
            span.btn-icon.edit-icon {
                background-position: -110px -783px;
            }
    }

    .bank-details .bank-form-container .bank-form .bank-section .add-new-account {
        padding: 0 20px;
        width: 100%;
    }

    @media (max-width: 980px) {
        .bank-details .bank-form-container .bank-form .bank-section .add-new-account {
            padding: 0px;
        }
    }

    @media (max-width: 768px) {
        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        p {
            color: #fff;
        }
    }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .add-new-account
    .circle-input-label {
        width: 100%;
        width: 100%;
        border-radius: 50px;
    }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span {
            z-index: 1;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label.small-input
        .circle-input {
            background-color: #fff;
            z-index: 0;
        }

    .quantity-input {
        display: -webkit-flex;
        display: flex;
        width: 100%;
    }

        .quantity-input button {
            flex-basis: 50px;
            max-width: 50px;
            border: 1px solid var(--hajoona-typo-icon-outline-color);
            background: #eee;
            padding: 10px;
            height: 38px;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
            border-radius: 15px 0 0 15px;
        }

            .quantity-input button:first-child {
                border-radius: 15px 0 0 15px;
            }

            .quantity-input button:last-child {
                border-radius: 0 15px 15px 0;
            }

            .quantity-input button span {
                display: block;
                height: 2px;
                width: 15px;
                background: #999;
            }

                .quantity-input button span.plus span {
                    display: block;
                    height: 2px;
                    width: 15px;
                    transform: rotate(90deg);
                }

            .quantity-input button:hover {
                background: #ddd;
            }

                .quantity-input button:hover span {
                    background: #777;
                }

        .quantity-input input {
            -webkit-flex: 1;
            flex: 1;
            width: 100%;
            min-width: 40px;
            border: 1px solid var(--hajoona-typo-icon-outline-color);
            border-left: 0;
            border-right: 0;
            background: #fff;
            color: #666666;
            font-size: 16px;
            padding: 6px 10px;
            height: 38px;
            text-align: center;
        }

    .page-body {
        margin-top: 30px;
        margin-bottom: 25px;
        border: 1px solid #cdcecf;
        border-radius: 5px;
        padding: 30px;
    }

    @media (max-width: 767px) {
        .page-body {
            min-height: calc(100vh - 130px);
        }
    }

    @media (max-width: 768px) {
        .page-body {
            padding: 15px;
        }
    }

    .page-body h1,
    .page-body h2,
    .page-body h3 {
        color: var(--hajoona-typo-icon-outline-color);
    }

    .page-body h1 {
        font-size: 48px;
        line-height: 56px;
    }

    @media (max-width: 768px) {
        .page-body h1 {
            font-size: 32px;
            line-height: 36px;
        }
    }

    .page-body h2 {
        font-size: 32px;
        line-height: 48px;
    }

    @media (max-width: 768px) {
        .page-body h2 {
            font-size: 24px;
            line-height: 32px;
        }
    }

    .page-body h3 {
        font-size: 24px;
        line-height: 32px;
    }

    @media (max-width: 768px) {
        .page-body h3 {
            font-size: 18px;
            line-height: 24px;
        }
    }

    .page-body li,
    .page-body p {
        font-size: 14px;
        line-height: 20px;
        color: #666666;
    }

    .page-body a {
        color: var(--hajoona-typo-icon-outline-color);
        text-decoration: underline;
    }

    @media (max-width: 768px) {
        .pdr-768 {
            padding: 0 !important;
        }
    }

    .thankyou {
        background: #fff;
        border: 1px solid var(--hajoona-typo-icon-outline-color);
        border-radius: 5px;
        margin-top: 80px;
        padding-top: 0;
    }

    @media (max-width: 768px) {
        .thankyou {
            padding: 15px;
            border-radius: 0;
            margin-top: 0;
            border: 0;
        }
    }

    .thankyou h1 {
        color: #6ca73d;
        color: var(--hajoona-Mint-color);
        font-size: 32px;
        display: block;
        text-align: center;
        margin-bottom: 40px;
    }

    @media (max-width: 768px) {
        .thankyou h1 {
            font-size: 24px;
            line-height: 32px;
            margin-bottom: 20px;
        }
    }

    .thankyou p {
        font-size: 14px;
        color: var(--hajoona-typo-icon-outline-color);
    }

        .thankyou p.red {
            color: #cc5d27;
            color: var(--hajoona-grey-blue);
        }

    .thankyou .color-orange {
        color: #cc5d27;
        color: var(--hajoona-grey-blue);
    }

    .thankyou .fs-22 {
        font-size: 22px;
    }

    .thankyou .show-768 {
        display: none;
    }

    @media (max-width: 768px) {
        .thankyou .fs-22 {
            font-size: 18px;
        }

        .thankyou .show-768 {
            display: block;
        }

        .thankyou .hide-768 {
            display: none;
        }

        .thankyou .reverse-768 {
            flex-direction: column-reverse;
            display: -webkit-flex;
            display: flex;
        }
    }

    @media (min-width: 768px) {
        .thankyou .text-left-min-768 {
            text-align: right;
        }

        .thankyou .mw-400px {
            margin-top: 30px;
            width: 400px;
            float: right;
        }
    }

    @media (max-width: 990px) and (min-width: 769px) {
        .thankyou .mw-400px {
            margin-top: 30px;
            width: 300px;
            float: right;
        }
    }

    .thankyou .invoice-text {
        font-size: 18px;
        margin-bottom: 15px;
        display: block;
    }

    @media (max-width: 768px) {
        .thankyou .invoice-text {
            font-size: 14px;
        }
    }

    .thankyou h2.section-heading-big {
        padding: 0px;
        font-size: 24px;
        line-height: 36px;
        margin-top: 30px;
        margin-bottom: 10px;
    }

        .thankyou h2.section-heading-big.mb0 {
            margin-bottom: 0;
        }

    .thankyou h2.section-heading-clean {
        padding: 0px;
        font-size: 16px;
        line-height: 32px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    @media (max-width: 768px) {
        .thankyou h2.section-heading-clean {
            background: #ddd;
            padding: 0 15px;
        }
    }

    .thankyou h2.section-heading {
        background: #ddd;
        padding: 0px 15px;
        font-size: 18px;
        line-height: 36px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

        .thankyou h2.section-heading.mt0 {
            margin-top: 0;
        }

        .thankyou h2.section-heading.mb0 {
            margin-bottom: 0;
        }

    .thankyou .c-row {
        display: -webkit-flex;
        display: flex;
        width: 100%;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

        .thankyou .c-row.bdr {
            padding-top: 10px;
            margin-top: 10px;
            border-top: 1px solid var(--hajoona-typo-icon-outline-color);
        }

        .thankyou .c-row .c-col {
            -webkit-flex: 1;
            flex: 1;
            min-width: 50%;
        }

    .thankyou .order-table {
        width: 100%;
        margin-bottom: 20px;
    }

        .thankyou .order-table thead {
            border-bottom: 2px solid #ccc;
        }

            .thankyou .order-table thead tr th {
                font-size: 14px;
                padding: 15px 10px;
                background: #ddd;
            }

        .thankyou .order-table tbody {
            border-bottom: 2px solid #ccc;
        }

            .thankyou .order-table tbody tr {
                border-bottom: 1px solid #eee;
            }

                .thankyou .order-table tbody tr:last-child {
                    border: 0;
                }

                .thankyou .order-table tbody tr td {
                    font-size: 14px;
                    padding: 15px 10px;
                }

    .thankyou .shipping-products .sb-row {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    @media (max-width: 768px) {
        .thankyou .shipping-products .sb-row.hide-768 {
            display: none;
        }
    }

    .thankyou .shipping-products .sb-row .sb-col {
        -webkit-flex: 1;
        flex: 1;
        font-size: 16px;
        color: var(--hajoona-typo-icon-outline-color);
        line-height: 23px;
    }

        .thankyou .shipping-products .sb-row .sb-col .text-left {
            text-align: left;
        }

        .thankyou .shipping-products .sb-row .sb-col .text-right {
            text-align: right;
        }

        .thankyou .shipping-products .sb-row .sb-col .price-text {
            padding: 15px 0 10px;
            display: block;
        }

            .thankyou .shipping-products .sb-row .sb-col .price-text.pt0 {
                padding-top: 0;
            }

        .thankyou .shipping-products .sb-row .sb-col .offer-text {
            display: block;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .thankyou .shipping-products .sb-row .sb-col .attr-number {
            display: block;
            font-size: 14px;
            margin-top: 5px;
        }

        .thankyou .shipping-products .sb-row .sb-col .checkout-product-image {
            height: 55px;
            display: block;
            margin-bottom: 5px;
        }

            .thankyou .shipping-products .sb-row .sb-col .checkout-product-image img {
                width: 65px;
            }

        .thankyou .shipping-products .sb-row .sb-col .checkout-product-quantity {
            max-width: 140px;
            margin-left: auto;
        }

        .thankyou .shipping-products .sb-row .sb-col.text-gray {
            color: #999;
        }

        .thankyou .shipping-products .sb-row .sb-col .fs-20 {
            font-size: 20px;
        }

    @media (max-width: 768px) {
        .thankyou .shipping-products .sb-row .sb-col .fs-20 {
            font-size: 16px;
        }
    }

    .thankyou .shipping-products .sb-row .sb-col .fs-danger {
        color: #cc5d27;
        color: var(--hajoona-grey-blue);
    }

    .thankyou .shipping-products .sb-row.mt15 {
        margin-top: 15px;
    }

    .thankyou .shipping-products .sb-row.mb15 {
        margin-bottom: 15px;
    }

    .thankyou .shipping-products .sb-row.pb15 {
        padding-bottom: 15px;
    }

    .thankyou .shipping-products .sb-row.bb-solid {
        border-bottom: 1px solid #cdcecf;
    }

    .thankyou a.continue-button {
        width: 200px;
        height: 60px;
        line-height: 60px;
        color: #fff;
        background: #cc5d27;
        background: var(--hajoona-grey-blue);
        margin: 30px auto 0;
        font-size: 24px;
        border-radius: 30px;
        display: block;
        text-align: center;
        transition: background-color 0.3s ease;
        text-decoration: none;
    }

        .thankyou a.continue-button:hover {
            text-decoration: none;
            background: #cc5d27;
            background: var(--hajoona-grey-blue);
            transition: background-color 0.3s ease;
        }

    @media (max-width: 767px) {
        .thankyou a.continue-button {
            display: none;
        }
    }

    .thankyou .mobile-sticky-footer {
        display: none;
    }

    @media (max-width: 768px) {
        .thankyou a.continue-button {
            display: none;
        }

        .thankyou .mobile-sticky-footer {
            background: #6ca73d;
            background: var(--hajoona-grey-blue);
            width: 100%;
            position: fixed;
            bottom: 0;
            left: 0;
            height: 60px;
            padding: 10px;
            z-index: 1;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
        }

            .thankyou .mobile-sticky-footer .msf-button {
                border-radius: 30px;
                background: #fff;
                color: #666666;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                font-size: 18px;
                padding: 0 20px;
            }

            .thankyou .mobile-sticky-footer .msf-button-back {
                margin-right: auto;
            }

            .thankyou .mobile-sticky-footer .msf-button-continue {
                background-color: #cc5d27;
                background-color: var(--hajoona-grey-blue);
                color: #fff;
                margin-left: auto;
                text-decoration: none;
            }
    }

    /* css fixes */
    .PanelSignupConfirmation span {
        padding: 15px;
        font-size: 16px;
        margin-bottom: 15px;
        display: block;
    }

        .PanelSignupConfirmation span a {
            color: var(--hajoona-link-color);
            font-weight: bold;
        }

    .red {
        color: #cc5d27;
        color: var(--hajoona-orange-color);
    }

    button:focus,
    select:focus,
    input:focus {
        outline: 0;
        outline-color: transparent;
        box-shadow: none;
    }

    #SepaBonusError,
    #SepaError {
        display: block;
        padding-top: 5px;
        color: #f00;
    }

    /* iPhone 6 landscape */
    /* iPad air */
    /* iPad Air */
    /* Portrait iPad Pro 12.9 */
    /* OLD CSS FIXES */
    #cart_item_detail {
        margin-bottom: 0;
    }

    #cart_item_details {
        flex-basis: 450px;
    }

    @media (max-width: 989px) and (min-width: 768px) {
        #cart_item_details {
            flex-basis: 350px;
        }
    }

    @media (max-width: 767px) {
        #cart_item_details {
            flex-basis: unset;
        }
    }

    #panel-recursive-payment {
        border: 0;
        padding: 0;
    }

        #panel-recursive-payment p {
            display: inline-block;
        }

    #cart_item_detail button.quantity-btn,
    #cart_item_detail button.quantity-btn-cart {
        background: #eee;
        color: #ffffff;
        display: -webkit-flex;
        display: flex;
        font-size: 16px;
        height: 38px;
        overflow: hidden;
        text-align: center;
        max-width: 50px;
        float: none;
        border: 1px solid #dddddd;
        cursor: pointer;
    }

    #cart_item_detail button.delete-item-basket {
        background: none;
        color: #666666;
        display: -webkit-flex;
        display: flex;
        font-size: 16px;
        line-height: 16px;
        height: auto;
        overflow: hidden;
        text-align: center;
        width: 127px;
        float: none;
        border: 0;
        cursor: pointer;
    }

        #cart_item_detail button.delete-item-basket:hover {
            color: #cc5d27;
            color: var(--hajoona-orange-color);
        }

    #btn_checkout {
        bottom: unset !important;
        margin-left: 0 !important;
        min-width: auto;
        height: auto;
    }

    #dv_ShippingAddress {
        padding: 0px;
    }

    .walert {
        background: #f8f8f8;
        border-radius: 5px;
        padding: 15px;
        font-size: 16px;
        margin-bottom: 15px;
        background: transparent;
    }

        .walert.danger {
            background: #fff1f0;
            color: #cc5d27;
        }

    .payment-disabled {
        opacity: 0.5;
        cursor: default;
    }

        .payment-disabled label {
            cursor: default !important;
        }

    .thankyou-note {
        display: block;
        padding: 15px;
        background: #f9f9f9;
        margin-top: 30px;
    }

        .thankyou-note li,
        .thankyou-note p {
            font-size: 14px;
            color: #666666;
        }

        .thankyou-note li {
            margin-bottom: 5px;
        }

    /*iPhone 6 landscape*/
    /*iPhone 6+ Portrait*/
    /*iPhone 6+ landscape*/
    /*iPhone 6 and iPhone 6+ portrait and landscape*/
    /*iPhone 6 and iPhone 6+ portrait*/
    /*iPhone 6 and iPhone 6+ landscape*/
    /* iPad Air */
    @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
        .login-wrapper .image-section-mobile {
            max-height: 500px;
            overflow: hidden;
        }

        #signup_form {
            margin-bottom: 50px;
        }

        .wizard-wrapper {
            margin: 50px 0;
            padding: 15px;
        }

        .custom-dropdown button.dropdown-button span.language-name {
            line-height: 24px;
        }

        .custom-dropdown button.dropdown-button span.arrow {
            margin-top: 10px;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .inner-form-container {
            -webkit-flex-direction: row;
            flex-direction: row;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .select-item-wrapper
        .select-item {
            -webkit-flex-direction: row;
            flex-direction: row;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .select-item-wrapper
            .select-item
            .item-image {
                flex-basis: 90px;
                margin-left: 5px;
                max-width: 130px;
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .select-item-wrapper
            .select-item
            .item-content {
                padding: 0 0 0 10px;
                font-size: 16px;
                line-height: 18px;
            }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body
        .wc-cart
        .wc-cart-row {
            -webkit-flex-direction: column;
            flex-direction: column;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row
            .wc-cart-col.wc-cart-mobile-heading
            .wc-cart-mobile-remove-button {
                max-width: 100px;
                padding-top: 7px;
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row
            .wc-cart-col.wc-cart-amount {
                text-align: left;
                padding-left: 15px;
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row
            .wc-cart-col.wc-cart-product
            .wc-cart-product-image {
                max-width: 80px;
                width: 80px;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .wc-cart
                .wc-cart-row
                .wc-cart-col.wc-cart-product
                .wc-cart-product-image
                img {
                    width: 80px;
                    height: auto;
                }


            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row.checkout-product-row {
                -webkit-flex-direction: column;
                flex-direction: column;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .wc-cart
                .wc-cart-row.checkout-product-row
                .wc-cart-col.wc-cart-product
                .wc-cart-product-image {
                    max-width: 80px;
                    width: 80px;
                }

                    .wizard-wrapper
                    .wizard-container
                    .wizard-content
                    .wc-body
                    .wc-cart
                    .wc-cart-row
                    .checkout-product-row
                    .wc-cart-col.wc-cart-product
                    .wc-cart-product-image
                    img {
                        width: 80px;
                        height: auto;
                    }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .wc-cart
                .wc-cart-row.checkout-product-row
                .wc-cart-col.wc-cart-quantity {
                    width: 50%;
                }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .wc-cart
                .wc-cart-row.checkout-product-row
                .wc-cart-col.wc-cart-amount {
                    text-align: left;
                    padding-left: 15px;
                    padding-top: 15px;
                }



        .wizard-wrapper .mobile-sticky-footer {
            display: -webkit-flex;
            display: flex;
        }

            .wizard-wrapper .mobile-sticky-footer .chkbox-container {
                display: none;
            }

            .wizard-wrapper .mobile-sticky-footer .msf-button-skip {
                margin-left: 0;
            }

        .bank-details .bank-lists ul li .select-bank .bank-list-row .bank-list-image {
            min-width: 70px;
        }

            .bank-details
            .bank-lists
            ul
            li
            .select-bank
            .bank-list-row
            .bank-list-image.card {
                width: 100px;
                background-size: 450%;
            }

            .bank-details
            .bank-lists
            ul
            li
            .select-bank
            .bank-list-row
            .bank-list-image.vorkasse {
                width: 100px;
                background: url("../Images/vorkasse-icon-desktop.png") no-repeat left center;
                background-size: 100%;
            }
    }

    @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (max-width: 768px) {
        .bank-details
        .bank-lists
        ul
        li
        .select-bank
        .bank-list-row
        .bank-list-image.vorkasse {
            background: url("../Images/vorkasse-icon.png") no-repeat left center;
        }
    }
@media only screen and (device-width: 769px) and (device-height: 1024px) and (orientation: portrait) {
    .bank-details
    .bank-lists
    ul
    li
    .select-bank
    .bank-list-row
    .bank-list-image.sepa {
        width: 97px !important;
        background-size: 450% !important;
    }
    @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
         background-position: -331px 6px !important;
        }

        .bank-details
        .bank-lists
        ul
        li
        .select-bank
        .bank-list-row
        .bank-list-image.sofort {
            background-position: 0 9px !important;
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAcCAIAAACmp9XyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTZEMTBERUJBQzI3MTFFMzg0REZBQ0VGRTQ5MjVGOUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTZEMTBERUNBQzI3MTFFMzg0REZBQ0VGRTQ5MjVGOUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNkQxMERFOUFDMjcxMUUzODRERkFDRUZFNDkyNUY5QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNkQxMERFQUFDMjcxMUUzODRERkFDRUZFNDkyNUY5QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoQkgbcAAAuhSURBVHja7Fh3WFRXFn/3zbw3HVQMRQUENCLGGqWoaDBgVyyJm6wlorGiGIwaN8Vgym50Y+Jn2dhWScIXjRg1EEUBRUFAotKbKB0p4oy0aa/uuTOoYFbF/LWbL/cbhvvuO/ec8zvnd869gERRJP7QgyT+6ONPhF0ZnIkgLFQXeZEzwndXN/LsI2FQwpu7uot4emWJHQWkXVLK6s2Zh9myRNF4nxC5DsbAP04+PoLs4WHO2M1VJoumJiTTUJ7B8nEfIlpjhc0URLP5xwV9fScvTM3UgOky33Vs3lGm8Ceh5Q4sShyHKQK2wjfWfTfPELvioTySypGmt2zkcpgbz71DSGRPwG8mbd1Vr0U9FOgCQtbQ9sMMpiCJkPwmUgShmr1L0JW0HZsj6jFyRMEPwZZvF9oaVbMOw4rh7BpT8r7HuCIyhHzMAqpvQFvkBK76JlZF4r18XRVfk2mz6hpSOzI5x5jCdCSHGFpsgacCwWRGqd/6haB7MHmJSIZttQ+hg2b/oR3xP5ulppQvAB5SYg9IpZy00ZBqNXyQQqoK/pIQGH3MBoLhkFJOefqT3R1BJakk2KKfITTsrTOmK/vAy457kZwEeHLvNW3R87nam/BK2new1HU4BqkkeG0NW5qIA1t0klQQSEJQHt70S0FIJgU9IktwFWmU2zhSQ5AqJezFH5q0ugQfSTe5bERIR/+fkUPRdN907d84Whwh6TVYs/gCQUpFxkCIApKpufJLbVFzEOggpep531Fer5szD+mjl+FMcgbB3MRkRloDLOnppl6UiBTdCdYE+UBIbDkUILTq4KXMe5ly5gGxrb55t6dobLbw2sTXZPB3izFmmVo17zjZzbVljydffxPnRNVN5rde5r3aELPSnHMCVmivyao5kSJrsrCZJDWOz4GQq0wTmmsRjb0UWmuZ7EhqQDBp96KFD62G85vxhCMU48MAHp4bGq0ERhonsbWeLUsAtCAg6eOLKKWob0AKO1L5gvHsOr6uBF5J7D0Vk3fgIBh1IqPHrCMJSbe+TO4PuAcJBD1kOsADLvD3MJlJm27UwLk4s+BbTRr8BjF62EKkfAH9zl5KkoTFEgiKeq0+ZlPzzgHGxPfgDZMTxdeXQHECN2Q+oe01WxKHJTlC6jKGq8kQWppxHmiCLfypaYdz89cDueqrolFrzowEXoBzMp/V1obE3j4vmjiMwdYOKXsyN08DNTAAg9YQs1z/419FI6RDqpyxh+zujuVvneO1tbg52fWi+k36/acF1X+KImgTouSipZPjuofKvLJLuF/GFJy0gqE8gqxW+fpsrjodkxYRtOdMtuhUu3qOEAyM0MIhTS/on5Afoa0F27axpTxntYemMBprYwlqwExBd4tvrMKNTQIhSzClHRRNLbRXgM2yK/SQ+VZ5Jv+YlT5U/2lI3v0pEJ7dSxWB2+RjN0OMDbGholFnqQ2Z0FTBN2QBGPBJ+uLUdquZR3AeSILq6w3NkC1PsgrI/VbSnsHAalLTB9CzpfHtoentTdo64wiUJXIVltAIhOzlt81pXz/qkJBJixJ6+FJJH5/25ftlXPlFqzw9+I2n+/84Qigk4X4FQXY6GRCtJm1dEEUDVTAkt1FALeCPtWxIlQP2sirFdH2/terkARHQhEQjB1Qk5XK5X7i1dK3Ho9BUiUhMUaR2sB62xgtbRADDEDK/ENLGmb19DnsP+Rw4lb9XJOjKgb1M9rePElj8s9BqABmJ40tSF//nQ2i8uMWUug/99jjlHzBaJORQPCp7y7MApWK88AFTcJy9eZZgzPg4GreS6jfRGLfeGnuq/4RH8HC0JIhSAx5cnDdj9ScX8vU5fG0e7rdObqppu803DgutbbgcBEI+OtyUsZu/Ww6qgP8QGug6OCZ5x4DAEEraazYhoZ7j1gY9gCmIQZbK6fgRLbcrXIoCoZwUQQ2cDZakrmNw9QP2O3nmjCihWYc7x+gQ5fRv2FvxXG2xNS704Dcfr+2XXsdqQaGhGTZyVXmYF70HaBaeJSiVOesIFjLjNit1D5Q6jbCe+EJzG1eZglXWZHCVv4KTcEJiVc8anXLI37mGSA45uKEOrVcUeEQpEG0rcRxKD18sdR5tXVfN+d4QF8ZVXCY4I5IqJA5D5L5rrWcGV3WJ7G6HaBWS21H9H290ct8wwtxivr4PqhrJpVCKtNc82ehwaBh8Y6Fo0kocXODkoEcswv65+kvsHQkJDSu8tsiiPBnZ2CEJJXUeK7Ef/EyEqNPfh5xJFAR8QkDOOJ6USASel0gkiJQ+iQxQt3BZhaMcWvzDS5TIGh+oJ5H0v18gofGI+kaCpEi14yPlPCvCxdoSYCSlLccF3OaZB9pgUQFXJdFi6ClePRnhg7Hjq139+nlUVt3xHNBvYtCE/+u/niQRERGdiMrzqalXnZ17+/uPZhmGFwQPD7eKispLl1MqKquUSqVGo7HKZGVnFxYVq/FQJV1Kzs3Na2vTOzo6mEzm1NT0nj3taJrOyLgGizCvra3Lzc3v06d3WtrVzCy8UaVWKxSKlJQ02CKVSq9du5GQeFEQBCcnx1u3Sisrq2DC8wKo0mjUoCo5ORVy262bbVV1TWlpGbwFb6ura2BXdnYuCICVLp34WVk57/3tIw8Pd2jycecTkpOvwOJHWz49c/b8kcio0DXr4fH69UyQSU//9cqVdPApLi5+y8efga9Ll4WeO59QVVW9YdP7gLO4uCRk6aqkS5dhy8dbP8/OycsvKNz43oftG3k+7lz8P7btAEP7DxzeuWtvfn5hfMIFEI745HMIGUzy8vPBEEmS8Lhg0dK9e/fD4s6de6xvj0R+vyr0nRuZWReTLn+z7+CT79adB/i6JuxdmDQ23hv3yqSs7JySktv+4yfeuVO7bfvXGza+D682v78FZFiWhWTC48K33j546IhWq/PxewVScflyyuSps/R6w4qVYQMHvQwxTkpKnj33TZD84MOtq9eEP9y4aPGyPXv3t7a2DhnmC+5aHYC4jPUPvF1aBvNPP/vC6sy6dzZOCJy6YOHSurp6UA6p+znmTMCEKeXlFfAWtLW0tIpPGJ1y2Nraln711+CZ02AOgQFKDBs6BCLNcVz4u5tjY8+Erl5uMBhv3MgG1SFLVtbXN4AxCEFCYtLby0PXh68dOXJERWU1sPH06ViI/aBBAwVB/Gb/oU0bw81m87XrmUA/60ZIdVlp+eTJQSqVysdn1PZ/7oTiB7vn4xOhBXi4u5lMpuSUtFnB0+/ebQRmLpj/xv2mplOnY1xdXOwd7Pf+68CmTeGgZ/7CJWvXbejqeQjweJ7z8/WGefSJU1On4EYPzPni71u/3P55S2vbvXvaK6npUHgnjkcdOri3Vy+nU6djB3oOmD1rBhgbO8YP5HU6HUT0XHxCyOIFADL6xEkvL09fn1EJCReVCkX0j+0bY3+Jc3F1BiQIoQP7dk2bOik+4SLDsJDwoEDc24Dw8P3qhFfABIhNCBgPCTj2408zZkyprKjSarUe7u6+vt4O9vYGvQFqtUsIm5qa6uoacL2tXa9UKlYsX3LpUkpZWUVBYdH2L3eOGzcGUnT06HFREI9Hn8rKzgUOxMSeDQ6eBtiamprvabWgpK6+AdoDRAeaQV5eQU3NnbWhK2H95OkYQRQgcLARHoFmc+cEZ+fkbtz0wXffHy25dXvF8hCSRFqdLulyMrB39559G95dB5Kxv5ydNCkQggJUAiKMHzdWpVLC+rbtX0V+GwV18dprs7raS11dnaFbVlZVDx82dMP6MGhQOt19cJTj+FEvj1i9ajnEG2yAMVh3d+sLNIYaCJ45XSaTyeUy71EjgXJmk2n48GEL5v8FEgJn6dIlb7m7u4EYlF8vJ7zR1dWlR48e8AiZhyQXF98EakDCg4JehUdgKNABwKwLWz3azwcCB0anTJ4I+m1tbQIDAwYN8oJ+PmTI4IaGu1D88+bNnTI5iCTJ5zsP//xv4p8I/5fGfwQYABY6FbX4GsuLAAAAAElFTkSuQmCC") no-repeat !important;
        }

        .wizard-body .wizard-slide-panel .wsp-header .wsp-icon-left {
            min-width: 50px;
        }

        .wizard-body
        .wizard-slide-panel
        .wsp-container
        .product-overview
        .product-heading
        .product-image {
            min-width: 80px;
        }

            .wizard-body
            .wizard-slide-panel
            .wsp-container
            .product-overview
            .product-heading
            .product-image
            img {
                width: 80px;
                height: 80px;
            }

        .wizard-panel-mobile {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
        }

            .wizard-panel-mobile .wpm-link {
                min-width: 50px;
            }

            .wizard-panel-mobile .wpm-subheader .wpms-icon-left {
                min-width: 50px;
            }

                .wizard-panel-mobile .wpm-subheader .wpms-icon-left .w-icon .w-i-circle {
                    position: relative;
                    /* top: 11px; */
                }

            .wizard-panel-mobile .wpms-icon-right {
                min-width: 60px;
            }

                .wizard-panel-mobile .wpms-icon-right .w-icon .w-i-circle {
                    position: relative;
                    /* top: 11px; */
                }

        #btn_checkout {
            margin-right: 15px;
            min-width: 100px;
            height: 40px;
            border: 0;
        }

        #loginForm #btn_login {
            margin-bottom: 50px;
        }
    }

    @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (max-width: 768px) {
        .forgot-password-mobile-wrapper {
            position: relative;
            top: -10px;
        }
    }

    /* ----------- iPhone X, XI ----------- */
    /* Portrait and Landscape */
    @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {
        .login-wrapper
        .image-section-desktop
        .image-section-footer
        a
        img.layout-logo {
            max-width: 150px;
        }

        .login-wrapper .form-section .form-inner-container {
            height: auto;
            max-height: unset !important;
        }

            .login-wrapper .form-section .form-inner-container .form-section-header {
                margin-bottom: 30px;
            }

                .login-wrapper .form-section .form-inner-container .form-section-header h2 {
                    font-size: 22px;
                    margin: 0;
                }

            .login-wrapper .form-section .form-inner-container .form-auth .success-alert,
            .login-wrapper .form-section .form-inner-container .form-auth .info-alert,
            .login-wrapper .form-section .form-inner-container .form-auth .danger-alert {
                padding: 8px;
                font-size: 14px;
                margin-bottom: 10px;
                margin-top: 10px;
                color: var(--hajoona-typo-icon-outline-color);
            }

            .login-wrapper
            .form-section
            .form-inner-container
            .form-auth
            p.forgot-password-mobile-wrapper {
                position: relative;
                top: -10px;
            }

            .login-wrapper .form-section .form-inner-container .form-footer {
                padding: 15px 30px;
                margin-top: 15px;
            }

        .wizard-panel {
            padding-top: 10px;
        }

        .wizard-wrapper {
            margin-top: 15px;
        }

            .wizard-wrapper .wizard-container.wizard-reverse-column {
                flex-direction: column-reverse;
                margin: 15px;
            }

                .wizard-wrapper .wizard-container.wizard-reverse-column .wizard-content {
                    padding: 0;
                    margin-top: 35px;
                }

                    .wizard-wrapper
                    .wizard-container.wizard-reverse-column
                    .wizard-content
                    .wc-head.hide-768 {
                        display: none;
                    }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .inner-form-container
            .inner-column
            .address-lists
            .new-address-entry {
                -webkit-flex-direction: column;
                flex-direction: column;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body
                .inner-form-container
                .inner-column
                .address-lists
                .new-address-entry
                button:last-child {
                    margin-left: unset;
                }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .select-item-wrapper
            .info {
                display: block;
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body
            .wc-cart
            .wc-cart-row
            .wc-cart-col.wc-cart-amount {
                flex-basis: 140px;
            }

            .wizard-wrapper .wizard-container .wizard-content .pop-up-fluid {
                padding: 30px 15px;
            }

            .wizard-wrapper .wizard-container .wizard-tips {
                border-radius: 5px;
            }

                .wizard-wrapper .wizard-container .wizard-tips.desktop-fixed-width-400 {
                    flex-basis: 300px;
                }

                .wizard-wrapper .wizard-container .wizard-tips .product-overview {
                    padding: 20px 15px 15px;
                }

                    .wizard-wrapper
                    .wizard-container
                    .wizard-tips
                    .product-overview.package-first-row:after {
                        top: 290px;
                    }

                    .wizard-wrapper
                    .wizard-container
                    .wizard-tips
                    .product-overview.package-second-row:after {
                        top: 650px;
                    }

                    .wizard-wrapper
                    .wizard-container
                    .wizard-tips
                    .product-overview
                    .product-heading {
                        margin-bottom: 20px;
                    }

                .wizard-wrapper .wizard-container .wizard-tips.cart-summary-wrapper {
                    border-left: 0;
                    padding: 15px;
                    flex-basis: unset;
                    background: #f9f7f7;
                }

        #checkout .wizard-wrapper .wizard-container .wizard-tips.cart-summary-wrapper {
            border-left: 1px solid var(--hajoona-typo-icon-outline-color);
        }

        .wizard-wrapper .wizard-container .wizard-tips .wc-cart-summary-body .sb-row .sb-col .checkout-product-image {
            margin-bottom: 10px;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-tips.cart-mobile-details
        .wc-cart-summary-head {
            display: none;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-tips.cart-mobile-details
        .wc-cart-summary-body
        .sb-row.hide-768 {
            display: none;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-tips.cart-mobile-details
        .wc-cart-summary-body
        .sb-row.bb-dashed {
            border: 0;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-tips.cart-mobile-details
        .wc-cart-summary-body
        .sb-row.pb20 {
            padding-bottom: 0;
        }

        .wizard-wrapper
        .wizard-container
        .wizard-tips.cart-mobile-details
        .wc-cart-summary-body
        .sb-row.mb20 {
            margin-bottom: 0;
        }

        .circle-input-label.small-input .circle-input {
            padding-left: 35px;
        }

        .bank-details .bank-lists {
            -webkit-flex: unset;
            flex: unset;
        }

            .bank-details
            .bank-lists
            ul
            li
            .select-bank
            .bank-list-row
            .bank-list-image.vorkasse {
                background-size: contain;
            }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span.icon-name {
            background-position: -15px -191px;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span.icon-houseno {
            background-position: -15px -433px;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span.icon-salutation {
            background-position: -15px -97px;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span.icon-title {
            background-position: -15px -146px;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span.icon-name {
            background-position: -15px -194px;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span.icon-company {
            background-position: -15px -963px;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span.icon-street {
            background-position: -15px -339px;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span.icon-street {
            background-position: -15px -334px;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span.icon-postalcode,
        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span.icon-houseno {
            background-position: -15px -433px;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span.icon-city {
            background-position: -15px -386px;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span.icon-country {
            background-position: -15px -290px;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span.icon-vatid {
            background-position: -15px -1058px;
        }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-new-account
        .circle-input-label
        span.icon-taxnumber {
            background-position: -15px -1010px;
        }

        .wizard-body #checkout #checkoutForm {
            padding: 0;
        }

            .wizard-body #checkout #checkoutForm .container {
                padding: 0;
            }

                .wizard-body #checkout #checkoutForm .container .row {
                    margin: 0;
                }

                    .wizard-body #checkout #checkoutForm .container .row .col-md-12 {
                        padding: 0;
                    }
    }
    /* Portrait */
    @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: portrait) {
        .bank-details .bank-lists {
            -webkit-flex: unset;
            flex: unset;
        }

            .bank-details
            .bank-lists
            ul
            li
            .select-bank
            .bank-list-row
            .bank-list-image.vorkasse {
                background-size: contain !important;
            }
    }
    /*iPhone 6 Portrait*/
    @media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (orientation: portrait) {
        .custom-dropdown button.dropdown-button {
            position: relative;
        }

            .custom-dropdown button.dropdown-button span.arrow {
                position: absolute;
                right: 0px;
                top: 14px;
            }

            .custom-dropdown button.dropdown-button span.language-name {
                margin-right: 35px;
            }

        .wizard-body .wizard-slide-panel .wsp-container {
            height: auto;
            overflow-x: scroll;
            max-height: 90%;
            padding-bottom: 50px;
        }

        .wizard-body .wizard-slide-panel .mobile-sticky-footer-panel {
            position: fixed;
            bottom: 0;
            left: 100%;
            width: 100%;
            transition: all 0.5s ease;
        }

        .wizard-body .wizard-slide-panel.open .mobile-sticky-footer-panel {
            left: 0;
            transition: all 0.5s ease;
        }

        .wizard-body #checkout #checkoutForm {
            padding: 0;
        }

            .wizard-body #checkout #checkoutForm .container {
                padding: 0;
            }

                .wizard-body #checkout #checkoutForm .container .row {
                    margin: 0;
                }

                    .wizard-body #checkout #checkoutForm .container .row .col-md-12 {
                        padding: 0;
                    }

        .wizard-body #checkout .mobile-sticky-footer .chkbox-container {
            display: none;
        }

        .wizard-body #checkout .mobile-sticky-footer .msf-button-skip {
            margin-left: unset;
        }

        .wizard-body #checkout .mobile-sticky-footer .custom-checkout-payment {
            height: 42px !important;
            border: 0;
            cursor: pointer;
        }

        .login-wrapper
        .form-section
        .form-inner-container
        .form-auth
        .remember-me-container {
            margin-bottom: 10px;
        }


        .bank-details
        .bank-lists
        ul
        li
        .select-bank
        .bank-list-row
        .bank-list-image.vorkasse {
            background-size: contain !important;
        }
    }
    /*iPad Pro 12.9 Landscape */
    @media only screen and (min-width: 1366px) and (orientation: landscape) {
        /* Your Styles... */
    }
    /*iPad Pro 12.9 Portrait*/
    @media only screen and (min-width: 1024px) and (orientation: portrait) {
        body.fixed-footer footer {
            position: fixed;
            bottom: 0;
        }
    }
    /* login link in activation and forgot password page*/
    #LoginLinks .btn-s {
        background: var(--hajoona-button-background);
        color: var(--hajoona-button-color);
    }

    @media (max-width: 991px) {
        .header-nav {
            background-color: transparent;
            overflow: auto;
            width: auto;
            float: none;
            height: auto;
            overflow-x: auto;
            transform: none;
            transition: none;
            box-shadow: none;
            flex-basis: unset !important;
        }

        #LoginLinks {
            padding: 0;
        }

            #LoginLinks .btn-s {
                line-height: 30px;
            }
    }

    @media (max-width: 768px) {
        .header-nav {
            display: none !important;
        }
    }

    /*# sourceMappingURL=widget-style.css.map */

    .policy-heading01 {
        font-size: 16px;
        color: var(--hajoona-typo-icon-outline-color);
        margin-bottom: 12px;
    }

    /* New card design */

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .add-bank-details
    .credit-card-form
    .heidelpayUI[class*="left icon"].input > .heidelpayInput,
    .heidelpayUI[class*="left icon"].input > input {
        /*padding-left: 60px !important;*/
    }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .add-bank-details
    .credit-card-form {
        width: 70%;
    }

    @media (max-width: 991px) and (min-width: 768px) {
        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-bank-details
        .credit-card-form {
            width: 100%;
        }
    }

    @media (max-width: 639px) and (min-width: 520px) {
    }

    @media (max-width: 519px) and (min-width: 320px) {
        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-bank-details
        .credit-card-form {
            width: 100%;
        }
    }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .add-bank-details
    .credit-card-form
    .heidelpayInput
    .field
    .heidelpayUI.icon.input > i.icon {
        top: -2px;
    }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-bank-details
        .credit-card-form
        .heidelpayInput
        .field
        .heidelpayUI.icon.input > i.icon:before {
            height: 1.4rem;
            background-size: auto 1.4rem;
        }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .add-bank-details
    .credit-card-form
    .heidelpayInput
    .field
    .heidelpayUI
    .heidelpayInput {
        height: 24px;
        line-height: 24px;
        border-radius: 40px;
        border: 1px solid rgb(112, 112, 112);
        padding-top: 12px;
    }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .add-bank-details
    .credit-card-form
    .field
    .heidelpayUI.primary.button {
        background: #6ca73d;
        border-radius: 40px;
        height: 42px;
    }

    @media (max-width: 767px) and (min-width: 320px) {
        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-bank-details
        .credit-card-form
        .field
        .heidelpayUI.primary.button {
            background: #001c32;
            color: #fff;
        }
    }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .add-bank-details
    .credit-card-form
    .heidelpayInput
    .field > label {
        font-size: 14px;
        margin-bottom: 0;
    }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .add-bank-details
    .heidelpayUI.form.credit-card-form
    .field {
        margin-bottom: 6px;
    }

    .bank-details
    .bank-form-container
    .bank-form
    .bank-section
    .add-bank-details
    .heidelpayUI.form.credit-card-form
    .fields {
        margin-bottom: 0;
    }

        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-bank-details
        .heidelpayUI.form.credit-card-form
        .fields > .field,
        .bank-details
        .bank-form-container
        .bank-form
        .bank-section
        .add-bank-details
        .heidelpayUI.form.credit-card-form
        .fields > .field > .field {
            margin-bottom: 0;
        }

    #ModalPopUp .modal-dialog {
        max-width: 600px !important;
        min-width: 600px !important;
        margin-top:25%;
    }

    @media (max-width: 768px) and (min-width: 320px) {
        #ModalPopUp .modal-dialog {
            width: 100% !important;
            min-width: 100% !important;
        }
    }

    #ModalPopUp .modal-title {
        color: #444;
        border-bottom: 1ps solod #efefef;
    }

    #authorizeCardContainerModal {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
    }

        #authorizeCardContainerModal div.error {
            position: unset !important;
            font-size: 13px;
            font-weight: 600;
        }

        #authorizeCardContainerModal .credit-card-inner {
            display: flex;
            flex-direction: column;
            max-width: 500px;
            padding-bottom: 30px;
            margin: 0 auto;
        }

            #authorizeCardContainerModal .credit-card-inner .credit-card-form {
                padding: 20px;
                background: #ffffffe0;
                border-radius: 15px;
            }

        #authorizeCardContainerModal
        .credit-card-form
        .heidelpayInput
        .field
        .heidelpayUI.icon.input > i.icon {
            top: -2px;
        }

            #authorizeCardContainerModal
            .credit-card-form
            .heidelpayInput
            .field
            .heidelpayUI.icon.input > i.icon:before {
                height: 1.4rem;
                background-size: auto 1.4rem;
            }

        #authorizeCardContainerModal
        .credit-card-form
        .heidelpayInput
        .field
        .heidelpayUI
        .heidelpayInput {
            height: 24px;
            line-height: 24px;
            border-radius: 40px;
            border: 1px solid rgb(112, 112, 112);
            padding-top: 12px;
        }

        #authorizeCardContainerModal
        .credit-card-form
        .field
        .heidelpayUI.primary.button {
            background: #6ca73d;
            border-radius: 40px;
            height: 42px;
        }

        #authorizeCardContainerModal .credit-card-form .heidelpayInput .field > label {
            font-size: 14px;
            margin-bottom: 0;
        }

        #authorizeCardContainerModal.heidelpayUI.form.credit-card-form .field {
            margin-bottom: 6px;
        }

        #authorizeCardContainerModal .heidelpayUI.form.credit-card-form .fields {
            margin-bottom: 0;
        }

            #authorizeCardContainerModal
            .heidelpayUI.form.credit-card-form
            .fields > .field,
            #authorizeCardContainerModal
            .heidelpayUI.form.credit-card-form
            .fields > .field > .field {
                margin-bottom: 0;
            }

    /* New Offer page design */
    .wizard-wrapper
    .wizard-container
    .wizard-content
    .wc-body.select-item-multiple
    .select-item-wrapper
    .wc-body-row {
        display: flex;
        flex-direction: row;
    }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body.select-item-multiple
        .select-item-wrapper
        .wc-body-row
        .wc-content-c {
            flex: 1;
            font-size: 16px;
            line-height: 23px;
            color: #666666;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body.select-item-multiple
            .select-item-wrapper
            .wc-body-row
            .wc-content-c
            .item-content {
                max-width: 70%;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body.select-item-multiple
                .select-item-wrapper
                .wc-body-row
                .wc-content-c
                .item-content ul li {
                    padding: 5px 0;
                }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body.select-item-multiple
                .select-item-wrapper
                .wc-body-row
                .wc-content-c
                .item-content
                p {
                    padding-left: 20px;
                    padding-top: 20px;
                    line-height: 31px;
                }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body.select-item-multiple
        .select-item-wrapper
        .wc-body-row
        .wc-content-img {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body.select-item-multiple
            .select-item-wrapper
            .wc-body-row
            .wc-content-img
            img {
                max-width: 250px;
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body.select-item-multiple
            .select-item-wrapper
            .wc-body-row
            .wc-content-img.imgMobileHide img {
                max-width: 160px;
            }

    @media (max-width: 768px) and (min-width: 480px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body.select-item-multiple
        .select-item-wrapper
        .wc-body-row
        .wc-content-c {
            flex: 1;
            font-size: 16px;
            line-height: 23px;
            color: #666666;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body.select-item-multiple
            .select-item-wrapper
            .wc-body-row
            .wc-content-c
            .item-content {
                max-width: 100%;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body.select-item-multiple
                .select-item-wrapper
                .wc-body-row
                .wc-content-c
                .item-content
                p {
                    padding-left: 20px;
                    padding-top: 0px;
                    line-height: normal;
                }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body.select-item-multiple
                .select-item-wrapper
                .wc-body-row
                .wc-content-c
                .item-content ul li {
                    padding: 0;
                }

        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body.select-item-multiple
        .select-item-wrapper
        .wc-body-row
        .wc-content-img {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body.select-item-multiple
            .select-item-wrapper
            .wc-body-row
            .wc-content-img
            img {
                max-width: 200px;
            }
    }

    @media (max-width: 479px) and (min-width: 320px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body.select-item-multiple
        .select-item-wrapper
        .wc-body-row {
            display: flex;
            flex-direction: column;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body.select-item-multiple
            .select-item-wrapper
            .wc-body-row
            .wc-content-c
            .item-content {
                max-width: 100%;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body.select-item-multiple
                .select-item-wrapper
                .wc-body-row
                .wc-content-c
                .item-content
                p {
                    padding-left: 20px;
                    padding-top: 0;
                    line-height: normal;
                }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body.select-item-multiple
                .select-item-wrapper
                .wc-body-row
                .wc-content-c
                .item-content ul li {
                    padding: 0;
                }
    }



    .wizard-wrapper .wizard-container .wizard-content .wc-body.select-item-multiple .select-item-wrapper .wc-body-row .wc-content-img img.imgMobileView {
        display: none;
    }

    @media (max-width: 768px) and (min-width:320px) {
        .wizard-wrapper
        .wizard-container
        .wizard-content
        .wc-body.select-item-multiple
        .select-item-wrapper
        .wc-body-row {
            display: flex;
            flex-direction: column;
        }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body.select-item-multiple
            .select-item-wrapper
            .wc-body-row
            .wc-content-img.imgMobileHide {
                display: none;
            }

            .wizard-wrapper
            .wizard-container
            .wizard-content
            .wc-body.select-item-multiple
            .select-item-wrapper
            .wc-body-row
            .wc-content-img {
                flex-direction: row;
            }

                .wizard-wrapper
                .wizard-container
                .wizard-content
                .wc-body.select-item-multiple
                .select-item-wrapper
                .wc-body-row
                .wc-content-img img.imgMobileView {
                    display: block;
                }

                .wizard-wrapper .wizard-container .wizard-content .wc-body.select-item-multiple .select-item-wrapper .wc-body-row .wc-content-img img.w3-img-1 {
                    width: 43%
                }

                .wizard-wrapper .wizard-container .wizard-content .wc-body.select-item-multiple .select-item-wrapper .wc-body-row .wc-content-img img.w3-img-2 {
                    width: 52%
                }
    }

    .wizard-content h3 {
        /* color: #001c32;*/
    }

    .wizard-wrapper .wizard-container .wizard-content .wc-body .wc-cart .wc-cart-row.checkout-product-row .wc-cart-row-2 {
        display: flex;
        flex-direction: row;
        width: 100%;
    }

        .wizard-wrapper .wizard-container .wizard-content .wc-body .wc-cart .wc-cart-row.checkout-product-row .wc-cart-row-2 .wc-cart-amount {
            flex: 1;
        }

    @media (max-width:420px) and (min-width:320px) {
        .wizard-wrapper .wizard-container .wizard-content .wc-body .wc-cart .wc-cart-row.checkout-product-row .wc-cart-row-2 {
            display: flex;
            flex-direction: column-reverse;
            width: 100%;
        }

            .wizard-wrapper .wizard-container .wizard-content .wc-body .wc-cart .wc-cart-row.checkout-product-row .wc-cart-row-2 .wc-cart-amount {
                margin-left: auto;
                width: 80%;
            }

        #checkout .wizard-wrapper .wizard-container .wizard-content .wc-body .wc-cart .wc-cart-row.checkout-product-row .wc-cart-row-2 .wc-cart-amount {
            padding-right: 10px;
        }

        .wizard-wrapper .wizard-container .wizard-content .wc-body .wc-cart .wc-cart-row.checkout-product-row .wc-cart-row-2 .wc-cart-quantity {
            margin-left: auto;
            padding-right: 15px;
        }

            .wizard-wrapper .wizard-container .wizard-content .wc-body .wc-cart .wc-cart-row.checkout-product-row .wc-cart-row-2 .wc-cart-quantity .show-768 {
                padding-top: 10px;
                font-size: 13px;
                text-align: right;
            }
    }

    @media (max-width:767px) and (min-width:320px) {
        #checkout .wizard-wrapper .mobile-sticky-footer label.chkbox-container {
            margin-top: 0 !important;
            color: #fff !important;
        }

            #checkout .wizard-wrapper .mobile-sticky-footer label.chkbox-container a {
                color: #fff !important;
            }

        .wizard-wrapper .mobile-sticky-footer #btn_checkout {
            height: 42px !important;
            border: 0 !important;
        }
    }
    /* Checkout page height adjustment*/
    @media (min-width:768px) {

        #checkout-page .cart-summary-wrapper {
            min-height: 100%
        }

        #checkout #cart_item_details_wizard,
        #checkout .cart-summary-wrapper {
            height: 100%;
        }
    }

    .subheading-paragraph {
        max-width: 500px;
        width: 100%;
    }
#lblSameShippingAddress label.chkbox-container:hover,
    #lblSameShippingAddress label.chkbox-container {
        color: var(--hajoona-typo-icon-outline-color);
        cursor: default;
    }


@media (max-width: 768px) and (min-width: 766px) {

    .wizard-wrapper .mobile-sticky-footer #btn_checkout {
        height: 42px !important;
    }
}

.register-form-error, .register-form-error::placeholder{
    color:var(--hajoona-error-color)!important;
}