@font-face {font-family:"Helvetica";src:url(../fonts/HelveticaRegular.woff2?ver=1) format("woff2");font-weight:400;font-display:swap;}
@font-face {font-family:"Helvetica";src:url(../fonts/HelveticaBold.woff2?ver=1) format("woff2");font-weight:700;font-display:swap;}
@font-face {font-family:"Gilroy";src:url(../fonts/gilroy-semibold.woff2?ver=1) format("woff2");font-weight:600;font-display:swap;}
@font-face {font-family:"Pangram Sans";src:url("../fonts/PPPangramSans-Semibold.woff2") format("woff2");font-weight:600;font-display:swap;}
:root {--accent:#2461AA;--accent-hover:#195499;--bg:#F8F8F8;--bg-body:white;--bg-light:#F8F8F8;--disabled:#98999A;--invalid:#EB0000;--invalid-text:#EB0000;--star:#FFCC00;--text:#7A7A7A;scroll-behavior:smooth;}
*, ::before, ::after {box-sizing:border-box;}
body {margin:0;background:var(--bg-body);color:var(--text);font-family:"Helvetica", sans-serif;font-weight:500;line-height:1.3;}
b {font-weight:600;}
h1,
h2 {margin:0;}
button {border:0;}
img {display:block;}
ul,
ol {list-style:none;margin:0;padding:0;}
p {margin-bottom:0;}
.circled {display:flex;align-items:center;justify-content:center;background:var(--accent);border-radius:50%;padding:6px;}
.link {color:inherit;cursor:pointer;text-decoration:none;transition:color 0.3s;}
.link:hover {color:var(--accent);}
.link_accent {color:var(--accent);}
.link_accent:hover {color:var(--accent-hover);}
.link_underline {text-decoration:underline;}
.link_dashed {border-bottom:1px dashed;}
.highlight {}
.button {height:68px;min-width:216px;background:var(--accent);border:0;color:white;cursor:pointer;font-size:16px;font-family:inherit;font-weight:500;transition:background-color 0.3s, border 0.3s;text-transform:uppercase;padding:0 34px;flex-shrink:0;}
.button:hover {background:var(--accent-hover);font-weight:600;}
.button_white {background:white;color:var(--accent);}
.button_white:hover {background:white;}
.button_narrow {height:53px;}
.popup-open {cursor:pointer;}
.header {background:var(--bg);padding:35px 40px;}
.header__top {display:flex;align-items:center;flex:1;}
.header__mobile-toggle,
.map__toggle {display:none;}
.header__overlay {max-width:1440px;margin:auto;}
.sitenav {display:flex;text-align:center;}
.sitenav__links {margin:auto;}
.sitenav__list {display:flex;gap:50px;font-weight:500;color:#51585D;text-transform:uppercase;}
.sitenav__phone {display:flex;gap:10px;flex:1;justify-content:flex-end;}
.sitenav__number {font-weight:600;}
.main {max-width:1440px;margin:auto;padding:0 40px;}
.section {margin:0 auto 150px;}
.section__row {display:flex;align-items:center;}
.section__title {max-width:960px;color:var(--text);font-size:50px;font-weight:600;line-height:1.1;margin:30px auto;text-align:center;text-transform:uppercase;}
.section__subtitle {gap:12px;font-size:20px;margin:30px 0;}
.hero {display:grid;background:var(--bg);padding:40px;overflow:hidden;position:relative;}
.hero__title {max-width:600px;margin:64px 0 0;}
.hero__action {margin:40px 0;}
.hero__action-text {display:inline-block;font-size:12px;line-height:1.2;margin-left:16px;vertical-align:top;}
.hero__action-text::after {content:url(../img/action_line.svg?ver=1);display:block;position:absolute;margin-top:6px;margin-left:-16px;}
.hero__image {width:auto;align-self:center;}
.hero__benefits {display:flex;flex-wrap:wrap;gap:20px 35px;line-height:1.15;margin:40px 0;}
.hero__benefit {display:flex;align-items:center;gap:12px;flex:1;}
.equipment {display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:40px 0;}
.equipment__item {display:flex;width:256px;align-items:center;gap:12px;background:var(--bg);padding:10px;}
.equipment__show {width:max-content;margin:auto;font-weight:600;}
.action1 {display:flex;position:relative;max-width:900px;align-items:center;gap:20px;background:var(--bg);margin:50px auto;padding:35px;}
.action1__img {position:absolute;top:-25px;left:-25px;height:96px;}
.action1__text1 {font-size:20px;font-weight:600;}
.section2 {display:flex;flex-direction:column;gap:30px;position:relative;background-color:var(--accent);color:white;padding:50px;}
.section2 .section__title {color:inherit;margin:0;}
.section2__row1 {gap:15px;text-align:left;}
.section2__row1 img {height:57px;}
.section2__img {min-width:296px;background-image:
    url(../img/logo.webp?ver=1),
    url(../img/logo-white.webp?ver=1),
    url(../img/action-1.webp?ver=1);background-position:52% 90%, 51% 6%, bottom;background-size:40%, 6%, contain;background-repeat:no-repeat;}
.action2 {display:flex;max-width:420px;align-items:center;gap:15px;}
.scheme {display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:50px 0 40px;}
.scheme__item {--offset:32px;position:relative;width:256px;background:var(--bg);counter-increment:scheme;margin-top:var(--offset);padding:30px;}
.scheme__item::before {content:counter(scheme, decimal-leading-zero);position:absolute;top:calc(-1 * var(--offset));left:0;right:0;width:2.3em;background:var(--accent);color:white;font-family:"Pangram Sans", sans-serif;font-size:32px;font-weight:600;line-height:1.1;margin:auto;padding-top:0.35em;z-index:-1;}
.scheme__img {width:100%;}
.scheme__title {font-size:20px;font-weight:600;margin:20px 0 15px;}
.section3 {text-align:center;}
.action3 {display:flex;align-items:center;justify-content:center;gap:15px;}
.section4 {text-align:center;}
.benefits {display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:50px 0;}
.benefits__item {display:flex;flex-direction:column;width:210px;background:var(--bg);overflow:hidden;}
.benefits__img {width:100%;}
.benefits__text {margin:auto;padding:15px;}
.action4 {display:inline-flex;max-width:468px;align-items:center;background:var(--bg);padding:20px;gap:20px;}
.story {display:grid;gap:30px;margin:50px auto;}
.story__img {grid-row:1 / -1;width:100%;height:auto;}
.story__details {grid-column:2 / -1;}
.story__title {font-size:28px;margin-bottom:30px;}
.story__row {display:flex;flex-direction:column;gap:10px;margin:20px 0;}
.story__solutions {display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.story__solution {background:var(--bg);padding:7px 10px;}
.story__work-details {display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px;}
.story__work {display:flex;align-items:center;gap:7px;}
.story__work::before {height:18px;}
.story__work_time::before {content:url(../img/work-details-1.svg?ver=1);}
.story__work_cost::before {content:url(../img/work-details-2.svg?ver=1);}
.story__work_master::before {content:url(../img/work-details-3.svg?ver=1);}
.story .button {align-self:end;justify-self:center;}
.review {display:flex;flex-direction:column;position:relative;background:var(--bg);padding:30px;}
.review__profile {display:flex;align-items:center;gap:15px;margin-bottom:30px;}
.review__details {display:grid;gap:8px;line-height:1;}
.review__name {color:var(--text);font-weight:600;text-transform:uppercase;}
.review__rating {color:var(--accent);}
.review__content {flex:1;}
.review__master {display:flex;align-items:center;gap:7px;margin-top:20px;}
.review_small {padding:15px;}
.review_small .review__profile {gap:10px;margin-bottom:15px;}
.review_small .review__details {gap:4px;}
.review_small .review__date {position:absolute;top:20px;right:20px;}
.discount {display:flex;position:relative;flex-direction:column;gap:30px;background:var(--accent);color:white;margin:40px auto;padding:40px 60px;}
.discount__img {max-width:100%;height:auto;}
.countdown {max-width:400px;font-size:20px;font-weight:500;text-align:center;}
.countdown__clock {display:flex;align-items:center;justify-content:space-between;margin-top:20px;}
.countdown__digit {display:flex;position:relative;align-items:center;justify-content:center;width:52px;height:74px;background:var(--bg-body);color:var(--text);font-family:"Gilroy", sans-serif;font-size:50px;z-index:9;}
.countdown__digit::before {content:"";position:absolute;inset:0;height:1px;background:#E8E8E8;margin:auto;z-index:-1;}
.countdown__separator {font-size:30px;}
.slider {display:flex;gap:20px;margin:50px 0;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;}
.slide {min-width:var(--slide-width, 325px);scroll-snap-align:start;}
.slider__controls {display:flex;align-items:center;justify-content:center;gap:20px;}
.button_arrow {width:42px;height:42px;background:var(--accent) url(../img/arrow.svg?ver=1) 55% no-repeat;border-radius:50%;cursor:pointer;transition:background 0.3s;}
.button_arrow:hover {background-color:var(--accent-hover);}
.button_arrow:disabled {background-color:#CACACA;}
.button_left {scale:-1 1;}
.slider__dots {display:flex;gap:10px;}
.slider__dot {width:13px;height:13px;border:1px solid #E5E8ED;border-radius:50%;transition:border 0.3s, background 0.3s;}
.slider__dot_active {border:0;background:var(--accent);}
.section8__left {display:grid;gap:20px;}
.details {background:var(--bg);padding:20px;}
.details__title {display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:20px;}
.details__title::after {content:"";width:30px;height:30px;background:url(../img/plus.svg?ver=1) center / cover no-repeat;flex-shrink:0;}
.details[open] .details__title {font-weight:600;}
.details[open] .details__title::after {background-image:url(../img/close.svg?ver=1);}
.details__content {margin-top:15px;}
.h3 {color:var(--text);font-size:20px;margin-top:30px;margin-bottom:20px;text-transform:uppercase;}
.h4,
.h5 {color:var(--text);font-size:16px;margin:20px 0;}
.list {margin:15px 0;padding-left:15px;list-style:disc;}
.list_ordered {list-style:numeric;}
.list li {margin:10px 0;}
.list li::marker {font:inherit;font-weight:600;}
.image-block {display:flex;gap:20px;margin:30px 0;}
.image-block img {width:100%;height:auto;}
.section8__left {grid-row:1 / -1;}
.action5 {display:flex;position:relative;width:100%;height:288px;max-width:410px;align-self:end;flex-direction:column;justify-content:space-between;background:var(--accent);color:white;font-size:20px;margin:30px auto 0;padding:30px;grid-column:2;}
.action__title {font-size:28px;margin-bottom:15px;}
.action__contact {width:65px;height:65px;background:url(../img/phone-white.svg?ver=1) center / cover;border-radius:50%;}
.action__contact span {rotate:180deg;}
.action5__img {position:absolute;bottom:0;right:10px;height:105%;width:auto;}
.action6 {display:flex;justify-content:space-between;background:var(--bg);padding:20px 30px;gap:20px;font-size:20px;}
.contacts {display:flex;flex-wrap:wrap;gap:30px;margin:30px 0;}
.contact {background:var(--bg);flex:1 250px;padding:25px;}
.contact__title {display:flex;align-items:center;gap:10px;color:var(--text);margin-bottom:20px;font-weight:600;}
.contact__title::before {display:flex;border-radius:50%;}
.contact__title_location::before {content:url(../img/location.svg?ver=1);}
.contact__title_time::before {content:url(../img/time.svg?ver=1);}
.map {position:relative;width:100%;height:412px;margin-top:20px;overflow:hidden;}
.map__select {display:flex;width:min-content;background:var(--accent);color:white;padding:7px;}
.map__option {cursor:pointer;line-height:1.2;padding:5px 15px 1px 15px;}
.map__showroute {position:absolute;bottom:30px;left:30px;z-index:9;}
:checked + .map__option {background:white;color:var(--text);}
.footer {background:var(--accent);color:white;padding:40px;}
.footer .sitenav__list {color:inherit;}
.footer .sitenav__phone::before {background-image:url("../img/phone-fill-white.svg?ver=1");}
.footer__row {display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:30px;}
.footer__notice {max-width:640px;}
.popup {max-width:467px;background:var(--accent);border:0;box-shadow:0 0 15px rgba(0, 0, 0, 0.5);color:white;font-size:20px;padding:70px 50px;text-align:center;touch-action:none;animation:0.5s fade-in;}
.popup::backdrop {background:rgba(0, 0, 0, 0.4);touch-action:none;}
.popup__close_btn {position:absolute;top:20px;right:20px;cursor:pointer;transition:background 0.3s;}
.popup__text {font-size:20px;}
.popup__title {font-size:36px;font-weight:600;line-height:1.1;margin-bottom:20px;text-transform:uppercase;}
.popup__field {display:flex;align-items:center;position:relative;margin:30px 0;}
.popup__field img {position:absolute;height:18px;left:20px;}
.popup__input {background:white;color:var(--text);font-size:16px;font-family:inherit;border:0;outline:0;padding:24px 20px 24px 50px;flex:1;}
.popup__input::placeholder {color:#4E4E4E;}
.popup__input:user-invalid {color:var(--invalid-text);outline:1px solid;}
.popup__input:user-invalid::placeholder {color:inherit;}
.popup__error {display:none;}
.popup__input:user-invalid + .popup__error {display:block;position:absolute;bottom:105%;font-size:12px;color:var(--invalid);}
.popup__agree {display:block;font-size:14px;margin-top:20px;}

.icon {flex-shrink:0;}
.icon_30 {width:30px;height:30px;}
.icon_35 {width:35px;height:35px;}

.section1 {max-width:900px;}
.section2 {max-width:1130px;}
.section6 {max-width:900px;}
.section9 {max-width:900px;}
.section10 {max-width:1130px;}

.hidden {display:none;}
/* mobile */
@media screen and (max-width:1023px) {
  .mobile_hidden {display:none;}
  .mobile-flex-col {flex-direction:column;}
  .header {padding:20px;}
  .header__overlay {display:none;position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);touch-action:none;z-index:49;}
  :checked + .header__overlay {display:block;}
  .header__wrapper {background:var(--bg-body);color:var(--text);padding:20px;}
  .sitenav__logo img {width:auto;height:35px;}
  .sitenav {flex-direction:column;gap:30px;}
  .sitenav__logo {margin:auto;}
  .sitenav__list {flex-direction:column;gap:20px;}
  .sitenav__phone {justify-content:center;font-size:20px;}
  .header .sitenav__list {color:black;}
  .header .sitenav__number {font-weight:500;}
  .main {padding:0 20px;}
  .section {margin:0 auto 80px;}
  .section__title {font-size:36px;}
  .section__subtitle {text-align:center;justify-content:center;}
  .hero {grid-template-columns:100%;padding:20px;}
  .hero__action {max-width:340px;margin:40px auto;}
  .hero__title {font-size:40px;margin:20px auto 0;}
  .hero__image {height:360px;margin:auto;}
  .hero__benefits {max-width:400px;margin:20px auto;}
  .equipment {margin:30px 0;}
  .action1 {background:none;margin:30px auto;text-align:center;padding:10px;}
  .section2 {max-width:420px;align-items:center;text-align:center;padding:40px 20px 0;}
  .section2__img {height:277px;}
  .scheme__item {--offset:20px;}
  .scheme__item::before {font-size:20px;}
  .benefits {margin:30px 0;}
  .action4 {width:266px;}
  .story {margin:30px 0;}
  .story__details {text-align:center;}
  .story__title {font-size:20px;margin-bottom:20px;}
  .story__solution {background:none;padding:0;}
  .discount {max-width:400px;padding:40px 28px 0;margin:0 auto;text-align:center;}
  .countdown__digit {width:37px;height:52px;font-size:33px;}
  .details {}
  .details__title {font-size:16px;}
  .action5 {height:234px;font-size:16px;padding:20px;}
  .action__contact {width:53px;height:53px;}
  .action6 {font-size:16px;padding:20px;}
  .action6 .button_arrow {width:36px;height:36px;}
  .contacts {gap:20px;margin-top:20px;}
  .contact {padding:20px;}
  .map {height:566px;margin-top:30px;}
  .map__select {margin:0 auto;}
  .map__showroute {height:53px;bottom:20px;left:20px;}
  .popup {padding:40px 30px;}
  .footer .sitenav__logo img {width:auto;height:52px;}
  .footer__row {justify-content:center;text-align:center;}
}
/* desktop */
@media screen and (min-width:1024px) {
  .desktop_hidden {display:none;}
  .sitenav__phone::before {content:"";background:url(../img/phone-fill.svg?ver=1) center / cover;width:30px;height:30px;}
  .hero {grid-template-columns:minmax(auto, 860px) 500px;grid-template-rows:auto auto;justify-content:center;row-gap:50px;}
  .action1__text1 {text-align:right;}
  .hero__title,
  .section2 .section__title,
  .section8 .section__title {margin-left:0;text-align:left;}
  .section__subtitle::before {content:"";width:28px;height:8px;background:url(../img/subtitle-icon.svg?ver=1);flex-shrink:0;}
  .hero__image {grid-column:2;grid-row:1 / -1;}
  .section2__row1 {gap:15px;font-size:20px;text-align:left;}
  .section2__img {position:absolute;bottom:0;right:50px;height:470px;width:502px;}
  .action3__text {text-align:left;}
  .action4__text {text-align:left;}
  .story {grid-template-columns:440px 1fr auto;grid-template-rows:auto auto;}
  .discount__img {position:absolute;bottom:0;right:40px;}
  .section8 {display:grid;gap:50px;grid-template-columns:minmax(auto, 900px) 410px;grid-template-rows:auto auto;}
  .section8 .section__title {margin:0;}
  .action6 {align-items:center;}
  .footer__row {align-items:flex-end;}
}
@keyframes fade-in {
  0% {opacity:0;}
}