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

.ROZJASNIACZE .div {
  background-color: #ffffff;
  overflow: hidden;
  width: 1920px;
  height: 18467px;
  position: relative;
}

.ROZJASNIACZE .FOOTER {
  position: absolute;
  width: 1919px;
  height: 122px;
  top: 14646px;
  left: 1px;
  background-color: transparent;
}

.ROZJASNIACZE .LOGO-MILA {
  position: absolute;
  width: 122px;
  height: 69px;
  top: 53px;
  left: 390px;
}

.ROZJASNIACZE .SOCIAL-ICON {
  top: 82px;
  left: 1439px;
  position: absolute;
  width: 89px;
  height: 19px;
}

.ROZJASNIACZE .facebook {
  position: absolute;
  width: 9px;
  height: 19px;
  top: 0;
  left: 0;
}

.ROZJASNIACZE .instagram {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 1px;
  left: 28px;
}

.ROZJASNIACZE .yoy-tube {
  position: absolute;
  width: 25px;
  height: 18px;
  top: 1px;
  left: 64px;
}

.ROZJASNIACZE .rectangle {
  position: absolute;
  width: 1919px;
  height: 1px;
  top: 0;
  left: 0;
  background-color: #222222;
}

.ROZJASNIACZE .MENU-DZIALY {
  position: absolute;
  width: 532px;
  height: 26px;
  top: 83px;
  left: 693px;
}

.ROZJASNIACZE .text-wrapper {
  position: absolute;
  height: 18px;
  top: -1px;
  left: 140px;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: #222222;
  font-size: 15px;
  text-align: center;
  letter-spacing: 1.5px;
  line-height: normal;
  white-space: nowrap;
}

.ROZJASNIACZE .text-wrapper-2 {
  position: absolute;
  height: 18px;
  top: -1px;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: #222222;
  font-size: 15px;
  text-align: center;
  letter-spacing: 1.5px;
  line-height: normal;
  white-space: nowrap;
}

.ROZJASNIACZE .text-wrapper-3 {
  position: absolute;
  height: 18px;
  top: -1px;
  left: 296px;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: #222222;
  font-size: 15px;
  text-align: center;
  letter-spacing: 1.5px;
  line-height: normal;
  white-space: nowrap;
}

.ROZJASNIACZE .text-wrapper-4 {
  position: absolute;
  height: 18px;
  top: -1px;
  left: 403px;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: #222222;
  font-size: 15px;
  text-align: center;
  letter-spacing: 1.5px;
  line-height: normal;
  white-space: nowrap;
}

.ROZJASNIACZE .rectangle-2 {
  position: absolute;
  width: 35px;
  height: 1px;
  top: 25px;
  left: 35px;
  background-color: #222222;
}

.ROZJASNIACZE .LINIE {
  position: absolute;
  width: 1920px;
  height: 7483px;
  top: 7043px;
  left: 0;
}

.ROZJASNIACZE .LINIA-PLEX {
  top: 2551px;
  position: absolute;
  width: 1920px;
  height: 2381px;
  left: 0;
}

.ROZJASNIACZE .PRZED-PO-PLEX {
  position: absolute;
  width: 835px;
  height: 669px;
  top: 1712px;
  left: 513px;
}

.ROZJASNIACZE .overlap {
  position: relative;
  height: 669px;
}

.ROZJASNIACZE .GRAFIKA {
  width: 776px;
  height: 669px;
  left: 59px;
  position: absolute;
  top: 0;
}

.ROZJASNIACZE .PRZED {
  position: absolute;
  width: 416px;
  height: 579px;
  top: 0;
  left: 0;
}

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

.ROZJASNIACZE .FOTO {
  position: absolute;
  width: 416px;
  height: 560px;
  top: 0;
  left: 0;
  mix-blend-mode: luminosity;
}

.ROZJASNIACZE .overlap-group-wrapper {
  position: absolute;
  width: 103px;
  height: 38px;
  top: 541px;
  left: 158px;
}

.ROZJASNIACZE .div-wrapper {
  position: relative;
  width: 101px;
  height: 38px;
  background-color: var(--rozjasniaczeniebieski-ub);
}

.ROZJASNIACZE .text-wrapper-5 {
  position: absolute;
  top: 13px;
  left: 20px;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.36px;
  line-height: 23px;
  white-space: nowrap;
}

.ROZJASNIACZE .PO {
  position: absolute;
  width: 419px;
  height: 579px;
  top: 90px;
  left: 357px;
}

.ROZJASNIACZE .img {
  position: absolute;
  width: 419px;
  height: 560px;
  top: 0;
  left: 0;
}

.ROZJASNIACZE .PO-2 {
  position: absolute;
  width: 103px;
  height: 38px;
  top: 541px;
  left: 159px;
}

.ROZJASNIACZE .text-wrapper-6 {
  position: absolute;
  top: 13px;
  left: 38px;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.36px;
  line-height: 23px;
  white-space: nowrap;
}

.ROZJASNIACZE .PLEX {
  position: absolute;
  width: 113px;
  height: 473px;
  top: 50px;
  left: 0;
  mix-blend-mode: multiply;
}
.text-7a{
  position: absolute;
  width: 328px;
  height: 79px;
  top: 38px;
  left: 0;
}
.ROZJASNIACZE .FILM-PLEX {
  position: relative;
  width: 100%;
  height: 600px;
  background-color: var(--rozjasniaczeniebieski-ub);
  margin-top: 99px;
}

.ROZJASNIACZE .div-2 {
  position: absolute;
  width: 412px;
  height: 303px;
  top: 148px;
  left: 391px;
}

.ROZJASNIACZE .button-default {
  display: flex;
  width: 320px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 10px;
  position: absolute;
  top: 262px;
  left: 0;
  border: 2px solid;
  border-color: var(--white);
  cursor: pointer;
}

.ROZJASNIACZE .kup-teraz {
  position: relative;
  width: fit-content;
  margin-top: -2px;
  font-family: "Rubik", Helvetica;
  font-weight: 600;
  color: var(--white);
  font-size: 15px;
  text-align: center;
  letter-spacing: 0.3px;
  line-height: 20.3px;
  white-space: nowrap;
}

.ROZJASNIACZE .p {
  position: absolute;
  width: 408px;
  top: 157px;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: var(--white);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 21.6px;
}

.ROZJASNIACZE .text-wrapper-7 {
  position: absolute;
  width: 408px;
  top: 0;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: var(--white);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24.3px;
}

.ROZJASNIACZE .tekst {
  position: absolute;
  width: 328px;
  height: 79px;
  top: 38px;
  left: 0;
}

.ROZJASNIACZE .FILM {
  position: absolute;
  width: 701px;
  height: 392px;
  top: 104px;
  left: 828px;
  background-image: url(film-2.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.ROZJASNIACZE .FILM2 {
  position: absolute;
  width: 701px;
  height: 392px;
  top: 104px;
  left: 828px;
  background-image: url(film-2a.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.ROZJASNIACZE .FILM3 {
  position: absolute;
  width: 701px;
  height: 392px;
  top: 104px;
  left: 828px;
  background-image: url(film-2b.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.ROZJASNIACZE .rectangle-3 {
  height: 371px;
  background-color: #f5f1ed;
}

.ROZJASNIACZE .WLASCIWOSCI {
  position: relative;
  width: 1138px;
  height: 279px;
  margin-top: 60px;
}

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

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

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

.ROZJASNIACZE .text-wrapper-9 {
  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;
  margin-top: 15px;
}

.ROZJASNIACZE .text-wrapper-10 {
  position: relative;
  width: 359px;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: var(--black);
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 21.6px;
}

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

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

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

.ROZJASNIACZE .text-wrapper-12 {
  position: relative;
  width: 360px;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: var(--black);
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 21.6px;
}

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

.ROZJASNIACZE .overlap-2 {
  position: relative;
  width: 1068px;
  height: 625px;
  margin-top: 203px;
}

.ROZJASNIACZE .OPIS {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 60px;
  position: absolute;
  top: 94px;
  left: 514px;
}

.ROZJASNIACZE .ROZJASNIENIE {
  position: relative;
  width: 556px;
  height: 50px;
  margin-right: -2px;
}

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

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

.ROZJASNIACZE .text-wrapper-13 {
  font-weight: 300;
  color: #222222;
  font-size: 15px;
  line-height: 15px;
}

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

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

.ROZJASNIACZE .div-3 {
  position: relative;
  width: 556px;
  height: 68px;
  margin-right: -2px;
}

.ROZJASNIACZE .text-wrapper-15 {
  position: absolute;
  width: 488px;
  top: 0;
  left: 66px;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: var(--black);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 27px;
}

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

.ROZJASNIACZE .FORMULA {
  position: relative;
  width: 556px;
  height: 95px;
  margin-right: -2px;
}

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

.ROZJASNIACZE .overlap-wrapper {
  position: absolute;
  width: 554px;
  height: 625px;
  top: 0;
  left: 0;
}

.ROZJASNIACZE .overlap-3 {
  position: relative;
  height: 625px;
}

.ROZJASNIACZE .overlap-group-wrapper-2 {
  position: absolute;
  width: 208px;
  height: 463px;
  top: 0;
  left: 0;
}

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

.ROZJASNIACZE .rectangle-4 {
  position: absolute;
  width: 463px;
  height: 208px;
  top: 128px;
  left: -127px;
  background-color: var(--rozjasniaczeniebieski-ub);
  transform: rotate(-90deg);
}

.ROZJASNIACZE .intersect {
  position: absolute;
  width: 104px;
  height: 377px;
  top: 0;
  left: 0;
}

.ROZJASNIACZE .tekst-2 {
  position: absolute;
  width: 18px;
  height: 111px;
  top: 303px;
  left: 28px;
}

.ROZJASNIACZE .tekst-3 {
  position: absolute;
  width: 79px;
  height: 337px;
  top: 77px;
  left: 56px;
}

.ROZJASNIACZE .img-2 {
  position: absolute;
  width: 554px;
  height: 550px;
  top: 75px;
  left: 0;
  z-index: 3333;
  object-fit: cover;
}

.ROZJASNIACZE .KINIA-WOW {
  position: absolute;
  width: 1920px;
  height: 2381px;
  top: 5102px;
  left: 0;
}

.ROZJASNIACZE .overlap-wrapper-2 {
  position: relative;
  width: 837px;
  height: 669px;
  margin-top: 120px;
}

.ROZJASNIACZE .GRAFIKA-2 {
  width: 776px;
  height: 669px;
  position: relative;
  top: 0;
}

.ROZJASNIACZE .overlap-group-3 {
  position: relative;
  width: 101px;
  height: 38px;
  background-color: var(--rozjasniaczerozowy-ub);
}

.ROZJASNIACZE .WOW {
  position: absolute;
  width: 117px;
  height: 521px;
  top: 31px;
  left: -50px;
  mix-blend-mode: multiply;
}

.ROZJASNIACZE .FILM-WOW {
  position: relative;
  width: 100%;
  height: 600px;
  background-color: var(--rozjasniaczerozowy-ub);
  margin-top: 99px;
}

.ROZJASNIACZE .tekst-4 {
  position: absolute;
  width: 362px;
  height: 82px;
  top: 37px;
  left: 0;
}

.ROZJASNIACZE .WLASCIWISCI {
  position: relative;
  width: 1138px;
  height: 258px;
  margin-top: 60px;
}

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

.ROZJASNIACZE .text-wrapper-17 {
  color: #af1870;
  font-weight: 500;
  font-size: 36px;
  line-height: 36px;
}

.ROZJASNIACZE .CECHA {
  position: relative;
  width: 556px;
  height: 41px;
  margin-right: -2px;
}

.ROZJASNIACZE .rectangle-5 {
  position: absolute;
  width: 463px;
  height: 208px;
  top: 128px;
  left: -127px;
  background-color: var(--rozjasniaczerozowy-ub);
  transform: rotate(-90deg);
}

.ROZJASNIACZE .intersect-2 {
  height: 382px;
  position: absolute;
  width: 106px;
  top: 0;
  left: 0;
  z-index: 3333;
}

.ROZJASNIACZE .tekst-5 {
  position: absolute;
  width: 18px;
  height: 111px;
  top: 307px;
  left: 28px;
  z-index: 3334;
}

.ROZJASNIACZE .tekst-6 {
  position: absolute;
  width: 82px;
  height: 369px;
  top: 49px;
  left: 55px;
  z-index: 33334;
}

.ROZJASNIACZE .LINIA-EASY {
  position: relative;
  width: 1920px;
  height: 2381px;
  margin-top: 120px;
}

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

.ROZJASNIACZE .EASY {
  position: absolute;
  width: 116px;
  height: 396px;
  top: 86px;
  left: -56px;
  mix-blend-mode: multiply;
  
}

.ROZJASNIACZE .FILM-EASY {
  position: relative;
  width: 100%;
  height: 600px;
  background-color: var(--rozjasniaczegranatowy-ub);
  margin-top: 99px;
}

.ROZJASNIACZE .tekst-7 {
  position: absolute;
  width: 273px;
  height: 82px;
  top: 37px;
  left: 0;
}

.ROZJASNIACZE .text-wrapper-18 {
  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 .text-wrapper-19 {
  color: #29357d;
  font-weight: 500;
  font-size: 36px;
  line-height: 36px;
}

.ROZJASNIACZE .rectangle-6 {
  position: absolute;
  width: 463px;
  height: 208px;
  top: 128px;
  left: -127px;
  background-color: var(--rozjasniaczegranatowy-ub);
  transform: rotate(-90deg);
}

.ROZJASNIACZE .intersect-3 {
  height: 377px;
  position: absolute;
  width: 106px;
  top: 0;
  left: 0;
}

.ROZJASNIACZE .tekst-8 {
  position: absolute;
  width: 82px;
  height: 279px;
  top: 135px;
  left: 55px;
}

.ROZJASNIACZE .POZNAJ-WLOSCIWISCI {
  position: relative;
  width: 1140px;
  height: 763px;
  margin-top: 146px;
}

.ROZJASNIACZE .image {
  position: absolute;
  width: 1138px;
  height: 698px;
  top: 65px;
  left: 0;
}

.ROZJASNIACZE .text-wrapper-20 {
  position: absolute;
  width: 700px;
  top: 0;
  left: 219px;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: var(--black);
  font-size: 36px;
  text-align: center;
  letter-spacing: 0.72px;
  line-height: 48.6px;
}

.ROZJASNIACZE .TECHNOLOGIA-BOND {
  position: relative;
  width: 1920px;
  height: 800px;
  margin-top: 142px;
  left: 0;
  background-image: url(./grafika.png);
  background-size: cover;
  background-position: center;
}

.ROZJASNIACZE .TEKST {
  position: relative;
  width: 554px;
  height: 616px;
  top: 92px;
}

.ROZJASNIACZE .group {
  position: absolute;
  width: 558px;
  height: 72px;
  top: 0;
  left: 0;
}

.ROZJASNIACZE .text-wrapper-21 {
  position: absolute;
  width: 554px;
  top: 0;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--rozjasniaczegranatowy-ub);
  font-size: 50px;
  letter-spacing: 0;
  line-height: 64px;
}

.ROZJASNIACZE .text-wrapper-22 {
  position: absolute;
  width: 554px;
  top: 54px;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--rozjasniaczerozowy-ub);
  font-size: 26px;
  letter-spacing: 0;
  line-height: 35.1px;
}

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

.ROZJASNIACZE .element-4 {
  position: relative;
  width: 558px;
  height: 41px;
  margin-right: -4px;
}

.ROZJASNIACZE .text-wrapper-23 {
  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 .HYRDOLIZOWANE {
  position: absolute;
  width: 513px;
  top: 3px;
  left: 41px;
  font-family: "Rubik", Helvetica;
  font-weight: 400;
  color: var(--black);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 27px;
}

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

.ROZJASNIACZE .text-wrapper-25 {
  font-weight: 300;
  font-size: 16px;
  line-height: 21.6px;
}

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

.ROZJASNIACZE .element-5 {
  position: relative;
  width: 556px;
  height: 46px;
  margin-right: -2px;
}

.ROZJASNIACZE .text-wrapper-26 {
  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 .KREATYNA-RO-LINNA-wrapper {
  position: absolute;
  width: 515px;
  height: 36px;
  top: 5px;
  left: 41px;
}

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

.ROZJASNIACZE .INFO {
  position: relative;
  width: 556px;
  height: 37px;
  margin-right: -2px;
}

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

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

.ROZJASNIACZE .PUNKTORY {
  position: absolute;
  width: 558px;
  height: 138px;
  top: 478px;
  left: 0;
}

.ROZJASNIACZE .text-wrapper-27 {
  position: absolute;
  width: 554px;
  top: 0;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--black);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24.3px;
}

.ROZJASNIACZE .dzia-anie-ochronne {
  position: absolute;
  width: 554px;
  top: 61px;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 300;
  color: var(--black);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 21.6px;
}

.ROZJASNIACZE .UNLIMITED-BLONDE {
  position: relative;
  width: 1138px;
  height: 796px;
  margin-top: 142px;
}

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

.ROZJASNIACZE .FOTO-2 {
  width: 274px;
  height: 411px;
  top: 110px;
  position: absolute;
  left: 0;
}

.ROZJASNIACZE .FOTO-3 {
  position: absolute;
  width: 530px;
  height: 796px;
  top: 0;
  left: 317px;
}

.ROZJASNIACZE .FOTO-4 {
  position: absolute;
  width: 334px;
  height: 501px;
  top: 188px;
  left: 804px;
}

.ROZJASNIACZE .TEKST-GRAFIKA {
  position: absolute;
  width: 131px;
  height: 673px;
  top: 61px;
  left: 253px;
}

.ROZJASNIACZE .CO-LACZY {
  position: relative;
  width: 1922px;
  height: 1080px;
  margin-top: 140px;
  left: 0;
}

.ROZJASNIACZE .overlap-5 {
  position: absolute;
  width: 100%;
  height: 1059px;
  top: 0;
  left: 0;
  background-image: url(./foto-6.png);
  background-size: cover;
  background-position: center;
}

.ROZJASNIACZE .text-wrapper-28 {
  position: relative;
  width: auto;
  top: 793px;
  left: unset;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--rozjasniaczegranatowy-ub);
  font-size: 50px;
  text-align: center;
  letter-spacing: 0;
  line-height: 64px;
  margin: 0 auto;
}

.ROZJASNIACZE .ZNACZEK-PERFEKCYJNE {
position: absolute;
width: 230px;
height: 230px;
top: 510px;
left: 0;
margin: 0 calc(50% - 115px);
}

.ROZJASNIACZE .IKONY {
position: absolute;
width: 1138px;
height: 108px;
top: 879px;
left: 0;
margin: 0 calc(50% - 570px);
}

.ROZJASNIACZE .rectangle-8 {
position: absolute;
width: 1920px;
height: 21px;
top: 1059px;
left: 0;
background: linear-gradient(180deg, rgb(41, 53, 125) 0%, rgb(76, 118, 186) 50%, rgb(175, 24, 112) 100%);
}

.ROZJASNIACZE .WIDEO-FILM {
position: absolute;
width: 830px;
height: 529px;
top: 2035px;
left: 545px;
}

.ROZJASNIACZE .FILM-2 {
position: relative;
width: 832px;
height: 529px;
}

.ROZJASNIACZE .rectangle-wrapper {
position: absolute;
width: 830px;
height: 464px;
top: 65px;
left: 0;
background-image: url(https://c.animaapp.com/4wiJfKS2/img/film-3.png);
background-size: 100% 100%;
}

.ROZJASNIACZE .rectangle-9 {
height: 439px;
background-color: #f5f1ed;
}

.ROZJASNIACZE .text-wrapper-29 {
position: absolute;
width: 700px;
top: 0;
left: 65px;
font-family: "Rubik", Helvetica;
font-weight: 300;
color: var(--black);
font-size: 36px;
text-align: center;
letter-spacing: 0.72px;
line-height: 48.6px;
}

.ROZJASNIACZE .BEZPIECZENSTWO-i {
position: relative;
width: 1138px;
height: 418px;
margin-top: 224px;
}

.ROZJASNIACZE .TEKST-2 {
position: absolute;
width: 558px;
height: 234px;
top: 92px;
left: 0;
}

.ROZJASNIACZE .bezpiecze-stwo {
position: absolute;
width: 554px;
top: 79px;
left: 0;
font-family: "Rubik", Helvetica;
font-weight: 500;
font-size: 36px;
letter-spacing: 0.72px;
line-height: 39.6px;
color: var(--ROZJASNIACZE-GRANATOWY-UB, #29357D);

}

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

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

.ROZJASNIACZE .GRAFIKA-3 {
width: 554px;
height: 418px;
left: 584px;
position: absolute;
top: 0;
}

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

.ROZJASNIACZE .foto {
position: absolute;
width: 313px;
height: 418px;
top: 0;
left: 241px;
}

.ROZJASNIACZE .FOTO-5 {
width: 280px;
height: 377px;
top: 21px;
background-color: var(--white);
background-image: url(./rectangle-28@2x.png);
background-size: 100% 100%;
position: absolute;
left: 0;
}

.ROZJASNIACZE .NOWE-STANDARDY {
position: absolute;
width: 1196px;
height: 333px;
top: 1022px;
left: 333px;
}

.ROZJASNIACZE .overlap-6 {
position: relative;
width: 1200px;
height: 333px;
}

.ROZJASNIACZE .TEKST-3 {
position: absolute;
width: 558px;
height: 209px;
top: 41px;
left: 642px;
}

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

.ROZJASNIACZE .flexcontainer {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
position: absolute;
width: 554px;
height: 109px;
top: 100px;
left: 0;
}

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

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

.ROZJASNIACZE .GRAFIKA-4 {
width: 670px;
height: 333px;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
}

.ROZJASNIACZE .MENU-wrapper {
position: absolute;
width: 1920px;
height: 984px;
top: 0;
left: 0;
background-image: url(https://c.animaapp.com/4wiJfKS2/img/baner-g-owny.png);
background-size: 100% 100%;
}

.ROZJASNIACZE .MENU {
position: relative;
width: 1860px;
height: 153px;
top: 49px;
left: 30px;
}

.ROZJASNIACZE .LOGO-mila {
position: absolute;
width: 122px;
height: 69px;
top: 0;
left: 869px;
}

.ROZJASNIACZE .PRAWA-STRONA {
position: absolute;
width: 193px;
height: 43px;
top: 7px;
left: 1667px;
}

.ROZJASNIACZE .social-ixon {
top: 17px;
left: 0;
position: absolute;
width: 89px;
height: 19px;
}

.ROZJASNIACZE .rectangle-10 {
position: absolute;
width: 1px;
height: 33px;
top: 10px;
left: 107px;
background-color: var(--black);
}

.ROZJASNIACZE .LOGO-SKLEP {
position: absolute;
width: 69px;
height: 40px;
top: 0;
left: 126px;
}

.ROZJASNIACZE .text-wrapper-33 {
position: absolute;
top: 0;
left: 16px;
font-family: "Rubik", Helvetica;
font-weight: 400;
color: var(--black);
font-size: 8px;
text-align: center;
letter-spacing: 2.84px;
line-height: 10.2px;
white-space: nowrap;
}

.ROZJASNIACZE .group-3 {
position: absolute;
width: 67px;
height: 25px;
top: 15px;
left: 0;
}

.ROZJASNIACZE .LEWA-STRONA {
position: absolute;
width: 194px;
height: 33px;
top: 17px;
left: 0;
}

.ROZJASNIACZE .jezyki {
position: absolute;
width: 33px;
height: 18px;
top: 8px;
left: 161px;
}

.ROZJASNIACZE .jezyki-2 {
position: relative;
height: 18px;
}

.ROZJASNIACZE .pl {
position: absolute;
height: 15px;
top: 1px;
left: 1px;
font-family: "Rubik", Helvetica;
font-weight: 400;
color: #222222;
font-size: 13px;
text-align: center;
letter-spacing: 0;
line-height: normal;
white-space: nowrap;
}

.ROZJASNIACZE .vector {
top: 6px;
left: 23px;
position: absolute;
width: 11px;
height: 6px;
}

.ROZJASNIACZE .rectangle-11 {
position: absolute;
width: 1px;
height: 33px;
top: 0;
left: 143px;
background-color: #222222;
}

.ROZJASNIACZE .znajdz-salon {
position: absolute;
width: 128px;
height: 26px;
top: 5px;
left: 0;
}

.ROZJASNIACZE .znajd-salon {
position: absolute;
top: 0;
left: 21px;
font-family: "Rubik", Helvetica;
font-weight: 500;
color: #222222;
font-size: 13px;
text-align: center;
letter-spacing: 0.65px;
line-height: 26px;
white-space: nowrap;
}

.ROZJASNIACZE .frame-3 {
position: absolute;
width: 14px;
height: 19px;
top: 2px;
left: 0;
}

.ROZJASNIACZE .navbar {
position: absolute;
width: 932px;
height: 28px;
top: 125px;
left: 464px;
}

.ROZJASNIACZE .kolekcje {
left: 392px;
position: absolute;
height: 18px;
top: -1px;
font-family: "Rubik", Helvetica;
font-weight: 300;
color: #222222;
font-size: 15px;
text-align: center;
letter-spacing: 1.5px;
line-height: normal;
white-space: nowrap;
}

.ROZJASNIACZE .szkolenia {
left: 509px;
position: absolute;
height: 18px;
top: -1px;
font-family: "Rubik", Helvetica;
font-weight: 300;
color: #222222;
font-size: 15px;
text-align: center;
letter-spacing: 1.5px;
line-height: normal;
white-space: nowrap;
}

.ROZJASNIACZE .salony-partnerskie {
position: absolute;
height: 18px;
top: -1px;
left: 633px;
font-family: "Rubik", Helvetica;
font-weight: 300;
color: #222222;
font-size: 15px;
text-align: center;
letter-spacing: 1.5px;
line-height: normal;
white-space: nowrap;
}

.ROZJASNIACZE .akademia {
left: 849px;
position: absolute;
height: 18px;
top: -1px;
font-family: "Rubik", Helvetica;
font-weight: 300;
color: #222222;
font-size: 15px;
text-align: center;
letter-spacing: 1.5px;
line-height: normal;
white-space: nowrap;
}

.ROZJASNIACZE .o-NAS {
position: absolute;
width: 70px;
height: 18px;
top: 0;
left: 289px;
}

.ROZJASNIACZE .text-wrapper-34 {
position: absolute;
height: 18px;
top: 0;
left: 0;
font-family: "Rubik", Helvetica;
font-weight: 300;
color: #222222;
font-size: 15px;
text-align: center;
letter-spacing: 1.5px;
line-height: normal;
white-space: nowrap;
}

.ROZJASNIACZE .vector-2 {
top: 7px;
left: 58px;
position: absolute;
width: 11px;
height: 6px;
}

.ROZJASNIACZE .PRODUKTY {
position: absolute;
width: 108px;
height: 18px;
top: 0;
left: 148px;
}

.ROZJASNIACZE .vector-3 {
top: 6px;
left: 96px;
position: absolute;
width: 11px;
height: 6px;
}

.ROZJASNIACZE .rectangle-12 {
position: absolute;
width: 35px;
height: 1px;
top: 27px;
left: 39px;
background-color: #222222;
}

.ROZJASNIACZE .overlap-7 {
position: relative;
width: 1920px;
height: 167px;
margin-top: 176px;
}

.ROZJASNIACZE .LINIE-SCROLL {
position: relative;
width: 1920px;
height: 74px;
background-color: var(--white);
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #bcbcbc;
}

.ROZJASNIACZE .tekst-wrapper {
position: absolute;
width: 361px;
height: 14px;
top: 23px;
left: 1169px;
}

.ROZJASNIACZE .tekst-9 {
position: absolute;
width: 359px;
top: 0;
left: 0;
font-family: "Rubik", Helvetica;
font-weight: 400;
color: transparent;
font-size: 20px;
text-align: center;
letter-spacing: 0.4px;
line-height: 20px;
}

.ROZJASNIACZE .text-wrapper-35 {
font-weight: 300;
color: #222222;
letter-spacing: 0.08px;
}

.ROZJASNIACZE .text-wrapper-36 {
font-weight: 500;
color: #af1870;
letter-spacing: 0.08px;
}

.ROZJASNIACZE .PLEX-2 {
position: absolute;
width: 361px;
height: 14px;
top: 23px;
left: 780px;
}

.ROZJASNIACZE .text-wrapper-37 {
font-weight: 500;
color: #4c76ba;
letter-spacing: 0.08px;
}

.ROZJASNIACZE .EASY-2 {
position: absolute;
width: 361px;
height: 42px;
top: 23px;
left: 390px;
}

.ROZJASNIACZE .text-wrapper-38 {
font-weight: 500;
color: #29357d;
letter-spacing: 0.08px;
}

.ROZJASNIACZE .union {
position: absolute;
width: 359px;
height: 14px;
top: 28px;
left: 0;
}

.ROZJASNIACZE .rectangle-13 {
position: absolute;
width: 1913px;
height: 126px;
top: 0;
left: 7px;
background-color: var(--white);
}

.ROZJASNIACZE .LINIE-2 {
position: absolute;
width: 1138px;
height: 162px;
top: 5px;
left: 391px;
}