/* gui */
  .fixed-pages {
    padding-top: var(--block_spacing);
  }

  body .gui-input,
  body .gui-text {
    height: var(--input_height);
    padding: 0px var(--input_padding);
    outline: none;
    border-radius: var(--border_radius);
    font-size: 1em;
    background: var(--input_bg);
    border: var(--input_border);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
  }
  
  body .gui-text {
    min-height: calc(var(--input_height) * 3);
    padding: var(--input_padding);
  }
  
  body .gui-input input,
  body .gui-text textarea {
    height: 100%;
    padding: 0;
  }
  
  body .gui-text textarea {
    min-width:100%;
    max-width:100%;
    min-height:100%;
    max-height:100%;
  }
  
  body .gui-form label {
    font-weight: 500;
    margin-bottom: 4px;
  }
  
  body .gui-page-title {
    margin-bottom: var(--title_featured_spacing);
    font-size: var(--title_featured_title);
    font-weight: bold;
    color: var(--black);
  }
  
  body .gui-block-title {
    border: none;
    padding: 0;
    background: transparent;
    margin-bottom: 8px;
    font-family: var(--font_family_heading);
    font-size: var(--font_h3);
  }
  
  body .gui-block-content {
    padding: 0;
  }
  
  body .gui-block.gui-margin {
    border: none;
  }
  
  body .gui {
    line-height: var(--line_height);
  }
  
  body .gui-block-subcontent {
    line-height: inherit;
  }
  
  
  body .gui-block-subtitle,
  body .gui-block-title {
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  
  body .gui-block-subtitle a,
  body .gui-block-title a {
    text-decoration: underline;
    color: var(--accent);
    font-size: var(--font_base_small);
    font-family: var(--font_family_body);
  }
  
  body .gui-block {
    border: none;
  }
  
  body .gui-block-linklist li {
    border-bottom: 1px solid var(--grey_border);
  }
  
  body .gui-required {
    color: var(--red);
  }
  
  body .gui-input-phone-number {
    align-items: center;
    display: flex;
  }
  
  body .gui-input-phone-number .gui-input-phone-number-code-wrapper {
    position: relative;
    height: auto;
    width: auto;
    white-space: nowrap;
    margin: 0;
    margin-right: var(--input_padding);
    display:flex;
    gap:4px;
  }
  
  body .gui-input-phone-number #gui-form-details-phone-number {
    padding: 0;
  }
  
  body .gui-input-phone-number .gui-input-phone-number-code-flag {
    position: unset;
    /* width:auto; */
  }
  
  body .gui-input-phone-number .gui-input-phone-number-code-placeholder {
    position: unset;
    width:auto;
  }
  
  body .gui-select {
    font-size:1em;
    position:relative;
  }
  
  body .gui-select:after {
    content: "\ea4a";
    font-family: boxicons!important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.4em;
    position: absolute;
    right: 0;
    top: 0;
    width:var(--input_height);
    height:var(--input_height);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  body .gui-select select {
    height: var(--input_height);
    padding: 0px var(--input_padding);
    outline: none;
    border-radius: var(--border_radius);
    font-size: 1em;
    background: var(--input_bg);
    border: var(--input_border);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: transparent;
    position: relative;
    z-index: 2;
    padding-right: var(--input_height);
    color: var(--black);
  }
  
  .gui-input.gui-focus, .gui-text.gui-focus {
    border-color: var(--accent);
  }
  
  .gui-block-linklist li.gui-active a {
    color:var(--accent);
  }
  
  .gui-input input, .gui-text textarea {
    color: var(--black);
  }
  
  body .gui a.gui-button-small {
    font-family: var(--font_family_heading);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: var(--btn_height);
    padding: 0px var(--btn_padding);
    background: var(--accent);
    color: #fff;
    font-weight: bold;
    gap: 8px;
    font-size: var(--btn_font_size);
    border-radius: var(--border_radius);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: none;
    cursor: pointer;
  }
  
  body .gui-buttons {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
    gap:16px;
  }
  
  body  .gui-buttons .gui-right {
    margin:0;
  }
  
  body .gui-buttons .gui-clear {
    display: none;
  }
  
  .gui-account-cart {
    display:none;
  }

  .gui-login .gui-form .gui-field {
    margin-top: 16px;
  }
  .gui-buttons .gui-left {
    text-wrap: nowrap;
  }
  .gui a.gui-small {
    color: inherit;
  }
  .gui a.gui-small:hover {
    text-decoration: underline;
  }
  .gui-table {
    margin-bottom: 20px;
  }

  .gui-block-linklist li:nth-child(7),
  .gui-block-linklist li:nth-child(8) {
    display: none;
  }
  
  /* end gui */