/* Start:/local/templates/main/assets/css/swiper-bundle.min.css?178887871814623*/
/**
 * Swiper 12.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 29, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.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{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.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{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.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);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */


/* Start:/local/templates/main/assets/css/main.min.css?1790664947180722*/
@charset "UTF-8";html { -webkit-box-sizing: border-box; box-sizing: border-box; scroll-behavior: smooth; scroll-padding-top: var(--scroll-padding-top); -webkit-font-feature-settings: "pnum" on,"lnum" on; font-feature-settings: "pnum" on,"lnum" on; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100% } *,::after,::before { -webkit-box-sizing: border-box; box-sizing: border-box } body,html { height: 100% } body { margin: 0; min-width: 360px; overflow-x: hidden; font-weight: 400; font-size: var(--font-size); line-height: var(--line-height); font-family: var(--base-font),sans-serif; text-rendering: optimizespeed } .page__body.x-hidden .site-container { overflow-x: clip } .main>* { min-width: 0 } blockquote,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,p { margin: 0 } ol,ul { margin: 0; padding: 0 } img,picture,video { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } button,input,select,textarea { background-color: transparent; color: inherit; font: inherit } button:disabled,input:disabled,select:disabled,textarea:disabled { cursor: not-allowed; pointer-events: none } textarea { resize: none } a { display: inline-block; -webkit-transition: color var(--transition),background var(--transition),border-color var(--transition),opacity var(--transition),-webkit-box-shadow var(--transition); transition: color var(--transition),background var(--transition),border-color var(--transition),opacity var(--transition),-webkit-box-shadow var(--transition); transition: color var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition),opacity var(--transition); transition: color var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition),opacity var(--transition),-webkit-box-shadow var(--transition); cursor: pointer; color: inherit; text-decoration: none } a svg { -webkit-transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s } a:not(.breadcrumbs__item):hover svg { -webkit-transform: translateX(.5rem); -ms-transform: translateX(.5rem); transform: translateX(.5rem) } .link-arrow svg { -webkit-transition: -webkit-transform .3s; transition: transform .3s,-webkit-transform .3s } .link-arrow:hover svg { -webkit-transform: translateX(.5rem); -ms-transform: translateX(.5rem); transform: translateX(.5rem) } button { display: inline-block; -webkit-transition: color var(--transition),background var(--transition),border-color var(--transition),opacity var(--transition),-webkit-box-shadow var(--transition); transition: color var(--transition),background var(--transition),border-color var(--transition),opacity var(--transition),-webkit-box-shadow var(--transition); transition: color var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition),opacity var(--transition); transition: color var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition),opacity var(--transition),-webkit-box-shadow var(--transition); cursor: pointer; border: none; background: 0 0; padding: 0 } input { border: none; padding: 0 } input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration { display: none } input::-webkit-inner-spin-button,input::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0 } input[type=number] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield } address { font-style: normal } @media (prefers-reduced-motion:reduce) { * { -webkit-animation-duration: 0s!important; animation-duration: 0s!important; -webkit-animation-iteration-count: 1!important; animation-iteration-count: 1!important; -webkit-transition-duration: 0s!important; transition-duration: 0s!important; scroll-behavior: auto!important } } .site-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; min-height: var(--vh,100vh) } .header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .footer { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .js-focus-visible :focus:not(.focus-visible) { outline: 0 } .section-head { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 20px; z-index: 1; margin-bottom: clamp(1.875rem,1.141rem + 3.26vw,3.75rem) } .section-head .btn { text-wrap: nowrap } .section-head .section-head__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; width: 100% } .section-head .section-head__text.section-text--maxwidth-625 { max-width: 625px } .section-head .section-head__text.section-text--maxwidth-680 { max-width: 680px } .section-head .section-head__text.section-text--maxwidth-700 { max-width: 700px } .section-head .section-head__text.section-text--maxwidth-730 { max-width: 730px } .section-head .section-head__text.section-text--maxwidth-760 { max-width: 760px } .section-head .section-head__text.section-text--maxwidth-805 { max-width: clamp(41.875rem,8.125rem + 52.73vw,50.313rem) } .section-head .section-head__text.section-text--maxwidth-825 { max-width: 825px } .section-head .section-head__text.section-text--maxwidth-875 { max-width: 875px } .section-head .section-head__text.section-text--maxwidth-920 { max-width: 920px } .section-head .section-head__text.section-text--maxwidth-940 { max-width: 940px } .section-head .section-head__text.section-text--maxwidth-980 { max-width: 980px } .section-head .section-head__text.section-text--maxwidth-1010 { max-width: 1010px } .section-head .section-head__text.section-text--maxwidth-1085 { max-width: 1085px } .section-head .section-head__text.section-text--maxwidth-1110 { max-width: 1110px } .section-head__title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: clamp(1.25rem,.817rem + 1.92vw,2.5rem); line-height: 1.3; font-family: var(--base-font),sans-serif } .section-head__subtitle { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: clamp(.875rem,.788rem + .38vw,1.125rem); line-height: 1.3; font-family: var(--base-font),sans-serif } .section-head__subtitle p:not(:last-child) { margin-bottom: 1em } .section-head__subtitle ul { padding-left: 1.2em; font-size: inherit } [class*=__inner] { position: relative; z-index: 1 } [class*="--title"] { font-weight: 600; font-size: 24px; line-height: 130% } @media (max-width: 1279px) { [class*="--title"] { font-size:18px } } @media (max-width: 767px) { [class*="--title"] { font-size:16px } } [class*="--desc"],[class*=__desc] { font-weight: 400; font-size: 14px; line-height: 130% } @media (min-width: 768px) { [class*="--desc"],[class*=__desc] { font-size:clamp(.875rem,.786rem + .45vw,1rem) } } [class*="--desc"] ul,[class*=__desc] ul { padding-left: 1.2em; font-size: inherit } .decimal-leading-zero { counter-reset: item } .decimal-leading-zero>article,.decimal-leading-zero>li { counter-increment: item } .decimal-leading-zero>article::after,.decimal-leading-zero>li::after { content: counter(item,decimal-leading-zero) ". " } .text-block ul { margin-block:1em;padding-left: .8em } .text-block ul>li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px } .text-block ul>li::before { display: block; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 10px; background-color: currentColor; width: 4px; height: 4px; content: "" } .text-block h3,.text-block h4,.text-block p:not(:last-of-type),p:not(:last-of-type) { margin-bottom: 1em } .swiper { width: 100%; max-width: 100% } .markers-check,.problems-list { display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: 12px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none } .markers-check>li,.problems-list>li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(1.125rem,1.015rem + .49vw,1.25rem) } .markers-check>li::before,.problems-list>li::before { -ms-flex-negative: 0; flex-shrink: 0; background-image: url(/local/templates/main/assets/css/../img/general/price/marker.svg); background-position: center; background-size: contain; background-repeat: no-repeat; width: clamp(1.25rem,1.029rem + .98vw,1.5rem); height: clamp(1.25rem,1.029rem + .98vw,1.5rem); content: "" } .swiper-pagination-bullet { background: #b1b0b0; border: 1px soild var(--color-ivory) } .swiper-pagination-bullet-active{ background: var(--swiper-pagination-color,var(--swiper-theme-color)); } @font-face { font-family: Roboto; src: url(/local/templates/main/assets/css/../fonts/Roboto-Regular.woff2) format("woff2"); font-weight: 400; font-display: swap; font-style: normal } @font-face { font-family: Roboto; src: url(/local/templates/main/assets/css/../fonts/Roboto-SemiBold.woff2) format("woff2"); font-weight: 600; font-display: swap; font-style: normal } @font-face { font-family: Roboto; src: url(/local/templates/main/assets/css/../fonts/Roboto-Bold.woff2) format("woff2"); font-weight: 700; font-display: swap; font-style: normal } :root { --base-font: 'Roboto',sans-serif; --second-family: 'Nunito Sans',sans-serif; --third-family: 'Inter',sans-serif; --font-size: 16px; --line-height: 1.4; --border-radius: 4px; --box-shadow: 0 10px 20px rgb(0 0 0 / 15%); --transition: 0.25s ease-in-out; --max-width-content: 1440px; --scroll-padding-top: 3%; --green-main: #2bac68; --color-deep-grey: currentColor; --color-white: #ffffff; --color-light-grey: #f8f8f8; --color-grey: #666666; --color-green: #34ae6b; --color-green-2: #298955; --color-blue: #2587f9; --color-header-btn: #2bac68; --color-white-30: rgba(255, 255, 255, 0.3); --color-ivory: #e0e0e0; --color-light-blue: #eef2fa; --color-orange: #cf4b12; --color-error: #d8464d; --gradient-accent: linear-gradient(108.835deg, var(--color-green, #34ae6b) 3.2197%, var(--color-blue, #2587f9) 86.856%); --input-shadow: 0 4px 25px rgba(1, 8, 3, 0.08); --button-secondary-hover-shadow: 0 4px 25px 0 rgba(1, 8, 3, 0.18); --dropdown-shadow: 0 4px 25px 0 rgba(1, 8, 3, 0.08); --dropdown-panel-gradient: linear-gradient(147.794deg, rgba(43, 172, 104, 0.2) 8.0596%, rgba(37, 135, 249, 0.2) 92.867%); --spacing-4: 4px; --spacing-8: 8px; --spacing-12: 12px; --primary: #409eff; --primary-dark: #337ecc; --success: #67c23a; --success-light: #f0f9eb; --warning: #e6a23c; --warning-light: #fdf6ec; --error-light: #fef0f0; --base-dark: #333; --dark: #444; --info: #666; --default: #999; --neutral: #ddd; --line: #eee; --bg: #f3f3f3; --light: #f8f8f8; --base-light: #fff; --swiper-pagination-bullet-size: 10px; --swiper-pagination-bullet-horizontal-gap: 0; --swiper-pagination-bullet-border-radius: 20px; --swiper-pagination-color: #34ae6b; --swiper-pagination-bullet-inactive-color: #ffffff; --swiper-pagination-bullet-inactive-opacity: 0.7; --z-index-header: 100; --z-index-menu: 200; --z-index-overlay: 900; --z-index-modal: 1000; --header-height-real: 140px; } .container { padding: 0 60px; max-width: 1440px; width: 100%; margin: 0 auto } @media (max-width: 1279px) { .container { padding:0 16px } } @media (min-width: 768px) and (max-width:1279px) { .container { padding:0 45px } } .offset { margin-bottom: 32px } .text-xs { font-size: 12px } .text-s { font-size: 14px } .text-m { font-size: 16px } @media (max-width: 1279px) { .text-m { font-size:14px } } .text-l { font-size: 18px } .text-xl { font-size: 20px } .caps { text-transform: uppercase } .medium { font-weight: 500 } .bold { font-weight: 600 } .h1 { font-size: 48px } .h2 { font-size: 32px } @media (max-width: 1279px) { .h1 { font-size:32px } .h2 { font-size: 24px } } .h3 { font-size: 24px } .h4 { font-size: 20px } .header { position: relative; z-index: var(--z-index-header) } .header__container { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 26px; min-height: 84px } @media (max-width: 1279px) { .h3 { font-size:20px } .h4 { font-size: 18px } .header__container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } @media (min-width: 1280px) and (max-width:1400px) { .header__container,.header__container .header__nav-list,.header__container .header__right { gap:8px } } .header__logo { display: block; -ms-flex-negative: 0; flex-shrink: 0 } .header__logo-img { display: block; width: 198px; height: 64px; -o-object-fit: contain; object-fit: contain } @media (max-width: 1279px) { .header__logo-img { width:195px; height: 64px } } @media (max-width: 767px) { .header__container { min-height:48px } .header__logo-img { width: 172px; height: 56px } } .header__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 0 } @media (max-width: 1279px) { .header__nav { position:fixed; top: var(--header-height-real); right: -110%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: right var(--transition); transition: right var(--transition); background-color: var(--color-white,#fff); padding: 15px 25px; width: 100%; height: 100%; max-height: calc(100svh - var(--header-height-real)) } .header__nav.menu--active { right: 0 } .header__nav.menu--active::after { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; background-color: var(--color-white,#fff); width: 100vw; height: calc(100dvh - var(--header-height-real)); content: "" } } @media (max-width: 767px) { .header__nav { padding:15px 16px } } .header__nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; margin: 0; padding: 0; list-style: none } @media (max-width: 1279px) { .header__nav-list { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; width: 100%; overflow-y: auto } } .header__nav-item--dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; position: static; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; -webkit-transition: rotate var(--transition); transition: rotate var(--transition) } .header__nav-item--dropdown[aria-expanded=true]>.js-dropdown-trigger { color: var(--color-green) } @media (max-width: 1279px) { .header__nav-item--dropdown { display:-ms-grid; display: grid; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); background: var(--color-white); padding: 15px 20px; width: 100% } } .header__nav-item--dropdown:not(:has(.submenu)) .header__nav-caret { display: none } .header__nav-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; -webkit-transition: color .2s; transition: color .2s; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif; text-decoration: none } .header__nav-link:hover { color: var(--color-green,#34ae6b) } .header__nav-caret { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color var(--transition),-webkit-transform var(--transition); transition: color var(--transition),-webkit-transform var(--transition); transition: color var(--transition),transform var(--transition); transition: color var(--transition),transform var(--transition),-webkit-transform var(--transition); width: 15px; height: 15px; color: inherit } .header__nav-caret:hover { color: var(--color-green) } .header__nav-item--dropdown[aria-expanded=true] .header__nav-caret { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } .header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px } @media (max-width: 767px) { .header__right { gap:16px; margin-left: auto } } .header__phone { -webkit-transition: color .2s; transition: color .2s; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 16px; line-height: 1.1; font-family: var(--base-font),sans-serif; text-decoration: none; white-space: nowrap } .header__phone:hover { color: var(--color-green,#34ae6b) } @media (max-width: 1279px) { .header__phone { display:none } .mobile-actions .header__phone { display: block } } .header__search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color .2s; transition: color .2s; cursor: pointer; border: none; background: 0 0; padding: 0; width: 24px; height: 24px; color: var(--color-deep-grey,currentColor) } .header__search:hover { color: var(--color-green,#34ae6b) } .header__search-icon { display: block; width: 24px; height: 24px } .header__burger { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 200; cursor: pointer; border: none; background: 0 0; padding: 0; width: 24px; height: 24px; color: var(--color-deep-grey,currentColor) } @media (max-width: 1279px) { .header__burger { display:-webkit-box; display: -ms-flexbox; display: flex } } .header__burger .icon-close { display: none } .header__burger.burger--active .icon-close { display: block; width: 24px; height: 24px } .header__burger.burger--active .header__burger-icon { display: none } .header__burger-icon { display: block; width: 24px; height: 24px } .header__btn { background: var(--color-header-btn,#2bac68)!important; padding-right: 20px; padding-left: 20px; width: 200px } .header__btn:hover { background: var(--color-green-2,#298955)!important } @media (max-width: 1279px) { .header__btn { display:none } } .submenu { --width--sub-menu--list: 312px; display: none; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; visibility: hidden; opacity: 0; transition-behavior: allow-discrete; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-property: opacity,display,visibility; transition-property: opacity,display,visibility; background: var(--color-white); background-position: 620px center; background-repeat: no-repeat; padding-top: 10px; width: 100%; max-width: 444px; overflow: hidden; pointer-events: none } .submenu.is-open { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; transition-behavior: allow-discrete; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-property: opacity,display,visibility; transition-property: opacity,display,visibility; pointer-events: all } .submenu-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; width: 100% } @media screen and (min-width: 1280px) { .submenu { position:absolute; top: 110%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); border-radius: 30px; padding-top: 0; max-width: min(1096px,98vw); min-height: 300px } .submenu-list { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 0; background: linear-gradient(139deg,rgba(43,172,104,.2) 0,rgba(37,135,249,.2) 100%); padding: 30px 0 30px 30px; max-width: var(--width--sub-menu--list) } } .submenu-list__item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: clamp(1.25rem,-.404rem + 7.35vw,3.125rem); -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); border-radius: 8px; padding: 10px clamp(.625rem,.074rem + 2.45vw,1.25rem); width: 100% } @media (min-width: 1280px) { .submenu-list__item { -webkit-box-shadow:none; box-shadow: none; border-radius: 8px 0 0 8px } .submenu-list__item:hover { background: var(--color-white) } .submenu-list__item:hover>a,.submenu-list__item:hover>button { color: var(--green-main); font-weight: 600 } .submenu-list__item:hover .submenu-content,.submenu-list__item:hover .submenu-content__full { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; visibility: visible; opacity: 1; z-index: 1; pointer-events: all } .submenu-list__item:hover .submenu-content .submenu-content__wrapper,.submenu-list__item:hover .submenu-content__full .submenu-content__wrapper { display: -ms-grid; display: grid; grid-template-columns: repeat(2,1fr); -ms-flex-line-pack: start; align-content: flex-start; gap: 30px } .submenu-list__item:hover .submenu-content .submenu-content__wrapper:has(ul.fourth-level),.submenu-list__item:hover .submenu-content__full .submenu-content__wrapper:has(ul.fourth-level) { -ms-grid-columns: 1fr; grid-template-columns: 1fr } .submenu-list__item:hover .submenu-content .submenu-content__wrapper:has(ul.fourth-level) .submenu-content__list,.submenu-list__item:hover .submenu-content__full .submenu-content__wrapper:has(ul.fourth-level) .submenu-content__list { -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; row-gap: 12px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .submenu-list__item:hover .submenu-content .submenu-content__advantages { position: absolute; top: 30px; right: 30px; z-index: 1; border-radius: 16px; background: var(--color-light-grey); padding: 28px 18px 28px 20px; max-width: 330px; color: #000; font-weight: 400; font-size: 16px; line-height: 1.3 } } @media (min-width: 1280px) and (max-width:1279px) { .submenu-list__item:hover .submenu-content .submenu-content__advantages { background-color:transparent; padding: 0 } } @media (min-width: 1280px) { .submenu-list__item:hover .submenu-content__full .submenu-content__wrapper { grid-template-columns: repeat(4,1fr) } .submenu-list__item:hover .submenu-content__full .submenu-content__block { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-grid-column: 1; grid-column: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 2 } .submenu-list__item:hover .submenu-content__full .submenu-content__block.block--1-1 { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1 } .submenu-list__item:hover .submenu-content__full .submenu-content__block.block--1-2 { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 2; grid-column: 2 } .submenu-list__item:hover .submenu-content__full .submenu-content__block.block--1-3 { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 3; grid-column: 3 } .submenu-list__item:hover .submenu-content__full .submenu-content__block.block--1-4 { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 4; grid-column: 4 } .submenu-list__item:hover .submenu-content__full .submenu-content__block.block--span { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .submenu-list__item:hover .submenu-content__full .submenu-content__block.block--span-2 { -ms-grid-column-span: 2; grid-column: span 2 } .submenu-list__item:hover .submenu-content__full .submenu-content__block.block--2-span-2 { -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2/4 } .submenu-list__item:hover .submenu-content__full .submenu-content__advantages { position: absolute; top: initial; right: 30px; bottom: 30px; border-radius: 16px; background: var(--color-light-grey); padding: 28px 18px 28px 20px; max-width: 330px; color: #000; font-weight: 400; font-size: 16px; line-height: 1.3 } .submenu-list__item:hover .submenu-content__wrapper.columns-auto { grid-auto-flow: column } .submenu-list__item:hover .submenu-content__wrapper.columns-auto .submenu-content__block { grid-column: auto } } @media (min-width: 1280px) and (max-width:1279px) { .submenu-list__item:hover .submenu-content__full .submenu-content__advantages { background-color:transparent; padding: 0 } } .submenu-list__item-link { font-size: clamp(.875rem,.765rem + .49vw,1rem); text-align: left } .submenu-list__item-link::before { rotate: -90deg; width: 16px; height: 16px; font-weight: 400 } @media screen and (min-width: 1280px) { .submenu-list__item-link::before { width:100%; content: none } .submenu-list__item-link { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-shadow: none; box-shadow: none; background: 0 0; width: 100% } } .submenu-list__item button.submenu-list__item-link { cursor: default!important } .submenu-list__item .submenu-content__advantages { position: relative; z-index: 1 } .submenu-list__item .fourth-level { display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 25px } .submenu-list__item .fourth-level a:hover { color: var(--color-green) } .submenu-list__item-title { color: #fff; font-weight: 500; font-size: 16px } .submenu-list__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .submenu-content { display: none; position: fixed; top: 0; right: -100%; bottom: 0; visibility: hidden; opacity: 0; z-index: 0; transition-behavior: allow-discrete; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-property: opacity,display,visibility; transition-property: opacity,display,visibility; background: var(--color-white); padding: 30px 30px 30px 24px; width: 100%; pointer-events: none } @media screen and (min-width: 1280px) { .submenu-list__item .btn--openlastmenu { display:none } .submenu-content { position: absolute; top: 0; right: 0; max-width: calc(100% - var(--width--sub-menu--list)) } } .submenu-content.is-open { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; visibility: visible; opacity: 1; z-index: 1; pointer-events: all } @media (max-width: 1279px) { .submenu-content.is-open { right: 0; grid-template-columns: repeat(2, auto); /* Стандартное рабочее свойство */ padding: calc(var(--header-height-real) + 20px) 30px 20px 24px; } .submenu-content.is-open::before { position: fixed; top: 0; right: 0; left: 0; z-index: 2; background-color: var(--color-white); height: var(--header-height-real); content: "" } } @media (max-width: 767px) { .submenu-content.is-open { padding:calc(var(--header-height-real) + 20px) 16px 20px 16px } } .submenu-content__wrapper { display: -ms-grid; display: grid; grid-template-columns: repeat(2,1fr); -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; gap: 30px } .submenu-content__full.is-open .submenu-content__wrapper { display: -ms-grid; display: grid; grid-template-columns: repeat(4,1fr); grid-auto-rows: auto } @media screen and (max-width: 768px) { .submenu-content__full.is-open .submenu-content__wrapper { overflow-y:auto } } @media screen and (max-width: 640px) { .submenu-content__full.is-open .submenu-content__wrapper { grid-template-columns: repeat(2,auto) } } .columns-auto.is-open .submenu-content__wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-auto-flow: column } .submenu-content .btn--back { display: none } @media (max-width: 1279px) { .submenu-content .btn--back { display:-webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 30px; left: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; z-index: 2; -webkit-box-shadow: none; box-shadow: none; border: none; padding: 0; color: #000; font-weight: 400; font-size: 16px; line-height: 130% } } .submenu-content__heading { display: none } @media (max-width: 1279px) { .submenu-content__heading { display:block; color: var(--green-main); font-weight: 600; font-size: 16px; line-height: 130% } } .submenu-content__title { margin-bottom: 16px; color: var(--color-deep-grey); font-weight: 600; font-size: 16px } @media (min-width: 1280px) { .submenu-content a.submenu-content__title { -webkit-transition:color .3s; transition: color .3s } .submenu-content a.submenu-content__title:hover { color: var(--color-green); text-decoration: underline } } .submenu-content__list.grid--list { display: -ms-grid; display: grid; position: relative; grid-template-columns: repeat(2,1fr); gap: 16px; z-index: 1 } @media (max-width: 1279px) { .submenu-content__list.grid--list { grid-template-columns:repeat(auto-fill,minmax(min(156px,100%),1fr)); -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3 } } @media (max-width: 767px) { .submenu-content .btn--back { top:6%; left: 12px } .submenu-content__list.grid--list { grid-template-columns: repeat(auto-fill,minmax(min(140px,100%),1fr)) } } .submenu-content__list:not(:has(.submenu-content__link-img)) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px } .submenu-content__list:not(:has(.submenu-content__link-img)):has(.fourth-level) { gap: 12px } .submenu-content__list:not(:has(.submenu-content__link-img)) li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px } .submenu-content__list:not(:has(.submenu-content__link-img)) li::before { margin-top: -2px; border-radius: 10px; background-color: var(--color-green); width: 8px; height: 8px; content: "" } .submenu-content__list:not(:has(.submenu-content__link-img)) li:has(.fourth-level) { display: -ms-grid; display: grid; -ms-grid-columns: auto auto 1fr; grid-template-columns: auto auto 1fr } .submenu-content__list:not(:has(.submenu-content__link-img)) li:has(.fourth-level)::before { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1 } .submenu-content__list:not(:has(.submenu-content__link-img)) li:has(.fourth-level) .submenu-content__link { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 2; grid-column: 2 } .submenu-content__list:not(:has(.submenu-content__link-img)) li:has(.fourth-level) .fourth-level { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2/3; padding-left: 50px } @media (max-width: 1279px) { .submenu-content__list:not(:has(.submenu-content__link-img)) li:has(.fourth-level) .fourth-level { padding-left:10vw } } .submenu-content__list-item { display: block; position: relative; z-index: 1; cursor: auto; border-radius: 20px; background-color: rgba(255,255,255,.05) } .submenu-content__block { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-grid-column: 1; grid-column: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 2 } .submenu-content__block:not(:has(.submenu-content__list)) .submenu-content__title { margin: 0 } .submenu-content__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -webkit-transition: color .2s,-webkit-box-shadow .2s; transition: color .2s,box-shadow .2s,-webkit-box-shadow .2s; -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); border: 1px solid transparent; border-radius: 10px; background: var(--color-white); padding: 20px; font-size: 16px; line-height: 1.3 } .submenu-content__link:hover { -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.22); box-shadow: 0 4px 25px 0 rgba(1,8,3,.22); color: var(--color-green) } .submenu-content__link:not(:has(.submenu-content__link-img)) { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition: color .2s; transition: color .2s; -webkit-box-shadow: none; box-shadow: none; background: 0 0; padding: 0 } .submenu-content__link:not(:has(.submenu-content__link-img)):hover { color: var(--color-green) } .submenu-content__link-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: clamp(4.625rem,1.435rem + 6.65vw,7.25rem); height: clamp(2.75rem,.775rem + 4.11vw,4.375rem); overflow: hidden } .submenu-content__link-img img { -webkit-transition: .4s ease-in; transition: .4s ease-in; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .submenu-content__link-title { font-size: 16px; text-align: center } .submenu-content__decor { position: absolute; right: -150px; bottom: -150px; background-position: center; background-size: auto; background-repeat: no-repeat; width: 512px; height: 512px } .submenu-content__decor img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center } .submenu-content__decor::before { position: absolute; -webkit-transform: rotate(100deg); -ms-transform: rotate(100deg); transform: rotate(100deg); z-index: 0; mix-blend-mode: color; inset: -20px; background: linear-gradient(230deg,#34ae6b 15%,#2587f9 90%); content: "" } .submenu-content__full .submenu-content__heading { -ms-grid-row: 1; grid-row: 1 } .submenu-content__full .submenu-content__block { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-grid-column: 1; grid-column: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 1 } .submenu-content__full .submenu-content__block.block--1-1 { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1 } .submenu-content__full .submenu-content__block.block--1-2 { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 2; grid-column: 2 } @media screen and (max-width: 560px) { .submenu-content__full .submenu-content__block.block--1-2 { -ms-grid-row:2; grid-row: 2; -ms-grid-column: 1; grid-column: 1 } } .submenu-content__full .submenu-content__block.block--1-3 { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 3; grid-column: 3 } @media screen and (max-width: 640px) { .submenu-content__decor { right:-195px; bottom: -164px } .submenu-content__full .submenu-content__block.block--1-3 { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 1; grid-column: 1 } } @media screen and (max-width: 560px) { .submenu-content__full .submenu-content__block.block--1-3 { -ms-grid-row:3; grid-row: 3 } } .submenu-content__full .submenu-content__block.block--1-4 { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 4; grid-column: 4 } @media screen and (max-width: 640px) { .submenu-content__full .submenu-content__block.block--1-4 { -ms-grid-row:2; grid-row: 2; -ms-grid-column: 2; grid-column: 2 } } @media screen and (max-width: 560px) { .submenu-content__full .submenu-content__block.block--1-4 { -ms-grid-row:4; grid-row: 4; -ms-grid-column: 1; grid-column: 1 } } .submenu-content__full .submenu-content__block.block--span { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1/4; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 9px } @media screen and (max-width: 640px) { .submenu-content__full .submenu-content__block.block--span { display:-ms-grid; display: grid; grid-template-columns: repeat(2,1fr); -ms-grid-row: 3; grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; gap: 30px } } @media screen and (max-width: 560px) { .submenu-content__full .submenu-content__block.block--span { -ms-grid-columns:1fr; grid-template-columns: 1fr; -ms-grid-row: 5; grid-row: 5; -ms-grid-column: 1; grid-column: 1 } } .mobile-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; margin-top: auto; background-color: var(--color-white); padding-top: 15px } .mobile-actions .btn--primary { padding: 10px 16px; width: auto } @media (min-width: 1280px) { .mobile-actions { display:none } } .header__search--wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px } .header__search--wrap.open .input-wrap { visibility: visible; opacity: 1; width: 760px; overflow: auto } @media (max-width: 1023px) { .header__search--wrap.open .input-wrap { width:calc(100vw - 90px - 100px) } } .header__search--wrap .input-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: -13px; right: 16px; row-gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; visibility: hidden; opacity: 0; z-index: 0; -webkit-transition: width .3s cubic-bezier(.2,.9,.4,1.1); transition: width .3s cubic-bezier(.2,.9,.4,1.1); width: 0; overflow: hidden } .header__search--wrap input { border-radius: 30px; background: var(--color-light-grey); padding: 16px 80px 16px 16px; width: 100%; height: 53px; color: var(--color-deep-grey); font-weight: 400; font-size: 16px; line-height: 130% } .header__search--wrap input:focus-within { outline: 0; -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08) } @media (max-width: 767px) { .header__search--wrap.open .input-wrap { width:calc(100vw - 32px - 100px) } .header__search--wrap input { padding-block:0;height: 48px; font-size: 14px } } .header__search--wrap button { position: relative; z-index: 2; width: 24px; height: 24px } .header__search--wrap .results-area { display: none } .header__search--wrap .results-area.active { display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); border-radius: 16px; background: var(--color-white); padding: 16px } .header__search--wrap .result-item { -webkit-transition: color .1s; transition: color .1s; cursor: pointer; padding: 4px; color: var(--color-deep-grey); font-weight: 400; font-size: 16px; line-height: 130% } .header__search--wrap .result-item:hover { color: var(--color-green) } .header__search--wrap .empty-results { padding: 20px 0; color: #8d9bb0; font-size: 14px; text-align: center } .header__search--wrap .clear-btn { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 14px; right: 44px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background .2s; transition: background .2s; cursor: pointer; border: none; border-radius: 50%; background: var(--color-light-grey); padding: 0 } .header__search--wrap .clear-btn svg { -ms-flex-negative: 0; flex-shrink: 0; width: 24px; height: 24px } .header__search--wrap .clear-btn:hover { background: #e9edf2 } .header__search--wrap .clear-btn.hidden { display: none } .footer { position: relative; z-index: 1; padding-bottom: 0 } .footer .container { position: relative; padding-top: 41px; padding-bottom: 0 } .footer__promo { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; padding-bottom: 48px; overflow: hidden } @media (min-width: 1280px) { .footer__promo { -webkit-box-align:center; -ms-flex-align: center; align-items: center; padding-bottom: 73px } } @media (max-width: 1279px) { .footer__promo { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; padding-bottom: 32px } } @media (min-width: 768px) and (max-width:1279px) { .footer .container { padding-top:100px } .footer__promo { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; padding-bottom: 40px } } @media (max-width: 767px) { .header__search--wrap .result-item { font-size:14px } .header__search--wrap .clear-btn { top: 17px; right: 25px; width: 20px; height: 20px } .footer .container { padding-top: 30px } .footer__promo { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; padding-bottom: 40px } } .footer__promo-text { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; z-index: 1; max-width: 648px } @media (max-width: 1279px) { .footer__promo-text { max-width:100% } .footer__promo-btn { margin-top: 0 } } @media (min-width: 768px) and (max-width:1279px) { .footer__promo-text { gap:12px; margin-bottom: 22px; max-width: 595px } } .footer__promo-title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .footer__promo-title { font-size:26px } } @media (max-width: 767px) { .footer__promo-text { gap:12px; max-width: 100% } .footer__promo-title { max-width: 280px; font-size: 20px } } .footer__promo-subtitle { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: normal; font-family: var(--base-font),sans-serif } .footer__promo-btn { position: relative; -ms-flex-negative: 0; flex-shrink: 0; z-index: 1; margin-right: 162px; white-space: nowrap } @media (min-width: 768px) and (max-width:1279px) { .footer__promo-subtitle { font-size:14px } .footer__promo-btn { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-top: 0; margin-right: 0 } } @media (max-width: 767px) { .footer__promo-subtitle { max-width:316px; font-size: 14px } .footer__promo-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 8px auto 0; padding-right: 20px; padding-left: 20px; width: 220px; max-width: 100%; height: 50px; font-size: 14px; line-height: 1.1 } } .footer__divider { margin: 0; background: var(--color-ivory,#e0e0e0); height: 1px } .footer__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 60px; padding: 40px 0 } @media (min-width: 768px) and (max-width:1279px) { .footer__top { position:relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; padding: 31px 0 40px } } @media (max-width: 767px) { .footer__top { position:relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; padding: 31px 0 40px } } .footer__brand { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; width: 196px } @media (min-width: 1280px) { .footer__top { gap:0 } .footer__brand { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 115px; width: 196px } } @media (max-width: 1279px) { .footer__brand { width:100%; max-width: 220px } } @media (min-width: 768px) and (max-width:1279px) { .footer__brand { gap:0; margin-right: 0; width: 196px; min-width: 196px; max-width: none } } @media (max-width: 767px) { .footer__brand { position:relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; margin-right: 0; margin-bottom: 24px; width: 100%; max-width: none } .footer__logo { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px } } .footer__logo { display: block; margin-bottom: 20px; width: 40px; height: 40px } .footer__logo-img { display: block; width: 100%; height: auto; -o-object-fit: contain; object-fit: contain } .footer__socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; color: var(--color-deep-grey,currentColor) } @media (min-width: 768px) and (max-width:1279px) { .footer__socials { gap:10px } } @media (max-width: 767px) { .footer__socials { position:static; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; margin-left: 0 } .footer__social { width: 24px; height: 24px } } .footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity .2s; transition: opacity .2s; color: var(--color-deep-grey,currentColor) } .footer__social svg { display: block; width: 24px; height: 24px } .footer__social img { display: block; width: auto; height: 24px; -o-object-fit: contain; object-fit: contain } .footer__social:hover { opacity: .7 } .footer__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; margin-bottom: 56px; font-style: normal } @media (min-width: 1280px) { .footer__contacts { margin-bottom:19px } } @media (min-width: 768px) and (max-width:1279px) { .footer__contacts { margin-bottom:18px } } @media (max-width: 767px) { .footer__contacts { margin-right:30px; margin-bottom: 20px; min-width: 0 } } .footer__contact { -webkit-transition: color .2s; transition: color .2s; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 14px; line-height: 1.3; font-family: var(--base-font),sans-serif; text-decoration: none } .footer__contact:hover { color: var(--color-green,#34ae6b) } .footer__address { margin: 0; width: 186px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 14px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 1279px) { .footer__address { width:auto } } @media (max-width: 767px) { .footer__address { width:186px } } .footer__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px; padding-top: 0 } @media (min-width: 1280px) { .footer__nav { -webkit-box-flex:1; -ms-flex: 1; flex: 1; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 0; padding-top: 0; min-width: 0 } } @media (min-width: 768px) and (max-width:1279px) { .footer__address { width:186px } .footer__nav { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; row-gap: 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; /* gap: 86px; */ padding-top: 40px; width: 100% } } @media (max-width: 767px) { .footer__nav { display:-ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; row-gap: 40px; gap: 40px; padding-top: 0 } } .footer__nav-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; min-width: 80px } @media (min-width: 1280px) { .footer__nav-col { gap:0; min-width: 0 } .footer__nav-col:nth-child(1) { -ms-flex-negative: 0; flex-shrink: 0; margin-right: auto; width: 89px } .footer__nav-col:nth-child(2) { -ms-flex-negative: 0; flex-shrink: 0; margin-right: auto; /* width: 218px */ } .footer__nav-col:nth-child(3) { -ms-flex-negative: 0; flex-shrink: 0; margin-right: auto; width: 218px } .footer__nav-col:nth-child(4) { -ms-flex-negative: 0; flex-shrink: 0; width: 147px } } @media (min-width: 768px) and (max-width:1279px) { .footer__nav-col { gap:0; margin-right: 0; min-width: auto } .footer__nav-col:nth-child(1) { -ms-flex-negative: 0; flex-shrink: 0 } .footer__nav-col:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0 } .footer__nav-col:nth-child(3) { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0 } .footer__nav-col:nth-child(4) { flex-shrink: 0; margin-right: 0; } } @media (max-width: 767px) { .footer__nav-col { gap:0; min-width: auto } .footer__nav-col:nth-child(4) { -ms-flex-negative: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 4; } .footer__nav-col:nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 1 } .footer__nav-col:nth-child(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 2 } .footer__nav-col:nth-child(3) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 3; } } .footer__nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none } .footer__nav-list--spaced { margin-top: 16px } @media (min-width: 1280px) { .footer__nav-list--spaced { margin-top:134px } } .footer__nav-link { -webkit-transition: color .2s; transition: color .2s; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 14px; line-height: 1.3; font-family: var(--base-font),sans-serif; text-decoration: none } .footer__nav-link:hover { color: var(--color-green,#34ae6b) } .footer__nav-link--bold { font-weight: 600 } @media (min-width: 768px) and (max-width:1279px) { .footer__nav-list--spaced { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; margin-top: 129px } .footer__nav-link--bold { font-size: 14px; line-height: 1.1 } } @media (max-width: 767px) { .footer__nav-list--spaced { -ms-flex-negative:0; flex-shrink: 0; gap: 8px; margin-top: 0; width: 100px } .footer__nav-link--bold { font-size: 14px; line-height: 1.1 } } .footer__nav-link--muted { color: var(--color-grey,#666); font-size: 12px } @media (min-width: 1280px) { .footer__nav-link--muted { color:var(--color-deep-grey,currentColor); font-weight: 400; font-size: 14px; line-height: 1.3 } } .footer__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px; padding: 20px 0 24px } @media (min-width: 1280px) { .footer__bottom { -webkit-box-align:end; -ms-flex-align: end; align-items: flex-end; padding: 21px 0 24px } } @media (max-width: 1279px) { .footer__bottom { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; padding: 20px 0 24px } } @media (min-width: 768px) and (max-width:1279px) { .footer__nav-link--muted { color:var(--color-deep-grey,currentColor); font-weight: 400; font-size: 14px; line-height: normal } .footer__bottom { gap: 6px } } @media (max-width: 767px) { .footer__nav-link--muted { max-width:295px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 14px; line-height: normal } .footer__bottom { gap: 6px } } .footer__copy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } @media (min-width: 768px) and (max-width:1279px) { .footer__copy { gap:0; margin-bottom: 4px; width: auto } .footer__copy p:first-child { font-weight: 600; font-size: 14px; line-height: 1.1 } .footer__copy p:last-child { display: none } } .footer__copy-text { margin: 0; color: var(--color-grey,#666); font-weight: 600; font-size: 14px; line-height: normal; font-family: var(--base-font),sans-serif } @media (max-width: 767px) { .footer__copy { gap:0; margin-bottom: 0; width: 100%; max-width: 100% } .footer__copy p:first-child { font-weight: 600; font-size: 14px; line-height: 1.1 } .footer__copy p:last-child { display: none } .footer__copy-text { line-height: 1.1 } } .footer__legal { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1280px) { .footer__legal { display: contents; } } @media (min-width: 768px) and (max-width:1279px) { .footer__legal { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } } .footer__legal-lead { display: none } @media (min-width: 768px) and (max-width:1279px) { .footer__legal-lead { display:block; color: var(--color-grey,#666); font-weight: 600; font-size: 14px; line-height: 1.1; font-family: var(--base-font),sans-serif; white-space: nowrap } } @media (max-width: 767px) { .footer__legal { gap: 10px; -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer__legal-lead { display: block; color: var(--color-grey,#666); font-weight: 600; font-size: 14px; line-height: 1.1; font-family: var(--base-font),sans-serif; white-space: nowrap } } .footer__legal-link { -webkit-transition: color .2s; transition: color .2s; color: var(--color-grey,#666); font-weight: 600; font-size: 14px; line-height: normal; font-family: var(--base-font),sans-serif; text-decoration: none } .footer__legal-link:hover { color: var(--color-deep-grey,currentColor) } @media (min-width: 768px) and (max-width:1279px) { .footer__legal-link { line-height:1.1 } } .footer__bg { position: absolute; /* top: -1%; */ right: 50px; z-index: 0; width: 345px; /* height: 286px; */ pointer-events: none } .footer__bg img { display: block; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } @media (max-width: 767px) { .footer__legal-link { line-height:1.1 } .footer__bg { top: 3%; right: 0; left: auto; width: 256px; height: 212px } } .ui-kit { background: var(--color-deep-grey,currentColor); color: var(--color-white,#fff) } .ui-kit__container { max-width: 1320px; margin: 0 auto; padding: 100px 60px } @media (max-width: 1279px) { .ui-kit__container { padding:60px 16px } } .ui-kit__section { margin-bottom: 80px } .ui-kit__section-title { font-family: var(--base-font),sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.1; padding: 10px 0; border-bottom: 1px solid var(--color-white,#fff); margin: 0 0 24px } .ui-kit__subsection-title { font-family: var(--base-font),sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.3; margin: 0 0 16px } .ui-kit__grid-info { font-family: var(--base-font),sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.3; max-width: 731px } .ui-kit__colors { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; margin-bottom: 32px } .ui-kit__colors--base { margin-bottom: 48px } .ui-kit__swatch { width: 88px; height: 88px; border-radius: 4px; -ms-flex-negative: 0; flex-shrink: 0 } .ui-kit__swatch--wide { width: 200px } .ui-kit__colors-row { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 133px; margin-bottom: 48px } @media (max-width: 767px) { .ui-kit__colors-row { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px } } .ui-kit__colors--extra { margin-bottom: 0 } .ui-kit__font-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 142px; margin-bottom: 57px } @media (max-width: 1279px) { .ui-kit__font-block { -ms-flex-wrap:wrap; flex-wrap: wrap; gap: 24px } } .ui-kit__font-preview { width: 53px; height: 55px; border-radius: 10px; background: var(--color-deep-grey,currentColor); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0 } .ui-kit__font-preview-letter { font-family: var(--base-font),sans-serif; font-size: 24px; font-weight: 600; line-height: 1.1; color: var(--color-white,#fff) } .ui-kit__font-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; -ms-flex-negative: 0; flex-shrink: 0 } .ui-kit__font-meta { font-family: var(--base-font),sans-serif; font-size: 12px; font-weight: 400; line-height: 1.1; color: var(--color-light-grey,#f8f8f8); margin: 0 } .ui-kit__font-name { font-family: var(--base-font),sans-serif; font-size: 24px; font-weight: 400; line-height: 1.1; color: var(--color-white,#fff); margin: 0 } .ui-kit__font-desc { font-family: var(--base-font),sans-serif; font-size: 14px; font-weight: 400; line-height: 1.1; color: var(--color-white,#fff); margin: 0; max-width: 696px } .ui-kit__column-title { font-family: var(--base-font),sans-serif; font-size: 16px; font-weight: 400; line-height: 1.1; padding: 10px 0; border-bottom: 1px solid var(--color-white,#fff); margin: 0 0 24px } .ui-kit__typo-grid { display: -ms-grid; display: grid; -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; -webkit-column-gap: 118px; -moz-column-gap: 118px; column-gap: 118px; row-gap: 24px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .ui-kit__typo-label { font-family: var(--base-font),sans-serif; font-size: 16px; font-weight: 400; line-height: 1.3; margin: 0; color: var(--color-white,#fff) } .ui-kit__typo-sample { margin: 0; color: var(--color-white,#fff) } .ui-kit__typo--h1 { font-family: var(--base-font),sans-serif; font-size: 64px; font-weight: 600; line-height: 1.3 } .ui-kit__typo--h2 { font-family: var(--base-font),sans-serif; font-size: 40px; font-weight: 600; line-height: 1.3 } .ui-kit__typo--h3 { font-family: var(--base-font),sans-serif; font-size: 24px; font-weight: 600; line-height: 1.3 } .ui-kit__typo--text-l { font-family: var(--base-font),sans-serif; font-size: 18px; font-weight: 400; line-height: 1.3 } .ui-kit__typo--text-l2 { font-family: var(--base-font),sans-serif; font-size: 18px; font-weight: 600; line-height: 1.3 } .ui-kit__typo--text-m { font-family: var(--base-font),sans-serif; font-size: 16px; font-weight: 400; line-height: 1.3 } .ui-kit__typo--text-button { font-family: var(--base-font),sans-serif; font-size: 16px; font-weight: 600; line-height: 1.1 } .ui-kit__typo--text-s { font-family: var(--base-font),sans-serif; font-size: 14px; font-weight: 400; line-height: 1.3 } .ui-kit__typo--links { font-family: var(--base-font),sans-serif; font-size: 12px; font-weight: 400; line-height: 1.3 } .ui-kit__components { background: var(--color-light-grey,#f8f8f8); color: var(--color-deep-grey,currentColor); padding: 24px; border-radius: 4px } .ui-kit__components-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px 24px; margin-bottom: 24px } .ui-kit__components-col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .link-arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 16px; line-height: 1.1; font-family: var(--base-font),sans-serif; text-decoration: none; white-space: nowrap } .link-arrow svg { -ms-flex-negative: 0; flex-shrink: 0; width: 24px; height: auto } .link-arrow:hover { opacity: .7 } .page__body--main .site-container { overflow-x: clip } .hero__bg-gradient { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: -10; width: 900px; height: 900px } .hero__bg-gradient svg { display: block; z-index: 0; width: 100%; height: 100% } .hero__bg-gradient--green { top: -9%; left: -200px } @media (max-width: 1279px) { .hero__bg-gradient--green { top:-26%; left: -10%; width: 700px; height: 700px } .hero__bg-gradient--blue { width: 700px; height: 700px } } @media (max-width: 767px) { .link-arrow { font-size:14px } .hero__bg-gradient--green { top: -69px; left: -213px } } .hero__bg-gradient--blue { top: -2%; left: 200px } .hero { position: relative; background: var(--color-white,#fff) } .hero__inner { padding-top: 200px } @media (max-width: 767px) { .hero__bg-gradient--blue { top:271px; left: -123px; opacity: .8; width: 600px; height: 600px } .hero__inner { position: relative; height: 100% } } .hero__title { z-index: 9; margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 64px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 1280px) { .hero__inner { position:relative; height: 100% } .hero__title { width: 740px } } @media (min-width: 768px) and (max-width:1279px) { .hero__inner { position:relative; height: 100% } .hero__title { margin: 0 0 16px; width: 100%; max-width: calc(100% - 90px); font-size: 42px; text-align: center } } @media (max-width: 767px) { .hero__title { margin:0 0 12px; width: 100%; max-width: calc(100% - 32px); max-width: none; font-size: 24px; text-align: center } } .hero__image-wrap { pointer-events: none } @media (min-width: 1280px) { .hero__image-wrap { position:absolute; top: 146px; right: 0; width: 672px; height: 555px } } @media (max-width: 767px) { .hero__image-wrap { position:absolute; top: 44px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 1; width: 617px; height: 510px } } @media (min-width: 768px) and (max-width:1279px) { .hero__image-wrap { position:absolute; top: 35px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 1; width: 663px; height: 548px } } .hero__image { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .hero__desc { z-index: 9; font-size: 18px } @media (min-width: 1280px) { .hero__desc { width:413px } } @media (max-width: 1279px) { .hero__inner { padding-top:105px } .hero__desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 90px); font-size: 16px; text-align: center } .hero__subtitle { margin-top: 0 } } @media (max-width: 767px) { .hero__desc { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 32px); font-size: 14px; text-align: center } } .hero__subtitle { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 1280px) { .hero__subtitle { margin-bottom:82px } } @media (max-width: 1279px) { .hero__subtitle { margin-bottom:24px; font-size: 16px } } @media (min-width: 768px) and (max-width:1279px) { .hero__subtitle { margin-bottom:90px; font-size: 16px; text-align: center } } .hero__actions { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; z-index: 1 } @media (max-width: 767px) { .hero__subtitle { margin-bottom:78px; max-width: 100%; font-size: 14px; text-align: center } .hero__actions { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; width: -webkit-max-content; width: -moz-max-content; width: max-content } } @media (min-width: 768px) and (max-width:1279px) { .hero__actions { position:relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; width: -webkit-max-content; width: -moz-max-content; width: max-content } } .hero__products { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; gap: 24px; z-index: 1; margin: 0; padding: 0; list-style: none } @media (max-width: 1279px) { .hero__products { -ms-flex-wrap:wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media (min-width: 768px) and (max-width:1279px) { .hero__products { -ms-flex-wrap:nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 48px; width: 100%; max-width: 100% } } .hero__product { position: relative; -ms-flex-negative: 0; flex-shrink: 0; z-index: 9; -webkit-transition: -webkit-transform var(--transition); transition: -webkit-transform var(--transition); transition: transform var(--transition); transition: transform var(--transition),-webkit-transform var(--transition); -webkit-box-shadow: var(--input-shadow); box-shadow: var(--input-shadow); border-radius: 16px; background: var(--color-white,#fff); padding: 20px 0; width: 100%; max-width: 200px; overflow: hidden } .hero__product:hover { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 0 8px 30px rgba(1,8,3,.12); box-shadow: 0 8px 30px rgba(1,8,3,.12) } .hero__product>a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; width: 100% } @media (min-width: 768px) and (max-width:1279px) { .hero__product { -webkit-box-flex:1; -ms-flex: 1 1 0px; flex: 1 1 0; border-radius: 12px; padding: 20px 0; width: auto; min-width: 0 } } @media (max-width: 767px) { .hero__products { gap:16px; margin: 0 } .hero__product { border-radius: 12px; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: calc(50% - 8px) } .hero__product-icon { width: 64px; height: 64px } } .hero__product-icon { display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 64px; height: 64px } .hero__product-icon img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .hero__product-title { color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif; text-align: center } .hero__content { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; margin-bottom: 200px } @media (max-width: 1279px) { .hero__content { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 40px } } .advantages { padding: 0 } .advantages>.container { position: relative } @media (min-width: 768px) and (max-width:1279px) { .hero__product-icon { width:64px; height: 64px } .hero__product-title { font-size: 16px } .advantages { padding-bottom: 38px } } .advantages-gradient { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 0 } .advantages-gradient svg { z-index: 0; width: 100%; height: 100% } .advantages-gradient--green { right: 0; bottom: 0 } @media (max-width: 1279px) { .advantages-gradient--green { top:-77px; right: -214px; bottom: auto; width: 700px; height: 700px } } @media (max-width: 767px) { .hero__product-title { font-size:13px } .advantages-gradient--green { top: 0; right: auto; bottom: auto; left: -23%; width: 500px; height: 500px } } .advantages-gradient--blue { bottom: 0; left: 0 } @media (max-width: 1279px) { .advantages-gradient--blue { top:-41px; bottom: auto; left: -189px; width: 700px; height: 700px } } .advantages .container { position: relative; padding-top: 140px } .advantages__banner { display: -ms-grid; display: grid; position: relative; grid-template-columns: repeat(2,1fr); -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; z-index: 1; -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 30px; background: var(--color-white,#fff); padding: 40px; overflow: hidden } @media (min-width: 768px) and (max-width:1279px) { .advantages .container { padding-top:100px } .advantages__banner { border-radius: 20px; padding: 30px; overflow: hidden } .advantages__banner:not(:has(.advantages__banner-title)) .advantages__banner-right { -ms-grid-row: 1; -ms-grid-row-span: 3; grid-row: 1/4 } } .advantages__banner:not(:has(.advantages__banner-title)) .advantages__banner-partner { margin-bottom: clamp(.438rem,-1.156rem + 3.32vw,1.5rem); max-width: 450px; font-size: clamp(1.125rem,-.938rem + 4.3vw,2.5rem) } @media (max-width: 1279px) { .advantages__banner:not(:has(.advantages__banner-title)) .advantages__banner-partner { margin-bottom:20px; max-width: none } .advantages__banner:not(:has(.advantages__banner-title)) .advantages__banner-stat { margin-top: 20px } } .advantages__banner-title { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1; margin: 0 0 24px; max-width: 440px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: clamp(1.625rem,.313rem + 2.73vw,2.5rem); line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 1279px) { .advantages__banner-title { margin-bottom:20px } } @media (min-width: 768px) and (max-width:1279px) { .advantages__banner-title { margin:0 0 20px } } @media (max-width: 767px) { .advantages-gradient--blue { top:9%; right: -27%; bottom: auto; left: auto; width: 500px; height: 500px } .advantages .container { padding-top: 60px } .advantages__banner { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; border-radius: 10px; padding: 20px 12px; overflow: hidden } .advantages__banner:not(:has(.advantages__banner-title)) .advantages__banner-stat { margin-top: 0 } .advantages__banner-title { margin: 0 0 24px; max-width: 100%; font-size: 20px; text-align: center } } .advantages__banner-partner { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 1; grid-column: 1; margin: 0 0 8px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .advantages__banner-partner { margin-bottom:8px; font-size: 18px } } @media (max-width: 767px) { .advantages__banner-partner { margin-bottom:12px; width: 100%; font-size: 16px; text-align: center } } .advantages__banner-text { -ms-grid-row: 3; grid-row: 3; -ms-grid-column: 1; grid-column: 1; margin: 0 0 24px; max-width: 405px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .advantages__banner-text { margin-bottom:25px; max-width: 311px; font-size: 14px } } @media (max-width: 767px) { .advantages__banner-text { margin-bottom:16px; max-width: 100%; font-size: 14px; text-align: center } } .advantages__banner-stat { -ms-grid-row: 4; grid-row: 4; -ms-grid-column: 1; grid-column: 1; margin: 0; max-width: 354px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .advantages__banner-stat { -ms-grid-column:1; -ms-grid-column-span: 2; grid-column: 1/3; margin-top: auto; max-width: 100%; font-size: 18px } } .advantages__banner-right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-grid-row: 1; -ms-grid-row-span: 4; grid-row: 1/5; -ms-grid-column: 2; grid-column: 2; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-grid-row-align: center; align-self: center; gap: clamp(.625rem,.063rem + 1.17vw,1rem) } @media (min-width: 1280px) { .advantages__banner-right { padding-top:0 } } @media (max-width: 767px) { .advantages__banner-stat { max-width:none; font-size: 16px; text-align: center; white-space: normal } .advantages__banner-right { -ms-grid-row: 5; grid-row: 5; -ms-grid-column: 1; grid-column: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-top: 35px; padding-top: 0 } } .advantages__banner-accred { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: clamp(.875rem,-.063rem + 1.95vw,1.5rem); line-height: 1.3; font-family: var(--base-font),sans-serif } .advantages__banner-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .advantages__banner-logo-img { display: block; width: 100%; max-width: clamp(17.375rem,-7.094rem + 50.98vw,33.688rem); height: auto; max-height: 118px; -o-object-fit: contain; object-fit: contain; -o-object-position: left center; object-position: left center } .advantages__list { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; gap: 0; z-index: 1; margin: 60px 0 0; padding: 0; list-style: none } @media (min-width: 768px) and (max-width:1279px) { .advantages__list { -ms-flex-wrap:wrap; flex-wrap: wrap; gap: 40px 16px; margin-top: 40px } } @media (max-width: 767px) { .advantages__banner-accred { font-size:14px; text-align: center } .advantages__banner-logo-img { max-width: 276px } .advantages__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; margin-top: 40px } } .advantages__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px } @media (min-width: 768px) and (max-width:1279px) { .advantages__item { -webkit-box-flex:0; -ms-flex: 0 1 calc(50% - 8px); flex: 0 1 calc(50% - 8px) } } @media (max-width: 767px) { .advantages__item { -webkit-box-flex:0; -ms-flex: none; flex: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; width: 100%; text-align: center } } .advantages__number { display: inline-block; background: -webkit-gradient(linear,left top,right top,from(#34ae6b),to(#2587f9))!important; background: linear-gradient(to right,#34ae6b,#2587f9)!important; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-weight: 700; font-size: 56px; line-height: 1; font-family: var(--base-font),sans-serif; -webkit-background-clip: text!important; background-clip: text!important; -webkit-text-fill-color: transparent!important } .advantages__item-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px } .advantages__item-title { margin: 0!important; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .advantages__item-title { font-size:18px } } .advantages__item-desc { margin: 0; max-width: 267px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .products-services { padding: 150px 0 0 } @media (min-width: 768px) and (max-width:1279px) { .advantages__item-desc { max-width:273px; font-size: 16px } .products-services { padding-top: 100px } } .products-services__container { position: relative } .products-services-gradient { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: -1 } .products-services-gradient svg { z-index: 0; width: 100%; height: 100% } .products-services-gradient--blue { right: 0; bottom: -200px } @media (max-width: 1279px) { .products-services-gradient--blue { top:0; right: -100px; bottom: auto } } @media (max-width: 767px) { .advantages__item-title { font-size:16px; text-align: center } .advantages__item-desc { max-width: 323px; font-size: 14px; text-align: center } .products-services { padding-top: 60px } .products-services-gradient--blue { top: 100px; right: auto; bottom: auto; left: -100px; opacity: .8 } } .products-services-gradient--green { bottom: -200px; left: 0 } @media (max-width: 1279px) { .products-services-gradient--green { top:0; bottom: auto; left: -100px } .products-services__btn { position: relative; z-index: 9 } } .products-services__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; margin-bottom: 60px } @media (max-width: 767px) { .products-services-gradient--green { top:300px; right: -100px; bottom: auto; left: auto; opacity: .8 } .products-services-gradient--blue-sec { top: 700px; left: -100px; opacity: .8 } .products-services-gradient--green-sec { top: 900px; right: -100px } .products-services__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; margin-bottom: 30px } } @media (min-width: 768px) and (max-width:1279px) { .products-services__head { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; margin-bottom: 40px } } .products-services__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; max-width: 805px } @media (max-width: 767px) { .products-services__text { gap:12px; max-width: 328px } } .products-services__title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 767px) { .products-services__title { font-size:20px } } @media (min-width: 768px) and (max-width:1279px) { .products-services__text { gap:12px; max-width: 100% } .products-services__title { font-size: 26px } } .products-services__subtitle { margin: 0; max-width: 718px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 767px) { .products-services__subtitle { max-width:328px; font-size: 14px } } .products-services__btn { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 68px } @media (max-width: 767px) { .products-services__btn { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; width: 200px; height: 50px; font-size: 14px } } @media (min-width: 768px) and (max-width:1279px) { .products-services__subtitle { max-width:465px; font-size: 14px } .products-services__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; width: 200px } } .products-services__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; margin: 0; padding: 0; list-style: none } @media (max-width: 767px) { .products-services__grid { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 20px } } @media (min-width: 768px) and (max-width:1279px) { .products-services__grid { display:-ms-grid; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 16px } } @media (min-width: 1280px) { .products-services__grid { display:-ms-grid; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 24px } } .products-services__card { position: relative; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: var(--input-shadow); box-shadow: var(--input-shadow); border-radius: 30px; background: var(--color-white,#fff); padding: 40px 40px 80px; width: 424px; min-width: 0; min-height: 300px; overflow: hidden } .products-services__card--wide { width: 872px } @media (max-width: 1279px) { .products-services__grid { margin-bottom:40px } .products-services__card { width: 100%; max-width: 424px } .products-services__card--wide { max-width: 100% } } @media (min-width: 768px) and (max-width:1279px) { .products-services__card { -webkit-box-shadow:0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 20px; padding: 24px 24px 60px; width: 100%; max-width: none; min-height: 178px } .products-services__card--wide { grid-column: 1/-1; min-height: 178px } .products-services__card:not(.products-services__card--wide) { min-height: 230px } } @media (max-width: 767px) { .products-services__card { -webkit-box-shadow:0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 10px; padding: 20px 20px 56px; width: 100%; max-width: none; min-height: 180px } .products-services__card--wide { min-height: 180px } } @media (min-width: 1280px) { .products-services__card { width:100%; max-width: none } .products-services__card--wide { grid-column: 1/-1 } .products-services__card .products-services__card-bg { display: none } .products-services__card--wide .products-services__card-bg { display: block } } .products-services__card-bg { position: absolute; right: 0; bottom: 0; z-index: 0; width: 403px; height: 403px; pointer-events: none } @media (min-width: 768px) and (max-width:1279px) { .products-services__card-bg { width:205px; height: 205px } } @media (max-width: 767px) { .products-services__card-bg { width:193px; height: 193px } } .products-services__card-bg-img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: right bottom; object-position: right bottom } .products-services__card>:not(.products-services__card-bg) { z-index: 1 } .products-services__card-desc,.products-services__card-title { position: relative; z-index: 1 } .products-services__card-title { margin: 0 0 12px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 767px) { .products-services__card-title { font-size:16px } } @media (min-width: 768px) and (max-width:1279px) { .products-services__card-title { font-size:18px } } .products-services__card-desc { margin: 0; max-width: 507px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .products-services__card--wide .products-services__card-desc { max-width: 507px } @media (max-width: 767px) { .products-services__card-desc { max-width:100%; font-size: 14px } .products-services__card--wide .products-services__card-desc,.products-services__card:not(.products-services__card--wide) .products-services__card-desc { max-width: 100% } } @media (min-width: 768px) and (max-width:1279px) { .products-services__card-desc { max-width:100%; font-size: 14px } .products-services__card--wide .products-services__card-desc,.products-services__card:not(.products-services__card--wide) .products-services__card-desc { max-width: 100% } } @media (min-width: 1280px) { .products-services__card--wide .products-services__card-desc,.products-services__card-desc,.products-services__card:not(.products-services__card--wide) .products-services__card-desc { max-width:100% } .clients__logo:hover img { -webkit-filter: grayscale(0); filter: grayscale(0) } } .products-services__card-link { z-index: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: absolute; bottom: 40px; left: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; -webkit-transition: color .2s; transition: color .2s; color: var(--color-grey,#666); font-weight: 600; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif; text-decoration: none } @media (max-width: 1279px) { .products-services__card-link { bottom:24px; left: 24px; gap: 4px; color: var(--color-green); font-weight: 600; font-size: 14px; line-height: 1.1 } } @media (max-width: 767px) { .products-services__card-link { bottom:20px; left: 20px; gap: 4px; font-size: 14px } } .products-services__card-link:hover { color: var(--color-deep-grey,currentColor) } .products-services__card-figure { position: absolute; top: -60px; left: 485px; width: 403px; height: 403px; pointer-events: none } .products-services__card-figure-img { display: block; -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .products-services__btn-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .clients { padding: 150px 0 80px } @media (min-width: 768px) and (max-width:1279px) { .products-services__btn.only-tablet { display:-webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 40px auto 50px; width: 200px } .clients { padding: 100px 0 0 } } .clients__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; margin-bottom: 40px; max-width: 625px } @media (max-width: 767px) { .clients { padding:60px 0 0 } .clients__text { gap: 12px; margin-bottom: 20px } } @media (min-width: 768px) and (max-width:1279px) { .clients__text { gap:12px; margin-bottom: 22px; max-width: 100% } } .clients__title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .clients__title { font-size:26px } } @media (max-width: 767px) { .clients__title { font-size:20px } } .clients__title-accent { color: var(--color-green,#34ae6b) } .clients__subtitle { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } .clients__logos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; margin: 0; padding: 0; list-style: none } @media (max-width: 767px) { .clients__subtitle { font-size:14px } .clients__logos { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 16px; -webkit-mask-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,0)),color-stop(7%,#000),color-stop(93%,#000),to(rgba(0,0,0,0))); -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%); mask-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,0)),color-stop(7%,#000),color-stop(93%,#000),to(rgba(0,0,0,0))); mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%); margin-inline:-15px;padding-inline:15px;width: calc(100% + 30px); overflow-x: auto; scrollbar-width: none } .clients__logos::-webkit-scrollbar { display: none } } @media (min-width: 768px) and (max-width:1279px) { .clients__subtitle { max-width:434px; font-size: 14px } .clients__logos { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 12px; overflow-x: auto; scrollbar-width: none } .clients__logos::-webkit-scrollbar { display: none } } .clients__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--color-white,#fff); width: auto; height: 150px } @media (max-width: 767px) { .clients__logo { -ms-flex-negative:0; flex-shrink: 0; width: 138px; height: 103px } } @media (min-width: 768px) and (max-width:1279px) { .clients__logo { -ms-flex-negative:0; flex-shrink: 0; width: 107px; height: 80px } } .clients__logo img { -webkit-filter:grayscale(1); filter: grayscale(1); display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } @media (min-width: 1280px) { .clients__logo img { -webkit-filter:grayscale(1); filter: grayscale(1); -webkit-transition: -webkit-filter .3s ease-in-out; transition: filter .3s ease-in-out; transition: filter .3s ease-in-out,-webkit-filter .3s ease-in-out } } .cases { padding: 75px 0 } @media (max-width: 1279px) { .cases { padding:50px 0 } } .cases-gradient { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: -1 } .cases-gradient svg { z-index: 0; width: 100%; height: 100% } .cases-gradient--green { top: -62%; left: 39%; width: 800px; height: 800px } @media (max-width: 1279px) { .cases-gradient--green { top:-75%; right: -11%; left: auto; width: 600px; height: 600px } } @media (max-width: 767px) { .cases { padding:35px 0 } .cases-gradient--green { top: -100px; right: -100px; width: 500px; height: 500px } } .cases-gradient--blue { top: -62%; left: 0; width: 800px; height: 800px } @media (max-width: 1279px) { .cases-gradient--blue { top:-75%; left: -9%; width: 600px; height: 600px } } .cases--services .cases__slider-outer>.container { overflow: visible } .cases--services .cases-gradient { right: auto; left: 50%; z-index: 0; width: 900px; height: 900px; pointer-events: none } .cases--services .cases-gradient--blue { top: 60%; left: 63%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 700px; height: 700px } @media (max-width: 1279px) { .cases--services .cases-gradient--blue { top:49%; right: auto; left: 36% } } @media (max-width: 767px) { .cases-gradient--blue { top:-100px; left: -100px; width: 500px; height: 500px } .cases--services .cases-gradient--blue { top: 41%; left: 67%; opacity: .7 } } .cases--services .cases-gradient--green { top: 50%; left: 36%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 700px; height: 700px } @media (max-width: 1279px) { .cases--services .cases-gradient--green { top:66%; right: auto; left: 67% } } @media (max-width: 767px) { .cases--services .cases-gradient--green { top:54%; left: 33% } .cases--services .cases-gradient { width: 480px; height: 480px } .crm-page__cases .cases-gradient--green { left: 50% } } .cases--services .cases__controls,.cases--services .cases__viewport { position: relative; z-index: 1 } .crm-page__cases .cases__slider-outer>.container { overflow: visible } .crm-page__cases .cases-gradient { top: 50%; right: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 0; width: 900px; height: 900px; pointer-events: none } .crm-page__cases .cases-gradient--green { left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } @media (max-width: 1279px) { .crm-page__cases .cases-gradient--green { left:50% } } .crm-page__cases .cases-gradient--blue { left: calc(50% + 200px); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } @media (max-width: 1279px) { .crm-page__cases .cases-gradient--blue { left:calc(50% + 100px) } } @media (min-width: 768px) and (max-width:1279px) { .crm-page__cases .cases-gradient { width:700px; height: 700px } } .crm-page__cases .cases__controls,.crm-page__cases .cases__viewport { position: relative; z-index: 1 } .cases__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; margin-bottom: 60px } @media (max-width: 1279px) { .cases__head { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 40px } } @media (max-width: 767px) { .crm-page__cases .cases-gradient--blue { left:calc(50% + 60px) } .crm-page__cases .cases-gradient { width: 480px; height: 480px } .cases__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; margin-bottom: 30px } } @media (min-width: 768px) and (max-width:1279px) { .cases__head { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; margin-bottom: 40px } } .cases__head-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; max-width: 750px } @media (max-width: 1279px) { .cases__head-text { gap:12px; max-width: 560px } } .cases__title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .cases__title { font-size:26px } .cases__head-btn { display: none } } @media (max-width: 767px) { .cases__head-text { gap:12px; max-width: 100% } .cases__title { font-size: 20px } } .cases__subtitle { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } .cases__head-btn { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 68px } .cases__slider-outer { position: relative; overflow: visible } .cases__slider,.cases__slider-outer>.container { position: relative } .cases__cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 18px } @media (max-width: 767px) { .cases__subtitle { font-size:14px } .cases__cards { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } } .cases__card,a.cases__card { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent } a.cases__card { cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box } a.cases__card:focus-visible { outline: 2px solid var(--color-blue,#2587f9); outline-offset: 2px } .cases__card { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; transition-behavior: allow-discrete; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-property: color,min-height,background; transition-property: color,min-height,background; -webkit-box-shadow: var(--input-shadow); box-shadow: var(--input-shadow); border-radius: 30px; background: var(--color-white,#fff); padding: 24px; width: 100%; min-height: 292px; overflow: hidden; color: var(--color-deep-grey,currentColor) } @media (min-width: 768px) and (max-width:1279px) { .cases__card,.cases__card--accent { border-radius:20px; width: 100%; min-width: 0; max-width: 100%; min-height: 200px } } @media (max-width: 767px) { .cases__card { border-radius:20px; width: 100%; max-width: 100%; min-height: 200px } } .cases__card-figure { position: absolute; top: -24px; left: 74.5px; width: 360px; height: 360px; pointer-events: none } @media (max-width: 1279px) { .cases__head-btn { margin-top:0 } .cases__card { padding: 16px } .cases__card-figure { right: 0; left: auto; width: 228px; height: 228px } } .cases__card-figure--right { top: -28px; right: auto; left: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); width: 348px; height: 348px } @media (max-width: 1279px) { .cases__card-figure--right { width:228px; height: 228px } .cases__card-body { position: relative; right: auto; bottom: auto; left: auto } } .cases__card-figure-img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .cases__card-body { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; gap: 12px; z-index: 9; min-width: 0 } @media (min-width: 768px) and (max-width:1279px) { .cases__card-body { position:relative; gap: 8px; z-index: 9; padding: 0 } } .cases__card-badge { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; border: 1px solid currentColor; border-radius: 30px; padding: 4px 8px; color: inherit; font-weight: 400; font-size: 12px; line-height: 1.3; font-family: var(--base-font),sans-serif } .cases__card-name { margin: 0; color: inherit; font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 767px) { .cases__card-name { font-size:18px } } @media (min-width: 768px) and (max-width:1279px) { .cases__card-name { font-size:18px } } .cases__card-desc { display: -webkit-box; margin: 0; max-width: 299px; color: inherit; font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; word-wrap: break-word; overflow-wrap: break-word } @media (max-width: 767px) { .cases__card-desc { max-width:100%; font-size: 14px } } @media (min-width: 768px) and (max-width:1279px) { .cases__card-desc { max-width:299px; font-size: 14px } } .cases__card-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; gap: 8px; -webkit-transition: opacity .2s; transition: opacity .2s; padding-top: 4px; color: inherit; font-weight: 600; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } .cases__card-link svg { -ms-flex-negative: 0; flex-shrink: 0 } a.cases__card:hover .cases__card-link { opacity: .8 } @media (max-width: 767px) { .cases__card-link { margin-top:12px; padding-top: 0 } .cases__card-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; padding: 13px 20px; width: 200px; height: 50px; font-size: 14px } } .cases__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; width: 100% } @media (max-width: 767px) { .cases__nav { -webkit-box-pack:center; -ms-flex-pack: center; justify-content: center; gap: 16px } } .cases__nav-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background-color .2s,opacity .2s,color .2s; transition: background-color .2s,opacity .2s,color .2s; cursor: pointer; -webkit-box-shadow: var(--input-shadow); box-shadow: var(--input-shadow); border: none; border-radius: 60px; background: var(--color-white,#fff); width: 44px; height: 44px } .cases__nav-btn svg { color: var(--color-deep-grey,currentColor) } .cases__nav-btn:hover:not(.swiper-button-disabled) { opacity: .95; background: var(--color-green,#34ae6b) } .cases__nav-btn:hover:not(.swiper-button-disabled) svg { color: var(--color-white,#fff) } .cases__nav-btn.swiper-button-disabled { opacity: .35; cursor: not-allowed; pointer-events: none } .cases__nav-btn.swiper-button-disabled svg { opacity: .3 } .cases__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; margin-top: 20px } .cases__dot { display: block; -webkit-transition: background-color .2s; transition: background-color .2s; border-radius: 50%; background: #fff; width: 10px; height: 10px } .cases__dot--active { background: var(--color-green,#34ae6b) } .cases-swiper { margin-inline:-10px;padding-top: 6px; padding-bottom: 20px; padding-inline:10px;width: calc(100% + 20px); max-width: calc(100% + 20px); min-height: 330px } @media (max-width: 1279px) { .cases-swiper { min-height:200px } .cases__slider-outer .cases__nav-btn--next,.cases__slider-outer .cases__nav-btn--prev { display: none } } @media (max-width: 767px) { .cases-swiper { -webkit-mask-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(7%,#000),color-stop(93%,#000),to(rgba(0,0,0,0))); -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%); mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(7%,#000),color-stop(93%,#000),to(rgba(0,0,0,0))); mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%); margin-inline:-16px;padding-top: 6px; padding-bottom: 20px; padding-inline:16px;width: calc(100% + 32px); max-width: calc(100% + 32px) } .cases-swiper .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .cases-swiper .swiper-slide { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 100%; height: auto } } .cases-swiper .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .cases-swiper .swiper-slide { height: auto } .cases-swiper .cases__card { height: auto } @media (min-width: 1280px) { .cases-swiper .swiper-wrapper { -webkit-box-align:center; -ms-flex-align: center; align-items: center } .cases-swiper .swiper-slide { width: auto } .cases-swiper { min-height: 330px } .cases-swiper .swiper-slide .cases__card { -webkit-transition: height .25s; transition: height .25s; will-change: height; min-height: 292px } .cases__slider-outer .cases__nav-btn--next,.cases__slider-outer .cases__nav-btn--prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2 } } .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0 } .cases-pagination,.reviews-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; position: static; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px } .cases-pagination.cases-pagination,.reviews-pagination.cases-pagination { -ms-flex-negative: 0; flex-shrink: 0; margin: 0 auto } .cases__controls { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; margin-top: 0 } @media (min-width: 1280px) and (min-width:1280px) and (max-width:1400px) { .cases__slider-outer .cases__nav-btn--prev { left:8px } .cases__slider-outer .cases__nav-btn--next { right: 8px } } .cases__card-union { position: absolute; top: -1%; left: 25%; -webkit-transition: all var(--transition); transition: all var(--transition); width: 346px; height: 348px; pointer-events: none } @media (max-width: 1279px) { .cases__card-union { top:-20px; right: 0; left: auto; width: 228px; height: 228px } } @media (min-width: 768px) and (max-width:1279px) { .cases__card-union-img { display:block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } } @media (max-width: 1279px) { .cases__head-btn-container { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px } } @media screen and (min-width: 768px) { .swiper-slide-next .cases__card { -webkit-box-shadow:0 4px 30px 0 rgba(255,255,255,.1); box-shadow: 0 4px 30px 0 rgba(255,255,255,.1); background: linear-gradient(100deg,#34ae6b 0,#2587f9 100%); color: var(--color-white) } .swiper-slide-next .cases__card .cases__card-union { background-image: url(/local/templates/main/assets/css/../img/general/cases/Union.png); background-size: contain; background-repeat: no-repeat; position: absolute; top: -69px; left: 70px; -webkit-transform: rotate(0) translateX(0) translateY(0); -ms-transform: rotate(0) translateX(0) translateY(0); transform: rotate(0) translateX(0) translateY(0); width: 346px; height: 348px; pointer-events: none } .swiper-slide-next .cases__card .cases__card-union img { display: none } } @media screen and (min-width: 768px) and (max-width:1279px) { .swiper-slide-next .cases__card .cases__card-union { top:-20px; right: 0; left: auto; width: 228px; height: 228px } } @media screen and (min-width: 1280px) { .swiper-slide-next .cases__card { min-height:330px!important } .swiper-slide-next .cases__card .cases__card-union { -webkit-transform: rotate(0) translateX(0) translateY(0); -ms-transform: rotate(0) translateX(0) translateY(0); transform: rotate(0) translateX(0) translateY(0) } .swiper-slide-next~.swiper-slide .cases__card-union { -webkit-transform: rotate(-180deg) translateX(135px) translateY(47px); -ms-transform: rotate(-180deg) translateX(135px) translateY(47px); transform: rotate(-180deg) translateX(135px) translateY(47px) } } .certificates { padding: 150px 0 0; overflow: hidden } .certificates .container { position: relative } .certificates__bg-gradient--green { top: -16%; left: 8%; width: 700px; height: 700px } .certificates__bg-gradient--blue { top: -10%; left: 40%; width: 700px; height: 700px } .certificates__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; margin-bottom: 40px } @media (max-width: 1279px) { .certificates__head { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 24px } } @media (min-width: 768px) and (max-width:1279px) { .certificates { padding:100px 0 0 } .certificates__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; margin-bottom: 22px } } .certificates__head-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; max-width: 851px } .certificates__title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .certificates__head-text { gap:12px } .certificates__title { font-size: 26px } } @media (max-width: 767px) { .cases-swiper .cases__card { height:100% } .certificates { padding: 60px 0 0 } .certificates__head-text { gap: 12px } .certificates__title { font-size: 20px } } .certificates__subtitle { margin: 0; max-width: 729px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } .certificates__head-btn { position: relative; -ms-flex-negative: 0; flex-shrink: 0; z-index: 9; margin-top: 36px } @media (max-width: 1279px) { .certificates__head-btn { margin-top:0 } } @media (min-width: 768px) and (max-width:1279px) { .certificates__subtitle { max-width:524px; font-size: 14px } .certificates__head-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto } } .certificates__head-btn-wrapper { text-align: center } .certificates__head-btn-wrapper a { white-space: nowrap } @media (max-width: 1279px) { .certificates__head-btn-wrapper { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px } } .certificates__ticker { -webkit-mask-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,0)),color-stop(10%,#000),color-stop(90%,#000),to(rgba(0,0,0,0))); -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 10%,#000 90%,rgba(0,0,0,0) 100%); mask-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,0)),color-stop(10%,#000),color-stop(90%,#000),to(rgba(0,0,0,0))); mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 10%,#000 90%,rgba(0,0,0,0) 100%); margin: 0; overflow: hidden } @media (max-width: 1279px) { .certificates__ticker { -webkit-mask-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(7%,#000),color-stop(93%,#000),to(rgba(0,0,0,0))); -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%); mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(7%,#000),color-stop(93%,#000),to(rgba(0,0,0,0))); mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%) } } @media (max-width: 767px) { .certificates__subtitle { font-size:14px } .certificates__ticker { -webkit-mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(5%,#000),color-stop(95%,#000),to(rgba(0,0,0,0))); -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 5%,#000 95%,rgba(0,0,0,0) 100%); mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(5%,#000),color-stop(95%,#000),to(rgba(0,0,0,0))); mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 5%,#000 95%,rgba(0,0,0,0) 100%) } } .certificates__ticker-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: ticker-scroll var(--ticker-duration,20s) linear infinite; animation: ticker-scroll var(--ticker-duration,20s) linear infinite; will-change: transform; width: -webkit-max-content; width: -moz-max-content; width: max-content; white-space: nowrap } .certificates__ticker.certificates__ticker--logos { --ticker-start-offset: 0%; position: relative; z-index: 1; margin-top: 16px } .certificates__ticker--logos .certificates__ticker-track--logos { -webkit-animation: ticker-scroll-logos var(--ticker-duration,20s) linear infinite; animation: ticker-scroll-logos var(--ticker-duration,20s) linear infinite } .certificates__ticker--logos.certificates__ticker--start-center { --ticker-start-offset: -25% } @-webkit-keyframes ticker-scroll { 0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 100% { -webkit-transform: translate3d(calc(-1 * var(--ticker-loop-width,0)),0,0); transform: translate3d(calc(-1 * var(--ticker-loop-width,0)),0,0) } } @keyframes ticker-scroll { 0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 100% { -webkit-transform: translate3d(calc(-1 * var(--ticker-loop-width,0)),0,0); transform: translate3d(calc(-1 * var(--ticker-loop-width,0)),0,0) } } @-webkit-keyframes ticker-scroll-logos { 0% { -webkit-transform: translate3d(var(--ticker-start-offset,0),0,0); transform: translate3d(var(--ticker-start-offset,0),0,0) } 100% { -webkit-transform: translate3d(calc(var(--ticker-start-offset,0) - var(--ticker-loop-width,0)),0,0); transform: translate3d(calc(var(--ticker-start-offset,0) - var(--ticker-loop-width,0)),0,0) } } @keyframes ticker-scroll-logos { 0% { -webkit-transform: translate3d(var(--ticker-start-offset,0),0,0); transform: translate3d(var(--ticker-start-offset,0),0,0) } 100% { -webkit-transform: translate3d(calc(var(--ticker-start-offset,0) - var(--ticker-loop-width,0)),0,0); transform: translate3d(calc(var(--ticker-start-offset,0) - var(--ticker-loop-width,0)),0,0) } } .certificates__ticker-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0 10px 24px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif; white-space: nowrap } .certificates__ticker-item::after { margin-left: 24px; content: "·"; color: var(--color-grey,#666) } @media (max-width: 767px) { .certificates__ticker-item { padding:8px 16px; font-size: 16px } } @media (min-width: 768px) and (max-width:1279px) { .certificates__ticker-item { padding:10px 16px; font-size: 14px } } .certificates__logos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin: 0; padding: 0; overflow: visible; list-style: none; white-space: nowrap } .certificates__ticker--logos .certificates__logos { -ms-flex-negative: 0; flex-shrink: 0 } .certificates__logo { -ms-flex-negative: 0; flex-shrink: 0; border-radius: 6px; height: 56px; overflow: hidden } .certificates__logo img { display: block; width: auto; height: 100%; -o-object-fit: contain; object-fit: contain } .certificates__logo:last-child { margin-right: 8px } .reviews { position: relative; padding: 150px 0 0 } .reviews__container { position: relative } .reviews__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; margin-bottom: 40px } @media (max-width: 1279px) { .certificates__logo { height:51px } .reviews__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 40px } .reviews__head-btn { margin-top: 0 } } @media (min-width: 768px) and (max-width:1279px) { .reviews { padding:100px 0 0 } .reviews__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; margin-bottom: 30px } } .reviews__head-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; max-width: 702px } @media (min-width: 768px) and (max-width:1279px) { .reviews__head-text { gap:12px; max-width: 524px } } @media (max-width: 767px) { .reviews { padding:60px 0 0 } .reviews__head { margin-bottom: 24px } .reviews__head-text { gap: 12px; max-width: 100% } } .reviews__title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .reviews__title { font-size:26px } } @media (max-width: 767px) { .reviews__title { font-size:20px } } .reviews__subtitle { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } .reviews__head-btn { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; border-radius: 60px } .reviews__slider-outer { position: relative; margin-bottom: 24px; overflow: visible } @media (min-width: 768px) and (max-width:1279px) { .reviews__subtitle { font-size:14px } .reviews__head-btn.desktop { display: none } .reviews__head-btn.tablet { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px } .reviews__slider-outer { margin-bottom: 30px } } .reviews__slider-inner { position: relative } @media (min-width: 1280px) { .cases__slider-outer .cases__nav-btn--prev { left:8px } .cases__slider-outer .cases__nav-btn--next { right: 8px } .reviews__slider-outer .reviews__nav-btn--next,.reviews__slider-outer .reviews__nav-btn--prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2 } .reviews__slider-outer .reviews__nav-btn--prev { left: 8px } .reviews__slider-outer .reviews__nav-btn--next { right: 8px } } .reviews__slider { overflow: visible } .reviews__cards { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px } @media (max-width: 767px) { .reviews__subtitle { font-size:14px } .reviews__head-btn.tablet { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 200px; height: 50px; font-size: 14px } .reviews__slider-outer { margin-bottom: 36px } .reviews__cards { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } } .reviews__card { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 30px rgba(255,255,255,.1),0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 30px rgba(255,255,255,.1),0 4px 25px rgba(1,8,3,.08); border-radius: 30px; background: var(--color-white,#fff); padding: 40px; height: 100%; overflow: hidden } @media (max-width: 1279px) { .reviews__slider-outer .reviews__nav-btn--next,.reviews__slider-outer .reviews__nav-btn--prev { display:none } .reviews__card { border-radius: 20px; padding: 16px } } .reviews-swiper .swiper-slide-active .reviews__card { background: linear-gradient(-66.615deg,#d3e7fe 7.81%,#d5eee1 89.18%) } .reviews__card-logo { display: block; margin-bottom: 20px } @media (max-width: 767px) { .reviews__card { border-radius:10px; padding: 10px; width: 100%; max-width: 100% } .reviews__card-logo { margin-bottom: 18px; width: 99px; height: 27px } } @media (min-width: 768px) and (max-width:1279px) { .reviews__card-logo { margin-bottom:20px } } .reviews__card-logo img { display: block; width: 100px; height: 72px; -o-object-fit: contain; object-fit: contain } .reviews__card-logo-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px } .reviews__card-logo-icon { -ms-flex-negative: 0; flex-shrink: 0; border-radius: 2px; background: #d8464d; width: 28px; height: 24px } .reviews__card-logo-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2px } .reviews__card-logo-name { color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 16px; font-family: var(--base-font),sans-serif } .reviews__card-logo-sub { color: var(--color-grey,#666); font-weight: 400; font-size: 12px; font-family: var(--base-font),sans-serif } .reviews__card-text { margin: 0 0 auto; padding: 0; max-width: 580px; color: var(--color-deep-grey,currentColor); font-style: normal; font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 767px) { .reviews__card-logo img { width:100px; height: 72px } .reviews__card-text { max-width: 100%; font-size: 14px } } @media (min-width: 768px) and (max-width:1279px) { .reviews__card-text { max-width:488px; font-size: 14px } } .reviews__card-footer { margin-top: 20px } @media (max-width: 767px) { .reviews__card-btn { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; width: 200px; height: 50px; font-size: 14px } } .reviews__card-author { margin: 0; color: var(--color-grey,#666); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .reviews__card-position { margin: 0; color: var(--color-grey,#666); font-weight: 400; font-size: 12px; line-height: 1.3; font-family: var(--base-font),sans-serif } .reviews__controls { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; margin-top: 10px } .reviews__nav-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background-color .2s,opacity .2s,color .2s; transition: background-color .2s,opacity .2s,color .2s; cursor: pointer; -webkit-box-shadow: var(--input-shadow); box-shadow: var(--input-shadow); border: none; border-radius: 60px; background: var(--color-white,#fff); width: 44px; height: 44px } .reviews__nav-btn svg { color: var(--color-grey,#666) } .reviews__nav-btn:hover:not(.swiper-button-disabled) { opacity: .95; background: var(--color-green,#34ae6b) } .reviews__nav-btn:hover:not(.swiper-button-disabled) svg { color: var(--color-white,#fff) } .reviews__nav-btn.swiper-button-disabled { opacity: .35; cursor: not-allowed; pointer-events: none } .reviews__nav-btn.swiper-button-disabled svg { opacity: .3 } .reviews__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px } @media (min-width: 768px) and (max-width:1279px) { .reviews__btn-wrap { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .reviews-pagination .reviews__dot { cursor: pointer; border-radius: 20px; background: var(--color-ivory,#e0e0e0); width: 10px; height: 10px } .reviews-pagination .reviews__dot--active { background: var(--color-green,#34ae6b) } .reviews-swiper { margin-inline:-16px;padding-top: 6px; padding-bottom: 20px; padding-inline:16px;width: calc(100% + 32px); max-width: calc(100% + 32px) } @media (max-width: 1279px) { .reviews-swiper { -webkit-mask-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(7%,#000),color-stop(93%,#000),to(rgba(0,0,0,0))); -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%); mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(7%,#000),color-stop(93%,#000),to(rgba(0,0,0,0))); mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%); margin-inline:-45px;padding-top: 6px; padding-bottom: 20px; padding-inline:45px;width: calc(100% + 90px); max-width: calc(100% + 90px) } } @media (max-width: 767px) { .reviews__btn-wrap { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .reviews-pagination .reviews__dot { width: 8px; height: 8px } .reviews-swiper { -webkit-mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(5%,#000),color-stop(95%,#000),to(rgba(0,0,0,0))); -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 5%,#000 95%,rgba(0,0,0,0) 100%); mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(5%,#000),color-stop(95%,#000),to(rgba(0,0,0,0))); mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 5%,#000 95%,rgba(0,0,0,0) 100%); margin-inline:-16px;padding-top: 6px; padding-bottom: 20px; padding-inline:16px;width: calc(100% + 32px); max-width: calc(100% + 32px) } } .reviews-swiper .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .reviews-swiper .swiper-slide { width: 660px; height: auto } @media (max-width: 1279px) { .reviews-swiper .swiper-slide { width:620px } } @media (max-width: 767px) { .reviews-swiper .swiper-slide { -webkit-box-sizing:border-box; box-sizing: border-box; width: 100%; max-width: 100% } .reviews-swiper .swiper-slide-active { width: 100%; max-width: 100% } .reviews-swiper .swiper-slide-active .reviews__card { background: linear-gradient(-76.9deg,#d3e7fe 7.81%,#d5eee1 89.18%); width: 100%; max-width: 100% } } .team { padding: 145px 0 75px; min-height: clamp(42.5rem,36.972rem + 24.57vw,48.75rem) } @media (max-width: 1279px) { .team { position:relative; padding: 100px 0 50px } } .team__inner { display: -ms-grid; display: grid; position: relative; grid-template-columns: repeat(2,1fr); gap: 20px } .team__title { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1; margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: normal; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .reviews-swiper .swiper-slide-active { width:620px } .reviews-swiper .swiper-slide-active .reviews__card { background: linear-gradient(-59.768deg,#d3e7fe 7.81%,#d5eee1 89.18%); width: 620px } .team__title { font-size: 26px } } @media (max-width: 767px) { .team { padding:78px 0 35px } .team__title { font-size: 20px } } .team__subtitle { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 1; grid-column: 1; margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .team__subtitle { font-size:14px } } .team__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-grid-row: 3; grid-row: 3; -ms-grid-column: 1; grid-column: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; margin-top: 20px } @media (max-width: 767px) { .team__subtitle { font-size:14px } .team__actions { -ms-grid-row: 4; grid-row: 4 } } .team__gallery { position: absolute; top: 37px; left: 0; -ms-grid-row: 1; -ms-grid-row-span: 4; grid-row: 1/5; -ms-grid-column: 2; grid-column: 2; z-index: 1; width: 683px; height: 477px } @media (max-width: 1279px) { .team__inner { -ms-grid-columns:1fr; grid-template-columns: 1fr; row-gap: 24px } .team__actions { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .team__gallery { display: block; position: relative; top: 0; left: 0; -ms-grid-row: 4; grid-row: 4; -ms-grid-column: 1; grid-column: 1; margin-top: 0; width: 100%; height: 100% } } @media (max-width: 767px) { .team__gallery { display:-ms-grid; display: grid; position: relative; -ms-grid-rows: clamp(5rem,.577rem + 19.66vw,10rem) clamp(8.438rem,1.527rem + 30.71vw,16.25rem) clamp(5rem,.577rem + 19.66vw,10rem); grid-template-rows: clamp(5rem,.577rem + 19.66vw,10rem) clamp(8.438rem,1.527rem + 30.71vw,16.25rem) clamp(5rem,.577rem + 19.66vw,10rem); -ms-grid-columns: .75fr .15fr .5fr 1fr; grid-template-columns: .75fr .15fr .5fr 1fr; -ms-grid-row: 3; grid-row: 3; gap: clamp(.5rem,.058rem + 1.97vw,1rem) } } .team__member { display: -ms-grid; display: grid; position: absolute; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; gap: 8px; z-index: 2; border-radius: 20px; background: linear-gradient(-73.66deg,#d3e7fe 7.81%,#d5eee1 89.18%); padding: 20px; width: 283px; height: 215px; overflow: hidden } .team__member--1 { top: 278px; left: 347px } @media (max-width: 1279px) { .team__member--1 { top:323px; right: auto; bottom: auto; left: calc(58.33% + 3px) } } @media (max-width: 767px) { .team__member--1 { display:-ms-grid; display: grid; position: relative; top: 0; right: 0; bottom: 0; left: 0; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1/4; gap: 12px; padding: 10px; width: 100%; height: 100% } } .team__member--2 { top: 0; left: 72px } @media (max-width: 1279px) { .team__member--2 { top:47px; right: auto; left: 0 } } @media (max-width: 767px) { .team__member--2 { display:-ms-grid; display: grid; position: relative; top: 0; right: 0; bottom: 0; left: 0; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; -ms-grid-row: 3; grid-row: 3; -ms-grid-column: 3; -ms-grid-column-span: 2; grid-column: 3/5; gap: 12px; width: 100%; height: 100% } } @media (max-width: 1279px) { .team__member { -webkit-box-pack:center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; background: linear-gradient(-58.694deg,#d3e7fe 7.81%,#d5eee1 89.18%); padding: 20px 40px; width: 273px; height: 150px } } @media (max-width: 767px) { .team__member { position:relative; gap: 10px; border-radius: 10px; padding: 10px clamp(.875rem,-.562rem + 6.39vw,2.5rem); width: 100%; height: 100% } } .team__member-photo { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 2; grid-column: 2; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; width: 110px; height: 120px; overflow: hidden } @media (max-width: 1279px) { .team__member-photo { border-radius:4px; width: 60px; height: 60px } } @media (max-width: 767px) { .team__member-photo { position:relative; -ms-grid-column: 2; grid-column: 2; -ms-flex-negative: 0; flex-shrink: 0; -ms-grid-row-align: center; align-self: center; width: clamp(3.75rem,-.396rem + 18.43vw,8.438rem); height: clamp(3.75rem,-.396rem + 18.43vw,8.438rem) } } .team__member-photo img { position: absolute; width: 100%; max-width: none; height: 100%; -o-object-fit: cover; object-fit: cover } .team__member-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; gap: 8px } .team__member-name { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 1279px) { .team__member-info { -ms-grid-row:1; grid-row: 1; -ms-grid-column: 1; grid-column: 1; -ms-grid-row-align: center; align-self: center } .team__member-name { font-size: 18px } } .team__member-role { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .team__gallery-card { position: absolute; z-index: 1; border-radius: 10px; background: var(--color-light-grey,#f8f8f8); overflow: hidden } @media (max-width: 767px) { .team__member-name { font-size:16px } .team__gallery-card { position: relative; top: 0; left: 0 } } .team__gallery-card img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .team__gallery-card--1 { top: 94px; left: 419px; width: 264px; height: 144px } @media (max-width: 1279px) { .team__member-role { font-size:12px } .team__gallery-card--1 { top: 163px; left: calc(41.67% + 4px); width: 264px; height: 144px } } @media (max-width: 767px) { .team__gallery-card--1 { position:relative; top: 0; left: 0; -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2/5; width: 100%; height: 100% } } .team__gallery-card--2 { top: 283px; left: 0; width: 88px; height: 133px } @media (max-width: 1279px) { .team__gallery-card--2 { top:38px; right: 0; left: auto; width: 88px; height: 133px } } @media (max-width: 767px) { .team__gallery-card--2 { position:relative; top: 0; left: 0; -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 1; grid-column: 1; width: 100%; height: 100% } } .team__gallery-card--3 { top: 246px; left: 204px; width: 108px; height: 74px } @media (max-width: 1279px) { .team__gallery-card--3 { top:73px; left: calc(66.67% - 12px); width: 108px; height: 74px } } @media (max-width: 767px) { .team__gallery-card--3 { position:relative; top: 0; left: 0; -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 4; grid-column: 4; width: 100%; height: 100% } } .team__gallery-card--4 { top: 344px; left: 112px; width: 200px; height: 133px } @media (max-width: 1279px) { .team__gallery-card--4 { top:201px; left: 0; width: 200px; height: 133px } } .team__gallery-photo { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .team__gallery-photo--small { -o-object-position: center top; object-position: center top } .faq { position: relative; padding: 75px 0 } @media (max-width: 1279px) { .faq { padding:50px 0 } } @media (max-width: 767px) { .team__gallery-card--4 { position:relative; top: 0; left: 0; -ms-grid-row: 3; grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; width: 100%; height: 100% } .faq { padding: 35px 0 } } .faq__bg-gradient { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 0; width: 900px; height: 900px } .faq__bg-gradient svg { width: 100%; height: 100% } .faq__bg-gradient--green { top: -11%; left: -11%; opacity: .7 } @media (max-width: 1279px) { .faq__bg-gradient--green { top:-11%; left: -12%; width: 700px; height: 700px } } @media (max-width: 767px) { .faq__bg-gradient--green { top:-2%; left: -48%; width: 500px; height: 500px } } .faq__bg-gradient--blue { top: -5%; left: 15%; opacity: .7 } @media (max-width: 1279px) { .faq__bg-gradient--blue { top:-15%; left: 32%; width: 700px; height: 700px } } .faq__inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 60px; z-index: 1 } @media (max-width: 1279px) { .faq__inner { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px } } @media (max-width: 767px) { .faq__bg-gradient--blue { top:19%; left: -1%; width: 500px; height: 500px } .faq__inner { gap: 24px } } .faq__content { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; -webkit-transition: all var(--transition); transition: all var(--transition); max-width: 760px } @media (max-width: 1279px) { .faq__content { width:100%; max-width: 100% } } .faq__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; margin-bottom: 40px } @media (max-width: 767px) { .faq__head { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px } } @media (min-width: 768px) and (max-width:1279px) { .faq__content { width:100%; max-width: 100% } .faq__head { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; margin-bottom: 40px } } .faq__head-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; max-width: 915px } @media (max-width: 1279px) { .faq__head-text { gap:16px } } .faq__title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: normal; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .faq__title { font-size:26px } } @media (max-width: 767px) { .faq__head-text { gap:12px } .faq__title { font-size: 20px } } .faq__subtitle { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 767px) { .faq__subtitle { font-size:14px } } @media (min-width: 768px) and (max-width:1279px) { .faq__subtitle { font-size:14px } .faq__all-link { margin-top: 40px } } .faq__all-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -webkit-transition: opacity .2s; transition: opacity .2s; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 16px; line-height: 1.1; font-family: var(--base-font),sans-serif; text-decoration: none; white-space: nowrap } @media (max-width: 767px) { .faq__all-link { margin-top:30px } } .faq__all-link svg { -ms-flex-negative: 0; flex-shrink: 0 } .faq__all-link:hover { opacity: .7 } .faq__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; margin: 0; padding: 0; width: 100%; list-style: none } .spollers { -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start } .spollers__item { -webkit-transition: .3s; transition: .3s; -webkit-transition: color .2s,background .2s; transition: color .2s,background .2s; -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); border: 0; border-radius: 10px; background: #fff; padding: 20px clamp(.625rem,-.018rem + 2.86vw,2.5rem) } .spollers__item[open] { border-radius: 20px; padding-inline:clamp(.625rem,-.018rem + 2.86vw,2.5rem)} @media (max-width: 1279px) { .spollers__item[open] { border-radius:16px } } @media (max-width: 767px) { .spollers__item[open] { border-radius:10px } } .spollers__item[open] .spollers__title { color: var(--color-green); font-size: 18px } .spollers__item[open] .spollers__title::before { rotate: 90deg } .spollers__item[open] .spollers__body { -webkit-transition: height .45s cubic-bezier(.33,1,.68,1); transition: height .45s cubic-bezier(.33,1,.68,1); padding-top: 20px; height: auto; overflow: hidden; font-size: 16px } .spollers__title { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color .2s; transition: color .2s; cursor: pointer; border: 0; padding: 0 40px 0 0; width: 100%; font-size: clamp(1rem,.889rem + .49vw,1.125rem); list-style: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: left } .spollers__title::-webkit-details-marker,.spollers__title::marker { display: none } .spollers__title::before { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-decoration: none!important; text-decoration-color: transparent } .spollers__title::after,.spollers__title::before { position: absolute; top: 50%; right: 6px; translate: 0 -50%; -webkit-transition: rotate .3s; transition: rotate .3s; background-color: currentColor; width: 24px; height: 2px; content: "" } .spollers__title.--spoller-active { color: var(--primary-color) } .spollers .spollers__body { -webkit-transition: height .45s cubic-bezier(.33,1,.68,1); transition: height .45s cubic-bezier(.33,1,.68,1); padding: 0; height: 0; overflow: hidden } .spollers .spollers__body a { color: var(--color-blue); text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } .spollers .spollers__body a:hover { color: var(--color-green) } .faq__decor { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: end; opacity: .9; margin-top: 72px; width: 489px } @media (min-width: 768px) and (max-width:1279px) { .faq__decor { display:none } } .faq__decor-img { display: block; width: 100%; height: auto; -o-object-fit: contain; object-fit: contain } .cta { padding: 50px 0 } @media (min-width: 768px) and (max-width:1279px) { .cta { padding:clamp(3.125rem,-1.563rem + 9.77vw,6.25rem) 0 } } .cta__container { position: relative; z-index: 1 } .cta__bg-gradient--green { top: 5%; left: -6%; width: 700px; height: 700px } @media (max-width: 1279px) { .spollers__item[open] .spollers__title { font-size:16px } .spollers__item[open] .spollers__body { font-size: 14px } .spollers__title::after,.spollers__title::before { width: 18px } .cta__bg-gradient--green { top: -17%; left: -13% } } @media (max-width: 767px) { .cta { padding:clamp(1.875rem,.772rem + 4.9vw,3.125rem) 0 } .cta__bg-gradient--green { top: 11%; left: -62% } } .cta__bg-gradient--blue { top: 11%; left: 59%; width: 700px; height: 700px } @media (max-width: 1279px) { .cta__bg-gradient--blue { top:-3%; left: 31% } } .cta__card { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; z-index: 1; -webkit-box-shadow: var(--input-shadow); box-shadow: var(--input-shadow); border-radius: 30px; background: var(--color-white,#fff); min-height: 525px; overflow: hidden } @media (min-width: 768px) and (max-width:1279px) { .cta__card { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 4px 25px rgba(1,8,3,.08); box-shadow: 0 4px 25px rgba(1,8,3,.08); border-radius: 16px; min-height: 389px } .cta__card-decor { display: none } } @media (max-width: 767px) { .cta__bg-gradient--blue { top:-22%; left: -20% } .cta__card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 10px; min-height: auto } .cta__card-decor { display: none } } .cta__card-decor { position: relative; -ms-flex-negative: 0; flex-shrink: 0; padding: 40px 40px 40px 0; width: 563px; overflow: hidden; pointer-events: none } .cta__card-decor-img { display: block; margin-left: -15%; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: right; object-position: right } .cta__card-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; padding: 40px } .cta__title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: normal; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .cta__card-body { -ms-flex-item-align:center; -ms-grid-row-align: center; align-self: center; gap: 12px; padding: 30px; max-width: 640px } .cta__title { font-size: 26px } } @media (max-width: 767px) { .cta__card-body { gap:16px; padding: 20px } .cta__title { font-size: 20px } } .cta__subtitle { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } .cta__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; margin-top: 40px } .cta__form-row { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px } @media (min-width: 768px) and (max-width:1279px) { .cta__subtitle { font-size:14px } .cta__form { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; max-width: 528px } .cta__form-row { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px } } @media (max-width: 767px) { .cta__subtitle { font-size:14px } .cta__form { margin-top: 10px } .cta__form-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .cta__form-field { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .cta__form-field--full { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100% } .cta__input { display: block; -webkit-transition: -webkit-box-shadow .2s; transition: box-shadow .2s; transition: box-shadow .2s,-webkit-box-shadow .2s; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-box-shadow: var(--input-shadow); box-shadow: var(--input-shadow); border: none; border-radius: 10px; background: var(--color-white,#fff); padding: 10px 16px; width: 100%; height: 50px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: clamp(.875rem,.765rem + .49vw,1rem); line-height: 1.3; font-family: var(--base-font),sans-serif } .cta__textarea { display: block; -webkit-transition: -webkit-box-shadow .2s; transition: box-shadow .2s; transition: box-shadow .2s,-webkit-box-shadow .2s; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-box-shadow: var(--input-shadow); box-shadow: var(--input-shadow); border: none; border-radius: 10px; background: var(--color-white,#fff); padding: 10px 16px; width: 100%; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: clamp(.875rem,.765rem + .49vw,1rem); line-height: 1.3; font-family: var(--base-font),sans-serif } .cta__input::-webkit-input-placeholder { color: var(--color-grey,#666) } .cta__input::-moz-placeholder { color: var(--color-grey,#666) } .cta__input:-ms-input-placeholder { color: var(--color-grey,#666) } .cta__input::-ms-input-placeholder { color: var(--color-grey,#666) } .cta__input::placeholder { color: var(--color-grey,#666) } .cta__input:focus { -webkit-box-shadow: 0 0 0 2px var(--color-green,#34ae6b); box-shadow: 0 0 0 2px var(--color-green,#34ae6b) } @media (min-width: 768px) and (max-width:1279px) { .cta__form-field { -webkit-box-flex:1; -ms-flex: 1 0 290px; flex: 1 0 290px } .cta__form-field--full { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100% } .cta__input { border-radius: 10px; padding: 6px 10px; height: 40px; font-size: 14px } } .cta__submit { -ms-flex-item-align: start; align-self: flex-start; margin: 40px auto 0; width: 200px } @media (min-width: 768px) and (max-width:1279px) { .cta__submit { -webkit-box-pack:center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-top: 20px } } @media (max-width: 767px) { .cta__submit { margin-top:20px } } .cta__consent { margin-top: 14px } .cta__consent-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; cursor: pointer } .cta__consent-checkbox { -ms-flex-negative: 0; flex-shrink: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: background-color .2s; transition: background-color .2s; cursor: pointer; margin-top: 2px; border: 1px solid var(--color-green,#34ae6b); border-radius: 4px; background: var(--color-white,#fff); width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; position: relative; } .cta__consent-checkbox:checked { background: var(--color-green,#34ae6b) } .cta__consent-checkbox:checked::after { content: ""; position: absolute; /* Рисуем галочку с помощью границ прямоугольника */ width: 4px; height: 8px; border: solid var(--color-white, #fff); border-width: 0 2px 2px 0; /* Поворачиваем прямоугольник, чтобы он стал галочкой */ transform: rotate(45deg); /* Слегка смещаем вверх для точного центра */ margin-top: -2px; } .cta__consent-text { max-width: 560px; color: var(--color-grey,#666); font-weight: 400; font-size: 12px; line-height: 1.3; font-family: var(--base-font),sans-serif } .cta__consent-link { color: inherit; font-weight: 600 } .cta__consent-link:hover { color: var(--color-deep-grey,currentColor) } .cta__input--error { -webkit-box-shadow: 0 0 0 2px #e53e3e; box-shadow: 0 0 0 2px #e53e3e } .cta__error { display: block; position: absolute; top: 100%; margin-top: 4px; color: #e53e3e; font-weight: 400; font-size: 12px; line-height: 1.3; font-family: var(--base-font),sans-serif } .cta__success-msg { margin: 0; padding: 16px 0; color: var(--color-green,#34ae6b); font-weight: 600; font-size: 16px; font-family: var(--base-font),sans-serif } .news { padding: 80px 0 60px } @media (max-width: 1279px) { .news { padding:100px 0 60px } } .news__head { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 20px; z-index: 1; margin-bottom: 60px } @media (max-width: 767px) { .news { padding:60px 0 } .news__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; margin-bottom: 20px } } @media (max-width: 1279px) { .news__head { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; margin-bottom: 32px } } @media (min-width: 768px) and (max-width:1279px) { .news__head { -webkit-box-orient:horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 12px; margin-bottom: 24px; width: 100% } } .news__head-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } .news__title { margin: 0; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 40px; line-height: normal; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .news__head-left { -webkit-box-orient:horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; width: 100%; min-width: 0 } .news__title { -ms-flex-negative: 0; flex-shrink: 0; font-size: 26px } } @media (max-width: 767px) { .news__head-left { gap:30px } .news__title { font-size: 20px } } .news__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px } @media (min-width: 768px) and (max-width:1279px) { .news__tabs { -ms-flex-negative:0; flex-shrink: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } @media (max-width: 767px) { .news__tabs { -webkit-box-pack:start; -ms-flex-pack: start; justify-content: flex-start; gap: 4px } } .news__tab { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background-color .2s,color .2s,border-color .2s; transition: background-color .2s,color .2s,border-color .2s; cursor: pointer; border: 1px solid var(--color-grey,#666); border-radius: 60px; background: 0 0; padding: 10px 24px; overflow: hidden; color: var(--color-grey,#666); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (min-width: 768px) and (max-width:1279px) { .news__tab { padding:8px 16px; font-size: 14px } } .news__tab--active { border-color: var(--color-blue,#2587f9); background: var(--color-blue,#2587f9); color: var(--color-white,#fff) } .news__tab:hover:not(.news__tab--active) { border-color: var(--color-deep-grey,currentColor); color: var(--color-deep-grey,currentColor) } .news__head-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px } @media (max-width: 1279px) { .news__head-actions { -ms-grid-column-align:center; justify-self: center; margin-top: 40px } } @media (max-width: 767px) { .news__tab { padding:4px 12px; font-size: 14px } .news__head-actions { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } } .news__head-actions.tablet--view { display: none } .news__viewport { position: relative; z-index: 1 } @media (min-width: 1440px) { .news__viewport { overflow:visible } } @media (min-width: 1280px) and (max-width:1439px) { .news__viewport { overflow:hidden } } .news-panel-swiper { width: 100% } @media (min-width: 1440px) { .news-panel-swiper { overflow:visible } } @media (max-width: 1279px) { .news__head-actions.tablet--view { display:-webkit-box; display: -ms-flexbox; display: flex } .news-panel-swiper { overflow: hidden } } @media (min-width: 1440px) { .news-panel-swiper .swiper-wrapper { display:-webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 16px; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; -webkit-box-sizing: border-box; box-sizing: border-box } .news-panel-swiper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; margin: 0!important; width: auto!important; max-width: none; height: auto } .news-panel-swiper .news__card { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; height: 100%; min-height: 359px } } @media (max-width: 1279px) { .news-panel-swiper .swiper-slide { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: auto; height: auto } .news-panel-swiper .news__card { height: 100%; min-height: 229px } } @media (min-width: 768px) and (max-width:1279px) { .news-panel-swiper .swiper-slide { -ms-flex-negative:0; flex-shrink: 0; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 0 } .news-panel-swiper .swiper-slide:first-child { width: calc((100% - 16px) * 648 / 960) } .news-panel-swiper .swiper-slide:not(:first-child) { width: calc((100% - 16px) * 312 / 960) } .news-panel-swiper .news__card--accent,.news-panel-swiper .news__card--large { width: 100%; max-width: none } } @media (min-width: 1280px) and (max-width:1439px) { .news-panel-swiper { overflow:hidden } .news-panel-swiper .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 0 } .news-panel-swiper .swiper-slide:first-child { width: calc((100% - 16px) * 648 / 960) } .news-panel-swiper .swiper-slide:not(:first-child) { width: calc((100% - 16px) * 312 / 960) } .news-panel-swiper .news__card--accent,.news-panel-swiper .news__card--large { width: 100%; max-width: none } .news-panel-swiper .news__card { min-height: 229px } } @media (min-width: 768px) and (max-width:1439px) { .news-panel-swiper { -webkit-mask-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(7%,#000),color-stop(93%,#000),to(rgba(0,0,0,0))); -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%); mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(7%,#000),color-stop(93%,#000),to(rgba(0,0,0,0))); mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%); margin-inline:-45px;padding-inline:45px;width: calc(100% + 90px); max-width: calc(100% + 90px) } .news-panel-swiper .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100% } .news-panel-swiper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; height: auto } .news-panel-swiper .swiper-slide>.news__card { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; width: 100%; min-height: 0; min-height: 229px } } @media (max-width: 767px) { .news-panel-swiper .swiper-slide { display:block; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto } .news-panel-swiper,.news__viewport { -webkit-mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(5%,#000),color-stop(95%,#000),to(rgba(0,0,0,0))); -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 5%,#000 95%,rgba(0,0,0,0) 100%); mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(5%,#000),color-stop(95%,#000),to(rgba(0,0,0,0))); mask-image: linear-gradient(to right,rgba(0,0,0,0) 0,#000 5%,#000 95%,rgba(0,0,0,0) 100%); margin-inline:-16px;padding-inline:16px;width: calc(100% + 32px); max-width: calc(100% + 32px) } .news__panel { min-width: 0; max-width: 100% } .news-panel-swiper .news__card { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); box-shadow: 0 4px 25px 0 rgba(1,8,3,.08); width: 100%; max-width: none; height: auto; min-height: 181px } } .news-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; position: static; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; margin-top: 20px; width: 100% } @media (min-width: 1440px) { .news-pagination { display:none!important } } .news-pagination .news__dot { display: block; opacity: 1; -webkit-transition: background-color .2s; transition: background-color .2s; cursor: pointer; margin: 0; border-radius: 50%; background: var(--color-ivory,#e0e0e0); padding: 0; width: 10px; height: 10px } .news-pagination .news__dot--active { background: var(--color-green,#34ae6b) } .news__card,a.news__card { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent } a.news__card { -webkit-box-sizing: border-box; box-sizing: border-box } a.news__card:focus-visible { outline: 2px solid var(--color-blue,#2587f9); outline-offset: 3px } .news__card { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: var(--input-shadow); box-shadow: var(--input-shadow); border-radius: 30px; min-height: 359px; overflow: hidden } @media (min-width: 768px) and (max-width:1279px) { .news__card { min-height:229px } } .news__card--large { background: var(--color-white,#fff); width: 648px } @media (max-width: 767px) { .news-pagination { margin-top:16px } .news-pagination .news__dot { width: 8px; height: 8px } .news__card--large { border-radius: 10px; width: 100%; max-width: none; min-height: 181px } .news__card { min-height: 181px } } .news__card--accent { background: linear-gradient(97.43deg,var(--color-green,#34ae6b) 3.22%,var(--color-blue,#2587f9) 86.86%); width: 312px } @media (max-width: 767px) { .news__card--accent { width:100%; max-width: none } } .news__card-figure { position: absolute; top: -55px; left: 245px; width: 486px; height: 486px; pointer-events: none } @media (min-width: 768px) and (max-width:1279px) { .news__card-figure { top:50%; left: 37.84%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); aspect-ratio: 1/1; width: 75%; height: auto } } @media (min-width: 1280px) and (max-width:1439px) { .news__card-figure { top:50%; left: 37.84%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); aspect-ratio: 1/1; width: 75%; height: auto } } @media (max-width: 767px) { .news__card-figure { top:auto; right: -50px; bottom: -40px; left: auto; width: 269px; height: 269px } } .news__card-figure-img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .news__card-body { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; padding: 40px; min-height: 0 } @media (min-width: 768px) and (max-width:1279px) { .news__card-body { gap:8px; padding: 20px } } @media (max-width: 767px) { .news__card-body { gap:8px; padding: 10px } } .news__card-badge { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; border: 1px solid var(--color-grey,#666); border-radius: 20px; padding: 5px 16px; color: var(--color-grey,#666); font-weight: 400; font-size: 12px; line-height: 1; font-family: var(--base-font),sans-serif } .news__card--accent .news__card-badge { border-color: var(--color-white,#fff); color: var(--color-white,#fff) } .news__card-title { margin: 0; max-width: 429px; color: var(--color-deep-grey,currentColor); font-weight: 600; font-size: 24px; line-height: 1.3; font-family: var(--base-font),sans-serif } .news__card--accent .news__card-title { max-width: 253px; color: var(--color-white,#fff) } @media (min-width: 768px) and (max-width:1279px) { .news__card-title { font-size:18px } .news__card--accent .news__card-title { max-width: 222px } } @media (max-width: 767px) { .news__card-title { max-width:100%; font-size: 16px } .news__card--accent .news__card-title { max-width: 100% } } .news__card-desc { margin: 0; max-width: 407px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } @media (max-width: 767px) { .news__card-desc { max-width:100%; font-size: 12px } } @media (min-width: 768px) and (max-width:1279px) { .news__card-desc { font-size:14px } } .news__card-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; gap: 8px; -webkit-transition: opacity .2s; transition: opacity .2s; margin-top: auto; padding-top: 16px; color: var(--color-green,#34ae6b); font-weight: 600; font-size: 18px; line-height: 1.3; font-family: var(--base-font),sans-serif } .news__card-link svg { -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .news__card--accent .news__card-link { color: var(--color-white,#fff) } @media (max-width: 767px) { .news__card-link { margin-top:12px; padding-top: 0 } } a.news__card:hover .news__card-link { opacity: .8 } a.news__tab--link { text-decoration: none } a.news__tab--link:hover { border-color: var(--color-deep-grey,currentColor); background: 0 0; color: var(--color-deep-grey,currentColor) } .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background-color .2s,color .2s,-webkit-box-shadow .2s; transition: background-color .2s,box-shadow .2s,color .2s,-webkit-box-shadow .2s; cursor: pointer; border: none; border-radius: 60px; padding: 16px 24px; font-weight: 600; font-size: 16px; line-height: 1.1; font-family: var(--base-font),sans-serif } .btn:disabled { cursor: default } .btn[hidden] { display: none } @media (max-width: 767px) { .btn { padding:16px 20px; font-size: 14px } .btn--secondary { font-size: 14px } } .btn--primary { background: var(--color-green,#34ae6b); padding-right: clamp(1.125rem,.75rem + .78vw,1.25rem); padding-left: clamp(1.125rem,.75rem + .78vw,1.25rem); color: var(--color-white,#fff) } .btn--primary:hover:not(:disabled) { background: var(--color-green-2,#298955) } .btn--primary:disabled { background: var(--color-ivory,#e0e0e0) } .btn--secondary { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; background: var(--color-white,#fff); color: var(--color-deep-grey,currentColor) } .btn--secondary:hover:not(:disabled) { -webkit-box-shadow: var(--button-secondary-hover-shadow); box-shadow: var(--button-secondary-hover-shadow); color: var(--color-green) } .btn--secondary:disabled { color: var(--color-ivory,#e0e0e0) } .btn--filter { gap: 12px; border: 1px solid var(--color-ivory); border-radius: 40px; color: var(--color-grey); font-weight: 400 } .btn--filter:has(input:checked) { border-color: var(--color-green-2,#298955); background: var(--color-green-2,#298955); color: var(--color-white,#fff) } .input-text { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: var(--input-shadow); box-shadow: var(--input-shadow); border: none; border-radius: 4px; background: var(--color-white,#fff); padding: 10px 16px; width: 100%; max-width: 320px; height: 50px; color: var(--color-deep-grey,currentColor); font-weight: 400; font-size: 16px; line-height: 1.3; font-family: var(--base-font),sans-serif } .input-text::-webkit-input-placeholder { color: var(--color-grey,#666) } .input-text::-moz-placeholder { color: var(--color-grey,#666) } .input-text:-ms-input-placeholder { color: var(--color-grey,#666) } .input-text::-ms-input-placeholder { color: var(--color-grey,#666) } .input-text::placeholder { color: var(--color-grey,#666) } .input-text:focus { outline: 0 } .form-error { margin-top: 4px; color: var(--color-error,#d8464d); font-weight: 400; font-size: 12px; line-height: 1.3; font-family: var(--base-font),sans-serif } .checkbox-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } .checkbox-wrap input[type=checkbox] { position: absolute; margin: 10px; margin-bottom:5px; margin-bottom: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 } .checkbox-wrap input:checked+.checkbox { border-color: var(--color-green,#34ae6b); background: var(--color-green,#34ae6b) } .checkbox-wrap input:checked+.checkbox::after { position: absolute; top: 1px; left: 1px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2 8l4 4 8-8'/%3E%3C/svg%3E") center/contain no-repeat; width: 16px; height: 16px; content: "" } .checkbox { display: inline-block; position: relative; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: background-color .2s,border-color .2s; transition: background-color .2s,border-color .2s; cursor: pointer; border: 1px solid var(--color-green,#34ae6b); border-radius: 4px; background: var(--color-white,#fff); width: 20px; height: 20px } .radio-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } .radio-wrap input[type=radio] { position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 } .radio-wrap input:checked+.radio { border-color: var(--color-green,#34ae6b) } .radio-wrap input:checked+.radio::after { position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -5px; border-radius: 50%; background: var(--color-green,#34ae6b); width: 10px; height: 10px; content: "" } .radio { display: inline-block; position: relative; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: border-color .2s; transition: border-color .2s; cursor: pointer; border: 2px solid var(--color-grey,#666); border-radius: 50%; width: 20px; height: 20px } @media (max-width: 1279px) { .desktop { display:none } } @media (max-width: 767px) { .only-tablet { display:none } } @media (min-width: 1280px) { .only-tablet,.tablet { display:none } } @media (min-width: 768px) { .mobile { display:none } } .is-hidden { display: none!important } .visually-hidden { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0) } .disable-scroll { overflow: hidden; width: 100%; height: 100vh } @media (max-width: 1279px) { .disable-scroll { position:fixed } } .js-modal { display: none; position: fixed; top: 0; left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1000; width: 100%; height: 100% } .js-modal.is-open { display: -webkit-box; display: -ms-flexbox; display: flex } .modal__overlay { position: absolute; top: 0; left: 0; backdrop-filter: blur(20px); background: rgba(0,0,0,.7); width: 100%; height: 100% } .modal__container { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-transition: .3s; transition: .3s; margin: 40px auto; border-radius: 8px; background: #fff; padding-inline:clamp(2.25rem,-2.25rem + 9.38vw,3.75rem);padding-block:60px;width: 95%; max-width: 980px } .modal__container:has(.modal-media__wrapper),.modal__container:has(.modal-video__wrapper) { border-radius: 30px; background: 0 0; padding: 0; overflow: hidden } .modal__container:has(.modal-media__wrapper) .modal__close,.modal__container:has(.modal-video__wrapper) .modal__close { top: -50px; right: 0 } @media (max-width: 1279px) { .modal__container { padding-block:40px } } .modal-open.animate-open .modal__container { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1 } .modal__close { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 30px; right: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 32px; height: 32px } .modal__close svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } @media (max-width: 1279px) { .modal__close { top:24px; right: 24px } } @media (max-width: 767px) { .modal__container { padding-inline:clamp(1.25rem,.368rem + 3.92vw,2.25rem); padding-block:30px} .modal__close { top: 20px; right: 20px; width: 24px; height: 24px } } .modal__close:hover { color: var(--color-green) } .modal-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .modal-body .cta__card-body { row-gap: 60px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 0; width: 100%; max-width: 705px } .modal-body .cta__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; gap: 24px; padding-inline:30px;text-align: center } .modal-body .cta__form { margin: 0 } @media (max-width: 1279px) { .modal-body .cta__card-body { row-gap:30px } .modal-body .cta__form { row-gap: 16px } } .modal-body .cta__form .cta__submit { margin-top: 16px } .modal-body .cta__form .cta__consent { display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: 12px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .modal-body .cta__form .cta__consent-text { max-width: none } .modal-media__wrapper { border-radius: 30px; height: 100%; max-height: 480px; overflow-y: scroll; scrollbar-width: auto } .modal-media__wrapper::-webkit-scrollbar { background: #fff; width: 10px } .modal-media__wrapper::-webkit-scrollbar-track { margin: 20px 0; -webkit-box-shadow: inset 0 0 6px rgba(0,255,13,.5); box-shadow: inset 0 0 6px rgba(0,255,13,.5); border-radius: 10px; background: #dedefa } .modal-media__wrapper::-webkit-scrollbar-thumb { cursor: pointer; border-radius: 10px; background: linear-gradient(136deg,#2bac68 0,#2587f9 100%) } .modal-media__wrapper img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; -o-object-position: top; object-position: top } .modal-video__wrapper { border: 0; border-radius: 20px; aspect-ratio: 424/270; width: 100%; overflow: hidden } .modal-video__wrapper video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center }
/* End */


/* Start:/local/templates/main/components/bitrix/breadcrumb/main/style.css?17877375671597*/
.breadcrumbs {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-4, 4px);
    z-index: 1;
}

.breadcrumbs-wrap {
    display: flex;
    position: relative;
    align-items: center;
    z-index: 2;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 64px;
}

.breadcrumbs-wrap .container {
    position: relative;
    z-index: 1;
}

.breadcrumbs__item {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
    color: var(--color-deep-grey, #1e1e1e);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    font-family: var(--base-font, sans-serif);
    text-decoration: none;
}

.breadcrumbs__item--link {
    color: var(--color-green, #34ae6b);
}

.breadcrumbs__item--link:hover {
    text-decoration: underline;
}

.breadcrumbs__icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.breadcrumbs__divider {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    transform: rotate(-15deg);
    width: 24px;
    height: 24px;
    color: var(--color-grey, #666);
    font-size: 14px;
}

@media (max-width: 767px) {
    .breadcrumbs-wrap {
        padding-top: 8px;
        padding-bottom: 8px;
        min-height: 40px;
    }

    .breadcrumbs .breadcrumbs__item {
        font-size: 14px;
    }

    .breadcrumbs .breadcrumbs__icon,
    .breadcrumbs .breadcrumbs__divider {
        width: 16px;
        height: 16px;
    }

    .breadcrumbs .breadcrumbs__divider {
        font-size: 12px;
    }
}

/* End */
/* /local/templates/main/assets/css/swiper-bundle.min.css?178887871814623 */
/* /local/templates/main/assets/css/main.min.css?1790664947180722 */
/* /local/templates/main/components/bitrix/breadcrumb/main/style.css?17877375671597 */