.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}@font-face {
font-family: 'Unbounded';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Unbounded-ExtraLight.woff2) format('woff2');
font-weight: 200;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Unbounded';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Unbounded-Light.woff2) format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Unbounded';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Unbounded-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Unbounded';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Unbounded-Medium.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Unbounded';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Unbounded-SemiBold.woff2) format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Unbounded';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Unbounded-Bold.woff2) format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Unbounded';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Unbounded-ExtraBold.woff2) format('woff2');
font-weight: 800;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Unbounded';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Unbounded-Black.woff2) format('woff2');
font-weight: 900;
font-style: normal;
font-display: swap;
}    @font-face {
font-family: 'Montserrat';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Montserrat-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Montserrat';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Montserrat-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Montserrat-MediumItalic.ttf) format('truetype');
font-weight: 500;
font-style: italic;
font-display: swap;
}    @font-face {
font-family: 'Manrope';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Manrope-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Manrope-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Manrope-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Onest-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Onest-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: url(//almond-medical.ru/wp-content/themes/amclinic/assets/fonts/Onest-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}html {
box-sizing: border-box;
scroll-behavior: smooth;
font-size: 100%;
overflow-x: hidden;
}
*,
*::after,
*::before {
box-sizing: border-box;
}
:root {
--container-max-width: 1600px;
--content-padding: clamp(48px, calc(48px + (150 - 48) * (100vw - 1280px) / (1500 - 1280)), 150px);
--default-font: "Unbounded", sans-serif;
--white-color: #fff;
--pink-color: #eb3c7f;
--pink-white-color: #fce9f1;
--blue-color: #1e4dc3;
--blue-color-second: #3569eb;
--blue-white-color: #dbe3f6;
--blue-white-color-second: #8094c0;
--blue-light-color: #86A8FD;
--violet-color: #6118cf;
--cyan-color: #5fc7ed;
--green-color: #12b12d;
--green-color-second: #10b981;
--green-white-color: #E2F2DE;
--black-color: #211f2c;
--gray-light-color: #f2f3f5;
--gray-light-color-second: #b2b1b6;
--gray-color: #89888d;
--gray-color-second: #545459;
--color-fail: #ff474a;
--transition: 0.3s;
--title-mrg-btm: 32px;
}
html.with-fancybox {
overflow: hidden !important;
}
body {
font-family: var(--default-font);
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1200)),
18px
);
line-height: 155%;
font-weight: 300;
min-width: 320px;
background-color: var(--white-color);
color: var(--black-color);
margin: 0;
padding: 0;
overflow-x: clip;
}
button {
background-color: transparent;
border: none;
padding: 0;
cursor: pointer;
}
img {
max-width: 100%;
}
a {
text-decoration: none;
color: inherit;
cursor: pointer;
}
b,
strong {
font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0;
color: var(--black-color);
}
input.wpcf7-not-valid {
border-color: var(--color-fail);
}
.wpcf7-not-valid-tip {
position: absolute;
top: -12px;
padding: 0 16px;
color: var(--color-fail);
font-size: 14px;
font-weight: 300;
line-height: 142%;
background-color: var(--gray-light-color);
border-radius: 4px;
}
.wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7-form-control-wrap {
display: contents;
}
.wpcf7-spinner {
display: none;
}
.wpcf7-response-output {
display: none;
}
[x-cloak] {
display: none !important;
}
.ov-h {
overflow: hidden;
}
.fancybox__container {
z-index: 9999;
}
.fancybox__backdrop {
opacity: 0.6 !important;
}
.container {
display: grid;
grid-template-columns:
[main-start] minmax(0, 1fr)
[content-start] minmax(
0,
min(calc(100% - 2 * var(--content-padding)), var(--container-max-width))
)
[content-end] minmax(0, 1fr)
[main-end];
column-gap: var(--content-padding);
}
.container__big {
--container-max-width: 1760px;
--content-padding: 32px;
}
.container__content {
grid-column: content;
container: content / inline-size;
}
.title {
font-size: clamp(
35px,
calc(35px + 10 * (100cqw - 1280px) / (1600 - 1280)),
45px
);
font-weight: 600;
line-height: 124%;
color: var(--black-color);
margin-bottom: var(--title-mrg-btm);
}
.mrg__btm-100,
.mrg__btm-100-60 {
margin-bottom: 100px;
}
.mrg__btm-80 {
margin-bottom: 80px;
}
.mrg__100-60 {
margin: 100px 0;
}
.mrg__64 {
margin: clamp(
48px,
calc(48px + (64 - 48) * (100cqw - 1280px) / (1600 - 1280)),
64px
)
0;
}
.mrg__80 {
margin: 80px 0;
}
.mrg__btm-56 {
margin-bottom: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.mrg__btm-36 {
margin-bottom: 36px;
}
.btn {
display: block;
padding: 16px 40px;
background-color: var(--blue-color);
color: var(--white-color);
text-align: center;
border-radius: clamp(
16px,
calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
text-transform: uppercase;
font-weight: 600;
max-width: fit-content;
transition: var(--transition);
}
.btn.btn__arr {
display: flex;
flex-direction: row;
gap: 16px;
}
.btn.btn__arr::after {
content: "";
display: block;
width: clamp(
18px,
calc(18px + (24 - 18) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
height: clamp(
18px,
calc(18px + (24 - 18) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
background-color: var(--white-color);
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/black-arr-top-right.svg);
mask-size: contain;
mask-repeat: no-repeat;
transition: var(--transition);
}
.btn.btn__arr:hover::after {
transform: rotate(45deg);
}
.fancybox__content {
padding: 0 0 !important;
margin: 0 80px;
max-width: 1200px;
}
.breadcrumbs {
margin: 32px 0;
}
.breadcrumbs__inner {
width: calc(100% + 48px);
margin-left: -24px;
padding: 16px 36px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
align-items: center;
background-color: var(--blue-white-color);
border-radius: 16px;
font-size: 12px;
font-weight: 300;
line-height: 133%;
color: var(--gray-color);
}
.breadcrumbs__inner span > span {
color: var(--black-color);
}
.breadcrumbs__inner a {
transition: var(--transition);
}
.breadcrumbs__inner a:hover {
color: var(--blue-color);
}
.header__site {
font-family: 'Onest', sans-serif;
font-weight: 400;
position: sticky;
padding-top: 16px;
margin-bottom: 36px;
background-color: var(--white-color);
width: 100%;
z-index: 2;
}
.header__site.head__mob-open {
z-index: 9999;
}
.header__wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.logo__header-wrap {
display: flex;
}
.logo__header {
width: clamp(
88px,
calc(88px + (102 - 88) * (100cqw - 1280px) / (1600 - 1280)),
102px
);
min-width: 64px;
}
.header__top-menu-wrap {
margin-left: clamp(
24px,
calc(24px + (70 - 24) * (100cqw - 1280px) / (1600 - 1280)),
70px
);
}
.header__top-menu {
padding-top: 4px;
display: flex;
flex-direction: row;
gap: clamp(
24px,
calc(24px + (30 - 24) * (100cqw - 1280px) / (1600 - 1280)),
30px
);
margin-bottom: clamp(16px, calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)), 20px);
}
.header__top-menu-link {
position: relative;
font-size: clamp(
15px,
calc(15px + (16 - 15) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
line-height: 146%;
color: var(--gray-color);
transition: var(--transition);
letter-spacing: 0.6%;
}
.header__top-menu-link:hover {
color: var(--pink-color);
}
.header__top-menu-link.mark:hover::before {
top: -10px;
right: -10px;
}
.header__top-menu-link.mark::before {
content: "";
display: block;
width: 23px;
height: 18px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/mark_top_menu.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: -13px;
right: -16px;
transition: var(--transition);
}
.header__top-info {
display: flex;
flex-direction: row;
gap: 30px;
}
.header__top-info-block {
display: flex;
flex-direction: row;
gap: clamp(8px, calc(8px + (14 - 8) * (100cqw - 1280px) / (1600 - 1280)), 14px);
align-items: center;
}
.header__top-info-block-num {
font-family: "Unbounded", sans-serif;
color: var(--blue-color);
font-size: clamp(
24px,
calc(24px + (30 - 24) * (100cqw - 1280px) / (1600 - 1280)),
30px
);
font-weight: 600;
line-height: 120%;
}
.header__top-info-block-text {
padding: clamp(4px, calc(4px + (6 - 4) * (100cqw - 1280px) / (1600 - 1280)), 6px) clamp(8px, calc(8px + (12 - 8) * (100cqw - 1280px) / (1600 - 1280)), 12px);
font-size: clamp(
12px,
calc(12px + (14 - 12) * (100cqw - 1280px) / (1600 - 1280)),
14px
);
line-height: 128%;
background-color: var(--blue-white-color);
border-radius: 10px;
}
.header__badge {
position: relative;
padding-top: clamp(8px, calc(8px + (14 - 8) * (100cqw - 1280px) / (1600 - 1280)),13.5px);
padding-right: clamp(9px, calc(9px + (14 - 9) * (100cqw - 1280px) / (1600 - 1280)), 14px);
padding-bottom: clamp(7px, calc(7px + (12 - 7) * (100cqw - 1280px) / (1600 - 1280)), 12.5px);
padding-left: clamp(8px, calc(8px + (13 - 8) * (100cqw - 1280px) / (1600 - 1280)), 13px);
display: grid;
grid-template-columns: clamp(41px, calc(41px + (51 - 41) * (100cqw - 1280px) / (1600 - 1280)), 51px) 1fr;
align-items: center;
gap: clamp(4px, calc(4px + (6 - 4) * (100cqw - 1280px) / (1600 - 1280)), 6px);
width: clamp(
148px,
calc(148px + (191 - 148) * (100cqw - 1280px) / (1600 - 1280)),
191px
);
margin: auto 0 auto auto;
background-color: var(--pink-color);
color: var(--white-color);
border-radius: 10px;
height: fit-content;
}
.header__badge::before {
content: '';
display: block;
height: clamp(23px, calc(23px + (29 - 23) * (100cqw - 1280px) / (1600 - 1280)), 29px);
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/rr-ico.svg);
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--white-color);
}
.header__badge-text {
display: flex;
flex-direction: column;
text-align: center;
}
.header__badge-title {
font-family: 'Unbounded', sans-serif;
font-weight: 600;
font-size: clamp(19px, calc(19px + (21 - 19) * (100cqw - 1280px) / (1600 - 1280)), 21px);
line-height: 110%;
}
.header__badge-subtitle {
font-size: clamp(12px, calc(12px + (15 - 12) * (100cqw - 1280px) / (1600 - 1280)), 15px);
line-height: 137%;
}
.header__btns-wrap {
display: flex;
flex-direction: column-reverse;
align-items: flex-end;
justify-content: center;
gap: 10px;
margin-left: auto;
}
.header__tel {
font-family: "Unbounded", sans-serif;
font-size: clamp(
19px,
calc(19px + (21 - 19) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
line-height: 128%;
font-weight: 600;
color: var(--black-color);
transition: var(--transition);
}
.header__tel:hover {
color: var(--pink-color);
text-shadow: 0 0 20px var(--pink-color);
}
.header__btns-inner {
display: grid;
grid-template-columns: clamp(53px, calc(53px + (64 - 53) * (100cqw - 1280px) / (1600 - 1280)), 64px) clamp(53px, calc(53px + (64 - 53) * (100cqw - 1280px) / (1600 - 1280)), 64px) clamp(186px, calc(186px + (230 - 186) * (100cqw - 1280px) / (1600 - 1280)), 230px);
gap: 6px;
}
.header__btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: clamp(
44px,
calc(44px + (53 - 44) * (100cqw - 1280px) / (1600 - 1280)),
53px
);
border-radius: clamp(10px, calc(10px + (16 - 10) * (100cqw - 1280px) / (1600 - 1280)), 16px);
transition: var(--transition);
cursor: pointer;
overflow: hidden;
}
.header__btn::before {
content: '';
display: block;
width: clamp(18px, calc(18px + (22 - 18) * (100cqw - 1280px) / (1600 - 1280)), 22px);
height: clamp(18px, calc(18px + (22 - 18) * (100cqw - 1280px) / (1600 - 1280)), 22px);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--white-color);
}
.header__btn-tg {
background-color: var(--cyan-color);
}
.header__btn-tg::before {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/tg-form.svg);
height: clamp(15px, calc(15px + (19 - 15) * (100cqw - 1280px) / (1600 - 1280)), 19px);
}
.header__btn-tg:hover {
box-shadow: 0 0px 12px var(--cyan-color);
}
.header__btn-max {
background-color: var(--violet-color);
}
.header__btn-max::before {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/max-form.svg);
}
.header__btn-max:hover {
box-shadow: 0 0px 12px var(--violet-color);
}
.header__btn-wa {
position: relative;
width: clamp(
72px,
calc(72px + (86 - 72) * (100cqw - 1280px) / (1600 - 1280)),
86px
);
height: 50px;
background-color: var(--green-color);
border-radius: 16px;
transition: var(--transition);
}
.header__btn-wa:hover {
box-shadow: 0 0px 12px var(--green-color);
}
.header__btn-wa::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 24px;
height: 24px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/wa-form.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--white-color);
}
.header__btn-tasks {
font-family: "Unbounded", sans-serif; font-weight: 600;
font-size: clamp(12px, calc(12px + (14 - 12) * (100cqw - 1280px) / (1600 - 1280)), 14px);
line-height: 142%;
color: var(--white-color);
text-align: center;
background-color: var(--blue-color);
border-radius: clamp(10px, calc(10px + (16 - 10) * (100cqw - 1280px) / (1600 - 1280)), 16px);
transition: var(--transition);
}
.header__btn-tasks:hover {
background-color: var(--pink-color);
box-shadow: 0 0 12px var(--pink-color);
}
.header__burger {
display: none;
width: 73px;
height: 73px;
padding: 23.5px 23.5px;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
border-radius: 16px;
background-color: var(--black-color);
cursor: pointer;
}
.header__burger > span {
display: block;
height: 3px;
width: 26px;
border-radius: 5px;
background-color: var(--white-color);
transition: var(--transition);
}
.header__burger.active > span:nth-child(2) {
opacity: 0;
}
.header__btns-mobile-inner {
display: none;
}
.header__tel-mobile {
position: relative;
width: 40px;
height: 40px;
background-color: var(--blue-color);
border-radius: 10px;
}
.header__tel-mobile::before {
display: block;
width: 19px;
height: 19px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/phone_header.svg);
}
.header__bot-menu-wrapper {
display: contents;
}
.header__bot-menu {
margin-top: clamp(
20px,
calc(20px + (26 - 20) * (100cqw - 1280px) / (1600 - 1280)),
26px
);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: clamp(
12px,
calc(12px + (58 - 12) * (100cqw - 992px) / (1600 - 992)),
58px
);
list-style-type: none;
padding-inline-start: 0;
margin-bottom: 0;
}
.header__bot-menu-link {
font-size: clamp(17px, calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)), 18px);
line-height: 131%;
font-weight: 400;
color: var(--black-color);
transition: var(--transition);
text-align: center;
}
@media (min-width: 992px) {
.header__bot-menu-item:hover .header__bot-menu-link {
color: var(--blue-color);
}
}
.header__bot-menu-drop {
transition: var(--transition);
}
.header__bot-menu-link.sub .header__bot-menu-drop::after {
content: "";
display: block;
width: 24px;
height: 24px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/chevron_down.svg);
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--black-color);
transition: var(--transition);
transform: translateY(0);
transition: var(--transition);
}
.header__bot-menu-link.sub {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
transition: var(--transition);
}
@media (min-width: 992px) {
.header__bot-menu-item:hover
.header__bot-menu-link.sub
.header__bot-menu-drop::after {
transform: translateY(3px);
background-color: var(--blue-color);
}
}
.header__bot-menu-item-sublist {
position: absolute;
padding: 24px 24px;
display: none;
flex-direction: column;
gap: 16px;
border-radius: 24px;
box-shadow: 10px 10px 32px 0 rgba(21, 50, 70, 0.25);
background-color: var(--white-color);
z-index: 2;
}
@media (min-width: 992px) {
.header__bot-menu-item.dropdown:hover .header__bot-menu-item-sublist {
display: flex;
}
}
.header__bot-menu-subitem {
transition: var(--transition); font-size: 18px;
font-weight: 400;
}
@media (min-width: 992px) {
.header__bot-menu-subitem:hover {
text-decoration: underline;
text-underline-offset: 5px;
}
}
.hero__section-item {
display: flex;
justify-content: center;
min-width: 0;
width: 100%;
padding: 0 24px;
}
.hero__copy-wrap {
width: 100%;
max-width: 768px;
padding: 0 0 2px;
color: var(--white-color);
background: var(--blue-color);
}
.hero__title {
color: var(--white-color);
font-family: "Unbounded", sans-serif;
font-size: clamp(32px, calc(32px + (43 - 32) * (100cqw - 1280px) / (1600 - 1280)), 43px);
font-weight: 600;
line-height: 140%;
letter-spacing: 0;
}
.hero__title > span {
display: inline-block;
margin-left: 12px;
font-size: clamp(22px, calc(22px + (25 - 22) * (100cqw - 1280px) / (1600 - 1280)), 25px);
font-weight: 400;
line-height: 128%;
}
.hero__description {
margin-top: clamp(18px, calc(18px + (22 - 18) * (100cqw - 1280px) / (1600 - 1280)), 22px);
padding-right: clamp(0px, calc(0px + (80 - 0) * (100cqw - 1280px) / (1600 - 1280)), 80px);
color: var(--white-color);
font-size: clamp(17px, calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)), 18px);
font-weight: 400;
line-height: 132%;
opacity: 0.9;
}
.hero__growth-card {
width: 100%;
color: var(--white-color);
background: var(--blue-color);
}
.hero__growth-panel {
width: 100%;
max-width: clamp(592px, calc(592px + (764 - 592) * (100cqw - 1280px) / (1600 - 1280)),764px);
padding-top: clamp(12px, calc(12px + (20 - 12) * (100cqw - 1280px) / (1600 - 1280)), 20px);
padding-right: clamp(24px, calc(24px + (30 - 24) * (100cqw - 1280px) / (1600 - 1280)), 30px);
padding-bottom: clamp(22px, calc(22px + (30 - 22) * (100cqw - 1280px) / (1600 - 1280)), 30px);
padding-left: clamp(18px, calc(18px + (24 - 18) * (100cqw - 1280px) / (1600 - 1280)), 24px);
border-left: 6px solid var(--white-color);
border-radius: clamp(30px, calc(30px + (40 - 30) * (100cqw - 1280px) / (1600 - 1280)), 40px);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(82, 126, 234, 0.42));
backdrop-filter: blur(40px);
}
.hero__growth-row {
display: grid;
grid-template-columns: clamp(114px, calc(114px + (144 - 114) * (100cqw - 1280px) / (1600 - 1280)), 144px) 1fr;
gap: clamp(16px, calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)), 24px);
width: 100%;
}
.hero__growth-avatar-wrap {
width: 100%;
overflow: hidden;
height: fit-content;
}
.hero__growth-avatar-image {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center top;
}
.hero__growth-content {
display: flex;
flex-direction: column;
gap: clamp(16px, calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)), 20px);
min-width: 0;
padding-top: clamp(4px, calc(4px + (8 - 4) * (100cqw - 1280px) / (1600 - 1280)), 8px);
}
.hero__growth-copy {
display: flex;
flex-direction: column;
gap: clamp(10px, calc(10px + (16 - 10) * (100cqw - 1280px) / (1600 - 1280)), 16px);
}
.hero__growth-title {
color: var(--white-color);
font-family: "Unbounded", sans-serif;
font-size: clamp(19px, calc(19px + (21 - 19) * (100cqw - 1280px) / (1600 - 1280)), 21px);
font-weight: 600;
line-height: 133.333%;
}
.hero__growth-description {
color: rgba(255, 255, 255, 0.7);
font-size: clamp(17px, calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)), 18px);
font-weight: 400;
line-height: 140%;
}
.hero__growth-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
width: 100%;
}
.hero__growth-button-primary,
.hero__growth-button-secondary {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
padding: 16px 0;
border-radius: 20px;
font-family: "Unbounded", sans-serif;
font-size: clamp(14px, calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)), 16px);
font-weight: 600;
line-height: 150%;
text-align: center;
white-space: nowrap;
}
.hero__growth-button-primary {
background: var(--pink-color);
}
.hero__growth-button-secondary {
background: #527eea;
}
.hero__growth-button-primary,
.hero__growth-button-secondary {
position: relative;
overflow: hidden;
isolation: isolate;
color: #fff;
text-decoration: none;
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
filter 0.25s ease;
}
.hero__growth-button-primary::after,
.hero__growth-button-secondary::after {
content: "";
position: absolute;
top: -40%;
left: -70%;
width: 45%;
height: 180%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.45),
transparent
);
transform: skewX(-22deg);
pointer-events: none;
animation: button-shine 5s linear infinite;
}
.hero__growth-button-secondary::after {
animation-delay: 1.5s;
opacity: 0.7;
}
.hero__growth-button-primary:hover,
.hero__growth-button-secondary:hover {
transform: translateY(-3px) scale(1.02);
filter: brightness(1.08);
}
.hero__growth-button-primary:active,
.hero__growth-button-secondary:active {
transform: translateY(0) scale(0.98);
}
.hero__growth-button-primary:focus-visible,
.hero__growth-button-secondary:focus-visible {
outline: 3px solid rgba(255, 255, 255, 0.75);
outline-offset: 4px;
}
@keyframes button-shine {
0%,
55% {
left: -70%;
}
78%,
100% {
left: 125%;
}
}
.hero__growth-caption {
margin-top: clamp(8px, calc(8px + (14 - 8) * (100cqw - 1280px) / (1600 - 1280)), 14px);
color: rgba(255, 255, 255, 0.6);
font-size: clamp(15px, calc(15px + (16 - 15) * (100cqw - 1280px) / (1600 - 1280)), 16px);
font-weight: 400;
line-height: 140%;
text-align: center;
}
.hero__schedule-wrap {
position: relative;
width: 100%;
max-width: 870px;
padding-bottom: 15px;
}
.hero__schedule-card {
display: flex;
flex-direction: column;
gap: 8px;
padding-top: clamp(9px, calc(9px + (12 - 9) * (100cqw - 1280px) / (1600 - 1280)), 12px);
padding-bottom: clamp(10px, calc(10px + (12 - 10) * (100cqw - 1280px) / (1600 - 1280)), 12px);
padding-left: clamp(12px, calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)), 16px);
padding-right: clamp(12px, calc(12px + (17 - 12) * (100cqw - 1280px) / (1600 - 1280)), 17px);
border-radius: clamp(22px, calc(22px + (32 - 22) * (100cqw - 1280px) / (1600 - 1280)), 32px);
background: var(--white-color);
box-shadow: 0 2px 2px rgba(30, 77, 195, 0.1), 0 16px 34px rgba(30, 77, 195, 0.16); }
.hero__schedule-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
padding-bottom: clamp(1px, calc(1px + (8 - 1) * (100cqw - 1280px) / (1600 - 1280)), 8px);
border-bottom: 1px solid var(--blue-white-color);
}
.hero__schedule-heading {
display: flex;
align-items: center;
}
.hero__schedule-status {
flex: 0 0 clamp(6px, calc(6px + (8 - 6) * (100cqw - 1280px) / (1600 - 1280)), 8px);
width: clamp(6px, calc(6px + (8 - 6) * (100cqw - 1280px) / (1600 - 1280)), 8px);
aspect-ratio: 1;
border-radius: 50%;
background: var(--green-color-second);
}
.hero__schedule-title {
padding-left: clamp(5px, calc(5px + (8 - 5) * (100cqw - 1280px) / (1600 - 1280)), 8px);
color: var(--black-color);
font-size: clamp(14px, calc(14px + (20 - 14) * (100cqw - 1280px) / (1600 - 1280)), 20px);
font-weight: 700;
line-height: 153%;
white-space: nowrap;
}
.hero__schedule-period {
color: var(--gray-color);
font-size: clamp(13px, calc(13px + (18 - 13) * (100cqw - 1280px) / (1600 - 1280)), 18px);
font-weight: 400;
line-height: 140%;
white-space: nowrap;
}
.hero__schedule-grid {
display: grid;
grid-template-columns: clamp(26px, calc(26px + (37 - 26) * (100cqw - 1280px) / (1600 - 1280)), 37px) repeat(6, minmax(0, 1fr));
gap: clamp(1.35px, calc(1.35px + (2 - 1.35) * (100cqw - 1280px) / (1600 - 1280)), 2px);
width: 100%;
padding-top: 2px;
}
.hero__schedule-day {
display: flex;
align-items: center;
justify-content: center;
min-height: clamp(13px, calc(13px + (17 - 13) * (100cqw - 1280px) / (1600 - 1280)), 17px);
color: var(--gray-color-second);
font-size: clamp(9px, calc(9px + (12 - 9) * (100cqw - 1280px) / (1600 - 1280)), 12px);
font-weight: 700;
line-height: 140%;
}
.hero__schedule-time {
padding: 5px 5px 5px 0;
color: var(--gray-color);
font-size: clamp(8px, calc(8px + (12 - 8) * (100cqw - 1280px) / (1600 - 1280)), 12px);
font-weight: 400;
line-height: 118%;
text-align: right;
}
.hero__schedule-cell {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
min-height: clamp(40px, calc(40px + (50 - 40) * (100cqw - 1280px) / (1600 - 1280)), 50px);
padding: 14px clamp(4px, calc(4px + (6 - 4) * (100cqw - 1280px) / (1600 - 1280)), 6px) clamp(2px, calc(2px + (6 - 2) * (100cqw - 1280px) / (1600 - 1280)), 6px);
overflow: hidden;
border-radius: 5px;
background: var(--cell-background);
color: var(--cell-color);
transition: var(--transition) transform, var(--transition) box-shadow;
}
.hero__schedule-cell,
.hero__schedule-cell-empty {
opacity: 0;
transform: translateX(-14px) scale(0.96);
animation: scheduleCellSnake 0.8s linear both;
animation-delay: calc(0.25s + var(--n, 0) * 70ms);
}
@keyframes scheduleCellSnake {
0% {
opacity: 0;
transform: translateX(-24px) scale(0.96);
}
70% {
opacity: 1;
transform: translateX(3px) scale(1.015);
}
100% {
opacity: 1;
transform: translateX(0) scale(1);
}
}
.hero__schedule-cell:hover {
transform: scale(1.05) !important;
box-shadow: 0 0 10px var(--gray-color) !important;
z-index: 1;
} .hero__schedule-grid > :nth-child(9)  { --n: 0; }
.hero__schedule-grid > :nth-child(10) { --n: 1; }
.hero__schedule-grid > :nth-child(11) { --n: 2; }
.hero__schedule-grid > :nth-child(12) { --n: 3; }
.hero__schedule-grid > :nth-child(13) { --n: 4; }
.hero__schedule-grid > :nth-child(14) { --n: 5; } .hero__schedule-grid > :nth-child(21) { --n: 6; }
.hero__schedule-grid > :nth-child(20) { --n: 7; }
.hero__schedule-grid > :nth-child(19) { --n: 8; }
.hero__schedule-grid > :nth-child(18) { --n: 9; }
.hero__schedule-grid > :nth-child(17) { --n: 10; }
.hero__schedule-grid > :nth-child(16) { --n: 11; } .hero__schedule-grid > :nth-child(23) { --n: 12; }
.hero__schedule-grid > :nth-child(24) { --n: 13; }
.hero__schedule-grid > :nth-child(25) { --n: 14; }
.hero__schedule-grid > :nth-child(26) { --n: 15; }
.hero__schedule-grid > :nth-child(27) { --n: 16; }
.hero__schedule-grid > :nth-child(28) { --n: 17; } .hero__schedule-grid > :nth-child(35) { --n: 18; }
.hero__schedule-grid > :nth-child(34) { --n: 19; }
.hero__schedule-grid > :nth-child(33) { --n: 20; }
.hero__schedule-grid > :nth-child(32) { --n: 21; }
.hero__schedule-grid > :nth-child(31) { --n: 22; }
.hero__schedule-grid > :nth-child(30) { --n: 23; } .hero__schedule-grid > :nth-child(37) { --n: 24; }
.hero__schedule-grid > :nth-child(38) { --n: 25; }
.hero__schedule-grid > :nth-child(39) { --n: 26; }
.hero__schedule-grid > :nth-child(40) { --n: 27; }
.hero__schedule-grid > :nth-child(41) { --n: 28; }
.hero__schedule-grid > :nth-child(42) { --n: 29; } .hero__schedule-grid > :nth-child(49) { --n: 30; }
.hero__schedule-grid > :nth-child(48) { --n: 31; }
.hero__schedule-grid > :nth-child(47) { --n: 32; }
.hero__schedule-grid > :nth-child(46) { --n: 33; }
.hero__schedule-grid > :nth-child(45) { --n: 34; }
.hero__schedule-grid > :nth-child(44) { --n: 35; } .hero__schedule-grid > :nth-child(51) { --n: 36; }
.hero__schedule-grid > :nth-child(52) { --n: 37; }
.hero__schedule-grid > :nth-child(53) { --n: 38; }
.hero__schedule-grid > :nth-child(54) { --n: 39; }
.hero__schedule-grid > :nth-child(55) { --n: 40; }
.hero__schedule-grid > :nth-child(56) { --n: 41; }
.hero__schedule-cell--search {
--cell-background: #d1f2eb;
--cell-color: #115e59;
}
.hero__schedule-cell--other {
--cell-background: #e0f2fe;
--cell-color: #075985;
}
.hero__schedule-cell--social {
--cell-background: #fef3c7;
--cell-color: #92400e;
}
.hero__schedule-cell--direct {
--cell-background: #fce9f1;
--cell-color: #b53d57;
}
.hero__schedule-cell-empty {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
min-height: clamp(40px, calc(40px + (50 - 40) * (100cqw - 1280px) / (1600 - 1280)), 50px);
border: 1px dashed var(--blue-white-color);
border-radius: 5px;
color: var(--black-color);
font-size: clamp(9px, calc(9px + (12 - 9) * (100cqw - 1280px) / (1600 - 1280)), 12px);
line-height: 118%;
}
.hero__schedule-cell-meta {
position: absolute;
top: 5px;
right: 5px;
opacity: 0.4;
font-size: clamp(6.5px, calc(6.5px + (8 - 6.5) * (100cqw - 1280px) / (1600 - 1280)), 8px);
font-weight: 700;
line-height: 118%;
text-transform: uppercase;
white-space: nowrap;
}
.hero__schedule-cell-name {
overflow: hidden;
font-size: clamp(8px, calc(8px + (11 - 8) * (100cqw - 1280px) / (1600 - 1280)), 11px);
font-weight: 700;
line-height: 149%;
text-overflow: ellipsis;
white-space: nowrap;
}
.hero__schedule-cell-service {
overflow: hidden;
font-size: clamp(8px, calc(8px + (11 - 8) * (100cqw - 1280px) / (1600 - 1280)), 11px);
font-weight: 400;
line-height: 124%;
text-overflow: ellipsis;
white-space: nowrap;
}
.hero__schedule-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-top: clamp(4px, calc(4px + (8 - 4) * (100cqw - 1280px) / (1600 - 1280)), 8px);
border-top: 1px solid var(--blue-white-color);
}
.hero__schedule-load {
color: var(--gray-color);
font-size: clamp(12px, calc(12px + (18 - 12) * (100cqw - 1280px) / (1600 - 1280)), 18px);
font-weight: 400;
line-height: 140%;
white-space: nowrap;
}
.hero__schedule-load strong {
margin-right: 4px;
color: var(--green-color-second);
font-size: clamp(14px, calc(14px + (20 - 14) * (100cqw - 1280px) / (1600 - 1280)), 20px);
line-height: 153%;
}
.hero__schedule-source {
position: relative;
padding: 3px clamp(4px, calc(4px + (8 - 4) * (100cqw - 1280px) / (1600 - 1280)), 8px);
border-radius: 5px;
background: #d1f2eb;
color: #115e59;
font-size: clamp(10px, calc(10px + (14 - 10) * (100cqw - 1280px) / (1600 - 1280)), 14px);
font-weight: 700;
line-height: 140%;
white-space: nowrap;
}
.hero__schedule-tooltip {
position: absolute;
top: calc(100% + 7px);
right: clamp(76px, calc(76px + (118 - 76) * (100cqw - 1280px) / (1600 - 1280)), 118px);
z-index: 1;
padding: clamp(5px, calc(5px + (6 - 5) * (100cqw - 1280px) / (1600 - 1280)), 6px) 12px;
border-radius: 7px;
background: var(--black-color);
color: var(--white-color);
font-size: clamp(12px, calc(12px + (18 - 12) * (100cqw - 1280px) / (1600 - 1280)), 18px);
font-weight: 700;
line-height: 140%;
white-space: nowrap;
box-shadow: 0 4px 20px rgba(255, 255, 255, 0.1);
}
.hero__schedule-tooltip::before {
content: "";
position: absolute;
top: -4px;
right: 18px;
width: 8px;
aspect-ratio: 1;
background: var(--black-color);
transform: rotate(45deg);
}
.hero__ticker-wrap {
width: 100%;
overflow: hidden;
padding: clamp(6px, calc(6px + (10 - 6) * (100cqw - 1280px) / (1600 - 1280)), 10px) 0;
background: var(--blue-color);
color: var(--white-color);
}
.hero__ticker-track {
display: flex;
align-items: center;
justify-content: center;
gap: clamp(12px, calc(12px + (20 - 12) * (100cqw - 1280px) / (1600 - 1280)), 20px);
width: max-content;
min-width: 100%;
animation: ticker linear infinite;
will-change: transform;
}
@keyframes ticker {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.hero__ticker-item {
display: inline-flex;
align-items: center;
flex: 0 0 auto;
font-size: clamp(17px, calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)), 18px);
font-weight: 400;
line-height: 140%;
white-space: nowrap;
}
.hero__ticker-item strong {
margin: 0 4px;
font-weight: 700;
}
.hero__ticker-item::before {
content: "";
width: 4px;
margin-right: 20px;
aspect-ratio: 1;
border-radius: 50%;
background: var(--white-color);
}
.hero__shell-wrap {
padding-top: clamp(50px, calc(50px + (64 - 50) * (100cqw - 1280px) / (1600 - 1280)), 64px);
padding-bottom: clamp(83px, calc(83px + (105 - 83) * (100cqw - 1280px) / (1600 - 1280)), 105px);
font-family: 'Onest', sans-serif;
position: relative;
overflow: visible;
}
.hero__shell-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: clamp(60px, calc(60px + (80 - 60) * (100cqw - 1280px) / (1500 - 1280)), 80px);
overflow: hidden;
background:
linear-gradient(322deg, rgba(14, 58, 168, 0) 65%, #547de5 104%), radial-gradient(ellipse 58% 112% at 56% 50%, rgba(14, 58, 168, 0) 0%, #172f97 100%)
#1E4DC3;
width: calc(100% + 120px);
margin-left: -60px; }
.hero__shell-bg::after {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
inset: 0;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/img/hero-bg.png);
background-size: cover;
background-repeat: no-repeat;
mix-blend-mode: multiply;
z-index: 0;
}
.hero__content-wrap {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: clamp(592px, calc(592px + (730 - 592) * (100cqw - 1280px) / (1600 - 1280)), 730px) 1fr;
gap: clamp(16px, calc(16px + (84 - 16) * (100cqw - 1280px) / (1600 - 1280)), 84px);
align-items: start;
}
.hero__column {
padding-right: clamp(0px, calc(0px + (20 - 0) * (100cqw - 1280px) / (1600 - 1280)), 20px);
display: flex;
flex-direction: column;
gap: clamp(24px, calc(24px + (34 - 24) * (100cqw - 1280px) / (1600 - 1280)), 34px);
min-width: 0;
}
.hero__content-wrap > .hero__section-item,
.hero__column > .hero__section-item {
display: block;
min-width: 0;
overflow: visible;
padding: 0;
}
.hero__content-wrap > .hero__section-item {
margin-top: 49px;
}
.hero__shell-wrap .hero__copy-wrap,
.hero__shell-wrap .hero__growth-card {
max-width: none;
background: transparent;
}
.hero__shell-wrap .hero__schedule-wrap {
max-width: none;
}
.hero__section-wide {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
overflow: hidden;
background-color: var(--blue-color);
width: 100%;
}
.main__banner-inner {
position: relative;
min-height: clamp(
457px,
calc(457px + (663 - 457) * (100cqw - 1280px) / (1600 - 1280)),
663px
);
z-index: 1;
}
.main__banner-inner::after {
content: "";
display: block;
width: clamp(
calc(100% + 48px),
calc(100% + 48px + (180 - 48) * (100cqw - 1280px) / (1600 - 1280)),
calc(100% + 180px)
);
height: 100%;
background: var(--blue-white-color);
background-size: cover;
background-repeat: no-repeat;
border-radius: 80px;
position: absolute;
top: 0;
left: clamp(
-90px,
calc(-24px + (-90 - -24) * (100vw - 1280px) / (1600 - 1280)),
-24px
);
z-index: -2;
grid-column: content-start / content-end;
pointer-events: none;
}
.main__banner-line {
position: absolute;
bottom: 0;
height: clamp(
155px,
calc(155px + (243 - 155) * (100vw - 1600px) / (1870 - 1600)),
243px
);
grid-column: content-start;
left: clamp(
-195px,
calc(-55px + (-195 - -55) * (100vw - 1600px) / (1870 - 1600)),
-55px
);
overflow-y: hidden;
}
.main__banner-line text {
font-family: "Manrope", sans-serif;
fill: var(--black-color);
font-size: 18px;
}
.main__banner-line text tspan {
font-weight: 600;
}
.main__banner-content {
position: relative;
z-index: 1;
}
.main__banner-line svg#mainBannerLineDesk {
width: clamp(
601px,
calc(601px + (1011 - 601) * (100vw - 1600px) / (1870 - 1600)),
1011px
);
height: clamp(
218px,
calc(218px + (366 - 218) * (100vw - 1600px) / (1870 - 1600)),
366px
);
}
.main__banner-line svg #mainBannerLine {
opacity: 0;
}
.main__banner-line svg#mainBannerLineMob {
display: none;
}
.main__banner-info {
padding-top: clamp(
64px,
calc(64px + (100 - 64) * (100cqw - 1280px) / (1600 - 1280)),
100px
);
padding-right: 0;
padding-bottom: clamp(
111px,
calc(111px + (130 - 111) * (100cqw - 1280px) / (1600 - 1280)),
130px
);
padding-left: clamp(
0px,
calc(32px + (0 - 32) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
}
.main__banner-info-inner {
max-width: clamp(
498px,
calc(498px + (852 - 498) * (100cqw - 1280px) / (1600 - 1280)),
852px
);
}
.main__banner-info-title {
margin-bottom: var(--title-mrg-btm);
font-size: clamp(
35px,
calc(35px + (56 - 35) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
font-weight: 600;
line-height: 128%;
}
.main__banner-info-text {
font-size: clamp(
16px,
calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
}
.main__banner-info-btn {
display: block;
padding: 18px 40px;
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 600;
margin-top: clamp(
32px,
calc(32px + (64 - 32) * (100cqw - 1280px) / (1600 - 1280)),
64px
);
border-radius: 20px;
background-color: var(--blue-color);
color: var(--white-color);
text-align: center;
width: fit-content;
transition: var(--transition);
}
.main__banner-info-btn:hover {
background-color: var(--pink-color);
box-shadow: 0 0 20px rgba(255, 71, 157, 0.8);
}
.main__banner-img {
position: absolute;
top: -32px;
right: clamp(
-160px,
calc(-48px + (-160 - -48) * (100vw - 1280px) / (1600 - 1280)),
-48px
);
width: clamp(
684px,
calc(684px + (1043 - 684) * (100cqw - 1280px) / (1600 - 1280)),
1043px
);
height: auto;
object-fit: cover;
z-index: -1;
}
.main__banner-bot {
margin-left: clamp(
-41px,
calc(0px + (-41 - 0) * (100cqw - 1280px) / (1600 - 1280)),
0px
);
display: flex;
flex-direction: row;
gap: clamp(
78px,
calc(78px + (120 - 78) * (100cqw - 1280px) / (1600 - 1280)),
120px
);
align-items: center;
}
.main__banner-bot-link {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 16px 39px;
padding-top: 60px;
margin-top: -40px;
background-color: var(--pink-color);
border-radius: 0 0 80px 80px;
color: var(--white-color);
font-size: clamp(
18px,
calc(18px + (25 - 18) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
font-weight: 600;
text-transform: uppercase;
width: clamp(
460px,
calc(460px + (652 - 460) * (100cqw - 1280px) / (1600 - 1280)),
652px
);
transition: var(--transition);
}
.main__banner-bot-link:hover {
background-color: var(--blue-color);
box-shadow: 0 0 20px var(--blue-color);
}
.main__banner-bot-link::after {
content: "";
display: block;
width: 64px;
height: 64px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arrow-circle.svg);
background-size: contain;
background-repeat: no-repeat;
transition: transform var(--transition) ease;
}
.main__banner-bot-link:hover::after {
transform: rotate(45deg);
}
.main__banner-bot-text {
font-size: clamp(
16px,
calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
z-index: 1;
font-weight: 300;
margin-top: 8px;
}
.awards__wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.awards__text-inner {
position: relative;
max-width: 380px;
z-index: 2;
}
.awards__text-wrap {
position: relative;
display: flex;
align-items: center;
}
@keyframes float {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-15px);
}
}
.awards__text-wrap::before {
content: "";
position: absolute;
bottom: clamp(
-70px,
calc(-20px + (-70 - -20) * (100vw - 1280px) / (1600 - 1280)),
-20px
);
right: clamp(
-380px,
calc(-285px + (-380 - -285) * (100vw - 1280px) / (1600 - 1280)),
-285px
);
display: block;
height: clamp(
200px,
calc(200px + (300 - 200) * (100vw - 1280px) / (1600 - 1280)),
300px
);
width: 240px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/gold-pointer.svg);
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
animation: float 3s ease-in-out infinite;
}
.awards__text-descr {
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
line-height: 137%;
font-weight: 400;
}
.awards__grid {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
max-width: clamp(
584px,
calc(584px + (888 - 584) * (100cqw - 1280px) / (1600 - 1280)),
888px
);
}
.awards__grid-item {
padding: 24px
clamp(
32px,
calc(32px + (48 - 32) * (100cqw - 1280px) / (1600 - 1280)),
48px
)
clamp(
24px,
calc(24px + (40 - 24) * (100cqw - 1280px) / (1600 - 1280)),
40px
)
clamp(
32px,
calc(32px + (48 - 32) * (100cqw - 1280px) / (1600 - 1280)),
48px
);
display: flex;
flex-direction: column;
gap: 8px;
border-radius: 24px;
color: var(--white-color);
}
.awards__grid-item.blue {
background-color: var(--blue-color);
}
.awards__grid-item.green {
background-color: var(--green-color);
}
.awards__grid-item.pink {
background-color: var(--pink-color);
}
.awards__grid-item.gray {
background-color: var(--blue-white-color);
color: var(--black-color);
}
.awards__grid-item-title {
font-size: clamp(
35px,
calc(35px + (45 - 35) * (100cqw - 1280px) / (1600 - 1280)),
45px
);
line-height: 124.44%;
font-weight: 600;
}
.awards__grid-item-descr {
line-height: 155.556%;
font-weight: 200;
}
.awards__grid-item.gray .awards__grid-item-title {
font-style: 700;
}
.awards__grid-item.gray .awards__grid-item-descr {
font-weight: 300;
}
.awards__grid-item-title strong {
font-size: clamp(
35px,
calc(35px + (56 - 35) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
line-height: 128.571%;
}
.awards__grid-item-descr b {
font-weight: 700;
}
.awards__grid-item.big {
padding-top: 48px;
grid-row: 2 / 4;
}
.awards__grid-item-link {
padding: 26px 24px;
font-size: 20px;
text-transform: uppercase;
text-align: center;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 24px;
border: 2px solid var(--black-color);
border-radius: 20px;
transition: var(--transition);
}
.awards__grid-item-link:hover {
background-color: var(--black-color);
color: var(--white-color);
}
.awards__grid-item-link::after {
content: "";
display: block;
width: 24px;
height: 24px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/black-arr-top-right.svg);
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--black-color);
transition: var(--transition);
}
.awards__grid-item-link:hover::after {
background-color: var(--white-color);
transform: rotate(45deg);
}
.conf__text-wrap {
margin-bottom: 48px;
}
.conf__text-inner b {
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
line-height: 137.143%;
margin-bottom: 24px;
}
.conf__text-item:not(:last-child) {
margin-bottom: 24px;
}
.conf__text-item.conf__text-item-mrg {
margin-bottom: clamp(
24px,
calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
}
.conf__text-item p {
margin-top: 0;
margin-bottom: 12px;
}
.conf__slider-wrap {
display: grid;
grid-template-columns: 300px 1fr;
align-items: center;
gap: 83px;
}
.conf__slider-inner {
position: relative;
padding: 72px 0;
height: 648px;
}
.conf__slider {
overflow: hidden;
height: 100%;
}
.conf__slider-button-next,
.conf__slider-button-prev {
position: absolute;
display: block;
width: 36px;
height: 36px;
background-size: contain;
background-repeat: no-repeat;
left: 50%;
transform: translateX(-50%);
cursor: pointer;
}
.conf__slider-button-prev.swiper-button-disabled,
.conf__slider-button-next.swiper-button-disabled {
opacity: 0.5;
pointer-events: none;
}
.conf__slider-button-next {
bottom: 0;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-black-bot.svg);
}
.conf__slider-button-prev {
top: 0;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-black-top.svg);
}
.conf__slider-item {
position: relative;
padding: 25px 10px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 18px;
font-weight: 300;
color: var(--black-color);
border: 1px solid var(--black-color);
border-radius: 24px;
cursor: pointer;
}
.swiper-slide-thumb-active .conf__slider-item {
background-color: var(--black-color);
color: var(--white-color);
}
.conf__slider-item-mark {
position: absolute;
right: 4px;
top: -12px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
background-color: var(--green-color);
color: var(--white-color);
padding: 6px 12.5px;
font-size: 9px;
line-height: normal;
font-weight: 500;
text-transform: uppercase;
border-radius: 24px;
}
.conf__slider-item-mark::before {
content: "";
display: block;
min-width: 4px;
height: 4px;
border-radius: 100%;
background-color: var(--white-color);
}
.conf__slider-photos-wrap {
position: relative;
overflow: hidden;
width: 100%;
}
.conf__slider-photos-slide {
display: grid;
grid-template-columns: 1fr 1.25fr;
gap: clamp(
16px,
calc(16px + (32 - 16) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
}
.conf__slider-photo {
object-fit: cover;
width: 100%;
height: 520px;
border-radius: 24px;
cursor: pointer;
}
.way__wrap {
display: grid;
grid-template-columns: 1fr clamp(
348px,
calc(348px + (450 - 348) * (100cqw - 1280px) / (1600 - 1280)),
450px
);
gap: clamp(
72px,
calc(72px + (120 - 72) * (100cqw - 1280px) / (1600 - 1280)),
120px
);
}
.way__block {
position: relative;
margin-left: clamp(
-80px,
calc(-48px + (-80 - -48) * (100cqw - 1280px) / (1600 - 1280)),
-48px
);
padding: clamp(
64px,
calc(64px + (80 - 64) * (100cqw - 1280px) / (1600 - 1280)),
80px
)
clamp(
48px,
calc(48px + (80 - 48) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
padding-right: clamp(
48px,
calc(48px + (160 - 48) * (100cqw - 1280px) / (1600 - 1280)),
160px
);
color: #fff;
background-color: var(--blue-color);
border-radius: clamp(
48px,
calc(48px + (80 - 48) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
height: fit-content;
}
.way__block-line-wrap.mob {
display: none;
}
.way__block-line-wrap {
position: absolute;
top: 0;
right: -330px;
width: clamp(
500px,
calc(500px + (640 - 500) * (100cqw - 1280px) / (1600 - 1280)),
640px
);
height: clamp(
500px,
calc(500px + (640 - 500) * (100cqw - 1280px) / (1600 - 1280)),
640px
);
right: clamp(
-330px,
calc(-260px + (-330 - 260) * (100cqw - 1280px) / (1600 - 1280)),
-260px
);
overflow: hidden;
}
.way__block-line-wrap svg {
width: 100%;
height: 100%;
}
#wayBlockPath,
#wayBlockPathMob {
fill: none;
opacity: 0;
}
#wayBlockRoadPath,
#wayBlockRoadPathMob {
fill: none;
}
.way__block-line-wrap text {
font-family: "Manrope", sans-serif;
font-size: 21px;
font-weight: 400;
fill: var(--white-color);
}
.way__block-title {
color: var(--white-color);
margin-bottom: clamp(
36px,
calc(36px + (56 - 24) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.way__block-grid {
display: grid;
grid-template-columns: 350px 350px;
justify-content: space-between;
row-gap: clamp(
36px,
calc(36px + (56 - 24) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
column-gap: 16px;
counter-reset: div;
}
.way__block-grid-item {
position: relative;
padding: 24px 0 0 51px;
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
max-width: 350px;
font-weight: 200;
font-family: "Unbounded", sans-serif;
}
.way__block-grid .way__block-grid-item::before {
counter-increment: div;
content: counter(div, decimal);
position: absolute;
left: 0;
top: 0;
font-size: clamp(
35px,
calc(35px + (45 - 35) * (100cqw - 1280px) / (1600 - 1280)),
45px
);
line-height: 124.44%;
font-weight: 600;
color: var(--white-color);
opacity: 0.25;
}
.way__text-wrap {
margin-top: clamp(
183px,
calc(183px + (196 - 183) * (100cqw - 1280px) / (1600 - 1280)),
196px
);
z-index: 1;
}
.way__text-title {
margin-bottom: clamp(
36px,
calc(36px + (56 - 24) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.way__text-inner {
font-size: clamp(
16px,
calc(16px + (25 - 16) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
line-height: 128%;
}
.way__text-inner p {
margin-bottom: 36px;
}
.way__text-inner p:last-child {
margin-bottom: 0;
}
.results__block {
display: flex;
flex-direction: column;
gap: 80px;
}
.title__results-text {
max-width: 1250px;
margin-bottom: 32px;
}
.case__page-results .title__results-text {
margin-bottom: 0;
}
.results__text-wrap ul,
.results__text-wrap ol {
padding-inline-start: 20px;
display: flex;
flex-direction: column;
gap: 32px;
}
.results__text-wrap ul {
padding-inline-start: 0;
list-style-type: none;
}
.results__text-wrap ul li {
position: relative;
padding-left: 40px;
}
.results__text-wrap ul li::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: block;
width: 16px;
height: 16px;
margin-right: 24px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/plus-blue.svg);
background-size: contain;
background-repeat: no-repeat;
}
.results__text-wrap > :last-child {
margin-bottom: 0;
}
.accord__results-wrap {
display: flex;
flex-direction: column;
gap: 36px;
}
.accord__result-item {
position: relative;
padding: clamp(
24px,
calc(24px + (48 - 24) * (100cqw - 1280px) / (1600 - 1280)),
48px
)
clamp(
48px,
calc(48px + (80 - 48) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
padding-right: clamp(
24px,
calc(24px + (80 - 24) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
min-height: clamp(
96px,
calc(96px + (146 - 96) * (100cqw - 1280px) / (1600 - 1280)),
146px
);
border: 1px solid var(--black-color);
border-radius: 24px;
cursor: pointer;
}
.accord__result-item.open {
padding: 0 0;
border-radius: clamp(
32px,
calc(32px + (80 - 32) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
}
.accord__result-item-mark {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
padding: 8px 24px;
left: clamp(
16px,
calc(16px + (80 - 16) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
top: -20px;
text-transform: uppercase;
font-family: "Unbounded", sans-serif;
font-size: 12px;
font-weight: 500;
color: #fff;
background-color: var(--green-color);
border-radius: 12px;
}
.accord__result-item-mark::before {
content: "";
display: block;
min-width: 18px;
height: 20px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/pin.svg);
background-size: contain;
background-repeat: no-repeat;
}
.accord__result-head,
.accord__result-body-head {
font-size: clamp(
21px,
calc(21px + (25 - 21) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
color: var(--black-color);
font-weight: 600;
text-transform: uppercase;
line-height: 133%;
}
.accord__result-head {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 32px;
}
.accord__result-head::after {
content: "";
display: block;
min-width: 48px;
height: 48px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/open-accord.svg);
background-size: contain;
background-repeat: no-repeat;
transition: var(--transition);
}
.accord__result-head:hover::after {
transform: rotate(45deg);
}
.accord__result-body-head {
display: none;
}
.accord__result-item.open .accord__result-body-head {
display: block;
}
.accord__result-item.open .accord__result-head {
display: none;
}
.accord__result-body {
cursor: auto;
}
.accord__result-item.open .accord__result-body {
display: grid;
gap: 36px;
grid-template-columns: 1fr clamp(
498px,
calc(498px + (708 - 498) * (100cqw - 1280px) / (1600 - 1280)),
708px
);
align-items: center;
}
.accord__result-body-text-wrap {
padding-top: clamp(
24px,
calc(24px + (48 - 24) * (100cqw - 1280px) / (1600 - 1280)),
48px
);
padding-bottom: clamp(
24px,
calc(24px + (48 - 24) * (100cqw - 1280px) / (1600 - 1280)),
48px
);
padding-left: clamp(
48px,
calc(48px + (80 - 48) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
display: flex;
flex-direction: column;
gap: 36px;
font-size: 16px;
}
.accord__result-body-text-wrap b {
font-weight: 700;
}
.accord__result-body-text-title {
color: var(--blue-color);
font-size: 18px;
font-weight: 600;
margin-bottom: 24px;
}
.accord__result-body-list {
padding-inline-start: 0;
list-style-type: none;
margin: 0 0;
display: flex;
flex-direction: column;
gap: 16px;
}
.accord__result-body-list li {
position: relative;
padding-left: 24px;
}
.accord__result-body-list li::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: block;
width: 9px;
height: 9px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/square-blue.svg);
background-size: contain;
background-repeat: no-repeat;
}
.accord__result-item .accord__result-body-box {
display: none;
}
.accord__result-item.open .accord__result-body-box {
display: flex;
flex-direction: column;
gap: 48px;
}
.accord__result-body-box {
padding: clamp(
36px,
calc(36px + (56 - 36) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
background-color: var(--blue-color);
color: var(--white-color);
border-radius: clamp(
32px,
calc(32px + (80 - 32) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
height: calc(100% + 2px);
margin-right: -1px;
}
.accord__result-body-box-text-wrap {
display: flex;
flex-direction: column;
gap: 36px;
}
.accord__result-body-box-title {
position: relative;
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
line-height: 137%;
font-weight: 600;
}
.accord__result-close {
float: right;
width: 48px;
height: 48px;
margin-right: clamp(
-12px,
calc(-12px + (24 - -12) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
margin-top: clamp(
-24px,
calc(-12px + (-24 - -12) * (100cqw - 1280px) / (1600 - 1280)),
-12px
);
margin-left: 24px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/close-accord.svg);
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
transition: var(--transition);
}
.accord__result-close:hover {
transform: rotate(45deg);
}
.accord__result-body-box-text {
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 155%;
font-weight: 400;
}
.accord__result-body-box-text span {
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
font-weight: 500;
}
.accord__result-body-box-text b,
.accord__result-body-box-text strong {
font-weight: 500;
}
.accord__result-body-box-text p:first-child {
margin: 0 0;
}
.accord__result-body-box-text p:last-child {
margin-bottom: 0;
}
.accord__result-body-box-link {
padding: 18px 18px;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
background-color: var(--white-color);
color: var(--blue-color);
border-radius: 20px;
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 600;
text-align: center;
text-transform: uppercase;
}
.accord__result-body-box-link::after {
content: "";
display: block;
min-width: 24px;
height: 24px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-top-right.svg);
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--blue-color);
transition: var(--transition);
}
.accord__result-body-box-link:hover::after {
transform: rotate(45deg);
}
.cases__access-wrap {
display: grid;
grid-template-columns: 1fr clamp(
372px,
calc(372px + (513 - 372) * (100cqw - 1280px) / (1600 - 1280)),
513px
);
justify-content: space-between;
gap: 60px;
}
.cases__access-text-wrap {
display: flex;
flex-direction: column;
gap: clamp(
32px,
calc(32px + (56 - 32) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
z-index: 1;
max-width: 946px;
}
.cases__access-title {
margin-bottom: clamp(
24px,
calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
}
.cases__access-subtitle {
font-weight: 600;
line-height: 155%;
max-width: 818px;
}
.cases__access-text ul,
.cases__access-text ol {
margin: 0 0;
padding-inline-start: 20px;
display: flex;
flex-direction: column;
gap: 24px;
}
.cases__access-text ul {
padding-inline-start: 0;
list-style: none;
}
.cases__access-text ul li {
position: relative;
display: flex;
align-items: center;
gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.cases__access-text ul li::before {
content: "";
display: block;
min-width: clamp(
32px,
calc(32px + (45 - 32) * (100cqw - 1280px) / (1600 - 1280)),
45px
);
height: clamp(
32px,
calc(32px + (45 - 32) * (100cqw - 1280px) / (1600 - 1280)),
45px
);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/circle-white-plus.svg);
background-size: contain;
background-repeat: no-repeat;
}
.cases__access-form-wrap {
position: relative;
padding: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
)
clamp(
36px,
calc(36px + (56 - 36) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
background-color: var(--blue-color);
color: var(--white-color);
border-radius: 48px;
display: flex;
flex-direction: column;
gap: 36px;
height: fit-content;
}
.cases__line-wrap {
position: absolute;
left: clamp(
-290px,
calc(-140px + (-290 - -140) * (100cqw - 1280px) / (1600 - 1280)),
-140px
);
bottom: clamp(
-35px,
calc(-35px + (63 - -35) * (100cqw - 1280px) / (1600 - 1280)),
63px
);
width: clamp(
209px,
calc(209px + (295 - 209) * (100cqw - 1280px) / (1600 - 1280)),
295px
);
height: clamp(
125px,
calc(125px + (174 - 125) * (100cqw - 1280px) / (1600 - 1280)),
174px
);
bottom: clamp(
-50px,
calc(-50px + (63 - -50) * (100cqw - 1280px) / (1600 - 1280)),
63px
);
}
.cases__line-wrap svg {
width: 100%;
height: 100%;
}
.cases__path-line {
stroke: #ff479d;
stroke-width: 32;
stroke-dasharray: none;
} .cases__line-wrap text {
font-family: "Manrope", sans-serif;
font-weight: 300;
fill: #fff;
font-size: 16px;
}
.cases__access-form-title-wrap {
display: flex;
flex-direction: column;
gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.cases__access-form-title {
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
font-weight: 500;
line-height: 137.143%;
}
.cases__access-form-subtitle {
font-size: clamp(
18px,
calc(18px + (25 - 18) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
font-weight: 300;
line-height: 128%;
max-width: 265px;
}
.cases__access-form,
.cases__access-form-inner {
display: flex;
flex-direction: column;
gap: 24px;
}
.cases__access-form-inner {
gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.cases__access-form-inner > p {
display: contents;
}
.cases__access-form-input-wrap {
position: relative;
}
.cases__access-form-input-wrap p {
display: contents;
}
.cases__access-form-input {
padding: 16px 16px;
width: 100%;
background-color: transparent;
border: 2px solid var(--white-color);
color: var(--white-color);
border-radius: 24px;
transition: var(--transition);
font-weight: 200;
line-height: 155%;
}
.cases__access-form-input:focus {
box-shadow: 0 2px 12px rgb(255, 255, 255);
}
.cases__access-form-input:focus-visible {
outline: none;
}
.cases__access-form-input::placeholder {
color: var(--white-color);
}
.cases__access-form-submit {
display: block;
width: 100%;
padding: 18px 18px;
background-color: var(--white-color);
color: var(--blue-color);
font-weight: 600;
border-radius: 20px;
text-align: center;
cursor: pointer;
border: none;
transition: var(--transition);
line-height: 155.556%;
}
.cases__access-form-submit:not(:disabled):hover {
background-color: var(--pink-color);
color: var(--white-color);
}
.cases__access-form-note {
display: flex;
align-items: center;
flex-direction: row;
gap: 16px;
z-index: 1;
}
.cases__access-form-note > p,
.cases__access-form-note-text > p {
display: contents;
}
.cases__access-form-note-text {
font-size: 12px;
line-height: 133%;
font-weight: 200;
}
.cases__access-form-note-text a {
text-decoration: underline;
text-underline-offset: 2px;
transition: var(--transition);
}
.cases__access-form-note-text a:hover {
color: var(--pink-color);
}
.cases__access-form-label > br {
display: none;
}
.cases__access-form-label .wpcf7-list-item {
margin: 0 0;
}
.cases__access-form-label .wpcf7-form-control.wpcf7-acceptance {
display: block;
height: 24px;
}
.cases__access-form-check {
appearance: none;
position: relative;
padding: 2px;
min-width: 24px;
height: 24px;
background-color: transparent;
border: 2px solid var(--white-color);
border-radius: 8px;
cursor: pointer;
}
.cases__access-form-check:checked::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 18px;
height: 18px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/check.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--white-color);
z-index: 2;
}
.know__medical-biz-info-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 32px;
font-weight: 400;
}
.know__medical-biz-quote {
max-width: clamp(
400px,
calc(400px + (566 - 400) * (100cqw - 1280px) / (1600 - 1280)),
566px
);
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
line-height: 137%;
}
.know__medical-biz-quote b {
font-weight: 700;
color: var(--blue-color);
}
.know__medical-biz-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(
36px,
calc(36px + (72 - 36) * (100cqw - 1280px) / (1600 - 1280)),
72px
);
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
max-width: clamp(
590px,
calc(590px + (750 - 590) * (100cqw - 1280px) / (1600 - 1280)),
750px
);
margin-bottom: 28px;
}
.know__medical-biz-grid-item {
position: relative;
padding-left: clamp(
56px,
calc(56px + (68 - 56) * (100cqw - 1280px) / (1600 - 1280)),
68px
);
height: fit-content;
font-weight: 300;
}
.know__medical-biz-grid-item::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: block;
width: clamp(
32px,
calc(32px + (42 - 32) * (100cqw - 1280px) / (1600 - 1280)),
42px
);
height: clamp(
32px,
calc(32px + (42 - 32) * (100cqw - 1280px) / (1600 - 1280)),
42px
);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/plus-big-blue.svg);
background-size: contain;
background-repeat: no-repeat;
}
.know__medical-biz-work-top {
position: relative;
padding: 70px 0;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 36px;
}
.know__medical-biz-work-top::before {
content: "";
position: absolute;
top: 0;
left: clamp(
-80px,
calc(-16px + (-80 - -16) * (95cqw - 1280px) / (1600 - 1280)),
-16px
);
height: 100%;
width: 100%;
max-width: 82.75%;
background-color: var(--blue-color);
border-radius: 80px;
z-index: 1;
}
.know__medical-biz-work-text {
position: relative;
z-index: 1;
color: var(--white-color);
display: flex;
flex-direction: column;
justify-content: center;
gap: clamp(
32px,
calc(32px + (48 - 32) * (100cqw - 1280px) / (1600 - 1280)),
48px
);
max-width: clamp(
361px,
calc(361px + (456 - 361) * (100cqw - 1280px) / (1600 - 1280)),
456px
);
padding-left: clamp(
0px,
calc(32px + (0 - 32) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
}
.know__medical-biz-work-title {
color: var(--white-color);
line-height: 124%;
margin-bottom: 0;
}
.know__medical-biz-work-title span {
background-color: var(--green-color);
border-radius: 15px;
padding: 0 5px;
}
.know__medical-biz-work-subtitle {
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 155%;
}
.know__medical-biz-work-subtitle p {
margin: 0 0;
font-weight: 200;
}
.know__medical-biz-work-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 418fr 444fr;
gap: clamp(
16px,
calc(16px + (36 - 16) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
max-width: clamp(
622px,
calc(622px + (898 - 622) * (100cqw - 1280px) / (1600 - 1280)),
898px
);
}
@keyframes know__medical-biz-work-grid-animation {
0%,
100% {
transform: translateX(8px) translateY(8px);
}
50% {
transform: translateX(-8px) translateY(-8px);
}
}
.know__medical-biz-work-grid::before {
content: "";
position: absolute;
left: -160px;
top: -40px;
display: block;
width: 120px;
height: 85px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-decor.svg);
background-size: contain;
background-repeat: no-repeat;
animation: know__medical-biz-work-grid-animation 3s infinite;
}
.know__medical-biz-work-item {
padding: clamp(
36px,
calc(36px + (64 - 36) * (100cqw - 1280px) / (1600 - 1280)),
64px
);
background-color: var(--white-color);
display: flex;
flex-direction: column;
gap: 24px;
border-radius: 24px;
max-width: clamp(
313px,
calc(313px + (444 - 313) * (100cqw - 1280px) / (1600 - 1280)),
444px
);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.know__medical-biz-work-item-title {
font-size: clamp(
16px,
calc(16px + (21 - 16) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
font-weight: 600;
}
.know__medical-biz-work-item-title span {
color: var(--blue-color);
}
.know__medical-biz-work-item-text {
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
}
.know__medical-biz-work-bot {
position: relative;
color: var(--white-color);
padding-top: 12px;
padding-bottom: clamp(
24px,
calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
padding-right: clamp(
36px,
calc(36px + (35 - 36) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
padding-left: clamp(0px, calc(36 * (1600px - 100cqw) / (1600 - 1280)), 36px);
width: fit-content;
}
.know__medical-biz-work-bot::before {
content: "";
position: absolute;
top: -80px;
left: clamp(
-56px,
calc(0px + (-56 - 0) * (95cqw - 1280px) / (1600 - 1280)),
0px
);
background-color: var(--green-color);
width: clamp(
651px,
calc(651px + (728 - 651) * (100cqw - 1280px) / (1600 - 1280)),
728px
);
height: calc(100% + 80px);
border-radius: 0 0 56px 56px;
z-index: -1;
}
.know__medical-biz-work-bot-text {
position: relative;
z-index: 1;
max-width: clamp(
586px,
calc(586px + (616 - 586) * (100cqw - 1280px) / (1600 - 1280)),
616px
);
font-size: clamp(
21px,
calc(21px + (25 - 21) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
line-height: 133%;
font-weight: 500;
}
.look__res-wrap {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 44px;
margin-bottom: 180px;
} .look__res-line-wrap {
position: absolute; left: -290px;
bottom: clamp(
-170px,
calc(-150px + (-170 - -150) * (100cqw - 1280px) / (1600 - 1280)),
-150px
);
display: block;
width: clamp(
1183px,
calc(1183px + (1402 - 1183) * (100cqw - 1280px) / (1600 - 1280)),
1402px
);
height: clamp(
200px,
calc(200px + (237 - 200) * (100cqw - 1280px) / (1600 - 1280)),
237px
);
overflow: hidden;
z-index: -1;
}
.look__res-line-wrap > svg {
width: 100%;
height: 100%;
}
.look__res-line-wrap > svg path {
stroke: var(--green-color);
stroke-width: 28.5;
stroke-linejoin: bevel;
stroke-dasharray: none;
fill: none;
opacity: 0;
}
.look__res-line-wrap > svg text {
font-family: "Manrope", sans-serif;
font-weight: 300;
fill: var(--white-color);
font-size: 16px;
}
.look__res-line-wrap > svg text tspan {
font-weight: 500;
}
.look__res-title {
max-width: clamp(
350px,
calc(350px + (450 - 350) * (100cqw - 1280px) / (1600 - 1280)),
450px
);
}
.look__res-grid {
display: grid;
grid-template-columns: repeat(
3,
clamp(
247px,
calc(247px + (320 - 247) * (100cqw - 1280px) / (1600 - 1280)),
320px
)
);
gap: clamp(
16px,
calc(16px + (36 - 16) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
height: fit-content;
}
.look__res-grid-item {
padding: 24px 16px;
border-radius: 24px;
color: var(--white-color);
background-color: var(--blue-color);
min-height: clamp(
265px,
calc(265px + (320 - 265) * (100cqw - 1280px) / (1600 - 1280)),
320px
);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.look__res-grid-item:first-child {
padding: 24px 36px;
}
.look__res-grid-item.blue {
background-color: var(--blue-color);
}
.look__res-grid-item.pink {
background-color: var(--pink-color);
}
.look__res-grid-item.green {
background-color: var(--green-color);
}
.look__res-grid-item-title {
font-size: clamp(
44px,
calc(44px + (72 - 44) * (100cqw - 1280px) / (1600 - 1280)),
72px
);
padding-top: 24px;
line-height: normal;
font-weight: 500;
text-align: start;
}
.look__res-grid-item-title > span {
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 300;
}
.look__res-grid-item-text {
text-align: end;
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 142%;
font-weight: 200;
}
.look__res-grid-item:not(:first-child) .look__res-grid-item-text {
padding-right: 20px;
}
.strategy__req-wrap {
position: relative;
display: grid;
grid-template-columns: 75fr 79fr;
gap: clamp(
10px,
calc(10px + (35 - 10) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
align-items: center;
z-index: 1;
}
.strategy__req-wrap.mrg__btm {
margin-bottom: -40px;
}
.strategy__form-wrap {
display: flex;
flex-direction: column;
gap: 48px;
}
.strategy__form-title {
margin-bottom: 32px;
}
.strategy__form-inner {
display: grid;
grid-template-columns: 380fr 356fr;
row-gap: 24px;
column-gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.strategy__form-note {
grid-column: 1 / 3;
}
.strategy__form-item {
position: relative;
}
.strategy__form-item > p {
display: contents;
}
.strategy__form-input {
padding: 20px 16px;
color: var(--black-color);
border: 2px solid var(--black-color);
border-radius: 24px;
width: 100%;
transition: var(--transition);
}
.strategy__form-input:focus {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.8);
}
.strategy__form-input:focus-visible {
outline: none;
}
.strategy__form-item-submit {
padding: 16px 16px;
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 500;
color: var(--white-color);
background-color: var(--blue-color);
border-radius: 20px;
text-align: center;
min-height: 64px;
width: 100%;
border: none;
cursor: pointer;
transition: var(--transition);
}
.strategy__form-item-submit:not(:disabled):hover {
background-color: var(--pink-color);
}
.strategy__form-input::placeholder {
color: var(--black-color);
}
.strategy__form-note {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}
.strategy__form-note > p {
display: contents;
}
.strategy__form-note-text {
font-size: 12px;
color: var(--gray-color);
line-height: 133%;
}
.strategy__form-note-text p {
display: contents;
}
.strategy__form-note-text a {
text-decoration: underline;
text-underline-offset: 2px;
transition: var(--transition);
}
.strategy__form-note-text a:hover {
color: var(--pink-color);
}
.strategy__form-check {
position: relative;
appearance: none;
padding: 2px;
min-width: 24px;
height: 24px;
background-color: transparent;
border: 2px solid var(--gray-color);
border-radius: 8px;
cursor: pointer;
}
.strategy__form-label {
position: relative;
height: 24px;
}
.strategy__form-label > br {
display: none;
}
.strategy__form-label .wpcf7-list-item {
margin: 0 0;
}
.strategy__form-check:checked::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 18px;
height: 18px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/check.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--gray-color);
z-index: 2;
}
.key__persons-block {
position: relative;
background-color: var(--black-color);
border-radius: 80px;
padding: 80px
clamp(
48px,
calc(48px + (80 - 48) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
color: var(--white-color);
display: flex;
flex-direction: column;
gap: clamp(
56px,
calc(56px + (100 - 56) * (100cqw - 1280px) / (1600 - 1280)),
100px
);
overflow: hidden;
}
.key__persons-block-top {
margin-top: 30px;
display: flex;
flex-direction: column;
gap: clamp(
24px,
calc(24px + (56 - 24) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.key__persons-block-top-title {
color: var(--white-color);
margin-bottom: 0;
line-height: 124%;
}
.key__persons-block-top-title span {
color: var(--pink-color);
}
.key__persons-block-top-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 36px;
}
.key__persons-block-top-grid-item {
display: flex;
align-items: center;
justify-content: center;
padding: clamp(
24px,
calc(24px + (48 - 24) * (100cqw - 1280px) / (1600 - 1280)),
48px
)
clamp(
32px,
calc(36px - (36 - 32) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
color: var(--black-color);
background-color: var(--white-color);
border-radius: 24px;
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
text-align: center;
line-height: 155%;
min-height: clamp(
148px,
calc(148px + (208 - 148) * (100cqw - 1280px) / (1600 - 1280)),
208px
);
}
.key__persons-block-top-grid-item b {
color: var(--pink-color);
font-weight: 600;
display: contents;
}
.key__persons-block-slider {
margin-bottom: 30px;
}
.key__person-slide-wrap {
display: grid;
grid-template-columns: 1fr clamp(
552px,
calc(552px + (800 - 552) * (100cqw - 1280px) / (1600 - 1280)),
800px
);
gap: clamp(
40px,
calc(40px + (60 - 40) * (100cqw - 1280px) / (1600 - 1280)),
60px
);
}
.key__person-slide-info {
display: flex;
flex-direction: column;
gap: 24px;
}
.key__person-slide-name {
position: relative;
font-size: clamp(
21px,
calc(21px + (45 - 21) * (100cqw - 1280px) / (1600 - 1280)),
45px
);
line-height: 124%;
font-weight: 600;
margin-bottom: clamp(
8px,
calc(8px + (12 - 8) * (100cqw - 1280px) / (1600 - 1280)),
12px
);
width: fit-content;
}
.key__person-slide-stick {
position: absolute;
display: block;
top: -16px;
right: -135px;
rotate: 11.9deg;
padding: 8px 24px;
text-align: center;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
border-radius: 12px;
color: var(--white-color);
background-color: var(--blue-color);
line-height: normal;
}
.key__person-slide-subtitle {
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
color: var(--gray-color);
line-height: 155%;
}
.key__person-slide-mid {
position: relative;
padding-top: 24px;
padding-bottom: clamp(
12px,
calc(12px + (24 - 12) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
padding-left: clamp(
24px,
calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
padding-right: clamp(
24px,
calc(24px + (74 - 24) * (100cqw - 1280px) / (1600 - 1280)),
74px
);
background-color: #323131;
font-family: "Montserrat", sans-serif;
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 400;
font-style: italic;
line-height: 133%;
border-radius: 32px;
margin-bottom: 20px;
}
.key__person-slide-mid p {
margin: 0 0;
}
.key__person-slide-mid::after {
content: "";
position: absolute;
right: -13px;
bottom: -9px;
display: block;
width: 41px;
height: 43px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/corner.svg);
background-size: contain;
background-repeat: no-repeat;
}
.key__person-slide-bot {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 24px;
row-gap: 15px;
max-width: 476px;
}
.key__person-slide-bot-item {
font-size: 14px;
line-height: 142%;
font-weight: 200;
text-decoration: underline;
text-underline-offset: 8px;
text-decoration-color: var(--blue-color);
transition: var(--transition);
}
.key__person-slide-img-wrap {
position: relative;
min-height: clamp(
285px,
calc(285px + (343 - 285) * (100cqw - 1280px) / (1600 - 1280)),
343px
);
}
.key__person-slide-img {
position: absolute;
bottom: -110px;
max-height: clamp(
433px,
calc(433px + (625 - 433) * (100cqw - 1280px) / (1600 - 1280)),
625px
); width: 100%;
transform: scale(1.03);
object-fit: cover;
object-position: top;
}
.key__persons-slider-paginate {
display: flex;
flex-direction: row;
gap: 13px;
}
.swiper-pagination-bullet {
margin: 0 0 !important;
width: 24px;
height: 24px;
border-radius: 5px;
background-color: var(--gray-color);
}
.key__persons-slider-paginate-wrap {
position: absolute;
left: clamp(
48px,
calc(48px + (80 - 48) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
bottom: 32px;
}
.area__work-title {
margin-bottom: 56px;
}
.area__work-grid {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: clamp(
24px,
calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
row-gap: 36px;
max-height: clamp(
1096px,
calc(1096px + (1376 - 1096) * (100cqw - 1280px) / (1600 - 1280)),
1376px
);
overflow: hidden;
margin-bottom: 32px;
transition: var(--transition);
}
.area__work-grid::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 215px;
background: linear-gradient(
to top,
rgba(255, 255, 255, 1) 0%,
rgba(229, 229, 229, 0) 100%
);
}
.area__work-grid.active {
max-height: 100%;
transition: var(--transition);
}
.area__work-grid.active::before {
display: none;
}
.area__work-card {
padding: clamp(
36px,
calc(36px + (48 - 36) * (100cqw - 1280px) / (1600 - 1280)),
48px
)
clamp(
24px,
calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 56px;
background-color: var(--blue-color);
color: var(--white-color);
border-radius: 24px;
min-height: clamp(
448px,
calc(560px + (560 - 448) * (100cqw - 1280px) / (1600 - 1280)),
560px
);
}
.area__work-card.white {
background-color: var(--blue-white-color);
color: var(--black-color);
}
.area__work-card-top {
display: flex;
flex-direction: column;
gap: clamp(
24px,
calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
}
.area__work-card-title {
font-size: clamp(
18px,
calc(18px + (21 - 18) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
font-weight: 600;
text-transform: uppercase;
line-height: 133%;
word-break: break-word;
}
.area__work-card-text {
font-size: clamp(
14px,
calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
font-weight: 300;
line-height: 150%;
}
.area__work-card-cols {
display: grid;
grid-template-columns: 1fr 1.07fr;
gap: 36px;
}
.area__work-card-col-title {
font-size: clamp(
12px,
calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
line-height: 150%;
margin-bottom: 8px;
font-weight: 300;
}
.area__work-card-col-sub {
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 142%;
font-weight: 600;
}
.area__work-card.white .area__work-card-col-sub {
color: var(--blue-color);
}
.area__work-card-bot {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 30px;
}
.area__work-card-btn {
padding: 18px 18px;
width: 100%;
border-radius: 20px;
background-color: var(--white-color);
color: var(--blue-color);
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 500;
line-height: 155%;
border-radius: 20px;
text-align: center;
transition: var(--transition);
}
.area__work-card.white .area__work-card-btn {
color: var(--white-color);
background-color: var(--blue-color);
}
.area__work-card.white .area__work-card-btn:hover,
.area__work-card-btn:hover {
background-color: var(--pink-color);
color: var(--white-color);
}
.area__work-card-price {
text-align: center;
font-size: clamp(
12px,
calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
text-transform: lowercase;
}
.area__work-card-price b {
font-size: clamp(
16px,
calc(16px + (21 - 16) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
font-weight: 600;
}
.area__work-load {
padding: 18px 36px;
margin: 0 auto;
width: fit-content;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 155%;
color: var(--white-color);
background-color: var(--green-color);
font-weight: 500;
text-transform: uppercase;
text-align: center;
border-radius: 20px;
transition: var(--transition);
}
.area__work-load::after {
content: "";
display: block;
width: clamp(
18px,
calc(18px + (24 - 18) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
height: clamp(
18px,
calc(18px + (24 - 18) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
background-color: var(--white-color);
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/black-arr-top-right.svg);
mask-size: contain;
mask-repeat: no-repeat;
transition: var(--transition);
}
.area__work-load:hover {
background-color: var(--blue-color);
}
.area__work-load:hover::after {
rotate: 45deg;
}
.exp__share-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 36px;
}
.exp__share-wrap-col {
max-width: clamp(
730px,
calc(730px + (836 - 730) * (100cqw - 1280px) / (1600 - 1280)),
836px
);
display: flex;
flex-direction: column;
gap: clamp(
36px,
calc(36px + (56 - 36) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
width: 100%;
}
.exp__share-title {
margin-bottom: 32px;
}
.exp__share-subtitle {
font-size: clamp(
21px,
calc(21px + (35 - 21) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
line-height: 137.143%;
font-weight: 400;
max-width: 640px;
}
.exp__share-btns-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: clamp(
16px,
calc(16px + (48 - 16) * (100cqw - 1280px) / (1600 - 1280)),
48px
);
}
.exp__share-btn {
padding: 13px 36px;
font-size: 18px;
font-weight: 300;
line-height: 155%;
text-align: center;
border: 1px solid var(--black-color);
border-radius: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
min-width: fit-content;
transition: var(--transition);
}
.exp__share-btn.active,
.exp__share-btn:hover {
background-color: var(--blue-color);
border-color: var(--blue-color);
color: var(--white-color);
}
.exp__share-items-wrap {
display: flex;
flex-direction: column;
gap: 56px;
}
.exp__share-grid {
display: none;
grid-template-columns: 1fr 1fr;
row-gap: clamp(
32px,
calc(32px + (56 - 32) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
column-gap: clamp(
36px,
calc(56px - (56 - 36) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.exp__share-grid.active {
display: grid;
}
.exp__share-grid-item-img {
object-fit: cover;
width: 100%;
height: clamp(
310px,
calc(310px + (368 - 310) * (100cqw - 1280px) / (1600 - 1280)),
368px
);
border-radius: 24px;
}
.exp__share-link {
padding: 18px 40px;
margin: 0 auto;
}
.exp__share-link:hover {
background-color: var(--pink-color);
}
.exp__share-col-phone {
max-width: clamp(
327px,
calc(327px + (417 - 327) * (100cqw - 1280px) / (1600 - 1280)),
417px
);
width: 100%;
}
.exp__share-phone-wrap {
position: sticky;
top: 50px;
height: clamp(
658px,
calc(658px + (839 - 658) * (100cqw - 1280px) / (1600 - 1280)),
839px
); }
.exp__share-phone-wrap::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/img/iphone-for-video.webp);
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
}
.exp__share-phone-inner {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: clamp(
80px,
calc(80px + (95 - 80) * (100cqw - 1280px) / (1600 - 1280)),
95px
); }
.exp__share-phone-frame {
width: 100%;
height: 100%;
}
.exp__share-phone-video {
width: 100%;
height: 100%;
object-fit: cover;
padding: 10px;
margin-left: -2px; }
.team__come-wrap {
display: flex;
flex-direction: row;
gap: clamp(
32px,
calc(32px + (61 - 32) * (100cqw - 1280px) / (1600 - 1280)),
61px
);
}
.team__come-text-col {
max-width: clamp(
337px,
calc(337px + (457 - 337) * (100cqw - 1280px) / (1600 - 1280)),
457px
);
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.team__come-title {
margin-bottom: clamp(
16px,
calc(16px + (32 - 16) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
}
.team__come-text-col-top {
margin-bottom: 48px;
}
.team__come-link {
text-transform: initial;
}
.team__come-link:hover {
background-color: var(--pink-color);
}
.team__come-img-wrap {
max-width: clamp(
415px,
calc(415px + (533 - 415) * (100cqw - 1280px) / (1600 - 1280)),
533px
);
width: 100%;
}
.team__come-img {
object-fit: cover;
border-radius: 40px;
width: 100%;
height: clamp(
371px,
calc(371px + (475 - 371) * (100cqw - 1280px) / (1600 - 1280)),
475px
);
}
.team__come-grid {
max-width: clamp(
368px,
calc(368px + (488 - 368) * (100cqw - 1280px) / (1600 - 1280)),
488px
);
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(
8px,
calc(8px + (16 - 8) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
}
.team__come-grid-item {
padding: 24px;
border-radius: 24px;
background-color: var(--black-color);
color: var(--white-color);
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: clamp(
24px,
calc(24px + (41 - 24) * (100cqw - 1280px) / (1600 - 1280)),
41px
);
}
.team__come-grid-item.blue {
background-color: var(--blue-color);
}
.team__come-grid-item.green {
background-color: var(--green-color);
}
.team__come-grid-item.pink {
background-color: var(--pink-color);
}
.team__come-grid-item-title {
font-size: clamp(
35px,
calc(35px + (45 - 35) * (100cqw - 1280px) / (1600 - 1280)),
45px
);
line-height: 124%;
font-weight: 600;
text-align: start;
}
.team__come-grid-item-text {
text-align: end;
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 142%;
word-break: break-word;
}
.team__come-grid-item-text b {
font-weight: 600;
}
.partners__block {
background-color: var(--blue-white-color);
display: flex;
flex-direction: column;
gap: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
text-align: center;
border-radius: 80px;
}
.partners__top {
padding: 0
clamp(
48px,
calc(48px + (80 - 48) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
padding-top: clamp(
48px,
calc(48px + (80 - 48) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
display: flex;
flex-direction: column;
gap: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.partners__top-head {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.partners__top-title-wrap {
display: flex;
flex-direction: row;
justify-content: center;
position: relative;
}
.partners__top-title {
max-width: clamp(
710px,
calc(710px + (981 - 710) * (100cqw - 1280px) / (1600 - 1280)),
981px
);
margin-bottom: 0;
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
line-height: 137%;
}
.partners__top-title-img {
position: absolute;
right: clamp(
-70px,
calc(-48px + (-70 - -48) * (100cqw - 1280px) / (1600 - 1280)),
-48px
);
width: clamp(
48px,
calc(48px + (70 - 48) * (100cqw - 1280px) / (1600 - 1280)),
70px
);
height: clamp(
48px,
calc(48px + (70 - 48) * (100cqw - 1280px) / (1600 - 1280)),
70px
);
object-fit: contain;
margin-top: clamp(
-32px,
calc(-20px + (-32 - -20) * (100cqw - 1280px) / (1600 - 1280)),
-20px
);
}
.partners__top-subtitle {
font-size: clamp(
16px,
calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
max-width: 634px;
}
.partners__grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 36px;
row-gap: clamp(
24px,
calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
max-width: 1444px;
margin: 0 auto;
}
.partners__grid-item {
padding: 14px 17px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--white-color);
border-radius: 24px;
box-shadow: 10px 10px 32px 0 rgba(21, 50, 70, 0.25);
overflow: hidden;
height: clamp(
108px,
calc(108px + (110 - 108) * (100cqw - 1280px) / (1600 - 1280)),
110px
);
}
.partners__grid-img {
height: 100%;
object-fit: scale-down;
}
.partners__bot {
padding: 36px 80px;
background-color: var(--blue-color);
color: var(--white-color);
border-radius: 80px;
}
.partners__bot-title {
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
font-weight: 600;
line-height: 137%;
margin-bottom: clamp(
8px,
calc(8px + (24 - 8) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.partners__bot-subtitle {
font-size: clamp(
16px,
calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
}
.about__us-talk-title {
margin-bottom: 56px;
}
.service__page-about-us-talk .about__us-talk-title {
margin-bottom: 36px;
position: relative;
padding-right: 52px;
width: fit-content;
font-size: clamp(
32px,
calc(32px + (38 - 32) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
}
.service__page-about-us-talk .about__us-talk-title::after {
content: "";
position: absolute;
top: 0;
right: 0;
display: block;
width: 48px;
height: 40px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/img/cloud.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.about__us-talk-slider {
position: relative;
overflow: hidden;
}
.about__us-talk-wrapper-top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.about__us-talk-top-item {
position: relative;
padding: 26px 40px;
border-radius: 30px;
background-color: var(--blue-white-color);
}
.about__us-talk-top-item::after {
content: "";
position: absolute;
bottom: -2.5px;
left: -11.5px;
display: block;
width: 27.5px;
height: 24.5px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/left-corner-cloud.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.about__us-talk-top-item-head-wrap {
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
color: #b2b1b6;
font-family: "Onest", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 100%;
letter-spacing: 0.56px;
text-transform: uppercase;
}
.about__us-talk-top-item-head-wrap::before {
content: "";
display: block;
width: 30px;
height: 30px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/img/cloud.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.about__us-talk-top-item-head-wrap::after {
content: "";
display: block;
width: 16px;
height: 1px;
background-color: #b2b1b6;
}
.about__us-talk-top-item {
display: flex;
flex-direction: column;
gap: clamp(
12px,
calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
}
.about__us-talk-item {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(
85px,
calc(85px + (100 - 85) * (100cqw - 1280px) / (1600 - 1280)),
100px
);
}
.service__page-about-us-talk .about__us-talk-item {
grid-template-columns: 78fr 75fr;
gap: 60px;
}
.about__us-talk-top-item-body {
font-family: "Onest", sans-serif;
font-size: clamp(
17px,
calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 140%;
}
.about__us-talk-top-item-body *:first-child {
margin-top: 0;
}
.about__us-talk-top-item-body *:last-child {
margin-bottom: 0;
}
.about__us-talk-item-img-wrap {
position: relative;
max-width: clamp(
584px,
calc(584px + (745 - 584) * (100cqw - 1280px) / (1600 - 1280)),
745px
);
height: clamp(
424px,
calc(424px + (540 - 424) * (100cqw - 1280px) / (1600 - 1280)),
540px
);
overflow: hidden;
border-radius: 24px;
background-color: var(--gray-light-color);
}
.service__page-about-us-talk .about__us-talk-item-img-wrap {
max-width: 100%;
}
.about__us-talk-item-img-wrap.play {
cursor: pointer;
}
.about__us-talk-item-img {
object-fit: cover;
object-position: center 20%;
width: 100%;
height: 100%;
}
.about__us-talk-item-play {
display: none;
}
.about__us-talk-item-img-wrap.play .about__us-talk-item-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -35%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: clamp(
6px,
calc(6px + (16 - 6) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
font-family: "Unbounded", sans-serif;
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 600;
color: var(--white-color);
}
.about__us-talk-item-img-wrap.play .about__us-talk-item-play::before {
content: "";
display: block;
width: 104px;
height: 104px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/play-blue.svg);
background-size: contain;
background-repeat: no-repeat;
transition: var(--transition);
}
.about__us-talk-item-img-wrap.play:hover .about__us-talk-item-play::before {
transform: scale(1.1);
}
.about__us-talk-item-info {
position: relative;
padding-bottom: 100px;
}
.service__page-about-us-talk .about__us-talk-item-info {
padding-top: 61px;
padding-bottom: 80px;
}
.about__us-talk-item-info-top {
display: flex;
flex-direction: column;
gap: clamp(
8px,
calc(8px + (12 - 8) * (100cqw - 1280px) / (1600 - 1280)),
12px
);
max-width: 515px;
margin-bottom: clamp(
32px,
calc(32px + (40 - 32) * (100cqw - 1280px) / (1600 - 1280)),
40px
);
}
.service__page-about-us-talk .about__us-talk-item-info-top {
margin-bottom: 20px;
}
.about__us-talk-item-info-title {
font-family: "Unbounded", sans-serif;
font-weight: 600;
font-size: 21px;
line-height: 140%;
color: var(--black-color);
}
.about__us-talk-item-info-subtitle {
font-family: "Unbounded", sans-serif;
font-size: 16px;
line-height: 148%;
font-weight: 300;
color: var(--black-color);
}
.about__us-talk-item-info-quote {
position: relative;
padding-top: clamp(
24px,
calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
padding-right: clamp(
27px,
calc(27px + (60 - 27) * (100cqw - 1280px) / (1600 - 1280)),
60px
);
padding-bottom: clamp(
24px,
calc(24px + (54 - 24) * (100cqw - 1280px) / (1600 - 1280)),
54px
);
padding-left: clamp(
30px,
calc(30px + (32 - 30) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
font-family: "Unbounded", sans-serif;
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 300;
max-width: 601px;
background-color: var(--blue-white-color);
border-radius: 30px;
margin-bottom: clamp(
24px,
calc(24px + (28 - 24) * (100cqw - 1280px) / (1600 - 1280)),
28px
);
}
.service__page-about-us-talk .about__us-talk-item-info-quote {
max-width: 100%;
padding-top: clamp(
24px,
calc(24px + (48 - 24) * (100cqw - 1280px) / (1600 - 1280)),
48px
);
padding-right: clamp(
27px,
calc(27px + (197 - 27) * (100cqw - 1280px) / (1600 - 1280)),
197px
);
padding-bottom: clamp(
24px,
calc(24px + (38 - 24) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
padding-left: clamp(
30px,
calc(30px + (40 - 30) * (100cqw - 1280px) / (1600 - 1280)),
40px
);
margin-left: clamp(
0px,
calc(0px + (7.45 - 0) * (100cqw - 1280px) / (1600 - 1280)),
7.45px
);
}
.about__us-talk-item-info-quote::after {
content: "";
position: absolute;
display: block;
left: -6px;
bottom: -4px;
width: 41px;
height: 43px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/corner-left-light.svg);
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--blue-white-color);
}
.about__us-talk-item-info-quote b {
font-weight: 600;
color: var(--blue-color);
}
.about__us-talk-item-info-thx {
padding: 6px 6px;
padding-left: 36px;
display: flex;
flex-direction: row;
align-items: center;
gap: 31px;
font-family: "Unbounded", sans-serif;
font-size: 18px;
font-weight: 500;
text-align: center;
border-radius: 24px;
background-color: var(--blue-color);
color: var(--white-color);
width: fit-content;
transition: var(--transition);
}
.service__page-about-us-talk .about__us-talk-item-info-thx {
margin-left: clamp(
0px,
calc(0px + (6 - 0) * (100cqw - 1280px) / (1600 - 1280)),
6px
);
}
.about__us-talk-item-info-thx:hover {
background: var(--pink-color);
}
.about__us-talk-item-info-thx::after {
content: "";
display: block;
width: 83px;
height: 53px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/doc-btn.svg);
background-size: contain;
background-repeat: no-repeat;
}
.about__us-talk-slider .about__us-talk-slider-paginate {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: fit-content;
gap: 13px;
position: absolute;
bottom: 0;
left: 0;
}
.spec__us-block {
display: flex;
flex-direction: column;
align-items: center;
gap: clamp(
32px,
calc(32px + (56 - 32) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.spec__us-title-wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
text-align: center;
}
.spec__us-title {
margin-bottom: 0;
}
.spec__us-subtitle {
max-width: 940px;
}
.spec__us-bubbles {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: clamp(
12px,
calc(12px + (24 - 12) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.spec__us-bubble-item {
padding: clamp(
6px,
calc(6px + (16 - 6) * (100cqw - 1280px) / (1600 - 1280)),
16px
)
clamp(
16px,
calc(16px + (36 - 16) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
font-size: clamp(
14px,
calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
line-height: 150%;
font-weight: 300;
background-color: var(--blue-white-color);
color: var(--black-color);
border-radius: 24px;
transition: 1s;
}
.spec__us-bubble-item.blue {
background-color: var(--blue-color);
color: var(--white-color);
}
.promos__title {
max-width: clamp(
800px,
calc(800px + (1030 - 800) * (100cqw - 1280px) / (1600 - 1280)),
1030px
);
margin-bottom: 48px;
}
.container__content:has(.promos__text-inner) {
z-index: 3;
}
.promos__text-inner {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 48px;
}
.promos__text {
max-width: clamp(
715px,
calc(715px + (1000 - 715) * (100cqw - 1280px) / (1600 - 1280)),
1000px
);
}
.promos__text p {
margin-bottom: 24px;
}
.promos__aside {
max-width: clamp(
394px,
calc(394px + (476 - 394) * (100cqw - 1280px) / (1600 - 1280)),
476px
);
}
.promos__text {
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
}
.promos__text p:first-child {
margin-top: 0;
}
.promos__text p:last-child {
margin-bottom: 0;
}
.promos__text a {
color: var(--blue-color);
}
.promos__text ol,
.promos__text ul {
margin: clamp(
24px,
calc(24px + (48 - 24) * (100cqw - 1280px) / (1600 - 1280)),
48px
)
0;
padding-inline-start: 23px;
display: flex;
flex-direction: column;
gap: 24px;
}
.promos__text ol li::marker,
.promos__text ul li::marker {
color: var(--blue-color);
}
.promos__text ol li::marker {
font-weight: 600;
}
.promos__action-wrap {
position: sticky;
top: 50px;
padding: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
)
clamp(
36px,
calc(36px + (56 - 36) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
color: var(--white-color);
background-color: var(--blue-color);
border-radius: 48px;
}
.promos__action-wrap {
display: flex;
flex-direction: column;
gap: clamp(
24px,
calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
}
.promos__action-top {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
line-height: 137%;
font-weight: 600;
margin-bottom: -20px;
}
.promos__action-top::after {
content: "";
position: absolute;
right: clamp(-14px, calc(0px - 14 * (100cqw - 1280px) / (1600 - 1280)), 0px);
top: clamp(-21px, calc(0px - 21 * (100cqw - 1280px) / (1600 - 1280)), 0px);
display: block;
width: 88px;
height: 93px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/lightning.svg);
background-size: contain;
background-repeat: no-repeat;
}
.promos__action-mid {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}
.promos__action-mid-img {
min-width: clamp(
111px,
calc(111px + (135 - 111) * (100cqw - 1280px) / (1600 - 1280)),
135px
);
height: 100%;
object-fit: contain;
}
.promos__action-mid-text {
font-size: clamp(
14px,
calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
line-height: 150%;
font-weight: 200;
}
.promos__action-mid-text b {
font-weight: 500;
}
.promos__action-btn {
padding: 18px 24px;
text-align: center;
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 155%;
font-weight: 600;
width: 100%;
background-color: var(--white-color);
color: var(--blue-color);
border-radius: 20px;
transition: var(--transition);
}
.promos__action-btn:hover {
background-color: var(--pink-color);
color: var(--white-color);
}
.promos__action-bot {
position: relative;
padding-left: clamp(
80px,
calc(80px + (104 - 80) * (100cqw - 1280px) / (1600 - 1280)),
104px
);
}
.promos__action-bot::after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: block;
width: clamp(
56px,
calc(56px + (80 - 56) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
height: clamp(
56px,
calc(56px + (80 - 56) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/phone-cricle-blue.svg);
background-size: contain;
background-repeat: no-repeat;
}
.promos__action-bot-text {
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 200;
margin-bottom: 4px;
}
.promos__action-bot-text b {
font-weight: 500;
}
.promos__action-bot-tel {
font-size: clamp(
21px,
calc(21px + (25 - 21) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
font-weight: 500;
line-height: 128%;
transition: var(--transition);
}
.promos__action-bot-tel:hover {
color: var(--pink-color);
}
.promos__text-opener {
display: flex;
flex-direction: row;
gap: 36px;
align-items: center;
margin-top: 36px;
margin-left: auto;
margin-right: auto;
color: var(--blue-color);
font-size: 16px;
font-weight: 600;
line-height: 150%;
width: fit-content;
cursor: pointer;
}
.promos__text-opener::after {
content: "";
display: block;
width: 52px;
height: 52px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/plus-circle.svg);
background-size: contain;
background-repeat: no-repeat;
transition: var(--transition);
}
.promos__text-opener:hover::after {
rotate: 90deg;
}
.subscribe__block {
margin-top: clamp(
60px,
calc(60px + (100 - 60) * (100cqw - 1280px) / (1600 - 1280)),
100px
);
margin-bottom: clamp(
0px,
calc(0px + 64 * (100cqw - 1280px) / (1600 - 1280)),
64px
);
display: flex;
flex-direction: row;
justify-content: space-between;
position: relative;
padding: clamp(
36px,
calc(48px + (36 - 48) * (100cqw - 1280px) / (1600 - 1280)),
48px
)
clamp(
48px,
calc(48px + (80 - 48) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
background-color: var(--blue-color);
color: var(--white-color);
border-radius: clamp(
48px,
calc(48px + (80 - 48) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
}
.subscribe__block::after {
content: "";
position: absolute;
right: 0;
top: clamp(
14px,
calc(14px + (42 - 14) * (100cqw - 1280px) / (1600 - 1280)),
42px
);
display: block;
width: clamp(
277px,
calc(277px + (396 - 277) * (100cqw - 1280px) / (1600 - 1280)),
396px
);
height: clamp(
196px,
calc(196px + (280 - 196) * (100cqw - 1280px) / (1600 - 1280)),
280px
);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/tg-fly.svg);
background-size: contain;
background-repeat: no-repeat;
}
.subscribe__block-text-wrap {
position: relative;
z-index: 3;
margin-top: clamp(
0px,
calc(0px + (52 - 0) * (100cqw - 1280px) / (1600 - 1280)),
52px
);
margin-bottom: clamp(
45px,
calc(45px + (52 - 45) * (100cqw - 1280px) / (1600 - 1280)),
52px
);
max-width: clamp(
505px,
calc(505px + (718 - 505) * (100cqw - 1280px) / (1600 - 1280)),
718px
);
}
.subscribe__block-title {
font-size: clamp(
24px,
calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
font-weight: 500;
line-height: 137%;
margin-bottom: 24px;
}
.subscribe__block-title span {
padding: 0 5px;
background-color: var(--pink-color);
border-radius: 10px;
}
.subscribe__block-subtitle {
font-family: 'Onest', sans-serif;
font-size: clamp(
18px,
calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
line-height: 153%;;
}
.subscribe__inner {
position: relative;
z-index: 3;
padding: 6px 6px;
display: flex;
flex-direction: row;
align-items: center;
gap: 31px;
background-color: var(--white-color);
color: var(--blue-color);
width: fit-content;
height: fit-content;
border-radius: 24px;
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 600;
margin-top: auto;
margin-bottom: 70px;
margin-right: clamp(
6px,
calc(6px + (79 - 6) * (100cqw - 1280px) / (1600 - 1280)),
79px
);
}
.subscribe__inner-text {
margin-left: 30px;
}
.subscribe__inner-tg {
padding: clamp(
12px,
calc(14px + (12 - 14) * (100cqw - 1280px) / (1600 - 1280)),
14px
)
16px;
background-color: var(--pink-color);
color: var(--white-color);
border-radius: 18px;
}
.subscribe__block::before {
content: "";
display: block;
position: absolute;
width: clamp(
296px,
calc(296px + (525 - 296) * (100cqw - 1280px) / (1600 - 1280)),
525px
);
height: clamp(
343px,
calc(343px + (620 - 343) * (100cqw - 1280px) / (1600 - 1280)),
620px
);
object-fit: cover;
right: clamp(
424px,
calc(424px + (498 - 424) * (100cqw - 1280px) / (1600 - 1280)),
498px
);
top: clamp(
-110px,
calc(-58px + (-110 - -58) * (100cqw - 1280px) / (1600 - 1280)),
-58px
);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/img/phone-telegram.webp);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 2;
}
.subscribe__med-tg-wrap {
position: absolute;
overflow: hidden;
height: clamp(
123px,
calc(123px + (146 - 123) * (100cqw - 1280px) / (1600 - 1280)),
146px
);
width: 100%;
bottom: 0;
left: 0;
z-index: 1;
}
.subscribe__med-tg-txt {
color: var(--white-color);
opacity: 0.1;
font-size: clamp(
115px,
calc(115px + (169 - 115) * (100cqw - 1280px) / (1600 - 1280)),
169px
);
margin-left: -32px;
font-weight: 600;
line-height: normal;
}
.market__container {
background-color: var(--blue-white-color);
border-radius: clamp(
56px,
calc(56px + (80 - 56) * (100vw - 1280px) / (1600 - 1280)),
80px
);
}
.market__block-inner {
padding: clamp(
64px,
calc(64px + (80 - 64) * (100cqw - 1280px) / (1600 - 1280)),
80px
)
0;
}
.market__head-wrap {
margin-bottom: clamp(
32px,
calc(32px + (56 - 32) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.market__title {
margin-bottom: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.market__subtitle {
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
}
.market__subtitle p {
margin: 0 0;
}
.market__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 36px;
margin-bottom: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.market__grid-item {
background-color: var(--white-color);
display: flex;
flex-direction: column;
gap: 24px;
border-radius: 24px;
box-shadow: 0 0 32px 0 rgba(21, 50, 70, 0.25);
overflow: hidden;
min-height: clamp(
493px,
calc(493px + (642 - 493) * (100cqw - 1280px) / (1600 - 1280)),
642px
);
transition: var(--transition);
}
.market__grid-item:hover {
box-shadow: 0 0 32px 0 var(--blue-color);
}
.market__item-top {
height: clamp(
170px,
calc(170px + (255 - 170) * (100cqw - 1280px) / (1600 - 1280)),
255px
);
overflow: hidden;
border-radius: 24px;
}
.market__item-img {
object-fit: cover;
width: 100%;
height: 100%;
transition: var(--transition);
}
.market__grid-item:hover .market__item-img {
transform: scale(1.1);
}
.market__item-mid {
padding: 0
clamp(
24px,
calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
display: flex;
flex-direction: column;
gap: clamp(
24px,
calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
margin-bottom: 12px;
}
.market__item-mid-info-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
gap: 24px;
min-height: 30px;
}
.market__item-mid-tags-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 12px;
}
.market__item-mid-tag {
padding: 7px 11px;
font-size: 12px;
font-weight: 300;
line-height: 133%;
color: var(--black-color);
background-color: var(--blue-white-color);
border-radius: 12px;
}
.market__item-mid-date {
display: inline-flex;
align-items: center;
font-family: 'Onest', sans-serif;
font-size: clamp(14px, calc(14px + (15 - 14) * (100cqw - 1280px) / (1600 - 1280)), 15px);
font-weight: 700;
color: var(--pink-color);
line-height: 140%;
}
.market__item-title {
font-size: clamp(
16px,
calc(16px + (21 - 16) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
margin-bottom: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
font-weight: 600;
line-height: 133%;
color: var(--black-color);
transition: var(--transition);
}
.market__grid-item:hover .market__item-title {
color: var(--blue-color);
}
.market__item-desc {
display: -webkit-box;
font-size: clamp(
14px,
calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
line-height: 150%;
color: var(--gray-color);
text-overflow: ellipsis;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.market__item-bot {
padding-top: 14px;
padding-left: clamp(
24px,
calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
padding-right: clamp(
24px,
calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
padding-bottom: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
border-top: 3px solid var(--gray-light-color);
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: auto;
}
.market__item-author {
display: flex;
flex-direction: row;
gap: clamp(
10px,
calc(10px + (13 - 10) * (100cqw - 1280px) / (1600 - 1280)),
13px
);
align-items: center;
}
.market__item-author-img-wrap {
position: relative;
display: flex;
align-items: center;
max-width: 42px;
min-width: 42px;
width: 100%;
height: auto;
border-radius: 100%;
overflow: hidden;
z-index: 1;
}
.market__item-author-img {
width: 100%;
}
.market__item-author-name {
font-size: 14px;
font-weight: 600;
line-height: 142%;
max-width: clamp(
100px,
calc(100px + (179 - 100) * (100cqw - 1280px) / (1600 - 1280)),
179px
);
}
.market__item-stats-wrap {
display: flex;
flex-direction: row;
align-items: center;
gap: 14px;
}
.market__item-stat {
position: relative;
font-family: 'Onest', sans-serif;
font-size: clamp(
14px,
calc(14px + (15 - 14) * (100cqw - 1280px) / (1600 - 1280)),
15px
);
padding-left: clamp(
24px,
calc(24px + (26 - 24) * (100cqw - 1280px) / (1600 - 1280)),
26px
);
}
.market__item-stat::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: block;
background-size: contain;
background-repeat: no-repeat;
}
.market__item-stat.time::before {
width: 18px;
height: 18px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/clock.svg);
}
.market__item-stat.watch::before {
width: 21px;
height: 11px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/eye.svg);
}
.market__item-stat-separator {
display: block;
width: 3px;
height: 36px;
background-color: var(--gray-light-color);
border-radius: 3px;
}
.market__btn {
padding: 18px 40px;
margin: 0 auto;
}
.market__btn:hover {
background-color: var(--pink-color);
}
.faq__block {
display: grid;
grid-template-columns: 100fr 52fr;
gap: 80px;
}
.faq__block-title {
margin-bottom: 56px;
}
.faq__accords-inner {
counter-reset: faq-counter;
display: flex;
flex-direction: column;
gap: clamp(
24px,
calc(24px + (48 - 24) * (100cqw - 1280px) / (1600 - 1280)),
48px
);
}
.faq__accord-item {
counter-increment: faq-counter;
padding-bottom: 36px;
border-bottom: 2px solid var(--gray-light-color);
}
.faq__accord-item-top {
display: flex;
align-items: center;
position: relative;
cursor: pointer;
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 600;
margin-bottom: 0;
transition: var(--transition);
min-height: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.faq__accord-item-top::before {
content: counter(faq-counter, decimal-leading-zero);
position: absolute;
left: 0;
top: 0;
display: block;
font-size: clamp(
35px,
calc(35px + (45 - 35) * (100cqw - 1280px) / (1600 - 1280)),
45px
);
font-weight: 600;
line-height: 124%;
color: var(--blue-color);
}
.faq__accord-item-top::after {
content: "";
position: absolute;
right: 0;
top: 0;
display: block;
width: clamp(
36px,
calc(36px + (52 - 36) * (100cqw - 1280px) / (1600 - 1280)),
52px
);
height: clamp(
36px,
calc(36px + (52 - 36) * (100cqw - 1280px) / (1600 - 1280)),
52px
);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/plus-circle.svg);
background-size: contain;
background-repeat: no-repeat;
transition: var(--transition);
}
.faq__accord-item.open .faq__accord-item-top::after {
transform: rotate(45deg);
}
.faq__accord-item.open .faq__accord-item-top {
margin-bottom: 24px;
}
.faq__accord-item-bot {
font-size: clamp(
14px,
calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
}
.faq__accord-item-bot,
.faq__accord-item-top {
padding-left: clamp(
104px,
calc(104px + (135 - 104) * (100cqw - 1280px) / (1600 - 1280)),
135px
);
padding-right: clamp(
60px,
calc(60px + (104 - 60) * (100cqw - 1280px) / (1600 - 1280)),
104px
);
}
.faq__accord-item-bot {
font-size: clamp(
14px,
calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
font-weight: 300;
line-height: 150%;
color: var(--gray-color);
}
.faq__block-form-col {
padding-top: 112px;
}
.faq__form-wrap {
padding: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
)
clamp(
36px,
calc(36px + (56 - 36) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
position: sticky;
top: 50px;
background-color: var(--blue-color);
color: var(--white-color);
border-radius: 48px;
overflow: hidden;
}
.faq__form-top {
margin-bottom: 24px;
}
.faq__form-title {
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
margin-bottom: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
font-weight: 500;
line-height: 137%;
}
.faq__form-subtitle {
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
max-width: 322px;
font-weight: 200;
}
.faq__form-inner-top {
margin-bottom: 36px;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 16px;
row-gap: clamp(
16px,
calc(16px + (36 - 16) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
}
.faq__form-inner-top > p {
display: contents;
}
.faq__form-inner-top br {
display: none;
}
.faq__form-inner-question {
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 500;
line-height: 155%;
grid-column: 1 / 3;
}
.faq__form-inner-question p {
display: contents;
}
.faq__form-opt-call {
padding: 17px 40px;
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
background-color: transparent;
font-weight: 500;
text-align: center;
border-radius: 20px;
border: 1px solid var(--white-color);
cursor: pointer;
transition: var(--transition);
}
.faq__form-btns-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.faq__form-btns-wrap > p {
display: contents;
}
.faq__form-btns-wrap .faq__form-opt-wrap {
height: 100%;
}
.faq__form-opt {
padding: 10px 28px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--white-color);
border-radius: 16px;
cursor: pointer;
transition: var(--transition);
}
.faq__form-opt::before {
content: "";
display: block;
background-size: contain;
background-repeat: no-repeat;
}
.faq__form-opt.wa::before {
width: 26px;
height: 26px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/wa-form.svg);
}
.faq__form-opt.tg::before {
width: 28px;
height: 24px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/tg-form.svg);
}
.faq__form-hidden {
display: none;
}
.faq__form-opt-wrap {
display: block;
}
.faq__form-opt-wrap label {
display: block;
}
.faq__form-opt-wrap label.faq__form-opt {
display: flex;
height: 100%;
}
.faq__form-feedback:checked ~ label {
background-color: var(--green-color);
border-color: var(--green-color);
}
.faq__form-inner-bot {
display: flex;
flex-direction: column;
gap: 24px;
}
.faq__form-inner-bot .wpcf7-form-control-wrap {
display: block;
}
.faq__form-inner-bot p {
display: contents;
}
.faq__form-inner-bot br {
display: none;
}
.faq__form-input {
padding: 18px 16px;
font-size: 18px;
line-height: 155.556%;
font-weight: 300;
background-color: transparent;
border-radius: 24px;
border: 2px solid var(--white-color);
color: var(--white-color);
width: 100%;
transition: var(--transition);
}
.faq__form-input:focus {
box-shadow: 0 2px 12px rgb(255, 255, 255);
}
.faq__form-input:focus-visible {
outline: none;
}
.faq__form-input::placeholder {
color: var(--white-color);
}
.faq__form-submit {
display: block;
width: 100%;
padding: 18px 18px;
background-color: var(--white-color);
color: var(--blue-color);
font-weight: 600;
line-height: 155.556%;
border-radius: 20px;
text-align: center;
cursor: pointer;
transition: var(--transition);
border: none;
}
.faq__form-submit:not(:disabled):hover {
background-color: var(--pink-color);
color: var(--white-color);
}
.faq__form-note {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}
.faq__form-label-wrap {
height: 24px;
}
.faq__form-label-wrap .wpcf7-list-item {
margin: 0 0;
height: 24px;
}
.faq__form-label-wrap .wpcf7-form-control-wrap {
height: 24px;
}
.faq__form-check {
appearance: none;
position: relative;
padding: 2px;
min-width: 24px;
height: 24px;
background-color: transparent;
border: 2px solid var(--white-color);
border-radius: 8px;
cursor: pointer;
}
.faq__form-check:checked::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 70%;
height: 70%;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/check.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--white-color);
}
.faq__form-note-text {
font-size: 12px;
line-height: 133%;
font-weight: 200;
}
.faq__form-note-text a {
text-decoration: underline;
text-underline-offset: 2px;
transition: var(--transition);
}
.promo__vid-block {
display: flex;
flex-direction: column;
gap: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.promo__vid-title-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 36px;
}
.promo__vid-title {
margin-bottom: 0;
max-width: clamp(
500px,
calc(500px + (687 - 500) * (100cqw - 1280px) / (1600 - 1280)),
687px
);
}
.promo__vid-btns-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
min-width: fit-content;
height: fit-content;
border: 1px solid var(--black-color);
border-radius: 24px;
overflow: hidden;
}
.promo__vid-btn {
padding: 16px
clamp(
36px,
calc(36px + (64 - 36) * (100cqw - 1280px) / (1600 - 1280)),
64px
);
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
font-size: 18px;
font-weight: 300;
text-transform: uppercase;
color: var(--black-color);
text-align: center;
border-radius: 20px;
}
.promo__vid-btn.youtub {
align-items: flex-start;
}
.promo__vid-btn.active {
color: var(--white-color);
background-color: var(--black-color);
}
.promo__vid-btn svg path {
fill: var(--black-color);
}
.promo__vid-btn.youtub svg path:nth-child(2),
.promo__vid-btn.rutub svg path:last-child {
fill: #f70000;
}
.promo__vid-btn.youtub svg path:nth-child(1) {
fill: var(--white-color);
}
.promo__vid-btn.active svg path {
fill: var(--white-color);
}
.promo__videos-arr {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(
16px,
calc(16px + (36 - 16) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
}
.promo__video-item {
display: flex;
flex-direction: column;
gap: 24px;
cursor: pointer;
}
.promo__video-img-wrap {
position: relative;
width: 100%;
height: clamp(
290px,
calc(290px + (384 - 290) * (100cqw - 1280px) / (1600 - 1280)),
384px
);
border-radius: 24px;
overflow: hidden;
}
.promo__video-img-wrap::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 104px;
height: 104px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/play-blue.svg);
background-size: contain;
background-repeat: no-repeat;
transition: var(--transition);
}
.promo__video-item:hover .promo__video-img-wrap::before {
transform: translate(-50%, -50%) scale(1.2);
}
.promo__video-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.promo__video-item-title {
font-size: clamp(
16px,
calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
line-height: 140%;
transition: var(--blue-color);
}
.promo__video-item:hover .promo__video-item-title {
color: var(--blue-color);
}
.btn.promo__video-btn {
display: none;
margin: 0 auto;
}
.promo__video-btn.active {
display: flex;
}
.promo__video-btn:hover {
background-color: var(--pink-color);
}
.partners__title {
margin-bottom: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.partners__slider {
padding: 0 72px;
position: relative;
}
.partner__item {
padding: clamp(
24px,
calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)),
32px
)
clamp(
24px,
calc(24px + (26 - 24) * (100cqw - 1280px) / (1600 - 1280)),
26px
);
display: flex;
align-items: center;
justify-content: center;
border-radius: 24px;
box-shadow: 10px 10px 32px 0 rgba(21, 50, 70, 0.25);
overflow: visible;
width: 100%;
height: 110px;
}
.partners__slider .swiper-slide {
opacity: 0;
z-index: -1;
}
.partners__slider .swiper-slide-visible {
opacity: 1;
}
.partners__prev,
.partners__next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-size: contain;
background-repeat: no-repeat;
width: 36px;
height: 36px;
z-index: 2;
cursor: pointer;
}
.partners__prev {
left: 0;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-black-right.svg);
transform: translateY(-50%) rotate(180deg);
}
.partners__next {
right: 0;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-black-right.svg);
}
.partners__slider .swiper-button-disabled {
opacity: 0.4;
pointer-events: none;
}
.work__us-title-wrap {
display: flex;
flex-direction: row;
align-items: center;
gap: clamp(
16px,
calc(16px + (36 - 16) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
margin-bottom: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.work__us-title {
margin-bottom: 0;
}
.work__us-title-img {
width: clamp(
48px,
calc(48px + (70 - 48) * (100cqw - 1280px) / (1600 - 1280)),
70px
);
min-width: clamp(
48px,
calc(48px + (70 - 48) * (100cqw - 1280px) / (1600 - 1280)),
70px
);
height: clamp(
48px,
calc(48px + (70 - 48) * (100cqw - 1280px) / (1600 - 1280)),
70px
);
object-fit: contain;
transform: scale(1.4);
}
.work__us-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
row-gap: 56px;
column-gap: clamp(
72px,
calc(72px + (80 - 72) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
}
.work__us-item {
flex: 0 1
calc(
25% -
clamp(
55px,
calc(55px + (60 - 55) * (100cqw - 1280px) / (1600 - 1280)),
60px
)
);
padding: 24px 16px;
display: flex;
align-items: center;
justify-content: center;
min-height: clamp(
220px,
calc(220px + (320 - 220) * (100cqw - 1280px) / (1600 - 1280)),
320px
);
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 137.143%;
text-align: center;
border: 1px solid var(--black-color);
border-radius: 24px;
}
.work__us-item.blue {
background-color: var(--blue-color);
color: var(--white-color);
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
font-weight: 500;
line-height: 133%;
border-color: var(--blue-color);
text-align: start;
}
.footer__form-wrap {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas:
"footer__form-title ."
"footer__form-subtitle footer__form-inner";
gap: 24px;
border-radius: 80px;
background-color: var(--blue-color);
color: var(--white-color);
padding: clamp(
48px,
calc(48px + (80 - 48) * (100cqw - 1280px) / (1600 - 1280)),
80px
)
clamp(
48px,
calc(48px + (160 - 48) * (100cqw - 1280px) / (1600 - 1280)),
160px
);
margin-bottom: -120px;
}
.footer__form-line-wrap {
position: absolute;
right: clamp(
56px,
calc(56px + (104 - 56) * (100cqw - 1280px) / (1600 - 1280)),
104px
);
top: clamp(
-74px,
calc(-32px + (-74 - -32) * (100cqw - 1280px) / (1600 - 1280)),
-32px
);
display: block;
width: clamp(
340px,
calc(340px + (671 - 340) * (100cqw - 1280px) / (1600 - 1280)),
671px
);
height: clamp(
113px,
calc(113px + (223 - 113) * (100cqw - 1280px) / (1600 - 1280)),
223px
);
}
.footer__form-line-wrap svg {
width: 100%;
height: 100%;
}
.footer__form-line-wrap svg text {
fill: var(--blue-color);
font-family: "Manrope", sans-serif;
font-size: 19px;
font-weight: 400;
}
#footerFormColorLine {
opacity: 0;
}
.footer__form-title {
grid-area: footer__form-title;
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
font-weight: 500;
line-height: 137.143%;
}
.footer__form-title span {
padding: 2px 5px;
background-color: var(--green-color);
border-radius: 10px;
}
.footer__form-subtitle {
grid-area: footer__form-subtitle;
font-size: clamp(
16px,
calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
line-height: 140%;
max-width: 650px;
font-weight: 200;
}
.wpcf7:has(.footer__form-inner) {
grid-area: footer__form-inner;
}
.footer__form-inner {
grid-area: footer__form-inner;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.footer__form-inner p {
display: contents;
}
.footer__form-inner br {
display: none;
}
.footer__form-input-wrap {
position: relative;
}
.footer__form-input {
padding: clamp(
14px,
calc(14px + (24 - 14) * (100cqw - 1280px) / (1600 - 1280)),
24px
)
16px;
font-size: 18px;
line-height: 155%;
font-weight: 300;
background-color: transparent;
border-radius: 24px;
border: 2px solid var(--white-color);
color: var(--white-color);
width: 100%;
transition: var(--transition);
}
.footer__form-input:focus {
box-shadow: 0 2px 12px rgb(255, 255, 255);
}
.footer__form-input:focus-visible {
outline: none;
}
.footer__form-input::placeholder {
color: var(--white-color);
}
.footer__form-submit {
display: block;
width: 100%;
height: 100%;
padding: clamp(
14px,
calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)),
16px
)
18px;
background-color: var(--white-color);
color: var(--blue-color);
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 600;
line-height: 155%;
border-radius: 20px;
text-align: center;
cursor: pointer;
border: navajowhite;
transition: var(--transition);
}
.footer__form-submit:not(:disabled):hover {
background-color: var(--pink-color);
color: var(--white-color);
}
.footer__form-label-wrap .wpcf7-list-item {
margin: 0 0;
}
.footer__form-label-wrap {
height: 24px;
}
.footer__form-note {
grid-column: 1 / 3;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}
.footer__form-check {
appearance: none;
position: relative;
padding: 2px;
min-width: 24px;
height: 24px;
background-color: transparent;
border: 2px solid var(--white-color);
border-radius: 8px;
cursor: pointer;
}
.footer__form-check:checked::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 70%;
height: 70%;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/check.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--white-color);
}
.footer__form-note-text {
font-size: 12px;
line-height: 133%;
font-weight: 200;
}
.footer__form-note-text a {
text-decoration: underline;
text-underline-offset: 2px;
transition: var(--transition);
}
.footer__form-serv-wrap {
border-radius: 80px 80px;
display: grid;
align-items: center;
grid-template-columns: 1fr clamp(476px, calc(476px + (513 - 476) * (100cqw - 1280px) / (1600 - 1280)), 513px);
gap: clamp(40px, calc(40px + (100 - 40) * (100cqw - 1280px) / (1600 - 1280)), 100px);
font-family: 'Onest', sans-serif;
color: var(--white-color);
background-color: var(--blue-color);
margin-bottom: -120px;
}
.footer__form-serv-content-wrap {
padding-top: clamp(48px, calc(48px + (66 - 48) * (100cqw - 1280px) / (1600 - 1280)), 66px);
padding-bottom: clamp(48px, calc(48px + (66 - 48) * (100cqw - 1280px) / (1600 - 1280)), 66px);
padding-left: clamp(50px, calc(50px + (80 - 50) * (100cqw - 1280px) / (1600 - 1280)), 80px);
display: flex;
flex-direction: column;
gap: clamp(24px, calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)), 32px);
}
.footer__form-serv-content-top {
padding: 8px 8px;
display: grid;
grid-template-columns: 24px 1fr;
gap: 8px;
font-size: clamp(17px, calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)), 18px);
line-height: 140%;
background-color: #FFFFFF1A;
border-radius: 10px;
width: fit-content;
}
.footer__form-serv-content-top::before {
content: "";
margin: auto auto;
display: block;
width: 18px;
height: 22px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/map-pin.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.footer__form-serv-content-mid {
display: grid;
align-items: center;
grid-template-columns: clamp(120px, calc(120px + (160 - 120) * (100cqw - 1280px) / (1600 - 1280)), 160px) 1fr ;
gap: clamp(16px, calc(16px + (26 - 16) * (100cqw - 1280px) / (1600 - 1280)), 26px);
}
.footer__form-serv-content-mid-img {
width: 100%;
height: 100%;
object-fit: contain;
}
.footer__form-serv-content-mid-title {
font-family: 'Unbounded', sans-serif;
font-weight: 600;
font-size: clamp(24px, calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)), 32px);
line-height: 140%;
max-width: clamp(500px, calc(500px + (600 - 500) * (100cqw - 1280px) / (1600 - 1280)), 600px);
}
.footer__form-serv-wrap.dev .footer__form-serv-content-mid-title {
max-width: 690px;
}
.footer__form-serv-content-mid-text {
font-family: 'Unbounded', sans-serif;
font-size: clamp(16px, calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)), 20px);
font-weight: 300;
margin-top: clamp(10px, calc(10px + (16 - 10) * (100cqw - 1280px) / (1600 - 1280)), 16px);
}
.footer__form-serv-content-bot {
display: flex;
flex-direction: column;
gap: clamp(12px, calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)), 16px);
font-size: clamp(17px, calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)), 18px);
line-height: 137%;
}
.footer__form-serv-content-bot-list {
margin: 0;
padding-inline-start: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
}
.footer__form-serv-content-bot-list-item {
position: relative;
padding-left: 20px;
}
.footer__form-serv-content-bot-list-item::before {
content: "";
position: absolute;
top: 8px;
left: 2px;
display: block;
width: 8px;
height: 8px;
background-color: var(--white-color);
border-radius: 2px;
}
.footer__form-serv-inner {
position: relative;
padding: clamp(34px, calc(34px + (44 - 34) * (100cqw - 1280px) / (1600 - 1280)), 44px);
display: flex;
flex-direction: column;
gap: clamp(20px, calc(20px + (24 - 20) * (100cqw - 1280px) / (1600 - 1280)), 24px);
background-color: var(--white-color);
color: var(--black-color);
border-radius: 60px;
border: 6px solid var(--blue-color);
height: 100%;
}
.footer__form-serv-inner::before {
content: '';
position: absolute;
left: -117px;
top: 200px;
display: block;
width: 150px;
height: 163px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-circle.svg);
background-size: contain;
background-repeat: no-repeat;
}
.footer__form-serv-inner-top-title {
font-family: 'Unbounded', sans-serif;
font-weight: 600;
font-size: clamp(18px, calc(18px + (19 - 18) * (100cqw - 1280px) / (1600 - 1280)), 19px);
line-height: 138%;
text-align: center;
}
.footer__form-serv-inner-top-badges {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 6px;
margin-bottom: clamp(10px, calc(10px + (16 - 10) * (100cqw - 1280px) / (1600 - 1280)), 16px);
}
.footer__form-serv-inner-top-badge {
padding: clamp(4px, calc(4px + (8 - 4) * (100cqw - 1280px) / (1600 - 1280)), 8px) clamp(12px, calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)), 16px);
border-radius: 100px;
font-weight: 700;
font-size: clamp(17px, calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)), 18px);
line-height: 140%;
background-color: var(--blue-white-color);
}
.footer__form-serv-inner-top-text {
font-size: clamp(15px, calc(15px + (17 - 15) * (100cqw - 1280px) / (1600 - 1280)), 17px);
line-height: 134%;
}
.footer__form-serv-options-wrap > p,
.footer__form-serv-options-inner > p {
display: contents;
}
.footer__form-serv-options-pre {
display: block;
margin-bottom: clamp(4px, calc(4px + (8 - 4) * (100cqw - 1280px) / (1600 - 1280)), 8px);
font-size: clamp(15px, calc(15px + (16 - 15) * (100cqw - 1280px) / (1600 - 1280)), 16px);
line-height: 140%;
}
.footer__form-serv-options-inner {
display: grid;
grid-template-columns: 1fr 86px 86px;
gap: 8px;
}
.footer__form-serv-opt-wrap {
position: relative;
cursor: pointer;
}
.footer__form-serv-feedback {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
inset: 0px;
margin: 0px;
}
.footer__form-serv-feedback:checked + .footer__form-serv-opt {
background-color: var(--blue-color);
color: var(--white-color);
border-color: var(--white-color);
}
.footer__form-serv-feedback:checked + .footer__form-serv-opt-ico::before {
background-color: var(--white-color);
}
.footer__form-serv-opt {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 100%;
border: 1px solid var(--black-color);
border-radius: 20px;
background-color: transparent;
cursor: pointer;
transition: var(--transition);
}
.footer__form-serv-opt-ico {
border-radius: 16px;
}
.footer__form-serv-opt-ico::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--black-color);
}
.footer__form-serv-opt-ico.max::before {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/max-form.svg);
width: 24px;
height: 23px;
}
.footer__form-serv-opt-ico.tg::before {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/tg-form.svg);
width: 28px;
height: 24px;
}
.footer__form-serv-opt-text {
font-family: 'Unbounded', sans-serif;
font-size: 14px;
font-weight: 600;
}
.footer__form-serv-input-list {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: clamp(20px, calc(20px + (24 - 20) * (100cqw - 1280px) / (1600 - 1280)), 24px);
}
.footer__form-serv-input-list > p {
display: contents;
}
.footer__form-serv-input-list br {
display: none;
}
.footer__form-serv-input-list .wpcf7-form-control-wrap {
display: block;
position: relative;
}
.footer__form-serv-input {
padding: clamp(14px, calc(14px + (17 - 14) * (100cqw - 1280px) / (1600 - 1280)), 17px) 16px;
font-size: clamp(15px, calc(15px + (16 - 15) * (100cqw - 1280px) / (1600 - 1280)), 16px);
font-weight: 400;
line-height: 133%;
color: var(--black-color);
border: 1px solid var(--black-color);
border-radius: 16px;
width: 100%;
}
.footer__form-serv-input::placeholder {
color: var(--black-color);
}
.footer__form-serv-submit-wrap {
margin-bottom: clamp(12px, calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)), 16px);
}
.footer__form-serv-submit {
padding: 18px 16px;
width: 100%;
background-color: var(--pink-color);
color: var(--white-color);
font-family: "Unbounded", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 142%;
border-radius: 16px;
cursor: pointer;
outline: none;
border: none;
transition: var(--transition);
}
.footer__form-serv-submit:hover:not(:disabled) {
box-shadow: 0 0 20px var(--pink-color);
}
.footer__form-serv-note-wrap {
display: grid;
grid-template-columns: 20px 1fr;
gap: 10px;
}
.footer__form-serv-note-check > p {
display: contents;
}
.footer__form-serv-note-check .wpcf7-list-item {
margin: 0 0;
}
.footer__form-serv-note-check .wpcf7-list-item > input {
appearance: none;
position: relative;
padding: 2px;
min-width: 20px;
height: 20px;
background-color: transparent;
border: 2px solid var(--gray-light-color-second);
border-radius: 8px;
cursor: pointer;
}
.footer__form-serv-note-check .wpcf7-list-item > input:checked::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 14px;
height: 14px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/check.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--gray-color);
z-index: 2;
}
.footer__form-serv-note-text > p {
display: contents;
}
.footer__form-serv-note-text {
color: var(--gray-light-color-second);
font-size: 14px;
font-weight: 400;
line-height: 138%;
}
.footer__form-serv-note-text a {
text-decoration: underline;
text-underline-offset: 2px;
}
.footer__main {
font-family: 'Onest', sans-serif;
font-weight: 400;
padding-top: 160px;
padding-bottom: clamp(
50px,
calc(50px + (80 - 50) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
background-color: var(--black-color);
color: var(--white-color);
border-radius: 80px 80px 0 0;
}
.footer__top {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: clamp(
50px,
calc(50px + (60 - 50) * (100cqw - 1280px) / (1600 - 1280)),
60px
);
align-items: center;
}
.logo__footer-wrap {
width: 114px;
height: 106px;
object-fit: contain;
}
.footer__top-phone-btn-wrap {
display: contents;
}
.footer__top-phone-btns {
display: flex;
flex-direction: row;
align-items: center;
gap: 56px;
margin: 0 auto;
}
.footer__top-phone {
font-family: 'Unbounded', sans-serif;
font-size: clamp(
32px,
calc(32px + (38 - 32) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
font-weight: 600;
line-height: 124%;
align-items: center;
transition: var(--transition);
}
.footer__top-phone:hover {
color: var(--pink-color);
text-shadow: 0 0 20px var(--pink-color);
}
.footer__top-socials {
display: flex;
flex-direction: row;
gap: clamp(
16px,
calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
align-items: center;
}
.footer__top-soc-item {
position: relative;
width: 86px;
height: 60px;
border-radius: 16px;
background-color: var(--blue-color);
transition: var(--transition);
}
.footer__top-soc-item::before {
content: "";
position: absolute;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 28px;
height: 28px;
background-size: contain;
background-repeat: no-repeat;
}
.footer__top-soc-item.wa {
background-color: var(--green-color);
}
.footer__top-soc-item.wa::before {
height: clamp(
17px,
calc(17px + (26 - 17) * (100cqw - 1280px) / (1600 - 1280)),
26px
);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/wa-form.svg);
}
.footer__top-soc-item.wa:hover {
box-shadow: 0 0 20px var(--green-color);
}
.footer__top-soc-item.tg {
background-color: var(--cyan-color);
}
.footer__top-soc-item.tg::before {
height: 24px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/tg-form.svg);
}
.footer__top-soc-item.tg:hover {
box-shadow: 0 0 20px var(--cyan-color);
}
.footer__top-soc-item.max {
background-color: var(--violet-color);
}
.footer__top-soc-item.max:hover {
box-shadow: 0 0 20px var(--violet-color);
}
.footer__top-soc-item.max::before {
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/max-form.svg);
}
.footer__top-action {
font-family: 'Unbounded', sans-serif;
padding: clamp(16px, calc(16px + (19 - 16) * (100cqw - 1280px) / (1600 - 1280)), 19px) 40px;
font-size: clamp(
17px,
calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 600;
line-height: 144%;
color: var(--white-color);
background-color: var(--pink-color);
border-radius: 20px;
width: fit-content;
transition: var(--transition);
}
.footer__top-action:hover {
box-shadow: 0 0 20px var(--pink-color);
}
.footer__mid {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: clamp(
50px,
calc(50px + (70 - 50) * (100cqw - 1280px) / (1600 - 1280)),
70px
);
font-size: clamp(15px, calc(15px + (17 - 15) * (100cqw - 1280px) / (1600 - 1280)), 17px);
font-weight: 400;
line-height: 135%;
column-gap: 48px;
row-gap: 80px;
}
.footer__mid-first-col {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
}
.footer__mid-menu-wrap {
display: contents;
}
.footer__mid a {
transition: var(--transition);
}
.footer__mid a:hover {
color: var(--pink-color);
}
.footer__mid-first-top {
font-size: clamp(17px, calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)), 18px);
line-height: 137%;
}
.footer__mid-first-top,
.footer__mid-first-bot {
display: flex;
flex-direction: column;
gap: clamp(12px, calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)), 16px);
}
.footer__mid-first-mail {
color: var(--blue-light-color);
font-weight: 400;
}
.footer__mid-first-bot {
gap: clamp(8px, calc(8px + (10 - 8) * (100cqw - 1280px) / (1600 - 1280)), 10px);
text-transform: uppercase;
line-height: 132%;
}
.footer__mid-menu-col {
display: flex;
flex-direction: column;
gap: clamp(12px, calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)), 16px);
}
.footer__bot {
display: grid;
grid-template-columns: 701fr 847fr;
gap: clamp(
30px,
calc(30px + (52 - 30) * (100cqw - 1280px) / (1600 - 1280)),
52px
);
}
.footer__bot-col-info {
display: flex;
flex-direction: column;
gap: 18px;
color: var(--gray-color);
font-size: clamp(15px, calc(15px + (16 - 15) * (100cqw - 1280px) / (1600 - 1280)), 16px);
line-height: 139%;
}
.footer__bot-policy {
text-decoration: underline;
text-underline-offset: 4px;
transition: var(--transition);
line-height: 128.571%;
width: fit-content;
}
.footer__bot-policy:hover {
color: var(--pink-color);
}
.footer__bot-col-rate {
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-content: end;
justify-items: end;
gap: 36px;
}
.footer__bot-rate-item {
width: fit-content;
}
.footer__bot-rate-item:has(.footer__bot-rate-item-doc) {
width: 100%;
}
.footer__bot-rate-item-doc {
font-family: 'Onest', sans-serif;
font-weight: 400;
display: grid;
grid-template-columns: 57px 1fr;
align-items: center;
background-color: var(--white-color);
color: var(--black-color);
}
.footer__bot-rate-item-doc-rate {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: clamp(2px, calc(2px + (4 - 2) * (100cqw - 1280px) / (1600 - 1280)), 4px) 4px;
text-align: center;
background-color: var(--blue-color);
color: var(--white-color);
}
.footer__bot-rate-item-doc-num {
font-family: "Unbounded", sans-serif;
font-size: 21px;
line-height: 112%;
font-weight: 600;
display: block;
}
.footer__bot-rate-item-doc-place,
.footer__bot-rate-item-doc-year {
font-size: 14px;
line-height: 118%
}
.footer__bot-rate-item-doc-content {
position: relative;
padding: 14px 43px 14px 16px;
}
.footer__bot-rate-item-doc-content::after {
content: '';
position: absolute;
display: block;
top: 50%;
right: 0;
transform: translateY(-50%);
height: 68px;
width: 27px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/lens.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.footer__bot-rate-item-doc-text {
font-size: 16px;
line-height: 140%;
}
.footer__bot-rate-img {
width: 100%; object-fit: scale-down;
}
.cookie__banner {
position: fixed;
right: clamp(
24px,
calc(24px + (72 - 24) * (100cqw - 1280px) / (1600 - 1280)),
72px
);
bottom: clamp(
24px,
calc(24px + (72 - 24) * (100cqw - 1280px) / (1600 - 1280)),
72px
);
padding: 32px 32px;
margin-left: clamp(
24px,
calc(24px + (72 - 24) * (100cqw - 1280px) / (1600 - 1280)),
72px
);
display: flex;
flex-direction: column;
gap: 24px;
background: #fffffff2;
box-shadow: 10px 10px 32px 0 rgba(21, 50, 70, 0.25);
color: var(--black-color);
border-radius: 32px;
max-width: 549px;
z-index: 99;
}
.cookie__title {
padding-right: 30px;
font-size: 18px;
font-weight: 600;
line-height: 155%;
margin-bottom: 16px;
}
.cookie__descr {
font-size: 14px;
font-weight: 300;
line-height: 142%;
}
.cookie__descr > a {
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-thickness: 2px;
text-decoration-color: var(--blue-color);
transition: var(--transition);
}
.cookie__descr > a:hover {
text-decoration-color: var(--pink-color);
text-underline-offset: 3px;
}
.cookie__submit {
font-size: 18px;
transition: var(--transition);
text-transform: initial;
}
.cookie__submit:hover {
background-color: var(--pink-color);
}
.cookie__close {
position: absolute;
top: 12px;
right: 12px;
width: 48px;
height: 48px;
background-color: var(--blue-color);
border-radius: 100%;
cursor: pointer;
transition: var(--transition);
}
.cookie__close::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 24px;
height: 24px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/cross.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.cookie__close:hover {
background-color: var(--pink-color);
}
.project__form-modal {
background-color: transparent;
display: none;
}
.project__form-wrap {
position: relative;
padding: clamp(
36px,
calc(36px + (56 - 36) * (100vw - 1280px) / (1600 - 1280)),
56px
);
display: flex;
flex-direction: column;
gap: clamp(
24px,
calc(24px + (36 - 24) * (100vw - 1280px) / (1600 - 1280)),
36px
);
background-color: var(--white-color);
max-width: clamp(
740px,
calc(740px + (780 - 740) * (100vw - 1280px) / (1600 - 1280)),
780px
);
border-radius: clamp(
36px,
calc(36px + (48 - 36) * (100vw - 1280px) / (1600 - 1280)),
48px
);
z-index: 999;
} .project__form-top-wrap {
display: grid;
grid-template-columns:
clamp(
93px,
calc(93px + (151 - 93) * (100vw - 1280px) / (1600 - 1280)),
151px
)
1fr;
align-items: center;
gap: 16px;
}
.project__form-top-img-wrap {
height: clamp(
104px,
calc(104px + (168 - 104) * (100vw - 1280px) / (1600 - 1280)),
168px
);
}
.project__form-top-img {
width: 100%;
height: 100%;
}
.project__form-top-title {
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100vw - 1280px) / (1600 - 1280)),
35px
);
font-weight: 600;
line-height: 137%;
color: var(--black-color);
margin-bottom: clamp(
16px,
calc(16px + (24 - 16) * (100vw - 1280px) / (1600 - 1280)),
24px
);
}
.project__form-inner {
display: flex;
flex-direction: column;
gap: clamp(
24px,
calc(24px + (36 - 24) * (100vw - 1280px) / (1600 - 1280)),
36px
);
}
.project__form-inner p {
display: contents;
}
.project__form-inner br {
display: none;
}
.project__form-inner-top {
display: grid;
grid-template-columns: 196px 1fr;
column-gap: 16px;
row-gap: clamp(
16px,
calc(16px + (24 - 16) * (100vw - 1280px) / (1600 - 1280)),
24px
);
}
.project__form-inner-question {
font-size: 18px;
line-height: 155%;
font-weight: 600;
color: var(--black-color);
grid-column: 1 / 3;
}
.project__form-opt-call {
padding: 16px 35px;
font-size: 18px;
text-align: center;
background-color: transparent;
font-weight: 600;
border-radius: 20px;
border: 1px solid var(--black-color);
cursor: pointer;
transition: var(--transition);
display: block;
}
.project__form-btns-wrap {
display: grid;
grid-template-columns: repeat(3, 86px);
gap: 16px;
}
.project__form-opt {
padding: 10px 28px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--black-color);
border-radius: 16px;
cursor: pointer;
transition: var(--transition);
height: 100%;
}
.project__form-opt::before {
content: "";
display: block;
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--black-color);
}
.project__form-opt.wa::before {
width: 24px;
height: 24px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/wa-form.svg);
}
.project__form-opt.tg::before {
width: 28px;
height: 24px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/tg-form.svg);
}
.project__form-opt.max::before {
width: 28px;
height: 28px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/max-form.svg);
}
.project__form-hidden {
display: none;
}
.project__form-opt-wrap input:checked ~ label {
background-color: var(--blue-color);
color: var(--white-color);
border-color: var(--blue-color);
}
.project__form-opt-wrap input:checked ~ .project__form-opt.wa {
background-color: var(--green-color);
color: var(--white-color);
border-color: var(--green-color);
}
.project__form-opt-wrap input:checked ~ .project__form-opt.tg {
background-color: var(--cyan-color);
border-color: var(--cyan-color);
}
.project__form-opt-wrap input:checked ~ .project__form-opt.max {
background-color: var(--violet-color);
border-color: var(--violet-color);
}
.project__form-opt-wrap input:checked ~ label::before {
background-color: var(--white-color);
}
.project__form-opt-wrap:hover label {
background-color: var(--blue-color);
color: var(--white-color);
border-color: var(--blue-color);
}
.project__form-opt-wrap:hover .project__form-opt.wa {
background-color: var(--green-color);
border-color: var(--green-color);
}
.project__form-opt-wrap:hover .project__form-opt.tg {
background-color: var(--cyan-color);
border-color: var(--cyan-color);
}
.project__form-opt-wrap:hover .project__form-opt.max {
background-color: var(--violet-color);
border-color: var(--violet-color);
}
.project__form-opt-wrap:hover label::before {
background-color: var(--white-color);
}
.project__form-inner-bot {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.project__form-input-wrap {
position: relative;
}
.project__form-input {
padding: 18px 16px;
font-size: 18px;
line-height: 155%;
font-weight: 300;
background-color: transparent;
border-radius: 24px;
border: 2px solid var(--black-color);
color: var(--black-color);
width: 100%;
transition: var(--transition);
}
.project__form-input:focus {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.8);
}
.project__form-input:focus-visible {
outline: none;
}
.project__form-input::placeholder {
color: var(--black-color);
}
.project__form-submit {
padding: 16px;
background-color: var(--blue-color);
color: var(--white-color);
font-size: 18px;
line-height: 155%;
font-weight: 600;
text-align: center;
border: none;
cursor: pointer;
border-radius: 20px;
width: 100%;
transition: var(--transition);
height: 100%;
}
.project__form-submit:not(:disabled):hover {
background-color: var(--pink-color);
}
.project__form-note {
grid-column: 1 / 3;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}
.wpcf7-list-item:has(.project__form-check) {
margin: 0 0;
}
.project__form-check {
appearance: none;
position: relative;
padding: 2px;
min-width: 24px;
height: 24px;
background-color: transparent;
border: 2px solid var(--black-color);
border-radius: 8px;
cursor: pointer;
}
.project__form-check:checked::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 70%;
height: 70%;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/check.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--black-color);
}
.project__form-note-text {
font-size: 12px;
line-height: 133%;
}
.project__form-note-text a {
text-decoration: underline;
text-underline-offset: 2px;
transition: var(--transition);
}
.project__form-modal > .f-button.is-close-btn {
--f-button-svg-width: 28px !important;
--f-button-svg-height: 28px !important;
top: 24px;
right: 24px;
width: 48px !important;
height: 48px !important;
background-color: var(--blue-color);
color: var(--white-color);
border-radius: 100%;
opacity: 1;
transition: var(--transition);
z-index: 999;
}
.project__form-modal > .f-button.is-close-btn:hover {
background-color: var(--pink-color);
}
.thx__modal .project__form-wrap::before {
display: none;
}
.thx__modal-img-wrap {
margin-right: clamp(
-56px,
calc(-36px + (-56 - -36) * (100vw - 1280px) / (1600 - 1280)),
-36px
);
margin-bottom: clamp(
-56px,
calc(-36px + (-56 - -36) * (100vw - 1280px) / (1600 - 1280)),
-36px
);
}
.thx__modal-img {
width: 100%;
height: 445px;
object-fit: contain;
}
.article__page-top-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: clamp(12px, calc(12px + (20 - 12) * (100cqw - 1280px) / (1600 - 1280)), 20px);
min-height: 349px;
}
.article__page-top-wrapper.has-author {
grid-template-columns: 1fr 1fr;
}
.article__page-top-main {
position: relative;
padding: clamp(30px, calc(30px + (40 - 30) * (100cqw - 1280px) / (1600 - 1280)), 40px) clamp(40px, calc(40px + (54 - 40) * (100cqw - 1280px) / (1600 - 1280)), 54px);
border-radius: 30px;
color: var(--white-color);
background:  radial-gradient(
220% 280% at 0% 0%,
#C24DE0 0%,
#1E4DC3 55%
);
overflow: hidden;
}
.article__page-top-main-wrap {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
gap: 30px;
height: 100%;
z-index: 1;
}
.article__page-top-main-inner {
display: flex;
flex-direction: column;
gap: 30px;
}
.article__page-title {
color: var(--white-color);
margin-bottom: 0;
overflow-wrap: anywhere;
font-size: clamp(32px, calc(32px + (38 - 32) * (100cqw - 1280px) / (1600 - 1280)), 38px);
line-height: 140%;
}
.article__page-top-meta-wrap {
font-family: 'Onest', sans-serif;
font-size: clamp(18px, calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)), 20px);
line-height: 153%;
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}
.article__page-top-meta-item {
position: relative;
padding-left: 36px;
}
.article__page-top-meta-item::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: block;
width: 28px;
height: 28px;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--white-color);
}
.article__page-top-meta-item.time::before {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/clock-blog.svg);
}
.article__page-top-meta-item.date::before {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/calendar-blog.svg);
}
.article__page-top-meta-item-dot {
display: inline-block;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: var(--white-color);
opacity: 60%;
}
.article__page-share {
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
}
.article__page-share-text {
font-family: 'Onest', sans-serif;
font-size: clamp(18px, calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)), 20px);
font-weight: 400;
line-height: 153%;
}
.article__page-share-buttons {
display: flex;
flex-direction: row;
gap: 8px;
}
.article__page-share-item,
.irecommendthis {
position: relative;
background-color: var(--white-color);
border-radius: 10px;
width: 80px;
height: 44px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
transition: var(--transition);
font-size: 18px;
}
.article__page-share-item:hover,
.irecommendthis:hover {
transform: scale(1.1);
}
.article__page-share-item::before {
content: "";
display: block;
width: 40px;
height: 40px;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--blue-color);
}
.article__page-share-item.vk::before {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/vk-share.svg);
background-color: #34A5F6;
}
.article__page-share-item.tg::before {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/tg-share.svg);
}
.irecommendthis {
color: var(--pink-color);
font-weight: 600;
}
.irecommendthis::before {
content: "";
display: block;
width: 40px;
height: 40px;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/like-share.svg);
background-color: var(--pink-color);
}
.article__page-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.5);
}
.article__page-author-block {
font-family: 'Onest', sans-serif;
border: 1px solid var(--blue-white-color);
color: var(--black-color);
border-radius: 30px;
overflow: hidden;
}
.article__page-author-wrap {
background-color: var(--blue-white-color);
border-radius: 30px;
padding: clamp(20px, calc(20px + (30 - 20) * (100cqw - 1280px) / (1600 - 1280)), 30px) clamp(24px, calc(24px + (30 - 24) * (100cqw - 1280px) / (1600 - 1280)), 30px);
}
.article__page-author-inner {
display: grid;
grid-template-columns: clamp(86px, calc(86px + (115 - 86) * (100cqw - 1280px) / (1600 - 1280)), 115px) 1fr;
gap: clamp(16px, calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)), 24px);
}
.article__page-author-img {
width: 100%;
}
.article__page-author-left {
padding-top: 16px;
display: flex;
flex-direction: column;
gap: 16px;
}
.article__page-author-name {
font-family: 'Unbounded', sans-serif;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 10px;
color: var(--black-color);
font-size: clamp(16px, calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)), 18px);
font-weight: 600;
line-height: 155.556%;
margin-bottom: 2px;
}
.article__page-author-name-stick {
padding: clamp(5px, calc(5px + (6 - 5) * (100cqw - 1280px) / (1600 - 1280)), 6px) clamp(10px, calc(10px + (12 - 10) * (100cqw - 1280px) / (1600 - 1280)), 12px);
border-radius: 50px;
background: #eb066a;
color: var(--white-color);
font-size: clamp(10px, calc(10px + (12 - 10) * (100cqw - 1280px) / (1600 - 1280)), 12px);
font-weight: 500;
line-height: 120%;
letter-spacing: 0.48px;
text-transform: uppercase;
}
.article__page-author-pos {
color: var(--gray-color);
font-family: "Onest", sans-serif;
font-size: clamp(15px, calc(15px + (16 - 15) * (100cqw - 1280px) / (1600 - 1280)), 16px);
line-height: 140%;
}
.article__page-author-info-descr {
color: var(--black-color);
font-family: "Onest", sans-serif;
font-size: clamp(16px, calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)), 18px);
line-height: 140%;
}
.article__page-author-info-descr ul {
margin: 0 0;
padding-inline-start: 20px;
display: flex;
flex-direction: column;
gap: 6px;
list-style-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/rhomb-list.svg);
}
.article__page-author-info-descr b, 
.article__page-author-info-descr strong {
font-weight: 700;
}
.article__page-author-info-descr ul > li {
padding-left: 5px;
}
.article__page-author-date-wrap {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 36px;
font-size: clamp(
12px,
calc(12px + (14 - 12) * (100cqw - 1280px) / (1600 - 1280)),
14px
);
font-weight: 600;
line-height: 142%;
}
.article__page-author-bottom {
margin-top: 10px;
display: flex;
flex-direction: row;
align-items: center;
gap: 15px;
}
.article__page-author-stat-separator {
display: block;
height: 36px;
width: 3px;
background-color: var(--gray-light-color);
border-radius: 8px;
}
.article__page-author-stat {
position: relative;
padding-left: 26px;
font-size: 14px;
font-weight: 300;
line-height: 142%;
}
.article__page-author-stat::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.article__page-author-stat.time::before {
width: 18px;
height: 18px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/clock.svg);
}
.article__page-author-stat.views::before {
width: 20px;
height: 13px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/eye.svg);
}
.article__page-author-articles-wrap {
padding: clamp(24px, calc(24px + (40 - 24) * (100cqw - 1280px) / (1600 - 1280)), 40px) clamp(32px, calc(32px + (50 - 32) * (100cqw - 1280px) / (1600 - 1280)), 50px);
}
.article__page-author-articles-title {
font-family: "Unbounded", sans-serif;
position: relative;
padding-left: clamp(
32px,
calc(32px + (41 - 32) * (100cqw - 1280px) / (1600 - 1280)),
41px
);
margin-bottom: clamp(20px, calc(20px + (24 - 20) * (100cqw - 1280px) / (1600 - 1280)), 24px);
font-weight: 600;
}
.article__page-author-articles-title::before {
content: "";
position: absolute;
left: 0;
top: 4px;
display: block;
width: clamp(
20px,
calc(20px + (25 - 20) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
height: clamp(
16px,
calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/folder.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.article__page-author-articles-list {
display: flex;
flex-direction: column;
gap: clamp(12px, calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)), 16px);
}
.article__page-author-article-item {
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 142%;
font-weight: 300;
transition: var(--transition);
text-decoration: underline;
text-underline-offset: 4px;
}
.article__page-author-article-item:hover {
color: var(--blue-color);
}
.article__page-content-wrap {
display: grid;
grid-template-columns: 1fr clamp(
372px,
calc(372px + (460 - 372) * (100cqw - 1280px) / (1600 - 1280)),
460px
);
gap: clamp(
48px,
calc(48px + (140 - 48) * (100cqw - 1280px) / (1600 - 1280)),
140px
);
}
.article__page-content {
font-family: 'Onest', sans-serif;
font-size: clamp(
18px,
calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
line-height: clamp(
142%,
calc(142% + (155 - 142) * (100cqw - 1280px) / (1600 - 1280)),
155%
);
}
.article__page-content > *:first-child {
margin-top: 0;
}
.article__page-content > *:last-child {
margin-bottom: 0;
}
.article__page-content h2,
.article__page-content h3,
.article__page-content h4,
.article__page-content h5,
.article__page-content h6 {
font-family: "Unbounded", sans-serif;
font-weight: 600;
color: var(--black-color);
}
.article__page-content h2 {
margin-bottom: clamp(32px, calc(32px + (48 - 32) * (100cqw - 1280px) / (1600 - 1280)), 48px);
margin-top: 80px;
font-size: clamp(
24px,
calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
line-height: 137%;
}
.article__page-content > h2:first-child {
margin-top: 0;
}
.article__page-content h3 {
margin-top: 32px;
margin-bottom: clamp(20px, calc(20px + (32 - 20) * (100cqw - 1280px) / (1600 - 1280)), 32px);
font-size: clamp(
21px,
calc(21px + (24 - 21) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.article__page-content > p a .article__page-content > a {
color: var(--blue-color);
text-decoration: underline;
transition: var(--transition);
}
.article__page-content > p a:hover .article__page-content > a:hover {
color: var(--pink-color);
}
.article__page-content strong,
.article__page-content b {
font-weight: 700;
}
.article__page-content ol,
.article__page-content ul {
margin: 20px 0;
padding-inline-start: 20px;
display: flex;
flex-direction: column;
gap: clamp(
14px,
calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
}
.article__page-content ol li::marker,
.article__page-content ul li::marker {
color: var(--blue-color);
}
.article__page-content ol li::marker {
font-weight: 600;
}
.article__page-content ol li {
padding-left: 8px;
}
.article__page-content .wp-block-table {
margin: clamp(
20px,
calc(20px + (32 - 20) * (100cqw - 1280px) / (1600 - 1280)),
32px
)
0;
border: none !important;
}
.article__page-content table {
border: 2px solid var(--blue-white-color);
border-collapse: separate !important;
border-spacing: 0;
border-radius: 16px;
overflow: hidden;
font-size: clamp(16px, calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)), 20px);
}
.article__page-content table strong,
.article__page-content table b {
font-weight: 700;
}
.article__page-content table > thead {
font-size: clamp(14px, calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)), 18px);
background-color: var(--blue-color);
color: var(--white-color);
font-family: 'Unbounded', sans-serif;
}
.article__page-content table > thead th {
font-weight: 500;
}
.article__page-content table th,
.article__page-content table td,
.article__page-content table thead {
border: none;
text-align: start;
}
.article__page-content table td,
.article__page-content table th {
text-align: left;
vertical-align: top;
}
.article__page-content table thead th {
padding: clamp(12px, calc(12px + (14 - 12) * (100cqw - 1280px) / (1600 - 1280)), 14px) clamp(20px, calc(20px + (26 - 20) * (100cqw - 1280px) / (1600 - 1280)), 26px);
color: var(--white-color);
background-color: var(--blue-color);
font-size: clamp(14px, calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)), 18px);
line-height: 140%;
}
.article__page-content table tr:nth-child(odd) {
background-color: var(--blue-white-color) !important;
}
.article__page-content table tbody td {
padding: clamp(10px, calc(10px + (14 - 10) * (100cqw - 1280px) / (1600 - 1280)), 14px) clamp(14px, calc(14px + (26 - 14) * (100cqw - 1280px) / (1600 - 1280)), 26px);
}
.article__page-content .wp-block-table > figcaption {
margin-top: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
text-align: start;
font-size: clamp(
18px,
calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
color: var(--blue-color);
}
.article__page-content blockquote {
margin-top: clamp(32px, calc(32px + (48 - 32) * (100cqw - 1280px) / (1600 - 1280)), 48px);
margin-bottom: 80px;
position: relative;
padding: clamp(22px, calc(22px + (28 - 22) * (100cqw - 1280px) / (1600 - 1280)), 28px) clamp(28px, calc(28px + (38 - 28) * (100cqw - 1280px) / (1600 - 1280)), 38px);
border-left: none;
border: 2px solid var(--blue-color);
border-radius: clamp(26px, calc(26px + (36 - 26) * (100cqw - 1280px) / (1600 - 1280)), 36px);
}
.article__page-content blockquote p:first-child {
margin-top: 0;
}
.article__page-content blockquote p:last-child {
margin-bottom: 0;
}
.article__page-content blockquote::before {
content: "";
padding: 0 16px ;
position: absolute;
top: -15px;
left: clamp(35px, calc(35px + (47 - 35) * (100cqw - 1280px) / (1600 - 1280)), 47px);
display: block;
width: clamp(44px, calc(44px + (55 - 44) * (100cqw - 1280px) / (1600 - 1280)), 55px);
height: clamp(21px, calc(21px + (29 - 21) * (100cqw - 1280px) / (1600 - 1280)), 29px);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/quote.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: var(--white-color);
}
.article__page-content hr {
margin-top: clamp(20px, calc(20px + (32 - 20) * (100cqw - 1280px) / (1600 - 1280)), 32px);
margin-bottom: 16px;
margin-left: 0;
margin-right: auto;
width: 52px !important;
height: 4px;
background-color: var(--blue-color);
border-radius: 5px;
color: var(--blue-color);
}
.article__page-content .wp-block-image {
margin: 0 15px !important;
border-radius: 24px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.article__content-start > h2 {
margin-top: 0;
margin-bottom: clamp(
32px,
calc(32px + (36 - 32) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
}
.article__content-start {
margin-bottom: clamp(32px, calc(32px + (44 - 32) * (100cqw - 1280px) / (1600 - 1280)), 44px);
}
.article__content-start ol,
.article__content-start ul {
margin: 0;
padding-inline-start: 20px;
display: flex;
flex-direction: column;
gap: clamp(
20px,
calc(20px + (24 - 20) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.article__content-start ol {
list-style: none;
padding-inline-start: 33px;
}
.article__content-start ol li {
counter-increment: item;
position: relative;
padding-left: 9px;
}
.article__content-start ol li::before {
content: counter(item) ") ";
position: absolute;
left: -30px;
font-family: "Unbounded", sans-serif;
font-size: clamp(
17px,
calc(17px + (19 - 17) * (100cqw - 1280px) / (1600 - 1280)),
19px
);
line-height: 138%;
color: var(--blue-color);
font-weight: 600;
}
.article__content-start ol p:first-child,
.article__content-start ul p:first-child {
margin-top: 0;
margin-bottom: 2px;
}
.article__content-start ol p:last-child,
.article__content-start ul p:last-child {
margin-bottom: 0;
margin-top: 2px;
}
.article__page-content-sidebar {
display: flex;
flex-direction: column;
gap: 64px;
}
.article__page-content-sidebar-inner {
position: sticky;
top: 20px;
}
.article__page-cases-wrap {
padding: clamp(
24px,
calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)),
32px
)
clamp(
24px,
calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
background-color: var(--blue-white-color);
border-radius: 36px;
display: flex;
flex-direction: column;
gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.article__page-cases-title {
font-size: clamp(
18px,
calc(18px + (22 - 18) * (100cqw - 1280px) / (1600 - 1280)),
22px
);
font-weight: 600;
color: var(--black-color);
line-height: 133%;
}
.article__page-cases-list {
display: flex;
flex-direction: column;
gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.article__page-case-item {
font-family: 'Onest', sans-serif;
padding-right: 32px;
position: relative;
font-size: 18px;
color: var(--black-color);
font-weight: 400;
line-height: 128%;
transition: var(--transition);
}
.article__page-case-item:hover {
color: var(--blue-color);
}
.article__page-case-item::before {
content: "";
position: absolute;
right: 0;
top: 0;
display: block;
width: 16px;
height: 16px;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/black-arr-top-right.svg);
background-color: var(--blue-color);
transition: var(--transition);
}
.article__page-case-item:hover::before {
background-color: var(--blue-color);
transform: rotate(45deg);
}
.article__page-form-heads-wrap {
display: flex;
flex-direction: column;
gap: clamp(
18px,
calc(18px + (26 - 18) * (100cqw - 1280px) / (1600 - 1280)),
26px
);
border-radius: 36px 36px 48px 48px;
border: 1px solid var(--blue-white-color);
}
.article__page-heads-wrap {
padding: clamp(
24px,
calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)),
32px
)
clamp(
24px,
calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
36px
)
0
clamp(
24px,
calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
}
.article__page-heads-wrap-title {
font-family: 'Unbounded', sans-serif;
position: relative;
font-size: clamp(
18px,
calc(18px + (22 - 18) * (100cqw - 1280px) / (1600 - 1280)),
22px
);
font-weight: 600;
width: fit-content;
padding-right: clamp(
32px,
calc(32px + (34 - 32) * (100cqw - 1280px) / (1600 - 1280)),
34px
);
cursor: pointer;
color: var(--blue-color);
}
.article__page-heads-wrap-title::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(180deg);
right: 0;
display: block;
width: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
height: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-acute-black-top.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--blue-color);
transition: var(--transition);
}
.article__page-heads-wrap.open .article__page-heads-wrap-title::before {
transform: translateY(-50%);
background-color: var(--black-color);
}
.article__page-heads-wrap.open .article__page-heads-wrap-title {
color: var(--black-color);
}
.article__page-heads-list {
font-family: 'Onest', sans-serif;
padding-inline-start: 0;
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 0;
margin-bottom: 0;
list-style-type: none;
opacity: 0;
transition: var(--transition);
}
.article__page-heads-wrap.open .article__page-heads-list {
margin-top: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
opacity: 1;
}
.article__page-heads-list-item {
display: flex;
flex-direction: row;
gap: 11px;
}
.article__page-heads-list-item::before {
content: "";
display: block;
min-width: 7px;
height: 10px;
margin-top: clamp(5px, calc(5px + (7 - 5) * (100cqw - 1280px) / (1600 - 1280)), 7px);
margin-left: 5px;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/chevron-right.svg);
background-color: var(--blue-color);
}
.article__page-heads-list-link {
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 128%;
transition: var(--transition);
}
.article__page-form-wrap {
padding: clamp(30px, calc(30px + (44 - 30) * (100cqw - 1280px) / (1600 - 1280)), 44px) clamp(34px, calc(34px + (44 - 34) * (100cqw - 1280px) / (1600 - 1280)), 44px);
background-color: var(--blue-color);
border-radius: 48px 48px; color: var(--white-color);
}
.article__page-form-title {
font-size: 21px;
font-weight: 600;
line-height: 128%;
margin-bottom: clamp(12px, calc(12px + (18 - 12) * (100cqw - 1280px) / (1600 - 1280)), 18px);
}
.article__page-form-wrap.open .article__page-form-title  {
font-size: clamp(21px, calc(21px + (24 - 21) * (100cqw - 1280px) / (1600 - 1280)), 24px);
margin-bottom: clamp(10px, calc(10px + (20 - 10) * (100cqw - 1280px) / (1600 - 1280)), 20px);
}
.article__page-form-subtitle {
font-family: 'Onest', sans-serif;
font-size: clamp(16px, calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)), 18px);
}
.article__page-form-wrap.open .article__page-form-subtitle {
font-size: 17px;
line-height: 138%;
letter-spacing: -0.2%;
}
.article__page-form-open {
display: block;
width: 100%;
padding: 18px 18px;
background-color: var(--pink-color);
color: var(--white-color);
font-weight: 600;
border-radius: 20px;
text-align: center;
cursor: pointer;
transition: var(--transition);
border: none;
margin-top: clamp(20px, calc(20px + (26 - 20) * (100cqw - 1280px) / (1600 - 1280)), 26px);
}
.article__page-form-open:hover {
transform: scale(1.05);
}
.faq__form-inner-article {
margin-top: clamp(24px, calc(24px + (26 - 24) * (100cqw - 1280px) / (1600 - 1280)), 26px);
}
.sidebar__form-inner-top > p {
display: contents;
}
.sidebar__form-inner-top br {
display: none;
}
.sidebar__form-inner-top {
margin-bottom: clamp(14px, calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)), 16px);
}
.sidebar__form-inner-question {
font-family: 'Onest', sans-serif;
font-size: 16px;
line-height: 134%;
margin-bottom: 10px;
}
.sidebar__form-inner-question p {
display: contents;
}
.sidebar__form-btns-wrap {
display: grid;
grid-template-columns: minmax(0, 1fr) clamp(60px, calc(60px + (86 - 60) * (100cqw - 1280px) / (1600 - 1280)), 86px) clamp(60px, calc(60px + (86 - 60) * (100cqw - 1280px) / (1600 - 1280)), 86px);
gap: 8px;
align-items: stretch;
}
.sidebar__form-btns-wrap > p {
display: contents;
}
.sidebar__form-btns-wrap .faq__form-opt-wrap {
height: 100%;
}
.sidebar__form-opt {
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--white-color);
border-radius: 16px;
cursor: pointer;
transition: var(--transition);
}
.sidebar__form-opt::before {
content: "";
display: block;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--white-color);
}
.sidebar__form-opt.wa::before {
width: clamp(22px, calc(22px + (24 - 22) * (100cqw - 1280px) / (1600 - 1280)), 24px);
height: clamp(22px, calc(22px + (24 - 22) * (100cqw - 1280px) / (1600 - 1280)), 24px);
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/max-form.svg);
}
.sidebar__form-opt.tg::before {
width: clamp(26px, calc(26px + (28 - 26) * (100cqw - 1280px) / (1600 - 1280)), 28px);
height: clamp(22px, calc(22px + (24 - 22) * (100cqw - 1280px) / (1600 - 1280)), 24px);
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/tg-form.svg);
}
.sidebar__form-hidden {
display: none;
}
.sidebar__form-opt-wrap {
display: block;
height: clamp(54px, calc(54px + (64 - 54) * (100cqw - 1280px) / (1600 - 1280)), 64px);
}
.sidebar__form-opt-wrap label {
display: block;
}
.sidebar__form-opt-wrap label.sidebar__form-opt {
display: flex;
height: 100%;
}
label.sidebar__form-opt-call {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 16px 30px;
font-size: clamp(
16px,
calc(16px + (17 - 16) * (100cqw - 1280px) / (1600 - 1280)),
17px
);
background-color: transparent;
font-weight: 600;
text-align: center;
border-radius: 20px;
border: 1px solid var(--white-color);
cursor: pointer;
transition: var(--transition);
}
.sidebar__form-feedback:checked ~ label {
background-color: var(--white-color);
border-color: var(--white-color);
color: var(--blue-color)
}
.sidebar__form-feedback:checked ~ label::before {
background-color: var(--blue-color);
}
.sidebar__form-inner-bot {
display: flex;
flex-direction: column;
gap: clamp(14px, calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)), 16px);
}
.sidebar__form-inner-bot .wpcf7-form-control-wrap {
display: block;
}
.sidebar__form-inner-bot p {
display: contents;
}
.sidebar__form-inner-bot br {
display: none;
}
.sidebar__form-input {
font-family: 'Onest', sans-serif;
padding: 16px 14px;
font-size: clamp(18px, calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)), 20px);
line-height: 140%;
font-weight: 300;
background-color: transparent;
border-radius: 24px;
border: 2px solid var(--white-color);
color: var(--white-color);
width: 100%;
transition: var(--transition);
}
.sidebar__form-input:focus {
box-shadow: 0 2px 12px rgb(255, 255, 255);
}
.sidebar__form-input:focus-visible {
outline: none;
}
.sidebar__form-input::placeholder {
color: var(--white-color);
}
.sidebar__form-submit {
display: block;
width: 100%;
padding: clamp(15px, calc(15px + (21 - 15) * (100cqw - 1280px) / (1600 - 1280)), 21px) 18px;
background-color: var(--pink-color);
color: var(--white-color);
font-size: clamp(16px, calc(16px + (17 - 16) * (100cqw - 1280px) / (1600 - 1280)), 17px);
line-height: 140%;
font-weight: 600;
border-radius: 20px;
text-align: center;
cursor: pointer;
transition: var(--transition);
border: none;
}
.sidebar__form-submit:not(:disabled):hover {
background-color: var(--white-color);
color: var(--pink-color);
}
.sidebar__form-note {
display: flex;
flex-direction: row;
gap: 16px;
margin-top: 10px;
}
.sidebar__form-note .wpcf7-list-item {
margin: 0 0;
}
.sidebar__form-check {
appearance: none;
position: relative;
padding: 2px;
min-width: 24px;
height: 24px;
background-color: transparent;
border: 2px solid var(--white-color);
border-radius: 8px;
cursor: pointer;
}
.sidebar__form-check:checked::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 70%;
height: 70%;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/check.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--white-color);
}
.sidebar__form-note-text {
font-family: 'Onest', sans-serif;
font-size: 15px;
line-height: 137%;
}
.sidebar__form-note-text a {
text-decoration: underline;
text-underline-offset: 2px;
transition: var(--transition);
}
.cat__top-wrap {
display: flex;
flex-direction: column;
gap: 32px;
}
.cat__title {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 16px;
}
.cat__title .title {
margin-bottom: 0;
}
.cat__search-wrap {
position: relative;
}
.cat__search-form {
position: relative;
}
.cat__search-form__input {
padding: 16px 60px 16px 24px;
border-radius: 24px;
border: 1px solid var(--gray-light-color);
color: var(--black-color);
font-size: 16px;
font-weight: 300;
line-height: 150%;
}
.cat__search-form__input::placeholder {
color: var(--black-color);
}
.cat__search-form__btn {
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: var(--transition);
}
.cat__search-form__btn::before {
content: "";
display: block;
width: 24px;
height: 24px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/search.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--black-color);
}
.cat__search-form__btn.htmx-request {
pointer-events: none;
}
.cat__search-form__btn.htmx-request::before {
border-radius: 50%;
border: 2px solid var(--gray-light-color);
border-top-color: var(--blue-color);
background-color: transparent;
mask-image: none;
animation: cat-search-spin 0.6s linear infinite;
}
@keyframes cat-search-spin {
to {
transform: rotate(360deg);
}
}
.cat__search-results {
padding: 18px 0;
position: absolute;
background-color: var(--white-color);
border-radius: 24px;
z-index: 2;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
display: none;
flex-direction: column;
max-height: 450px;
overflow: auto;
font-size: 14px;
width: 100%;
}
.cat__search-results:has(.cat__search-results-link),
.cat__search-results:has(.cat__search-results-empty) {
display: flex;
}
.cat__search-results-link {
padding: 6px 18px;
transition: var(--transition);
}
.cat__search-results-link:hover {
background-color: var(--gray-light-color);
}
.cat__search-results-empty {
text-align: center;
}
.tags__slider {
position: relative;
}
.tags__slider-inner {
overflow: hidden;
}
.tags__slider .swiper-slide {
width: fit-content;
}
.tag__item {
padding: 14px 36px;
font-size: 18px;
font-weight: 300;
line-height: 155%;
color: var(--black-color);
border-radius: 24px;
border: 1px solid var(--black-color);
transition: var(--transition);
cursor: pointer;
}
.tag__item.active {
background-color: var(--blue-color);
border-color: var(--blue-color);
color: var(--white-color);
pointer-events: none;
}
.tag__item:hover {
background-color: var(--blue-color);
border-color: var(--blue-color);
color: var(--white-color);
}
.tags__prev,
.tags__next {
width: 36px;
height: 36px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
transition: var(--transition);
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.tags__prev {
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-black-right.svg);
transform: translateY(-50%) rotate(180deg);
left: -48px;
}
.tags__next {
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-black-right.svg);
right: -48px;
}
.tags__prev.swiper-button-disabled,
.tags__next.swiper-button-disabled {
opacity: 0.2;
pointer-events: none;
}
.cat__content-container {
padding: clamp(
64px,
calc(64px + (80 - 64) * (100cqw - 1280px) / (1600 - 1280)),
80px
)
0;
margin-bottom: clamp(
100px,
calc(100px + (160 - 100) * (100cqw - 1280px) / (1600 - 1280)),
160px
);
background-color: var(--gray-light-color);
border-radius: clamp(
56px,
calc(56px + (80 - 56) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
}
.cat__content {
display: flex;
flex-direction: column;
align-items: center;
gap: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.cat__content-inner {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 36px;
}
.cat__load-more-btn {
font-size: 18px;
transition: var(--transition);
}
.cat__load-more-btn:hover {
background-color: var(--pink-color);
}
.cat__events-wrap {
display: flex;
flex-direction: column;
gap: 56px;
}
.cat__events-title {
margin-bottom: 0;
}
.cat__events-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 36px;
row-gap: 56px;
}
.cat__events-card {
display: flex;
flex-direction: column;
gap: 24px;
}
.cat__event-card-img-wrap {
overflow: hidden;
border-radius: 24px;
width: 100%;
height: 368px;
}
.cat__event-card-img {
object-fit: cover;
height: 100%;
width: 100%;
transition: var(--transition);
}
.cat__events-card:hover .cat__event-card-img {
transform: scale(1.1);
}
.cat__event-card-title {
transition: var(--transition);
}
.cat__events-card:hover .cat__event-card-title {
color: var(--blue-color);
}
.btn__cat-events {
margin: 0 auto;
font-size: 18px;
}
.btn__cat-events:hover {
background-color: var(--pink-color);
}
.cat__seo-pagination {
display: none;
}
.cases__page-top {
display: grid;
grid-template-columns: 65fr 90fr;
gap: 40px;
}
.cases__page-img {
width: 100%;
max-height: 696px;
object-fit: cover;
}
.cases__page-top-info {
display: flex;
flex-direction: column;
gap: clamp(
32px,
calc(32px + (56 - 32) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.cases__page-top-info .title {
margin-bottom: 0;
}
.cases__page-top-text {
display: flex;
flex-direction: column;
gap: clamp(
16px,
calc(16px + (40 - 16) * (100cqw - 1280px) / (1600 - 1280)),
40px
);
}
.cases__page-desc p:first-child {
margin-top: 0;
}
.cases__page-desc p:last-child {
margin-bottom: 0;
}
.cases__page-top-meta-wrap {
display: flex;
flex-direction: column;
gap: clamp(
32px,
calc(32px + (48 - 32) * (100cqw - 1280px) / (1600 - 1280)),
48px
);
}
.cases__page-meta-inner {
display: flex;
flex-direction: column;
gap: clamp(
12px,
calc(12px + (24 - 12) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.cases__page-meta-title {
font-size: clamp(
18px,
calc(18px + (21 - 18) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
font-weight: 600;
line-height: 133%;
text-transform: uppercase;
}
.cases__page-meta-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: clamp(
12px,
calc(12px + (24 - 12) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.cases__page-meta-list-item {
padding: 6px 16px;
font-size: clamp(
14px,
calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
line-height: 150%;
outline: 1px solid var(--black-color);
color: var(--black-color);
border-radius: 8px;
transition: var(--transition);
}
.cases__page-meta-list-item.serv {
outline: none;
background-color: var(--blue-color);
color: var(--white-color);
}
.cases__page-meta-list-item.serv:hover {
background-color: var(--pink-color);
box-shadow: 0 0 20px var(--pink-color);
}
.cases__page-info-blocks {
display: flex;
flex-direction: column;
gap: clamp(
24px,
calc(24px + (56 - 24) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.cases__info-block {
padding: clamp(
24px,
calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
36px
)
clamp(
36px,
calc(36px + (56 - 36) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(
20px,
calc(20px + (32 - 20) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
border-radius: 36px;
}
.cases__info-block.tasks {
background-color: var(--gray-light-color);
}
.cases__info-block.team {
outline: 1px solid var(--black-color);
}
.cases__info-block.results {
background-color: var(--blue-color);
color: var(--white-color);
}
.cases__info-block.results .cases__info-block-title {
color: var(--white-color);
}
.cases__info-block-title,
.cases__info-title-inner {
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
font-weight: 600;
line-height: 137%;
}
.cases__info-block-text p:first-child {
margin-top: 0;
}
.cases__info-block-text p:last-child {
margin-bottom: 0;
}
.cases__info-block-text strong,
.cases__info-block-text b {
font-weight: 600;
}
.cases__info-title-inner {
margin-top: clamp(
180px,
calc(180px + (250 - 180) * (100cqw - 1280px) / (1600 - 1280)),
250px
);
font-weight: 600;
}
.cases__info-block-text span {
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
font-weight: 600;
line-height: 137%;
}
.cases__info-block-text p {
margin: clamp(
20px,
calc(20px + (24 - 20) * (100cqw - 1280px) / (1600 - 1280)),
24px
)
0;
}
.cases__info-block-text p:first-child {
margin-top: 0;
}
.cases__info-block-text p:last-child {
margin-bottom: 0;
}
.cases__info-block-text strong,
.cases__info-block-text b {
font-weight: 600;
}
.title__factors {
margin-bottom: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.factors__blocks {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 36px;
}
.factor__block {
display: flex;
flex-direction: column;
gap: clamp(
28px,
calc(28px + (36 - 28) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
}
.factor__block-title {
position: relative;
font-size: clamp(
18px,
calc(18px + (21 - 18) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
font-weight: 600;
line-height: 137%;
padding-bottom: 16px;
}
.factor__block-title::after {
content: "";
position: absolute;
bottom: -2.5px;
left: 0;
height: 5px;
width: 56px;
background-color: var(--blue-color);
border-radius: 5px;
}
.factor__block-text p:first-child {
margin-top: 0;
}
.factor__block-text p:last-child {
margin-bottom: 0;
}
.fault__page-wrap {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 36px;
}
.fault__page-title {
font-size: clamp(
220px,
calc(220px + (240 - 220) * (100cqw - 1280px) / (1600 - 1280)),
240px
);
line-height: 100%;
font-weight: 600;
}
.fault__page-title {
display: flex;
flex-direction: row;
align-items: center;
}
.fault__page-ico {
display: block;
width: 371px;
height: 371px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/img/404.webp);
background-position: center;
background-repeat: no-repeat;
margin-top: -35px;
margin-left: -25px;
margin-right: -35px;
}
.fault__page-main-text {
font-size: 45px;
font-weight: 600;
margin-bottom: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.fault__page-sub-text {
font-size: 18px;
}
.fault__page-btn {
padding: 18px 24px;
gap: 24px;
align-items: center;
margin-top: 20px;
background-color: transparent;
border: 2px solid var(--black-color);
color: var(--black-color);
font-size: 20px;
font-weight: 300;
}
.btn.fault__page-btn::after {
background-color: var(--black-color);
}
.fault__page-btn:hover {
background-color: var(--blue-color);
color: var(--white-color);
border-color: var(--blue-color);
}
.btn.fault__page-btn:hover::after {
background-color: var(--white-color);
}
.page__title {
margin-bottom: 56px;
}
.contacts__page-content-item {
display: none;
grid-template-columns:
clamp(
418px,
calc(418px + (520 - 418) * (100cqw - 1280px) / (1600 - 1280)),
520px
)
1fr;
gap: clamp(
56px,
calc(56px + (80 - 56) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
}
.contacts__page-content-item.active {
display: grid;
}
.contacts__aside {
padding: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
display: flex;
flex-direction: column;
gap: 36px;
background-color: var(--blue-color);
color: var(--white-color);
border-radius: 48px;
}
.aside__contacts-tel-socials {
display: flex;
flex-direction: column;
gap: 24px;
}
.aside__contacts-tel {
font-size: clamp(
21px,
calc(21px + (35 - 21) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
line-height: 137%;
font-weight: 600;
transition: var(--transition);
}
.aside__contacts-tel:hover {
color: var(--pink-color);
}
.aside__tel-socials-inner {
display: flex;
flex-direction: row;
gap: clamp(
12px,
calc(12px + (24 - 12) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.aside__tel-socials-item {
position: relative;
padding: 13px 31px;
border-radius: 16px;
transition: var(--transition);
}
.aside__tel-socials-item:hover {
transform: scale(1.1);
}
.aside__tel-socials-item::before {
content: "";
display: block;
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--white-color);
}
.aside__tel-socials-item.tg {
background-color: var(--white-color);
padding-left: 27px;
}
.aside__tel-socials-item.wa {
background-color: var(--green-color);
}
.aside__tel-socials-item.tg::before {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/tg-form.svg);
width: 28px;
height: 24px;
background-color: var(--blue-color);
}
.aside__tel-socials-item.wa::before {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/wa-form.svg);
width: 24px;
height: 24px;
}
.aside__contacts-title {
font-size: 18px;
font-weight: 600;
line-height: 155%;
margin-bottom: clamp(
8px,
calc(8px + (12 - 8) * (100cqw - 1280px) / (1600 - 1280)),
12px
);
}
.aside__contacts-text {
font-weight: 300;
transition: var(--transition);
}
a.aside__contacts-text:hover {
color: var(--pink-color);
}
.aside__contacts-socials-list {
display: flex;
flex-direction: row;
gap: 12px;
}
.aside__contacts-social-item {
position: relative;
padding: 10px 10px;
background-color: var(--white-color);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
transition: var(--transition);
width: 56px;
height: 56px;
}
.aside__contacts-social-item:hover {
transform: scale(1.1);
}
.aside__contacts-social-item::before {
content: "";
display: block;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
}
.aside__contacts-social-item.tg::before {
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/contacts-tg.svg);
width: 25px;
height: 21px;
}
.aside__contacts-social-item.yt::before {
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/contacts-yt.svg);
width: 29px;
height: 21px;
}
.aside__contacts-social-item.rt::before {
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/contacts-rt.svg);
width: 27px;
height: 24px;
}
.aside__contacts-social-item.vk::before {
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/contacts-vk.svg);
width: 30px;
height: 18px;
}
.aside__contacts-text-wrap.requisites .aside__contacts-text {
font-size: 14px;
line-height: 185%;
text-decoration: underline;
text-underline-offset: 5px;
}
.contacts__map-wrap {
display: flex;
flex-direction: column;
gap: 36px;
}
.contacts__wrap-tabs {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
gap: 36px
clamp(
24px,
calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
max-width: 100%;
}
.contacts__btn-tab {
padding: 14px 36px;
font-size: 18px;
line-height: 155%;
font-weight: 300;
border-radius: 24px;
border: 1px solid var(--black-color);
color: var(--black-color);
transition: var(--transition);
cursor: pointer;
min-width: fit-content;
}
.contacts__btn-tab.active {
background-color: var(--blue-color);
color: var(--white-color);
border-color: var(--blue-color);
}
.contacts__wrap-addr {
position: relative;
padding-left: 40px;
}
.contacts__wrap-addr::before {
content: "";
position: absolute;
top: 5px;
left: 2px;
display: block;
width: 24px;
height: 24px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/geo-ico.svg);
background-size: contain;
background-repeat: no-repeat;
width: 19px;
height: 19px;
}
.contacts__inner-map {
margin-top: 20px;
position: relative;
overflow: hidden;
height: 100%;
border-radius: 24px;
filter: grayscale(100%);
transition: var(--transition);
}
.contacts__inner-map:hover {
filter: grayscale(0%);
}
.why__promo-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.why__promo-item {
display: flex;
flex-direction: row;
}
.why__promo-item:nth-child(4n + 3) {
flex-direction: row-reverse;
}
.why__promo-item:nth-child(4n + 4) {
flex-direction: row-reverse;
}
.why__promo-item-img-wrap {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--black-color);
border-radius: 24px;
background-color: var(--gray-light-color);
min-height: clamp(
228px,
calc(228px + (250 - 228) * (100cqw - 1280px) / (1600 - 1280)),
250px
);
min-width: clamp(
216px,
calc(216px + (224 - 216) * (100cqw - 1280px) / (1600 - 1280)),
224px
);
max-width: clamp(
216px,
calc(216px + (224 - 216) * (100cqw - 1280px) / (1600 - 1280)),
224px
);
}
.why__promo-item-img {
aspect-ratio: 1/1;
width: clamp(
120px,
calc(120px + (150 - 120) * (100cqw - 1280px) / (1600 - 1280)),
150px
);
height: auto;
object-fit: cover;
}
.why__promo-item-text-wrap {
padding: 24px 16px;
display: flex;
flex-direction: column;
gap: 24px;
background-color: var(--blue-color);
color: var(--white-color);
border-radius: 24px;
width: 100%;
}
.why__promo-item-title {
font-size: clamp(
18px,
calc(18px + (21 - 18) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
line-height: 133%;
font-weight: 600;
}
.price__block-wrap {
position: relative;
padding: 80px 0;
background-color: var(--blue-color);
border-radius: 80px;
}
.price__block-wrap::before {
content: "";
position: absolute;
right: -70px;
bottom: clamp(
-355px,
calc(-340px + (-355 - -340) * (100cqw - 1280px) / (1600 - 1280)),
-340px
);
display: block;
width: 522px;
height: 358px;
transform: rotate(8deg);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/price-lenta.svg);
background-size: contain;
background-repeat: no-repeat;
}
.price__block-title {
color: var(--white-color);
}
.price__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
}
.price__grid .swiper-wrapper,
.price__grid .swiper-slide {
display: contents;
}
.price__card {
display: flex;
flex-direction: column;
height: 100%;
}
.price__card-title {
position: relative;
padding: clamp(
10px,
calc(10px + (12 - 10) * (100cqw - 1280px) / (1600 - 1280)),
12px
)
clamp(8px, calc(10px + (12 - 8) * (100cqw - 1280px) / (1600 - 1280)), 12px);
display: grid;
align-items: center;
grid-template-columns:
clamp(
36px,
calc(36px + (50 - 36) * (100cqw - 1280px) / (1600 - 1280)),
50px
)
1fr;
gap: 16px;
font-size: clamp(
14px,
calc(14px + (21 - 14) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
text-transform: uppercase;
font-weight: 500;
line-height: 133%;
text-align: center;
border-radius: clamp(
24px,
calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
background-color: #5db7f8;
color: var(--white-color);
}
.price__card-title::before {
content: "";
display: block;
width: 100%;
height: clamp(
36px,
calc(36px + (50 - 36) * (100cqw - 1280px) / (1600 - 1280)),
50px
);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/pill.svg);
background-size: contain;
background-repeat: no-repeat;
}
.price__card-title::after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 2px;
background: repeating-linear-gradient(
to right,
var(--blue-color) 0 10px,
transparent 0 20px
);
border-radius: 2px 2px 0 0;
}
.price__card-inner {
padding: clamp(
24px,
calc(24px + (36 - 24) * (100cqw - 1280px) / (1600 - 1280)),
36px
)
clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 48px;
background-color: #ffffffe6;
border-radius: 24px;
}
.price__card-inner-text-title {
padding: 8px 16px;
font-size: 12px;
font-weight: 500;
line-height: 133%;
text-align: center;
text-transform: uppercase;
width: fit-content;
background-color: var(--blue-color);
color: var(--white-color);
border-radius: 12px;
margin-bottom: 16px;
}
.price__card-inner-text {
font-size: 14px;
line-height: 142%;
}
.price__card-inner-text p:first-child {
margin-top: 0;
}
.price__card-inner-text p:last-child {
margin-bottom: 0;
}
.price__card-inner-text b,
.price__card-inner-text strong {
font-size: clamp(
14px,
calc(14px + (18 - 14) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
}
.price__card-inner-bot {
display: flex;
flex-direction: column;
gap: 16px;
}
.price__card-inner-cost {
font-size: 12px;
}
.price__card-inner-cost b {
font-size: clamp(
21px,
calc(21px + (25 - 21) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
}
.price__card-inner-action {
padding: 16px;
font-size: 16px;
font-weight: 300;
color: var(--black-color);
border: 2px solid var(--green-color);
border-radius: 21px;
text-align: center;
width: 100%;
transition: var(--transition);
}
.price__card-inner-action:hover,
.price__card.hit .price__card-inner-action:hover {
background-color: var(--blue-color);
border-color: var(--blue-color);
color: var(--white-color);
}
.price__card.hit .price__card-inner-text-title {
background-color: var(--green-color);
}
.price__card.hit .price__card-inner-action {
background-color: var(--green-color);
color: var(--white-color);
font-weight: 600;
}
.price__card-stick {
padding: 6px 22px;
position: absolute;
right: 15px;
top: -16px;
font-size: 13px;
font-weight: 500;
line-height: normal;
background-color: var(--green-color);
border: 2px solid var(--white-color);
border-radius: 12px;
transform: rotate(5deg);
}
.price__block-note {
margin-top: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
font-size: 14px;
line-height: 142%;
color: var(--white-color);
font-weight: 300;
opacity: 50%;
max-width: 784px;
}
.wait__res-list {
display: flex;
flex-direction: column;
gap: 48px;
}
.wait__res-item {
display: grid;
grid-template-columns: 320px 1fr;
align-items: center;
gap: 48px;
}
.wait__res-item-history {
position: relative;
padding: 24px 24px;
font-size: 22px;
font-weight: 300;
text-align: center;
border: 1px solid var(--black-color);
border-radius: 24px;
}
.wait__res-item-history b,
.wait__res-item-history strong {
font-weight: 600;
font-size: 45px;
line-height: 124%;
}
.wait__res-item-badge {
position: absolute;
top: -16px;
left: 24px;
display: block;
background-color: var(--white-color);
padding: 4px 8px;
font-size: 16px;
font-weight: 300;
line-height: 150%;
text-transform: lowercase;
}
.wait__res-item-history.txt {
font-size: 18px;
line-height: 155%;
}
.wait__res-text {
font-size: 16px;
font-weight: 300;
line-height: 150%;
}
.wait__res-text p:first-child {
margin-top: 0;
}
.wait__res-text p:last-child {
margin-bottom: 0;
}
.web__promo-card {
padding: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
)
clamp(
24px,
calc(24px + (32 - 24) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
display: flex;
flex-direction: column;
gap: 36px;
height: 100%;
border-radius: 24px;
color: var(--white-color);
}
.web__promo-slider-wrap {
position: relative;
}
.web__promo-slider .swiper-slide {
height: auto;
opacity: 0;
z-index: -1;
}
.web__promo-slider .swiper-slide-visible {
display: block;
opacity: 1;
z-index: 1;
transition: var(--transition);
}
.web__promo-card.blue {
background-color: var(--blue-color);
}
.web__promo-card.green {
background-color: var(--green-color);
}
.web__promo-card.pink {
background-color: var(--pink-color);
}
.web__promo-card.gray {
color: var(--black-color);
background-color: var(--gray-light-color);
}
.web__promo-card-top {
font-size: 18px;
font-weight: 600;
line-height: 155%;
text-transform: uppercase;
}
.web__promo-card-mid {
font-size: 14px;
font-weight: 300;
line-height: 142%;
margin-bottom: 44px;
}
.web__promo-card-mid p:first-child {
margin-top: 0;
}
.web__promo-card-mid p:last-child {
margin-bottom: 0;
}
.web__promo-card-bot {
margin-top: auto;
}
.web__promo-card-bot {
font-size: 14px;
font-weight: 300;
line-height: 142%;
}
.web__promo-card-text-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 4px;
}
.web__promo-prev,
.web__promo-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-size: contain;
background-repeat: no-repeat;
width: 36px;
height: 36px;
z-index: 2;
cursor: pointer;
}
.web__promo-prev {
left: 0;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-black-right.svg);
transform: translateY(-50%) rotate(180deg);
left: -48px;
}
.web__promo-next {
right: 0;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-black-right.svg);
right: -48px;
}
.web__promo-slider-wrap .swiper-button-disabled {
opacity: 0.4;
pointer-events: none;
}
.seo__adv-block-gray {
position: relative;
padding-top: clamp(
64px,
calc(64px + (80 - 64) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
padding-bottom: clamp(
150px,
calc(200px - (200 - 150) * (100cqw - 1280px) / (1600 - 1280)),
200px
);
background-color: var(--gray-light-color);
border-radius: 80px;
z-index: -1;
}
.seo__adv-block-gray::before {
content: "";
position: absolute;
right: -45px;
top: clamp(
-80px,
calc(-35px + (-80 - -35) * (100cqw - 1280px) / (1600 - 1280)),
-35px
);
display: block;
width: clamp(
405px,
calc(405px + (518 - 405) * (100cqw - 1280px) / (1600 - 1280)),
518px
);
height: clamp(
185px,
calc(185px + (236 - 185) * (100cqw - 1280px) / (1600 - 1280)),
236px
);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/seo-lenta-blue.svg);
background-size: contain;
background-repeat: no-repeat;
}
.seo__adv-block-gray .page__title {
padding-right: 180px;
}
.seo__adv-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 56px;
column-gap: 80px;
}
.seo__adv-item-title {
text-transform: uppercase;
font-size: clamp(
18px,
calc(18px + (21 - 18) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
font-weight: 600;
margin-bottom: 24px;
}
.seo__adv-item-text {
font-size: 16px;
line-height: 150%;
}
.seo__adv-item-text p:first-child {
margin-top: 0;
}
.seo__adv-item-text p:last-child {
margin-bottom: 0;
}
.seo__adv-block-bot {
margin-top: -94px;
}
.seo__adv-bot-list {
padding: clamp(
36px,
calc(36px + (56 - 36) * (100cqw - 1280px) / (1600 - 1280)),
56px
)
clamp(
32px,
calc(32px + (56 - 32) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 24px;
background-color: var(--white-color);
border-radius: 48px;
}
.seo__adv-list-item {
display: grid;
grid-template-columns:
clamp(
56px,
calc(56px + (80 - 56) * (100cqw - 1280px) / (1600 - 1280)),
80px
)
1fr;
gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
align-items: center;
font-weight: 600;
max-width: 320px;
}
.seo__adv-list-item::before {
content: "";
display: block;
width: clamp(
56px,
calc(56px + (80 - 56) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
height: clamp(
56px,
calc(56px + (80 - 56) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/ok-circle-blue.svg);
background-size: contain;
background-repeat: no-repeat;
}
.why__seo-wrap {
display: flex;
flex-direction: column;
gap: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.why__seo-top-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
}
.why__seo-top-text {
position: relative;
padding: 24px 16px;
font-size: clamp(
18px,
calc(18px + (21 - 18) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
font-weight: 600;
text-align: center;
background-color: var(--blue-color);
color: var(--white-color);
border-radius: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.why__seo-top-text:nth-child(2)::before {
content: "";
position: absolute;
top: 50%;
left: -30px;
transform: translateY(-50%);
display: block;
width: 60px;
height: 37px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/equal-white.svg);
background-size: contain;
background-repeat: no-repeat;
}
.why__seo-text {
color: var(--gray-color);
}
.why__seo-text p:first-child {
margin-top: 0;
}
.why__seo-text p:last-child {
margin-bottom: 0;
}
.eeat__wrap-block {
display: flex;
flex-direction: column;
gap: 56px;
}
.eeat__subtitle {
color: var(--gray-color);
}
.eeat__wrap-list {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
column-gap: 24px;
row-gap: 48px;
}
.eeat__item-list {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
justify-content: center;
flex: 0 1 calc((100% - 4 * 24px) / 5);
}
.eeat__item-img-wrap {
width: clamp(
80px,
calc(80px + (94 - 80) * (100cqw - 1280px) / (1600 - 1280)),
94px
);
height: clamp(
80px,
calc(80px + (94 - 80) * (100cqw - 1280px) / (1600 - 1280)),
94px
);
}
.eeat__item-img {
width: 100%;
height: 100%;
object-fit: contain;
}
.eeat__item-text {
font-weight: 600;
text-align: center;
}
.white__seo-follow {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 32px;
}
.white__seo-title {
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100cqw - 1280px) / (1600 - 1280)),
35px
);
margin-bottom: 0;
}
.white__seo-title span {
text-decoration: underline;
text-underline-offset: 10px;
text-decoration-thickness: 2px;
text-decoration-color: var(--blue-color);
}
.white__seo-list {
max-width: clamp(
774px,
calc(774px + (844 - 774) * (100cqw - 1280px) / (1600 - 1280)),
844px
);
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(
32px,
calc(32px + (56 - 32) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.white__seo-list-item {
position: relative;
padding-left: 62px;
}
.white__seo-list-item::before {
content: "";
position: absolute;
top: 9px;
left: 0;
transform: rotate(45deg);
display: block;
width: 38px;
height: 38px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/plus-big-blue.svg);
background-size: contain;
background-repeat: no-repeat;
}
.howto__price-top {
max-width: 730px;
margin-bottom: clamp(
48px,
calc(48px + (56 - 48) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
}
.howto__price-title {
margin-bottom: 24px;
}
.howto__price-subtitle p {
margin: 0;
color: var(--gray-color);
}
.howto__price-slider-wrap {
position: relative;
}
.howto__price-slider-wrap::after {
content: "";
position: absolute;
right: clamp(
-175px,
calc(-110px + (-175 - -110) * (100cqw - 1280px) / (1600 - 1280)),
-110px
);
top: clamp(
-440px,
calc(-320px + (-440 - -320) * (100cqw - 1280px) / (1600 - 1280)),
-320px
);
display: block;
width: clamp(
445px,
calc(445px + (640 - 445) * (100cqw - 1280px) / (1600 - 1280)),
640px
);
height: clamp(
373px,
calc(373px + (537 - 373) * (100cqw - 1280px) / (1600 - 1280)),
537px
);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/lenta-price.svg);
background-size: contain;
background-repeat: no-repeat;
}
.howto__price-slider-wrap::before {
content: "";
position: absolute;
z-index: 0;
width: 750px;
height: 750px;
top: -40px;
left: -40px;
border-radius: 50%;
background:
radial-gradient(circle at 90% 30%, #3af26b 0%, transparent 60%),
radial-gradient(circle at 10% 40%, #ff4fd8 0%, transparent 60%),
radial-gradient(circle at 50% 90%, #2f80ff 0%, transparent 60%);
filter: blur(40px);
animation: rotateBlob 10s linear infinite;
}
@keyframes rotateBlob {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.howto__price-card {
display: flex;
flex-direction: column;
gap: 32px;
padding: clamp(
36px,
calc(36px + (56 - 36) * (100cqw - 1280px) / (1600 - 1280)),
56px
)
clamp(
48px,
calc(48px + (64 - 48) * (100cqw - 1280px) / (1600 - 1280)),
64px
);
border-radius: 48px;
background-color: var(--pink-color);
color: var(--white-color);
}
.howto__price-card.pink {
background-color: var(--pink-color);
}
.howto__price-card.green {
background-color: var(--green-color);
}
.howto__price-card.blue {
background-color: var(--blue-color);
}
.howto__price-card-title {
text-transform: uppercase;
font-weight: 600;
}
.howto__price-card-text {
font-size: 14px;
font-weight: 300;
line-height: 142%;
}
.howto__price-card-text p:first-child {
margin-top: 0;
}
.howto__price-card-text p:last-child {
margin-bottom: 0;
}
.howto__price-card-text ol,
.howto__price-card-text ul {
margin-top: 16px;
display: flex;
flex-direction: column;
gap: 8px;
padding-inline-start: 20px;
}
.howto__price-card-text ul {
padding-inline-start: 0;
list-style-type: none;
}
.howto__price-card-text ul li {
position: relative;
padding-left: 22px;
}
.howto__price-card-text ul li::before {
content: "";
position: absolute;
left: 0;
top: 4px;
display: block;
width: 14px;
height: 14px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/ok-ul.svg);
background-size: contain;
background-repeat: no-repeat;
}
.howto__price-card-bot {
position: relative;
padding-top: 12px;
margin-top: clamp(
0px,
calc(0px + (24 - 0) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
font-size: clamp(
14px,
calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
line-height: 150%;
font-weight: 600;
}
.howto__price-card-bot::before {
content: "";
position: absolute;
top: -2px;
left: 0;
display: block;
width: 32px;
height: 4px;
border-radius: 5px;
background-color: var(--white-color);
}
.noneed__wrap {
display: flex;
flex-direction: row;
gap: 24px;
}
.noneed__text-col {
display: flex;
flex-direction: column;
gap: 32px;
max-width: 612px;
}
.noneed__title {
font-weight: 400;
font-size: 35px;
line-height: 137%;
}
.noneed__subtitle {
font-size: 18px;
}
.noneed__list-title {
text-transform: uppercase;
font-size: clamp(
18px,
calc(18px + (25 - 18) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
font-weight: 600;
line-height: 128%;
margin-bottom: 32px;
}
.noneed__list {
margin: 0 0;
padding-inline-start: 0;
display: flex;
flex-direction: column;
gap: 32px;
list-style: none;
}
.noneed__list-item {
position: relative;
padding-left: 56px;
min-height: 32px;
}
.noneed__list-item::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 32px;
height: 32px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/cross-pink.svg);
background-size: contain;
background-repeat: no-repeat;
}
.default__content a {
text-decoration: underline;
}
.default__content a:hover {
text-decoration: none;
}
.case__main-top {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: clamp(
12px,
calc(12px + (20 - 12) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
}
.case__main-col.blue > * {
position: relative;
z-index: 1;
}
.case__main-col.blue {
position: relative;
padding: clamp(
30px,
calc(30px + (50 - 30) * (100cqw - 1280px) / (1600 - 1280)),
50px
)
clamp(
40px,
calc(40px + (60 - 40) * (100cqw - 1280px) / (1600 - 1280)),
60px
);
grid-column: 1 / 3;
display: flex;
flex-direction: column;
gap: clamp(
62px,
calc(62px + (84.5 - 62) * (100cqw - 1280px) / (1600 - 1280)),
84.5px
);
border-radius: 30px;
background: radial-gradient(
120.72% 141.42% at 0% 0%,
#1605f8 0%,
#1289f2 100%
);
color: var(--white-color);
overflow: hidden;
}
.case__main-col.blue::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/img/bg-case.webp);
background-size: cover;
background-repeat: no-repeat;
inset: 0;
opacity: 0.2;
}
.case__main-mark {
padding: clamp(
6px,
calc(6px + (8 - 6) * (100cqw - 1280px) / (1600 - 1280)),
8px
)
clamp(
12px,
calc(12px + (18 - 12) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
background-color: var(--pink-color);
border-radius: 12px;
font-size: 16px;
font-weight: 600;
line-height: 150%;
width: fit-content;
text-transform: lowercase;
}
.case__main-content-wrap {
display: flex;
flex-direction: column;
gap: clamp(
20px,
calc(20px + (34 - 20) * (100cqw - 1280px) / (1600 - 1280)),
34px
);
}
.case__main-content-title {
color: var(--white-color);
font-size: clamp(
32px,
calc(32px + (38 - 32) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
font-weight: 600;
line-height: 140%;
margin-bottom: 0;
}
.case__main-content-subtitle {
color: var(--white-color);
font-family: "Onest", sans-serif;
font-size: clamp(
18px,
calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
font-weight: 400;
line-height: 153%;
}
.case__main-content-subtitle *:first-child {
margin-top: 0;
}
.case__main-content-subtitle *:last-child {
margin-bottom: 0;
}
.case__main-content-info-wrap {
color: var(--white-color);
font-family: "Onest", sans-serif;
font-size: clamp(
18px,
calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
font-weight: 400;
line-height: 153%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
align-items: center;
}
.case__main-content-info-item {
position: relative;
padding-left: clamp(
28px,
calc(28px + (36 - 28) * (100cqw - 1280px) / (1600 - 1280)),
36px
);
}
.case__main-content-info-item::before {
content: "";
position: absolute;
left: 0;
top: 1.5px;
display: block;
width: clamp(
20px,
calc(20px + (28 - 20) * (100cqw - 1280px) / (1600 - 1280)),
28px
);
height: clamp(
20px,
calc(20px + (28 - 20) * (100cqw - 1280px) / (1600 - 1280)),
28px
);
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--white-color);
}
.case__main-content-info-item.date::before {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/calendar.svg);
}
.case__main-content-info-item.read::before {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/clock.svg);
}
.case__main-content-info-item.mark::before {
content: none;
}
.case__main-content-info-item.mark {
display: block;
width: 3px;
height: 3px;
border-radius: 100%;
background-color: #a1bdf7;
padding-left: 0;
}
.case__main-col.info {
grid-column: 3 / 5;
display: flex;
flex-direction: column;
gap: 20px;
}
.case__main-content-desc-wrap {
padding: clamp(
30px,
calc(30px + (40 - 30) * (100cqw - 1280px) / (1600 - 1280)),
40px
)
clamp(
34px,
calc(34px + (50 - 34) * (100cqw - 1280px) / (1600 - 1280)),
50px
);
border-radius: 30px;
border: 1px solid var(--gray-light-color);
display: flex;
flex-direction: column;
gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.case__main-content-desc-wrap-top-title {
color: var(--black-color);
font-size: clamp(
18px,
calc(18px + (21 - 18) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
font-weight: 600;
line-height: 133.333%;
margin-bottom: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.case__main-content-desc-wrap-top-text {
color: var(--black-color);
font-family: "Onest", sans-serif;
font-size: clamp(
18px,
calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
font-weight: 400;
line-height: clamp(
145%,
calc(145% + (154 - 145) * (100cqw - 1280px) / (1600 - 1280)),
154%
);
}
.case__main-content-desc-wrap-top-text ul {
margin: 0 0; padding-inline-start: 18px;
display: flex;
flex-direction: column;
gap: clamp(
8px,
calc(8px + (10 - 8) * (100cqw - 1280px) / (1600 - 1280)),
10px
);
}
.case__main-content-desc-wrap-top-text ul {
list-style-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/rhomb-list.svg);
list-style-type: disc;
}
.case__main-content-desc-wrap-top-text ul > li {
padding-left: 5px;
}  .case__main-content-desc-wrap-top-text span {
padding: 2px 8px;
background: linear-gradient(95deg, #b59879 -14.53%, #2d2925 100%);
color: var(--white-color);
}
.case__main-content-desc-wrap-services-title {
margin-bottom: clamp(
10px,
calc(10px + (12 - 10) * (100cqw - 1280px) / (1600 - 1280)),
12px
);
color: #a8a8a8;
font-family: "Onest", sans-serif;
font-size: clamp(
15px,
calc(15px + (16 - 15) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
font-style: normal;
font-weight: 400;
line-height: 145%;
}
.case__main-content-desc-wrap-service-item {
position: relative;
padding: 6px
clamp(
30px,
calc(30px + (40 - 30) * (100cqw - 1280px) / (1600 - 1280)),
40px
)
6px 14px;
border: 1px solid var(--black-color);
border-radius: 8px;
color: var(--black-color);
font-family: "Onest", sans-serif;
font-size: clamp(
18px,
calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
line-height: 145%;
}
.case__main-content-desc-wrap-service-item::before {
content: "";
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-top-right.svg);
mask-size: contain;
mask-repeat: no-repeat;
width: clamp(
8px,
calc(8px + (12 - 8) * (100cqw - 1280px) / (1600 - 1280)),
12px
);
height: clamp(
8px,
calc(8px + (12 - 8) * (100cqw - 1280px) / (1600 - 1280)),
12px
);
background-color: var(--blue-color);
transition: var(--transition);
}
.case__main-content-desc-wrap-service-item:hover::before {
transform: translateY(-50%) rotate(45deg);
}
.case__main-content-desc-wrap-services-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
}
.case__main-content-author-wrap {
background-color: var(--blue-white-color);
border-radius: 30px;
padding: clamp(
20px,
calc(20px + (30 - 20) * (100cqw - 1280px) / (1600 - 1280)),
30px
)
clamp(
24px,
calc(24px + (30 - 24) * (100cqw - 1280px) / (1600 - 1280)),
30px
);
display: grid;
grid-template-columns:
clamp(
86px,
calc(86px + (115 - 86) * (100cqw - 1280px) / (1600 - 1280)),
115px
)
1fr;
gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.case__main-content-author-info-name {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 10px;
color: var(--black-color);
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 600;
line-height: 155.556%;
margin-bottom: 2px;
}
.case__main-content-author-info-stick {
padding: clamp(
5px,
calc(5px + (6 - 5) * (100cqw - 1280px) / (1600 - 1280)),
6px
)
clamp(
10px,
calc(10px + (12 - 10) * (100cqw - 1280px) / (1600 - 1280)),
12px
);
border-radius: 50px;
background: #eb066a;
color: var(--white-color);
font-size: clamp(
10px,
calc(10px + (12 - 10) * (100cqw - 1280px) / (1600 - 1280)),
12px
);
font-weight: 500;
line-height: 120%;
letter-spacing: 0.48px;
text-transform: uppercase;
}
.case__main-content-author-info-sub {
color: var(--gray-color);
font-family: "Onest", sans-serif;
font-size: clamp(
15px,
calc(15px + (16 - 15) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
line-height: 140%;
}
.case__main-content-author-info {
display: flex;
flex-direction: column;
gap: clamp(
8px,
calc(8px + (12 - 8) * (100cqw - 1280px) / (1600 - 1280)),
12px
);
}
.case__main-content-author-info-descr {
color: var(--black-color);
font-family: "Onest", sans-serif;
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 140%;
}
.case__main-content-author-info-descr b,
.case__main-content-author-info-descr strong {
font-weight: 700;
}
.case__main-content-author-info-descr ul { margin: 0 0;
padding-inline-start: 20px;
display: flex;
flex-direction: column;
gap: 6px;
list-style-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/rhomb-list.svg);
}
.case__main-content-author-info-descr ul > li {
padding-left: 5px;
}  .case__main-col-card {
padding: clamp(
24px,
calc(24px + (38 - 24) * (100cqw - 1280px) / (1600 - 1280)),
38px
)
clamp(
40px,
calc(40px + (50 - 40) * (100cqw - 1280px) / (1600 - 1280)),
50px
);
border-radius: 24px;
color: var(--white-color);
}
.case__main-col-card.pink {
background:
radial-gradient(
72.14% 88.03% at 20.52% 0%,
rgba(255, 255, 255, 0.26) 0%,
rgba(255, 255, 255, 0) 100%
),
#ff479d;
}
.case__main-col-card.blue {
background:
radial-gradient(
72.14% 88.03% at 20.52% 0%,
rgba(255, 255, 255, 0.26) 0%,
rgba(255, 255, 255, 0) 100%
),
#34a5f6;
}
.case__main-col-card.green {
background:
radial-gradient(
72.14% 88.03% at 20.52% 0%,
rgba(255, 255, 255, 0.26) 0%,
rgba(255, 255, 255, 0) 100%
),
#2ad247;
}
.case__main-col-card-title {
font-size: clamp(
32px,
calc(32px + (38 - 32) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
font-weight: 600;
line-height: 140%;
margin-bottom: clamp(
0px,
calc(0px + (4 - 0) * (100cqw - 1280px) / (1600 - 1280)),
4px
);
}
.case__main-col-card-desc {
font-family: "Onest", sans-serif;
font-size: 20px;
line-height: 153%;
}
.case__content-nav {
padding: clamp(
24px,
calc(24px + (30 - 24) * (100cqw - 1280px) / (1600 - 1280)),
30px
)
clamp(
30px,
calc(30px + (40 - 30) * (100cqw - 1280px) / (1600 - 1280)),
40px
);
border-radius: 30px;
border: 1px solid var(--black-color);
display: flex;
flex-direction: column;
gap: 24px
clamp(
20px,
calc(20px + (24 - 20) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.case__content-nav-title {
font-size: clamp(
21px,
calc(21px + (25 - 21) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
font-weight: 600;
line-height: 123%;
}
.case__content-nav-list {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 20px;
row-gap: 12px;
}
.case__content-nav-item {
position: relative;
padding-left: clamp(
20px,
calc(20px + (24 - 20) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
color: var(--black-color);
font-family: "Onest", sans-serif;
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: clamp(
123%,
calc(123% + (140 - 123) * (100cqw - 1280px) / (1600 - 1280)),
140%
);
}
.case__content-nav-item::before {
content: "";
position: absolute;
left: 5px;
display: block;
top: clamp(5px, calc(5px + (7 - 5) * (100cqw - 1280px) / (1600 - 1280)), 7px);
width: 8px;
height: clamp(
10px,
calc(10px + (12 - 10) * (100cqw - 1280px) / (1600 - 1280)),
12px
);
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/chevron-right.svg);
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--blue-color);
transition: var(--transition);
}
.case__content-nav-item:hover,
.case__content-nav-item.active {
color: var(--blue-color);
font-weight: 700;
}
.case__short-list-wrap {
display: flex;
flex-direction: column;
gap: 60px;
}
.case__about-wrap-title {
color: var(--black-color);
font-size: clamp(
32px,
calc(32px + (38 - 32) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
font-weight: 600;
line-height: 140%;
margin-bottom: clamp(
24px,
calc(24px + (34 - 24) * (100cqw - 1280px) / (1600 - 1280)),
34px
);
}
.case__about-wrap-list {
padding: clamp(
26px,
calc(26px + (44 - 26) * (100cqw - 1280px) / (1600 - 1280)),
44px
)
clamp(
30px,
calc(30px + (50 - 30) * (100cqw - 1280px) / (1600 - 1280)),
50px
);
border-radius: 36px;
background-color: var(--blue-color);
color: var(--white-color);
}
.case__about-list-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.case__about-list-row:not(:last-child) {
border-bottom: 1px solid #85c9fa;
padding-bottom: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.case__about-list-row:not(:first-child) {
padding-top: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.case__about-list-item {
position: relative;
padding-left: clamp(
70px,
calc(70px + (78 - 70) * (100cqw - 1280px) / (1600 - 1280)),
78px
);
display: flex;
flex-direction: column;
gap: 4px;
}
.case__about-list-item-img-wrap {
width: clamp(
54px,
calc(54px + (58 - 54) * (100cqw - 1280px) / (1600 - 1280)),
58px
);
height: clamp(
54px,
calc(54px + (58 - 54) * (100cqw - 1280px) / (1600 - 1280)),
58px
);
position: absolute;
left: 0;
top: 4.5px;
border-radius: 100%;
background-color: #ffffff;
}
.case__about-list-item-title {
font-size: clamp(
21px,
calc(21px + (25 - 21) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
font-weight: 600;
line-height: 128%;
}
.case__about-list-item-desc {
font-family: "Onest", sans-serif;
font-size: clamp(
18px,
calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
font-weight: 400;
line-height: 153%;
color: #c2e4fc;
}
.case__formula-title {
margin-bottom: clamp(
20px,
calc(20px + (30 - 20) * (100cqw - 1280px) / (1600 - 1280)),
30px
);
font-size: clamp(
25px,
calc(25px + (32 - 25) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
font-weight: 600;
line-height: 140%;
}
.case__formula-table {
width: 100%;
outline: 2px solid var(--blue-white-color);
border-spacing: 0;
overflow: hidden;
border-radius: 16px;
table-layout: fixed;
}
.case__formula-table caption {
caption-side: bottom;
}
.case__formula-table-head {
background-color: var(--blue-color);
color: var(--white-color);
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 600;
line-height: clamp(
150%,
calc(150% + (155.556 - 150) * (100cqw - 1280px) / (1600 - 1280)),
155.556%
);
}
.case__formula-table-head th,
.case__formula-table-body td {
padding: clamp(
12px,
calc(12px + (14 - 12) * (100cqw - 1280px) / (1600 - 1280)),
14px
)
clamp(
20px,
calc(20px + (26 - 20) * (100cqw - 1280px) / (1600 - 1280)),
26px
);
text-align: start;
}
.case__formula-table-body {
font-family: "Onest", sans-serif;
font-size: clamp(
18px,
calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
font-weight: 400;
line-height: clamp(
137%,
calc(137% + (153 - 137) * (100cqw - 1280px) / (1600 - 1280)),
153%
);
}
.case__formula-table-body tr:nth-child(odd) {
background-color: var(--blue-white-color);
}
.case__formula-table-caption {
margin-top: 10px;
color: var(--gray-color);
font-family: "Onest", sans-serif;
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 400;
line-height: 140%;
}
.case__formula-table-caption a {
color: var(--blue-color);
text-decoration: underline;
font-family: "Unbounded", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 142.857%;
}
.case__warn-wrap {
padding: clamp(
24px,
calc(24px + (34 - 24) * (100cqw - 1280px) / (1600 - 1280)),
34px
)
clamp(
30px,
calc(30px + (44 - 30) * (100cqw - 1280px) / (1600 - 1280)),
44px
);
padding-left: clamp(
28px,
calc(28px + (38 - 28) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
background-color: #ffedd5;
border-left: 6px solid #e78e3f;
color: #e78e3f;
border-radius: 30px;
display: flex;
flex-direction: column;
gap: clamp(
12px,
calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
}
.article__page-content .case__warn-wrap{
margin: clamp(20px, calc(20px + (32 - 20) * (100cqw - 1280px) / (1600 - 1280)), 32px) 0;
}
.case__warn-wrap-title {
position: relative;
font-family: "Unbounded", sans-serif;
font-size: clamp(
18px,
calc(18px + (21 - 18) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
font-weight: 600;
line-height: 133.333%;
padding-left: clamp(
36px,
calc(36px + (46 - 36) * (100cqw - 1280px) / (1600 - 1280)),
46px
);
display: flex;
flex-direction: row;
align-items: center;
min-height: clamp(
28px,
calc(28px + (32 - 28) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
}
.case__warn-wrap-title > svg {
width: clamp(
28px,
calc(28px + (32 - 28) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
height: clamp(
28px,
calc(28px + (32 - 28) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
}
.case__warn-wrap-title-mark {
position: absolute;
left: 0;
top: 0;
}
.case__warn-wrap-title-mark circle {
fill: #e78e3f;
}
.case__warn-wrap-desc {
color: var(--black-color);
font-family: "Onest", sans-serif;
font-size: clamp(
18px,
calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
font-weight: 400;
line-height: calc(
140%,
calc(140% + (153 - 140) * (100cqw - 1280px) / (1600 - 1280)),
153%
);
}
.case__warn-wrap-desc *:first-child {
margin-top: 0;
}
.case__warn-wrap-desc *:last-child {
margin-bottom: 0;
}
.case__warn-wrap.green {
background-color: #e2f2de;
color: var(--green-color);
border-color: var(--green-color);
}
.case__warn-wrap.green .case__warn-wrap-title-mark circle {
fill: var(--green-color);
}
.case__warn-wrap.pink {
background-color: var(--pink-white-color);
color: var(--pink-color);
border-color: var(--pink-color);
}
.case__warn-wrap.pink .case__warn-wrap-title-mark circle {
fill: var(--pink-color);
}
.case__warn-wrap.blue {
background-color: var(--blue-white-color);
color: var(--blue-color);
border-color: var(--blue-color);
}
.case__warn-wrap.blue .case__warn-wrap-title-mark circle {
fill: var(--blue-color);
}
.case__page-content-wrap-new .article__page-form-heads-wrap{
border: none;
}
.case__page-content-new .case__warn-wrap {
margin: clamp(
20px,
calc(20px + (30 - 20) * (100cqw - 1280px) / (1600 - 1280)),
30px
)
0;
}
.case__page-content-new {
color: var(--black-color);
font-family: "Onest", sans-serif;
font-size: clamp(
18px,
calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
font-weight: 400;
line-height: clamp(
142%,
calc(142% + (153 - 142) * (100cqw - 1280px) / (1600 - 1280)),
153%
);
}
.case__page-content-new h1,
.case__page-content-new h2,
.case__page-content-new h3,
.case__page-content-new h4,
.case__page-content-new h5,
.case__page-content-new h6 {
color: var(--black-color);
font-family: "Unbounded", sans-serif;
}
.case__page-content-new h2 {
font-size: clamp(
32px,
calc(32px + (38 - 32) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
font-weight: 600;
line-height: 140%;
margin-top: clamp(
80px,
calc(80px + (100 - 80) * (100cqw - 1280px) / (1600 - 1280)),
100px
);
margin-bottom: clamp(
36px,
calc(36px + (50 - 36) * (100cqw - 1280px) / (1600 - 1280)),
50px
);
}
.case__page-content-new h3 {
font-size: clamp(
25px,
calc(25px + (32 - 25) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
font-weight: 600;
line-height: 140%;
margin-top: clamp(
36px,
calc(36px + (50 - 36) * (100cqw - 1280px) / (1600 - 1280)),
50px
);
margin-bottom: clamp(
20px,
calc(20px + (30 - 20) * (100cqw - 1280px) / (1600 - 1280)),
30px
);
}
.case__page-content-new h4 {
font-size: clamp(
21px,
calc(21px + (25 - 21) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
margin-top: clamp(
20px,
calc(20px + (30 - 20) * (100cqw - 1280px) / (1600 - 1280)),
30px
);
margin-bottom: clamp(
14px,
calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
}
.case__page-content-new .wp-block-image {
margin: clamp(
20px,
calc(20px + (30 - 20) * (100cqw - 1280px) / (1600 - 1280)),
30px
)
0 !important;
box-shadow: none;
border-radius: 0;
}
.case__page-content-new .wp-block-image > img {
width: 100%;
height: clamp(
390px,
calc(390px + (540 - 390) * (100cqw - 1280px) / (1600 - 1280)),
540px
);
object-fit: cover;
border-radius: 30px;
}
.case__page-content-new .wp-block-image :where(figcaption) {
margin-top: clamp(
4px,
calc(4px + (8 - 4) * (100cqw - 1280px) / (1600 - 1280)),
8px
);
margin-bottom: 0;
color: #a8a8a8;
text-align: center;
font-family: "Onest", sans-serif;
font-size: clamp(
15px,
calc(15px + (16 - 15) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
font-weight: 400;
line-height: 140%;
}
.case__page-content-new strong,
.case__page-content-new b {
font-weight: 700;
}
.case__page-content-new ol,
.case__page-content-new ul {
font-size: inherit;
line-height: inherit;
gap: clamp(
14px,
calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
margin: clamp(
20px,
calc(20px + (30 - 20) * (100cqw - 1280px) / (1600 - 1280)),
30px
)
0;
}
.case__page-content-new ul {
list-style-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/soft-square-mark.svg);
}
.case__page-content-new ul > li {
padding-left: 5px;
}
.case__page-content-new .wp-block-table {
margin: clamp(
20px,
calc(20px + (30 - 20) * (100cqw - 1280px) / (1600 - 1280)),
30px
)
0;
}
.case__page-content-new table {
border: 2px solid var(--blue-white-color);
border-collapse: initial !important;
border-radius: 16px;
overflow: hidden;
font-size: inherit;
}
.case__page-content-new table > thead {
background-color: var(--blue-color) !important;
}
.case__page-content-new table thead th {
font-family: "unbounded", sans-serif;
color: var(--white-color);
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 600;
line-height: 144.444%;
}
.case__page-content-new table strong,
.case__page-content-new table b {
font-size: inherit;
line-height: inherit;
}
.case__page-content-new table thead th {
border-radius: 0;
}
.case__page-content-new table thead th:not(:last-child) {
border-right: none;
}
.case__page-content-new table th,
.case__page-content-new table td,
.case__page-content-new table thead th,
.case__page-content-new table tbody > tr > td {
padding: clamp(
12px,
calc(12px + (14 - 12) * (100cqw - 1280px) / (1600 - 1280)),
14px
)
clamp(
20px,
calc(20px + (26 - 20) * (100cqw - 1280px) / (1600 - 1280)),
26px
);
}
.case__page-content-new table tbody > tr > td:first-child {
padding-left: clamp(
20px,
calc(20px + (26 - 20) * (100cqw - 1280px) / (1600 - 1280)),
26px
);
}
.case__page-content-new table tr:nth-child(odd) {
background-color: var(--blue-white-color);
}
.case__page-content-new > p.has-background {
padding: clamp(
16px,
calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)),
20px
)
clamp(
24px,
calc(24px + (28 - 24) * (100cqw - 1280px) / (1600 - 1280)),
28px
);
border-radius: 30px;
margin: clamp(
20px,
calc(20px + (30 - 20) * (100cqw - 1280px) / (1600 - 1280)),
30px
)
0;
}
.container__big:has(.approve__data-block) {
--content-padding: 24px;
}
.approve__data-block {
position: relative;
padding: 0
clamp(
48px,
calc(48px + (80 - 48) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
padding-top: 46px;
padding-bottom: 54px;
background: linear-gradient(90deg, #010664 0%, #113483 50%, #001677 100%);
color: var(--white-color);
border-radius: clamp(
60px,
calc(60px + (80 - 60) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
}
.approve__data-block::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/img/bg-approve.png);
background-size: cover;
background-repeat: no-repeat;
mix-blend-mode: soft-light;
}
.approve__data-block-content {
position: relative;
max-width: 785px;
display: flex;
flex-direction: column;
gap: clamp(
20px,
calc(20px + (28 - 20) * (100cqw - 1280px) / (1600 - 1280)),
28px
);
font-family: "Onest", sans-serif;
font-size: clamp(
18px,
calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
font-weight: 400;
line-height: 140%;
z-index: 3;
}
.approve__data-block-title {
color: var(--white-color);
font-family: "Unbounded", sans-serif;
font-size: clamp(
32px,
calc(32px + (38 - 32) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
font-weight: 600;
line-height: 140%;
}
.approve__data-block-undertitle {
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 141%;
max-width: 700px;
}
.approve__data-block-text-title {
font-family: "Unbounded", sans-serif;
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 140%;
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
}
.approve__data-block-text-title > span {
position: relative;
padding: 8px 12px;
padding-left: clamp(
26px,
calc(26px + (32 - 26) * (100cqw - 1280px) / (1600 - 1280)),
32px
);
border: 1px solid var(--white-color);
border-radius: 16px;
}
.approve__data-block-text-title > span::before {
content: "";
position: absolute;
top: 50%;
left: 12px;
transform: translateY(-50%);
display: block;
width: 8px;
height: 8px;
border-radius: 100%;
background-color: var(--white-color);
}
.approve__data-block-text {
margin-top: 16px;
line-height: clamp(
134%,
calc(134% + (153 - 134) * (100cqw - 1280px) / (1600 - 1280)),
153%
);
}
.approve__data-block-text *:last-child {
margin-bottom: 0;
}
.approve__data-block-text ul,
.approve__data-block-text ol {
padding-inline-start: 20px;
display: flex;
flex-direction: column;
gap: 6px;
}
.approve__data-block-text ul {
list-style-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/soft-square-white-mark.svg);
}
.approve__data-block-text ul > li {
padding-left: 6px;
}
.approve__data-block-btn {
padding: clamp(
15px,
calc(15px + (22 - 15) * (100cqw - 1280px) / (1600 - 1280)),
22px
)
clamp(
27px,
calc(27px + (56 - 27) * (100cqw - 1280px) / (1600 - 1280)),
56px
);
text-align: center;
border-radius: 20px;
background: var(--blue-color);
color: var(--white-color);
font-family: "Unbounded", sans-serif;
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 144.44%;
font-weight: 600;
width: fit-content;
}
.approve__data-block-img {
position: absolute;
width: clamp(
875px,
calc(875px + (1037 - 875) * (100cqw - 1280px) / (1600 - 1280)),
1037px
);
height: clamp(
657px,
calc(657px + (778 - 657) * (100cqw - 1280px) / (1600 - 1280)),
778px
);
object-fit: contain;
top: clamp(
-56px,
calc(-47px + (-56 - -47) * (100cqw - 1280px) / (1600 - 1280)),
-47px
);
right: clamp(
-144px,
calc(-144px + (-23 - -144) * (100cqw - 1280px) / (1600 - 1280)),
-23px
);
z-index: 2;
}
.approve__line-wrap {
width: clamp(
526px,
calc(526px + (671 - 526) * (100cqw - 1280px) / (1600 - 1280)),
671px
);
height: clamp(
175px,
calc(175px + (224 - 175) * (100cqw - 1280px) / (1600 - 1280)),
224px
);
position: absolute;
rotate: -42deg;
top: clamp(
99px,
calc(99px + (99 - 84) * (100cqw - 1280px) / (1600 - 1280)),
84px
);
right: clamp(
196px,
calc(196px + (389 - 196) * (100cqw - 1280px) / (1600 - 1280)),
389px
);
z-index: 1;
}
.approve__line-wrap > svg {
width: 100%;
height: 100%;
}
.approve__line-wrap svg text {
fill: #0c90f4;
font-family: "Onest", sans-serif;
font-size: 18px;
font-weight: 400;
}
#approveFormColorLine {
opacity: 0;
}
.case__page-content-bottom-wrap .mrg__btm-100 {
margin-bottom: clamp(
80px,
calc(80px + (100 - 80) * (100cqw - 1280px) / (1600 - 1280)),
100px
);
}
.case__page-opinion-bot-wrap {
position: relative;
background-color: var(--blue-white-color);
padding: clamp(
36px,
calc(36px + (48 - 36) * (100cqw - 1280px) / (1600 - 1280)),
48px
);
border-radius: 48px;
display: flex;
flex-direction: column;
gap: 36px;
}
.case__page-opinion-mark {
position: absolute;
left: 24px;
top: -16px;
padding: 8px 24px;
border-radius: 12px;
background-color: var(--pink-color);
color: var(--white-color);
text-transform: uppercase;
color: #fff;
font-family: "Unbounded", sans-serif;
font-size: 13px;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.case__page-opinoin-text *:first-child {
margin-top: 0;
}
.case__page-opinoin-text *:last-child {
margin-bottom: 0;
}
.case__page-opinoin-text {
color: var(--Text-01, #212020);
font-family: "Onest", sans-serif;
font-size: clamp(
18px,
calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
font-weight: 400;
line-height: clamp(
137%,
calc(137% + (153 - 137) * (100cqw - 1280px) / (1600 - 1280)),
153%
);
}
.case__page-opinion-author-wrap {
display: grid;
grid-template-columns: 90px 1fr;
gap: 20px;
align-items: center;
}
.case__page-opinion-author-img-wrap {
height: 101px;
}
.case__page-opinion-author-info-wrap {
display: flex;
flex-direction: column;
gap: 8px;
}
.case__page-opinion-author-info-top {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}
.case__page-opinion-author-info-name {
color: var(--black-color);
font-family: "Unbounded", sans-serif;
font-size: 18px
clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 600;
line-height: 144.444%;
}
.case__page-opinion-author-info-stage {
padding: 6px 12px;
background-color: var(--pink-color);
color: var(--white-color);
font-family: "Unbounded", sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 133.333%;
border-radius: 12px;
}
.case__page-opinion-author-info-sub {
color: var(--gray-color);
font-family: "Onest", sans-serif;
font-size: clamp(
15px,
calc(15px + (16 - 15) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
font-weight: 400;
line-height: 140%;
}
.case__page-opinion-author-img-wrap > img {
width: 100%;
aspect-ratio: 1/1;
object-fit: contain;
border-radius: 100%; }
.case__page-process-title {
color: var(--black-color);
font-family: "Unbounded", sans-serif;
font-size: clamp(
32px,
calc(32px + (38 - 32) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
font-weight: 600;
line-height: 140%;
margin-bottom: clamp(
36px,
calc(36px + (50 - 36) * (100cqw - 1280px) / (1600 - 1280)),
50px
);
}
.case__page-process-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.case__page-process-grid > div {
border-radius: 30px;
overflow: hidden;
}
.case__page-process-grid-item.text {
padding: clamp(
30px,
calc(30px + (40 - 30) * (100cqw - 1280px) / (1600 - 1280)),
40px
);
display: flex;
flex-direction: column;
gap: clamp(
16px,
calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
border-bottom: 6px solid;
}
.case__page-process-grid-item.text.green {
background-color: #e2f2de;
border-color: var(--green-color);
}
.case__page-process-grid-item.text.blue {
background-color: var(--blue-white-color);
border-color: var(--blue-color);
}
.case__page-process-grid-item.img {
display: flex;
}
.case__page-process-grid-item > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.case__page-process-grid-item-title {
font-family: "Unbounded", sans-serif;
font-size: clamp(
21px,
calc(21px + (25 - 21) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
font-weight: 600;
line-height: 128%;
}
.case__page-process-grid-item-desc *:first-child {
margin-top: 0;
}
.case__page-process-grid-item-desc *:last-child {
margin-bottom: 0;
}
.case__page-process-grid-item-desc {
font-family: "Onest", sans-serif;
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 400;
line-height: 140%;
}
.case__page-process-grid-item-desc b,
.case__page-process-grid-item-desc strong {
font-weight: 700;
}
.case__page-author-bot-wrap {
display: flex;
flex-direction: column;
gap: clamp(
30px,
calc(30px + (40 - 30) * (100cqw - 1280px) / (1600 - 1280)),
40px
);
}
.case__page-author-bot-wrap > h2 {
color: var(--black-color);
font-family: "Unbounded", sans-serif;
font-size: clamp(
32px,
calc(32px + (38 - 32) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
font-weight: 600;
line-height: 140%;
}
.case__page-author-bot-inner {
padding: clamp(
30px,
calc(30px + (40 - 30) * (100cqw - 1280px) / (1600 - 1280)),
40px
);
padding-left: clamp(
24px,
calc(24px + (34 - 24) * (100cqw - 1280px) / (1600 - 1280)),
34px
);
display: grid;
grid-template-columns:
clamp(
142px,
calc(142px + (202 - 142) * (100cqw - 1280px) / (1600 - 1280)),
202px
)
1fr;
gap: clamp(
20px,
calc(20px + (30 - 20) * (100cqw - 1280px) / (1600 - 1280)),
30px
);
border-radius: 30px;
border-left: 6px solid var(--blue-color);
background-color: var(--blue-white-color);
}
.case__page-author-bot-info-wrap {
display: flex;
flex-direction: column;
gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.case__page-author-bot-info-top {
display: flex;
flex-direction: column;
gap: 8px;
}
.case__page-author-bot-info-name {
font-family: "Unbounded", sans-serif;
font-size: clamp(
21px,
calc(21px + (25 - 21) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
font-weight: 600;
line-height: 128%;
}
.case__page-author-bot-info-sub {
font-family: "Onest", sans-serif;
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 400;
line-height: 140%;
color: #8e9ba5;
}
.case__page-author-bot-info-desc *:first-child {
margin-top: 0;
}
.case__page-author-bot-info-desc *:last-child {
margin-bottom: 0;
}
.case__page-author-bot-info-desc {
font-family: "Onest", sans-serif;
font-size: clamp(
16px,
calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 400;
line-height: 140%;
}
.case__page-author-bot-info-desc b,
.case__page-author-bot-info-desc strong {
font-weight: 700;
}
.case__page-author-bot-info-desc ul,
.case__page-author-bot-info-desc ol {
display: flex;
flex-direction: column;
gap: clamp(
8px,
calc(8px + (12 - 8) * (100cqw - 1280px) / (1600 - 1280)),
12px
);
padding-inline-start: 20px;
}
.case__page-author-bot-info-desc ul {
list-style-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/rhomb-list.svg);
}
.case__page-author-slider-text-wrap {
display: flex;
flex-direction: column;
gap: clamp(
10px,
calc(10px + (16 - 10) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
margin-bottom: 20px;
}
.case__page-author-slider-text-title {
font-family: "Unbounded", sans-serif;
font-size: clamp(
21px,
calc(21px + (25 - 21) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
font-weight: 600;
line-height: 128%;
}
.case__page-author-slider-text-inner *:first-child {
margin-top: 0;
}
.case__page-author-slider-text-inner *:last-child {
margin-bottom: 0;
}
.case__page-top-company-wrap {
display: grid;
grid-template-columns:
clamp(
278px,
calc(278px + (359 - 278) * (100cqw - 1280px) / (1600 - 1280)),
359px
)
1fr;
gap: 24px;
}
.case__page-top-company-title {
position: relative;
font-family: "Unbounded", sans-serif;
font-size: clamp(
21px,
calc(21px + (25 - 21) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
font-weight: 600;
line-height: 128%;
}
.case__page-top-company-title::after {
content: "";
position: absolute;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/gold-pointer.svg);
background-size: contain;
background-repeat: no-repeat;
width: clamp(
140px,
calc(140px + (170 - 140) * (100cqw - 1280px) / (1600 - 1280)),
170px
);
height: clamp(
160px,
calc(160px + (170 - 160) * (100cqw - 1280px) / (1600 - 1280)),
170px
);
rotate: -17deg;
right: -83px;
bottom: -7px;
z-index: -1;
}
@media (min-width: 992px) {
.case__page-top-company-title::after {
animation: pointer-float 3.2s ease-in-out infinite;
will-change: transform;
}
@keyframes pointer-float {
0% {
transform: translateY(0) rotate(-17deg);
}
50% {
transform: translateY(-10px) rotate(-17deg);
}
100% {
transform: translateY(0) rotate(-17deg);
}
}
}
.case__page-top-company-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.case__page-top-company-list-item {
padding: clamp(
6px,
calc(6px + (10 - 6) * (100cqw - 1280px) / (1600 - 1280)),
10px
);
display: flex;
flex-direction: row;
align-items: center;
gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
border-radius: 20px;
background-color: var(--blue-color);
color: var(--blue-color);
}
.case__page-top-company-list-item .case__page-top-company-item-info {
color: var(--white-color);
}
.case__page-top-company-list-item.green {
background-color: var(--green-color);
color: var(--green-color);
}
.case__page-top-company-list-item.pink {
background-color: var(--pink-color);
color: var(--pink-color);
}
.case__page-top-company-item-badge {
padding: clamp(
10px,
calc(10px + (12 - 10) * (100cqw - 1280px) / (1600 - 1280)),
12px
)
clamp(
14px,
calc(14px + (16 - 14) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
min-width: fit-content;
font-family: "Unbounded", sans-serif;
font-size: clamp(
21px,
calc(21px + (25 - 21) * (100cqw - 1280px) / (1600 - 1280)),
25px
);
font-weight: 600;
line-height: 128%;
background-color: var(--white-color);
border-radius: 16px;
}
.case__page-top-company-item-info {
display: grid;
grid-template-columns: 21fr 59fr 16fr;
align-items: center;
gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
width: 100%;
justify-content: space-between;
font-family: "Onest", sans-serif;
font-size: clamp(
18px,
calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)),
20px
);
font-weight: 700;
line-height: 153%;
}
.service__hero-top {
position: relative;
padding-top: clamp(
48px,
calc(48px + (80 - 48) * (100cqw - 1280px) / (1600 - 1280)),
80px
);
padding-bottom: clamp(
40px,
calc(40px + (60 - 40) * (100cqw - 1280px) / (1600 - 1280)),
60px
);
background:
radial-gradient(83.44% 97.42% at 15.05% 13.85%, #0002bd 0%, #0058d5 100%),
#d6edfd;
color: var(--white-color);
font-family: "Onest", sans-serif;
margin-bottom: 40px;
}
.service__hero-top::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/img/top-serv-bg-1.png);
background-size: cover;
background-repeat: no-repeat;
inset: 0;
opacity: 0.7;
}
.service__hero-wrap {
position: relative;
display: grid;
grid-template-columns: 1fr clamp(476px, calc(476px + (513 - 476) * (100cqw - 1280px) / (1600 - 1280)), 513px);
gap: clamp(
30px,
calc(30px + (87 - 30) * (100cqw - 1280px) / (1600 - 1280)),
87px
);
}
.service__hero-badge {
position: relative;
padding: 8px 16px 8px 40px;
background-color: #4242a2;
border-radius: 62px;
font-size: 18px;
font-weight: 700;
line-height: 134%;
width: fit-content;
margin-bottom: clamp(
28px,
calc(28px + (34 - 28) * (100cqw - 1280px) / (1600 - 1280)),
34px
);
}
.service__hero-badge::before {
content: "";
position: absolute;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/trophy.svg);
background-size: contain;
background-repeat: no-repeat;
width: 18px;
height: 18px;
left: 13px;
top: 50%;
transform: translateY(-50%);
}
.service__hero-title {
color: var(--white-color);
font-family: "Unbounded", sans-serif;
font-size: clamp(
32px,
calc(32px + (38 - 32) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
font-weight: 600;
line-height: 140%;
}
.service__hero-text-wrap {
display: flex;
flex-direction: column;
gap: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
margin-bottom: clamp(
30px,
calc(30px + (34 - 30) * (100cqw - 1280px) / (1600 - 1280)),
34px
);
}
.service__hero-text-inner *:first-child {
margin-top: 0;
}
.service__hero-text-inner *:last-child {
margin-bottom: 0;
}
.service__hero-text-inner {
font-size: clamp(
17px,
calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 400;
line-height: 139%;
}
.service__hero-text-inner b,
.service__hero-text-inner strong {
font-weight: 700;
}
.service__hero-list {
padding: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
border-radius: clamp(
24px,
calc(24px + (30 - 24) * (100cqw - 1280px) / (1600 - 1280)),
30px
);
overflow: hidden;
list-style: none;
max-width: 921px;
margin-bottom: clamp(
30px,
calc(30px + (34 - 30) * (100cqw - 1280px) / (1600 - 1280)),
34px
);
}
.service__hero-list-item {
position: relative;
padding: clamp(
10px,
calc(10px + (16 - 10) * (100cqw - 1280px) / (1600 - 1280)),
16px
)
clamp(
14px,
calc(14px + (22 - 14) * (100cqw - 1280px) / (1600 - 1280)),
22px
);
padding-left: clamp(
30px,
calc(30px + (42 - 30) * (100cqw - 1280px) / (1600 - 1280)),
42px
);
background: #ffffff24; display: grid;
grid-template-rows: subgrid;
grid-row: span 2;
gap: clamp(4px, calc(4px + (6 - 4) * (100cqw - 1280px) / (1600 - 1280)), 6px);
}
.service__hero-list-item::before {
content: "";
position: absolute;
top: clamp(
20px,
calc(20px + (27 - 20) * (100cqw - 1280px) / (1600 - 1280)),
27px
);
left: clamp(
14px,
calc(14px + (22 - 14) * (100cqw - 1280px) / (1600 - 1280)),
22px
);
display: block;
width: clamp(
6px,
calc(6px + (8 - 6) * (100cqw - 1280px) / (1600 - 1280)),
8px
);
height: clamp(
6px,
calc(6px + (8 - 6) * (100cqw - 1280px) / (1600 - 1280)),
8px
);
border-radius: 1.5px;
background-color: var(--white-color);
}
.service__hero-list-item:not(:last-child) {
border-right: 2px solid #1121c5;
}
.service__hero-list-item-title {
font-family: "Unbounded", sans-serif;
font-size: clamp(
17px,
calc(17px + (21 - 17) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
font-weight: 600;
line-height: 133.333%;
}
.service__hero-list-item-desc {
font-size: clamp(
14px,
calc(14px + (15 - 14) * (100cqw - 1280px) / (1600 - 1280)),
15px
);
line-height: 123%;
font-weight: 400;
opacity: 0.5;
}
.service__hero-btn {
padding: 22px 22px;
background-color: var(--pink-color);
border-radius: 20px;
color: var(--white-color);
font-family: "Unbounded", sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 130%;
transition: var(--transition);
cursor: pointer;
margin-bottom: 34px;
}
.service__hero-btn:hover {
box-shadow: 0 0 20px var(--pink-color);
}
.service__hero-content-bot {
padding: clamp(
12px,
calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)),
16px
)
clamp(
16px,
calc(16px + (22 - 16) * (100cqw - 1280px) / (1600 - 1280)),
22px
);
display: grid;
grid-template-columns:
clamp(
132px,
calc(132px + (156 - 132) * (100cqw - 1280px) / (1600 - 1280)),
156px
)
1fr;
gap: clamp(
12px,
calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
border-radius: clamp(
20px,
calc(20px + (30 - 20) * (100cqw - 1280px) / (1600 - 1280)),
30px
);
background: rgba(255, 255, 255, 0.14);
}
.service__hero-content-bot-left {
width: 100%;
height: clamp(
48px,
calc(48px + (54 - 48) * (100cqw - 1280px) / (1600 - 1280)),
54px
);
}
.service__hero-content-bot-img {
object-fit: contain;
width: 100%;
height: 100%;
}
.service__hero-content-bot-title {
font-family: "Unbounded", sans-serif;
font-size: clamp(
17px,
calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 600;
line-height: 137%;
margin-bottom: 4px;
}
.service_hero-content-bot-desc {
font-size: clamp(
14px,
calc(14px + (15 - 14) * (100cqw - 1280px) / (1600 - 1280)),
15px
);
line-height: 140%;
opacity: 0.6;
}
.service__form-wrap {
padding-top: 26px;
}
.service__form-inner {
position: relative;
padding: 20px 30px;
background-color: var(--white-color);
border-radius: clamp(
40px,
calc(40px + (54 - 40) * (100cqw - 1280px) / (1600 - 1280)),
54px
);
color: var(--black-color);
}
.service__form-top-wrap {
display: grid;
grid-template-columns:
clamp(
72px,
calc(72px + (90 - 72) * (100cqw - 1280px) / (1600 - 1280)),
90px
)
1fr;
gap: 16px;
margin-bottom: 16px;
align-items: center;
}
.service__form-img-wrap {
height: clamp(
78px,
calc(78px + (99 - 78) * (100cqw - 1280px) / (1600 - 1280)),
99px
);
}
.service__form-img {
object-fit: contain;
width: 100%;
height: 100%;
}
.service__form-top-title {
color: var(--black-color);
font-family: "Unbounded", sans-serif;
font-size: clamp(
21px,
calc(21px + (24 - 21) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
font-weight: 600;
line-height: 130%;
margin-bottom: 4px;
}
.service__form-top-desc {
color: var(--gray-light-color-second);
font-size: clamp(
14px,
calc(14px + (15 - 14) * (100cqw - 1280px) / (1600 - 1280)),
15px
);
font-weight: 400;
line-height: 140%;
}
.service__form-list-box-text {
margin: 0 0 20px 0;
font-size: 16px;
line-height: 137%;
}
.service__form-list-box-text *:first-child {
margin-top: 0;
}
.service__form-list-box-text *:last-child {
margin-bottom: 0;
}
.service__form-list-box-text ul {
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
list-style: none;
}
.service__form-list-box-text ul li {
position: relative;
padding-left: 16px;
}
.service__form-list-box-text b,
.service__form-list-box-text strong {
font-weight: 700;
}
.service__form-list-box-text ul li::before {
content: "";
position: absolute;
left: 2px;
top: 10px;
display: block;
width: 6px;
height: 6px;
border-radius: 2px;
background-color: #1e4dc3;
}
.service__form-input-list {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
}
.service__form-input-list > p {
display: contents;
}
.service__form-input-list > p > br {
display: none;
}
.service__form-input {
padding: 17px 16px;
font-size: 16px;
font-weight: 400;
line-height: 126%;
color: var(--black-color);
border: 1px solid var(--black-color);
border-radius: 16px;
width: 100%;
}
.service__form-input::placeholder {
color: var(--black-color);
}
.service__form-submit-wrap {
margin-bottom: 16px;
}
.service__form-submit-wrap > p {
display: contents;
}
.service__form-submit {
padding: 18px 16px;
width: 100%;
background-color: var(--pink-color);
color: var(--white-color);
font-family: "Unbounded", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 142%;
border-radius: 16px;
cursor: pointer;
outline: none;
border: none;
transition: var(--transition);
}
.service__form-submit:hover:not(:disabled) {
box-shadow: 0 0 20px var(--pink-color);
}
.service__form-note-wrap {
display: grid;
grid-template-columns: 20px 1fr;
gap: 10px;
margin-bottom: 16px;
}
.service__form-note-check {
position: relative;
height: 20px;
width: 100%;
}
.service__form-note-check > p {
display: contents;
}
.service__form-note-text {
color: var(--gray-color);
font-size: 14px;
font-weight: 400;
line-height: 138%;
}
.service__form-note-text a {
text-decoration: underline;
text-underline-offset: 2px;
}
.service__form-note-text > p {
display: contents;
}
.service__form-note-check .wpcf7-list-item > input {
appearance: none;
position: relative;
padding: 2px;
min-width: 20px;
height: 20px;
background-color: transparent;
border: 2px solid var(--gray-color);
border-radius: 8px;
cursor: pointer;
}
.service__form-note-check .wpcf7-list-item > input:checked::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 14px;
height: 14px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/check.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--gray-color);
z-index: 2;
}
.service__form-note-check .wpcf7-list-item {
margin: 0 0;
}
.service__form-none-call {
text-align: center;
font-size: clamp(
15px,
calc(15px + (16 - 15) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
line-height: 130%;
}
.service__advantage-slider-card {
display: flex;
flex-direction: column;
gap: clamp(
10px,
calc(10px + (12 - 10) * (100cqw - 1280px) / (1600 - 1280)),
12px
);
padding-right: clamp(
0px,
calc(0px + (24 - 0) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
}
.service__advantage-slider-card-title {
position: relative;
display: flex;
flex-direction: row;
gap: clamp(
8px,
calc(8px + (12 - 8) * (100cqw - 1280px) / (1600 - 1280)),
12px
);
flex-wrap: wrap;
color: var(--black-color);
font-family: "Unbounded", sans-serif;
font-size: clamp(
19px,
calc(19px + (21 - 19) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
padding-left: clamp(
30px,
calc(30px + (38 - 30) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
font-weight: 600;
line-height: 133.33%;
}
.service__advantage-slider-card-title::before {
content: "";
position: absolute;
top: 1px;
left: 0;
display: block;
width: clamp(
22px,
calc(22px + (26 - 22) * (100cqw - 1280px) / (1600 - 1280)),
26px
);
height: clamp(
22px,
calc(22px + (26 - 22) * (100cqw - 1280px) / (1600 - 1280)),
26px
);
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/dark-blue-yes.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.service__advantage-slider-card-title-mark {
padding: 5px 8px;
font-family: "Unbounded", sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 133.33%;
height: fit-content;
color: var(--white-color);
background-color: var(--pink-color);
border-radius: 12px;
}
.service__advantage-slider-card-desc {
color: var(--gray-color);
font-family: "Onest", sans-serif;
font-size: clamp(
17px,
calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 140%;
}
.service__advantage-slider-arrows {
display: none;
justify-content: space-between;
align-items: center;
margin-top: 16px;
color: var(--gray-light-color-second);
font-size: 12px;
}
.service__advantage-slider-arr {
position: relative;
display: block;
width: 30px;
height: 30px;
}
.service__advantage-slider-arr::before {
content: '';
display: block;
width: 100%;
height: 100%;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arrow-prev-slider-blue.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.service__advantage-slider-arr.next::before {
transform: scaleX(-1);
}
.service__cases-info-wrap-main > *:first-child {
margin-top: 0;
}
.service__advantage-slider-arr.swiper-button-disabled {
opacity: 0.2;
pointer-events: none;
}
.service__cases-info-wrap {
display: flex;
flex-direction: column;
gap: 16px;
}
.service__title {
color: var(--black-color);
font-family: "Unbounded", sans-serif;
font-size: clamp(
32px,
calc(32px + (38 - 32) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
font-weight: 600;
line-height: 140%;
}
.service__cases-info-desc {
font-family: "Onest", sans-serif;
font-size: clamp(
17px,
calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 400;
line-height: 140%;
color: var(--gray-color);
}
.service__cases-list {
padding-top: 23px;
display: flex;
flex-direction: column;
gap: 40px;
}
.service__case-item {
position: relative;
padding: clamp(
24px,
calc(24px + (26 - 24) * (100cqw - 1280px) / (1600 - 1280)),
26px
)
clamp(
26px,
calc(26px + (30 - 26) * (100cqw - 1280px) / (1600 - 1280)),
30px
)
clamp(
12px,
calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)),
16px
)
clamp(
26px,
calc(26px + (30 - 26) * (100cqw - 1280px) / (1600 - 1280)),
30px
);
background-color: var(--blue-white-color);
color: var(--black-color);
border-radius: 24px;
font-family: "Onest", sans-serif;
font-size: 18px;
line-height: 140%;
transition: var(--transition);
}
.service__case-item.active {
padding: 27px 30px 30px 30px;
background-color: transparent;
outline: 1px solid var(--blue-color);
}
.service__case-head-badge {
position: absolute;
padding: 10px 16px;
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
left: 30px;
top: -23px;
background-color: var(--white-color);
border-radius: 12px;
outline: 1px solid var(--blue-white-color);
line-height: 126%;
transition: var(--transition);
}
.service__case-item.active .service__case-head-badge {
background-color: var(--blue-white-color);
}
.service__case-head-badge::before {
content: "";
margin-top: 5px;
display: block;
min-width: 16px;
height: 20px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/pin.svg);
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--blue-color);
transform: scale(1.5);
}
.service__case-head-title {
position: relative;
padding-right: 58px;
display: flex;
align-items: center;
min-height: 50px;
cursor: pointer;
font-family: "Unbounded", sans-serif;
font-size: clamp(
19px,
calc(19px + (21 - 19) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
font-weight: 600;
line-height: 133.333%;
}
.service__case-head-title::before {
content: "";
position: absolute;
top: 0;
right: 0;
display: block;
width: 50px;
height: 50px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/open-accord-dark-blue.svg);
background-size: contain;
background-repeat: no-repeat;
transition: var(--transition);
}
.service__case-item.active .service__case-head-title::before {
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/close-accord-dark-blue.svg);
}
.service__case-body-desc {
margin-top: 14px;
margin-bottom: 14px;
padding-bottom: 14px;
border-bottom: 1px solid var(--blue-white-color);
}
.service__case-body-inner {
display: grid;
grid-template-columns: 1fr 483px;
gap: 30px;
}
.service__case-body-list-wrap {
display: flex;
flex-direction: column;
gap: 14px;
}
.service__case-body-list-item:not(:first-child) {
border-top: 1px solid var(--blue-white-color);
padding-top: 14px;
}
.service__case-body-list-title {
font-weight: 700;
margin-bottom: 14px;
color: var(--blue-color);
}
.service__case-body-list-text {
line-height: 138%;
}
.service__case-body-list-text ul,
.service__case-body-list-text ol {
margin: 0 0;
}
.service__case-body-list-text ul {
display: flex;
flex-direction: column;
gap: 14px;
list-style: none;
padding-inline-start: 0;
}
.service__case-body-list-text ul > li {
position: relative;
padding-left: 20px;
}
.service__case-body-list-text ul > li::before {
content: "";
position: absolute;
top: 7px;
left: 2px;
display: block;
width: 8px;
height: 8px;
border-radius: 2.5px;
background-color: var(--blue-color);
}
.service__case-body-box {
height: fit-content;
padding: 20px 20px;
display: flex;
flex-direction: column;
gap: 16px;
color: var(--white-color);
background-color: var(--blue-color);
border-radius: 24px;
}
.service__case-body-box-info-top *:first-child,
.service__case-body-box-info-mid *:first-child,
.service__case-body-box-info-bot *:first-child {
margin-top: 0;
}
.service__case-body-box-info-top *:last-child,
.service__case-body-box-info-mid *:last-child,
.service__case-body-box-info-bot *:last-child {
margin-bottom: 0;
}
.service__case-body-box-info-top {
font-size: 17px;
line-height: 135%;
}
.service__case-body-box-info-mid {
font-size: 16px;
line-height: 126%;
}
.service__case-body-box-info-mid span {
font-family: "Unbounded", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 126%;
}
.service__case-body-box-info-bot {
padding: 12px 16px;
background-color: var(--blue-color-second);
border-radius: 10px;
font-size: 17px;
line-height: 144%;
}
.service__case-body-box-info-bot b,
.service__case-body-box-info-bot strong {
font-family: "Unbounded", sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
}
.service__case-body-box-link {
padding: 18px 16px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 16px;
font-family: "Unbounded", sans-serif;
font-size: 14px;
line-height: 140%;
font-weight: 600;
text-align: center;
text-transform: uppercase;
background-color: var(--white-color);
color: var(--pink-color);
border-radius: 20px;
cursor: pointer;
}
.service__case-body-box-link::after {
content: "";
display: block;
min-width: 18px;
height: 18px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-top-right.svg);
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--pink-color);
transition: var(--transition);
}
.service__case-body-box-link:hover::after {
transform: rotate(45deg);
}
.service__cases-form {
padding: clamp(
20px,
calc(20px + (24 - 20) * (100cqw - 1280px) / (1600 - 1280)),
24px
)
24px;
background-color: var(--blue-color);
color: var(--white-color);
font-weight: 600;
border-radius: 30px;
}
.service__cases-form-inner {
max-width: 1385px;
margin: 0 auto;
display: grid;
align-items: center;
grid-template-columns: 1fr 312px;
gap: 30px;
}
.service__cases-form-info-title {
margin-bottom: 8px;
font-size: clamp(
19px,
calc(19px + (21 - 19) * (100cqw - 1280px) / (1600 - 1280)),
21px
);
line-height: 133%;
}
.service__cases-form-info-text {
font-family: "Onest", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 140%;
}
.service__cases-form-action {
padding: 18px 20px;
font-size: 14px;
line-height: 142%;
font-weight: 600;
text-align: center;
background-color: var(--pink-color);
color: var(--white-color);
border-radius: 20px;
width: 100%;
cursor: pointer;
transition: var(--transition);
}
.service__cases-form-action:hover {
background-color: var(--white-color);
color: var(--pink-color);
}
.service__page-content-wrap {
display: block;
}
.service__page-content-has-aside-wrap {
display: grid;
grid-template-columns: 1fr clamp(
372px,
calc(372px + (460 - 372) * (100cqw - 1280px) / (1600 - 1280)),
460px
);
gap: clamp(
48px,
calc(48px + (140 - 48) * (100cqw - 1280px) / (1600 - 1280)),
140px
);
}
.service__page-content-has-aside-inner {
min-width: 0;
}
.service__page-content .case__page-top-company-wrap,
.service__page-content .service__page-about-us-talk {
margin: 100px 0;
}
.article__page-content,
.service__page-content,
.case__page-content-new {
min-width: 0;
}
.service__page-content h2 {
margin-bottom: 36px;
margin-top: 80px;
}
.service__badge + h2,
.service__badge-color + h2 {
margin-top: 0;
}
.service__page-content *:first-child {
margin-top: 0;
}
.service__page-content *:last-child {
margin-bottom: 0;
}
.service__badge {
position: relative;
padding: 10px 14px 10px 30px;
color: #5f88a5;
font-family: "Onest", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 126%;
outline: 1px solid var(--blue-white-color);
border-radius: 62px;
width: fit-content;
margin-bottom: clamp(
16px,
calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)),
24px
);
margin-top: 80px;
}
.service__badge::before {
content: "";
position: absolute;
top: 16px;
left: 14px;
display: block;
width: 6px;
height: 6px;
border-radius: 100%;
background-color: var(--blue-white-color);
}
.service__page-faq-content-wrap > h2 {
margin-bottom: 36px;
font-size: clamp(
32px,
calc(32px + (38 - 32) * (100cqw - 1280px) / (1600 - 1280)),
38px
);
font-weight: 600;
line-height: 140%;
}
.service__page-faq-content-accord-wrap {
display: grid;
gap: clamp(48px, calc(48px + (80 - 48) * (100cqw - 1280px) / (1600 - 1280)), 80px);
grid-template-columns: 1fr clamp(372px, calc(372px + (520 - 372) * (100cqw - 1280px) / (1600 - 1280)), 520px);
}
.service__page-faq-content-accord {
display: flex;
flex-direction: column;
gap: 20px;
}
.service__page-faq-content-accord-item {
border-bottom: 1px solid var(--blue-white-color);
padding-bottom: clamp(
19px,
calc(19px + (23 - 19) * (100cqw - 1280px) / (1600 - 1280)),
23px
);
display: flex;
flex-direction: column;
}
.service__page-faq-content-accord-item-top {
position: relative;
display: flex;
align-items: center;
padding-right: clamp(
56px,
calc(56px + (64 - 56) * (100cqw - 1280px) / (1600 - 1280)),
64px
);
font-family: "Unbounded", sans-serif;
font-size: clamp(
17px,
calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
font-weight: 600;
line-height: 140%;
min-height: clamp(
32px,
calc(32px + (40 - 32) * (100cqw - 1280px) / (1600 - 1280)),
40px
);
cursor: pointer;
transition: var(--transition);
}
.service__page-faq-content-accord-item-top::after {
content: "";
position: absolute;
right: 0;
top: 0;
display: block;
width: clamp(
32px,
calc(32px + (40 - 32) * (100cqw - 1280px) / (1600 - 1280)),
40px
);
height: clamp(
32px,
calc(32px + (40 - 32) * (100cqw - 1280px) / (1600 - 1280)),
40px
);
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/plus-circle.svg);
mask-size: contain;
mask-repeat: no-repeat;
transform: scale(1.1);
background-color: var(--blue-color);
transition: var(--transition);
}
.service__page-faq-content-accord-item.active
.service__page-faq-content-accord-item-top::after {
background-color: var(--blue-white-color);
transform: scale(1.1) rotate(45deg);
}
.service__page-faq-content-accord-item.active
.service__page-faq-content-accord-item-top {
margin-bottom: clamp(
12px,
calc(12px + (16 - 12) * (100cqw - 1280px) / (1600 - 1280)),
16px
);
}
.service__page-faq-content-accord-item-body {
padding-right: clamp(
56px,
calc(56px + (64 - 56) * (100cqw - 1280px) / (1600 - 1280)),
64px
);
font-family: 'Onest', sans-serif;
font-size: clamp(
17px,
calc(17px + (18 - 17) * (100cqw - 1280px) / (1600 - 1280)),
18px
);
line-height: 138%;
}
.service__page-faq-content-accord-item-body *:first-child {
margin-top: 0;
}
.service__page-faq-content-accord-item-body *:last-child {
margin-bottom: 0;
}
.service__page-related-services-content-column {
display: flex;
flex-direction: column;
gap: 36px
}
.service__page-related-services-title-text {
text-align: center;
}
.service__page-related-services-tags-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: clamp(10px, calc(10px + (16 - 10) * (100cqw - 1280px) / (1600 - 1280)), 16px);
}
.service__page-related-services-tag-chip {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 24px;
background: var(--blue-white-color);
padding: 10px clamp(19px, calc(19px + (22 - 19) * (100cqw - 1280px) / (1600 - 1280)), 22px);
color: var(--blue-color);
font-family: 'Onest', sans-serif;
font-size: clamp(18px, calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)), 20px);
line-height: 153%;
font-weight: 400;
white-space: nowrap;
cursor: pointer;
transition: var(--transition);
}
.service__page-related-services-tag-chip:hover {
box-shadow: 0 0 10px var(--blue-color);
background-color: var(--blue-color);
color: var(--white-color);
}
.sidebar-contact-form-preview {
position: sticky;
top: 20px;
width: 100%;
padding: clamp(30px, calc(30px + (44 - 30) * (100cqw - 1280px) / (1600 - 1280)), 44px) clamp(34px, calc(34px + (44 - 34) * (100cqw - 1280px) / (1600 - 1280)), 44px);
border-radius: 48px;
background-color: var(--blue-color);
}
.sidebar__contact-form-header {
display: flex;
flex-direction: column;
gap: clamp(10px, calc(10px + (20 - 10) * (100cqw - 1280px) / (1600 - 1280)), 20px);
width: 100%;
margin-bottom: clamp(24px, calc(24px + (26 - 24) * (100cqw - 1280px) / (1600 - 1280)), 26px);
}
.sidebar__contact-form-title {
margin: 0;
font-family: "Unbounded", Arial, sans-serif;
font-size: clamp(21px, calc(21px + (24 - 21) * (100cqw - 1280px) / (1600 - 1280)), 24px);
font-weight: 600;
line-height: 126%;
color: var(--white-color);
}
.sidebar__contact-form-subtitle {
margin: 0;
font-family: "Onest", sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.38;
color: var(--white-color);
}
.sidebar__contact-form {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
color: var(--white-color);
}
.sidebar__contact-form > p {
display: contents;
}
.sidebar__contact-form-group {
margin: 0;
padding: 0;
border: 0;
min-width: 0;
}
.sidebar__contact-form-legend {
margin-bottom: 10px;
padding: 0;
font-family: "Onest", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 138%;
color: var(--white-color);
}
.sidebar__contact-form-channels {
display: grid;
grid-template-columns: minmax(0, 1fr) clamp(60px, calc(60px + (86 - 60) * (100cqw - 1280px) / (1600 - 1280)), 86px) clamp(60px, calc(60px + (86 - 60) * (100cqw - 1280px) / (1600 - 1280)), 86px);
gap: 8px;
align-items: stretch;
}
.sidebar__contact-form-channel {
position: relative;
min-width: 0;
cursor: pointer;
}
.sidebar__contact-form-channel--wide {
min-width: 0;
}
.sidebar__contact-form-channel > p {
display: contents;
}
.sidebar__contact-form-channel br {
display: contents;
}
.sidebar__contact-form-radio,
.sidebar__contact-form-checkbox {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
cursor: pointer;
}
.sidebar__contact-form-option {
display: flex;
align-items: center;
justify-content: center;
min-height: clamp(54px, calc(54px + (64 - 54) * (100cqw - 1280px) / (1600 - 1280)), 64px);
height: clamp(54px, calc(54px + (64 - 54) * (100cqw - 1280px) / (1600 - 1280)), 64px);
width: 100%;
padding: 16px 28px;
border: 1px solid var(--white-color);
border-radius: clamp(16px, calc(16px + (20 - 16) * (100cqw - 1280px) / (1600 - 1280)), 20px);
background-color: transparent;
color: var(--white-color);
cursor: pointer;
transition:
color var(--transition),
background-color var(--transition),
border-color var(--transition),
box-shadow var(--transition);
}
.sidebar__contact-form-option--call {
border-color: var(--white-color);
}
.sidebar__contact-form-option--icon {
padding: 16px;
border-radius: 16px;
}
.sidebar__contact-form-option-text {
font-family: "Unbounded", Arial, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 1.3;
text-align: center;
}
.sidebar__contact-form-icon {
display: block;
width: 28px;
height: 24px;
flex: 0 0 auto;
}
.sidebar__contact-form-channel:first-child .sidebar__contact-form-icon {
width: 24px;
height: 24px;
}
.sidebar__contact-form-radio:checked + .sidebar__contact-form-option {
background-color: var(--white-color);
border-color: var(--white-color);
color: var(--blue-color);
}
.sidebar__contact-form-radio:not(:checked) + .sidebar__contact-form-option:hover,
.sidebar__contact-form-submit:hover,
.sidebar__contact-form-agreement-text a:hover {
opacity: 0.88;
}
.sidebar__contact-form-radio:focus-visible + .sidebar__contact-form-option,
.sidebar__contact-form-input:focus-visible,
.sidebar__contact-form-checkbox:focus-visible + .sidebar__contact-form-checkbox-box,
.sidebar__contact-form-submit:focus-visible {
outline: 2px solid var(--white-color);
outline-offset: 3px;
}
.sidebar__contact-form-field {
width: 100%;
}
.sidebar__contact-form-field > p {
display: contents;
}
.sidebar__contact-form-field br{
display: contents;
}
.sidebar__contact-form-input {
display: block;
width: 100%;
padding: clamp(13px, calc(13px + (14 - 13) * (100cqw - 1280px) / (1600 - 1280)), 17px) 14px;
border: 2px solid var(--white-color);
border-radius: clamp(16px, calc(16px + (24 - 16) * (100cqw - 1280px) / (1600 - 1280)), 24px);
background-color: transparent;
color: var(--white-color);
font-family: "Onest", sans-serif;
font-size: clamp(18px, calc(18px + (20 - 18) * (100cqw - 1280px) / (1600 - 1280)), 20px);
font-weight: 400;
line-height: 100%;
transition:
border-color var(--transition),
box-shadow var(--transition);
}
.sidebar__contact-form-input::placeholder {
color: var(--white-color);
opacity: 1;
}
.sidebar__contact-form-input:focus {
box-shadow: 0 0 0 1px var(--white-color);
}
.sidebar__contact-form-submit {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: clamp(54px, calc(54px + (64 - 54) * (100cqw - 1280px) / (1600 - 1280)), 64px);
padding: clamp(16px, calc(16px + (18 - 16) * (100cqw - 1280px) / (1600 - 1280)), 18px) 36px;
border: 0;
border-radius: 20px;
background-color: var(--pink-color);
color: var(--white-color);
font-family: "Unbounded", Arial, sans-serif;
font-size: clamp(16px, calc(16px + (17 - 16) * (100cqw - 1280px) / (1600 - 1280)), 17px);
font-weight: 600;
line-height: 130%;
text-align: center;
cursor: pointer;
transition:
opacity var(--transition),
transform var(--transition),
box-shadow var(--transition);
}
.sidebar__contact-form-submit:active {
transform: translateY(1px);
}
.sidebar__contact-form-submit + br {
display: contents;
}
.sidebar__contact-form-agreement {
display: flex;
align-items: flex-start;
gap: 16px;
width: 100%;
cursor: pointer;
margin-top: clamp(7px, calc(7px + (10 - 7) * (100cqw - 1280px) / (1600 - 1280)), 10px);
}
.sidebar__contact-form-agreement br {
display: contents;
}
.sidebar__contact-form-checkbox-wrap {
position: relative;
width: 24px;
height: 24px;
flex: 0 0 24px;
}
.sidebar__contact-form-checkbox-wrap .wpcf7-list-item {
display: contents;
}
.sidebar__contact-form-checkbox-box {
position: relative;
display: block;
width: 24px;
height: 24px;
border: 2px solid var(--white-color);
border-radius: 8px;
background-color: transparent;
transition:
background-color var(--transition),
border-color var(--transition);
}
.sidebar__contact-form-checkbox:checked {
opacity: 1;
}
.sidebar__contact-form-checkbox {
appearance: none;
}
.sidebar__contact-form-checkbox:checked::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 70%;
height: 70%;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/check.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--white-color);
}
.sidebar__contact-form-agreement-text {
font-family: "Onest", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.4;
color: var(--white-color);
}
.sidebar__contact-form-agreement-text a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
transition: opacity var(--transition);
}
.sidebar__contact-form-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.service__page-related-services-tags-btn {
display: none;
}@media (max-width: 1680px) {
.sidebar__form-inner {
margin-top: 8px;
}
}
@media (max-width: 1366px) {
.hero__content-wrap > .hero__section-item {
margin-top: 36px;
}
.hero__schedule-card {
margin-right: -26px;
}
.hero__schedule-header {
border-bottom: none;
}
.hero__shell-bg {
width: calc(100% + 96px);
margin-left: -48px;
}
.article__page-author-date-wrap {
flex-direction: column;
gap: 8px;
}
.cat__top-wrap {
gap: 36px;
}
.mrg__btm-100.cat__container {
margin-bottom: 36px;
}
.way__block-line-wrap {
top: 25px;
}
.results__text-wrap ul li::before {
width: 24px;
height: 24px;
}
.results__text-wrap ul li {
padding-left: 48px;
}
.look__res-grid-item-title {
padding-top: 0;
}
.look__res-grid-item:not(:first-child) .look__res-grid-item-text {
padding-right: 0;
}
.strategy__form-inner {
grid-template-columns: 1fr 1fr;
}
.key__person-slide-img {
bottom: -80px;
right: -30px;
transform: scale(1.15);
}
.subscribe__med-tg-txt {
margin-left: 0;
}
.subscribe__inner {
margin-bottom: 89px;
}
.case__page-process-grid {
display: flex;
flex-direction: column;
gap: 10px;
}
.case__page-process-grid-item.img {
height: 340px;
}
.case__page-process-grid-item.img > img {
object-position: center 10%;
}
.case__page-process-grid-item.img.img-first > img {
object-position: initial;
}
.case__page-process-grid-item.img-first {
order: 1;
}
.case__page-process-grid-item.green {
order: 2;
margin-bottom: 14px;
}
.case__page-process-grid-item.img-second {
order: 3;
}
.case__page-process-grid-item.blue {
order: 4;
}
.case__page-process-grid-item-title > br {
display: contents;
}
.service__hero-content-wrap {
display: contents;
}
.service__hero-wrap {
row-gap: 60px;
}
.service__hero-content-inner {
margin-top: 12px;
order: 1;
}
.service__hero-text-inner {
line-height: 136%;
}
.service__hero-list-item-title {
min-height: auto;
line-height: 126%;
}
.service__form-wrap {
padding-top: 0;
order: 2;
}
.service__form-top-title > br {
display: contents;
}
.service__form-note-wrap {
margin-bottom: 20px;
}
.service__hero-content-bot {
order: 3;
grid-column: 1 / 3;
}
.service__hero-btn {
margin-bottom: 0;
}
.service__advantage-slider-card-desc {
letter-spacing: -0.034px;
line-height: 136%;
}
.service__case-head-badge {
left: 26px;
}
.service__case-item.active .service__case-head-badge {
left: 30px;
}
.service__cases-form-info-title {
line-height: 136%;
}
.service__page-content h2 {
line-height: 145%;
}
.about__us-talk-top-item {
padding: 16px 30px 20px 30px;
}
.about__us-talk-top-item-head-wrap::before {
width: 25px;
height: 35px;
}
.about__us-talk-top-item::after {
display: none;
}
.about__us-talk-top-item-body {
line-height: 137%;
}
.service__page-about-us-talk .about__us-talk-item-info {
padding-top: 0;
}
.service__page-about-us-talk .about__us-talk-item {
grid-template-columns: 58fr 51fr;
gap: 84px;
}
.service__page-about-us-talk .about__us-talk-item-info-thx {
width: 100%;
}
.service__page-about-us-talk .about__us-talk-item-info-top {
margin-bottom: 32px;
}
.service__page-about-us-talk .about__us-talk-item-info-quote {
line-height: 147%;
}
.service__page-about-us-talk .about__us-talk-item-info-thx {
justify-content: space-between;
}
.service__page-about-us-talk .about__us-talk-item-info {
padding-bottom: 76px;
}
.service__page-about-us-talk .about__us-talk-title::after {
top: 5px;
right: 11px;
width: 32px;
height: 35px;
}
.service__page-control-list-title-text {
line-height: 124%;
}
.service__page-faq-content-accord-item-top {
line-height: 98%;
}
.sidebar__contact-form-title {
line-height: 133%;
}
.sidebar__contact-form-subtitle {
line-height: 175%;
}
.sidebar__contact-form-legend {
line-height: 119%;
}
.footer__form-serv-content-bot {
line-height: 128%;
}
.footer__form-serv-note-text {
line-height: 126%;
}
.footer__form-serv-inner::before {
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-circle-1280.svg);
left: -64px;
top: 222px;
display: block;
width: 80px;
height: 88px;
}
.footer__bot {
display: flex;
flex-direction: column-reverse;
gap: 30px;
}
.footer__bot-col-rate {
justify-content: start;
justify-items: start;
gap: 30px;
}
.footer__bot-rate-item-doc-content {
padding: 15px 43px 15px 16px;
}
.footer__bot-rate-item-doc-text > br {
display: contents;
}
}
@media (max-width: 1279px) {
.header__badge {
display: none;
} .header__btn-wa {
padding: 10px 16px;
height: 48px;
}
.header__top-menu {
gap: 16px;
}
.header__top-menu-link {
font-size: 14px;
}
.header__bot-menu {
justify-content: space-between;
}
.header__bot-menu-link {
font-size: 15px;
}
.header__bot-menu-link.sub {
gap: 1px;
}
.main__banner-info {
padding-left: 0;
}
.main__banner-info-title {
font-size: clamp(
25px,
calc(25px + (35 - 25) * (100vw - 992px) / (1199 - 992)),
35px
);
}
.main__banner-info-text {
font-size: clamp(
14px,
calc(14px + (16 - 14) * (100vw - 992px) / (1199 - 992)),
16px
);
}
.main__banner-img {
width: clamp(
504px,
calc(504px + (684 - 504) * (100vw - 992px) / (1199 - 992)),
684px
);
}
.main__banner-inner::after {
width: calc(100% + 96px);
left: -48px;
}
.main__banner-line {
height: 138px;
}
.awards__wrap {
flex-direction: column;
gap: 32px;
}
.awards__text-wrap {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: flex-end;
gap: 36px;
}
.awards__text-wrap::before {
position: relative;
right: 0;
bottom: 0;
min-width: 112px;
height: 112px;
}
.awards__text-inner {
max-width: 595px;
}
.awards__grid {
grid-template-columns: repeat(3, 1fr);
max-width: 100%;
}
.awards__grid-item.big {
padding-top: 24px;
grid-row: 2 / 4;
grid-column: 1 / 3;
}
.awards__grid-item-link {
grid-row: 2 / 4;
}
.conf__slider-wrap {
grid-template-columns: 250px 1fr;
gap: 36px;
}
.conf__slider-item {
font-size: 14px;
line-height: 142%;
}
.way__block-grid {
display: flex;
flex-direction: column;
gap: 16px;
}
.know__medical-biz-work-grid::before {
top: -80px;
}
.look__res-wrap {
flex-direction: column;
}
.look__res-title {
max-width: 100%;
margin-bottom: 0;
}
.look__res-grid {
grid-template-columns: repeat(3, 1fr);
}
.strategy__form-wrap {
display: contents;
}
.strategy__form-title-wrap {
grid-column: 1 / 3;
}
.strategy__form-inner {
height: fit-content;
grid-template-columns: 1fr;
}
.strategy__form-note {
grid-column: initial;
}
.strategy__req-img {
height: 358px;
margin-left: auto;
}
.area__work-grid {
grid-template-columns: 1fr 1fr;
}
.team__come-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
}
.team__come-text-col,
.team__come-img-wrap,
.team__come-grid {
max-width: 100%;
}
.team__come-grid {
grid-column: 1 / 3;
grid-template-columns: repeat(4, 1fr);
}
.partners__grid {
grid-template-columns: repeat(3, 1fr);
}
.promos__action-wrap {
min-width: 331px;
padding: 48px 32px;
gap: 16px;
}
.promos__action-top::after {
width: 56px;
height: 56px;
position: relative;
top: 0;
right: 0;
}
.promos__action-top {
font-size: 21px;
}
.promos__action-mid-img {
min-width: 60px;
}
.promos__action-btn {
margin: 8px 0;
}
.promos__action-bot {
padding-left: 70px;
}
.promos__action-bot-tel {
font-size: 18px;
}
.subscribe__block {
flex-direction: column;
gap: 24px;
margin-top: 0;
margin-bottom: 0;
}
.subscribe__block-text-wrap {
margin-bottom: 0;
}
.subscribe__inner {
margin: 0 0;
}
.subscribe__img {
top: 0;
right: 0;
transform: scaleX(-1);
}
.subscribe__block::before {
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/img/tg-phone-mob.webp);
transform: scale(1);
width: 263px;
height: 326px;
right: 0;
top: 28px;
}
.subscribe__block::after {
display: none;
}
.market__grid {
grid-template-columns: repeat(2, 1fr);
}
.faq__block {
grid-template-columns: 1fr;
gap: 72px;
}
.faq__block-form-col {
padding-top: 0;
}
.faq__form-wrap {
padding: 36px 36px;
}
.faq__form-inner-top {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}
.faq__form-subtitle {
font-size: 14px;
line-height: 142%;
max-width: 450px;
}
.faq__form-inner-top {
margin-bottom: 32px;
}
.faq__form-btns-wrap {
height: -webkit-fill-available;
align-items: center;
}
.faq__form-inner-bot {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 24px;
column-gap: 16px;
}
.faq__form-note {
grid-column: 1 / 3;
align-items: center;
}
.promo__vid-title-wrap {
flex-direction: column;
}
.promo__vid-title {
max-width: 100%;
}
.work__us-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 80px;
row-gap: 40px;
}
.work__us-item.full {
padding: 36px 16px;
min-height: fit-content;
grid-column: 1 / 3;
}
.work__us-item.full > br {
display: contents;
}
.why__promo-list {
grid-template-columns: 1fr;
}
.why__promo-item {
display: grid;
grid-template-columns: 176px 1fr;
min-height: 184px;
}
.why__promo-item-img-wrap {
min-height: auto;
min-width: auto;
max-height: auto;
}
.why__promo-item-img {
width: 80px;
}
.why__promo-item-text-wrap {
padding: 36px 32px;
gap: 16px;
}
.why__promo-item-title {
font-size: 16px;
line-height: 142%;
}
.why__promo-item-text {
font-size: 14px;
justify-content: center;
}
.price__grid {
grid-template-columns: 1fr 1fr;
row-gap: 48px;
column-gap: 24px;
}
.seo__adv-block-bot {
margin-top: -56px;
}
.seo__adv-bot-list {
padding: 36px 24px;
}
.seo__adv-list-item {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
}
.approve__data-block-img {
width: 672px;
}
.approve__line-wrap {
right: 50px;
top: 69px;
}
.approve__data-block-content {
max-width: 505px;
}
.service__hero-list {
grid-template-columns: repeat(2, 1fr);
}
.service__hero-list-item {
min-height: 84px;
}
.service__hero-list-item:not(:last-child) {
border-right: none;
}
.service__hero-list-item:nth-child(n + 3) {
border-top: 2px solid #1121c5;
}
.service__hero-list-item:nth-child(odd) {
border-right: 2px solid #1121c5;
}
}
@media(max-width: 1199px) {
.hero__content-wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.hero__column {
display: contents;
}
.hero__section-item {
max-width: 100%;
}
.hero__section-item:has(.hero__copy-wrap) {
order: 1;
display: flex;
text-align: center;
}
.hero__section-item:has(.hero__growth-card) {
order: 3;
}
.hero__section-item:has(.hero__schedule-wrap) {
order: 2;
}
.hero__content-wrap > .hero__section-item {
margin-top: 0;
}
.hero__schedule-card {
max-width: 100%;
margin-right: 0;
margin-left: 0;
}
.hero__schedule-wrap {
padding-bottom: 23px;
}
.hero__growth-panel {
max-width: 100%;
}
.service__page-content-has-aside-wrap {
display: flex;
flex-direction: column;
gap: 80px;
}
.sidebar-contact-form-preview {
max-width: 672px;
margin: 0 auto;
}
.footer__top-phone-btns {
gap: 30px;
}
.footer__top-phone {
font-size: 24px;
}
.footer__form-serv-wrap {
padding: 30px 48px 48px 48px;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 20px;
}
.footer__form-serv-wrap {
margin-left: calc(var(--content-padding) * -1);
margin-right: calc(var(--content-padding) * -1);
}
.footer__form-serv-content-mid-title {
max-width: 700px;
}
.footer__form-serv-content-wrap {
padding: 0 0;
}
.footer__form-serv-inner {
border: none;
border-radius: 40px;
}
.footer__form-serv-inner::before {
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/arr-circle-768.svg);
height: 63px;
width: 60px;
top: -72px;
left: auto;
right: -64px;
}
.article__page-content-wrap {
grid-template-columns: 1fr;
}
}
@media(max-width: 1079px) {
.approve__line-wrap {
right: -29px;
top: 46px;
}
.approve__data-block-img {
width: 600px;
}
}
@media (max-width: 1040px) {
.header__bot-menu {
gap: 7px;
}
}
@media (max-width: 992px) {
:root {
--title-mrg-btm: 24px;
}
body {
font-size: 16px;
line-height: 150%;
}
.container__big {
--container-max-width: 100%;
--content-padding: 48px;
}
.title {
font-size: 25px;
}
.mrg__btm-100 {
margin-bottom: 72px;
}
.mrg__80 {
margin: 48px 0;
}
.mrg__btm-100-60 {
margin-bottom: 60px;
}
.mrg__100-60 {
margin: 60px 0;
}
.mrg__btm-36 {
margin-bottom: 24px;
}
.mrg__btm-80 {
margin-bottom: 60px;
}
.btn {
font-size: 14px;
line-height: 142%;
}
.btn.btn__arr {
align-items: center;
}
.btn.btn__arr::after {
width: 20px;
height: 20px;
}
.breadcrumbs {
--content-padding: 1px;
margin: 24px 0;
}
.breadcrumbs__inner {
width: 100%;
margin-left: 0;
}
.page__title {
margin-bottom: 48px;
}
.header__wrap {
flex-wrap: wrap;
}
.logo__header-wrap {
height: 73px;
}
.logo__header {
width: 78px;
}
.header__top-menu {
display: none;
}
.header__top-menu-wrap {
margin-top: 16px;
order: 1;
flex: 0 1 100%;
margin-left: 0;
}
.header__badge {
padding: 6px 10px;
display: flex;
flex-direction: column;
gap: 6px;
margin: 0 0 0 auto;
height: 73px;
width: 120px;
}
.header__badge::before {
width: 37px;
height: 21px;
}
.header__badge-title {
font-size: 16px;
}
.header__badge-subtitle {
font-size: 12px;
}
.header__btns-wrap {
position: relative;
margin-right: 0;
margin-left: auto;
gap: 8px;
}
.header__btns-inner {
grid-template-columns: 44px 44px 186px;
gap: 4px;
}
.header__btn-tasks {
font-size: 12px;
font-weight: 500;
}
.header__btn {
height: 40px;
}
.header__btns-mobile {
margin-left: auto;
}
.header__burger {
display: flex;
}
.header__burger.active > span:first-child {
transform: translateY(8px) rotate(45deg);
width: 52px;
}
.header__burger.active > span:last-child {
transform: translateY(-10px) rotate(-45deg);
width: 52px;
}
.header__tel {
font-size: 17px;
line-height: 133%;
}
.header__bot-menu {
display: none;
overflow: auto;
} .header__bot-menu-link.sub {
gap: 5px;
}
.header__bot-menu-link.sub .header__bot-menu-drop::after {
width: 25px;
height: 25px;
background-color: var(--white-color);
}
.header__bot-menu-link {
font-size: 16px;
line-height: 150%;
font-weight: 600;
}
.header__top-info {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.header__top-info-block-num {
font-size: 21px;
line-height: 128%;
}
.header__top-info-block-text {
padding: 7px 8px;
font-size: 12px;
line-height: 120%;
width: 100%;
}
.header__top-info-block-text > br {
display: contents;
}
.head__mob-open .header__top-menu-wrap {
display: flex;
flex-direction: column-reverse;
gap: 32px;
}
.head__mob-open .header__top-menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 36px;
margin-bottom: 0;
}
.head__mob-open .header__top-menu-link {
color: var(--black-color);
}
.head__mob-open .header__bot-menu {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 16px;
height: 100%;
padding: 56px 36px 0 36px;
margin: 0 0;
background-color: var(--blue-color);
border-radius: 48px 48px 0 0;
}
.head__mob-open .header__bot-menu-wrapper {
padding: 56px 48px 0 48px;
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: calc(100vh - 100%);
display: block;
background-color: var(--white-color);
}
.header__bot-menu-item {
text-align: center;
}
.header__bot-menu-link.sub {
justify-content: center;
}
.header__bot-menu-item.dropdown:has(.header__bot-menu-item-sublist.is-open)
.header__bot-menu-drop {
transform: rotate(180deg);
}
.head__mob-open .header__bot-menu-link {
color: var(--white-color);
}
.header__bot-menu-item-sublist {
margin-top: 16px;
padding: 0;
border-radius: 0 0;
color: var(--white-color);
position: relative;
background-color: transparent;
box-shadow: none;
display: flex;
align-items: center;
}
.header__bot-menu-item-sublist.is-open {
flex-direction: column;
gap: 16px;
}
.hero__shell-wrap {
padding-top: 30px;
padding-bottom: 73px;
}
.hero__title {
font-size: 24px;
line-height: 128%;
max-width: 620px;
margin: 0 auto;
}
.hero__title > span {
display: block;
margin-top: 5px;
}
.hero__title-note {
font-size: 19px;
line-height: 138%;
margin-left: 0;
}
.hero__description {
font-size: 16px;
}
.hero__description > br {
display: contents;
}
.hero__shell-wrap .hero__schedule-wrap {
max-width: 625px;
margin: 0 auto;
}
.hero__schedule-cell {
min-height: 41.8px;
}
.hero__schedule-grid {
gap: 1.4px;
}
.hero__growth-row {
grid-template-columns: 96px 1fr;
gap: 16px;
}
.hero__growth-title {
font-size: 18px;
line-height: 139%;
}
.hero__growth-description {
font-size: 16px;
}
.hero__growth-caption {
font-size: 14px;
}
.hero__ticker-item {
font-size: 15px;
}
.hero__shell-bg::after {
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/img/hero-bg-mob.png);
}
.main__banner-inner {
min-height: 436px;
}
.main__banner-img {
width: 504px;
height: 336px;
}
.main__banner-info {
padding-top: 64px;
padding-bottom: 48px;
}
.main__banner-info-title {
font-size: 25px;
line-height: 128%;
max-width: 212px;
margin-bottom: 16px;
}
.main__banner-info-text {
max-width: 286px;
}
.main__banner-info-btn {
margin-top: 32px;
font-size: 14px;
line-height: 142%;
border-radius: 16px;
}
.main__banner-line svg#mainBannerLineDesk {
display: none;
}
.main__banner-line {
left: auto;
right: -48px;
height: 231px;
overflow: hidden;
}
.main__banner-line svg#mainBannerLineMob {
display: block;
position: relative;
top: 30px;
width: 100%;
height: 200px;
left: 16px;
}
.main__banner-line text {
font-size: 10px;
}
.main__banner-inner::after {
border-radius: 48px;
}
.main__banner-bot {
gap: 40px;
}
.main__banner-bot-link {
min-width: 460px;
margin-top: 0;
padding: 16px 36px;
border-radius: 0 0 48px 48px;
}
.main__banner-bot-link::after {
width: 48px;
height: 48px;
}
.awards__text-title {
margin-bottom: 16px;
}
.awards__text-descr {
font-size: 18px;
font-weight: 300;
}
.awards__grid {
column-gap: 12px;
row-gap: 24px;
}
.awards__grid-item {
padding: 16px 24px;
gap: 8px;
}
.awards__grid-item-title {
font-size: 21px;
}
.awards__grid-item-title strong {
font-size: inherit;
line-height: inherit;
}
.awards__grid-item-descr {
font-size: 14px;
}
.awards__grid-item.big {
padding: 24px 24px;
}
.awards__grid-item-link {
font-size: 14px;
gap: 16px;
}
.awards__grid-item-link::after {
width: 16px;
height: 16px;
}
.conf__text-inner b {
font-size: 25px;
}
.conf__text-item p {
margin-bottom: 8px;
}
.conf__slider-wrap {
display: flex;
flex-direction: column;
gap: 36px;
}
.conf__slider-inner {
padding: 0 0;
height: auto;
width: 100%;
}
.conf__slider-button-next,
.conf__slider-button-prev {
display: none;
}
.conf__slider {
overflow: visible;
}
.conf__slider-item {
padding: 18px 24px;
display: block;
width: fit-content;
border-radius: 16px;
}
.conf__slider .swiper-slide {
width: fit-content;
}
.conf__slider-photo {
height: 267px;
}
.way__wrap {
gap: 36px;
grid-template-columns: 1fr 245px;
}
.way__block {
padding: 64px 48px;
margin-left: -48px;
border-radius: 48px;
}
.way__block-title {
margin-bottom: 32px;
font-size: 25px;
}
.way__block-grid-item {
padding-left: 40px;
padding-top: 24px;
font-size: 14px;
line-height: 142%;
max-width: 285px;
}
.way__block-grid-item::before {
font-size: 35px;
}
.way__text-wrap {
margin-top: 36px;
}
.way__text-title {
margin-bottom: 36px;
}
.way__text-inner p {
margin-bottom: 24px;
}
.way__block-line-wrap {
width: 494px;
height: 494px;
top: auto;
bottom: -190px;
right: -375px;
transform: rotateZ(45deg);
}
.title__results-text {
margin-bottom: 36px;
max-width: 600px;
}
.results__text-wrap ul,
.results__text-wrap ol {
gap: 24px;
}
.results__block {
gap: 72px;
}
.accord__result-item-mark {
padding: 8px 12px;
}
.accord__result-item {
padding: 16px 24px;
min-height: fit-content;
}
.accord__result-item.open {
padding: 24px 24px;
}
.accord__result-item.open .accord__result-body {
margin-top: 36px;
display: flex;
flex-direction: column;
align-items: start;
}
.accord__result-item.open .accord__result-head {
display: flex;
}
.accord__result-item.open .accord__result-head::after {
transform: rotate(45deg);
}
.accord__result-item.open .accord__result-body-head {
display: none;
}
.accord__result-body-text-wrap {
padding: 0 0;
}
.accord__result-body-text-title {
font-size: 16px;
}
.accord__result-body-box {
padding: 36px 24px;
margin-left: -25px;
margin-right: -25px;
margin-bottom: -25px;
width: calc(100% + 50px);
}
.accord__result-close {
display: none;
}
.accord__result-body-box-text-wrap {
gap: 24px;
}
.accord__result-item.open .accord__result-body-box {
gap: 36px;
}
.accord__result-body-box-link::after {
width: 18px;
height: 18px;
}
.accord__result-body-box-link {
width: fit-content;
padding: 18px 36px;
}
.cases__access-wrap {
display: flex;
flex-direction: column;
gap: 48px;
}
.cases__access-text-wrap {
gap: 32px;
}
.cases__access-text ul,
.cases__access-text ol {
gap: 32px;
}
.cases__access-form-wrap {
padding: 36px 36px;
}
.cases__access-form-title-wrap {
gap: 12px;
}
.cases__access-form-subtitle {
font-size: 14px;
max-width: 100%;
}
.cases__access-form-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.cases__access-form-input {
padding: 14px 16px;
font-size: 18px;
}
.cases__access-form-submit {
font-size: 14px;
line-height: 142%;
}
.cases__access-form-note {
align-items: center;
}
.cases__line-wrap {
width: 252px;
height: 175px;
left: auto;
bottom: auto;
top: -64px;
right: -55px;
}
.know__medical-biz-title {
margin-bottom: 16px;
max-width: 500px;
}
.know__medical-biz-info-wrap {
flex-direction: column;
gap: 32px;
}
.know__medical-biz-quote {
font-size: 18px;
font-weight: 600;
max-width: 100%;
}
.know__medical-biz-grid {
max-width: 100%;
gap: 36px;
justify-content: space-between;
grid-template-columns: 26fr 27fr;
column-gap: 132px;
margin-bottom: 32px;
}
.know__medical-biz-work-top::before {
display: none;
}
.know__medical-biz-work {
padding-top: 64px;
padding-bottom: 44px;
position: relative;
display: grid;
grid-template-columns: 1fr 289px;
grid-template-areas:
"first second"
"third fourth";
gap: 36px;
}
.know__medical-biz-work::after {
content: "";
position: absolute;
top: 0;
left: -48px;
width: 100%;
height: 100%;
background-color: var(--blue-color);
border-radius: 48px;
}
.know__medical-biz-work-top {
display: contents;
}
.know__medical-biz-work-text {
gap: 24px;
max-width: 347px;
grid-area: first;
z-index: 2;
padding-left: 0;
}
.know__medical-biz-work-grid {
display: contents;
}
.know__medical-biz-work-item {
padding: 36px 24px;
gap: 16px;
z-index: 1;
margin-left: auto;
}
.know__medical-biz-work-item.first {
grid-area: second;
}
.know__medical-biz-work-item.second {
grid-area: fourth;
}
.know__medical-biz-work-bot {
grid-area: third;
background-color: var(--green-color);
padding-top: 48px;
padding-left: 24px;
padding-right: 24px;
z-index: 1;
border-radius: 48px 48px 0 0;
max-width: 318px;
}
.know__medical-biz-work-bot::before {
width: 100%;
height: calc(100% - 48px);
bottom: -44px;
top: auto;
left: 0;
border-radius: 0;
}
.know__medical-biz-work-bot-text {
font-size: 21px;
}
.know__medical-biz-work-bot-text br {
display: contents;
}
.know__medical-biz-work-grid::before {
right: 348px;
left: auto;
top: 0;
z-index: 1;
}
.look__res-wrap {
gap: 48px;
margin-bottom: 156px;
}
.look__res-grid {
gap: 24px;
}
.look__res-grid-item {
padding: 24px 24px;
min-height: 212px;
gap: 48px;
}
.strategy__req-wrap {
column-gap: 24px;
row-gap: 0;
grid-template-columns: 292px 1fr;
align-items: start;
}
.strategy__req-wrap.mrg__btm {
margin-bottom: -20px;
}
.strategy__form-subtitle {
max-width: 506px;
}
.strategy__form-inner {
margin-top: 36px;
}
.strategy__form-input {
padding: 17px 16px;
}
.strategy__form-item-submit {
font-size: 14px;
line-height: 142%;
}
.strategy__form-item-submit {
min-height: 54px;
}
.strategy__req-img {
width: 404px;
}
.key__persons-container {
background-color: var(--black-color);
border-radius: 48px;
overflow: hidden;
}
.key__persons-block {
padding: 64px 0 48px 0;
border-radius: 0;
gap: 36px;
overflow: visible;
}
.key__persons-block-top {
margin-top: 0;
gap: 36px;
}
.key__persons-block-top-grid {
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.key__persons-block-top-grid-item:nth-child(1n + 1) {
grid-column: 1 / 3;
}
.key__persons-block-top-grid-item:nth-child(1n + 2) {
grid-column: 3 / 5;
}
.key__persons-block-top-grid-item:nth-child(1n + 3) {
grid-column: 1 / 5;
}
.key__persons-block-top-grid-item {
padding: 24px 24px;
font-size: 14px;
line-height: 142%;
}
.key__person-slide-wrap {
grid-template-columns: 399px 1fr;
}
.key__person-slide-name {
font-size: 21px;
margin-bottom: 8px;
}
.key__person-slide-subtitle {
font-size: 12px;
line-height: 142%;
}
.key__person-slide-mid {
padding: 24px 24px 36px 24px;
}
.key__person-slide-mid {
font-size: 14px;
line-height: 142%;
margin-bottom: 12px;
}
.key__persons-slider-paginate-wrap {
bottom: 48px;
left: 0;
}
.key__persons-block-slider {
margin-bottom: 60px;
}
.key__person-slide-img-wrap {
min-height: 400px;
}
.key__person-slide-img {
width: 542px;
height: 516px;
left: -100px;
max-width: 585px;
transform: scale(1);
bottom: -110px;
right: initial;
}
.area__work-title {
margin-bottom: 32px;
}
.area__work-grid {
gap: 16px;
}
.area__work-card {
padding: 36px 24px;
border-radius: 36px;
}
.area__work-card-top {
gap: 24px;
}
.area__work-card-cols {
gap: 14px;
}
.area__work-card-bot {
gap: 16px;
}
.exp__share-items-wrap {
gap: 38px;
}
.exp__share-wrap-col {
gap: 36px;
}
.exp__share-title {
margin-bottom: 24px;
}
.exp__share-subtitle {
font-size: 18px;
font-weight: 300;
}
.exp__share-btns-wrap {
margin-bottom: 12px;
flex-wrap: nowrap;
width: calc(100% + 96px);
overflow: auto;
padding-left: 48px;
margin-left: -48px;
}
.exp__share-wrap-col {
max-width: 100%;
}
.exp__share-col-phone {
display: none;
}
.exp__share-grid {
gap: 24px;
}
.exp__share-grid-item-img {
height: 298px;
margin-bottom: 16px;
}
.team__come-text-col-top {
margin-bottom: 32px;
}
.team__come-title {
margin-bottom: 24px;
}
.team__come-subtitle {
font-size: 14px;
line-height: 142%;
}
.team__come-wrap {
grid-template-columns: 258fr 332fr;
column-gap: 82px;
row-gap: 24px;
}
.team__come-img-wrap {
height: 296px;
}
.team__come-img {
width: 100%;
height: 100%;
}
.team__come-grid-item {
gap: 16px;
}
.team__come-grid-item-title {
font-size: 35px;
line-height: 137%;
}
.team__come-grid-item-text {
font-size: 14px;
}
.partners__block {
margin: 0 -48px;
border-radius: 48px;
gap: 64px;
}
.partners__top {
padding: 64px 48px 0 48px;
gap: 48px;
}
.partners__top-title-img {
right: -30px;
top: 30px;
}
.partners__bot {
padding: 36px 48px;
}
.partners__bot-title {
margin-bottom: 16px;
}
.partners__bot-subtitle {
font-size: 14px;
line-height: 142%;
}
.about__us-talk-title {
margin-bottom: 48px;
}
.about__us-talk-item {
gap: 24px;
grid-template-columns: 366fr 282fr;
}
.about__us-talk-item-play {
width: 205px;
}
.about__us-talk-item-img-wrap {
height: 266px;
max-width: 100%;
grid-row: 1 / 4;
}
.about__us-talk-item-info {
padding-bottom: 0;
display: contents;
}
.about__us-talk-item-info-title {
font-size: 18px;
line-height: 155%;
}
.about__us-talk-item-info-subtitle {
font-size: 14px;
line-height: 142%;
}
.about__us-talk-item-info-top {
height: fit-content;
margin-bottom: 0;
gap: 8px;
}
.about__us-talk-item-info-thx {
padding: 14px 14px;
justify-content: center;
font-size: 14px;
line-height: 142%;
width: 100%;
}
.about__us-talk-item-info-thx::after {
display: none;
}
.about__us-talk-item-info-quote {
padding: 24px 24px;
grid-column: 1 / 3;
order: 1;
max-width: 100%;
margin-bottom: 0;
font-size: 16px;
line-height: 150%;
}
.about__us-talk-item-info-quote br {
display: contents;
}
.about__us-talk-slider .about__us-talk-slider-paginate {
position: relative;
margin: 24px auto 0 auto;
}
.spec__us-block {
gap: 32px;
}
.spec__us-title-wrap {
gap: 16px;
}
.spec__us-subtitle {
font-size: 14px;
line-height: 142%;
}
.spec__us-bubbles {
gap: 16px;
}
.spec__us-bubble-item {
font-size: 14px;
line-height: 142%;
padding: 2px 16px;
}
.promos__text-inner {
gap: 24px;
}
.promos__text-opener {
margin-top: 32px;
margin-left: 16px;
gap: 16px;
font-size: 14px;
line-height: 142%;
}
.promos__text-opener::after {
width: 24px;
height: 24px;
}
.subscribe__block {
padding: 48px 48px;
margin: 0 -48px;
border-radius: 48px;
}
.subscribe__block-title {
margin-bottom: 16px;
}
.subscribe__block-subtitle {
max-width: 450px;
}
.subscribe__inner-tg {
padding: 6px 16px;
}
.subscribe__med-tg-txt {
font-size: 72px;
}
.subscribe__med-tg-wrap {
height: 89px;
bottom: -24px;
}
.market__container {
border-radius: 48px;
}
.market__block-inner {
padding: 64px 0;
}
.market__title {
margin-bottom: 24px;
}
.market__subtitle {
line-height: 142%;
}
.market__head-wrap {
margin-bottom: 48px;
}
.market__grid {
column-gap: 24px;
row-gap: 36px;
}
.market__item-top {
height: 170px;
}
.market__item-mid {
margin-bottom: 8px;
}
.market__item-desc {
line-height: 142%;
-webkit-line-clamp: 3;
line-clamp: 3;
}
.market__item-stat {
padding-left: 0;
}
.market__item-stat::before {
position: relative;
top: 0;
transform: none;
margin: 0 auto;
}
.faq__block-title {
margin-bottom: 36px;
}
.faq__accord-item-bot,
.faq__accord-item-top {
padding-left: 77px;
padding-right: 68px;
}
.faq__accord-item-top::before {
font-size: 35px;
line-height: 137%;
}
.faq__accord-item-top::after {
width: 36px;
height: 36px;
}
.faq__form-opt-wrap {
height: 48px;
}
.faq__form-opt-call {
padding: 11px 40px;
}
.promo__vid-btn {
padding: 16px 16px;
flex-direction: row;
gap: 16px;
justify-content: center;
align-items: center;
font-size: 14px;
line-height: 142%;
}
.promo__vid-btn > svg {
height: 18px;
width: fit-content;
}
.promo__vid-btn.rutub > svg {
margin-top: -5px;
}
.promo__vid-block {
gap: 36px;
}
.promo__video-item {
gap: 16px;
}
.promo__video-img-wrap {
height: 247px;
}
.promo__video-img-wrap::before {
width: 56px;
height: 56px;
}
.promo__videos-arr {
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 12px;
}
.partners__slider {
padding: 0 0;
}
.partners__arrows {
display: none;
}
.partners__slider .swiper-slide {
opacity: 1;
}
.partner__item {
padding: 24px 24px;
height: 80px;
}
.partner__img {
width: 132px;
height: 100%;
object-fit: contain;
}
.footer__form-wrap {
padding: 36px 36px;
margin: 0 -48px -130px -48px;
display: flex;
flex-direction: column;
gap: 24px;
border-radius: 36px;
}
.footer__form-line-wrap {
right: -195px;
transform: rotate(-15deg);
top: -72px;
}
.footer__form-line-wrap svg text {
font-weight: 300;
}
.footer__form-title {
position: relative;
max-width: 395px;
z-index: 1;
}
.footer__form-subtitle {
max-width: 100%;
}
.footer__form-input {
padding: 14px 16px;
font-size: 16px;
line-height: 150%;
}
.footer__form-submit {
padding: 14px 18px;
font-size: 14px;
line-height: 142%;
}
.footer__main {
padding-bottom: 24px;
}
.footer__top {
margin-bottom: 40px;
flex-direction: column;
gap: 30px;
}
.footer__top-phone-btns {
margin-right: 0;
gap: 32px;
}
.footer__top-phone-btn-wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
.footer__top-soc-item {
width: 76px;
height: 54px;
}
.footer__top-soc-item::before {
width: 24px;
height: 24px;
}
.footer__top-soc-item.tg::before {
height: 21px;
}
.footer__top-action {
padding: 16px 26px;
font-size: 14px;
line-height: 142%;
border-radius: 16px;
}
.footer__mid {
flex-wrap: wrap;
flex-direction: column;
gap: 30px;
margin-bottom: 50px;
}
.footer__mid-first-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.footer__mid-first-top {
font-size: 15px;
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 0;
}
.footer__mid-first-top {
font-size: 15px;
}
.footer__mid-menu-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.footer__mid-menu-col {
flex: 1;
gap: 8px;
}
.footer__bot {
display: flex;
flex-direction: column-reverse;
gap: 30px;
}
.footer__bot-col-rate {
display: flex;
flex-direction: row;
gap: 30px;
justify-content: start;
justify-items: start;
}
.footer__bot-rate-item {
flex: 0 1 auto;
width: fit-content;
}
.footer__bot-rate-item-doc-content {
padding: 11.5px 17px 11.5px 12px;
}
.footer__bot-rate-item-doc-rate {
gap: 6px;
}
.footer__bot-rate-item-doc-text {
font-size: 14px;
line-height: 118%;
}
.footer__bot-rate-img {
height: 74px;
object-fit: contain;
}
.cookie__banner {
padding: 24px 24px;
bottom: 24px;
right: 24px;
margin-left: 24px;
}
.cookie__title {
font-size: 16px;
line-height: 150%;
}
.project__form-modal.fancybox__content {
margin: 0 36px;
}
.project__form-wrap {
max-width: 696px;
padding: 36px 36px;
}
.project__form-modal > .f-button.is-close-btn {
top: -12px !important;
right: 12px !important;
}
.project__form-inner-top {
display: flex;
flex-direction: row;
gap: 16px;
}
.project__form-opt-call {
font-size: 14px;
}
.project__form-inner-bot {
gap: 16px;
}
.project__form-input {
padding: 16px 16px;
font-size: 16px;
line-height: 150%;
}
.project__form-submit {
font-size: 14px;
line-height: 142%;
padding: 18px 16px;
height: 100%;
}
.project__form-wrap::before {
top: auto;
bottom: -29px;
right: -10px;
width: 148px;
height: 111px;
}
.project__form-note-text {
padding-right: 150px;
}
.thx__modal-img {
height: 320px;
}
.article__page-top {
gap: 16px;
margin-top: 32px;
}
.article__page-top-wrapper,
.article__page-top-wrapper.has-author {
grid-template-columns: 1fr;
gap: 12px;
}
.article__page-top-main {
padding: 24px 30px;
}
.article__page-top-main-inner {
gap: 20px;
}
.article__page-title {
font-size: 24px;
line-height: 133%;
}
.article__page-top-meta-wrap {
gap: 10px;
}
.article__page-top-meta-item {
padding-left: 22px;
}
.article__page-top-meta-item::before {
width: 16px;
height: 16px;
}
.article__page-top-meta-item.date::before {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/calendar-mob.svg);
}
.article__page-top-meta-item.time::before {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/clock-mob.svg);
}
.article__page-top-meta-wrap {
font-size: 16px;
line-height: 140%;
}
.article__page-share {
gap: 20px;
}
.article__page-share-text {
font-size: 16px;
}
.article__page-share-item::before,
.irecommendthis::before {
width: 34px;
height: 34px;
}
.article__page-share-item.tg::before {
width: 28px;
height: 28px;
}
.article__page-share-item,
.irecommendthis {
padding: 3px 18px;
width: 70px;
height: 40px;
}
.irecommendthis {
padding: 8px 9px;
}
.article__page-author-inner {
gap: 15px;
}
.article__page-author-name {
font-size: 16px;
}
.article__page-author-pos {
font-size: 15px;
}
.article__page-author-left {
padding-top: 0;
gap: 8px;
}
.article__page-author-info-descr ul {
padding-inline-start: 16px;
list-style-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/rhomb-list-mob.svg);
}
.article__page-author-date-wrap,
.article__page-author-bottom {
grid-column: 1 / 3;
}
.article__page-author-bottom {
margin-top: 0;
}
.article__page-author-articles-title {
font-size: 16px;
}
.article__page-content-wrap {
grid-template-columns: 1fr;
gap: 48px;
}
.article__page-content {
font-size: 16px;
line-height: 140%;
}
.article__content-start ol li::before {
font-size: 14px;
}
.article__content-start ol li {
padding-left: 0;
}
.article__page-content h2 {
font-size: 21px;
line-height: 138%;
margin-top: 48px;
margin-bottom: 32px;
}
.article__content-start h2 {
margin-top: 0;
}
.article__page-content h3 {
font-size: 19px;
line-height: 138%;
margin-top: 32px;
margin-bottom: 20px;
}
.article__page-content .wp-block-table > figcaption {
font-size: 16px;
}
.article__page-content table strong,
.article__page-content table b {
font-size: 14px;
}
.article__page-content table thead th,
.article__page-content table tbody td {
padding: 10px 15px;
}
.article__page-content blockquote {
padding: 16px 22px;
}
.article__page-content-sidebar {
flex-direction: column-reverse;
gap: 24px;
}
.article__page-content-sidebar-inner {
position: relative;
top: 0;
}
.article__page-cases-wrap {
padding: 24px 24px;
gap: 14px;
}
.article__page-cases-title {
font-size: 17px;
}
.article__page-cases-list {
gap: 14px;
}
.article__page-case-item {
padding-right: 28px;
}
.sidebar__form-inner-top {
display: flex;
flex-direction: column;
gap: 10px;
}
.article__page-form-wrap {
padding: 24px 24px;
}
.article__page-form-title {
font-size: 17px;
}
.article__page-form-subtitle {
font-size: 16px;
}
.article__page-form-open {
font-size: 16px;
}
label.sidebar__form-opt-call {
padding: 12px 40px;
font-size: 14px;
line-height: 142%;
border-radius: 16px;
}
.sidebar__form-opt.tg::before,
.sidebar__form-opt.wa::before {
width: 21px;
height: 24px;
}
.sidebar__form-btns-wrap .sidebar__form-opt-wrap {
height: auto;
min-height: 46px;
}
.sidebar__form-input {
padding: 13px 14px;
font-size: 16px;
border-radius: 16px;
}
.sidebar__form-inner-bot {
display: grid;
grid-template-columns: 1fr;
column-gap: 8px;
row-gap: 10px;
}
.sidebar__form-submit {
border-radius: 16px;
font-size: 14px;
}
.sidebar__form-note {
grid-column: initial;
}
.tags__slider {
display: none;
}
.cat__content-inner {
grid-template-columns: 1fr 1fr;
row-gap: 36px;
column-gap: 24px;
}
.cat__events-wrap {
gap: 48px;
}
.cat__events-list {
grid-template-columns: 1fr 1fr;
row-gap: 36px;
column-gap: 24px;
}
.cat__event-card-img-wrap {
height: 298px;
}
.cat__events-card {
gap: 16px;
}
.mrg__btm-100.cat__container {
margin-bottom: 32px;
}
.cases__page-top {
gap: 16px;
grid-template-columns: 1fr 1fr;
}
.cases__page-desc {
font-size: 14px;
line-height: 142%;
}
.cases__page-img {
height: auto;
}
.cases__page-info-blocks {
gap: 20px;
}
.cases__info-block {
padding: 24px 28px;
gap: 20px;
}
.cases__info-block-title,
.cases__info-title-inner,
.cases__info-block-text span {
font-size: 21px;
line-height: 133%;
}
.cases__info-block-text {
font-size: 14px;
}
.cases__info-block-text p {
margin: 16px 0;
}
.cases__info-title-inner {
margin-top: 140px;
}
.title__factors {
margin-bottom: 48px;
}
.factors__blocks {
grid-template-columns: 1fr;
gap: 40px;
}
.case__page-results {
gap: 48px;
}
.fault__page-title {
font-size: 220px;
}
.fault__page-ico {
margin-top: 24px;
}
.fault__page-main-text {
font-size: 25px;
}
.fault__page-sub-text {
font-size: 16px;
}
.fault__page-btn {
padding: 16px 22px;
font-size: 16px;
margin-top: 0;
}
.btn.fault__page-btn::after {
width: 16px;
height: 16px;
}
.page__title {
margin-bottom: 48px;
}
.contacts__page-content-item {
grid-template-columns: 1fr;
gap: 48px;
}
.contacts__aside {
padding: 36px 36px;
display: grid;
grid-template-columns: 1fr 172px;
gap: 24px;
row-gap: 32px;
}
.aside__contacts-tel {
font-size: 25px;
line-height: 128%;
}
.aside__contacts-tel-socials {
display: contents;
}
.aside__tel-socials-inner {
gap: 24px;
justify-content: end;
}
.aside__tel-socials-item {
padding: 8px 22px;
border-radius: 8px;
}
.aside__tel-socials-item.tg {
padding-left: 18px;
}
.contacts__map-wrap {
gap: 24px;
}
.contacts__wrap-addr {
font-size: 14px;
line-height: 142%;
}
.contacts__inner-map {
margin-top: 12px;
height: 440px;
width: 100%;
}
.price__block-wrap {
padding: 64px 0;
}
.price__block-wrap::before {
display: none;
}
.price__card-stick {
right: 5px;
top: -20px;
}
.price__card-title {
padding: 10px 24px;
font-size: 16px;
}
.price__card-inner {
padding: 36px 24px;
gap: 24px;
}
.price__card-inner-text-title {
padding: 8px 24px;
}
.price__card-inner-bot {
align-items: center;
}
.price__card-inner-cost {
text-align: center;
}
.price__card-inner-cost b {
font-size: 25px;
}
.wait__res-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
}
.wait__res-item {
grid-template-columns: 1fr;
gap: 24px;
}
.wait__res-item-badge {
font-size: 12px;
line-height: 133%;
}
.wait__res-item-history,
.wait__res-item-history.txt {
font-size: 14px;
min-width: 174px;
width: fit-content;
}
.wait__res-item-history b,
.wait__res-item-history strong {
font-size: 25px;
}
.wait__res-text {
font-size: 14px;
line-height: 142%;
}
.web__promo-arrows {
display: none;
}
.web__promo-card {
padding: 48px 24px;
gap: 16px;
}
.web__promo-slider .swiper-slide {
opacity: 1;
z-index: initial;
}
.web__promo-card-top {
font-size: 16px;
}
.web__promo-card-mid {
margin-bottom: 8px;
}
.web__promo-card-text-title {
font-size: 14px;
}
.seo__adv-block-gray {
padding-top: 64px;
padding-bottom: 80px;
border-radius: 48px;
}
.seo__adv-block-gray::before {
display: none;
}
.seo__adv-block-gray .page__title {
margin-bottom: 36px;
padding-right: 0;
}
.seo__adv-item-title {
font-size: 16px;
margin-bottom: 16px;
line-height: 150%;
}
.seo__adv-item-text {
font-size: 14px;
}
.seo__adv-bot-list {
display: grid;
grid-template-columns: 1fr 1fr;
justify-items: center;
row-gap: 36px;
border-radius: 48px;
}
.why__seo-title {
margin-bottom: 36px;
}
.why__seo-top-text {
padding: 16px 16px;
font-size: 16px;
line-height: 150%;
}
.why__seo-top-text:nth-child(2)::before {
width: 39px;
height: 24px;
left: -19.5px;
}
.why__seo-text {
font-size: 14px;
line-height: 142%;
}
.eeat__subtitle {
font-size: 14px;
}
.eeat__item-list {
flex: 0 1 calc((100% - 4 * 24px) / 3);
}
.eeat__item-text {
font-size: 14px;
}
.howto__price-slider-wrap::after {
display: none;
}
.white__seo-title {
max-width: 171px;
font-size: 21px;
line-height: 133%;
}
.white__seo-title span {
text-underline-offset: 5px;
}
.white__seo-list {
max-width: 317px;
grid-template-columns: 1fr;
gap: 32px;
}
.white__seo-list-item {
padding-left: 48px;
font-size: 14px;
line-height: 142%;
}
.white__seo-list-item::before {
top: 8px;
width: 24px;
height: 24px;
}
.howto__price-subtitle {
font-size: 14px;
}
.howto__price-card {
padding: 48px 48px;
}
.howto__price-card-title {
font-size: 21px;
line-height: 133%;
}
.howto__price-card-bot {
font-size: 18px;
line-height: 155%;
}
.noneed__text-col {
max-width: 346px;
gap: 24px;
}
.noneed__title {
font-size: 21px;
line-height: 133%;
}
.noneed__subtitle {
font-size: 14px;
line-height: 142%;
}
.noneed__list-title {
font-size: 16px;
line-height: 150%;
}
.noneed__list-item {
padding-left: 48px;
font-size: 14px;
line-height: 142%;
min-height: 24px;
}
.noneed__list-item::before {
width: 24px;
height: 24px;
}
.case__main-top {
gap: 10px;
grid-template-columns: repeat(2, 1fr);
}
.case__main-col.blue,
.case__main-col.info {
grid-column: 1 / 3;
}
.case__main-col.info {
gap: 12px;
}
.case__main-col.blue {
padding: 24px 30px;
margin-bottom: 2px;
gap: 30px;
}
.case__main-mark  {
font-size: 12px;
line-height: 133%;
}
.case__main-content-wrap {
gap: 12px;
}
.case__main-content-title {
line-height: 128%;
}
.case__main-content-subtitle,
.case__main-content-info-wrap {
font-size: 16px;
line-height: 140%;
gap: 10px;
}
.case__main-content-info-item {
padding-left: 22px;
}
.case__main-content-info-item::before {
top: 3px;
width: 16px;
height: 16px;
}
.case__main-content-desc-wrap {
padding: 20px 24px;
gap: 16px;
}
.case__main-content-desc-wrap-top-title {
font-size: 16px;
line-height: 122%;
margin-bottom: 16px;
}
.case__main-content-desc-wrap-top-text ul {
list-style-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/rhomb-list-mob.svg);
}
.case__main-content-desc-wrap-top-text {
font-size: 16px;
line-height: 140%;
}
.case__main-content-desc-wrap-services-title {
margin-bottom: 6px;
}
.case__main-content-desc-wrap-service-item {
font-size: 16px;
line-height: 140%;
padding: 6px 28px 6px 10px;
}
.case__main-content-author-wrap {
padding: 18px 20px;
gap: 16px;
grid-template-columns: 70px 1fr;
}
.case__main-content-author-info-descr ul {
padding-inline-start: 16px;
list-style-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/rhomb-list-mob.svg);
}
.case__main-col-card {
padding: 14px 20px;
}
.case__main-col-card-title {
font-size: 25px;
line-height: 128%;
}
.case__main-col-card-desc {
font-size: 16px;
line-height: 140%;
}
.case__short-list-wrap {
gap: 40px;
}
.case__content-nav {
padding: 20px 26px;
gap: 16px;
}
.case__content-nav-title {
font-size: 18px;
line-height: 144%;
}
.case__content-nav-list {
row-gap: 10px;
}
.case__content-nav-item {
font-size: 16px;
line-height: 137%;
}
.case__about-wrap-title {
font-size: 25px;
line-height: 128%;
}
.case__about-list-row {
display: contents;
}
.case__about-list-item {
padding-bottom: 10px;
padding-top: 10px;
padding-left: 58px;
border-bottom: 1px solid #85c9fa;
}
.case__about-list-row:first-child .case__about-list-item:first-child {
padding-top: 0;
}
.case__about-list-row:last-child .case__about-list-item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.case__about-list-item-img-wrap {
width: 48px;
height: 48px;
top: 10px;
left: 0;
}
.case__about-list-row:first-child .case__about-list-item:first-child .case__about-list-item-img-wrap {
top: 0;
}
.case__about-list-item-title {
font-size: 18px;
line-height: 142%;
}
.case__about-list-item-desc {
font-size: 16px;
line-height: 140%;
}
.case__formula-title {
font-size: 18px;
margin-bottom: 20px;
line-height: 142%;
}
.case__formula-table-head {
line-height: 142%;
font-size: 14px;
}
.case__formula-table-body {
font-size: 16px;
line-height: 137%;
}
.case__formula-table-head th, .case__formula-table-body td {
padding: 10px 15px;
}
.case__formula-table-caption {
display: flex;
flex-direction: column;
}
.case__warn-wrap {
padding: 20px 26px 20px 24px;
gap: 10px;
}
.case__warn-wrap-title {
font-size: 16px;
line-height: 150%;
padding-left: 30px;
font-family: 'Unbounded', sans-serif;
}
.case__warn-wrap-title > svg {
width: 24px;
height: 24px;
top: 1.5px;
}
.case__warn-wrap-desc {
font-size: 16px;
line-height: 137%;
}
.case__page-content-new {
font-size: 16px;
line-height: 137%;
}
.case__page-content-new h2 {
font-size: 25px;
margin-bottom: 36px;
margin-top: 50px;
line-height: 128%;
}
.case__page-content-new h3 {
font-size: 21px;
line-height: 153%;
}
.case__page-content-new h4 {
font-size: 18px;
line-height: 142%;
}
.case__page-content-new ul {
padding-inline-start: 16px;
list-style-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/soft-square-mark-mob.svg);
}
.case__page-content-new table {
font-size: 16px;
line-height: 137%;
}
.case__page-content-new table thead th {
padding: 10px 14px;
font-size: 14px;
line-height: 137%;
padding-top: 8px;
}
.case__page-content-new table tbody > tr > td {
padding: 10px 14px;
}
.case__page-content-new table tbody > tr > td:first-child {
padding-left: 11px;
}
.case__page-content-new table strong, .case__page-content-new table b {
font-size: inherit;
}
.case__page-content-new > p.has-background {
padding: 12px 20px;
border-radius: 16px;
}
.container__big:has(.approve__data-block) {
--content-padding: 48px;
}
.approve__data-block {
padding: 320px 48px 56px 48px;
}
.approve__data-block-img{
width: 557px;
height: 418px;
top: -43px;
right: 50%;
transform: translateX(50%);
}
.approve__data-block-content {
gap: 16px;
max-width: 100%;
}
.approve__data-block-title {
font-size: 25px;
line-height: 130%;
text-align: center;
}
.approve__data-block-undertitle {
font-size: 15px;
text-align: center;
}
.approve__data-block-text-title {
font-size: 14px;
line-height: 128%;
}
.approve__data-block::before {
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/img/bg-approve-mob.png);
}
.approve__data-block-text-title > span::before {
width: 6px;
height: 6px;
}
.approve__data-block-text {
font-size: 16px;
line-height: 128%;
}
.approve__data-block-text ul {
list-style-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/soft-square-white-mark-mob.svg);
}
.approve__data-block-text ul, .approve__data-block-text ol {
padding-inline-start: 16px;
}
.approve__data-block-text ul > li {
padding-left: 0;
}
.approve__data-block-text {
margin-top: 12px;
}
.approve__data-block-btn {
margin: 0 auto;
font-size: 14px;
line-height: 140%;
padding: 17px 22px;
}
.approve__line-wrap {
width: 322px;
height: 107px;
right: 0;
left: calc(50% - 267px);
top: 37px;
}
.case__page-opinion-bot-wrap.mrg__btm-100 {
margin-bottom: 50px;
}
.case__page-process-title {
font-size: 25px;
}
.case__page-process-grid-item.text {
padding: 20px 26px;
padding-bottom: 16px;
gap: 12px;
}
.case__page-process-grid-item-title {
font-size: 18px;
line-height: 146%;
}
.case__page-process-grid-item-desc {
font-size: 15px;
}
.case__page-author-bot-wrap > h2 {
font-size: 25px;
line-height: 146%;
}
.case__page-content-wrap-new .article__page-form-title {
font-size: 25px;
}
.case__page-content-wrap-new .sidebar__form-inner-question {
font-size: 13px;
}
.case__page-author-bot-wrap {
margin-top: -22px;
}
.case__page-author-bot-inner {
grid-template-columns: 132px 1fr;
gap: 20px;
}
.case__page-author-bot-info-desc ul {
padding-inline-start: 16px;
list-style-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/rhomb-list-mob.svg);
}
.case__page-author-slider-text-title {
font-size: 18px;
line-height: 146%;
}
.case__page-author-slider-text-title > br {
display: contents;
}
.case__page-top-company-wrap {
display: flex;
flex-direction: column;
gap: 24px;
}
.case__page-top-company-title {
font-size: 18px;
line-height: 146%;
padding-right: 119px;
}
.case__page-top-company-title > br {
display: contents;
}
.case__page-top-company-title::after {
rotate: 27deg;
right: 0px;
bottom: -45px;
z-index: -1;
width: 100px;
height: 100px;
}
.case__page-top-company-list {
gap: 5px;
}
.case__page-top-company-list-item {
padding: 4px 4px;
gap: 14px;
align-items: center;
border-radius: 12px;
}
.case__page-top-company-item-badge {
padding: 6px 2px;
writing-mode: sideways-lr;
font-size: 18px;
line-height: 148%;
border-radius: 8px;
}
.case__page-top-company-item-info {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.case__page-top-company-item-info {
font-size: 16px;
line-height: 137%;
}
.case__page-top-company-item-text.second {
font-weight: 400;
}
.service__hero-top {
padding-top: 40px;
padding-bottom: 30px;
margin-bottom: 30px;
}
.service__hero-wrap {
grid-template-columns: 1fr 1fr;
column-gap: 20px;
row-gap: 30px;
}
.service__hero-content-inner {
margin-top: 0;
}
.service__hero-badge {
margin-bottom: 28px;
font-size: 16px;
}
.service__hero-title {
font-size: 24px;
line-height: 127%;
}
.service__hero-text-wrap {
gap: 16px;
margin-bottom: 27px;
}
.service__hero-text-inner {
font-size: 17px;
line-height: 135%;
}
.service__hero-list {
margin-bottom: 26px;
}
.service__hero-btn {
padding: 16px 22px;
font-size: 16px;
line-height: 154%;
}
.service__form-inner {
padding: 16px 22px;
border-radius: 30px;
}
.service__form-top-wrap {
align-items: start;
}
.service__form-img-wrap {
height: 72px;
}
.service__form-top-title {
font-size: 17px;
}
.service__form-top-title > br {
display: contents;
}
.service__form-top-desc {
font-size: 14px;
}
.service__form-top-wrap {
grid-template-columns: 64px 1fr;
gap: 10px;
}
.service__form-list-box-text ul li::before {
top: 7px;
}
.service__form-list-box-text {
font-size: 15px;
}
.service__form-list-box-text {
margin-bottom: 16px;
}
.service__form-input {
padding: 13px 15px;
font-size: 15px;
}
.service__form-input-list {
margin-bottom: 16px;
}
.service__form-submit {
font-size: 12px;
padding: 14px 14px;
}
.service__form-submit-wrap {
margin-bottom: 12px;
}
.service__form-note-wrap {
margin-bottom: 16px;
}
.service__advantage-slider-arrows {
display: flex;
}
.service__advantage-slider-card-title {
font-size: 17px;
}
.service__advantage-slider-card {
gap: 8px;
}
.service__advantage-slider-card-desc {
font-size: 15px;
}
.service__badge {
padding: 6px 10px 6px 21px;
font-size: 14px;
line-height: 107%;
margin-bottom: 12px;
margin-top: 60px;
}
.service__badge::before {
top: 11px;
left: 10px;
}
.service__cases-info-wrap {
gap: 12px;
margin-bottom: 24px;
}
.service__title {
font-size: 24px;
line-height: 129%;
}
.service__cases-info-desc {
font-size: 15px;
line-height: 140%;
}
.service__cases-list {
padding-top: 15px;
gap: 28px;
}
.service__case-item {
padding: 26px 14px 14px 18px;
border-radius: 20px;
font-size: 16px;
line-height: 140%;
}
.service__case-item.active {
padding: 30px 20px 18px 20px;
border-radius: 24px;
}
.service__case-head-badge {
padding: 7px 10px;
font-size: 15px;
line-height: 123%;
left: 10px;
top: -15px;
}
.service__case-item.active .service__case-head-badge {
left: 20px;
}
.service__case-head-badge::before {
min-width: 12px;
height: 15px;
margin-top: 2px;
}
.service__case-head-title {
align-items: flex-start;
min-height: 28px;
font-size: 17px;
line-height: 147%;
}
.service__case-head-title::before {
width: 28px;
height: 28px;
}
.service__case-body-inner {
display: flex;
flex-direction: column;
gap: 20px;
}
.service__case-body-desc {
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.service__case-body-list-item:not(:first-child){
padding-top: 10px;
}
.service__case-body-list-wrap,
.service__case-body-list-text ul {
gap: 10px;
}
.service__case-body-list-title {
margin-bottom: 10px;
}
.service__case-body-list-text ul > li {
padding-left: 16px;
}
.service__case-body-list-text ul > li::before {
width: 6px;
height: 6px;
}
.service__case-body-box {
gap: 14px;
}
.service__case-body-box-info-top,
.service__case-body-box-info-mid,
.service__case-body-box-info-bot {
font-size: 15px;
}
.service__case-body-box-info-mid span {
font-size: 18px;
line-height: 144%;
}
.service__case-body-box-info-bot b, .service__case-body-box-info-bot strong {
font-size: 14px;
line-height: 142%;
}
.service__case-body-box-info-mid br {
display: contents;
}
.service__case-body-box-info-bot {
padding: 8px 12px;
}
.service__case-body-box-link {
padding: 16px;
gap: 12px;
font-size: 12px;
line-height: 142%;
}
.service__case-body-box-link::after {
min-width: 12px;
height: 12px;
}
.service__cases-form {
padding: 20px 24px;
}
.service__cases-form-inner {
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
justify-content: center;
text-align: center;
}
.service__cases-form-info-title {
font-size: 17px;
line-height: 135%;
}
.service__cases-form-info-text {
font-size: 14px;
line-height: 132%;
}
.service__cases-form-action {
padding: 12px 20px;
font-size: 14px;
line-height: 142%;
width: fit-content;
border-radius: 12px;
}
.service__page-content h2 {
font-size: 24px;
margin-bottom: 24px;
margin-top: 60px;
line-height: 126%;
}
.service__badge + h2,
.service__badge-color + h2 {
margin-top: 0;
}
.service__page-content-has-aside-wrap {
gap: 60px;
}
.service__page-about-us-talk .about__us-talk-title {
font-size: 24px;
margin-bottom: 24px;
}
.service__page-about-us-talk .about__us-talk-title::after {
top: 4px;
right: 22px;
width: 24px;
height: 24px;
}
.about__us-talk-wrapper-top {
gap: 20px;
}
.about__us-talk-top-item {
padding: 16px 24px 20px 24px;
gap: 10px;
}
.about__us-talk-top-item-body {
font-size: 15px;
line-height: 140%;
}
.service__page-about-us-talk .about__us-talk-item {
gap: 24px;
}
.service__page-about-us-talk .about__us-talk-item-img-wrap {
height: 232px;
}
.service__page-about-us-talk .about__us-talk-item {
grid-template-columns: 320fr 328fr;
}
.service__page-about-us-talk .about__us-talk-item-info-top {
margin-bottom: 0;
padding-top: 30px;
}
.service__page-about-us-talk   .about__us-talk-item-info-subtitle {
line-height: 134%;
}
.service__page-about-us-talk .about__us-talk-item-info-thx {
justify-content: center;
border-radius: 16px;
}
.service__page-about-us-talk .about__us-talk-item-img-wrap.play .about__us-talk-item-play::before {
width: 60px;
height: 60px;
}
.service__page-about-us-talk .about__us-talk-item-img-wrap.play .about__us-talk-item-play {
transform: translate(-50%, -30%);
}
.service__page-about-us-talk .about__us-talk-item-info-quote {
padding: 24px 24px 23px 24px;
line-height: 153%;
}
.service__page-about-us-talk .about__us-talk-slider .about__us-talk-slider-paginate {
margin-top: 32px;
}
.service__page-content .case__page-top-company-wrap, .service__page-content .service__page-about-us-talk {
margin: 60px 0;
}
.service__page-faq-content-wrap > h2 {
font-size: 24px;
line-height: 130%;
margin-bottom: 24px;
}
.service__page-faq-content-accord-wrap {
grid-template-columns: 1fr;
gap: 30px;
}
.service__page-faq-content-accord {
gap: 16px;
}
.service__page-faq-content-accord-item-top {
font-size: 16px;
min-height: 24px;
line-height: 153%;
}
.service__page-faq-content-accord-item.active .service__page-faq-content-accord-item-top {
margin-bottom: 8px;
}
.service__page-faq-content-accord-item-body {
font-size: 15px;
}
.service__page-faq-content-accord-item {
padding-bottom: 16px;
}
.service__page-faq-content-accord-item-top::after {
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/plus-circle-bold.svg);
width: 26px;
height: 26px;
}
.service__page-related-services-content-column {
gap: 24px;
}
.service__page-related-services-tags-wrap {
gap: 8px;
}
.service__page-related-services-tag-chip {
padding: 6px 16px;
font-size: 16px;
border-radius: 24px;
line-height: 137%;
}
.sidebar-contact-form-preview {
padding: 28px 28px;
}
.sidebar__contact-form-header {
margin-bottom: 16px;
}
.sidebar__contact-form-title > br {
display: contents;
}
.sidebar__contact-form-title {
font-size: 18px;
line-height: 135%;
}
.sidebar__contact-form-subtitle {
font-size: 15px;
}
.sidebar__contact-form-legend {
font-size: 14px;
line-height: 98%;
}
.sidebar__contact-form-option {
min-height: auto;
height: 46px;
}
.sidebar__contact-form-option-text {
font-size: 14px;
}
.sidebar__contact-form-icon {
width: 21px;
}
.sidebar__contact-form {
gap: 12px;
}
.sidebar__contact-form-input {
padding: 14px 14px;
font-size: 16px;
}
.sidebar__contact-form-submit {
font-size: 14px;
}
.sidebar__contact-form-agreement {
margin-top: 5px;
}
.footer__form-serv-content-wrap {
gap: 16px;
}
.footer__form-serv-content-top {
padding: 6px 6px;
font-size: 15px;
}
.footer__form-serv-content-top {
grid-template-columns: 20px 1fr;
}
.footer__form-serv-content-mid {
grid-template-columns: 90px 1fr;
gap: 16px;
}
.footer__form-serv-content-mid-title {
font-size: 21px;
line-height: 144%;
}
.footer__form-serv-content-bot {
font-size: 15px;
line-height: 131%;
gap: 8px;
}
.footer__form-serv-inner {
padding: 24px 24px;
gap: 16px;
}
.footer__form-serv-inner-top-title {
font-size: 17px;
}
.footer__form-serv-inner-top-badges {
gap: 8px;
}
.footer__form-serv-inner-top-badge {
padding: 4px 10px;
font-size: 15px;
}
.footer__form-serv-inner-top-text {
font-size: 14px;
line-height: 140%;
}
.footer__form-serv-input-list {
margin-bottom: 16px;
}
.footer__form-serv-content-bot-list {
gap: 6px;
}
.footer__form-serv-content-bot-list-item {
padding-left: 16px;
}
.footer__form-serv-content-bot-list-item::before {
width: 6px;
height: 6px;
top: 7px;
}
}
@media (max-width: 767px) {
.main__banner-bot-link {
min-width: 320px;
}
.know__medical-biz-work-grid::before {
display: none;
}
.look__res-grid-item,
.look__res-grid-item:first-child {
padding: 16px 8px;
}
.look__res-grid-item-title {
font-size: 35px;
}
.strategy__req-wrap {
display: flex;
flex-direction: column;
}
.strategy__req-wrap.mrg__btm {
margin-bottom: 24px;
}
.strategy__req-img {
margin: 0 auto;
}
.area__work-grid {
grid-template-columns: 1fr;
gap: 32px;
max-height: 1600px;
}
.team__come-grid {
grid-template-columns: repeat(2, 1fr);
}
.container__big:has(.subscribe__block) {
--content-padding: 12px;
}
.subscribe__block {
padding: 48px 24px 241px 24px;
margin: 0 -12px;
}
.subscribe__block-title {
font-size: 21px;
line-height: 133%;
}
.subscribe__inner {
gap: 8px;
font-size: 14px;
line-height: 142%;
}
.subscribe__inner-text {
margin-left: 10px;
}
.subscribe__inner-tg {
padding: 8px 16px;
}
.subscribe__block::before {
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/img/tg-phone-mob-2.webp);
background-size: cover;
bottom: 0;
left: 50%;
right: auto;
transform: translateX(-50%);
top: auto;
width: 353px;
height: 217px;
}
.subscribe__block::after {
content: "";
position: absolute;
display: block;
width: 169px;
height: 119px;
left: -18px;
bottom: 88px;
right: auto;
top: auto;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/tg-fly-2.svg);
background-size: contain;
background-repeat: no-repeat;
}
.subscribe__med-tg-wrap {
display: none;
}
.market__grid {
grid-template-columns: 1fr;
gap: 40px;
margin-bottom: 40px;
}
.faq__block-title {
margin-bottom: 40px;
}
.fault__page-title {
font-size: 128px;
margin-top: 12px;
}
.fault__page-ico {
width: 148px;
height: 148px;
background-size: contain;
margin-top: -20px;
margin-left: -12px;
margin-right: -20px;
}
.fault__page-sub-text {
font-size: 14px;
}
.service__hero-wrap {
grid-template-columns: 1fr;
gap: 30px;
}
.service__hero-content-bot {
grid-column: auto;
order: 2;
gap: 12px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.service__hero-content-bot-left {
width: auto;
}
.service__form-wrap {
order: 3;
}
}
@media (max-width: 650px) {
:root {
--content-padding: 24px;
}
.container__big {
--content-padding: 12px;
}
.header__site {
padding-top: 12px;
margin-bottom: 36px;
}
.header__btns-wrap {
display: none;
}
.header__wrap {
align-items: center;
}
.logo__header-wrap {
height: 59px;
}
.logo__header {
width: 64px;
}
.header__badge {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 8px 6px;
width: 60px;
height: 59px;
background-color: var(--white-color);
background-image: none;
border-radius: 8px;
box-shadow: 10px 10px 32px 0 rgba(21, 50, 70, 0.25);
}
.header__badge::before {
content: "";
position: absolute;
top: -7px;
right: 6px;
display: block;
width: 40px;
height: 50px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/gold-pointer.svg);
background-size: contain;
background-repeat: no-repeat;
mask-image: none;
background-color: transparent;
}
.header__badge-title,
.header__badge-subtitle {
display: block;
color: var(--black-color);
line-height: normal;
text-align: center;
}
.header__badge-title {
font-size: 12px;
font-weight: 500;
line-height: 100%;
}
.header__badge-subtitle {
display: none;
}
.header__btns-mobile-inner {
display: grid;
grid-template-columns: repeat(3, 40px);
gap: 4px;
}
.header__burger {
padding: 9px 9px;
width: 40px;
height: 40px;
gap: 5px;
border-radius: 10px;
}
.header__burger > span {
width: 20px;
}
.header__burger.active > span:first-child {
transform: translateY(8px) rotate(45deg);
width: 37px;
}
.header__burger.active > span:last-child {
transform: translateY(-8px) rotate(-45deg);
width: 37px;
} 
.header__burger {
position: initial;
}
.header__btns-mobile {
display: flex;
flex-direction: row;
gap: 13px;
}
.header__top-info {
display: none;
}
.head__mob-open .header__btns-wrap {
flex: 0 1 100%;
margin: 36px 0;
display: grid;
grid-template-columns: 1fr;
align-items: center;
row-gap: 16px;
column-gap: 24px;
order: 1;
}
.header__btns-inner {
display: contents;
}
.header__btns-inner .header__btn {
display: none;
}
.header__tel { order: 1;
}
.header__btn-tasks {
order: 2;
grid-column: 1 / 3;
width: 100%;
height: 40px;
}
.header__top-menu-wrap {
margin-top: 0;
order: 2;
}
.head__mob-open .header__top-menu {
margin-top: 0;
row-gap: 16px;
column-gap: 24px;
}
.head__mob-open .header__bot-menu-wrapper {
padding: 36px 0 0 0;
}
.hero__content-wrap {
gap: 22px;
}
.hero__section-item:has(.hero__growth-card) {
min-width: calc(100% + (var(--content-padding) * 2));
}
.hero__description {
line-height: 135%;
}
.hero__shell-bg {
border-radius: 40px;
}
.hero__section-item:has(.hero__schedule-wrap) {
min-width: calc(100% + 9px);
}
.hero__schedule-wrap {
padding-bottom: 20px
}
.hero__schedule-card {
border-radius: 12px;
padding-left: 6px;
padding-right: 6px;
padding-top: 4px;
padding-bottom: 9px;
gap: 5px;
}
.hero__schedule-title {
font-size: 8px;
}
.hero__schedule-period {
font-size: 8px;
}
.hero__schedule-status {
flex: 0 0 4px;
width: 4px;
}
.hero__schedule-grid {
padding-top: 0;
grid-template-columns: 16px repeat(6, minmax(0, 1fr));
gap: 0.px;
}
.hero__schedule-time,
.hero__schedule-day {
font-size: 6px;
}
.hero__schedule-day {
min-height: 6px;
}
.hero__schedule-cell-meta {
top: 2.4px;
right: 2px;
font-size: 5px;
}
.hero__schedule-cell-name,
.hero__schedule-cell-service {
font-size: 6px;
}
.hero__schedule-cell-empty {
font-size: 6px;
}
.hero__schedule-cell {
min-height: 21px;
padding-top: 10px;
padding-bottom: 3px;
padding-left: 2.7px;
padding-right: 2.7px;
gap: 0;
}
.hero__schedule-cell-empty {
min-height: 21px;
}
.hero__schedule-load {
font-size: 9px;
}
.hero__schedule-load strong {
font-size: 11px;
}
.hero__schedule-source {
font-size: 9px;
}
.hero__schedule-tooltip::before {
top: -3px;
width: 6px;
}
.hero__schedule-tooltip {
top: calc(100% + 4px);
right: 32px;
font-size: 11px;
}
.hero__growth-panel {
padding: 10px 28px 20px 22px;
}
.hero__growth-row {
grid-template-columns: 1fr;
gap: 12px;
justify-items: center;
}
.hero__growth-avatar-wrap {
width: 69px;
}
.hero__growth-copy {
text-align: center;
gap: 10px;
align-items: center;
}
.hero__growth-title {
max-width: 270px;
}
.hero__growth-actions {
grid-template-columns: 1fr;
gap: 10px;
}
.hero__shell-bg {
width: calc(100% + (var(--content-padding) * 2));
margin-left: calc(var(--content-padding) * -1);
}
.main__banner-inner::after,
.main__banner-inner::before {
display: none;
}
.main__banner-content {
display: flex;
flex-direction: column-reverse;
align-items: flex-end;
gap: 16px;
margin-bottom: 24px;
}
.main__banner-img {
object-position: top;
display: block;
position: initial;
margin: 0 -24px;
}
.main__banner-line svg#mainBannerLineMob {
display: none;
}
.main__banner-info {
padding: 0 0;
width: 100%;
}
.main__banner-info-inner {
max-width: 100%;
}
.main__banner-info-title {
max-width: 100%;
}
.main__banner-info-text {
max-width: 100%;
font-size: 16px;
line-height: 150%;
}
.main__banner-info-btn {
padding: 16px 16px;
font-size: 16px;
line-height: 150%;
margin-top: 24px;
width: 100%;
}
.main__banner-bot {
flex-direction: column;
gap: 24px;
}
.main__banner-bot-link {
padding: 12px 16px;
min-width: auto;
width: 100%;
border-radius: 48px;
border-radius: 16px;
}
.main__banner-bot-link-text {
font-size: 18px;
line-height: 155%;
}
.main__banner-bot-link::after {
width: 32px;
height: 32px;
}
.awards__grid {
display: flex;
flex-direction: column;
gap: 16px;
}
.awards__grid-item.big {
order: 1;
}
.awards__grid-item-link {
padding: 16px 16px;
font-size: 16px;
line-height: 150%;
order: 2;
}
.awards__text-wrap::before {
position: absolute;
max-width: 80px;
min-width: auto;
height: 88px;
bottom: -70px;
}
.conf__text-wrap {
margin-bottom: 40px;
}
.conf__text-inner b {
font-size: 21px;
}
.conf__slider-wrap {
gap: 32px;
}
.conf__slider-item {
padding: 18px 16px;
}
.conf__slider-photos-slide {
grid-template-columns: 1fr;
gap: 24px;
}
.conf__slider-photo {
height: 249px;
}
.way__wrap {
grid-template-columns: 1fr;
gap: 40px;
margin-bottom: 62px;
}
.way__block {
padding: 48px 24px 56px 24px;
margin: 0 -24px;
border-radius: 36px;
}
.way__block-grid-item {
max-width: 100%;
}
.way__text-wrap {
position: relative;
margin-top: 0;
} .way__block-line-wrap {
display: none;
}
.way__block-line-wrap.mob {
display: block;
width: auto;
height: 410px;
right: -15px;
bottom: -200px;
transform: rotateZ(25deg);
}
.way__text-title {
margin-bottom: 24px;
}
.way__text-inner {
padding-right: 55px;
}
.way__text-inner > p:last-child {
max-width: 49%;
}
.results__text-wrap ul,
.results__text-wrap ol {
gap: 16px;
}
.accord__result-item-mark {
font-size: 8px;
padding: 4px 8px;
gap: 6px;
}
.accord__result-item-mark::before {
width: 12px;
height: 12px;
}
.accord__result-item {
padding: 16px 16px;
}
.accord__result-head {
font-size: 14px;
}
.accord__result-head::after {
width: 24px;
min-width: 24px;
height: 24px;
}
.accord__result-item.open .accord__result-body {
margin-top: 32px;
gap: 32px;
}
.accord__result-body-text-wrap {
gap: 32px;
}
.accord__result-body-text-title {
font-size: 14px;
}
.accord__result-body-box {
padding: 32px 16px;
gap: 24px;
}
.accord__result-body-box-title {
font-size: 18px;
}
.accord__result-body-box-text-wrap {
gap: 16px;
}
.accord__result-body-box-text {
font-size: 14px;
line-height: 142%;
}
.accord__result-body-box-text b {
font-size: 16px;
}
.accord__result-body-box-link {
width: 100%;
}
.cases__access-form-wrap {
padding: 32px 32px;
gap: 24px;
}
.cases__access-wrap {
gap: 32px;
}
.cases__access-text {
font-size: 14px;
line-height: 142%;
}
.cases__line-wrap {
width: 240px;
height: 160px;
bottom: -105px;
right: -40px;
top: auto;
}
.cases__access-form-title-wrap,
.cases__access-form {
gap: 16px;
}
.cases__access-form-title {
font-size: 21px;
line-height: 133%;
}
.cases__access-form-subtitle {
max-width: 220px;
}
.cases__access-form-inner {
grid-template-columns: 1fr;
gap: 16px;
}
.know__medical-biz-title {
max-width: 70%;
margin-bottom: 24px;
}
.know__medical-biz-quote {
font-size: 16px;
}
.know__medical-biz-work-text {
gap: 16px;
margin-bottom: 8px;
max-width: 100%;
}
.know__medical-biz-info-wrap {
gap: 36px;
}
.know__medical-biz-grid {
grid-template-columns: 1fr;
gap: 36px;
margin-bottom: 72px;
}
.know__medical-biz-work::after {
width: calc(100% + 48px);
left: -24px;
border-radius: 24px;
}
.know__medical-biz-work {
padding-top: 36px;
padding-bottom: 32px;
display: flex;
flex-direction: column;
gap: 24px;
}
.know__medical-biz-work-item {
padding: 32px 32px;
width: 100%;
margin-left: initial;
max-width: 100%;
gap: 12px;
}
.know__medical-biz-work-bot {
padding: 32px 30.5px;
margin-top: 8px;
max-width: 100%;
margin-bottom: -32px;
}
.know__medical-biz-work-bot::before {
display: none;
}
.look__res-wrap {
gap: 40px;
}
.look__res-grid {
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.look__res-grid-item.green {
grid-column: 2 / 3;
}
.look__res-grid-item {
gap: 0;
min-height: 160px;
}
.look__res-grid-item-text {
text-align: start;
}
.look__res-line-wrap > svg text {
font-size: 14px;
}
.look__res-line-wrap {
transform: rotate(25deg);
left: -490px;
bottom: -60px;
}
.strategy__form-inner {
margin-top: 24px;
margin-bottom: 72px;
gap: 16px;
}
.strategy__form-item:has(.strategy__form-input) {
margin-bottom: 8px;
}
.strategy__req-img {
height: auto;
width: 380px;
aspect-ratio: 1 / 1;
}
.key__persons-block {
padding: 36px 10px 16px 10px;
gap: 56px;
}
.key__persons-block-top {
gap: 32px;
}
.key__persons-block-top-grid {
display: flex;
flex-direction: column;
}
.key__persons-block-slider {
margin-bottom: -16px;
}
.key__person-slide-wrap {
display: flex;
flex-direction: column;
gap: 0;
}
.key__person-slide-stick {
font-size: 8px;
line-height: 150%;
padding: 8px 12px;
right: -80px;
top: -24px;
}
.key__person-slide-bot {
display: none;
}
.key__person-slide-img-wrap {
min-height: 380px;
}
.key__person-slide-img {
display: block;
position: relative;
width: 377px;
height: 405px;
left: auto;
bottom: auto;
margin-left: auto;
margin-right: -24px;
margin-top: -24px;
object-position: top left;
}
.key__persons-slider-paginate-wrap {
left: 24px;
bottom: 24px;
z-index: 1;
}
.area__work-grid {
max-height: 1400px;
}
.area__work-card {
padding: 32px 24px;
gap: 32px;
}
.area__work-card-top {
gap: 16px;
}
.area__work-card-cols {
margin-top: 8px;
}
.area__work-card-col-title {
font-size: 10px;
}
.area__work-card-col-sub {
font-size: 12px;
}
.area__work-card-btn {
padding: 18px 16px;
}
.area__work-load {
width: 100%;
align-items: center;
justify-content: center;
}
.exp__share-wrap-col {
gap: 32px;
}
.exp__share-title {
margin-bottom: 16px;
}
.exp__share-btns-wrap {
width: calc(100% + 48px);
padding-left: 24px;
margin-left: -24px;
margin-bottom: 0;
}
.exp__share-grid {
grid-template-columns: 1fr;
gap: 48px;
}
.exp__share-grid-item-img {
height: 332px;
}
.team__come-wrap {
display: flex;
flex-direction: column;
gap: 32px;
}
.team__come-title {
margin-bottom: 16px;
}
.team__come-text-col-top {
margin-bottom: 36px;
}
.team__come-link {
max-width: 100%;
}
.team__come-img-wrap {
height: 308px;
}
.team__come-grid {
gap: 24px;
}
.team__come-grid-item {
padding: 24px 16px;
gap: 0;
}
.team__come-grid-item-text {
text-align: start;
}
.partners__block {
margin: 0 -12px;
gap: 56px;
border-radius: 36px;
}
.partners__top {
padding: 40px 24px 0 24px;
}
.partners__top-head {
gap: 24px;
}
.partners__top-title-wrap {
position: relative;
}
.partners__top-title-img {
position: absolute;
right: -8px;
top: -48px;
}
.partners__grid {
grid-template-columns: repeat(2, 1fr);
row-gap: 16px;
column-gap: 44px;
}
.partners__grid-item {
padding: 12px 12px;
border-radius: 32px;
height: 64px;
}
.partners__grid-item:last-child {
grid-column: 1 / 3;
}
.partners__bot {
padding: 24px 24px;
border-radius: 36px;
}
.partners__bot-title {
max-width: 280px;
margin: 0 auto 16px auto;
}
.partners__bot-subtitle {
max-width: 332px;
margin: 0 auto;
}
.about__us-talk-title {
margin-bottom: 32px;
}
.about__us-talk-item {
display: flex;
flex-direction: column;
}
.about__us-talk-item-img-wrap {
height: 240px;
}
.about__us-talk-item-img-wrap.play .about__us-talk-item-play::before {
width: 56px;
height: 56px;
}
.about__us-talk-item-info-thx {
padding: 16px 16px;
border-radius: 16px;
order: 2;
}
.about__us-talk-item-info-quote {
font-size: 14px;
line-height: 142%;
margin-bottom: 8px;
}
.about__us-talk-slider .about__us-talk-slider-paginate {
margin: 32px auto 0 auto;
}
.promos__title {
margin-bottom: 24px;
}
.promos__text-wrap {
display: flex;
flex-direction: column;
}
.promos__text-inner {
display: contents;
}
.promos__text ol,
.promos__text ul {
margin: 32px 0;
}
.promos__text-opener {
margin-top: 32px;
margin-left: auto;
margin-right: auto;
}
.promos__aside {
margin-top: 72px;
margin-left: auto;
margin-right: auto;
order: 1;
}
.promos__action-bot {
text-align: center;
padding-left: 0;
}
.promos__action-bot::after {
display: none;
}
.promos__action-bot-text {
margin-bottom: 10px;
}
.promos__action-bot-tel {
position: relative;
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
justify-content: center;
}
.promos__action-bot-tel::before {
content: "";
display: block;
min-width: 32px;
width: 32px;
height: 32px;
background-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/phone-cricle-blue.svg);
background-size: contain;
background-repeat: no-repeat;
}
.market__container {
border-radius: 36px;
}
.market__block-inner {
padding-top: 40px;
padding-bottom: 24px;
}
.market__head-wrap {
margin-bottom: 40px;
}
.faq__accord-item-top {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 16px;
}
.faq__accord-item-top::before,
.faq__accord-item-top::after {
position: initial;
}
.faq__accord-item-top::before {
order: 1;
}
.faq__accord-item-top::after {
order: 2;
margin-left: auto;
}
.faq__accord-item-top-title {
grid-column: 1 / 3;
order: 3;
}
.faq__accord-item-bot,
.faq__accord-item-top {
padding-left: 0;
padding-right: 0;
}
.faq__accord-item.open .faq__accord-item-top {
margin-bottom: 12px;
}
.faq__accords-inner {
gap: 32px;
}
.faq__form-wrap {
padding: 48px 32px;
border-radius: 36px;
}
.faq__form-title {
margin-bottom: 12px;
}
.faq__form-inner-top {
display: grid;
grid-template-columns: 113px 1fr;
column-gap: 8px;
row-gap: 16px;
margin-bottom: 24px;
}
.faq__form-inner-question {
grid-column: 1 / 3;
}
.faq__form-opt-call {
padding: 14px 8px;
font-size: 14px;
line-height: 142%;
border-radius: 16px;
}
.faq__form-btns-wrap {
display: flex;
flex-direction: row;
gap: 8px;
max-height: 50px;
}
.faq__form-opt {
padding: 12px 21.5px;
border-radius: 16px;
}
.faq__form-inner-bot {
display: flex;
flex-direction: column;
gap: 16px;
}
.faq__form-input {
padding: 16px 16px;
font-size: 16px;
line-height: 150%;
}
.faq__form-submit {
font-size: 14px;
line-height: 142%;
}
.promo__vid-title-wrap {
gap: 24px;
}
.promo__vid-block {
gap: 32px;
}
.promo__vid-btn {
font-size: 0;
}
.promo__videos-arr {
grid-template-columns: 1fr;
gap: 16px;
}
.promo__video-img-wrap {
height: 242px;
}
.promo__video-item {
gap: 8px;
}
.partners__title {
margin-bottom: 24px;
}
.work__us-title-wrap {
position: relative;
}
.work__us-title-img {
width: 48px;
height: 48px;
position: absolute;
top: -24px;
right: -12px;
z-index: -1;
}
.work__us-grid {
display: flex;
flex-direction: column;
gap: 32px;
}
.work__us-item,
.work__us-item.full {
padding: 56px 24px;
flex: 1;
width: 100%;
font-size: 16px;
line-height: 150%;
}
.work__us-item.full > br {
display: initial;
}
.work__us-item.full {
font-size: 25px;
line-height: 128%;
justify-content: flex-start;
}
.footer__form-wrap {
padding: 48px 24px 36px 24px;
margin: 0 -12px -112px -12px;
border-radius: 36px;
}
.footer__form-line-wrap {
top: -80px;
right: -166px;
width: 290px;
height: 97px;
}
.footer__form-title {
font-size: 21px;
line-height: 133%;
}
.footer__form-subtitle {
font-size: 14px;
line-height: 142%;
}
.footer__form-inner {
margin-top: 16px;
}
.footer__form-inner {
display: flex;
flex-direction: column;
gap: 24px;
}
.footer__top-phone-btn-wrap {
display: grid;
grid-template-columns: auto auto;
row-gap: 30px;
column-gap: 16px;
justify-items: center;
}
.footer__top-phone {
grid-column: 1 / 3;
}
.footer__top-action {
padding: 16px 15.5px;
}
.footer__top-phone-btns {
display: contents;
}
.footer__top-socials {
gap: 16px;
}
.footer__top-soc-item {
width: 56px;
height: 52px;
}
.footer__mid-first-col {
grid-template-columns: 1fr;
gap: 12px;
}
.footer__mid-first-bot {
gap: 8px;
}
.footer__mid-menu-wrap {
flex-direction: column;
}
.footer__bot-col-rate {
flex-direction: column;
gap: 10px;
}
.cookie__banner {
padding: 24px 16px;
right: 12px;
margin-left: 12px;
bottom: 0;
}
.cookie__title {
padding-right: 0;
margin-bottom: 8px;
}
.cookie__close {
width: 32px;
height: 32px;
right: 8px;
top: -16px;
}
.cookie__close::before {
width: 16px;
height: 16px;
}
.project__form-modal.fancybox__content {
margin: 0 24px;
}
.project__form-wrap {
padding: 24px 24px;
}
.project__form-top-wrap {
row-gap: 16px;
}
.project__form-top-text-wrap {
display: contents;
}
.project__form-top-title {
font-size: 16px;
margin-bottom: 0;
order: 1;
grid-column: 1 / 3;
}
.project__form-top-img-wrap {
order: 2;
}
.project__form-top-descr {
order: 3;
}
.project__form-inner-top {
flex-direction: column;
}
.project__form-inner-question {
font-size: 16px;
line-height: 150%;
}
.project__form-opt-call {
padding: 14px 14px;
}
.project__form-btns-wrap {
grid-template-columns: 1fr 1fr;
}
.project__form-inner-bot {
display: flex;
flex-direction: column;
gap: 16px;
}
.project__form-input-wrap.submit {
margin-top: 8px;
}
.project__form-submit {
padding: 16px;
}
.project__form-wrap::before {
bottom: -65px;
right: -25px;
}
.project__form-note-text {
padding-right: 60px;
}
.thx__modal .project__form-top-img-wrap {
order: 1;
}
.thx__modal .project__form-top-text-wrap {
display: block;
order: 2;
}
.thx__modal-img-wrap {
margin-right: -24px;
margin-bottom: -24px;
}
.thx__modal-img {
height: 270px;
}
.article__page-top-main {
margin: 0 -24px;
}
.article__page-share {
flex-direction: column;
align-items: start;
gap: 8px;
}
.article__page-top {
margin-top: 16px;
}
.article__page-author-inner {
column-gap: 13px;
row-gap: 8px;
}
.article__page-author-wrap {
padding: 18px 20px;
gap: 16px;
grid-template-columns: 70px 1fr;
}
.article__page-author-left {
display: contents;
}
.article__page-author-name {
flex-direction: column-reverse;
align-items: flex-start;
gap: 6px;
}
.article__page-author-info-descr {
grid-column: 1 / 3;
}
.article__page-author-articles-wrap {
padding: 20px 24px;
}
.article__page-author-articles-title {
margin-bottom: 16px;
}
.article__content-start > h2 {
margin-bottom: 32px;
}
.article__content-start ol,
.article__content-start ul {
gap: 16px;
}
.article__page-content blockquote {
margin-top: 32px;
margin-bottom: 48px;
}
.article__page-content blockquote::before {
left: 11px;
}
.article__page-heads-wrap-title {
font-size: 16px;
}
.sidebar__form-inner {
margin-top: 12px;
}
.sidebar__form-opt-wrap:has(.sidebar__form-opt-call),
.sidebar__form-btns-wrap {
grid-column: initial;
}
.sidebar__form-opt-call {
padding: 14px 7px;
}
.sidebar__form-opt {
padding: 3px 15px;
}
.sidebar__form-btns-wrap {
gap: 8px;
}
.sidebar__form-inner-bot {
display: flex;
flex-direction: column;
gap: 16px;
}
.sidebar__form-input {
padding: 16px 16px;
font-size: 16px;
}
.sidebar__form-submit {
font-size: 14px;
}
.cat__title {
flex-direction: column;
}
.cat__search-form__input {
width: 100%;
}
.cat__content-container {
padding: 40px 0 24px 0;
}
.cat__content {
gap: 40px;
}
.cat__content-inner {
grid-template-columns: 1fr;
gap: 40px;
}
.cat__load-more-btn {
width: 100%;
max-width: 100%;
}
.cat__event-card-img-wrap {
height: 287px;
}
.cat__events-list {
grid-template-columns: 1fr;
gap: 48px;
}
.btn__cat-events {
width: 100%;
max-width: 100%;
justify-content: center;
}
.cases__page-top {
display: flex;
flex-direction: column-reverse;
}
.cases__page-img-wrap {
width: clac(100% + 48px);
margin: 0 -24px;
}
.cases__info-block {
grid-template-columns: 1fr;
}
.cases__info-block.results {
gap: 32px;
}
.cases__info-block.results .cases__info-title-wrap {
display: contents;
}
.cases__info-title-inner {
margin-top: 0;
order: 1;
}
.title__factors {
margin-bottom: 36px;
}
.page__title {
margin-bottom: 36px;
}
.contacts__page-content-item {
gap: 36px;
}
.contacts__aside {
padding: 48px 24px;
grid-template-columns: 1fr;
gap: 36px;
width: calc(100% + 48px);
margin: 0 -24px;
}
.aside__contacts-tel-socials {
display: flex;
flex-direction: column;
gap: 24px;
}
.aside__tel-socials-inner {
justify-content: start;
gap: 16px;
}
.contacts__map-wrap {
position: relative;
padding-top: 88px;
}
.contacts__wrap-tabs {
position: absolute;
top: 0;
max-width: calc(100% + 48px);
margin-left: -24px;
padding-left: 24px;
overflow: auto;
}
.why__promo-item {
grid-template-columns: 1fr;
}
.why__promo-item-img-wrap {
padding: 37px 24px;
max-width: 100%;
}
.why__promo-item-text-wrap {
padding: 24px 24px;
}
.price__grid .swiper-wrapper {
display: flex;
}
.price__grid .swiper-slide {
display: block;
}
.price__block-wrap {
padding: 48px 0;
}
.price__block-title {
margin-bottom: 32px;
}
.price__card-title {
padding: 24px 12px;
font-size: 18px;
border-radius: 36px;
}
.price__card-inner-bot {
align-items: start;
}
.price__card-inner-cost {
text-align: start;
}
.wait__res-list {
grid-template-columns: 1fr;
gap: 48px;
}
.wait__res-item-history,
.wait__res-item-history.txt {
padding: 8px 24px;
width: 100%;
min-height: 56px;
}
.wait__res-item-history.txt {
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
.wait__res-item-history b,
.wait__res-item-history strong {
font-size: 35px;
}
.seo__adv-grid {
grid-template-columns: 1fr;
gap: 48px;
}
.seo__adv-item-title {
font-size: 14px;
line-height: 142%;
}
.seo__adv-block-gray {
padding-top: 48px;
border-radius: 36px;
}
.seo__adv-bot-list {
border-radius: 36px;
grid-template-columns: 1fr;
}
.seo__adv-list-item {
font-size: 14px;
line-height: 142%;
}
.why__seo-top-wrap {
grid-template-columns: 1fr;
}
.why__seo-top-text {
padding: 16px;
min-height: 80px;
}
.why__seo-top-text:nth-child(2)::before {
left: 50%;
top: -12px;
transform: translateX(-50%);
}
.eeat__wrap-list {
row-gap: 16px;
}
.eeat__item-img-wrap {
width: 64px;
height: 64px;
}
.eeat__item-list {
flex: 0 1 calc((100% - 4 * 24px) / 2);
gap: 8px;
}
.white__seo-follow {
flex-direction: column;
gap: 48px;
}
.white__seo-title {
max-width: 100%;
}
.white__seo-list {
gap: 24px;
max-width: 100%;
}
.howto__price-card-title,
.howto__price-card-bot {
font-size: 16px;
}
.howto__price-card {
padding: 48px 24px;
gap: 24px;
}
.howto__price-slider-wrap::before {
width: 600px;
height: 600px;
}
.noneed__wrap {
flex-direction: column;
gap: 36px;
}
.noneed__title {
margin-bottom: 36px;
font-size: 25px;
}
.case__main-top {
display: flex;
flex-direction: column;
gap: 4px;
}
.case__main-col.blue {
margin: 0 -24px;
margin-bottom: 8px;
}
.case__main-col.info {
margin-bottom: 8px;
}
.case__main-col-card {
text-align: center;
}
.case__main-content-author-wrap {
column-gap: 13px;
row-gap: 8px;
}
.case__main-content-author-info {
display: contents;
}
.case__main-content-author-info-name {
flex-direction: column-reverse;
align-items: flex-start;
gap: 6px;
}
.case__main-content-author-info-descr {
grid-column: 1 / 3;
}
.case__content-nav-list {
grid-template-columns: 1fr;
}
.case__about-wrap-list {
padding: 16px 20px;
}
.container__big:has(.approve__data-block) {
--content-padding: 0px;
}
.approve__data-block-img {
top: -32px;
right: calc(50% + 19px);
transform: scale(1.15) translateX(50%);
width: 440px;
height: 330px;
}
.approve__line-wrap {
left: calc(50% - 235px);
top: 7px;
}      
.approve__data-block {
padding: 258px 30px 34px 30px;
}
.approve__data-block-text-title {
flex-direction: column;
align-items: self-start;
gap: 6px;
}
.approve__data-block-undertitle  {
line-height: 137%;
}
.approve__data-block-text {
line-height: 132%;
}
.case__page-opinion-bot-wrap {
padding: 24px 24px;
padding-top: 48px;
gap: 24px;
}
.case__page-opinion-author-info-top {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.case__page-opinion-mark {
padding: 8px 14px;
right: 24px;
}
.case__page-opinion-author-wrap {
grid-template-columns: 61px 1fr;
align-items: start;
}
.case__page-author-bot-inner {
padding: 16px 24px 20px 24px;
grid-template-columns: 1fr;
gap: 20px;
}
.case__page-author-bot-img-wrap {
width: 132px;
}
.case__page-top-company-wrap {
gap: 16px;
}
.case__page-top-company-item-info {
padding: 8px 0;
}
.case__page-top-company-item-badge {
padding: 14px 3px;
}
.case__page-top-company-title::after {
right: -37px;
}
.case__page-top-company-title {
padding-right: 0;
}
.service__page-content {
overflow: visible;
}
.service__page-about-us-talk .about__us-talk-item-img-wrap.play .about__us-talk-item-play {
transform: translate(-50%, -50%);
}
.about__us-talk-wrapper-top {
grid-template-columns: 1fr;
gap: 12px;
}
.service__page-about-us-talk .about__us-talk-title {
padding-right: 0;
}
.service__page-about-us-talk .about__us-talk-title::after {
top: auto;
right: auto;
position: relative;
}
.service__page-about-us-talk .about__us-talk-slider {
overflow: visible;
}
.service__page-related-services-content-column.opened .service__page-related-services-tag-chip:nth-child(n + 6){
display: block;
}
.service__page-related-services-tag-chip:nth-child(n + 6) {
display: none;
}
.service__page-related-services-content-column.opened .service__page-related-services-tags-btn {
display: none !important;
}
.service__page-related-services-tags-btn {
justify-content: center;
gap: 8px;
color: var(--blue-color);
font-family: 'Unbounded';
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 142.857% 
}
.service__page-related-services-tags-btn::after {
content: '';
display: block;
width: 20px;
height: 20px;
mask-image: url(//almond-medical.ru/wp-content/themes/amclinic/assets/svg/chevron_down.svg);
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--blue-color);
}
.service__page-related-services-tags-btn--active {
display: flex;
}
.footer__form-serv-wrap {
border-radius: 40px;
padding: 24px 24px;
}
.footer__form-serv-content-mid {
grid-template-columns: 1fr;
gap: 12px;
justify-items: center;
text-align: center;
}
.footer__form-serv-content-img-wrap {
width: 90px;
height: 98px;
}
.footer__form-serv-inner::before {
display: none;
}
.footer__form-serv-submit {
padding: 18px 6px;
}
.footer__form-serv-inner-top-badges {
gap: 4px;
}
.footer__form-serv-inner-top-badge {
padding: 2px 6px;
font-size: 14px;
}
.footer__form-serv-inner-top-title {
font-size: 16px;
}
.footer__form-serv-options-inner {
grid-template-columns: 1fr 66px 66px;
}
}
@media (max-width: 499px) {
.main__banner-img {
width: 100%;
max-width: 380px;
height: 231px;
}
.way__text-inner {
padding-right: 0;
}
}
@media (max-width: 379px) {
.header__badge {
display: none;
}
.team__come-grid {
gap: 16px;
}
.look__res-grid {
display: flex;
flex-direction: column;
}
.key__person-slide-stick {
right: 0;
top: -30px;
}
.area__work-card-bot {
display: flex;
flex-direction: column-reverse;
}
.team__come-grid {
grid-template-columns: 1fr;
}
.partners__grid {
gap: 16px;
}
.promos__action-wrap {
padding: 48px 16px;
min-width: 100%;
}
.subscribe__inner {
flex-direction: column;
width: 100%;
}
.subscribe__inner-text {
margin-left: 0;
text-align: center;
}
.subscribe__inner-tg {
width: 100%;
text-align: center;
}
.market__item-bot {
flex-direction: column;
gap: 16px;
padding-top: 16px;
}
.faq__form-inner-top {
grid-template-columns: 1fr 1fr;
}
.faq__form-opt-wrap:has(.faq__form-opt-call) {
grid-column: 1 / 3;
text-align: center;
}
.faq__form-btns-wrap {
display: grid;
grid-column: 1 / 3;
}
.faq__form-opt-text {
display: block;
}
.faq__form-input {
width: 100%;
}
.project__form-wrap {
padding: 24px 16px;
}
.project__form-top-img-wrap {
display: none;
}
.project__form-top-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.project__form-modal.fancybox__content {
margin: 0 0;
}
.project__form-note-text {
padding-right: 0;
}
.project__form-wrap::before {
display: none;
}
.project__form-modal > .f-button.is-close-btn {
--f-button-svg-width: 20px !important;
--f-button-svg-height: 20px !important;
width: 32px !important;
height: 32px !important;
}
.thx__modal .project__form-top-wrap {
text-align: center;
align-items: center;
}
.fault__page-title {
font-size: 90px;
}
.fault__page-main-text {
font-size: 22px;
}
.btn.fault__page-btn {
gap: 12px;
font-size: 14px;
padding: 16px 10px;
}
.sidebar__contact-form-option-text {
font-size: 12px;
}
.footer__top-phone-btn-wrap {
display: flex;
flex-direction: column;
width: 100%;
}
.footer__top-action {
width: 100%;
}
.footer__form-serv-submit {
font-size: 11px;
}
}