/*!
Theme Name: m1-privatklinik
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: m1-privatklinik
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

m1-privatklinik is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

:root {
  --red: #8c0c34;
  --black: #000;
  --black-text: #1a1a1a;
  --white: #ffffff;
  --dark-gray: #333333;
  --gray: #8e8e8e;
  --dark-gray-2: #525252;
  --gray-2: #6f6f6f;
  --light-gray: #f2f2f2;
}
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  font-size: 16px;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

@media (min-width: 1024px) {
  html {
    font-size: 18px;
  }
}

.container {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 1480px) {
  .container {
    padding: 0 60px;
    max-width: 100%;
  }
}

@media (max-width: 1023px) {
  .container {
    padding: 0 30px;
    max-width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  html {
    font-size: 16px;
  }

  .container {
    padding: 0 20px;
  }
}

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

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  overflow-x: hidden;
}

/**
 * Render the `main` element consistently in IE.
 */
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;
  height: 0;
  overflow: visible;
}

/**
 * 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;
  font-size: 1em;
}

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

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 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;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * 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;
  font-size: 1em;
}

/**
 * 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;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  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: 1px dotted ButtonText;
}

/**
 * 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;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * 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;
  padding: 0;
}

/**
 * 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;
  outline-offset: -2px;
}

/**
 * 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;
  font: inherit;
}

/* 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;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
}
.inter-font {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.raleway-font {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

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

p {
  margin-bottom: 1.5em;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  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;
}

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

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

big {
  font-size: 125%;
}

.entry-content h1 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.02em;
  hyphens: auto;
}
.entry-content h2 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 600;
  hyphens: auto;
}

.entry-content h2 + p {
  margin-top: 13px;
}

.eyebrow-heading {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: var(--gray-2);
  line-height: 14px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 4px !important;
  margin-top: 0;
  text-transform: uppercase;
}

.eyebrow-heading:before {
  content: "";
  height: 1px;
  width: 44px;
  background: var(--gray-2);
}

@media (min-width: 1024px) {
  .entry-content h1 {
    font-size: 60px;
    line-height: 56px;
  }
  .entry-content h2 {
    font-size: 48px;
    line-height: 56px;
  }
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background: var(--red);
  border-color: var(--red);
  height: 1px;
  margin-bottom: 1.5em;
  width: 80%;
}

hr.light {
  background-color: #979797;
  border: none !important;
  width: 100%;
}

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;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

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

.content-section {
  margin-top: 100px;
}

.entry-content {
  margin-bottom: 100px;
  position: relative;
}

@media (min-width: 1024px) {
  .content-section {
    margin-top: 140px;
  }
  .entry-content {
    margin-bottom: 140px;
  }
}

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

a:visited {
  color: var(--black-text);
}

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

a:focus {
  outline: thin dotted;
}

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

/* BUTTONS */

.button {
  outline: none;
  border-radius: 37.5px;
  white-space: nowrap;
  line-height: 100%;
  text-decoration: none;
  width: fit-content;
  overflow: hidden;
  font-weight: 600;
}

.button:has(a) a {
  padding: 12px 24px;
  transition: all ease-in-out 0.2s;
}
@media only screen and (max-width: 600px) {
  .button:has(a) a {
    white-space: normal;
    padding: 12px 16px;
  }
}

.red-bg a,
.gray-outline:hover a,
.red-outline:hover a {
  background: var(--red);
  border: 1px solid var(--red);
  color: white !important;
}

.red-bg:hover:not(:disabled) a,
.gray-outline a {
  background: var(--white);
  color: var(--dark-gray) !important;
  border: 1px solid var(--dark-gray);
}

.white-bg a {
  background: var(--white);
  border: 1px solid var(--white);
  color: var(--dark-gray) !important;
}

.white-bg:hover a {
  background: transparent;
  color: var(--white) !important;
}

.red-outline a {
  background: var(--white);
  border: 1px solid var(--red);
  color: var(--dark-gray);
}
.red-outline > a::before {
  background-color: var(--red) !important;
}
.red-outline:hover > a::before {
  background-color: white !important;
}
/* BUTTONS END */

/* ICONS */
.icon {
  background-color: var(--black-text);
  width: 24px;
  height: 24px;
  mask-size: contain;
  display: block;
}

.gray-icon {
  background-color: var(--gray);
}

.red-icon {
  background-color: var(--red);
}

.icon:hover,
.gray-icon:hover {
  background-color: var(--red);
}
.red-icon:hover {
  background-color: var(--gray);
}

.icon.message {
  -webkit-mask: url(assets/icons/message.svg) no-repeat center;
  mask: url(assets/icons/message.svg) no-repeat center;
}
.icon.plus {
  -webkit-mask: url(assets/icons/plus.svg) no-repeat center;
  mask: url(assets/icons/plus.svg) no-repeat center;
}
.icon.check {
  -webkit-mask: url(assets/icons/check.svg) no-repeat center;
  mask: url(assets/icons/check.svg) no-repeat center;
}
.icon.phone {
  -webkit-mask: url(assets/icons/phone.svg) no-repeat center;
  mask: url(assets/icons/phone.svg) no-repeat center;
}
.icon.phone-2 {
  -webkit-mask: url(assets/icons/phone-2.svg) no-repeat center;
  mask: url(assets/icons/phone-2.svg) no-repeat center;
}
.icon.mail {
  -webkit-mask: url(assets/icons/mail.svg) no-repeat center;
  mask: url(assets/icons/mail.svg) no-repeat center;
}
.icon.carret-right {
  -webkit-mask: url(assets/icons/carret-right.svg) no-repeat center;
  mask: url(assets/icons/carret-right.svg) no-repeat center;
}

.button-with-icon > a {
  position: relative;
  padding-left: 22px;
  display: inline-flex;
  align-items: center;
}

.message-button > a::before,
.message-2-button > a::before,
.phone-button > a::before {
  content: "";
  display: block;
  margin-right: 7.5px;
  width: 22px;
  height: 20px;
  background-color: var(--white);
  -webkit-mask: url(assets/icons/message.svg) no-repeat center;
  mask: url(assets/icons/message.svg) no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
}

.message-2-button > a::before {
  -webkit-mask: url(assets/icons/message-2.svg) no-repeat center;
  mask: url(assets/icons/message-2.svg) no-repeat center;
}

.phone-button > a::before {
  -webkit-mask: url(assets/icons/phone-2.svg) no-repeat center;
  mask: url(assets/icons/phone-2.svg) no-repeat center;
}

.message-button:hover > a::before,
.message-2-button:not(:disabled):hover > a::before,
.phone-button:hover > a::before {
  background-color: var(--dark-gray);
}

.gray-outline.message-button > a::before {
  background-color: var(--dark-gray);
}

.gray-outline.message-button:hover > a::before {
  background-color: var(--white);
}

.white-bg.message-button > a::before {
  background-color: var(--dark-gray);
}
.white-bg.message-button:hover > a::before {
  background-color: var(--white);
}

/* ICONS END */

/* Forms
--------------------------------------------- */

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: #111;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */

.site-header {
  font-family: "Inter", sans-serif;
  z-index: 99;
  position: relative;
  background: white;
}
.main-navigation li a {
  color: var(--gray);
  font-weight: 500;
  text-decoration: none;
}

.main-navigation li:hover > a {
  color: var(--red);
}

.main-navigation .menu {
  gap: min(29px, 2vw);
}

/* copy of wp default css to a 1000px media query */
@media (min-width: 1024px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: block !important;
    width: 100%;
    position: relative;
    z-index: auto;
    background-color: inherit;
  }
}

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: none;
  }
}

.wp-block-navigation__responsive-container-open {
  color: var(--red);
}

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

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

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

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

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

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

/* 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;
  display: grid;
  grid-gap: 1.5em;
}

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

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* 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;
}

.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: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

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

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

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

/* FRONT PAGE */
.ring-avatar-border:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 99px;
  width: 100%;
  height: 100%;
}

.good-atmosphere-items-single {
  border-radius: 22px;
  /* background-color: var(--light-gray); */
  background-color: #eee9e2;
  padding: 50px 40px;
  color: var(--black-text);
  cursor: pointer;
  position: relative;
  transition: all ease-in-out 0.2s;
  overflow: hidden;
  gap: 0;
  flex-wrap: nowrap !important;
}

.good-atmosphere-items-single .order {
  font-weight: 700;
  font-size: 50px;
  line-height: 100%;
  margin: 0;
  z-index: 2;
  max-height: 100px;
  transition: max-height ease-in-out 0.2s;
  overflow: hidden;
}
.good-atmosphere-items-single .title {
  font-weight: 700;
  margin: 0;
  margin-top: 4px;
  font-size: 20px;
  z-index: 2;
  padding-right: 90px;
}
.good-atmosphere-items-single .description {
  margin: 22px 0;
  z-index: 2;
}
.good-atmosphere-items-single .background-image {
  position: absolute;
  top: 35%;
  left: auto;
  right: 0;
  height: 60%;
  width: auto;
  transition: all ease-in-out 0.2s;
  z-index: 1;
  /* filter: brightness(0) saturate(100%) invert(90%) sepia(0%) saturate(0%)
    hue-rotate(0deg) brightness(100%) contrast(100%); */
  filter: brightness(0) invert(1);
  border-radius: 0 !important;
}
.good-atmosphere-items-single .background-image img {
  width: auto;
  height: 100%;
}

.good-atmosphere-items-single .button-space {
  height: 0;
  width: 100%;
  margin-top: auto;
}
.good-atmosphere-items-single .button-block {
  position: absolute;
  bottom: 50px;
}
.good-atmosphere-items-single .button {
  z-index: 2;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: transform ease-in-out 0.2s;
}
.good-atmosphere-items-single:hover,
.good-atmosphere-items-single.active {
  background: var(--red);
  color: var(--white);
  padding-top: 140px;
}
.good-atmosphere-items-single.active a {
  color: var(--white);
}
.good-atmosphere-items-single.active a:hover {
  color: var(--light-gray);
}

.good-atmosphere-items-single:hover .background-image,
.good-atmosphere-items-single.active .background-image {
  filter: brightness(0) invert(1);
  top: 50px;
  left: 40px;
  right: auto;
  height: 90px;
}

.good-atmosphere-items-single:hover .order,
.good-atmosphere-items-single.active .order {
  max-height: 0;
}

.good-atmosphere-items-single:hover .button,
.good-atmosphere-items-single.active .button {
  transform: scaleY(1);
  opacity: 1;
}
.good-atmosphere-items-single:hover .button-space,
.good-atmosphere-items-single.active .button-space {
  height: 46px;
}

.good-atmosphere-items-single:after,
.hospital-department-items-single::after,
.circle-highlight::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(101%);
  background-color: #840a30;
  border-radius: 99999px;
  transition: transform ease-in-out 0.2s;
  width: 90%;
  aspect-ratio: 1;
}
.good-atmosphere-items-single:hover:after,
.good-atmosphere-items-single.active:after {
  transform: translateX(-50%) translateY(60%);
}

.hospital-department-benefits > * {
  font-weight: 600;
  font-size: 16px;
  position: relative;
}
.checkmark-list > * {
  padding-left: 25px;
}
.checkmark-list > *:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  margin-right: 11px;
  width: 17px;
  height: 12px;
  background-color: var(--red);
  -webkit-mask: url(assets/icons/check.svg) no-repeat center;
  mask: url(assets/icons/check.svg) no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
}
.checkmark-list.white > *:before {
  background-color: white;
}

.hospital-department-items-single {
  /* background: var(--light-gray); */
  background: #eee9e2;
  border-radius: 22px;
  gap: 10px;
  color: var(--black);
  padding: 40px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.hospital-department-items-single .title {
  font-size: 20px;
  font-weight: 700;
  hyphens: auto;
}
.hospital-department-items-single .description {
  display: none;
}
.hospital-department-items-single .image {
  width: 40px;
  height: auto;
  filter: brightness(0);
  border-radius: 0px !important;
}

.hospital-department-items-single .image img {
  height: 100%;
  width: auto;
}

.hospital-department-items-single.active {
  width: 100%;
  height: 100%;
  background: var(--red);
  color: var(--white);
  justify-content: center;
}
.hospital-department-items-single.active a {
  color: var(--white);
}
.hospital-department-items-single.active a:hover {
  color: var(--light-gray);
}
.hospital-department-items-single.active > * {
  z-index: 2;
}
.hospital-department-items-single.active .description {
  display: block;
}
.hospital-department-items-single.active .image {
  height: 80px;
  width: auto;
  filter: brightness(0) invert(1);
}

.hospital-department-items-single::after {
  transition: transform 0.2s ease-in-out 0.2s;
}
.hospital-department-items-single.active::after {
  transform: translateX(-50%) translateY(60%);
  z-index: 1;
}

#hospital-department-active {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

#hospital-department-active.fade-out {
  opacity: 0;
}
.circle-highlight {
  position: relative;
  overflow: hidden;
}

.circle-highlight.right::after {
  height: 130%;
  top: 50%;
  left: auto;
  right: 0;
  bottom: auto;
  transform: translateX(-20%) translateY(-50%);
  width: auto;
}
.circle-highlight.left::after {
  height: 130%;
  top: 50%;
  right: auto;
  left: 0;
  bottom: auto;
  transform: translateX(20%) translateY(-50%);
  width: auto;
}
.circle-highlight.bottom::after {
  transform: translateX(-50%) translateY(80%);
}

@media (min-width: 1024px) {
  .good-atmosphere-items-single {
    /* padding: 100px 64px; */
    padding: 60px 30px;
  }
  .good-atmosphere-items-single .order {
    font-size: 66px;
  }
  .good-atmosphere-items-single .title {
    font-size: 22px;
  }
  .good-atmosphere-items-single:hover .background-image,
  .good-atmosphere-items-single.active .background-image {
    top: 30px;
    right: 30px;
    height: 90px;
    left: auto;
  }
  .good-atmosphere-items-single:hover,
  .good-atmosphere-items-single.active {
    padding-top: 100px;
  }
  .good-atmosphere-items-single .button-block {
    bottom: 60px;
  }
}

@media (max-width: 1023px) {
  .hospital-department-items-single:not(.active) {
    flex-direction: row !important;
    flex-wrap: nowrap;
    padding: 35px 30px;
    gap: 20px;
    align-items: center;
  }
  .hospital-department-items-single p {
    flex: 1;
  }
  .hospital-department-items-single .image {
    width: 42px;
    height: auto;
  }

  .hospital-department-items-single.active {
    padding: 70px 35px;
  }
  .hospital-department-items-single.active .image {
    height: 70px;
  }
}

/* FRONT PAGE END*/

footer a {
  color: white;
  text-decoration: none;
}
footer a:hover {
  color: white;
  text-decoration: underline;
}

.footer-departments-menu li:before {
  content: "";
  display: block;
  margin-right: 6px;
  width: 6px;
  height: 9px;
  background-color: var(--white);
  -webkit-mask: url(assets/icons/carret-right.svg) no-repeat center;
  mask: url(assets/icons/carret-right.svg) no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
}

.entry-cover {
  border-radius: 1.5rem;
  align-items: end !important;
  padding: 20px !important;
  padding-bottom: 40px !important;
}
.entry-cover-inner {
  gap: 50px;
  align-items: flex-start !important;
}

.entry-cover-inner-content {
  background: white;
  border-radius: 1rem;
  padding: 30px 20px;
  flex: 3;
}
.entry-cover-inner-content-inner {
  gap: 18px !important;
}
.entry-cover-inner-content-inner-eyebrow {
  font-weight: 500;
}
.entry-cover-inner-content-inner-title {
  margin: 0 !important;
  hyphens: auto;
}

.entry-cover-inner-details {
  flex: 2;
  gap: 50px !important;
  flex-direction: column-reverse !important;
}
.entry-cover-inner-details-avatars {
  align-items: end !important;
}
.entry-cover-inner-details-avatars-inner {
  padding: 15px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0.75rem;
  width: 220px;
}
.entry-cover-inner-details-avatars-inner-list {
  gap: 0 !important;
}
.ring-avatar {
  border-radius: 99px;
  overflow: hidden;
  box-shadow: 0 0 0 3px white;
  position: relative;
}
.entry-cover-inner-details-avatars-inner-text {
  font-size: 1.125rem;
  line-height: calc(1.75 / 1.125);
  font-weight: 600;
}

.entry-cover-inner-details-avatars-text {
  margin: 0 !important;
  font-size: 0.875rem;
  line-height: calc(1.25 / 0.875);
}
@media (min-width: 1024px) {
  .entry-cover {
    padding: 40px !important;
  }
  .entry-cover-inner-content {
    padding: 40px;
  }
  .entry-cover-inner-content-inner {
    gap: 22px !important;
  }
  .entry-cover-inner-details {
    gap: 22px !important;
    flex-direction: column !important;
  }
}

@media (max-width: 1023px) {
  .entry-cover-inner {
    flex-direction: column;
  }
}

.anchors-list {
  background: var(--red);
  padding: 57px 50px;
  border-radius: 22px;
  flex: 1;
  width: 100%;
}
.anchors-list-title {
  color: white;
  font-size: 1.22rem;
  font-weight: 700;
}
.circle-highlight > * {
  z-index: 2;
}

.anchors-list ul {
  /* margin-left: 0 !important;
  padding-left: 0 !important; */
  margin-top: 15px;
  list-style: decimal !important;
}

.anchors-list li {
  /* display: flex;  */
  padding: 7px 0;
  opacity: 0.5;
  padding-inline: 8px;
  transition: all 0.1s ease-in-out;
}

.anchors-list li::marker {
  color: white !important;
}
/* .anchors-list li::before {
  content: url('data:image/svg+xml,<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6.5" cy="7" r="6.5" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.84096 7.38883L5.76808 10.5L5 9.72234L7.68883 7L5 4.27766L5.76808 3.5L8.84096 6.61117C8.94279 6.71431 9 6.85417 9 7C9 7.14583 8.94279 7.28569 8.84096 7.38883Z" fill="%238C0C33"/></svg>');
  width: 13px;
  height: 13px;
  margin-right: 15px;
  margin-top: 1px;
} */
.anchors-list li:hover {
  opacity: 1;
  text-shadow: 1px 0px 0px white;
}

.anchors-list li a {
  text-decoration: none;
  color: white;
}
.anchors-list li a:hover {
  color: white;
}

/* TABS BLOCK */

.tabs-block {
  background: var(--red);
  border-radius: 22px;
  padding-bottom: 30px;
  overflow: hidden;
}
.tabs-block-outer {
  position: relative;
  width: 100%;
}
.tabs-block-navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  justify-content: space-between;
  z-index: 10;
  width: 100%;
  padding-inline: 20px;
}
.tabs-block-navigation-button {
  width: 42px;
  height: 42px;
  border-radius: 21px;
  background: white;
  opacity: 0.8;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  cursor: pointer;
  position: relative;
}
.tabs-block-navigation-button::after {
  content: "";
  display: block;
  width: 24px;
  height: 20px;
  background-color: var(--red);
  mask-size: contain;
  -webkit-mask-size: contain;
  -webkit-mask: url(assets/icons/arrow-left.svg) no-repeat center;
  mask: url(assets/icons/arrow-left.svg) no-repeat center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tabs-block-navigation-button:hover {
  opacity: 1;
}
.tabs-block-navigation-button.next::after {
  -webkit-mask: url(assets/icons/arrow-right.svg) no-repeat center;
  mask: url(assets/icons/arrow-right.svg) no-repeat center;
}

.tab-content
  .wp-block-media-text.is-image-fill-element
  > .wp-block-media-text__media {
  align-self: flex-start;
  height: 434px;
}
.tab-content .wp-block-media-text__content {
  align-self: flex-start;
}

.tab-content .wp-block-list li::marker,
.tab-content a {
  color: inherit !important;
}

@media (max-width: 1023px) {
  .tabs-block-outer {
    --tab-content-image-height: 243px;
  }
  .tab-content
    .wp-block-media-text.is-image-fill-element
    > .wp-block-media-text__media {
    height: var(--tab-content-image-height);
  }
  .tab-content .wp-block-media-text {
    grid-template-rows: var(--tab-content-image-height) auto;
  }
  .tabs-block-navigation {
    padding-inline: 5px;
  }
  .tabs-block-navigation-button {
    width: 30px;
    height: 30px;
  }
  .tabs-block-navigation {
    top: calc(var(--tab-content-image-height) + 55px);
    transform: translateY(0);
  }
}

.tabs-titles {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start !important;
  align-content: space-between;
  flex-direction: row;
  gap: 0 10px !important;
  margin-bottom: -1px;
  margin-inline: 60px !important;
  margin-top: 30px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  padding-inline: 18px;
  width: calc(100% - 120px);
}

.tabs-titles div {
  float: left;
  cursor: pointer;
  flex-shrink: 0;
}

.tabs-titles div a {
  padding: 10px 22px !important;
  color: white !important;
  opacity: 0.5;
  transition: 0.3s;
  font-size: 16px;
  line-height: 100%;
  background-color: transparent;
}
.tabs-titles div:hover a,
.tabs-titles div.active a {
  opacity: 1;
  text-shadow: 1px 0px 0px white;
}
.tabs-titles div.active,
.tabs-titles div:hover {
  z-index: 3;
}
.tab-content {
  opacity: 0;
  color: white;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
}
.tabs-block > .tab-content:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
.tab-content .wp-block-media-text {
  height: 100%;
}
.tab-content .wp-block-media-text__media {
  border-bottom-right-radius: 22px;
  overflow: hidden;
}
.tab-content .wp-block-media-text__content {
  padding: 80px 70px;
}

.tab-content a,
.tab-content h3,
.tab-content h4 {
  color: white;
}
.tab-content .card-order {
  font-size: 66px;
  line-height: 100%;
  font-weight: 700;
  margin: 0 !important;
}
.tab-content .card-title {
  font-size: 1.22rem;
  font-weight: 700;
  margin: 22px 0 12px;
}
.tab-content .card-description {
  opacity: 0.8;
  margin: 0;
}

.tab-content.active {
  display: block;
  opacity: 1;
  z-index: 2;
}

@media screen and (min-width: 1025px) {
  .tabs-titles {
    gap: 0 20px !important;
    justify-content: space-evenly !important;
  }
}

/* TABS BLOCK END */

.doctor-card {
  gap: 0;
  width: 427px;
}
.doctor-card-media {
  position: relative;
  width: 100%;
}
.doctor-card-red-bg {
  background: var(--red);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 252px;
  border-radius: 22px;
  z-index: 1;
  padding: 28px;
  display: flex;
  justify-content: end;
  gap: 15px;
}
.doctor-card-red-bg.circle-highlight::after {
  width: 200%;
}
.doctor-card-media-image {
  z-index: 2;
  margin: 0 auto;
  position: relative;
  width: fit-content;
  height: fit-content;
}
.doctor-card-red-bg .icon {
  background-color: white;
  opacity: 0.4;
  margin: 0 !important;
}
.doctor-card-red-bg .icon:hover {
  opacity: 1;
}
.doctor-card-info {
  gap: 12px;
  align-items: center !important;
  justify-content: center;
  margin: 0 auto !important;
}
.doctor-card-info-text {
  background: var(--light-gray);
  border-radius: 30px;
  padding: 41px 25px;
  text-align: center;
  z-index: 2;
  margin: -50px 28px 0 !important;
}
.doctor-card-info-text-title {
  font-weight: 700;
  font-size: 1.22rem;
  position: relative;
  margin: 0 !important;
}
.doctor-card-info-text-description {
  margin: 0 !important;
  margin-top: 18px !important;
}
.doctor-card-info-text-title::after {
  content: "";
  position: absolute;
  width: 85px;
  height: 3px;
  background: var(--red);
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 3px;
}

.blurred-cover::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 180%;
  aspect-ratio: 1;
  transform: translate(-50%, 50%);
  border-radius: 999px;
  backdrop-filter: blur(4px);
  mask-image: radial-gradient(
    circle,
    white 30%,
    transparent 70%,
    transparent 100%
  );
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100% 100%;
  z-index: 2;
}
.blurred-cover::after {
  z-index: 3;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(27.54deg, #2f0311 0%, rgba(7, 7, 7, 0) 40.75%);
}

.blurred-cover .wp-block-cover__inner-container {
  z-index: 4 !important;
}

.gray-highlight {
  font-size: 0.9rem;
  color: var(--black-text);
  font-weight: 600;
  background-color: var(--light-gray);
  border-radius: 100px;
  padding: 8px 20px;
  width: fit-content;
  margin: 0 !important;
}
.list-with-markers {
  gap: 12px 22px;
  margin-top: 12px !important;
}
.list-with-markers > * {
  position: relative;
  margin-left: 16px !important;
}
.list-with-markers > *::before {
  content: "";
  background: var(--red);
  width: 6px;
  height: 6px;
  border-radius: 3px;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  display: block;
}
.no-hover-child > * {
  cursor: default !important;
}

/* DETAILS BLOCK */

.details-block {
  gap: 22px;
}
.details-block details {
  width: 100%;
  background: var(--light-gray);
  border-radius: 22px;
  padding-bottom: 18px;
}

.details-block summary {
  list-style: none;
  cursor: pointer;
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  padding: 30px 72px 12px 42px;
}

.details-block summary::-webkit-details-marker {
  display: none;
}

.details-block summary::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 19px;
  transition: transform 0.3s ease;
  background-color: var(--red);
  width: 42px;
  height: 42px;
  border-radius: 21px;
}
.details-block summary::after {
  content: "";
  position: absolute;
  right: calc(20px + 12px);
  top: calc(19px + 12px);
  transition: transform 0.3s ease;
  background-color: white;
  -webkit-mask: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 10.2857H10.2857V18H7.71429V10.2857H0V7.71429H7.71429V0H10.2857V7.71429H18V10.2857Z" fill="white"/></svg>')
    no-repeat 50% 50%;
  mask: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 10.2857H10.2857V18H7.71429V10.2857H0V7.71429H7.71429V0H10.2857V7.71429H18V10.2857Z" fill="white"/></svg>')
    no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  width: 18px;
  height: 18px;
}

.details-block details[open] summary::after {
  transform: rotate(45deg);
}

.details-block .content {
  margin-bottom: 0 !important;
  padding: 0px 72px 12px 42px;
}
.details-block.highlighted details {
  transition: all 0.2s ease-in-out;
}
.details-block.highlighted details[open] {
  background: var(--red);
  color: white;
}
.details-block.highlighted summary::before {
  background-color: var(--white);
  outline: 7px solid rgba(0, 0, 0, 0.04);
  transition: outline-color 0.2s ease-in-out;
}
.details-block.highlighted summary::after {
  background-color: var(--red);
}
.details-block.highlighted details[open] summary::before {
  outline-color: rgba(255, 255, 255, 0.14);
}
.checkmark-list p {
  position: relative;
}
.details-block.highlighted .content {
  padding-top: 20px;
  padding-bottom: 30px;
}

/* DETAILS BLOCK END*/
/* 
.flip-slider.swiper {
  margin-top: 44px !important;
  height: calc(400px + 64px) !important;
  padding-bottom: 64px;
}
.flip-slider .swiper-slide {
  background: none;
}
.flip-slider .flip-card {
  width: 100%;
  height: 100%;
}
.flip-slider .flip-card-front {
  background: var(--light-gray);
  gap: 34px;
}
.flip-slider .flip-card-front .flip-card-image {
  width: 108px;
  height: auto;
}

.flip-slider .flip-card-front div {
  text-align: center;
  padding: 0 80px;
  font-size: 20px;
  font-weight: 700;
}

.flip-slider .flip-card-back {
  background: var(--red);
  display: flex;
  align-items: center;
  padding: 20px 50px;
  position: relative;
  text-align: left;
  color: white;
  width: calc(100% - 100px);
  height: calc(100% - 60px);
  border-radius: 22px;
  overflow: hidden;
}
.flip-slider .flip-card-back::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="441" height="323" viewBox="0 0 441 323" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M230.431 125.779C244.232 36.828 316.35 4.86345 350.684 0H419C431.15 0 441 9.84974 441 22V301C441 313.15 431.15 323 419 323H18.6298C5.86139 323 -4.02977 311.909 1.74435 300.521C13.9247 276.498 44.3823 247.955 108.656 241.998C143.498 240.321 216.63 214.73 230.431 125.779Z" fill="%23840A30"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  width: 90%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.flip-slider .flip-card-back p {
  z-index: 1;
  position: relative;
}
.flip-slider .flip-card-front {
  box-shadow: none;
  border-radius: unset;
}

.flip-slider .flip-card-front {
  padding: 50px;
  width: calc(100% - 100px);
  height: calc(100% - 100px);
  border-radius: 22px;
  overflow: hidden;
}
.flip-slider .swiper-button-next,
.flip-slider .swiper-button-prev {
  bottom: 0px;
  top: unset;
  position: absolute;
  padding: 11px 9px;
}
.flip-slider .swiper-button-next {
  right: 0;
}
.flip-slider .swiper-button-prev {
  left: unset;
  right: 50px;
}
.flip-slider .swiper-button-next:after,
.flip-slider .swiper-button-prev::after {
  width: 24px;
  height: 20px;
} */
.entry-content .wp-block-image {
  border-radius: 22px;
  overflow: hidden;
}
.entry-content a:hover {
  color: var(--red);
  transition: 0.2s all ease-in-out;
}

.entry-content .wp-block-list {
  padding-inline-start: 16px;
}
.entry-content .wp-block-list li::marker {
  color: var(--red);
}
.entry-content .wp-block-list li {
  padding: 6px 0;
}

.mc4wp-form-fields {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.mc4wp-form-fields .input {
  flex: 1;
}
.mc4wp-form-fields p,
.mc4wp-response p {
  margin: 0 !important ;
}
.mc4wp-form-fields .submit-button input {
  background: var(--red);
  font-size: 16px;
  color: white;
  font-weight: 600;
  padding: 12px 20px;
  border-radius: 8px;
  border: 1px solid var(--red);
  transition: all 0.2s ease-in-out;
}
.mc4wp-form-fields .submit-button input:hover {
  background-color: white;
  border-color: var(--dark-gray);
  color: var(--dark-gray);
}

.mc4wp-form-fields .input input {
  border-color: #d0d5dd;
  font-size: 16px;
  padding: 12px 14px;
  color: black;
  border-radius: 8px;
}

@media (max-width: 1023px) {
  .anchors-list {
    padding: 40px 25px;
  }
  .anchors-list.circle-highlight::after {
    width: 110%;
  }
  .tab-content .wp-block-media-text__media {
    border-bottom-right-radius: 0px;
  }
  .tab-content .wp-block-media-text__content {
    padding: 44px 30px;
    padding-bottom: 0;
  }
  .tabs-titles {
    margin-inline: 0 !important;
    background-color: transparent;
    border-radius: 0px;
    flex-wrap: wrap;
    padding: 0 30px;
    gap: 12px 22px !important;
    width: 100%;
  }
  .tabs-titles .tab-title a {
    background: #ffffff1a;
    border-radius: 100px;
    text-align: left;
  }
  .tabs-titles .tab-title.active a {
    background: white;
    color: var(--black-text) !important;
  }
  .tabs-titles .tab-title {
    flex-shrink: unset;
  }
  .doctor-card {
    width: 100%;
  }
  .doctor-card-red-bg {
    height: 282px;
  }
  .doctor-card-info-text {
    margin: -50px 15px 0 !important;
  }
  .mobile-column-child:not(.active) > *,
  .mobile-column-child > * {
    flex-direction: column !important;
  }
  .mobile-column-child .title {
    font-size: 17px;
    text-align: center;
  }
  .details-block summary {
    padding-left: 22px;
  }
  .details-block .content {
    padding-left: 22px;
  }
  .mc4wp-form-fields {
    flex-direction: column;
  }
  .mc4wp-form {
    width: 100%;
  }
  .details-block.highlighted summary {
    padding-left: 32px;
  }
  .details-block.highlighted .content {
    padding-inline: 32px;
  }
}

.phone-link > a,
.mail-link > a,
.fax-link > a {
  text-decoration: none;
  position: relative;
  display: inline-flex;
  align-items: center;
}

.phone-link > a::before,
.mail-link > a::before,
.fax-link > a::before {
  content: "";
  display: block;
  margin-right: 9px;
  width: 17px;
  height: 17px;
  background-color: var(--red);
  -webkit-mask-size: 17px 17px !important;
  mask-size: 17px 17px !important;
}
.phone-link > a::before {
  -webkit-mask: url(assets/icons/phone-2.svg) no-repeat center;
  mask: url(assets/icons/phone-2.svg) no-repeat center;
}
.mail-link > a::before {
  -webkit-mask: url(assets/icons/mail.svg) no-repeat center;
  mask: url(assets/icons/mail.svg) no-repeat center;
}
.fax-link > a::before {
  -webkit-mask: url(assets/icons/fax.svg) no-repeat center;
  mask: url(assets/icons/fax.svg) no-repeat center;
}

.bottom-line-highlighted-title {
  font-weight: 700;
  position: relative;
}
.bottom-line-highlighted-title::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 85px;
  height: 3px;
  border-radius: 5px;
  background: var(--black-text);
}
.doctor-info {
  gap: 22px;
  margin-top: 44px !important;
}
.doctor-info:first-of-type {
  margin-top: 0px !important;
}

.examination-methods {
  gap: 44px;
  width: 100%;
  align-items: flex-start !important;
  justify-content: center;
  flex-wrap: wrap !important;
}

.examination-methods .image {
  position: relative;
  width: fit-content;
  height: fit-content;
}
.examination-methods .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* filter: brightness(0) invert(1); */
  filter: brightness(0);
}

.examination-methods .image::before {
  content: "";
  width: 140px;
  height: 140px;
  /* background: var(--red); */
  background: #eee9e2;
  display: block;
  border-radius: 99px;
}

.examination-methods-item {
  align-items: center !important;
  gap: 21px;
  width: 100%;
}
.examination-methods-item p {
  text-align: center;
  font-weight: 800;
  hyphens: auto;
}

@media (min-width: 1024px) {
  .examination-methods {
    gap: 64px 100px;
    width: 90%;
  }
  .examination-methods.many-items {
    width: 100%;
    gap: 30px 80px;
  }
  .examination-methods-item {
    width: calc(33% - 66px);
  }
  .examination-methods.many-items .examination-methods-item {
    width: calc(20% - 80px);
  }
}

/* NAVIGATION MENU START*/

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

.main-navigation .menu li ul {
  position: absolute;
  padding: 0;
  z-index: 9999;
  width: 240px;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  border-top: 3px solid var(--red);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateZ(0);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 5px;
  gap: 20px;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
  color: var(--red);
}

.main-navigation > ul > li > ul > li.menu-item-has-children {
  position: relative;
  padding-right: 12px;
}

.mobile-menu {
  display: none;
}

@media screen and (min-width: 1024px) {
  .main-navigation li:hover > ul,
  .main-navigation li[aria-expanded="true"] > ul {
    height: fit-content;
    overflow: unset;
    opacity: 1;
    visibility: visible;
    transition: all 0.2s ease-in-out;
    padding: 20px;
  }
  /* .main-navigation > ul > li > ul > li.menu-item-has-children > ul {
    position: relative;
    background: none;
    box-shadow: none;
    width: fit-content;
    visibility: visible;
    opacity: 1;
    margin-top: 5px;
    padding: 10px;
    border-top: none;
  } */
  .main-navigation > ul > li > ul > li.menu-item-has-children::after {
    --border-color: var(--gray);

    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--border-color);
    border-bottom: 2px solid var(--border-color);
    transform: translateY(-2px) rotate(45deg);
    margin-left: 6px;
  }
  .main-navigation > ul > li > ul > li.menu-item-has-children:hover::after {
    --border-color: var(--red);
  }
  .main-navigation > ul > li > ul > li.menu-item-has-children:hover > ul,
  .main-navigation
    > ul
    > li
    > ul
    > li.menu-item-has-children[aria-expanded="true"]
    > ul {
    top: 0;
    right: 2px;
    transform: translateX(100%);
  }
}

@media (max-width: 1023px) {
  .main-navigation .menu.desktop {
    display: none !important;
  }
  .menu-toggle {
    position: relative;
    width: 50px;
    cursor: pointer;
    padding: 10px;
  }

  .menu-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--red);
    transition: all 0.3s;
    position: relative;
  }

  .menu-toggle span + span {
    margin-top: 4px;
  }

  .menu-toggle span:last-child {
    width: 80%;
  }

  .menu-toggle.active span:last-child {
    width: 100%;
  }

  .menu-toggle.active span:nth-child(1) {
    animation: ease 0.7s top forwards;
  }

  .menu-toggle.not-active span:nth-child(1) {
    animation: ease 0.7s top-2 forwards;
  }

  .menu-toggle.active span:nth-child(2) {
    animation: ease 0.7s scaled forwards;
  }

  .menu-toggle.not-active span:nth-child(2) {
    animation: ease 0.7s scaled-2 forwards;
  }

  .menu-toggle.active span:nth-child(3) {
    animation: ease 0.7s bottom forwards;
  }

  .menu-toggle.not-active span:nth-child(3) {
    animation: ease 0.7s bottom-2 forwards;
  }

  @keyframes top {
    0% {
      top: 0;
      transform: rotate(0);
    }

    50% {
      top: 6px;
      transform: rotate(0);
    }

    100% {
      top: 6px;
      transform: rotate(45deg);
    }
  }

  @keyframes top-2 {
    0% {
      top: 6px;
      transform: rotate(45deg);
    }

    50% {
      top: 6px;
      transform: rotate(0deg);
    }

    100% {
      top: 0;
      transform: rotate(0deg);
    }
  }

  @keyframes bottom {
    0% {
      bottom: 0;
      transform: rotate(0);
    }

    50% {
      bottom: 6px;
      transform: rotate(0);
    }

    100% {
      bottom: 6px;
      transform: rotate(135deg);
    }
  }

  @keyframes bottom-2 {
    0% {
      bottom: 6px;
      transform: rotate(135deg);
    }

    50% {
      bottom: 6px;
      transform: rotate(0);
    }

    100% {
      bottom: 0;
      transform: rotate(0);
    }
  }

  @keyframes scaled {
    50% {
      transform: scale(0);
    }

    100% {
      transform: scale(0);
    }
  }

  @keyframes scaled-2 {
    0% {
      transform: scale(0);
    }

    50% {
      transform: scale(0);
    }

    100% {
      transform: scale(1);
    }
  }

  .mobile-menu {
    position: absolute;
    display: flex;
    width: 0;
    transition: width 0.3s ease-in-out;
    border-bottom: 1px solid var(--orange);
    padding: 10px 0;
    overflow: hidden;
    z-index: 80;
    overflow-y: auto;
    height: 100vh;
    top: 0;
    background-color: var(--red);
    background-image: url(assets/images/mobile-menu-background.svg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-attachment: fixed;
    color: white;
  }

  .mobile-menu .container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
  }

  .mobile-menu.active {
    width: 100%;
  }

  .site-header:has(.mobile-menu.active) {
    position: sticky;
    top: 0;
  }
  .menu-item-has-children > .sub-menu {
    visibility: hidden;
    opacity: 0;
  }

  .main-navigation .menu.mobile .menu-item-has-children.open > .sub-menu {
    height: fit-content;
    overflow: unset;
    opacity: 1;
    visibility: visible;
    max-height: 1000px;
    padding: 20px;
    background: transparent;
    border-top: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    gap: 10px;
  }
  .main-navigation .menu.mobile .menu-item-has-children.open > .sub-menu a {
    font-size: 18px;
  }

  .main-navigation .menu.mobile {
    flex-direction: column;
  }
  .main-navigation .menu.mobile li ul {
    max-height: 0px;
    position: relative;
  }
  .main-navigation .menu.mobile {
    align-items: flex-start;
  }
  .menu-item-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }

  .mobile-menu .menu-toggle {
    position: absolute;
    top: 20px;
    right: 0;
  }
  .mobile-menu .menu-toggle span {
    background: white;
  }
  .main-navigation .menu.mobile {
    padding-block: 100px;
    border-bottom: 1px solid #ffffff80;
  }
  .main-navigation .menu.mobile a {
    color: white;
    font-size: 22px;
  }
  .submenu-toggle .icon {
    background: white;
    transform: rotate(90deg);
    -webkit-mask-size: 15px 15px !important;
    mask-size: 15px 15px !important;
    transition: transform 0.2s ease-in-out;
  }
  .menu-item-has-children.open > .menu-item-wrapper > .submenu-toggle .icon {
    transform: rotate(270deg);
  }
  .main-navigation .current-menu-item > a,
  .main-navigation .current-menu-ancestor > .menu-item-wrapper > a {
    text-decoration: underline;
  }
  .mobile-menu .tel-link a {
    color: white;
    text-decoration: none;
  }
  .mobile-menu .circle-highlight {
    position: absolute;
  }
  .mobile-menu.active .circle-highlight {
    position: fixed;
  }
}
/* NAVIGATION MENU END*/

a.lang-switcher {
  font-weight: 500;
  text-decoration: none;
  font-size: 0.89rem;
}
.lang-switcher::before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' height='14px' viewBox='0 0 448 512'><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d='M32 0C49.7 0 64 14.3 64 32V48l69-17.2c38.1-9.5 78.3-5.1 113.5 12.5c46.3 23.2 100.8 23.2 147.1 0l9.6-4.8C423.8 28.1 448 43.1 448 66.1V345.8c0 13.3-8.3 25.3-20.8 30l-34.7 13c-46.2 17.3-97.6 14.6-141.7-7.4c-37.9-19-81.3-23.7-122.5-13.4L64 384v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V400 334 64 32C0 14.3 14.3 0 32 0zM64 187.1l64-13.9v65.5L64 252.6V318l48.8-12.2c5.1-1.3 10.1-2.4 15.2-3.3V238.7l38.9-8.4c8.3-1.8 16.7-2.5 25.1-2.1l0-64c13.6 .4 27.2 2.6 40.4 6.4l23.6 6.9v66.7l-41.7-12.3c-7.3-2.1-14.8-3.4-22.3-3.8v71.4c21.8 1.9 43.3 6.7 64 14.4V244.2l22.7 6.7c13.5 4 27.3 6.4 41.3 7.4V194c-7.8-.8-15.6-2.3-23.2-4.5l-40.8-12v-62c-13-3.8-25.8-8.8-38.2-15c-8.2-4.1-16.9-7-25.8-8.8v72.4c-13-.4-26 .8-38.7 3.6L128 173.2V98L64 114v73.1zM320 335.7c16.8 1.5 33.9-.7 50-6.8l14-5.2V251.9l-7.9 1.8c-18.4 4.3-37.3 5.7-56.1 4.5v77.4zm64-149.4V115.4c-20.9 6.1-42.4 9.1-64 9.1V194c13.9 1.4 28 .5 41.7-2.6l22.3-5.2z'/></svg>");
  filter: invert(12%) sepia(79%) saturate(2784%) hue-rotate(325deg)
    brightness(98%) contrast(106%);
  margin-right: 8px;
}

.lang-switcher:hover {
  color: var(--red);
}

/* 404 PAGE */

.not-found {
  --main-404-color: #8c0c354f;
  background: var(--main-404-color);
  overflow: hidden;
}

.not-found-header {
  text-align: center;
  padding: 0;
  padding-top: 20px;
  position: relative;
  color: #fff;
  margin: 0;
}

.not-found-header a {
  color: #fff;
  text-decoration: underline;
}

.not-found-circles {
  background: #fff;
  text-align: center;
  position: relative;
  clip-path: polygon(0 21%, 100% 0%, 100% 100%, 0% 100%);
}

.not-found-circles p {
  color: #fff;
  padding-top: 60px;
  position: relative;
  z-index: 9;
  line-height: 100%;
  margin: 0 auto;
  font-size: 140px;
}

.not-found-circles p small {
  font-size: 28px;
  line-height: 100%;
  vertical-align: top;
}

.not-found-circles .not-found-circle.small {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: var(--main-404-color);
  position: absolute;
  z-index: 1;
  top: 80px;
  left: 50%;
  animation: 7s smallmove infinite cubic-bezier(1, 0.22, 0.71, 0.98);
  -webkit-animation: 7s smallmove infinite cubic-bezier(1, 0.22, 0.71, 0.98);
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}

.not-found-circles .not-found-circle.med {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: var(--main-404-color);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 10%;
  animation: 7s medmove infinite cubic-bezier(0.32, 0.04, 0.15, 0.75);
  -webkit-animation: 7s medmove infinite cubic-bezier(0.32, 0.04, 0.15, 0.75);
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}

.not-found-circles .not-found-circle.big {
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: var(--main-404-color);
  position: absolute;
  z-index: 1;
  top: 200px;
  right: 0;
  animation: 8s bigmove infinite;
  -webkit-animation: 8s bigmove infinite;
  animation-delay: 3s;
  -webkit-animation-delay: 1s;
}

@-webkit-keyframes smallmove {
  0% {
    top: 10px;
    left: 45%;
    opacity: 1;
  }
  25% {
    top: 300px;
    left: 40%;
    opacity: 0.7;
  }
  50% {
    top: 240px;
    left: 55%;
    opacity: 0.4;
  }
  75% {
    top: 100px;
    left: 40%;
    opacity: 0.6;
  }
  100% {
    top: 10px;
    left: 45%;
    opacity: 1;
  }
}
@keyframes smallmove {
  0% {
    top: 10px;
    left: 45%;
    opacity: 1;
  }
  25% {
    top: 300px;
    left: 40%;
    opacity: 0.7;
  }
  50% {
    top: 240px;
    left: 55%;
    opacity: 0.4;
  }
  75% {
    top: 100px;
    left: 40%;
    opacity: 0.6;
  }
  100% {
    top: 10px;
    left: 45%;
    opacity: 1;
  }
}

@-webkit-keyframes medmove {
  0% {
    top: 0px;
    left: 20%;
    opacity: 1;
  }
  25% {
    top: 300px;
    left: 80%;
    opacity: 0.7;
  }
  50% {
    top: 240px;
    left: 55%;
    opacity: 0.4;
  }
  75% {
    top: 100px;
    left: 40%;
    opacity: 0.6;
  }
  100% {
    top: 0px;
    left: 20%;
    opacity: 1;
  }
}

@keyframes medmove {
  0% {
    top: 0px;
    left: 20%;
    opacity: 1;
  }
  25% {
    top: 300px;
    left: 80%;
    opacity: 0.7;
  }
  50% {
    top: 240px;
    left: 55%;
    opacity: 0.4;
  }
  75% {
    top: 100px;
    left: 40%;
    opacity: 0.6;
  }
  100% {
    top: 0px;
    left: 20%;
    opacity: 1;
  }
}

@-webkit-keyframes bigmove {
  0% {
    top: 0px;
    right: 4%;
    opacity: 0.5;
  }
  25% {
    top: 100px;
    right: 40%;
    opacity: 0.4;
  }
  50% {
    top: 240px;
    right: 45%;
    opacity: 0.8;
  }
  75% {
    top: 100px;
    right: 35%;
    opacity: 0.6;
  }
  100% {
    top: 0px;
    right: 4%;
    opacity: 0.5;
  }
}
@keyframes bigmove {
  0% {
    top: 0px;
    right: 4%;
    opacity: 0.5;
  }
  25% {
    top: 100px;
    right: 40%;
    opacity: 0.4;
  }
  50% {
    top: 240px;
    right: 45%;
    opacity: 0.8;
  }
  75% {
    top: 100px;
    right: 35%;
    opacity: 0.6;
  }
  100% {
    top: 0px;
    right: 4%;
    opacity: 0.5;
  }
}

@media screen and (min-width: 1025px) {
  .not-found-header {
    margin-top: 40px;
  }
  .not-found-circles p {
    font-size: 240px;
  }
  .not-found-circles p small {
    font-size: 40px;
  }
}
/* 404 PAGE END */

.card-with-description {
  align-items: center !important;
  gap: 10px;
  padding: 34px;
  border-radius: 22px;
  background: var(--light-gray);
  text-align: center;
}
.card-with-description .image {
  width: fit-content;
  height: fit-content;
  position: relative;
  border-radius: 0px;
  min-width: 78px;
}

.card-with-description .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: brightness(0);
}

.card-with-description .image::before {
  content: "";
  display: block;
  width: 78px;
  height: 78px;
  border-radius: 39px;
  background: #00000014;
}

.card-with-description .title {
  font-weight: 800;
}

.card-with-description.active {
  background: var(--red);
  color: white;
}

.card-with-description.active a {
  color: white;
}
.card-with-description.active a:hover {
  color: var(--light-gray);
}

.cards-with-description .card-with-description.active .image::before {
  background: #ffffff1a;
}
.cards-with-description .card-with-description.active .image img {
  filter: brightness(0) invert(1);
}

.cards-with-description.left-aligned > .card-with-description {
  align-items: flex-start !important;
  text-align: left !important;
  padding: 44px 40px;
}
.cards-with-description.flex-col-4 > .card-with-description {
  width: calc(25% - 16.5px);
}
.cards-with-description.left-aligned > .card-with-description .image img {
  position: relative;
  transform: unset;
  top: unset;
  left: unset;
}
.cards-with-description.left-aligned > .card-with-description .image::before {
  content: none;
}
.cards-with-description.left-aligned > .card-with-description .description {
  margin-top: 12px;
}

.bookmark {
  position: relative;
  padding-left: 15px;
}

.bookmark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 3px;
  border-radius: 3px;
  background: var(--red);
}
.card-with-description.no-image {
  align-items: flex-start !important;
  text-align: left;
}
.card-with-description.no-image .title {
  font-size: 1.22em;
  font-weight: 600;
}

.cards-with-description.interactive > .card-with-description {
  flex-direction: row;
  gap: 18px;
  flex-wrap: wrap;
  text-align: left !important;
  cursor: pointer;
  width: 100%;
  transition: all 0.2s ease-in-out;
  flex-grow: 0;
  padding-bottom: 16px;
}
.cards-with-description.interactive > .card-with-description .title {
  width: calc(100% - 96px);
  transition: all 0.2s ease-in-out;
}
.cards-with-description.interactive > .card-with-description .description {
  max-height: 0px;
  max-width: 0px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.cards-with-description.interactive > .card-with-description.active {
  gap: 12px;
  align-items: flex-start !important;
  padding-bottom: 34px;
}
.cards-with-description.interactive > .card-with-description.active .title {
  width: 100%;
}
.cards-with-description.interactive
  > .card-with-description.active
  .description {
  max-height: 500px;
  max-width: 500px;
  width: 100%;
}

.circled-button {
  border-radius: 99px;
  width: 57px;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--red);
  transition: background 0.2s ease-in-out;
}
.circled-button .icon {
  mask-size: 25px 25px !important;
  background: white !important;
  transition: background 0.2s ease-in-out;
}

.circled-button:hover {
  background: white !important;
}
.circled-button:hover .icon {
  background: var(--red) !important;
}

@media (max-width: 1023px) {
  .cards-with-description {
    flex-wrap: wrap !important;
  }
  .cards-with-description.left-aligned > .card-with-description {
    width: 100%;
    align-items: center !important;
    text-align: center !important;
    gap: 12px;
  }
  .cards-with-description.left-aligned .card-with-description .title {
    margin-top: 10px;
  }
  .cards-with-description.left-aligned > .card-with-description .description {
    margin-top: 0px;
  }
  .cards-with-description.flex-col-4 > .card-with-description {
    width: 100%;
  }
}

.wp-block-table {
  border-collapse: collapse;
  border: none;
  padding: 44px 50px;
  background: white;
  border-radius: 14px;
  width: 100%;
  box-sizing: border-box;
}

.wp-block-table thead {
  border-bottom: none;
}

.wp-block-table th {
  text-align: left;
}
.wp-block-table th mark {
  padding: 10px;
  background-color: #8c0c331a !important;
  border-radius: 4px;
}

.wp-block-table th,
.wp-block-table td {
  border: 1px solid #d3d3d3;
}

.wp-block-table tr:first-child td,
.wp-block-table tr:first-child th {
  border-top: none;
}

.wp-block-table tr:last-child td,
.wp-block-table tr:last-child th {
  border-bottom: none;
}

.wp-block-table tr td:first-child,
.wp-block-table tr th:first-child {
  border-left: none;
}

.wp-block-table tr td:last-child,
.wp-block-table tr th:last-child {
  border-right: none;
}

.wp-block-table td,
.wp-block-table th {
  padding: 20px;
}
.wp-block-table th {
  padding-bottom: 40px;
  font-weight: 600;
}

@media (max-width: 1023px) {
  .wp-block-table {
    padding: 44px 30px;
  }
  .wp-block-table table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 0;
  }
}

.has-red-background-color a,
.has-red-background-color a:hover {
  color: var(--light-gray);
}

.wpcf7-form,
.contact-form-message-outer-box {
  display: flex;
  flex-direction: column;
  gap: 44px;
}
.contact-form-message-outer-box {
  gap: 22px;
}
.wpcf7-form p {
  margin: 0;
}
.contact-form-half-width-children {
  display: flex;
  gap: 37px;
}
.contact-form-half-width-children > * {
  flex: 1;
}
input.wpcf7-text,
textarea.wpcf7-textarea,
select.wpcf7-select {
  width: 100%;
  padding: 12px 20px;
  background: var(--light-gray);
  border: 1px solid #d6d6d6;
  border-radius: 12px;
  color: var(--black-text);
}
input.wpcf7-text::placeholder,
textarea.wpcf7-textarea::placeholder {
  color: var(--black-text);
}
.contact-form-checkboxes > p {
  display: flex;
  align-items: center;
  gap: 0px;
}
.contact-form-checkboxes .contact-form-checkboxes-title {
  font-weight: 600;
}

.wpcf7-form .wpcf7-checkbox label,
.wpcf7-acceptance label {
  position: relative;
  cursor: pointer;
}

.wpcf7-form .wpcf7-checkbox input[type="checkbox"],
.wpcf7-acceptance input[type="checkbox"] {
  position: relative;
  visibility: hidden;
}

.wpcf7-form .wpcf7-checkbox input[type="checkbox"] + span:before,
.wpcf7-acceptance input[type="checkbox"] + span:before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 2px;
  height: 18px;
  width: 18px;
  top: 2px;
  border: 1px solid #d6d6d6;
  background: var(--light-gray);
}

.wpcf7-form .wpcf7-checkbox input[type="checkbox"] + span:after,
.wpcf7-acceptance input[type="checkbox"] + span:after {
  display: block;
  position: absolute;
  content: "\2713";
  border-radius: 100%;
  height: 10px;
  width: 10px;
  top: 0px;
  left: 4px;
  visibility: hidden;
  font-size: 16px;
  font-style: normal;
}

.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked + span:after,
.wpcf7-acceptance input[type="checkbox"]:checked + span:after {
  visibility: visible;
}
.contact-form-checkboxes .wpcf7-list-item {
  margin-left: 44px;
}
.contact-form-checkboxes .wpcf7-list-item-label,
.wpcf7-acceptance .wpcf7-list-item-label {
  margin-left: 15px;
}
.wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0;
}

select::-ms-expand {
  display: none;
}
select.wpcf7-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("assets/icons/select-arrow.svg");
  background-repeat: no-repeat;
  background-position: center right 4px;
}
.wpcf7-acceptance .wpcf7-list-item-label {
  font-size: 0.89em;
  font-style: italic;
  color: var(--black-text);
}

.wpcf7-submit:disabled {
  opacity: 0.7;
}

.wpcf7-submit {
  border: none;
  outline: none;
  background: none;
}
.wpcf7 .wpcf7-submit:disabled a {
  cursor: not-allowed;
}

@media (max-width: 1023px) {
  .contact-form-half-width-children {
    flex-direction: column;
  }
  .contact-form-checkboxes > p {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .contact-form-checkboxes .wpcf7-list-item {
    margin-left: 1em;
  }
}