/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./app/globals.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(
      --font-sans--font-variation-settings
    );
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(
      --font-mono--font-feature-settings
    );
    --default-mono-font-variation-settings: var(
      --font-mono--font-variation-settings
    );
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  body {
    line-height: inherit;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
    color: color-mix(in oklab, currentColor 50%, transparent);
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .absolute {
    position: absolute;
  }
  .static {
    position: static;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .hidden {
    display: none;
  }
  .transform {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
@font-face {
  font-family: "Euclid Galactic";
  src: url("/font/EuclidGalactic-4G.eot");
  src: local("Euclid Galactic 4G"), local("EuclidGalactic-4G"), url("/font/EuclidGalactic-4G.eot?#iefix") format("embedded-opentype"), url("/font/EuclidGalactic-4G.woff2") format("woff2"), url("/font/EuclidGalactic-4G.woff") format("woff"), url("/font/EuclidGalactic-4G.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Euclid Galactic";
  src: url("/font/EuclidGalactic-3G.eot");
  src: local("Euclid Galactic 3G"), local("EuclidGalactic-3G"), url("/font/EuclidGalactic-3G.eot?#iefix") format("embedded-opentype"), url("/font/EuclidGalactic-3G.woff2") format("woff2"), url("/font/EuclidGalactic-3G.woff") format("woff"), url("/font/EuclidGalactic-3G.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Euclid Galactic";
  src: url("/font/EuclidGalactic-3GIt.eot");
  src: local("Euclid Galactic 3G Italic"), local("EuclidGalactic-3GIt"), url("/font/EuclidGalactic-3GIt.eot?#iefix") format("embedded-opentype"), url("/font/EuclidGalactic-3GIt.woff2") format("woff2"), url("/font/EuclidGalactic-3GIt.woff") format("woff"), url("/font/EuclidGalactic-3GIt.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Euclid Galactic";
  src: url("/font/EuclidGalactic-4GIt.eot");
  src: local("Euclid Galactic 4G Italic"), local("EuclidGalactic-4GIt"), url("/font/EuclidGalactic-4GIt.eot?#iefix") format("embedded-opentype"), url("/font/EuclidGalactic-4GIt.woff2") format("woff2"), url("/font/EuclidGalactic-4GIt.woff") format("woff"), url("/font/EuclidGalactic-4GIt.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Euclid Galactic";
  src: url("/font/EuclidGalactic-2G.eot");
  src: local("Euclid Galactic 2G"), local("EuclidGalactic-2G"), url("/font/EuclidGalactic-2G.eot?#iefix") format("embedded-opentype"), url("/font/EuclidGalactic-2G.woff2") format("woff2"), url("/font/EuclidGalactic-2G.woff") format("woff"), url("/font/EuclidGalactic-2G.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Euclid Galactic";
  src: url("/font/EuclidGalactic-5G.eot");
  src: local("Euclid Galactic 5G"), local("EuclidGalactic-5G"), url("/font/EuclidGalactic-5G.eot?#iefix") format("embedded-opentype"), url("/font/EuclidGalactic-5G.woff2") format("woff2"), url("/font/EuclidGalactic-5G.woff") format("woff"), url("/font/EuclidGalactic-5G.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Euclid Galactic";
  src: url("/font/EuclidGalactic-1G.eot");
  src: local("Euclid Galactic 1G"), local("EuclidGalactic-1G"), url("/font/EuclidGalactic-1G.eot?#iefix") format("embedded-opentype"), url("/font/EuclidGalactic-1G.woff2") format("woff2"), url("/font/EuclidGalactic-1G.woff") format("woff"), url("/font/EuclidGalactic-1G.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Euclid Galactic";
  src: url("/font/EuclidGalactic-2GIt.eot");
  src: local("Euclid Galactic 2G Italic"), local("EuclidGalactic-2GIt"), url("/font/EuclidGalactic-2GIt.eot?#iefix") format("embedded-opentype"), url("/font/EuclidGalactic-2GIt.woff2") format("woff2"), url("/font/EuclidGalactic-2GIt.woff") format("woff"), url("/font/EuclidGalactic-2GIt.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Euclid Galactic";
  src: url("/font/EuclidGalactic-1GIt.eot");
  src: local("Euclid Galactic 1G Italic"), local("EuclidGalactic-1GIt"), url("/font/EuclidGalactic-1GIt.eot?#iefix") format("embedded-opentype"), url("/font/EuclidGalactic-1GIt.woff2") format("woff2"), url("/font/EuclidGalactic-1GIt.woff") format("woff"), url("/font/EuclidGalactic-1GIt.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Euclid Galactic";
  src: url("/font/EuclidGalactic-5GIt.eot");
  src: local("Euclid Galactic 5G Italic"), local("EuclidGalactic-5GIt"), url("/font/EuclidGalactic-5GIt.eot?#iefix") format("embedded-opentype"), url("/font/EuclidGalactic-5GIt.woff2") format("woff2"), url("/font/EuclidGalactic-5GIt.woff") format("woff"), url("/font/EuclidGalactic-5GIt.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
.svg {
  display: block;
  transition: all 0.3s var(--animationStyle);
}
.hamburger {
  content: url("/icons/menu.svg");
}
:root {
  --animationStyle: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --btnHoverColor: #deeff2;
}
html {
  font-size: 10px;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
*,
body {
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  background-color: #f9fafb;
  font-family: "Euclid Galactic", sans-serif !important;
}
body.active,
html.active {
  overflow: hidden;
}
body.active2,
html.active2 {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
.container {
  max-width: 134rem;
  padding: 0 2rem;
  margin: 0 auto;
}
.imgContainer {
  overflow: hidden;
}
.imgContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 4000px) {
  html {
    font-size: 15px;
  }
}
@media screen and (max-width: 3000px) {
  html {
    font-size: 13px;
  }
}
@media screen and (max-width: 2000px) {
  html {
    font-size: 11px;
  }
}
@media screen and (max-width: 1199.9px) {
  html {
    font-size: 9px;
  }
}
@media screen and (max-width: 1023.9px) {
  html {
    font-size: 8px;
  }
}
@media screen and (max-width: 991.9px) {
  html {
    font-size: 7px;
  }
}
@media screen and (max-width: 767.9px) {
  html {
    font-size: 10px;
  }
  .container {
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
input::placeholder,
textarea::placeholder,
select::placeholder {
  color: #121212;
}
input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent !important;
}
p {
  margin: 0;
}
a {
  text-decoration: none;
  display: inline-block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
button {
  outline: 0;
  cursor: pointer;
  padding: 0;
  border: none;
}
button,
input,
textarea,
select {
  outline: 0;
}
ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.heading {
  display: flex;
  color: #23abc5;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.85rem;
  letter-spacing: -0.028rem;
  column-gap: 0.4rem;
  padding-left: 3.6rem;
  position: relative;
  opacity: 0.9;
}
.heading span {
  font-style: italic;
  font-weight: 500;
}
.heading::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0.6rem;
  width: 2.2rem;
  height: 0.1rem;
  background: #23abc5;
}
h1 {
  color: #2b6a76;
  text-align: center;
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 4.8rem;
  letter-spacing: -0.096rem;
}
h3,
.heading + a {
  color: #2b6a76;
  font-size: 4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 4.2rem;
  letter-spacing: -0.12rem;
}
.page {
  padding-top: 7.9rem;
}
.headingText h1 {
  margin-bottom: 1.2rem;
}
.headingText span {
  display: block;
  color: rgba(3, 75, 89, 0.6);
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2.2rem;
  letter-spacing: -0.039rem;
}
.headingText p {
  color: rgba(7, 45, 90, 0.9);
  text-align: center;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2.55rem;
  letter-spacing: -0.051rem;
  margin-top: 2.7rem;
  width: 50%;
  place-self: center;
}
.doctorsCards {
  display: flex;
  column-gap: 1.6rem;
  flex-wrap: wrap;
  row-gap: 3.6rem;
  margin-bottom: 3rem;
}
.doctorCard {
  width: calc(25% - 1.2rem);
  border-radius: 1.2rem;
  border: 1px solid #ead7d7;
  background: #ead7d7;
  padding: 0.8rem 0.8rem 1.7rem;
}
.doctorCard .doctorImg {
  width: 100%;
  padding-top: 34rem;
  border-radius: 1rem;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.doctorCard .doctorImg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 1rem;
  transition: all 1s var(--animationStyle);
}
.doctorCard .doctorContent {
  padding: 1.5rem 0.5rem 0;
}
.doctorCard .doctorContent span {
  color: #424e5c;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.2rem;
  letter-spacing: 0.026rem;
  margin-bottom: 0.7rem;
  text-transform: uppercase;
  display: block;
  padding-left: 1.3rem;
}
.doctorCard .doctorContent h4 {
  color: #034b59;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.2rem;
  letter-spacing: -0.048rem;
  margin-bottom: 1.5rem;
  padding-left: 1rem;
}
.doctorCard .doctorContent p {
  color: #866969;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
  padding-left: 1.3rem;
  opacity: 0.9;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 3rem;
  height: 4rem;
}
.doctorCard .doctorContent a {
  height: 4.8rem;
  border-radius: 2rem;
  border: 1px solid #e8d4d4;
  background: #f8f2f2;
  width: 100%;
  position: relative;
  transition: all 0.3s;
}
.doctorCard .doctorContent a span {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.8rem;
  color: #034b59;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.85rem;
  letter-spacing: -0.042rem;
  height: 100%;
  place-self: center;
  transform: translateX(-1.6rem);
}
.doctorCard .doctorContent a:hover {
  background: #deeff2;
}
.doctorCard .doctorContent a:active {
  background: #cee4e8;
}
.doctorCard:hover img {
  transform: scale(1.1);
}
.doctors_slider .doctorCard {
  width: 100%;
}
.gallery_slider a {
  width: 100%;
  padding-top: 95%;
  position: relative;
  border-radius: 2rem;
  overflow: hidden;
}
.gallery_slider a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
  transition: all 0.7s var(--animationStyle);
}
.gallery_slider .splide__track {
  padding-right: 11rem !important;
}
.play_button {
  width: 4.6rem;
  height: 4.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #c4968f;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  outline: 1px solid rgba(196, 150, 143, 0.3);
  outline-offset: 0.6rem;
  z-index: 3;
  transition: all 0.3s var(--animationStyle);
}
.doctor_about {
  padding-top: 6.4rem;
}
.doctor_about .container {
  border-bottom: 1px solid rgba(196, 150, 143, 0.2);
  padding-bottom: 11.2rem;
  display: flex;
}
.doctor_about .container .doctor_about_right {
  width: 40%;
  padding-left: 8.8rem;
}
.doctor_about_left {
  width: 60%;
  padding-left: 5.6rem;
}
.doctor_about_left > div p {
  color: rgba(27, 69, 77, 0.9);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.7rem;
  letter-spacing: -0.051rem;
  padding-left: 1.6rem;
  margin-bottom: 2rem;
}
.doctor_about_left > div:not(:last-child) {
  border-bottom: 1px solid #c4968f;
  padding-bottom: 4rem;
}
.doctor_about_left > div:not(:first-child) {
  padding-top: 4rem;
}
.doctor_about_left > div:first-child {
  padding-top: 1.1rem;
}
.doctor_about_left > div h3,
.doctor_about_left > div h2 {
  color: #2b6a76;
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 4.4rem;
  letter-spacing: -0.072rem;
  padding-left: 1.6rem;
  margin-bottom: 1.6rem;
}
.doctor_about_left > div.doctor_about_text p {
  border-radius: 2rem;
  background: #dee9eb;
  padding: 3.5rem;
  color: #1b454d;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.7rem;
  letter-spacing: -0.051rem;
}
.doctor_about_left > div ul:not(.splide__list),
.doctor_about_left > div ol {
  padding-left: 4rem;
  display: flex;
  flex-direction: column;
  list-style: disc;
  margin-bottom: 2rem;
}
.doctor_about_left > div ul:not(.splide__list) li,
.doctor_about_left > div ol li {
  color: rgba(59, 105, 112, 0.9);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.2rem;
  letter-spacing: -0.051rem;
}
.doctor_about_left > div > div ol {
  list-style: decimal;
}
.doctor_about_left > div .doctor_quote {
  position: relative;
}
.doctor_about_left > div .doctor_quote > div p {
  color: rgba(27, 69, 77, 0.9);
  font-size: 2rem;
  font-style: italic;
  font-weight: 500;
  line-height: 3.2rem;
  letter-spacing: -0.06rem;
  padding-inline: 12.9rem 8.5rem;
}
.doctor_about_left > div .doctor_quote #qoute {
  position: absolute;
  top: -3rem;
  left: 3.8rem;
  color: #c4968f;
  font-size: 13.3875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.4016rem;
  opacity: 0.9;
  height: 1rem;
}
.services_links {
  display: flex;
  column-gap: 2rem;
  flex-wrap: wrap;
  row-gap: 2rem;
}
.services_links a {
  border-radius: 3rem;
  border: 1px solid #ece8ef;
  mix-blend-mode: multiply;
  padding: 1.7rem 2.5rem 1.7rem 2.8rem;
  display: flex;
  align-items: center;
  column-gap: 6rem;
  color: rgba(7, 45, 90, 0.9);
  font-family: "Euclid Galactic";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.2rem;
  letter-spacing: -0.048rem;
  transition: all 0.3s var(--animationStyle);
}
.services_links a:hover {
  background: #deeff2;
}
.vacancies__list__items {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.5rem;
  column-gap: 1.6rem;
}
.vacancies__list__items a {
  width: calc(33.3333333333% - 1.0666666667rem);
  border-radius: 3rem;
  border: 1px solid #ece8ef;
  padding: 2.25rem 4rem 2.05rem;
  position: relative;
  transition: all 0.6s var(--animationStyle);
}
.vacancies__list__items a:hover {
  border-color: #c6e0e4;
  background-color: #f9fafb;
}
.vacancies__list__items a > img {
  position: absolute;
  top: 2.55rem;
  right: 3.4rem;
}
.vacancies__list__items a > h4 {
  color: rgba(0, 56, 76, 0.9);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.2rem;
  letter-spacing: -0.054rem;
  margin-bottom: 0.7rem;
}
.vacancies__list__items a > div {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.vacancies__list__items a > div > div {
  display: flex;
  column-gap: 0.4rem;
  align-items: center;
}
.vacancies__list__items a > div > div span {
  color: rgba(79, 107, 113, 0.9);
  font-family: "Euclid Galactic";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2.2rem;
  letter-spacing: -0.042rem;
}
.vacancies__list__items a > div > div p {
  color: rgba(79, 107, 113, 0.9);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.2rem;
  letter-spacing: -0.042rem;
  margin-bottom: 0;
}
.otherVacancies {
  margin-top: 8rem;
  margin-bottom: -12rem;
  padding-top: 8rem;
  padding-bottom: 20rem;
  background-color: #ecf5f6;
}
.otherVacancies .container > span {
  color: #2b6a76;
  text-align: center;
  font-size: 4.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 4.8rem;
  letter-spacing: -0.088rem;
  margin-bottom: 3rem;
  display: block;
}
.otherVacancies .container .vacancies__list__items {
  column-gap: 1.6rem;
  flex-direction: row;
}
.otherVacancies .container .vacancies__list__items > a {
  width: calc(33.3333333333% - 1.0666666667rem);
}
.human a {
  display: flex;
}
.blogCard {
  width: 100%;
}
.blogCard .blogCardImg {
  height: 22.6rem;
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.blogCard .blogCardImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.7s var(--animationStyle);
}
.blogCard h4 {
  color: #00384c;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.04rem;
  margin-bottom: 3.2rem;
  padding-inline: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 8rem;
}
.blogCard .blogCardBottom {
  display: flex;
  align-items: center;
  column-gap: 2rem;
  padding-left: 1rem;
}
.blogCard .blogCardBottom span:first-child {
  border-radius: 0.8rem;
  background: #c4968f;
  padding: 0.75rem 1.6rem;
  color: #fff;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  letter-spacing: 0.013rem;
  text-transform: uppercase;
}
.blogCard .blogCardBottom span:last-child {
  color: #7e7e7e;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.026rem;
}
.blogCard:hover .blogCardImg img {
  transform: scale(1.07);
}
.youtubeCard {
  width: 28%;
}
.youtubeCard .youtubeCardImg {
  height: 23rem;
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 1.2rem;
  position: relative;
}
.youtubeCard .youtubeCardImg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.youtubeCard .youtubeCardImg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.7s var(--animationStyle);
}
.youtubeCard .youtubeCardImg span {
  width: 4.6rem;
  height: 4.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #c4968f;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  outline: 1px solid rgba(196, 150, 143, 0.3);
  outline-offset: 0.6rem;
  z-index: 3;
  transition: all 0.3s var(--animationStyle);
}
.youtubeCard h4 {
  color: #00384c;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.04rem;
  padding-inline: 0.3rem 1.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.youtubeCard:hover .youtubeCardImg > img {
  transform: scale(1.07);
}
.youtubeCard:hover .youtubeCardImg span {
  outline-offset: 0.8rem;
}
.videoCards {
  padding-top: 3.6rem;
  padding-bottom: 10rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.5rem;
  row-gap: 4.8rem;
}
.videoCards .youtubeCard {
  width: calc(33.3333333333% - 1rem);
}
.whatsappLink {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 9;
  width: 6.4rem;
  height: 6.4rem;
  background-color: #25d366;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.page .human {
  padding-bottom: 10rem;
}
.ant-tabs .ant-tabs-nav {
  margin: 1.6rem 0 0 0;
}
.ant-tabs .ant-tabs-nav::before {
  display: none;
}
.ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap {
  width: 100%;
}
.ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  column-gap: 1.2rem;
  justify-content: center;
  width: 100%;
}
.ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  margin: 0;
  border-radius: 3rem;
  border: 1px solid #ece8ef;
  height: 5.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 3.6rem;
  transition: all 0.3s var(--animationStyle);
  z-index: 3 !important;
  position: relative !important;
}
.ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
  color: rgba(7, 45, 90, 0.9);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.2rem;
  letter-spacing: -0.048rem;
  position: relative;
  z-index: 2 !important;
  text-shadow: none;
}
.ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active {
  border-color: transparent;
}
.ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #fff;
}
.ant-tabs .ant-tabs-ink-bar {
  height: 5.6rem !important;
  background: #c4968f;
  border-radius: 3rem;
  transition: all 0.3s var(--animationStyle);
  z-index: -1 !important;
}
.menu .ant-tabs-nav {
  display: none;
}
.mobileSearchBtn {
  display: none;
}
#doctors .doctorCard .doctorImg {
  padding-top: 22rem;
}
#doctors .doctorCard .doctorContent {
  display: flex;
  flex-direction: column;
  min-height: 20rem;
}
#doctors .doctorCard .doctorContent span {
  font-size: 1.1rem;
  line-height: 1.8rem;
}
#doctors .doctorCard .doctorContent h4 {
  font-size: 1.8rem;
  line-height: 2.2rem;
}
#doctors .doctorCard .doctorContent p {
  height: auto;
  margin-bottom: 0;
}
#doctors .doctorCard .doctorContent a {
  margin-top: auto;
}
.branch_contact {
  display: flex;
  column-gap: 4rem;
}
.branch_contact > div:first-child {
  width: 40%;
}
.branch_contact > div:last-child {
  width: calc(60% - 4rem);
}
.branch_contact > div:last-child .map iframe {
  height: 34rem;
  width: 100%;
}
.doctor_about_services p {
  line-height: 3.4rem !important;
}
@media screen and (min-width: 768px) {
  .doctorFilter .splide__track {
    width: 100% !important;
    padding-right: 0 !important;
  }
  .doctorFilter .splide__list {
    flex-wrap: wrap;
    row-gap: 1rem;
  }
  .doctorFilter .splide__list .splide__slide {
    width: fit-content;
  }
  .doctorFilter .doctor__filter-item {
    font-size: 1.4rem !important;
    padding: 1.2rem 2rem !important;
  }
}
.appointmentSection {
  padding-bottom: 8rem;
}
.appointmentSection .form {
  width: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 767.9px) {
  html,
  body {
    max-width: 100vw;
    overflow-x: hidden;
  }
  h3,
  .heading + a {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
  .headingText span {
    width: 100% !important;
  }
  .doctorsCards {
    column-gap: 1rem;
    row-gap: 2.5rem;
  }
  .page {
    padding-bottom: 6rem !important;
    padding-top: 15rem;
  }
  .departmentsPage .human > a:nth-child(6) ~ :not(.skeleton) {
    display: flex;
  }
  .services_links a {
    width: 100%;
    justify-content: space-between;
  }
  .doctors_slider .splide__track {
    padding-inline: 4rem !important;
  }
  .headingText p {
    width: 100%;
  }
  .otherVacancies {
    margin-bottom: -10rem;
    padding-bottom: 14rem;
  }
  .otherVacancies .container > span {
    margin-bottom: 2rem;
  }
  .otherVacancies .container .vacancies__list__items {
    column-gap: 1rem;
    flex-direction: column;
  }
  .otherVacancies .container .vacancies__list__items > a {
    width: 100%;
    margin-bottom: 2rem;
  }
  .videoCards {
    row-gap: 4rem;
  }
  .videoCards .youtubeCard {
    width: 100%;
  }
  .menu .ant-tabs-nav {
    display: flex;
  }
  .menu .menuTop {
    justify-content: flex-start !important;
  }
  .menu .menuTop button {
    width: 4.8rem;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu .menuTop button img {
    scale: 2.5;
  }
  .menu .ant-tabs .ant-tabs-nav {
    margin-bottom: 3.2rem;
    border-radius: 2.2rem;
    border: 1px solid rgba(27, 162, 187, 0.3);
  }
  .menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
    column-gap: 0.8rem;
    padding: 0.8rem;
  }
  .menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
    height: 4.2rem;
    padding-inline: 2rem;
    border-radius: 1.65rem;
    border: none;
  }
  .menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:first-child {
    width: 38%;
  }
  .menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:nth-child(2) {
    width: 62%;
  }
  .menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
    color: #dde9f8;
    font-size: 2rem;
    font-style: italic;
    font-weight: 400;
    line-height: 3.85rem;
    letter-spacing: -0.04rem;
  }
  .menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #dde9f8;
  }
  .menu .ant-tabs-ink-bar {
    height: 4.2rem !important;
    background: #0f5967;
    border-radius: 1.65rem;
    transition: all 0.3s var(--animationStyle);
    z-index: -1 !important;
    bottom: 0.8rem !important;
  }
  .menuList {
    padding-bottom: 6rem !important;
  }
  .mobileMenu .mobileMenuList {
    margin-bottom: 5rem;
    height: auto;
  }
  .mobileMenu .mobileServiceLink {
    height: 4.5rem;
    border-radius: 2rem;
    border: 1px solid #b6d8df;
    background: #bddfe5;
    width: 100%;
    color: #2c8292;
    text-align: center;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.036rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3.2rem;
  }
  .teamCard .imgContainer {
    height: 44rem !important;
  }
  .branch_contact {
    flex-direction: column;
    row-gap: 4rem;
  }
  .branch_contact > div:first-child {
    width: 100%;
  }
  .branch_contact > div:last-child {
    width: 100%;
  }
  .branch_contact > div:last-child .map iframe {
    height: 34rem;
    width: 100%;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0);
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}