.spadent-hero-slider {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
margin-block: 0;
margin-bottom: var(--spadent-block-margin-bottom, 0) !important;
margin-top: var(--spadent-block-margin-top, 0) !important;
max-width: 100vw;
overflow: visible;
padding-bottom: var(--spadent-block-padding-bottom, 0);
padding-top: var(--spadent-block-padding-top, 0);
width: 100vw;
}
.spadent-hero-slider--pull-top {
margin-top: calc(var(--spadent-block-margin-top, 0px) - 40px) !important;
}
.wd-entry-content > .spadent-hero-slider.spadent-hero-slider--pull-top,
.entry-content > .spadent-hero-slider.spadent-hero-slider--pull-top {
margin-top: calc(var(--spadent-block-margin-top, 0px) - 40px) !important;
}
.spadent-hero-slider .wd-carousel {
--wd-col: 1;
padding-block: 0;
}
.spadent-hero-slider .wd-nav-pagin-wrap {
bottom: 28px;
left: 0;
position: absolute;
right: 0;
z-index: 3;
}
.spadent-hero-slider__carousel {
overflow: visible;
position: relative;
}
.spadent-hero-slider .wd-carousel-inner {
overflow: visible;
}
.spadent-hero-slider .wd-carousel-wrap {
align-items: stretch;
}
.spadent-hero-slider .wd-carousel-item {
display: flex;
height: auto;
}
.spadent-hero-slider__nav {
z-index: 5;
}
.spadent-hero-slider__nav.wd-pos-sep .wd-prev {
inset-inline-end: auto;
inset-inline-start: clamp(18px, 3vw, 56px);
}
.spadent-hero-slider__nav.wd-pos-sep .wd-next {
inset-inline-end: clamp(18px, 3vw, 56px);
inset-inline-start: auto;
}
.spadent-hero-slide {
--spadent-hero-tile-radius: 16px;
--spadent-hero-tile-min-height: clamp(420px, 27.72vw, 538px);
background-color: #fff !important;
background-image: none !important;
background-position: var(--spadent-slide-bg-position, center center);
background-repeat: no-repeat;
background-size: var(--spadent-slide-bg-size, cover);
color: var(--spadent-slide-text, #333);
min-height: var(--spadent-hero-height, 495px);
position: relative;
}
.spadent-hero-slide__container {
align-items: stretch;
display: grid;
gap: 24px;
grid-auto-rows: minmax(var(--spadent-hero-tile-min-height), auto);
grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
grid-template-rows: minmax(var(--spadent-hero-tile-min-height), auto);
height: 100%;
min-height: var(--spadent-hero-height, 495px);
padding-block: 48px 76px;
position: relative;
width: 100%;
z-index: 2;
}
.spadent-hero-slide__content {
align-self: stretch;
background: #f3f5f8;
border-radius: var(--spadent-hero-tile-radius);
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
max-width: none;
min-height: var(--spadent-hero-tile-min-height);
min-width: 0;
padding: 30px 48px 48px;
}
.spadent-hero-slide__eyebrow {
color: var(--spadent-slide-accent, #8699b7);
font-size: clamp(18px, 2vw, 26px);
font-weight: 600;
line-height: 1.25;
margin: 0 0 14px;
}
.spadent-hero-slide__heading {
color: var(--spadent-slide-text, #333);
font-size: 50px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.16;
margin: 0;
}
.spadent-hero-slide__heading span,
.spadent-hero-slide__heading mark {
background: transparent;
color: var(--spadent-slide-accent, #8699b7);
padding: 0;
}
.spadent-hero-slide__text {
color: var(--spadent-slide-text, #333);
font-size: 20px;
line-height: 1.42;
margin-top: 32px;
max-width: 560px;
}
.spadent-hero-slide__text p {
margin: 0 0 12px;
}
.spadent-hero-slide__text p:last-child {
margin-bottom: 0;
}
.spadent-hero-slide__text ul {
display: grid;
gap: 11px;
list-style: none;
margin: 18px 0 0;
padding: 0;
}
.spadent-hero-slide__text li {
align-items: flex-start;
display: grid;
gap: 11px;
grid-template-columns: 24px minmax(0, 1fr);
line-height: 1.35;
margin: 0;
}
.spadent-hero-slide__text li::before {
background:
url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M9.55 17.7 4.7 12.85l1.8-1.8 3.05 3.05 7.95-7.95 1.8 1.8z'/%3E%3C/svg%3E") center / 16px 16px no-repeat,
linear-gradient(135deg, #445775 0%, #8699b7 100%);
border-radius: 999px;
content: "";
display: block;
height: 24px;
margin-top: .05em;
width: 24px;
}
.spadent-hero-slide__price {
align-items: baseline;
background: transparent;
border: 0;
border-radius: 0;
color: var(--wd-primary-color);
display: inline-flex;
font-size: inherit;
font-weight: 500;
letter-spacing: 0;
line-height: inherit;
margin: 0 4px;
padding: 0;
white-space: nowrap;
}
.spadent-hero-slide__button {
align-items: center;
align-self: flex-start;
background: linear-gradient(90deg, #445775 0%, #8699b7 50%, #445775 100%);
background-position: 0 0;
background-size: 200% 100%;
border-radius: 50px;
box-shadow: 0 18px 34px rgba(68, 87, 117, .24);
color: #fff;
display: inline-flex;
font-size: 16px;
font-weight: 700;
justify-content: center;
letter-spacing: .02em;
line-height: 1;
margin-top: 60px;
min-height: 58px;
min-width: 228px;
padding: 18px 34px;
text-align: center;
text-transform: uppercase;
transition: background-position .24s ease, box-shadow .2s ease, opacity .2s ease, transform .2s ease;
width: auto;
}
.spadent-hero-slide__button:hover,
.spadent-hero-slide__button:focus {
background-position: 100% 0;
box-shadow: 0 22px 40px rgba(68, 87, 117, .3);
color: #fff;
opacity: .95;
transform: translateY(-2px);
}
.spadent-hero-slide__media {
align-items: center;
align-self: stretch;
background: #eef2f6;
border-radius: var(--spadent-hero-tile-radius);
box-sizing: border-box;
display: flex;
height: 100%;
justify-content: center;
min-height: var(--spadent-hero-tile-min-height);
min-width: 0;
overflow: hidden;
padding-inline-start: 0;
position: relative;
}
.spadent-hero-slide__image {
aspect-ratio: auto;
border-radius: 0;
display: block !important;
height: 100% !important;
inset: 0;
max-width: none;
min-height: 0;
object-fit: cover !important;
object-position: center center !important;
opacity: 1;
position: absolute;
width: 100% !important;
}
.spadent-hero-slide__badge {
height: auto;
left: 0;
max-width: min(45%, 260px);
position: absolute;
top: 0;
transform: translate(-12%, -18%);
z-index: 2;
}
.spadent-hero-slider-placeholder {
background: #f5f7fa;
border: 1px dashed #b7c2d7;
color: #445775;
padding: 24px;
}
@media (max-width: 1024px) {
.spadent-hero-slide {
min-height: var(--spadent-hero-height-tablet, 500px);
}
.spadent-hero-slide__container {
grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
min-height: var(--spadent-hero-height-tablet, 500px);
padding-block: 42px 70px;
}
.spadent-hero-slide__text {
margin-top: 24px;
}
.spadent-hero-slide__image {
min-height: 0;
}
}
@media (max-width: 768px) {
.spadent-hero-slider {
margin-bottom: var(--spadent-block-margin-bottom-mobile, var(--spadent-block-margin-bottom, 0)) !important;
margin-top: var(--spadent-block-margin-top-mobile, var(--spadent-block-margin-top, 0)) !important;
padding-bottom: var(--spadent-block-padding-bottom-mobile, var(--spadent-block-padding-bottom, 0));
padding-top: var(--spadent-block-padding-top-mobile, var(--spadent-block-padding-top, 0));
}
.spadent-hero-slider--pull-top {
margin-top: calc(var(--spadent-block-margin-top-mobile, var(--spadent-block-margin-top, 0px)) - 40px) !important;
}
.spadent-hero-slider__nav.wd-pos-sep .wd-prev {
inset-inline-start: 8px;
}
.spadent-hero-slider__nav.wd-pos-sep .wd-next {
inset-inline-end: 8px;
}
.spadent-hero-slide {
min-height: 0;
}
.spadent-hero-slide__container {
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 0;
padding-block: 24px 54px;
text-align: left;
}
.spadent-hero-slide__content {
align-self: auto;
height: auto;
max-width: 100%;
min-height: 0;
padding: 24px;
}
.spadent-hero-slide__heading {
font-size: 32px;
}
.spadent-hero-slide__text {
font-size: 16px;
margin-top: 22px;
}
.spadent-hero-slide__button {
align-self: flex-start;
margin-top: 20px;
min-height: 54px;
min-width: 210px;
padding: 17px 28px;
width: auto !important;
}
.spadent-hero-slide__media {
align-self: auto;
aspect-ratio: 1 / 1;
background-size: cover;
height: auto;
margin-top: 0;
min-height: 0;
padding-inline-start: 0;
overflow: hidden;
width: 100%;
}
.spadent-hero-slide__image {
aspect-ratio: 1 / 1;
display: block !important;
height: 100% !important;
inset: 0;
max-height: none;
max-width: 100%;
min-height: 0;
object-fit: cover;
opacity: 1;
position: absolute;
}
.spadent-hero-slide__badge {
max-width: 140px;
transform: translate(0, -22%);
}
}.spadent-problem-tabs {
background: #fff;
margin-block: 0;
margin-bottom: var(--spadent-block-margin-bottom, 0) !important;
margin-top: var(--spadent-block-margin-top, 0) !important;
padding-bottom: var(--spadent-block-padding-bottom, 58px);
padding-top: var(--spadent-block-padding-top, 80px);
position: relative;
}
.spadent-video-lightbox-open {
overflow: hidden;
}
.spadent-problem-tabs__container {
position: relative;
}
.spadent-problem-tabs__header {
min-height: 215px;
position: relative;
z-index: 2;
}
.spadent-problem-tabs__header-copy {
max-width: 560px;
position: relative;
z-index: 3;
}
.spadent-problem-tabs__eyebrow {
color: #8699b7;
font-size: 16px;
font-weight: 500;
line-height: 1;
margin: 0 0 28px;
}
.spadent-problem-tabs__heading {
color: #333;
font-size: clamp(34px, 3.9vw, 48px);
font-weight: 700;
letter-spacing: 0;
line-height: 1.05;
margin: 0 0 28px;
}
.spadent-problem-tabs__intro {
color: rgba(88, 88, 88, .72);
font-size: 16px;
line-height: 1.4;
max-width: 390px;
}
.spadent-problem-tabs__intro p {
margin: 0;
}
.spadent-problem-tabs__top-decor {
pointer-events: none;
position: absolute;
right: max(-155px, calc((var(--wd-container-w, 1222px) - 100vw) / 2 - 70px));
top: -48px;
width: min(42vw, 505px);
z-index: 1;
}
.spadent-problem-tabs__top-image {
display: block;
height: auto;
width: 100%;
}
.spadent-problem-tabs__back-word {
left: 34%;
pointer-events: none;
position: absolute;
right: -16%;
top: 174px;
z-index: 0;
}
.spadent-problem-tabs__back-image {
display: block;
height: auto;
opacity: .7;
width: 100%;
}
.spadent-problem-tabs__mobile-decor {
display: none;
}
.spadent-problem-tabs__nav-viewport {
cursor: grab;
margin: 20px 0 0;
overflow-x: auto;
overflow-y: hidden;
overscroll-behavior-x: contain;
padding: 0 0 48px;
position: relative;
scroll-behavior: smooth;
scrollbar-width: none;
touch-action: pan-x;
transition: mask-image .2s ease, -webkit-mask-image .2s ease;
z-index: 3;
}
.spadent-problem-tabs__nav-viewport.is-scrollable:not(.is-end) {
-webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 95px), rgba(0, 0, 0, .18) calc(100% - 32px), transparent 100%);
mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 95px), rgba(0, 0, 0, .18) calc(100% - 32px), transparent 100%);
}
.spadent-problem-tabs__nav-viewport.is-scrollable:not(.is-start) {
-webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .18) 32px, #000 95px, #000 100%);
mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .18) 32px, #000 95px, #000 100%);
}
.spadent-problem-tabs__nav-viewport.is-scrollable:not(.is-start):not(.is-end) {
-webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .18) 32px, #000 95px, #000 calc(100% - 95px), rgba(0, 0, 0, .18) calc(100% - 32px), transparent 100%);
mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .18) 32px, #000 95px, #000 calc(100% - 95px), rgba(0, 0, 0, .18) calc(100% - 32px), transparent 100%);
}
.spadent-problem-tabs__nav-viewport.is-dragging {
cursor: grabbing;
scroll-behavior: auto;
user-select: none;
}
.spadent-problem-tabs__nav-viewport::-webkit-scrollbar {
display: none;
}
.spadent-problem-tabs__nav {
align-items: center;
display: flex;
gap: 12px;
min-width: max-content;
scroll-snap-type: x proximity;
}
.spadent-problem-tabs__tab {
appearance: none;
background: #fff;
border: 0;
border-radius: 10px;
color: var(--wd-text-color);
cursor: pointer;
flex: 0 0 auto;
font-size: var(--wd-text-font-size);
font-weight: 500;
line-height: 1;
margin: 0;
padding: 20px;
scroll-snap-align: start;
text-align: left;
text-transform: inherit;
transition: background .2s ease, color .2s ease, opacity .2s ease;
white-space: nowrap;
}
.spadent-problem-tabs__tab:hover,
.spadent-problem-tabs__tab:focus-visible {
color: #445775;
outline: none;
}
.spadent-problem-tabs__tab.is-active {
background: linear-gradient(90deg, #445775 0%, #8699b7 100%);
color: #fff;
}
.spadent-problem-tabs__panels {
position: relative;
z-index: 2;
}
.spadent-problem-tabs__panel {
align-items: center;
display: grid;
gap: clamp(34px, 5vw, 70px);
grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
min-height: 420px;
}
.spadent-problem-tabs__panel[hidden] {
display: none;
}
.spadent-problem-tabs__panel-copy {
max-width: 850px;
}
.spadent-problem-tabs__content {
color: var(--wd-text-color);
font-size: var(--wd-text-font-size);
line-height: 1.5;
}
.spadent-problem-tabs__content p {
margin: 0 0 22px;
}
.spadent-problem-tabs__content p:last-child {
margin-bottom: 0;
}
.spadent-problem-tabs__content a {
color: inherit;
text-decoration: none;
}
.spadent-problem-tabs__content a[href^="tel:"] {
color: var(--wd-primary-color);
font-weight: 700;
}
.spadent-problem-tabs__link {
color: #8699b7;
display: inline-flex;
font-size: 16px;
font-weight: 600;
line-height: 1.1;
margin-top: 18px;
text-decoration: underline;
text-underline-offset: 2px;
}
.spadent-problem-tabs__link:hover,
.spadent-problem-tabs__link:focus {
color: #445775;
}
.spadent-problem-tabs__panel-media {
align-items: center;
display: flex;
justify-content: flex-end;
}
.spadent-problem-tabs__media-frame,
.spadent-problem-tabs__video {
aspect-ratio: 4 / 5;
border: 0;
border-radius: 30px;
display: block;
margin: 0;
max-height: 420px;
overflow: hidden;
padding: 0;
position: relative;
width: min(100%, 320px);
}
.spadent-problem-tabs__video {
background: #1e1e1e;
cursor: pointer;
}
.spadent-problem-tabs__media-image {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.spadent-problem-tabs__media-image img,
img.spadent-problem-tabs__media-image {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.spadent-problem-tabs__play {
align-items: center;
background: rgba(255, 255, 255, .84);
border: 5px solid rgba(255, 255, 255, .95);
border-radius: 999px;
box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
display: flex;
height: 74px;
justify-content: center;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: transform .2s ease, background .2s ease;
width: 74px;
}
.spadent-problem-tabs__play::before {
border-bottom: 14px solid transparent;
border-left: 20px solid #445775;
border-top: 14px solid transparent;
content: "";
display: block;
margin-left: 5px;
}
.spadent-problem-tabs__video:hover .spadent-problem-tabs__play,
.spadent-problem-tabs__video:focus-visible .spadent-problem-tabs__play {
background: #fff;
transform: translate(-50%, -50%) scale(1.06);
}
.spadent-problem-tabs__lightbox {
align-items: center;
background: rgba(24, 30, 42, .72);
inset: 0;
justify-content: center;
padding: 24px;
position: fixed;
z-index: 10000;
}
.spadent-problem-tabs__lightbox:not([hidden]) {
display: flex;
}
.spadent-problem-tabs__lightbox-dialog {
aspect-ratio: 16 / 9;
background: #000;
border-radius: 20px;
box-shadow: 0 30px 90px rgba(0, 0, 0, .36);
max-height: 82vh;
max-width: 1040px;
overflow: hidden;
position: relative;
width: min(100%, 1040px);
}
.spadent-problem-tabs__lightbox-dialog iframe,
.spadent-problem-tabs__lightbox-dialog video {
border: 0;
display: block;
height: 100%;
width: 100%;
}
.spadent-problem-tabs__lightbox-close {
background: #fff;
border: 0;
border-radius: 999px;
cursor: pointer;
height: 44px;
position: fixed;
right: 24px;
top: 24px;
width: 44px;
z-index: 1;
}
.spadent-problem-tabs__lightbox-close::before,
.spadent-problem-tabs__lightbox-close::after {
background: #445775;
content: "";
height: 2px;
left: 12px;
position: absolute;
top: 21px;
width: 20px;
}
.spadent-problem-tabs__lightbox-close::before {
transform: rotate(45deg);
}
.spadent-problem-tabs__lightbox-close::after {
transform: rotate(-45deg);
}
@media (max-width: 1024px) {
.spadent-problem-tabs__header {
min-height: 190px;
}
.spadent-problem-tabs__top-decor {
opacity: .78;
right: -165px;
width: 430px;
}
.spadent-problem-tabs__back-word {
left: 28%;
top: 165px;
}
.spadent-problem-tabs__panel {
grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
}
}
@media (max-width: 767px) {
.spadent-problem-tabs {
margin-bottom: var(--spadent-block-margin-bottom-mobile, var(--spadent-block-margin-bottom, 0)) !important;
margin-top: var(--spadent-block-margin-top-mobile, var(--spadent-block-margin-top, 0)) !important;
padding-bottom: var(--spadent-block-padding-bottom-mobile, var(--spadent-block-padding-bottom, 42px));
padding-top: var(--spadent-block-padding-top-mobile, var(--spadent-block-padding-top, 46px));
}
.spadent-problem-tabs__header {
min-height: 0;
}
.spadent-problem-tabs__header-copy {
max-width: 100%;
}
.spadent-problem-tabs__eyebrow {
margin-bottom: 18px;
}
.spadent-problem-tabs__heading {
font-size: clamp(30px, 10vw, 42px);
margin-bottom: 20px;
}
.spadent-problem-tabs__intro {
font-size: 15px;
max-width: 100%;
}
.spadent-problem-tabs__top-decor,
.spadent-problem-tabs__back-word {
display: none;
}
.spadent-problem-tabs__mobile-decor {
display: block;
margin: 16px 0 -20px auto;
max-width: 48px;
opacity: .36;
pointer-events: none;
}
.spadent-problem-tabs__mobile-image {
display: block;
height: auto;
width: 100%;
}
.spadent-problem-tabs__nav-viewport {
margin-left: -15px;
margin-right: -15px;
padding: 2px 15px 30px;
}
.spadent-problem-tabs__nav-viewport.is-scrollable:not(.is-start),
.spadent-problem-tabs__nav-viewport.is-scrollable:not(.is-end),
.spadent-problem-tabs__nav-viewport.is-scrollable:not(.is-start):not(.is-end) {
-webkit-mask-image: none;
mask-image: none;
}
.spadent-problem-tabs__nav {
gap: 10px;
}
.spadent-problem-tabs__tab {
font-size: var(--wd-text-font-size);
padding: 16px 18px;
}
.spadent-problem-tabs__panel {
display: flex;
flex-direction: column;
gap: 26px;
min-height: 0;
}
.spadent-problem-tabs__panel-copy {
max-width: 100%;
order: 1;
}
.spadent-problem-tabs__panel-media {
justify-content: center;
order: 2;
width: 100%;
}
.spadent-problem-tabs__media-frame,
.spadent-problem-tabs__video {
max-height: none;
width: min(100%, 330px);
}
.spadent-problem-tabs__lightbox {
padding: 16px;
}
.spadent-problem-tabs__lightbox-close {
right: 14px;
top: 14px;
}
}.spadent-team-cta {
background: #fff;
margin-block: 0;
margin-bottom: var(--spadent-block-margin-bottom, 0) !important;
margin-top: var(--spadent-block-margin-top, 0) !important;
overflow: visible;
padding-bottom: var(--spadent-block-padding-bottom, 50px);
padding-top: var(--spadent-block-padding-top, 80px);
}
.spadent-team-cta *,
.spadent-team-cta *::before,
.spadent-team-cta *::after {
box-sizing: border-box;
}
.spadent-team-cta__container {
position: relative;
}
.spadent-team-cta__media {
border-radius: clamp(22px, 2.2vw, 34px);
overflow: visible;
position: relative;
touch-action: pan-y;
}
.spadent-team-cta__inner {
overflow: visible;
position: relative;
}
.spadent-team-cta__fade-viewport {
border-radius: clamp(22px, 2.2vw, 34px);
cursor: grab;
overflow: hidden;
position: relative;
touch-action: pan-y;
user-select: none;
}
.spadent-team-cta__fade-viewport.is-dragging {
cursor: grabbing;
}
.spadent-team-cta__slide {
opacity: 0;
pointer-events: none;
transition: opacity 1.2s ease-in-out;
z-index: 1;
}
.spadent-team-cta__slide:first-child {
position: relative;
}
.spadent-team-cta__slide:not(:first-child) {
inset: 0;
position: absolute;
}
.spadent-team-cta__slide.is-active {
opacity: 1;
pointer-events: auto;
z-index: 2;
}
.spadent-team-cta__image {
display: block;
height: auto;
object-fit: contain;
object-position: center;
pointer-events: none;
user-select: none;
width: 100%;
}
.spadent-team-cta__nav {
z-index: 5;
}
.spadent-team-cta__card {
background-color: #fff;
background-image: var(--spadent-team-card-bg, none);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
box-shadow: 0 0 35px rgba(141, 141, 141, .28);
margin: -160px auto 0;
max-width: 768px;
padding: 35px;
position: relative;
text-align: center;
z-index: 3;
}
.spadent-team-cta__heading {
color: #333;
font-family: var(--wd-title-font);
font-size: 27px;
font-weight: 700;
letter-spacing: 0;
line-height: 1.1;
margin: 0 0 16px;
}
.spadent-team-cta__heading span,
.spadent-team-cta__heading mark {
background: transparent;
color: #8699b7;
padding: 0;
}
.spadent-team-cta__subheading {
color: #333;
font-family: var(--wd-title-font);
font-size: 27px;
font-weight: 700;
letter-spacing: 0;
line-height: 1.1;
margin: 0 0 20px;
}
.spadent-team-cta__text {
color: #3d3d3d;
font-family: var(--wd-text-font);
font-size: 16px;
font-weight: 400;
line-height: 1.4;
margin: 0 24px 30px 0;
max-width: none;
}
.spadent-team-cta__text p {
margin: 0;
}
.spadent-team-cta__button {
align-items: center;
background: linear-gradient(90deg, #445775 0%, #8699b7 100%);
border-radius: 50px;
box-shadow: 0 18px 36px rgba(68, 87, 117, .2);
color: #fff;
display: inline-flex;
font-family: inherit;
font-size: 16px;
font-weight: 500;
justify-content: center;
letter-spacing: .02em;
line-height: 1;
padding: 16px 42px;
text-decoration: none;
text-transform: uppercase;
transition: opacity .2s ease, transform .2s ease;
}
.spadent-team-cta__button:hover,
.spadent-team-cta__button:focus {
background: linear-gradient(90deg, #8699b7 0%, #445775 100%);
color: #fff;
opacity: .92;
transform: translateY(-1px);
}
@media (max-width: 1024px) {
.spadent-team-cta__card {
margin: -96px 30px 0;
max-width: none;
}
}
@media (max-width: 767px) {
.spadent-team-cta {
margin-bottom: var(--spadent-block-margin-bottom-mobile, var(--spadent-block-margin-bottom, 0)) !important;
margin-top: var(--spadent-block-margin-top-mobile, var(--spadent-block-margin-top, 0)) !important;
padding-bottom: var(--spadent-block-padding-bottom-mobile, var(--spadent-block-padding-bottom, 60px));
padding-top: var(--spadent-block-padding-top-mobile, var(--spadent-block-padding-top, 60px));
}
.spadent-team-cta .spadent-team-cta__container {
width: 100%;
}
.spadent-team-cta__media {
border-radius: 20px;
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px);
}
.spadent-team-cta__fade-viewport {
border-radius: 20px;
}
.spadent-team-cta__image {
display: block;
height: auto !important;
object-fit: contain;
object-position: center;
width: 100%;
}
.spadent-team-cta__card {
border-radius: 20px;
margin: -8px 0 0;
padding: 30px 10px;
}
.spadent-team-cta__heading,
.spadent-team-cta__subheading {
font-size: 20px;
}
.spadent-team-cta__subheading {
margin-bottom: 16px;
}
.spadent-team-cta__text {
font-size: 15px;
line-height: 1.6;
margin: 0 10px 20px;
}
.spadent-team-cta__button {
font-size: 14px;
padding: 16px 28px;
}
}.spadent-approach-principles {
background: #fff;
left: 50%;
margin-block: 0;
margin-bottom: var(--spadent-block-margin-bottom, 0) !important;
margin-left: -50vw;
margin-right: -50vw;
margin-top: var(--spadent-block-margin-top, 0) !important;
overflow: hidden;
padding-bottom: var(--spadent-block-padding-bottom, 52px);
padding-top: var(--spadent-block-padding-top, 96px);
position: relative;
width: 100vw;
}
.spadent-approach-principles *,
.spadent-approach-principles *::before,
.spadent-approach-principles *::after {
box-sizing: border-box;
}
.spadent-approach-principles__decor {
display: block;
height: auto;
left: 50%;
max-width: none;
pointer-events: none;
position: absolute;
top: 64px;
transform: translateX(-50%);
width: 100vw;
z-index: 1;
}
.spadent-approach-principles__container {
position: relative;
z-index: 2;
}
.spadent-approach-principles__header {
margin: 0 auto;
max-width: 860px;
position: relative;
text-align: center;
z-index: 3;
}
.spadent-approach-principles__eyebrow {
color: #8699b7;
font-family: var(--wd-text-font);
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.25;
margin: 0 0 20px;
}
.spadent-approach-principles__heading {
color: #333;
display: block;
font-family: var(--wd-title-font);
font-size: 48px;
font-weight: 700;
letter-spacing: 0;
line-height: 1.1;
margin: 0;
position: relative;
z-index: 2;
}
.spadent-approach-principles__word {
display: block;
height: auto;
left: 50%;
max-width: none;
opacity: 1;
pointer-events: none;
position: absolute;
top: 52px;
transform: translateX(-50%);
width: min(68vw, 877px);
z-index: 1;
}
.spadent-approach-principles__text {
color: rgba(88, 88, 88, .72);
font-family: var(--wd-text-font);
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
line-height: 1.4;
margin: 28px auto 0;
max-width: 700px;
position: relative;
z-index: 2;
}
.spadent-approach-principles__cards {
display: grid;
gap: 38px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 26px auto 0;
max-width: 995px;
position: relative;
z-index: 3;
}
.spadent-approach-principles__item {
min-width: 0;
padding-top: 58px;
position: relative;
text-align: center;
}
.spadent-approach-principles__number {
align-items: center;
display: flex;
height: 130px;
justify-content: center;
margin: 0 auto;
pointer-events: none;
position: relative;
z-index: 1;
}
.spadent-approach-principles__number img {
display: block;
height: 130px;
max-width: none;
width: auto;
}
.spadent-approach-principles__number--text {
color: rgba(134, 153, 183, .1);
font-family: var(--wd-title-font);
font-size: 118px;
font-weight: 700;
letter-spacing: 0;
line-height: 1;
}
.spadent-approach-principles__card {
background: #fefefe;
border-radius: 30px;
box-shadow: 0 30px 80px rgba(51, 51, 51, .12);
display: flex;
flex-direction: column;
height: 220px;
justify-content: flex-start;
margin: -65px 10px 0;
padding: 20px;
position: relative;
z-index: 2;
}
.spadent-approach-principles__card-title {
color: #333;
font-family: var(--wd-title-font);
font-size: 24px;
font-weight: 700;
letter-spacing: 0;
line-height: 1.2;
margin: 0 0 6px;
}
.spadent-approach-principles__card-text {
color: #5f5f5f;
font-family: var(--wd-text-font);
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
line-height: 1.75;
margin: auto 0 0;
}
.spadent-approach-principles__card-text span {
color: #8699b7;
}
@media (max-width: 1199px) {
.spadent-approach-principles__cards {
gap: 24px;
max-width: 930px;
}
}
@media (max-width: 1439px) {
.spadent-approach-principles__decor {
display: none;
}
}
@media (max-width: 1024px) {
.spadent-approach-principles__heading {
font-size: 42px;
}
.spadent-approach-principles__word {
width: min(82vw, 760px);
}
.spadent-approach-principles__cards {
gap: 18px;
}
.spadent-approach-principles__card {
height: auto;
margin-inline: 0;
min-height: 210px;
}
.spadent-approach-principles__card-text {
margin-top: 0;
}
}
@media (max-width: 767px) {
.spadent-approach-principles {
margin-bottom: var(--spadent-block-margin-bottom-mobile, var(--spadent-block-margin-bottom, 0)) !important;
margin-top: var(--spadent-block-margin-top-mobile, var(--spadent-block-margin-top, 0)) !important;
padding-bottom: var(--spadent-block-padding-bottom-mobile, var(--spadent-block-padding-bottom, 46px));
padding-top: var(--spadent-block-padding-top-mobile, var(--spadent-block-padding-top, 58px));
}
.spadent-approach-principles__header {
max-width: 100%;
padding-inline: 10px;
}
.spadent-approach-principles__eyebrow {
font-size: 15px;
margin-bottom: 14px;
}
.spadent-approach-principles__heading {
font-size: 30px;
}
.spadent-approach-principles__word {
max-width: none;
top: 38px;
width: 106%;
}
.spadent-approach-principles__text {
font-size: 14px;
margin-top: 22px;
max-width: 330px;
}
.spadent-approach-principles__cards {
gap: 18px;
grid-template-columns: 1fr;
margin-top: 28px;
max-width: 330px;
}
.spadent-approach-principles__item {
padding-top: 32px;
}
.spadent-approach-principles__number {
height: 104px;
}
.spadent-approach-principles__number img {
height: 104px;
}
.spadent-approach-principles__number--text {
font-size: 92px;
}
.spadent-approach-principles__card {
margin-top: -66px;
min-height: auto;
padding: 20px;
}
.spadent-approach-principles__card-title {
font-size: 22px;
}
.spadent-approach-principles__card-text {
font-size: 15px;
line-height: 1.65;
}
}.spadent-doctors-archive {
background: #fff;
color: var(--wd-text-color);
font-family: var(--wd-text-font);
}
.spadent-doctors-archive__header {
padding: 34px 0 22px;
}
.spadent-doctors-archive__intro h1 {
margin: 0;
color: var(--wd-title-color, #182234);
font-family: var(--wd-title-font);
font-size: clamp(36px, 4.6vw, 64px);
font-weight: 500;
line-height: 1.08;
letter-spacing: 0;
}
.spadent-doctors-archive__body {
padding: 0 0 82px;
}
.spadent-doctors-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 34px;
}
.spadent-doctors-tabs .wd-nav > li > a {
text-transform: inherit;
font-weight: 500;
font-size: 20px;
}
.spadent-doctors-ajax {
position: relative;
min-height: 360px;
}
.spadent-doctors-ajax.is-loading {
opacity: .58;
pointer-events: none;
}
.spadent-doctors-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
align-items: stretch;
}
.spadent-doctor-card {
position: relative;
display: flex;
min-width: 0;
min-height: 560px;
border-radius: 28px;
background: #eef2f6;
overflow: hidden;
isolation: isolate;
}
.spadent-doctor-card__media {
position: absolute;
inset: 0;
display: block;
background: #eef2f6;
overflow: hidden;
}
.spadent-doctor-card__image {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
transition: opacity .65s cubic-bezier(.19, 1, .22, 1), transform .75s ease;
}
.spadent-doctor-card__image img,
.spadent-doctor-card__image picture,
img.spadent-doctor-card__image,
picture.spadent-doctor-card__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
transition: opacity .65s cubic-bezier(.19, 1, .22, 1), transform .75s ease;
}
.spadent-doctor-card__image--hover {
opacity: 0;
}
.spadent-doctor-card__feature-label {
position: absolute;
z-index: 2;
top: 18px;
left: 18px;
display: inline-flex;
align-items: center;
min-height: 36px;
max-width: calc(100% - 36px);
padding: 8px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, .94);
box-shadow: 0 12px 28px rgba(24, 34, 52, .12);
color: #445775;
font-size: 14px;
font-weight: 700;
line-height: 1.15;
}
.spadent-doctor-card--hover-loaded:not(.spadent-doctor-card--disabled):hover .spadent-doctor-card__image--primary,
.spadent-doctor-card--hover-loaded:not(.spadent-doctor-card--disabled):focus-within .spadent-doctor-card__image--primary {
opacity: 0;
transform: scale(1.025);
}
.spadent-doctor-card--hover-loaded:not(.spadent-doctor-card--disabled):hover .spadent-doctor-card__image--hover,
.spadent-doctor-card--hover-loaded:not(.spadent-doctor-card--disabled):focus-within .spadent-doctor-card__image--hover {
opacity: 1;
transform: scale(1.025);
}
.spadent-doctor-card__panel {
position: relative;
z-index: 1;
display: flex;
align-self: flex-end;
flex-direction: column;
gap: 0;
width: calc(100% - 56px);
margin: 0 20px 20px;
padding: 20px;
border-radius: 18px;
background: #fff;
box-shadow: 0 18px 36px rgba(24, 34, 52, .08);
}
.spadent-doctor-card__copy {
display: grid;
gap: 12px;
}
.spadent-doctor-card h2 {
margin: 0;
color: #111827;
font-family: var(--wd-title-font);
font-size: 18px;
font-weight: 600;
line-height: 1.15;
letter-spacing: 0;
}
.spadent-doctor-card h2 a {
color: inherit;
}
.spadent-doctor-card__position {
margin: 0;
color: #656e79;
font-size: 16px;
line-height: 1.45;
}
.spadent-doctor-card__position span {
display: block;
}
.spadent-doctor-card__actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
max-height: 0;
margin-top: 0;
opacity: 0;
overflow: visible;
transform: translateY(8px);
pointer-events: none;
transition: max-height .2s ease, margin-top .2s ease, opacity .2s ease, transform .2s ease;
}
.spadent-doctor-card:not(.spadent-doctor-card--disabled):hover .spadent-doctor-card__actions,
.spadent-doctor-card:not(.spadent-doctor-card--disabled):focus-within .spadent-doctor-card__actions {
max-height: 50px;
margin-top: 18px;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.spadent-doctor-card__experience {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 8px 14px;
border-radius: 999px;
background: #f0f4fa;
color: #445775;
font-size: 15px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
}
.spadent-doctor-card__arrow {
position: relative;
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: #fff;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07);
transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.spadent-doctor-card__arrow::before {
content: "";
width: 15px;
height: 15px;
background: #656e79;
clip-path: polygon(20% 46%, 64% 46%, 47% 29%, 55% 21%, 86% 52%, 55% 83%, 47% 75%, 64% 58%, 20% 58%);
transform: rotate(-45deg);
transition: background-color .2s ease;
}
.spadent-doctor-card:not(.spadent-doctor-card--disabled):hover .spadent-doctor-card__arrow,
.spadent-doctor-card:not(.spadent-doctor-card--disabled):focus-within .spadent-doctor-card__arrow {
background: var(--wd-primary-color);
box-shadow: none;
transform: translate(1px, -1px);
}
.spadent-doctor-card:not(.spadent-doctor-card--disabled):hover .spadent-doctor-card__arrow::before,
.spadent-doctor-card:not(.spadent-doctor-card--disabled):focus-within .spadent-doctor-card__arrow::before {
background: #fff;
}
.spadent-doctors-pagination {
margin-top: 42px;
text-align: center;
}
.spadent-doctors-pagination nav.wd-pagination li .page-numbers {
border-radius: 12px;
}
.spadent-doctors-archive__empty {
margin: 0;
color: #5e6d80;
font-size: 18px;
line-height: 1.5;
}
@media (max-width: 1199px) {
.spadent-doctors-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.spadent-doctor-card {
min-height: 530px;
}
}
@media (max-width: 767px) {
.spadent-doctors-archive__header {
padding-top: 24px;
}
.spadent-doctors-archive__body {
padding-bottom: 58px;
}
.spadent-doctors-toolbar {
margin-bottom: 24px;
}
.spadent-doctors-tabs .wd-nav > li > a {
font-size: 16px;
}
.spadent-doctors-grid {
grid-template-columns: 1fr;
gap: 22px;
}
.spadent-doctor-card {
min-height: 500px;
border-radius: 22px;
}
.spadent-doctor-card__panel {
width: calc(100% - 32px);
margin: 0 16px 16px;
padding: 20px;
border-radius: 16px;
}
}
@media (max-width: 420px) {
.spadent-doctor-card {
min-height: 470px;
}
.spadent-doctor-card__actions {
align-items: flex-start;
}
.spadent-doctor-card__experience {
white-space: normal;
}
}.spadent-home-doctors {
position: relative;
background: #fff;
color: var(--wd-text-color);
margin-bottom: var(--spadent-block-margin-bottom, 0) !important;
margin-top: var(--spadent-block-margin-top, 0) !important;
overflow: visible;
padding-bottom: var(--spadent-block-padding-bottom, 108px);
padding-top: var(--spadent-block-padding-top, 96px);
}
.spadent-home-doctors__container {
position: relative;
}
.spadent-home-doctors__header {
position: relative;
z-index: 1;
max-width: 880px;
margin: 0 auto 38px;
text-align: center;
}
.spadent-home-doctors__decor {
position: absolute;
top: 52%;
left: 50%;
z-index: -1;
display: block;
width: min(1280px, calc(100vw - 30px));
height: clamp(78px, 10.7vw, 180px);
background: url(https://az-front.skylabdev.ru/wp-content/uploads/2021/03/specialisty.svg) center / contain no-repeat;
color: transparent;
font-size: 0;
white-space: nowrap;
opacity: .72;
pointer-events: none;
transform: translate(-50%, -50%);
}
.spadent-home-doctors__eyebrow {
margin: 0 0 18px;
color: var(--wd-primary-color);
font-size: 18px;
font-weight: 600;
line-height: 1.3;
}
.spadent-home-doctors__title {
margin: 0;
color: #303030;
font-family: var(--wd-title-font);
font-size: clamp(36px, 4vw, 58px);
font-weight: 700;
line-height: 1.12;
letter-spacing: 0;
}
.spadent-home-doctors__text {
max-width: 780px;
margin: 24px auto 0;
color: #8a8f97;
font-size: 20px;
line-height: 1.35;
}
.spadent-home-doctors .spadent-home-doctors__toolbar {
justify-content: center;
margin: 0 0 34px;
}
.spadent-home-doctors .spadent-home-doctors__tabs .wd-nav {
justify-content: center;
}
.spadent-home-doctors__results {
position: relative;
min-height: 560px;
}
.spadent-home-doctors__results.is-loading {
opacity: .58;
pointer-events: none;
}
.spadent-home-doctors__carousel {
--wd-width: 100%;
}
.spadent-home-doctors .wd-carousel-inner {
padding: 2px 0;
overflow: visible;
}
.spadent-home-doctors__slide {
height: auto;
}
.spadent-home-doctors__slide > .spadent-doctor-card {
height: 100%;
}
.spadent-home-doctors .spadent-doctor-card {
min-height: 560px;
}
.spadent-home-doctors__pagination {
margin-top: 24px;
}
.spadent-home-doctors__empty {
margin: 0;
color: #5e6d80;
font-size: 18px;
line-height: 1.5;
text-align: center;
}
@media (max-width: 1024px) {
.spadent-home-doctors__text {
font-size: 18px;
}
}
@media (max-width: 767px) {
.spadent-home-doctors {
margin-bottom: var(--spadent-block-margin-bottom-mobile, var(--spadent-block-margin-bottom, 0)) !important;
margin-top: var(--spadent-block-margin-top-mobile, var(--spadent-block-margin-top, 0)) !important;
padding-bottom: var(--spadent-block-padding-bottom-mobile, var(--spadent-block-padding-bottom, 68px));
padding-top: var(--spadent-block-padding-top-mobile, var(--spadent-block-padding-top, 58px));
}
.spadent-home-doctors__header {
margin-bottom: 28px;
}
.spadent-home-doctors__decor {
width: min(100%, calc(100vw - 30px));
height: 70px;
}
.spadent-home-doctors__eyebrow {
margin-bottom: 12px;
font-size: 16px;
}
.spadent-home-doctors__text {
margin-top: 16px;
font-size: 16px;
}
.spadent-home-doctors__toolbar {
margin-bottom: 24px;
}
.spadent-home-doctors__results {
min-height: 500px;
}
.spadent-home-doctors .spadent-doctor-card {
min-height: 500px;
}
}.spadent-clinic-rating {
background: #fff;
color: var(--wd-text-color);
margin-bottom: var(--spadent-block-margin-bottom, 0) !important;
margin-top: var(--spadent-block-margin-top, 0) !important;
overflow: hidden;
padding-bottom: var(--spadent-block-padding-bottom, 80px);
padding-top: var(--spadent-block-padding-top, 72px);
}
.spadent-clinic-rating__header {
margin: 0 auto 48px;
max-width: 980px;
text-align: center;
}
.spadent-clinic-rating__title {
color: var(--wd-title-color, #303030);
font-size: clamp(38px, 4vw, 58px);
font-weight: 700;
letter-spacing: 0;
line-height: 1.12;
margin: 0;
}
.spadent-clinic-rating__text {
color: #7f8791;
font-size: 20px;
line-height: 1.4;
margin: 26px 0 0;
}
.spadent-clinic-rating__grid {
border: 1px solid rgba(134, 153, 183, .28);
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.spadent-clinic-rating__item {
align-items: center;
border-left: 1px solid rgba(134, 153, 183, .28);
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 304px;
padding: 42px 28px 38px;
text-align: center;
}
.spadent-clinic-rating__item:first-child {
border-left: 0;
}
.spadent-clinic-rating__logo {
align-items: center;
display: flex;
height: 70px;
justify-content: center;
margin-bottom: 18px;
width: 100%;
}
.spadent-clinic-rating__logo-image {
display: block;
height: auto;
max-height: 58px;
max-width: min(190px, 80%);
object-fit: contain;
width: auto;
}
.spadent-clinic-rating__logo-text {
color: var(--wd-title-color, #303030);
font-size: 34px;
font-weight: 700;
line-height: 1;
}
.spadent-clinic-rating__site {
color: var(--wd-primary-color);
font-size: 20px;
line-height: 1.35;
margin: 0;
opacity: .78;
}
.spadent-clinic-rating__score {
margin-top: auto;
padding-top: 48px;
}
.spadent-clinic-rating__label {
color: var(--wd-primary-color);
display: block;
font-size: 18px;
line-height: 1.25;
margin-bottom: 6px;
opacity: .72;
}
.spadent-clinic-rating__score strong {
color: #000;
display: block;
font-size: 42px;
font-weight: 700;
letter-spacing: 0;
line-height: 1;
}
@media (max-width: 1024px) {
.spadent-clinic-rating__header {
margin-bottom: 40px;
}
.spadent-clinic-rating__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.spadent-clinic-rating__item:nth-child(odd) {
border-left: 0;
}
.spadent-clinic-rating__item:nth-child(n + 3) {
border-top: 1px solid rgba(134, 153, 183, .28);
}
}
@media (max-width: 767px) {
.spadent-clinic-rating {
margin-bottom: var(--spadent-block-margin-bottom-mobile, var(--spadent-block-margin-bottom, 0)) !important;
margin-top: var(--spadent-block-margin-top-mobile, var(--spadent-block-margin-top, 0)) !important;
padding-bottom: var(--spadent-block-padding-bottom-mobile, var(--spadent-block-padding-bottom, 56px));
padding-top: var(--spadent-block-padding-top-mobile, var(--spadent-block-padding-top, 52px));
}
.spadent-clinic-rating__header {
margin-bottom: 24px;
}
.spadent-clinic-rating__title {
font-size: 32px;
}
.spadent-clinic-rating__text {
font-size: 15px;
line-height: 1.35;
margin-top: 12px;
}
.spadent-clinic-rating__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.spadent-clinic-rating__item {
border-left: 1px solid rgba(134, 153, 183, .28);
border-top: 1px solid rgba(134, 153, 183, .28);
min-height: 170px;
padding: 22px 12px 20px;
}
.spadent-clinic-rating__item:nth-child(odd) {
border-left: 0;
}
.spadent-clinic-rating__item:nth-child(-n + 2) {
border-top: 0;
}
.spadent-clinic-rating__logo {
height: 42px;
margin-bottom: 10px;
}
.spadent-clinic-rating__logo-image {
max-height: 34px;
max-width: 122px;
}
.spadent-clinic-rating__logo-text {
font-size: 24px;
}
.spadent-clinic-rating__site {
font-size: 14px;
}
.spadent-clinic-rating__score {
padding-top: 18px;
}
.spadent-clinic-rating__label {
font-size: 13px;
margin-bottom: 5px;
}
.spadent-clinic-rating__score strong {
font-size: 30px;
}
}