/*
Theme Name: mypezz
Theme URI: https://github.com/tidythemes/mypezz
Author: TidyThemes
Author URI: https://github.com/tidythemes
Description: Donations: https://calmestghost.com/donate. mypezz is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/mypezz/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: mypezz

mypezz WordPress Theme © 2011-2023 TidyThemes
mypezz is distributed under the terms of the GNU GPL
*/
/*
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
*/
/**
* COLORS
*/
:root {
  --pezz_blue: #88BCE2;
  --pezz_dark_blue: #5077A5;
  --pezz_sky: #a3ccee;
  --pezz_yellow: #F1A240;
  --pezz_red: #FF8266;
  --pezz_white: #fff;
  --pezz_green: #86C26A;
  --pezz_action: #5077A5;
  --pezz_standard_text: #2A2E35;
  --pezz_text: #2A2E35;
  --pezz_white_hover: rgba(255, 255, 255, 0.7);
  --pezz_background_light: #f2f6ff;
  --pezz_background_regular: #e6eeff;
  --pezz_background_medium: #7e98e6;
  --pezz_background_semidark: rgba(64, 112, 250, 0.5);
  --pezz_background_light_blue: rgba(71, 105, 204, 0.03);
  --pezz_background_dark_blue: #4054b2;
  --pezz_border_light: #e5e8ef;
  --pezz_background_light_green: #cee3e6;
  --pezz_background_medium_green: #94c3c7;
}

/**
* FONTS
*/
@font-face {
  font-family: "RetailBlack";
  src: url(../assets/fonts/Retail-Black.woff) format("woff"),
  url(../assets/fonts/Retail-Black.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "RetailMedium";
  src: url(../assets/fonts/Retail_Text-Medium.woff) format("woff"),
  url(../assets/fonts/Retail_Text-Medium.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZJhjp-Ek-_EeAmM.woff) format('woff');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZthjp-Ek-_EeAmM.woff) format('woff');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZNhjp-Ek-_EeAmM.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZxhjp-Ek-_EeAmM.woff) format('woff');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZBhjp-Ek-_EeAmM.woff) format('woff');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZFhjp-Ek-_EeAmM.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hjp-Ek-_EeA.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  max-width: 100%;
  overflow-x: hidden;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
}

html::-webkit-scrollbar {
  display: none;
}

/* Sections
        ========================================================================== */

/**
   * Remove the margin in all browsers.
   */

body {
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
  position: relative;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
}

body::-webkit-scrollbar {
  display: none;
}

header.woocommerce-Address-title.title {
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
        ========================================================================== */

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
        ========================================================================== */

/**
   * Remove the gray background on active links in IE 10.
   */

a {
  background-color: transparent;
  text-decoration: none;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */

small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
        ========================================================================== */

/**
   * Remove the border on images inside links in IE 10.
   */

img {
  border-style: none;
}

/* Forms
        ========================================================================== */

/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

.hs-input:not([type="file"]),
.hs-input:not([type="file"]):focus {
  border: none !important;
  border-bottom: 1px solid var(--pezz_dark_blue)!important;
  border-radius: 0 !important;
  color:  var(--pezz_dark_blue) !important;
  background: #edf0f5;
  width: 100%;
}

.hs-error-msgs label {
  color: #e2401c !important;
}

.hs-custom-style
  > div
  input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.hs-custom-style
  > div
  > div:last-of-type
  textarea.hs-input:not([type="checkbox"]):not([type="radio"]) {
  border-bottom: 1px solid  var(--pezz_dark_blue) !important;
}

.hs-form-890135ba-3dab-407d-9ed4-b45e15407d0d_6f66c70b-8d0c-4a30-a6ab-f2c83ea404d2.submitted-message {
  text-align: center;
  color:  var(--pezz_dark_blue);
  font-size: 24px;
  font-family: "RetailBlack";
  font-weight: 300;
  padding-bottom: 80px;
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: none;
}

/**
   * Correct the padding in Firefox.
   */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *        `fieldset` elements in all browsers.
   */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */

textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type="text"] {
  border: none;
  border-bottom: 1px solid  var(--pezz_dark_blue);
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
        ========================================================================== */

/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */

summary {
  display: list-item;
}

/* Misc
        ========================================================================== */

/**
   * Add the correct display in IE 10+.
   */

template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */

[hidden] {
  display: none;
}

/*--------------------------------------------------------------
   # Typography
   --------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: 'Inter', "RetailMedium", "RetailBlack", Helvetica;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: normal;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "RetailBlack", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*------------------------------
    HUBSPOT
-------------------------------*/
#hubspot-messages-iframe-container {
  z-index: 99 !important;
}

/*--------------------------------------------------------------
   # Elements
   --------------------------------------------------------------*/

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

.mobile_centered {
  text-align: start;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  max-width: 100%;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color:  var(--pezz_dark_blue);
}

a:visited {
  color:  var(--pezz_dark_blue);
}

a:hover,
a:focus,
a:active {
  color:  var(--pezz_dark_blue);
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

/*--------------------------------------------------------------
   # Forms
   --------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background-color: var(--pezz_blue);
  border: 1px solid var(--pezz_blue);
  color: #fff;
  margin: 20px;
  padding: 12px 40px;
  font-family: 'Inter', "RetailMedium";
  font-weight: 400;
  cursor: pointer;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color:  var(--pezz_dark_blue);
  border: 1px solid  var(--pezz_dark_blue);
  border-radius: 0;
  padding: 10px;
  font-family: 'Inter', "RetailMedium";
  background-color: #edf0f5;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #4769cc;
  border-bottom: 1px solid #4769cc;
}

select {
  border-bottom: 1px solid #4769cc;
}

textarea {
  width: 100%;
}

input[type="checkbox"]:checked + label::before {
  background-color: #0070fa;
  content: "";
}

.elementor-nav-menu .sub-arrow {
  display: none;
}

/***********************************************************
*********************** BUTTONS ****************************
************************************************************/

.blue_button,
.blue_button:visited,
.yellow_button,
.yellow_button:visited .blue_button_white_border,
.blue_button_white_border:visited,
.dark_blue_buttons,
.dark_blue_buttons:visited,
.hs-form-890135ba-3dab-407d-9ed4-b45e15407d0d_13a0c0ba-3bf5-467d-b05d-fb62f235368c
  .hs-button,
.hs-button .primary .large,
.hs-button .primary .large:visited,
.show_dog_subscription_plans_button,
.show_dog_subscription_plans_button:visited,
.show_dog_subscription_plans_button:hover,
.show_cat_subscription_plans_button,
.show_cat_subscription_plans_button:visited,
.show_cat_subscription_plans_button:hover,
.order_button_link,
.order_button_link:visited,
.order_button_link:hover {
  margin: 0 10px;
  padding: 10px 20px;
  color: var(--pezz_white) !important;
  font-family: "Inter", "RetailMedium", Work Sans;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.2px;
  background-color: #88BCE2;
  border: 1px solid #88BCE2;
  box-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  line-height: inherit;
  text-transform: none;
}

.dark_blue_buttons,
.dark_blue_buttons:visited {
  background-color: var(--pezz_background_dark_blue);
  border: 1px solid var(--pezz_white);
  color: var(--pezz_white);
  display: flex;
  align-items: center;
  cursor: pointer;
}

.blue_button_white_border,
.blue_button_white_border:visited {
  border: 1px solid var(--pezz_white);
  cursor: pointer;
}

.blue_button:hover,
.blue_button_white_border:hover,
.hs-button .primary .large:hover {
  color: #88BCE2 !important;
  background-color: var(--pezz_white);
  transition: background-color 0.5s;
  border: 1px solid #88BCE2;
}

#activation_next_step_1_check_for_pet {
  color: #FFF !important;
}

.yellow_button,
.yellow_button:visited {
  background-color: #e6b612;
  border: 1px solid #e6b612;
  margin: 10px;
}

.yellow_button a {
  color: #ffffff !important;
}

.dark_blue_buttons i {
  color: var(--pezz_white);
  font-size: 30px;
}

.dark_blue_buttons:hover {
  background-color: var(--pezz_white);
  border: 1px solid var(--pezz_white);
  color: var(--pezz_background_dark_blue);
  transition: background-color 0.5s;
}

.dark_blue_buttons:hover i {
  color: var(--pezz_background_dark_blue);
}

.white_button,
.white_button:visited,
.white_action_button,
.white_action_button:visited {
  margin: 10px;
  padding: 10px 20px;
  color: #4070ff;
  font-family: "RetailBlack", Work Sans;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.2px;
  background-color: var(--pezz_white);
  border: 1px solid #4070ff;
  border-radius: 25px 25px 25px 25px;
  box-shadow: none;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}

.white_button:hover,
.white_action_button:hover {
  color: var(--pezz_white);
  background-color: #4070ff;
  transition: background-color 0.5s;
}

.dark_light_blue_buttons,
.dark_light_blue_buttons:visited {
  font-family: "RetailBlack", Work Sans;
  font-size: 16px;
  fill: #f2f6ff;
  color: #f2f6ff;
  background-color: var(--pezz_blue);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--pezz_blue);
  border-radius: 50px 50px 50px 50px;
  padding: 10px 15px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
}

.dark_light_blue_buttons:hover {
  color: var(--pezz_blue);
  background-color: #f2f6ff;
  border-color: var(--pezz_blue);
  transition: background-color 0.5s;
}

.small_button_blue,
.small_button_blue:visited,
.not_found_button,
.not_found_button:visited {
  font-family: "RetailBlack", Work Sans;
  font-size: 13px;
  font-weight: 400;
  fill: #4070ff;
  color: #4070ff;
  background-color: #f2f6ff;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #4070ff;
  border-radius: 20px 20px 20px 20px;
  padding: 3px 15px 3px 15px;
  text-decoration: none;
  margin: 20px;
  cursor: pointer;
}

.small_button_blue:hover {
  transition: background-color 0.5s;
  color: #f2f6ff;
  background-color: #4070ff;
}

.not_found_button {
  background-color: #ffffff;
}

.not_found_button:hover {
  transition: background-color 0.5s;
  color: #ffffff;
  background-color: #4070ff;
}

.button-container .blue_button,
#main_header_buttons .blue_button {
  margin: 0;
}

.order_button_blue {
  margin: 20px 10px 10px 10px;
  border: 1px solid var(--pezz_blue);
  border-radius: 30px;
  background-color: var(--pezz_blue);
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.oder_button_blue {
  display: flex;
  justify-content: flex-start;
  margin-top: 50px;
}

.oder_button_blue a {
  margin: 0;
}

.subscription_plan_button {
  background-color: var(--pezz_blue);
  border: 1px solid var(--pezz_white);
  border-radius: 30px;
  color: var(--pezz_white);
  margin: 20px;
}

.subscription_plan_button:hover {
  background-color: var(--pezz_white);
  border: 1px solid  var(--pezz_blue);
  border-radius: 30px;
  color:  var(--pezz_blue);
}

/* BUTTON TEXT */
.order_button_text {
  text-align: center;
  font-family: "RetailBlack", Work Sans;
  color: var(--pezz_white);
  font-size: 18px;
}

/* BUTTONS ON PRODUCT PAGE */
.floated_subscription_button {
  bottom: 30px;
  position: fixed;
  right: 0;
  z-index: 30;
}

#show_dog_subscription_plans_button,
#show_cat_subscription_plans_button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#show_dog_subscription_plans_button i,
#show_cat_subscription_plans_button i {
  font-size: 30px;
  display: flex;
}

/* SALE SECTION BUTTONS */
.buy_button,
.buy_button:visited,
.buy_button:active {
  display: flex;
  flex: row;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--pezz_blue);
  background-color: var(--pezz_blue);
  border-radius: 30px;
  color: #ffffff;
  font-family: Work Sans;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px;
  text-decoration: none;
  width: fit-content;
}

.buy_button:hover {
  border: 2px solid var(--pezz_blue);
  background-color: transparent;
  color: var(--pezz_blue);
}

.slick-dots button {
  font-size: 0;
  background: #000;
  opacity: 0.2;
  padding: 4px;
  margin: 0;
}

.slick-active button {
  background: #88BCE2;
  opacity: 1;
}

/***********************************************************
*************** PIXELMATE COOKIE BANNER ********************
************************************************************/

.pixelmate-general-allow-bottom,
.pixelmate-general-deny-bottom {
  font-size: 12px !important;
  padding: 10px!important;
  margin: 5px 10px!important;
}

.pixelmate-general-single-bottom {
    margin-right: 0px;
    padding: 12px 24px !important;
}

.pixelmate-general-notice-bottom {
  margin-bottom: 10px;
}

/***********************************************************
*********************** LINKS ****************************
************************************************************/

.text_link_small {
  color: var(--pezz_blue);
  font-size: 12px;
  text-align: center;
}

.text_link_blue,
.text_link_blue:visited,
.text_link_blue:hover {
  color: var(--pezz_blue);
  font-size: 12px;
  text-align: center;
}

.text_link_dark {
  color: var(--pezz_blue);
  font-size: 10px;
  text-align: center;
}

.text_link_white {
  color: var(--pezz_blue);
  font-size: 10px;
  text-align: center;
}

.order_button_link {
  padding: 5px;
}

/* HEADER TEXT */
.white_desktop_blue_mobile_header,
.white_header {
  color: var(--pezz_white);
  font-family: "RetailBlack", Work Sans;
  font-size: 40px;
  padding: 10px 0px;
  margin: 0;
  line-height: 1;
  font-weight: 300;
}

.white_desktop_blue_mobile_header {
  line-height: 1.5;
}

.white_header_small,
.white_header_footer {
  padding: 10px;
  margin: 0;
  line-height: 1;
  color: var(--pezz_white);
  font-family: "RetailBlack", Work Sans;
  font-size: 36px;
  font-weight: 300;
}

.white_header_footer {
  font-size: 24px;
  margin: 0 !important;
  text-align: start;
}

.blue_header {
  color: var(--pezz_standard_text);
  font-family: "RetailBlack", Work Sans;
  font-size: 3.4vw;
  font-weight: 300;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0;
  margin: 0;
  text-align: start;
}

.blue_header_small {
  color: var(--pezz_standard_text);
  font-family: "RetailBlack", Work Sans;
  font-size: 36px;
  font-weight: 300;
  padding: 15px;
  margin: 0;
  line-height: 1;
}

.blue_header_big,
.blue_header_in_card {
  color: var(--pezz_standard_text);
  font-family: "RetailBlack", Work Sans;
  font-size: 40px;
  font-weight: 300;
  font-style: normal;
  line-height: 35px;
  letter-spacing: 0px;
}

.blue_header_small_start {
  color: var(--pezz_standard_text);
  font-family: "RetailBlack", Work Sans;
  font-size: 30px;
  font-weight: 300;
  font-style: normal;
  line-height: 40px;
  letter-spacing: 0px;
}

.text_start_desktop_center_mobile {
  text-align: start !important;
}

.blue_header_big,
.blue_header_in_card {
  color: var(--pezz_standard_text);
  font-family: "RetailBlack", Work Sans;
  font-size: 40px;
  font-weight: 300;
  font-style: normal;
  line-height: 44px;
  letter-spacing: 0;
  padding: 0 0 20px 0;
  margin: 0;
  text-align: center;
}

.blue_header_tiny {
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  line-height: 1;
  color: var(--pezz_standard_text);
  font-weight: 600;
  font-size: 21px;
  font-family: "RetailBlack";
  text-align: start;
}

.header_text_blue {
  font-family: "RetailBlack";
  font-size: 36px;
  color: var(--pezz_standard_text);
  font-weight: 300;
  margin: 0 !important;
}

/***********************************************************
 ************************ PARAGRAPH ************************
 ***********************************************************/

.dark_text,
.dark_text a,
.dark_text a:visited,
.dark_text a:hover {
  color: var(--pezz_standard_text);
  font-size: 15px;
  font-weight: 400;
  font-family: 'Inter', "RetailMedium";
  letter-spacing: 0.4px;
  line-height: 23px;
}

.bold_dark_text_left,
.bold_dark_text,
.bold_dark_text_left a {
  color: var(--pezz_standard_text);
  font-size: 17px;
  font-weight: 600;
  font-family: 'Inter', "RetailMedium";
  letter-spacing: 0.4px;
  line-height: 23px;
  text-align: start;
  margin: 0;
  margin-bottom: 20px;
}

.bold_dark_text {
  font-size: 14px;
  text-align: center;
}

.product_popup_footer_text_section .bold_dark_text_left {
  font-size: 15px;
}

.elementor-24 .elementor-element.elementor-element-37a1a17 {
  color: var(--pezz_white)!important;
}

.text_blue {
  text-align: center;
  color:  var(--pezz_dark_blue);
  font-family: 'Inter', "RetailMedium";
  font-size: 15px;
  font-weight: normal;
}

#centered_text {
  width: 40%;
  text-align: center;
}

.white_center_text,
.white_center_text a,
.white_center_text a:visited,
.white_center_text a:hover {
  text-align: center;
  font-weight: 400;
  color: var(--pezz_white);
  font-size: 15px;
  font-family: 'Inter', "RetailMedium";
  text-decoration: none;
}


.white_text {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 400;
  font-family: 'Inter', "RetailMedium";
  letter-spacing: 0.4px;
  line-height: 23px;
}

.centered {
  text-align: center!important;
}

.white_desktop_blue_mobile_text,
.white_desktop_blue_mobile_text a,
.white_desktop_blue_mobile_text a:visited,
.white_desktop_blue_mobile_text a:hover,
.text_white,
.text_white a,
.text_white a:visited,
.text_white a:hover {
  color: var(--pezz_white);
  font-size: 15px;
  font-weight: 400;
  font-family: 'Inter', "RetailMedium";
  letter-spacing: 0.4px;
}

.yellow_text {
  color: #f2c736;
  font-size: 28px;
  font-weight: 400;
  font-family: "RetailBlack";
  margin: 0 !important;
  text-align: left;
}

/* BULLETPOINTS */
.bulletpoint_text {
  font-family: 'Inter', "RetailMedium", Work Sans;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0.4px;
  color: var(--pezz_standard_text);
  padding-left: 10px;
  margin: 0 0 5px 0;
}

.bullet_point_text_bold {
  font-weight: 600;
  font-size: 16px;
  margin: 0 !important;
  color: var(--pezz_standard_text)f8;
  letter-spacing: 0.4px;
  line-height: 23px;
}

.bullet_points p {
  margin: 0 !important;
}

/* PRODUCT PAGE TEXT */
.plan_description_text {
  display: block;
  color: var(--pezz_standard_text);
  font-size: 13px;
  font-family: 'Inter', "RetailMedium";
  margin-top: 30px;
  letter-spacing: 0.4px;
  line-height: 23px;
}

.plan_section_text {
  color: var(--pezz_standard_text);
  font-size: 15px;
  font-family: "RetailBlack";
  letter-spacing: 0.4px;
  line-height: 23px;
}

.parameter_text {
  margin-top: 50px;
}

.pre_sale_text {
  font-size: 14px;
  font-family: 'Inter', "RetailMedium";
  color: rgb(71, 105, 204, 0.5);
  margin: 0;
}

.active .pre_sale_text {
  color: var(--pezz_white);
}

.emotion_speech_bubble_text,
.emotion_speech_bubble_quote {
  color: var(--pezz_white);
  font-size: 14px;
  font-family: 'Inter', "RetailMedium";
  margin: 20px 10px;
}

.emotion_speech_bubble_quote {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
}

.emotion_section_header {
  font-family: "RetailBlack";
  font-size: 40px;
  font-weight: 300;
  color:  var(--pezz_dark_blue);
  text-align: center;
  margin: 0;
  padding: 10vh 0 5vh 0;
}

/* APP SECTION */
.app_section_header_desktop {
  font-family: "RetailBlack";
  font-size: 40px;
  color:  var(--pezz_dark_blue);
  margin: 10vh 0 0 0;
  text-align: center;
  font-weight: 300;
}

.app_section_header {
  width: 90%;
  font-family: "RetailBlack";
  font-size: 20px;
  color:  var(--pezz_dark_blue);
  text-align: start;
  margin: 0 0 10px 0;
}

.app_section_text {
  font-family: 'Inter', "RetailMedium";
  font-size: 14px;
  color: var(--pezz_standard_text)f8;
  margin: 0;
}

/* PRE SALE SECTION */
.pre_sale_info_header,
.pre_sale_info_text {
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', "RetailMedium";
  letter-spacing: 0.36px;
  color: var(--pezz_white);
  margin: 0 !important;
}

.pre_sale_info_header {
  letter-spacing: 0.6px;
}

.pre_sale_info_text {
  font-size: 14px;
  letter-spacing: 0.48px;
}

.cart_vet_text {
  padding-left: 10px;
  color: var(--pezz_standard_text);
}

.cart_vet_text .text_bold {
  font-weight: 600;
  font-family: Work Sans;
  font-size: 12px;
  color: var(--pezz_standard_text);
  margin: 0 !important;
  padding-bottom: 5px;
  padding-top: 10px;
}

.cart_vet_text .text_speech {
  font-family: 'Inter', "RetailMedium";
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  margin: 0 !important;
}

.cart_vet_text .text_vet {
  font-family: Work Sans;
  font-size: 10px;
  color: var(--pezz_standard_text);
  margin: 0 !important;
  padding-bottom: 10px;
}

.subscription_feature_text {
  font-size: 10px;
  font-family: 'Inter', "RetailMedium";
  font-weight: 400;
  text-align: start;
  margin: 0 !important;
  padding: 1px;
}

.product_popup .subscription_feature_text {
  font-weight: 300;
  margin-bottom: 10px !important;
  line-height: 13px;
  letter-spacing: 0.6px;
}

.subscription_single .subscription_feature_text {
  margin: 0 !important;
}

.text {
  width: 30%;
  color: var(--pezz_standard_text);
  font-size: 18px;
  text-align: left;
  font-weight: 400;
  font-size: 15px;
  margin: 100px 50px 50px 80px;
  display: inline-block;
  position: absolute;
}

/* SALE SECTION TEXT */
.text_white_small_bold {
  font-size: 20px;
  font-weight: 600;
  padding: 0;
  margin: 0 0 10px 0;
  color: var(--pezz_white);
  font-family: 'Inter', "RetailMedium";
  letter-spacing: 0.4px;
  line-height: 1.2;
}

.text_white_big_bold {
  font-size: 30px;
  font-weight: 600;
  padding: 0;
  margin: 0;
  color: var(--pezz_white);
  font-family: 'Inter', "RetailMedium";
  letter-spacing: 0.4px;
  text-align: center;
}

/*--------------------------------------------------------------
   ## Menus
   --------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  float: left;
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*hide menu in checkout */
.page-id-533 #main-menu-desktop-sm,
.page-id-533 .elementor.elementor-58.elementor-location-header {
  display: none;
}

/*--------------------------------------------------------------
   # Accessibility
   --------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #4769cc;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
   # Alignments
   --------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
   # Clearings
   --------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
   # Widgets
   --------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
   # Content
   --------------------------------------------------------------*/
/*--------------------------------------------------------------
   ## Posts and pages
   --------------------------------------------------------------*/
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-links {
  clear: both;
}

/*--------------------------------------------------------------
   ## Comments
   --------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
   # Infinite scroll
   --------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
   # Media
   --------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
   ## Captions
   --------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
   ## Galleries
   --------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
   ## WooComerce
   --------------------------------------------------------------*/

.woocommerce_checkout_form {
  border-bottom: 1px solid #4769cc;
}

#shipping_method {
  margin: 0;
  padding: 0;
  list-style: none !important;
}

#shipping_method > li {
  border: none !important;
}

.woocommerce-shipping-methods li,
.woocommerce-shipping-methods li label {
  font-size: 14px;
  text-decoration: none;
  text-transform: none;
  font-family: 'Inter', "RetailMedium";
}

.woocommerce-shipping-methods li:hover {
  box-shadow: none;
}

.recurring-totals,
.cart-subtotal,
.cart-subtotal .recurring-total,
.shipping .recurring-total,
.order-total .recurring-total {
  display: none !important;
}

.recurring-totals,
.cart-subtotal .recurring-total,
.shipping .recurring-total,
.order-total .recurring-total,
.woocommerce-shipping-totals .shipping {
  padding: 0 0 0 10px;
}

.woocommerce-shipping-totals .shipping td,
.order-total td {
  padding: 0 10px 0 0;
}
.wpmc-tabs-wrapper-breadcrumb .wpmc-tabs-list .wpmc-tab-item:after {
  right: -25px !important;
}

#expand_products_overview > table > tfoot > tr.cart-subtotal > th,
#expand_products_overview > table > tfoot > tr.cart-discount > th {
  padding-left: 10px;
}

input#coupon_code {
  background: transparent;
  border: 0px;
}

.cart-discount {
  color: #4769cc;
  font-size: 12px;
  font-family: RetailMedium;
}

/* NEW */
.checkout-overview-info {
  margin: 20px 10px 10px 10px;
  padding-left: 15px;
  font-size: 14px;
  font-family: RetailMedium;
  color: var(--pezz_standard_text);
}

.new-account-created span {
  font-weight: 600;
}

.new-account-created-hidden {
  display: none;
}

/** ---- NEW END */

.checkoutpageContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.checkout_cart_overview {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  cursor: pointer;
}

.checkout_customer {
  width: 40%;
  border: 2px solid #4070ff;
  border-radius: 2px;
  font-family: "RetailBlack", WorkSans;
  padding: 20px;
  margin: 20px auto 0 auto;
  color: var(--pezz_standard_text);
  text-align: center;
  cursor: pointer;
}

.checkout_customer:hover,
#checkout_already_customer.selected {
  box-shadow: 0 0 0.5em #4070ff;
  color: white !important;
  background-color: #4769cc;
}

.checkout_customer p {
  width: 100%;
  height: 25px;
  text-align: center;
  font-family: "RetailBlack", WorkSans;
  padding: 0;
  margin: 0 !important;
}

p.checkout_customer_bold {
  font-weight: 600;
}

.checkout_customer_wrapper {
  margin-top: 130px;
}

.login-wrapper {
  width: 50%;
  margin: 0 auto 0 auto;
}

#checkout_login_popup .elementor-lost-password {
  color: #4769cc;
  font-size: 10px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  text-decoration: underline;
  cursor: pointer;
  text-align: center;
  width: 100%;
}

.error-message-login p,
.error-message-login {
  color: #d42a30;
  font-family: RetailMedium;
  font-size: 12px;
  width: 100%;
  text-align: center;
  padding: 20px;
}

#checkout_login_popup .elementor-remember-me label {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 95px;
}

.checkout label.checkbox {
  font-weight: 300;
  color: #404040;
  font-size: 12px;
  text-transform: none;
  font-family: RetailMedium;
}

.xoo-wsc-shipping .xoo-wsc-tool .xoo-wsc-tools-value {
  color: #56a51e;
}

.privacy_checkout_text {
  font-size: 12px;
  font-family: RetailMedium;
  color: #707070;
  padding: 0 50px;
}

.overviewContainer {
  width: 30%;
  background-color: lightgray;
}

.order_overview_section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.order_review_heading {
  font-size: 22px;
  color: #333640;
}

.elementor-3494
  .elementor-element.elementor-element-54c4ab9
  .wl-cf-apply-coupon-button.button {
  color: #ffffff;
  font-family: Work Sans;
  font-size: 12px;
  font-weight: 500;
  background: var(--pezz_blue);
  border-color: var(--pezz_blue);
  border-radius: 15px;
  margin: 0;
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 20px !important;
  margin: -10px 0 0 0 !important;
  border: none !important;
}

.wl-ci-back-to-shop-btn-area {
  display: flex;
  justify-content: center;
}

.wl .wl-ci button.wl-ci-back-to-shop,
.wl .wl-ci button.wl-ci-back-to-shop:visited,
.wl .wl-ci button.wl-ci-back-to-shop:hover,
.wl .wl-ci button.wl-ci-back-to-shop:active {
  padding: 10px;
  color: #fff !important;
  transition: 0.5s;
  background-color: #4769cc !important;
  margin-left: 10px;
  border: 1px solid #4769cc !important;
  margin-bottom: 0;
}

.recurring-total {
  display: none;
}

/**
   ############ PEZZ STYLE ##########
   */

div.checkoutpageContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 20%;
}

.overviewContainer {
  width: 30%;
  background-color: lightgray;
}

form {
  border: 0px solid #fff;
  border-radius: 0;
}

input {
  border: 1px solid #4769cc;
}

.thwmscf-tab {
  counter-reset: step;
}
.thwmscf-tab li {
  list-style-type: none;
  width: 12%;
  float: left;
  font-size: 14px;
  position: relative;
  text-align: center;
  color: #4054b2;
}
.thwmscf-tab li:before {
  width: 30px;
  height: 30px;
  content: counter(step);
  counter-increment: step;
  line-height: 25px;
  border: 2px solid #d5d9e3;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: #d5d9e3;
}

.thwmscf-tab li.is-active:before {
  width: 40px;
  height: 40px;
  font-size: 14px;
  margin-top: -5px;
  padding-top: 5px;
}

.thwmscf-tab li:after {
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  background-color: #d5d9e3;
  top: 14px;
  left: -50%;
  z-index: -1;
}

.thwmscf-tab li:first-child:after {
  content: none;
}

.thwmscf-tab li.is-active {
  color: #4054b2;
}

.thwmscf-tab li.is-active:before {
  border-bottom: 1px solid #4054b2;
  background-color: #4054b2;
  color: white;
}

.thwmscf-tab li.is-active:after {
  border-color: #4054b2;
  background-color: #4054b2;
  color: white;
}

.thwmscf-tab li.is-complete {
  color: #4054b2;
}

.thwmscf-tab li.is-complete:before {
  border: 1px solid #4054b2;
  background-color: #4054b2;
  color: white;
}

.thwmscf-tab li.is-complete:after {
  background: #4054b2;
}

/**
   * PEZZ STYLE
   */

input {
  border-bottom: 1px solid #4769cc;
  background: transparent;
}

/**
   * PEZZ Text style
   */

.costum_checkout_header {
  font-size: 22px;
  color: #4769cc;
  font-family: "RetailBlack", WorkSans;
  font-weight: 400;
  padding-top: 0;
  margin-top: 0;
}

h6.costum_mini_header {
  color: #4769cc;
  font-size: 10px;
  font-weight: 400;
  font-family: RetailMedium, "RetailBlack", WorkSans;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

h5.costum_second_header_text {
  color: var(--pezz_standard_text);
  font-size: 12px;
  font-weight: 300;
  font-family: RetailMedium, "RetailBlack", WorkSans;
}

a.costum_link_text {
  color: #4769cc;
  font-size: 12px;
  font-weight: 300;
  font-family: RetailMedium, "RetailBlack", WorkSans;
}

a.costum_link_text:hover {
  color: #4769cc;
  font-size: 12px;
  font-weight: 300;
  font-family: RetailMedium, "RetailBlack", WorkSans;
}

a.costum_link_text:visited {
  color: #4769cc;
  font-size: 12px;
  font-weight: 300;
  font-family: RetailMedium, "RetailBlack", WorkSans;
}

/***********************************************************
 ************** HIDE ELEMENTS ON MOBILE/DESKTOP/TABLET ******
 ***********************************************************/
.hide_desktop,
#hide_desktop {
  display: none !important;
}

.hide_mobile,
#hide_mobile {
  display: flex !important;
}

.hide_tablet,
#hide_tablet {
  display: initial !important;
}

.show_tablet,
#show_tablet {
  display: none !important;
}

/***********************************************************
 ****************** SET NO MARGIN OR PADDING ***************
 ***********************************************************/
.no_margin {
  margin: 0 !important;
}

.no_padding {
  margin: 0 !important;
}

/***********************************************************
****************** APPLE / ANDROID BADGES *****************
***********************************************************/
.android_badge {
  aspect-ratio: 300/116;
  max-height: fit-content;
  width: 100%;
  max-height: 100px;
}

.apple_badge {
  aspect-ratio: 300/129;
  max-height: 100px;
  width: 100%;
}

/***********************************************************
 *********************** MOBILE STYLE **********************
 ***********************************************************/
@media only screen and (max-width: 600px) {
  /* ANCHOR MENÜ */
  .width_half_mobile_full {
    width: 100%;
  }

  .woocommerce-MyAccount-content {
    width: 100%;
  }

  /* HIDE ELEMENTS ON DESKTOP/ MOBILE */
  .hide_desktop,
  #hide_desktop {
    display: flex !important;
  }

  header .hide_desktop,
  header #hide_desktop {
    display: block !important;
  }

  .hide_mobile {
    display: none !important;
  }

  /*TEXT ON MOBILE DEVICE */
  .yellow_text {
    text-align: center;
  }

  .blue_header {
    font-size: 33px;
    text-align: center;
  }

  .white_header_footer {
    display: none;
  }

  .white_desktop_blue_mobile_header,
  .white_header {
    font-size: 36px;
    text-align: center;
  }

  .white_desktop_blue_mobile_header,
  .white_desktop_blue_mobile_text {
    color: var(--pezz_blue);
  }

  .text_start_desktop_center_mobile {
    text-align: center !important;
  }

  .header_text_blue {
    font-size: 28px;
  }

  .plan_costs_text {
    display: block;
    color: var(--pezz_standard_text);
    font-size: 14px;
    font-family: "RetailBlack";
    margin: 5px 0 !important;
  }

  .plan_section_text {
    font-size: 14px;
  }

  .plan_description_text {
    margin-top: 80px;
    font-size: 13px;
  }

  .text_grey_small {
    width: 80vw;
    background-color: #f2f6ff;
    display: block;
    color: #a3aabf;
    font-size: 12px;
    font-family: 'Inter', "RetailMedium";
    text-align: left;
  }

  .blue_header_big,
  .blue_header_in_card {
    font-size: 30px;
    line-height: 40px;
  }

  #centered_text {
    width: 100%;
  }

  .mobile_centered {
    text-align: center;
  }

  .header_text_blue {
    font-size: 34px;
    padding: 20px 0;
  }

  .text {
    width: 100%;
    display: block;
    position: relative;
    top: 45%;
    margin: 0;
    padding-left: 20px;
  }

  .emotion_section_header {
    font-size: 30px;
    font-family: 'Inter', "RetailMedium";
    font-weight: 300;
    padding: 30px 10px 30px 10px;
    margin: 0 !important;
  }

  .emotion_speech_bubble_text,
  .emotion_speech_bubble_quote {
    margin: 10px;
  }

  /* BUTTONS */
  #main_header_buttons .blue_button {
    margin: 20px 5px;
  }

  .show_dog_subscription_plans_button,
  .show_dog_subscription_plans_button:visited,
  .show_dog_subscription_plans_button:hover {
    font-size: 15px;
    padding: 5px 15px;
  }

  #show_dog_subscription_plans_button i,
  #show_cat_subscription_plans_button i {
    font-size: 25px;
  }

  .oder_button_blue {
    display: flex;
    justify-content: center;
    margin-top: 50px;
  }

  .white_action_button,
  .blue_button,
  .yellow_button,
  .blue_button_white_border,
  .dark_blue_buttons {
    font-size: 15px;
    padding: 5px 20px;
  }

  #main_header_buttons {
    flex-direction: row;
  }

  #main_header_buttons_mobile {
    display: flex;
    margin-top: 30px;
    justify-content: center;
  }

  .order_button_blue {
    display: flex;
  }
}

/*TABLET*/
@media only screen and (min-width: 600px) and (max-width: 1080px) {
  .hide_tablet,
  #hide_tablet {
    display: none !important;
  }

  .show_tablet,
  #show_tablet {
    display: flex !important;
  }

  .white_header_footer {
    display: none;
  }
}

@media only screen and (max-width: 1150px) {
  .show_only_tablet_and_mobile,
  #show_only_tablet_and_mobile {
    display: flex !important;
  }

  .hide_only_tablet_and_mobile,
  #hide_only_tablet_and_mobile {
    display: none !important;
  }
}

@media only screen and (min-width: 1151px) {
  .show_only_tablet_and_mobile,
  #show_only_tablet_and_mobile {
    display: none !important;
  }

  .hide_only_tablet_and_mobile,
  #hide_only_tablet_and_mobile {
    display: flex !important;
  }
}

/* TABLET */
@media only screen and (min-width: 600px) and (max-width: 1150px) {
  /* TEXT */
  .plan_costs_text {
    display: block;
    color: var(--pezz_standard_text);
    font-size: 14px;
    font-family: "RetailBlack";
    margin: 5px 0 !important;
  }

  #centered_text {
    width: 85%;
  }

  .slider-text {
    display: none;
  }

  .text {
    width: 100%;
    display: block;
    position: relative;
    top: 45%;
    margin: 0;
    padding-left: 100px;
    padding-right: 100px;
  }

  /* BUTTONS */
  .order_button_blue {
    display: flex;
  }
}

/* BIG SCREENS */
@media screen and (min-width: 1060px) {
  .impressum_container,
  .right_withdrawal_container,
  .faq_container,
  .pp_content,
  .contact_first_section,
  .footer-info-container,
  .return_policy_container,
  .pre_sale_content {
    width: 1060px;
    margin: auto;
  }
}

.contact_header_section {
  text-align: center;
  align-items: center;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 1300px) {
  .dark_text.centered {
    width: 60%;
    text-align: center;
  }

  #centered_text {
    width: 35%;
  }
}

/**
   * PEZZ WooCommerce style
   */

.delivery-radio-class .form-row-wide {
  border: 2px solid #4769cc;
  font-size: 22px;
  color: #4769cc;
  font-family: "RetailBlack", WorkSans;
  background: #fff;
}

.alt .button-active .wpmc-nav-button .current {
  background: #4769cc;
}

input[type="radio"]:after {
  background-color: #4769cc;
}

input[type="radio"]:checked:after {
  background-color: #4769cc;
}

.woocommerce-form__label .woocommerce-form__label-for-checkbox .checkbox {
  font-family: RetailMedium;
  font-style: normal;
  color: #4769cc;
  text-decoration: none;
  font-size: 12px;
  text-transform: none;
  letter-spacing: 1.2px;
}

.input-text {
  border: 2px solid #4769cc;
}

div.checkout_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}

div.checkout_form_container {
  width: 70%;
}

div.container_overview_checkout {
  width: 30%;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: #4769cc;
  font-weight: 400;
  border: 0;
  border-radius: 20px;
  font-family: "RetailBlack", WorkSans;
}

.woocommerce {
  font-family: "RetailBlack", WorkSans;
}

input::placeholder {
  color: #99a3bf;
  font-size: 15px;
  font-family: 'Inter', "RetailMedium", WorkSans;
}
.woocommerce-info {
  display: none;
}

/**
   * divider
   */
.separator {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 0.5em;
  font-family: RetailMedium, "RetailBlack", WorkSans;
  color: #99a3bf;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 20px;
}
.separator::before,
.separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #d5d9e3;
}
.separator::before {
  margin-right: 0.25em;
}
.separator::after {
  margin-left: 0.25em;
}

.woocommerce-input-wrapper {
  border: none;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
}

/* input["radio"] {
       border: 0px;
   } */

.woocommerce a {
  color: #4769cc;
  font-family: RetailMedium, "RetailBlack", WorkSans;
}

.woocommerce a:hover {
  color: #4769cc;
  font-family: RetailMedium, "RetailBlack", WorkSans;
}

.woocommerce a:visited {
  color: #4769cc;
  font-family: RetailMedium, "RetailBlack", WorkSans;
}

/**
   * WooCOmmerce Checkoutpage style
   */
.woocommerce form .form-row {
  margin-bottom: 20px;
}

.woocommerce-billing-fields__field-wrapper {
  padding: 50px;
  padding-bottom: 20px;
}

.woocommerce-account-fields {
  padding: 0 50px;
}

.woocommerce-shipping-fields {
  padding: 0 50px;
}

#omnisend_newsletter_checkbox_field {
  padding: 0 50px;
}

#omnisend_newsletter_checkbox_field .optional {
  display: none;
}

#billing_first_name_field,
#billing_last_name_field {
  margin-top: 20px;
}

#billing_billing_billing_field,
#shipping_billing,
#billing_billing,
#billing_billing_field {
  display: none;
}

#billing_billing {
  display: none;
}

.wpmc-tabs-wrapper .wpmc-tab-text {
  font-size: 10px;
  color: #4769cc;
}

#wpmc-prev {
  display: none;
  border: 1px solid #4769cc;
  color: #fff;
  font-family: RetailMedium;
  font-size: 12px;
  background: #4769cc;
  background-color: #4769cc;
  padding: 5px 15px;
}

#wpmc-prev:hover {
  border: 1px solid #edf0f5;
  color: #fff;
  font-family: RetailMedium;
  font-size: 12px;
  background: #4769cc;
  background-color: #fff;
  padding: 5px 15px;
}

#wpmc-next {
  margin-left: 50px;
  margin-right: 50px;
  border-bottom: 1px solid #edf0f5;
  color: #fff;
  font-family: "RetailBlack", WorkSans;
  font-size: 17px;
  background: #4769cc;
  border-radius: 20px !important;
}

#wpmc-next:hover {
  border-bottom: 1px solid #edf0f5;
  color: #fff;
  font-family: "RetailBlack", WorkSans;
  font-size: 17px;
  background: #4769cc;
}

#wpmc-next:visited {
  border-bottom: 1px solid #edf0f5;
  color: #fff;
  font-family: "RetailBlack", WorkSans;
  font-size: 17px;
  background: #4769cc;
}

/*checkout breadcrumbs stepper costume*/
.wpmc-tabs-wrapper-breadcrumb .wpmc-tab-item.current {
  color: #fff;
  background: #4769cc;
  z-index: 1;
  border: none;
}

.wpmc-tabs-wrapper-breadcrumb .wpmc-tabs-list .wpmc-tab-item.current:after {
  background: #4769cc;
}

.wpmc-tabs-wrapper-breadcrumb .wpmc-tabs-list .wpmc-tab-item:after {
  /*box-shadow: 3px -5px 0 1px #4769cc;*/
  z-index: 2;
}

.wpmc-tabs-wrapper-breadcrumb {
  border-top: 1px solid #e5e8ef !important;
  border-bottom: 1px solid #e5e8ef !important;
  border-left: none !important;
  border-right: none !important;
}

.wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number,
.wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number {
  display: none;
}

.wpmc-tabs-wrapper-breadcrumb .wpmc-tab-item.current .wpmc-tab-text {
  color: #fff;
  font-size: 24px;
  font-family: RetailMedium;
  font-weight: 400;
  letter-spacing: 1px;
}

.wpmc-tabs-wrapper-breadcrumb .wpmc-tab-item .wpmc-tab-text {
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 24px;
  color: #4769cc;
  font-weight: 400;
  letter-spacing: 1px;
}

.wpmc-nav-wrapper #wpmc-prev {
  display: none;
}

#wpmc-skip-login {
  display: none !important;
  background: none;
}

#checkout_login {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 599px) {
  .wpmc-nav-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #wpmc-next {
    position: fixed;
    bottom: 10px;
    width: 90%;
    margin: 0 !important;
  }

  .wpmc-tabs-wrapper-breadcrumb .wpmc-tab-item.current .wpmc-tab-text {
    font-size: 16px;
  }
  .wpmc-tabs-wrapper-breadcrumb .wpmc-tab-item .wpmc-tab-text {
    font-size: 16px;
    color: #4769cc;
    display: block;
    margin: 0;
  }

  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-account-fields {
    padding: 0px 10px;
  }

  .woocommerce-shipping-fields {
    padding: 0 15px;
  }

  #omnisend_newsletter_checkbox_field {
    padding: 0 15px;
  }

  .elementor-element-75f57e9 p,
  .elementor-element-a0f23ca p {
    text-align: center;
  }

  .checkout_customer {
    width: auto;
    margin: 10px 20px 10px 20px;
    padding: 20px 5px;
  }

  .checkout_customer_wrapper {
    margin-top: 50px;
  }

  li.wpmc-tab-item.wpmc-customer.previous.visited {
    display: none;
  }

  .wpmc-tabs-list.wpmc-3-tabs .wpmc-tab-item {
    width: 50% !important;
  }

  li.wpmc-tab-item.wpmc-payment.notVisible {
    display: none;
  }

  .wpmc-tabs-wrapper-breadcrumb .wpmc-tabs-list .wpmc-tab-item:after {
    height: 60px;
    width: 53px;
    box-shadow: none;
  }
}

button .alt .button-inactive .wpmc-nav-button .current {
  display: none;
}

@media screen and (max-width: 1000px) and (min-width: 600px) {
  .checkout_customer {
    width: 65%;
    margin: 10px auto 10px auto;
  }
}

#shipping_formular_header,
#billing_formular_header {
  font-size: 21px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 500;
  color: #4769cc;
}

.woocommerce-checkout .woocommerce .wpmc-tabs-wrapper form label.error {
  color: var(--pezz_standard_text);
  font-size: 0.6em;
  font-family: "RetailBlack", WorkSans, Helvetica;
  text-transform: uppercase;
}

.select2-container--default .select2-selection--single {
  border: 0px;
  border-bottom: 1px solid #4769cc;
  border-radius: 0;
}

#select2-shipping_country-container {
  border: 0px;
  border-bottom: 1px solid #4769cc;
  border-radius: 0;
}

.shipping_address #select2-shipping_country-container {
  border: none;
}

span.select2-selection .select2-selection--single {
  border: 0px;
  border-bottom: 1px solid #4769cc;
  border-radius: 0;
}

#ship-to-different-address-checkbox {
  font-weight: 400;
  color: #4769cc;
  font-size: 12px;
  text-transform: none;
  font-family: RetailMedium;
}

#ship-to-different-address-checkbox label {
  font-weight: 400;
  color: #4769cc;
  font-size: 12px;
  text-transform: none;
  font-family: RetailMedium;
}

#ship-to-different-address label {
  display: flex;
  align-items: center;
}

.wl-or-order-total {
  border-top: 1px solid #99a3bf;
  border-radius: 0;
  padding: 10px;
}

/**
   * Multi Step WooCommerce Checkout tabs
   */
.wpmc-tabs-wrapper {
  margin-top: 0px;
  margin-bottom: 0px;
}

.wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number {
  color: #4769cc;
  background: #edf0f5;
  border: 1px solid #d5d9e3;
}

/*.wpmc-tabs-wrapper .wpmc-tab-item.previous .wpmc-tab-number {
    color: #fff;
    background: #4769cc;
    border: 2px solid #d5d9e3;
   }*/

.wpmc-tabs-wrapper .wpmc-tab-item.previous .wpmc-tab-number {
  color: #fff;
  background: #7e98e6;
  border-color: #4769cc;
  border: 2px solid #4769cc;
}

.wpmc-tabs-wrapper .wpmc-tab-item::before,
.wpmc-tab-number {
  color: #fff;
  background: #7e98e6;
  border-color: #4769cc;
  border: 2px solid #4769cc;
}

.wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number {
  border-color: #4769cc;
  background-color: #4769cc;
  color: #fff;
}

.wpmc-tabs-wrapper .wpmc-tab-item.current::after {
  background-color: #4769cc;
  color: #fff;
}

.wpmc-tabs-wrapper .wpmc-tab-item.current::before {
  border-color: #4769cc;
}
.wpmc-tabs-wrapper .wpmc-tab-item {
  text-align: left;
}

.wpmc-tab-item .current {
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #4769cc;
}

.wpmc-tab-item {
  font-family: RetailMedium;
  font-size: 16px;
  color: #4769cc;
  background-color: #fff;
  border-top: 1px solid #edf0f5;
  border-bottom: 1px solid #edf0f5;
}

/** Tabs Text color */
.wpmc-tabs-wrapper .wpmc-tab-text {
  color: #7e98e6;
  font-size: 10px;
  text-align: left;
  margin-left: -10px;
}

.wpmc-tabs-wrapper .wpmc-tab-text.current {
  color: #4769cc;
  font-size: 10px;
}

.wpmc-tabs-wrapper .wpmc-tab-text.previous {
  color: #7e98e6;
  font-size: 8px;
}

/** Button */
.plus {
  background: transparent;
  border: 1px solid #707070;
  color: #707070;
  border-radius: 20px;
}

#place_order:hover {
  background: #4769cc !important;
}

#place_order {
  float: left;
}

/**
   * WooCommerce Radio style
   */
li label.input-radio {
  color: #4769cc;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 16px;
}

form .checkout .woocommerce-checkout {
  background: transparent;
  border: 0;
  border-radius: 0;
}

form .checkout .woocommerce-checkout ul {
  padding: 10px;
}

li.wc_payment_method {
  padding: 20px;
  margin-top: 20px;
  background: transparent;
}

input:checked + ul > .woocommerce-checkout #payment ul.payment_methods li {
  background: #f5f8fc;
}

li.wc_payment_method:active {
  background: #f5f8fc;
}

.elementor-widget:not(:last-child) {
  margin: 0;
}

/*input[type="text"]:focus {
    background-color: #edf0f5;
   }*/

div#payment {
  background: transparent;
  color: var(--pezz_standard_text);
}

#stripe-payment-data {
  margin-left: 20px;
}

input[type="radio"] + label.wc-stripe-label-payment-type,
label.wc-stripe-label-klarna-category,
label.wc-stripe-label-payment-type {
  color: #4967cc;
  font-size: 14px;
  text-transform: none;
}

/* ===================
   ===== PRODUCTPAGE ====
   ====================== */

/* FIRST SECTION IMG SLIDER */
#img_slider #img_slider_group .slick-dots {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  padding: 0;
  margin: 0;
}

#img_slider #img_slider_group .slick-dots li button,
#img_slider #img_slider_group .slick-dots li button:hover,
#img_slider #img_slider_group .slick-dots li button:visited {
  background-color: grey;
  border: none;
  border-radius: 100px;
  padding: 5px;
  font-size: 0px;
  cursor: pointer;
}

#img_slider #img_slider_group .slick-active {
  padding: 10px;
}

/* APP SECTION */
.app_section_header {
  font-family: "RetailBlack";
  font-size: 20px;
  color: #4769cc;
  text-align: center;
}

.app_section_text {
  font-family: 'Inter', "RetailMedium";
  font-size: 16px;
  color: var(--pezz_standard_text);
}

.app_section_features {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}

.app_section_feature {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: space-evenly;
}

/*APP STORE ICONS*/
.android {
  aspect-ratio: 567/173;
  max-height: 50px;
  width: auto;
  width: 20%;
  margin-right: 10px;
}

.apple {
  aspect-ratio: 567/173;
  max-height: 50px;
  width: auto;
  width: 20%;
  margin-right: 10px;
}

@media only screen and (max-width: 400px) {
  .android {
    width: 45%;
  }

  .apple {
    width: 45%;
  }
}

@media only screen and (max-width: 600px) {
  .android {
    width: 35%;
  }

  .apple {
    width: 35%;
  }
}

/* ===================
   ======NEWSLETTER======
   ====================== */
.soundest-form-ZVgJdkallQnkedP0zcxLUz1KyT2F6k26GAOV-template-container {
  display: none !important;
}

.soundest-form-simple-spacer {
  padding: 0;
  padding-bottom: 10px;
}

.soundest-form-simple-content {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 10px;
  width: 400px;
  padding: 0;
}

.soundest-form-simple-field,
.soundest-form-simple-field-dropdown {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0px;
}
.soundest-form-simple-field::placeholder {
  font-size: 10px;
  font-weight: normal;
}
.soundest-form-simple-field-label {
  color: var(--pezz_standard_text);
  text-transform: uppercase;
  font-size: 10px !important;
  text-align: start;
}

.soundest-form-simple-overlay,
#soundest-form-C9WKtwrzd7KvjVlQRxx4W04KuxLoQ6ru2gEh-template-container
  .soundest-form-simple-overlay {
  background-color: transparent !important;
}

.soundest-form-simple-close {
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  top: 40px;
  z-index: 1;
  right: 50px;
}

@media screen and (max-width: 599px) {
  .soundest-form-simple-close {
    right: 20px;
    top: 45px;
  }

  .soundest-form-simple-content {
    width: 90%;
  }
  .soundest-form-simple-overlay,
  #soundest-form-C9WKtwrzd7KvjVlQRxx4W04KuxLoQ6ru2gEh-template-container
    .soundest-form-simple-overlay {
    background-color: #00000080;
  }
}

.soundest-form-simple-close {
  width: 24px;
  height: 24px;
  border: none;
  color: #4769cc;
  background: #4769cc;
}

.soundest-form-simple-close-holder {
  padding-bottom: 200px;
}

.soundest-form-simple-close:before {
  width: 15px;
  top: 11px;
  left: 4px;
}

.soundest-form-simple-close:after {
  width: 15px;
  top: 11px;
  left: 4px;
}

/* CART POPUP*/
.popup_product_section {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.popup_product_info {
  text-align: start;
}

.popup_product_title {
  font-family: Work Sans;
  font-size: 14px;
  color: #525666;
  font-weight: 500;
}

.popup_product_img {
  height: 70px;
  width: 70px;
}

.popup_product_desc {
  font-family: RetailMedium;
  font-size: 10px;
  color: #858da6;
}

/**
   * Payment
   */
div.woocommerce-checkout-payment {
  background: transparent !important;
  padding: 40px;
}

.woocommerce-checkout #payment ul.payment_methods {
  border: none;
}

.woocommerce form .form-row {
  margin-bottom: 20px;
}

div.payment_box .payment_method_bacs {
  background: transparent !important;
  margin-bottom: 10px;
}

.woocommerce-checkout #payment div.payment_box {
  background: transparent !important;
  margin-bottom: 10px;
}

.woocommerce-checkout #payment div.payment_box::before {
  display: none;
  background: transparent !important;
  margin-bottom: 10px;
}

.woocommerce-input-wrapper input[type="text"]:focus {
  background-color: transparent !important;
  color: #4769cc !important;
}

.woocommerce-input-wrapper input[type="text"],
.woocommerce-input-wrapper input[type="email"],
.woocommerce-input-wrapper input[type="password"] {
  padding-left: 10px;
}

span.woocommerce-input-wrapper.password-input {
  height: 28px;
}

div.payment_blue_div {
  background: #e6eeff;
}

div button .button_pay {
  background: #4769cc;
  color: #fff;
  border: 1px solid #4769cc;
  border-radius: 20px;
}

div button.button_pay:hover {
  background: #4769cc;
  color: #fff;
  border: 1px solid #4769cc;
  border-radius: 20px;
}

.payment_box .payment_method_bacs div ul {
  background: #e6eeff;
  color: #21305e;
}

.payment_heading {
  display: none;
}

.payment_header_text {
  color: #4769cc;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 22px;
}

.payment_small_header {
  color: #4769cc;
  font-family: RetailMedium, "RetailBlack", WorkSans, Helvetica;
  font-size: 10px;
}

.about_paypal {
  display: none;
}

.CardField-child {
  border-bottom: 1px solid #99a3bf;
}

div.gpay-button-container {
  position: absolute;
  right: 0;
}

.gpay-button.black {
  border-radius: 20px;
  box-shadow: none;
}

.gpay-button.black.hover {
  border-radius: 20px;
  box-shadow: none;
  background: #000000;
}

button.place_order {
  border-radius: 20px;
}

button.place_order:hover {
  border-radius: 20px;
  box-shadow: none;
}

#installments-direct_debit {
  display: none;
}

iframe #klarna-pay-now-main {
  min-width: 10px !important;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  padding: 0;
}

.wpmc-tab-item .wpmc-billing .previous .visited .wpmc-tab-text {
  color: #4769cc;
}

/**
   * Delivery
   */

#delivery_field {
  border: 1px solid #4769cc;
  vertical-align: baseline;
  display: flex;
}

#delivery_field:hover {
  box-shadow: 0 0 1.5em #4769cc;
}

#delivery_standart {
  border: 1px solid #4769cc;
  background: #4769cc;
}

#delivery_standar:hover {
  padding: 10px;
  box-shadow: 0 0 1.5em #4769cc;
  margin: 20px;
}

/***********************************************************
 ************** HIDE ELEMENTS ON MOBILE/DESKTOP/TABLET ************
 ***********************************************************/
.hide_desktop,
#hide_desktop {
  display: none !important;
}

.hide_mobile,
#hide_mobile {
  display: flex !important;
}

/* =============================
    * ======= NEWSLETTER  =========
    * ============================= */

.newsletter_subscription_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 50px;
}

.section_headline {
  font-family: Work Sans;
  font-size: 36px;
  font-weight: 300;
  text-align: center;
  color: #fff;
}

.newsletter_unsubscribe {
  font-family: RetailMedium;
  font-size: 12px;
  color: #fff;
  margin: 20px 0;
  text-align: center;
}

.newsletter_unsubscribe a,
.newsletter_unsubscribe a:visited,
.newsletter_unsubscribe a:hover,
.newsletter_unsubscribe a:active {
  font-family: RetailMedium;
  font-size: 12px;
  color: #fff;
  margin: 20px 0;
  text-decoration: underline;
}

.newsletter_form {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.newsletter_section_input,
.newsletter_email_input {
  border: none !important;
  border-bottom: 1px solid #ffffff !important;
  border-radius: 0 !important;
  font-family: Work Sans !important;
  color: #ffffff !important;
  font-size: 16px !important;
}

.newsletter_email_input {
  width: 100% !important;
}

.newsletter_email_input::placehoolder,
.newsletter_section_input::placehoolder {
  color: #fff;
}

.newsletter_form_button_section {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

input [type="submit"] .newsletter_button {
  width: 25% !important;
  text-align: center;
  background: #fff !important;
  color: #4070ff !important;
  font-size: 16px !important;
  cursor: pointer;
  font-weight: 500;
}

.newsletter_signup_success {
  display: none;
}

.newsletter_success_text li {
  font-family: 'Inter', "RetailMedium";
  font-size: 16px;
  color: #fff;
  margin: 20px 0;
  padding: 5px;
}

input.newsletter_email_input:focus {
  background-color: transparent !important;
  color: #fff;
}

input.newsletter_email_input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

input.newsletter_email_input,
input.newsletter_popup_email_input,
input.cart_popup_email_input {
  text-align: center;
}

.newsletter_signup_error {
  display: none;
  font-family: RetailMedium;
  font-size: 12px;
  color: #fff;
  margin: 20px 0;
  text-align: center;
}

/* NEWSLETTER POPUP */
.newsletter_popup_section_headline {
  color: #4769cc;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 28px;
  font-weight: 500;
}

.newsletter_popup_desc,
.newsletter_popup_signup_error,
.newsletter_popup_unsubscribe {
  color: #525666;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 12px;
  font-weight: 300;
}

.newsletter_popup_signup_error {
  display: none;
}

.newsletter_popup_signup_success {
  display: none;
}

/* MOBILE */
@media screen and (max-width: 599px) {
  .newsletter_subscription_section {
    margin: 20px;
  }
  .section_headline {
    font-size: 26px;
  }

  .newsletter_unsubscribe {
    font-weight: 300;
  }

  ol .newsletter_success_text {
    margin: 0 !important;
    padding: 10px !important;
  }

  .newsletter_form {
    width: 100%;
  }

  /* HIDE ELEMENTS ON DESKTOP/ MOBILE */
  .hide_desktop,
  #hide_desktop {
    display: flex !important;
  }

  .hide_mobile {
    display: none !important;
  }
}

/* =============================
    * ======= ABO SECTION =========
    * ============================= */

.abo_section {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
}

.abo_right {
  /*height: 520px;
       display: flex;
       flex-direction: column;
       justify-content: space-between;*/
  flex: 2.5;
  /*height: 520px;*/
  background: #f7faff;
  box-shadow: 0px 0px 20px 5px #0000001f;
  margin: 50px 50px 50px -15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 0 10px 10px 0;
}

.abo_left {
  /*height: 520px;*/
  flex: 2.5;
  background: #f7faff;
  box-shadow: 0px 0px 20px 5px #0000001f;
  margin: 50px -15px 50px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px 0 0 10px;
}

.abo_price_span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
}

span.abo_single {
  width: 100%;
}

.btn_abo_right {
  margin: 10px 0 20px 0;
}

.abo_header {
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 24px;
  color: #4769cc;
  font-weight: 300;
  margin: 20px;
  margin-bottom: 0 !important;
  text-align: center;
}

.abo_second_header {
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 16px;
  color: #4769cc;
  font-weight: 600;
  margin: 0 !important;
  text-align: center;
}

ul.list_advantages {
  text-decoration: none;
  margin: 30px 0 20px 0;
  padding: 0;
  width: 100%;
}

ul.list_advantages.w {
  width: 75%;
}

p.abo_advantage_text.w,
.abo_advantage i.w {
  color: #fff;
}

li.abo_advantage {
  display: inline-flex;
  align-items: center;
}

li.abo_advantage.w {
  width: 100%;
  margin: 0;
}

li.abo_advantage {
  display: inline-flex;
  align-items: center;
  margin: 0 30px;
}

li.abo_advantage:not(:last-child) {
  border-bottom: 1px solid rgba(71, 105, 204, 0.1);
}

li.abo_advantage.w:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

li.abo_advantage i {
  font-size: 36px;
  color: #4769cc;
  width: 20%;
  margin: 0;
  padding: 0;
}

.on_kit li.abo_advantage {
  width: 80%;
}

p.abo_advantage_text {
  text-align: left;
  font-family: 'Inter', "RetailMedium";
  font-size: 12px;
  font-weight: 400;
  color: #4769cc;
  width: 80%;
  padding: 0 0 0 0;
}

.one_kit {
  padding-bottom: 80px;
}

.abo_description_blue_background {
  text-align: center;
  font-family: 'Inter', "RetailMedium";
  font-size: 12px;
  font-weight: 400;
  color: #5373cf;
  background-color: #f0f7ff;
  border-radius: 12px;
  margin: 20px 30px 0px 30px;
  padding: 10px;
}

.abo_regular_price {
  color: #525666;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 12px;
  margin-bottom: 0 !important;
  text-decoration: line-through;
  margin-top: 30px;
  text-align: center;
}

.abo_price {
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 22px;
  color: #333640;
  font-weight: 400;
  margin: 0 !important;
  text-align: center;
}

.abo_price_text {
  text-align: center;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 10px;
  font-weight: 400;
  margin-top: 0 !important;
  text-align: center;
  padding-left: 3px;
}

.abo_payment_decription {
  text-align: center;
  font-family: RetailMedium;
  font-size: 12px;
  color: var(--pezz_standard_text);
  margin: 10px;
}

.abo_center_section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  flex: 3;
}

.abo_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 94%;
  background:  var(--pezz_dark_blue);
  box-shadow: 0px 0px 20px 5px #0000001f;
  border-radius: 10px;
  margin: 0 15px;
  padding-top: 120px;
  margin-top: -10px;
}

.abo_center_banner {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 20px;
}

.abo_img_banner {
  margin-bottom: -85px;
  width: 100%;
  z-index: 1;
}

.abo_center_banner_text {
  color: #fff;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  text-transform: capitalize;
  margin: 5px !important;
}

.abo_center_header {
  color: #fff;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 44px;
  font-weight: 300;
  margin: 20px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-align: center;
  line-height: 1em;
}

.abo_center_second_header {
  color: #fff;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 24px;
  font-weight: 600;
  margin: 0px;
  margin-top: 0 !important;
  margin-bottom: 20px;
  text-align: center;
}

.abo_description_white_background {
  text-align: center;
  font-family: RetailMedium;
  font-size: 14px;
  font-weight: 400;
  color:  var(--pezz_dark_blue);
  background-color: #ffffff;
  border-radius: 12px;
  margin: 0px 50px 0px 50px;
  padding: 10px;
}

.abo_center_description {
  color: #fff;
  font-family: RetailMedium;
  font-size: 16px;
  font-weight: 400;
  margin: 0 80px 40px 80px !important;
  text-align: left;
}

.abo_center_regular_price {
  color: #f2c736;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 18px;
  margin-bottom: 0 !important;
  text-decoration: line-through;
  margin-top: 30px;
  text-align: center;
}

.abo_center_price {
  color: #fff;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.2em;
  margin: 0 !important;
  text-align: center;
}

.abo_center_payment_decription {
  color: #fff;
  font-family: RetailMedium;
  font-size: 12px;
  font-weight: 400;
  margin: 10px;
  text-align: center;
}

/** ABO MOBILE **/
@media screen and (max-width: 599px) {
  .abo_section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
  }

  .abo_left {
    width: 70%;
    margin: 0;
    /*margin-bottom: 100px;*/
    border-radius: 10px;
    box-shadow: 0px 0px 20px 1px #0000001f;
  }
  .abo_right {
    width: 70%;
    margin: 0;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 1px #0000001f;
  }
  .abo_center_section {
    margin-top: 50px;
    width: 85%;
  }

  .abo_center {
    width: 94%;
    margin: 0;
    margin-bottom: 50px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 1px #0000001f;
    padding-top: 100px;
  }

  .abo_price {
    margin-top: 50px;
  }

  .abo_regular_price {
    margin: 0;
  }

  .abo_center_regular_price {
    margin: 0 !important;
  }

  .abo_center_header {
    font-size: 35px;
  }

  .abo_center_description {
    margin: 0 40px 20px 40px !important;
    font-size: 14px;
  }

  .abo_description_white_background {
    margin: 0px 40px 0px 40px;
  }

  .one_kit {
    padding-bottom: 20px;
  }
}

/* =======================================
    * =========Newsletter Forms==============
      ======================================= */

/**
   * My account
   */

a.my-account-nav {
  color: white;
  border: none;
}

a.my-account-nav:hover {
  color: white;
  border-bottom: 1px solid white;
}

a.my-account-nav:active {
  color: white;
  border-bottom: 1px solid white;
}

a.my-account-nav:visited {
  color: white;
  border: none;
}

.myorders-header {
  color: #4769cc;
  font-size: 21px;
  font-family: "RetailBlack", WorkSans, Helvetica;
}

.action_button_container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin: 5px;
}

.register_form_text {
  font-family: RetailMedium, "RetailBlack", WorkSans, Helvetica;
  font-size: 12px;
  color: #4769cc;
  text-align: center;
  width: 100%;
}

.order_product_name {
  font-family: "RetailBlack";
  color: #4769cc;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}

.order_product_desc {
  font-family: "RetailBlack";
  color: #4769cc;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}

.order_quantity_td,
.order_subtotal_td {
  font-family: RetailMedium, "RetailBlack", WorkSans, Helvetica;
  color: #333640;
  font-size: 12px;
}

.order_product_price {
  font-family: RetailMedium, "RetailBlack";
  color: #333640;
  font-size: 10px;
}

/** Table */
.woocommerce-orders-table
  .woocommerce-MyAccount-orders
  .shop_table
  .shop_table_responsive
  .my_account_orders
  .account-orders-table {
  border: 1px solid #aabcf2;
}

.woocommerce-orders-table__header,
.table_header_myaccount {
  background: #f5f8fc;
  border: 0px;
  border: none;
}

.above_table_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 10px;
  border: none;
}

.dropdown_year_my_account {
  border: 1px solid #4769cc;
  border-radius: 20px;
}

th {
  border: none;
}

.woocommerce table.shop_table {
  border: 1px solid #aabcf2;
  border-collapse: collapse;
  border-radius: 20px;
}

.myaccount-table-header-text {
  font-family: RetailMedium, "RetailBlack", WorkSans, Helvetica;
  font-size: 10px;
  color: var(--pezz_standard_text);
  text-transform: uppercase;
  text-align: left;
  border: 1px solid #f5f8fc;
  line-height: 1;
  margin-bottom: 0 !important;
}

.myaccount-table-header-text a {
  background: #4070ff;
  color: white;
  font-size: 13px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  border-radius: 30px;
  text-align: right;
  margin-bottom: 0 !important;
}

.myaccount-table-header-text-blue {
  font-family: RetailMedium, "RetailBlack", WorkSans, Helvetica;
  font-size: 14px;
  color: #4769cc;
  text-align: left;
  margin-bottom: 0 !important;
}

.myaccount-table-header-text-green {
  font-family: RetailMedium, "RetailBlack", WorkSans, Helvetica;
  font-size: 14px;
  color: #56a51e;
  text-align: left;
  margin-bottom: 0 !important;
}

button.button-pezz,
button.woocommerce-button.button.button-pezz {
  background-color: #4070fa;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  margin: 20px;
  padding: 12px 40px;
  font-family: "RetailBlack", Work Sans;
  font-weight: 400;
}

.woocommerce-form-submit-button {
  text-align: center;
}

form.woocommerce-ResetPassword.lost_reset_password {
  margin-top: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

h1.woocommerce-lost-password-headline {
  font-weight: 300;
  color: #4769cc;
  text-align: center;
}

p.myaccount-table-header-text,
p.myaccount-table-header-text-blue,
p.myaccount-table-header-text-green {
  margin-bottom: 0 !important;
}

.order_table_my_account {
  display: none;
}

.coupon_tr {
  padding: 10px;
}

.checkout_overview_table {
  font-family: RetailMedium, "RetailBlack", WorkSans, Helvetica;
  font-size: 14px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.coupon_text {
  font-size: 14px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 400;
  color: #7e98e6;
}

.coupon_amount {
  font-size: 12px;
  font-family: RetailMedium;
  font-weight: 300;
  color: #7e98e6;
}

/* SUBSCRIPTION MY ACCOUNT*/

.subscription_details_table_section table {
  width: 100%;
}

.subscription-id,
.subscription-status,
.subscription-next-payment,
.subscription-total {
  text-align: start !important;
}

.table_subscription_myaccount_details {
  background-color: #f7faff;
  border: 1px solid #aabcf2;
  border-collapse: inherit !important;
}

td .details_header_table,
.details_header_table {
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 14px;
  text-align: left;
  margin-bottom: 0px !important;
  color: #525666;
  border: none !important;
}

.details_text_table {
  font-family: RetailMedium, WorkSans, Helvetica;
  font-size: 16px;
  text-align: left;
  margin-bottom: 0px !important;
  color: #4769cc;
}

.unsubscribe_my_account_text {
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 16px;
  text-align: left;
  color: #525666;
}

@media screen and (max-width: 768px) {
  .woocommerce table.shop_table_responsive thead,
  .woocommerce-page table.shop_table_responsive thead {
    display: block !important;
  }

  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td {
    border: none !important;
  }
}

/* MOBILE MY-ACCOUNT */
@media screen and (max-width: 599px) {
  .woocommerce table.shop_table_responsive tr,
  .woocommerce-page table.shop_table_responsive tr {
    display: inline-grid;
  }

  .myaccount-table-header-text-blue,
  .myaccount-table-header-text-green {
    font-size: 12px;
  }

  .mobile_mayaccount_table {
    display: grid;
    width: 100%;
  }

  .mobile_mayaccount_table > tr > td {
    border: none;
  }

  .subscription_details_table_section {
    width: 100%;
  }

  .product_table_row_order td,
  #order_table_my_account > tbody > tr > td.order_image_td,
  #order_table_my_account > tbody > tr > td.order_product_name_price_td,
  #order_table_my_account > tbody > tr > td.order_quantity_td,
  #order_table_my_account > tbody > tr > td.order_subtotal_td,
  #order_table_my_account > tbody > tr > td.action_button_div {
    border: none;
  }
}

/**
   * THANK YOU PAGE
   */
.thank_you_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
}

.thank_you_container p {
  width: 55%;
  text-align: center;
}

.thank_you_header_title {
  font-size: 40px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  color: #4769cc;
  font-weight: 300;
  text-align: center;
  margin-bottom: 50px;
}

.thank_you_description_text {
  width: 70%;
  font-size: 15px;
  font-family: RetailMedium;
  color: var(--pezz_standard_text);
  font-weight: 400;
  text-align: center;
  margin: 0;
  margin-top: 10px;
}

.thank_you_button,
.thank_you_button:hover,
.thank_you_button:visited {
  width: 100% !important;
  text-align: center;
  background: #fff;
  color: #4070ff;
  font-size: 17px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  border-radius: 30px;
  border: 1px solid #4070ff;
  box-shadow: none;
  padding: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* FOR BIG/NORMAL DEVICES */
@media screen and (max-width: 599px) {
  .thank_you_container p {
    width: 90%;
    text-align: center;
  }

  .thank_you_header_title {
    font-size: 30px;
    font-family: "RetailBlack", WorkSans, Helvetica;
    color: #4769cc;
    font-weight: 300;
    text-align: center;
    margin-bottom: 0px;
  }

  .thank_you_description_text {
    font-size: 12px;
    font-family: RetailMedium;
    color: var(--pezz_standard_text);
    font-weight: 400;
    text-align: center;
    margin: 0;
  }
}

@media screen and (min-width: 37.5em) {
  .thankyou_signin_container {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #4054b2;
    padding: 10px;
  }
}

.thank_you_link {
  color: #4769cc;
  font-size: 10px;
  font-family: RetailMedium;
  text-decoration: underline;
}

tr.woocommerce-shipping-totals .shipping {
  display: none;
}

.wc-stripe-card-icons-container {
  float: none !important;
}

label.wc-stripe-label-klarna-category {
  display: none;
}

ul.stripe-klarna-categories {
  list-style-type: none;
}

ul.stripe-klarna-categories label {
  display: none;
}

/**
   * RADIO AND CHECKBOX STYLE
   */

input[type="radio"] {
  background: #4769cc;
  color: #fff;
}
input[type="radio"]:active {
  background: #4769cc;
  color: #fff;
}

/* KONTAKT PAGE */
#form-field-name:focus {
  color: #4769cc !important;
}

/* FIREFOX INPUT BUTTONS HIDE */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

tr.woocommerce-shipping-totals .shipping {
  display: none;
  text-decoration: none;
}

.wc_payment_method {
  padding: 10px;
}

.wc-stripe-inline-form label {
  color: var(--pezz_standard_text);
  font-size: 0.6em;
  font-family: "RetailBlack", WorkSans, Helvetica;
  text-transform: uppercase;
}
.wc-stripe-inline-form div div {
  font-weight: 300;
  font-family: "RetailBlack", WorkSans, Helvetica;
}

/**
   * CART STYLE
   */
span.xoo-wsc-total-sales {
  display: none;
}
.xoo-wsc-sum-col .xoo-wsc-pname {
  padding: 0;
  color: #4769cc;
  text-decoration: none;
  font-family: "RetailBlack", WorkSans, Helvetica;
}
a {
  text-decoration: none;
}
.xoo-wsc-qtybox {
  margin-right: 0px !important;
  border-radius: 20px;
}
.xoo-wsc-ft-btn {
  border-radius: 20px;
  text-decoration: none;
}
.xoo-wsc-content {
  background: #fff;
}
.xoo-wsc-product {
  border-bottom: 1px solid #d5d9e3;
}
.xoo-wsc-ft-btn .xoo-wsc-chkt {
  display: none;
}
.xoo-wsc-tool {
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 400;
}
.xoo-wsc-header {
  color: #364e99;
  text-align: center;
  font-size: 22px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 400;
}
.xoo-wsc-ptotal {
  font-family: "RetailBlack", WorkSans, Helvetica;
  color: var(--pezz_standard_text);
  font-weight: 400;
}
a.xoo-wsc-ft-btn.xoo-wsc-chkt {
  display: none;
}
.xoo-wsc-footer {
  position: initial;
  margin: 0;
  border: 0px;
  padding: 0;
}
.xoo-wsc-body {
  height: auto !important;
}
.xoo-wsc-container {
  background: #fff;
}
.xoo-wsc-container span.amount {
  font-weight: 400;
}
.xoo-wsc-ctxt {
  color: #364e99;
  text-align: center;
  font-size: 10px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 300;
}
.xoo-wsc-sum-col a {
  color: #4769cc;
  text-decoration: none;
  font-family: "RetailBlack", WorkSans, Helvetica;
}
.xoo-wsc-sum-col a:hover {
  color: #4769cc;
  text-decoration: none;
  font-family: "RetailBlack", WorkSans, Helvetica;
}
.xoo-wsc-sum-col a:visited {
  color: #4769cc;
  text-decoration: none;
  font-family: "RetailBlack", WorkSans, Helvetica;
}
.xoo-wsc-items-count {
  left: 0;
  background-color: #f5f8fc;
  background-image: url(https://my.pezz.life/wp-content/uploads/2021/05/ic_celebrate_dark-1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 5px;
  border-radius: 0;
  width: 35px;
  height: 35px;
  margin: 25px 10px;
}

.xoo-wsc-shipping {
  border-bottom: 1px solid #d5d9e3;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.xoo-wsc-footer-content {
  padding: 10px;
}

.xoo-wsc-ft-btn .xoo-wsc-cart:hover {
  color: var(--pezz_blue);
  background: #fff;
  border: 1px solid var(--pezz_blue);
}

.xoo-wsc-cart-item-desc {
  font-family: RetailMedium;
  font-size: 10px;
  text-align: left;
  color: #858da6;
  padding-top: 0;
  margin: 0;
}

a.xoo-wsc-remove {
  display: none;
}

.subscription-details {
  font-size: 10px;
}

/**
    * NEW CART DESIGN */
.mobile_cart_header_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.mobile_cart_header_container img {
  height: 50px;
  padding: 5px;
}

.mobile_cart_header_text {
  font-family: Work Sans;
  font-size: 13px;
  text-align: start;
  color: var(--pezz_standard_text);
  margin: 0 !important;
  padding: 10px;
}

.mobile_cart_popup_product_title {
  font-family: Work Sans;
  font-size: 18px;
  font-weight: 600;
  color: #4769cc;
  margin: 0 !important;
}

.mobile_cart_popup_product_desc {
  font-family: RetailMedium;
  font-size: 10px;
  color: var(--pezz_standard_text);
  margin: 0 !important;
}

.mobile_cart_popup_product_cat {
  font-family: RetailMedium;
  font-size: 12px;
  color: #4769cc;
  margin: 0 !important;
}

.mobile_cart_popup_product_amount {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: var(--pezz_standard_text);
  font-family: RetailMedium;
  font-size: 14px;
  margin: 0 !important;
}

/**
   * CART SERVICE INCLUSION CONTAINER
   */
.service-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 15px;
  bottom: 0;
  position: absolute;
  width: 100%;
}
.service-container .ic_box_single {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.service-container .ic_box_icon {
  height: 30px !important;
  color: var(--pezz_standard_text);
}

.service-container .ic_box_text {
  font-family: "RetailBlack";
  font-weight: medium;
  font-size: 10px;
  color: var(--pezz_standard_text);
  padding-left: 5px;
  text-align: start;
}
.service-container-header {
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 400;
  font-size: 16px;
  color: #364e99;
}
.service-item-container {
  display: none;
  flex-direction: column;
  justify-content: center;
  background: #edf0f5;
  padding: 10px;
  color: var(--pezz_standard_text);
  font-family: RetailMedium;
  font-size: 12px;
}
.service-inclusion-item {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
.service-icon {
  width: 25px;
  height: 25px;
}

/**
   * COSTUME CHECKOUT OVERVIEW
   */
.overview_order_overview {
  padding: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}

.overview_second_header {
  color: var(--pezz_standard_text);
  font-size: 22px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 400;
}

.cart_products_overview,
.checkout_order_arrow_up_icon {
  color: var(--pezz_standard_text);
  font-family: RetailMedium;
  font-size: 14px;
}

.expand_products_overview,
.expand_products_overview_mobile,
th.th_shipping_order_overview {
  color: var(--pezz_standard_text);
  font-size: 14px;
  font-family: RetailMedium;
  padding: 0 10px 0 10px;
}

.checkout_single_product {
  margin: 0px;
  padding: 0px;
  padding-right: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}

.checkout_single_product img {
  width: 70px;
  height: 70px;
}

.product_data_overview {
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding-left: 10px;
}

.inside_single_product {
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.inside_single_product .elementor img {
  width: 70px;
  height: 70px !important;
}

.product_checkout_img {
  width: 70px;
  height: 70px !important;
}

.cart_pricing_small_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: var(--pezz_standard_text);
  font-size: 14px;
  font-family: RetailMedium;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*.cart_subtotal_container {
    background: #edf0f5;
    padding: 15px;
   }
   
   .woocommerce-checkout-review-order-table {
    background: #edf0f5;
    padding: 15px;
   }*/

td.order_review_amount_td {
  align-items: flex-end;
  font-weight: normal;
}

.elementor-heading-title .elementor-size-default {
  color: #4769cc;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 22px;
  font-weight: 400;
}

.elementor-location-footer .elementor-element-f50e7fa {
  background-color: #4054b2 !important;
  margin: 0;
}

.insert_coupon_container {
  color: #4769cc;
  cursor: pointer;
  font-size: 12px;
}

.coupon_button .button {
  background: none;
  border: 0;
  color: #4769cc;
  text-decoration: underline;
}

#sum_text_container {
  border-top: 1px solid #99a3bf;
  padding-top: 20px;
}

#tax_text_container {
  color: #858da6;
  font-size: 10px;
}

.text_in_stock {
  color: #56a51e;
}

.text_out_of_stock {
  color: #d42a30;
}

.checkout_coupon .woocommerce-form-coupon {
  display: block !important;
}

.checkout_coupon,
.woocommerce-form-coupon {
  display: block !important;
}

/* Table style */
th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: normal;
  text-align: start;
  padding-left: 15px;
}

td {
  display: table-cell;
  vertical-align: inherit;
  font-weight: normal;
  text-align: end;
  padding-right: 15px;
}

.shipping td {
  padding-right: 10px;
}

/**
    * Checkout PW insert
    */
.woocommerce-password-strength,
.woocommerce-password-hint {
  display: none !important;
}

/*label[for=account_password]:after {
       content: '(damit du dein Abo verwalten kannst)'
   }*/

/**
   * LOGIN UND REGISTER PAGE - WOOCOMMERCE
   */

#customer_login,
#costumer_register {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 80px;
}

.register_form_header,
.login_form_header {
  color: #4769cc;
  font-size: 40px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 300;
  text-align: center;
  margin: 0;
  padding: 70px 0 0 0;
}

.forgot_password_link {
  text-align: center;
  color: #4769cc;
  font-size: 10px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  text-decoration: underline;
}
.forgot_password_link:hover {
  text-align: center;
  color: #4769cc;
  font-size: 10px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  text-decoration: underline;
}
.forgot_password_link:visited {
  text-align: center;
  color: #4769cc;
  font-size: 10px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  text-decoration: underline;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit {
  width: 100%;
  background: #4769cc;
  color: #fff;
  font-weight: 400;
  font-size: 17px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  border-radius: 30px;
  padding: 15px;
  border: 1px solid #4769cc;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce
  .woocommerce-form-register
  .woocommerce-form-register__submit:hover {
  background: #fff;
  color: #4769cc;
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
  top: 0;
}

.woocommerce-LostPassword .lost_password {
  text-align: center;
}

.woocommerce form.login,
.woocommerce form.register {
  border: 1px solid #4769cc;
  box-shadow: 0 0 1.5em #4769cc;
}

.woocommerce-form-account .woocommerce-form-login__rememberme {
  margin: 0;
}

.create_account_link {
  text-align: center;
  color: #4769cc;
  font-size: 14px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  text-decoration: underline;
  cursor: pointer;
}

.password_info {
  color: #4769cc;
  font-size: 10px;
  font-family: "RetailBlack", WorkSans, Helvetica;
}

.elementor-56
  .elementor-element.elementor-element-519c148
  > .elementor-column-wrap
  > .elementor-widget-wrap
  > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) {
  margin-bottom: 0;
}

/** LIEFERUNG ADRESSE OVERVIEW */

.address-container {
  font-family: RetailMedium;
  padding: 15px;
  font-size: 16px;
  color: var(--pezz_standard_text);
}

.costum_address_header {
  color: var(--pezz_standard_text);
  font-size: 16px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 600;
}

@media screen and (max-width: 599px) {
  .address-container {
    font-size: 12px;
    padding: 10px;
  }

  .costum_address_header {
    font-size: 14px;
  }

  .overview_second_header {
    font-size: 16px;
  }

  div.woocommerce-checkout-payment {
    padding: 30px 0px 0px 0px;
  }

  .privacy_checkout_text {
    padding: 0 15px 50px 15px;
  }

  .wpmc-nav-wrapper {
    width: 100%;
    display: flex;
    flex-direction: inherit;
    justify-content: center;
    align-items: center;
  }

  th {
    padding-left: 10px;
  }

  .checkout_products_overview {
    padding-right: 15px;
  }
}

.shipping_adress_container,
.billing_adress_container {
  display: flex;
  flex-direction: column;
  justify-content: start;
}

.shipping_address_container {
  display: none;
  padding-bottom: 20px;
}

.billing_address_custom,
.shipping_address_custom {
  display: flex;
  flex-direction: column;
  justify-content: start;
}

.billing_adress_container {
  font-family: 'Inter', "RetailMedium";
  font-size: 14px;
}

/** VET PAGE STYLE */
.vet_container {
  display: flex;
  flex-direction: column;
  justify-content: start;
  margin: 20px;
  padding: 20px;
  color: var(--pezz_standard_text);
  font-size: 15px;
  font-family: RetailMedium;
  border-bottom: 1px solid #d5d9e3;
}

.vet_header {
  color: #4769cc;
  font-size: 20px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 400;
}

.vet_mail,
.vet_web {
  color: #4769cc;
  font-weight: 300;
  font-size: 15px;
}

.vet_mail {
  margin-top: 10px;
}

/* FLYING BUTTON */
.elementor-339 .elementor-element.elementor-element-59fce80 .elementor-button,
.elementor-6075 .elementor-element.elementor-element-23b0438 .elementor-button,
.cat_bottom,
.vet_bottom {
  margin-right: 15px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 1100) {
  /* FLYING BUTTON */
  .elementor-339 .elementor-element.elementor-element-59fce80 .elementor-button,
  .elementor-6075
    .elementor-element.elementor-element-23b0438
    .elementor-button,
  .cat_bottom,
  .vet_bottom {
    margin-right: 5px;
    margin-bottom: 5px;
  }
}

/** =========================================
   * =========== MY ACCOUNT ==================
   * =========================================
   */
.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 0%;
  display: none;
}

.order_again_button {
  padding-top: 10px;
}

p.product_price {
  color: #4769cc;
  font-size: 22px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 400;
  text-align: right;
}

p.product_price_mobile {
  color: #4769cc;
  font-size: 17px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 400;
  text-align: left;
}

.product_table_row_order {
  border-bottom: 1px solid;
}

.order_image_td {
  width: 60px;
  height: auto;
  margin: 10px;
}

.order_product_name_price_td .order_product_name {
  color: #4769cc;
  font-size: 14px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 400;
  text-align: left;
}

.order_product_name_price_td .order_product_price {
  color: #333640;
  font-size: 10px;
  font-family: RetailMedium;
  font-weight: 400;
  text-align: left;
}

.order_quantity_td {
  color: #333640;
  font-size: 12px;
  font-family: RetailMedium;
  font-weight: 400;
  text-align: left;
}

.order_subtotal_td {
  color: #333640;
  font-size: 12px;
  font-family: RetailMedium;
  font-weight: 400;
  text-align: left;
}

.order_again_button,
a .order_again_button:visited,
a .order_again_button:hover,
a .order_again_button:active {
  background: var(--pezz_blue);
  color: #ffffff !important;
  font-size: 13px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 400;
  border-radius: 20px;
  margin: 5px;
  padding: 5px 10px;
}

.action_button_div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.price_red {
  color: #d42a30;
  text-decoration: line-through;
  font-size: 15px;
}

.woocommerce table.shop_table th {
  font-weight: 500;
}
/* Responsive */
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
  content: none;
}

/*.woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead {
       display: block;
   }
   
   .product_table_row_order {
       margin: 0;
   */
/**=========================================
   * ==== SIDE CART HEADER BUTTOTN STYLE =====
   * ========================================= */

.xoo-wsc-sc-icon {
  display: none;
}
.xoo-wsc-sc-total {
  display: none;
}

.bag_background_div {
  color: #4769cc;
  font-size: 12px;
  font-family: RetailMedium;
  text-align: center;
  background-image: url(http://b9qa9rc.myraidbox.de/wp-content/uploads/2020/04/ic_empty_cart_bag-1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-top: 7px;
}

.xoo-wsc-footer,
.xoo-wsc-footer button.xoo-wsc-ft-btn {
  text-align: left;
}

.xoo-wsc-container {
  width: 100%;
}

@media screen and (min-width: 37.5em) {
  .xoo-wsc-container {
    width: 400px;
  }
}

.span.xoo-wsc-minus,
span.xoo-wsc-plus {
  width: 27px;
  font-size: 17px;
  font-family: RetailMedium;
}

.xoo-wsc-rp-cont {
  border: 0;
}

.xoo-wsc-remove .xoo-wsc-icon-trash {
  display: none;
}

.xoo-wsc-psrow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}

/**
   * WooCommerce require, info, error and message div
   */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  margin: 0px;
  border: 0;
  background-color: transparent;
  background: none;
  font-size: 12px;
  font-family: RetailMedium;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 977;
  position: absolute;
}

/* .woocommerce-error::before {
  display: none;
} */

/* .woocommerce-message::before {
  display: none;
} */

input#coupon_code {
  width: 100%;
  padding: 4px 10px;
}

.wl-cf-apply-coupon-fields {
  width: 100%;
}

.woocommerce-error {
  color: var(--pezz_red);
  margin-left: 50px;
  margin-top: 10px;
}

.woocommerce-info,
.woocommerce-message {
  color: #4769cc;
}

.woocommerce form .form-row .required {
  visibility: visible !important;
}

.wl-cf-apply-coupon-button button {
  background: transparent !important;
  background-color: transparent !important;
}

/** hide free shipping coupon in shipping methods */
ul#shipping_method #shipping_method_0_free_shipping7 {
  display: none;
}

.submit_button_cart {
  width: 100%;
  color: #fff;
  border: 1px solid #4070ff;
  background: #4070ff;
  border-radius: 20px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 17px;
  font-weight: 400;
  padding: 10px;
}

.submit_button_cart:hover {
  color: #4070ff;
  border: 1px solid #4070ff;
  background: #fff;
}

.kit_quantity_input {
  background: #f2f6ff;
  border: 0px;
  border-bottom: 2px solid #4769cc;
  border-radius: 0px;
  margin-bottom: 10px;
  width: 100%;
  text-align: right;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 22px;
  color: #333640;
  text-align-last: center;
}

.regular_price {
  text-align: right;
  color: #d42a30;
  font-size: 12px;
  text-decoration: line-through;
  font-family: RetailMedium;
}

.regular_price_header {
  text-align: right;
  color: #d42a30;
  font-size: 15px;
  text-decoration: line-through;
  font-family: RetailMedium;
}

.product_price_header {
  text-align: right;
  color: #333640;
  font-size: 22px;
  font-weight: 300;
  font-family: "RetailBlack", WorkSans, Helvetica;
}

.kit_quantity_text {
  font-size: 22px;
  font-family: "RetailBlack", WorkSans, Helvetica;
}

/**
   * bullet navigation
   */
.swiper-pagination-bullet-active {
  height: 10px;
  width: 10px;
}

/** accordion */
.elementor-accordion .elementor-accordion-icon.elementor-accordion-icon-left {
  padding-right: 10px;
}

/* #payment_heading::before{
       content: "Zahlung";
       font-family: RetailMedium;
       text-transform: uppercase;
       color: #4769CC;
       font-size: 10px;
   }
   
   
   
   #payment_heading::after{
       content: "Wie möchtest du Bezahlen?";
       font-family: "RetailBlack";
       color: #4769CC;
       font-size: 21px;
   }*/

#payment_heading {
  display: none;
}

.account_setting_header {
  color: #4769cc;
  font-size: 36px;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 300;
  text-align: center;
}

/* ==================================
   * ============ RATGEBER ============
   * ================================== */

.wl .wl-ssl-single-widget {
  margin: 0;
  border: none !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.wl .wl-ssl-product-details {
  width: 100% !important;
  margin: 15px;
  text-align: center;
}

.wl .wl-ssl-info-icons {
  display: none !important;
}

.wl .wl-ssl-product-name {
  text-align: center !important;
}

.elementor-widget:not(:last-child) {
  margin-bottom: 0px !important;
}

.entry-meta .cat-links {
  display: none;
}

/* SINGLE POST */

.category_page_container ~ div > p {
  display: none;
}

.post_subtitle,
h2.post_subtitle,
h3.post_subtitle,
h4.post_subtitle,
h5.post_subtitle,
h6.post_subtitle {
  font-family: "RetailBlack";
  font-size: 20px;
  color: #333640;
  font-weight: bold;
  margin: 20px 0 20px 0;
}

.post_subtitle_small,
h2.post_subtitle_small,
h3.post_subtitle_small,
h4.post_subtitle_small,
h5.post_subtitle_small,
h6.post_subtitle_small {
  font-family: "PT Serif";
  font-size: 16px;
  color: #333640;
  font-weight: 400;
  margin: 15px 0 15px 0;
}

.post_quote {
  font-family: "PT Serif";
  font-size: 20px;
  font-style: italic;
  color: #858da6;
  text-indent: 10px;
  padding-right: 20px;
}

.posts_blue_list {
  background: #e6eeff;
  color: #333640;
  font-family: Arial, "Merriweather";
  font-size: 15px;
  margin: 0px;
  margin-top: 5px;
  text-indent: 0;
  padding: 20px;
  line-height: 2;
  margin-left: 10px;
}

.posts_grey_list {
  background: #edf0f5;
  color: #333640;
  font-family: Arial, "Merriweather";
  font-size: 15px;
  padding-bottom: 20px;
  margin: 0px;
  margin-top: 5px;
  text-indent: 0;
  padding: 20px;
  line-height: 2;
  margin-left: 10px;
}

.posts_white_list {
  color: #333640;
  font-family: Arial, "Merriweather", Helvetica;
  font-size: 15px;
  margin: 0px;
  margin-top: 5px;
  text-indent: 0;
  padding: 20px;
  line-height: 2;
  margin-left: 10px;
}

.posts_blue_list_sorted {
  background: #e6eeff;
  color: #333640;
  font-family: Arial, "Merriweather";
  font-size: 15px;
  margin: 0px;
  margin-top: 5px;
  text-indent: 0;
  padding: 20px;
  line-height: 2;
  margin-left: 10px;
}

.posts_grey_list_sorted {
  background: #edf0f5;
  color: #333640;
  font-family: Arial, "Merriweather";
  font-size: 15px;
  margin: 0px;
  margin-top: 5px;
  text-indent: 0;
  padding: 20px;
  line-height: 2;
  margin-left: 10px;
}

.posts_white_list_sorted {
  color: #333640;
  font-family: Arial, "Merriweather";
  font-size: 15px;
  margin: 0px;
  margin-top: 5px;
  text-indent: 0;
  padding: 20px;
  line-height: 2;
  margin-left: 10px;
}

.posts_white_list_header {
  color: #333640;
  font-family: Arial, "Merriweather";
  font-size: 15px;
  margin: 0px;
  margin-left: 10px;
  margin-top: 5px;
  text-indent: 0;
  padding-top: 20px;
  padding-bottom: 0px;
  line-height: 2;
}

.post_content_text {
  color: #333640;
  font-family: Arial, "Merriweather";
  font-size: 15px;
  margin: 0px;
  margin-top: 5px;
  text-indent: 0;
  padding: 0px;
}

.post_content_list_text {
  color: #333640;
  font-family: Arial, "Merriweather";
  font-size: 15px;
  margin: 0px;
  margin-top: 5px;
  text-indent: 0;
  padding: 0px;
  padding-left: 20px;
}

.post_content_text_link {
  color: #4769cc;
  font-family: Arial, "Merriweather";
  font-size: 15px;
  text-decoration: underline;
}

.post_content_text_link:visited,
.post_content_text_link:active,
.post_content_text_link:focus {
  color: #4769cc;
  font-family: Arial, "Merriweather";
  font-size: 15px;
  text-decoration: underline;
}

ol.post_list li::before {
  color: red;
  font-family: 'Inter', "RetailMedium";
}

.image_caption {
  font-size: 12px;
  font-family: "RetailMedium";
  color: #858da6;
}

.elementor-widget-posts .elementor-post__card .elementor-post__badge {
  background-color: #fff !important;
  font-family: "RetailMedium", Work Sans;
  font-weight: 400;
  position: inherit;
  padding: 10px;
  margin: 0 !important;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: var(--pezz_blue);
}

.other_post_thumbnail_container {
  width: 50%;
  background: #fff;
}

.other_posts_container {
  display: flex;
  flex-direction: row;
}

.vertical_other_post_container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 33%;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 50px;
  background: #fff;
  border-radius: 5px;
  height: 300px;
}

.link_to_article_category {
  font-family: RetailMedium;
  font-size: 18px;
  color: #4769cc;
}

.post_header {
  font-family: "PT Serif";
  font-size: 45px;
  color: #333640;
  margin: 0 !important;
  font-weight: 600;
}

.post_subheader {
  margin-bottom: 20px;
  margin-top: 20px;
  font-family: RetailMedium;
  font-size: 17px;
  color: #333640;
  margin: 0 !important;
}

.post_teaser {
  margin-top: 30px;
  font-family: "RetailBlack";
  font-size: 19px;
  color: #333640;
}


@media screen and (max-width: 300px) {
  .post_teaser {
    font-size: 16px;
  }
}

.post_cat,
.post_cat:hover,
.post_cat:active,
.post_cat:visited {
  margin-bottom: 20px;
  margin-top: 20px;
  color: #4769cc;
  font-family: RetailMedium;
  font-size: 10px;
  text-transform: uppercase;
}

.post_infos {
  color: #99a3bf;
  font-family: RetailMedium;
  font-size: 10px;
  margin-top: 30px;
}

.post_author {
  color: #333640;
  font-family: RetailMedium;
  font-size: 10px;
  margin-top: 5px;
}

.blog_footer_buy_container {    
  background-color: #E6B612;
  color: #fff;
  position: fixed;
  bottom: 10px;
  border-radius: 30px;
  right: 10px;
  display: flex;
  flex-direction: column;
  font-family: Work Sans;
  align-items: center;
  padding: 10px 20px;
  box-shadow: 0px 0px 6px 2px #0000002b;
}

.blog_footer_buy_container > p {    
  margin: 0!important;
}

.single_post_header_img {
  max-height: 40vh;
  width: 100vw;
  object-fit: cover;
  height: auto;
  margin-top: 70px;
}

@media screen and (max-width: 600px) {
  .single_post_header_img {
    margin-top: 0px;
  }

  .blog_footer_buy_container {    
    width: 100vw;
    bottom: 0;
    padding: 10px;
    border-radius: 0;
  }
}

.elementor-posts .elementor-post__card .elementor-post__text {
  padding: 0 10px !important;
}

.elementor-posts .elementor-post__card .elementor-post__meta-data {
  padding: 15px 10px !important;
  border: none;
}

.elementor-posts .elementor-post__card .elementor-post__excerpt {
  display: none;
}

.elementor-posts--thumbnail-top
  .elementor-posts--skin-cards:not(.elementor-posts-masonry)
  .elementor-post__card:hover
  .elementor-post__excerpt {
  display: block;
}

/** ============================
   * ====== CATEGORY PAGE =======
   * ============================ */

/* TABLET */
.category_page_container {
  width: 100%;
  padding: 112px 20px 20px 20px;
}

/* DESKTOP */
@media screen and (min-width: 1060px) {
  .category_page_container {
    width: 1060px;
    margin: auto;
  }
}

.ratgeber_cat_headline {
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: "PT Serif";
  font-size: 45px;
  color: #4769cc;
  text-align: center;
  margin: 0 !important;
}

.ratgeber_cat_header_underline {
  font-family: RetailMedium;
  font-size: 17px;
  color: #333640;
  text-align: center;
  margin: auto;
  padding-bottom: 50px;
  width: 60%;
}

.page_container_two_columns {
  display: flex;
  flex-direction: row;
  padding-bottom: 80px;
}

.posts_container {
  width: 67%;
}

.tips_advertisment_container {
  width: 33%;
  margin-top: 30px;
}

.ratgeber_subtitle {
  font-family: RetailMedium;
  font-size: 18px;
  font-weight: 400;
  color: #21305e;
  margin-top: 30px;
  margin-bottom: 20px;
}

.horizontal_thumbnail_excerpt {
  font-family: RetailMedium;
  font-size: 15px;
  color: #333640;
  display: none;
}

.horizontal_search_excerpt {
  font-family: RetailMedium;
  font-size: 15px;
  color: #333640;
  margin: 0;
}

.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: fit-content;
  text-align: center;
  margin-right: 30px;
  border-radius: 30px;
  border: 1px solid blue;
  padding: 10px 30px;
  background: #fff;
  color: blue;
  font-size: 17px;
  font-family: Work Sans;
  font-weight: 500;
}

.vertical_thumbnail_excerpt {
  font-family: RetailMedium;
  font-size: 15px;
  color: #333640;
  display: none;
  transition-duration: 400ms;
}

.horizontal_post_thumbnail_container {
  display: flex;
  flex-direction: row;
  width: 95%;
  background: white;
  margin-bottom: 20px;
  border-radius: 5px;
}

.horizontal_search_thumbnail_container {
  display: flex;
  flex-direction: column;
  width: 95%;
  background: white;
  margin-bottom: 20px;
  border-radius: 30px;
  box-shadow: 0 0 15px 0px #0000001c;
}

.vertical_info_span {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.horizontal_thumbnail_reading_time {
  color: #99a3bf;
  font-family: RetailMedium;
  font-size: 10px;
}

.vertical_posts_thumbnail_container {
  display: flex;
  flex-direction: row;
}

.vertical_post_thumbnail_container {
  display: flex;
  flex-direction: column;
  background: white;
  margin-bottom: 50px;
  margin-right: 20px;
  width: 50%;
  height: 350px;
  border-radius: 5px;
}

.post_thumbnail_img {
  flex: 2;
  margin: 0px;
  padding: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px 5px 0 0;
}

.horizontal_post_thumbnail_img {
  flex: 1;
  height: auto;
  margin: 0px;
  padding: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px 0 0 5px;
}

.small_post_thumbnail {
  width: 40%;
  height: auto;
  margin: 0px;
  padding: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px 0 0 5px;
}

.horizontal_post_info_container {
  flex: 2;
  padding: 10px;
}

.vertical_post_info_container {
  flex: 1;
  padding: 10px;
}

.horizontal_thumbnail_cat {
  color: #4769cc;
  font-family: RetailMedium;
  text-transform: uppercase;
  font-size: 10px;
}

.horizontal_thumbnail_date {
  color: #99a3bf;
  font-family: RetailMedium;
  text-transform: uppercase;
  font-size: 10px;
}

.horizontal_thumbnail_title {
  color: #333640;
  font-family: "PT Serif";
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px !important;
  margin-top: 0 !important;
}

.rg_back_link {
  color: #4769cc;
  font-family: RetailMedium;
  font-size: 10px;
  padding: 10px;
}

.rg_back_link:visited,
.rg_back_link:active,
.rg_back_link:hover {
  color: #4769cc;
  font-family: RetailMedium;
  font-size: 10px;
  text-decoration: none;
}

strong.search-excerpt {
  background-color: #e6eeff;
}

/* === CATEGORY PAGE MOBILE === */
@media screen and (max-width: 599px) {
  .category_page_container {
    width: auto;
    margin: auto;
    padding: 0;
  }

  .ratgeber_cat_headline {
    font-size: 30px;
    margin: 10px !important;
  }

  .ratgeber_cat_header_underline {
    font-size: 15px;
    font-family: RetailMedium;
    margin: 10px !important;
    width: fit-content;
  }

  .page_container_two_columns {
    display: flex;
    flex-direction: column;
    /*width: 100vw;*/
    padding-bottom: 50px;
  }

  .posts_container {
    width: 100%;
    margin: 10px;
  }

  .tips_advertisment_container {
    width: 100%;
    margin-top: 30px;
  }

  .horizontal_post_thumbnail_container {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: white;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
  }

  .vertical_post_thumbnail_container {
    width: 100%;
    margin-bottom: 20px;
  }

  .vertical_posts_thumbnail_container {
    display: flex;
    flex-direction: column;
    width: 97%;
  }

  .tips_advertisment_container {
    margin-top: 0px;
  }

  .elementor-4964
    .elementor-element.elementor-element-1658ff7:not(.elementor-motion-effects-element-type-background) {
    display: none;
  }

  .horizontal_post_info_container {
    padding: 0px;
  }

  .category_horizontal_line {
    display: none;
  }

  .post_header {
    font-size: 30px;
  }
}

/* ==== SHOW MORE POSTS MOBILE ==== */
@media screen and (max-width: 599px) {
  .other_posts_container {
    display: flex;
    flex-direction: column;
  }

  .vertical_other_post_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin: 0px;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 5px;
    height: 300px;
  }
}

/* === OVERVIEW BLOG POSTS PAGE MOBILE === */
/* === TIPS SECTION === */
.post_tips_container {
  width: 100%;
  padding: 10px !important;
  margin: auto;
  display: flex;
  flex-direction: column;
  background: #f2f6ff !important;
  border-radius: 5px;
}

.link_to_articel_tips_section,
.link_to_articel_tips_section:visited,
.link_to_articel_tips_section:active {
  color: #fff;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  width: 100%;
  background: #4769cc;
  border: 1px solid #4769cc;
  border-radius: 30px;
}

.link_to_articel_tips_section:hover {
  color: #4769cc;
  background: #fff;
}

.cat_tips_section {
  color: #21305e;
  font-family: RetailMedium;
  font-size: 10px;
  text-transform: uppercase;
}

.reading_time_tips_section {
  color: #4769cc;
  font-family: RetailMedium;
  font-size: 10px;
}

.title_tips_section {
  color: #21305e;
  font-family: "PT Serif";
  font-size: 20px;
  font-weight: 600;
}

/* === POST HEADER SLIDER === */
.header_slider_post_container {
  margin: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 200px 100px 150px 100px !important;
  width: 100%;
  width: -moz-available; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
  width: fill-available;
}

.header_slider_cat {
  padding-top: 100px;
  color: #ffffff;
  font-family: RetailMedium;
  text-transform: uppercase;
  font-size: 10px;
}

.header_slider_title {
  font-family: "PT Serif";
  font-weight: bold;
  font-size: 45px;
  color: #fff;
  margin: 0 !important;
}

.header_slider_subline {
  font-family: RetailMedium;
  font-size: 17px;
  color: #fff;
  margin-top: 50px;
  margin-bottom: 50px !important;
}

.slick-next,
.slick-prev {
  display: none !important;
}

.btn_post_link,
.btn_post_link:visited,
.btn_post_link:active {
  background: #4070ff;
  font-family: "RetailBlack", WorkSans, Helvetica;
  font-weight: 500;
  font-size: 17px;
  border: 1px solid #4070ff;
  border-radius: 30px;
  color: #fff;
  padding: 10px 20px;
  margin-top: 50px;
  margin-bottom: 100px;
}

.btn_post_link:hover {
  background: #fff;
  color: #4070ff;
}

.slider_post_nav {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 50px;
  margin-bottom: 100px;
}

.slider_post_nav .slick-dots {
  list-style: none;
  display: flex !important;
  text-align: left;
  bottom: auto !important;
  padding: 0;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}

.slider_post_nav_inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: rgba(255, 255, 255, 0.7);
  font-family: "PT Serif";
  font-size: 20px;
  font-weight: bold;
  height: auto;
}

.slider_post_nav_timeline {
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.5);
}

.slider_post_nav_title_active {
  color: #ffffff;
}

.slider_post_nav_timeline_active {
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  /*animation:color-change 6s 1;
    -webkit-animation:color-change 6s 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards; */
}

@keyframes color-change {
  0% {
    background: #fff;
  }
  50% {
    background: var(--pezz_blue);
  }
  100% {
    background: var(--pezz_blue);
  }
}

@-webkit-keyframes color-change /* Safari and Chrome */ {
  0% {
    background: #fff;
  }
  50% {
    background: var(--pezz_blue);
  }
  100% {
    background: var(--pezz_blue);
  }
}

.slick-dots li {
  display: inline-block;
  height: auto;
  padding: 0;
}
.slick-dots li:nth-child(2) {
  margin: 0 5px;
}

@keyframes color_change {
  from {
    background-color: #fff;
  }
  to {
    background-color: var(--pezz_blue);
  }
}

.activeSlide {
  width: 100%;
  height: 2px;
  animation-name: color_change;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide:first-child {
  display: block;
}

.slider_post_nav ul {
  margin: 0px !important;
}

.post-6075 .entry-content > p:last-child {
  display: none;
}

/* === SLIDER TABLET === */
@media screen and (min-width: 700px) and (max-width: 1100px) {
  .slick-dots li {
    display: inline-block;
    height: auto;
    width: 3.5% !important;
    margin-right: 10px !important;
    padding: 0;
  }
}

/* === SLIDER MOBILE === */
@media screen and (max-width: 700px) {
  /* === SLIDER === */
  .header_slider_post_container {
    padding: 10px !important;
    padding-top: 30px !important;
  }

  .header_slider_title {
    font-size: 32px !important;
  }

  .header_slider_cat {
    margin-top: 0;
  }

  .slider_post_nav {
    margin-bottom: 50px;
  }

  .header_slider_subline {
    font-size: 15px !important;
    margin-top: 0 !important;
  }

  .slider_post_nav_title_active,
  .slider_post_nav_title {
    display: none;
    margin-left: 0;
    justify-content: center;
  }

  .slick-dots {
    position: absolute;
    list-style: none;
    display: flex !important;
    text-align: left;
    bottom: auto !important;
    padding: 0;
    width: 100%;
    flex-direction: row;
  }

  .slick-dots li {
    display: inline-block;
    height: auto;
    width: 3% !important;
    margin-right: 10px !important;
    padding: 0;
  }

  .slick-track {
    height: 500px;
  }

  #inner_slider_container.header_slider_post_container {
    height: 100%;
  }

  #inner_slider_container {
    padding: 10px !important;
    padding-top: 30px !important;
  }
}

/* ====== SEARCH PAGE ====== */
/* TABLET */
.search_page {
  width: 100%;
  padding: 20px;
}

/* DESKTOP */
@media screen and (min-width: 1060px) {
  .search_page {
    width: 1060px;
    margin: auto;
  }
}

/* === SEARCH PAGE MOBILE === */
@media screen and (max-width: 599px) {
  .search_page {
    width: auto;
    margin: auto;
    padding: 0;
    padding-top: 20px;
  }
}

/* FIX SEARCH MOBILE */
/* === SEARCH MOBILE FIX === */
.elementor-4810
  .elementor-element.elementor-element-8f773bb
  input[type="search"].elementor-search-form__input {
  font-size: 16px;
}

select,
textarea,
input[type="search"] {
  font-size: 16px;
}

.flex-ads {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}

.text-box-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  padding: 0;
  margin: 0;
}

.text-flex {
  padding: 0;
  font-family: "RetailBlack", Helvetica;
  font-size: 12px;
  color: #34394a;
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.6px;
}

/* COSTUM PAGE SECTIONS */
.ic_box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: var(--pezz_dark_blue);
}

.ic_box_single {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
  margin: 4px;
}

.ic_box_icon {
  height: 24px !important;
}

.ic_box_text {
  font-family: "RetailBlack";
  font-weight: medium;
  font-size: 10px;
  color: var(--pezz_standard_text);
  padding-left: 5px;
  text-align: start;
}

.followup-checkout {
  display: none !important;
}

/* SMALL SCREENS */
@media only screen and (max-width: 350px) {
  .blue_header_tiny {
    font-size: 17px;
  }
  /* REALLY SMALL SCREENS */

  #show_dog_subscription_plans_button i,
  #show_cat_subscription_plans_button i {
    display: none;
  }

  #show_dog_subscription_plans_button,
  #show_cat_subscription_plans_button {
    font-size: 15px;
  }
}

:root {
  --pezz_blue: #88BCE2;
  --pezz_dark_blue: #5077A5;
  --pezz_sky: #a3ccee;
  --pezz_yellow: #F1A240;
  --pezz_red: #FF8266;
  --pezz_white: #FFF;
  --pezz_green: #86C26A;
  --pezz_action: #5077A5;
  --pezz_standard_text: #2A2E35;
  --pezz_input_text: #2a2e357f;
  --pezz_white_hover: rgba(255, 255, 255, 0.7);
  --pezz_background_light: #f2f6ff;
  --pezz_background_regular: #e6eeff;
  --pezz_background_medium: #7e98e6;
  --pezz_background_semidark: rgba(64, 112, 250, 0.5);
  --pezz_background_light_blue: rgba(71, 105, 204, 0.03);
  --pezz_background_dark_blue: #4054b2;
  --pezz_border_light: #e5e8ef;
  --pezz_background_light_green: #cee3e6;
  --pezz_background_medium_green: #94c3c7;
}

/**
* FONTS
*/
@font-face {
  font-family: "RetailBlack";
  src: url(../assets/fonts/Retail-Black.woff) format("woff"),
  url(../assets/fonts/Retail-Black.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "RetailMedium";
  src: url(../assets/fonts/Retail_Text-Medium.woff) format("woff"),
  url(../assets/fonts/Retail_Text-Medium.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZJhjp-Ek-_EeAmM.woff) format('woff');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZthjp-Ek-_EeAmM.woff) format('woff');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZNhjp-Ek-_EeAmM.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZxhjp-Ek-_EeAmM.woff) format('woff');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZBhjp-Ek-_EeAmM.woff) format('woff');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZFhjp-Ek-_EeAmM.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hjp-Ek-_EeA.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.balunos_page_container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ebebeb7a;
}


.worm_activation_page_container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-color: #ebebeb7a;
}

#pezz_worm_activation_form {
  max-width: 600px;
}


.balunos_container,
#balunos_answer,
.balunos_success,
.balunos_failed,
.worm_success_container {
  min-height: 80vh;
  max-width: 600px;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  background: var(--pezz_white);
}


.worm_activation_container,
.worm_success_container {
  justify-content: space-around;
}

#balunos_form_container{
  text-align: start;
  margin: 30px;
}

#worm_activation_form_container {
  width: 100%;
  background: var(--pezz_white);
  box-shadow: 0 0 15px 0px #d5d9e3;
  clip-path: inset(0px -15px 0px -15px);
min-height: 80vh;
}

.worm_activation_inner_conatiner {
  padding: 20px;
}

#activation_description_finish {
  margin-bottom: 30px!important;
}

.fieldset-code {
border: none!important;
}

.fieldset-code input,
#code {
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0!important;
  border: 1px solid var(--pezz_dark_blue);
  border-radius: 5px;
  background-color: var(--pezz_white);
  color: var(--pezz_text);
  font-size: 14px;
  height: auto;
	font-family: 'Inter';
}

.fieldset-code span {
  font-size: 30px;
  padding: 5px;
}

input.code-input {
  font-size: 15px;
  width: 100%;
  text-align: center;
  flex: 1 0 1em;
  border: 1px solid var(--pezz_dark_blue);
  background: #edf0f5;
	font-family: 'Inter';
  border-radius: 5px;
}

input.code-input::placeholder {
  font-size: 15px;
}

label#worm_activation_pet_type_label:before,
label#worm_activation_pet_type_label:after {
  content: none;
}

#worm_activation_pet_type {
  border: 1px solid var(--pezz_dark_blue);
  border-radius: 5px;
  background-color:  var(--pezz_white);
  color: var(--pezz_text);
  font-size: 14px;
  width: 100%;
height: auto;
  padding: 0px 10px;
  font-family: "Inter", sans-serif;
  -webkit-appearance: none;
}

img.pet_img {
  width: 135%;
}

#balunos_shipping_form .input-text {
  border: 1px solid var(--pezz_dark_blue);
  border-radius: 5px;
  background-color: var(--pezz_white);
  color: var(--pezz_text);
  font-size: 14px;
height: auto;
}  

#balunos_answer {    
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

#balunos_logo_container,
#balunos_image_container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}

#balunos_image_container {
  max-width: 25%;
  margin-top: 10vh;
}

#balunos_image_container .solution_img_container {
  width: 100%;
}


/* FORM */
p#balunos_shipping_form.form-row-first,
p#balunos_shipping_form.form-row-last {
  width: 49%;
}

#balunos_button_form_submit {
  cursor: pointer;
}

.balunos_form_row,
.worm_activation_form_row {
  display: flex;
  justify-content: space-between; 
}

#balunos_shipping_form {
  margin-bottom: 10px;
}

.balunos_container .woocommerce-form__label-for-checkbox {
  margin-left: 0;
}

.balunos_form_error,
.worm_activation_form_error,
.worm_activation_email_error,
.worm_activation_same_email_error {
  font-size: 17px; 
  color: #cc1818;
}

.error_text,
.finished_text {
  font-size: 17px; 
  color: #cc1818;
}

.finished_text {
  color: #afcaaf;
}

/* loading animation */
.loading_indicator {
  display: flex;
  position: fixed;
  background-color: #00000052;
  width: 100vw;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  z-index: 99;
  align-items: center;
  visibility: hidden;
  transition: visibility 0s, opacity 1s linear;
  top: 0;
}

.loading_paw {
  width: 150px;
  height: 150px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.worm_activation_page_container .how-it-works-section {
  display: flex;
  padding: 2vw 10vw;
  flex-direction: column;
  align-items: center;
  background-color: #F4EEF3;
}

.worm_activation_page_container > .balunos_failed {
  margin-bottom: 0;
}

#hr_pet,
#hr_data,
#hr_data_02,
#hr_faq,
#hr_thank_you,
#hr_email {
  border: none;
  border-top: 0px solid #707070;
  color: #707070;
  overflow: visible;
  text-align: center;
  height: 1px;
  margin-top: 30px;
}

#hr_pet:after,
#hr_data:after,
#hr_data_02:after,
#hr_faq:after,
#hr_thank_you:after,
#hr_email:after {
  background: var(--pezz_white);
  /* content: ' \00dcber deine Fellnase '; */
  padding: 0 4px;
  position: relative;
  font-size: 12px;
  top: -13px;
}

/* #hr_data:after,
#hr_data_02:after {
  content: ' Deine Daten ';
}

#hr_faq:after {
  content: ' Warum Giardien-Check? ';
}

#hr_thank_you:after {
  content: ' Tier\00e4rzt:innen empfehlen ';
}

#hr_email:after {
  content: ' Deine E-Mail Adresse ';
}*/

.form_address, 
.form_pet, 
.form_upgrade,
.form_overview,
.form_finish,
#form_step_0,
#form_step_1,
#form_step_2,
#form_step_3,
#form_step_4 {
  display: none;
  width: 100%;
} 

.worm_activation_upgrade_card,
.worm_activation_upgrade_tabel,
#overview_giardia_box,
#finish_giardia_box,
#overview_no_giardia_box,
.worm_activation_no_upgrade_card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--pezz_white);
  width: auto;
  border: none;
  box-shadow: 0px 0px 30px #0000001A;
  margin-bottom: 20px;
  padding: 20px 10px;
  transition: all 0.5s 0s linear;
}

.worm_activation_thanks_inner_conatiner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
margin-top: 30px;
}

#overview_no_giardia_box,
.worm_activation_no_upgrade_card {
  justify-content: start;
}

#overview_no_giardia_box{
  padding: 10px 10px;
  width: 100%;
  flex-direction: row-reverse!important;
}

#overview_giardia_box {
  justify-content: start;
}

.worm_activation_upgrade_tabel,
#overview_giardia_box,
#overview_no_giardia_box {    
  flex-direction: column;
  align-items: flex-start;
  border: 2px solid var(--pezz_white);
}

#icon_container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  flex: 1;
}

.worm_activation_upgrade_img_active,
.worm_activation_upgrade_img,
.worm_activation_no_upgrade_img_active,
.worm_activation_no_upgrade_img {
  width: 20px;
  margin: 0px 10px 10px 0;
}

.worm_activation_advantage_container {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  margin: 20px 0;
}

.worm_activation_advantage_text > p,
#finish_tax {
  padding-left: 10px;
  margin: 0!important;
  font-size: 12px;
}

.worm_activation_upgrade_card.active_upgrade,
.worm_activation_upgrade_tabel.active_upgrade,
.worm_activation_no_upgrade_card.active_upgrade {
  border: 2px solid var(--pezz_dark_blue)!important;
}

.worm_activation_advantage_text {
  display: flex;
  flex-direction: column;
  justify-content: start;
  color: var(--pezz_standard_text);
  align-items: start;
}

#worm_activation_footer {
  max-width: 600px;
	width: 100%;
  background-color: var(--pezz_dark_blue);
  color: #FFF;
  text-align: center;
  font-size: 12px;
  padding: 20px;
min-height: 10vh;
}

#worm_activation_footer a,
#worm_activation_footer a:hover {
  width: auto;
  color: #FFF;
  text-align: center;
  font-size: 12px;
}

.worm_activation_button_section,
.worm_activation_footer_text_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
#footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ebebeb7a;
}

span#activation_description p {
  margin: 0;
}

.button_div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.worm_activation_footer_text_container {
  justify-content: space-evenly;
}

.worm_activation_header_text {
  font-size: 15px;
  font-family: 'RetailMedium';
  letter-spacing: 0.75px;
  color: #2A2E35;
}

.data_text {
  text-align: left;
  font-size: 10px;
  font-family: 'RetailMedium';
  letter-spacing: 0.4px;
  color: var(--pezz_standard_text);
}

#worm_activation_trust_01,
#worm_activation_trust_02 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: #f4f4f5;
  padding: 10px 20px;
  max-width: 600px;
  width: 600px;
}

#worm_activation_header {
  background-color: var(--pezz_white);
	width: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #D6DBEB;
height: 10vh;
}

.worm_activation_trust_text {
  color: var(--pezz_text);
  text-align: left;
  font-size: 12px;
  font-family: 'RetailBlack';
margin-bottom: 0;
  padding-left: 10px;
}

.input-text.worm_activation {
  border: 1px solid  var(--pezz_dark_blue);
  border-radius: 5px;
  background-color: var(--pezz_white);
  color:  var(--pezz_text);
  font-size: 14px;
	font-family: 'Inter';
}

#activation_finish_pro {
  display: none;
}

#worm_activation_button_back,
.worm_activation_button_back,
.worm_activation_button_no_upgrade {
  text-align: left;
  text-decoration: underline;
  font-size: 15px;
  font-family: "Inter", 'RetailMedium';
  margin: 0!important;
  letter-spacing: 0.6px;
  color: var(--pezz_standard_text);
  cursor: pointer;
}

#code_form_newsletter_container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
}

#code_form_newsletter_container > input {
  margin-right: 10px;
  margin: 5px 5px 0 0;
}

.worm_activation_pro_img {
  width: 60%;
}

/* table */
#price_tabel > tbody > tr > td:nth-child(1) {
  text-align: start;
  width: auto;
}

#price_tabel{
  margin: 0 0 0 10px!important;
  border-collapse: collapse; 
  margin-bottom: 10px;
  color: var(--pezz_standard_text);
  font-size: 15px;
border: none;
}

.inner_card_container {
  flex-direction: column;
  width: -webkit-fill-available;
}

#finish_giardia_box p {
  width: 100%;
}

#finish_sum {
  font-size: 24px;
  margin-left: 10px;
  color:  var(--pezz_dark_blue);
}

.small_finish_sum {
  font-size: 15px!important;
  color: var(--pezz_standard_text)!important;
  margin-right: 10px;
}

#finish_giardia_box p,
#overview_giardia_box p {
  text-align: end;
  border-top: 1px solid var(--pezz_standard_text);
  padding-top: 10px;
  padding-right: 5px;
  margin: 5px 0 10px 10px !important;
}

.button_blue {
  padding: 7px 40px;
}

.blue_header_big {
  text-align: start;
  margin: 0!important;
}


@media screen and (min-width: 600px) {
  .worm_activation_container {
      min-height: 85vh;
      display: flex;
      justify-content: start;
      align-items: center;
      flex-direction: column;
      background: var(--pezz_white);
      box-shadow: 0 0 15px 0px #d5d9e3;
      clip-path: inset(0px -15px 0px -15px);
  }

  #worm_activation_form_container,
  #worm_activation_thanks_form_container {    
      margin-top: 0;
      width: auto;
      /* background: var(--pezz_white);
      box-shadow: 0 0 15px 0px #d5d9e3;
      clip-path: inset(0px -15px 0px -15px); */
      display: flex;
      justify-content: start;
      align-items: center;
      flex-direction: column;
      max-width: 600px;
      width: 600px;
  }

  .worm_activation_upgrade_card_container {
      display: flex;
      flex-direction: column;
      align-items: center;
  }

  .worm_activation_upgrade_card {
      width: 70%;
  }

  .faq_section {
      width: auto;
  }
}

@media screen and (max-width: 599px) {
  .loading_paw {
      width: 150px;
      height: 150px;
  }

  .balunos_container,
  #balunos_answer,
  .balunos_success,
  .balunos_failed,
  .worm_success_container {
      width: 100%;
      padding: 20px;
  }

  #balunos_form_container,
  #worm_activation_form_container,
  #worm_activation_thanks_form_container {
      text-align: start;
      width: 100%;
      background: var(--pezz_white);
      margin-top: 0px;
  }


  #worm_activation_thanks_form_container {
    height: 80vh;
  }

  #balunos_image_container {
      max-width: 100%;
      margin-top: 30px;
      align-items: center;
  }

  #balunos_logo_container {
      align-items: center;
      flex-direction: row;
  }

  .fieldset-code {
      padding: 0;
  }

  .fieldset-code span {
      font-size: 20px;
      padding: 2px;
  }

  input.code-input {
      font-size: 24px;
  }

  #balunos_image_container .solution_img_container {
      width: 100%;
  }

  .balunos_form_row {
      display: block;
  }

  p#balunos_shipping_form.form-row-first, p#balunos_shipping_form.form-row-last {
      width: 100%;
  }

  #worm_activation_trust_01,
  #worm_activation_trust_02 {
      width: 100%;
  }
  
}


/* QUESTION SECTION  */

/* FAQ PAGE */
.faq_contact_page {
  background:#F2F6FF;
  padding:80px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.faq_container {
  background-color: #F2F6FF;
  padding: 80px 10px;
}

#faqs_hut, 
#faqs_kut {
  background-color: #F2F6FF;
  background-image: url(https://lets.pezz.life/uk/wp-content/uploads/sites/2/2021/10/MicrosoftTeams-image_bearb.png);
  background-position: 103% 100%;
  background-repeat: no-repeat;
  background-size: 25% auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f2f6ff;
  padding: 80px 10px 150px 10px;
}

#faqs_hut {
  background-size: 40% auto;
}

#faqs_kut {
  background-image: url(https://lets.pezz.life/uk/wp-content/uploads/sites/2/2021/10/FAQ-Katze.jpg);
  background-position: 0% 100%;
}

#faq_general,
#faq_dog,
#faq_cat {
  padding: 80px 0;

}

.faq_section,
.contact_faq_section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.faq_section {
  width: auto;
}

.contact_faq_section {
  width: 50%;
}

.faqs_inner_section {
  width: 100%;
  text-align: start;
  margin-top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
} 

.faq_header_container {
  padding: 50px 0;
}

.single_question {
  border-bottom: 1px solid #E6EEFF;
  width: 100%;
padding-top: 20px;
}

.single_question i {
  font-size: 25px;
  min-width: 40px;
  margin-left: 10px;
}

.question_container {
  color:  var(--pezz_dark_blue);
  font-family: 'RetailBlack';
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.315px;
  text-align: start;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  cursor: pointer;
  padding: 0;
  transition: background-color .2s
}

.question_container.open {
  background-color: white;
}

.question_text {
  font-family: "RetailBlack",Work Sans;
  font-size: 21px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: .315px;
  color:  var(--pezz_standard_text);
}

#clickable_question {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.answer_section {
  display: none;
  padding: 5px 50px 20px 50px;
  background-color: var(--pezz_white);
  color: var(--pezz_standard_text);
  font-family: 'Inter', 'RetailMedium';
  font-size: 15px;
  font-weight: 300;
  line-height: 23px;
  letter-spacing: 0.6px;
  text-align: start;
}

.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.fa-chevron-up:before {
  content: "\e907";
}

#more_questions {
  margin-top: 50px;
}

/*ERRORS ACTIVATION
*/

.activation-error {
  display: flex;
  background-color: var(--pezz_red);
  color: white;
  padding: 5px 20px;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 5px 0;
  text-align: left;
  font-size: 12px;
  font-family: 'Inter', 'RetailMedium';
  padding-left: 10px;
}

.activation-error p {
  padding: 0 5px;
margin-bottom: 0;
}

.error-container .activation-error {
  margin: 0;
  width: 100vw;
  max-width: 600px;
}

.error-container {
  width: auto;
}

.error-invisible {
  display: none;
  opacity: 0;
  transition: all 0.5s linear;
}

#worm_activation_country {
  border: 1px solid var(--pezz_dark_blue);
  border-radius: 5px;
  background-color: var(--pezz_white);
  color: var(--pezz_text);
  font-size: 14px;
  padding-left: 10px;
  max-height: 37px;
width: 100%;
-webkit-appearance: none;
}

.error-visible {
  display: block;
  opacity: 1;
  transition: all 0.5s linear;
  width: 100%;
  max-width: 600px;
}

.error-payment-activation-code {
  margin: 20px 0;
}

/* MOBILE */

@media only screen and (max-width: 600px) {

  .error-container {
      width: 100%;
  }

  .contact_faq_section {
      width: 90%;
  }

  .single_question i {
      min-width: 30px;
      margin: 0 5px;
  }

  .answer_section {
      padding: 5px 10px 20px 30px;
  }

  .faq_container .small_button_blue {
      margin: 10px 0;
  }

  .faq_container .center_row_container {
      flex-direction: column;
  }

  #faq_general, #faq_dog, #faq_cat {
      padding: 30px 0;
  }

  .faq_section {
      width: 100%;
  }

  #faqs_hut, 
  #faqs_kut { 
      padding: 80px 0px;
  }

  .question_container {
      padding-top: 15px;
      align-items: center;
  }

  .question_text {
      font-size: 16px;
      line-height: 20px;
  }
}


/* TABLET */
@media only screen and (min-width: 600px) and (max-width: 1300px) {
  .contact_faq_section {
      width: 70%;
  }
}

/* FAQ on Product Pages */
@media only screen and (min-width: 600px) and (max-width: 1150px) {
  .faq_section {
      width: auto;
  }
.masthead-mobile {
	display: none;
	}
}

/* REALLY SMALL PHONES */ 
@media only screen and (max-width: 350px) { 

  .question_container {
      padding-top: 10px;
      align-items: center;
  }
  
  .question_text {
      font-size: 15px;
      line-height: 20px;
  }
}

/* OTHER */
fieldset {
  margin: 10px 0!important;
}

.pixelmate-general-allow-bottom:hover, .pixelmate-general-deny-bottom:hover, .pixelmate-general-single-bottom:hover {
  opacity: 1;
  font-size: 12px !important;
}
.pixelmate-general-single-bottom {
font-size: 12px!important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance:textfield;
}

.fox-term-list {
display: none;
}

#masthead-mobile {
	display: none!important;
}
.inner_card_container {
	width: 100%;
}

.fake_button {
	background-color: #D0D6DB;
	cursor: wait;
    border: 1px solid #D0D6DB;
    padding: 10px 20px;
    color: var(--pezz_white) !important;
    font-family: "Inter", "RetailMedium", Work Sans;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.2px;
    box-shadow: none;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    line-height: inherit;
    text-transform: none;
}

.cursor-wait {
  cursor: wait !important;
}