.sl-shead { display: flex; flex-direction: row; align-items: center; justify-content: space-between; min-height: 49px; padding-block-end: 12px; border-block-end: 1px solid var(--sl-border); } .sl-shead--flat { border-block-end: 0; padding-block-end: 0; } .sl-shead__start { display: flex; flex-direction: row-reverse; align-items: center; gap: 8px; height: 36px; } .sl-shead__title { margin: 0; color: var(--sl-ink); font-size: 20px; font-weight: 800; line-height: 24px; letter-spacing: -.4px; white-space: nowrap; } .sl-shead__badge { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 8px; color: var(--sl-teal); font-size: 36px; } .sl-shead__badge svg { width: 36px; height: 36px; } .sl-shead__titles { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .sl-shead__eyebrow { color: var(--sl-muted, #828282); font-size: 16px; font-weight: 400; line-height: 24px; } .sl-shead__titles:has(.sl-shead__eyebrow) .sl-shead__title { font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: -.32px; } .sl-shead__start:has(.sl-shead__eyebrow), .sl-shead__start:has(.sl-shead__badge--img) { height: auto; } .sl-shead__badge--img { width: 60px; height: 60px; overflow: hidden; border-radius: 100px; background: #fff; } .sl-shead__badge--img img { width: 100%; height: 100%; object-fit: contain; } .sl-shead__more { display: inline-flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 4px; height: 24px; color: var(--sl-teal); font-size: 16px; font-weight: 600; line-height: 24px; white-space: nowrap; } .sl-shead__more .sl-i, .sl-shead__more svg { flex: none; width: 20px; height: 20px; font-size: 20px; } .sl-shead__more:hover { color: var(--sl-teal-600); } @media (max-width: 560px) { .sl-shead__title { font-size: 17px; white-space: normal; } .sl-shead__badge { display: none; } } .sl-shead2 { min-height: 49px; } .sl-shead2--line { border-block-end: 1px solid var(--sl-border); } .sl-shead2 > .sl-shead__more2 { margin-inline-start: auto; } .sl-shead2 > .sl-shead__badge2 { flex: none; } .sl-shead2 .sl-shead__badge2.elementor-widget-icon .elementor-icon { display: grid; place-items: center; width: 36px; height: 36px; color: var(--sl-teal); font-size: 36px; line-height: 1; } .sl-shead__badge2 .elementor-icon .sl-i { display: block; width: 36px; height: 36px; font-size: 36px; } .sl-shead__badge2 .elementor-icon svg { width: 36px; height: 36px; } .sl-shead2 .sl-shead__title2 .elementor-heading-title { margin: 0; color: var(--sl-ink); white-space: nowrap; } .sl-shead2 .sl-shead__more2 .elementor-button { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; border: 0; background: none; color: var(--sl-teal); line-height: 24px; white-space: nowrap; } .sl-shead2 .sl-shead__more2 .elementor-button:hover { color: var(--sl-teal-600); } .sl-shead__more2 .elementor-button-content-wrapper { display: inline-flex; align-items: center; gap: 4px; } .sl-shead__more2 .elementor-button-icon .sl-i, .sl-shead__more2 .elementor-button-icon svg { flex: none; width: 20px; height: 20px; font-size: 20px; } @media (max-width: 560px) { .sl-shead2 .sl-shead__title2 .elementor-heading-title { font-size: 17px; white-space: normal; } .sl-shead2 > .sl-shead__badge2 { display: none; } } .sl-spec { display: flex; background: #fff; border: 1px solid var(--sl-border); border-radius: 16px; box-sizing: border-box; transition: border-color .18s ease, background-color .18s ease, transform .18s ease; } .sl-spec:hover { border-color: var(--sl-teal); transform: translateY(-2px); } .sl-spec.is-active { background: rgba(230, 243, 242, .35); border-color: var(--sl-teal); } .sl-spec.is-active .sl-spec__title { font-weight: 600; } .sl-spec__media { display: grid; place-items: center; flex: none; width: 48px; height: 49px; color: var(--sl-teal); font-size: 40px; } .sl-spec__media img { display: block; width: 48px; height: 49px; object-fit: contain; } .sl-spec__title { color: var(--sl-ink); font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -.32px; } .sl-spec--tall { flex-direction: column; align-items: center; justify-content: center; gap: 12px; width: 100%; height: 174px; padding: 43.5px 12px; } .sl-spec--tall .sl-spec__title { text-align: center; } .sl-spec--bar { flex-direction: row; align-items: center; justify-content: flex-end; gap: 12px; width: 100%; height: 75px; padding: 12px; } .sl-spec--bar .sl-spec__title { flex: 1; min-width: 0; text-align: right; } @media (max-width: 767px) { .sl-spec--tall { height: auto; padding: 20px 12px; } } .sl-stat { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 120px; padding: 22px 16px; background: var(--sl-bg-soft, #F9FAFC); border: 1px solid var(--sl-line, #F3F3F3); border-radius: 16px; color: inherit; transition: border-color .18s ease, box-shadow .18s ease; } .sl-stat:hover { border-color: var(--sl-teal-200, #B0DAD6); box-shadow: 0 8px 24px rgba(0, 137, 123, .08); } .sl-stat__icon { display: inline-flex; font-size: 24px; line-height: 1; color: var(--sl-teal, #00897B); } .sl-stat__value { font-size: 32px; font-weight: 800; line-height: 44px; letter-spacing: -.02em; color: var(--sl-teal-600, #00796B); } .sl-stat__label { font-size: 14px; font-weight: 600; line-height: 20px; color: var(--sl-muted, #828282); } @media (max-width: 767px) { .elementor-widget-sl_stat { flex: 1 1 calc(50% - 24px); min-width: 140px; } .sl-stat { min-height: 96px; padding: 16px 12px; } .sl-stat__value { font-size: 26px; line-height: 36px; } } .sl-value-card { flex: 1 1 0; min-width: 0; background: #fff; border: 1px solid #E4E8EC; border-radius: 20px; box-shadow: 0 1px 2px rgba(16, 24, 40, .04); padding: 28px 24px; text-align: right; } .sl-value-card .elementor-icon-box-icon { margin-bottom: 16px; } .sl-value-card .elementor-icon { display: flex; align-items: center; justify-content: center; margin-inline: auto; width: 56px; height: 56px; border-radius: 16px; background: #E6F3F2; color: var(--sl-teal, #00897B); font-size: 26px; } .sl-value-card .elementor-icon svg { width: 26px; height: 26px; fill: currentColor; } .sl-value-card .elementor-icon-box-title { margin: 0 0 8px; color: var(--sl-ink, #040404); font-size: 16px; font-weight: 700; line-height: 24px; } .sl-value-card .elementor-icon-box-description { color: var(--sl-muted, #828282); font-size: 14px; line-height: 24px; } @media (max-width: 900px) { .sl-value-card { flex: 1 1 40%; } } .sl-searchbar--wide { max-width: none; min-height: 64px; gap: 16px; justify-content: flex-start; border-width: 2px; border-color: var(--sl-line, #F3F3F3); box-shadow: 0 8px 32px rgba(0, 0, 0, .04); cursor: text; } .sl-searchbar--wide .sl-searchbar__input { flex: none; field-sizing: content; width: auto; min-width: 12ch; max-width: 100%; order: 4; } .sl-searchbar--wide .sl-searchbar__sep { order: 3; height: 32px; background: var(--sl-line, #F3F3F3); opacity: 1; } .sl-searchbar--wide .sl-searchbar__city { order: 2; max-width: none; padding-inline-start: 0; } .sl-searchbar--wide .sl-searchbar__city-input { field-sizing: content; width: auto; min-width: 8ch; } .sl-searchbar--wide .sl-searchbar__submit { order: 1; margin-inline-start: auto; min-height: 52px; height: 52px; padding-inline: 40px; } @media (max-width: 720px) { .sl-searchbar--wide { flex-wrap: wrap; min-height: 0; padding: 12px; border-radius: var(--sl-r-md); } .sl-searchbar--wide .sl-searchbar__input { flex: 1 1 100%; field-sizing: fixed; } .sl-searchbar--wide .sl-searchbar__submit { flex: 1 1 100%; margin-inline-end: 0; } } .sl-searchbar--glass { background: rgba(255, 255, 255, .15); border-color: rgba(255, 255, 255, .3); box-shadow: 0 0 30px rgba(255, 255, 255, .08); backdrop-filter: blur(10px); color: #fff; } .sl-searchbar--glass .sl-searchbar__input, .sl-searchbar--glass .sl-searchbar__city-input { color: #fff; } .sl-searchbar--glass .sl-searchbar__input::placeholder, .sl-searchbar--glass .sl-searchbar__city-input::placeholder { color: rgba(255, 255, 255, .85); } .sl-searchbar__sep { flex: none; width: 1px; height: 40px; background: linear-gradient(180deg, transparent, currentColor 50%, transparent); opacity: .25; } .sl-searchbar__city { display: inline-flex; align-items: center; gap: 4px; flex: none; max-width: 160px; padding-inline-start: 12px; } .sl-searchbar__city-input { width: 100%; min-width: 0; border: 0; background: none; font: inherit; font-size: 14px; color: inherit; outline: none; text-align: end; } @media (max-width: 560px) { .sl-searchbar { flex-wrap: wrap; border-radius: var(--sl-r-md); padding: 8px; } .sl-searchbar__sep { display: none; } .sl-searchbar__city { max-width: none; width: 100%; padding-inline: 12px; } .sl-searchbar__submit { width: 100%; order: 10; } } .sl-doc { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 16px; width: 100%; min-width: 0; height: 304px; padding: 16px; background: #fff; border: 1px solid var(--sl-border); border-radius: 20px; box-sizing: border-box; transition: border-color .18s ease, box-shadow .18s ease; direction: ltr; } .sl-doc__name, .sl-doc__spec, .sl-doc__addresstext, .sl-doc__city, .sl-doc__rowvalue, .sl-doc__rowlabel, .sl-doc__btntext { direction: rtl; } .sl-doc:hover { border-color: var(--sl-teal-200); box-shadow: var(--sl-shadow-sm); } .sl-doc__rating { position: absolute; top: 13px; left: 13px; display: inline-flex; flex-direction: row; align-items: center; gap: 2px; height: 20px; padding: 4px 10px; background: #fff9e6; border-radius: 30px; box-sizing: border-box; color: var(--sl-star); font-size: 12px; line-height: 12px; } .sl-doc__rating svg { width: 12px; height: 12px; } .sl-doc__ratingnum { direction: ltr; unicode-bidi: isolate; } .sl-doc__head { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 12px; align-self: stretch; height: 70px; } .sl-doc__id { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 8px; flex: 0 1 auto; min-width: 0; height: 52px; } .sl-doc__name { margin: 0; align-self: stretch; color: var(--sl-ink); font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: -.32px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sl-doc__spec { margin: 0; align-self: stretch; color: var(--sl-muted); font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -.28px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sl-doc__photo { position: relative; display: block; flex: none; width: 70px; height: 70px; background-color: var(--sl-bg-soft); background-size: cover; background-position: center; border-radius: 37.5px; box-sizing: border-box; } .sl-doc__dot { position: absolute; bottom: 2px; left: 4px; width: 10px; height: 10px; background: var(--sl-teal); border-radius: 50%; } .sl-doc__address { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 4px; align-self: stretch; height: 20px; } .sl-doc__addresstext { flex: 1; min-width: 0; color: #000; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -.28px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sl-doc__city { display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 2px; flex: none; height: 12px; color: var(--sl-ink); font-size: 12px; font-weight: 700; line-height: 12px; white-space: nowrap; } .sl-doc__city .sl-i, .sl-doc__city svg { flex: none; width: 12px; height: 12px; font-size: 12px; color: var(--sl-teal); } .sl-doc__rule { align-self: stretch; height: 1px; background: var(--sl-line); } .sl-doc__rows { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; align-self: stretch; } .sl-doc__row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; align-self: stretch; height: 20px; } .sl-doc__rowvalue, .sl-doc__rowlabel { font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -.28px; white-space: nowrap; } .sl-doc__rowvalue { color: var(--sl-ink); } .sl-doc__rowlabel { color: var(--sl-muted); } .sl-doc__btn { display: flex; flex-direction: row; align-items: center; justify-content: space-between; align-self: stretch; height: 48px; margin-top: auto; padding: 12px 32px; background: var(--sl-teal); border-radius: 100px; box-sizing: border-box; color: #fff; transition: background-color .18s ease; } .sl-doc__btn:hover { background: var(--sl-teal-600); color: #fff; } .sl-doc__btnicon { display: inline-flex; flex: none; width: 20px; height: 20px; font-size: 20px; } .sl-doc__btnicon svg { width: 20px; height: 20px; } .sl-doc__btntext { padding-inline: 8px; white-space: nowrap; font-size: 14px; font-weight: 600; line-height: 24px; text-align: center; } @media (max-width: 560px) { .sl-doc__btn { padding-inline: 20px; } .sl-doc__rowvalue, .sl-doc__rowlabel { font-size: 13px; } } .sl-doc--compact { align-items: center; gap: 16px; height: 245px; padding: 16px; } .sl-doc--compact .sl-doc__photo { width: 75px; height: 75px; border-radius: 100px; } .sl-doc--compact .sl-doc__id { align-items: center; justify-content: flex-start; align-self: stretch; gap: 8px; height: auto; flex: none; } .sl-doc--compact .sl-doc__name, .sl-doc--compact .sl-doc__spec { text-align: center; } .sl-doc--compact .sl-doc__spec { color: var(--sl-muted); font-size: 16px; line-height: 24px; letter-spacing: normal; } .sl-doc--compact .sl-doc__btn { align-self: center; width: 170px; height: 48px; padding: 14px 32px; background: transparent; border: 1px solid var(--sl-teal); color: var(--sl-teal); justify-content: center; } .sl-doc--compact .sl-doc__btn:hover { background: var(--sl-teal); color: #fff; } .sl-doc--compact .sl-doc__btntext { font-size: 14px; line-height: 20px; } .sl-doc--compact .sl-doc__btnicon svg { width: 20px; height: 20px; } @media (max-width: 560px) { .sl-doc--compact { height: auto; } .sl-doc--compact .sl-doc__btn { width: 100%; } } .sl-clinic { display: flex; flex-direction: column; align-items: center; gap: 16px; width: 100%; height: 359px; padding: 32px 16px; background: #fff; border: 1px solid var(--sl-border); border-radius: 20px; box-sizing: border-box; direction: ltr; transition: border-color .18s ease, box-shadow .18s ease; } .sl-clinic:hover { border-color: var(--sl-teal-200); box-shadow: var(--sl-shadow-sm); } .sl-clinic__logo { display: block; flex: none; width: 75px; height: 75px; background-color: #fff; background-size: cover; background-position: center; border: 2px solid var(--sl-border); border-radius: 100px; box-sizing: border-box; } .sl-clinic__id { display: flex; flex-direction: column; gap: 8px; align-self: stretch; direction: rtl; text-align: center; } .sl-clinic__name { margin: 0; color: var(--sl-ink); font-size: 16px; font-weight: 600; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sl-clinic__excerpt { margin: 0; color: var(--sl-muted); font-size: 16px; font-weight: 400; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sl-clinic__doctors { display: flex; flex-direction: row; align-items: center; gap: 8px; height: 30px; } .sl-clinic__doctorstext { direction: rtl; color: var(--sl-muted); font-size: 14px; font-weight: 400; line-height: 20px; white-space: nowrap; } .sl-clinic__avatars { display: flex; flex-direction: row; align-items: center; } .sl-clinic__avatar { display: block; width: 30px; height: 30px; background-color: var(--sl-bg-soft); background-size: cover; background-position: center; border: 1px solid #fff; border-radius: 50%; box-sizing: border-box; } .sl-clinic__avatar + .sl-clinic__avatar { margin-inline-start: -8px; } .sl-clinic__badges { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 12px; align-self: stretch; height: 20px; } .sl-clinic__badge { display: inline-flex; flex-direction: row; align-items: center; gap: 2px; height: 20px; padding: 4px 10px; border-radius: 30px; box-sizing: border-box; font-size: 12px; font-weight: 400; line-height: 12px; white-space: nowrap; } .sl-clinic__badge svg, .sl-clinic__badge .sl-i { width: 12px; height: 12px; font-size: 12px; } .sl-clinic__badge--rating { background: #fff9e6; color: var(--sl-star); } .sl-clinic__badge--city { background: var(--sl-teal-soft); color: var(--sl-teal); } .sl-clinic__badge--city span { direction: rtl; } .sl-clinic__btn { display: flex; flex-direction: row; align-items: center; justify-content: center; align-self: stretch; height: 48px; margin-top: auto; padding: 12px 32px; border: 1px solid var(--sl-teal); border-radius: 100px; box-sizing: border-box; color: var(--sl-teal); transition: background-color .18s ease, color .18s ease; } .sl-clinic__btn:hover { background: var(--sl-teal); color: #fff; } .sl-clinic__btnicon { display: inline-flex; flex: none; width: 20px; height: 20px; font-size: 20px; } .sl-clinic__btnicon svg { width: 20px; height: 20px; } .sl-clinic__btntext { direction: rtl; padding-inline: 8px; font-size: 16px; font-weight: 600; line-height: 24px; } @media (max-width: 560px) { .sl-clinic { height: auto; } .sl-clinic__name, .sl-clinic__excerpt { white-space: normal; } } .sl-city { --sl-city-accent: var(--sl-teal); display: flex; flex-direction: column; gap: 12px; width: 100%; min-height: 154px; padding: 12px; background: #fff; border: 1px solid var(--sl-border, #EDEDED); border-radius: 12px; box-sizing: border-box; direction: ltr; transition: background-color .18s ease, box-shadow .18s ease; } .sl-citygrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } @media (max-width: 991px) { .sl-citygrid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .sl-citygrid { grid-template-columns: 1fr; gap: 16px; } } .sl-city:hover, .sl-city:focus-visible, .sl-city.is-active { background: rgba(230, 243, 242, .35); border-color: var(--sl-city-accent); box-shadow: var(--sl-shadow-sm); } .sl-city__head { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 11px; align-self: stretch; min-height: 36px; } .sl-city__name { direction: rtl; min-width: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; color: var(--sl-ink); font-size: 14px; font-weight: 400; line-height: 20px; overflow-wrap: anywhere; } .sl-city__badge { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 8px; color: var(--sl-city-accent); font-size: 36px; } .sl-city__badge svg { width: 36px; height: 36px; } .sl-city__services { direction: rtl; align-self: stretch; height: 32px; overflow: hidden; color: var(--sl-muted); font-size: 12px; font-weight: 400; line-height: 16px; } .sl-city__rule { align-self: stretch; height: 1px; background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, var(--sl-border) 50%, rgba(0, 0, 0, 0) 100%); } .sl-city__foot { display: flex; flex-direction: row; align-items: center; justify-content: space-between; align-self: stretch; height: 24px; margin-top: auto; } .sl-city__footicon { display: inline-flex; flex: none; width: 16px; height: 16px; font-size: 16px; color: var(--sl-city-accent); } .sl-city__footicon svg { width: 16px; height: 16px; } .sl-city__count { direction: rtl; display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 4px 12px; background: #f7f7f7; border-radius: 100px; box-sizing: border-box; color: var(--sl-ink); font-size: 12px; font-weight: 400; line-height: 16px; white-space: nowrap; } @media (max-width: 560px) { .sl-city { height: auto; } .sl-city__services { height: auto; } } .sl-app { position: relative; width: 100%; height: 400px; background: var(--sl-teal); border-radius: 20px; direction: ltr; overflow: hidden; } .sl-app__pattern { position: absolute; top: 0; left: 0; width: 821px; max-width: 100%; height: 405px; opacity: .05; transform: rotate(180deg); transform-origin: center; background-size: cover; background-position: center; background-repeat: no-repeat; pointer-events: none; } .sl-app__phone { position: absolute; top: 46px; left: 114px; width: 310px; height: 637px; background-size: cover; background-position: center; background-repeat: no-repeat; pointer-events: none; } .sl-app__body { position: absolute; top: 80px; left: 558px; display: flex; flex-direction: column; gap: 24px; width: 649px; direction: rtl; text-align: right; } .sl-app__title { margin: 0; color: #fff; font-size: 24px; font-weight: 800; line-height: 32px; letter-spacing: -.48px; } .sl-app__text { margin: 0; height: 112px; overflow: hidden; color: #fff; font-size: 16px; font-weight: 400; line-height: 28px; } .sl-app__stores { display: flex; flex-direction: row; justify-content: flex-start; gap: 24px; height: 48px; } .sl-app__store { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: 8px; width: 156px; height: 48px; padding: 8px 8px 8px 24px; background: var(--sl-ink); border-radius: 12px; box-sizing: border-box; color: #fff; transition: background-color .18s ease, transform .18s ease; } .sl-app__store:hover { background: #1a1a1a; color: #fff; transform: translateY(-2px); } .sl-app__storetext { display: flex; flex-direction: column; flex: 1; min-width: 0; text-align: right; } .sl-app__storetext small { color: #fff; font-size: 10px; font-weight: 400; line-height: 16px; } .sl-app__storetext strong { color: #fff; font-size: 12px; font-weight: 400; line-height: 16px; white-space: nowrap; } .sl-app__storeicon { display: grid; place-items: center; flex: none; width: 32px; height: 32px; color: #fff; } .sl-app__storeicon img { width: 32px; height: 32px; object-fit: contain; } .sl-app__storeicon .sl-svg--download { color: #010101; } @media (max-width: 1240px) { .sl-app__body { left: 42%; width: 55%; } .sl-app__phone { left: 60px; } } @media (max-width: 1023px) { .sl-app { height: auto; padding: 32px 24px; } .sl-app__phone, .sl-app__pattern { display: none; } .sl-app__body { position: static; width: 100%; } .sl-app__text { height: auto; } .sl-app__stores { flex-wrap: wrap; height: auto; } } @media (max-width: 560px) { .sl-app__store { width: 100%; } } .sl-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .sl-post { display: flex; flex-direction: column; gap: 20px; height: 380px; padding: 276px 20px 20px; background-color: var(--sl-ink); background-size: cover; background-position: center; border-radius: 16px; box-sizing: border-box; direction: ltr; overflow: hidden; transition: transform .2s ease; } .sl-post:hover { transform: translateY(-3px); color: #fff; } .sl-post__meta { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 4px; height: 16px; } .sl-post__date { direction: rtl; color: #fff; font-size: 12px; font-weight: 400; line-height: 16px; } .sl-post__icon { display: inline-flex; flex: none; width: 16px; height: 16px; font-size: 16px; color: #fff; } .sl-post__icon svg { width: 16px; height: 16px; } .sl-post__title { direction: rtl; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #fff; font-size: 16px; font-weight: 600; line-height: 24px; text-align: right; } @media (max-width: 767px) { .sl-posts { grid-template-columns: 1fr !important; } } .sl-cats { display: flex; flex-direction: column; gap: 12px; } .sl-cat { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 48px; padding: 8px 16px 8px 8px; background: #fff; border-radius: 12px; box-sizing: border-box; direction: ltr; box-shadow: 0 4px 12px rgba(0, 0, 0, .08); transition: box-shadow .18s ease, transform .18s ease; } .sl-cat:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, .12); transform: translateY(-2px); } a.sl-cat { box-shadow: 0 4px 12px rgba(0, 0, 0, .08); } a.sl-cat:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, .12); } .sl-cat__count { display: grid; place-items: center; flex: none; width: 32px; height: 32px; background: var(--sl-bg-soft); border-radius: 100px; color: var(--sl-ink); font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: -.24px; } .sl-cat__label { direction: rtl; color: var(--sl-ink); font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -.32px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sl-promo { display: flex; flex-direction: column; align-items: stretch; gap: 0; width: 100%; text-align: right; } .sl-promo__media { position: relative; align-self: stretch; height: 130px; margin-block-end: 64px; } .sl-promo__image { display: block; width: 100%; height: 130px; background-color: var(--sl-teal-soft); background-size: cover; background-position: center; border-radius: 20px; } .sl-promo__icon { position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%); display: grid; place-items: center; width: 48px; height: 48px; background: var(--sl-bg-soft, #F9FAFC); border-radius: 12px; color: var(--sl-teal); font-size: 43px; } .sl-promo__icon svg { width: 43px; height: 43px; } .sl-promo__title { margin: 0 0 12px; text-align: center; color: var(--sl-ink); font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: -.32px; } .sl-promo__text { margin: 0 0 39px; text-align: center; color: var(--sl-muted); font-size: 14px; font-weight: 400; line-height: 28px; } .sl-promo__actions { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: 12px; align-self: stretch; margin-top: auto; direction: ltr; } .sl-promo__actions > * { direction: rtl; } .sl-promo__actions > * { flex: 1 1 0; min-width: 0; justify-content: center; } .sl-promo__btn { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding-inline: 24px; border-radius: 100px; font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: -.28px; white-space: nowrap; transition: background-color .18s ease, color .18s ease; } .sl-promo__btn--solid { background: var(--sl-teal); color: #fff; } .sl-promo__btn--accent { background: var(--sl-orange); color: #fff; } .sl-promo__btn--accent:hover { background: #ea6a0c; color: #fff; } .sl-promo__btn--solid:hover { background: var(--sl-teal-600); color: #fff; } .sl-promo__btn--ghost { border: 1px solid var(--sl-orange, #F97316); color: var(--sl-orange, #F97316); } .sl-promo__btn--ghost:hover { background: rgba(249, 115, 22, .08); color: var(--sl-orange, #F97316); } @media (max-width: 1024px) { .e-con:has(.elementor-widget-sl_promo_box) { flex-wrap: wrap; } .e-con:has(> .e-con-inner > .elementor-widget-sl_promo_box), .e-con:has(> .elementor-widget-sl_promo_box) { flex: 1 1 100%; min-width: 280px; } } .sl-tst { position: relative; display: flex; flex-direction: column; align-items: center; gap: 16px; width: 100%; height: 393px; margin: 0; padding: 16px; background: #fff; border: 1px solid var(--sl-border); border-radius: 20px; box-sizing: border-box; direction: ltr; } .sl-tst__rating { position: absolute; top: 22px; left: 22px; display: inline-flex; align-items: center; gap: 2px; height: 20px; padding: 4px 10px; background: #fff9e6; border-radius: 30px; box-sizing: border-box; color: var(--sl-star); font-size: 12px; line-height: 12px; } .sl-tst__rating svg { width: 12px; height: 12px; } .sl-tst__avatar { display: grid; place-items: center; flex: none; width: 75px; height: 75px; background-color: #fff; background-size: cover; background-position: center; border-radius: 100px; overflow: hidden; color: var(--sl-border); } .sl-tst__avatar svg { width: 75px; height: 75px; } .sl-tst__id { display: flex; flex-direction: column; align-items: center; gap: 4px; align-self: stretch; direction: rtl; text-align: center; } .sl-tst__name { align-self: stretch; color: var(--sl-ink); font-size: 16px; font-weight: 600; line-height: 24px; } .sl-tst__role { font-size: 12px; font-weight: 400; line-height: 16px; } .sl-tst__role b { color: var(--sl-ink); font-weight: 400; } .sl-tst__role span { color: var(--sl-muted); } .sl-tst__text { direction: rtl; align-self: stretch; height: 112px; margin: 0; overflow: hidden; color: var(--sl-muted); font-size: 16px; font-weight: 400; line-height: 28px; text-align: center; } .sl-tst__audio { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 170px; margin-top: auto; } .sl-tst__play { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; background: var(--sl-teal-soft); border: 0; border-radius: 100px; color: var(--sl-teal); cursor: pointer; transition: background-color .18s ease; } .sl-tst__play:hover { background: var(--sl-teal-200); } .sl-tst__play svg { width: 36px; height: 36px; } .sl-tst__wave { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 4px; width: 170px; height: 40px; } .sl-tst__time { direction: ltr; flex: none; min-width: 30px; color: var(--sl-muted); font-size: 12px; font-weight: 500; line-height: 16px; font-variant-numeric: tabular-nums; } .sl-tst__time:first-child { text-align: start; } .sl-tst__time:last-child { text-align: end; } .sl-tst__bars { position: relative; display: block; flex: none; width: 84px; height: 40px; color: #D9DCE0; } .sl-tst__barsbase, .sl-tst__barsfill { position: absolute; inset-block-start: 0; inset-inline-start: 0; display: block; height: 40px; } .sl-tst__barsbase { width: 84px; } .sl-tst__barsfill { width: var(--sl-progress, 0%); overflow: hidden; color: var(--sl-teal, #00897B); transition: width .2s linear; } .sl-tst__barsfill svg { position: absolute; inset-block-start: 0; inset-inline-start: 0; } .sl-tst__bars svg { display: block; width: 84px; height: 40px; } @media (max-width: 560px) { .sl-tst { height: auto; } .sl-tst__text { height: auto; } } :is(.e-con, .sl-rail).sl-cols-2, :is(.e-con, .sl-rail).sl-cols-3, :is(.e-con, .sl-rail).sl-cols-4, :is(.e-con, .sl-rail).sl-cols-5, :is(.e-con, .sl-rail).sl-cols-6, :is(.e-con, .sl-rail).sl-cols-auto { display: grid; align-items: stretch; } :is(.e-con, .sl-rail).sl-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } :is(.e-con, .sl-rail).sl-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } :is(.e-con, .sl-rail).sl-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } :is(.e-con, .sl-rail).sl-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } :is(.e-con, .sl-rail).sl-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } :is(.e-con, .sl-rail).sl-cols-auto { grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); } :is(.e-con, .sl-rail).sl-cols-2 > :is(.elementor-element, .sl-rail__item), :is(.e-con, .sl-rail).sl-cols-3 > :is(.elementor-element, .sl-rail__item), :is(.e-con, .sl-rail).sl-cols-4 > :is(.elementor-element, .sl-rail__item), :is(.e-con, .sl-rail).sl-cols-5 > :is(.elementor-element, .sl-rail__item), :is(.e-con, .sl-rail).sl-cols-6 > :is(.elementor-element, .sl-rail__item), :is(.e-con, .sl-rail).sl-cols-auto > :is(.elementor-element, .sl-rail__item) { width: auto; max-width: none; } :is(.e-con, .sl-rail).sl-ltr, :is(.e-con, .sl-rail).sl-cols-6 { direction: ltr; } :is(.e-con, .sl-rail).sl-ltr > *, :is(.e-con, .sl-rail).sl-cols-6 > * { direction: rtl; } .sl-conslider { position: relative; width: 100%; } :is(.e-con, .sl-rail).sl-slider { display: flex !important; flex-direction: row; flex-wrap: nowrap !important; align-items: stretch; gap: 24px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; grid-template-columns: none !important; } :is(.e-con, .sl-rail).sl-slider::-webkit-scrollbar { display: none; } :is(.e-con, .sl-rail).sl-slider > :is(.elementor-element, .sl-rail__item) { flex: none; width: var(--sl-slide, 200px); max-width: none; margin-block: 0 !important; } :is(.e-con, .sl-rail).sl-slide-312 { --sl-slide: 312px; } :is(.e-con, .sl-rail).sl-slide-3 > :is(.elementor-element, .sl-rail__item) { width: calc((100% - 48px) / 3); } .sl-conslider > :is(.e-con, .sl-rail).sl-slider { margin-block: 0 !important; } :is(.e-con, .sl-rail).sl-slider { cursor: grab; } :is(.e-con, .sl-rail).sl-slider.is-dragging { cursor: grabbing; scroll-snap-type: none; user-select: none; } :is(.e-con, .sl-rail).sl-slider.is-dragging a { pointer-events: none; } .sl-dots { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 4px; margin-block-start: 40px; } .sl-dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 20px; background: var(--sl-border, #EDEDED); cursor: pointer; transition: width .2s ease, background-color .2s ease; } .sl-dot:hover { background: var(--sl-muted, #828282); } .sl-dot.is-active { width: 21px; background: var(--sl-teal, #00897B); } .sl-conslider .sl-stories__nav { inset-block-start: 50%; transform: translateY(-50%); } .sl-conslider:has(.sl-dots) .sl-stories__nav { inset-block-start: calc((100% - 40px - 8px) / 2); } .sl-conslider .sl-stories__nav--prev { inset-inline-end: -24px; } .sl-conslider .sl-stories__nav--next { inset-inline-start: -24px; } @media (max-width: 1024px) { :is(.e-con, .sl-rail).sl-slider > :is(.elementor-element, .sl-rail__item) { width: var(--sl-slide-sm, 168px); } :is(.e-con, .sl-rail).sl-slide-312 { --sl-slide-sm: 280px; } :is(.e-con, .sl-rail).sl-slide-3 > :is(.elementor-element, .sl-rail__item) { width: 280px; } } @media (max-width: 1024px) { :is(.e-con, .sl-rail).sl-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } :is(.e-con, .sl-rail).sl-cols-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); } :is(.e-con, .sl-rail).sl-cols-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); } :is(.e-con, .sl-rail).sl-cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { :is(.e-con, .sl-rail).sl-cols-2, :is(.e-con, .sl-rail).sl-cols-3, :is(.e-con, .sl-rail).sl-cols-4 { grid-template-columns: 1fr; } :is(.e-con, .sl-rail).sl-cols-5, :is(.e-con, .sl-rail).sl-cols-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); } :is(.e-con, .sl-rail).sl-cols-auto { grid-template-columns: repeat(auto-fit, minmax(76px, 1fr)); } } .e-con.sl-split { display: flex; } @media (max-width: 900px) { .e-con.sl-split { flex-direction: column; } .e-con.sl-split > .elementor-element { width: 100% !important; } } .sl-wave { position: relative; --sl-wave-notch: 100px; } .sl-wave > .e-con-inner, .sl-wave > .elementor-container { position: relative; z-index: 1; } .sl-empty { padding: 32px; color: var(--sl-muted); text-align: center; } .sl-featured { position: relative; width: 100%; max-width: 1320px; margin-inline: auto; padding: 20px; background: #fff; border: 1px solid var(--sl-border); border-radius: 16px; box-sizing: border-box; direction: ltr; } .sl-featured__grid { display: grid; grid-template-columns: 292px minmax(0, 1fr); gap: 24px; align-items: start; } .sl-featured__promo { grid-column: 1; } .sl-featured__main { display: flex; flex-direction: column; gap: 24px; min-width: 0; } .sl-featured__head { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 16px; height: 60px; } .sl-featured__clinic { display: flex; flex-direction: row-reverse; align-items: center; gap: 12px; direction: rtl; } .sl-featured__clinictext { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; text-align: right; } .sl-featured__kicker { color: var(--sl-muted); font-size: 14px; font-weight: 400; line-height: 20px; white-space: nowrap; } .sl-featured__clinicname { margin: 0; color: var(--sl-ink); font-size: 16px; font-weight: 700; line-height: 24px; white-space: nowrap; } .sl-featured__clinicavatar { display: block; flex: none; width: 60px; height: 60px; background-color: var(--sl-bg-soft); background-size: cover; background-position: center; border-radius: 100px; } .sl-featured__aside { display: flex; flex-direction: row-reverse; align-items: center; gap: 24px; } .sl-featured__rating { display: inline-flex; align-items: center; gap: 2px; height: 20px; padding: 4px 10px; background: #fff9e6; border-radius: 30px; box-sizing: border-box; color: var(--sl-star); font-size: 12px; line-height: 12px; } .sl-featured__rating svg { width: 12px; height: 12px; } .sl-featured__more { display: inline-flex; flex-direction: row-reverse; align-items: center; gap: 4px; height: 24px; color: var(--sl-teal); font-size: 16px; font-weight: 600; line-height: 24px; white-space: nowrap; direction: rtl; } .sl-featured__more svg, .sl-featured__more .sl-i { width: 20px; height: 20px; font-size: 20px; } .sl-featured__track { display: flex; flex-direction: row; gap: 24px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x proximity; scrollbar-width: none; padding-block: 2px; } .sl-featured__track::-webkit-scrollbar { display: none; } .sl-featured__track > * { flex: none; width: 222px; scroll-snap-align: start; } .sl-featured__rail { position: relative; min-width: 0; } .sl-featured__nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; display: grid; place-items: center; width: 48px; height: 48px; padding: 0; background: #fff; border: 0; border-radius: 100px; box-shadow: 0 4px 12px rgba(0, 0, 0, .08); color: var(--sl-teal); cursor: pointer; transition: box-shadow .18s ease, opacity .18s ease; } .sl-featured__nav:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, .14); } .sl-featured__nav[disabled] { opacity: .35; cursor: default; } .sl-featured__nav--prev { left: -24px; } .sl-featured__nav--next { right: -24px; } .sl-featured__nav--next svg { transform: scaleX(-1); } @media (max-width: 1023px) { .sl-featured__grid { grid-template-columns: 1fr; } .sl-featured__nav { display: none; } .sl-featured__head { height: auto; flex-wrap: wrap; } } .e-con.sl-narrow > .elementor-element { max-width: 536px !important; margin-inline: auto; } .e-con > .elementor-widget-sl_searchbar { align-self: stretch; width: 100%; } .elementor-widget-sl_searchbar .sl-searchbar { margin-inline: auto; } .sl-toppanel { position: relative; overflow: visible; } .sl-toppanel::after { content: ""; position: absolute; top: 20px; left: calc(50% + 626px); width: 44px; height: calc(100% - 40px); border-radius: 16px; background: var(--sl-teal, #00897B); pointer-events: none; z-index: 0; } .sl-toppanel { background: none !important; border: 0 !important; border-radius: 0 !important; } .sl-toppanel > .e-con-inner { position: relative; z-index: 1; background: #fff; border: 1px solid var(--sl-border, #EDEDED); border-radius: 16px; } :is(.e-con, .sl-sec__row).sl-toppanel__row { flex-direction: row-reverse; flex-wrap: nowrap !important; padding-right: 24px !important; padding-left: 20px !important; } :is(.e-con, .sl-sec__row).sl-toppanel__row > :first-child { flex: 0 0 292px !important; width: 292px !important; } :is(.e-con, .sl-sec__row).sl-toppanel__row > :last-child { flex: 1 1 auto !important; width: auto !important; min-width: 0; } @media (max-width: 1024px) { .sl-toppanel::after { display: none; } :is(.e-con, .sl-sec__row).sl-toppanel__row { padding-right: 0 !important; padding-left: 0 !important; } :is(.e-con, .sl-sec__row).sl-toppanel__row > :first-child { flex: 1 1 auto !important; width: auto !important; } } @media (max-width: 767px) { :is(.e-con, .sl-sec__row).sl-toppanel__row { flex-wrap: wrap !important; } :is(.e-con, .sl-sec__row).sl-toppanel__row > :first-child, :is(.e-con, .sl-sec__row).sl-toppanel__row > :last-child { flex: 1 1 100% !important; width: 100% !important; } } .sl-tst__audio[data-sl-player] { cursor: default; } .sl-tst__audio[data-sl-player] .sl-tst__play { cursor: pointer; } .sl-tst__audio.is-playing .sl-tst__play { background: var(--sl-teal, #00897B); color: #fff; } .sl-tst__audio.is-playing .sl-tst__play:hover { background: var(--sl-teal-600, #00796B); } .sl-tst__audio { --sl-progress: 0%; } .sl-pageform { direction: rtl; } .sl-pageform__form { display: flex; flex-direction: column; gap: 18px; padding: 28px; background: #fff; border: 1px solid var(--sl-border, #EDEDED); border-radius: var(--sl-r-lg, 20px); box-shadow: 0 8px 32px rgba(0, 0, 0, .04); } .sl-pageform__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; } .sl-field { display: flex; flex-direction: column; gap: 8px; } .sl-field__label { color: var(--sl-ink, #040404); font-size: 14px; font-weight: 600; line-height: 20px; } .sl-field__label b { color: var(--sl-orange, #F97316); font-weight: 400; } .sl-field input, .sl-field select, .sl-field textarea { width: 100%; height: 56px; padding: 0 20px; background: #fff; border: 2px solid var(--sl-field-line, #f3f3f3); border-radius: 1000px; color: var(--sl-ink, #040404); font: inherit; font-size: 14px; outline: none; transition: border-color .18s ease; } .sl-field select { cursor: pointer; appearance: none; -webkit-appearance: none; padding-inline-end: 20px; padding-inline-start: 44px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23828282' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left 20px center; background-size: 16px; } .sl-field textarea { height: 140px; min-height: 140px; padding: 16px 20px; border-radius: 24px; line-height: 24px; resize: vertical; } .sl-field input:focus, .sl-field select:focus, .sl-field textarea:focus { border-color: var(--sl-teal, #00897B); background: #fff; } .sl-field input::placeholder, .sl-field textarea::placeholder { color: var(--sl-muted, #828282); } .sl-check { display: flex; flex-direction: row; align-items: center; gap: 10px; font-size: 14px; cursor: pointer; } .sl-check input { width: 18px; height: 18px; accent-color: var(--sl-teal, #00897B); flex: none; margin: 0; } .sl-pageform .sl-btn { align-self: flex-start; } .sl-pageform__send { width: 220px; min-height: 48px; padding: 0; } .sl-formcard { min-height: 640px; } .e-con.sl-formcard > .elementor-widget-heading { margin-block-end: 16px; } .e-con.sl-formcard > .elementor-widget-text-editor { margin-block-end: 24px; } .sl-formcard .elementor-widget-text-editor p { margin: 0; } .sl-formcard .sl-pageform__form { gap: 0; padding: 0; background: none; border: 0; box-shadow: none; } .sl-formcard .sl-pageform__row { grid-template-columns: repeat(2, 1fr); gap: 24px; margin-bottom: 20px; } .sl-formcard .sl-pageform__form > .sl-field { margin-bottom: 24px; } .sl-mapcard .sl-geo { position: relative; } .sl-mapcard .sl-geo__address { display: none; } .sl-mapcard .sl-geo__frame { height: 286px; border: 0; border-radius: 16px; background: var(--sl-teal-soft, #E6F3F2); } .sl-mapcard .sl-geo__links { position: absolute; inset-block-end: 12px; inset-inline-start: 12px; gap: 8px; margin: 0; } .sl-mapcard .sl-geo__btn { height: 36px; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, .08); } .sl-mapcard .sl-geo__btn--main { background: var(--sl-teal, #00897B); } .sl-hp { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } @media (max-width: 640px) { .sl-pageform__form { padding: 20px; } .sl-pageform__row, .sl-formcard .sl-pageform__row { grid-template-columns: 1fr; } .sl-pageform .sl-btn { align-self: stretch; } } .sl-timeline { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 48px; margin: 0; padding: 0; list-style: none; direction: rtl; --sl-timeline-dot: var(--sl-teal, #00897B); } .sl-timeline__item { display: flex; gap: 16px; align-items: flex-start; text-align: right; } .sl-timeline__dot { display: none; } .sl-timeline__year { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: none; border-radius: 50%; background: var(--sl-timeline-dot); color: #fff; font-size: 14px; font-weight: 800; line-height: 1; } .sl-timeline__body { display: flex; flex-direction: column; gap: 6px; min-width: 0; } .sl-timeline__title { color: var(--sl-ink, #040404); font-size: 16px; font-weight: 700; line-height: 24px; } .sl-timeline__text { color: var(--sl-muted, #828282); font-size: 14px; line-height: 26px; } @media (max-width: 768px) { .sl-timeline { grid-template-columns: 1fr; gap: 28px; } } .sl-auth { display: flex; flex-direction: column; gap: 16px; direction: rtl; } .sl-auth__form { display: flex; flex-direction: column; gap: 16px; } .sl-auth .sl-field input[readonly], .sl-auth .sl-field input:disabled { background: #F9FAFC; color: var(--sl-muted, #828282); cursor: not-allowed; } .sl-auth__submit { justify-content: center; width: 100%; min-height: 52px; margin-block-start: 8px; } .sl-auth__remember { font-size: 14px; color: var(--sl-muted, #828282); } .sl-auth__error, .sl-auth__ok { margin: 0; padding: 12px 16px; border-radius: var(--sl-r-sm, 12px); font-size: 14px; line-height: 24px; } .sl-auth__error { background: #FDECEC; color: #B42318; } .sl-auth__ok { background: #E6F3F2; color: var(--sl-teal, #00897B); } .sl-auth__ok code { font-size: 16px; font-weight: 700; letter-spacing: 2px; } .sl-auth__again { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; font-size: 14px; } .sl-auth__again button, .sl-auth__again a { padding: 0; border: 0; background: none; font: inherit; color: var(--sl-teal, #00897B); cursor: pointer; text-decoration: none; } .sl-auth__again button:hover, .sl-auth__again a:hover { text-decoration: underline; } .sl-auth__terms, .sl-auth__hint { margin: 0; color: var(--sl-muted, #828282); font-size: 14px; line-height: 26px; } .sl-auth__terms a { color: var(--sl-teal, #00897B); text-decoration: none; font-weight: 600; } .sl-auth__terms a:hover { text-decoration: underline; } .sl-auth__foot { margin: 0; padding-block-start: 16px; border-block-start: 1px solid var(--sl-line, #F3F3F3); color: var(--sl-muted, #828282); font-size: 14px; text-align: center; } .sl-auth__foot a { color: var(--sl-teal, #00897B); font-weight: 700; text-decoration: none; } .sl-auth__foot a:hover { text-decoration: underline; } .sl-searchpage__count, .sl-searchpage__hint { margin: 0; color: var(--sl-muted, #828282); font-size: 14px; line-height: 26px; text-align: right; } .sl-searchpage__count b { color: var(--sl-ink, #040404); font-weight: 700; } .sl-searchpage__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (max-width: 1100px) { .sl-searchpage__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 700px) { .sl-searchpage__grid { grid-template-columns: 1fr; } } .e-con.sl-step { flex: 1 1 0; min-width: 0; } .sl-step__num .elementor-heading-title { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin: 0 auto 14px; border-radius: 50%; background: #E6F3F2; color: var(--sl-teal, #00897B); font-size: 20px; font-weight: 800; line-height: 1; } .sl-step__title .elementor-heading-title { margin-block-end: 8px; } .sl-step .elementor-widget-text-editor p { margin: 0; } @media (max-width: 860px) { .e-con.sl-step { flex: 1 1 100%; } } .sl-joincard .sl-pageform__form { gap: 0; padding: 0; background: none; border: 0; box-shadow: none; } .sl-joincard .sl-pageform__row { grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 20px; } .sl-joincard .sl-pageform__form > .sl-field { margin-bottom: 20px; } .sl-joincard .sl-check { margin-bottom: 20px; } .sl-joincard .sl-pageform .sl-btn { align-self: flex-end; min-width: 220px; background: var(--sl-orange, #F97316); border-color: transparent; color: #fff; } .sl-joincard .sl-pageform .sl-btn:hover { background: #ea6a0c; color: #fff; } @media (max-width: 860px) { .sl-joincard .sl-pageform__row { grid-template-columns: 1fr; } } .sl-infocard { min-height: 200px; } .e-con.sl-infocard, .e-con.sl-formcard, .e-con.sl-mapcard { border-color: #E4E8EC !important; box-shadow: 0 1px 2px rgba(16, 24, 40, .04); } .sl-infocard__ic, .sl-infocard__ic .elementor-icon-wrapper { text-align: center; } .e-con.sl-infocard > .sl-infocard__ic { margin-block-end: 16px; } .sl-infocard__ic .elementor-icon-wrapper { line-height: 0; } .sl-infocard__ic .elementor-icon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; padding: 0; border-radius: 16px; } .sl-infocard__ic .elementor-icon .sl-i { font-size: 26px; line-height: 1; } .e-con.sl-infocard .elementor-heading-title, .e-con.sl-infocard .elementor-widget-text-editor, .e-con.sl-infocard .elementor-widget-text-editor p { text-align: center; } .e-con.sl-infocard > .elementor-widget-heading { margin-block-end: 8px; } .sl-infocard .elementor-widget-text-editor p { margin: 0; } .sl-faq { display: flex; flex-direction: column; gap: 28px; direction: rtl; --sl-faq-accent: var(--sl-teal, #00897B); } .sl-faq__bar { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 16px; height: 64px; padding: 4px 24px 4px 4px; background: #fff; border: 2px solid var(--sl-line, #F3F3F3); border-radius: var(--sl-r-pill, 1000px); box-shadow: 0 8px 32px rgba(0, 0, 0, .04); cursor: text; } .sl-faq__fields { display: flex; align-items: center; gap: 16px; min-width: 0; } .sl-faq__input { flex: none; field-sizing: content; width: auto; min-width: 12ch; max-width: 100%; border: 0; background: none; font: inherit; font-size: 14px; font-weight: 300; color: var(--sl-ink, #040404); outline: none; } .sl-faq__input::placeholder { color: var(--sl-muted, #828282); font-weight: 300; } .sl-faq__sep { flex: none; width: 1px; height: 32px; background: var(--sl-line, #F3F3F3); } .sl-faq__topic-label { flex: none; font-size: 14px; color: var(--sl-muted, #828282); } .sl-faq__submit { flex: none; min-height: 52px; padding: 0 40px; border-radius: var(--sl-r-pill, 1000px); } .sl-faq__topics { display: flex; flex-wrap: wrap; gap: 12px; } .sl-faq__chip { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 22px; background: #fff; border: 1px solid var(--sl-line, #F3F3F3); border-radius: var(--sl-r-pill, 1000px); font: inherit; font-size: 14px; font-weight: 600; color: var(--sl-ink, #040404); cursor: pointer; transition: background-color .18s ease, color .18s ease, border-color .18s ease; } .sl-faq__chip:hover { border-color: var(--sl-faq-accent); color: var(--sl-faq-accent); } .sl-faq__chip.is-active { background: var(--sl-faq-accent); border-color: var(--sl-faq-accent); color: #fff; } .sl-faq__list { display: flex; flex-direction: column; gap: 16px; } .sl-faq__item { position: relative; overflow: hidden; background: #fff; border: 1px solid #E4E8EC; border-radius: var(--sl-r-md, 16px); padding: 18px 24px; box-shadow: 0 1px 2px rgba(16, 24, 40, .04); transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; } .sl-faq__item::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 3px; background: var(--sl-faq-accent); opacity: 0; transition: opacity .2s ease; } .sl-faq__item:hover { border-color: #CFD9DE; box-shadow: 0 6px 18px rgba(16, 24, 40, .07); } .sl-faq__item.is-open { background: #FBFDFD; border-color: var(--sl-faq-accent); box-shadow: 0 10px 26px rgba(0, 137, 123, .10); } .sl-faq__item.is-open::before { opacity: 1; } .sl-faq__head { margin: 0; } .sl-faq__toggle { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: right; cursor: pointer; } .sl-faq__q { text-align: right; font-size: 16px; font-weight: 600; line-height: 28px; color: var(--sl-ink, #040404); transition: color .2s ease; } .sl-faq__toggle:hover .sl-faq__q, .sl-faq__item.is-open .sl-faq__q { color: var(--sl-teal-600, #00796B); } .sl-faq__sign { position: relative; flex: none; width: 34px; height: 34px; border-radius: 50%; background: #E6F3F2; color: var(--sl-faq-accent); transition: background-color .2s ease, color .2s ease, transform .2s ease; } .sl-faq__toggle:hover .sl-faq__sign { background: #D5EAE7; } .sl-faq__item.is-open .sl-faq__sign { background: var(--sl-faq-accent); color: #fff; transform: rotate(180deg); box-shadow: 0 4px 10px rgba(0, 137, 123, .28); } .sl-faq__sign::before, .sl-faq__sign::after { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; margin: -1px 0 0 -6px; background: currentColor; border-radius: 2px; transition: transform .18s ease; } .sl-faq__sign::after { transform: rotate(90deg); } .sl-faq__item.is-open .sl-faq__sign::after { transform: rotate(0deg); } .sl-faq__a { margin-top: 14px; padding-top: 14px; border-top: 1px dashed #DDE5E9; text-align: right; padding-inline-end: 46px; font-size: 14.5px; line-height: 28px; color: var(--sl-muted, #828282); animation: sl-faq-in .22s ease; } @keyframes sl-faq-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } } .sl-faq__a p, .sl-faq__a li { text-align: right; } .sl-faq__a p { margin: 0 0 12px; } .sl-faq__a p:last-child { margin-bottom: 0; } .sl-faq__empty { margin: 0; padding: 24px; color: var(--sl-muted, #828282); text-align: center; } @media (max-width: 720px) { .sl-faq__bar { flex-wrap: wrap; height: auto; padding: 12px; border-radius: var(--sl-r-md, 16px); } .sl-faq__sep, .sl-faq__topic-label { display: none; } .sl-faq__fields { flex: 1 1 100%; } .sl-faq__input { flex: 1 1 auto; field-sizing: fixed; width: auto; padding: 8px 4px; } .sl-faq__submit { flex: 1 1 100%; } .sl-faq__a { padding-inline-end: 0; } } .sl-sec { display: block; } .sl-sec__rail, .sl-sec > .sl-conslider, .sl-sec__main > .sl-conslider { margin-block-start: 40px; } .sl-sec > .sl-sec__rail:first-child, .sl-sec > .sl-conslider:first-child, .sl-sec__main > .sl-conslider:first-child { margin-block-start: 0; } .sl-rail.sl-cols-2, .sl-rail.sl-cols-3, .sl-rail.sl-cols-4, .sl-rail.sl-cols-5, .sl-rail.sl-cols-6, .sl-rail.sl-cols-auto { gap: 24px; } .sl-rail__item { display: flex; min-width: 0; } .sl-rail__item > * { flex: 1 1 auto; min-width: 0; } .sl-sec__row { display: flex; gap: 24px; } .sl-sec__main { min-width: 0; } .sl-spec__col { display: flex; flex-direction: column; gap: 24px; height: 100%; min-width: 0; } .sl-spec__col > .sl-spec { flex: 1 1 auto; } .sl-mag__row { display: flex; flex-direction: row; align-items: flex-start; gap: 24px; margin-block-start: 40px; } .sl-mag > .sl-mag__row:first-child { margin-block-start: 0; } .sl-mag__aside { flex: 0 0 312px; width: 312px; min-width: 0; } .sl-mag__main { flex: 1 1 auto; min-width: 0; } .sl-mag__row--solo > .sl-mag__main { flex: 1 1 100%; } .sl-posts--cols-1 { grid-template-columns: minmax(0, 1fr); } .sl-posts--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sl-posts--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sl-posts--cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @media (max-width: 1024px) { .sl-mag__row { flex-wrap: wrap; } .sl-mag__aside { flex: 1 1 100%; width: auto; } .sl-posts--cols-3, .sl-posts--cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .elementor-widget-sl_value_card { flex: 1 1 0; min-width: 0; } .elementor-widget-sl_value_card > .elementor-widget-container { height: 100%; } .elementor-widget-sl_value_card .sl-value-card { height: 100%; } .sl-info { display: flex; flex-direction: column; align-items: var(--sl-info-align, center); min-height: 200px; height: 100%; padding: 28px 24px 18px; background: #fff; border: 1px solid #E4E8EC; border-radius: 20px; box-shadow: 0 1px 2px rgba(16, 24, 40, .04); text-align: center; } .sl-info__ic { display: grid; place-items: center; flex: none; width: 56px; height: 56px; margin-block-end: 16px; border-radius: 16px; background: #E6F3F2; color: var(--sl-teal, #00897B); font-size: 26px; } .sl-info__ic .sl-i { font-size: 26px; line-height: 1; } .sl-info__ic svg { width: 26px; height: 26px; } .sl-info__title { margin: 0 0 8px; color: var(--sl-ink, #040404); font-size: 16px; font-weight: 700; line-height: 24px; } .sl-info__line { margin: 0; color: var(--sl-muted, #828282); font-size: 14px; font-weight: 400; line-height: 24px; } .sl-info__line--strong { color: var(--sl-ink, #040404); font-weight: 600; } .sl-info__line a { color: inherit; } .sl-info__line a:hover { color: var(--sl-teal, #00897B); } .elementor-widget-sl_info_card { display: flex; } .elementor-widget-sl_info_card > .elementor-widget-container { flex: 1 1 auto; } .sl-formbox--card, .sl-mapbox--card { background: #fff; border: 1px solid #E4E8EC; border-radius: 20px; box-shadow: 0 1px 2px rgba(16, 24, 40, .04); } .sl-formbox--card { padding: 32px; min-height: 640px; } .sl-mapbox--card { padding: 16px; } .sl-formbox__head { margin-block-end: 24px; } .sl-formbox__title { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: 8px; margin: 0 0 16px; color: var(--sl-ink, #040404); font-size: 20px; font-weight: 800; line-height: 24px; letter-spacing: -.4px; } .sl-formbox__badge { display: grid; place-items: center; flex: none; width: 36px; height: 36px; color: var(--sl-teal, #00897B); font-size: 36px; } .sl-formbox__badge svg { width: 36px; height: 36px; } .sl-formbox__sub { margin: 0; color: var(--sl-muted, #828282); font-size: 14px; font-weight: 400; line-height: 24px; } .sl-formbox .sl-pageform__form { display: flex; flex-direction: column; } .sl-formbox .sl-pageform__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .sl-formbox .sl-pageform__form > .sl-field { margin-bottom: 24px; } .sl-mapbox .sl-geo { position: relative; } .sl-mapbox .sl-geo__address { display: none; } @media (max-width: 640px) { .sl-formbox .sl-pageform__row { grid-template-columns: 1fr; } .sl-formbox--card { padding: 20px; } }