@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+Hebrew:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Noto+Sans+Hebrew:wght@100..900&display=swap");
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

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

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #656565;
  font-family: "Inter", "Noto Sans Hebrew", sans-serif;
  font-size: 16px;
  line-height: 1.2;
}

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

p {
  margin: 0;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

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

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

big {
  font-size: 125%;
}

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

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

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

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a {
  color: inherit;
}

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

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

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Mulish", "Noto Sans Hebrew", sans-serif;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 64px;
  font-weight: 500;
  line-height: 1.125;
  margin: 0;
  color: #275C73;
}
@media (max-width: 991px) {
  h1 {
    font-size: 36px;
  }
}

h2 {
  font-size: 46px;
  line-height: 1.2;
  font-weight: 400;
  color: #275C73;
}
@media (max-width: 991px) {
  h2 {
    font-size: 26px;
  }
}

h3 {
  font-size: 36px;
  font-weight: 400;
  color: #275C73;
}
@media (max-width: 991px) {
  h3 {
    font-size: 28px;
  }
}

h4 {
  font-size: 28px;
  font-weight: 700;
}
@media (max-width: 991px) {
  h4 {
    font-size: 20px;
  }
}

p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}

@media (max-width: 767px) {
  .swiper-carousel {
    width: 100%;
    overflow: hidden;
    padding: 0 0 50px;
    position: relative;
  }
  .swiper-carousel .swiper-pagination-bullet-active {
    background: #3B7164;
  }
  .swiper-wrapper {
    display: flex !important;
    overflow: visible;
  }
}
@media (max-width: 767px) and (max-width: 991px) {
  .swiper-wrapper {
    gap: 0 !important;
  }
}
@media (max-width: 767px) {
  .swiper-wrapper .swiper-slide {
    flex: 0 0 100%;
  }
}
button,
a.btn,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid #3B7164;
  border-radius: 15px;
  background: #3B7164;
  color: #fff;
  line-height: 1;
  padding: 6px 26px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

a.btn {
  display: inline-block;
}

.btn.btn-primary {
  font-size: 28px;
  padding: 22px 16px;
  border-radius: 117px;
}
@media (max-width: 991px) {
  .btn.btn-primary {
    font-size: 20px;
    padding: 16px 12px;
  }
}

button:hover, a.btn:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  filter: brightness(110%);
}

.btn.btn--secondary {
  background: #275C73;
}

@media (max-width: 991px) {
  .hide-on-mobile {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hide-on-desktop {
    display: none !important;
  }
}

.header {
  background: #EBE4DA;
  height: auto;
  padding: 24px 12px;
  font-size: 20px;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
@media (max-width: 991px) {
  .header {
    padding: 20px 0px;
  }
}
.header ul, .header li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header a {
  color: #275C73;
  text-decoration: none;
}
.header__container {
  display: flex;
  align-items: center;
  gap: 80px;
}
@media (max-width: 991px) {
  .header__container {
    gap: 30px;
    justify-content: space-between;
  }
}
.header__logo {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 70px;
}
.header__logo img {
  width: 100px;
  height: auto;
}
.header__body {
  display: flex;
  align-items: center;
  gap: 80px;
}
@media (max-width: 991px) {
  .header__body {
    flex-direction: column;
    gap: 20px;
  }
}
.header__menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: auto;
}
@media (max-width: 991px) {
  .header__menu {
    display: none;
    flex-direction: column;
    gap: 10px;
    position: fixed;
    top: 103px;
    right: 0;
    height: calc(100vh - 103px) !important;
    width: 100%;
    background: #EBE4DA;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 999;
  }
  .header__menu.active {
    transform: translateX(0);
  }
}
.header__burger.active span:nth-child(1) {
  transform: rotate(45deg);
  position: absolute;
  top: 7px;
}
.header__burger.active span:nth-child(2) {
  opacity: 0;
}
.header__burger.active span:nth-child(3) {
  transform: rotate(-45deg);
  position: absolute;
  top: 7px;
}
.header .navbar {
  width: 100%;
}
@media (max-width: 991px) {
  .header .navbar {
    padding: 40px 20px;
  }
}
.header .menu {
  display: flex;
  gap: 60px;
  list-style: none;
}
@media (max-width: 991px) {
  .header .menu {
    flex-direction: column;
    gap: 10px;
  }
}
.header .menu > li {
  position: relative;
  padding: 10px;
}
@media (max-width: 991px) {
  .header .menu > li.menu-item-has-children {
    position: relative;
    padding-left: 50px;
  }
  .header .menu > li.menu-item-has-children:after {
    background-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.59961 14.0004L18.1996 26.6004L20.1596 24.5004L9.79961 14.0004L20.1596 3.50039L18.1996 1.40039L5.59961 14.0004Z" fill="%23866B7E"/></svg>');
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 10px;
    transition: all 0.3s ease;
  }
  .header .menu > li.menu-item-has-children.active:after {
    transform: rotateZ(-90deg);
  }
}
.header .menu > li.menu-item-has-children > a {
  position: relative;
  width: fit-content;
}
.header .menu > li.menu-item-has-children > a:after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z" fill="%231D5D40"/></svg>');
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  height: 20px;
}
@media (max-width: 991px) {
  .header .menu > li.menu-item-has-children > a:after {
    display: none;
  }
}
.header .menu > li > a {
  color: #275C73;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.header .menu > li > a.active {
  color: #275C73;
}
.header .menu .sub-menu {
  list-style: none;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px;
  z-index: 1000;
  width: fit-content;
}
.header .menu .sub-menu a {
  color: #275C73;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  padding: 10px;
}
@media (max-width: 991px) {
  .header .menu .sub-menu {
    position: static;
    padding: 5px 0;
  }
}
.header__burger {
  display: none;
}
@media (max-width: 991px) {
  .header__burger {
    display: block;
    cursor: pointer;
    position: relative;
    width: 25px;
    height: 25px;
  }
  .header__burger span {
    display: block;
    width: 100%;
    height: 3px;
    background: #08415C;
    margin: 5px 0;
    transition: all 0.3s ease;
    border-radius: 2px;
  }
  .header__burger.active span:nth-child(1) {
    transform: rotate(45deg);
    position: absolute;
    top: 7px;
  }
  .header__burger.active span:nth-child(2) {
    opacity: 0;
  }
  .header__burger.active span:nth-child(3) {
    transform: rotate(-45deg);
    position: absolute;
    top: 7px;
  }
}
.header__links {
  display: flex;
  align-items: center;
  gap: 70px;
}
@media (max-width: 991px) {
  .header__links {
    display: none;
  }
}
.header__links .btn {
  font-size: 20px;
  background: #275C73;
  color: #FFFFFF;
}
@media (max-width: 991px) {
  .header .sub-menu {
    display: none;
  }
  .header .sub-menu[aria-expanded=true] {
    display: block;
  }
  .header .submenu-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    margin-left: 10px;
  }
}

.header__menu .menu-item-has-children > a {
  position: relative;
}

.footer {
  padding: 60px 0;
  color: #ffffff;
  background-color: #275C73;
  font-family: "Mulish", "Noto Sans Hebrew", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  margin-top: 60px;
  position: relative;
}
.footer__top {
  padding: 11px 0 93px;
  display: flex;
  gap: 30px;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .footer__top {
    padding: 11px 0 30px;
  }
}
.footer__top-info {
  flex: 0 0 270px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.footer__top-info-link a {
  font-size: 18px;
  font-weight: 800;
}
.footer__top-info-socials {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer__top-info-socials a img {
  width: 13px;
  height: 13px;
  object-fit: contain;
}
.footer__top-menu {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
}
.footer__top-menu-column {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.footer__top-menu-column-title {
  font-size: 18px;
  font-weight: 800;
}
.footer__top-menu-column-links {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.footer__bottom {
  padding: 13px 0 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .footer__bottom {
    flex-direction: column-reverse;
    gap: 20px;
    padding: 10px 0;
  }
}
.footer__bottom-links {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .footer__bottom-links {
    justify-content: center;
  }
}
.footer__bottom-links a {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.footer__bottom-links a:after {
  content: "|";
}
.footer__bottom-logos {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.footer__bottom-logos-item {
  height: 25px;
}
@media (max-width: 991px) {
  .footer__bottom-logos {
    gap: 10px;
    flex-direction: row-reverse;
  }
  .footer__bottom-logos-item {
    height: 16px;
  }
  .footer__bottom-logos-item img {
    height: 100%;
  }
}
.footer__bottom .footer-logo {
  flex: 0 0 55px;
}
@media (max-width: 991px) {
  .footer__bottom .footer-logo {
    margin-right: 0;
    order: -1;
    display: flex;
    justify-content: flex-end;
  }
}

.container {
  max-width: 1600px;
  padding: 0 20px;
  width: 100%;
  margin: 0 auto;
}
.container .container {
  padding: 0;
}

.sidebar-style-wrapper {
  padding: 20px;
  border: 1px solid #E4E5F0;
  border-radius: 15px;
  margin: 30px auto 40px;
}

.hero-section {
  background-color: #FFFEF3;
  padding: 150px 0;
  position: relative;
  margin-bottom: 70px;
}
.hero-section.terapi-hero-section {
  padding: 20px 0;
}
.hero-section::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 76px;
  background-image: url("../img/hero-bg-2.svg");
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateY(-15px);
}

.hero-section__header {
  max-width: 875px;
  margin: 0 auto 68px;
}

.hero-section__title {
  margin-bottom: 32px;
  text-align: center;
}

.cards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
@media (max-width: 1200px) {
  .cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .cards-grid {
    grid-template-columns: 1fr !important;
  }
}

.btn.load-more {
  margin: 88px auto 20px;
  display: block;
  width: fit-content;
}
@media (max-width: 991px) {
  .btn.load-more {
    margin: 40px auto 20px;
  }
}

.card-item {
  background: #FFFEF3;
  border-radius: 22.5px;
  padding: 0 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  position: relative;
}

.card-item__header {
  display: flex;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  width: 100%;
  border-radius: 22.5px 22.5px 0 0;
  overflow: hidden;
  border: 1px solid #E4E5F0;
}

.card-item__image {
  flex: 0 0 40%;
  height: 100%;
}

.card-item__header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-item__info {
  padding: 12px 13px;
  flex: 0 0 60%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.card-item__title {
  display: flex;
  align-items: center;
  gap: 7px;
}

.card-item__title svg {
  width: 38px;
  height: 38px;
}

.card-item__title.verified svg path.bg {
  fill: #3B7164;
}

.card-item__title a {
  display: inline-flex;
  font-size: 22px;
  font-weight: 600;
  color: #3B7164;
}

.card-item__body {
  display: none;
  background-color: #FFFEF3;
  padding: 20px 17px;
}

.card-item__tags > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 6px;
}

.card-item__tags > div > span {
  display: inline-flex;
  padding: 2px 9px;
  border-radius: 40px;
  background: #E3E2D8;
  color: #6D7572;
}

.card-item__tags > .card-item__tags-expertise > span {
  background: #F3F2E3;
}

.card-item__button {
  display: flex;
  justify-content: center;
  margin-bottom: 9px;
}

.card-item__socials {
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
}

.card-item__text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.card-item__socials-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  border-radius: 50%;
}

.card-item__socials-link:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.card-item__socials-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-item__bottom {
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(100% - 24px);
}
.card-item__bottom.active {
  z-index: 10;
}

.card-item__collapse-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 24px;
  font-size: 23px;
  line-height: 24px;
  background: #3B7164;
  border: 1px solid #fff;
  border-radius: 0 0 22.5px 22.5px;
  cursor: pointer;
  color: #fff;
}
.card-item__collapse-btn span:before {
  content: "+";
  height: 26px;
  display: block;
}
.card-item__collapse-btn.active span:before {
  content: "-";
}

.terapist-block-sidebar {
  margin: 30px auto 40px;
}
.terapist-block-sidebar.sidebar-style-wrapper {
  border: none !important;
  padding: 0;
}
.terapist-block-sidebar__title {
  margin-bottom: 30px;
  text-align: center;
}
.terapist-block-sidebar .terapists-grid-sidebar {
  display: grid;
  gap: 24px;
}
.terapist-block-sidebar .terapists-grid-sidebar .card-item, .terapist-block-sidebar .terapists-grid-sidebar .card-item__body {
  background: #fff;
}
@media (max-width: 991px) {
  .terapist-block-sidebar .terapists-grid-sidebar {
    grid-template-columns: 1fr !important;
  }
}

.terapi-content-block {
  padding: 30px 0;
  margin: 30px 0;
  border-radius: 16px;
}
.terapi-content-block__header {
  margin-bottom: 40px;
}
.terapi-content-block__header h2 {
  margin-bottom: 40px;
}
.terapi-content-block__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media (max-width: 991px) {
  .terapi-content-block__content {
    grid-template-columns: 1fr !important;
  }
}
.terapi-content-block__body {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.terapi-content-block__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #181818;
  padding: 40px 30px;
  border: 1px solid #E4E5F0;
  border-radius: 10px;
}

.terapi-table-of-content {
  display: flex;
  gap: 30px;
  flex-direction: column;
  align-items: center;
}
.terapi-table-of-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.terapi-table-of-content ul li {
  margin-bottom: 20px;
}
.terapi-table-of-content ul li a {
  font-size: 22px;
  font-weight: 400;
  color: #2A292D;
  text-decoration: none;
}
.terapi-table-of-content ul li a:hover {
  text-decoration: underline;
}

.terapi-hero-section__wrapper {
  display: flex;
  justify-content: center;
  gap: 5%;
}
@media (max-width: 991px) {
  .terapi-hero-section__wrapper {
    flex-direction: column-reverse;
  }
}
.terapi-hero-section__title {
  color: #000;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .terapi-hero-section__title {
    text-align: center;
  }
}
.terapi-hero-section__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .terapi-hero-section__items {
    grid-template-columns: 1fr !important;
    gap: 2px;
  }
}
.terapi-hero-section__items > div {
  display: flex;
  flex-direction: column;
  max-width: 375px;
}
.terapi-hero-section__items > div img {
  width: 67px;
  height: 67px;
  object-fit: contain;
}
.terapi-hero-section__item-title {
  font-size: 19px;
  font-weight: 400;
  line-height: 28px;
}
.terapi-hero-section__item-text > p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
@media (max-width: 991px) {
  .terapi-hero-section__item-text > p {
    font-size: 16px;
  }
}
.terapi-hero-section__image {
  flex: 0 0 40%;
}

.main-part-column {
  flex-basis: 66% !important;
}
@media (max-width: 991px) {
  .main-part-column {
    flex-basis: 100% !important;
  }
}

.sidebar-column {
  flex-basis: 33% !important;
  border-right: 1px solid #E5E5E5 !important;
  padding-right: 20px !important;
}
@media (max-width: 991px) {
  .sidebar-column {
    display: none !important;
  }
}

.post-card-item {
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding: 22px 17px 40px;
  background: #F0F8FF;
  border-radius: 16px;
  background: #275C73;
}
.post-card-item.style-2 {
  flex-direction: row-reverse;
  padding: 30px;
  gap: 30px;
  background: transparent;
  border: 1px solid #E5E5E5;
  color: #4A4D4A;
}
.post-card-item.style-2 .post-card-item__title {
  color: #252625;
}
.post-card-item.style-2 .post-card-item__text {
  color: #252625;
}
@media (max-width: 991px) {
  .post-card-item.style-2 {
    flex-direction: column;
  }
}
.post-card-item.style-2 .post-card-item__image {
  flex: 0 0 223px;
  height: 223px;
}
.post-card-item.style-2 .post-card-item__image img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-card-item.style-2 .post-card-item__content {
  flex: 1;
}
.post-card-item__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: #fff;
}
.post-card-item__text {
  padding-top: 8px;
  color: #CACACA;
}
.post-card-item__text p {
  font-size: 16px;
  font-weight: 300;
}
.post-card-item__image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 260px;
  background: #E5E7E5;
  border-radius: 6px;
  overflow: hidden;
}
.post-card-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sidebar-style .post-card-item {
  border: 1px solid #E5E5E5;
}
.sidebar-style .post-card-item .post-card-item__title {
  font-size: 18px;
  line-height: 24px;
  color: #252625;
}
.sidebar-style .post-card-item .post-card-item__text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #252625;
}

@media (max-width: 991px) {
  .sidebar-style {
    display: none !important;
  }
}

.terapi-post-cards {
  padding: 100px 0 130px;
  border-bottom: 1px solid #E5E5E5;
}
.terapi-post-cards.sidebar-style {
  padding: 20px;
  border-radius: 15px;
  border: 1px solid #E5E5E5;
}
.terapi-post-cards.sidebar-style .post-card-item {
  background: transparent !important;
}
.terapi-post-cards__header {
  margin-bottom: 0;
}
.terapi-post-cards__header h2 {
  text-align: center;
  margin-bottom: 60px;
}
.terapi-post-cards__header h3 {
  margin-bottom: 40px;
}
.terapi-post-cards__text {
  max-width: 887px;
  margin: 0 auto 60px;
}
.terapi-post-cards .cards-grid__posts {
  display: grid;
  gap: 20px;
}
@media (max-width: 991px) {
  .terapi-post-cards .cards-grid__posts {
    grid-template-columns: 1fr !important;
  }
}

.review-card-item {
  position: relative;
  background: #3B7164;
  border-radius: 20px;
  border: 1px solid #3B7164;
  padding: 116px 20px 28px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}
.review-card-item:before {
  content: "";
  position: absolute;
  top: 30px;
  right: 20px;
  width: 59px;
  height: 45px;
  background-image: url('data:image/svg+xml,<svg width="53" height="40" viewBox="0 0 53 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M41.7906 39.1616C38.1547 39.1616 35.1422 37.967 32.7529 35.5777C30.4675 33.1885 29.3249 29.7604 29.3249 25.2935C29.3249 20.515 30.6753 15.7884 33.3762 11.1138C36.181 6.43914 40.0765 2.8033 45.0628 0.206276L48.6467 5.66003C43.2449 9.39974 40.0246 14.1263 38.9858 19.8398C39.9207 19.4243 41.0115 19.2165 42.258 19.2165C45.1667 19.2165 47.556 20.1514 49.4258 22.0213C51.2957 23.8911 52.2306 26.2804 52.2306 29.1891C52.2306 32.0977 51.2437 34.487 49.27 36.3568C47.2962 38.2267 44.8031 39.1616 41.7906 39.1616ZM13.1194 39.1616C9.4836 39.1616 6.47105 37.967 4.08179 35.5777C1.79641 33.1885 0.653719 29.7604 0.653719 25.2935C0.653719 20.515 2.00417 15.7884 4.70507 11.1138C7.50986 6.43914 11.4054 2.8033 16.3917 0.206276L19.9756 5.66003C14.5738 9.39974 11.3535 14.1263 10.3146 19.8398C11.2496 19.4243 12.3403 19.2165 13.5869 19.2165C16.4956 19.2165 18.8848 20.1514 20.7547 22.0213C22.6245 23.8911 23.5595 26.2804 23.5595 29.1891C23.5595 32.0977 22.5726 34.487 20.5989 36.3568C18.6251 38.2267 16.132 39.1616 13.1194 39.1616Z" fill="white"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.review-card-item__date {
  font-size: 21px;
  font-weight: 600;
  color: #fff;
}

.terapi-review-cards {
  padding: 70px 0 120px;
  border-bottom: 1px solid #E5E5E5;
}
.terapi-review-cards.sidebar-style {
  padding: 30px;
  border-radius: 16px;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, #EAEAEA 100%);
}
@media (max-width: 991px) {
  .terapi-review-cards.sidebar-style {
    display: none !important;
  }
}
.terapi-review-cards__header h2 {
  text-align: center;
  color: #275C73;
  margin-bottom: 60px;
}
.terapi-review-cards__text {
  max-width: 887px;
  margin: 0 auto 60px;
}
.terapi-review-cards .cards-grid__reviews {
  display: grid;
  gap: 30px;
}
@media (max-width: 991px) {
  .terapi-review-cards .cards-grid__reviews {
    grid-template-columns: 1fr !important;
  }
}

#load-more-reviews {
  margin: 88px auto 20px;
  width: fit-content;
  font-size: 23px;
  padding: 10px 30px;
  border-radius: 13px;
}
@media (max-width: 991px) {
  #load-more-reviews {
    font-size: 20px;
    padding: 16px 12px;
  }
}

.therapist-reviews {
  padding: 100px 0 60px;
}
@media (max-width: 991px) {
  .therapist-reviews {
    padding: 50px 0 30px;
  }
}
.therapist-hero .container {
  max-width: 1180px;
}
.therapist-hero__header {
  display: flex;
  gap: 80px;
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .therapist-hero__header {
    flex-direction: column-reverse;
    gap: 30px;
    margin-bottom: 40px;
    align-items: center;
  }
}
.therapist-hero__header-info {
  flex: auto;
}
.therapist-hero__header-image {
  flex: 0 0 30%;
  height: 100%;
}
@media (max-width: 991px) {
  .therapist-hero__header-image {
    flex: auto;
    max-height: 285px;
    max-width: 320px;
    margin: 0 auto;
  }
}
.therapist-hero__header-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 31px;
}
@media (max-width: 991px) {
  .therapist-hero__header-image img {
    width: 320px;
    height: 285px;
  }
}
@media (max-width: 991px) {
  .therapist-hero__subtitle {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.therapist-hero__title {
  color: #275C73;
  margin-bottom: 26px;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 991px) {
  .therapist-hero__title {
    text-align: center;
    justify-content: center;
  }
}
.therapist-hero__title.verified svg {
  width: 65px;
  height: 65px;
}
@media (max-width: 991px) {
  .therapist-hero__title.verified svg {
    width: 36px;
    height: 36px;
  }
}
.therapist-hero__title.verified svg path.bg {
  fill: #3B7164;
}
.therapist-hero__tags {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 45px 0 20px;
}
@media (max-width: 991px) {
  .therapist-hero__tags {
    gap: 20px;
    padding: 20px 0;
  }
}
.therapist-hero__tags > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
@media (max-width: 991px) {
  .therapist-hero__tags > div {
    justify-content: center;
  }
}
.therapist-hero__tags > div > span {
  font-size: 20px;
  font-weight: 600;
  color: #6D7572;
  background-color: #E3E2D8;
  padding: 15px 17px;
  border-radius: 39px;
}
@media (max-width: 991px) {
  .therapist-hero__tags > div > span {
    font-size: 16px;
    padding: 10px 12px;
  }
}
.therapist-hero__tags > div.therapist-hero__expertise > span {
  background: #F3F2E3;
}
.therapist-hero__info-blocks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media (max-width: 991px) {
  .therapist-hero__info-blocks {
    grid-template-columns: 1fr;
  }
}
.therapist-hero__info-blocks__info {
  flex: auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.therapist-hero__info-blocks__info__text {
  font-size: 23px;
  font-weight: 300;
  line-height: 30px;
}
.therapist-hero__info-blocks__contacts {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.therapist-hero__info-blocks__contacts__title {
  font-size: 20px;
  font-weight: 600;
  color: #267954;
}
.therapist-hero__info-blocks__contacts__text {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}
.therapist-hero__info-block {
  padding: 24px 30px;
  border-radius: 32px;
  border: 2px solid #E4E5F0;
}
@media (max-width: 991px) {
  .therapist-hero__info-block {
    padding: 20px;
  }
}
.therapist-hero__info-block-title {
  font-size: 26px;
  font-weight: 600;
  color: #267954;
  margin-bottom: 22px;
}
.therapist-hero__info-block-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 18px;
}
.therapist-hero__info-block__items {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.therapist-hero__info-block__items-item {
  display: flex;
  gap: 16px;
}
.therapist-hero__info-block__items-item-icon {
  flex: 0 0 39px;
  height: 39px;
}
.therapist-hero__info-block__items-item-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.therapist-hero__info-block__items-item-title {
  font-size: 26px;
  font-weight: 600;
  line-height: 30px;
}
@media (max-width: 991px) {
  .therapist-hero__info-block__items-item-title {
    font-size: 20px;
  }
}
.therapist-hero__info-block__items-item-value {
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 991px) {
  .therapist-hero__info-block__items-item-value {
    font-size: 16px;
  }
}
.therapist-hero__info-block__items.in-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media (max-width: 991px) {
  .therapist-hero__info-block__items.in-row {
    gap: 10px;
  }
}
.therapist-hero__info-block__items.in-row .therapist-hero__info-block__items-item {
  gap: 10px;
}
.therapist-hero__info-block__items.in-row .therapist-hero__info-block__items-item-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}
.therapist-hero__info-block__items.in-row .therapist-hero__info-block__items-item-value {
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}
@media (max-width: 991px) {
  .therapist-hero__info-block__items.in-row .therapist-hero__info-block__items-item-value {
    font-size: 16px;
  }
}
.therapist-content-blocks {
  padding: 60px 0 120px;
}
@media (max-width: 991px) {
  .therapist-content-blocks {
    padding: 40px 0 80px;
  }
}
.therapist-content-blocks__wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 991px) {
  .therapist-content-blocks__wrapper {
    padding: 40px 0;
  }
}
.therapist-content-blocks__item {
  border-radius: 10px;
  border: 1px solid #E4E5F0;
  padding: 30px;
}
.therapist-content-blocks__item > * {
  margin-bottom: 16px;
}
.therapist-content-blocks__item h1, .therapist-content-blocks__item h2, .therapist-content-blocks__item h3, .therapist-content-blocks__item h4, .therapist-content-blocks__item h5, .therapist-content-blocks__item h6 {
  color: #275C73;
}
@media (max-width: 991px) {
  .therapist-content-blocks__item {
    padding: 20px;
  }
}