.ROZJASNIACZE-MOBOILE {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.ROZJASNIACZE-MOBOILE .div {
  background-color: #ffffff;
  overflow: hidden;
  width: 360px;
  /* height: 9813px; */
  height: 6595px;
  position: relative;
}


.ROZJASNIACZE-MOBOILE .LINIE {
  position: absolute;
  width: 376px;
  height: 5387px;
  top: 4470px;
  left: 20px;
}

.ROZJASNIACZE-MOBOILE .LINIA-WOW {
  height: 1817px;
  /* top: 3570px; */
  top: 0;
  position: absolute;
  width: 376px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .PRZED-PO-WOW {
  height: 330px;
  top: 1433px;
  position: absolute;
  width: 320px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .overlap {
  position: relative;
  height: 330px;
}

.ROZJASNIACZE-MOBOILE .GRAFIKA {
  position: absolute;
  width: 320px;
  height: 282px;
  top: 47px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .overlap-group {
  position: relative;
  height: 282px;
}

.ROZJASNIACZE-MOBOILE .PRZED {
  position: absolute;
  width: 172px;
  height: 245px;
  top: 0;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .overlap-2 {
  position: relative;
  height: 245px;
}

.ROZJASNIACZE-MOBOILE .FOTO {
  position: absolute;
  width: 172px;
  height: 231px;
  top: 0;
  left: 0;
  background-image: url(https://c.animaapp.com/srq22Vp4/img/rectangle-28@2x.png);
  background-size: 100% 100%;
}

.ROZJASNIACZE-MOBOILE .overlap-group-wrapper {
  position: absolute;
  width: 77px;
  height: 28px;
  top: 217px;
  left: 48px;
}

.ROZJASNIACZE-MOBOILE .div-wrapper {
  position: relative;
  width: 75px;
  height: 28px;
  background-color: var(--rozjasniaczerozowy-ub);
}

.ROZJASNIACZE-MOBOILE .text-wrapper {
  position: absolute;
  top: 9px;
  left: 14px;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.28px;
  line-height: 17.9px;
  white-space: nowrap;
}

.ROZJASNIACZE-MOBOILE .PO {
  position: absolute;
  width: 173px;
  height: 245px;
  top: 37px;
  left: 147px;
}

.ROZJASNIACZE-MOBOILE .FOTO-2 {
  width: 173px;
  height: 231px;
  background-image: url(https://c.animaapp.com/srq22Vp4/img/rectangle-595@2x.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .PO-2 {
  position: absolute;
  width: 77px;
  height: 28px;
  top: 217px;
  left: 49px;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-2 {
  position: absolute;
  top: 9px;
  left: 28px;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.28px;
  line-height: 17.9px;
  white-space: nowrap;
}

.ROZJASNIACZE-MOBOILE .WOW {
  position: absolute;
  width: 293px;
  height: 66px;
  top: 0;
  left: 13px;
  mix-blend-mode: multiply;
}

.ROZJASNIACZE-MOBOILE .FILM-WOW {
  position: absolute;
  width: 320px;
  height: 41px;
  top: 1776px;
  left: 0;
  border: 2px solid;
  border-color: var(--white);
}

.ROZJASNIACZE-MOBOILE .WLASCIWOSCI {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  position: absolute;
  top: 699px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .div-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
}

.ROZJASNIACZE-MOBOILE .frame {
  display: inline-flex;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  opacity: 0.4;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--rozjasniaczerozowy-ub);
  font-size: 52px;
  letter-spacing: 0;
  line-height: 70.2px;
  white-space: nowrap;
}
.ROZJASNIACZE-MOBOILE .text-wrapper-3new {
  position: absolute;
  width: 320px;
  top: 0;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24.3px;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--black);
  font-size: 20px;
  letter-spacing: 0.4px;
  line-height: 22px;
}

.ROZJASNIACZE-MOBOILE .p {
  position: relative;
  width: 320px;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: var(--black);
  font-size: 14px;
  letter-spacing: 0.28px;
  line-height: 18.9px;
}
.ROZJASNIACZE-MOBOILE .button-default {
  display: flex;
  width: 320px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 10px;
  position: absolute;
  top: 472px;
  left: 20px;
  border: 2px solid;
  border-color: #ffffff;
  z-index: 9999;
}
.ROZJASNIACZE-MOBOILE .kup-teraz {
  position: relative;
  width: fit-content;
  margin-top: -2px;
  font-family: "Rubik", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0.3px;
  line-height: 20.3px;
  white-space: nowrap;
}
.pnew {
  position: absolute;
  width: 320px;
  top: 126px;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18.9px;
}

.ROZJASNIACZE-MOBOILE .frame-2 {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-5 {
  position: relative;
  width: fit-content;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--black);
  font-size: 20px;
  letter-spacing: 0.4px;
  line-height: 22px;
  white-space: nowrap;
}

.ROZJASNIACZE-MOBOILE .OPIS {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  position: absolute;
  top: 413px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .div-3 {
  position: relative;
  width: 322px;
  height: 43.3px;
  margin-right: -2px;
}

.ROZJASNIACZE-MOBOILE .ROZJA-NIENIE-DO {
  position: absolute;
  width: 254px;
  top: 0;
  left: 66px;
  font-family: "Rubik", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
}

.ROZJASNIACZE-MOBOILE .span {
  font-weight: 300;
  color: #222222;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-6 {
  color: #af1870;
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
}

.ROZJASNIACZE-MOBOILE .IKONA {
  position: absolute;
  width: 42px;
  height: 45px;
  top: -1px;
  left: -1px;
}

.ROZJASNIACZE-MOBOILE .CECHA {
  position: relative;
  width: 322px;
  height: 55px;
  margin-right: -2px;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-7 {
  position: absolute;
  width: 254px;
  top: 0;
  left: 66px;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: var(--black);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 21.6px;
}

.ROZJASNIACZE-MOBOILE .img {
  width: 47px;
  height: 27px;
  left: -1px;
  position: absolute;
  top: -1px;
}

.ROZJASNIACZE-MOBOILE .div-4 {
  position: relative;
  width: 322px;
  height: 77px;
  margin-right: -2px;
}

.ROZJASNIACZE-MOBOILE .IKONA-2 {
  width: 45px;
  height: 43px;
  left: -1px;
  position: absolute;
  top: -1px;
}

.ROZJASNIACZE-MOBOILE .overlap-wrapper {
  position: absolute;
  width: 349px;
  height: 393px;
  top: 0;
  left: 27px;
}

.ROZJASNIACZE-MOBOILE .overlap-3 {
  position: relative;
  width: 313px;
  height: 393px;
}

.ROZJASNIACZE-MOBOILE .overlap-group-wrapper-2 {
  position: absolute;
  width: 131px;
  height: 291px;
  top: 0;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .overlap-group-2 {
  position: relative;
  height: 291px;
}

.ROZJASNIACZE-MOBOILE .rectangle {
  position: absolute;
  width: 291px;
  height: 131px;
  top: 80px;
  left: -80px;
  background-color: var(--rozjasniaczerozowy-ub);
  transform: rotate(-90deg);
}

.ROZJASNIACZE-MOBOILE .intersect {
  position: absolute;
  width: 67px;
  height: 241px;
  top: 0;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .tekst {
  position: absolute;
  width: 12px;
  height: 70px;
  top: 193px;
  left: 18px;
}

.ROZJASNIACZE-MOBOILE .tekst-2 {
  position: absolute;
  width: 51px;
  height: 232px;
  top: 31px;
  left: 35px;
}

.ROZJASNIACZE-MOBOILE .img-2 {
  position: absolute;
  width: 313px;
  height: 346px;
  top: 47px;
  left: 0;
  object-fit: cover;
}

.ROZJASNIACZE-MOBOILE .LINIA-PLEX {
  height: 1757px;
  /* top: 1714px; */
  top: 0;
  position: absolute;
  width: 376px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .PRZED-PO-PLEX {
  height: 329px;
  top: 1528px;
  position: absolute;
  width: 320px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .overlap-4 {
  position: relative;
  height: 329px;
}

.ROZJASNIACZE-MOBOILE .GRAFIKA-2 {
  position: absolute;
  width: 320px;
  height: 282px;
  top: 46px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .FOTO-3 {
  width: 172px;
  height: 231px;
  background-image: url(https://c.animaapp.com/srq22Vp4/img/rectangle-28-1@2x.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .overlap-group-3 {
  position: relative;
  width: 75px;
  height: 28px;
  background-color: var(--rozjasniaczeniebieski-ub);
}

.ROZJASNIACZE-MOBOILE .FOTO-4 {
  width: 173px;
  height: 231px;
  background-image: url(https://c.animaapp.com/srq22Vp4/img/rectangle-595-1@2x.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .PLEX {
  position: absolute;
  width: 266px;
  height: 64px;
  top: 0;
  left: 28px;
  mix-blend-mode: multiply;
}

.ROZJASNIACZE-MOBOILE .WLASCIWOSCI-2 {
  gap: 30px;
  position: absolute;
  top: 766px;
  left: 0;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-8 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  opacity: 0.4;
  color: var(--rozjasniaczeniebieski-ub);
  font-size: 52px;
  line-height: 70.2px;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-9 {
  color: #4c76ba;
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
}

.ROZJASNIACZE-MOBOILE .FORMULA {
  height: 121px;
  position: relative;
  width: 322px;
  margin-right: -2px;
}

.ROZJASNIACZE-MOBOILE .rectangle-2 {
  position: absolute;
  width: 291px;
  height: 131px;
  top: 80px;
  left: -80px;
  background-color: var(--rozjasniaczeniebieski-ub);
  transform: rotate(-90deg);
}

.ROZJASNIACZE-MOBOILE .intersect-2 {
  width: 65px;
  position: absolute;
  height: 237px;
  top: 0;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .tekst-3 {
  position: absolute;
  width: 12px;
  height: 70px;
  top: 191px;
  left: 18px;
}

.ROZJASNIACZE-MOBOILE .tekst-4 {
  position: absolute;
  width: 50px;
  height: 212px;
  top: 48px;
  left: 36px;
}

.ROZJASNIACZE-MOBOILE .LINIA-EASY {
  height: 1614px;
  top: 0;
  position: absolute;
  width: 376px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .PRZED-PO-EASY {
  height: 333px;
  top: 1351px;
  position: absolute;
  width: 320px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .overlap-5 {
  position: relative;
  height: 333px;
}

.ROZJASNIACZE-MOBOILE .GRAFIKA-3 {
  position: absolute;
  width: 320px;
  height: 282px;
  top: 50px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .FOTO-5 {
  width: 172px;
  height: 231px;
  background-image: url(https://c.animaapp.com/srq22Vp4/img/rectangle-28-2@2x.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .overlap-group-4 {
  position: relative;
  width: 75px;
  height: 28px;
  background-color: var(--rozjasniaczegranatowy-ub);
}

.ROZJASNIACZE-MOBOILE .FOTO-6 {
  width: 173px;
  height: 231px;
  background-image: url(https://c.animaapp.com/srq22Vp4/img/rectangle-595-2@2x.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .EASY {
  position: absolute;
  width: 223px;
  height: 66px;
  top: 0;
  left: 52px;
  mix-blend-mode: multiply;
}
.ROZJASNIACZE-MOBOILE .FILM-EASY {
  position: absolute;
  width: 100%;
  height: 553px;
  top: 1374px;
  left: -20px;
  background-color: var(--rozjasniaczegranatowy-ub);
}
.ROZJASNIACZE-MOBOILE .FILM-PLEX {
  position: absolute;
  width: 100%;
  height: 553px;
  top: 1561px;
  left: -20px;
  background-color: var(--rozjasniaczeniebieski-ub);
}
.ROZJASNIACZE-MOBOILE .FILM-WOW {
  position: absolute;
  width: 100%;
  height: 553px;
  top: 1427px;
  left: -20px;
  background-color: var(--rozjasniaczerozowy-ub);
}
.ROZJASNIACZE-MOBOILE .FILM {
  position: absolute;
  width: 320px;
  height: 179px;
  top: 263px;
  left: 20px;
  background-image: url(../index_files/film-2.png);
  background-size: 100% 100%;
  z-index: 9999;
}
.ROZJASNIACZE-MOBOILE .FILM2 {
  position: absolute;
  width: 320px;
  height: 179px;
  top: 263px;
  left: 20px;
  background-image: url(../index_files/film-2a.png);
  background-size: 100% 100%;
}
.ROZJASNIACZE-MOBOILE .FILM3 {
  position: absolute;
  width: 320px;
  height: 179px;
  top: 263px;
  left: 20px;
  background-image: url(../index_files/film-2b.png);
  background-size: 100% 100%;
}


.ROZJASNIACZE-MOBOILE .element {
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-10 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  opacity: 0.4;
  color: var(--rozjasniaczegranatowy-ub);
  font-size: 52px;
  line-height: 70.2px;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-11 {
  color: #29357d;
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
}

.ROZJASNIACZE-MOBOILE .rectangle-3 {
  position: absolute;
  width: 291px;
  height: 131px;
  top: 80px;
  left: -80px;
  background-color: var(--rozjasniaczegranatowy-ub);
  transform: rotate(-90deg);
}

.ROZJASNIACZE-MOBOILE .intersect-3 {
  width: 66px;
  position: absolute;
  height: 237px;
  top: 0;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .tekst-5 {
  position: absolute;
  width: 51px;
  height: 176px;
  top: 85px;
  left: 35px;
}

.ROZJASNIACZE-MOBOILE .POZNAJ-WLASCIWOSCI {
  position: absolute;
  width: 322px;
  height: 279px;
  top: 4032px;
  left: 20px;
}

.ROZJASNIACZE-MOBOILE .image {
  position: absolute;
  width: 320px;
  height: 196px;
  top: 83px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-12 {
  position: absolute;
  width: 320px;
  top: 0;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: var(--black);
  font-size: 26px;
  text-align: center;
  letter-spacing: 0.52px;
  line-height: 35.1px;
}

.ROZJASNIACZE-MOBOILE .TECHNOLOGIA-BOND {
  position: absolute;
  width: 360px;
  height: 971px;
  top: 3001px;
  left: 0;
  background-image: url(https://c.animaapp.com/srq22Vp4/img/grafika.png);
  background-size: 100% 100%;
}

.ROZJASNIACZE-MOBOILE .TEKST {
  position: relative;
  width: 320px;
  height: 891px;
  top: 40px;
  left: 20px;
}

.ROZJASNIACZE-MOBOILE .group {
  position: absolute;
  width: 324px;
  height: 96px;
  top: 0;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-13 {
  width: 320px;
  top: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--rozjasniaczegranatowy-ub);
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 39.6px;
  position: absolute;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-14 {
  position: absolute;
  width: 320px;
  top: 85px;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--rozjasniaczerozowy-ub);
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 21.6px;
}

.ROZJASNIACZE-MOBOILE .PUNKTORY {
  position: absolute;
  width: 324px;
  height: 180px;
  top: 711px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-15 {
  position: absolute;
  width: 320px;
  top: 0;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--black);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 21.6px;
}

.ROZJASNIACZE-MOBOILE .dzia-anie-ochronne {
  position: absolute;
  width: 320px;
  top: 75px;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: var(--black);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18.9px;
}

.ROZJASNIACZE-MOBOILE .frame-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  position: absolute;
  top: 382px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .element-2 {
  position: relative;
  width: 316px;
  height: 74px;
  margin-right: -4px;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-16 {
  position: absolute;
  top: 8px;
  left: -8px;
  transform: rotate(-90deg);
  color: var(--rozjasniaczerozowy-ub);
  font-size: 36px;
  line-height: 48.6px;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}

.ROZJASNIACZE-MOBOILE .HYRDOLIZOWANE {
  position: absolute;
  width: 271px;
  top: 3px;
  left: 41px;
  font-family: "Rubik", Helvetica;
  font-weight: 400;
  color: var(--black);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 18px;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-17 {
  font-weight: 500;
  line-height: 19.8px;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-18 {
  font-weight: 300;
  font-size: 14px;
  line-height: 18.9px;
}

.ROZJASNIACZE-MOBOILE .rectangle-4 {
  position: relative;
  width: 320px;
  height: 1px;
  background-color: var(--black);
}

.ROZJASNIACZE-MOBOILE .element-3 {
  position: relative;
  width: 314px;
  height: 56px;
  margin-right: -2px;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-19 {
  position: absolute;
  top: 10px;
  left: -10px;
  transform: rotate(-90deg);
  color: var(--rozjasniaczerozowy-ub);
  font-size: 36px;
  line-height: 48.6px;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}

.ROZJASNIACZE-MOBOILE .KREATYNA-RO-LINNA-wrapper {
  position: absolute;
  width: 273px;
  height: 51px;
  top: 5px;
  left: 41px;
}

.ROZJASNIACZE-MOBOILE .KREATYNA-RO-LINNA {
  position: absolute;
  width: 271px;
  top: 0;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 400;
  color: var(--black);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24.3px;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-20 {
  font-weight: 500;
}

.ROZJASNIACZE-MOBOILE .INFO {
  position: relative;
  width: 314px;
  height: 77px;
  margin-right: -2px;
}

.ROZJASNIACZE-MOBOILE .group-2 {
  position: absolute;
  width: 27px;
  height: 35px;
  top: -1px;
  left: -1px;
}

.ROZJASNIACZE-MOBOILE .ZINTEGROWANIE-TYCH {
  position: absolute;
  width: 271px;
  top: 0;
  left: 41px;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--rozjasniaczegranatowy-ub);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 21.6px;
}

.ROZJASNIACZE-MOBOILE .UNLIMITED-BLONDE {
  position: absolute;
  width: 320px;
  height: 224px;
  top: 2717px;
  left: 20px;
}

.ROZJASNIACZE-MOBOILE .overlap-6 {
  position: relative;
  height: 224px;
}

.ROZJASNIACZE-MOBOILE .FOTO-7 {
  width: 77px;
  height: 116px;
  top: 31px;
  position: absolute;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .FOTO-8 {
  width: 149px;
  height: 224px;
  left: 89px;
  position: absolute;
  top: 0;
}

.ROZJASNIACZE-MOBOILE .FOTO-9 {
  position: absolute;
  width: 94px;
  height: 141px;
  top: 53px;
  left: 226px;
}

.ROZJASNIACZE-MOBOILE .TEKST-GRAFIKA {
  position: absolute;
  width: 37px;
  height: 189px;
  top: 17px;
  left: 71px;
}

.ROZJASNIACZE-MOBOILE .overlap-group-5 {
  position: relative;
  height: 189px;
}

.ROZJASNIACZE-MOBOILE .union {
  position: absolute;
  width: 18px;
  height: 136px;
  top: 53px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .group-3 {
  position: absolute;
  width: 19px;
  height: 136px;
  top: 0;
  left: 18px;
}

.ROZJASNIACZE-MOBOILE .CO-LACZY {
  position: absolute;
  width: 362px;
  height: 1064px;
  top: 1593px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .overlap-7 {
  position: absolute;
  width: 360px;
  height: 471px;
  top: 0;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .FOTO-10 {
  width: 360px;
  height: 356px;
  position: absolute;
  top: 0;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .ZNACZEK-PERFEKCYJNE {
  position: absolute;
  width: 230px;
  height: 230px;
  top: 241px;
  left: 65px;
}

.ROZJASNIACZE-MOBOILE .CO-CZY-EASY-PLEX-WOW {
  position: absolute;
  width: 247px;
  height: 66px;
  top: 500px;
  left: 57px;
}

.ROZJASNIACZE-MOBOILE .IKONY {
  position: absolute;
  width: 320px;
  height: 399px;
  top: 604px;
  left: 20px;
}

.ROZJASNIACZE-MOBOILE .BEZPYLOWY-PUDER {
  position: absolute;
  width: 154px;
  height: 106px;
  top: 293px;
  left: 168px;
}

.ROZJASNIACZE-MOBOILE .BEZPY-OWY-puder {
  position: absolute;
  width: 152px;
  top: 69px;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 400;
  color: var(--black);
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24.3px;
}

.ROZJASNIACZE-MOBOILE .IKONA-3 {
  width: 59px;
  height: 46px;
  left: 47px;
  position: absolute;
  top: -1px;
}

.ROZJASNIACZE-MOBOILE .GESTA-STRUKTURA {
  position: absolute;
  width: 155px;
  height: 107px;
  top: 292px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .g-STA-tekstura {
  position: absolute;
  width: 153px;
  top: 70px;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 400;
  color: var(--black);
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24.3px;
}

.ROZJASNIACZE-MOBOILE .IKONA-4 {
  width: 35px;
  height: 46px;
  left: 59px;
  position: absolute;
  top: -1px;
}

.ROZJASNIACZE-MOBOILE .WEGANSKIE-SKLADY {
  position: absolute;
  width: 152px;
  height: 107px;
  top: 145px;
  left: 168px;
}

.ROZJASNIACZE-MOBOILE .PEWNE-EFEKTY {
  position: absolute;
  width: 153px;
  height: 107px;
  top: 145px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .ZINTEGROWANE {
  position: absolute;
  width: 152px;
  height: 107px;
  top: -1px;
  left: 168px;
}

.ROZJASNIACZE-MOBOILE .TECHNOLOGIA-BOND-2 {
  width: 153px;
  height: 107px;
  top: -1px;
  position: absolute;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .rectangle-5 {
  position: absolute;
  width: 360px;
  height: 21px;
  top: 1043px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .BEZPIECZENSTWO-i {
  position: absolute;
  width: 320px;
  height: 509px;
  top: 1041px;
  left: 20px;
}

.ROZJASNIACZE-MOBOILE .group-4 {
  position: absolute;
  width: 320px;
  height: 241px;
  top: 0;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .overlap-group-6 {
  position: relative;
  height: 241px;
}

.ROZJASNIACZE-MOBOILE .FOTO-11 {
  width: 181px;
  height: 241px;
  left: 139px;
  position: absolute;
  top: 0;
}

.ROZJASNIACZE-MOBOILE .FOTO-12 {
  width: 162px;
  height: 218px;
  top: 12px;
  background-color: var(--white);
  background-image: url(https://c.animaapp.com/srq22Vp4/img/rectangle-28-3@2x.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .group-5 {
  position: absolute;
  width: 324px;
  height: 237px;
  top: 272px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .bezpiecze-stwo {
  position: absolute;
  width: 320px;
  top: 74px;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--rozjasniaczegranatowy-ub);
  font-size: 26px;
  text-align: center;
  letter-spacing: 0.52px;
  line-height: 28.6px;
}

.ROZJASNIACZE-MOBOILE .IKONA-5 {
  width: 35px;
  height: 46px;
  left: 143px;
  position: absolute;
  top: -1px;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-21 {
  position: absolute;
  width: 320px;
  top: 151px;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: var(--black);
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 18.9px;
}

.ROZJASNIACZE-MOBOILE .overlap-8 {
  position: absolute;
  width: 396px;
  height: 867px;
  left: -18px;
}

.ROZJASNIACZE-MOBOILE .BANER-GLOWNY {
  position: absolute;
  width: 360px;
  height: 489px;
  top: 0;
  left: 18px;
}

.ROZJASNIACZE-MOBOILE .NOWE-STANDARDY {
  position: absolute;
  width: 396px;
  height: 416px;
  top: 451px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .TEKST-LINIA {
  position: absolute;
  width: 324px;
  height: 211px;
  top: 205px;
  left: 38px;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-22 {
  position: absolute;
  width: 319px;
  top: 0;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--rozjasniaczegranatowy-ub);
  font-size: 26px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.6px;
}

.ROZJASNIACZE-MOBOILE .flexcontainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: absolute;
  width: 320px;
  height: 134px;
  top: 77px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .text {
  position: relative;
  align-self: stretch;
  font-family: "Rubik", Helvetica;
  font-weight: 400;
  color: var(--black);
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 18.9px;
}

.ROZJASNIACZE-MOBOILE .text-wrapper-23 {
  font-weight: 300;
}

.ROZJASNIACZE-MOBOILE .GRAFIKA-4 {
  position: absolute;
  width: 360px;
  height: 197px;
  top: 0;
  left: 18px;
  object-fit: cover;
}

.ROZJASNIACZE-MOBOILE .MENY-LINI {
  position: absolute;
  width: 360px;
  height: 68px;
  top: 4371px;
  left: 0;
  background-color: var(--white);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #bcbcbc;
}

.ROZJASNIACZE-MOBOILE .group-6 {
  position: relative;
  width: 262px;
  height: 28px;
  top: 21px;
  left: 48px;
}

.ROZJASNIACZE-MOBOILE .tekst-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 4px 14px;
  position: absolute;
  top: 0;
  left: 0;

}
.markasactive{
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-color: var(--rozjasniaczegranatowy-ub);
}

.ROZJASNIACZE-MOBOILE .tekst-6 {
  position: relative;
  width: fit-content;
  margin-top: -4px;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--rozjasniaczegranatowy-ub);
  font-size: 20px;
  letter-spacing: 0.4px;
  line-height: 20px;
  white-space: nowrap;
}

.ROZJASNIACZE-MOBOILE .frame-4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 4px 14px;
  position: absolute;
  top: 0;
  left: 91px;
}

.ROZJASNIACZE-MOBOILE .tekst-7 {
  position: relative;
  width: fit-content;
  margin-top: -4px;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--rozjasniaczeniebieski-ub);
  font-size: 20px;
  letter-spacing: 0.4px;
  line-height: 20px;
  white-space: nowrap;
}

.ROZJASNIACZE-MOBOILE .tekst-7new {
  position: absolute;
  width: 218px;
  height: 65px;
  top: 32px;
  left: 0;
}

.ROZJASNIACZE-MOBOILE .frame-5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 4px 14px;
  position: absolute;
  top: 0;
  left: 194px;
}

.ROZJASNIACZE-MOBOILE .tekst-8 {
  position: relative;
  width: fit-content;
  margin-top: -4px;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--rozjasniaczerozowy-ub);
  font-size: 20px;
  letter-spacing: 0.4px;
  line-height: 20px;
  white-space: nowrap;
}