/*
    Created on : 22 mar 2024, 14:49:48
    Author     : Lukasz
*/
.product .benefits {
  margin-top: 50px; }
  .product .benefits .benefitsBox .col:nth-of-type(1) img {
    transform: rotate(0deg); }
  .product .benefits .benefitsBox .col:nth-of-type(2) img {
    transform: rotate(90deg); }
  .product .benefits .benefitsBox .col:nth-of-type(3) img {
    transform: rotate(180deg); }
  .product .benefits .benefitsBox .col:nth-of-type(4) img {
    transform: rotate(270deg); }
.product section.faq {
  margin-top: 0; }

section.paralaxProduct {
  height: 415px;
  background: url(/new/img/nzoz-paralax.webp);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white; }
  @media only screen and (min-width: 992px) {
    section.paralaxProduct {
      margin-top: -270px; } }
  section.paralaxProduct .box {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
    padding-bottom: 50px; }
    section.paralaxProduct .box .btn {
      color: white;
      border: 1px solid white; }

section.paralax2 {
  height: 400px;
  background: url(/new/img/nzoz-paralax2.webp);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white; }

.example-2 .inner {
  margin: 2px; }

.floatingBuyBox {
  position: sticky;
  bottom: 15px;
  right: 15px;
  position: sticky;
  bottom: 15px;
  right: 15px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
  z-index: 99; }
  .floatingBuyBox .floatingBuy {
    display: flex;
    justify-content: end;
    position: relative;
    margin-top: -190px;
    z-index: 9;
    overflow: hidden;
    max-width: 265px;
    border-radius: 30px; }
    .floatingBuyBox .floatingBuy:before {
      content: "";
      display: block;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #da2127 50%, rgba(255, 255, 255, 0) 100%);
      height: 300px;
      width: 100px;
      transform: translate(0);
      position: absolute;
      animation: rotate 5s linear forwards infinite;
      z-index: -1;
      top: 50%;
      transform-origin: top center; }
    .floatingBuyBox .floatingBuy .box {
      overflow: hidden; }
    .floatingBuyBox .floatingBuy .innerBox {
      min-width: 210px;
      background: white;
      border-radius: 30px;
      border: 1px solid #da2127;
      padding: 2px 2px 2px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: white;
      margin: 2px; }
    .floatingBuyBox .floatingBuy .text {
      margin-right: 15px;
      padding-left: 15px;
      text-transform: uppercase;
      letter-spacing: 2px; }
    .floatingBuyBox .floatingBuy a {
      color: black;
      text-decoration: none; }
    .floatingBuyBox .floatingBuy .buyIcon {
      background: #da2127;
      border-radius: 50px;
      padding: 15px;
      color: white;
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 25px; }

/*.floatingBuy{
	display: flex;
	justify-content: end;
	position: sticky;
	bottom: 15px;
	right: 15px;
	margin-top: -190px;
	z-index: 9;
	.box{
		text-transform: uppercase;
		margin: 15px;
		padding: 10px 20px;
		text-align: center;
		border-radius: 15px;
		background: #da2127;
		box-shadow: 1px 1px 2px 0px #000000;
		font-weight: 600;
		text-shadow: 2px 2px #920707;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: 0.2s;
		border: 1px solid #c11e1e;
		&:hover{
			transform: scale(1.05);
			background: #c8171d;
			border:1px solid  #c8171d;
		}

	}
	a{
		color:white;
		text-decoration: none;

	}
}*/
.seeMore {
  margin-top: 20px;
  text-align: center; }
  .seeMore .box {
    border: 2px solid #d7d7d7;
    padding: 10px;
    height: 100%;
    box-shadow: 0 0 7px 2px #ecececdb;
    transition: 0.1s;
    padding-bottom: 25px;
    border-radius: 15px; }
    .seeMore .box:hover {
      border: 2px solid #da2127; }
  .seeMore .boxImg {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
    .seeMore .boxImg .productImg {
      width: 100%;
      max-width: 300px;
      background: #767676;
      min-width: 50px;
      max-height: 150px; }
    .seeMore .boxImg .zaslepkaProduct {
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 100%;
      height: 36px;
      z-index: 2; }
  .seeMore a {
    color: black;
    text-decoration: none;
    font-weight: 600; }
    .seeMore a:hover {
      color: #da2127; }
  .seeMore .iconBox {
    height: 72px;
    background: #da2127;
    width: 126px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    padding: 10px;
    border-radius: 15px;
    display: flex;
    justify-content: center; }
    .seeMore .iconBox img {
      filter: brightness(0) invert(1);
      height: 32px; }

section.paralaxProduct.paralaxProductlekarz {
  background-image: url(/new/img/paralaxLekarz.webp); }

section.paralaxProduct.paralaxProductpielegniarka {
  background-image: url(/new/img/paralaxPielegniarka.webp); }

section.paralaxProduct.paralaxProductstudent {
  background-image: url(/new/img/paralaxStudent.webp); }

section.paralaxProduct.paralaxProductzawodmedyczny {
  background-image: url(/new/img/paralaxZawodMedyczny.webp); }

section.paralax2.paralax2lekarz {
  background-image: url(/new/img/paralax2lekarz3.webp); }

section.paralax2.paralax2Pielegniarka {
  background-image: url(/new/img/paralaxPielegniarka2.webp); }

section.paralax2.paralax2student {
  background-image: url(/new/img/paralaxStudent2.webp); }

section.paralax2.paralax2zawodmedyczny {
  background-image: url(/new/img/paralaxZawodMedyczny2.webp); }

.zajawka {
  padding-top: 40px; }
  .zajawka .box {
    width: max-content;
    border-radius: 20px;
    position: relative; }
    .zajawka .box .productImg {
      max-width: 300px;
      border-radius: 15px 15px 0 0; }
    .zajawka .box .zaslepkaProduct {
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 100%;
      height: 36px;
      z-index: 2; }

@media only screen and (max-width: 992px) {
  section.paralaxProduct {
    margin-top: 20px;
    height: 200px; }
    section.paralaxProduct .box {
      padding: 0;
      align-items: center; }

  .product section.paralaxProduct {
    margin-top: -100px;
    height: 280px; }
    .product section.paralaxProduct .box {
      /*align-items: center;*/
      /*padding: 0;*/ }
  .product .benefits .box {
    min-width: 330px; }

  .floatingBuy .box {
    font-size: 14px;
    height: 100px;
    width: 100px; }

  .seeMore .boxImg {
    padding: 0;
    margin: 0; }
  .seeMore a {
    padding: 0; } }

/*# sourceMappingURL=product.css.map */