@charset "UTF-8";
:root {
  --ff-kanit: "Kanit", sans-serif;
  --ff-roboto: "Roboto", sans-serif;
  --ff-roboto-con: "Roboto Condensed", sans-serif;
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --black: #2A2A2A;
  --color-aqua: #0B32B5;
  --color-white: #fff;
  --color-yellow: #FFEAA0;
  --grey: #EBEBEB;
  --color-ice: #C9EBEE;
  --frosted-mint: #E2FFF4;
  --pattens-blue: #DDF3FF;
  --fs-xs: 15px;
  --fs-sm: 15.171px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: 25px;
  --fs-2xl: 30px;
  --fs-3xl: 44px;
  --fs-4xl: 50px;
  --transition: 0.3s ease-in-out;
  --color-main: var(--black);
  --ff-main: var(--ff-roboto);
  --pt: 100px;
  --mb: 50px;
}
@media only screen and (max-width: 992px) {
  :root {
    --pt: 40px;
  }
}

.lock {
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--ff-main);
  font-family: "Montserrat", "sans-serif";
  font-style: normal;
  font-weight: var(--fw-400);
  line-height: 26px;
  color: var(--color-main);
  color: #2E2F32;
}
body a {
  color: var(--color-main);
}
@media only screen and (max-width: 992px) {
  body {
    padding-top: 85.5px;
  }
}
@media only screen and (max-width: 992px) {
  body {
    padding-top: 50px;
  }
}

img {
  transition: 0.3s;
}

p,
h1,
h2,
h3,
h4,
h5 {
  cursor: default;
}

body.page-template-patients-page,
body.page-template-correspondants-page {
  padding-top: 108px;
}

div,
p,
form,
input,
a,
span,
button,
textarea,
input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

ul,
li {
  display: block;
  margin: 0;
  padding: 0;
}

a,
a:hover,
a:active {
  box-sizing: border-box;
  text-decoration: none;
}

a:not(.btn a,
.traitements a, .emergency a, .btn-back, .cabinet a, .laboratory a) {
  color: var(--color-main);
}
a:not(.btn a,
.traitements a, .emergency a, .btn-back, .cabinet a, .laboratory a):hover {
  color: var(--color-aqua);
}

.menu a:hover {
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration: underline;
}

a:not(.btn a),
button,
input,
textarea {
  transition: all 0.4s ease;
}

strong {
  font-weight: var(--fw-medium);
}

img {
  max-width: 100%;
}

input,
input:hover,
input:focus,
input:active,
button,
button:hover,
button:focus,
button:active {
  outline: none;
}

a p,
a span,
a div,
a li,
a label,
a input,
a button {
  cursor: pointer;
}

span {
  color: inherit;
}

ul li {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}

a,
a svg,
a svg path,
a p,
a div {
  transition: var(--transition);
  cursor: pointer;
}

svg,
svg path,
svg rect {
  transition: var(--transition);
}

p,
span,
li,
ul,
div,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button,
label,
strong,
b {
  box-sizing: border-box;
  cursor: default;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: var(--ff-roboto-con);
  font-family: "Comfortaa", "sans-serif";
}

h1 {
  font-size: 52px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
}

h2,
.h2,
.main-h2 {
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}

h2.title {
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}

h3 {
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
}

p {
  font-size: var(--fs-md);
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (max-width: 768px) {
  p {
    font-size: 15px;
    font-style: normal;
    line-height: 22px;
  }
}

#wpadminbar {
  display: none;
}

.single,
.page-template,
.archive,
.error404 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100vh - 91px);
}

.container {
  width: 100%;
  max-width: 1570px;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}

.sections-wrapper {
  overflow: hidden;
}

#cmplz-document {
  margin: 0 auto;
}

@font-face {
  font-family: "Kanit";
  src: url("../fonts/Kanit-Light.eot");
  src: url("../fonts/Kanit-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Kanit-Light.woff2") format("woff2"), url("../fonts/Kanit-Light.woff") format("woff"), url("../fonts/Kanit-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kanit";
  src: url("../fonts/Kanit-Regular.eot");
  src: url("../fonts/Kanit-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Kanit-Regular.woff2") format("woff2"), url("../fonts/Kanit-Regular.woff") format("woff"), url("../fonts/Kanit-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kanit";
  src: url("../fonts/Kanit-Medium.eot");
  src: url("../fonts/Kanit-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Kanit-Medium.woff2") format("woff2"), url("../fonts/Kanit-Medium.woff") format("woff"), url("../fonts/Kanit-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("../fonts/Roboto-Condensed/RobotoCondensed-Regular.eot");
  src: url("../fonts/Roboto-Condensed/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Condensed/RobotoCondensed-Regular.woff2") format("woff2"), url("../fonts/Roboto-Condensed/RobotoCondensed-Regular.woff") format("woff"), url("../fonts/Roboto-Condensed/RobotoCondensed-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Regular.eot");
  src: url("../fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: 400;
  font-display: swap;
}
.btn {
  display: inline-block;
  position: relative;
  margin: auto;
  min-width: 183px;
  height: 52px;
}
.btn .hover-content {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  gap: 23px;
  z-index: 2;
  transition: 0.1s ease;
  cursor: pointer;
  border: 2px solid var(--black);
  background: var(--color-white);
  padding-left: 23px;
  /* 150% */
  height: 100%;
  color: #0B32B5;
  font-family: var(--ff-roboto);
  font-family: Comfortaa;
  font-size: 19px;
  font-weight: 700;
  line-height: 24px; /* 126.316% */
  letter-spacing: 0.76px;
}
.btn svg rect {
  transition: 0.3s ease;
  width: 100%;
}
.btn:not(.btn-doctor, .access .btn, .drop-down):hover svg rect {
  fill: #000;
}

.hover {
  position: relative;
}
.hover-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border: 2px solid var(--black);
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.contacts {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 30px;
  margin-top: 30px;
  max-width: 580px;
}
.contacts a {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.contacts a svg {
  display: block;
}
.contacts .phone {
  min-width: 226px;
  height: 100%;
}
.contacts .phone a {
  transition: 0.3s ease;
}
@media only screen and (min-width: 768px) {
  .contacts .phone a {
    pointer-events: none;
  }
}
.contacts .phone:hover a {
  color: var(--color-aqua);
}
@media only screen and (min-width: 768px) {
  .contacts .phone a {
    cursor: pointer;
  }
}
.contacts .location {
  max-width: 315px;
}

.wpcf7-not-valid-tip {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  text-align: right;
}

.page-main {
  overflow: hidden;
}
.page-main .top {
  position: relative;
  padding-bottom: 82px;
}
.page-main .top .container {
  position: relative;
  z-index: 2;
}
.page-main .top .container .intro {
  margin-top: 30px;
  text-align: justify;
}
@media only screen and (max-width: 768px) {
  .page-main .top {
    padding-bottom: 50px;
  }
}
.page-main .frame-t-l {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 20.8334%;
  height: auto;
  pointer-events: none;
}
@media only screen and (max-width: 1320px) {
  .page-main .frame-t-l {
    display: none;
  }
}

.container-btn {
  padding-top: 76px;
  padding-bottom: 90px;
  max-width: 1569px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .container-btn {
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.btn-back {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  text-transform: uppercase;
}
.btn-back:hover svg rect {
  fill: #2A2A2A;
}

.slider-navigation {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  z-index: 2;
  width: 100%;
}
.slider-navigation div::after {
  display: none;
}
.slider-navigation .swiper-button-prev,
.slider-navigation .swiper-button-next {
  position: static;
  margin: 0;
  width: 48px;
  height: 48px;
}
.slider-navigation .swiper-button-prev:hover svg rect,
.slider-navigation .swiper-button-next:hover svg rect {
  fill: #FBC8B9;
}

.drop-down {
  position: relative;
  transition: 0.3s ease;
  border: 2px solid #fff;
  background: #fff;
  height: 52.9px;
}
.drop-down .hover-bg {
  display: none;
  left: -0.7px;
  width: 100.7%;
}
.drop-down .hover-content {
  border: 0;
}
.drop-down .list {
  position: absolute;
  top: 97%;
  right: 0;
  left: -2px;
  opacity: 0;
  transition: 0.3s ease;
  border: 2px solid #fff;
  border-top: none;
  background: #0B32B5;
  padding: 8px 24px 16px;
  width: calc(100% + 4px);
  pointer-events: none;
}
.drop-down .list a {
  display: block;
  color: #fff;
}
.drop-down .list a + a {
  margin-top: 12px;
}
.drop-down .list a:hover span {
  color: #FBC8B9;
}
.drop-down .list a:hover svg path {
  fill: #FBC8B9;
}
.drop-down .arrow {
  transition: none;
}
.drop-down:hover {
  border-bottom: 0;
}
.drop-down:hover .hover-bg {
  height: 187px;
}
.drop-down:hover .list {
  opacity: 1;
  pointer-events: all;
}
.drop-down:hover .arrow {
  transform: rotate(180deg);
}

@media only screen and (max-width: 1320px) {
  .frame:not(.home .frame) {
    display: none;
  }
}
.wpcf7-form .wpcf7-not-valid-tip {
  opacity: 0;
}

.wpcf7-form.invalid .wpcf7-not-valid-tip {
  opacity: 1;
}

.popup-btn,
.popup-btn-second {
  cursor: pointer;
}
.popup-btn a,
.popup-btn-second a {
  pointer-events: none;
}
.popup-btn:hover,
.popup-btn-second:hover {
  color: var(--color-aqua);
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-color: transparent;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.popup .wrap {
  position: relative;
  max-width: 1715px;
  width: 89.4%;
  height: 79%;
  max-height: 741px;
}
.popup .wrap .content {
  position: relative;
  z-index: 2;
  max-width: 1665px;
  background-color: var(--color-white);
  display: flex;
  align-items: stretch;
  gap: 30px;
  padding-right: 72px;
  overflow: auto;
  max-height: 100%;
}
.popup .wrap .content-wrap {
  max-height: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
}
.popup .wrap .content .btn-close {
  position: absolute;
  top: 30px;
  right: 28px;
  width: 44px;
  height: 44px;
  cursor: pointer;
}
.popup .wrap .content .photo {
  overflow: hidden;
  max-width: 848px;
  width: 100%;
  min-width: 430px;
}
.popup .wrap .content .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.popup .wrap .content .form {
  padding-top: 9.25vh;
  padding-bottom: 9.25vh;
  min-width: 350px;
  padding-left: calc((100vw - 1682px) / 2);
}
.popup .wrap .content .form .h2 {
  margin-bottom: 52px;
  font-family: var(--ff-roboto-con);
  color: #0B32B5;
}
.popup .wrap .content .form-wrapper {
  max-width: 500px;
  width: 100%;
}
.popup .wrap .content .form span,
.popup .wrap .content .form input,
.popup .wrap .content .form textarea {
  display: block;
  width: 100%;
}
.popup .wrap .content .form input,
.popup .wrap .content .form textarea {
  border: 0;
  border-bottom: 3px solid #222;
  color: var(--color-aqua);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.popup .wrap .content .form input:focus,
.popup .wrap .content .form textarea:focus {
  color: var(--color-main);
}
.popup .wrap .content .form input:focus-visible,
.popup .wrap .content .form textarea:focus-visible {
  outline: none;
}
.popup .wrap .content .form input {
  margin-top: 5.27vh;
  padding-top: 10px;
}
.popup .wrap .content .form textarea {
  height: 8.287vh;
  padding-top: 10px;
  resize: none;
}
.popup .wrap .content .form .label {
  position: relative;
}
.popup .wrap .content .form .label-text {
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 2;
}
.popup .wrap .content .form .label + .label {
  margin-top: 5.27vh;
}
.popup .wrap .content .form .btn {
  margin-top: 24px;
}
.popup .wrap .content .form-btn {
  width: 100%;
}
.popup.active {
  display: flex;
}
@media only screen and (max-width: 1750px) {
  .popup {
    padding-left: 15px;
    padding-right: 65px;
  }
}
@media only screen and (max-width: 1060px) {
  .popup .wrap {
    height: 75%;
  }
  .popup .wrap .content {
    flex-direction: column;
  }
  .popup .wrap .content .photo {
    order: 2;
    display: none;
  }
  .popup .wrap .content .form-wrapper {
    margin: 0 auto;
  }
  .popup .wrap .content .form {
    padding-top: 6.75vh;
    padding-bottom: 6.75vh;
  }
}
@media only screen and (max-width: 992px) {
  .popup {
    padding: 0;
    top: 85px;
    height: calc(100vh - 85px);
    overflow: auto;
  }
  .popup .content {
    padding-top: 30px;
  }
  .popup .btn-close {
    display: none;
  }
  .popup .wrap {
    width: 100vw;
    height: 100%;
    max-width: none;
    max-height: none;
  }
  .popup .wrap::before {
    display: none;
  }
  .popup .wrap .content {
    height: 100%;
    gap: 0;
    padding: 0;
    justify-content: space-between;
  }
  .popup .wrap .content-wrap {
    height: auto;
  }
  .popup .wrap .content .form {
    padding-top: 30px;
    padding-bottom: 31px;
  }
  .popup .wrap .content .form-wrapper {
    width: 100%;
    padding: 0 15px;
    max-width: 100%;
  }
  .popup .wrap .content .form input {
    margin-top: 48px;
  }
  .popup .wrap .content .form textarea {
    height: 52px;
  }
  .popup .wrap .content .photo {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .popup {
    top: 50px;
    height: calc(100vh - 50px);
  }
  .popup .wrap .content .form,
  .popup .wrap .content .photo {
    min-width: auto;
  }
  .popup .wrap .content .form .h2 {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
  }
  .popup .wrap .content .form input,
  .popup .wrap .content .form textarea,
  .popup .wpcf7-not-valid-tip {
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
  }
}

.popup-second {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-color: transparent;
  z-index: 999999;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  padding-top: 30px;
  display: none;
}
.popup-second .wrap {
  position: relative;
  max-width: 800px;
  width: 89.4%;
  height: 92%;
}
.popup-second .wrap ::-webkit-scrollbar {
  width: 8px;
  /* ширина скролу */
}
.popup-second .wrap ::-webkit-scrollbar-track {
  background: #fff;
  /* колір доріжки */
}
.popup-second .wrap ::-webkit-scrollbar-thumb {
  background: var(--color-aqua);
  border-radius: 10px;
  /* колір скролу */
}
.popup-second .wrap::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  max-width: 1665px;
  width: 100%;
  position: absolute;
  left: 50px;
  bottom: -50px;
  background-color: var(--color-ice);
}
.popup-second .wrap .content {
  position: relative;
  z-index: 2;
  max-width: 1665px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background-color: var(--color-white);
  padding-right: 72px;
  overflow: auto;
  /* Зміна кольору скролу та доріжки */
}
.popup-second .wrap .content-wrap {
  max-height: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
}
.popup-second .wrap .content .btn-close {
  position: absolute;
  top: 30px;
  right: 28px;
  width: 44px;
  height: 44px;
  cursor: pointer;
}
.popup-second .wrap .content .form {
  padding-top: 11.75vh;
  padding-bottom: 11.75vh;
  min-width: 350px;
  margin: 0 auto;
}
.popup-second .wrap .content .form .h2 {
  margin-bottom: 52px;
  margin-top: 52px;
}
.popup-second .wrap .content .form .main-h2 {
  margin-top: 0;
  margin-bottom: 10px;
}
.popup-second .wrap .content .form-wrapper {
  max-width: 500px;
  width: 100%;
}
.popup-second .wrap .content .form span,
.popup-second .wrap .content .form input,
.popup-second .wrap .content .form textarea {
  display: block;
  width: 100%;
}
.popup-second .wrap .content .form input,
.popup-second .wrap .content .form textarea {
  border: 0;
  border-bottom: 3px solid #222;
  color: var(--color-aqua);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.popup-second .wrap .content .form input:focus,
.popup-second .wrap .content .form textarea:focus {
  color: var(--color-main);
}
.popup-second .wrap .content .form input:focus-visible,
.popup-second .wrap .content .form textarea:focus-visible {
  outline: none;
}
.popup-second .wrap .content .form input {
  margin-top: 5.27vh;
  padding-top: 10px;
}
.popup-second .wrap .content .form input[type=date]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent !important;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  display: block;
}
.popup-second .wrap .content .form textarea {
  height: 12.387vh;
  padding-top: 10px;
  resize: none;
}
.popup-second .wrap .content .form .label {
  position: relative;
}
.popup-second .wrap .content .form .label-text {
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 2;
}
.popup-second .wrap .content .form .label + .label {
  margin-top: 5.27vh;
}
.popup-second .wrap .content .form .btn {
  margin-top: 24px;
}
.popup-second .wrap .content .form-btn {
  width: 100%;
}
.popup-second .wrap .content .d-f {
  display: flex;
  align-items: stretch;
  gap: 30px;
}
.popup-second .wrap .content .d-f input {
  margin-top: 0;
}
.popup-second .wrap .content .d-f .label {
  margin-top: 0 !important;
}
.popup-second .wrap .content .wpcf7-form-control-wrap {
  display: block;
}
.popup-second .wrap .content .wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
  margin-top: 5px;
}
.popup-second .wrap .content .checkboxes .label-text {
  position: static;
}
.popup-second .wrap .content .checkboxes .d-f span {
  width: auto;
}
.popup-second .wrap .content .checkboxes .d-f .wpcf7-form-control-wrap {
  display: block;
}
.popup-second .wrap .content .checkboxes .d-f .wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
  margin-top: 0;
}
.popup-second .wrap .content .checkboxes span {
  margin: 0;
}
.popup-second .wrap .content .checkboxes label {
  display: flex;
}
.popup-second .wrap .content .checkboxes label input {
  width: 24px;
  margin: 0 10px 0 3px;
}
.popup-second .wrap .content .checkboxes input {
  margin-top: 0 !important;
}
.popup-second .wrap .content .checkboxes p {
  margin-bottom: 20px;
  margin-left: 0;
}
.popup-second.active {
  display: flex;
}
@media only screen and (max-width: 1750px) {
  .popup-second {
    padding-left: 15px;
    padding-right: 65px;
  }
}
@media only screen and (max-width: 1060px) {
  .popup-second .wrap {
    height: 75%;
  }
  .popup-second .wrap .content .form {
    padding-top: 6.75vh;
    padding-bottom: 6.75vh;
  }
}
@media only screen and (max-width: 992px) {
  .popup-second {
    padding: 0;
    top: 85px;
  }
  .popup-second .btn-close {
    display: none;
  }
  .popup-second .wrap {
    width: 100vw;
    height: 100vh;
    max-width: none;
    max-height: none;
  }
  .popup-second .wrap::before {
    display: none;
  }
  .popup-second .wrap .content {
    height: 100%;
    gap: 0;
    padding: 0;
    padding-bottom: 100px;
  }
  .popup-second .wrap .content .form {
    padding-top: 30px;
    padding-bottom: 31px;
  }
  .popup-second .wrap .content .form-wrapper {
    width: 100%;
    padding: 0 15px;
    max-width: 100%;
  }
  .popup-second .wrap .content .form textarea {
    height: 52px;
  }
  .popup-second .wrap .content .photo {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .popup-second {
    top: 50px;
  }
  .popup-second .wrap .content .form .h2 {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
  }
  .popup-second .wrap .content .form input,
  .popup-second .wrap .content .form textarea,
  .popup-second .wpcf7-not-valid-tip {
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
  }
}
@media only screen and (max-width: 568px) {
  .popup-second .d-f {
    flex-direction: column;
  }
}

.wpcf7-form.invalid .checkboxes .wpcf7-form-control-wrap + .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  display: none;
}
.wpcf7-form.invalid .checkboxes .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  width: 100% !important;
  white-space: nowrap;
}

.error {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.error404__number {
  margin-bottom: 40px;
  font-size: 50px;
}

.error404__title {
  margin-bottom: 20px;
  font-size: 27px;
}

.error404__subtitle {
  font-size: 16px;
  text-align: center;
}

.error404__button {
  justify-content: center;
  width: 100%;
  min-width: 300px;
  max-width: 300px;
  margin-top: 40px;
}

.error404 .header {
  position: inherit;
}

.error404 {
  overflow: hidden;
  min-height: 100vh;
  padding-top: 0;
}

.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  transition: 0.3s;
  width: 100%;
  max-height: 114px;
}
.header:hover {
  background-color: #fff;
}
.header.f-nav {
  background-color: #fff;
}
.header-widgets {
  display: none;
}
.header .buttons {
  display: none;
}
.header .buttons .btn-close {
  display: none;
  cursor: pointer;
}
.header .burger {
  display: none;
}
.header-mobile {
  display: none;
}
.header-left {
  display: flex;
  align-items: center;
  gap: 32px;
}
.header .menu-item-has-children > a {
  display: flex;
  align-items: center;
  gap: 4px;
  transition: none;
}
@media only screen and (max-width: 768px) {
  .header .menu-item-has-children > a {
    pointer-events: none;
  }
}
.header .menu-item-has-children > a::after {
  display: block;
  transition: 0.3s ease;
  width: 24px;
  height: 24px;
  content: url(../img/menu-arrow.svg);
}
.header .menu-item-has-children.active > a, .header .menu-item-has-children:hover > a {
  color: var(--color-aqua);
}
.header .menu-item-has-children.active > a::after, .header .menu-item-has-children:hover > a::after {
  content: url(../img/arrow-down-aqua.svg);
}
.header .menu-item-has-children.active .sub-menu-1, .header .menu-item-has-children:hover .sub-menu-1 {
  opacity: 1 !important;
  pointer-events: all !important;
}
.header .menu-item-has-children.active .sub-menu-1 a, .header .menu-item-has-children:hover .sub-menu-1 a {
  font-size: 16px;
  font-family: var(--ff-roboto-con);
}
.header .sub-menu.active {
  display: block !important;
}
.header-logo {
  box-sizing: border-box;
  padding-top: 12px;
  padding-bottom: 13px;
}
.header .container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 30px;
  max-width: 1310px;
}
.header .container .mobile {
  display: none;
}
.header .container nav {
  width: 100%;
  max-width: 1033px;
}
.header .container nav .menu {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  gap: 10px;
  gap: 32px;
  width: 100%;
  height: 100%;
}
.header .container nav .menu a:hover {
  color: var(--color-aqua);
  text-decoration: none;
}
.header .container nav .menu > li {
  display: flex;
  position: relative;
  align-items: center;
}
.header .container nav .menu > li .menu-item + .menu-item {
  margin-top: 18px;
}
.header .container nav .menu .sub-menu-1 {
  display: block;
  position: absolute;
  top: calc(100% + 1px);
  left: -16px;
  opacity: 0;
  transition: 0.3s ease;
  background: var(--color-aqua);
  padding: 16px;
  min-width: 193px;
  overflow: hidden;
  pointer-events: none;
}
.header .container nav .menu .sub-menu-1 a {
  color: var(--color-white);
  white-space: nowrap;
}
.header .container nav .menu .sub-menu-1 a:hover {
  color: #FBC8B9;
}
.header .container nav .menu .sub-menu-2 {
  display: none;
  margin-top: 18px;
  margin-bottom: 16px;
}
.header .container nav .menu > li > a {
  color: #0B32B5;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  font-family: var(--ff-roboto-con);
}
@media only screen and (max-width: 1315px) {
  .header {
    background: #fff;
  }
  .header .container .mobile {
    display: flex;
  }
  .header .buttons {
    display: block;
  }
  .header .burger-wrap {
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: var(--color-aqua);
    padding: 10px;
  }
  .header .burger-wrap.active .burger span {
    transform: scale(0);
    transition: transform 1s;
  }
  .header .burger-wrap.active .burger::before {
    transform: rotate(45deg) translateY(21px) translateX(4%);
    transition: transform 1s, background-color 0.3s ease-in-out;
    background-color: #fff;
  }
  .header .burger-wrap.active .burger::after {
    transform: rotate(-45deg) translateY(-15px) translate(1px, -5px);
    transition: transform 1s, background-color 0.3s ease-in-out;
    background-color: #fff;
  }
  .header .burger {
    display: block;
    position: relative;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 2px;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    color: #fff;
  }
  .header .burger span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: scale(1) translate(-50%);
    transition: transform 1s;
    background: #fff;
    width: 85%;
    height: 1px;
  }
  .header .burger::after, .header .burger::before {
    display: block;
    position: absolute;
    left: 50%;
    transition: transform 1s;
    background: currentColor;
    width: 85%;
    height: 1px;
    content: "";
  }
  .header .burger::before {
    top: 0;
    transform: translate(-50%, 6px);
  }
  .header .burger::after {
    bottom: 0;
    transform: translate(-50%, -6px);
  }
  .header .container {
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .header-logo {
    padding: 0;
  }
  .header .burger {
    display: block;
  }
  .header-pc {
    display: none;
  }
  .header-mobile {
    display: block;
    position: fixed;
    top: 81px;
    opacity: 0;
    z-index: 999;
    transition: 0.3s ease;
    background: var(--gray);
    padding-top: 40px;
    padding-right: 15px;
    padding-bottom: 40px;
    padding-left: 15px;
    width: 100vw;
    height: calc(100vh - 81px);
    max-height: calc(100% - 81px);
    overflow: auto;
    pointer-events: none;
  }
  .header-mobile.vr-1 {
    background: linear-gradient(0deg, rgba(212, 234, 255, 0) 3.78%, rgba(209, 232, 255, 0.02) 6.75%, rgba(186, 217, 253, 0.23) 39.24%, rgba(172, 208, 252, 0.43) 69.62%, rgba(167, 205, 252, 0.6) 95.59%);
  }
  .header-mobile-nav {
    -moz-text-align-last: left;
    margin: 0 auto;
    max-width: 288px;
    text-align-last: left;
  }
  .header-mobile__wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 344px;
    text-align: center;
  }
  .header-mobile nav {
    margin-bottom: 44px;
  }
  .header-mobile .menu .menu-item > a {
    justify-content: center;
    gap: 2px;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 24px;
  }
  .header-mobile .menu .menu-item .menu-item-has-children > a {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
  }
  .header-mobile .menu .menu-item + .menu-item {
    margin-top: 28px;
  }
  .header-mobile .menu .sub-menu {
    display: none;
  }
  .header-mobile .menu .sub-menu-1 {
    margin-top: 18px;
  }
  .header-mobile .menu .sub-menu-1 a {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--ff-roboto-con);
  }
  .header-mobile .menu .sub-menu-2 {
    margin-top: 9px;
  }
  .header-mobile__links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 44px;
  }
  .header-mobile__links a {
    display: flex;
    gap: 16px;
  }
  .header-mobile__links .btn {
    z-index: 2;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
    width: 100%;
    color: #fff;
  }
  .header-mobile.active {
    opacity: 1;
    pointer-events: all;
  }
  .header-mobile__contact-wrap {
    position: relative;
    width: 100%;
  }
  .header-mobile__contact-wrap .mobile-frame {
    position: absolute;
    top: -42%;
    right: auto;
    bottom: auto;
    left: 0;
    z-index: -1;
  }
  .header-mobile .top-left,
  .header-mobile .bottom-right {
    position: absolute;
    z-index: -1;
  }
  .header-mobile .top-left {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  .header-mobile .bottom-right {
    right: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 1315px) {
  .header {
    background-color: var(--color-white);
  }
  .header nav {
    display: none;
  }
  .header .burger {
    display: block;
  }
}
@media only screen and (max-width: 992px) {
  .header-widgets {
    display: flex;
    align-items: center;
  }
  .header .mobile {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .header .mobile a {
    display: flex;
    align-items: center;
    padding: 10px;
  }
  .header .mobile a svg {
    display: block;
  }
  .header .mobile a svg path {
    fill: #0B32B5;
  }
}
@media only screen and (max-width: 768px) {
  .header-logo {
    width: 135px;
    height: 39px;
  }
  .header-logo svg {
    width: auto;
    height: 100%;
  }
  .header .container {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  .header .burger-wrap {
    box-sizing: border-box;
    width: 50px;
    max-width: 50px;
    height: 50px;
    max-height: 50px;
  }
  .header .burger-wrap::after {
    transform: translate(-50%, -13px);
  }
  .header .burger-wrap::before {
    transform: translate(-50%, 13px);
  }
}
@media only screen and (max-width: 576px) {
  .header .mobile a {
    padding: 5px;
  }
  .header .container {
    gap: 0;
  }
}

.mobile-menu {
  display: none;
}

@media only screen and (max-width: 1315px) {
  .mobile-menu {
    display: block;
    position: fixed;
    top: 86.2px;
    right: -100%;
    z-index: 88888;
    transition: var(--transition);
    background-color: #fff;
    padding-top: 24px;
    padding-right: 30px;
    padding-left: 30px;
    width: 262px;
    height: calc(100vh - 86.5px);
    overflow: auto;
  }
  .mobile-menu .menu-item {
    text-align: center;
  }
  .mobile-menu .menu-item + .menu-item {
    margin-top: 16px;
  }
  .mobile-menu.active {
    right: 0;
  }
  .mobile-menu .sub-menu-1 {
    display: none;
    margin-top: 16px;
  }
  .mobile-menu .menu-item-has-children > a {
    position: relative;
    pointer-events: none;
  }
  .mobile-menu .menu-item-has-children > a::after {
    display: block;
    position: absolute;
    top: 0;
    left: calc(100% + 4px);
    transform: rotate(180deg);
    transition: 0.3s ease;
    width: 24px;
    height: 24px;
    content: url(../img/arrow-down-aqua.svg);
  }
  .mobile-menu .menu-item-has-children.active > a {
    color: #6DC2D5;
    text-decoration: none;
  }
  .mobile-menu .menu-item-has-children.active > a::after {
    transform: rotate(0deg);
  }
  .mobile-menu .drop-down {
    margin-top: 20px;
    border-color: #0B32B5;
    background-color: #0B32B5;
    height: auto;
  }
  .mobile-menu .drop-down .hover-content svg.icon path {
    stroke: #fff;
  }
  .mobile-menu .drop-down .hover-content svg.icon rect {
    fill: #0B32B5;
  }
  .mobile-menu .drop-down .list {
    border-color: #0B32B5;
    background-color: #fff;
  }
  .mobile-menu .drop-down .list a {
    color: #0B32B5;
  }
}
@media only screen and (max-width: 768px) {
  .mobile-menu {
    top: 51px;
    padding-top: 30px;
    width: 100%;
    height: calc(100vh - 51px);
    text-align: center;
  }
  .mobile-menu .menu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.8px;
  }
}
.header .container nav .menu .sub-menu-1 {
  border-radius: 0px 0px 40px 40px;
}
.header .container nav .menu .sub-menu-1 a {
  font-family: "Montserrat";
  font-size: 16px;
  line-height: 24px;
}

@media (min-width: 1025px) {
  .header .container nav .menu > li > a {
    white-space: nowrap;
  }
}

.header .menu-item-has-children > a::after {
  content: "";
  background-image: url("../img/menu-arrow.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.header .menu-item-has-children.active > a::after, .header .menu-item-has-children:hover > a::after {
  content: "";
  background-image: url("../img/arrow-down-aqua.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.widgets {
  align-items: flex-end;
  top: 30vh;
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 5.3vw;
  z-index: 10;
  gap: 4px;
}
@media only screen and (max-width: 992px) {
  .widgets {
    display: none;
  }
}

.widgets .widget {
  justify-content: flex-end;
  min-height: 44px;
  min-width: 44px;
}
.widgets .widget.widget-phone {
  min-height: 44px;
  min-width: 44px;
}
.widgets .widget.widget-dropdown {
  position: relative;
}
.widgets .widget.widget-dropdown .widget-info {
  position: absolute;
  right: 0;
  top: 0;
  width: 162px;
  height: 116px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 11px 16px;
  transition: 0.3s ease-in-out;
  gap: 12px;
  border: 1px solid #2A2A2A;
}
.widgets .widget.widget-dropdown .widget-info span,
.widgets .widget.widget-dropdown .widget-info a,
.widgets .widget.widget-dropdown .widget-info ul,
.widgets .widget.widget-dropdown .widget-info li {
  transition: 0.3s ease-in-out;
}

.widgets .widget,
.widgets .widget-info {
  align-items: center;
  display: flex;
  position: relative;
}

.widget-contact div,
.widget-contact span {
  cursor: pointer;
}

.widgets .widget-info {
  color: #fff;
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  height: 44px;
  justify-content: flex-start;
  opacity: 0;
  overflow: hidden;
  border: 1px solid #2A2A2A;
  text-align: center;
  transition: width 0.7s ease-in-out, opacity 0.1s ease-in-out 0.15s, padding-inline 0.7s ease-in-out 0.15s;
  width: 0;
  background-color: #FFF;
  padding-left: 16px;
  color: #2A2A2A;
  pointer-events: none;
}

.widgets .widget-info:before {
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.widget.widget-phone a {
  pointer-events: none;
}

.widgets .widget-info span {
  opacity: 0;
  transition: opacity 0.2s ease-in-out 0.5s;
}

.widgets .widget-logo {
  align-items: center;
  background-color: #0B32B5;
  border: 1px solid #0B32B5;
  color: #FFF5F1;
  display: flex;
  height: 44px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
}

.widgets .widget-logo svg {
  overflow: visible;
}

.widgets .widget-logo path[fill] {
  fill: #FFF5F1;
}

.widgets .widget-logo path[stroke] {
  stroke: #FFF5F1;
}

.widgets .widget:is(:hover, .active) .widget-logo {
  background-color: #2A2A2A;
  border: 1px solid #2A2A2A;
}
.widgets .widget:is(:hover, .active) .widget-info {
  pointer-events: all;
}

.widgets .widget.widget-phone:is(:hover, .active) .widget-info {
  opacity: 1;
  width: 179px;
}
.widgets .widget.widget-location:is(:hover, .active) .widget-info {
  opacity: 1;
  width: 139px;
}
.widgets .widget.widget-contact:is(:hover, .active) .widget-info {
  opacity: 1;
  width: 116px;
}
.widgets .widget.widget-dropdown:is(:hover, .active) .widget-info {
  opacity: 1;
}

.widgets .widget:is(:hover, .active) .widget-info span {
  opacity: 1;
}

@media (max-width: 767px) {
  .widgets {
    display: none;
  }
}
.page-main .big-photo-wrap {
  max-width: 1485px;
  margin-left: auto;
  padding-left: 15px;
  margin-bottom: 70px;
}
.page-main .page-hero {
  padding-top: 164px;
}
.page-main .frame-wrap {
  position: absolute;
  right: 90.5%;
  top: -373px;
  overflow: hidden;
}
.page-main .top {
  padding-bottom: 30px;
}
.page-main .top .page-hero + .intro-text {
  margin-top: 30px;
}
.page-main .container {
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
.page-main .wrapper {
  position: relative;
  padding-bottom: 118px;
}
.page-main .wrapper .page-content {
  text-align: justify;
  max-width: 1050px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
.page-main .wrapper .page-content .wp-block-media-text + h2,
.page-main .wrapper .page-content .wp-block-media-text + h3,
.page-main .wrapper .page-content .wp-block-media-text + h4,
.page-main .wrapper .page-content .wp-block-media-text + h5,
.page-main .wrapper .page-content .wp-block-media-text + p,
.page-main .wrapper .page-content .wp-block-media-text + ul,
.page-main .wrapper .page-content .wp-block-media-text + figure,
.page-main .wrapper .page-content .wp-block-media-text + img,
.page-main .wrapper .page-content .wp-block-media-text + div,
.page-main .wrapper .page-content ul + h2,
.page-main .wrapper .page-content ul + h3,
.page-main .wrapper .page-content ul + h4,
.page-main .wrapper .page-content ul + h5,
.page-main .wrapper .page-content ul + p,
.page-main .wrapper .page-content ul + ul,
.page-main .wrapper .page-content ul + figure,
.page-main .wrapper .page-content ul + img,
.page-main .wrapper .page-content ul + div {
  margin-top: 50px;
}
.page-main .wrapper .page-content:has(.photo-large) {
  padding-top: 0;
}
.page-main .wrapper .page-content .photo-large {
  top: -131px;
  position: relative;
}
.page-main .wrapper .page-content .photo-large img {
  width: calc(100% + (100vw - 100%) / 2);
  max-width: none;
}
.page-main .wrapper .page-content .photo-large + h2,
.page-main .wrapper .page-content .photo-large + h3,
.page-main .wrapper .page-content .photo-large + h4,
.page-main .wrapper .page-content .photo-large + h5,
.page-main .wrapper .page-content .photo-large + p,
.page-main .wrapper .page-content .photo-large + ul,
.page-main .wrapper .page-content .photo-large + figure,
.page-main .wrapper .page-content .photo-large + img,
.page-main .wrapper .page-content .photo-large + div {
  margin-top: -61px;
}
.page-main .wrapper .page-content .photo-large {
  height: 300px;
  width: 100%;
  position: relative;
}
.page-main .wrapper .page-content .before-after {
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: stretch;
  margin-top: 72px;
}
@media only screen and (max-width: 576px) {
  .page-main .wrapper .page-content .before-after {
    flex-direction: column;
  }
}
.page-main .wrapper .page-content .before-after .before,
.page-main .wrapper .page-content .before-after .after {
  flex: 1;
  position: relative;
  text-transform: uppercase;
}
.page-main .wrapper .page-content .before-after .before img,
.page-main .wrapper .page-content .before-after .after img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.page-main .wrapper .page-content .before-after .sticker {
  position: absolute;
  padding: 16px 24px;
  left: 0;
  bottom: 0;
}
.page-main .wrapper .page-content .before-after .before .sticker {
  background: #ffa381;
}
.page-main .wrapper .page-content .before-after .after .sticker {
  background: #b3edd7;
}
.page-main .wrapper .page-content h2,
.page-main .wrapper .page-content h3,
.page-main .wrapper .page-content h4,
.page-main .wrapper .page-content h5 {
  text-align: center;
  color: #0B32B5;
}
.page-main .wrapper .page-content h2 + p,
.page-main .wrapper .page-content h2 + div,
.page-main .wrapper .page-content h3 + p,
.page-main .wrapper .page-content h3 + div,
.page-main .wrapper .page-content h4 + p,
.page-main .wrapper .page-content h4 + div,
.page-main .wrapper .page-content h5 + p,
.page-main .wrapper .page-content h5 + div {
  margin-top: 24px;
}
.page-main .wrapper .page-content h2 + ul,
.page-main .wrapper .page-content h3 + ul,
.page-main .wrapper .page-content h4 + ul,
.page-main .wrapper .page-content h5 + ul {
  margin-top: 16px;
}
.page-main .wrapper .page-content p + figure,
.page-main .wrapper .page-content p + img {
  margin-top: 70px;
}
.page-main .wrapper .page-content p + p {
  margin-top: 20px;
}
.page-main .wrapper .page-content p + div {
  margin-top: 30px;
}
.page-main .wrapper .page-content p + h2,
.page-main .wrapper .page-content p + h3,
.page-main .wrapper .page-content p + h4,
.page-main .wrapper .page-content p + h5 {
  margin-top: 30px;
}
.page-main .wrapper .page-content ul li + li {
  margin-top: 17px;
}
.page-main .wrapper .page-content ul li {
  position: relative;
  padding-left: 27px;
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
}
.page-main .wrapper .page-content ul li::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background-color: #6DC2D5;
  position: absolute;
  left: 0;
  top: 6px;
}
.page-main .wrapper .page-content ul li + li {
  margin-top: 17px;
}
.page-main .wrapper .page-content h4 {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 133.333% */
  letter-spacing: 0.9px;
  text-transform: uppercase;
}
.page-main .wrapper .page-content figure + h3,
.page-main .wrapper .page-content figure + h2,
.page-main .wrapper .page-content figure + h4,
.page-main .wrapper .page-content img + h3,
.page-main .wrapper .page-content img + h2,
.page-main .wrapper .page-content img + h4 {
  margin-top: 70px;
}
.page-main .wrapper .wp-block-media-text {
  gap: 30px;
}
.page-main .wrapper .has-media-on-the-right .wp-block-media-text__content {
  padding-left: 0;
}
.page-main .wrapper .wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
.page-main .wrapper .has-media-on-the-left .wp-block-media-text__content {
  padding-right: 0;
}
@media only screen and (max-width: 992px) {
  .page-main .wrapper {
    padding-top: 0 !important;
  }
}
@media only screen and (max-width: 1310px) {
  .page-main .page-main .frame-wrap {
    display: none;
  }
  .page-main .page-main .wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
  .page-main .page-main .wrapper .container {
    width: 100%;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
  }
  .page-main .page-main .wrapper .container .page-content {
    background-color: var(--color-ice);
    padding-top: 70px;
    padding-bottom: 118px;
  }
}
.page-main .wp-text p + .text-bg,
.page-main .wp-text ul + .text-bg,
.page-main .wp-text figure + .text-bg,
.page-main .wp-text img + .text-bg,
.page-main .wp-text div + .text-bg,
.page-main .wp-text h2 + .text-bg,
.page-main .wp-text h3 + .text-bg,
.page-main .wp-text h4 + .text-bg,
.page-main .wp-text h5 + .text-bg {
  margin-top: 30px;
}
.page-main .wp-text .text-bg {
  padding: 30px;
}
.page-main .wp-text .text-bg + p,
.page-main .wp-text .text-bg + ul,
.page-main .wp-text .text-bg + figure,
.page-main .wp-text .text-bg + img,
.page-main .wp-text .text-bg + div,
.page-main .wp-text .text-bg + h2,
.page-main .wp-text .text-bg + h3,
.page-main .wp-text .text-bg + h4,
.page-main .wp-text .text-bg + h5 {
  margin-top: 30px;
}
.page-main .wp-text .wp-block-columns + p,
.page-main .wp-text .wp-block-columns + ul,
.page-main .wp-text .wp-block-columns + figure,
.page-main .wp-text .wp-block-columns + img,
.page-main .wp-text .wp-block-columns + div {
  margin-top: 30px;
}
.page-main .wp-text p + p {
  margin-top: 20px;
}
.page-main .wp-text p a {
  color: #FBC8B9;
}
.page-main .wp-text p + ul {
  margin-top: 20px;
}
.page-main .wp-text ul li + li {
  margin-top: 17px;
}
.page-main .wp-text ul li {
  position: relative;
  padding-left: 27px;
  font-family: Kanit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
}
.page-main .wp-text ul li::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background-color: #6DC2D5;
  position: absolute;
  left: 0;
  top: 6px;
}
.page-main .wp-text ul li + li {
  margin-top: 17px;
}
.page-main .wp-text ul li a {
  color: #FBC8B9;
}
.page-main .wp-text ul li a:hover {
  text-decoration: underline;
}
.page-main .wp-text ul ul {
  padding-left: 0;
}
.page-main .wp-text ul ul li {
  list-style: none;
  padding-left: 0 !important;
}
.page-main .wp-text ul ul li::before {
  display: none !important;
}

.post-page {
  position: relative;
}
.post-page .squares .square-left {
  position: absolute;
  left: 0;
  top: 342px;
}
.post-page .squares .square-left .square {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  background-color: #A1F0E5;
}
.post-page .squares .square-right {
  position: absolute;
  right: calc((100vw - 1290px) / 2);
  bottom: 151px;
}
.post-page .squares .square-right .square {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  background-color: #FCE37A;
}
@media only screen and (max-width: 1307px) {
  .post-page .squares .square-right {
    right: 15px;
  }
}
@media only screen and (max-width: 1176px) {
  .post-page .squares {
    display: none;
  }
}

.hero {
  position: relative;
  width: 100%;
}

.hero-video {
  position: relative;
  padding-bottom: 56.25%;
  max-width: 100%;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

.hero-video video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.hero .sound {
  position: absolute;
  right: 5%;
  bottom: 9%;
  z-index: 2;
  cursor: pointer;
}
.hero .sound svg {
  display: block;
  width: 24px;
  height: 24px;
}
.hero .sound .hover-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.hero .sound .hover-content {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  z-index: 2;
  cursor: pointer;
  background-color: #000;
  width: 56.25px;
  height: 56.25px;
}
.hero .sound .sound-off {
  display: block;
}
.hero .sound .sound-on {
  display: none;
}
.hero .sound.active .sound-on {
  display: block;
}
.hero .sound.active .sound-off {
  display: none;
}

.home .intro {
  position: relative;
  padding-bottom: 18.536%;
}
.home .intro .container {
  position: relative;
  z-index: 3;
  padding-top: 102px;
  padding-bottom: 45px;
  max-width: 1497px;
}
.home .intro .photos .top,
.home .intro .photos .bottom {
  position: relative;
  width: 22.42%;
  position: absolute;
}
.home .intro .photos .top:before,
.home .intro .photos .bottom:before {
  content: "";
  display: block;
  padding-top: 69.77%;
  transition: var(--transition);
}
.home .intro .photos .top img,
.home .intro .photos .bottom img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.home .intro .photos .top img,
.home .intro .photos .bottom img {
  opacity: 0;
  transition: 0.3s linear;
}
.home .intro .photos .top img.animation,
.home .intro .photos .bottom img.animation {
  opacity: 1;
}
.home .intro .photos .left .top {
  top: 10%;
  left: 0;
  max-width: 430px;
}
.home .intro .photos .left .bottom {
  position: absolute;
  bottom: 16%;
  left: calc((100vw - 1542px) / 2);
  width: 28.291%;
}
.home .intro .photos .left .bottom::before {
  padding-top: 54.055%;
}
.home .intro .photos .left .bottom .rectangle {
  position: absolute;
  top: 100%;
  left: 100%;
  background-color: #FCE37A;
  padding-bottom: 16.76%;
  width: 16.76%;
}
@media only screen and (max-width: 1564px) {
  .home .intro .photos .left .bottom {
    left: 15px;
  }
}
.home .intro .photos .right .top {
  position: absolute;
  top: 14.5%;
  right: calc((100vw - 1542px) / 2);
  width: 12.5134%;
  max-width: 240px;
}
.home .intro .photos .right .top::before {
  padding-top: 83.334%;
}
.home .intro .photos .right .top .rectangle {
  position: absolute;
  top: 100%;
  right: 100%;
  background-color: #FBC8B9;
  padding-bottom: 31.67%;
  width: 31.67%;
}
@media only screen and (max-width: 1564px) {
  .home .intro .photos .right .top {
    right: 15px;
  }
}
.home .intro .photos .right .bottom {
  position: absolute;
  right: 0;
  bottom: 10%;
  width: 38.2212%;
}
.home .intro .photos .right .bottom::before {
  padding-top: 48.545%;
}
.home .intro .info {
  margin: 0 auto;
  width: 100%;
  max-width: 760px;
  text-align: justify;
  text-align: center;
}
.home .intro .info h1,
.home .intro .info h2 {
  color: #0B32B5;
}
.home .intro .info h2 {
  margin-top: 10px;
  margin-bottom: 50px;
}
.home .intro .info .text {
  margin: 0 auto;
  max-width: 633px;
}
.home .intro .info p + p {
  margin-top: 20px;
}
.home .intro .info .btn {
  margin-top: 50px;
}
.home .intro .info .btn .hover-content {
  background-color: transparent;
}
.home .intro .info .btn:hover .hover-content {
  background-color: #fff;
}
.home .intro .photo-mobile {
  display: none;
}
@media only screen and (max-width: 1527px) {
  .home .intro .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 1344px) {
  .home .intro .photos .left .top {
    display: none;
  }
}
@media only screen and (max-width: 1144px) {
  .home .intro .photos .right .top {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .home .intro {
    background: none !important;
    padding-top: var(--pt);
    padding-bottom: 0;
    padding-bottom: var(--pt);
    overflow: hidden;
  }
  .home .intro .photos {
    display: none;
  }
  .home .intro h1 {
    padding-right: 16px;
    padding-left: 15px;
  }
  .home .intro .container {
    padding: 0;
  }
  .home .intro-wrap {
    flex-direction: column;
  }
  .home .intro .info {
    position: relative;
    z-index: 2;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
  }
  .home .intro .photo-mobile {
    display: block;
    position: relative;
    z-index: 0;
    margin-top: -120px;
    width: 100%;
  }
  .home .intro .photo-mobile img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media only screen and (max-width: 768px) {
  .home .intro h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 25px;
  }
  .home .intro h1 br {
    display: none;
  }
}

.home .intro .hover-bg {
  border-radius: 40px;
  border: 1px solid #0B32B5;
}

.home .intro .info .btn svg {
  border-radius: 40px;
  background: #0B32B5;
  border: 2px solid #0B32B5;
}

.home .intro .info .btn .hover-content {
  border-radius: 40px;
  border: 1px solid #0B32B5;
}

.home .intro .photos .right .top .rectangle {
  background: transparent;
  stroke-width: 4px;
  border: 4px solid #FBC8B9;
  border-radius: 400px;
  padding: 0;
  width: 76px;
  height: 76px;
}

.home .intro .photos .left .bottom .rectangle {
  background: transparent;
  border: 4px solid #FBC8B9;
  border-radius: 400px;
  padding: 0;
  width: 62px;
  height: 62px;
}

.home .intro .photos .left .top img {
  border-radius: 40px;
  overflow: hidden;
}

.home .intro .photos .right .top img {
  border-radius: 40px;
  overflow: hidden;
}

.home .intro .photos .left .bottom img {
  border-radius: 40px;
  overflow: hidden;
}

.home .intro .photos .right .bottom img {
  border-radius: 40px;
  overflow: hidden;
}

.traitements {
  padding-top: 40px;
  padding-bottom: 45px;
  overflow: hidden;
}
.traitements h2 {
  padding-bottom: 40px;
  padding-bottom: 40px;
  color: #0B32B5;
  text-align: center;
  font-size: 42px;
  line-height: 46px;
  letter-spacing: 4.2px;
}
.traitements .wrapper {
  background-color: #0B32B5;
  padding-top: 20px;
  padding-bottom: 20px;
}
.traitements .blocks {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 30px;
  max-width: 1300px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.traitements .blocks .block {
  position: relative;
  flex: 1;
  border-radius: 40px;
  overflow: hidden;
}
@media (min-width: 991px) {
  .traitements .blocks .block {
    max-width: 50%;
  }
}
.traitements .blocks .block .photo {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.traitements .blocks .block .photo:before {
  content: "";
  display: block;
  padding-top: 78.126%;
  transition: var(--transition);
}
.traitements .blocks .block .photo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.traitements .blocks .block .btn-wrapper {
  position: absolute;
  bottom: 16px;
  left: 16px;
  z-index: 2;
  width: 53.226%;
  min-width: 254px;
  min-width: 327px;
}
.traitements .blocks .block .btn-wrapper .btn {
  width: 100%;
  height: auto;
}
.traitements .blocks .block .btn-wrapper .hover-content {
  justify-content: center;
  border: none;
  background-color: #0B32B5;
  padding: 0;
  width: 100%;
  font-family: var(--ff-roboto-con);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  padding: 20px;
}
.traitements .blocks .block .btn-wrapper .hover-content span {
  color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1704px) {
  .traitements .blocks .block .btn-wrapper .hover-content span {
    font-size: 22px;
  }
}
.traitements .blocks .block .btn-wrapper .hover-content-2 {
  width: 100%;
  max-width: 316px;
  display: inline-flex;
  padding: 20px 50px;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  background: #FBC8B9;
  border: none;
  color: #2E2F32;
  font-family: Comfortaa;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 2.08px;
}
@media only screen and (min-width: 768px) {
  .traitements .blocks .block:hover .photo img {
    transform: scale(1.1);
  }
  .traitements .blocks .block:hover h3 {
    opacity: 1;
  }
}
@media only screen and (max-width: 1200px) {
  .traitements .blocks .block h3 {
    height: 63.8px;
  }
}
@media only screen and (max-width: 992px) {
  .traitements h2 {
    padding-bottom: 30px;
  }
  .traitements .blocks {
    flex-direction: column;
    gap: 30px;
    margin-right: auto;
    margin-left: auto;
    max-width: 762px;
  }
  .traitements .blocks .block {
    border: 1px solid #fff;
  }
  .traitements .blocks .block h3 {
    bottom: 0;
    left: 0;
    opacity: 1;
    width: 100%;
  }
  .traitements .blocks .block .photo::before {
    padding-top: 67.126%;
  }
}
@media only screen and (max-width: 768px) {
  .traitements .blocks {
    padding-right: 15px;
    padding-left: 15px;
  }
  .traitements .blocks .block h3 {
    height: 56px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    /* 133.333% */
    letter-spacing: 0.9px;
  }
}

.technology {
  padding-top: 80px;
  padding-bottom: var(--pt);
}
.technology h2.title {
  color: #0B32B5;
  text-align: center;
}
.technology .container {
  max-width: 1570px;
}
.technology .blocks {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-top: 28px;
}
.technology .blocks .block {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.technology .blocks .block svg {
  width: 100%;
  height: auto;
}
.technology .blocks .block svg:hover {
  transform: scale(1.05);
}
.technology .blocks .block:first-child {
  width: calc(100% - (100% - 225px));
  max-width: 255px;
}
.technology .blocks .block:first-child h3 {
  order: 2;
  margin-top: 50px;
}
.technology .blocks .block:nth-child(2) {
  align-self: flex-start;
  padding-top: 61px;
  width: calc(100% - (100% - 150px));
  max-width: 158px;
}
.technology .blocks .block:nth-child(2) h3 {
  margin-bottom: 24px;
}
.technology .blocks .block:nth-child(3) {
  width: calc(100% - (100% - 155px));
  max-width: 155px;
}
.technology .blocks .block:nth-child(3) h3 {
  order: 2;
  margin-top: 36px;
}
.technology .blocks .block:nth-child(4) {
  align-self: center;
  width: calc(100% - (100% - 360px));
  max-width: 368px;
}
.technology .blocks .block:nth-child(4) .title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 30px;
  width: 100%;
  max-width: 355px;
}
.technology .blocks .block:nth-child(5) {
  width: calc(100% - (100% - 286px));
  max-width: 286px;
}
.technology .blocks .block:nth-child(5) h3 {
  order: 2;
  margin-top: 60px;
}
@media only screen and (max-width: 1340px) {
  .technology .blocks .block h3 {
    font-size: clamp(1px, 2vw, 28px);
    line-height: 1.36em;
  }
}
@media only screen and (max-width: 940px) {
  .technology .blocks .block h3 {
    font-size: clamp(1px, 1.941vw, 28px);
    line-height: 1.36em;
  }
}
@media only screen and (max-width: 768px) {
  .technology .blocks {
    row-gap: 50px;
    flex-wrap: wrap;
  }
  .technology .blocks .block {
    width: 48% !important;
    max-width: none !important;
  }
  .technology .blocks .block h3 {
    font-size: clamp(1px, 4.041vw, 28px);
  }
  .technology .blocks .block:nth-child(2) {
    align-self: center;
  }
}
@media only screen and (max-width: 576px) {
  .technology .blocks .block {
    width: 100% !important;
  }
  .technology .blocks .block h3 {
    order: 2;
    margin: 30px auto 0;
  }
}

.technology .blocks h3 {
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 2.08px;
}

@media (min-width: 1025px) {
  .technology .blocks .block:nth-child(3) h3 {
    min-width: 230px;
  }
}

.patient {
  padding-top: 20px;
  color: #fff;
}
.patient h2.title {
  margin-bottom: 44px;
  text-align: center;
}
.patient .container .wrap {
  width: 100%;
  background-color: #0B32B5;
  position: relative;
  max-height: 550px;
}
.patient .container .wrap .frame-left {
  position: absolute;
  right: 100%;
  top: 49%;
  transform: translateY(-50%);
}
.patient .container .wrap .frame-right {
  position: absolute;
  left: 100%;
  top: 49%;
  transform: translateY(-50%);
}
.patient .container .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  margin: 0 auto;
  width: 100%;
  max-width: 1310px;
  max-height: 550px;
}
.patient .container .wrapper .image {
  transform: translateY(-37px);
  width: calc(100% - (100% - 452px));
  min-width: 340px;
}
.patient .container .wrapper .left,
.patient .container .wrapper .right {
  padding-top: 40px;
  padding-bottom: 40px;
  width: 100%;
  max-width: 370px;
}
.patient .container .wrapper .left .location,
.patient .container .wrapper .right .location {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 46px;
  max-width: 311px;
}
.patient .container .wrapper .left .location svg,
.patient .container .wrapper .right .location svg {
  min-width: 24px;
  min-height: 24px;
}
.patient .container .wrapper .left .location:hover p,
.patient .container .wrapper .right .location:hover p {
  color: #FBC8B9;
}
.patient .container .wrapper .left .phone,
.patient .container .wrapper .right .phone {
  margin-bottom: 72px;
}
.patient .container .wrapper .left .phone a,
.patient .container .wrapper .right .phone a {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}
@media only screen and (min-width: 768px) {
  .patient .container .wrapper .left .phone a,
  .patient .container .wrapper .right .phone a {
    pointer-events: none;
  }
}
.patient .container .wrapper .left .phone:hover a p,
.patient .container .wrapper .right .phone:hover a p {
  color: #FBC8B9;
}
.patient .container .wrapper .left .info .text,
.patient .container .wrapper .right .info .text {
  margin-top: 16px;
  margin-bottom: 30px;
}
.patient .container .wrapper .left .info .links a,
.patient .container .wrapper .right .info .links a {
  display: block;
  transition: 0.2s;
}
.patient .container .wrapper .left .info .links a svg,
.patient .container .wrapper .right .info .links a svg {
  transform-origin: center;
}
.patient .container .wrapper .left .info .links a + a,
.patient .container .wrapper .right .info .links a + a {
  margin-top: 16px;
}
.patient .container .wrapper .left .info .links a:hover svg,
.patient .container .wrapper .right .info .links a:hover svg {
  transform: scale(1.05);
}
@media only screen and (max-width: 1680px) {
  .patient .frame {
    display: none;
  }
}
@media only screen and (max-width: 1372px) {
  .patient .container .wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 992px) {
  .patient .container .wrapper {
    max-width: 650px;
  }
  .patient .container .wrapper .image {
    display: none;
  }
}
@media only screen and (max-width: 670px) {
  .patient .container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .patient .container .wrap {
    max-height: none;
  }
  .patient .container .wrapper {
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    max-height: none;
  }
  .patient .container .wrapper .location {
    margin-bottom: 30px !important;
  }
  .patient .container .wrapper .right {
    margin: 0 auto;
    padding-top: 0;
  }
}

.patient h3 {
  color: #0B32B5;
  font-size: 42px;
  font-weight: 500;
  line-height: 46px;
  letter-spacing: 4.2px;
  margin-top: 100px;
  margin-bottom: 40px;
}
.patient .data-meta-item {
  margin-bottom: 24px;
}
.patient .data-meta-item:last-child {
  margin-bottom: 0;
}
.patient .data-meta-item a {
  display: inline-flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  color: #2E2F32;
  font-size: 16px;
  line-height: 24px;
}
.patient .data-meta-item a:hover {
  color: #0B32B5;
}
.patient .data-meta-item a svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.patient .data-meta-item a svg * {
  fill: #0B32B5;
}

.patient .container .wrap .frame-left svg *,
.patient .container .wrap .frame-right svg * {
  fill: rgba(251, 200, 185, 0.4);
}

.patient .container .wrap {
  background-color: #FBC8B9;
}

.patient .right .info h3 {
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 2.08px;
  margin-bottom: 16px;
  margin-top: 60px;
}

.patient .container .wrapper .right .info .text {
  color: #2E2F32;
  line-height: 150%;
}

.patient .btn:not(.btn-doctor, .access .btn, .drop-down):hover svg rect {
  fill: inherit;
}

.patient .links {
  overflow: visible;
}
.patient .links svg {
  overflow: visible;
}
.patient .links a {
  margin-top: 16px;
  height: auto;
  line-height: 1;
}

@media (max-width: 575px) {
  .patient h3 {
    margin-top: 40px;
  }
  .patient .right .info h3 {
    margin-top: 0;
  }
}
.emergency {
  padding-top: 116px;
  padding-bottom: 164px;
}
.emergency .container h2.title {
  margin-bottom: 40px;
  text-align: center;
  color: #0B32B5;
}
.emergency .container .wrapper {
  position: relative;
}
.emergency .container .wrapper .square-left {
  position: absolute;
  bottom: 100%;
  right: 100%;
  background: #F54F4F;
}
.emergency .container .wrapper .square-left .square {
  width: 62px;
  height: 62px;
  min-width: 62px;
  min-height: 62px;
}
.emergency .container .wrapper .square-right {
  position: absolute;
  top: 100%;
  left: 100%;
  background: #FCE37A;
}
.emergency .container .wrapper .square-right .square {
  width: 78px;
  height: 78px;
  min-width: 78px;
  min-height: 78px;
}
.emergency .container .blocks {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
}
.emergency .container .blocks .block {
  position: relative;
  width: calc(50% - 10px);
}
.emergency .container .blocks .block .photo {
  display: block;
  position: relative;
  width: 100%;
  border-radius: 40px;
  overflow: hidden;
}
.emergency .container .blocks .block .photo:before {
  content: "";
  display: block;
  padding-top: 34.212%;
  transition: var(--transition);
}
.emergency .container .blocks .block .photo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.emergency .container .blocks .block .link {
  width: 65.7894736842%;
  width: auto;
  position: absolute;
  bottom: 16px;
  left: 16px;
  z-index: 2;
  height: auto;
  cursor: pointer;
}
.emergency .container .blocks .block .link * {
  cursor: pointer;
}
.emergency .container .blocks .block .link .hover-content {
  background: #0B32B5;
  color: #fff;
  padding: 0;
  justify-content: center;
  font-family: var(--ff-roboto-con);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  padding: 20px;
}
.emergency .container .blocks .block .link .hover-content-2 {
  display: inline-flex;
  padding: 20px 60px;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  background: #FBC8B9;
  border: none;
  color: #2E2F32;
  font-family: Comfortaa;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 2.08px;
}
@media only screen and (max-width: 992px) {
  .emergency .container .blocks .block .link {
    pointer-events: none;
  }
}
@media only screen and (max-width: 1702px) {
  .emergency .squares {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .emergency {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .emergency .container .blocks {
    flex-direction: column;
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
  }
  .emergency .container .blocks .block {
    width: 100%;
  }
  .emergency .container .blocks .block .link {
    position: static;
    width: 100%;
    max-width: 100%;
  }
}

.emergency .container .wrapper .square-left {
  background: transparent;
  stroke-width: 4px;
  border: 4px solid #FBC8B9;
  border-radius: 400px;
  padding: 0;
  width: 62px;
  height: 62px;
}

.emergency .container .wrapper .square-right {
  background: transparent;
  stroke-width: 4px;
  border: 4px solid #FBC8B9;
  border-radius: 400px;
  padding: 0;
  width: 78px;
  height: 78px;
}

.paralax {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  padding-bottom: 56.25%;
}
@media only screen and (max-width: 568px) {
  .paralax {
    padding-bottom: 69.6%;
  }
}
@media only screen and (max-width: 768px) {
  .paralax {
    background-attachment: unset !important;
  }
}

.access {
  position: relative;
  z-index: 2;
}
.access-content {
  position: absolute;
  top: -202px;
  right: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
.access .block .mediweb svg path {
  fill: #fff;
}
.access .block svg:not(.icon, .mediweb svg) path {
  fill: #FBC8B9;
}
.access .frame {
  display: flex;
  align-items: flex-end;
  max-height: 72px;
}
.access .frame svg {
  width: 100%;
  height: auto;
}
.access .wrapper {
  background-color: #0B32B5;
  padding-top: 69.64px;
  padding-bottom: 75.36px;
}
.access .wrapper * {
  color: #fff;
}
.access .hover-content {
  border-color: #fff;
  background: #0B32B5;
}
.access .blocks {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  margin: 0 auto;
  margin-top: 30px;
  width: 100%;
  max-width: 1256px;
}
.access .blocks .wrap {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
  width: 64%;
  max-width: 752px;
}
.access .blocks .block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.access .blocks .block .btn {
  border-color: #fff;
  margin: 0;
}
.access .blocks .block .btn .hover-bg {
  border-color: #fff;
  z-index: 0;
}
.access .blocks .block-parking {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
  max-width: 234px;
}
.access .blocks .block-parking .wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: 100%;
  font-weight: 300;
  text-align: left;
}
.access .blocks .block-parking .btn {
  margin: 0;
  min-width: 234px;
}
.access .blocks .block-parking .btn svg:not(.mediweb svg) {
  width: 48px;
}
.access .blocks .block-parking svg:not(.mediweb svg) {
  width: 24px;
}
.access .blocks-wrap {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  width: 100%;
  max-width: 740px;
}
.access .blocks-btn {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.access .blocks-btn .btn {
  display: block;
  min-width: 234px;
  max-width: 234px;
}
.access .contacts {
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  margin-top: 0;
  margin-bottom: 30px;
}
.access .contacts .location {
  max-width: 498px;
}
.access .contacts .location:hover p {
  color: #FBC8B9;
}
.access .contacts .phone:hover a p {
  color: #FBC8B9;
}
.access .schedule-wrap {
  min-width: 341px;
}
.access .schedule-title {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}
.access .schedule-list {
  padding-left: 40px;
}
.access .schedule-list li {
  display: flex;
  align-items: center;
  gap: 16px;
}
.access .schedule-list__day {
  min-width: 132px;
}
.access .schedule-list--hours {
  width: 100%;
  max-width: 163px;
  font-weight: 300;
  font-size: var(--fs-md);
}
.access .map {
  width: 100%;
  height: 931.316px;
}
.access .map div[title=marker] {
  background-image: url(../img/marker.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 115px !important;
  height: 141px !important;
}
.access .map div[title=marker] img {
  display: none;
}
@media only screen and (max-width: 768px) {
  .access .map div[title=marker] {
    width: 40.66px !important;
    height: 49.696px !important;
  }
}
.access .map div[title=marker]:hover {
  transform: scale(1.2);
  transition: 0.2s;
}
@media only screen and (max-width: 1152px) {
  .access .blocks .wrap {
    width: 59%;
  }
}
@media only screen and (max-width: 1694px) {
  .access .blocks {
    flex-wrap: wrap;
  }
  .access .wrapper {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 992px) {
  .access .container {
    padding: 0;
  }
  .access-content {
    position: relative;
    top: auto;
  }
  .access .wrapper {
    padding-top: 40px;
  }
  .access h2.title {
    text-align: center;
  }
  .access .blocks {
    margin-top: 30px;
    flex-direction: column;
    align-items: flex-start;
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
  }
  .access .blocks .wrap {
    width: 100%;
  }
  .access .map {
    padding-bottom: 56.27%;
    height: auto;
  }
}
@media only screen and (max-width: 568px) {
  .access .blocks > .wrap {
    flex-direction: column;
  }
}

.access .frame svg [fill="#163560"] {
  fill: #152E86;
}
.access .frame svg [fill="#DEE5EE"] {
  fill: #FBC8B9;
}

.access .blocks .block .hover-bg {
  border-radius: 40px;
  border: 1px solid #0B32B5;
}

.access .blocks .block .btn svg {
  border-radius: 40px;
  background: #0B32B5;
  border: 2px solid #fff;
}

.access .blocks .block .btn .hover-content {
  border-radius: 40px;
  border: 1px solid #fff;
}

.access .blocks .block-parking .btn {
  background: transparent;
  border: none;
}

.access .data-inner {
  border-radius: 40px;
}

.access .wrapper {
  border-radius: 0px 0px 40px 40px;
}

.access .frame {
  border-radius: 40px 40px 0px 0px;
  overflow: hidden;
}

.footer {
  position: relative;
  background-color: #0B32B5;
  padding-bottom: 31px;
}
.footer a:hover {
  color: #FBC8B9 !important;
}
.footer .container {
  padding: 0 100px;
  padding-top: 71.22px;
  padding-bottom: 27px;
  max-width: 1745px;
}
.footer .frame {
  overflow: hidden;
}
.footer .frame svg {
  margin: 0 auto;
}
.footer span {
  white-space: nowrap;
}
.footer .top {
  display: flex;
  justify-content: space-between;
}
.footer nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  width: 70%;
  max-width: 970px;
}
.footer nav ul {
  min-width: 320px;
}
.footer nav ul li a {
  color: var(--color-white);
  font-weight: var(--fw-light);
}
.footer nav ul li + li {
  margin-top: 8px;
}
.footer .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  color: #fff;
}
.footer .bottom * {
  font-size: 14px;
}
.footer .bottom a {
  color: #fff;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
}
.footer .bottom .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  width: 70%;
  max-width: 970px;
}
.footer .bottom .left {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 320px;
  max-width: 456px;
}
.footer .bottom .left span {
  display: block;
  color: #FBC8B9;
}
.footer .bottom .centr {
  width: 100%;
  min-width: 323px;
  max-width: 119px;
}
@media (max-width: 1199px) {
  .footer .container {
    padding: 0 50px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 992px) {
  .footer .container {
    padding: 0 20px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .footer .bottom {
    align-items: flex-start;
    gap: 30px;
  }
  .footer .bottom .wrap {
    align-items: flex-start;
    width: 54%;
  }
  .footer .bottom .left {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 788px) {
  .footer .bottom {
    flex-direction: column;
  }
}
@media only screen and (max-width: 600px) {
  .footer .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .footer .top {
    flex-direction: column;
    gap: 52px;
  }
  .footer .top nav ul li + li {
    margin-top: 24px;
  }
  .footer .top .logo {
    width: 344px;
  }
  .footer .top .logo svg {
    width: 100%;
    height: auto;
  }
  .footer .bottom .wrap {
    flex-direction: column;
  }
}

.footer .frame svg * {
  fill: #FBC8B9;
}

.page-hero {
  padding-top: 164px;
}
.page-hero h1 {
  color: #0B32B5;
  font-size: 46px;
  font-weight: 400;
  letter-spacing: 2.76px;
  padding-bottom: 16px;
  text-align: center;
}
.page-hero .container {
  max-width: 1050px;
}
.page-hero + .intro-text {
  max-width: 1020px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .page-hero {
    padding-top: 53px !important;
  }
}

.breadcrumbs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.breadcrumbs * {
  color: #0B32B5 !important;
}
.breadcrumbs-wrap {
  display: flex;
  justify-content: center;
  overflow: auto;
  width: 100%;
}
.breadcrumbs-title {
  color: var(--color-aqua);
}
.breadcrumbs span,
.breadcrumbs a {
  white-space: nowrap;
}
.breadcrumbs a:hover {
  color: #FBC8B9 !important;
}

.page-template-page-cabinet .hero {
  margin-top: 30px;
}
.page-template-page-cabinet .hero .container {
  max-width: 1030px;
  text-align: justify;
}
.page-template-page-cabinet .hero .container p + p {
  margin-top: 25px;
}
.page-template-page-cabinet .hero .top {
  padding-bottom: 48px;
}
.page-template-page-cabinet .squares .square-left {
  position: absolute;
  left: calc((100vw - 1663px) / 2);
  top: 210px;
}
@media only screen and (max-width: 1687px) {
  .page-template-page-cabinet .squares .square-left {
    left: 15px;
  }
}
.page-template-page-cabinet .squares .square-left .square {
  width: 97px;
  height: 97px;
  min-width: 97px;
  min-height: 97px;
  background-color: #F54F4F;
}
.page-template-page-cabinet .squares .square-right {
  position: absolute;
  right: 0;
  bottom: 53px;
}
.page-template-page-cabinet .squares .square-right .square {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  background-color: #A1F0E5;
}
@media only screen and (max-width: 1128px) {
  .page-template-page-cabinet .squares {
    display: none;
  }
}

.gallery {
  padding-top: 16px;
  padding-bottom: 120px;
}
.gallery .gallery-wrapper {
  background-color: #0B32B5;
  padding-top: 21px;
  padding-bottom: 21px;
}
.gallery .gallery-slider {
  margin-top: 17px;
  margin-bottom: 17px;
}
.gallery .gallery-slider .photo {
  transition: 0.3s ease;
  position: relative;
  width: 100%;
}
.gallery .gallery-slider .photo:before {
  content: "";
  display: block;
  padding-top: 57.16%;
  transition: var(--transition);
}
.gallery .gallery-slider .photo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.gallery .gallery-slider .slide {
  transition: 0.3s ease;
  opacity: 0.2;
}
.gallery .gallery-slider .slide.swiper-slide-active {
  opacity: 1;
}
.gallery .container {
  margin: 0;
  max-width: 1050px;
}
.gallery .slider-navigation {
  margin: 0 auto;
  margin-top: 24px;
  width: 100%;
  width: 48.334%;
  max-width: 928px;
}
.gallery .slider-navigation .swiper-pagination {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: static;
  overflow: auto;
}
.gallery .slider-navigation .swiper-pagination .swiper-pagination-bullet {
  border: 2px solid #0B32B5;
  border-radius: 0%;
  background: transparent;
  width: 16px;
  height: 16px;
}
.gallery .slider-navigation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px;
  height: 24px;
  background: #0B32B5 !important;
}
@media only screen and (max-width: 1110px) {
  .gallery .slider-navigation {
    margin-top: 9px;
  }
}
@media only screen and (max-width: 992px) {
  .gallery .gallery-slider .slide.swiper-slide-active {
    padding: 0;
  }
  .gallery .slider-navigation {
    transform: none;
    margin-top: 17px;
    width: 66.334%;
  }
  .gallery .slider-navigation .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }
  .gallery .slider-navigation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
  }
  .gallery .gallery-slider .photo:before {
    padding-top: 58.842% !important;
  }
}

.team {
  position: relative;
  min-height: 460px;
}
.team .photo {
  position: relative;
  width: 100%;
}
.team .photo:before {
  content: "";
  display: block;
  padding-top: 39.615%;
  transition: var(--transition);
}
.team .photo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.team .info {
  position: absolute;
  bottom: 63px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
  max-width: 290px;
  text-align: justify;
  padding-top: 60px;
}
.team .info * {
  color: #fff;
}
.team .info h2 {
  margin-bottom: 30px;
  text-align: center;
}
.team .info .btn-wrapper {
  text-align: center;
}
.team .info .btn {
  margin: 30px auto 0;
}
.team .info .btn .hover-bg {
  border-color: #fff;
}
.team .info .btn .hover-content {
  background-color: transparent;
  border-color: #fff;
}
.team .info .btn .hover-content svg rect {
  fill: #fff;
  stroke: #fff;
}
.team .info .btn .hover-content svg path {
  stroke: #0B32B5;
}
@media only screen and (max-width: 1165px) {
  .team .photo {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .team .photo img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.page-template-page-cabinet .container-btn {
  padding-top: 101px;
  padding-bottom: 90px;
  text-align: center;
}
.page-template-page-cabinet .container-btn svg rect {
  fill: #0B32B5;
}

.valeurs .container {
  max-width: 1569px;
}
.valeurs .container .wrap {
  padding-top: 120px;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
.valeurs h2 {
  text-align: center;
  margin-bottom: 50px;
}
.valeurs .blocks {
  margin: 0 auto;
  max-width: 1022px;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 20px;
}
.valeurs .blocks .block {
  background-color: var(--color-white);
  flex: 1;
  transition: var(--transition);
  position: relative;
  width: 100%;
}
.valeurs .blocks .block:before {
  content: "";
  display: block;
  padding-top: 74.016%;
  transition: var(--transition);
}
.valeurs .blocks .block .content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.valeurs .blocks .block .content {
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
}
.valeurs .blocks .block svg {
  margin: 0 auto;
  display: block;
}
.valeurs .blocks .block h3 {
  text-align: center;
  margin-top: 30px;
  transition: var(--transition);
}
.valeurs .blocks .block:hover svg {
  transform: scale(1.05);
}
.valeurs .blocks .block:first-child svg {
  width: 39.856%;
  height: auto;
}
.valeurs .blocks .block:nth-child(2) svg {
  width: 39.1308%;
  height: auto;
}
.valeurs .blocks .block:nth-child(3) svg {
  width: 44.93%;
  height: auto;
}
.valeurs .blocks .block:nth-child(4) svg {
  width: 44.93%;
  height: auto;
}
@media only screen and (max-width: 992px) {
  .valeurs .container .wrap {
    background: transparent;
    padding-bottom: 0;
  }
  .valeurs .blocks {
    flex-wrap: wrap;
    gap: 20px;
  }
  .valeurs .blocks .block {
    flex: auto;
    width: calc(50% - 20px);
  }
}

.cabinet-paralax {
  padding-bottom: 46.875%;
}
@media only screen and (max-width: 768px) {
  .cabinet-paralax {
    background-attachment: unset !important;
    padding-bottom: 56.375%;
  }
}

.team-page .top {
  padding-bottom: 61px;
}
.team-page .top .intro {
  max-width: 1020px;
  margin: 0 auto;
  width: 100%;
}
.team-page .wrapper {
  position: relative;
  padding-bottom: 70.42px;
}
.team-page .wrapper h2 {
  padding-top: 70px;
  margin-bottom: 67px;
  text-align: center;
  text-transform: uppercase;
}
.team-page .wrapper .info {
  padding: 21px 22.59px;
  color: #fff;
  text-align: center;
}
.team-page .wrapper .info .name {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}
.team-page .wrapper .info .position {
  text-align: center;
  /* 1920_text */
  font-family: "Kanit";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
}
.team-page .frame {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 9.891%;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .team-page .wrapper h2 {
    padding-top: 22px;
    margin-bottom: 30px;
  }
  .team-page .wrapper::before {
    width: calc(100% - 30px);
  }
}

.doctors .wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.doctors .wrapper .doctor {
  display: flex;
  align-items: stretch;
  width: 50%;
}
.doctors .wrapper .doctor .add-photo {
  opacity: 0.2;
  width: 66.459%;
  filter: grayscale(100%);
  transition: var(--transition);
}
.doctors .wrapper .doctor .add-photo .photo {
  min-height: 297.2px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.doctors .wrapper .doctor .add-photo .photo:before {
  content: "";
  display: block;
  padding-top: 62.795%;
  transition: var(--transition);
}
.doctors .wrapper .doctor .add-photo .photo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.doctors .wrapper .doctor .wrap {
  position: relative;
  transition: var(--transition);
  padding-bottom: 70px;
  width: 33.7%;
  min-width: 240px;
  overflow: hidden;
}
.doctors .wrapper .doctor .wrap * {
  color: #2A2A2A;
}
.doctors .wrapper .doctor .wrap .photo {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.doctors .wrapper .doctor .wrap .photo:before {
  content: "";
  display: block;
  padding-top: 123.84%;
  transition: var(--transition);
}
.doctors .wrapper .doctor .wrap .photo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.doctors .wrapper .doctor .wrap .photo .link {
  position: absolute;
  bottom: 20px;
  left: 20px;
  opacity: 0;
  z-index: 2;
}
.doctors .wrapper .doctor .wrap .frame-dots {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media only screen and (min-width: 576px) {
  .doctors .wrapper .doctor .wrap:hover {
    background-color: #0B32B5;
  }
  .doctors .wrapper .doctor .wrap:hover * {
    color: #fff;
  }
  .doctors .wrapper .doctor .wrap:hover .photo img {
    top: 9px;
    right: 11px;
    left: 11px;
    width: calc(100% - 22px);
    filter: grayscale(100%);
  }
  .doctors .wrapper .doctor .wrap:hover .photo .link {
    opacity: 1;
  }
}
.doctors .wrapper .doctor:nth-child(even) .add-photo {
  order: 1;
}
.doctors .wrapper .doctor:nth-child(even) .wrap {
  order: 0;
}
.doctors .wrapper .doctor:has(.wrap:hover) .add-photo {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .doctors .add-photo {
    display: none;
  }
  .doctors .wrapper .doctor .wrap {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .doctors .wrapper {
    gap: 20px;
  }
  .doctors .wrapper .doctor {
    width: 100%;
    background-color: #0B32B5;
  }
  .doctors .wrapper .doctor .wrap * {
    color: #fff;
  }
  .doctors .wrapper .doctor .wrap .photo img {
    top: 9px;
    right: 11px;
    left: 11px;
    width: calc(100% - 22px);
  }
  .doctors .wrapper .doctor .wrap .photo .link {
    opacity: 1;
  }
}

.assistants .blocks,
.praticiens .blocks {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
.assistants .assistant,
.assistants .praticien,
.praticiens .assistant,
.praticiens .praticien {
  border: 3px solid #2A2A2A;
  overflow: hidden;
  width: 11.11%;
  background-color: #fff;
}
.assistants .assistant .info,
.assistants .praticien .info,
.praticiens .assistant .info,
.praticiens .praticien .info {
  padding: 21px 2%;
}
.assistants .assistant .photo,
.assistants .praticien .photo,
.praticiens .assistant .photo,
.praticiens .praticien .photo {
  position: relative;
  width: 100%;
}
.assistants .assistant .photo:before,
.assistants .praticien .photo:before,
.praticiens .assistant .photo:before,
.praticiens .praticien .photo:before {
  content: "";
  display: block;
  padding-top: 123%;
  transition: var(--transition);
}
.assistants .assistant .photo img,
.assistants .praticien .photo img,
.praticiens .assistant .photo img,
.praticiens .praticien .photo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.assistants .assistant + .assistant,
.assistants .praticien + .praticien,
.praticiens .assistant + .assistant,
.praticiens .praticien + .praticien {
  border-left: none;
}
.assistants .assistant + .assistant:nth-child(10),
.assistants .praticien + .praticien:nth-child(10),
.praticiens .assistant + .assistant:nth-child(10),
.praticiens .praticien + .praticien:nth-child(10) {
  border-left: 3px solid #2A2A2A;
}
@media only screen and (max-width: 1103px) {
  .assistants .blocks,
  .praticiens .blocks {
    row-gap: 30px;
    flex-wrap: wrap;
  }
  .assistants .assistant,
  .assistants .praticien,
  .praticiens .assistant,
  .praticiens .praticien {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 33%;
    border-width: 1.5px;
  }
  .assistants .assistant:nth-child(4), .assistants .assistant:nth-child(7),
  .assistants .praticien:nth-child(4),
  .assistants .praticien:nth-child(7),
  .praticiens .assistant:nth-child(4),
  .praticiens .assistant:nth-child(7),
  .praticiens .praticien:nth-child(4),
  .praticiens .praticien:nth-child(7) {
    border-left: 1.5px solid #2A2A2A;
  }
}

.single-doctor {
  overflow: hidden;
}
.single-doctor .page-hero {
  padding-bottom: 70px;
}
.single-doctor .top {
  padding: 0;
}
.single-doctor .squares .square-left {
  position: absolute;
  left: calc((100vw - 1663px) / 2);
  top: 210px;
}
@media only screen and (max-width: 1687px) {
  .single-doctor .squares .square-left {
    left: 15px;
  }
}
.single-doctor .squares .square-left .square {
  width: 97px;
  height: 97px;
  min-width: 97px;
  min-height: 97px;
  background-color: #FCE37A;
}
.single-doctor .squares .square-right {
  position: absolute;
  right: 0;
  bottom: 151px;
}
.single-doctor .squares .square-right .square {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  background-color: #A1F0E5;
}
@media only screen and (max-width: 1551px) {
  .single-doctor .squares {
    display: none;
  }
}
.single-doctor .content-wrapper {
  position: relative;
}
.single-doctor .container-doctor {
  position: relative;
  margin-left: 0;
  padding-right: 15px;
  padding-left: 0;
  max-width: 1495px !important;
  position: relative;
}
.single-doctor .container-doctor .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
}
.single-doctor .container-doctor .wrapper .photos {
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: 820px;
}
.single-doctor .container-doctor .wrapper .photos .add-photo {
  width: 60%;
}
.single-doctor .container-doctor .wrapper .photos .add-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.single-doctor .container-doctor .wrapper .photos .photo {
  max-width: 370px;
  min-height: 330px;
  min-width: 245px;
  position: relative;
  width: 40%;
}
.single-doctor .container-doctor .wrapper .photos .photo:before {
  content: "";
  display: block;
  padding-top: 123.515%;
  transition: var(--transition);
}
.single-doctor .container-doctor .wrapper .photos .photo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.single-doctor .container-doctor .wrapper .content {
  width: 100%;
  max-width: 500px;
  text-align: justify;
}
.single-doctor .container-doctor .wrapper .content h2 + h3 {
  margin-top: 30px;
}
.single-doctor .container-doctor .wrapper .content h2 + ul {
  margin-top: 16px;
}
.single-doctor .container-doctor .wrapper .content h2 + p {
  margin-top: 16px;
}
.single-doctor .container-doctor .wrapper .content h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  /* 133.333% */
  letter-spacing: 0.9px;
  text-transform: uppercase;
}
.single-doctor .container-doctor .wrapper .content h3 + ul {
  margin-top: 16px;
}
.single-doctor .container-doctor .wrapper .content h3 + p {
  margin-top: 16px;
}
.single-doctor .container-doctor .wrapper .content ul li {
  position: relative;
  padding-left: 27px;
}
.single-doctor .container-doctor .wrapper .content ul li::before {
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  background-color: #6DC2D5;
  width: 11px;
  height: 11px;
  content: "";
}
.single-doctor .container-doctor .wrapper .content ul li + li {
  margin-top: 17px;
}
.single-doctor .container-doctor .wrapper .content ul + h3 {
  margin-top: 30px;
}
.single-doctor .container-doctor .wrapper .content p,
.single-doctor .container-doctor .wrapper .content li {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  font-family: "Kanit";
}
.single-doctor .container-btn {
  max-width: 1442px !important;
}
@media only screen and (max-width: 992px) {
  .single-doctor .container-doctor {
    padding-left: 15px;
  }
  .single-doctor .container-doctor .wrapper {
    flex-direction: column;
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .single-doctor .container-doctor .wrapper .content {
    max-width: none;
  }
  .single-doctor .container-doctor .wrapper .photos .photo {
    min-height: auto;
    min-width: auto;
  }
}

.technology-page:has(.block.image_text:last-child) .patient {
  padding-top: 0;
}
.technology-page .wrapper {
  padding-bottom: 0;
}
.technology-page .block {
  overflow: hidden;
}
.technology-page .block .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
  max-width: 1570px;
  position: relative;
  z-index: 2;
}
.technology-page .block .block-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.technology-page .block.left .photo {
  order: 1;
  width: 100%;
  max-width: 952px;
}
.technology-page .block.left .info {
  order: 0;
  max-width: 950px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: calc((100vw - 1540px) / 2);
}
.technology-page .block.left .info .info-wrap {
  max-width: 630px;
  width: 100%;
}
@media only screen and (max-width: 1576px) {
  .technology-page .block.left .info {
    padding-left: 15px;
  }
}
.technology-page .block.right .block-wrap {
  padding-right: calc((100vw - 1540px) / 2);
}
.technology-page .block.right .photo {
  order: 0;
  width: 100%;
  max-width: 950px;
}
.technology-page .block.right .info {
  order: 1;
}
.technology-page .block .info {
  width: 100%;
  max-width: 630px;
}
.technology-page .block .text {
  margin-top: 30px;
  text-align: justify;
}
.technology-page .block.image_text:not(:first-child) .container {
  padding-top: 68px;
}
.technology-page .block.image_text .container {
  padding-bottom: 101px;
}
.technology-page .block.image_text .container .photo {
  max-width: 760px;
  position: relative;
  width: 100%;
}
.technology-page .block.image_text .container .photo:before {
  content: "";
  display: block;
  padding-top: 47.37%;
  transition: var(--transition);
}
.technology-page .block.image_text .container .photo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.technology-page .block.image_text .container .info {
  width: 100%;
  max-width: 630px;
}
.technology-page .block.dark_image_text {
  background-color: #0B32B5;
  padding-top: 21px;
  padding-bottom: 21px;
}
.technology-page .block.dark_image_text * {
  color: #fff;
}
.technology-page .block.dark_image_text .block-wrap {
  margin-top: 23px;
  margin-bottom: 23px;
}
.technology-page .block.dark_image_text .info {
  padding-left: 15px;
  padding-right: 15px;
}
.technology-page .block.photo-bg {
  position: relative;
}
.technology-page .block.photo-bg .container {
  justify-content: flex-end;
  padding-top: 15.105%;
  padding-bottom: 16%;
}
.technology-page .block.photo-bg .photo-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.technology-page .block.photo-bg .photo-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.technology-page .block.photo-bg .info {
  max-width: 630px;
  width: 100%;
}
@media only screen and (max-width: 1638px) {
  .technology-page .block.photo-bg .info {
    width: 48%;
  }
}
.technology-page .block.wide-photo .block-wrap {
  display: flex;
}
@media only screen and (max-width: 992px) {
  .technology-page .block .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .technology-page .block .photo {
    order: 0 !important;
    margin: 0;
    padding: 0;
    width: 100% !important;
    max-width: 100% !important;
  }
  .technology-page .block .info {
    order: 1 !important;
    margin: 0;
    padding: 0;
    padding-top: 30px;
    padding-bottom: 20px;
    width: 100% !important;
    max-width: 100% !important;
  }
  .technology-page .block.image_text .container {
    flex-direction: column;
  }
  .technology-page .block.dark_image_text .block-wrap {
    flex-direction: column;
  }
  .technology-page .block.dark_image_text .block-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
  .technology-page .block.photo-bg .photo-bg {
    position: static;
    padding-left: 15px;
    padding-right: 15px;
  }
  .technology-page .block.photo-bg .info {
    max-width: 768px;
    width: 100%;
  }
  .technology-page .block.wide-photo .block-wrap {
    flex-direction: column;
  }
  .technology-page .block + .block {
    margin-top: 40px;
  }
  .technology-page .patient {
    padding-top: 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .technology-page .info h2 {
    text-align: center;
  }
}

.category-treatments .top {
  position: relative;
}
.category-treatments .squares .square-left {
  position: absolute;
  left: calc((100vw - 1900px) / 2);
  top: 210px;
}
@media only screen and (max-width: 1747px) {
  .category-treatments .squares .square-left {
    left: 15px;
  }
}
.category-treatments .squares .square-left .square {
  width: 97px;
  height: 97px;
  min-width: 97px;
  min-height: 97px;
  background-color: #FCE37A;
}
.category-treatments .squares .square-right {
  position: absolute;
  right: 0;
  top: 107%;
}
.category-treatments .squares .square-right .square {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  background-color: #A1F0E5;
}
@media only screen and (max-width: 1551px) {
  .category-treatments .squares {
    display: none;
  }
}
.category-treatments .wrapper {
  padding-bottom: 0;
}
.category-treatments .wrapper .container {
  max-width: 1310px;
}
.category-treatments .wrapper .blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
.category-treatments .wrapper .blocks .block {
  width: calc(50% - 10px);
}
.category-treatments .wrapper .blocks .block * {
  cursor: pointer;
}
.category-treatments .wrapper .blocks .block .photo {
  overflow: hidden;
  position: relative;
  width: 100%;
  transition: none;
}
.category-treatments .wrapper .blocks .block .photo:before {
  content: "";
  display: block;
  padding-top: 66.034%;
  transition: var(--transition);
}
.category-treatments .wrapper .blocks .block .photo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.category-treatments .wrapper .blocks .block .photo svg {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  opacity: 0;
}
.category-treatments .wrapper .blocks .block h3 {
  transition: var(--transition);
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
  color: #0B32B5;
  text-align: center;
  text-align: center;
}
.category-treatments .wrapper .blocks .block:hover .photo img {
  filter: grayscale(100%);
}
.category-treatments .wrapper .blocks .block:hover .photo svg {
  opacity: 1;
}
.category-treatments .wrapper .blocks .block:hover h3 {
  color: #fff;
  background-color: #0B32B5;
}
@media only screen and (max-width: 992px) {
  .category-treatments .wrapper .blocks {
    flex-direction: column;
  }
  .category-treatments .wrapper .blocks .block {
    width: 100%;
  }
}

.parcours-page .wrapper {
  padding-bottom: 0;
}
.parcours-page .wrapper .blocks {
  position: relative;
}
.parcours-page .wrapper .blocks .block {
  display: flex;
  position: relative;
  justify-content: space-between;
  padding-bottom: 80px;
}
.parcours-page .wrapper .blocks .block .line {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.parcours-page .wrapper .blocks .block .line::before {
  content: "";
  display: block;
  height: 20%;
  width: 2px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 26px;
  transition: 0.3s;
  height: 0;
}
.parcours-page .wrapper .blocks .block:before {
  position: absolute;
  top: 26px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  border-radius: 50%;
  background-color: #0B32B5;
  width: 16px;
  height: 16px;
  content: "";
  opacity: 0;
}
.parcours-page .wrapper .blocks .block .photo-wrap {
  padding-top: 40px;
  width: 42.709%;
}
.parcours-page .wrapper .blocks .block .photo {
  overflow: hidden;
  position: relative;
  width: 100%;
  transition: var(--transition);
}
.parcours-page .wrapper .blocks .block .photo:before {
  content: "";
  display: block;
  padding-top: 48.782%;
  transition: var(--transition);
}
.parcours-page .wrapper .blocks .block .photo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media only screen and (min-width: 900px) {
  .parcours-page .wrapper .blocks .block .photo {
    filter: grayscale(100%);
  }
  .parcours-page .wrapper .blocks .block .photo:hover {
    filter: grayscale(0);
  }
}
.parcours-page .wrapper .blocks .block .info {
  width: 42.709%;
}
.parcours-page .wrapper .blocks .block .info .etape {
  position: relative;
  display: flex;
  gap: 20px;
  align-items: center;
}
.parcours-page .wrapper .blocks .block .info .etape .letter {
  position: absolute;
  top: -2px;
  left: 10px;
}
.parcours-page .wrapper .blocks .block .info .info-wrap {
  max-width: 515px;
}
.parcours-page .wrapper .blocks .block .info .info-wrap h3 {
  margin-top: 4px;
  margin-bottom: 20px;
}
.parcours-page .wrapper .blocks .block .info .info-wrap .text {
  text-align: justify;
}
.parcours-page .wrapper .blocks .block .info .info-wrap .text p + h3 {
  margin-top: 20px;
}
.parcours-page .wrapper .blocks .block:nth-of-type(1):before {
  background-color: #FBC8B9;
}
.parcours-page .wrapper .blocks .block:nth-of-type(odd) .info .info-wrap {
  padding-right: 15px;
}
.parcours-page .wrapper .blocks .block:nth-of-type(even) .photo-wrap {
  order: 1;
}
.parcours-page .wrapper .blocks .block:nth-of-type(even) .info {
  order: 0;
}
.parcours-page .wrapper .blocks .block:nth-of-type(even) .info .info-wrap {
  margin-left: auto;
  padding-left: 15px;
}
.parcours-page .wrapper .blocks .block:last-child {
  padding-bottom: 0;
}
.parcours-page .wrapper .blocks .block.active::before {
  opacity: 1;
}
.parcours-page .wrapper .blocks .block.active .line::before {
  height: 100%;
  background: rgb(14, 40, 76);
  background: linear-gradient(180deg, rgb(14, 40, 76) 0%, rgb(14, 40, 76) 100%);
}
.parcours-page .wrapper .blocks .block.shadow .photo-wrap .photo {
  filter: grayscale(0);
}
.parcours-page .wrapper .blocks .block.shadow:before {
  background-color: #FBC8B9;
  transition: 0.3s ease;
  opacity: 1;
}
.parcours-page .wrapper .blocks .block.shadow .line::before {
  height: 50%;
  transition: 0.3s ease 0.4s;
  background: linear-gradient(180deg, rgb(52, 185, 214) 0%, rgb(123, 209, 228) 18%, rgb(253, 253, 254) 51%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 79%, rgb(255, 255, 255) 100%) !important;
}
@media only screen and (max-width: 900px) {
  .parcours-page .line {
    display: none;
  }
  .parcours-page .wrapper .blocks .block {
    gap: 20px;
  }
  .parcours-page .wrapper .blocks .block:before {
    display: none;
  }
  .parcours-page .wrapper .blocks .block .info,
  .parcours-page .wrapper .blocks .block .photo-wrap {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (max-width: 768px) {
  .parcours-page .wrapper .blocks {
    padding-left: 15px;
    padding-right: 15px;
  }
  .parcours-page .wrapper .blocks .block {
    flex-direction: column;
  }
  .parcours-page .wrapper .blocks .block .photo-wrap {
    order: 0 !important;
  }
  .parcours-page .wrapper .blocks .block .info {
    order: 1 !important;
  }
  .parcours-page .wrapper .blocks .block .info .info-wrap {
    max-width: none;
  }
}

.conseils-page .container-main {
  padding-top: 48px;
  max-width: 1310px;
}
.conseils-page .filter-buttons {
  display: flex;
  border-top: 2px solid var(--0B32B5, #0B32B5);
  border-bottom: 2px solid var(--0B32B5, #0B32B5);
  overflow: auto;
}
.conseils-page .filter-buttons .filter-btn {
  flex: 1;
  transition: 0.3s ease;
  padding: 16px;
  color: #0B32B5;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
.conseils-page .filter-buttons .filter-btn.active {
  background-color: #0B32B5;
  color: #fff;
}
.conseils-page .blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
  margin-top: 50px;
}
.conseils-page .blocks .block {
  width: calc(50% - 10px);
}
.conseils-page .blocks .block .video {
  position: relative;
}
.conseils-page .blocks .block .video iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.conseils-page .blocks .block .video .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: none;
}
.conseils-page .blocks .block .video .sound {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  display: none;
}
@media only screen and (max-width: 992px) {
  .conseils-page .blocks {
    flex-direction: column;
  }
  .conseils-page .blocks .block {
    width: 100%;
  }
}

.sct-loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: #fff;
  z-index: 1000000;
  padding: 0 50px;
  overflow: hidden;
  transition: opacity 0.7s ease;
  opacity: 1;
  padding-top: 37.962962963vh;
  animation: slideUp 0.6s ease forwards;
  animation-delay: 2s;
  visibility: hidden;
  pointer-events: none;
}
.sct-loader .data-container {
  width: 100%;
  position: relative;
}
.sct-loader.first-show {
  opacity: 1;
  visibility: visible;
}
.sct-loader.hidden {
  opacity: 0;
  pointer-events: none;
}
.sct-loader.visible {
  display: block;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes slideUp {
  to {
    top: -100%;
    pointer-events: none;
  }
}
.sct-loader path[d^="M116.312 208.524C174.337"] {
  animation: fadeIn 0.8s ease forwards;
  animation-delay: 0.3s;
}
.sct-loader path[d^="M126.787 162.117C124.627"] {
  animation: fadeIn 0.8s ease forwards;
  animation-delay: 0.3s;
}
.sct-loader path[d^="M184.312 5.98065C184.022"],
.sct-loader path[d^="M194.398 16.6627L194.334"],
.sct-loader path[d^="M200.975 20.3406L201.168"],
.sct-loader path[d^="M209.223 28.4321C209.352"],
.sct-loader path[d^="M217.507 39.9137C217.797"],
.sct-loader path[d^="M227.466 52.0989L227.079"],
.sct-loader path[d^="M226.435 67.6742C227.724"],
.sct-loader path[d^="M232.815 78.8679C233.588"],
.sct-loader path[d^="M233.331 86.7036L234.04"],
.sct-loader path[d^="M237.553 89.2622C237.424"],
.sct-loader path[d^="M235.452 89.3966L226.095"],
.sct-loader path[d^="M231.913 94.3153C231.72"],
.sct-loader path[d^="M29.2632 220.389L37.9971"],
.sct-loader path[d^="M6.05889 218.63C4.51194"],
.sct-loader path[d^="M43.4436 224.962C40.5109"],
.sct-loader path[d^="M89.5933 232.478C88.7231"],
.sct-loader path[d^="M116.054 221.061C111.8"],
.sct-loader path[d^="M184.12 221.061C179.866"],
.sct-loader path[d^="M242.999 236.476C242.999"] {
  animation: fadeIn 0.8s ease forwards;
  animation-delay: 1s;
}
.sct-loader .data-logo {
  width: 243px;
  height: 258px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
}
.sct-loader .data-logo path[d^="M116.312 208.524C174.337"] {
  opacity: 0;
}
.sct-loader .data-logo path[d^="M126.787 162.117C124.627"] {
  opacity: 0;
}
.sct-loader .data-logo path[d^="M184.312 5.98065C184.022"],
.sct-loader .data-logo path[d^="M194.398 16.6627L194.334"],
.sct-loader .data-logo path[d^="M200.975 20.3406L201.168"],
.sct-loader .data-logo path[d^="M209.223 28.4321C209.352"],
.sct-loader .data-logo path[d^="M217.507 39.9137C217.797"],
.sct-loader .data-logo path[d^="M227.466 52.0989L227.079"],
.sct-loader .data-logo path[d^="M226.435 67.6742C227.724"],
.sct-loader .data-logo path[d^="M232.815 78.8679C233.588"],
.sct-loader .data-logo path[d^="M233.331 86.7036L234.04"],
.sct-loader .data-logo path[d^="M237.553 89.2622C237.424"],
.sct-loader .data-logo path[d^="M235.452 89.3966L226.095"],
.sct-loader .data-logo path[d^="M231.913 94.3153C231.72"] {
  opacity: 0;
}
.sct-loader .data-logo path[d^="M29.2632 220.389L37.9971"],
.sct-loader .data-logo path[d^="M6.05889 218.63C4.51194"],
.sct-loader .data-logo path[d^="M43.4436 224.962C40.5109"],
.sct-loader .data-logo path[d^="M89.5933 232.478C88.7231"],
.sct-loader .data-logo path[d^="M116.054 221.061C111.8"],
.sct-loader .data-logo path[d^="M184.12 221.061C179.866"],
.sct-loader .data-logo path[d^="M242.999 236.476C242.999"] {
  opacity: 0;
}
.sct-loader .data-logo svg {
  will-change: left, opacity;
  display: block;
}
.sct-loader .data-logo-part-circle svg {
  width: 106.159px;
  height: 112.701px;
  position: absolute;
  top: 0%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0px;
  margin-left: 138px;
}
.sct-loader .data-logo-part-1 svg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 22px;
  margin-left: 87px;
}
.sct-loader .data-logo-part-2 svg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 71px;
  margin-left: 43px;
}
.sct-loader .data-logo-part-3 svg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 16px;
  margin-top: 130px;
  right: 0;
}
.sct-loader .data-logo-part-4 svg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 140px;
  left: 0;
}
@media (max-width: 1199px) {
  .sct-loader {
    padding-top: 42vh;
  }
}
@media (max-width: 767px) {
  .sct-loader {
    padding-top: 39vh;
  }
  .sct-loader .data-logo {
    transform-origin: center;
    transform: translate(-50%, 0%) scale(0.61);
  }
}
@media (max-width: 575px) {
  .sct-loader {
    padding-top: 39vh;
  }
}

.header-logo svg {
  max-height: 66px;
}

.header-logo svg {
  max-height: 66px;
}

/* .patient .container .wrapper .right>* {
    display: none;
}

.patient .container .wrapper .right .location {
    display: none;
} */
.traitements svg * {
  fill: #FBC8B9;
}

.technology {
  color: #0B32B5;
}

.header .container nav .menu > li > a {
  font-family: "Montserrat", sans-serif;
}

.btn:not(.btn-doctor, .access .btn, .drop-down):hover svg rect {
  fill: #0B32B5;
}

.page-main .wp-text ul li a {
  color: #0B32B5;
  font-family: "Montserrat";
  font-weight: 500;
}

.page-main .top {
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .page-main .top {
    padding-bottom: 20px;
  }
}

.page-main .wp-text ul li {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.single .page-main .top,
.page .page-main .top {
  padding-bottom: 30px;
}

.page-template-page-cabinet .squares .square-left .square {
  background: transparent;
  border: 4px solid #FBC8B9;
  border-radius: 400px;
  padding: 0;
  width: 97px;
  height: 97px;
}

.page-template-page-cabinet .squares .square-right .square {
  background: transparent;
  border: 4px solid #FBC8B9;
  border-radius: 400px;
  padding: 0;
  width: 56px;
  height: 56px;
}

.gallery .gallery-wrapper svg * {
  fill: #FBC8B9;
}

.gallery .slider-navigation .swiper-button-prev svg,
.gallery .slider-navigation .swiper-button-next svg {
  border-radius: 40px;
}
.gallery .slider-navigation .swiper-pagination .swiper-pagination-bullet {
  border-radius: 20px;
}

.gallery .gallery-slider .photo {
  border-radius: 40px;
  overflow: hidden;
}

.team {
  display: none;
}

.valeurs .container .wrap {
  padding-top: 0;
}

.valeurs h2 {
  color: #0B32B5;
}

.valeurs .blocks .block h3 {
  color: #0B32B5;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 2.08px;
}

.page-template-page-cabinet .container-btn {
  padding-top: 80px;
  padding-bottom: 80px;
}

.container-btn a {
  border-radius: 40px;
  /* background: #0B32B5; */
  border: 1px solid #0B32B5;
  padding-right: 39px;
  gap: 41px;
  color: #0B32B5;
  text-align: center;
  font-family: Comfortaa;
  font-size: 19px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.76px;
  text-transform: none;
}
.container-btn a svg {
  border-radius: 40px;
  border: 0px solid #0B32B5;
  background: #0B32B5;
}

.btn-back:hover svg rect {
  fill: #EAAE9D;
}

.widgets {
  gap: 16px;
}

.widgets .widget-logo {
  border-radius: 50px;
}

.widgets .widget-info {
  border-radius: 40px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.widgets .widget.widget-dropdown .widget-info {
  width: 172px;
  height: 136px;
  padding: 21px 16px;
}

.single-doctor .squares .square-left .square {
  background: transparent;
  border: 4px solid #FBC8B9;
  border-radius: 400px;
  padding: 0;
  width: 97px;
  height: 97px;
}

.single-doctor .container-doctor .wp-block-heading {
  color: #0B32B5;
  font-weight: 500;
  letter-spacing: 3.6px;
}

.single-doctor .container-doctor .wrapper .content ul li::before {
  background: #EAAE9D;
  border-radius: 50px;
}

.single-doctor .container-doctor .wrapper .photos .photo {
  border-radius: 40px;
  overflow: hidden;
}

.single-doctor .squares .square-right .square {
  background: transparent;
  border: 4px solid #FBC8B9;
  border-radius: 400px;
  padding: 0;
  width: 56px;
  height: 56px;
}

.breadcrumbs-wrap {
  color: #0B32B5;
}

.technology-page .block.image_text .container .info h2 {
  color: #0B32B5;
  font-weight: 500;
  letter-spacing: 3.6px;
}

.technology-page .block.dark_image_text .info {
  display: flex;
  justify-content: center;
  align-items: center;
}

.technology-page .block.dark_image_text svg * {
  fill: #FBC8B9;
}

.technology-page .block.image_text .container .photo img {
  border-radius: 40px;
}

.technology-page .block.left .photo img {
  border-radius: 40px;
}

.technology-page .block.photo-bg .info h2 {
  color: #0B32B5;
}

.technology-page .block.left.wide-photo .info h2 {
  color: #0B32B5;
}

.technology-page .block.right .photo img {
  border-radius: 40px;
}

.technology-page .block.left:last-child .info {
  padding-left: 0;
}

.technology-page .block .info h2 {
  font-weight: 500;
  letter-spacing: 3.6px;
}

@media (min-width: 1025px) {
  .technology-page .block.left.wide-photo .info {
    max-width: 45vw;
    margin-right: 60px;
  }
}

.parcours-page .wrapper .blocks .block .info .etape {
  color: #0B32B5;
}

.parcours-page .wrapper .blocks .block .info .info-wrap h3 {
  font-size: 26px;
  color: #0B32B5;
  letter-spacing: 2.08px;
}

.parcours-page .wrapper .blocks .block.shadow .line::before {
  background: #EAAE9D !important;
  background: linear-gradient(180deg, #EAAE9D 0%, #EAAE9D 18%, rgb(253, 253, 254) 51%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 79%, rgb(255, 255, 255) 100%) !important;
}

.parcours-page .wrapper .blocks .block.active .line::before {
  background: #EAAE9D !important;
}

.page-main .wp-text ul li::before {
  background: #EAAE9D;
  border-radius: 50px;
}

.parcours-page .wrapper .blocks .block .text p:nth-child(2) strong {
  color: #0B32B5;
  font-family: "Comfortaa";
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  line-height: 123%;
  text-align: left;
}

.parcours-page .wrapper .blocks .block .photo img {
  border-radius: 50px;
}

.parcours-page .wrapper .blocks .block:before {
  background-color: #0B32B5;
}

.parcours-page .wrapper .blocks .block .line {
  z-index: -1;
}

.page-main .wp-text p a {
  color: #0B32B5;
  font-weight: 500;
}

.parcours-page .wrapper .blocks .block .info .info-wrap .text p + h3 {
  margin-top: 35px;
}

.page-main .top .page-hero + .intro-text {
  text-align: justify;
}

.category-treatments .squares .square-left .square {
  background: transparent;
  border: 4px solid #FBC8B9;
  border-radius: 400px;
  padding: 0;
  width: 97px;
  height: 97px;
}

.category-treatments .squares .square-right .square {
  background: transparent;
  border: 4px solid #FBC8B9;
  border-radius: 400px;
  padding: 0;
  width: 56px;
  height: 56px;
}

.category-treatments .wrapper .blocks .block {
  border-radius: 40px;
  overflow: hidden;
}
.category-treatments .wrapper .blocks .block:hover h3 span {
  left: 0;
  transform: translateX(0%);
}
.category-treatments .wrapper .blocks .block:hover .data-item-icon {
  opacity: 1;
}

.category-treatments .wrapper .blocks .block h3 {
  display: flex;
  justify-content: space-between;
  padding: 38px 30px;
  position: relative;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 2.08px;
}
.category-treatments .wrapper .blocks .block h3 span {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  transition: all 0.25s ease;
}
.category-treatments .wrapper .blocks .block h3 .data-item-icon {
  border-radius: 40px;
  background: #EAAE9D;
  width: 48px;
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.25s ease;
  opacity: 0;
}

@media (max-width: 767px) {
  .category-treatments .wrapper .blocks .block h3 .data-item-icon {
    display: none;
  }
}
.post-page .squares .square-left .square {
  background: transparent;
  border: 4px solid #FBC8B9;
  border-radius: 400px;
  padding: 0;
  width: 56px;
  height: 56px;
}

.post-page .squares .square-right .square {
  background: transparent;
  border: 4px solid #FBC8B9;
  border-radius: 400px;
  padding: 0;
  width: 56px;
  height: 56px;
}

.page-main .wrapper .page-content h2 {
  font-weight: 500;
  line-height: 44px;
  letter-spacing: 3.6px;
}

.page-content .wp-block-media-text__media img {
  border-radius: 40px;
}

.page-main .wrapper .page-content ul li::before {
  background-color: #EAAE9D;
}

.page-main .wrapper .page-content ul li {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.page-main .wrapper .page-content h3 {
  color: #2E2F32;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  line-height: 123%;
  letter-spacing: 2.08px;
}

.page-main .wrapper .page-content h4 {
  color: #2E2F32;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  /* 127.273% */
  line-height: 127.273%;
  letter-spacing: 1.76px;
}

.page-main .wrapper .page-content a {
  color: #0B32B5;
  font-weight: 500;
}
.page-main .wrapper .page-content .text-bg {
  border-radius: 40px;
  overflow: hidden;
}
.page-main .wrapper .page-content .text-bg p {
  font-family: "Comfortaa";
  font-size: 18px;
  line-height: 26px;
  line-height: 144%;
  letter-spacing: 1.44px;
}

.page-main .wrapper {
  padding-bottom: 24px;
}
@media (max-width: 575px) {
  .page-main .wrapper {
    padding-bottom: 0;
  }
}

@media (max-width: 575px) {
  .page-main .wrapper .page-content .text-bg p {
    font-size: 16px;
  }
}
.error404 {
  overflow: visible;
}

.error404__wrapper {
  margin-top: 100px;
  margin-bottom: 100px;
  text-align: center;
}

.popup .wrap .content {
  max-height: unset;
}
@media (min-width: 1025px) {
  .popup .wrap .content {
    border-radius: 40px;
    overflow: hidden;
  }
}

@media (min-width: 1800px) {
  .popup .wrap .content .form {
    padding-left: 80px;
  }
}

.popup .wrap .content .form .h2 {
  margin-bottom: 30px;
}
.popup .wrap .content .form .h2 p {
  font-family: Comfortaa;
  font-size: 42px;
  font-weight: 500;
  line-height: 46px;
  line-height: 1.2;
  letter-spacing: 4.2px;
}

.popup .wrap .content .form input,
.popup .wrap .content .form textarea {
  border-bottom: 1px solid #0B32B5;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 0;
  padding-bottom: 10px;
}

.popup .wrap .content .form textarea {
  height: 80px;
}

.popup .wrap .content .form .label-text {
  position: static;
}

.popup .wrap .content .form .label + .label {
  margin-top: 24px;
}

.popup .wrap .content .btn-close {
  border-radius: 40px;
  overflow: hidden;
}

.popup .wrap .content .form .btn .hover-bg {
  border-radius: 40px;
  border: 1px solid #0B32B5;
}

.popup .wrap .content .form .btn p {
  height: 100%;
}
.popup .wrap .content .form .btn svg {
  position: absolute;
  right: 0;
  border-radius: 40px;
  background: #0B32B5;
  border: 2px solid #0B32B5;
}
.popup .wrap .content .form .btn svg * {
  fill: #0B32B5;
}

.popup .wrap .content .form .btn .hover-content {
  border-radius: 40px;
  border: 1px solid #0B32B5;
}

.popup .wrap .content .photo {
  max-width: 44vw;
}

@media (max-width: 1400px) {
  .popup .wrap .content .form .h2 p {
    font-size: 36px;
  }
}
.hero .sound .hover-content {
  background-color: #0B32B5;
  border-radius: 100px;
  overflow: hidden;
}

.hero .sound .hover-bg {
  background-color: #0B32B5;
  border-radius: 100px;
  overflow: hidden;
  border-color: #fff;
}

.page-main .wrapper .page-content .wp-block-heading {
  margin-top: 30px;
}
.page-main .wrapper .page-content .wp-block-heading:first-child {
  margin-top: 0;
}

.wpcf7-form .wpcf7-not-valid-tip {
  text-align: left;
  margin: 12px 0 0;
  position: static;
}

.wpcf7 form.invalid .wpcf7-response-output {
  border: none;
  padding: 0;
  margin: 20px 0;
}