/* Start:/bitrix/templates/template/css/globals.css?1788973805654*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Manrope:var(--TEXT-font-weight),var(--DIV-font-weight),600,var(--h2-font-weight),var(--h3-font-weight),var(--BUTTON-font-weight),400,var(--h1-font-weight)");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
  font-family: var(--TEXT-font-family);
      line-height: var(--bs-body-line-height);
}
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}

/* End */


/* Start:/bitrix/templates/template/css/styleguide.css?17889738051121*/
:root {
  --BUTTON-font-family: "Manrope", Helvetica;
  --BUTTON-font-weight: 600;
  --BUTTON-font-size: 14px;
  --BUTTON-letter-spacing: 0px;
  --BUTTON-line-height: normal;
  --BUTTON-font-style: normal;
  --TEXT-font-family: "Manrope", Helvetica;
  --TEXT-font-weight: 400;
  --TEXT-font-size: 12px;
  --TEXT-letter-spacing: 0px;
  --TEXT-line-height: normal;
  --TEXT-font-style: normal;
  --h3-font-family: "Manrope", Helvetica;
  --h3-font-weight: 600;
  --h3-font-size: 20px;
  --h3-letter-spacing: 0px;
  --h3-line-height: 110%;
  --h3-font-style: normal;
  --DIV-font-family: "Manrope", Helvetica;
  --DIV-font-weight: 400;
  --DIV-font-size: 14px;
  --DIV-letter-spacing: 0px;
  --DIV-line-height: normal;
  --DIV-font-style: normal;
  --h2-font-family: "Manrope", Helvetica;
  --h2-font-weight: 600;
  --h2-font-size: 40px;
  --h2-letter-spacing: 0px;
  --h2-line-height: 100%;
  --h2-font-style: normal;
  --h1-font-family: "Manrope", Helvetica;
  --h1-font-weight: 600;
  --h1-font-size: 44px;
  --h1-letter-spacing: 0px;
  --h1-line-height: 100%;
  --h1-font-style: normal;
  --bs-success-rgb: 0,181,112;
}

/* End */


/* Start:/bitrix/templates/template/css/owl.carousel.css?17889738054199*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/template/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#00b570}
/* End */


/* Start:/bitrix/templates/template/css/owl.theme.default.min.css?17889738051013*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* End */


/* Start:/bitrix/templates/template/css/auth.css?17894110573575*/
.auth-btn, .register-btn {
    border-radius: 25px;
    padding: 8px 24px;
}

.register-btn {
    background: #2ecc71;
    border-color: #2ecc71;
}

.register-btn:hover {
    background: #27ae60;
    border-color: #27ae60;
}

.auth-modal, .register-modal {
    border-radius: 16px;
    border: none;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    padding: 40px 32px 32px;
}

.auth-modal {
    max-width: 420px;
}

.register-modal {
    max-width: 520px;
}

.auth-title, .register-title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
}

.register-title {
    font-size: 28px;
    color: #1a3a3a;
}

.form-label {
    font-size: 14px;
    color: #888;
}

.form-control {
    border-radius: 30px;
    padding: 12px 20px;
    background: #f7f7f7;
}

.form-control:focus {
    border-color: #2ecc71;
    box-shadow: 0 0 0 3px rgba(46,204,113,0.15);
}

.auth-link {
    color: #2ecc71;
    font-size: 14px;
    text-decoration: none;
}

.auth-submit, .register-submit {
    background: #2ecc71;
    border-radius: 30px;
    padding: 14px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.auth-submit:hover, .register-submit:hover {
    background: #27ae60;
    color: #fff;
}

.register-submit {
    padding: 16px;
    font-size: 17px;
}

.auth-divider, .auth-social, .auth-footer, .auth-agreement,
.register-footer, .register-agreement {
    text-align: center;
}

.auth-divider {
    display: flex;
    align-items: center;
    margin: 24px 0 16px;
    color: #999;
    font-size: 14px;
}

.auth-divider::before, .auth-divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #eee;
}

.auth-divider span {
    padding: 0 12px;
}

.auth-social {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 20px;
}

.social-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
}

.social-btn.vk {
    background: #4a76a8;
}

.social-btn.google {
    background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%234285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/><path fill="%2334A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/><path fill="%23FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/><path fill="%23EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/></svg>') center/24px no-repeat;
    border: 1px solid #ddd;
}

.auth-footer, .register-footer {
    font-size: 14px;
    color: #555;
    margin: 20px 0 12px;
}

.auth-footer a, .register-footer a {
    color: #2ecc71;
    text-decoration: none;
    font-weight: 600;
}

.auth-agreement, .register-agreement {
    font-size: 11px;
    color: #aaa;
}

/* Стили для ссылки с номером телефона в модальном окне */
#callPhoneHtml a {
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    color: #0d6efd;
    text-decoration: none;
    padding: 15px 30px;
    border: 2px solid #0d6efd;
    border-radius: 12px;
    transition: all 0.3s ease;
}

#callPhoneHtml a:hover {
    background: #0d6efd;
    color: #fff;
    text-decoration: none;
}

#callPhoneHtml a:active {
    transform: scale(0.98);
}
/* End */


/* Start:/bitrix/templates/template/styles.css?1788973805287*/
swiper-slide {
    background: #fff;
}

a.fav-link {
    display: block;
    position: absolute;
    border-radius: 50%;
    background: #00b570;
    width: 44px;
    height: 44px;
    padding: 10px;
    top: 15px;
    right: 15px;
}
a.fav-link svg {
    width: 25px;
    height: 25px;
}
/* End */


/* Start:/bitrix/templates/template/template_styles.css?178897380519388*/
.desktop {
  background-color: #ffffff;
  width: 100%;
/*  min-height: 100vh;*/
  position: relative;
}

/* Navigation */
.menu-tab {
    width: 90px;
    height: 60px;
    position: absolute;
    z-index: 100;
    top: -11px;
    left: 0px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.menu-tab div {
  width: 33px;
  height: 4px;
  background-color: #198754;
  display: block;
  margin: 5px 28px;
  transition: all 0.2s ease-in-out;
}
.menu-tab div:nth-child(1) {
  margin-top: 20px;
}

/*end of menu-tab*/
.menu-tab.active {
  left: 345px;
  transition: all 200ms ease-in-out;
  background-color: rgba(255, 255, 255, 0.9);
}
.menu-tab.active #one {
  transform: translateY(9px) rotate(-135deg);
  transition: all 0.2s ease-in-out;
  background-color: #00b570;
}
.menu-tab.active #two {
  opacity: 0;
  transition: 0.2s ease;
}
.menu-tab.active #three {
  transform: translateY(-9px) rotate(-45deg);
  transition: all 0.2s ease-in-out;
  background-color: #00b570;
}

.menu-hide {
  width: 100%;
  left: -100%;
  height: 100vh;
  position: fixed;
  z-index: 10;
  top: 0px;
  transition: all 0.2s ease-in-out;
  /*end of nav*/
}
.menu-hide nav {
    margin-top: 5rem;
}
.menu-hide nav ul {
  /*end of li*/
}
.menu-hide nav ul li {
  height: 70px;
  list-style-type: none;
  text-align: center;
  line-height: 70px;
  transition: all 0.2s ease;
}
.menu-hide nav ul li:hover {
  background-color: #00b570;
  transition: all 0.2s ease;
}
.menu-hide nav ul li a {
    padding: 1rem;
    text-decoration: none;
    color: #fff;
    font-weight: 800;
    font-size: 1.5rem;
}

/*end of menu-hide*/
.menu-hide.show {
  left: 0px;
  background-color: #00b570;
  transition: all 0.2s ease-in-out;
}


.navigation-desktop {
  /*position: fixed;  
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);/**/
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 60px;
  background-color: #ffffff;
  z-index: 1000;
}

.navbar {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navbar .nav-link {
  padding: 0.5rem 1rem;
}

.text-wrapper {
  font-family: var(--BUTTON-font-family);
  font-weight: var(--BUTTON-font-weight);
  color: #20373d;
  font-size: var(--BUTTON-font-size);
  letter-spacing: var(--BUTTON-letter-spacing);
  line-height: var(--BUTTON-line-height);
  font-style: var(--BUTTON-font-style);
}

.frame {
  display: flex;
  align-items: center;
  gap: 8px;
}

.view {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  border: 1px solid #d5d5d5;
  background: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icons {
  width: 12px;
  height: 12px;
position: relative;
    top: 8px;
}

.image {
  width: 40px;
  height: 40px;
}

.img {
  width: 12px;
  height: 12px;
}

.div {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  border: none;
  padding: 0;
}

.icons-icon {
  height: 13px;
  width: 12px;
}

.span-wrapper {
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #00b570;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
}

.span {
  font-weight: var(--BUTTON-font-weight);
  text-decoration: underline;
  font-family: var(--BUTTON-font-family);
  font-style: var(--BUTTON-font-style);
  letter-spacing: var(--BUTTON-letter-spacing);
  line-height: var(--BUTTON-line-height);
  font-size: var(--BUTTON-font-size);
}

.div-wrapper-badge {
  width: 20px;
  height: 20px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
    left: 90% !important;
    top: 10% !important;
}

/* Header */
.header-desktop {
    width: 100%;
    background-color: #ffffff;
    z-index: 999;
}

.view-2 {
  position: relative;
  width: 100%;
  height: 50px;
  background-color: #f5f5f5;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.search-input {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  font-family: var(--TEXT-font-family);
  font-weight: var(--TEXT-font-weight);
  color: #20373d;
  font-size: var(--TEXT-font-size);
  letter-spacing: var(--TEXT-letter-spacing);
  line-height: var(--TEXT-line-height);
  font-style: var(--TEXT-font-style);
  outline: none;
  padding: 0 30px;
}

.search-input::placeholder {
  color: #afafaf;
}

.frame-wrapper {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 40px;
  padding: 10px 20px;
  background-color: #00b570;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: none;
}

.img-2 {
  width: 12px;
  height: 12px;
}

.text-wrapper-4 {
  font-family: var(--BUTTON-font-family);
  font-weight: var(--BUTTON-font-weight);
  color: #ffffff;
  font-size: var(--BUTTON-font-size);
  letter-spacing: var(--BUTTON-letter-spacing);
  line-height: var(--BUTTON-line-height);
  font-style: var(--BUTTON-font-style);
}

.view-3 {
  padding: 15px 20px;
  border-radius: 30px;
  border: 1px solid #d5d5d5;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 10px;
}

.text-wrapper-5 {
  font-weight: var(--BUTTON-font-weight);
  color: #00b570;
  font-size: var(--BUTTON-font-size);
  line-height: var(--BUTTON-line-height);
  font-family: var(--BUTTON-font-family);
  letter-spacing: var(--BUTTON-letter-spacing);
  font-style: var(--BUTTON-font-style);
}

.view-4 {
  padding: 15px 20px;
  background-color: #00b570;
  border-radius: 30px;
  border: none;
}

.image-2 {
  width: 131px;
}

/* Hero Section */
.view-9 {
  margin-top: 20px;
  padding: 75px 0;
  background-color: #dfdfdf;
}

.frame-14 {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.text-wrapper-15 {
  font-weight: var(--h1-font-weight);
  color: #20373d;
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
  font-family: var(--h1-font-family);
  letter-spacing: var(--h1-letter-spacing);
  font-style: var(--h1-font-style);
}

.text-wrapper-7 {
  font-family: var(--DIV-font-family);
  font-weight: var(--DIV-font-weight);
  color: #6c6c6c;
  font-size: var(--DIV-font-size);
  letter-spacing: var(--DIV-letter-spacing);
  line-height: var(--DIV-line-height);
  font-style: var(--DIV-font-style);
}

.view-10 {
  height: 50px;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  padding: 0 30px;
}

.text-wrapper-16 {
  font-weight: var(--TEXT-font-weight);
  color: #afafaf;
  font-size: var(--TEXT-font-size);
  line-height: var(--TEXT-line-height);
  font-family: var(--TEXT-font-family);
  letter-spacing: var(--TEXT-letter-spacing);
  font-style: var(--TEXT-font-style);
}

.icon-back-stroke {
  width: 8px;
  height: 4.8px;
}

.rectangle {
  width: 1px;
  height: 50px;
  background-color: #efefef;
}

.view-12 {
  height: 50px;
  width: 200px;
  padding: 10px 20px;
  background-color: #00b570;
  border-radius: 30px;
  border: none;
}

/* Section Headings */
.text-wrapper-25 {
  font-weight: var(--h2-font-weight);
  color: #20373d;
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  font-family: var(--h2-font-family);
  letter-spacing: var(--h2-letter-spacing);
  font-style: var(--h2-font-style);
}

/* Garage & Market Sections */
.frame-35, .frame-39 {
  position: relative;
  background-color: #00b570;
  border-radius: 20px;
  overflow: hidden;
  min-height: 760px;
  margin-bottom: 40px;
}

.frame-36 {
  position: relative;
  z-index: 2;
}

.image-6, .image-7 {
  width: 22px;
  height: 18px;
}

.text-wrapper-29, .text-wrapper-33 {
  font-weight: var(--h2-font-weight);
  color: #ffffff;
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  font-family: var(--h2-font-family);
  letter-spacing: var(--h2-letter-spacing);
  font-style: var(--h2-font-style);
}

.text-wrapper-27, .text-wrapper-34 {
  font-weight: var(--h3-font-weight);
  color: #ffffff;
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  font-family: var(--h3-font-family);
  letter-spacing: var(--h3-letter-spacing);
  font-style: var(--h3-font-style);
}

.text-wrapper-28, .text-wrapper-35 {
  font-family: var(--DIV-font-family);
  font-weight: var(--DIV-font-weight);
  color: #ffffff;
  font-size: var(--DIV-font-size);
  letter-spacing: var(--DIV-letter-spacing);
  line-height: var(--DIV-line-height);
  font-style: var(--DIV-font-style);
}

.element-wrapper, .view-23, .view-19 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid #ffffff;
}

.element {
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  font-family: "Manrope", Helvetica;
  letter-spacing: 0;
}

.text-wrapper-30 {
  font-weight: var(--TEXT-font-weight);
  font-family: var(--TEXT-font-family);
  font-style: var(--TEXT-font-style);
  letter-spacing: var(--TEXT-letter-spacing);
  line-height: var(--TEXT-line-height);
  font-size: var(--TEXT-font-size);
}

.element-3 {
  position: absolute;
  top: -90px;
  right: -93px;
  width: 250px;
  height: 383px;
  object-fit: cover;
}
.element-2 {
  position: absolute;
  top: -90px;
  right: -200px;
  height: 383px;
  object-fit: cover;
}

.view-20, .view-24 {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 8px;
}

.div-3 {
  width: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  display: block;
}

.img-3 {
  position: relative;
  top: -10px;
}

.view-21 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px;
}

.text-wrapper-31 {
  position: relative;
  font-weight: var(--h3-font-weight);
  color: #20373d;
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  font-family: var(--h3-font-family);
  letter-spacing: var(--h3-letter-spacing);
  font-style: var(--h3-font-style);
}

.text-wrapper-32 {
  font-family: var(--TEXT-font-family);
  font-weight: var(--TEXT-font-weight);
  color: #6c6c6c;
  font-size: var(--TEXT-font-size);
  letter-spacing: var(--TEXT-letter-spacing);
  line-height: var(--TEXT-line-height);
  font-style: var(--TEXT-font-style);
}

.view-22, .view-25 {
  width: 250px;
  height: 40px;
  padding: 10px 20px;
  background-color: #00b570;
  border-radius: 30px;
  border: none;
}

/* Product Cards */
.frame-19 {
  padding: 80px 0;
}

.text-wrapper-17, .text-wrapper-10 {
  font-weight: var(--h2-font-weight);
  color: #20373d;
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  font-family: var(--h2-font-family);
  letter-spacing: var(--h2-letter-spacing);
  font-style: var(--h2-font-style);
}

.frame-21 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  border: none;
  padding: 0;
}

.text-wrapper-18 {
  font-weight: var(--BUTTON-font-weight);
  color: #00b570;
  font-size: var(--BUTTON-font-size);
  text-align: right;
  line-height: var(--BUTTON-line-height);
  font-family: var(--BUTTON-font-family);
  letter-spacing: var(--BUTTON-letter-spacing);
  font-style: var(--BUTTON-font-style);
}

.view-13{
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;  
}

.view-14 {
  height: 284px;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 10px #a4a4a440;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
}

.image-3 {
  width: 220px;
  height: 220px;
  object-fit: cover;
}

.image-4 {
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  padding: 0;
}

.text-wrapper-6 {
  font-family: var(--h3-font-family);
  font-weight: var(--h3-font-weight);
  color: #20373d;
  font-size: var(--h3-font-size);
  letter-spacing: var(--h3-letter-spacing);
  line-height: var(--h3-line-height);
  font-style: var(--h3-font-style);
}

.text-wrapper-8 {
  font-family: var(--BUTTON-font-family);
  font-weight: var(--BUTTON-font-weight);
  color: #00b570;
  font-size: var(--BUTTON-font-size);
  letter-spacing: var(--BUTTON-letter-spacing);
  line-height: var(--BUTTON-line-height);
  font-style: var(--BUTTON-font-style);
}

.frame-8 {
  background: none;
  border: none;
  padding: 0;
}

.text-wrapper-9 {
  font-family: var(--TEXT-font-family);
  font-weight: var(--TEXT-font-weight);
  color: #6c6c6c;
  font-size: var(--TEXT-font-size);
  letter-spacing: var(--TEXT-letter-spacing);
  line-height: var(--TEXT-line-height);
  font-style: var(--TEXT-font-style);
}

.p, .span-wrapper-2 {
  font-weight: 400;
  color: #00b570;
  font-size: 14px;
  text-align: right;
  line-height: 14px;
  font-family: "Manrope", Helvetica;
  letter-spacing: 0;
  text-decoration: none;
}

/* Promotion Cards */
.frame-22, .frame-11 {
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 0px 10px #a4a4a440;
  padding: 30px;
}

.frame-12 img{
  border-radius: 5px;
}

.view-8 {
  width: 200px;
  height: 50px;
  padding: 10px 20px;
  background-color: #00b570;
  border-radius: 30px;
  border: none;
}

.text-wrapper-11 {
  font-family: var(--BUTTON-font-family);
  font-weight: var(--BUTTON-font-weight);
  font-size: var(--BUTTON-font-size);
  letter-spacing: var(--BUTTON-letter-spacing);
  line-height: var(--BUTTON-line-height);
  font-style: var(--BUTTON-font-style);
  color: #ffffff;
}

.text-wrapper-12 {
  font-weight: var(--TEXT-font-weight);
  color: #b6b6b6;
  font-size: var(--TEXT-font-size);
  line-height: var(--TEXT-line-height);
  font-family: var(--TEXT-font-family);
  letter-spacing: var(--TEXT-letter-spacing);
  font-style: var(--TEXT-font-style);
}

.text-wrapper-13 {
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  color: #20373d;
  font-size: var(--h2-font-size);
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  font-style: var(--h2-font-style);
}

.text-wrapper-14, .text-wrapper-19 {
  font-weight: var(--DIV-font-weight);
  color: #6c6c6c;
  font-size: var(--DIV-font-size);
  line-height: var(--DIV-line-height);
  font-family: var(--DIV-font-family);
  letter-spacing: var(--DIV-letter-spacing);
  font-style: var(--DIV-font-style);
}

/* Ads Carousel */
.frame-23 {
}

.icons-wrapper, .icons-icon-wrapper {
  width: 40px;
  height: 40px;
  background-color: #00b570;
  border-radius: 5px;
  overflow: hidden;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icons-2 {
  width: 12px;
  height: 12px;
}

.view-15 {
  width: 100%;
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 0px 10px #a4a4a440;
}

.frame-25 img {
  border-radius: 5px;
}

.frame-26 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0 20px;
}

.frame-27-container{  
    position: absolute;
    top: -16px;
    width: 100%;
}
.frame-27 {
    width: 138px;
    padding: 9px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00b570;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    margin: 0 auto;
}

.text-wrapper-20 {
  font-weight: var(--BUTTON-font-weight);
  color: #ffffff;
  font-size: var(--BUTTON-font-size);
  line-height: var(--BUTTON-line-height);
  font-family: var(--BUTTON-font-family);
  letter-spacing: var(--BUTTON-letter-spacing);
  font-style: var(--BUTTON-font-style);
}

/* Platform News */
.frame-28 {
  padding: 80px 0;
}

.view-16 {
    width: 100%;
    height: 200px;
    background-color: #dfdfdf;
    border-radius: 10px;
    background-position: 50%;
    background-size: cover;
}

.text-wrapper-21 {
  font-family: var(--TEXT-font-family);
  font-weight: var(--TEXT-font-weight);
  color: #6c6c6c;
  font-size: var(--TEXT-font-size);
  letter-spacing: var(--TEXT-letter-spacing);
  line-height: var(--TEXT-line-height);
  font-style: var(--TEXT-font-style);
}

/* City Modal */
.frame-32 {
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 10px #a4a4a440;
  padding: 10px;
}

.text-wrapper-22 {
  font-weight: var(--BUTTON-font-weight);
  color: #6c6c6c;
  font-size: var(--BUTTON-font-size);
  line-height: var(--BUTTON-line-height);
  font-family: var(--BUTTON-font-family);
  letter-spacing: var(--BUTTON-letter-spacing);
  font-style: var(--BUTTON-font-style);
}

.view-17 {
  background-color: #00b570;
  border-radius: 30px;
  border: none;
}

.text-wrapper-23 {
  font-weight: var(--BUTTON-font-weight);
  color: #ffffff;
  font-size: var(--BUTTON-font-size);
  line-height: var(--BUTTON-line-height);
  font-family: var(--BUTTON-font-family);
  letter-spacing: var(--BUTTON-letter-spacing);
  font-style: var(--BUTTON-font-style);
}

.view-18 {
  border-radius: 30px;
  border: 1px solid #efefef;
  background: transparent;
}

.text-wrapper-24 {
  font-weight: var(--BUTTON-font-weight);
  color: #00b570;
  font-size: var(--BUTTON-font-size);
  line-height: var(--BUTTON-line-height);
  font-family: var(--BUTTON-font-family);
  letter-spacing: var(--BUTTON-letter-spacing);
  font-style: var(--BUTTON-font-style);
}

/* Footer */
.footer-desktop {
  background-color: #f5f5f5;
  padding: 60px 0 30px;
}

.image-8 {
  width: 131px;
}

.view-26 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.text-wrapper-36 {
  color: #6c6c6c;
  font-family: var(--BUTTON-font-family);
  font-weight: var(--BUTTON-font-weight);
  font-size: var(--BUTTON-font-size);
  letter-spacing: var(--BUTTON-letter-spacing);
  line-height: var(--BUTTON-line-height);
  font-style: var(--BUTTON-font-style);
  text-decoration: none;
}

.frame-42 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rectangle-4 {
  width: 100%;
  height: 1px;
  background-color: #eaeaea;
}

.text-wrapper-37 {
  font-family: var(--TEXT-font-family);
  font-weight: var(--TEXT-font-weight);
  color: #6c6c6c;
  font-size: var(--TEXT-font-size);
  letter-spacing: var(--TEXT-letter-spacing);
  line-height: var(--TEXT-line-height);
  font-style: var(--TEXT-font-style);
  text-decoration: none;
}

.frame-43 {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.view-27 {
  height: 40px;
  padding: 10px 20px;
  background-color: #00b570;
  border-radius: 30px;
  border: none;
}

.frame-44 {
  width: 136px;
  height: 40px;
}

/* Bootstrap Overrides */
.btn:focus,
.btn:active {
  box-shadow: none !important;
}

.btn-success {
  background-color: #00b570;
  border-color: #00b570;
}

.btn-success:hover {
  background-color: #009960;
  border-color: #009960;
}

.btn-outline-success {
  color: #00b570;
  border-color: #efefef;
}

.btn-outline-success:hover {
  background-color: #00b570;
  border-color: #00b570;
  color: #ffffff;
}

.card {
  border: none;
}

.nav-link:hover {
  color: #00b570;
}

button {
  cursor: pointer;
}

button:hover {
  opacity: 0.9;
}

a {
  text-decoration: none;
}

a:hover {
  opacity: 0.8;
}
.form-check-input:checked {
    background-color: rgb(var(--bs-success-rgb));
    border-color: rgb(var(--bs-success-rgb));
}

.avatar-circle {
    background: #f5f5f5;
    display: inline-block;
    padding: 1rem;
    border-radius: 50%;
}


.btn-outline-success {
    --bs-btn-color: #009960;
    --bs-btn-border-color: #009960;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-active-bg: #009960;
    --bs-btn-active-border-color: #009960;
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-border-color: #198754;
}

/* End */
/* /bitrix/templates/template/css/globals.css?1788973805654 */
/* /bitrix/templates/template/css/styleguide.css?17889738051121 */
/* /bitrix/templates/template/css/owl.carousel.css?17889738054199 */
/* /bitrix/templates/template/css/owl.theme.default.min.css?17889738051013 */
/* /bitrix/templates/template/css/auth.css?17894110573575 */
/* /bitrix/templates/template/styles.css?1788973805287 */
/* /bitrix/templates/template/template_styles.css?178897380519388 */