.ggskin img {
margin: none !important; 
border: none !important; 
padding: none !important; 
box-shadow: none !important;
background: none !important;
}
.ggskin {
font-family: Helvetica, Arial, Sans-Serif; 
font-size: 14px;
line-height: normal;
box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
}.spadent-doctor-page {
--spadent-product-radius: 18px;
background: #fff;
color: #202a37;
font-family: var(--wd-text-font);
}
.spadent-doctor-hero {
background: #fff;
padding: 46px 0 34px;
}
.spadent-doctor-hero__container {
display: grid;
grid-template-columns: minmax(320px, 430px) minmax(0, 1fr);
gap: 24px;
align-items: stretch;
}
.spadent-doctor-breadcrumbs {
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
gap: 0;
align-items: center;
margin: 0 0 12px;
color: var(--wd-text-color);
font-size: 15px;
line-height: 1.4;
}
.spadent-doctor-breadcrumbs a {
color: var(--wd-primary-color);
}
.spadent-doctor-breadcrumbs a:hover,
.spadent-doctor-breadcrumbs span:last-child {
color: var(--wd-text-color);
}
.spadent-doctor-breadcrumbs__separator {
margin-inline: 8px;
color: var(--wd-bcrumb-delim-color, var(--color-gray-300));
}
.spadent-doctor-gallery {
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
}
.spadent-doctor-gallery__stage {
position: relative;
overflow: hidden;
height: 580px;
border-radius: var(--spadent-product-radius);
background: transparent;
}
.spadent-doctor-gallery__slide {
position: absolute;
inset: 0;
display: block;
opacity: 0;
pointer-events: none;
transition: opacity .18s ease;
}
.spadent-doctor-gallery__slide.is-active {
opacity: 1;
pointer-events: auto;
}
.spadent-doctor-gallery__image,
.spadent-doctor-gallery__thumb-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
.spadent-doctor-gallery__thumbs {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
.spadent-doctor-gallery__thumb {
appearance: none;
overflow: hidden;
height: 106px;
margin: 0;
padding: 0;
border: 0;
border-radius: var(--spadent-product-radius);
background: transparent;
cursor: pointer;
}
.spadent-doctor-gallery__thumb.is-active {
display: none;
}
.spadent-doctor-gallery__thumb:not(.is-active):hover .spadent-doctor-gallery__thumb-image {
transform: scale(1.035);
}
.spadent-doctor-gallery__thumb-image {
transition: transform .2s ease;
}
.spadent-doctor-gallery__arrow {
position: absolute;
top: 50%;
z-index: 3;
width: 42px;
height: 42px;
margin-top: -21px;
border-radius: 50%;
background: rgba(255, 255, 255, .92);
box-shadow: 0 12px 30px rgba(68, 87, 117, .16);
}
.spadent-doctor-gallery__arrow--prev {
left: 14px;
}
.spadent-doctor-gallery__arrow--next {
right: 14px;
}
.spadent-doctor-hero__content {
display: flex;
flex-direction: column;
min-height: 700px;
padding: 54px 56px 48px;
border-radius: var(--spadent-product-radius);
background: #f3f5f8;
}
.spadent-doctor-hero__title {
max-width: 680px;
margin: 0;
color: #182234;
font-family: var(--wd-title-font);
font-size: 48px;
font-weight: 500;
line-height: 1.17;
letter-spacing: 0;
}
.spadent-doctor-hero__facts {
display: grid;
grid-template-columns: repeat(2, minmax(0, 230px));
gap: 14px;
margin: 30px 0 0;
}
.spadent-doctor-fact {
min-height: 92px;
padding: 18px 20px;
border-radius: var(--spadent-product-radius);
background: #fff;
box-shadow: 0 18px 40px rgba(68, 87, 117, .08);
}
.spadent-doctor-fact span,
.spadent-doctor-hero__clinics-label {
display: block;
margin: 0 0 7px;
color: var(--wd-text-color);
font-size: 15px;
font-weight: 600;
line-height: 1.35;
}
.spadent-doctor-fact strong {
display: block;
color: #182234;
font-size: 18px;
font-weight: 600;
line-height: 1.35;
}
.spadent-doctor-hero__bio {
max-width: 760px;
margin-top: 30px;
color: #5e6d80;
font-size: 18px;
line-height: 1.65;
}
.spadent-doctor-hero__bio p {
margin: 0 0 12px;
}
.spadent-doctor-hero__bio p:last-child {
margin-bottom: 0;
}
.spadent-doctor-hero__badges,
.spadent-doctor-hero__clinics {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.spadent-doctor-hero__badges {
margin-top: 26px;
}
.spadent-doctor-hero__clinics-wrap {
margin-top: 24px;
}
.spadent-doctor-hero__clinics-label {
margin-bottom: 16px;
}
.spadent-doctor-badge,
.spadent-doctor-clinic {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 38px;
padding: 9px 15px;
border-radius: var(--spadent-product-radius);
background: #fff;
color: #202a37;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
}
.spadent-doctor-clinic {
background: #e7eef3;
color: #445775;
}
.spadent-doctor-clinic::before {
content: "\f3c5";
display: inline-block;
flex: 0 0 auto;
color: currentColor;
font-family: "Font Awesome 5 Free", "FontAwesome";
font-size: .9em;
font-weight: 900;
line-height: 1;
}
@media (min-width: 768px) {
.spadent-doctor-fact span,
.spadent-doctor-hero__clinics-label {
font-size: 18px;
}
.spadent-doctor-badge,
.spadent-doctor-clinic {
font-size: 18px;
}
}
.spadent-doctor-hero__button,
.spadent-doctor-cta__button {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
min-height: 54px;
margin-top: 30px;
padding: 16px 38px;
border-radius: 50px;
background: linear-gradient(90deg, #445775 0%, #8699b7 50%, #445775 100%);
background-position: 0 0;
background-size: 200% 100%;
color: #fff;
font-family: var(--wd-text-font);
font-size: 16px;
font-weight: 600;
letter-spacing: .02em;
line-height: 1;
text-transform: uppercase;
box-shadow: 0 18px 36px rgba(68, 87, 117, .2);
transition: background-position .24s ease, opacity .2s ease, transform .2s ease;
}
.spadent-doctor-hero__button:hover,
.spadent-doctor-hero__button:focus,
.spadent-doctor-cta__button:hover,
.spadent-doctor-cta__button:focus {
background-position: 100% 0;
color: #fff;
opacity: .95;
transform: translateY(-1px);
}
.spadent-doctor-page__content {
padding-top: 48px;
padding-bottom: 72px;
}
.spadent-doctor-section {
margin-bottom: 28px;
padding: 32px;
border: 1px solid #edf1f5;
border-radius: var(--spadent-product-radius);
background: #fff;
}
.spadent-doctor-section__title {
margin: 0 0 24px;
color: #182234;
font-family: var(--wd-title-font);
font-size: 30px;
font-weight: 500;
line-height: 1.25;
letter-spacing: 0;
}
.spadent-doctor-section__text {
max-width: none;
color: var(--wd-text-color);
font-size: 18px;
line-height: 1.65;
}
.spadent-doctor-section__text p {
margin: 0 0 12px;
}
.spadent-doctor-section__text p:last-child {
margin-bottom: 0;
}
.spadent-doctor-services {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
}
.spadent-doctor-services__item {
position: relative;
display: flex;
gap: 20px;
align-items: flex-start;
min-height: 96px;
padding: 24px;
border-radius: var(--spadent-product-radius);
background: #f4f7fa;
color: var(--wd-text-color);
font-size: 18px;
line-height: 1.55;
}
.spadent-doctor-services__item::before {
content: "";
align-self: flex-start;
flex: 0 0 42px;
width: 42px;
height: 42px;
margin-top: 4px;
background: url(//spadentspb.ru/wp-content/themes/woodmart-child/assets/icons/doctor-spec.svg) center / contain no-repeat;
}
.spadent-doctor-card-text {
display: block;
flex: 1 1 auto;
min-width: 0;
}
.spadent-doctor-columns {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: start;
}
.spadent-doctor-section--education {
padding-bottom: 36px;
}
.spadent-doctor-timeline {
--spadent-timeline-line-x: 18px;
--spadent-timeline-dot-size: 14px;
--spadent-timeline-card-bg: #f7f9fb;
position: relative;
display: grid;
gap: 20px;
padding-left: 48px;
}
.spadent-doctor-timeline::before {
content: "";
position: absolute;
top: 12px;
bottom: 12px;
left: var(--spadent-timeline-line-x);
border-left: 2px solid var(--brdcolor-gray-300);
}
.spadent-doctor-timeline__item {
position: relative;
display: grid;
grid-template-columns: 110px minmax(0, 1fr);
gap: 0;
align-items: start;
padding: 22px 26px;
border: 1px solid var(--brdcolor-gray-200);
border-radius: var(--spadent-product-radius);
background: var(--spadent-timeline-card-bg);
}
.spadent-doctor-timeline__item::before {
content: "";
position: absolute;
top: 28px;
left: calc((var(--spadent-timeline-line-x) - 48px) - (var(--spadent-timeline-dot-size) / 2));
z-index: 2;
width: var(--spadent-timeline-dot-size);
height: var(--spadent-timeline-dot-size);
border: 3px solid #fff;
border-radius: 50%;
background: var(--wd-primary-color);
box-shadow: 0 0 0 1px var(--brdcolor-gray-300);
}
.spadent-doctor-timeline__item::after {
content: "";
position: absolute;
top: 30px;
left: -6px;
width: 12px;
height: 12px;
border-left: 1px solid var(--brdcolor-gray-200);
border-bottom: 1px solid var(--brdcolor-gray-200);
background: var(--spadent-timeline-card-bg);
transform: rotate(45deg);
}
.spadent-doctor-timeline__year {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
min-width: 72px;
min-height: 38px;
padding: 6px 14px;
border-radius: 999px;
background: var(--wd-primary-color);
color: #fff;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
}
.spadent-doctor-timeline__check {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 999px;
background: var(--wd-primary-color);
}
.spadent-doctor-timeline__check::before {
content: "";
width: 11px;
height: 7px;
margin-top: -1px;
border-left: 3px solid #fff;
border-bottom: 3px solid #fff;
transform: rotate(-45deg);
}
.spadent-doctor-timeline__text,
.spadent-doctor-list__item {
margin: 0;
color: var(--wd-text-color);
font-size: 18px;
line-height: 1.65;
}
.spadent-doctor-timeline__item--note {
grid-template-columns: 52px minmax(0, 1fr);
background: var(--spadent-timeline-card-bg);
}
.spadent-doctor-list {
display: grid;
gap: 14px;
}
.spadent-doctor-list__item {
position: relative;
display: flex;
gap: 20px;
align-items: flex-start;
min-height: 96px;
padding: 24px;
border-radius: var(--spadent-product-radius);
background: #f4f7fa;
line-height: 1.55;
}
.spadent-doctor-list__item::before {
content: "";
align-self: flex-start;
flex: 0 0 42px;
width: 42px;
height: 42px;
margin-top: 4px;
background: url(//spadentspb.ru/wp-content/themes/woodmart-child/assets/icons/doctor-edu.svg) center / contain no-repeat;
}
.spadent-doctor-card-text strong {
margin-right: 20px;
}
.spadent-doctor-certificates {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
align-items: start;
}
.spadent-doctor-certificates__item {
display: block;
overflow: hidden;
border-radius: var(--spadent-product-radius);
background: transparent;
}
.spadent-doctor-certificates__link {
display: block;
width: 100%;
height: auto;
}
.spadent-doctor-certificates__image {
display: block;
width: 100%;
height: auto;
border-radius: inherit;
}
.spadent-doctor-cta {
display: flex;
gap: 24px;
align-items: center;
justify-content: space-between;
padding: 34px;
border-radius: var(--spadent-product-radius);
background: #f3f5f8;
}
.spadent-doctor-cta__title {
margin: 0 0 8px;
color: #182234;
font-family: var(--wd-title-font);
font-size: 28px;
font-weight: 500;
letter-spacing: 0;
}
.spadent-doctor-cta__text {
margin: 0;
color: #4c5d72;
font-size: 16px;
}
@media (min-width: 1025px) {
.spadent-doctor-services__item,
.spadent-doctor-list__item {
align-items: center;
}
.spadent-doctor-services__item::before,
.spadent-doctor-list__item::before {
align-self: center;
margin-top: 0;
}
.spadent-doctor-services__item.is-multiline,
.spadent-doctor-list__item.is-multiline {
align-items: flex-start;
}
.spadent-doctor-services__item.is-multiline::before,
.spadent-doctor-list__item.is-multiline::before {
align-self: flex-start;
margin-top: 4px;
}
}
.spadent-doctor-cta__button {
margin-top: 0;
white-space: nowrap;
}
@media (max-width: 1024px) {
.spadent-doctor-hero__container {
grid-template-columns: 330px minmax(0, 1fr);
gap: 18px;
}
.spadent-doctor-gallery__stage {
height: 480px;
}
.spadent-doctor-gallery__thumb {
height: 84px;
}
.spadent-doctor-hero__content {
min-height: 584px;
padding: 36px 32px 32px;
}
.spadent-doctor-hero__title {
font-size: 38px;
}
.spadent-doctor-hero__fact {
padding: 18px;
}
.spadent-doctor-hero__bio {
font-size: 17px;
}
.spadent-doctor-hero__facts,
.spadent-doctor-services,
.spadent-doctor-columns {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.spadent-doctor-page {
--spadent-product-radius: 14px;
}
.spadent-doctor-hero {
padding: 26px 0 24px;
}
.spadent-doctor-hero__container {
grid-template-columns: 1fr;
gap: 18px;
}
.spadent-doctor-breadcrumbs {
margin-bottom: 0;
font-size: 14px;
}
.spadent-doctor-gallery__stage {
height: auto;
min-height: 420px;
aspect-ratio: .78;
}
.spadent-doctor-gallery__thumbs {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 9px;
}
.spadent-doctor-gallery__thumb {
height: 78px;
}
.spadent-doctor-gallery__arrow {
width: 38px;
height: 38px;
margin-top: -19px;
}
.spadent-doctor-hero__content {
min-height: 0;
padding: 30px 22px 24px;
}
.spadent-doctor-hero__title {
font-size: 34px;
}
.spadent-doctor-hero__bio {
font-size: 16px;
line-height: 1.62;
}
.spadent-doctor-hero__button {
width: 100%;
margin-top: 28px;
padding-inline: 24px;
}
.spadent-doctor-page__content {
padding-top: 34px;
padding-bottom: 46px;
}
.spadent-doctor-section,
.spadent-doctor-cta {
padding: 24px 18px;
}
.spadent-doctor-section__title,
.spadent-doctor-cta__title {
font-size: 24px;
}
.spadent-doctor-section__text {
font-size: 17px;
}
.spadent-doctor-services__item,
.spadent-doctor-list__item {
flex-direction: column;
gap: 14px;
align-items: flex-start;
padding: 18px;
}
.spadent-doctor-services__item::before {
flex-basis: 42px;
width: 42px;
height: 42px;
margin-top: 0;
}
.spadent-doctor-list__item::before {
flex-basis: 42px;
width: 42px;
height: 42px;
margin-top: 0;
}
.spadent-doctor-timeline {
--spadent-timeline-line-x: 8px;
padding-left: 28px;
gap: 16px;
}
.spadent-doctor-timeline__item {
grid-template-columns: 1fr;
gap: 0;
padding: 18px;
}
.spadent-doctor-timeline__item::before {
top: 24px;
left: calc((var(--spadent-timeline-line-x) - 28px) - (var(--spadent-timeline-dot-size) / 2));
width: var(--spadent-timeline-dot-size);
height: var(--spadent-timeline-dot-size);
}
.spadent-doctor-timeline__item::after {
top: 26px;
}
.spadent-doctor-certificates {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.spadent-doctor-cta {
display: block;
}
.spadent-doctor-cta__button {
width: 100%;
margin-top: 22px;
white-space: normal;
}
}
@media (max-width: 480px) {
.spadent-doctor-section {
padding: 20px 14px;
}
.spadent-doctor-timeline {
padding-left: 22px;
}
.spadent-doctor-timeline__item::before {
left: calc((var(--spadent-timeline-line-x) - 22px) - (var(--spadent-timeline-dot-size) / 2));
}
.spadent-doctor-certificates {
grid-template-columns: 1fr;
}
}.spadent-doctor-product-page {
--spadent-product-radius: 18px;
background: #fff;
color: #202a37;
font-family: var(--wd-text-font);
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.single-spadent_doctor .wd-page-content.main-page-wrapper,
body.single-spadent_doctor .wd-content-layout.content-layout-wrapper,
body.single-spadent_doctor .site-content {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.spadent-product-breadcrumbs-wrapper {
margin-bottom: 20px;
}
.spadent-product-container.spadent-product-container {
max-width: none;
width: calc(100% + 30px);
margin-inline: -15px;
padding-inline: 15px;
}
.spadent-doctor-product-page .product-image-summary-wrap {
margin-bottom: 42px;
}
.spadent-doctor-product-page .product-image-summary-inner {
align-items: start;
}
.spadent-doctor-product-page .product-images,
.spadent-doctor-product-page .summary {
container-type: inline-size;
min-width: 0;
}
.spadent-doctor-product-page .summary-inner {
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 720px;
min-height: calc(100cqw * 1.22);
padding: clamp(28px, 4vw, 56px);
border-radius: var(--spadent-product-radius);
background: #f3f5f8;
overflow: visible;
}
.spadent-doctor-product-page .product_title {
max-width: 760px;
margin-bottom: 24px;
color: #182234;
font-family: var(--wd-title-font);
font-size: clamp(34px, 4vw, 58px);
font-weight: 400;
line-height: 1.15;
letter-spacing: 0;
}
.spadent-product-feature-label {
display: inline-flex;
align-items: center;
min-height: 40px;
margin-bottom: 24px;
padding: 10px 16px;
border-radius: 999px;
background: #fff;
box-shadow: 0 18px 40px rgba(68, 87, 117, .08);
color: #445775;
font-size: 16px;
font-weight: 700;
line-height: 1.2;
}
.spadent-product-summary-top,
.spadent-product-summary-bottom {
flex: 0 0 auto;
}
.spadent-product-bio {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.spadent-doctor-product-page .woocommerce-product-gallery {
border-radius: var(--spadent-product-radius);
background: transparent;
}
.spadent-doctor-product-page .woocommerce-product-gallery__image {
overflow: hidden;
border-radius: var(--spadent-product-radius);
background: transparent;
}
.spadent-doctor-product-page .woocommerce-product-gallery__image > a,
.spadent-doctor-product-page .wd-gallery-images .wd-carousel-item {
background: transparent;
}
.spadent-doctor-product-page .woocommerce-product-gallery__image img {
aspect-ratio: 4 / 5;
width: 100%;
height: auto;
object-fit: cover;
object-position: center top;
border-radius: var(--spadent-product-radius);
}
.spadent-doctor-product-page .wd-gallery-thumb img {
aspect-ratio: 1 / 1;
object-fit: cover;
object-position: center top;
border-radius: var(--spadent-product-radius);
}
.spadent-doctor-product-page .wd-gallery-thumb .wd-carousel,
.spadent-doctor-product-page .wd-gallery-thumb .wd-carousel-item {
border-radius: var(--spadent-product-radius);
}
.spadent-product-facts {
display: grid;
grid-template-columns: minmax(0, 7fr) minmax(150px, 3fr);
gap: 14px;
width: 100%;
margin-bottom: 28px;
}
.spadent-product-facts--single {
grid-template-columns: 1fr;
}
.spadent-product-fact {
min-height: 104px;
padding: 20px 22px;
border-radius: var(--spadent-product-radius);
background: #fff;
box-shadow: 0 18px 40px rgba(68, 87, 117, .08);
}
.spadent-product-fact > span {
display: block;
margin-bottom: 8px;
color: var(--wd-primary-color);
font-size: 16px;
font-weight: 600;
line-height: 1.35;
}
.spadent-product-fact strong {
display: block;
color: var(--wd-text-color);
font-size: 18px;
font-weight: 600;
line-height: 1.3;
}
.spadent-product-position-lines {
display: grid;
gap: 7px;
}
.spadent-product-position-lines span {
display: block;
}
.spadent-doctor-product-page .spadent-doctor-badge,
.spadent-doctor-product-page .spadent-doctor-clinic {
border-radius: var(--spadent-product-radius);
}
.spadent-product-bio {
max-width: 820px;
color: #5e6d80;
font-size: 18px;
line-height: 1.65;
}
.spadent-product-summary-bottom {
display: grid;
gap: 32px;
}
@media (min-width: 1025px) {
.spadent-doctor-product-page .spadent-doctor-hero__clinics {
flex-wrap: nowrap;
gap: 8px;
}
.spadent-doctor-product-page .spadent-doctor-clinic {
min-height: 36px;
padding: 12px 15px;
font-size: 18px;
white-space: nowrap;
}
}
.spadent-product-bio p {
color: var(--wd-text-color);
margin: 0 0 12px;
}
.spadent-product-bio p:last-child {
margin-bottom: 0;
}
.spadent-product-appointment-button {
align-items: center;
appearance: none !important;
background: linear-gradient(90deg, #445775 0%, #8699b7 50%, #445775 100%) !important;
background-position: 0 0 !important;
background-size: 200% 100% !important;
border: 0 !important;
border-radius: 999px !important;
color: #fff !important;
cursor: pointer;
display: inline-flex !important;
font-family: inherit !important;
font-size: 16px !important;
font-weight: 700 !important;
gap: 10px !important;
height: 78px !important;
justify-content: center !important;
letter-spacing: .02em !important;
line-height: 1 !important;
margin-top: 0;
max-width: 100% !important;
min-width: 0;
padding: 0 28px !important;
text-align: center;
text-transform: uppercase !important;
transition: background-position .24s ease, color .2s ease, opacity .2s ease !important;
width: 100% !important;
}
.spadent-product-appointment-button:hover,
.spadent-product-appointment-button:focus {
background-position: 100% 0 !important;
color: #fff !important;
opacity: .95;
}
.spadent-product-tabs-wrapper {
border-bottom: 0 !important;
border-top: 0 !important;
box-shadow: none !important;
margin-bottom: 0;
margin-top: 0;
}
.spadent-product-tabs-wrapper::before,
.spadent-product-tabs-wrapper::after {
display: none !important;
}
.spadent-doctor-product-page .product-tabs-wrapper {
border-bottom: 0 !important;
border-top: 0 !important;
box-shadow: none !important;
}
.spadent-doctor-product-page .product-tabs-wrapper::before,
.spadent-doctor-product-page .product-tabs-wrapper::after {
display: none !important;
}
.spadent-product-tabs-wrapper .spadent-doctor-section:first-child {
margin-top: 0;
}
.spadent-doctor-product-page .product-tabs-inner {
border-bottom: 0 !important;
box-shadow: none !important;
}
.spadent-doctor-product-page .spadent-doctor-lead-form {
margin-bottom: 0 !important;
margin-top: 82px !important;
padding-bottom: 82px !important;
padding-top: 82px !important;
}
@media (min-width: 768px) {
.spadent-product-fact > span {
font-size: 16px;
}
}
@media (max-width: 1024px) {
.spadent-doctor-product-page .summary-inner {
gap: 0;
justify-content: flex-start;
min-height: auto;
padding: 30px;
}
.spadent-product-summary-top,
.spadent-product-summary-bottom,
.spadent-product-bio {
flex: 0 0 auto;
}
.spadent-doctor-product-page .product_title {
font-size: clamp(32px, 5vw, 46px);
}
.spadent-product-fact {
min-height: 96px;
padding: 18px;
}
.spadent-product-bio {
justify-content: flex-start;
font-size: 17px;
}
.spadent-product-appointment-button {
height: 68px !important;
}
.spadent-doctor-product-page .spadent-doctor-hero__clinics {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 767px) {
.spadent-doctor-product-page {
--spadent-product-radius: 14px;
}
.spadent-product-container.spadent-product-container {
padding-inline: 15px;
}
.spadent-doctor-product-page .product_title {
margin-bottom: 22px;
font-size: 34px;
}
.spadent-product-facts {
grid-template-columns: 1fr;
gap: 12px;
margin-bottom: 22px;
}
.spadent-product-fact {
min-height: 82px;
padding: 16px;
}
.spadent-product-fact > span {
font-size: 14px;
}
.spadent-product-fact strong {
font-size: 18px;
}
.spadent-doctor-product-page .woocommerce-product-gallery__image img {
aspect-ratio: 3 / 4;
}
.spadent-doctor-product-page .summary-inner {
min-height: auto;
padding: 24px 18px;
}
.spadent-product-appointment-button {
font-size: 14px !important;
height: 62px !important;
width: 100%;
}
.spadent-doctor-product-page .spadent-doctor-lead-form {
margin-bottom: 0 !important;
margin-top: 60px !important;
padding-bottom: 60px !important;
padding-top: 60px !important;
}
}:root{--iti-hover-color:rgba(0, 0, 0, 0.05);--iti-border-color:#ccc;--iti-dropdown-bg:white;--iti-icon-color:#555;--iti-spacer-horizontal:8px;--iti-flag-height:12px;--iti-flag-width:16px;--iti-globe-height:16px;--iti-search-clear-icon-height:13px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:calc((var(--iti-arrow-height) / 2) * 3);--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-flag-sprite-width:3904px;--iti-flag-sprite-height:12px;--iti-mobile-popup-margin:30px}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin:0!important}.iti__country-container{position:absolute;top:0;bottom:0;left:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-icon-color)}.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-icon-color)}.iti__dropdown-content{border-radius:3px;background-color:var(--iti-dropdown-bg)}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding-left:30px;padding-right:28px}[dir=rtl] .iti__search-input{padding-left:inherit;padding-right:30px;background-position:right 8px center}.iti__search-input::-webkit-search-cancel-button{appearance:none}.iti__country,.iti__search-input{padding-top:8px;padding-bottom:8px}.iti__search-input-wrapper{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--iti-border-color)}.iti__search-icon{position:absolute;left:8px;display:flex;pointer-events:none}[dir=rtl] .iti__search-icon{left:auto;right:8px}.iti__search-icon-svg{width:var(--iti-globe-height);height:var(--iti-globe-height);display:block;stroke:var(--iti-icon-color);fill:none;stroke-width:3}.iti__search-clear{position:absolute;right:4px;background:0 0;border:0;border-radius:3px;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.iti__search-clear .iti__search-clear-x{stroke-width:2}.iti__search-clear .iti__search-clear-bg{fill:var(--iti-icon-color)}.iti__search-clear-svg{width:var(--iti-search-clear-icon-height);height:var(--iti-search-clear-icon-height);display:block}[dir=rtl] .iti__search-clear{right:auto;left:4px}.iti__search-clear:focus-visible,.iti__search-clear:hover{background:var(--iti-hover-color);outline:0}.iti__no-results{text-align:center;padding:30px 0}.iti__country-list{list-style:none;padding:0;margin:0;cursor:pointer;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__country{display:flex;align-items:center;padding-left:var(--iti-spacer-horizontal);padding-right:var(--iti-spacer-horizontal);outline:0}.iti__country-check{margin:0 1px 0 auto;display:flex;align-items:center;color:var(--iti-icon-color)}.iti__country-check-svg{width:var(--iti-search-clear-icon-height);height:var(--iti-search-clear-icon-height);display:block}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-list .iti__flag{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-list .iti__flag{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti__country-list .iti__flag{flex-shrink:0}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) button.iti__selected-country{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width)}.iti--container:hover{cursor:pointer}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country,.iti--fullscreen-popup .iti__search-input{padding-top:10px;padding-bottom:10px}.iti--fullscreen-popup .iti__country{padding-left:10px;padding-right:10px;line-height:1.5em}.iti__flag{--iti-flag-offset:100px;height:var(--iti-flag-height);width:var(--iti-flag-width);border-radius:1px;box-shadow:0 0 1px 0 #888;background-image:image-set(var(--iti-path-flags-1x) 1x,var(--iti-path-flags-2x) 2x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}.iti__loading{position:relative;background:0 0;box-shadow:none}.iti__loading::after{content:"";position:absolute;inset:0;margin:auto;width:var(--iti-flag-height);height:var(--iti-flag-height);box-sizing:border-box;border:2px solid var(--iti-icon-color);border-right-color:transparent;border-radius:50%;animation:iti-spinner 1s linear infinite}@keyframes iti-spinner{to{transform:rotate(360deg)}}.iti__ac{--iti-flag-offset:0px}.iti__ad{--iti-flag-offset:-16px}.iti__ae{--iti-flag-offset:-32px}.iti__af{--iti-flag-offset:-48px}.iti__ag{--iti-flag-offset:-64px}.iti__ai{--iti-flag-offset:-80px}.iti__al{--iti-flag-offset:-96px}.iti__am{--iti-flag-offset:-112px}.iti__ao{--iti-flag-offset:-128px}.iti__ar{--iti-flag-offset:-144px}.iti__as{--iti-flag-offset:-160px}.iti__at{--iti-flag-offset:-176px}.iti__au{--iti-flag-offset:-192px}.iti__aw{--iti-flag-offset:-208px}.iti__ax{--iti-flag-offset:-224px}.iti__az{--iti-flag-offset:-240px}.iti__ba{--iti-flag-offset:-256px}.iti__bb{--iti-flag-offset:-272px}.iti__bd{--iti-flag-offset:-288px}.iti__be{--iti-flag-offset:-304px}.iti__bf{--iti-flag-offset:-320px}.iti__bg{--iti-flag-offset:-336px}.iti__bh{--iti-flag-offset:-352px}.iti__bi{--iti-flag-offset:-368px}.iti__bj{--iti-flag-offset:-384px}.iti__bl{--iti-flag-offset:-400px}.iti__bm{--iti-flag-offset:-416px}.iti__bn{--iti-flag-offset:-432px}.iti__bo{--iti-flag-offset:-448px}.iti__bq{--iti-flag-offset:-464px}.iti__br{--iti-flag-offset:-480px}.iti__bs{--iti-flag-offset:-496px}.iti__bt{--iti-flag-offset:-512px}.iti__bw{--iti-flag-offset:-528px}.iti__by{--iti-flag-offset:-544px}.iti__bz{--iti-flag-offset:-560px}.iti__ca{--iti-flag-offset:-576px}.iti__cc{--iti-flag-offset:-592px}.iti__cd{--iti-flag-offset:-608px}.iti__cf{--iti-flag-offset:-624px}.iti__cg{--iti-flag-offset:-640px}.iti__ch{--iti-flag-offset:-656px}.iti__ci{--iti-flag-offset:-672px}.iti__ck{--iti-flag-offset:-688px}.iti__cl{--iti-flag-offset:-704px}.iti__cm{--iti-flag-offset:-720px}.iti__cn{--iti-flag-offset:-736px}.iti__co{--iti-flag-offset:-752px}.iti__cr{--iti-flag-offset:-768px}.iti__cu{--iti-flag-offset:-784px}.iti__cv{--iti-flag-offset:-800px}.iti__cw{--iti-flag-offset:-816px}.iti__cx{--iti-flag-offset:-832px}.iti__cy{--iti-flag-offset:-848px}.iti__cz{--iti-flag-offset:-864px}.iti__de{--iti-flag-offset:-880px}.iti__dj{--iti-flag-offset:-896px}.iti__dk{--iti-flag-offset:-912px}.iti__dm{--iti-flag-offset:-928px}.iti__do{--iti-flag-offset:-944px}.iti__dz{--iti-flag-offset:-960px}.iti__ec{--iti-flag-offset:-976px}.iti__ee{--iti-flag-offset:-992px}.iti__eg{--iti-flag-offset:-1008px}.iti__eh{--iti-flag-offset:-1024px}.iti__er{--iti-flag-offset:-1040px}.iti__es{--iti-flag-offset:-1056px}.iti__et{--iti-flag-offset:-1072px}.iti__fi{--iti-flag-offset:-1088px}.iti__fj{--iti-flag-offset:-1104px}.iti__fk{--iti-flag-offset:-1120px}.iti__fm{--iti-flag-offset:-1136px}.iti__fo{--iti-flag-offset:-1152px}.iti__fr{--iti-flag-offset:-1168px}.iti__ga{--iti-flag-offset:-1184px}.iti__gb{--iti-flag-offset:-1200px}.iti__gd{--iti-flag-offset:-1216px}.iti__ge{--iti-flag-offset:-1232px}.iti__gf{--iti-flag-offset:-1248px}.iti__gg{--iti-flag-offset:-1264px}.iti__gh{--iti-flag-offset:-1280px}.iti__gi{--iti-flag-offset:-1296px}.iti__gl{--iti-flag-offset:-1312px}.iti__gm{--iti-flag-offset:-1328px}.iti__gn{--iti-flag-offset:-1344px}.iti__gp{--iti-flag-offset:-1360px}.iti__gq{--iti-flag-offset:-1376px}.iti__gr{--iti-flag-offset:-1392px}.iti__gt{--iti-flag-offset:-1408px}.iti__gu{--iti-flag-offset:-1424px}.iti__gw{--iti-flag-offset:-1440px}.iti__gy{--iti-flag-offset:-1456px}.iti__hk{--iti-flag-offset:-1472px}.iti__hn{--iti-flag-offset:-1488px}.iti__hr{--iti-flag-offset:-1504px}.iti__ht{--iti-flag-offset:-1520px}.iti__hu{--iti-flag-offset:-1536px}.iti__id{--iti-flag-offset:-1552px}.iti__ie{--iti-flag-offset:-1568px}.iti__il{--iti-flag-offset:-1584px}.iti__im{--iti-flag-offset:-1600px}.iti__in{--iti-flag-offset:-1616px}.iti__io{--iti-flag-offset:-1632px}.iti__iq{--iti-flag-offset:-1648px}.iti__ir{--iti-flag-offset:-1664px}.iti__is{--iti-flag-offset:-1680px}.iti__it{--iti-flag-offset:-1696px}.iti__je{--iti-flag-offset:-1712px}.iti__jm{--iti-flag-offset:-1728px}.iti__jo{--iti-flag-offset:-1744px}.iti__jp{--iti-flag-offset:-1760px}.iti__ke{--iti-flag-offset:-1776px}.iti__kg{--iti-flag-offset:-1792px}.iti__kh{--iti-flag-offset:-1808px}.iti__ki{--iti-flag-offset:-1824px}.iti__km{--iti-flag-offset:-1840px}.iti__kn{--iti-flag-offset:-1856px}.iti__kp{--iti-flag-offset:-1872px}.iti__kr{--iti-flag-offset:-1888px}.iti__kw{--iti-flag-offset:-1904px}.iti__ky{--iti-flag-offset:-1920px}.iti__kz{--iti-flag-offset:-1936px}.iti__la{--iti-flag-offset:-1952px}.iti__lb{--iti-flag-offset:-1968px}.iti__lc{--iti-flag-offset:-1984px}.iti__li{--iti-flag-offset:-2000px}.iti__lk{--iti-flag-offset:-2016px}.iti__lr{--iti-flag-offset:-2032px}.iti__ls{--iti-flag-offset:-2048px}.iti__lt{--iti-flag-offset:-2064px}.iti__lu{--iti-flag-offset:-2080px}.iti__lv{--iti-flag-offset:-2096px}.iti__ly{--iti-flag-offset:-2112px}.iti__ma{--iti-flag-offset:-2128px}.iti__mc{--iti-flag-offset:-2144px}.iti__md{--iti-flag-offset:-2160px}.iti__me{--iti-flag-offset:-2176px}.iti__mf{--iti-flag-offset:-2192px}.iti__mg{--iti-flag-offset:-2208px}.iti__mh{--iti-flag-offset:-2224px}.iti__mk{--iti-flag-offset:-2240px}.iti__ml{--iti-flag-offset:-2256px}.iti__mm{--iti-flag-offset:-2272px}.iti__mn{--iti-flag-offset:-2288px}.iti__mo{--iti-flag-offset:-2304px}.iti__mp{--iti-flag-offset:-2320px}.iti__mq{--iti-flag-offset:-2336px}.iti__mr{--iti-flag-offset:-2352px}.iti__ms{--iti-flag-offset:-2368px}.iti__mt{--iti-flag-offset:-2384px}.iti__mu{--iti-flag-offset:-2400px}.iti__mv{--iti-flag-offset:-2416px}.iti__mw{--iti-flag-offset:-2432px}.iti__mx{--iti-flag-offset:-2448px}.iti__my{--iti-flag-offset:-2464px}.iti__mz{--iti-flag-offset:-2480px}.iti__na{--iti-flag-offset:-2496px}.iti__nc{--iti-flag-offset:-2512px}.iti__ne{--iti-flag-offset:-2528px}.iti__nf{--iti-flag-offset:-2544px}.iti__ng{--iti-flag-offset:-2560px}.iti__ni{--iti-flag-offset:-2576px}.iti__nl{--iti-flag-offset:-2592px}.iti__no{--iti-flag-offset:-2608px}.iti__np{--iti-flag-offset:-2624px}.iti__nr{--iti-flag-offset:-2640px}.iti__nu{--iti-flag-offset:-2656px}.iti__nz{--iti-flag-offset:-2672px}.iti__om{--iti-flag-offset:-2688px}.iti__pa{--iti-flag-offset:-2704px}.iti__pe{--iti-flag-offset:-2720px}.iti__pf{--iti-flag-offset:-2736px}.iti__pg{--iti-flag-offset:-2752px}.iti__ph{--iti-flag-offset:-2768px}.iti__pk{--iti-flag-offset:-2784px}.iti__pl{--iti-flag-offset:-2800px}.iti__pm{--iti-flag-offset:-2816px}.iti__pr{--iti-flag-offset:-2832px}.iti__ps{--iti-flag-offset:-2848px}.iti__pt{--iti-flag-offset:-2864px}.iti__pw{--iti-flag-offset:-2880px}.iti__py{--iti-flag-offset:-2896px}.iti__qa{--iti-flag-offset:-2912px}.iti__re{--iti-flag-offset:-2928px}.iti__ro{--iti-flag-offset:-2944px}.iti__rs{--iti-flag-offset:-2960px}.iti__ru{--iti-flag-offset:-2976px}.iti__rw{--iti-flag-offset:-2992px}.iti__sa{--iti-flag-offset:-3008px}.iti__sb{--iti-flag-offset:-3024px}.iti__sc{--iti-flag-offset:-3040px}.iti__sd{--iti-flag-offset:-3056px}.iti__se{--iti-flag-offset:-3072px}.iti__sg{--iti-flag-offset:-3088px}.iti__sh{--iti-flag-offset:-3104px}.iti__si{--iti-flag-offset:-3120px}.iti__sj{--iti-flag-offset:-3136px}.iti__sk{--iti-flag-offset:-3152px}.iti__sl{--iti-flag-offset:-3168px}.iti__sm{--iti-flag-offset:-3184px}.iti__sn{--iti-flag-offset:-3200px}.iti__so{--iti-flag-offset:-3216px}.iti__sr{--iti-flag-offset:-3232px}.iti__ss{--iti-flag-offset:-3248px}.iti__st{--iti-flag-offset:-3264px}.iti__sv{--iti-flag-offset:-3280px}.iti__sx{--iti-flag-offset:-3296px}.iti__sy{--iti-flag-offset:-3312px}.iti__sz{--iti-flag-offset:-3328px}.iti__tc{--iti-flag-offset:-3344px}.iti__td{--iti-flag-offset:-3360px}.iti__tg{--iti-flag-offset:-3376px}.iti__th{--iti-flag-offset:-3392px}.iti__tj{--iti-flag-offset:-3408px}.iti__tk{--iti-flag-offset:-3424px}.iti__tl{--iti-flag-offset:-3440px}.iti__tm{--iti-flag-offset:-3456px}.iti__tn{--iti-flag-offset:-3472px}.iti__to{--iti-flag-offset:-3488px}.iti__tr{--iti-flag-offset:-3504px}.iti__tt{--iti-flag-offset:-3520px}.iti__tv{--iti-flag-offset:-3536px}.iti__tw{--iti-flag-offset:-3552px}.iti__tz{--iti-flag-offset:-3568px}.iti__ua{--iti-flag-offset:-3584px}.iti__ug{--iti-flag-offset:-3600px}.iti__us{--iti-flag-offset:-3616px}.iti__uy{--iti-flag-offset:-3632px}.iti__uz{--iti-flag-offset:-3648px}.iti__va{--iti-flag-offset:-3664px}.iti__vc{--iti-flag-offset:-3680px}.iti__ve{--iti-flag-offset:-3696px}.iti__vg{--iti-flag-offset:-3712px}.iti__vi{--iti-flag-offset:-3728px}.iti__vn{--iti-flag-offset:-3744px}.iti__vu{--iti-flag-offset:-3760px}.iti__wf{--iti-flag-offset:-3776px}.iti__ws{--iti-flag-offset:-3792px}.iti__xk{--iti-flag-offset:-3808px}.iti__ye{--iti-flag-offset:-3824px}.iti__yt{--iti-flag-offset:-3840px}.iti__za{--iti-flag-offset:-3856px}.iti__zm{--iti-flag-offset:-3872px}.iti__zw{--iti-flag-offset:-3888px}.iti__globe{background:0 0;box-shadow:none;height:var(--iti-globe-height);display:flex;align-items:center;justify-content:center;padding:0}.iti__globe .iti__globe-svg{width:100%;height:100%;fill:var(--iti-icon-color)}@supports (-webkit-appearance:none) and (not (background:-webkit-canvas(foo))){.iti__tel-input:focus{outline-offset:1px}}:root{--iti-path-flags-1x:url(//spadentspb.ru/wp-content/themes/woodmart-child/assets/lib/intl-tel-input/img/flags.webp);--iti-path-flags-2x:url(//spadentspb.ru/wp-content/themes/woodmart-child/assets/lib/intl-tel-input/img/flags@2x.webp)}.spadent-lead-form {
background-color: var(--spadent-lead-form-bg-color, #f6f6f4);
background-image: var(--spadent-lead-form-bg-image, none);
background-position: var(--spadent-lead-form-bg-position, center center);
background-repeat: no-repeat;
background-size: var(--spadent-lead-form-bg-size, cover);
margin-bottom: var(--spadent-lead-form-margin-bottom, 0) !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-top: var(--spadent-lead-form-margin-top, 0) !important;
overflow-x: hidden;
padding-bottom: var(--spadent-lead-form-padding-bottom, 70px);
padding-top: var(--spadent-lead-form-padding-top, 70px);
}
.spadent-blog-lead-form {
--spadent-lead-form-margin-top: 100px;
--spadent-lead-form-margin-top-mobile: 60px;
}
.spadent-lead-form,
.spadent-lead-form * {
box-sizing: border-box;
}
.spadent-lead-form__container {
margin: 0 auto;
max-width: 1280px;
padding: 0;
width: calc(100% - 30px);
}
.spadent-lead-form__layout {
display: grid;
gap: 20px;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.spadent-lead-form__info,
.spadent-lead-form__form-card {
border-radius: 22px;
max-width: 100%;
min-height: 620px;
min-width: 0;
position: relative;
}
.spadent-lead-form__info {
background: #2a2a2a;
color: #fff;
overflow: hidden;
}
.spadent-lead-form__info-image {
display: block;
height: 100% !important;
inset: 0;
max-width: none !important;
object-fit: cover !important;
object-position: center !important;
position: absolute;
width: 100% !important;
}
.spadent-lead-form__info-overlay {
background: linear-gradient(0deg, rgba(68, 87, 117, .82) 0%, rgba(68, 87, 117, .62) 42%, rgba(68, 87, 117, 0) 100%);
bottom: 0;
height: 46%;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: 1;
}
.spadent-lead-form__info-content {
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-end;
padding: 38px 42px 44px;
position: relative;
z-index: 2;
}
.spadent-lead-form__info-title {
color: #fff;
font-size: 36px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.12;
margin: 0;
max-width: 660px;
overflow-wrap: anywhere;
}
.spadent-lead-form__benefits {
max-width: 720px;
}
.spadent-lead-form__benefits-list {
display: grid;
gap: 18px;
list-style: none;
margin: 0;
padding: 0;
}
.spadent-lead-form__benefit {
align-items: flex-start;
color: #fff;
display: grid;
font-size: 20px;
font-weight: 400;
gap: 15px;
grid-template-columns: 18px minmax(0, 1fr);
letter-spacing: 0;
line-height: 1.36;
margin: 0;
}
.spadent-lead-form__benefit-text {
min-width: 0;
overflow-wrap: anywhere;
}
.spadent-lead-form__benefit-icon {
background: #fff;
border-radius: 999px;
display: block;
height: 18px;
margin-top: .22em;
position: relative;
width: 18px;
}
.spadent-lead-form__benefit-icon::after {
border: solid #445775;
border-width: 0 2px 2px 0;
content: "";
height: 8px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -58%) rotate(45deg);
width: 4px;
}
.spadent-lead-form__form-card {
background: #fff;
box-shadow: 0 30px 80px rgba(51, 51, 51, .12);
padding: 42px 48px 44px;
}
.spadent-lead-form__form-title {
color: #303030;
font-size: 30px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.18;
margin: 0 0 58px;
max-width: 760px;
overflow-wrap: anywhere;
}
.spadent-lead-form__form {
display: flex;
flex-direction: column;
min-height: 0;
}
.spadent-lead-form__fields {
display: grid;
gap: 20px;
margin: 0 0 44px;
}
.spadent-lead-form__field {
display: block;
margin: 0;
}
.spadent-lead-form .spadent-lead-form__input,
.spadent-lead-form input.spadent-lead-form__input,
.spadent-lead-form select.spadent-lead-form__input,
.spadent-lead-form .iti input.spadent-lead-form__input {
appearance: none !important;
background: #f4f4f3 !important;
border: 1px solid #8699b7 !important;
border-radius: 14px !important;
box-shadow: none !important;
color: #303030 !important;
display: block !important;
font-family: inherit !important;
font-size: 20px !important;
font-weight: 500 !important;
height: 68px !important;
letter-spacing: 0 !important;
line-height: 1.2 !important;
margin: 0 !important;
max-width: 100% !important;
min-height: 0 !important;
outline: none !important;
padding: 0 20px !important;
text-transform: none !important;
transition: background-color .2s ease, border-color .2s ease !important;
width: 100% !important;
}
.spadent-lead-form input.spadent-lead-form__phone,
.spadent-lead-form .iti input.spadent-lead-form__phone {
padding-left: 20px !important;
}
.spadent-lead-form__input::placeholder,
.spadent-lead-form .spadent-lead-form__input::placeholder {
color: #7a7f89;
opacity: 1;
}
.spadent-lead-form .spadent-lead-form__input:focus {
background: #fff !important;
border-color: #8699b7 !important;
border-width: 1px !important;
box-shadow: none !important;
}
.spadent-lead-form .iti:focus-within input.spadent-lead-form__phone {
background: #fff !important;
border-color: #8699b7 !important;
border-width: 1px !important;
box-shadow: none !important;
}
.spadent-lead-form__input.is-error,
.spadent-lead-form .iti.is-error .spadent-lead-form__phone {
border-color: #ff4c4c !important;
}
.spadent-lead-form__field--select-ready {
position: relative;
}
.spadent-lead-form__field--select-ready .spadent-lead-form__native-select {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px !important;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px !important;
}
.spadent-lead-form__select {
position: relative;
}
.spadent-lead-form__select[hidden] {
display: none;
}
.spadent-lead-form .spadent-lead-form__select-button {
align-items: center;
appearance: none !important;
background: #f4f4f3 !important;
border: 1px solid #8699b7 !important;
border-radius: 14px !important;
box-shadow: none !important;
color: #7a7f89 !important;
cursor: pointer;
display: flex !important;
font-family: inherit !important;
font-size: 20px !important;
font-weight: 500 !important;
height: 68px !important;
justify-content: space-between !important;
letter-spacing: 0 !important;
line-height: 1.2 !important;
outline: none !important;
padding: 0 20px !important;
text-align: left !important;
text-transform: none !important;
transition: background-color .2s ease, border-color .2s ease !important;
width: 100% !important;
}
.spadent-lead-form .spadent-lead-form__select.has-value .spadent-lead-form__select-button {
color: #303030 !important;
}
.spadent-lead-form__select-value {
display: block;
flex: 1 1 auto;
font: inherit;
letter-spacing: 0;
min-width: 0;
overflow: hidden;
text-align: left !important;
text-overflow: ellipsis;
text-transform: none !important;
white-space: nowrap;
}
.spadent-lead-form .spadent-lead-form__select.is-open .spadent-lead-form__select-button,
.spadent-lead-form .spadent-lead-form__select-button:focus {
background: #fff !important;
border-color: #8699b7 !important;
border-width: 1px !important;
box-shadow: none !important;
}
.spadent-lead-form .spadent-lead-form__select.is-error .spadent-lead-form__select-button {
border-color: #ff4c4c !important;
}
.spadent-lead-form__select-arrow {
border-bottom: 2px solid #9aa0aa;
border-right: 2px solid #9aa0aa;
flex: 0 0 auto;
height: 9px;
margin-left: 18px;
transform: rotate(45deg);
transition: transform .2s ease;
width: 9px;
}
.spadent-lead-form__select.is-open .spadent-lead-form__select-arrow {
transform: rotate(225deg);
}
.spadent-lead-form__select-list {
background: #fff;
border: 1px solid rgba(68, 87, 117, .16);
border-radius: 10px;
box-shadow: 0 16px 34px rgba(27, 44, 70, .14);
left: 0;
list-style: none;
margin: 8px 0 0;
max-height: 240px;
opacity: 0;
overflow: auto;
padding: 6px;
pointer-events: none;
position: absolute;
right: 0;
top: 100%;
transform: translateY(-4px);
transition: opacity .16s ease, transform .16s ease;
z-index: 20;
}
.spadent-lead-form__select.is-open .spadent-lead-form__select-list {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.spadent-lead-form__select-option {
border-radius: 8px;
color: #303030;
cursor: pointer;
font-size: 20px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.3;
padding: 12px 14px;
text-transform: none;
}
.spadent-lead-form__select-option:hover,
.spadent-lead-form__select-option.is-selected {
background: #eef2f8;
color: #445775;
}
.spadent-lead-form .iti {
display: block;
width: 100%;
}
.spadent-lead-form .iti__country-container {
display: none !important;
pointer-events: none;
}
.spadent-lead-form .iti__selected-country {
background: transparent;
border-radius: 14px 0 0 14px;
padding-left: 0;
}
.spadent-lead-form .iti__selected-country-primary {
height: 100%;
padding: 0 6px 0 16px;
}
.spadent-lead-form .iti__arrow {
border-top-color: #7a7f89;
margin-left: 8px;
}
.spadent-lead-form .iti__arrow--up {
border-bottom-color: #303030;
}
.spadent-lead-form .iti__dropdown-content {
display: none !important;
border: 1px solid rgba(27, 44, 70, .12);
border-radius: 14px;
box-shadow: 0 16px 36px rgba(27, 44, 70, .16);
overflow: hidden;
}
.spadent-lead-form .iti__search-input,
.spadent-lead-form .iti__country {
font-family: inherit;
font-size: 15px;
letter-spacing: 0;
}
.spadent-lead-form__submit-wrap {
margin: 0 0 24px;
position: relative;
}
.spadent-lead-form .spadent-lead-form__submit {
align-items: center;
appearance: none !important;
background: linear-gradient(90deg, #445775 0%, #8699b7 50%, #445775 100%) !important;
background-position: 0 0 !important;
background-size: 200% 100% !important;
border: 0 !important;
border-radius: 999px !important;
color: #fff !important;
cursor: pointer;
display: inline-flex !important;
font-family: inherit !important;
font-size: 16px !important;
font-weight: 700 !important;
gap: 10px !important;
height: 78px !important;
justify-content: center !important;
letter-spacing: .02em !important;
line-height: 1 !important;
max-width: 100% !important;
padding: 0 28px !important;
text-transform: uppercase !important;
transition: background-position .24s ease, color .2s ease, opacity .2s ease !important;
width: 100% !important;
}
.spadent-lead-form .spadent-lead-form__submit:disabled {
background: #c9c9c9 !important;
background-position: 0 0 !important;
background-size: auto !important;
color: #7b7b7b !important;
cursor: default;
opacity: 1;
}
.spadent-lead-form .spadent-lead-form__submit:not(:disabled):hover {
background-position: 100% 0 !important;
color: #fff !important;
opacity: .95;
}
.spadent-lead-form .spadent-lead-form__submit.is-sending {
background: linear-gradient(90deg, #445775 0%, #8699b7 50%, #445775 100%) !important;
background-position: 0 0 !important;
background-size: 200% 100% !important;
color: #fff !important;
opacity: 1 !important;
pointer-events: none;
}
.spadent-lead-form .spadent-lead-form__submit.is-success {
background: linear-gradient(90deg, #445775 0%, #8699b7 50%, #445775 100%) !important;
background-position: 100% 0 !important;
background-size: 200% 100% !important;
color: #fff !important;
opacity: 1 !important;
pointer-events: none;
}
.spadent-lead-form .spadent-lead-form__submit.is-success::before {
border: solid currentColor;
border-width: 0 3px 3px 0;
content: "";
display: block;
height: 16px;
transform: rotate(45deg) translateY(-1px);
width: 8px;
}
.spadent-lead-form__tooltip {
background: #fff;
border: 1px solid rgba(68, 87, 117, .18);
border-radius: 12px;
bottom: calc(100% + 14px);
box-shadow: 0 14px 34px rgba(27, 44, 70, .16);
color: #303030;
left: 50%;
opacity: 0;
padding: 14px 16px;
pointer-events: none;
position: absolute;
text-align: center;
transform: translate(-50%, 8px);
transition: opacity .18s ease, transform .18s ease;
width: min(340px, 100%);
z-index: 5;
}
.spadent-lead-form__tooltip::after {
background: #fff;
border-bottom: 1px solid rgba(68, 87, 117, .18);
border-right: 1px solid rgba(68, 87, 117, .18);
bottom: -7px;
content: "";
height: 14px;
left: 50%;
position: absolute;
transform: translateX(-50%) rotate(45deg);
width: 14px;
}
.spadent-lead-form__submit-wrap:hover .spadent-lead-form__submit:disabled + .spadent-lead-form__tooltip {
opacity: 1;
transform: translate(-50%, 0);
}
.spadent-lead-form__submit-wrap:hover .spadent-lead-form__submit:not(:disabled) + .spadent-lead-form__tooltip,
.spadent-lead-form__submit-wrap:hover .spadent-lead-form__submit.is-sending + .spadent-lead-form__tooltip,
.spadent-lead-form__submit-wrap:hover .spadent-lead-form__submit.is-success + .spadent-lead-form__tooltip {
opacity: 0;
transform: translate(-50%, 8px);
}
.spadent-lead-form__tooltip-title,
.spadent-lead-form__tooltip-text {
display: block;
letter-spacing: 0;
}
.spadent-lead-form__tooltip-title {
font-size: 15px;
font-weight: 700;
line-height: 1.25;
margin-bottom: 4px;
}
.spadent-lead-form__tooltip-text {
color: #68717d;
font-size: 13px;
line-height: 1.35;
}
.spadent-lead-form__consent {
align-items: flex-start;
color: #303030;
cursor: pointer;
display: flex;
font-size: 18px;
gap: 16px;
letter-spacing: 0;
line-height: 1.32;
margin: 0;
}
.spadent-lead-form__checkbox {
appearance: none;
background: #fff;
border: 1px solid #8c8c8c;
border-radius: 3px;
cursor: pointer;
flex: 0 0 auto;
height: 24px;
margin: 1px 0 0;
position: relative;
width: 24px;
}
.spadent-lead-form__checkbox:checked {
background: #445775;
border-color: #445775;
}
.spadent-lead-form__checkbox:checked::after {
border: solid #fff;
border-width: 0 2px 2px 0;
content: "";
height: 12px;
left: 8px;
position: absolute;
top: 3px;
transform: rotate(45deg);
width: 6px;
}
.spadent-lead-form__consent a {
color: #445775;
text-decoration: underline;
text-underline-offset: 2px;
}
.spadent-lead-form__message {
border-radius: 12px;
font-size: 15px;
letter-spacing: 0;
line-height: 1.4;
margin-top: 16px;
padding: 12px 16px;
}
.spadent-lead-form__message.is-error {
background: #fff0f0;
color: #9f2828;
}
.spadent-lead-form__message.is-success {
background: #eefaf1;
color: #21783a;
}
.spadent-lead-form__trap {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}
@media (max-width: 1199px) {
.spadent-lead-form__info,
.spadent-lead-form__form-card {
min-height: 560px;
}
.spadent-lead-form__info-content,
.spadent-lead-form__form-card {
padding: 34px;
}
.spadent-lead-form__info-title {
font-size: 38px;
}
.spadent-lead-form__form-title {
font-size: 34px;
}
.spadent-lead-form__benefit,
.spadent-lead-form .spadent-lead-form__input,
.spadent-lead-form .spadent-lead-form__select-button {
font-size: 18px !important;
}
.spadent-lead-form__select-option {
font-size: 18px;
}
}
@media (max-width: 991px) {
.spadent-lead-form__layout {
grid-template-columns: minmax(0, 1fr);
}
.spadent-lead-form__info {
min-height: 520px;
}
.spadent-lead-form__form-card {
min-height: 0;
}
.spadent-lead-form__form {
height: auto;
min-height: 0;
}
.spadent-lead-form__submit-wrap {
margin-top: 0;
}
}
@media (max-width: 767px) {
.spadent-lead-form {
margin-bottom: var(--spadent-lead-form-margin-bottom-mobile, var(--spadent-lead-form-margin-bottom, 0)) !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-top: var(--spadent-lead-form-margin-top-mobile, var(--spadent-lead-form-margin-top, 0)) !important;
padding-bottom: var(--spadent-lead-form-padding-bottom-mobile, var(--spadent-lead-form-padding-bottom, 34px));
padding-top: var(--spadent-lead-form-padding-top-mobile, var(--spadent-lead-form-padding-top, 34px));
}
.spadent-lead-form__container {
margin-left: 15px;
margin-right: 15px;
max-width: none;
width: auto;
}
.spadent-lead-form__layout,
.spadent-lead-form__info,
.spadent-lead-form__form-card {
max-width: 100%;
min-width: 0;
width: 100%;
}
.spadent-lead-form__info,
.spadent-lead-form__form-card {
border-radius: 18px;
}
.spadent-lead-form__info {
min-height: 480px;
}
.spadent-lead-form__info-content,
.spadent-lead-form__form-card {
padding: 24px 18px;
}
.spadent-lead-form__info-title,
.spadent-lead-form__form-title {
font-size: 22px;
line-height: 1.16;
max-width: calc(100vw - 72px);
}
.spadent-lead-form__form-title {
margin-bottom: 28px;
}
.spadent-lead-form__benefits-list {
gap: 14px;
}
.spadent-lead-form__benefit {
font-size: 14px;
gap: 12px;
grid-template-columns: 20px minmax(0, 1fr);
line-height: 1.32;
}
.spadent-lead-form__benefit-text {
max-width: 280px;
}
.spadent-lead-form__fields {
gap: 14px;
margin-bottom: 28px;
}
.spadent-lead-form .spadent-lead-form__input,
.spadent-lead-form input.spadent-lead-form__input,
.spadent-lead-form select.spadent-lead-form__input,
.spadent-lead-form .iti input.spadent-lead-form__input,
.spadent-lead-form .spadent-lead-form__select-button {
border-radius: 13px !important;
font-size: 16px !important;
height: 58px !important;
padding: 0 16px !important;
}
.spadent-lead-form input.spadent-lead-form__phone,
.spadent-lead-form .iti input.spadent-lead-form__phone {
padding-left: 16px !important;
}
.spadent-lead-form .spadent-lead-form__select-button {
padding-right: 18px !important;
}
.spadent-lead-form__select-option {
font-size: 16px;
}
.spadent-lead-form .iti__country-container {
padding-left: 0;
}
.spadent-lead-form .spadent-lead-form__submit {
font-size: 14px !important;
height: 58px !important;
padding: 0 18px !important;
}
.spadent-lead-form__consent {
font-size: 14px;
gap: 10px;
}
.spadent-lead-form__consent span {
max-width: 280px;
min-width: 0;
}
.spadent-lead-form__checkbox {
height: 22px;
width: 22px;
}
.spadent-lead-form__tooltip {
bottom: calc(100% + 10px);
width: 100%;
}
}
@media (max-width: 420px) {
.spadent-lead-form__layout {
gap: 14px;
}
.spadent-lead-form__info {
min-height: 455px;
}
.spadent-lead-form__info-content,
.spadent-lead-form__form-card {
padding: 22px 16px;
}
.spadent-lead-form__info-title,
.spadent-lead-form__form-title {
font-size: 21px;
line-height: 1.15;
max-width: calc(100vw - 76px);
}
.spadent-lead-form__benefit {
font-size: 13px;
gap: 10px;
}
.spadent-lead-form__benefit-text {
max-width: 245px;
}
.spadent-lead-form .spadent-lead-form__submit {
font-size: 13px !important;
}
.spadent-lead-form__consent {
font-size: 13px;
line-height: 1.28;
}
.spadent-lead-form__consent span {
max-width: 245px;
}
}