/*
 Theme Name: biznesoo
 Author: biznesoo.pl
 Version: 1.0
 */

 :root {

  --color2: black;
}
body {
  font-family: "Poppins", serif;
  background-color: var(--color2);
  color: white;
}
.woocommerce-checkout {
  background-color: white !important;
  color: black !important;
}
.woocommerce-checkout a {
  color: black !important;
}
.admin-bar {
  margin-top: 32px;
}
p, li {
  line-height: 1.7;
  font-size: 14px;
}
ol {
    margin-bottom: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  font-family: "Ysabeau SC", sans-serif;
  font-weight: 350;
  font-optical-sizing: auto;

}
a {
  transition: 0s !important;
}
strong {
  font-weight: 600;
}

.bg-primary {
  background: linear-gradient(135deg, #ff4242 0%, #3a0404 100%);
}

.hero-img { 
  position: absolute;
  top: 0px;
  height: 100%;
  right: 0px;
  z-index: 1;
}
.hero-content {
  position: relative;
  z-index: 20;
}
.mob-img img { 
width: 100%;
}

.btn-primary, .wc-block-components-checkout-place-order-button { 
  background: linear-gradient(135deg, #ff4242 0%, #3a0404 100%);
  border: 2px solid #ff4242;
  font-size: 18px;
  font-weight: 500;
  color: white;
  width: fit-content;
  border-radius: 10px;
  padding: 10px 20px;
}
.btn-outline-primary { 
  background-color: transparent;
  border: 2px solid var(--color);
  font-size: 18px;
  font-weight: 500;
  color: var(--color);
  width: fit-content;
  border-radius: 10px;
  padding: 10px 20px;
}
.btn-primary:hover, .btn-outline-primary:hover, .wc-block-components-checkout-place-order-button:hover { 
  color: black !important;
  background: white;
  border: 2px solid white;
}

.text-primary { 
  color: var(--color) !important;
}
.badge {
  font-weight: 600;
}
.card img {
  height: 50px;
}
.pay img {
max-width: 120px;
max-height: 50px;
}
.pay .swiper-slide {
  text-align: center;
}
.swiper-pagination { 
  width: 80px;
  margin-top: 40px;
  position: relative;

}
.swiper-pagination-bullet {
  background: #9b9b9b !important;
  opacity: 1 !important;
}
.swiper-pagination-bullet-active {
  background: white !important;
}
.swiper-button-next, .swiper-button-prev {
  top: auto !important;
  bottom: 12px !important;
  color: white !important;
}
.swiper {
  padding-bottom: 20px !important;
}
.bg-dark {
  background-color: var(--color2) !important;
}

.form-label {
  width: 100%;
}
textarea {
height: 150px;
}

.lab-sp {
  margin-top: 6px;
  font-size: 14px;
  display: block;
  margin-left: 10px;
}
#cennik .card { 
  background-color: var(--color);
  color: white;
}
#cennik .card .btn-primary { 
  background-color: white;
  color: black
}
#cennik .card .btn-primary:hover { 
  background-color: black;
  color: white;
}
.form-control {
  padding: 10px 15px;
  border: 0px;
  border-radius: 10px;
}
.form-control:focus {
  box-shadow: none;
}
.accept {
  margin-top: -20px;
  cursor: pointer;
}
.accept span {
  font-size: 11px !important;
  cursor: pointer;
}
.accept a { 
  color: white;
}
.form-check-input {
  width: 1.1rem;
  height: 1.1rem;
  margin-left: -30px !important;
  margin-top: 3px;
  border-radius: 5px !important;
  border: 0px;
  cursor: pointer;
}
.form-check-input:checked {
  background-color: black;
  border: 1px solid black;
}
.form-check-input:focus {
  box-shadow: none;
}
.wpcf7-not-valid-tip {
  font-size: 12px !important;
  margin-top: 2px !important;
  margin-left: 10px !important;
}
.accordion-button:focus {
  box-shadow: none;
}
.border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.border-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.accordion-item {
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 5px;
  background-color: transparent;
  color: white;
}

.accordion-button {
  padding: 20px 0;
  background: transparent;
  font-weight: 500;
color: white;
}

.accordion-button:not(.collapsed) {
  color: var(--color);
  background: transparent;
  box-shadow: none;
}

.accordion-button::after {
  width: 15px;
  height: 15px;
  background-size: 15px;
  filter: invert(1);
}
.spis-rozwin {
  cursor: pointer;
  text-decoration: underline;
  margin-top: 10px;
}

.accordion-body {
  padding: 0 0 20px 0;
  font-size: 14px;
  line-height: 1.6;
}
.accordion .accordion-item:last-child {
  border-bottom: none;
}
.small {
  font-size: 12px;
}
.wc-block-components-text-input input {
  border: 1px solid #e5e5e5 !important;
  outline: none !important;
}
.wc-block-components-text-input input:focus {
  border-color: #e5e5e5 !important;
  box-shadow: none !important;
}
.wc-block-components-order-summary-item__total-price, .wc-block-components-product-price, .wc-block-components-address-form__country, .wc-block-components-order-summary-item__quantity {
  display: none !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description {
  padding: 0px !important;
}
.wc-block-components-order-summary-item__image {
  margin-top: 0px !important;
  margin-right: 10px !important;
}
.single_page_content a {
 color: white;
}
.single_page_content .btn-primary {
 text-decoration: none;
 color: white;
 display: block;
}
.bene div {
  width: 50%;
}
.gratis {
  color: black;
  background-color: white;
  padding: 0px 8px;
  border-radius: 7px;
  margin: 0px 5px;
}
.bb h3 {
  background-color: white;
  color: black;
  padding: 6px;
  border-radius: 7px;
  width: fit-content;
    margin: 0 auto;
}
.okladka {
  border-radius: 15px;
  border: 2px solid #ff4242;
}
.okladka img {
  border-radius: 15px;
}
.price {
  font-size: 37px;
    font-weight: 600;
    color: #2dd97f;
}
.price span {
  font-size: 28px;
  font-weight: 400;
  color: #7f7f7f;
}
.price-label {
  margin-bottom: -20px;
}

.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover  {
  background-color: black !important;
  color: white !important;
  border: 2px solid black !important;
}
.single-post a {
  color: white;
}
.wp-block-heading {
  margin-top: 30px;
}
.horn {
  width: 50px;
  margin-bottom: 15px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
  color: white !important;
}


@media (max-width: 1400px) {
  .hero-img { 
    right: -150px;
  }
  
}


.btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
}
.modal-body h6 {
  line-height: 1.4 !important;
}
.modal-content {
  border-radius: 10px !important;
  border: 0px !important;
}
.wpcf7 form.sent .wpcf7-response-output {
  padding: 20px !important;
  border-radius: 10px !important;
}
.cky-btn-revisit-wrapper {
  display: none !important;
}
.last {
  margin-top: -14px;
  color: #7f7f7f;
}

@media (max-width: 768px) {
  .mob-img {
   overflow: hidden;
  }
  .mob-img img{
    width: 130%;
    max-width: 130%;
    margin-left: -15%;
  }
  .price-label {
    margin-bottom: -15px;
  }
}