/*fcgz1783349521*/.TwoClickSubscriptions__itemDescInfoBottom {
  padding-top: 1rem;
}

.TwoClickSubscriptions__items {
  display: grid;
  max-width: clamp(300px, 53.385vw, 410px);
  margin-top: 20px;
}

.TwoClickSubscriptions__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  color: #434141;
  background: #FFFFFF;
  line-height: 1.5;
  padding: clamp(22px, 5.208vw, 40px) clamp(18px, 3.255vw, 25px) clamp(11px, 2.604vw, 20px) clamp(18px, 3.255vw, 25px);
  margin-bottom: clamp(18px, 3.255vw, 25px);
}

.TwoClickSubscriptions__item.-active {
  box-shadow: 0 0 50px #0000001F;
  border-bottom: 2px solid #F04649;
}

.TwoClickSubscriptions__itemName {
  width: 100%;
  text-align: center;

  border-bottom: 2px solid #E3E3E3;
  color: #29363E;
  text-transform: uppercase;
  padding-bottom: clamp(10px, 3.646vw, 28px);
  margin-bottom: clamp(15px, 3.906vw, 30px);
  font-size: clamp(20px, 3.906vw, 30px);
}

.TwoClickSubscriptions__itemName strong {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 700;
}

.TwoClickSubscriptions__itemDesc {
  flex-grow: 1;
  text-align: center;
  margin: 0 clamp(10px, 2.604vw, 20px);
}

.TwoClickSubscriptions__itemDesc .header {
  padding-top: 0;
}

.TwoClickSubscriptions__itemDesc p {
  font-size: clamp(12px, 1.953vw, 15px);
}

.TwoClickSubscriptions__itemDesc p:last-child {
  padding-bottom: 0;
}

.TwoClickSubscriptions__itemDesc strong {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;}

.TwoClickSubscriptions__itemPrice {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;  color: #29363E;
  line-height: 1;
  margin-top: 20px;
  gap: clamp(3px, 0.353vw, 6px);
}

.TwoClickSubscriptions__itemPriceValue {
  margin: 0;
  font-size: clamp(23px, 6.901vw, 53px);
}

.TwoClickSubscriptions__itemPriceCurrency {
  font-family: "Gotham", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  margin-bottom: 4px;
  font-size: clamp(16px, 2.865vw, 22px);
}

.TwoClickSubscriptions__itemSubDesc {
  font-size: clamp(10px, 1.693vw, 13px);
  margin-top: clamp(5px, 1.302vw, 10px);
  color: #434141;
  opacity: .6;
}

.TwoClickSubscriptions__buttons {
  max-width: clamp(250px, 45.573vw, 350px);
  margin: 20px auto 0 auto;
}

.TwoClickSubscriptions__buttons .btn {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-bottom: 25px;
  font-size: clamp(12px, 1.953vw, 15px);
  text-transform: uppercase;
}

.TwoClickSubscriptions__buttons .btn--border {
  background: transparent;
  color: #f04649;
  border: 1px solid #f04649;
}

.TwoClickSubscriptions__buttons .btn--border:hover {
  background: #f04649;
  color: #FFF;
}

@media (max-width: 767px) {
  .TwoClickSubscriptions__item:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .TwoClickSubscriptions__buttons {
    margin-top: clamp(40px, 2.941vw, 50px);
    display: flex;
    justify-content: center;
  }

  .TwoClickSubscriptions__buttons .btn {
    margin: 0 10px;
    min-width: clamp(220px, 17.059vw, 290px);
    font-size: clamp(11px, 0.882vw, 15px);
  }

  .TwoClickSubscriptions__itemName {
    padding-bottom: clamp(10px, 1.647vw, 28px);
    margin-bottom: clamp(15px, 1.765vw, 30px);
    font-size: clamp(14px, 1.765vw, 30px);
  }

  .TwoClickSubscriptions__itemDesc {
    margin: 0 clamp(10px, 1.176vw, 20px);
  }

  .TwoClickSubscriptions__itemSubDesc {
    font-size: clamp(9px, 0.765vw, 13px);
    margin-top: clamp(5px, 0.588vw, 10px);
  }

  .TwoClickSubscriptions__items {
    max-width: none;
    margin: clamp(8px, 1.765vw, 8px) 0;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: clamp(10px, 1.765vw, 30px);
  }

  .TwoClickSubscriptions__item {
    padding: clamp(22px, 2.353vw, 40px) clamp(18px, 1.471vw, 25px) clamp(11px, 1.176vw, 20px) clamp(18px, 1.471vw, 25px);
    margin: clamp(18px, 1.471vw, 25px) 0;
  }

  .TwoClickSubscriptions__item.-active {
    margin: 0;
    padding-top: calc(clamp(22px, 2.353vw, 40px) + clamp(18px, 1.471vw, 25px));
    padding-bottom: calc(clamp(11px, 1.176vw, 20px) + clamp(18px, 1.471vw, 25px));
  }

  .TwoClickSubscriptions__itemDesc p {
    font-size: clamp(12px, 0.882vw, 15px);
  }

  .TwoClickSubscriptions__header p {
    max-width: 1000px;
  }

  .TwoClickSubscriptions__itemPrice {
    margin-top: clamp(10px, 1.176vw, 20px);
  }

  .TwoClickSubscriptions__itemPriceValue {
    font-size: clamp(23px, 3.118vw, 53px);
  }

  .TwoClickSubscriptions__itemPriceCurrency {
    font-size: clamp(16px, 1.294vw, 22px);
  }
}


@media (min-width: 1400px) {
  .TwoClickSubscriptions__items {
    margin: 0 clamp(30px, 10vw, 100px);
  }
}

@media (min-width: 1200px) {
  .TwoClickSubscriptions__item {
    min-height: 44rem;
    transition: all .3s ease-in-out;
    border-bottom: 2px solid transparent;
  }
  .TwoClickSubscriptions__item:hover {
    box-shadow: 0 0 50px #0000001F;
    border-bottom: 2px solid #F04649;
    margin: 0;
    padding-top: calc(clamp(22px, 2.353vw, 40px) + clamp(18px, 1.471vw, 25px));
    padding-bottom: calc(clamp(11px, 1.176vw, 20px) + clamp(18px, 1.471vw, 25px));
  }
}
@media (max-width: 1199px) {
  .TwoClickSubscriptions__item {
    transition: all .3s ease-in-out;
    border-bottom: 2px solid transparent;
  }
  .TwoClickSubscriptions__item:hover {
    box-shadow: 0 0 50px #0000001F;
    border-bottom: 2px solid #F04649;
  }
}

/*************************DODATKOWE DWA BOXY*********************************/

.TwoBoxPlans {
  padding: 0;
  .TwoBoxPlans--item {
    width: 50%;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    height: 5.4rem;
    margin-bottom: clamp(-25px, -1.8vw, -30px);

    &:first-child {
      margin-right: .9rem;
    }
    &:last-child {
      margin-left: .9rem;
    }

    &:after {
      content: "";
      background: #F04649;
      position: absolute;
      left: 50%;
      transform: translateX(-50%) scaleX(1);
      transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
      bottom: 0;
      height: 2px;
      width: 99.7%;
    }

    /* &:hover { */
    /*   &:after { */
    /*     transform: translateX(-50%) scaleX(1); */
    /*   } */
    /* } */

    span {
      strong {
        font-weight: bold;
      }
      font-size: clamp(20px, 3.906vw, 30px);
    }
  }
}
@media (min-width: 768px) {
  .TwoBoxPlans {
    .TwoBoxPlans--item {
      span {
        font-size: clamp(15px, 1.765vw, 30px);
      }
    }
  }
}
@media (min-width: 1290px) and (max-width: 1399px) {
  .TwoBoxPlans {
    .TwoBoxPlans--item {
        &:after {
          bottom: -2px;
        }
    }
  }
}
@media (min-width: 1400px) and (max-width: 1500px) {
  .TwoBoxPlans {
    margin: .35rem clamp(30px, 10vw, 100px) !important;
  }
}
@media (min-width: 1500px) and (max-width: 1900px) {
  .TwoBoxPlans {
    margin: .313rem clamp(30px, 10vw, 100px) !important;
  }
}
@media (min-width: 1700px) and (max-width: 1900px) {
  .TwoBoxPlans {
    margin: 0 clamp(30px, 10vw, 100px) !important;
  }
}
@media (min-width: 1900px) {
  .TwoBoxPlans {
    margin: 0 clamp(30px, 10vw, 100px) !important;
    max-width: none;
  }
  .TwoBoxPlans {
    .TwoBoxPlans--item {
      &:after {
        bottom: 1px;
      }
    }
  }
}
@media (min-width: 1200px) {
  .TwoBoxPlans {
    .TwoBoxPlans--item {
      &:last-child {
        &:after {
          margin-left: 1px;
        }
      }
    }
  }
}

/****************************************/

@media (min-width: 1400px) and (max-width: 1699px) {
  .TwoClickSubscriptions__itemName {
    span {
      font-size: clamp(18px, 1.7vw, 26px);
    }
  }
}