@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200..800&display=swap");
.btn-primary {
  padding: 20px 15px 20px 30px;
  background-color: #1b9408;
  background-image: url("/assets/images/button-background.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  position: relative;
  overflow: hidden;
  border: none;
  display: inline-flex;
  justify-content: space-between;
  width: calc(fit-content + 20px);
}
.btn-primary span:not(.arrow) {
  color: #ffffff;
  padding-right: 30px;
  text-transform: uppercase;
  font-weight: 700;
}
.btn-primary.light {
  background-color: #42cf2b;
  background-image: url("/assets/images/button-background-white.svg");
}
.btn-primary.light span:not(.arrow) {
  color: #42cf2b;
}
.btn-primary span.arrow {
  color: #ffffff;
  position: absolute;
  right: 20px;
}
.btn-primary:active {
  border: none !important;
}

.btn-configurator {
  padding: 20px 15px 20px 15px;
  background-color: #ffffff;
  border: 1px solid #42cf2b;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  position: relative;
  min-width: fit-content;
}
.btn-configurator span:not(.checkmark) {
  color: #000000;
  font-weight: 500;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.btn-configurator span.checkmark {
  color: transparent;
}
.btn-configurator:active, .btn-configurator.active, .btn-configurator:hover {
  background-color: #a8acb3;
  border: 1px solid #42cf2b;
}
.btn-configurator:active span.checkmark, .btn-configurator.active span.checkmark, .btn-configurator:hover span.checkmark {
  color: #ffffff;
}

.mobile-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  background: none;
  border: none;
}
.mobile-btn span.menu_line {
  border-width: 1px;
  margin: 2px auto;
}

.secondary {
  padding: 15px 25px;
  margin-bottom: 20px;
  background-color: rgba(65, 207, 43, 0.06);
  color: #42cf2b;
  border: none;
  border-radius: 50px;
  width: fit-content;
  cursor: auto;
  display: inline-block;
}
.secondary:hover, .secondary:focus, .secondary:active {
  background-color: rgba(65, 207, 43, 0.06);
  color: #42cf2b;
}

.checkbox-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.checkbox-wrapper .round {
  position: relative;
}

.checkbox-wrapper .round label {
  background-color: #fff;
  border: 1px solid #42cf2b;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  width: 28px;
  display: block;
}

.checkbox-wrapper .round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 9px;
  transform: rotate(-45deg);
  width: 12px;
}

.checkbox-wrapper .round input[type=checkbox] {
  visibility: hidden;
  display: none;
  opacity: 0;
}

.checkbox-wrapper .round input[type=checkbox]:checked + label {
  background-color: #42cf2b;
  border-color: #42cf2b;
}

.checkbox-wrapper .round input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.btn-play img {
  transition: 0.2s linear;
}
.btn-play img:hover {
  transform: scale(1.2);
}

h1 {
  font-size: 90px;
  line-height: 110px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 900;
}
h1.smaller {
  font-size: 70px;
}

h2 {
  font-size: 38px;
  line-height: 50px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 900;
}
h2.h1 {
  font-size: 90px;
  line-height: 110px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 900;
}
h2.h1.smaller {
  font-size: 70px;
}

h3 {
  font-size: 22px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 900;
}

h4 {
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
}

h5 {
  font-size: 18px;
  color: #42cf2b;
  font-weight: 900;
}

p,
.text {
  font-size: 16px;
  color: #000000;
  opacity: 0.63;
  line-height: 30px;
}

.markdown p {
  color: #ffffff;
  opacity: 1;
}

.btn.about {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

#information_page p, #information_page .text {
  opacity: 1 !important;
}

@media (max-width: 1399.98px) {
  h1 {
    font-size: 70px;
    line-height: 70px;
  }
  h1.smaller {
    font-size: 50px;
    line-height: 1;
  }
  h2 {
    font-size: 38px;
    line-height: 50px;
  }
  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 18px;
  }
}
@media (max-width: 1199.98px) {
  h1 {
    font-size: 70px;
    line-height: 70px;
  }
  h1.smaller {
    font-size: 50px;
  }
  h2 {
    font-size: 35px;
    line-height: 40px;
  }
  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 18px;
  }
}
@media (max-width: 991.98px) {
  h1 {
    font-size: 70px;
    line-height: 70px;
  }
  h1.smaller {
    font-size: 40px;
  }
  h2 {
    font-size: 40px;
    line-height: 40px;
  }
  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  h1 {
    font-size: 70px;
    line-height: 70px;
  }
  h2 {
    font-size: 30px;
    line-height: 40px;
  }
  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  h1 {
    font-size: 70px;
    line-height: 70px;
  }
  h1.smaller {
    font-size: 30px;
  }
  h2 {
    font-size: 30px;
    line-height: 40px;
    text-align: center !important;
  }
  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 18px;
  }
  p,
  .text {
    font-size: 14px;
    opacity: 1;
    line-height: 25px;
  }
}
html.is-changing .transition-fade {
  transition: opacity 0.25s;
  opacity: 1;
}

/* Define the styles for the unloaded pages */
html.is-animating .transition-fade {
  opacity: 0;
}

footer {
  background-color: #ffffff;
}
footer .bt {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
footer .container {
  padding: 30px 0;
}
footer .app_icons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
footer .app_icons img {
  padding: 5px 5px;
}
footer .links {
  padding: 5px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
footer .rights {
  padding: 5px 20px;
}
footer .links a,
footer .rights {
  color: #000000;
  opacity: 0.5;
  text-decoration: none;
}

#navbar .logo {
  flex: 0 0 160px;
  text-align: start;
  padding: 25px;
}
#navbar .menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: auto;
}
#navbar .menu .menu-item {
  list-style: none;
  padding-block-start: 0;
  text-transform: uppercase;
  font-weight: 700;
  padding: 25px;
}
#navbar .menu .menu-item .btn-primary {
  margin: 0;
}
#navbar .menu .menu-item a {
  color: #000000;
  text-decoration: none;
  font-size: 16px;
  transition: color 0.2s linear;
}
#navbar .menu .menu-item:hover a, #navbar .menu .menu-item:focus a, #navbar .menu .menu-item.active a {
  color: #42cf2b;
}
#navbar .menu .menu-dropdown .dropdown-item a {
  line-height: 2;
  color: #000000;
}
#navbar .menu .menu-dropdown .dropdown-item a:hover, #navbar .menu .menu-dropdown .dropdown-item a:focus, #navbar .menu .menu-dropdown .dropdown-item a.active {
  color: #42cf2b;
}

#mobileSwitcher {
  z-index: 9999999999;
  padding: 30px;
}

.menubutton {
  background: none;
  border: none;
  color: #000000;
  font-size: 40px;
}
.menubutton:hover, .menubutton:focus, .menubutton.active {
  color: #42cf2b;
}

.has-dropdown {
  position: relative;
}
.has-dropdown > a::after {
  font-family: "Material Symbols Outlined";
  display: inline-block;
  content: "keyboard_arrow_down";
  padding: 0 5px;
  font-size: 16px;
  vertical-align: middle;
}
.has-dropdown .menu-dropdown {
  position: fixed;
  display: none;
  padding-inline-start: 0;
  width: 100%;
  padding: 10px 5px;
  transition: opacity 0.2s linear;
  background-color: #ffffff;
  padding: 20px;
  margin-top: 20px;
  min-width: -webkit-fit-content;
  min-width: fit-content;
  right: 0;
  z-index: 9999;
}
.has-dropdown .menu-dropdown.megamenu {
  padding: 30px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 155px rgba(0, 0, 0, 0.2);
}
.has-dropdown .menu-dropdown.megamenu .megamenu_items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.has-dropdown .menu-dropdown.megamenu .megamenu_items .megamenu_item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #42cf2b;
  padding: 10px;
  border-radius: 5px;
  transition: 0.2s linear;
}
.has-dropdown .menu-dropdown.megamenu .megamenu_items .megamenu_item .megamenu_product_image {
  max-height: 40px;
}
.has-dropdown .menu-dropdown.megamenu .megamenu_items .megamenu_item:hover {
  background-color: #42cf2b;
}
.has-dropdown .menu-dropdown.megamenu .megamenu_items .megamenu_item:hover .title {
  color: #ffffff;
}

#navbar.mobile {
  z-index: 9;
}
#navbar.mobile .menu.mobile {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  position: fixed;
  right: -100%;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  transition: 0.8s ease;
}
#navbar.mobile .menu.mobile .menu-item {
  padding: 0 0 20px;
}
#navbar.mobile .menu.mobile .menu-dropdown {
  position: relative;
  padding: 0 20px;
}
#navbar.mobile .menu.mobile.opened {
  right: 0;
}

#navbar.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 1000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  height: 55px;
  transition: all 0.6s;
  padding: 0;
}
#navbar.sticky .logo,
#navbar.sticky .menu-item {
  padding: 15px 30px;
}
#navbar.sticky a {
  font-size: 0.95rem;
  font-weight: 500;
  transition: all 0.6s;
}
#navbar.sticky > img {
  height: 25px;
  transition: height 0.6s;
}
#navbar.sticky .megamenu_item img {
  height: 40px;
}
#navbar.sticky .menu-dropdown {
  margin: 0;
}
#navbar.sticky #mobileSwitcher {
  padding: 0 30px;
}

#navbar.sticky .menu-dropdown {
  margin-top: 15px;
}

.wrapper {
  position: relative;
  overflow: hidden;
}

section {
  padding-bottom: 50px;
  padding-top: 50px;
}
section div {
  scroll-margin-top: 200px;
}
section .mwf {
  max-width: 1920px;
}
@media (max-width: 598px) {
  section .mwf {
    margin-left: 25px;
    margin-right: 25px;
    max-width: calc(100% - 50px);
    padding: 0;
  }
}
section .m25 {
  margin: 25px;
}
section .mx25 {
  margin: auto 25px;
}
@media (max-width: 991px) {
  section .mx25 {
    text-align: center !important;
  }
}
section .my25 {
  margin: 25px auto;
}
section .px25 {
  padding: 0 25px;
}
section .py25 {
  padding: 25px 0;
}
section .p25 {
  padding: 25px;
}
section .pis150 {
  padding-inline-start: 150px;
}
section .float-right {
  float: right;
}
section .float-left {
  float: left;
}
section .white {
  color: #ffffff;
}
section .green {
  color: #42cf2b;
}
section .background-text {
  font-size: 230px;
  text-transform: uppercase;
  font-weight: 900;
  position: absolute;
  width: max-content;
  z-index: -1;
}
section .background-text.white {
  color: #ffffff;
  opacity: 30%;
}
section .background-text.black {
  color: #d6dedf;
}
section .mask-fw {
  position: relative;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 100%;
}
section .mask-cw {
  position: relative;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: calc(100% - 100px) 100%;
}
section .w75 {
  width: 75%;
}
section .w50 {
  width: 50%;
}
section .w80 {
  width: 80%;
}
section div.bwt {
  font-size: 30px;
  font-weight: 300;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
}
section div.bwt img {
  margin-right: 20px;
}
section .chat-wrapper {
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.28));
  position: relative;
}
section .chat-spacing {
  margin: 0 25px;
}
section .chat {
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  border-radius: 5px;
}
@media (max-width: 992px) {
  section .chat {
    position: relative;
    width: auto;
    border-radius: 0;
  }
  section .chat-spacing {
    margin: 0;
  }
}
section .greybox {
  position: absolute;
  background-color: #d6dedf;
}
section .faqs {
  align-content: center;
  align-items: end;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
section .faqs .faq {
  width: 100%;
  max-width: 570px;
  position: relative;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
  padding: 45px 85px 45px 45px;
  margin: 10px 0;
  cursor: pointer;
}
@media (max-width: 991px) {
  section .faqs .faq {
    max-width: 100%;
  }
}
section .faqs .faq > img {
  position: absolute;
  top: -140px;
  right: 0;
  z-index: 1;
}
section .faqs .faq .faq_head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
section .faqs .faq .faq_head .faq_title {
  display: inline-flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  position: relative;
}
section .faqs .faq .faq_head .faq_title .title {
  font-size: 24px;
  color: #42cf2b;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(66, 207, 43, 0.2);
}
section .faqs .faq .faq_head .faq_title span {
  z-index: 1;
  position: absolute;
  right: 0;
  font-size: 49px;
  color: #42cf2b;
  transition: color 0.2s linear;
}
section .faqs .faq .faq_head .toggler {
  width: 15px;
  background-color: #42cf2b;
  border-radius: 0 5px 5px 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  transition: width 0.2s linear;
  z-index: 0;
}
section .faqs .faq .faq_answer .text {
  margin-top: 30px;
}
section .faqs .faq .faq_answer hr {
  margin-top: 40px;
}
section .faqs .faq:hover .faq_head .faq_title span {
  color: #ffffff;
}
section .faqs .faq:hover .toggler {
  width: 210px;
}

#videoModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}
#videoModal video {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%;
  background-color: #000000;
}

section.header .title {
  text-align: center;
}
section.header .title h2 {
  font-size: 32px;
  font-weight: 300;
}
section.header .calculator {
  position: absolute;
  height: 100vh;
  max-height: 655px;
  position: relative;
  background-image: url("/assets/images/background_header.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 7vw 0;
}
section.header .row {
  max-width: 1500px;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 100px;
  position: absolute;
}
section.header .row > :nth-child(2) {
  margin: auto;
}
section.header .check,
section.header .dropdown {
  margin: 15px 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 420px;
  border-radius: 5px;
  border: 1px solid #7d7d7d;
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.5);
  padding: 30px 20px;
  align-items: center;
}
section.header .check *,
section.header .dropdown * {
  color: #ffffff;
}
section.header .check select,
section.header .dropdown select {
  border: none;
  filter: none;
  background: none;
  width: 100%;
  text-align: center;
}
section.header .check select option,
section.header .dropdown select option {
  background-color: rgba(0, 0, 0, 0.8);
}
section.header .check select:focus,
section.header .dropdown select:focus {
  outline: none;
}
section.header .check input:is([type=radio], [type=checkbox]),
section.header .dropdown input:is([type=radio], [type=checkbox]) {
  appearance: initial;
  width: 16px;
  height: 16px;
  border: 1px solid #000000;
  background-color: #ffffff;
  background-image: url("/assets/icons/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
section.header input[type=checkbox]:checked {
  background-color: #ffffff;
  background-image: url("/assets/icons/check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
section.header .results {
  float: right;
  max-width: 420px;
  border-radius: 5px;
  border: 1px solid #7d7d7d;
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.5);
  padding: 70px;
  width: 100%;
}
section.header .results .result {
  text-align: center;
  margin: 25px auto;
}
section.header .results .result * {
  color: #ffffff;
}
section.header .results .result strong {
  text-transform: uppercase;
}
section.header .results .result .number {
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 15px 50px;
  border-radius: 5px;
  font-size: 30px;
  font-weight: 900;
}
section.header .results .result .number > div {
  display: inline;
}
section.header .results .result::after {
  display: block;
  position: absolute;
  content: "";
  width: 50%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  top: -3px;
  transform: translateX(-50%);
  left: 50%;
  box-shadow: 0 0 10px #42cf2b;
}

section.assistant .line-glow img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  top: -130px;
}
section.assistant .energy_cards.left {
  justify-content: end;
}
section.assistant .energy_cards.left > :nth-child(1)::after, section.assistant .energy_cards.left > :nth-child(2)::after, section.assistant .energy_cards.left > :nth-child(3)::after {
  display: block;
  position: absolute;
  content: "";
  width: 80%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  bottom: -3px;
  transform: translateX(-50%);
  left: 50%;
  box-shadow: 0 0 10px #42cf2b;
  align-items: center;
}
section.assistant .energy_cards.right {
  justify-content: start;
}
section.assistant .energy_cards.right > :nth-child(1)::after, section.assistant .energy_cards.right > :nth-child(2)::after, section.assistant .energy_cards.right > :nth-child(3)::after {
  display: block;
  position: absolute;
  content: "";
  width: 80%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  top: -3px;
  transform: translateX(-50%);
  left: 50%;
  box-shadow: 0 0 10px #42cf2b;
}
section.assistant .energy_cards .energy_card {
  margin: 25px;
  text-align: center;
  flex: 1 1 260px;
  min-width: 220px;
  border-radius: 5px;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
  position: relative;
  padding: 40px;
}
section.assistant .energy_cards .energy_card .icon {
  padding: 0 0 20px 0;
}
section.assistant .energy_cards .energy_card .icon img {
  max-width: 130px;
  height: auto;
}
section.assistant .energy_cards .energy_card .content {
  min-height: 100px;
}
section.assistant .energy_cards .energy_card .content .title {
  font-size: 16px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 15px;
  text-shadow: 0 0 8px rgba(66, 207, 43, 0.2);
}
section.assistant .energy_cards .energy_card .content .text {
  font-weight: 300;
}
section.assistant .energy_cards .energy_card .link {
  visibility: hidden;
}
section.assistant .energy_cards .energy_card:hover .link {
  visibility: visible;
}
section.assistant .energy_cards .energy_card.first.top {
  border-radius: 200px 5px 5px 5px;
}
section.assistant .energy_cards .energy_card.first.bottom {
  border-radius: 5px 5px 5px 200px;
}
section.assistant .energy_cards .energy_card.last.top {
  border-radius: 5px 200px 5px 5px;
}
section.assistant .energy_cards .energy_card.last.bottom {
  border-radius: 5px 5px 200px 5px;
}

section.works .works_mask {
  mask-image: url("/assets/images/works-mask.png");
  position: absolute;
  height: calc(100% - 50px);
  width: 100%;
}
@media (max-width: 768px) {
  section.works .works_mask {
    position: relative;
  }
}
section.works .works_mask img {
  height: 100%;
}
section.works > .container {
  position: relative;
  left: 0;
  right: 0;
}
section.works .tabs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 22vw;
}
section.works .tabs > :nth-child(2) {
  margin-left: 18px;
  margin-right: 18px;
}
section.works .tabs .tab {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  padding: 15px 30px;
  transition: 0.2s linear;
}
section.works .tabs .tab p {
  line-height: 0;
  padding: 0;
  display: inline;
  color: #42cf2b;
  text-shadow: 0 0 5px #42cf2b;
  transition: 0.2s linear;
}
section.works .tabs .tab:hover, section.works .tabs .tab.active {
  background-color: #000000;
}
section.works .tabs .tab:hover p, section.works .tabs .tab.active p {
  color: #ffffff;
  text-shadow: none;
}
section.works .tabs-content {
  position: relative;
  margin-top: 35px;
  width: 22vw;
  border-radius: 5px;
  border: 1px solid #7d7d7d;
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.5);
}
section.works .tabs-content > div {
  padding: 50px 40px;
}
section.works .tabs-content p {
  color: #ffffff;
  line-height: 24px;
  font-weight: 300;
}
section.works .tabs-content::after {
  display: block;
  position: absolute;
  content: "";
  width: 50%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  top: -3px;
  transform: translateX(-50%);
  left: 50%;
  box-shadow: 0 0 10px #42cf2b;
}

section.savings .savings_blocks.left {
  justify-content: end;
}
section.savings .savings_blocks.right {
  justify-content: start;
}
section.savings .savings_blocks .savings_block {
  margin: 10px 25px;
  text-align: start;
  flex: 0 1 570px;
  border-radius: 5px;
  min-height: 150px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
  position: relative;
  padding: 40px;
  cursor: pointer;
}
section.savings .savings_blocks .savings_block .icon {
  padding: 0 30px 0 0;
}
section.savings .savings_blocks .savings_block .icon img {
  max-width: 50px;
  height: auto;
}
section.savings .savings_blocks .savings_block .content {
  width: calc(100% - 160px);
}
section.savings .savings_blocks .savings_block .content .title {
  font-size: 16px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(66, 207, 43, 0.2);
}
section.savings .savings_blocks .savings_block .content .text {
  font-weight: 700;
}
section.savings .savings_blocks .savings_block .link {
  position: absolute;
  right: 0;
  width: 15px;
  top: 0;
  bottom: 0;
  background-color: #42cf2b;
  border-radius: 0 5px 5px 0;
  transition: width 0.2s linear;
}
section.savings .savings_blocks .savings_block .link img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.1s linear;
}
section.savings .savings_blocks .savings_block:hover .link {
  width: 115px;
}
section.savings .savings_blocks .savings_block:hover .link img {
  opacity: 1;
}

section.products .products_mask {
  mask-image: url("/assets/images/products-mask.png");
}
section.products > .container {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
section.products .background-text {
  left: 50%;
  transform: translateX(-50%);
}
section.products .products_blocks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
section.products .products_blocks .products_block {
  position: relative;
  background-color: #ffffff;
  border-radius: 5px;
  margin: 20px;
  padding: 50px;
  flex: 0 1 370px;
  cursor: pointer;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
}
section.products .products_blocks .products_block .content .title {
  font-size: 16px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(66, 207, 43, 0.2);
}
section.products .products_blocks .products_block .content .text {
  font-weight: 300;
}
section.products .products_blocks .products_block .image {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
section.products .products_blocks .products_block .link {
  position: absolute;
  right: 0;
  height: 20px;
  left: 0;
  bottom: 0;
  background-color: #42cf2b;
  border-radius: 0 0 5px 5px;
  transition: height 0.2s linear;
  z-index: 0;
}
section.products .products_blocks .products_block .link span {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.1s linear;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: underline;
}
section.products .products_blocks .products_block:hover .link {
  height: 170px;
}
section.products .products_blocks .products_block:hover .link span {
  opacity: 1;
}

section.application .application_images.left {
  justify-content: end;
}
section.application .application_images.right {
  justify-content: start;
}
section.application .application_images .app_image {
  position: relative;
}
section.application .application_blocks > :first-child {
  border-radius: 200px 5px 5px 5px;
}
section.application .application_blocks > :last-child {
  border-radius: 5px 5px 200px 5px;
  transform: translate(50px, -50px);
}
section.application .application_blocks .application_block {
  margin: 10px 25px;
  text-align: start;
  flex: 0 1 730px;
  min-height: 350px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
  position: relative;
  padding: 80px 90px;
}
section.application .application_blocks .application_block .content {
  flex: 0 1 70%;
}
section.application .application_blocks .application_block .content .title {
  font-size: 24px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(66, 207, 43, 0.2);
}
section.application .application_blocks .application_block .content .subtitle {
  font-size: 20px;
  font-weight: 700;
}
section.application .application_blocks .application_block .content .text {
  font-weight: 700;
}
section.application .application_blocks .application_block .icon {
  min-width: 135px;
  height: 135px;
  padding: 20px;
  background-color: #42cf2b;
  border-radius: 5px;
  position: relative;
  display: inline-flex;
  align-content: center;
  align-items: stretch;
  justify-content: space-around;
}

section.backup .backup_mask {
  mask-image: url("/assets/images/backup-mask.png");
}
section.backup > .container-fluid {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -30%);
}
section.backup > .container-fluid .title {
  font-size: 88px;
  margin-bottom: 20px;
}
section.backup > .container-fluid .subtitle {
  font-size: 24px;
  opacity: 1;
}
section.backup .tabs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
section.backup .tabs .tab {
  flex: 0 0 480px;
  margin: 20px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  transition: 0.2s linear;
  backdrop-filter: blur(10px);
  border: 1px solid #7d7d7d;
}
section.backup .tabs .tab::after {
  display: block;
  position: absolute;
  content: "";
  width: 40%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  bottom: -3px;
  transform: translateX(-50%);
  left: 50%;
  box-shadow: 0 0 10px #42cf2b;
}
section.backup .tabs .tab .tab_title {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 15px;
}
section.backup .tabs .tab .tab_title h5 {
  margin: 0;
}
section.backup .tabs .tab .tab_title .icon img {
  width: 30px;
}
section.backup .tabs .tab .tab_content {
  padding: 25px 30px;
}

section.lara .col-lg-6,
section.lara .col-md-12 {
  position: relative;
}
section.lara .chat {
  padding: 50px 112px 50px 50px;
  transform: translateY(30%);
  left: 0%;
  max-width: 483px;
  clip-path: polygon(0% 0%, 86.97% 0%, 86.97% 17.19%, 100% 13.49%, 86.97% 31.96%, 86.97% 100%, 0% 100%);
}
section.lara .chat .content .title {
  font-size: 16px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(66, 207, 43, 0.2);
}
section.lara .chat .content .text {
  font-weight: 300;
}
section.lara .background-text {
  top: -15%;
  left: 5%;
}
section.lara .image {
  position: relative;
  left: 55%;
}

section.stories .stories_mask {
  mask-image: url("/assets/images/stories-mask.png");
  mask-size: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
section.stories .stories_mask img {
  object-fit: cover;
}
@media (max-width: 1350px) {
  section.stories .stories_mask {
    mask-image: none;
  }
}
@media (max-width: 1200px) {
  section.stories .stories_mask {
    mask-image: url("/assets/images/stories-mask.png");
    mask-position-y: 70%;
    -webkit-mask-position-y: 70%;
  }
}
@media (max-width: 989px) {
  section.stories .stories_mask {
    mask-position-y: 60%;
    -webkit-mask-position-y: 60%;
    position: relative;
  }
}
section.stories > .container-fluid {
  position: relative;
  transform: translate(0%, 0);
  top: 0;
  left: 0;
}
@media (max-width: 1200px) {
  section.stories > .container-fluid {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: translate(0%, 0%) !important;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 989px) {
  section.stories > .container-fluid {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
section.stories > .container-fluid h2 {
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  section.stories > .container-fluid h2 {
    padding-left: 80px;
  }
}
section.stories > .container-fluid .subtitle {
  font-size: 16px;
  opacity: 1;
  text-transform: uppercase;
}
@media (max-width: 1440px) {
  section.stories > .container-fluid .subtitle {
    padding-left: 80px;
  }
}
section.stories .reviews .review {
  position: relative;
  flex: 0 0 auto;
  max-width: 890px;
  margin: 25px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  transition: 0.2s linear;
  backdrop-filter: blur(10px);
  border: 1px solid #7d7d7d;
  padding: 55px 50px;
  min-height: 270px;
}
section.stories .reviews .review .author {
  position: absolute;
  bottom: 50px;
  right: 55px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: rgba(255, 255, 255, 0.2);
  width: 290px;
  padding: 20px;
  border-radius: 5px;
}
section.stories .reviews .review .author p {
  margin: 0;
  text-transform: uppercase;
}
section.stories .reviews .review::after {
  display: block;
  position: absolute;
  content: "";
  width: 20%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  top: -3px;
  transform: translateX(-50%);
  left: 50%;
  box-shadow: 0 0 10px #42cf2b;
  opacity: 0;
  transition: opacity 0.2s linear;
}
section.stories .reviews .review.is-active::after {
  display: block;
  position: absolute;
  content: "";
  width: 20%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  top: -3px;
  transform: translateX(-50%);
  left: 50%;
  box-shadow: 0 0 10px #42cf2b;
  opacity: 1;
}

section.getstarted > .container {
  position: relative;
}
section.getstarted .chat_1 {
  padding: 50px 112px 50px 50px;
  transform: translateY(68%);
  left: 5%;
  max-width: 483px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  clip-path: polygon(0% 0%, 86.96% 0%, 86.96% 73.57%, 100% 67.06%, 86.96% 86.15%, 86.96% 100%, 0% 100%);
}
section.getstarted .chat_2 {
  padding: 50px 50px 50px 112px;
  transform: translateY(-180%);
  right: 5%;
  max-width: 482px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  clip-path: polygon(100% 0%, 14.1% 0%, 14.1% 22%, 0% 18.4%, 14.1% 41.9%, 14.1% 100%, 100% 100%);
}
section.getstarted .content .title {
  font-size: 16px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(66, 207, 43, 0.2);
}
section.getstarted .content .text {
  font-weight: 300;
}
section.getstarted .content a.btn:not(.btn-play) {
  width: 100%;
}
section.getstarted .content a.btn:not(.btn-play) .arrow {
  position: absolute;
  right: 20px;
}
section.getstarted .background-text {
  top: -20%;
}
section.getstarted .dog_image {
  position: absolute;
  z-index: 1;
  top: -5%;
  left: 8%;
}
section.getstarted .image {
  position: relative;
  left: 25%;
  z-index: -1;
}
section.getstarted .image_battery {
  position: absolute;
  right: 15%;
  bottom: -10%;
  z-index: -1;
}

section.problem .bf_header {
  margin: auto 0 auto 25px;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
}
@media (max-width: 991px) {
  section.problem .bf_header {
    margin-left: 25px;
    margin-right: 25px;
  }
}

section.sliding_text_container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
section.sliding_text_container .sliding_track {
  display: flex;
  width: max-content;
  animation: slidingText 50s linear infinite;
}
section.sliding_text_container .sliding_track span {
  display: inline-block;
  font-size: 175px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.2);
  font-weight: 900;
}
@keyframes slidingText {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

section.savemore .energy_cards .energy_card {
  justify-content: stretch;
}
section.savemore .energy_cards .energy_card .content .title {
  font-size: 24px;
}
section.savemore .energy_cards .energy_card.first {
  border-radius: 155px 5px 5px 5px;
}
section.savemore .energy_cards .energy_card.last {
  border-radius: 5px 155px 5px 5px;
}
section.savemore .energy_cards .energy_card::after {
  display: block;
  position: absolute;
  content: "";
  width: 40%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  bottom: -3px !important;
  transform: translateX(-50%);
  box-shadow: 0 0 10px #42cf2b;
  align-items: center;
}
section.savemore .energy_cards .energy_card:nth-child(1)::after, section.savemore .energy_cards .energy_card:nth-child(2)::after {
  left: 70%;
}
section.savemore .energy_cards .energy_card:nth-child(3)::after, section.savemore .energy_cards .energy_card:nth-child(4)::after {
  left: 30%;
}
section.savemore .energy_cards .energy_card:nth-child(1), section.savemore .energy_cards .energy_card:nth-child(2) {
  text-align: end;
}
section.savemore .energy_cards .energy_card:nth-child(3), section.savemore .energy_cards .energy_card:nth-child(4) {
  text-align: start;
}
section.savemore .col-12 {
  margin-top: 50px;
}
section.savemore .greybox {
  left: 15%;
  bottom: 150px;
  height: 360px;
  width: 890px;
  border-radius: 350px 5px 5px 5px;
}

section.costs .chat {
  padding: 120px 50px 40px 50px;
  left: -15%;
  transform: translateY(-110%);
  max-width: 424px;
  clip-path: polygon(0% 100%, 0% 26.92%, 72.88% 26.92%, 88.3% 0%, 85.85% 26.92%, 100% 26.92%, 100% 100%);
}
@media (max-width: 1440px) {
  section.costs .chat {
    left: 0;
    padding-top: 150px;
    clip-path: polygon(1% 100%, 0% 26.92%, 33.88% 26.92%, 59.3% 5%, 51.85% 26.92%, 100% 26.92%, 100% 100%);
  }
}
@media (max-width: 1024px) {
  section.costs .chat {
    left: 0;
    clip-path: polygon(1% 100%, 0% 26.92%, 13.88% 26.92%, 43.3% 6%, 39.85% 26.92%, 100% 26.92%, 100% 100%);
  }
}
@media (max-width: 768px) {
  section.costs .chat {
    left: 0;
    padding-top: 140px;
    clip-path: polygon(1% 100%, 0% 26.92%, 27.88% 26.92%, 55.3% 1%, 49.85% 26.92%, 100% 26.92%, 100% 100%);
  }
}
section.costs .chat .content .title {
  font-size: 16px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(66, 207, 43, 0.2);
}
section.costs .chat .content .text {
  font-weight: 300;
}

section.control img.lara {
  position: absolute;
  bottom: 0;
  left: 0;
}
section.control .savings_blocks.left {
  justify-content: end;
}
section.control .savings_blocks.right {
  justify-content: start;
}
section.control .savings_blocks .savings_block {
  margin: 10px 25px;
  text-align: start;
  flex: 0 1 570px;
  border-radius: 5px;
  min-height: 150px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
  position: relative;
  padding: 40px;
  cursor: pointer;
}
section.control .savings_blocks .savings_block .icon {
  padding: 0 30px 0 0;
}
section.control .savings_blocks .savings_block .icon img {
  max-width: 96px;
  height: auto;
}
section.control .savings_blocks .savings_block .content {
  width: calc(100% - 160px);
}
section.control .savings_blocks .savings_block .content .title {
  font-size: 16px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(66, 207, 43, 0.2);
}
section.control .savings_blocks .savings_block .content .text {
  font-weight: 700;
}
section.control .savings_blocks .savings_block .link {
  position: absolute;
  right: 0;
  width: 15px;
  top: 0;
  bottom: 0;
  background-color: #42cf2b;
  border-radius: 0 5px 5px 0;
}

section.share .share_mask {
  mask-image: url("/assets/images/share-mask.png");
}
section.share > .container {
  position: absolute;
  left: 0;
  right: 0;
  top: 57%;
  transform: translateY(-50%);
}
section.share > .container .col-sm-12 > div {
  display: flex;
  flex-direction: column;
  justify-content: start;
}
section.share > .container .col-sm-12 > div p {
  color: #ffffff;
}
section.share > .container .col-sm-12 > div .about {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
section.share > .container .col-sm-12 > div a {
  color: #000000;
}
section.share > .container .col-sm-12 > div a > img {
  filter: brightness(100);
}

section.appliances .energy_cards {
  align-items: center;
  justify-content: center;
}
section.appliances .energy_cards > .image img {
  max-width: 265px;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.28));
}
section.appliances .energy_cards .energy_card {
  flex: 0 1 265px;
  justify-content: stretch;
}
section.appliances .energy_cards .energy_card.last {
  border-radius: 5px 5px 155px 5px;
}
section.appliances .energy_cards .energy_card::after {
  display: block;
  position: absolute;
  content: "";
  width: 70%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  top: -3px !important;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 10px #42cf2b;
  align-items: center;
}

section.potential .col-lg-6 img.dog {
  position: absolute;
  bottom: 0;
  left: 100%;
  transform: translateX(-50%);
  z-index: 1;
}
section.potential .row > :nth-child(3), section.potential .row > :nth-child(4) {
  margin-top: 100px;
  margin-bottom: 100px;
}
section.potential .chat {
  padding: 40px 50px 120px 50px;
  max-width: 423px;
  text-align: start;
}
section.potential .chat.left {
  transform: translateY(-200%);
  right: 5%;
  clip-path: polygon(0% 0%, 0% 73.08%, 72.94% 73.08%, 88.4% 100%, 85.96% 73.08%, 100% 73.08%, 100% 0%);
}
section.potential .chat.right {
  transform: translateY(-180%);
  left: 5%;
  clip-path: polygon(100% 0%, 100% 73.08%, 27.07% 73.08%, 11.58% 100%, 14.06% 73.08%, 0% 73.08%, 0% 0%);
}
section.potential .chat .content .title {
  font-size: 16px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(66, 207, 43, 0.2);
}
section.potential .chat .content .text {
  font-weight: 300;
}

section.benefit {
  padding: 100px 0;
}
section.benefit > img {
  position: relative;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.28));
  width: -webkit-fill-available;
}
section.benefit > .container-fluid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.benefit > .container-fluid .row > :first-child > .mx25 {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: space-evenly;
  text-align: end;
}
section.benefit .chat {
  padding: 40px 50px 120px 50px;
  max-width: 333px;
  text-align: start;
  top: 5%;
  left: 10%;
  clip-path: polygon(0% 0%, 0% 70.56%, 65.62% 70.56%, 85.29% 100%, 82.13% 70.56%, 100% 70.56%, 100% 0%);
}
section.benefit .chat .content .title {
  font-size: 16px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(66, 207, 43, 0.2);
}
section.benefit .chat .content .text {
  font-weight: 300;
}

section.brain .energy_cards {
  align-items: center;
  justify-content: center;
  display: flex;
}
section.brain .energy_cards > .image img {
  max-width: 265px;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.28));
}
section.brain .energy_cards .energy_card {
  flex: 0 0 265px;
  max-width: 265px;
  padding: 30px;
  justify-content: stretch;
  position: absolute;
  min-height: 100px;
}
section.brain .energy_cards .energy_card .content {
  min-height: 30px;
}
section.brain .energy_cards .energy_card::after {
  display: block;
  position: absolute;
  content: "";
  width: 80%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  top: -3px;
  transform: translateX(-50%);
  left: 50%;
  box-shadow: 0 0 10px #42cf2b;
}
section.brain .energy_cards > :nth-child(1) {
  top: 0;
  left: 10%;
}
section.brain .energy_cards > :nth-child(2) {
  top: 0;
  right: 5%;
}
section.brain .energy_cards > :nth-child(3) {
  left: 15%;
  bottom: -5%;
}
section.brain .energy_cards > :nth-child(4) {
  right: 15%;
  bottom: -5%;
}
section.brain img.brain {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
section.brain .background-text {
  position: relative;
}
section.brain .bgtext_dots {
  margin-bottom: -120px;
}

section.ready > img {
  position: relative;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.28));
  width: -webkit-fill-available;
}
section.ready > .container-fluid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.ready > .container-fluid .row > :nth-child(2) > .mx25 {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-evenly;
  text-align: start;
}
section.ready .buttons .btn {
  width: 250px;
  margin: auto 20px auto auto;
}

section.downloads .documents_grid {
  display: flex;
  flex-direction: revert;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
section.downloads .documents_grid .document {
  flex: 0 0 280px;
  text-decoration: none;
}
section.downloads .documents_grid .document img {
  width: 100%;
  height: auto;
  transition: 0.2s linear;
}
section.downloads .documents_grid .document p {
  opacity: 1;
}
section.downloads .filters {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
section.downloads .filters .filter_card {
  margin: 5px;
  flex: 0 1 230px;
  justify-content: center;
  padding: 20px 25px;
  text-transform: uppercase;
  font-weight: 700;
  transition: 0.2s linear;
}
section.downloads .filters .filter_card.active, section.downloads .filters .filter_card:hover {
  background-image: none;
  background-color: #a8acb3;
}
section.downloads h2:not(.smaller) {
  font-weight: 300;
  font-size: 32px;
}

section.app_phones .phones {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
section.app_phones .phones .phone {
  flex: 0 0 370px;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  position: relative;
}
section.app_phones .phones .phone > img {
  margin-bottom: -200px;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.28));
}
section.app_phones .phones .phone .content {
  width: 328px;
  margin: 25px;
  text-align: center;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #ffffff;
  box-shadow: 0 0 155px rgba(0, 0, 0, 0.28);
  position: relative;
  padding: 150px 30px 30px 30px;
  align-items: center;
  justify-content: start;
  height: 410px;
}
section.app_phones .phones .phone .content .title {
  font-size: 20px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 15px;
  text-shadow: 0 0 8px rgba(66, 207, 43, 0.2);
}
section.app_phones .phones .phone .content .text {
  font-weight: 300;
}
section.app_phones .phones .phone .content .text strong {
  font-weight: 700;
  font-size: 18px;
}

section.app_cards .energy_cards.left {
  justify-content: end;
}
section.app_cards .energy_cards.left > :nth-child(1)::after, section.app_cards .energy_cards.left > :nth-child(2)::after {
  display: block;
  position: absolute;
  content: "";
  width: 80%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  bottom: -3px;
  transform: translateX(-50%);
  left: 50%;
  box-shadow: 0 0 10px #42cf2b;
  align-items: center;
}
section.app_cards .energy_cards.left > :nth-child(3)::after, section.app_cards .energy_cards.left > :nth-child(4)::after {
  display: block;
  position: absolute;
  content: "";
  width: 80%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  top: -3px;
  transform: translateX(-50%);
  left: 50%;
  box-shadow: 0 0 10px #42cf2b;
}
section.app_cards .energy_cards.right {
  justify-content: start;
}
section.app_cards .energy_cards.right > :nth-child(1)::after, section.app_cards .energy_cards.right > :nth-child(2)::after {
  display: block;
  position: absolute;
  content: "";
  width: 80%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  bottom: -3px;
  transform: translateX(-50%);
  left: 50%;
  box-shadow: 0 0 10px #42cf2b;
  align-items: center;
}
section.app_cards .energy_cards.right > :nth-child(3)::after, section.app_cards .energy_cards.right > :nth-child(4)::after {
  display: block;
  position: absolute;
  content: "";
  width: 80%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  top: -3px;
  transform: translateX(-50%);
  left: 50%;
  box-shadow: 0 0 10px #42cf2b;
}
section.app_cards .energy_cards .energy_card {
  margin: 25px;
  text-align: center;
  flex: 0 1 265px;
  min-width: 220px;
  border-radius: 5px;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
  position: relative;
  padding: 20px;
}
section.app_cards .energy_cards .energy_card .icon {
  padding: 40px 0;
}
section.app_cards .energy_cards .energy_card .icon img {
  max-width: 100px;
  height: auto;
  max-height: 100px;
}
section.app_cards .energy_cards .energy_card .content {
  min-height: 100px;
}
section.app_cards .energy_cards .energy_card .content .title {
  font-size: 16px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 15px;
  text-shadow: 0 0 8px rgba(66, 207, 43, 0.2);
}
section.app_cards .energy_cards .energy_card .content .text {
  font-weight: 300;
}
section.app_cards .energy_cards .energy_card .link {
  visibility: hidden;
}
section.app_cards .energy_cards .energy_card:hover .link {
  visibility: visible;
}
section.app_cards .energy_cards .energy_card.first.top {
  border-radius: 200px 5px 5px 5px;
}
section.app_cards .energy_cards .energy_card.first.bottom {
  border-radius: 5px 5px 5px 200px;
}
@media (max-width: 768px) {
  section.app_cards .energy_cards .energy_card.first.bottom {
    border-radius: 5px 5px 5px 5px;
  }
}
section.app_cards .energy_cards .energy_card.last.top {
  border-radius: 5px 200px 5px 5px;
}
@media (max-width: 768px) {
  section.app_cards .energy_cards .energy_card.last.top {
    border-radius: 5px 5px 5px 5px;
  }
}
section.app_cards .energy_cards .energy_card.last.bottom {
  border-radius: 5px 5px 200px 5px;
}
@media (max-width: 768px) {
  section.app_cards .energy_cards .energy_card {
    flex: 0 1 100%;
  }
}

section.ready p {
  color: #ffffff;
}
section.ready img.getstarted-phone {
  margin-top: -150px;
}
@media (max-width: 768px) {
  section.ready img.getstarted-phone {
    margin-top: -50px;
  }
}

.contact-form .floating-label {
  position: relative;
  margin: 10px 0;
}
.contact-form .floating-label input,
.contact-form .floating-label textarea {
  width: 100%;
  padding: 14px 10px 6px;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.4;
  border: 2px solid #42cf2b;
  border-radius: 5px;
  background: white;
  color: #000000;
}
.contact-form .floating-label input:focus-visible,
.contact-form .floating-label textarea:focus-visible {
  outline: none;
}
.contact-form .floating-label input::placeholder,
.contact-form .floating-label textarea::placeholder {
  color: transparent;
}
.contact-form .floating-label input:not(:placeholder-shown) + label, .contact-form .floating-label input:focus + label,
.contact-form .floating-label textarea:not(:placeholder-shown) + label,
.contact-form .floating-label textarea:focus + label {
  top: 2px;
  font-size: 12px;
  color: #000000;
  right: 2px;
}
.contact-form .floating-label label {
  position: absolute;
  top: 2px;
  right: 2px;
  color: #000000;
  font-size: 12px;
  pointer-events: none;
  transition: 0.2s ease all;
  padding: 0 4px;
  text-transform: uppercase;
}
.contact-form .floating-label textarea + label {
  top: 2px;
  right: 2px;
}
.contact-form .floating-label textarea:focus + label,
.contact-form .floating-label textarea:not(:placeholder-shown) + label {
  top: 2px;
  right: 2px;
  font-size: 12px;
  color: #000000;
}
.contact-form .btn {
  float: inline-end;
  width: 50%;
}

section.products .products_list .elements {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
section.products .products_list .elements .element {
  position: relative;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 155px rgba(0, 0, 0, 0.2);
  margin: 12.5px;
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  justify-content: start;
  cursor: pointer;
}
section.products .products_list .elements .element:hover {
  box-shadow: 0 0 155px rgba(66, 207, 43, 0.4);
}
section.products .products_list .elements .element .content {
  padding: 0 40px;
}
section.products .products_list .elements .element .content .title {
  color: #42cf2b;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  padding-bottom: 10px;
}
section.products .products_list .elements .element .content .subtitle {
  color: #000000;
  font-weight: 700;
  font-size: 18px;
  padding-bottom: 10px;
}
section.products .products_list .elements .element .content .description {
  font-weight: 100;
  font-size: 16px;
  padding-bottom: 10px;
}
section.products .products_list .elements .element .link {
  visibility: hidden;
  padding: 0 40px;
}
section.products .products_list .elements .element:hover .link {
  visibility: visible;
}
section.products.sem .title-content {
  justify-content: start;
  align-items: end;
}
section.products.sem .greybox {
  left: 23%;
  top: -50px;
  height: 360px;
  width: 890px;
  border-radius: 220px 5px 5px 5px;
}
section.products.sem .elements .element {
  flex: 0 0 330px;
}
section.products.sem .elements .element::after {
  display: block;
  position: absolute;
  content: "";
  width: 60%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  bottom: -3px;
  box-shadow: 0 0 10px #42cf2b;
}
section.products.sem .elements > :first-child {
  border-radius: 110px 5px 5px 5px;
}
section.products.sem .elements > :last-child {
  border-radius: 5px 110px 5px 5px;
}
section.products.sem .elements > :nth-child(1), section.products.sem .elements > :nth-child(2) {
  margin-bottom: 50px;
}
section.products.sem .elements > :nth-child(1)::after, section.products.sem .elements > :nth-child(2)::after {
  transform: translateX(-40%);
  left: 50%;
}
section.products.sem .elements > :nth-child(1) .content, section.products.sem .elements > :nth-child(2) .content {
  text-align: end;
}
section.products.sem .elements > :nth-child(1) .link, section.products.sem .elements > :nth-child(2) .link {
  text-align: end;
}
section.products.sem .elements > :nth-child(3), section.products.sem .elements > :nth-child(4) {
  margin-top: 50px;
}
section.products.sem .elements > :nth-child(3)::after, section.products.sem .elements > :nth-child(4)::after {
  transform: translateX(40%);
  right: 50%;
}
section.products.sem .elements > :nth-child(3) .content, section.products.sem .elements > :nth-child(4) .content {
  text-align: start;
}
section.products.sem .elements > :nth-child(3) .link, section.products.sem .elements > :nth-child(4) .link {
  text-align: start;
}
section.products.hi .title-content {
  align-items: end;
  text-align: end;
}
section.products.hi .title-content .bwt {
  text-align: end;
}
section.products.hi .main_image img {
  position: absolute;
  left: 50%;
  transform: translateX(-100%);
}
section.products.hi .elements .element::after {
  display: block;
  position: absolute;
  content: "";
  width: 40%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  box-shadow: 0 0 10px #42cf2b;
  bottom: -3px;
}
section.products.hi .elements .element .image {
  padding: 0 40px;
}
section.products.hi .elements.top .element {
  flex: 0 0 415px;
}
section.products.hi .elements.top > :first-child {
  border-radius: 150px 5px 5px 5px;
}
section.products.hi .elements.top > :last-child {
  border-radius: 5px 150px 5px 5px;
}
section.products.hi .elements.top > :nth-child(1) .image img, section.products.hi .elements.top > :nth-child(2) .image img {
  float: inline-end;
}
section.products.hi .elements.top > :nth-child(1)::after, section.products.hi .elements.top > :nth-child(2)::after {
  transform: translateX(-15%);
  left: 50%;
}
section.products.hi .elements.top > :nth-child(1) .content, section.products.hi .elements.top > :nth-child(2) .content {
  text-align: end;
}
section.products.hi .elements.top > :nth-child(1) .link, section.products.hi .elements.top > :nth-child(2) .link {
  text-align: end;
}
section.products.hi .elements.top > :nth-child(3) .image img, section.products.hi .elements.top > :nth-child(4) .image img {
  float: inline-start;
}
section.products.hi .elements.top > :nth-child(3)::after, section.products.hi .elements.top > :nth-child(4)::after {
  transform: translateX(15%);
  right: 50%;
}
section.products.hi .elements.top > :nth-child(3) .content, section.products.hi .elements.top > :nth-child(4) .content {
  text-align: start;
}
section.products.hi .elements.top > :nth-child(3) .link, section.products.hi .elements.top > :nth-child(4) .link {
  text-align: start;
}
section.products.hi .elements.bottom .element {
  flex: 0 0 500px;
}
section.products.hi .elements.bottom > :first-child {
  border-radius: 5px 5px 5px 150px;
  text-align: end;
}
section.products.hi .elements.bottom > :first-child::after {
  transform: translateX(-15%);
  left: 50%;
}
section.products.hi .elements.bottom > :last-child {
  border-radius: 5px 5px 150px 5px;
  text-align: start;
}
section.products.hi .elements.bottom > :last-child::after {
  transform: translateX(15%);
  right: 50%;
}
section.products.hi .elements.bottom > :nth-child(2) {
  text-align: center;
}
section.products.hi .elements.bottom > :nth-child(2)::after {
  transform: translateX(50%);
  right: 50%;
}
section.products.bs .title-content {
  align-items: end;
  text-align: end;
}
section.products.bs .title-content > img {
  position: absolute;
  left: -70px;
  top: 210px;
}
section.products.bs .products_list .greybox {
  left: 30%;
  top: 40%;
  height: 500px;
  width: 770px;
  border-radius: 5px 5px 350px 5px;
}
section.products.bs .products_list .elements {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: -25%;
}
section.products.bs .products_list .elements .element {
  max-width: 700px;
  position: relative;
}
section.products.bs .products_list .elements .element img {
  max-width: 220px;
}
section.products.bs .products_list .elements .element .title {
  display: flex;
  align-items: center;
}
section.products.bs .products_list .elements .element .title img {
  margin: auto 0 auto 20px;
  visibility: hidden;
}
section.products.bs .products_list .elements .element:hover .title img {
  visibility: visible;
}
section.products.bs .products_list .elements > :nth-child(1) {
  transform: translate(95%, 40%);
  flex-direction: row-reverse;
  padding: 60px 50px 60px 60px;
  border-radius: 200px 5px 5px 5px;
}
section.products.bs .products_list .elements > :nth-child(2) {
  transform: translate(5%);
  flex-direction: row;
  padding: 60px 60px 60px 50px;
  border-radius: 5px 5px 5px 200px;
  z-index: 1;
}
section.products.bs .products_list .elements > :nth-child(3) {
  transform: translate(99%, -70%);
  flex-direction: row-reverse;
  padding: 60px 50px 60px 60px;
  border-radius: 5px 5px 200px 5px;
}
section.products.ev .title-content {
  align-items: end;
  text-align: end;
}
section.products.ev .title-content > img {
  position: absolute;
  left: -70px;
  top: 210px;
}
section.products.ev .main_image > img {
  position: absolute;
  right: -50%;
  bottom: 0;
}
section.products.ev .products_list {
  height: 100%;
}
section.products.ev .products_list .elements {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
}
section.products.ev .products_list .elements .element {
  position: relative;
  text-align: start;
}
section.products.ev .products_list .elements .element .image img {
  padding: 0px 40px;
  max-width: initial;
}
section.products.ev .products_list .elements .element .title {
  display: flex;
  align-items: center;
}
section.products.ev .products_list .elements .element .title img {
  margin: auto 0;
  visibility: hidden;
}
section.products.ev .products_list .elements .element:hover .title img {
  visibility: visible;
}
section.products.ev .products_list .elements.left .element {
  flex-direction: row;
  max-width: 730px;
  border-radius: 5px 5px 5px 200px;
}
section.products.ev .products_list .elements.left .element .image img {
  padding: 0 0 0 80px;
}
section.products.ev .products_list .elements.right {
  height: 100%;
}
section.products.ev .products_list .elements.right .element {
  height: 100%;
  justify-content: space-evenly;
  max-width: 420px;
  border-radius: 5px 5px 200px 5px;
}

.similar_products .products_list .elements {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
.similar_products .products_list .elements .element {
  position: relative;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 155px rgba(0, 0, 0, 0.2);
  margin: 25px;
  padding: 40px 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  text-align: center;
  flex: 0 0 330px;
}
.similar_products .products_list .elements .element::after {
  display: block;
  position: absolute;
  content: "";
  width: 70%;
  left: 50%;
  transform: translateX(-50%);
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  bottom: -3px;
  box-shadow: 0 0 10px #42cf2b;
}
.similar_products .products_list .elements .element .content {
  padding: 0 40px;
  margin-top: -20px;
}
.similar_products .products_list .elements .element .content .title {
  color: #42cf2b;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.similar_products .products_list .elements .element .content .description {
  font-weight: 100;
  font-size: 16px;
  padding-bottom: 10px;
}
.similar_products .products_list .elements > :first-child {
  border-radius: 200px 5px 5px 5px;
}
@media (max-width: 768px) {
  .similar_products .products_list .elements > :first-child {
    border-radius: 5px;
  }
}
.similar_products .products_list .elements > :last-child {
  border-radius: 5px 200px 5px 5px;
}
@media (max-width: 768px) {
  .similar_products .products_list .elements > :last-child {
    border-radius: 5px;
  }
}
.similar_products .products_list .elements > :nth-child(3), .similar_products .products_list .elements > :nth-child(4) {
  transform: translateY(50px);
}
.similar_products .title-content {
  text-align: end;
}

section.unlimited-potential .row :nth-child(4) {
  max-height: 300px;
}

section.product .bwt {
  text-align: end;
}
section.product .hero_text {
  text-align: end;
  align-items: end;
}
@media (max-width: 991px) {
  section.product .hero_text {
    align-items: center;
  }
}
section.product .hero_text h1 {
  line-height: 80px;
}
section.product .subhero_text.t-onleft {
  text-align: end;
  align-items: end;
}
section.product .subhero_text.t-onright {
  text-align: start;
  align-items: start;
}
section.product .subhero_text h1 {
  line-height: 80px;
}
section.product.nexus .brain {
  position: absolute;
  left: 100px;
  top: -80px;
  max-width: 500px;
}
section.product.nexus .imgwcards > img {
  border: 5px solid #42cf2b;
  border-radius: 10px;
  margin: auto auto;
  display: block;
}
@media (max-width: 991px) {
  section.product.nexus .imgwcards > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    transform-origin: 50% 50%;
    transform: translateY(50%);
  }
}
section.product.nexus .imgwcards .cards {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: calc(50% - 90px);
}
@media (max-width: 991px) {
  section.product.nexus .imgwcards .cards {
    position: relative;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
    z-index: 2;
    transform-origin: 50% 50%;
    transform: translateY(50%);
    top: 0;
    max-width: unset;
    padding-bottom: 10px;
  }
}
section.product.nexus .imgwcards .cards.left {
  left: 8%;
}
section.product.nexus .imgwcards .cards.right {
  right: 8%;
}
section.product.nexus .imgwcards .cards .card {
  border: none;
  max-width: 570px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  margin: 10px auto;
  padding: 30px;
  box-shadow: 0 0 155px rgba(0, 0, 0, 0.2);
}
section.product.nexus .imgwcards .cards .card .title h4 {
  color: #42cf2b;
  font-size: 16px;
  text-transform: uppercase;
}
section.product.nexus .imgwcards .cards .card .title p {
  margin: 0;
  line-height: 1.3;
}
section.product.nexus .imgwcards .cards .card .icon {
  font-size: 88px;
  font-weight: 100;
  padding-right: 30px;
  line-height: 0;
}
section.product.ngen_star .greybox {
  bottom: 60px;
}
section.product.ngen_star .energy_cards .energy_card {
  text-align: center;
  justify-content: center;
  padding: 35px;
}
section.product.ngen_star .energy_cards .energy_card .title h4 {
  color: #42cf2b;
  font-size: 16px;
  text-transform: uppercase;
}
section.product.ngen_star .energy_cards .energy_card .title p {
  margin: 0;
  line-height: 1.3;
}
section.product.ngen_star .energy_cards .energy_card::after {
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
}
section.product.ngen_star .energy_cards > :first-child {
  border-radius: 200px 5px 5px 5px;
}
section.product.ngen_star .energy_cards > :last-child {
  border-radius: 5px 200px 5px 5px;
}
section.product.ngen_star .energy_cards > :nth-child(4), section.product.ngen_star .energy_cards > :nth-child(5), section.product.ngen_star .energy_cards > :nth-child(6) {
  transform: translateY(50px);
}
section.product.ngen_star .table_lara {
  transform: translateX(-25%);
  z-index: -1;
  position: relative;
}
@media (max-width: 768px) {
  section.product.ngen_star .table_lara {
    transform: unset;
    margin: auto;
    display: block;
  }
}
section.product.ngen_star .chat {
  padding: 50px 50px 50px 110px;
  transform: translateY(-120%);
  right: 2%;
  max-width: 638px;
  clip-path: polygon(100% 0%, 9.77% 0%, 9.77% 12.81%, 0.08% 30.09%, 9.77% 24.05%, 9.77% 100%, 100% 100%, 100% 0%);
}
@media (max-width: 1440px) {
  section.product.ngen_star .chat {
    max-width: 400px;
  }
}
@media (max-width: 768px) {
  section.product.ngen_star .chat {
    clip-path: polygon(0% 9.68%, 14% 9.68%, 33.3% 0%, 28.9% 9.68%, 100% 9.68%, 100% 100%, 0% 100%);
    padding: 115px 30px 50px 50px;
    margin: -130px 5% 0 5%;
    left: 0;
    right: 0;
    transform: translateY(0%);
    max-width: 100%;
  }
}
section.product.ngen_star .chat .content .title {
  font-size: 38px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 900;
}
section.product.ngen_star .chat .content .text {
  color: #000000;
  opacity: 1;
}
section.product .table.product-table {
  text-align: center;
  box-shadow: 0 0 155px rgba(0, 0, 0, 0.2);
}
section.product .table.product-table .first-column {
  width: 300px;
}
section.product .table.product-table thead {
  font-weight: 700;
  text-transform: uppercase;
}
section.product .table.product-table thead tr td {
  vertical-align: middle;
  border: none;
}
section.product .table.product-table thead > :first-child > :first-child {
  color: #42cf2b;
  background-color: #000000;
  padding: 50px 20px;
}
section.product .table.product-table thead > :first-child > :not(:first-child) {
  color: #ffffff;
  background-color: #000000;
  padding: 50px 20px;
}
section.product .table.product-table thead > :nth-child(2) > :first-child {
  color: #ffffff;
  background-color: #7d8b8b;
}
section.product .table.product-table thead > :nth-child(2) > :not(:first-child) {
  color: #ffffff;
  background-color: #42cf2b;
}
section.product .table.product-table tbody tr > :first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
}
section.product .table.product-table tbody tr td {
  border: none;
  vertical-align: middle;
}
section.product .table.product-table tbody :not(:last-child) td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
section.product .table.product-table.data-table tbody tr > :first-child {
  border-right: none;
}
section.product .table.product-table.data-table tbody tr td {
  border: none;
  vertical-align: middle;
  padding: 40px 20px;
}
section.product .table.product-table.data-table tbody :not(:last-child) td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}
section.product .small_cards {
  gap: 25px;
}
section.product .small_cards .small_card {
  flex: 0 0 245px;
  background-color: #ffffff;
  box-shadow: 0 0 120px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 25px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  position: relative;
}
section.product .small_cards .small_card .title {
  height: 25%;
}
section.product .small_cards .small_card .title h4 {
  font-size: 16px;
  color: #42cf2b;
  text-transform: uppercase;
}
section.product .small_cards .small_card .text p {
  margin-bottom: 0;
}
section.product .small_cards .small_card::after {
  display: block;
  position: absolute;
  content: "";
  width: 70%;
  height: 6px;
  background-color: #42cf2b;
  border-radius: 2px;
  bottom: -3px;
  transform: translateX(-50%);
  left: 50%;
  box-shadow: 0 0 10px #42cf2b;
}
section.product.downloads .document p {
  color: #42cf2b;
  font-weight: 700;
  text-transform: uppercase;
}
section.product.ev_charger .greybox {
  bottom: 60px;
  left: 25%;
}
section.product.ev_charger .energy_cards .energy_card {
  text-align: center;
  justify-content: space-between;
  padding: 35px;
}
section.product.ev_charger .energy_cards .energy_card .title h4 {
  color: #42cf2b;
  font-size: 16px;
  text-transform: uppercase;
}
section.product.ev_charger .energy_cards .energy_card .title p {
  margin: 0;
  line-height: 1.3;
}
section.product.ev_charger .energy_cards .energy_card::after {
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
}
section.product.ev_charger .energy_cards > :first-child {
  border-radius: 200px 5px 5px 5px;
}
@media (max-width: 768px) {
  section.product.ev_charger .energy_cards > :first-child {
    border-radius: 5px;
  }
}
section.product.ev_charger .energy_cards > :last-child {
  border-radius: 5px 200px 5px 5px;
}
@media (max-width: 768px) {
  section.product.ev_charger .energy_cards > :last-child {
    border-radius: 5px;
  }
}
section.product.ev_charger .energy_cards > :nth-child(4), section.product.ev_charger .energy_cards > :nth-child(5) {
  text-align: start;
  transform: translateY(50px);
}
section.product.ev_charger .energy_cards > :nth-child(4)::after, section.product.ev_charger .energy_cards > :nth-child(5)::after {
  left: 40%;
  transform: translateX(-50%);
  width: 60%;
}
section.product.ev_charger .energy_cards > :nth-child(1), section.product.ev_charger .energy_cards > :nth-child(2) {
  text-align: end;
}
section.product.ev_charger .energy_cards > :nth-child(1)::after, section.product.ev_charger .energy_cards > :nth-child(2)::after {
  left: 60%;
  transform: translateX(-50%);
  width: 60%;
}
section.product.ev_charger .table_lara {
  transform: translateX(-25%);
  z-index: -1;
  position: relative;
}
section.product.ev_charger .chat {
  padding: 110px 50px 50px 50px;
  transform: translateY(0%);
  right: 0;
  max-width: 572px;
  clip-path: polygon(100% 100%, 100% 13.1%, 89.6% 13.1%, 75.7% 0%, 80.5% 13.1%, 0.9% 13.1%, 0% 13.1%, 0% 100%, 100% 100%);
}
@media (max-width: 991px) {
  section.product.ev_charger .chat {
    position: relative;
    clip-path: polygon(100% 100%, 100% 13.1%, 10.6% 13.1%, 32.7% 0%, 28.5% 13.1%, 0.9% 13.1%, 0% 13.1%, 0% 100%, 100% 100%);
    margin-top: 25px;
    max-width: 100%;
  }
}
section.product.ev_charger .chat .content .title {
  font-size: 38px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 900;
}
section.product.ev_charger .chat .content .text {
  color: #000000;
  opacity: 1;
}
section.product.ev_charger .faq_box {
  margin-top: -100px;
}
section.product.ev_charger .faq_box .faqs {
  align-items: start;
}
section.product.ev_charger .green_subtitle {
  color: #42cf2b;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 1.2rem;
}
section.product.smart_meter .greybox {
  bottom: 60px;
}
section.product.smart_meter .energy_cards .energy_card {
  text-align: center;
  justify-content: center;
  padding: 35px;
}
section.product.smart_meter .energy_cards .energy_card .title h4 {
  color: #42cf2b;
  font-size: 16px;
  text-transform: uppercase;
}
section.product.smart_meter .energy_cards .energy_card .title p {
  margin: 0;
  line-height: 1.3;
}
section.product.smart_meter .energy_cards .energy_card::after {
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
}
section.product.smart_meter .energy_cards > :first-child {
  border-radius: 200px 5px 5px 5px;
}
@media (max-width: 768px) {
  section.product.smart_meter .energy_cards > :first-child {
    border-radius: 5px;
  }
}
section.product.smart_meter .energy_cards > :last-child {
  border-radius: 5px 200px 5px 5px;
}
@media (max-width: 768px) {
  section.product.smart_meter .energy_cards > :last-child {
    border-radius: 5px;
  }
}
section.product.smart_meter .energy_cards > :nth-child(4), section.product.smart_meter .energy_cards > :nth-child(5), section.product.smart_meter .energy_cards > :nth-child(6) {
  transform: translateY(50px);
}
section.product.smart_meter.funfacts .chat .content .title {
  font-size: 38px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
}
section.product.smart_meter.funfacts .chat .content .text {
  font-weight: 100;
  opacity: 1;
}
section.product.smart_meter.funfacts .chat.chat_1 {
  padding: 50px 112px 50px 50px;
  transform: translateY(50%);
  left: 10%;
  max-width: 489px;
  clip-path: polygon(0% 98.5%, 0% 0%, 86.7% 0%, 86.7% 66.5%, 100% 58.1%, 86.7% 82%, 86.7% 98.5%, 0% 98.5%);
}
@media (max-width: 1440px) {
  section.product.smart_meter.funfacts .chat.chat_1 {
    left: 0%;
  }
}
@media (max-width: 1024px) {
  section.product.smart_meter.funfacts .chat.chat_1 {
    max-width: 400px;
  }
}
@media (max-width: 768px) {
  section.product.smart_meter.funfacts .chat.chat_1 {
    max-width: 100%;
    padding: 50px 30px 112px 30px;
    transform: translateY(20%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 86.7%, 30% 86.7%, 35% 100%, 19% 86.7%, 0% 86.7%);
  }
}
section.product.smart_meter.funfacts .chat.chat_2 {
  padding: 50px 50px 50px 112px;
  transform: translateY(-150%);
  right: 5%;
  max-width: 639px;
  clip-path: polygon(9.68% 0%, 9.68% 14%, 0% 32.9%, 9.68% 26.3%, 9.68% 100%, 100% 100%, 100% 0%);
}
@media (max-width: 1440px) {
  section.product.smart_meter.funfacts .chat.chat_2 {
    right: 0%;
  }
}
@media (max-width: 1024px) {
  section.product.smart_meter.funfacts .chat.chat_2 {
    max-width: 400px;
    transform: translateY(-100%);
  }
}
@media (max-width: 768px) {
  section.product.smart_meter.funfacts .chat.chat_2 {
    max-width: 100%;
    padding: 112px 30px 50px 30px;
    transform: translateY(-5%);
    clip-path: polygon(0% 9.68%, 76% 9.68%, 72.3% 0%, 86.9% 9.68%, 100% 9.68%, 100% 100%, 0% 100%);
  }
}
section.product.ngen_ep.funfacts .chat .content .title {
  font-size: 38px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
}
section.product.ngen_ep.funfacts .chat .content .text {
  font-weight: 100;
  opacity: 1;
}
section.product.ngen_ep.funfacts .chat.chat_1 {
  padding: 50px 112px 50px 50px;
  left: 25%;
  transform: translateY(0%);
  max-width: 639px;
  clip-path: polygon(0% 98.5%, 0% 0%, 86.7% 0%, 86.7% 66.5%, 100% 58.1%, 86.7% 82%, 86.7% 98.5%, 0% 98.5%);
}
@media (max-width: 1440px) {
  section.product.ngen_ep.funfacts .chat.chat_1 {
    left: 0%;
    max-width: 500px;
    margin: 0;
  }
}
@media (max-width: 1024px) {
  section.product.ngen_ep.funfacts .chat.chat_1 {
    max-width: 400px;
  }
}
@media (max-width: 768px) {
  section.product.ngen_ep.funfacts .chat.chat_1 {
    max-width: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 86.7%, 22% 86.7%, 25% 95%, 8% 86.7%, 0% 86.7%);
    padding: 50px 50px 150px 50px;
    margin-bottom: -90px;
  }
}
section.product.ngen_ep.funfacts .chat.chat_2 {
  position: relative;
  padding: 50px 50px 50px 112px;
  top: 20%;
  right: 80px;
  max-width: 639px;
  clip-path: polygon(9.68% 0%, 9.68% 14%, 0% 32.9%, 9.68% 26.3%, 9.68% 100%, 100% 100%, 100% 0%);
}
@media (max-width: 1440px) {
  section.product.ngen_ep.funfacts .chat.chat_2 {
    right: 0%;
    max-width: 500px;
  }
}
@media (max-width: 1024px) {
  section.product.ngen_ep.funfacts .chat.chat_2 {
    max-width: 400px;
    margin: 0;
  }
}
@media (max-width: 768px) {
  section.product.ngen_ep.funfacts .chat.chat_2 {
    max-width: 100%;
    clip-path: polygon(0% 9.68%, 82% 9.68%, 76.3% 0%, 94.9% 9.68%, 100% 9.68%, 100% 100%, 0% 100%);
    margin-top: -90px;
    padding: 150px 50px 50px 50px;
  }
}
section.product.ngen_ep.funfacts .holder_2 {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: start;
}
@media (max-width: 1440px) {
  section.product.ngen_ep.funfacts .holder_2 {
    display: flex;
    align-items: end;
  }
}
section.product.ngen_ep.funfacts .holder_2 .small_cards {
  max-width: 595px;
  right: 0%;
  gap: 5px;
  position: relative;
}
section.product.ngen_ep.funfacts .holder_2 .small_cards .small_card {
  margin: 25px 0px;
  flex: 1 0 160px;
  justify-content: center;
}
section.product.ngen_ep.funfacts .holder_2 .small_cards .small_card .title {
  height: unset;
}
section.product.ngen_ep.funfacts .holder_2 .small_cards .small_card::after {
  width: 30%;
  top: -3px;
  bottom: unset;
}
section.product.ngen_ep.showcase .title_image {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 768px) {
  section.product.ngen_ep.showcase .title_image {
    flex-direction: column;
  }
}
section.product.ngen_ep.showcase .title_image .product_title {
  display: flex;
  flex-direction: column;
}
section.product.ngen_ep.showcase .title_image.img_left .product_title {
  text-align: end;
  align-items: end;
}
section.product.ngen_ep.showcase .title_image.img_right .product_title {
  text-align: start;
  align-items: start;
}
section.product.ngen_ep.showcase .product_data.onright > :last-child {
  transform: translateY(30px);
}
section.product.ngen_ep.showcase .product_data.onleft > :first-child {
  transform: translateY(30px);
}
section.product.ngen_ep.showcase .product_data .data_card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  box-shadow: 0 0 120px rgba(0, 0, 0, 0.2);
  margin: 15px 0;
  padding: 30px;
  line-height: 1.2;
  margin: 25px auto;
  border-radius: 5px;
  position: relative;
  min-width: 200px;
  max-width: 500px;
}
section.product.ngen_ep.showcase .product_data .data_card::after {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 40%;
  background-color: #42cf2b;
  border-radius: 2px;
  top: 50%;
  transform: translateY(-50%);
  left: -3px;
  box-shadow: 0 0 10px #42cf2b;
}
section.product.ngen_ep.showcase .product_data .data_card .title {
  opacity: 0.63;
  text-align: start;
}
section.product.ngen_ep.showcase .product_data .data_card .value {
  font-weight: 700;
  text-transform: uppercase;
  color: #42cf2b;
  text-align: end;
}
section.product.inverters.funfacts .chat .content .title {
  font-size: 38px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
}
section.product.inverters.funfacts .chat .content .text {
  font-weight: 100;
  opacity: 1;
}
section.product.inverters.funfacts .chat.chat_1 {
  padding: 50px 130px 50px 50px;
  left: 10%;
  max-width: 639px;
  clip-path: polygon(0% 98.5%, 0% 0%, 86.7% 0%, 86.7% 40.5%, 100% 36.1%, 86.7% 51%, 86.7% 98.5%, 0% 98.5%);
}
@media (max-width: 1440px) {
  section.product.inverters.funfacts .chat.chat_1 {
    left: 0%;
    max-width: 500px;
  }
}
@media (max-width: 1024px) {
  section.product.inverters.funfacts .chat.chat_1 {
    max-width: 400px;
  }
}
@media (max-width: 768px) {
  section.product.inverters.funfacts .chat.chat_1 {
    max-width: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 86.7%, 22% 86.7%, 25% 95%, 8% 86.7%, 0% 86.7%);
    padding: 50px 50px 150px 50px;
    margin-bottom: -90px;
  }
}
section.product.inverters.funfacts .chat.chat_2 {
  padding: 50px 50px 50px 115px;
  right: 10%;
  bottom: 0;
  max-width: 639px;
  clip-path: polygon(9.68% 0%, 9.68% 14%, 0% 32.9%, 9.68% 26.3%, 9.68% 100%, 100% 100%, 100% 0%);
}
@media (max-width: 1440px) {
  section.product.inverters.funfacts .chat.chat_2 {
    right: 0%;
    max-width: 500px;
  }
}
@media (max-width: 1024px) {
  section.product.inverters.funfacts .chat.chat_2 {
    max-width: 400px;
  }
}
@media (max-width: 768px) {
  section.product.inverters.funfacts .chat.chat_2 {
    max-width: 100%;
    clip-path: polygon(0% 9.68%, 82% 9.68%, 76.3% 0%, 94.9% 9.68%, 100% 9.68%, 100% 100%, 0% 100%);
    margin-top: -90px;
    padding: 150px 50px 50px 50px;
  }
}
section.product.inverters .table.product-table thead > :first-child > :first-child,
section.product.inverters .table.product-table thead > :first-child > :not(:first-child),
section.product.inverters .table.product-table.data-table tbody tr td {
  padding: 15px 10px;
  text-align: start;
}
section.product.inverters .table.product-table thead tr > :first-child {
  width: 270px;
}
section.product.inverters .table.product-table thead tr > :not(:first-child) {
  min-width: 150px;
  max-width: 200px;
}
section.product.inverters .table.product-table span.infoIcon {
  display: inline-flex;
  height: 20px;
  width: 20px;
  align-items: center;
  justify-content: center;
  text-transform: lowercase;
  background-color: #42cf2b;
  color: #ffffff;
  border-radius: 50px;
  font-family: "Times New Roman", Times, serif;
  cursor: pointer;
}
section.product.inverters.series .product .product_card,
section.product.inverters.series .product .product_catalog,
section.product.inverters.series .product .data_card,
section.product.inverters.series .product .tech_info {
  background-color: #ffffff;
  box-shadow: 0 0 120px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
section.product.inverters.series .product .product_card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: end;
  padding: 90px 50px;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  section.product.inverters.series .product .product_card {
    flex-direction: column;
  }
}
section.product.inverters.series .product .product_card .product_subtitle {
  font-size: 22px;
}
section.product.inverters.series .product .product_catalog {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.product.inverters.series .product .product_catalog .catalog_image img {
  max-width: 120px;
}
section.product.inverters.series .product .product_catalog .catalog_data {
  flex: 0 1 60%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px 30px 50px 0;
}
section.product.inverters.series .product .product_catalog .catalog_data p.catalog_title {
  color: #42cf2b;
  opacity: 1;
  text-transform: uppercase;
  font-weight: 700;
}
section.product.inverters.series .product .product_data {
  margin-bottom: 45px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
section.product.inverters.series .product .product_data .tech_data {
  flex: 0 1 415px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}
section.product.inverters.series .product .product_data .tech_data > :nth-child(1), section.product.inverters.series .product .product_data .tech_data > :nth-child(2), section.product.inverters.series .product .product_data .tech_data > :nth-child(3) {
  margin-bottom: 25px;
}
section.product.inverters.series .product .product_data .tech_data .data_card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  box-shadow: 0 0 120px rgba(0, 0, 0, 0.2);
  padding: 30px;
  line-height: 1.2;
  border-radius: 5px;
  position: relative;
  min-width: 200px;
  max-width: 500px;
}
@media (max-width: 768px) {
  section.product.inverters.series .product .product_data .tech_data .data_card {
    max-width: 100%;
  }
}
section.product.inverters.series .product .product_data .tech_data .data_card::after {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 40%;
  background-color: #42cf2b;
  border-radius: 2px;
  top: 50%;
  transform: translateY(-50%);
  left: -3px;
  box-shadow: 0 0 10px #42cf2b;
}
section.product.inverters.series .product .product_data .tech_data .data_card .title {
  opacity: 0.63;
  text-align: start;
}
section.product.inverters.series .product .product_data .tech_data .data_card .value {
  font-weight: 700;
  text-transform: uppercase;
  color: #42cf2b;
  text-align: end;
}
@media (max-width: 768px) {
  section.product.inverters.series .product .product_data .tech_data {
    flex-basis: 100%;
  }
}
@media (max-width: 1450px) {
  section.product.inverters.series .product .product_data .tech_data {
    margin-top: 50px;
  }
}
section.product.inverters.series .product .product_data .tech_info {
  flex: 0 1 260px;
  padding: 50px 30px;
  text-align: center;
}
@media (max-width: 768px) {
  section.product.inverters.series .product .product_data .tech_info {
    flex-basis: 100%;
  }
}
section.product.inverters.series .product .product_data .tech_info .green {
  font-weight: 700;
  opacity: 1;
  text-transform: uppercase;
}
@media (max-width: 1450px) {
  section.product.inverters.series .product .tech_info {
    margin-top: 50px;
  }
}
section.product.inverters.series .product .product_table .table.product-table.data-table {
  text-align: center;
}
section.product.inverters.series .product .product_table .table.product-table.data-table thead tr > :first-child {
  width: unset;
  background-color: #d6dedf;
  color: #000000;
}
section.product.inverters.series .product .product_table .table.product-table.data-table thead tr > :not(:first-child) {
  min-width: unset;
  max-width: unset;
  background-color: #d6dedf;
  color: #000000;
}
section.product.ngen_gmax .energy_cards {
  gap: 25px;
  justify-content: center;
}
section.product.ngen_gmax .energy_cards .energy_card {
  text-align: center;
  justify-content: center;
  padding: 35px;
  flex: 0 1 330px;
  margin: unset;
}
section.product.ngen_gmax .energy_cards .energy_card .title h4 {
  color: #42cf2b;
  font-size: 16px;
  text-transform: uppercase;
}
section.product.ngen_gmax .energy_cards .energy_card .title p {
  margin: 0;
  line-height: 1.3;
}
section.product.ngen_gmax .energy_cards .energy_card::after {
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
}
section.product.ngen_gmax .energy_cards > :first-child {
  border-radius: 200px 5px 5px 5px;
}
section.product.ngen_gmax .energy_cards > :last-child {
  border-radius: 5px 200px 5px 5px;
}
section.product.ngen_gmax .energy_cards > :nth-child(4), section.product.ngen_gmax .energy_cards > :nth-child(5), section.product.ngen_gmax .energy_cards > :nth-child(9), section.product.ngen_gmax .energy_cards > :nth-child(10) {
  transform: translateY(50px);
}
section.product.ngen_gmax .imgwcards > img {
  border: 5px solid #42cf2b;
  border-radius: 10px;
  margin: auto auto;
  display: block;
}
section.product.ngen_gmax .imgwcards .cards {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
section.product.ngen_gmax .imgwcards .cards.left {
  left: 8%;
}
section.product.ngen_gmax .imgwcards .cards.right {
  right: 8%;
}
section.product.ngen_gmax .imgwcards .cards .card {
  border: none;
  max-width: 570px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  margin: 10px auto;
  padding: 30px;
  box-shadow: 0 0 155px rgba(0, 0, 0, 0.2);
}
section.product.ngen_gmax .imgwcards .cards .card .title h4 {
  color: #42cf2b;
  font-size: 16px;
  text-transform: uppercase;
}
section.product.ngen_gmax .imgwcards .cards .card .title p {
  margin: 0;
  line-height: 1.3;
}
section.product.ngen_gmax .imgwcards .cards .card .icon {
  font-size: 88px;
  font-weight: 100;
  padding-right: 30px;
  line-height: 0;
}
section.product.ngen_gmax.funfacts {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
@media (max-width: 768px) {
  section.product.ngen_gmax.funfacts {
    flex-direction: column;
  }
}
section.product.ngen_gmax.funfacts .chat_image {
  position: relative;
}
section.product.ngen_gmax.funfacts .chat {
  position: relative;
  padding: 50px 50px 50px 115px;
  right: 5%;
  max-width: 639px;
  clip-path: polygon(9.68% 0%, 9.68% 14%, 0% 32.9%, 9.68% 26.3%, 9.68% 100%, 100% 100%, 100% 0%);
}
section.product.ngen_gmax.funfacts .chat .content .title {
  font-size: 38px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
}
section.product.ngen_gmax.funfacts .chat .content .text {
  font-weight: 100;
  opacity: 1;
}
@media (max-width: 768px) {
  section.product.ngen_gmax.funfacts .chat {
    clip-path: polygon(0% 9.68%, 14% 9.68%, 33.3% 0%, 28.9% 9.68%, 100% 9.68%, 100% 100%, 0% 100%);
    padding: 115px 30px 50px 50px;
    margin: -130px 5% 0 5%;
    left: 0;
    right: 0;
  }
}
section.product.ngen_gmax .energy_cards.energy_cards_2 {
  margin: unset;
  gap: 50px;
}
section.product.ngen_gmax .energy_cards.energy_cards_2 .energy_card {
  text-align: center;
  justify-content: space-between;
  padding: 35px;
  flex: 0 1 415px;
}
section.product.ngen_gmax .energy_cards.energy_cards_2 .energy_card .title h4 {
  color: #42cf2b;
  font-size: 16px;
  text-transform: uppercase;
}
section.product.ngen_gmax .energy_cards.energy_cards_2 .energy_card .title p {
  margin: 0;
  line-height: 1.3;
}
section.product.ngen_gmax .energy_cards.energy_cards_2 .energy_card::after {
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
}
section.product.ngen_gmax .energy_cards.energy_cards_2 > :first-child {
  border-radius: 200px 5px 5px 5px;
}
section.product.ngen_gmax .energy_cards.energy_cards_2 > :last-child {
  border-radius: 5px 200px 5px 5px;
}
section.product.ngen_gmax .energy_cards.energy_cards_2 > :nth-child(3), section.product.ngen_gmax .energy_cards.energy_cards_2 > :nth-child(4) {
  text-align: start;
  transform: unset;
}
section.product.ngen_gmax .energy_cards.energy_cards_2 > :nth-child(3)::after, section.product.ngen_gmax .energy_cards.energy_cards_2 > :nth-child(4)::after {
  left: 40%;
  transform: translateX(-50%);
  width: 60%;
}
section.product.ngen_gmax .energy_cards.energy_cards_2 > :nth-child(1), section.product.ngen_gmax .energy_cards.energy_cards_2 > :nth-child(2) {
  text-align: end;
}
section.product.ngen_gmax .energy_cards.energy_cards_2 > :nth-child(1)::after, section.product.ngen_gmax .energy_cards.energy_cards_2 > :nth-child(2)::after {
  left: 60%;
  transform: translateX(-50%);
  width: 60%;
}
section.product.ngen_gmax .background-text {
  position: relative;
}
section.product.ngen_gmax img.gmax_group {
  margin-top: -200px;
}
section.product.justcharge.funfacts {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
@media (max-width: 991px) {
  section.product.justcharge.funfacts {
    flex-direction: column-reverse;
  }
}
section.product.justcharge.funfacts .chat_image {
  position: relative;
}
section.product.justcharge.funfacts .chat {
  position: relative;
  padding: 50px 50px 50px 115px;
  right: 5%;
  max-width: 639px;
  clip-path: polygon(9.68% 0%, 9.68% 14%, 0% 32.9%, 9.68% 26.3%, 9.68% 100%, 100% 100%, 100% 0%);
}
section.product.justcharge.funfacts .chat .content .title {
  font-size: 38px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
}
section.product.justcharge.funfacts .chat .content .text {
  font-weight: 100;
  opacity: 1;
}
@media (max-width: 991px) {
  section.product.justcharge.funfacts .chat {
    max-width: calc(100% - 50px);
    left: 0%;
    right: 0%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 55% 85%, 50% 100%, 45% 85%, 0% 85%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 55% 85%, 50% 100%, 45% 85%, 0% 85%);
    padding-left: 50px;
    padding-bottom: 80px;
  }
}
section.product.justcharge.app_phones .phones {
  gap: 50px;
}
section.product.justcharge.app_phones .phones .phone {
  flex: 0 0 265px;
}
section.product.justcharge.app_phones .phones .phone > img {
  filter: unset;
}
section.product.justcharge.app_phones .phones .phone .content {
  width: unset;
  margin: unset;
}
section.product.justcharge.perfectfor .perfect_list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 15px;
}
section.product.justcharge.perfectfor .perfect_list .perfect {
  border: none;
  max-width: 570px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 40px;
  padding: 30px 40px;
  box-shadow: 0 0 155px rgba(0, 0, 0, 0.2);
}
section.product.justcharge.perfectfor .perfect_list .perfect .content h4 {
  color: #42cf2b;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 0;
}
section.product.justcharge.perfectfor .perfect_list .perfect .content p {
  margin-bottom: 0;
}
section.product.synaptic .imgwcards > img {
  border: 5px solid #42cf2b;
  border-radius: 10px;
  margin: auto auto;
  display: block;
}
section.product.synaptic .imgwcards .cards {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
section.product.synaptic .imgwcards .cards.left {
  left: 8%;
}
section.product.synaptic .imgwcards .cards.right {
  right: 8%;
}
section.product.synaptic .imgwcards .cards .card {
  border: none;
  max-width: 570px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  margin: 10px auto;
  padding: 30px;
  box-shadow: 0 0 155px rgba(0, 0, 0, 0.2);
}
section.product.synaptic .imgwcards .cards .card .title h4 {
  color: #42cf2b;
  font-size: 16px;
  text-transform: uppercase;
}
section.product.synaptic .imgwcards .cards .card .title p {
  margin: 0;
  line-height: 1.3;
}
section.product.synaptic .imgwcards .cards .card .icon {
  font-size: 88px;
  font-weight: 100;
  padding-right: 30px;
  line-height: 0;
}
section.product.synaptic .relay_container {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
@media (max-width: 991px) {
  section.product.synaptic .relay_container {
    top: 0;
    transform: translateY(0%);
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  section.product.synaptic .relay_container {
    top: 0;
    transform: translateY(0%);
  }
}
section.product.synaptic .relay_container .relays_blocks {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 50px;
}
section.product.synaptic .relay_container .relays_blocks .relay_block {
  flex: 0 1 570px;
  background-color: #ffffff;
  padding: 30px;
  text-align: start;
}
section.product.synaptic .relay_container .relays_blocks .relay_block > .content {
  display: inline-flex;
  gap: 20px;
}
section.product.synaptic .relay_container .relays_blocks .relay_block > .content .title {
  color: #42cf2b;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
section.product.synaptic .relay_container .relays_blocks .relay_block > .content .subtitle {
  font-weight: 700;
  line-height: 1.5;
}
section.product.synaptic .relay_container .relays_blocks .relay_block > .content .text {
  line-height: 1.5;
}
section.product.synaptic .relay_container .relays_blocks .relay_block .points {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
}
section.product.synaptic .relay_container .relays_blocks .relay_block .points.points_row {
  flex-direction: row;
  gap: 25px;
}
section.product.synaptic .relay_container .relays_blocks .relay_block .points .point {
  display: flex;
  gap: 15px;
}
section.product.synaptic .relay_container .relays_blocks .relay_block .points .point > :first-child {
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #ffffff;
}
section.product.synaptic .relay_container .relays_blocks .relay_block .points .point .point_content {
  opacity: 0.62;
}
section.product.synaptic .relay_container .relays_blocks .relay_block .points .point .point_content b,
section.product.synaptic .relay_container .relays_blocks .relay_block .points .point .point_content strong {
  opacity: 1;
}
section.product.synaptic .relay_container .relays_blocks .relay_block .points .point .green_point {
  background-color: #42cf2b;
}
section.product.synaptic .relay_container .relays_blocks .relay_block .points .point .grey_point {
  background-color: #7d8b8b;
}
section.product.synaptic .relay_container .relays_blocks .relay_block .points .point .black_point {
  background-color: #000000;
}

.table_container {
  overflow-x: auto;
  width: calc(100% - 50px);
}

section.sgconfigurator .configurator_container {
  min-height: 625px;
  padding: 70px;
  box-shadow: 0 0 155px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background-color: #ffffff;
}
section.sgconfigurator .configurator_container .steps {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  font-weight: 700;
  margin-bottom: 80px;
}
section.sgconfigurator .configurator_container .steps .step {
  text-transform: uppercase;
  color: #42cf2b;
}
section.sgconfigurator .configurator_container .steps .step.active {
  color: #a8acb3;
}
section.sgconfigurator .configurator_container .steps .line {
  flex: 1;
  height: 1px;
  background-color: #a8acb3;
}
section.sgconfigurator .configurator_container .conf_tip {
  position: relative;
}
section.sgconfigurator .configurator_container .conf_tip .chat .content .title {
  font-size: 16px;
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(66, 207, 43, 0.2);
}
section.sgconfigurator .configurator_container .conf_tip .chat .content .text {
  font-weight: 300;
}
section.sgconfigurator .configurator_container#conf_1 .conf_tip .chat {
  padding: 25px 25px 90px 25px;
  transform: translateY(0%);
  left: 40%;
  max-width: 253px;
  clip-path: polygon(1.98% 0%, 0% 2.58%, 0% 70.34%, 40.31% 70.34%, 60.08% 100%, 57.99% 70.34%, 98.02% 70.34%, 100% 68.02%, 100% 0%);
}
section.sgconfigurator .configurator_container#conf_1 .conf_tip > img {
  position: absolute;
  left: 50%;
  top: 50%;
}
section.sgconfigurator .configurator_container#conf_2 {
  display: none;
}
section.sgconfigurator .configurator_container#conf_2 .conf_tip .chat {
  padding: 25px 90px 25px 25px;
  transform: translateY(100%);
  left: 15%;
  max-width: 378px;
  clip-path: polygon(0% 3.6%, 0% 96.4%, 1.3% 100%, 82.6% 100%, 83.4% 86.9%, 100% 38.3%, 83.4% 46.3%, 83.4% 3.6%, 82.6% 0%, 1.3% 0%);
}
section.sgconfigurator .configurator_container#conf_2 .conf_tip > img {
  position: absolute;
  left: 50%;
  top: 10%;
}
section.sgconfigurator .configurator_container#conf_3 {
  display: none;
}
section.sgconfigurator .configurator_container#conf_3 .conf_tip .chat {
  padding: 25px 25px 90px 25px;
  transform: translateY(-20%);
  left: 35%;
  max-width: 398px;
  clip-path: polygon(0% 0%, 0% 81%, 0% 82%, 1.3% 82%, 33.8% 82%, 49.2% 100%, 46.7% 82%, 98.7% 82%, 100% 82%, 100% 0%, 0% 0%);
}
section.sgconfigurator .configurator_container#conf_3 .conf_tip > img {
  position: absolute;
  left: 50%;
  bottom: -10%;
}
section.sgconfigurator #conf_4,
section.sgconfigurator #conf_partners {
  display: none;
}
section.sgconfigurator .buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
section.sgconfigurator .range-container {
  position: relative;
  width: 400px;
  margin: 50px auto;
  font-family: sans-serif;
}
section.sgconfigurator .range-container .value-bubble {
  position: absolute;
  top: -10px;
  white-space: nowrap;
  transform: translateX(-50%);
  pointer-events: none;
  font-weight: 700;
}
section.sgconfigurator .range-container input[type=range] {
  width: 100%;
  margin: 20px 0;
  cursor: pointer;
}
section.sgconfigurator .range-container .range-labels {
  display: flex;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.2);
}
section.sgconfigurator .range-container input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: linear-gradient(to right, #42cf2b var(--percent, 0%), #7d8b8b var(--percent, 0%));
  outline: none;
  margin: 20px 0;
}
section.sgconfigurator .range-container input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #42cf2b;
  cursor: pointer;
  border: none;
}
section.sgconfigurator .range-container input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #42cf2b;
  cursor: pointer;
  border: none;
}
section.sgconfigurator .chat_image {
  position: relative;
}
section.sgconfigurator .chat_image > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
section.sgconfigurator .chat_1,
section.sgconfigurator .chat_2 {
  max-width: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin: 30px auto;
}
section.sgconfigurator .chat_1 .content,
section.sgconfigurator .chat_2 .content {
  text-align: center;
}
section.sgconfigurator .chat_1 .res_value .res_value_icon,
section.sgconfigurator .chat_2 .res_value .res_value_icon {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  margin: 10px auto;
  padding: 20px;
  background-color: #42cf2b;
  color: white;
  border-radius: 5px;
  min-width: 135px;
}
section.sgconfigurator .chat_1 .res_value .res_value_icon .value,
section.sgconfigurator .chat_2 .res_value .res_value_icon .value {
  margin-top: 10px;
  font-size: 21px;
  font-weight: 700;
}
section.sgconfigurator .chat_1 .res_value .res_value_icon .value#wsg_bs_val, section.sgconfigurator .chat_1 .res_value .res_value_icon .value#wsg_sps_val,
section.sgconfigurator .chat_2 .res_value .res_value_icon .value#wsg_bs_val,
section.sgconfigurator .chat_2 .res_value .res_value_icon .value#wsg_sps_val {
  margin-bottom: 10px;
}
section.sgconfigurator .chat_1 .res_value .res_value_icon .save_value,
section.sgconfigurator .chat_2 .res_value .res_value_icon .save_value {
  background-color: black;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  border-radius: 5px;
}
section.sgconfigurator .chat_1 {
  padding: 50px 112px 50px 50px;
  clip-path: polygon(0% 0%, 0% 99%, 84% 99%, 84% 45%, 100% 32%, 84% 34%, 84% 0%, 0% 0%);
}
section.sgconfigurator .chat_2 {
  padding: 50px 50px 50px 112px;
  clip-path: polygon(100% 0%, 100% 99%, 16% 99%, 16% 45%, 0% 32%, 16% 34%, 16% 0%, 100% 0%);
}
section.sgconfigurator .product-table {
  min-width: 1000px;
}
section.sgconfigurator .product-table thead tr td,
section.sgconfigurator .product-table tbody tr td {
  align-content: center;
  text-align: center;
  position: relative;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}
section.sgconfigurator .product-table thead tr td.first-column,
section.sgconfigurator .product-table tbody tr td.first-column {
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
}
section.sgconfigurator .product-table thead tr td > img,
section.sgconfigurator .product-table tbody tr td > img {
  max-width: 100px;
}
section.sgconfigurator .product-table thead tr td {
  background-color: #d6dedf;
  font-weight: 700;
}
section.sgconfigurator .partner_cards {
  display: flex;
  gap: 25px;
  align-items: stretch;
  justify-content: stretch;
  margin-top: 50px;
  margin-bottom: 50px;
  transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
section.sgconfigurator .partner_cards .partner_card {
  transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  cursor: pointer;
  flex: 0 0 230px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  border: 2px solid #ffffff;
  /* Inner triangle for background fill */
}
section.sgconfigurator .partner_cards .partner_card a {
  color: #42cf2b;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}
section.sgconfigurator .partner_cards .partner_card .partner_name {
  text-transform: uppercase;
  opacity: 1;
  font-weight: 700;
}
section.sgconfigurator .partner_cards .partner_card.active, section.sgconfigurator .partner_cards .partner_card:active, section.sgconfigurator .partner_cards .partner_card:hover {
  border: 2px solid #42cf2b;
}
section.sgconfigurator .partner_cards .partner_card.active::after {
  content: "";
  position: absolute;
  bottom: -32px;
  /* slightly more to fit border thickness */
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 32px solid transparent;
  border-right: 32px solid transparent;
  border-top: 32px solid #42cf2b;
  /* border color */
}
section.sgconfigurator .partner_cards .partner_card.active::before {
  content: "";
  position: absolute;
  bottom: -29px;
  /* slightly less than outer */
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #fff;
  /* same as card background */
  z-index: 1;
}
section.sgconfigurator .contact_form {
  position: relative;
}
section.sgconfigurator .contact_form .greybox {
  left: 50%;
  top: -50%;
  height: 360px;
  width: 890px;
  z-index: -1;
  transform: translate(-50%, 50%);
  border-radius: 350px 5px 5px 5px;
}
section.sgconfigurator .contact_form .btn {
  width: 100%;
  max-width: 300px;
}
section.sgconfigurator .scroll-x {
  padding: 50px 0;
  margin: 50px auto;
  overflow: scroll;
  direction: ltr;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: #42cf2b #a7de9e;
}

@media (max-width: 768px) {
  section.partners #partner-cards {
    height: unset !important;
  }
}
section.partners #partner-cards .partner-card .card-body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border: none;
}
section.partners #partner-cards .partner-card .data {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
section.partners #partner-cards .partner-card .data img {
  max-width: 130px;
  max-height: 51px;
}
section.partners #partner-cards .partner-card .links {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.partners #partner-cards .partner-card .links .link span {
  color: #42cf2b;
}
section.partners .lara_image {
  position: absolute;
  width: auto;
  top: -12%;
  right: 0;
  z-index: -1;
}
section.partners .greybox {
  right: -5%;
  bottom: 150px;
  height: 360px;
  width: 890px;
  border-radius: 350px 5px 5px 5px;
  top: 100%;
}
section.partners .form-control {
  border: 2px solid #42cf2b;
}
section.partners .form-control:focus {
  box-shadow: none;
}

@media (max-width: 1799.98px) {
  section.partners .lara_image {
    top: -10%;
    right: 0%;
    width: 38%;
  }
  section.products.hi .elements.top .element {
    flex: none;
    width: 23%;
  }
  section div.bwt {
    text-align: end;
  }
  section.costs .chat {
    left: 0%;
  }
  section.costs .chat {
    clip-path: polygon(0% 100%, 0% 26.92%, 46% 26.92%, 58% 0%, 50% -10%, 58% 0%, 65% 26.92%, 100% 26.92%, 100% 100%);
  }
  section.benefit > img {
    margin: auto -200px;
  }
}
@media (max-width: 1599.98px) {
  section.partners .lara_image {
    top: -5%;
    right: 0;
    width: 36%;
  }
  section.products.hi .elements.top .element {
    flex: none;
    width: 22%;
  }
  section.sliding_text_container .sliding_track span {
    font-size: 130px;
  }
  section.products.bs .col-lg-6.p-0 {
    display: flex;
    justify-content: end;
  }
  section.products.bs .products_list .elements > :nth-child(1) {
    transform: translate(99%, 40%);
  }
  section.products.bs .title-content > img {
    left: -34px;
    top: 111px;
  }
  section .background-text {
    font-size: 134px;
    width: 100%;
    text-align: center;
  }
  section.products.hi .elements.bottom .element {
    flex: none;
    width: 25%;
  }
  section.products.bs .title-content > img {
    left: -36px;
    top: 157px;
  }
}
@media (max-width: 1399.98px) {
  section.products.sem .greybox {
    top: -18px;
  }
  section.products.bs .title-content > img {
    left: -60px;
    top: 169px;
  }
  section {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  section .background-text {
    font-size: 180px;
  }
  section div.bwt {
    font-size: 25px;
  }
  section div.bwt img {
    margin-right: 20px;
  }
  section.products .products_mask {
    display: none;
  }
  section.products > .container {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    transform: unset;
    background-image: url("/assets/images/background_products.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 25px;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
  section.products > .container h2,
  section.products > .container h4,
  section.products > .container p {
    text-align: start;
    padding-bottom: 10px;
  }
  section.products > .container h4,
  section.products > .container p {
    color: #ffffff;
  }
  section.products > .container h4 {
    text-transform: uppercase;
  }
  section.products > .container > img {
    width: 70%;
    z-index: 1;
    position: relative;
  }
  section.products .background-text {
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
  }
  section.products .products_blocks {
    display: flex;
  }
  section.products .products_blocks .products_block {
    margin: 20px auto;
    padding: 50px;
    flex: 0 0 45%;
  }
  section.products .products_blocks .products_block .content .title {
    font-size: 16px;
  }
  section.products .products_blocks .products_block .image {
    margin-top: 20px;
  }
  section.products .products_blocks .products_block .image img {
    width: 100%;
  }
  section.products .products_blocks .products_block .link {
    right: 0;
    height: 20px;
    left: 0;
    bottom: 0;
  }
  section.products .products_blocks .products_block .link span {
    opacity: 0;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.products .products_blocks .products_block:hover .link {
    height: 170px;
  }
  section.products .products_blocks .products_block:hover .link span {
    opacity: 1;
  }
  section.backup .backup_mask {
    mask-size: calc(100% - 25px) 100%;
  }
  section.backup > .container-fluid {
    left: unset;
    top: unset;
    transform: unset;
    position: relative;
  }
  section.backup > .container-fluid .title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  section.backup > .container-fluid .subtitle {
    font-size: 18px;
  }
  section.backup .dots {
    left: 20%;
    top: 15%;
  }
  section.backup .dots img {
    width: 60%;
  }
  section.backup .tabs {
    flex-wrap: wrap;
  }
  section.backup .tabs .tab {
    background-color: #000000;
    flex: 1 1 45%;
    margin: 20px 20px auto;
  }
  section.backup .tabs .tab::after {
    width: 40%;
  }
  section.backup .tabs .tab .tab_title {
    padding: 15px 15px;
  }
  section.backup .tabs .tab .tab_title .icon img {
    width: 30px;
  }
  section.backup .tabs .tab .tab_content {
    padding: 25px 30px;
  }
  section.lara .chat {
    left: -10%;
  }
  section.lara .faqs {
    margin-top: 50%;
  }
  section.getstarted .chat_1 {
    margin-top: 120px;
    padding: 50px 112px 50px 50px;
    top: 10%;
    left: 5%;
    width: auto;
    height: auto;
  }
  section.getstarted .chat_2 {
    position: relative;
    padding: 120px 30px 30px 30px;
    top: 20%;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    margin: -100px 0 0 0;
    width: auto;
    height: auto;
    clip-path: polygon(0.14% 100%, 0.14% 22.69%, 42.93% 22.69%, 59.06% 0.18%, 57.06% 22.69%, 99.86% 22.69%, 99.86% 100%, 0.14% 100%);
  }
  section.getstarted .content .title {
    font-size: 16px;
  }
  section.getstarted .content a.btn .arrow {
    right: 20px;
  }
  section.getstarted .background-text {
    position: relative;
    top: unset;
    font-size: 120px;
    display: block;
    line-height: 80px;
    width: auto;
    white-space: normal;
  }
  section.getstarted .dog_image {
    position: absolute;
    top: 40px;
    width: 250px;
  }
  section.getstarted .image {
    left: 25%;
  }
  section.getstarted .image img {
    width: 80%;
  }
  section.getstarted .image_battery {
    right: -20%;
    left: 20%;
    bottom: 20%;
    z-index: -1;
  }
  section.getstarted .image_battery img {
    width: 55%;
  }
  section.getstarted .dots {
    right: 10%;
    bottom: 20%;
    z-index: -2;
  }
  section.problem .dots {
    bottom: 50px;
    left: 30px;
    z-index: -1;
  }
  section.problem .dots img {
    width: 80%;
  }
  section.problem .bf_header {
    width: -webkit-fill-available;
  }
  section.sliding_text_container .sliding_track span {
    font-size: 120px;
  }
  section.savemore .energy_cards .energy_card {
    justify-content: stretch;
  }
  section.savemore .energy_cards .energy_card .icon img {
    max-width: 100px;
  }
  section.savemore .energy_cards .energy_card .content .title {
    font-size: 20px;
  }
  section.savemore .energy_cards .energy_card.first {
    border-radius: 155px 5px 5px 5px;
  }
  section.savemore .energy_cards .energy_card.last {
    border-radius: 5px 155px 5px 5px;
  }
  section.savemore .energy_cards .energy_card:nth-child(1)::after, section.savemore .energy_cards .energy_card:nth-child(2)::after {
    left: 70%;
  }
  section.savemore .energy_cards .energy_card:nth-child(3)::after, section.savemore .energy_cards .energy_card:nth-child(4)::after {
    left: 30%;
  }
  section.savemore .energy_cards .energy_card:nth-child(1), section.savemore .energy_cards .energy_card:nth-child(2) {
    text-align: end;
  }
  section.savemore .energy_cards .energy_card:nth-child(3), section.savemore .energy_cards .energy_card:nth-child(4) {
    text-align: start;
  }
  section.savemore .col-12 {
    margin-top: 50px;
  }
  section.savemore .greybox {
    left: 15%;
    bottom: 150px;
    height: 360px;
    width: 890px;
    border-radius: 350px 5px 5px 5px;
  }
  section.costs .chat {
    padding: 120px 50px 40px 50px;
    top: 35%;
    left: 5%;
    max-width: 424px;
  }
  section.costs .chat .content .title {
    font-size: 16px;
  }
  section.control img.lara {
    bottom: 0;
    left: 0;
  }
  section.control .savings_blocks.left {
    justify-content: end;
  }
  section.control .savings_blocks.right {
    justify-content: start;
  }
  section.control .savings_blocks .savings_block {
    margin: 10px 25px;
    flex: 0 1 570px;
    border-radius: 5px;
    min-height: 150px;
    padding: 40px;
  }
  section.control .savings_blocks .savings_block .content {
    width: calc(100% - 160px);
  }
  section.control .savings_blocks .savings_block .content .title {
    font-size: 16px;
  }
  section.control .savings_blocks .savings_block .link {
    width: 15px;
  }
  section.share > .container {
    left: 0;
    right: 0;
    top: 57%;
    transform: translateY(-50%);
  }
  section.share > .container .col-sm-12 > div {
    display: flex;
    flex-direction: column;
    justify-content: start;
  }
  section.share > .container > img {
    width: 70%;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  section.share .w75 {
    width: 100%;
  }
  section.share h2 {
    font-size: 32px;
  }
  section.appliances .energy_cards > .image img {
    max-width: 200px;
  }
  section.appliances .energy_cards .energy_card {
    flex: 0 1 240px;
    min-height: 340px;
    padding: 30px;
    justify-content: space-between;
  }
  section.appliances .energy_cards .energy_card.last {
    border-radius: 5px 5px 155px 5px;
  }
  section.potential .col-lg-6 img.dog {
    bottom: 0;
    left: 100%;
    transform: translateX(-50%);
  }
  section.potential .col-lg-6 .dots {
    top: -100px;
    left: 80px;
  }
  section.potential .row > :nth-child(3), section.potential .row > :nth-child(4) {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  section.potential .chat {
    padding: 40px 50px 120px 50px;
    max-width: 423px;
  }
  section.potential .chat.left {
    top: 0%;
    right: 5%;
  }
  section.potential .chat.right {
    top: 15%;
    left: 10%;
  }
  section.potential .chat .content .title {
    font-size: 16px;
  }
  section.benefit .dots {
    left: 5%;
  }
  section.benefit > .container-fluid {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.benefit > .container-fluid > .row {
    align-items: end;
  }
  section.benefit > .container-fluid > .row > :first-child {
    margin: unset !important;
  }
  section.benefit > .container-fluid .mx25 > img {
    width: 90%;
  }
  section.benefit .chat {
    padding: 40px 50px 120px 50px;
    max-width: 333px;
    top: 5%;
    left: 0%;
  }
  section.benefit .chat .content .title {
    font-size: 16px;
  }
  section.brain .energy_cards .energy_card {
    max-width: 265px;
    padding: 30px;
  }
  section.brain .energy_cards > :nth-child(1) {
    top: -5%;
    left: 0%;
  }
  section.brain .energy_cards > :nth-child(2) {
    top: -5%;
    right: 0;
  }
  section.brain .energy_cards > :nth-child(3) {
    left: 5%;
    bottom: -15%;
  }
  section.brain .energy_cards > :nth-child(4) {
    right: 5%;
    bottom: -15%;
  }
  section.brain img.brain {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
  section.brain .bgtext_dots {
    margin-bottom: -120px;
  }
  section.ready .dots {
    left: 5%;
  }
  section.ready > .container-fluid {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.ready .buttons {
    display: flex;
  }
  section.ready .buttons .btn {
    width: 250px;
    margin: auto 20px auto auto;
  }
  section.downloads h2 {
    font-size: 32px;
  }
  section.partners .lara_image {
    top: -10%;
    right: -8%;
    width: 45%;
  }
  section.partners .greybox {
    right: -5%;
    bottom: 150px;
    height: 360px;
    width: 890px;
    top: 100%;
  }
  section.products.sem h2 {
    text-align: end;
  }
  section.products.sem .title-content p {
    text-align: end;
  }
  section.products.sem .elements > :last-child {
    border-radius: 5px 5px 110px 5px;
  }
  section.products.sem .elements .element {
    flex: none;
    width: 44%;
  }
  section.products.bs .col-lg-6 .img-fluid {
    max-width: 30%;
  }
  section.products.bs .products_list .elements > :nth-child(1) {
    transform: translate(40%, 55%);
  }
  section.products.bs .products_list .elements > :nth-child(2) {
    transform: translate(-7%, 33%);
  }
  section.products.bs .products_list .elements > :nth-child(3) {
    transform: translate(40%, 15%);
  }
  section.products.hi .main_image img {
    transform: translateX(-80%);
  }
  section.products.hi .col-lg-6 .img-fluid {
    max-width: 47%;
  }
  section.products.hi .elements.top > :last-child {
    border-radius: 5px;
  }
  section.products.hi .elements.bottom > :first-child {
    border-radius: 5px;
  }
  section.products.ev .products_list .elements.left .element {
    flex-direction: column;
  }
  section.products.ev .products_list .elements .element .content {
    padding: 0 40px 32px;
  }
  section.products.sem .elements > :nth-child(1), section.products.sem .elements > :nth-child(2) {
    margin-bottom: 0px;
  }
  section.products.bs .products_list .elements > :nth-child(1) {
    transform: translate(64%, 55%);
  }
  section.products.bs .products_list .elements > :nth-child(3) {
    transform: translate(64%, 15%);
  }
  section.products.bs .col-lg-6 {
    display: flex;
    justify-content: end;
  }
}
@media (max-width: 1199.98px) {
  .elements.top {
    padding: 0 25px;
  }
  .elements.bottom {
    padding: 0 25px;
  }
  section.products.bs .title-content > img {
    left: -16px;
    top: 265px;
  }
  section.products.hi .elements.top .element {
    flex: none;
    width: 47%;
  }
  section.products.hi .elements.bottom .element {
    flex: none;
    width: 47%;
  }
  section.products.bs .products_list .elements .element {
    max-width: 656px;
  }
  section {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  section .background-text {
    font-size: 170px;
  }
  section .w75 {
    width: 75%;
  }
  section .w75 {
    width: 86%;
  }
  section div.bwt {
    font-size: 20px;
  }
  section div.bwt img {
    margin-right: 20px;
  }
  section .pis150 {
    padding-inline-start: 20px;
  }
  section.header {
    margin-top: -100px;
  }
  section.works .dots {
    right: 0%;
    top: 0%;
  }
  section.works .dots img {
    width: 100px;
  }
  section.works .tabs-content {
    margin-top: 35px;
    width: 50vw;
    background-color: rgba(0, 0, 0, 0.2);
  }
  section.works .tabs-content > div {
    padding: 50px 40px;
  }
  section.works .tabs-content::after {
    width: 50%;
  }
  section.savings .dots {
    top: 35%;
    left: 0%;
  }
  section.products .products_mask {
    display: none;
  }
  section.products > .container {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    transform: unset;
    background-image: url("/assets/images/background_products.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 25px;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
  section.products > .container h2,
  section.products > .container h4,
  section.products > .container p {
    text-align: start;
    padding-bottom: 10px;
  }
  section.products > .container h4,
  section.products > .container p {
    color: #ffffff;
  }
  section.products > .container h4 {
    text-transform: uppercase;
  }
  section.products > .container > img {
    width: 70%;
    z-index: 1;
    position: relative;
  }
  section.products .background-text {
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
  }
  section.products .products_blocks {
    display: flex;
  }
  section.products .products_blocks .products_block {
    margin: 20px auto;
    padding: 50px;
    flex: 0 0 45%;
  }
  section.products .products_blocks .products_block .content .title {
    font-size: 16px;
  }
  section.products .products_blocks .products_block .image {
    margin-top: 20px;
  }
  section.products .products_blocks .products_block .image img {
    width: 100%;
  }
  section.products .products_blocks .products_block .link {
    right: 0;
    height: 20px;
    left: 0;
    bottom: 0;
  }
  section.products .products_blocks .products_block .link span {
    opacity: 0;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.products .products_blocks .products_block:hover .link {
    height: 170px;
  }
  section.products .products_blocks .products_block:hover .link span {
    opacity: 1;
  }
  section.backup .backup_mask {
    mask-size: calc(100% - 25px) 100%;
  }
  section.backup > .container-fluid {
    left: unset;
    top: unset;
    transform: unset;
    position: relative;
  }
  section.backup > .container-fluid .title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  section.backup > .container-fluid .subtitle {
    font-size: 18px;
  }
  section.backup .dots {
    left: 20%;
    top: 15%;
  }
  section.backup .dots img {
    width: 60%;
  }
  section.backup .tabs {
    flex-wrap: wrap;
  }
  section.backup .tabs .tab {
    background-color: #000000;
    flex: 1 1 45%;
    margin: 20px 20px auto;
  }
  section.backup .tabs .tab::after {
    width: 40%;
  }
  section.backup .tabs .tab .tab_title {
    padding: 15px 15px;
  }
  section.backup .tabs .tab .tab_title .icon img {
    width: 30px;
  }
  section.backup .tabs .tab .tab_content {
    padding: 25px 30px;
  }
  section.lara .chat {
    left: -10%;
  }
  section.lara .faqs {
    margin-top: 50%;
  }
  section.stories > .container-fluid {
    position: absolute;
    left: 50%;
    top: 53%;
    transform: translate(-50%, -50%);
  }
  section.stories .reviews .review {
    padding: 30px 20px;
  }
  section.stories .reviews .review .author {
    bottom: 50px;
    right: 25px;
  }
  section.application .application_images .app_image {
    width: 75%;
  }
  section.getstarted .chat_1 {
    margin-top: 120px;
    padding: 50px 112px 50px 50px;
    top: 10%;
    left: 5%;
    width: auto;
    height: auto;
  }
  section.getstarted .chat_2 {
    position: relative;
    padding: 120px 30px 30px 30px;
    top: 20%;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    margin: -100px 0 0 0;
    width: auto;
    height: auto;
    clip-path: polygon(0.14% 100%, 0.14% 22.69%, 42.93% 22.69%, 59.06% 0.18%, 57.06% 22.69%, 99.86% 22.69%, 99.86% 100%, 0.14% 100%);
  }
  section.getstarted .content .title {
    font-size: 16px;
  }
  section.getstarted .content a.btn .arrow {
    right: 20px;
  }
  section.getstarted .background-text {
    position: relative;
    top: unset;
    font-size: 120px;
    display: block;
    line-height: 80px;
    width: auto;
    white-space: normal;
  }
  section.getstarted .dog_image {
    position: absolute;
    top: 40px;
    width: 250px;
  }
  section.getstarted .image {
    left: 25%;
  }
  section.getstarted .image img {
    width: 80%;
  }
  section.getstarted .image_battery {
    right: -20%;
    left: 20%;
    bottom: 20%;
    z-index: -1;
  }
  section.getstarted .image_battery img {
    width: 55%;
  }
  section.getstarted .dots {
    right: 10%;
    bottom: 20%;
    z-index: -2;
  }
  section.problem .dots {
    bottom: 50px;
    left: 30px;
    z-index: -1;
  }
  section.problem .dots img {
    width: 80%;
  }
  section.problem .bf_header {
    width: -webkit-fill-available;
  }
  section.sliding_text_container .sliding_track span {
    font-size: 100px;
  }
  section.savemore .energy_cards .energy_card {
    justify-content: stretch;
    flex: 1 1 45%;
    min-width: 45%;
  }
  section.savemore .energy_cards .energy_card .icon img {
    max-width: 100px;
  }
  section.savemore .energy_cards .energy_card .content .title {
    font-size: 20px;
  }
  section.savemore .energy_cards .energy_card.first {
    border-radius: 5px;
  }
  section.savemore .energy_cards .energy_card.last {
    border-radius: 5px;
  }
  section.savemore .energy_cards .energy_card:nth-child(1)::after, section.savemore .energy_cards .energy_card:nth-child(2)::after {
    left: 50%;
  }
  section.savemore .energy_cards .energy_card:nth-child(3)::after, section.savemore .energy_cards .energy_card:nth-child(4)::after {
    left: 50%;
  }
  section.savemore .energy_cards .energy_card:nth-child(1), section.savemore .energy_cards .energy_card:nth-child(2) {
    text-align: start;
  }
  section.savemore .energy_cards .energy_card:nth-child(3), section.savemore .energy_cards .energy_card:nth-child(4) {
    text-align: start;
  }
  section.savemore .col-12 {
    margin-top: 50px;
  }
  section.savemore .greybox {
    left: 15%;
    bottom: 150px;
    height: 360px;
    width: 890px;
    border-radius: 350px 5px 5px 5px;
  }
  section.costs .chat {
    padding: 110px 30px 30px 30px;
    top: 35%;
    left: 5%;
    max-width: 350px;
  }
  section.costs .chat .content .title {
    font-size: 16px;
  }
  section.control img.lara {
    bottom: 0;
    left: 0;
    position: relative;
  }
  section.control .savings_blocks.left {
    justify-content: end;
  }
  section.control .savings_blocks.right {
    justify-content: start;
  }
  section.control .savings_blocks .savings_block {
    margin: 10px 25px;
    flex: 0 1 570px;
    border-radius: 5px;
    min-height: 150px;
    padding: 40px;
  }
  section.control .savings_blocks .savings_block .content {
    width: calc(100% - 160px);
  }
  section.control .savings_blocks .savings_block .content .title {
    font-size: 16px;
  }
  section.control .savings_blocks .savings_block .link {
    width: 15px;
  }
  section.share {
    overflow: hidden;
  }
  section.share > .container {
    left: 0;
    right: 0;
    top: 57%;
    transform: translateY(-50%);
  }
  section.share > .container .col-sm-12 > div {
    display: flex;
    flex-direction: column;
    justify-content: start;
  }
  section.share > .container > img {
    width: 70%;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  section.share .w75 {
    width: 100%;
  }
  section.share .w75 {
    width: 100%;
  }
  section.share h2 {
    font-size: 32px;
  }
  section.appliances .energy_cards > .image {
    flex: 0 1 40%;
    min-width: 40%;
    text-align: center;
  }
  section.appliances .energy_cards > .image img {
    max-width: 200px;
  }
  section.appliances .energy_cards .energy_card {
    flex: 0 1 40%;
    min-width: 40%;
    min-height: 340px;
    padding: 30px;
    justify-content: space-between;
  }
  section.appliances .energy_cards .energy_card.last {
    border-radius: 5px;
  }
  section.potential .col-lg-6 img.dog {
    bottom: -15%;
    left: 100%;
    transform: translateX(-50%);
  }
  section.potential .col-lg-6 .dots {
    top: -100px;
    left: 80px;
  }
  section.potential .row > :nth-child(3), section.potential .row > :nth-child(4) {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  section.potential .row > :nth-child(3) > img:not(.dog), section.potential .row > :nth-child(4) > img:not(.dog) {
    width: -webkit-fill-available;
  }
  section.potential .chat {
    padding: 40px 50px 120px 50px;
    max-width: 423px;
  }
  section.potential .chat.left {
    top: 0%;
    right: 5%;
  }
  section.potential .chat.right {
    top: 15%;
    left: 10%;
  }
  section.potential .chat .content .title {
    font-size: 16px;
  }
  section.benefit {
    overflow: hidden;
  }
  section.benefit > img {
    margin: auto -100px;
  }
  section.benefit .dots {
    left: 5%;
  }
  section.benefit > .container-fluid {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.benefit > .container-fluid > .row {
    align-items: end;
  }
  section.benefit > .container-fluid > .row > :first-child {
    margin: unset !important;
  }
  section.benefit > .container-fluid .mx25 > img {
    width: 90%;
    float: right;
  }
  section.benefit .chat {
    padding: 40px 50px 120px 50px;
    max-width: 333px;
    top: 5%;
    left: 0%;
  }
  section.benefit .chat .content .title {
    font-size: 16px;
  }
  section.brain .energy_cards {
    position: relative;
    flex-wrap: wrap;
    align-items: stretch;
  }
  section.brain .energy_cards .energy_card {
    max-width: 40%;
    padding: 20px;
    position: relative;
    justify-content: center;
  }
  section.brain .energy_cards > :nth-child(1) {
    top: unset;
    left: unset;
  }
  section.brain .energy_cards > :nth-child(2) {
    top: unset;
    right: unset;
  }
  section.brain .energy_cards > :nth-child(3) {
    left: unset;
    bottom: unset;
  }
  section.brain .energy_cards > :nth-child(4) {
    right: unset;
    bottom: unset;
  }
  section.brain img.brain {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
  section.brain .bgtext_dots {
    margin-bottom: -120px;
  }
  section.ready .dots {
    left: 5%;
  }
  section.ready > .container-fluid {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.ready .buttons {
    display: flex;
  }
  section.ready .buttons .btn {
    width: 250px;
    margin: auto 20px auto auto;
  }
  section.downloads h2 {
    font-size: 32px;
  }
  section.partners .lara_image {
    top: -10%;
    right: -8%;
    width: 38%;
  }
  section.partners .greybox {
    right: -5%;
    bottom: 150px;
    height: 360px;
    width: 890px;
    top: 100%;
  }
  section.products.sem h2 {
    text-align: end;
  }
  section.products.sem .title-content p {
    text-align: end;
  }
  section.products.sem .elements > :last-child {
    border-radius: 5px 5px 110px 5px;
  }
  section.products.sem .elements .element {
    flex: none;
    width: 44%;
  }
  section.products.bs .col-lg-6 .img-fluid {
    max-width: 30%;
  }
  section.products.bs .products_list .elements > :nth-child(1) {
    transform: translate(40%, 55%);
  }
  section.products.bs .products_list .elements > :nth-child(2) {
    transform: translate(-1%, 31%);
  }
  section.products.bs .products_list .elements > :nth-child(3) {
    transform: translate(40%, 15%);
  }
  section.products.hi .main_image img {
    transform: translateX(-80%);
  }
  section.products.hi .col-lg-6 .img-fluid {
    max-width: 47%;
  }
  section.products.hi .elements.top > :last-child {
    border-radius: 5px;
  }
  section.products.hi .elements.bottom > :first-child {
    border-radius: 5px;
  }
  section.products.ev .products_list .elements.left .element {
    flex-direction: column;
  }
  section.products.ev .products_list .elements .element .content {
    padding: 0 40px 32px;
  }
}
@media (max-width: 991.98px) {
  section {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  section .background-text {
    font-size: 130px;
  }
  section .w75 {
    width: 100%;
  }
  section .w75 {
    width: 100%;
  }
  section div.bwt {
    font-size: 20px;
  }
  section div.bwt img {
    margin-right: 20px;
  }
  section.header .results {
    padding: 40px;
  }
  section.header .row {
    bottom: 80px;
    position: absolute;
  }
  section.header .row > :nth-child(2) {
    margin: auto;
  }
  section.assistant .line-glow {
    display: none;
  }
  section.assistant .energy_cards.left {
    justify-content: center;
  }
  section.assistant .energy_cards.left > :nth-child(1)::after, section.assistant .energy_cards.left > :nth-child(2)::after, section.assistant .energy_cards.left > :nth-child(3)::after {
    width: 50%;
  }
  section.assistant .energy_cards.right {
    justify-content: center;
  }
  section.assistant .energy_cards.right > :nth-child(1)::after, section.assistant .energy_cards.right > :nth-child(2)::after, section.assistant .energy_cards.right > :nth-child(3)::after {
    width: 50%;
    bottom: -3px;
    top: unset;
  }
  section.assistant .energy_cards .energy_card {
    flex: 0 1 40%;
    justify-content: space-between;
    align-items: center;
    min-height: 300px;
  }
  section.assistant .energy_cards .energy_card .icon {
    display: contents;
    padding: 0 0 20px 0;
  }
  section.assistant .energy_cards .energy_card .icon img {
    max-width: 100px;
  }
  section.assistant .energy_cards .energy_card .content {
    min-height: 50px;
    flex: 0 0 calc(100% - 120px);
  }
  section.assistant .energy_cards .energy_card .content .title {
    font-size: 16px;
    padding-bottom: 15px;
  }
  section.assistant .energy_cards .energy_card .link {
    display: none;
  }
  section.assistant .energy_cards .energy_card:hover .link {
    display: none;
  }
  section.assistant .energy_cards .energy_card.first.top {
    border-radius: 5px;
  }
  section.assistant .energy_cards .energy_card.first.bottom {
    border-radius: 5px;
  }
  section.assistant .energy_cards .energy_card.last.top {
    border-radius: 5px;
  }
  section.assistant .energy_cards .energy_card.last.bottom {
    border-radius: 5px;
  }
  section.assistant .energy_cards.right .energy_card {
    flex-direction: column-reverse;
  }
  section.works .works_mask {
    mask-size: calc(100% - 25px) 100%;
  }
  section.works .dots {
    right: 0%;
    top: 0%;
  }
  section.works .dots img {
    width: 100px;
  }
  section.works .tabs {
    width: 22vw;
  }
  section.works .tabs > :nth-child(2) {
    margin-left: 18px;
    margin-right: 18px;
  }
  section.works .tabs .tab {
    background-color: #42cf2b;
    padding: 15px 30px;
  }
  section.works .tabs .tab p {
    color: #ffffff;
  }
  section.works .tabs .tab:hover, section.works .tabs .tab.active {
    background-color: #000000;
  }
  section.works .tabs .tab:hover p, section.works .tabs .tab.active p {
    color: #ffffff;
  }
  section.works .tabs-content {
    margin-top: 35px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
  }
  section.works .tabs-content > div {
    padding: 50px 40px;
  }
  section.works .tabs-content::after {
    width: 50%;
  }
  section.savings > .container {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    transform: unset;
  }
  section.savings .dots {
    top: 30%;
    left: 2%;
    right: unset;
  }
  section.savings .dots img {
    width: 100%;
  }
  section.savings .savings_blocks.left {
    justify-content: end;
  }
  section.savings .savings_blocks.right {
    justify-content: start;
  }
  section.savings .savings_blocks .savings_block {
    margin: 5px 25px;
    flex: 0 1 43%;
    min-height: 100px;
    padding: 25px 20px;
  }
  section.savings .savings_blocks .savings_block .icon {
    padding: 0 20px 0 0;
  }
  section.savings .savings_blocks .savings_block .icon img {
    max-width: 50px;
  }
  section.savings .savings_blocks .savings_block .content {
    width: calc(100% - 15px);
  }
  section.savings .savings_blocks .savings_block .content .title {
    font-size: 16px;
  }
  section.savings .savings_blocks .savings_block .link {
    right: 0;
    width: 15px;
    top: 0;
    bottom: 0;
    border-radius: 0 5px 5px 0;
  }
  section.savings .savings_blocks .savings_block .link img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.savings .savings_blocks .savings_block:hover .link {
    width: 15px;
  }
  section.savings .savings_blocks .savings_block:hover .link img {
    display: none;
  }
  section.products .products_mask {
    display: none;
  }
  section.products > .container {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    transform: unset;
    background-image: url("/assets/images/background_products.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 25px;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
  section.products > .container h2,
  section.products > .container h4,
  section.products > .container p {
    text-align: start;
    padding-bottom: 10px;
  }
  section.products > .container h4,
  section.products > .container p {
    color: #ffffff;
  }
  section.products > .container h4 {
    text-transform: uppercase;
  }
  section.products > .container > img {
    width: 70%;
    z-index: 1;
    position: relative;
  }
  section.products .background-text {
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
  }
  section.products .products_blocks {
    display: flex;
  }
  section.products .products_blocks .products_block {
    margin: 20px auto;
    padding: 50px;
    flex: 0 0 45%;
  }
  section.products .products_blocks .products_block .content .title {
    font-size: 16px;
  }
  section.products .products_blocks .products_block .image {
    margin-top: 20px;
  }
  section.products .products_blocks .products_block .image img {
    width: 100%;
  }
  section.products .products_blocks .products_block .link {
    right: 0;
    height: 140px;
    left: 0;
    bottom: 0;
  }
  section.products .products_blocks .products_block .link span {
    opacity: 1;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.products .products_blocks .products_block:hover .link {
    height: 140px;
  }
  section.application .application_images.left {
    justify-content: end;
  }
  section.application .application_images.right {
    justify-content: start;
  }
  section.application .application_images .app_image img {
    width: 100%;
    transform: translateX(-10%);
  }
  section.application .application_images .app_image .dots {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  section.application a {
    float: unset;
    width: unset;
  }
  section.application .application_blocks > :first-child {
    border-radius: 5px;
  }
  section.application .application_blocks > :last-child {
    border-radius: 5px;
    transform: unset;
  }
  section.application .application_blocks .application_block {
    flex-direction: column-reverse;
    align-items: start;
    margin: 10px auto;
    flex: 0 1 45%;
    min-height: 100px;
    padding: 30px;
  }
  section.application .application_blocks .application_block .content {
    flex: 0 1 100%;
  }
  section.application .application_blocks .application_block .content .title {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  section.application .application_blocks .application_block .content .subtitle {
    font-size: 20px;
  }
  section.application .application_blocks .application_block .icon {
    min-width: 135px;
    height: 135px;
    padding: 20px;
  }
  section.backup .backup_mask {
    mask-size: calc(100% - 25px) 100%;
  }
  section.backup > .container-fluid {
    left: unset;
    top: unset;
    transform: unset;
    position: relative;
  }
  section.backup > .container-fluid .title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  section.backup > .container-fluid .subtitle {
    font-size: 18px;
  }
  section.backup .dots {
    left: 20%;
    top: 15%;
  }
  section.backup .dots img {
    width: 60%;
  }
  section.backup .tabs {
    flex-wrap: wrap;
  }
  section.backup .tabs .tab {
    background-color: #000000;
    flex: 1 1 45%;
    margin: 20px 20px auto;
  }
  section.backup .tabs .tab::after {
    width: 40%;
  }
  section.backup .tabs .tab .tab_title {
    padding: 15px 15px;
  }
  section.backup .tabs .tab .tab_title .icon img {
    width: 30px;
  }
  section.backup .tabs .tab .tab_content {
    padding: 25px 30px;
  }
  section.lara > .container .row > :first-child {
    margin-bottom: 20px;
  }
  section.lara > .container .row > :last-child {
    margin-top: 100px;
  }
  section.lara .dots {
    left: 20%;
    top: 20%;
  }
  section.lara .chat {
    padding: 130px 30px 30px 30px;
    top: 50%;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    clip-path: polygon(0% 100%, 0% 25.96%, 66.53% 25.96%, 78.06% 0%, 83.47% 25.96%, 100% 25.96%, 100% 100%);
  }
  section.lara .chat .content .title {
    font-size: 16px;
  }
  section.lara .background-text {
    top: -20%;
    left: 5%;
    font-size: 240px;
  }
  section.lara .image {
    left: 50%;
    transform: translateX(-50%);
    top: 10%;
    z-index: -1;
  }
  section.lara .image img {
    width: 75%;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
  }
  section.lara .faqs {
    align-items: center;
  }
  section.lara .faqs .faq {
    width: 100%;
    max-width: 570px;
    padding: 30px;
    margin: 10px 0;
  }
  section.lara .faqs .faq > img {
    top: -140px;
    right: 0;
  }
  section.lara .faqs .faq .faq_head .faq_title .title {
    font-size: 24px;
    width: 70%;
  }
  section.lara .faqs .faq .faq_head .faq_title span {
    right: 0;
    font-size: 49px;
  }
  section.lara .faqs .faq .faq_head .toggler {
    width: 15px;
    border-radius: 0 5px 5px 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  section.lara .faqs .faq .faq_answer .text {
    margin-top: 30px;
  }
  section.lara .faqs .faq .faq_answer hr {
    margin-top: 40px;
  }
  section.lara .faqs .faq:hover .faq_head .faq_title span {
    color: #42cf2b;
  }
  section.lara .faqs .faq:hover .toggler {
    width: 15px;
  }
  section.stories > .container-fluid {
    position: relative;
    left: unset;
    top: unset;
    transform: unset;
  }
  section.stories > .container-fluid h2 {
    margin-bottom: 20px;
  }
  section.stories > .container-fluid .subtitle {
    font-size: 16px;
  }
  section.stories .reviews .review {
    flex: 0 0 auto;
    max-width: 100%;
    margin: 4px auto;
    padding: 30px 20px;
    min-height: 270px;
    width: 100%;
    background-color: #000000;
  }
  section.stories .reviews .review .author {
    bottom: 50px;
    right: 55px;
    width: 80%;
    padding: 20px;
  }
  section.stories .reviews .review::after {
    width: 20%;
  }
  section.stories .reviews .review.is-active::after {
    width: 20%;
  }
  section.getstarted .chat_1 {
    margin-top: 150px;
    position: relative;
    padding: 30px 30px 130px 30px;
    top: 10%;
    left: unset;
    width: auto;
    height: auto;
    clip-path: polygon(100% 0%, 100% 84.79%, 30.69% 84.79%, 38.33% 100%, 16.53% 84.79%, 0% 84.79%, 0% 0%);
  }
  section.getstarted .chat_2 {
    position: relative;
    padding: 120px 30px 30px 30px;
    top: 20%;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    margin: -100px 0 0 0;
    width: auto;
    height: auto;
    clip-path: polygon(0.14% 100%, 0.14% 22.69%, 42.93% 22.69%, 59.06% 0.18%, 57.06% 22.69%, 99.86% 22.69%, 99.86% 100%, 0.14% 100%);
  }
  section.getstarted .content .title {
    font-size: 16px;
  }
  section.getstarted .content a.btn .arrow {
    right: 20px;
  }
  section.getstarted .background-text {
    position: relative;
    top: unset;
    font-size: 100px;
    display: block;
    line-height: 80px;
    width: auto;
    white-space: normal;
  }
  section.getstarted .dog_image {
    position: absolute;
    top: 40px;
    width: 250px;
  }
  section.getstarted .image {
    left: 15%;
  }
  section.getstarted .image img {
    width: 100%;
  }
  section.getstarted .image_battery {
    right: 0;
    left: -10%;
    bottom: 20%;
    z-index: -1;
  }
  section.getstarted .image_battery img {
    width: 75%;
  }
  section.getstarted .dots {
    right: 10%;
    bottom: 20%;
    z-index: -2;
  }
  section.problem .dots {
    bottom: -200px;
    left: 30px;
    z-index: -1;
  }
  section.problem .dots img {
    width: 80%;
  }
  section.problem .bf_header {
    width: -webkit-fill-available;
  }
  section.sliding_text_container .sliding_track span {
    font-size: 80px;
  }
  section.savemore .energy_cards {
    justify-content: center;
  }
  section.savemore .energy_cards .energy_card {
    justify-content: stretch;
    flex: 0 1 40%;
    min-width: 40%;
    justify-content: space-evenly;
  }
  section.savemore .energy_cards .energy_card .icon img {
    max-width: 100px;
  }
  section.savemore .energy_cards .energy_card .content .title {
    font-size: 20px;
  }
  section.savemore .energy_cards .energy_card.first {
    border-radius: 5px;
  }
  section.savemore .energy_cards .energy_card.last {
    border-radius: 5px;
  }
  section.savemore .energy_cards .energy_card:nth-child(1)::after, section.savemore .energy_cards .energy_card:nth-child(2)::after {
    left: 50%;
  }
  section.savemore .energy_cards .energy_card:nth-child(3)::after, section.savemore .energy_cards .energy_card:nth-child(4)::after {
    left: 50%;
  }
  section.savemore .energy_cards .energy_card:nth-child(1), section.savemore .energy_cards .energy_card:nth-child(2) {
    text-align: start;
  }
  section.savemore .energy_cards .energy_card:nth-child(3), section.savemore .energy_cards .energy_card:nth-child(4) {
    text-align: start;
  }
  section.savemore .col-12 {
    margin-top: 50px;
  }
  section.savemore .greybox {
    left: unset;
    width: 70%;
    right: 0;
  }
  section.costs .chat {
    padding: 110px 30px 30px 30px;
    top: 20%;
    left: 5%;
    max-width: 350px;
  }
  section.costs .chat .content .title {
    font-size: 16px;
  }
  section.control img.lara {
    bottom: unset;
    left: unset;
    position: relative;
  }
  section.control .control_images {
    align-items: center;
    justify-content: space-evenly;
  }
  section.control .control_images img {
    width: 48%;
    margin: 20px auto;
  }
  section.control .savings_blocks {
    justify-content: center;
  }
  section.control .savings_blocks.left {
    justify-content: center;
  }
  section.control .savings_blocks.right {
    justify-content: center;
  }
  section.control .savings_blocks .savings_block {
    margin: 10px 25px;
    flex: 0 1 570px;
    border-radius: 5px;
    min-height: 150px;
    padding: 40px;
  }
  section.control .savings_blocks .savings_block .content {
    width: calc(100% - 160px);
  }
  section.control .savings_blocks .savings_block .content .title {
    font-size: 16px;
  }
  section.control .savings_blocks .savings_block .link {
    width: 15px;
  }
  section.share {
    overflow: hidden;
    height: -webkit-fill-available;
  }
  section.share .share_mask {
    mask-size: 200%;
  }
  section.share > .container {
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  section.share > .container .col-sm-12 > div {
    display: flex;
    flex-direction: column;
    justify-content: start;
  }
  section.share > .container > img {
    width: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  section.share .w75 {
    width: 100%;
  }
  section.share .w50 {
    width: 100%;
  }
  section.share h2 {
    font-size: 32px;
  }
  section.appliances .energy_cards > .image {
    flex: 0 1 40%;
    min-width: 40%;
    text-align: center;
  }
  section.appliances .energy_cards > .image img {
    max-width: 200px;
  }
  section.appliances .energy_cards .energy_card {
    flex: 0 1 40%;
    min-width: 40%;
    min-height: 340px;
    padding: 30px;
    justify-content: space-between;
  }
  section.appliances .energy_cards .energy_card.last {
    border-radius: 5px;
  }
  section.potential .col-lg-6 img.dog {
    bottom: -15%;
    left: unset;
    right: 0;
    transform: translateX(-50%);
  }
  section.potential .col-lg-6 .dots {
    top: -100px;
    left: 80px;
  }
  section.potential .row > :nth-child(3), section.potential .row > :nth-child(4) {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  section.potential .row > :nth-child(3) > img:not(.dog), section.potential .row > :nth-child(4) > img:not(.dog) {
    width: -webkit-fill-available;
  }
  section.potential .chat {
    padding: 40px 50px 120px 50px;
    max-width: 423px;
  }
  section.potential .chat.left {
    top: 0%;
    right: 5%;
  }
  section.potential .chat.right {
    top: 15%;
    right: 5%;
    left: unset;
  }
  section.potential .chat .content .title {
    font-size: 16px;
  }
  section.benefit {
    overflow: hidden;
  }
  section.benefit > img {
    margin: auto -100vw;
  }
  section.benefit .dots {
    left: 5%;
    top: 0;
  }
  section.benefit > .container-fluid {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.benefit > .container-fluid > .row {
    align-items: end;
  }
  section.benefit > .container-fluid > .row > :first-child {
    margin: unset !important;
  }
  section.benefit > .container-fluid .mx25 > img {
    width: 90%;
    float: right;
  }
  section.benefit .chat {
    padding: 40px 50px 120px 50px;
    max-width: 333px;
    top: 0%;
    left: 10%;
  }
  section.benefit .chat .content .title {
    font-size: 16px;
  }
  section.brain .energy_cards {
    position: relative;
    flex-wrap: wrap;
    align-items: stretch;
  }
  section.brain .energy_cards .energy_card {
    max-width: 40%;
    padding: 20px;
    position: relative;
    justify-content: center;
    min-height: 240px;
  }
  section.brain .energy_cards > :nth-child(1) {
    top: unset;
    left: unset;
  }
  section.brain .energy_cards > :nth-child(2) {
    top: unset;
    right: unset;
  }
  section.brain .energy_cards > :nth-child(3) {
    left: unset;
    bottom: unset;
  }
  section.brain .energy_cards > :nth-child(4) {
    right: unset;
    bottom: unset;
  }
  section.brain img.brain {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
  section.brain .bgtext_dots {
    margin-bottom: -90px;
  }
  section.ready > img {
    display: none;
  }
  section.ready .dots {
    left: 5%;
  }
  section.ready > .container-fluid {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
  }
  section.ready > .container-fluid .row > :nth-child(2) > .mx25 {
    display: block;
  }
  section.ready > .container-fluid .row > :nth-child(3) {
    text-align: center;
    margin: 50px auto 0;
  }
  section.ready .buttons {
    display: flex;
  }
  section.ready .buttons .btn {
    width: 250px;
    margin: auto 20px auto auto;
  }
  section.downloads h2 {
    font-size: 32px;
  }
  section.partners .lara_image {
    top: -10%;
    right: -8%;
    width: 35%;
  }
  section.partners .greybox {
    left: unset;
    width: 70%;
    right: 0;
  }
  section.products.sem .title-content {
    justify-content: center;
    align-items: center;
  }
  section.products.sem .col-lg-6 .img-fluid {
    max-width: 39%;
    height: auto;
  }
  section.products.sem .secondary.about {
    text-align: center;
  }
  section.products.sem .greybox {
    display: none;
  }
  section.products.sem .elements {
    gap: 10px;
  }
  section.products.sem .elements > :first-child {
    border-radius: 5px !important;
  }
  section.products.sem .elements > :last-child {
    border-radius: 5px !important;
    margin-bottom: 0 !important;
  }
  section.products.sem .element::after {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  section.products.sem .element {
    margin: 0 !important;
    padding: 20px 0 !important;
  }
  section.products.sem .products_list.position-relative {
    margin: 0 25px;
  }
  section.products.sem .elements .element {
    flex: none;
    width: calc(50% - 5px);
  }
  section.products.bs .title-content {
    justify-content: center;
    align-items: center;
  }
  section.products.bs .title-content > img {
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: -1;
    transform: translateX(-50%);
  }
  section.products.bs .secondary.about {
    text-align: center;
  }
  section.products.bs .container.second-container {
    margin-top: 45%;
  }
  section.products.bs .col-lg-6 .img-fluid {
    max-width: 39%;
    height: auto;
  }
  section.products.bs p {
    text-align: center;
  }
  section.products.bs .greybox {
    display: none;
  }
  section.products.bs .element {
    margin-top: 0 !important;
  }
  section.products.bs .elements > :first-child {
    transform: none !important;
    flex-direction: column !important;
    padding: 20px 0 !important;
    border-radius: 5px !important;
    margin-top: 10px !important;
  }
  section.products.bs .elements > :nth-child(2) {
    transform: none !important;
    flex-direction: column !important;
    padding: 20px 0 !important;
    border-radius: 5px !important;
  }
  section.products.bs .elements > :nth-child(3) {
    transform: none !important;
    flex-direction: column !important;
    padding: 20px 0 !important;
    border-radius: 5px !important;
  }
  section.products.bs .title-content > img {
    left: 50%;
    top: 260px;
  }
  section.products.hi .title-content {
    justify-content: center;
    align-items: center;
  }
  section.products.hi .secondary.about {
    text-align: center;
  }
  section.products.hi .bwt {
    text-align: center !important;
  }
  section.products.hi .title-content p {
    text-align: center;
  }
  section.products.hi .elements.top > :first-child {
    border-radius: 5px !important;
  }
  section.products.hi .elements.top .element {
    flex: none !important;
    width: calc(50% - 5px) !important;
    padding: 20px 0;
  }
  section.products.hi .products_list .elements {
    margin: 25px;
    column-gap: 10px;
  }
  section.products.hi .elements.top .element::after {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  section.products.hi .elements.top > :last-child {
    border-radius: 5px;
  }
  section.products.hi .products_list.position-relative {
    margin-top: 38%;
  }
  section.products.hi .col-lg-6 .img-fluid {
    max-width: 34%;
  }
  section.products.hi .elements.bottom .element {
    flex: none !important;
    width: calc(50% - 5px) !important;
    padding: 20px 0;
  }
  section.products.hi .elements.bottom {
    column-gap: 10px;
  }
  section.products.hi .elements.bottom .element::after {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  section.products.hi .elements.bottom > :last-child {
    border-radius: 5px;
  }
  section.products.hi .elements.bottom > :first-child {
    border-radius: 5px;
  }
  section.products.hi .main_image img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  section.products.hi .main_image img .img-fluid {
    max-width: 40%;
    height: auto;
  }
  section.products.hi .products_list .elements .element {
    margin: 10px 0 0 0;
  }
  section.products.ev .secondary.about {
    text-align: center;
  }
  section.products.ev .title-content {
    justify-content: center;
    align-items: center;
  }
  section.products.ev p {
    text-align: center;
  }
  section.products.ev .elements.left {
    margin: 0 15px;
  }
  section.products.ev .elements.right {
    margin: 0 15px;
  }
  section.products.ev .products_list .elements.left .element {
    flex-direction: column;
    max-width: 100% !important;
    border-radius: 5px;
    margin: 0;
    padding: 20px 0;
  }
  section.products.ev .products_list .elements.right .element {
    flex-direction: column;
    max-width: 100% !important;
    border-radius: 5px;
    margin: 240px 0 0 0;
    padding: 20px 0;
  }
  section.products.ev .main_image > img {
    top: 0 !important;
    right: -50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 767.98px) {
  section {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  section .background-text {
    font-size: 90px;
  }
  section .w75 {
    width: 100%;
  }
  section .w50 {
    width: 100%;
  }
  section div.bwt {
    font-size: 18px;
    text-align: center;
  }
  section div.bwt img {
    margin-right: 20px;
  }
  section.header .title h2 {
    font-size: 24px;
  }
  section.header .calculator {
    height: 40vh;
    max-height: 655px;
    padding: 7vw 0;
  }
  section.header .row {
    max-width: 1500px;
    bottom: -40px;
    position: relative;
  }
  section.header .check,
  section.header .dropdown {
    margin: 15px 0;
    max-width: 100%;
    padding: 15px 20px;
    border: 2px solid #42cf2b;
    backdrop-filter: blur(0px);
    background-color: #ffffff;
  }
  section.header .check *,
  section.header .dropdown * {
    color: #000000;
  }
  section.header .check img,
  section.header .dropdown img {
    display: none;
  }
  section.header .results {
    float: none;
    max-width: 100%;
    padding: 20px;
    border: none;
    backdrop-filter: blur(0px);
    background-color: #42cf2b;
  }
  section.header .results .result {
    margin: 25px auto;
  }
  section.header .results .result .number {
    margin-top: 10px;
    padding: 15px 50px;
    font-size: 30px;
  }
  section.header .results .result::after {
    width: 50%;
    background-color: #000000;
    box-shadow: none;
  }
  section.assistant .line-glow {
    display: none;
  }
  section.assistant .energy_cards.left {
    justify-content: center;
  }
  section.assistant .energy_cards.left > :nth-child(1)::after, section.assistant .energy_cards.left > :nth-child(2)::after, section.assistant .energy_cards.left > :nth-child(3)::after {
    width: 50%;
  }
  section.assistant .energy_cards.right {
    justify-content: center;
  }
  section.assistant .energy_cards.right > :nth-child(1)::after, section.assistant .energy_cards.right > :nth-child(2)::after, section.assistant .energy_cards.right > :nth-child(3)::after {
    width: 50%;
    bottom: -3px;
    top: unset;
  }
  section.assistant .energy_cards .energy_card {
    flex: 0 1 40%;
    justify-content: space-between;
    align-items: center;
    min-height: 300px;
  }
  section.assistant .energy_cards .energy_card .icon {
    display: contents;
    padding: 0 0 20px 0;
  }
  section.assistant .energy_cards .energy_card .icon img {
    max-width: 100px;
  }
  section.assistant .energy_cards .energy_card .content {
    min-height: 50px;
    flex: 0 0 calc(100% - 120px);
  }
  section.assistant .energy_cards .energy_card .content .title {
    font-size: 16px;
    padding-bottom: 15px;
  }
  section.assistant .energy_cards .energy_card .link {
    display: none;
  }
  section.assistant .energy_cards .energy_card:hover .link {
    display: none;
  }
  section.assistant .energy_cards .energy_card.first.top {
    border-radius: 5px;
  }
  section.assistant .energy_cards .energy_card.first.bottom {
    border-radius: 5px;
  }
  section.assistant .energy_cards .energy_card.last.top {
    border-radius: 5px;
  }
  section.assistant .energy_cards .energy_card.last.bottom {
    border-radius: 5px;
  }
  section.assistant .energy_cards.right .energy_card {
    flex-direction: column-reverse;
  }
  section.works .works_mask {
    mask-size: calc(100% - 25px) 100%;
  }
  section.works > .container {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    transform: unset;
    margin-top: 35px;
  }
  section.works > .container h2 {
    color: #000000;
  }
  section.works .dots {
    right: 0%;
    top: 0%;
  }
  section.works .dots img {
    width: 100px;
  }
  section.works .tabs {
    width: 22vw;
  }
  section.works .tabs > :nth-child(2) {
    margin-left: 18px;
    margin-right: 18px;
  }
  section.works .tabs .tab {
    background-color: #42cf2b;
    padding: 15px 30px;
  }
  section.works .tabs .tab p {
    color: #ffffff;
  }
  section.works .tabs .tab:hover, section.works .tabs .tab.active {
    background-color: #000000;
  }
  section.works .tabs .tab:hover p, section.works .tabs .tab.active p {
    color: #ffffff;
  }
  section.works .tabs-content {
    margin-top: 35px;
    width: 100%;
    background-color: #000000;
  }
  section.works .tabs-content > div {
    padding: 50px 40px;
  }
  section.works .tabs-content::after {
    width: 50%;
  }
  section.savings > .container {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    transform: unset;
  }
  section.savings .dots {
    top: 20%;
    right: 10%;
    left: unset;
  }
  section.savings .dots img {
    width: 130px;
  }
  section.savings .savings_blocks.left {
    justify-content: end;
  }
  section.savings .savings_blocks.right {
    justify-content: start;
  }
  section.savings .savings_blocks .savings_block {
    margin: 5px 25px;
    flex: 0 1 100%;
    min-height: 100px;
    padding: 25px 20px;
  }
  section.savings .savings_blocks .savings_block .icon {
    padding: 0 20px 0 0;
  }
  section.savings .savings_blocks .savings_block .icon img {
    max-width: 50px;
  }
  section.savings .savings_blocks .savings_block .content {
    width: calc(100% - 15px);
  }
  section.savings .savings_blocks .savings_block .content .title {
    font-size: 16px;
  }
  section.savings .savings_blocks .savings_block .link {
    right: 0;
    width: 15px;
    top: 0;
    bottom: 0;
    border-radius: 0 5px 5px 0;
  }
  section.savings .savings_blocks .savings_block .link img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.savings .savings_blocks .savings_block:hover .link {
    width: 15px;
  }
  section.savings .savings_blocks .savings_block:hover .link img {
    display: none;
  }
  section.products .products_mask {
    display: none;
  }
  section.products > .container {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    transform: unset;
    background-image: url("/assets/images/background_products.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 25px;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
  section.products > .container h2,
  section.products > .container h4,
  section.products > .container p {
    text-align: start;
    padding-bottom: 10px;
  }
  section.products > .container h4,
  section.products > .container p {
    color: #ffffff;
  }
  section.products > .container h4 {
    text-transform: uppercase;
  }
  section.products > .container > img {
    width: 70%;
    z-index: 1;
    position: relative;
  }
  section.products .background-text {
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
  }
  section.products .products_blocks {
    display: flex;
  }
  section.products .products_blocks .products_block {
    margin: 20px auto;
    padding: 50px;
    flex: 0 0 45%;
  }
  section.products .products_blocks .products_block .content .title {
    font-size: 16px;
  }
  section.products .products_blocks .products_block .image {
    margin-top: 20px;
  }
  section.products .products_blocks .products_block .image img {
    width: 100%;
  }
  section.products .products_blocks .products_block .link {
    right: 0;
    height: 140px;
    left: 0;
    bottom: 0;
  }
  section.products .products_blocks .products_block .link span {
    opacity: 1;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.products .products_blocks .products_block:hover .link {
    height: 140px;
  }
  section.application .application_images.left {
    justify-content: end;
  }
  section.application .application_images.right {
    justify-content: start;
  }
  section.application .application_images .app_image img {
    width: 100%;
    transform: translateX(-10%);
  }
  section.application .application_images .app_image .dots {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  section.application a {
    float: unset;
    width: 100%;
    margin: unset;
  }
  section.application .application_blocks > :first-child {
    border-radius: 5px;
  }
  section.application .application_blocks > :last-child {
    border-radius: 5px;
    transform: unset;
  }
  section.application .application_blocks .application_block {
    flex-direction: column-reverse;
    align-items: start;
    margin: 10px auto;
    flex: 0 1 45%;
    min-height: 100px;
    padding: 30px;
  }
  section.application .application_blocks .application_block .content {
    flex: 0 1 100%;
  }
  section.application .application_blocks .application_block .content .title {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  section.application .application_blocks .application_block .content .subtitle {
    font-size: 20px;
  }
  section.application .application_blocks .application_block .icon {
    min-width: 135px;
    height: 135px;
    padding: 20px;
  }
  section.backup .backup_mask {
    mask-size: calc(100% - 25px) 100%;
  }
  section.backup > .container-fluid {
    left: unset;
    top: unset;
    transform: unset;
    position: relative;
  }
  section.backup > .container-fluid .title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  section.backup > .container-fluid .subtitle {
    font-size: 18px;
  }
  section.backup .dots {
    left: 2%;
    top: 10%;
  }
  section.backup .dots img {
    width: 60%;
  }
  section.backup .tabs {
    flex-wrap: wrap;
  }
  section.backup .tabs .tab {
    background-color: #000000;
    flex: 0 0 100%;
    margin: 0 auto 20px auto;
  }
  section.backup .tabs .tab::after {
    width: 40%;
  }
  section.backup .tabs .tab .tab_title {
    padding: 15px 15px;
  }
  section.backup .tabs .tab .tab_title .icon img {
    width: 30px;
  }
  section.backup .tabs .tab .tab_content {
    padding: 25px 30px;
  }
  section.lara > .container .row > :first-child {
    margin-bottom: 20px;
  }
  section.lara > .container .row > :last-child {
    margin-top: 100px;
  }
  section.lara .dots {
    left: 10%;
    top: 15%;
  }
  section.lara .chat {
    padding: 130px 30px 30px 30px;
    top: 50%;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    clip-path: polygon(0% 100%, 0% 25.96%, 66.53% 25.96%, 78.06% 0%, 83.47% 25.96%, 100% 25.96%, 100% 100%);
  }
  section.lara .chat .content .title {
    font-size: 16px;
  }
  section.lara .background-text {
    top: 0%;
    left: 5%;
    font-size: 155px;
  }
  section.lara .image {
    left: 60%;
    top: 10%;
    z-index: -1;
  }
  section.lara .image img {
    width: 100%;
  }
  section.lara .faqs .faq {
    width: 100%;
    max-width: 570px;
    padding: 30px;
    margin: 10px 0;
  }
  section.lara .faqs .faq > img {
    top: -140px;
    right: 0;
  }
  section.lara .faqs .faq .faq_head .faq_title .title {
    font-size: 24px;
    width: 70%;
  }
  section.lara .faqs .faq .faq_head .faq_title span {
    right: 0;
    font-size: 49px;
  }
  section.lara .faqs .faq .faq_head .toggler {
    width: 15px;
    border-radius: 0 5px 5px 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  section.lara .faqs .faq .faq_answer .text {
    margin-top: 30px;
  }
  section.lara .faqs .faq .faq_answer hr {
    margin-top: 40px;
  }
  section.lara .faqs .faq:hover .faq_head .faq_title span {
    color: #42cf2b;
  }
  section.lara .faqs .faq:hover .toggler {
    width: 15px;
  }
  section.stories > .container-fluid {
    position: relative;
    left: unset;
    top: unset;
    transform: unset;
  }
  section.stories > .container-fluid h2 {
    margin-bottom: 20px;
  }
  section.stories > .container-fluid .subtitle {
    font-size: 16px;
  }
  section.stories .reviews .review {
    flex: 0 0 auto;
    max-width: 100%;
    margin: 4px auto;
    padding: 30px 20px;
    min-height: 270px;
    width: 100%;
  }
  section.stories .reviews .review .author {
    bottom: 50px;
    right: 55px;
    width: 80%;
    padding: 20px;
  }
  section.stories .reviews .review::after {
    width: 20%;
  }
  section.stories .reviews .review.is-active::after {
    width: 20%;
  }
  section.getstarted .chat_1 {
    margin-top: 100px;
    position: relative;
    padding: 30px 30px 130px 30px;
    top: 10%;
    left: unset;
    width: auto;
    height: auto;
    clip-path: polygon(100% 0%, 100% 84.79%, 30.69% 84.79%, 38.33% 100%, 16.53% 84.79%, 0% 84.79%, 0% 0%);
  }
  section.getstarted .chat_2 {
    position: relative;
    padding: 120px 30px 30px 30px;
    top: 20%;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    margin: -100px 0 0 0;
    width: auto;
    height: auto;
    clip-path: polygon(0.14% 100%, 0.14% 22.69%, 42.93% 22.69%, 59.06% 0.18%, 57.06% 22.69%, 99.86% 22.69%, 99.86% 100%, 0.14% 100%);
  }
  section.getstarted .content .title {
    font-size: 16px;
  }
  section.getstarted .content a.btn .arrow {
    right: 20px;
  }
  section.getstarted .background-text {
    position: relative;
    top: unset;
    font-size: 72px;
    display: block;
    line-height: 80px;
    width: auto;
    white-space: normal;
  }
  section.getstarted .dog_image {
    position: absolute;
    top: 60px;
    width: 250px;
  }
  section.getstarted .image {
    left: 15%;
  }
  section.getstarted .image img {
    width: 100%;
  }
  section.getstarted .image_battery {
    right: 0;
    left: -10%;
    bottom: 20%;
    z-index: -1;
  }
  section.getstarted .image_battery img {
    width: 75%;
  }
  section.getstarted .dots {
    right: 10%;
    bottom: 20%;
    z-index: -2;
  }
  section.problem .dots {
    bottom: -200px;
    left: 30px;
    z-index: -1;
  }
  section.problem .dots img {
    width: 80%;
  }
  section.problem .bf_header {
    width: -webkit-fill-available;
  }
  section.sliding_text_container .sliding_track span {
    font-size: 60px;
  }
  section.savemore .energy_cards {
    justify-content: center;
  }
  section.savemore .energy_cards .energy_card {
    justify-content: stretch;
    flex: 0 1 40%;
    min-width: 40%;
    justify-content: space-evenly;
  }
  section.savemore .energy_cards .energy_card .icon img {
    max-width: 100px;
  }
  section.savemore .energy_cards .energy_card .content .title {
    font-size: 20px;
  }
  section.savemore .energy_cards .energy_card.first {
    border-radius: 5px;
  }
  section.savemore .energy_cards .energy_card.last {
    border-radius: 5px;
  }
  section.savemore .energy_cards .energy_card:nth-child(1)::after, section.savemore .energy_cards .energy_card:nth-child(2)::after {
    left: 50%;
  }
  section.savemore .energy_cards .energy_card:nth-child(3)::after, section.savemore .energy_cards .energy_card:nth-child(4)::after {
    left: 50%;
  }
  section.savemore .energy_cards .energy_card:nth-child(1), section.savemore .energy_cards .energy_card:nth-child(2) {
    text-align: start;
  }
  section.savemore .energy_cards .energy_card:nth-child(3), section.savemore .energy_cards .energy_card:nth-child(4) {
    text-align: start;
  }
  section.savemore .col-12 {
    margin-top: 50px;
  }
  section.savemore .greybox {
    left: unset;
    width: 70%;
    right: 0;
  }
  section.costs .chat {
    padding: 110px 30px 30px 30px;
    top: 15%;
    left: 5%;
    max-width: 350px;
  }
  section.costs .chat .content .title {
    font-size: 16px;
  }
  section.control img.lara {
    bottom: unset;
    left: unset;
    position: relative;
  }
  section.control .control_images {
    align-items: center;
    justify-content: space-evenly;
  }
  section.control .control_images img {
    width: 48%;
    margin: 20px auto;
  }
  section.control .savings_blocks {
    justify-content: center;
  }
  section.control .savings_blocks.left {
    justify-content: center;
  }
  section.control .savings_blocks.right {
    justify-content: center;
  }
  section.control .savings_blocks .savings_block {
    margin: 10px 25px;
    flex: 0 1 570px;
    border-radius: 5px;
    min-height: 150px;
    padding: 40px;
  }
  section.control .savings_blocks .savings_block .content {
    width: calc(100% - 160px);
  }
  section.control .savings_blocks .savings_block .content .title {
    font-size: 16px;
  }
  section.control .savings_blocks .savings_block .link {
    width: 15px;
  }
  section.share {
    overflow: hidden;
    height: -webkit-fill-available;
  }
  section.share .share_mask {
    mask-size: 200%;
  }
  section.share .share_mask img {
    visibility: hidden;
  }
  section.share .row {
    flex-direction: column-reverse;
  }
  section.share > .container {
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  section.share > .container .col-sm-12 > div {
    display: flex;
    flex-direction: column;
    justify-content: start;
  }
  section.share > .container .col-sm-12 > div p {
    color: unset;
  }
  section.share > .container .col-sm-12 > div .about {
    background-color: rgba(0, 0, 0, 0.2);
    color: #000000;
  }
  section.share > .container > img {
    width: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  section.share .w75 {
    width: -webkit-fill-available;
  }
  section.share .w50 {
    width: -webkit-fill-available;
  }
  section.share h2 {
    font-size: 32px;
  }
  section.appliances .energy_cards > .image {
    flex: 0 1 40%;
    min-width: 40%;
    text-align: center;
  }
  section.appliances .energy_cards > .image img {
    max-width: 200px;
  }
  section.appliances .energy_cards .energy_card {
    flex: 0 1 40%;
    min-width: 40%;
    min-height: 340px;
    padding: 30px;
    justify-content: space-between;
  }
  section.appliances .energy_cards .energy_card.last {
    border-radius: 5px;
  }
  section.potential .col-lg-6 img.dog {
    bottom: -15%;
    left: unset;
    right: 0;
    transform: translateX(-50%);
  }
  section.potential .col-lg-6 .dots {
    top: -100px;
    left: 80px;
  }
  section.potential .row > :nth-child(3), section.potential .row > :nth-child(4) {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  section.potential .row > :nth-child(3) > img:not(.dog), section.potential .row > :nth-child(4) > img:not(.dog) {
    width: -webkit-fill-available;
  }
  section.potential .chat {
    padding: 40px 50px 120px 50px;
    max-width: 423px;
  }
  section.potential .chat.left {
    top: 0%;
    right: 5%;
  }
  section.potential .chat.right {
    top: 15%;
    right: 5%;
    left: unset;
  }
  section.potential .chat .content .title {
    font-size: 16px;
  }
  section.benefit {
    overflow: hidden;
  }
  section.benefit > img {
    margin: auto -100vw;
  }
  section.benefit .dots {
    left: 5%;
    top: 0;
  }
  section.benefit > .container-fluid {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.benefit > .container-fluid > .row {
    align-items: end;
  }
  section.benefit > .container-fluid > .row > :first-child {
    margin: unset !important;
  }
  section.benefit > .container-fluid .mx25 > img {
    width: 70%;
    float: right;
  }
  section.benefit .chat {
    padding: 40px 50px 120px 50px;
    max-width: 333px;
    top: 0%;
    left: 15%;
  }
  section.benefit .chat .content .title {
    font-size: 16px;
  }
  section.brain .energy_cards {
    position: relative;
    flex-wrap: wrap;
    align-items: stretch;
  }
  section.brain .energy_cards .energy_card {
    max-width: 40%;
    padding: 20px;
    position: relative;
    justify-content: center;
    min-height: 240px;
  }
  section.brain .energy_cards > :nth-child(1) {
    top: unset;
    left: unset;
  }
  section.brain .energy_cards > :nth-child(2) {
    top: unset;
    right: unset;
  }
  section.brain .energy_cards > :nth-child(3) {
    left: unset;
    bottom: unset;
  }
  section.brain .energy_cards > :nth-child(4) {
    right: unset;
    bottom: unset;
  }
  section.brain img.brain {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
  section.brain .bgtext_dots {
    margin-bottom: -90px;
  }
  section.ready > img {
    display: none;
  }
  section.ready .dots {
    left: 5%;
  }
  section.ready > .container-fluid {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
  }
  section.ready > .container-fluid .row > :nth-child(2) > .mx25 {
    display: block;
  }
  section.ready > .container-fluid .row > :nth-child(3) {
    text-align: center;
    margin: 50px auto 0;
  }
  section.ready .buttons {
    display: flex;
  }
  section.ready .buttons .btn {
    width: 250px;
    margin: auto 20px auto auto;
  }
  section.downloads h2 {
    font-size: 32px;
  }
  section.partners .lara_image {
    top: -7%;
    right: -8%;
    width: 52%;
  }
  section.partners .greybox {
    right: -5%;
    bottom: 150px;
    height: 360px;
    width: 890px;
    top: 100%;
  }
  section.products.sem .title-content {
    justify-content: center;
    align-items: center;
  }
  section.products.sem .col-lg-6 .img-fluid {
    max-width: 39%;
    height: auto;
  }
  section.products.sem .secondary.about {
    text-align: center;
  }
  section.products.sem .greybox {
    display: none;
  }
  section.products.sem .elements {
    gap: 10px;
  }
  section.products.sem .elements > :first-child {
    border-radius: 5px !important;
  }
  section.products.sem .elements > :last-child {
    border-radius: 5px !important;
    margin-bottom: 0 !important;
  }
  section.products.sem .element::after {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  section.products.sem .element {
    margin: 0 !important;
    padding: 20px 0 !important;
  }
  section.products.sem .products_list.position-relative {
    margin: 0 25px;
  }
  section.products.sem .title-content p {
    text-align: center;
  }
  section.products.bs .title-content {
    justify-content: center;
    align-items: center;
  }
  section.products.bs .title-content > img {
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: -1;
    transform: translateX(-50%);
  }
  section.products.bs .secondary.about {
    text-align: center;
  }
  section.products.bs .container.second-container {
    margin-top: 43%;
  }
  section.products.bs .col-lg-6 .img-fluid {
    max-width: 39%;
    height: auto;
  }
  section.products.bs p {
    text-align: center;
  }
  section.products.bs .greybox {
    display: none;
  }
  section.products.bs .element {
    margin-top: 0 !important;
  }
  section.products.bs .elements > :first-child {
    transform: none !important;
    flex-direction: column !important;
    padding: 20px 0 !important;
    border-radius: 5px !important;
    margin-top: 10px !important;
  }
  section.products.bs .elements > :nth-child(2) {
    transform: none !important;
    flex-direction: column !important;
    padding: 20px 0 !important;
    border-radius: 5px !important;
  }
  section.products.bs .elements > :nth-child(3) {
    transform: none !important;
    flex-direction: column !important;
    padding: 20px 0 !important;
    border-radius: 5px !important;
  }
  section.products.hi .title-content {
    justify-content: center;
    align-items: center;
  }
  section.products.hi .secondary.about {
    text-align: center;
  }
  section.products.hi .bwt {
    text-align: center !important;
  }
  section.products.hi .title-content p {
    text-align: center;
  }
  section.products.hi .elements.top > :first-child {
    border-radius: 5px !important;
  }
  section.products.hi .elements.top .element {
    flex: none !important;
    width: calc(50% - 5px) !important;
    padding: 20px 0;
  }
  section.products.hi .products_list .elements {
    margin: 25px;
    column-gap: 10px;
  }
  section.products.hi .elements.top .element::after {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  section.products.hi .elements.top > :last-child {
    border-radius: 5px;
  }
  section.products.hi .products_list.position-relative {
    margin-top: 38%;
  }
  section.products.hi .col-lg-6 .img-fluid {
    max-width: 34%;
  }
  section.products.hi .elements.bottom .element {
    flex: none !important;
    width: calc(50% - 5px) !important;
    padding: 20px 0;
  }
  section.products.hi .elements.bottom {
    column-gap: 10px;
  }
  section.products.hi .elements.bottom .element::after {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  section.products.hi .elements.bottom > :last-child {
    border-radius: 5px;
  }
  section.products.hi .elements.bottom > :first-child {
    border-radius: 5px;
  }
  section.products.hi .main_image img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  section.products.hi .main_image img .img-fluid {
    max-width: 40%;
    height: auto;
  }
  section.products.hi .products_list .elements .element {
    margin: 10px 0 0 0;
  }
  section.products.ev .secondary.about {
    text-align: center;
  }
  section.products.ev .title-content {
    justify-content: center;
    align-items: center;
  }
  section.products.ev p {
    text-align: center;
  }
  section.products.ev .elements.left {
    margin: 0 15px;
  }
  section.products.ev .elements.right {
    margin: 0 15px;
  }
  section.products.ev .products_list .elements.left .element {
    flex-direction: column;
    max-width: 100% !important;
    border-radius: 5px;
    margin: 0;
    padding: 20px 0;
  }
  section.products.ev .products_list .elements.right .element {
    flex-direction: column;
    max-width: 100% !important;
    border-radius: 5px;
    margin: 190px 0 0 0;
    padding: 20px 0;
  }
  section.products.ev .main_image > img {
    top: 0 !important;
    right: -50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 575.98px) {
  section {
    padding-bottom: 50px;
    padding-top: 10px;
  }
  section .background-text {
    font-size: 50px;
  }
  section .w75 {
    width: -webkit-fill-available;
  }
  section .w50 {
    width: -webkit-fill-available;
  }
  section div.bwt {
    font-size: 16px;
    text-align: center;
  }
  section div.bwt img {
    margin-right: 20px;
  }
  section.header .title h2 {
    font-size: 24px;
  }
  section.header .calculator {
    height: 40vh;
    max-height: 655px;
    padding: 7vw 0;
  }
  section.header .row {
    max-width: 1500px;
    bottom: -40px;
    position: relative;
  }
  section.header .check,
  section.header .dropdown {
    margin: 15px 0;
    max-width: 100%;
    padding: 15px 20px;
    border: 2px solid #42cf2b;
    backdrop-filter: blur(0px);
    background-color: #ffffff;
  }
  section.header .check *,
  section.header .dropdown * {
    color: #000000;
  }
  section.header .check img,
  section.header .dropdown img {
    display: none;
  }
  section.header .results {
    float: none;
    max-width: 100%;
    padding: 20px;
    border: none;
    backdrop-filter: blur(0px);
    background-color: #42cf2b;
  }
  section.header .results .result {
    margin: 25px auto;
  }
  section.header .results .result .number {
    margin-top: 10px;
    padding: 15px 50px;
    font-size: 30px;
  }
  section.header .results .result::after {
    width: 50%;
    background-color: #000000;
    box-shadow: none;
  }
  section.assistant .line-glow {
    display: none;
  }
  section.assistant .energy_cards.left {
    justify-content: center;
  }
  section.assistant .energy_cards.left > :nth-child(1)::after, section.assistant .energy_cards.left > :nth-child(2)::after, section.assistant .energy_cards.left > :nth-child(3)::after {
    width: 50%;
  }
  section.assistant .energy_cards.right {
    justify-content: center;
  }
  section.assistant .energy_cards.right > :nth-child(1)::after, section.assistant .energy_cards.right > :nth-child(2)::after, section.assistant .energy_cards.right > :nth-child(3)::after {
    width: 50%;
    bottom: -3px;
    top: unset;
  }
  section.assistant .energy_cards .energy_card {
    margin: 10px 25px;
    flex: 0 1 100%;
    min-width: 220px;
    min-height: 150px;
    padding: 20px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  section.assistant .energy_cards .energy_card .icon {
    display: contents;
    padding: 0 0 20px 0;
  }
  section.assistant .energy_cards .energy_card .icon img {
    max-width: 100px;
  }
  section.assistant .energy_cards .energy_card .content {
    min-height: 50px;
    flex: 0 0 calc(100% - 120px);
    text-align: start;
  }
  section.assistant .energy_cards .energy_card .content .title {
    font-size: 16px;
    padding-bottom: 15px;
  }
  section.assistant .energy_cards .energy_card .link {
    display: none;
  }
  section.assistant .energy_cards .energy_card:hover .link {
    display: none;
  }
  section.assistant .energy_cards .energy_card.first.top {
    border-radius: 5px;
  }
  section.assistant .energy_cards .energy_card.first.bottom {
    border-radius: 5px;
  }
  section.assistant .energy_cards .energy_card.last.top {
    border-radius: 5px;
  }
  section.assistant .energy_cards .energy_card.last.bottom {
    border-radius: 5px;
  }
  section.assistant .energy_cards.right .energy_card {
    flex-direction: row-reverse;
  }
  section.works .works_mask {
    mask-size: calc(100% - 25px) 100%;
  }
  section.works > .container {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    transform: unset;
    margin-top: 35px;
  }
  section.works > .container h2 {
    color: #000000;
  }
  section.works .dots {
    right: 0%;
    top: 0%;
  }
  section.works .dots img {
    width: 100px;
  }
  section.works .tabs {
    width: 22vw;
  }
  section.works .tabs > :nth-child(2) {
    margin-left: 18px;
    margin-right: 18px;
  }
  section.works .tabs .tab {
    background-color: #42cf2b;
    padding: 15px 30px;
  }
  section.works .tabs .tab p {
    color: #ffffff;
  }
  section.works .tabs .tab:hover, section.works .tabs .tab.active {
    background-color: #000000;
  }
  section.works .tabs .tab:hover p, section.works .tabs .tab.active p {
    color: #ffffff;
  }
  section.works .tabs-content {
    margin-top: 35px;
    width: 100%;
    background-color: #000000;
  }
  section.works .tabs-content > div {
    padding: 50px 40px;
  }
  section.works .tabs-content::after {
    width: 50%;
  }
  section.savings > .container {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    transform: unset;
  }
  section.savings .dots {
    top: 20%;
    right: 10%;
    left: unset;
  }
  section.savings .dots img {
    width: 130px;
  }
  section.savings .savings_blocks.left {
    justify-content: end;
  }
  section.savings .savings_blocks.right {
    justify-content: start;
  }
  section.savings .savings_blocks .savings_block {
    margin: 5px 25px;
    flex: 0 1 100%;
    min-height: 100px;
    padding: 25px 20px;
  }
  section.savings .savings_blocks .savings_block .icon {
    padding: 0 20px 0 0;
  }
  section.savings .savings_blocks .savings_block .icon img {
    max-width: 50px;
  }
  section.savings .savings_blocks .savings_block .content {
    width: calc(100% - 15px);
  }
  section.savings .savings_blocks .savings_block .content .title {
    font-size: 16px;
  }
  section.savings .savings_blocks .savings_block .link {
    right: 0;
    width: 15px;
    top: 0;
    bottom: 0;
    border-radius: 0 5px 5px 0;
  }
  section.savings .savings_blocks .savings_block .link img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.savings .savings_blocks .savings_block:hover .link {
    width: 15px;
  }
  section.savings .savings_blocks .savings_block:hover .link img {
    display: none;
  }
  section.products .products_mask {
    display: none;
  }
  section.products > .container {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    transform: unset;
    background-image: url("/assets/images/background_products.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 25px;
  }
  section.products > .container h2,
  section.products > .container h4,
  section.products > .container p {
    text-align: center;
    padding-bottom: 10px;
  }
  section.products > .container h4,
  section.products > .container p {
    color: #ffffff;
  }
  section.products > .container h4 {
    text-transform: uppercase;
  }
  section.products > .container > img {
    width: 100%;
    z-index: 1;
    position: relative;
  }
  section.products .background-text {
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
  }
  section.products .products_blocks {
    display: block;
  }
  section.products .products_blocks .products_block {
    margin: 20px auto;
    padding: 50px;
    flex: 0 1 100%;
  }
  section.products .products_blocks .products_block .content .title {
    font-size: 16px;
  }
  section.products .products_blocks .products_block .image {
    margin-top: 20px;
  }
  section.products .products_blocks .products_block .image img {
    width: 100%;
  }
  section.products .products_blocks .products_block .link {
    right: 0;
    height: 140px;
    left: 0;
    bottom: 0;
  }
  section.products .products_blocks .products_block .link span {
    opacity: 1;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.application .application_images.left {
    justify-content: end;
  }
  section.application .application_images.right {
    justify-content: start;
  }
  section.application .application_images .app_image img {
    width: 140%;
    transform: translateX(-25%);
  }
  section.application .application_images .app_image .dots {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  section.application a {
    float: unset;
    width: 100%;
    margin: unset;
  }
  section.application .application_blocks > :first-child {
    border-radius: 5px;
  }
  section.application .application_blocks > :last-child {
    border-radius: 5px;
    transform: unset;
  }
  section.application .application_blocks .application_block {
    flex-direction: column-reverse;
    align-items: start;
    margin: 10px auto;
    flex: 0 1 100%;
    min-height: 100px;
    padding: 30px;
  }
  section.application .application_blocks .application_block .content {
    flex: 0 1 100%;
  }
  section.application .application_blocks .application_block .content .title {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  section.application .application_blocks .application_block .content .subtitle {
    font-size: 20px;
  }
  section.application .application_blocks .application_block .icon {
    min-width: 135px;
    height: 135px;
    padding: 20px;
  }
  section.backup .backup_mask {
    mask-size: calc(100% - 25px) 100%;
  }
  section.backup > .container-fluid {
    left: unset;
    top: unset;
    transform: unset;
    position: relative;
  }
  section.backup > .container-fluid .title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  section.backup > .container-fluid .subtitle {
    font-size: 18px;
  }
  section.backup .dots {
    left: 2%;
    top: 10%;
  }
  section.backup .dots img {
    width: 60%;
  }
  section.backup .tabs {
    flex-wrap: wrap;
  }
  section.backup .tabs .tab {
    background-color: #000000;
    flex: 0 0 100%;
    margin: 0 auto 20px auto;
  }
  section.backup .tabs .tab::after {
    width: 40%;
  }
  section.backup .tabs .tab .tab_title {
    padding: 15px 15px;
  }
  section.backup .tabs .tab .tab_title .icon img {
    width: 30px;
  }
  section.backup .tabs .tab .tab_content {
    padding: 25px 30px;
  }
  section.lara > .container .row > :first-child {
    margin-bottom: 20px;
  }
  section.lara > .container .row > :last-child {
    margin-top: 100px;
  }
  section.lara .dots {
    left: 10%;
    top: 15%;
  }
  section.lara .chat {
    padding: 130px 30px 30px 30px;
    top: 46%;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    clip-path: polygon(0% 100%, 0% 25.96%, 66.53% 25.96%, 78.06% 0%, 83.47% 25.96%, 100% 25.96%, 100% 100%);
  }
  section.lara .chat .content .title {
    font-size: 16px;
  }
  section.lara .background-text {
    top: 0%;
    left: 5%;
    font-size: 115px;
  }
  section.lara .image {
    left: unset;
    top: 10%;
    z-index: -1;
  }
  section.lara .image img {
    width: 100%;
  }
  section.lara .faqs .faq {
    width: 100%;
    max-width: 570px;
    padding: 30px;
    margin: 10px 0;
  }
  section.lara .faqs .faq > img {
    top: -140px;
    right: 0;
  }
  section.lara .faqs .faq .faq_head .faq_title .title {
    font-size: 24px;
    width: 70%;
  }
  section.lara .faqs .faq .faq_head .faq_title span {
    right: 0;
    font-size: 49px;
  }
  section.lara .faqs .faq .faq_head .toggler {
    width: 15px;
    border-radius: 0 5px 5px 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  section.lara .faqs .faq .faq_answer .text {
    margin-top: 30px;
  }
  section.lara .faqs .faq .faq_answer hr {
    margin-top: 40px;
  }
  section.lara .faqs .faq:hover .faq_head .faq_title span {
    color: #42cf2b;
  }
  section.lara .faqs .faq:hover .toggler {
    width: 15px;
  }
  section.stories > .container-fluid {
    position: relative;
    left: unset;
    top: unset;
    transform: unset;
  }
  section.stories > .container-fluid h2 {
    margin-bottom: 20px;
  }
  section.stories > .container-fluid .subtitle {
    font-size: 16px;
  }
  section.stories .reviews .review {
    flex: 0 0 auto;
    max-width: 100%;
    margin: 4px auto;
    padding: 30px 20px;
    min-height: 270px;
    width: 100%;
  }
  section.stories .reviews .review .author {
    bottom: 50px;
    right: 55px;
    width: 80%;
    padding: 20px;
  }
  section.stories .reviews .review::after {
    width: 20%;
  }
  section.stories .reviews .review.is-active::after {
    width: 20%;
  }
  section.getstarted .chat_1 {
    margin-top: 100px;
    position: relative;
    padding: 30px 30px 130px 30px;
    top: 10%;
    left: unset;
    width: auto;
    height: auto;
    clip-path: polygon(100% 0%, 100% 84.79%, 30.69% 84.79%, 38.33% 100%, 16.53% 84.79%, 0% 84.79%, 0% 0%);
  }
  section.getstarted .chat_2 {
    position: relative;
    padding: 120px 30px 30px 30px;
    top: 20%;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    margin: -100px 0 0 0;
    width: auto;
    height: auto;
    clip-path: polygon(0.14% 100%, 0.14% 22.69%, 42.93% 22.69%, 59.06% 0.18%, 57.06% 22.69%, 99.86% 22.69%, 99.86% 100%, 0.14% 100%);
  }
  section.getstarted .content .title {
    font-size: 16px;
  }
  section.getstarted .content a.btn .arrow {
    right: 20px;
  }
  section.getstarted .background-text {
    position: relative;
    top: unset;
    font-size: 45px;
    display: block;
    line-height: 80px;
    width: 100%;
    white-space: normal;
  }
  section.getstarted .dog_image {
    position: absolute;
    top: 60px;
    width: 250px;
  }
  section.getstarted .image {
    left: 10%;
  }
  section.getstarted .image img {
    width: 100%;
  }
  section.getstarted .image_battery {
    right: 10%;
    left: -15%;
    bottom: 25%;
    z-index: -1;
  }
  section.getstarted .image_battery img {
    width: 75%;
  }
  section.getstarted .dots {
    right: 10%;
    bottom: 20%;
    z-index: -2;
  }
  section.problem .dots {
    bottom: -200px;
    left: 30px;
    z-index: -1;
  }
  section.problem .dots img {
    width: 80%;
  }
  section.problem .bf_header {
    width: -webkit-fill-available;
  }
  section.sliding_text_container .sliding_track span {
    font-size: 50px;
  }
  section.savemore .energy_cards {
    justify-content: center;
    flex-direction: column !important;
  }
  section.savemore .energy_cards .energy_card {
    justify-content: stretch;
    flex: 0 1 40%;
    min-width: 40%;
    justify-content: space-evenly;
  }
  section.savemore .energy_cards .energy_card .icon img {
    max-width: 100px;
  }
  section.savemore .energy_cards .energy_card .content {
    flex: 0 0 calc(100% - 200px);
  }
  section.savemore .energy_cards .energy_card .content .title {
    font-size: 20px;
  }
  section.savemore .energy_cards .energy_card.first {
    border-radius: 5px;
  }
  section.savemore .energy_cards .energy_card.last {
    border-radius: 5px;
  }
  section.savemore .energy_cards .energy_card:nth-child(1)::after, section.savemore .energy_cards .energy_card:nth-child(2)::after {
    left: 50%;
  }
  section.savemore .energy_cards .energy_card:nth-child(3)::after, section.savemore .energy_cards .energy_card:nth-child(4)::after {
    left: 50%;
  }
  section.savemore .energy_cards .energy_card:nth-child(1), section.savemore .energy_cards .energy_card:nth-child(2) {
    text-align: start;
  }
  section.savemore .energy_cards .energy_card:nth-child(3), section.savemore .energy_cards .energy_card:nth-child(4) {
    text-align: start;
  }
  section.savemore .col-12 {
    margin-top: 50px;
  }
  section.savemore .greybox {
    left: unset;
    width: 70%;
    right: 0;
  }
  section.costs .chat {
    padding: 110px 30px 30px 30px;
    top: 15%;
    left: 5%;
    max-width: 350px;
  }
  section.costs .chat .content .title {
    font-size: 16px;
  }
  section.control img.lara {
    bottom: unset;
    left: unset;
    position: relative;
  }
  section.control .control_images {
    align-items: center;
    justify-content: space-evenly;
  }
  section.control .control_images img {
    width: 48%;
    margin: 20px auto;
  }
  section.control .savings_blocks {
    justify-content: center;
  }
  section.control .savings_blocks.left {
    justify-content: center;
  }
  section.control .savings_blocks.right {
    justify-content: center;
  }
  section.control .savings_blocks .savings_block {
    margin: 10px 25px;
    flex: 0 1 570px;
    border-radius: 5px;
    min-height: 150px;
    padding: 40px;
  }
  section.control .savings_blocks .savings_block .content {
    width: calc(100% - 160px);
  }
  section.control .savings_blocks .savings_block .content .title {
    font-size: 16px;
  }
  section.control .savings_blocks .savings_block .link {
    width: 15px;
  }
  section.share {
    overflow: hidden;
    height: -webkit-fill-available;
  }
  section.share .share_mask {
    mask-size: 200%;
  }
  section.share .share_mask img {
    visibility: hidden;
  }
  section.share .row {
    flex-direction: column-reverse;
  }
  section.share > .container {
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  section.share > .container .col-sm-12 > div {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center !important;
  }
  section.share > .container .col-sm-12 > div p {
    color: unset;
  }
  section.share > .container .col-sm-12 > div .about {
    background-color: rgba(0, 0, 0, 0.2);
    color: #000000;
  }
  section.share > .container > img {
    width: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  section.share .w75 {
    width: -webkit-fill-available;
  }
  section.share h2 {
    font-size: 32px;
  }
  section.appliances h2 {
    margin: auto auto;
  }
  section.appliances .energy_cards > .image {
    flex: 0 1 90%;
    min-width: 90%;
    text-align: center;
  }
  section.appliances .energy_cards > .image img {
    max-width: 200px;
    margin-bottom: 30px;
  }
  section.appliances .energy_cards .energy_card {
    flex: 0 1 90%;
    min-width: 90%;
    min-height: 250px;
    padding: 30px;
    justify-content: space-between;
  }
  section.appliances .energy_cards .energy_card.last {
    border-radius: 5px;
  }
  section.potential .col-lg-6 img.dog {
    bottom: -15%;
    left: unset;
    right: 0;
    transform: translateX(-50%);
  }
  section.potential .col-lg-6 .dots {
    top: -100px;
    left: 80px;
  }
  section.potential .row > :nth-child(3), section.potential .row > :nth-child(4) {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  section.potential .row > :nth-child(3) > img:not(.dog), section.potential .row > :nth-child(4) > img:not(.dog) {
    width: -webkit-fill-available;
  }
  section.potential .chat {
    padding: 40px 50px 120px 50px;
    max-width: 423px;
  }
  section.potential .chat.left {
    top: -20%;
    right: 5%;
  }
  section.potential .chat.right {
    top: -20%;
    right: 5%;
    left: unset;
  }
  section.potential .chat .content .title {
    font-size: 16px;
  }
  section.benefit {
    overflow: hidden;
  }
  section.benefit > img {
    margin: auto -120vw;
  }
  section.benefit .dots {
    left: 5%;
    top: 0;
  }
  section.benefit > .container-fluid {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.benefit > .container-fluid > .row {
    align-items: end;
  }
  section.benefit > .container-fluid > .row > :first-child {
    margin: unset !important;
  }
  section.benefit > .container-fluid .mx25 > img {
    width: 70%;
    float: right;
  }
  section.benefit .chat {
    padding: 40px 50px 120px 50px;
    max-width: 333px;
    top: 0%;
    left: 15%;
  }
  section.benefit .chat .content .title {
    font-size: 16px;
  }
  section.brain .energy_cards {
    position: relative;
    flex-wrap: wrap;
    align-items: stretch;
  }
  section.brain .energy_cards .energy_card {
    max-width: 100%;
    padding: 20px;
    position: relative;
    justify-content: center;
    min-height: 240px;
    flex-direction: column;
  }
  section.brain .energy_cards .energy_card .title {
    text-align: center;
  }
  section.brain .energy_cards > :nth-child(1) {
    top: unset;
    left: unset;
  }
  section.brain .energy_cards > :nth-child(2) {
    top: unset;
    right: unset;
  }
  section.brain .energy_cards > :nth-child(3) {
    left: unset;
    bottom: unset;
  }
  section.brain .energy_cards > :nth-child(4) {
    right: unset;
    bottom: unset;
  }
  section.brain img.brain {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
  section.brain .bgtext_dots {
    margin-bottom: -90px;
  }
  section.ready > img {
    display: none;
  }
  section.ready .dots {
    left: 5%;
  }
  section.ready > .container-fluid {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
  }
  section.ready > .container-fluid .row > :nth-child(2) > .mx25 {
    display: block;
  }
  section.ready > .container-fluid .row > :nth-child(3) {
    text-align: center;
    margin: 50px auto 0;
  }
  section.ready .buttons {
    display: flex;
  }
  section.ready .buttons .btn {
    width: 250px;
    margin: auto 20px auto auto;
  }
  section.downloads h2 {
    font-size: 32px;
  }
  section.partners .lara_image {
    top: -5%;
    right: -8%;
    width: 53%;
  }
  section.partners .greybox {
    right: -5%;
    bottom: 150px;
    height: 360px;
    width: 890px;
    top: 100%;
  }
  section.products.sem .title-content {
    justify-content: center;
    align-items: center;
  }
  section.products.sem .col-lg-6 .img-fluid {
    max-width: 39%;
    height: auto;
  }
  section.products.sem .secondary.about {
    text-align: center;
  }
  section.products.sem .greybox {
    display: none;
  }
  section.products.sem .elements {
    gap: 10px;
  }
  section.products.sem .elements > :first-child {
    border-radius: 5px !important;
    margin-top: 10px !important;
  }
  section.products.sem .elements > :last-child {
    border-radius: 5px !important;
    margin-bottom: 0 !important;
  }
  section.products.sem .element::after {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  section.products.sem .element {
    margin: 0 !important;
    padding: 20px 0 !important;
    width: 100% !important;
  }
  section.products.sem .products_list.position-relative {
    margin: 0 25px;
  }
  section.products.sem .elements .element {
    flex: none;
    width: 100%;
  }
  section.products.bs .title-content {
    justify-content: center;
    align-items: center;
  }
  section.products.bs .title-content > img {
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: -1;
    transform: translateX(-50%);
  }
  section.products.bs .secondary.about {
    text-align: center;
  }
  section.products.bs .container.second-container {
    margin-top: 58%;
  }
  section.products.bs .col-lg-6 .img-fluid {
    max-width: 39%;
    height: auto;
  }
  section.products.bs p {
    text-align: center;
  }
  section.products.bs .greybox {
    display: none;
  }
  section.products.bs .element {
    margin-top: 0 !important;
  }
  section.products.bs .elements > :first-child {
    transform: none !important;
    flex-direction: column !important;
    padding: 20px 0 !important;
    border-radius: 5px !important;
    margin-top: 10px !important;
  }
  section.products.bs .elements > :nth-child(2) {
    transform: none !important;
    flex-direction: column !important;
    padding: 20px 0 !important;
    border-radius: 5px !important;
  }
  section.products.bs .elements > :nth-child(3) {
    transform: none !important;
    flex-direction: column !important;
    padding: 20px 0 !important;
    border-radius: 5px !important;
  }
  section.products.hi .title-content {
    justify-content: center;
    align-items: center;
  }
  section.products.hi .secondary.about {
    text-align: center;
  }
  section.products.hi .bwt {
    text-align: center !important;
  }
  section.products.hi .title-content p {
    text-align: center;
  }
  section.products.hi .elements.top > :first-child {
    border-radius: 5px !important;
  }
  section.products.hi .elements.top .element {
    flex: none !important;
    width: 100% !important;
    padding: 20px 0;
  }
  section.products.hi .products_list .elements {
    margin: 25px;
  }
  section.products.hi .elements.top .element::after {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  section.products.hi .elements.top > :last-child {
    border-radius: 5px;
  }
  section.products.hi .products_list.position-relative {
    margin-top: 55%;
  }
  section.products.hi .col-lg-6 .img-fluid {
    max-width: 34%;
  }
  section.products.hi .elements.bottom .element {
    flex: none !important;
    width: 100% !important;
    padding: 20px 0;
  }
  section.products.hi .elements.bottom .element::after {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  section.products.hi .elements.bottom > :last-child {
    border-radius: 5px;
  }
  section.products.hi .elements.bottom > :first-child {
    border-radius: 5px;
  }
  section.products.hi .main_image img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  section.products.hi .main_image img .img-fluid {
    max-width: 40%;
    height: auto;
  }
  section.products.hi .products_list .elements .element {
    margin: 10px 0 0 0;
  }
  section.products.ev .secondary.about {
    text-align: center;
  }
  section.products.ev .title-content {
    justify-content: center;
    align-items: center;
  }
  section.products.ev p {
    text-align: center;
  }
  section.products.ev .elements.left {
    margin: 0 15px;
  }
  section.products.ev .elements.right {
    margin: 0 15px;
  }
  section.products.ev .products_list .elements.left .element {
    flex-direction: column;
    max-width: 100% !important;
    border-radius: 5px;
    margin: 0;
    padding: 20px 0;
  }
  section.products.ev .products_list .elements.right .element {
    flex-direction: column;
    max-width: 100% !important;
    border-radius: 5px;
    margin: 150px 0 0 0;
    padding: 20px 0;
  }
  section.products.ev .main_image > img {
    top: 0 !important;
    right: -50%;
    transform: translateX(-50%);
  }
  section.assistant .energy_card {
    margin: 10px 25px !important;
  }
}
@media (max-width: 400px) {
  section.costs .chat {
    padding: 75px 30px 15px 30px;
    left: -3%;
  }
  section.benefit .chat {
    padding: 10px 10px 60px 10px;
    max-width: 173px;
    top: 0%;
    left: 0%;
  }
}
@media (min-width: 1025px) {
  .product.ngen_ep.showcase .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .product.ngen_ep.showcase .title_image.img_left {
    display: grid;
    grid-template-columns: 420px 1fr;
    column-gap: 40px;
    align-items: center;
  }
  .product.ngen_ep.showcase .title_image.img_left > img {
    max-width: 420px;
    width: 100%;
    height: auto;
    justify-self: start;
  }
  .product.ngen_ep.showcase .title_image .product_title {
    text-align: center;
  }
  .product.ngen_ep.showcase .title_image .product_title h2 {
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 0.35rem;
  }
  .product.ngen_ep.showcase .title_image .product_title .bwt {
    display: inline-block;
    font-weight: 600;
  }
  .product.ngen_ep.showcase .data_card {
    background: #fff;
    border-radius: 12px;
    padding: 18px 22px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
  }
  .product.ngen_ep.showcase .data_card .title {
    font-size: 14px;
    opacity: 0.7;
    margin-bottom: 4px;
  }
  .product.ngen_ep.showcase .data_card .value {
    font-weight: 800;
    font-size: 18px;
    color: #10d63c;
  }
}
/* ===== Stack for ≤1024px ===== */
@media (max-width: 1024px) {
  .product.ngen_ep.showcase .row > .col-lg-6.col-md-12.px25 {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    vertical-align: top;
  }
  .product.ngen_ep.showcase .title_image.img_left {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 16px;
    text-align: center;
  }
  .product.ngen_ep.showcase .title_image.img_left > img {
    justify-self: center;
    max-width: 360px;
    width: 100%;
    height: auto;
  }
  .product.ngen_ep.showcase .data_card {
    background: #fff;
    border-radius: 12px;
    padding: 16px 18px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
  }
}
@media (max-width: 575.98px) {
  .product.ngen_ep.showcase .product_data.onright {
    grid-template-columns: 1fr;
  }
  .product.ngen_ep.showcase .title_image.img_left > img {
    max-width: 280px;
  }
  .product.ngen_ep.showcase .data_card .title {
    font-size: 13px;
  }
  .product.ngen_ep.showcase .data_card .value {
    font-size: 16px;
  }
}
.product.ngen_ep.showcase {
  padding: 64px 0;
}

@media (max-width: 1024px) {
  .product.ngen_ep.showcase {
    padding: 54px 0;
  }
}
@media (max-width: 575.98px) {
  .product.ngen_ep.showcase {
    padding: 44px 0;
  }
}
@media (max-width: 575px) {
  section {
    padding-top: 50px;
  }
}

@media (max-width: 1600px) and (min-width: 767px) {
  section.works > .container {
    max-width: 80%;
  }
}
@media (max-width: 575.98px) {
  section.works .tabs .tab {
    padding: 10px 20px;
  }
}

@media (max-width: 1500px) {
  section.products .products_mask {
    display: none;
  }
  section.products > .container {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    transform: unset;
    background-image: url(/assets/images/background_products.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 25px;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
  section.products > .container h2,
  section.products > .container h4,
  section.products > .container p {
    text-align: start;
    padding-bottom: 10px;
  }
}

@media (max-width: 1419px) {
  section.application .application_blocks > :first-child {
    border-radius: 5px;
  }
  section.application .application_blocks > :last-child {
    border-radius: 5px;
    transform: unset;
  }
}
@media (max-width: 1419px) {
  section.application .application_blocks .application_block {
    flex-direction: column-reverse;
    align-items: start;
    margin: 10px auto;
    flex: 0 1 90%;
    min-height: 100px;
    padding: 30px;
  }
}
@media (max-width: 992px) {
  section.application .application_blocks .application_block {
    flex: 0 1 100%;
  }
}

@media (max-width: 1640px) {
  section.backup .tabs .tab {
    margin: 5px;
  }
}
@media (max-width: 1600px) {
  section.backup > .container-fluid {
    left: unset;
    top: unset;
    transform: unset;
    position: relative;
  }
}
@media (max-width: 1600px) and (min-width: 1200px) {
  section.backup > .container-fluid .title {
    font-size: 50px;
    margin-bottom: 20px;
  }
  section.backup > .container-fluid .subtitle {
    font-size: 24px;
  }
}
section.backup > .container-fluid .desktop {
  display: none;
}
@media (min-width: 1600px) {
  section.backup > .container-fluid .desktop {
    display: block;
  }
}
section.backup > .container-fluid.mobile .title,
section.backup > .container-fluid.mobile .subtitle {
  display: block;
}
@media (min-width: 1600px) {
  section.backup > .container-fluid.mobile .title,
  section.backup > .container-fluid.mobile .subtitle {
    display: none;
  }
}
@media (max-width: 1600px) {
  section.backup > .container-fluid:last-child .tabs {
    flex-wrap: wrap;
  }
  section.backup > .container-fluid:last-child .tabs .tab {
    background-color: #000000;
    flex: 1 1 45%;
    margin: 20px 20px auto;
  }
}

@media (max-width: 1600px) and (min-width: 1200px) {
  section.lara {
    padding-top: 50px;
  }
  section.lara .background-text {
    top: -10%;
    left: 0%;
  }
}
@media (max-width: 1200px) {
  section.lara .background-text {
    top: -5%;
    font-size: 150px;
    left: 0%;
  }
}
@media (max-width: 992px) {
  section.lara .background-text {
    top: -1%;
  }
}
@media (max-width: 575px) {
  section.lara .background-text {
    top: 2%;
    font-size: 80px;
  }
  section.lara .image img {
    transform: translateX(0);
  }
}
section.lara .chat-wrapper .chat {
  left: 0%;
}
@media (max-width: 992px) {
  section.lara .chat-wrapper .chat {
    padding: 30px 30px 130px 30px;
    position: relative;
    clip-path: polygon(0% 0%, 100% 0%, 100% 74.04%, 83.47% 74.04%, 85.06% 100%, 66.53% 74.04%, 0% 74.04%);
  }
  section.lara .chat-wrapper .chat .form-group textarea {
    margin: 1px;
  }
}
@media (max-width: 1199.98px) {
  section.lara .faqs {
    margin-top: 10%;
    align-items: center;
  }
  section.lara .faqs .faq {
    max-width: 80%;
  }
}

@media (max-width: 1200px) {
  section.stories > .container-fluid:first-child {
    position: relative;
    left: unset;
    top: unset;
    transform: unset;
  }
  section.stories > .container-fluid:last-child {
    top: 62%;
  }
}
@media (max-width: 1400px) {
  section.stories .reviews .review {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  section.stories .reviews .review .author {
    position: static;
    margin-left: 10px;
  }
}

#navbar.sticky {
  height: 80px;
}

#navbar.mobile .logo {
  flex: 1;
  z-index: 1;
}
#navbar.mobile .menu.mobile {
  padding-top: 90px;
  max-height: 100vh;
  overflow-y: scroll;
}
#navbar.mobile .menu.mobile .menu-dropdown {
  padding: 20px;
}
@media (max-width: 992px) {
  #navbar.mobile .menu.mobile .menu-dropdown.megamenu .row > div .megamenu_title {
    margin-top: 2rem;
  }
}
@media (max-width: 992px) {
  #navbar.mobile .menu.mobile .menu-dropdown.megamenu .row:nth-child(2) > div:first-child .megamenu_title {
    margin-top: 0.5rem;
  }
}
#navbar.mobile .menu#additional_menu {
  padding-left: 0;
}
#navbar.mobile .menu#additional_menu .has-dropdown.menu-item {
  padding: 15px 10px;
}
@media (max-width: 576px) {
  #navbar.mobile .menu#additional_menu .has-dropdown.menu-item {
    padding: 25px 0;
  }
}
#navbar.mobile #mobileSwitcher {
  padding-right: 30px;
  padding-left: 10px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 576px) {
  #navbar.mobile #mobileSwitcher {
    padding: 30px 0;
    padding-right: 10px;
  }
}
#navbar.mobile #mobileSwitcher .mobile-btn span.menu_line {
  width: 30px;
  height: 4px;
  border-radius: 5px;
  background-color: #42cf2b;
  transition: all 0.5s;
}
#navbar.mobile.opened {
  padding: 0;
}
#navbar.mobile.opened .logo {
  background-color: #fff;
  min-height: 79px;
  max-width: 80%;
  display: flex;
  align-items: center;
}
#navbar.mobile.opened .menu#additional_menu {
  display: none;
}
#navbar.mobile.opened .menu.mobile {
  align-items: start;
}
#navbar.mobile.opened #mobileSwitcher {
  width: 30%;
  background-color: #fff;
  min-height: 79px;
}
#navbar.mobile.opened #mobileSwitcher .mobile-btn span.menu_line {
  display: none;
}
#navbar.mobile.opened #mobileSwitcher .mobile-btn span.menu_line:first-child {
  transform: rotate(45deg);
  display: block;
}
#navbar.mobile.opened #mobileSwitcher .mobile-btn span.menu_line:nth-child(3) {
  margin-top: -6px;
  transform: rotate(-45deg);
  display: block;
}

section.getstarted .chat_1 {
  margin-top: 0;
}
@media (max-width: 1400px) {
  section.getstarted .chat_1 {
    transform: translateY(20%);
    padding-top: 50px;
  }
}
@media (max-width: 768px) {
  section.getstarted .chat_1 {
    padding-top: 60px;
  }
}
@media (max-width: 992px) {
  section.getstarted .chat_2 {
    margin-top: -70px;
  }
}
@media (max-width: 1400px) {
  section.getstarted .dog_image {
    top: -80px;
    left: 5%;
    width: 200px;
  }
}
@media (max-width: 768px) {
  section.getstarted .dog_image {
    top: 0;
    left: 5%;
    width: 150px;
  }
}

@media (max-width: 449px) {
  section.savemore .energy_card {
    flex-direction: column !important;
  }
  section.savemore .energy_card .icon img {
    margin-bottom: 20px;
  }
}
@media (max-width: 1600px) {
  section.costs .chat-wrapper .chat {
    /*left: -5%;*/
    position: absolute;
  }
}
@media (max-width: 575px) {
  section.costs .chat-wrapper .chat {
    clip-path: polygon(1% 100%, 0% 26.92%, 45.88% 26.92%, 49.3% 0%, 30.85% 26.92%, 100% 26.92%, 100% 100%);
    transform: translateY(-150%);
  }
}
@media (max-width: 425px) {
  section.costs .chat-wrapper .chat {
    clip-path: polygon(1% 100%, 0% 26.92%, 43.88% 26.92%, 47.3% 0%, 25.85% 26.92%, 100% 26.92%, 100% 100%);
    transform: translateY(-110%);
  }
}
@media (max-width: 768px) {
  section.costs .chat-wrapper {
    margin-top: 10%;
  }
}
@media (max-width: 575px) {
  section.costs .chat-wrapper {
    /*
    margin-top: 50%;
    transform: translateY(-320px);
    */
  }
  section.costs .chat-wrapper .chat {
    max-width: fit-content;
    left: 0;
  }
}

@media (max-width: 575px) {
  section.control .savings_blocks .savings_block {
    flex-direction: column;
    flex: 0 1 100%;
  }
  section.control .savings_blocks .savings_block .content {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  section.appliances h2 {
    margin: auto 25px;
  }
  section.appliances img.dog {
    position: static;
  }
}
@media (max-width: 991.98px) {
  section.potential .container-fluid img.dog {
    position: static;
    transform: translate(0%, 80%);
  }
}
@media (max-width: 575px) {
  section.potential .container-fluid img.dog {
    transform: translate(0%, 100%);
  }
}
@media (max-width: 991.98px) {
  section.potential .chat.left {
    position: static;
    margin-top: 30%;
    margin-left: 25px;
  }
}
@media (max-width: 575px) {
  section.potential .chat.left {
    margin-top: 50%;
    margin: 0 25px !important;
    width: calc(100% - 50px);
    transform: translateY(-80%);
    clip-path: polygon(0% 0%, 0% 73.08%, 11.94% 73.08%, 29.4% 100%, 24.96% 73.08%, 100% 73.08%, 100% 0%);
  }
}
@media (max-width: 991.98px) {
  section.potential .chat.right {
    transform: translateY(-440%);
    position: static;
    float: right;
    padding: 120px 50px 40px 50px;
    clip-path: polygon(0% 100%, 0% 26.92%, 30.94% 26.92%, 16.4% 0%, 18.96% 26.92%, 100% 26.92%, 100% 100%);
    margin-right: 25px;
  }
}
@media (max-width: 768px) {
  section.potential .chat.right {
    transform: translateY(-424%);
  }
}
@media (max-width: 575px) {
  section.potential .chat.right {
    transform: translateY(-232%);
    clip-path: polygon(0% 100%, 0% 26.92%, 81.94% 26.92%, 58.4% 0%, 65.96% 26.92%, 100% 26.92%, 100% 100%);
    width: calc(100% - 50px);
  }
}
@media (max-width: 420px) {
  section.potential .chat.right {
    transform: translateY(-215%);
  }
}

section.benefit > img:first-child {
  min-height: 680px;
}
@media (max-width: 575px) {
  section.benefit > img:first-child {
    min-height: 100vh;
  }
}
@media (max-width: 768px) {
  section.benefit .chat-wrapper .chat {
    left: 10%;
  }
}
@media (max-width: 575px) {
  section.benefit .chat-wrapper .chat {
    position: static;
    clip-path: polygon(0% 0%, 0% 70.56%, 39.62% 70.56%, 70.29% 100%, 62.13% 70.56%, 100% 70.56%, 100% 0%);
  }
}

@media (max-width: 1740px) and (min-width: 992px) {
  section.share .share_mask {
    mask-size: 120%;
  }
}
section.share .share_mask img#tabImage {
  min-height: 745px;
}

@media (max-width: 1400px) and (min-width: 1200px) {
  section.assistant.brain .container-fluid .row img.brain {
    width: 60%;
    left: 45%;
    top: 10%;
  }
}
@media (max-width: 991px) {
  section.assistant.brain .container-fluid .row {
    flex-direction: column-reverse;
  }
  section.assistant.brain .container-fluid .row > div:nth-child(2) {
    display: flex;
    flex-direction: column-reverse;
  }
  section.assistant.brain .container-fluid .row .bgtext_dots {
    position: absolute;
    top: -10%;
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  section.assistant.brain .container-fluid .row .bgtext_dots {
    position: absolute;
    top: -5%;
    margin-bottom: 0;
  }
}

section.ready > img:first-child {
  min-height: 350px;
}
section.ready .buttons {
  display: flex;
  gap: 20px;
}
@media (max-width: 991.98px) {
  section.ready .buttons {
    justify-content: space-around;
  }
  section.ready .buttons .btn {
    margin: 0;
  }
}
@media (max-width: 575px) {
  section.ready .buttons {
    flex-direction: column-reverse;
  }
}

@media (max-width: 1600px) {
  section.product.synaptic .imgwcards .cards {
    position: static;
    transform: translate(0);
    margin: 20px 0;
  }
}

@media (max-width: 1399.98px) {
  section.app_cards .energy_cards .energy_card {
    border-radius: 5px !important;
  }
}
@media (max-width: 991px) {
  section.app_cards .energy_cards {
    justify-content: space-between;
    width: 100%;
  }
  section.app_cards .energy_cards .energy_card {
    min-width: calc(50% - 50px);
    width: 100%;
  }
  section.app_cards .energy_cards .energy_card .icon {
    order: 1;
  }
  section.app_cards .energy_cards .energy_card .content {
    order: 2;
  }
}

section.product.synaptic .products_mask {
  display: block;
}
@media (max-width: 1399px) {
  section.product.synaptic .products_mask {
    display: none;
  }
  section.product.synaptic .relay_container {
    background-image: url("/assets/images/background_products.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
    position: static;
    transform: translateY(0%);
  }
  section.product.synaptic .relay_container .relays_blocks {
    flex-wrap: wrap;
  }
  section.product.synaptic .relay_container .relays_blocks .relay_block {
    margin: 0 25px;
    flex: 1 33%;
  }
}
section.product.synaptic .relays_blocks {
  flex-wrap: nowrap;
}
section.product.synaptic .relays_blocks .relay_block {
  flex: 33%;
}
@media (max-width: 991.98px) {
  section.product.synaptic .relays_blocks .relay_block {
    flex: auto !important;
  }
  section.product.synaptic .relays_blocks .relay_block .points.points_row {
    flex-direction: column;
  }
  section.product.synaptic .relays_blocks .relay_block .content {
    display: flex;
    flex-direction: column;
  }
}
section.product.synaptic .relays_blocks .relay_block .image img {
  max-width: 100%;
}

footer .links {
  gap: 10px 20px;
}
@media (max-width: 768px) {
  footer .links {
    justify-content: center;
  }
}/*# sourceMappingURL=style.css.map */