html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  -webkit-font-smoothing: antialiased;
  color: #000;
  overflow-x: hidden;
  background-color: #F5F5F5;
}

.container {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 64em) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.row {
  margin-left: -30px;
  margin-right: -30px;
}

.row .col {
  padding-left: 30px;
  padding-right: 30px;
}

h1 {
  font-size: 6.5rem;
  letter-spacing: -1.56px;
  font-weight: 600;
}

h2 {
  font-size: 2.875rem;
  font-weight: 400;
}

h2 i {
  font-weight: 600;
}

h3 {
  font-size: 2.125rem;
}

h4 {
  font-size: 1.375rem;
  letter-spacing: 0;
}

p {
  font-size: 1.125rem;
}

ul {
  font-size: 1.1875rem;
  padding: 0 0 0 35px;
}

ul li {
  padding-bottom: 35px;
}

ul li::before {
  color: #80c343;
  content: "•";
  display: inline-block;
  font-weight: 700;
  margin-left: -35px;
  width: 35px;
}

p.bigger {
  font-size: 1.375rem;
}

p.smaller {
  font-size: 1rem;
}

@media (max-width: 64em) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.125rem;
  }

  p {
    font-size: 1rem;
  }

  p.smaller {
    font-size: 0.875rem;
  }

  ul {
    font-size: 1rem;
  }

  .margin-top-mobile {
    margin-top: 70px;
  }
}

.semibold {
  font-weight: 600;
}

.button {
  padding: 13px 10px;
  width: auto;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  text-transform: capitalize;
  color: #ffffff;
  background-color: #80C343;
  border-radius: 8px;
  cursor: pointer;
  height: auto;
}

.button:hover {
  background-color: #80C343;
  color: #ffffff;
}

.button.disabled {
  background-color: #F5F5F5;
  color: #8F8F8F;
}

.button.disabled:hover {
  background-color: #F5F5F5;
  color: #000000;
}

@media (max-width: 64em) {
  .button {
    padding: 16px 0;
    font-size: 14px;
  }
}

.section-padding {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 40em) and (max-width: 64em) {
  .section-padding {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 64em) and (max-width: 90em) {
  .section-padding {
    padding-left: 80px;
    padding-right: 80px;
  }
}

.hero {
  position: relative;
  width: 100vw;
  height: 100%;
  background-color: #f5f5f5;
}

.hero .hero__video {
  width: 100%;
  height: 100%;
  padding: 0;
}

.hero .hero__video .hero__video-wrapper {
  width: 100%;
  height: 100%;
  padding: 0;
}

.hero .hero__video .hero__video-wrapper img{
  width: 100%;
  height: 100%;
}

.hero .hero__video .hero__video-container {
  width: 100%;
  height: auto;
}

.hero .hero__logo  {
  position: absolute;
  width: 209px;
  height: 50px;
  top: 80px;
  right: 50%;
  transform: translateX(50%);
}

.hero .hero__logo img {
  width: auto;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 64em) {
  .hero {
    height: 100%;
  }

  .hero__logo {
    display: none;
  }

}

.main-points {
  padding-top: 100px;
  padding-bottom: 111px;
}

.main-points h1 {
  margin-bottom: 24px;
}

.main-points h3 {
  color: #80C343;
  margin-bottom: 111px;
}

.main-points h4 {
  color: #7E7E7E;
  margin-bottom: 50px;
}

@media (max-width: 64em) {
  .main-points {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .main-points h1 {
    margin-bottom: 30px;
  }


  .main-points h3 {
    margin-bottom: 60px;
  }
}

.chose-model {
  background: transparent linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  padding-bottom: 40px;
}

.chose-model .chose-model__row.mobile {
  display: none;
}

.chose-model img {
  opacity: 0;
}

.chose-model img:nth-of-type(2) {
  position: absolute;
  top:  0;
}

.chose-model img.active {
  opacity: 1;
}

.chose-model h2 {
  display: none;
}

.chose-model h2.active {
  display: block;
}
.chose-model .chose-model__no {
  padding-bottom: 36px;
  margin-bottom: 36px;
  max-width: 460px;
  border-bottom: 1px solid #D5D5D5;
  display: none;
}

.chose-model .chose-model__no.active {
  display: block;
}

.chose-model .chose-model__buttons {
  display: flex;
  padding: 10px;
  background-color: #F5F5F5;
  border-radius: 16px;
  max-width: 460px;
}

.chose-model .chose-model__buttons .button {
  width: 100%;
}

@media (max-width: 64em) {
  .chose-model {
    padding-bottom: 30px;
  }
  .chose-model .chose-model__row.mobile {
    display: block;
    margin-bottom: 30px;
    position: relative;
  }
  
  .chose-model .chose-model__row.mobile img {
    padding: 0 20px;
    max-width: 90vw;
  }
  .chose-model h2 {
    text-align: center;
    font-size: 2.5rem;
  }
  .chose-model h4 {
    text-align: center;
    font-size: 1rem;
  }

  .chose-model .row.desktop {
    display: none;
  }

  .chose-model .col.a-6 {
    width: 100%;
  }

  .chose-model .chose-model__buttons {
    margin-bottom: 30px;
  }
}

.switch-bar {
  background-color: #ffffff;
  position: fixed;
  top: -200px;
  z-index: 10;
  padding-bottom: 10px;
  width: 100%;
  transition: .3s ease-in;
}
.switch-bar__wrapper {
  display: flex;
  position: relative;
}

.switch-bar .switch-bar__wrapper .switch-bar__text{
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.625rem;
  font-weight: 700;
}

.switch-bar__content {
  display: flex;
}

.switch-bar .switch-bar__col {
  display: flex;
  flex-direction: column;
  width: 50%;
  height: auto;
}

.switch-bar__col:first-of-type {
  padding-right: 44px;
  border-right: 1px solid #F0F0F0;
}

.switch-bar__col:nth-of-type(2) {
  padding-left: 44px;
}

.switch-bar .switch-bar__col .switch-bar__col-top {
  display: flex;
}

.switch-bar .switch-bar__col .switch-bar__col-top img{
  width: 177px;
  height: 83px;
  object-fit: contain;
  margin-right: 20px;
}

.switch-bar .switch-bar__col .switch-bar__col-top a {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  margin-top: 8px;
}
.switch-bar .switch-bar__col .switch-bar__col-top a img{
  width: 14px;
  height: 14px;
  margin-right: 5px;
}


.switch-bar .switch-bar__col .switch-bar__col-top .switch-bar__name{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.switch-bar .switch-bar__col .button {
  width: 100%;
}

.switch-bar .switch-bar__where-to-buy.disabled {
  color:#8F8F8F;
  filter:contrast(0);
  pointer-events: none;
}

@media (max-width: 64em) {
  .switch-bar {
    padding-top: 10px;
  }
  .switch-bar .switch-bar__wrapper .switch-bar__text {
    display: none;
  }

  .switch-bar__col:first-of-type {
    padding-right: 12px;
  }

  .switch-bar__col:last-of-type {
    padding-left: 12px;
  }

  .switch-bar .switch-bar__col .switch-bar__col-top img{
    display: none;
  }

  .switch-bar .switch-bar__col .switch-bar__col-top .switch-bar__name {
    /* flex-direction: row; */
    align-items: center;
  }

  .switch-bar .switch-bar__col .switch-bar__col-top .switch-bar__name .switch-bar__name-bottom {
    display: flex;
  }

  .switch-bar .switch-bar__col .switch-bar__col-top .switch-bar__name a {
    margin-top: 0;
    margin-left: 10px;
  }

  .switch-bar .switch-bar__col .button {
    padding: 8px 0;
    height: auto;
    margin-top:10px;
  }
}



.features-section {
  background-color: #F5F5F5;
  background-image: linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 100%);
  padding: 40px 0 0 0;
  position: relative;
  display: none;
}

.features-section.active {
  display: block;
}

.features-section::after {
  content: '';
  background-image: url('https://www.acer.com/de-de/aspire-kampagne/images/Polygon.svg');
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  width: 76px;
  height: 20px;
}

.features-section__tiles-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 32px;
}

.features-section .features-section__tile {
  padding: 20px 24px;
  border-radius: 20px;
  position: relative;
  height: auto;
  overflow: hidden;
  cursor: pointer;
  background: transparent linear-gradient(122deg, #E9E9E9 0%, #CECECE 100%) 0% 0% no-repeat padding-box;
  display: flex;
  font-weight: 700;
}

.features-section .features-section__tile:nth-of-type(1) {
  width: 38%;
}

.features-section.features-section--17 .features-section__tile:nth-of-type(1) {
  width: 28%;
}

.features-section .features-section__tile:nth-of-type(2) {
  width: 28%;
  padding:20px 22px;
}

.features-section .features-section__tile:nth-of-type(6) {
  width: 31%;

}

.features-section.features-section--17 .features-section__tile:nth-of-type(1) {
  width: 38%;
  flex-direction: row;
  align-items: flex-start;
}

.features-section.features-section--17 .features-section__tile:nth-of-type(1) .features-section__tile-text {
  margin: auto 0 auto auto;
}

.features-section.features-section--17 .features-section__tile:nth-of-type(1) .features-section__tile-text p {
  text-align: left;
}

.features-section.features-section--17 .features-section__tile:nth-of-type(1) .features-section__tile-text .features-section__tile-title {
  text-align: left;
}

.features-section .features-section__tile:nth-of-type(4) {
  width: 31%;
}

.features-section .features-section__tile:nth-of-type(5) {
  width: 31%;
}

.features-section .features-section__tile:nth-of-type(3) {
  width: 31%;
}


.features-section .features-section__tile:nth-of-type(7) {
  width: 31%;
}

.features-section .features-section__tile:nth-of-type(8) {
  width: 31%;
}

.features-section .features-section__tile:nth-of-type(9) {
  width: 31%;
}

.features-section .features-section__tile:nth-of-type(10) {
  width: 48%;
}

.features-section--17 .features-section__tile:nth-of-type(10) {
  width: 31%;
}

.features-section .features-section__tile:nth-of-type(11) {
  width: 48%;
  justify-content: flex-end;
}

.features-section--17 .features-section__tile:nth-of-type(11) {
  width: 31%;
}

.features-section--17 .features-section__tile:nth-of-type(12) {
  width: 31%;
}

.features-section .features-section__tile.features-section__tile--bg {
  color: #ffffff;
}

.features-section__tile-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}

.features-section .features-section__tile:nth-of-type(2) .features-section__tile-bg-image {
  background: linear-gradient(180deg, #00000000 0%, #00000010 38%, #000000 100%) 0% 0% no-repeat padding-box, url('https://www.acer.com/de-de/aspire-kampagne/images/Intel-Core-i5.png');
  background-position: center;
  background-size: cover;
}

.features-section .features-section__tile:nth-of-type(3) .features-section__tile-bg-image {
  background-position: center;
}

.features-section .features-section__tile:nth-of-type(7) .features-section__tile-bg-image {
  background-position: center;
  background: transparent linear-gradient(108deg, #9B9CA0 0%, #19191C 100%) 0% 0% no-repeat padding-box;
}

.features-section .features-section__tile:nth-of-type(11) .features-section__tile-bg-image {
  background-position: top left;
  background-size: 70%;
  background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(215,215,215,1) 100%), url('https://www.acer.com/de-de/aspire-kampagne/images/aspire15-ksp3.png');
  /* scale: 1.01; */
}


.features-section .features-section__tile:hover .features-section__tile-bg-image,
.features-section .features-section__tile:hover .features-section__tile-icon,
.features-section .features-section__tile:hover .side-image {
  scale: 1.1;
  transition: .3s ease-in-out;
}
.features-section .features-section__more-btn {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 90px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 14px;
  right: 14px;
  margin: 0;
  width: 32px;
  height: 32px;
  text-decoration: none;
  font-size: 1.5rem;
}

.features-section .features-section__more-btn:hover {
  background-color: #ffffff;
}

.features-section .features-section__tile .side-image {
  width: 38%;
  height: auto;
  max-height: 155px;
  z-index: 1;
  left: -32px;
  position: relative;
}



.features-section__tile-text {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-left: 15px;
}
.features-section__tile--bg .features-section__tile-text {
  margin: auto auto 0 auto;
  text-align: center;
}
.features-section__tile-icon {
  height: 80px;
  width: auto;
  object-fit: contain;
}

.features-section__tile-text p {
  margin-bottom: 0;
  margin-top: 0;
}

.features-section--15 .features-section__tile:nth-of-type(1) .features-section__tile-text,
.features-section .features-section__tile:nth-of-type(7) .features-section__tile-text {
  width: 50%;
  margin: auto 0 auto auto;
  text-align: left;
}

.features-section .features-section__tile:hover .side-image--move {
  transform: translateX(-300px);
  transition: .3s ease-in-out;
  opacity: 0;
}

.features-section .features-section__tile .moving-image {
  transform: translateX(-300px)  translateY(-50%);
  transition: .3s ease-in-out;
  opacity: 0;
  position: absolute;
  width: 80px;
  height: auto;
  top: 50%;

}

.features-section .features-section__tile:hover .moving-image {
  transform: translateX(0) translateY(-50%);
  opacity: 1;
}

.features-section .features-section__tile:nth-of-type(7) .side-image.side-image--move {
  width: 33%;
  transition: .3s ease-in-out;
}

.features-section .features-section__tile:nth-of-type(2) .features-section__tile-title {
  font-size: 1.25rem;
}

.features-section .features-section__tile:nth-of-type(4) .features-section__tile-title,
.features-section .features-section__tile:nth-of-type(5) .features-section__tile-title,
.features-section .features-section__tile:nth-of-type(7) .features-section__tile-title,
.features-section .features-section__tile:nth-of-type(9) .features-section__tile-title,
.features-section .features-section__tile:nth-of-type(10) .features-section__tile-title,
.features-section--17 .features-section__tile:nth-of-type(12) .features-section__tile-title  {
  text-align: left;
}

.features-section .features-section__tile:nth-of-type(4) p,
.features-section .features-section__tile:nth-of-type(5) p,
.features-section .features-section__tile:nth-of-type(7) p {
  text-align: left;
}


.features-section--17 .features-section__tile:nth-of-type(3) .features-section__tile-text {
 padding-top:0px;
}

.features-section--17 .features-section__tile:nth-of-type(6) .features-section__tile-bg-image {
  background-position: center;
 }


.features-section .features-section__tile-title {
  font-size: 1.5rem;
  text-align: center;
}

.features-section--15 .features-section__tile:nth-of-type(1) .features-section__tile-text .features-section__tile-title {
  text-align: left;
}

.features-section .features-section__subtitle {
  font-size: 28px;
  font-weight: 700;
  margin-top: 60px;
  padding-bottom: 40px;
  text-align: center;
  scroll-margin: 180px;
}

@media (max-width: 64em) {
  .features-section {
    padding: 30px 0 0 0;
  }
  .features-section .features-section__tiles-wrapper {
    row-gap: 20px;
  }
  .features-section .features-section__tile-title {
    font-size: 1rem;
  }

  .features-section .features-section__tile {
    padding: 14px 8px;
    border-radius: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .features-section .features-section__tile--bg {
    padding: 39px 20px;
  }

  .features-section .features-section__tile:nth-of-type(1) {
    width: 48%;
  }

  .features-section .features-section__tile:nth-of-type(2) {
    width: 48%;
  }

  .features-section .features-section__tile:nth-of-type(6) {
    width: 30%;
  }

  .features-section .features-section__tile:nth-of-type(4) {
    width: 48%;
  }

  .features-section .features-section__tile:nth-of-type(5) {
    width: 30%;
  }

  .features-section .features-section__tile:nth-of-type(3) {
    width: 48%
  }

  .features-section .features-section__tile:nth-of-type(7) {
    width: 30%
  }

  .features-section.features-section--15 .features-section__tile:nth-of-type(8),
  .features-section .features-section__tile:nth-of-type(9),
  .features-section .features-section__tile:nth-of-type(10),
  .features-section .features-section__tile:nth-of-type(11),
  .features-section.features-section--17 .features-section__tile:nth-of-type(12) {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }

  .features-section .features-section__tile:nth-of-type(4) .features-section__tile-title,
  .features-section .features-section__tile:nth-of-type(4) p,
  .features-section .features-section__tile:nth-of-type(5) .features-section__tile-title,
  .features-section .features-section__tile:nth-of-type(5) p {
    text-align: center;
  }


  .features-section .features-section__tile:nth-of-type(8) .features-section__tile-text,
  .features-section .features-section__tile:nth-of-type(9) .features-section__tile-text,
  .features-section .features-section__tile:nth-of-type(10) .features-section__tile-text,
  .features-section .features-section__tile:nth-of-type(11) .features-section__tile-text,
  .features-section.features-section--17 .features-section__tile:nth-of-type(12) .features-section__tile-text {
    text-align: left;
    margin-left: 20px;
  }

  .features-section .features-section__tile:nth-of-type(8) .features-section__tile-title,
  .features-section .features-section__tile:nth-of-type(9) .features-section__tile-title,
  .features-section .features-section__tile:nth-of-type(10) .features-section__tile-title,
  .features-section .features-section__tile:nth-of-type(8) p,
  .features-section .features-section__tile:nth-of-type(9) p,
  .features-section .features-section__tile:nth-of-type(10) p,
  .features-section .features-section__tile:nth-of-type(11) p {
    text-align: left;
  }

  .features-section .features-section__tile:nth-of-type(11) .features-section__tile-text{
    text-align: right;
    margin-right: 0;
    margin-left: auto;
    padding: 13px 0;
  }

  .features-section .features-section__tile:nth-of-type(7).features-section__tile--bg {
    padding: 34px 4px;
  }

  

  .features-section .features-section__subtitle {
    font-size: 22px;
    margin-top: 40px;
    padding-bottom: 30px;
    scroll-margin: 120px;
  }

  .features-section__tile-text {
    margin-left: 0;
  }

  .features-section__tile-text p,
  .features-section__tile:nth-of-type(7) .features-section__tile-text p{
    text-align: center;
  }

  .features-section--15 .features-section__tile:nth-of-type(1) .features-section__tile-text {
    width: 100%;
  }

  .features-section--15 .features-section__tile:nth-of-type(1) .features-section__tile-text .features-section__tile-title {
    text-align: center;
  }

  .features-section.features-section--17 .features-section__tile:nth-of-type(3) {
    width: 48%;
  }

  .features-section.features-section--17 .features-section__tile:nth-of-type(1) {
    width: 48%;
    flex-direction: row;
    align-items: flex-start;
  }
  
  .features-section.features-section--17 .features-section__tile:nth-of-type(1) .features-section__tile-text {
    margin: auto 0 auto auto;
  }
  
  .features-section.features-section--17 .features-section__tile:nth-of-type(1) .features-section__tile-text p {
    text-align: left;
  }
  
  .features-section.features-section--17 .features-section__tile:nth-of-type(1) .features-section__tile-text .features-section__tile-title {
    text-align: left;
  }

  .features-section.features-section--17 .features-section__tile:nth-of-type(1) {
    flex-direction: column;
    align-items: center;
  }

  .features-section.features-section--17 .features-section__tile:nth-of-type(5) {
    width: 48%;
  }

  .features-section.features-section--17 .features-section__tile:nth-of-type(6) {
    width: 48%;
  }
  .features-section.features-section--17 .features-section__tile:nth-of-type(7) {
    width: 48%;
  }

  .features-section.features-section--17 .features-section__tile:nth-of-type(8) {
    width: 48%;
  }
  
  .features-section.features-section--17 .features-section__tile:nth-of-type(12) {
    width: 100%;
  }
  
  .features-section.features-section--17 .features-section__tile:nth-of-type(1) .features-section__tile-text {
    margin: auto;
  }
  
  .features-section.features-section--17 .features-section__tile:nth-of-type(1) .features-section__tile-text p {
    text-align: center;
  }
  
  .features-section.features-section--17 .features-section__tile:nth-of-type(1) .features-section__tile-text .features-section__tile-title {
    text-align: center;
  }

  .features-section .features-section__tile:nth-of-type(7) .features-section__tile-text {
    width: 100%;
  }

  .features-section .features-section__tile:nth-of-type(7) .features-section__tile-title {
    text-align: center;
  }

  .features-section.features-section--17 .features-section__tile:nth-of-type(7) {
    text-align: center;
  }

  .features-section .features-section__tile:nth-of-type(2) .features-section__tile-bg-image {
    background-size: cover;
  }

  .features-section__tile-icon {
    height: auto;
    width: 44px;
    object-fit: contain;
  }

  .features-section .features-section__tile .moving-image,
  .features-section .features-section__tile .side-image {
    display: none;
  }
}

.section-stores {
  background-color: #F5F5F5;
  padding-top: 50px;
  display: none;
}

.section-stores.active {
  display: block;
}

.section-stores .section-stores__logos-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.section-stores .section-stores__logos-wrapper .section-stores__item-small {
  width: 140px;
  height: 73px;
  margin-right: 14px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 5px;
}

.section-stores .section-stores__logos-wrapper .section-stores__item-small img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;

}

.section-stores p {
  color: #7E7E7E;
  font-size: 1.125rem;
  padding-top: 32px;
}

@media (max-width: 64em) {
  .section-stores {
    padding-top: 40px;
  }
  .section-stores .section-stores__logos-wrapper .section-stores__item-small {
    width: 90px;
    height: 47px;
    margin-right: 10px;
  }


  .section-stores .section-stores__logos-wrapper .section-stores__item-small img{
    border-radius: 6px;

  }

  .section-stores p {
    font-size: 0.875rem;
  }
}
.comparison-table {
  padding-top: 160px;
  padding-bottom: 140px;
}

.comparison-table .heading.mobile {
  display: none;
}
.comparison-table__row {
  display: flex;
  justify-content: space-between;
  padding: 0 34px 0 34px;
  border-top: 1px solid rgba(112, 112, 112, 0.3);
}

.comparison-table__row:first-of-type {
  border: none;
}

.comparison-table__row .comparison-table__row-wrapper {
  width: 100%;
  display: flex;
  justify-content: end;
  column-gap: 70px;
}

.comparison-table__row .heading {
  font-size: 50px;
  font-weight: 700;
}

.comparison-table__row .small-cell.heading-image {
  font-size: 50px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.comparison-table__row .heading-name {
  font-size: 26px;
  text-align: center;
  margin-top: 28px;
}

.comparison-table__row .heading-price {
  font-size: 18px;
  text-align: center;
}

.comparison-table__row .big-cell {
  width: 60%;
  display: flex;
  align-items: center;
  padding: 34px 0;
}

.comparison-table__row .big-cell img {
  width: 44px;
  height: auto;
  object-fit: contain;
  margin-right: 18px;
}

.comparison-table__row .small-cell {
  width: 40%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 34px;
}

.comparison-table__row:last-of-type .small-cell {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 20px;
}

.comparison-table .comparison-table__row .comparison-table__link.button {
  width: 100%;
  background-color: transparent;
  color: #80C343;
  border: 2px solid #80C343;
  height: auto;
}
@media (max-width: 64em) {

  .comparison-table {
    padding-bottom: 0;
    padding-top: 30px;
    margin-bottom: 30px;
  }

  .comparison-table .heading.mobile {
    display: block;
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 40px;
  }

  .comparison-table__row {
    flex-direction: column;
    justify-content: flex-start;
    column-gap: 30px;
    padding: 0 10px;
    background-color: #ffffff;
    border: none;
  }
  .comparison-table__row-wrapper {
    padding-bottom: 0;
  }


  .comparison-table__row:last-of-type {
    padding-bottom: 30px;
  }

  .comparison-table__row .comparison-table__row-wrapper {
    column-gap: 10px;
    position: relative;
    border-bottom: 1px solid rgba(112, 112, 112, 0.3);
  }
  .comparison-table__row .heading {
    font-size: 34px;
  }

  .comparison-table__row .heading.big-cell {
    display: none;

  }


  .comparison-table__row .big-cell {
    width: 50%;
    justify-content: center;
    padding: 21px 0 16px 0;
  }

  .comparison-table__row .big-cell h4 {
    font-size: 12px;
    font-weight: 600;
  }

  .comparison-table__row .big-cell img {
    width: 24px;
    height: 20px;
  }

  .comparison-table__row .heading-image.small-cell{
    width: 50%;
  }
  .comparison-table .small-cell .heading-name {
    font-size: 18px;
  }

  .comparison-table .small-cell .heading-price {
    font-size: 14px;
  }

  .comparison-table__row .small-cell {
    width: 25%;
    padding: 13px;
  }

  /* .comparison-table__row-wrapper::after {
    content: '';
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    height: 100%;
    width: 1px;
    background-color: rgba(112, 112, 112, 0.3);
  } */

  .comparison-table__row:first-of-type .comparison-table__row-wrapper::after{
    content: '';
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    width: 1px;
    background-color: rgba(112, 112, 112, 0.3);
    height: 30%;
    bottom: 0;
  }

  .comparison-table__row .small-cell.heading-image {
    padding: 20px 0;
  }

  .comparison-table__row:last-of-type .small-cell {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }

  .comparison-table__row .small-cell svg{
    width: 15px;
    height: 15px;
  }
}

.section-guarantee {
  padding-top: 100px;;
}

.section-guarantee .container {
  background-color: #ffffff;
  padding: 0 66px 0 120px;
  border-radius: 10px;
  height: 100%;
}

.section-guarantee .section-guarantee__row {
  display: flex;
  align-items: center;
}

.section-guarantee .section-guarantee__row .section-guarantee__col-text {
  width: 85%;
}

.section-guarantee .section-guarantee__row .section-guarantee__bottom-wrapper {
  margin-top: 56px;
  display: flex;
  justify-content: space-between;
  color: #8F8F8F;
}

.section-guarantee .section-guarantee__row .section-guarantee__bottom-wrapper p {
  margin-right: 50px;
}

.section-guarantee .section-guarantee__row .section-guarantee__bottom-wrapper .button {
  margin: auto 0 auto auto;
  width: 100%;
}

.section-guarantee img.mobile {
  display: none;
}
@media (max-width: 64em) {
  .section-guarantee {
    padding: 40px 20px 0 20px;
  }

  .section-guarantee .container {
    padding: 40px 20px;
  }

  .section-guarantee .section-guarantee__row .section-guarantee__col-text {
    width: 100%;
  }

  .section-guarantee .section-guarantee__row .section-guarantee__col-text h2{
    font-size: 26px;
    font-weight: 700;
    text-align: center;
  }

  .section-guarantee .section-guarantee__row .section-guarantee__col-text .heading-xxxl{
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
  }
  .section-guarantee .section-guarantee__row .section-guarantee__bottom-wrapper {
    flex-direction: column;
  }

  .section-guarantee .section-guarantee__row .section-guarantee__bottom-wrapper p {
    text-align: center;
  }

  .section-guarantee .section-guarantee__row .section-guarantee__bottom-wrapper .button {
    width: auto;
    padding: 16px 30px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
  }
  .section-guarantee img.desktop {
    display: none;
  }

  .section-guarantee img.mobile {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: auto;
  }
}

/* section vadda */

.section-vadda {
  padding-top: 100px;;
}

.section-vadda .container {
  background-color: #ffffff;
  padding: 0 0 0 77px;
  border-radius: 10px;
  height: 100%;
}

.section-vadda .section-vadda__row {
  display: flex;
  align-items: center;
}

.section-vadda .section-vadda__row .section-vadda__col-text {
  width: 56%;
  padding-right: 74px;
}

.section-vadda .section-vadda__row .section-vadda__col-text h2{
  font-size: 42px;
  color: #80C343;
}

.section-vadda .section-vadda__row .section-vadda__col-text .heading-xxxl{
  font-size: 88px;
  font-weight: 900;
  letter-spacing: -1.32px;
}

.section-vadda .section-vadda__row .section-vadda__bottom-wrapper {
  margin-top: 26px;
  display: flex;
  justify-content: space-between;
  color: #8F8F8F;
}

.section-vadda.section-vadda__row .section-vadda__bottom-wrapper p {
  margin-right: 50px;
}

.section-vadda .section-vadda__row .section-vadda__bottom-wrapper .button--vadda {
  margin: auto 0 auto auto;
  width: 100%;
  font-size: 40px;
  font-weight: 700;
  padding-top: 27px;
  padding-bottom: 27px;
}

.section-vadda__col-img {
  width: 44%;
  position: relative;
}

.section-vadda__col-img .icons-wrapper {
  padding: 36px 40px;
  margin: 15px 0;
  background-color: #F5F5F5;
  border-radius: 16px;
  max-width: 192px;
}

.section-vadda__col-img .bg-image {
  position: absolute;
  bottom:0;
  right: -5%;
  height: 105%;
  width: auto;
}

.section-vadda__col-img .icons-wrapper a{
  width: 112px;
  height: 112px;
}

.section-vadda__col-img .icons-wrapper a:first-of-type {
  margin-bottom: 36px;
}

.section-vadda__col-img .icons-wrapper a img{
  width: 100%;
  height: 100%;
}

.section-vadda img.mobile {
  display: none;
}
@media (max-width: 47em) {
  .section-vadda {
    padding: 40px 20px 0 20px;
  }

  .section-vadda .container {
    padding: 0 0 0 20px;
  }


.section-vadda .section-vadda__row .section-vadda__col-text {
  width: 56%;
  margin-right: 18px;
  padding-right: 0;
}

  .section-vadda .section-vadda__row .section-vadda__col-text h2{
    font-size:12px;
    font-weight: 700;
  }

  .section-vadda .section-vadda__row .section-vadda__col-text .heading-xxxl{
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2;
    text-align: left;
  }
  .section-vadda .section-vadda__row .section-vadda__bottom-wrapper {
    flex-direction: column;
    margin-top: 8px;
  }

  .section-vadda .section-vadda__row .section-vadda__bottom-wrapper p {
    text-align: center;
  }

  .section-vadda .section-vadda__row .section-vadda__bottom-wrapper .button--vadda {
    width: auto;
    padding: 13px 14px;
    margin-left: 0;
    margin-right: auto;
    height: auto;
    font-size: 12px;
  }

  .section-vadda__col-img  {
    width: 44%;
  }
  .section-vadda__col-img .icons-wrapper {
    padding: 16px 14px;
    margin: 15px 0;
    background-color: #F5F5F5;
    border-radius: 8px;
    max-width: 54px;
  }

  .section-vadda__col-img .icons-wrapper a{
    width: 27px;
    height: 27px;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .section-vadda__col-img .icons-wrapper a:first-of-type {
    margin-bottom: 11px;
  }
  
  .section-vadda__col-img .icons-wrapper a img{
    width: 100%;
    height: 100%;
  }
  .section-vadda img.desktop {
    display: none;
  }

  .section-vadda img.mobile {
    display: block;
    width: auto;
    height: 105%;
    max-width: 70%;
    right: 0;
    object-fit: cover;
    object-position: left;
  }
}

@media (min-width: 48em) and (max-width: 63em) {

  .section-vadda {
    padding: 40px 20px 0 20px;
  }
  .section-vadda .container {
    padding: 0 0 0 20px;
  }

  .section-vadda .section-vadda__row .section-vadda__col-text h2{
    font-size:24px;
    font-weight: 700;
  }

  .section-vadda .section-vadda__row .section-vadda__col-text .heading-xxxl{
    font-size: 48px;
    font-weight: 900;
    line-height: 1.2;
    text-align: left;
  }

  .section-vadda .section-vadda__row .section-vadda__bottom-wrapper .button--vadda {
    width: auto;
    padding: 13px 14px;
    margin-left: 0;
    margin-right: auto;
    height: auto;
    font-size: 24px;
  }

  .section-vadda__col-img .icons-wrapper {
    max-width: 137px;
  }

  .section-vadda__col-img .icons-wrapper a{
    width: 57px;
    height: 57px;
  }


  .section-vadda img.desktop {
    display: block;
    width: auto;
    height: 105%;
    max-width: 70%;
    right: 0;
    object-fit: cover;
    object-position: left;
  }
  
}

@media (min-width:63em) and (max-width: 75em) {
  .section-vadda {
    padding: 40px 20px 0 20px;
  }

  .section-vadda .section-vadda__row .section-vadda__col-text h2{
    font-size: 32px;
  }
  
  .section-vadda .section-vadda__row .section-vadda__col-text .heading-xxxl{
    font-size: 58px;
  }

  .section-vadda .section-vadda__row .section-vadda__bottom-wrapper .button--vadda {
    font-size: 30px;
  }

  .section-vadda__col-img .icons-wrapper {
    max-width: 137px;
  }

  .section-vadda__col-img .icons-wrapper a{
    width: 57px;
    height: 57px;
  }
  
}
/* section vadda */

.section-text-bubble img {
  width: 100%;
  height: auto;
  display: none;
}

.section-text-bubble img.active {
  display: block;
}

@media (max-width: 64em) {
  .section-text-bubble {
    padding: 40px 30px 0 30px;
  }
}

.section-columns {
  display: none;
  padding: 140px 0 70px 0;
  background-color: #F5F5F5;
}

.section-columns.active {
  display: block;
}

.section-columns .section-columns__title {
  font-size: 3.375rem;
  font-weight: 700;
  margin-bottom: 80px;
}

.section-columns .section-columns__row {
  display: flex;
  justify-content: space-between;
}

.section-columns .section-columns__col {
  width: 32%;
  height: auto;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}

.section-columns .section-columns__col img {
  height: 290px;
  width: auto;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}

.section-columns .section-columns__col .col-heading {
  font-size: 1.625rem;
  margin-top: 32px;
  margin-bottom: 20px;
  font-weight: 700;
}


.section-columns .section-columns__col .small {
  font-size: 1rem;
 
}

@media (max-width: 64em) {
  .section-columns {
    padding: 100px 30px 0 30px;
  }
  .section-columns .section-columns__row {
    flex-direction: column;
    row-gap: 20px;
  }
  .section-columns .section-columns__col {
    width: 100%;
  }

  .section-columns .section-columns__title {
    margin-bottom: 30px;
    font-size: 2.5rem;
  }
}

.image-text {
  background-color: #f5f5f5;
  padding: 135px 0;
}

@media (max-width: 64em) {
  .image-text {
    padding: 40px 0;
  }


  .image-text-columns .image-text-columns__row {
    flex-direction: column;
  }

  .image-text-columns:nth-of-type(odd) .image-text-columns__row{
    flex-direction: column-reverse;
  }

  .image-text-columns:nth-of-type(even) .image-text-columns__row  .image-text-columns__content,
  .image-text-columns:nth-of-type(odd) .image-text-columns__row  .image-text-columns__content {
    padding-left: 0px;
    padding-right: 0px;
  }

  .image-text-columns:nth-of-type(even) .image-text-columns__row  .image-text-columns__content--padding-big,
  .image-text-columns:nth-of-type(odd) .image-text-columns__row  .image-text-columns__content--padding-big {
    padding-right: 20px;
    padding-left: 20px;
    width: auto;
    margin-top: 20px;
  }
}

.image-text-columns {
  padding: 10px 0;
  display: none;
}

.image-text-columns.active {
  display: block;
}

.image-text-columns .image-text-columns__row {
  display: flex;
}
.image-text-columns.image-text-columns--light {
  background-color: #f5f5f5;
}

@media (max-width: 64em) {
  .image-text-columns {
    padding: 40px 30px;
  }
}

.image-text-columns--15:nth-of-type(odd) .image-text-columns__content {
  padding-left: 20px;
  padding-right: 0;
}

.image-text-columns--15:nth-of-type(even) .image-text-columns__content {
  padding-right: 20px;
  padding-left: 0;
}

.image-text-columns--17:nth-of-type(even) .image-text-columns__content {
  padding-left: 20px;
  padding-right: 0;
}

.image-text-columns--17:nth-of-type(odd) .image-text-columns__content {
  padding-right: 20px;
  padding-left: 0;
}

.image-text-columns .image-text-columns__content.image-text-columns__content--padding-big {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 80px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.image-text-columns.image-text-columns--light .image-text-columns__content,
.image-text-columns.image-text-columns--light .image-text-columns__content a {
  color: #000;
}

.image-text-columns .image-text-columns__content .index {
  color: #7E7E7E;
}

.image-text-columns__img {
  border-radius: 10px;
}

@media (min-width: 64em) {
  .image-text-columns .image-text-columns__content.image-text-columns__content--padding {
    padding-top: 80px;
  }

  .image-text-columns.image-text-columns--light .image-text-columns__content.image-text-columns__content--padding {
    padding-top: 30px;
  }
}

.social-media {
  padding: 95px 0 47px 0;
  max-width: 120em;
  margin-left: auto;
  margin-right: auto;
}

.social-media__row {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 72px;
  border-radius: 10px;
}

.social-media .social-media__title {
  font-size: 3.375rem;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}

.social-media__subtitle {
  font-size: 1.75rem;
}
.social-media .social-media__items {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}

.social-media .social-media__items a {
  margin-left: 3px;
  margin-right: 3px;
}

@media (max-width: 64em) {

  .social-media {
    padding: 40px 30px;
  }

  .social-media__row {
    padding: 48px 36px;
  }

  .social-media .social-media__title {
    font-size: 2.5rem;
   
  }

  .social-media__subtitle {
    font-size: 1.375rem;
  }
  
}

.section-notice p{
  margin: 40px auto 80px auto;
  text-align: center;
}