/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./css/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700|Source+Sans+Pro:400,600,700&display=swap);
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./css/style.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 3rd party packages */
/* SASS and Global'ish Stuff */
body {
  color: #333;
  font-family: "Roboto", sans-serif;
  overflow-x: hidden;
  position: relative;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: #0D3B66;
}

a:hover {
  text-decoration: none;
}

p,
ul,
ol {
  margin: 0 0 1.65em 0;
}

p,
li {
  line-height: 1.65;
}

.container {
  margin: 0 auto;
  position: relative;
}

.background-red {
  background-color: #AC0000 !important;
}

del {
  position: relative;
  text-decoration: none; /* Remove the default strikethrough */
}

.woocommerce div.product p.price del {
  font-size: 16px;
  opacity: 1;
}
.woocommerce div.product p.price del span {
  color: #7A7A7A !important;
}
.woocommerce div.product p.price del span bdi {
  color: #7A7A7A !important;
}

.woocommerce div.product p.price del::before {
  width: 14%;
  top: 43% !important;
  height: 2px;
}

del::before {
  content: "";
  position: absolute;
  top: 29%;
  left: 0;
  width: 90%;
  height: 2px;
  background-color: #AC0000;
  transform: rotate(0deg);
  transform-origin: center;
}

del span {
  color: #AC0000;
}
del span bdi {
  color: #AC0000 !important;
}

ins {
  text-decoration: none !important;
}
ins span bdi {
  text-decoration: none !important;
}

.container--narrow {
  margin: 0 auto;
}

.wp-site-blocks {
  max-width: 100%;
  overflow: hidden;
}

.pin-spacer {
  margin-bottom: -1px;
  background-color: #000;
}

.wp-site-blocks {
  margin-top: 87px;
}
@media (max-width: 768px) {
  .wp-site-blocks {
    margin-top: 55px;
  }
}

@media (max-width: 768px) {
  .container-width-90 {
    width: 90%;
    margin: 0 auto;
  }
}

.container--narrow2 {
  max-width: 1300px;
}

.container--narrow2-important {
  max-width: 1300px !important;
  margin: 0 auto;
}

.content-position-helper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.content-position-helper-start {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.container--test {
  max-width: 1300px;
}

.section-break {
  border: none;
  border-top: 1px solid #ddd;
  margin: 2.5rem 0;
}

.min-list {
  padding: 0;
  margin: 0;
}

.min-list li {
  list-style: none;
}

.p-top-small {
  padding-top: 1rem;
}

.p-top-large {
  padding-top: 1.6rem;
}

.p-bottom-large {
  padding-bottom: 1.6rem;
}

@media (min-width: 530px) {
  .p-top-large {
    padding-top: 3.5rem;
  }
  .p-bottom-large {
    padding-bottom: 3.5rem;
  }
}
.no-margin {
  margin: 0;
}

.nu {
  text-decoration: none;
}

.nu:hover {
  text-decoration: underline;
}

.t-left {
  text-align: left;
}

.t-right {
  text-align: right;
}

.t-center {
  text-align: center;
}

.t-small {
  font-size: 0.85rem;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.push-right {
  margin-right: 20px;
}

.container:before,
.container:after,
.group:before,
.group:after {
  content: " ";
  display: table;
}

.container:after,
.group:after {
  clear: both;
}

.hide {
  display: none;
}

.full-viewport {
  height: 100vh;
  width: 100vw;
}

.center-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.padding-20 {
  padding: 20px;
}

.text-size-24 {
  font-size: 24px;
}

.mobile-szachownica-custom-height {
  height: 25vh !important;
}

.new-film-produktowa::before, .new-film-produktowa::after, .video-background-container::before, .video-background-container::after {
  background: none !important;
}

.woocommerce-product-gallery {
  display: flex;
  flex-direction: column;
}

.woocommerce-product-gallery__wrapper {
  order: 1;
}

.custom-thumbnails-slider {
  order: 2;
  margin-top: 15px;
  display: flex;
  overflow-x: auto;
  gap: 8px;
}

.custom-thumbnails-slider .thumbnail {
  cursor: pointer;
  border: 2px solid transparent;
}

.custom-thumbnails-slider .thumbnail.active {
  border-color: #555;
}

.custom-thumbnails-slider .thumbnail img {
  width: 80px;
  height: auto;
}

.woocommerce-product-gallery {
  will-change: transform;
  transition: transform 0.1s ease-out;
}

#custom-background-wrapper {
  position: relative;
  overflow: hidden;
}

.zestaw-cena {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  padding-top: 24px;
  border-top: 1px solid #C9C9C9;
}
.zestaw-cena .zestaw-cena-sub div {
  line-height: normal;
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.zestaw-cena .zestaw-cena-sub .zestaw-tekst-cena {
  line-height: normal;
  color: #464646;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.zestaw-cena .zestaw-cena-title {
  text-align: left;
  font-weight: 600;
  line-height: 117.75%;
  font-size: 20px !important;
  font-family: "bebas-neue-pro", sans-serif;
}
.zestaw-cena .zestaw-cena-rest {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: #464646;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%;
}

.custom-percentage-strip-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0 !important;
}
@media (max-width: 800px) {
  .custom-percentage-strip-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0 !important;
  }
}
.custom-percentage-strip-container p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #080808;
}
.custom-percentage-strip-container .custom-percentage-strip {
  width: 100%;
  background-color: #E3E3E3;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  display: flex;
  padding: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 48px;
}

.product-tag {
  display: inline-flex;
  width: 211px;
  font-size: 12px;
  padding: 7px 15px 7px 10px;
  align-items: center;
  gap: 10px;
  border-bottom: none !important;
  border-radius: 4px;
  background-color: #000;
  color: #fff !important;
  margin-bottom: 12px !important;
}

.promotional-element-two-lines {
  position: absolute;
  right: 55%;
  top: 126px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 7px 14px;
  border-radius: 4px;
  background: rgba(224, 224, 224, 0.8);
  width: 94px;
  z-index: 1;
}

.promo-percentage {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  display: inline-block;
}

.promo-small-text {
  font-size: 12px;
  color: #000;
}

@media (max-width: 800px) {
  .promotional-element-two-lines {
    right: 5%;
    top: 51px;
    padding: 4px 14px;
  }
  .promo-percentage {
    font-size: 16px;
  }
  .promo-small-text {
    font-size: 10px;
  }
}
.new-promotional-element {
  position: absolute;
  top: 35px;
  right: 33px;
  width: 39%;
  height: 37px;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: right;
  padding-right: 10px;
  align-items: center;
  border-radius: 8px;
}
.new-promotional-element p {
  color: white;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
}

@media (max-width: 800px) {
  .new-promotional-element {
    right: 16px;
    top: 37px;
    width: 42%;
    height: 30px;
  }
  .new-promotional-element p {
    font-size: 10px !important;
  }
}
@media (max-width: 400px) {
  .new-promotional-element {
    width: 45% !important;
  }
  .new-promotional-element p {
    font-size: 10px;
  }
}
.lowest-price {
  font-weight: 400;
  font-size: 9px !important;
  font-style: "Roboto", sans-serif;
  color: #7A7A7A;
  margin: 0;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
}

.postid-89 del::before, .postid-167 del::before, .postid-499 del::before, .postid-503 del::before, .postid-504 del::before, .postid-507 del::before, .postid-509 del::before, .postid-510 del::before, .postid-513 del::before, .postid-514 del::before, .postid-515 del::before, .postid-519 del::before, .postid-520 del::before, .postid-521 del::before, .postid-527 del::before, .postid-532 del::before, .postid-538 del::before, .postid-545 del::before, .postid-547 del::before, .postid-555 del::before, .postid-556 del::before, .postid-557 del::before, .postid-558 del::before, .postid-560 del::before, .postid-561 del::before {
  background-color: #7A7A7A !important;
}
@media (max-width: 768px) {
  .postid-89 del::before, .postid-167 del::before, .postid-499 del::before, .postid-503 del::before, .postid-504 del::before, .postid-507 del::before, .postid-509 del::before, .postid-510 del::before, .postid-513 del::before, .postid-514 del::before, .postid-515 del::before, .postid-519 del::before, .postid-520 del::before, .postid-521 del::before, .postid-527 del::before, .postid-532 del::before, .postid-538 del::before, .postid-545 del::before, .postid-547 del::before, .postid-555 del::before, .postid-556 del::before, .postid-557 del::before, .postid-558 del::before, .postid-560 del::before, .postid-561 del::before {
    width: 19% !important;
  }
}
.postid-89 .custom-price-add-to-cart .price, .postid-167 .custom-price-add-to-cart .price, .postid-499 .custom-price-add-to-cart .price, .postid-503 .custom-price-add-to-cart .price, .postid-504 .custom-price-add-to-cart .price, .postid-507 .custom-price-add-to-cart .price, .postid-509 .custom-price-add-to-cart .price, .postid-510 .custom-price-add-to-cart .price, .postid-513 .custom-price-add-to-cart .price, .postid-514 .custom-price-add-to-cart .price, .postid-515 .custom-price-add-to-cart .price, .postid-519 .custom-price-add-to-cart .price, .postid-520 .custom-price-add-to-cart .price, .postid-521 .custom-price-add-to-cart .price, .postid-527 .custom-price-add-to-cart .price, .postid-532 .custom-price-add-to-cart .price, .postid-538 .custom-price-add-to-cart .price, .postid-545 .custom-price-add-to-cart .price, .postid-547 .custom-price-add-to-cart .price, .postid-555 .custom-price-add-to-cart .price, .postid-556 .custom-price-add-to-cart .price, .postid-557 .custom-price-add-to-cart .price, .postid-558 .custom-price-add-to-cart .price, .postid-560 .custom-price-add-to-cart .price, .postid-561 .custom-price-add-to-cart .price {
  color: #AC0000 !important;
  display: flex;
  flex-direction: column;
}

.countdown-timer-mobile {
  display: none;
}

@media (max-width: 768px) {
  .countdown-timer {
    display: none;
  }
  .countdown-timer-mobile {
    display: block;
  }
}
p#countdown, p#countdown-mobile {
  display: flex;
  margin-bottom: 0;
  gap: 20px;
}
p#countdown .countdown-wrapper, p#countdown-mobile .countdown-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 0;
  margin: 0;
  font-size: 15px;
  text-transform: uppercase;
  font-family: "bebas-neue-pro", sans-serif;
}

.countdown-number {
  font-size: 2em;
  font-weight: bold;
  display: block;
  line-height: 1;
}

.countdown-label {
  font-size: 1em;
  display: block;
  line-height: 1;
  color: #fff;
}

.zestaw-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}
.zestaw-container .zestaw-title {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.75%;
  font-family: "bebas-neue-pro", sans-serif;
  text-transform: uppercase;
}
.zestaw-container .custom-product-section {
  margin-top: 20px;
  border-radius: 8px;
  background: white;
  border: 0.3px solid #ddd;
  padding: 15px 20px;
  margin-top: 10px;
}
.zestaw-container .custom-product-section .zestaw-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.zestaw-container .custom-product-section .zestaw-section .zestaw-details {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.zestaw-container .custom-product-section .zestaw-section .custom-product-title {
  color: #000;
  /* text-align: center; */
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom: 2px;
  margin: 0;
  font-style: normal;
  font-weight: 400;
  line-height: 117.75%;
  font-family: "bebas-neue-pro", sans-serif;
  text-transform: uppercase;
}
.zestaw-container .custom-product-section .zestaw-section .custom-product-image-father {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.zestaw-container .custom-product-section .zestaw-section .zestaw-cena {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  padding-top: 24px;
  border-top: 1px solid #C9C9C9;
}
.zestaw-container .custom-product-section .zestaw-section .zestaw-cena .zestaw-cena-title {
  text-align: left;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 117.75%;
}
.zestaw-container .custom-product-section .zestaw-section .zestaw-cena .zestaw-cena-rest {
  color: #4D4D4D;
  text-align: left;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 117.75%;
}
.zestaw-container .custom-product-section .zestaw-section form {
  border: none;
  margin-bottom: 0;
}
.zestaw-container .custom-product-section .zestaw-section .single_add_to_cart_button {
  display: flex;
  width: 230px;
  height: 54px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 0 !important;
  border-radius: 4px;
  background: #AC0000 !important;
  color: #FFF;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%;
  border-top: none;
  margin-bottom: 0;
}

@media (max-width: 786px) {
  .custom-product-section {
    padding: 15px 12px !important;
  }
  .custom-product-title {
    font-size: 18px !important;
  }
  .custom-product-image img {
    width: 180px !important;
  }
  .custom-title-list-container ul li {
    font-size: 14px !important;
  }
  .zestaw-section .single_add_to_cart_button {
    width: 205px !important;
  }
}
@media screen and (max-width: 400px) {
  .zestaw-section .custom-product-title {
    font-size: 24px !important;
  }
  .custom-product-image img {
    width: 165px !important;
  }
  .zestaw-cena .zestaw-cena-rest {
    font-size: 12px !important;
  }
  .zestaw-section .single_add_to_cart_button {
    width: 190px !important;
  }
}
@media screen and (max-width: 380px) {
  .zestaw-section .single_add_to_cart_button {
    width: 180px !important;
  }
  .zestaw-section .custom-product-title {
    font-size: 24px !important;
  }
}
.single_add_to_cart_button {
  margin-top: 17px !important;
}

.woocommerce-review-link {
  text-decoration: none !important;
}

.promotional-element {
  z-index: 1;
  position: absolute;
  top: 86px;
  left: revert;
  right: 55%;
  display: flex;
  height: 20px;
  min-height: 20px;
  width: 94px;
  padding: 7px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  color: #FFF;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%;
  text-transform: uppercase;
}

.custom-banner-section {
  max-width: 1300px;
  margin: 0 auto;
  margin-bottom: 0px !important;
}
.custom-banner-section img {
  height: auto;
  border-radius: 8px;
}

.custom-banner-mobile {
  display: none; /* Ukrycie obrazu mobilnego na szerokościach powyżej 786px */
}

.custom-banner-desktop {
  display: block; /* Pokazanie obrazu desktopowego na szerokościach powyżej 786px */
}

@media screen and (max-width: 786px) {
  .custom-banner-mobile {
    display: block; /* Pokazanie obrazu mobilnego na szerokościach do 786px */
  }
  .custom-banner-desktop {
    display: none; /* Ukrycie obrazu desktopowego na szerokościach do 786px */
  }
  .custom-banner-section {
    width: 96% !important;
    margin-top: -12px;
  }
  .custom-banner-section img {
    border-radius: 0px;
  }
  .custom-product-section .zestaw-section .custom-product-image-father .single_add_to_cart_button {
    width: 100px !important;
  }
}
@media (max-width: 786px) {
  .promotional-element {
    right: 5%;
    top: 13px;
  }
  #reviews {
    flex-direction: column-reverse !important;
  }
  #reviews #comments {
    width: auto !important;
  }
  #reviews #comments .commentlist {
    display: flex !important;
    flex-direction: column !important;
    padding-left: 0 !important;
  }
  .review-summary {
    gap: 10px !important;
  }
  .review-summary .rating-title {
    font-size: 16px !important;
  }
  .review-summary .rating-title .average-rating-subcontainer {
    gap: 10px !important;
  }
  .review-summary .rating-title .average-rating-subcontainer .rating-number {
    width: 53px !important;
    height: auto !important;
  }
  .rating-bar {
    gap: 5px !important;
  }
}
.bar-count-rating {
  color: #000;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 117.75%; /* 18.84px */
  text-transform: uppercase;
}

.average-rating-subsubcontainer {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
}

.average-rating-subcontainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.rating-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  align-self: stretch;
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 117.75%; /* 28.26px */
  text-transform: uppercase;
}

.review-summary {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  gap: 32px;
}

.average-rating {
  display: flex;
  gap: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.rating-number {
  display: flex;
  width: 93px;
  height: 44px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #0983A0;
  color: #FFF;
  text-align: center;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 117.75%; /* 37.68px */
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

.rating-count {
  font-size: 1em;
}

.rating-breakdown {
  margin-top: 10px;
  flex-grow: 1;
}

.rating-bar {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  justify-content: space-between; /* Space out the elements */
  gap: 32px;
}

.rating-bar .bar {
  flex-grow: 1;
  margin: 0 10px;
  background-color: #e0e0e0;
  height: 8px;
  border-radius: 5px;
  overflow: hidden;
}

.rating-bar .bar span {
  display: block;
  height: 100%;
  background-color: #000;
}

.rating-bar .star-rating {
  float: right;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: WooCommerce;
}

.rating-bar .star-rating span {
  float: left;
  top: 0;
  left: 0;
  padding: 0;
  position: absolute;
  height: 100%;
  line-height: 1;
  color: #000; /* Star color */
}

#tab-reviews {
  margin: 0 auto;
  position: relative;
  max-width: 1300px;
  width: 100%;
}
#tab-reviews #reviews {
  display: flex;
  flex-direction: row-reverse;
}
#tab-reviews #reviews #comments ol.commentlist::before {
  display: none;
}
#tab-reviews #reviews #review_form_wrapper #review_form #respond {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#tab-reviews #reviews #review_form_wrapper #review_form #respond span#reply-title {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 117.75%; /* 28.26px */
  text-transform: uppercase;
}
#tab-reviews #reviews #review_form_wrapper #review_form #respond form#commentform {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#tab-reviews #reviews #review_form_wrapper #review_form #respond form#commentform p.comment-form-author, #tab-reviews #reviews #review_form_wrapper #review_form #respond form#commentform p.comment-form-email {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#tab-reviews #reviews #review_form_wrapper #review_form #respond form#commentform p.comment-form-cookies-consent {
  display: none;
}
#tab-reviews #reviews #review_form_wrapper #review_form #respond form#commentform p.form-submit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  align-self: stretch;
}
#tab-reviews #reviews #review_form_wrapper #review_form #respond form#commentform p.form-submit input#submit {
  border-radius: 4px;
  background: #0983A0;
  display: flex;
  width: 214px;
  height: 49px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #FFF;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%;
}
#tab-reviews #reviews #review_form_wrapper #review_form #respond form#commentform p label, #tab-reviews #reviews #review_form_wrapper #review_form #respond form#commentform div label {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%;
}
#tab-reviews #reviews #review_form_wrapper #review_form #respond form#commentform p label span.required, #tab-reviews #reviews #review_form_wrapper #review_form #respond form#commentform div label span.required {
  color: #1DA808;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%;
}
#tab-reviews #reviews #review_form_wrapper #review_form #respond form#commentform p input, #tab-reviews #reviews #review_form_wrapper #review_form #respond form#commentform div input {
  border-radius: 4px;
  border: 0.5px solid #0983A0;
  height: 34px;
}
#tab-reviews #reviews #review_form_wrapper #review_form #respond form#commentform p textarea, #tab-reviews #reviews #review_form_wrapper #review_form #respond form#commentform div textarea {
  border-radius: 4px;
  border: 0.5px solid #0983A0;
}
#tab-reviews #reviews #comments {
  width: 60%;
}
#tab-reviews #reviews #comments .commentlist {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 26px;
}
#tab-reviews #reviews #comments .commentlist li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 8px;
  background: #F7F7F7;
}
#tab-reviews #reviews #comments .commentlist li .comment_container {
  width: 100%;
}
#tab-reviews #reviews #comments .commentlist li .comment-text {
  margin-left: 0;
  border: none;
}
#tab-reviews #reviews #comments .commentlist li .comment-text p strong {
  color: #0983A0;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 117.75%; /* 28.26px */
  text-transform: uppercase;
}
#tab-reviews #reviews #comments .commentlist li .comment-text p span {
  display: none;
}
#tab-reviews #reviews #comments .commentlist li .comment-text p time {
  display: none;
}
#tab-reviews #reviews #comments .commentlist li .comment-text div.description {
  border-top: 1px solid #d7d7d7;
  padding-top: 10px;
}
#tab-reviews #reviews #comments .commentlist li .comment-text div.description p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.75%; /* 18.84px */
}
#tab-reviews #reviews #comments .commentlist li img.avatar {
  display: none;
}
#tab-reviews #reviews #comments .commentlist li::before {
  display: none;
}
#tab-reviews #reviews #comments .woocommerce-Reviews-title {
  display: none;
}

#tab-description {
  display: none !important;
}

div.woocommerce-tabs.wc-tabs-wrapper {
  display: flex;
  /* width: 1428px; */
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin: 20px;
}
div.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  align-self: stretch;
  margin: 0;
  padding: 20px;
}
div.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs #tab-title-description.active a, div.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs #tab-title-reviews.active a {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
div.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs #tab-title-description {
  background-color: transparent;
  border: none;
}
div.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs #tab-title-description a {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
  color: #000;
  text-decoration: none !important;
}
div.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs #tab-title-reviews {
  border: none;
  background-color: transparent;
  list-style: none;
  padding-left: 15px;
  border-left: 1px solid #d7d7d7;
}
div.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs #tab-title-reviews a {
  color: #000;
  text-decoration: none !important;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
}

#sidebar {
  display: none;
}

.summary button {
  border: none !important;
}

.woocommerce-review-link {
  color: #026697 !important;
}

.woocommerce div.product .product_title {
  font-family: "bebas-neue-pro", sans-serif;
  color: #000;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.75%; /* 56.52px */
  text-transform: uppercase;
  margin-bottom: 4px !important;
  background: linear-gradient(to right, #000, #0983A0 40.01%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.product-subtitle {
  font-family: "bebas-neue-pro", sans-serif !important;
  text-transform: uppercase;
  color: #000;
  margin-top: 0 !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 12px !important;
}

.summary .woocommerce-product-details__short-description {
  margin-bottom: 32px;
}
.summary .woocommerce-product-details__short-description ul {
  margin-left: -23px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.summary .woocommerce-product-details__short-description li {
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#custom-background-wrapper {
  background-color: #fff;
  padding-bottom: 0;
  margin: 0 auto;
  max-width: 1300px;
}

@media (min-width: 1000px) {
  .summary {
    padding-top: 3em !important;
  }
}
@media (max-width: 786px) {
  .summary .woocommerce-product-details__short-description {
    margin-bottom: 23px !important;
  }
  ul.tabs.wc-tabs {
    padding: 0 !important;
  }
}
.product-icon-text-wrapper {
  display: flex;
  margin: 14px 0 26px;
  text-align: center;
  width: 100%;
  justify-content: space-between;
}

.product-icon-text {
  display: flex;
  flex-direction: column;
}
.product-icon-text img {
  width: 40px !important;
}
.product-icon-text span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.3333733333;
  margin: 6px 0 0;
}

.woocommerce-page .woocommerce-cart-form .product-thumbnail img {
  width: 117px;
}

.woocommerce div.product {
  margin-bottom: 0px;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
  flex-basis: 60%;
  margin-top: 4.5em;
  position: sticky;
}
.woocommerce div.product div.images.woocommerce-product-gallery img {
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 760px) {
  .woocommerce div.product div.images.woocommerce-product-gallery {
    margin-top: 0 !important;
  }
}

.summary {
  width: 40% !important;
  padding-left: 1em;
  margin-bottom: 0 !important;
}

.summary .breadcrumbs a {
  color: #2E2A27;
  text-decoration: none;
}
.summary .product_title {
  font-weight: 200;
  font-size: 2em;
}
.summary .price {
  color: #2E2A27;
  padding-bottom: 0 !important;
  border-bottom: 1px solid #2E2A27;
  margin-bottom: 16px !important;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 117.75%;
}
.summary .variations {
  display: flex;
}
.summary .variations label {
  margin-right: 5px;
}
.summary .variations select {
  display: inline-block;
  width: 100%;
  max-width: 600px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.summary .variations select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.summary .variations select option {
  color: #495057;
}
.summary .woocommerce-product-details__short-description {
  margin-bottom: 1em;
}
.summary .woocommerce-product-details__short-description p {
  font-size: 0.9em;
}

.woocommerce-Tabs-panel h2 {
  font-weight: 300;
  font-size: 2em;
}
.woocommerce-Tabs-panel p {
  font-weight: 200;
  font-size: 16px;
}
.woocommerce-Tabs-panel strong {
  font-weight: 500;
}

.woocommerce-tabs .tabs .description_tab, .woocommerce-tabs .tabs .additional_information_tab {
  border: 1px solid #cfc8d8;
  background-color: #e9e6ed;
  color: #515151;
  display: inline-block;
  position: relative;
  z-index: 0;
  border-radius: 4px 4px 0 0;
  margin: 0 -5px;
  padding: 0 1em;
}

.related h2 {
  font-weight: 300;
  margin-bottom: 1em;
}
.related .products .woocommerce-loop-product__title {
  text-decoration: none;
  text-align: center;
  color: #2D2926;
}
.related .products .price {
  text-align: center;
  color: #2D2926;
}

.woocommerce .woocommerce-product-rating .star-rating {
  margin: 0 12px 0 0 !important;
}

.woocommerce .woocommerce-product-rating {
  line-height: 1;
}

.woocommerce-review-link {
  line-height: 1;
  color: #0288CA;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration-line: underline;
}

.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 32px !important;
  margin-top: 0.65em;
}

.woocommerce-product-gallery {
  display: flex;
  -moz-column-gap: 14px;
       column-gap: 14px;
  flex-direction: row-reverse;
  align-items: flex-start;
  margin: 0 !important;
}
.woocommerce-product-gallery .flex-viewport {
  flex-basis: 72%;
  margin: 0 !important;
}

.woocommerce-product-gallery__image img {
  -o-object-fit: cover;
     object-fit: cover;
}

.woocommerce-product-gallery__trigger {
  display: none;
}

.woocommerce-product-gallery__wrapper {
  margin-right: 20px;
}

.woocommerce div.product div.images .flex-control-thumbs {
  flex-basis: 18%;
  z-index: 2;
  padding: 10px;
  margin: auto 0;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  min-width: 100%;
  margin-bottom: 10px !important;
  transition: margin-top 0.4s linear;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
  border-radius: 6px;
}
.woocommerce div.product div.images .flex-control-thumbs li .flex-active {
  border: 2px solid #0fa2cb;
}

.woocommerce-js div.product div.images .flex-control-thumbs {
  overflow: hidden;
  zoom: 1;
  display: none;
}

ol.flex-control-nav.flex-control-thumbs {
  height: 450px;
}

/* Set the direction of arrows*/
ul.flex-direction-nav {
  position: absolute;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 1;
  width: 96%;
  top: 40%;
  margin: 0;
  padding: 0px;
  list-style: none;
  display: flex;
  justify-content: space-between;
}

/* set position of previous arrow*/
li.flex-nav-prev {
  margin-left: 20px;
}

li.flex-nav-next {
  margin-right: 20px;
}

/* set position of next arrow*/
li.flex-nav-next {
  right: 130px !important;
}

a.flex-next {
  visibility: hidden;
}

a.flex-prev {
  visibility: hidden;
}

/* next arrow appear */
a.flex-next::after {
  visibility: visible;
  content: "";
  display: inline-block;
  background-color: rgba(137, 137, 137, 0.9);
  height: 43px;
  width: 43px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243%22%20height%3D%2244%22%20viewBox%3D%220%200%2043%2044%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2222%22%20r%3D%2221.5%22%20transform%3D%22rotate%2890%2021.5%2022%29%22%20fill%3D%22white%22%20fill-opacity%3D%220.3%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.5336%2029.3572C19.0838%2028.9288%2019.0838%2028.2343%2019.5336%2027.8059L25.6299%2021.9999L19.5336%2016.1939C19.0838%2015.7655%2019.0838%2015.071%2019.5336%2014.6426C19.9834%2014.2142%2020.7127%2014.2142%2021.1625%2014.6426L28.0732%2021.2242C28.523%2021.6526%2028.523%2022.3472%2028.0732%2022.7755L21.1625%2029.3572C20.7127%2029.7856%2019.9834%2029.7856%2019.5336%2029.3572Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 43px;
  opacity: 90%;
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

/* previous arrow appear*/
a.flex-prev::before {
  visibility: visible;
  content: "";
  display: inline-block;
  background-color: rgba(137, 137, 137, 0.9);
  height: 43px;
  width: 43px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243%22%20height%3D%2244%22%20viewBox%3D%220%200%2043%2044%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2222%22%20r%3D%2221.5%22%20transform%3D%22rotate%28-90%2021.5%2022%29%22%20fill%3D%22white%22%20fill-opacity%3D%220.3%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23.4664%2014.6428C23.9162%2015.0712%2023.9162%2015.7657%2023.4664%2016.1941L17.3701%2022.0001L23.4664%2027.8061C23.9162%2028.2345%2023.9162%2028.929%2023.4664%2029.3574C23.0166%2029.7858%2022.2873%2029.7858%2021.8375%2029.3574L14.9268%2022.7758C14.477%2022.3474%2014.477%2021.6528%2014.9268%2021.2245L21.8375%2014.6428C22.2873%2014.2144%2023.0166%2014.2144%2023.4664%2014.6428Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 43px;
  opacity: 90%;
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

ul.flex-direction-nav li a {
  color: #ccc;
}

ul.flex-direction-nav li a:hover {
  text-decoration: none;
}

ul.flex-direction-nav li a:hover {
  text-decoration: none;
}

.flex-control-nav {
  top: 0px;
}

.product-icon-text {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px !important;
  justify-content: flex-end;
}

.product-icon-text img {
  width: 20px;
  height: auto;
  vertical-align: middle;
  margin-right: 10px;
}

.product-icon-text span {
  font-size: 16px;
  color: #000;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%; /* 18.84px */
  text-transform: uppercase;
}

.woocommerce span.onsale {
  display: none !important;
  top: 1.5em;
  left: revert;
  right: 2rem;
  display: flex;
  height: 29px;
  min-height: 29px;
  padding: 7px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: linear-gradient(85deg, #AC0000 -7.37%, #BC6400 107.37%);
  color: #FFF;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 117.75%; /* 23.55px */
  text-transform: uppercase;
}

.quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
  max-width: 150px;
}

.quantity input.qty {
  width: 60px;
  height: 25px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  margin-right: 10px !important;
}

.custom-image-section {
  margin-top: 0 !important;
}

.custom-title-description-section {
  margin-top: 20px;
}

.custom-title {
  cursor: pointer;
  color: #0073aa;
  text-decoration: underline;
  margin-bottom: 10px;
}

.custom-description {
  display: none;
  margin-bottom: 10px;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
  flex-direction: column;
  margin-top: 20px !important;
}

@media (max-width: 1300px) {
  .woocommerce div.product div.images.woocommerce-product-gallery {
    width: 50% !important;
  }
  .summary {
    width: 46% !important;
  }
}
@media (max-width: 800px) {
  ul.flex-direction-nav {
    top: 43%;
    width: 100%;
  }
  .product-icon-text img {
    width: 25px !important;
  }
  .product-icon-text span {
    font-size: 14px !important;
  }
  .woocommerce div.product .product_title {
    font-size: 36px !important;
    margin-bottom: 4px !important;
  }
  .summary .woocommerce-product-details__short-description ul {
    margin-bottom: 0 !important;
  }
  .summary .woocommerce-product-details__short-description ul li {
    font-size: 16px !important;
  }
  .product-subtitle {
    font-size: 20px !important;
    margin-bottom: 12px !important;
  }
  div#icon-text-wrapper {
    display: none;
  }
  .summary.entry-summary {
    padding: 0 !important;
    max-width: 90%;
    margin: 0 auto;
  }
  .woocommerce div.product div.images.woocommerce-product-gallery {
    width: 100% !important;
    position: static;
  }
  .summary {
    width: 100% !important;
  }
  .product-icons-container {
    display: flex !important;
    margin: 20px 0 26px;
    text-align: center;
    width: 100%;
    justify-content: space-between;
  }
  .custom-price-add-to-cart {
    padding: 16px !important;
    padding-top: 35px !important;
  }
  .custom-price-add-to-cart .price {
    margin-bottom: 16px !important;
  }
}
.custom-price-add-to-cart {
  border-radius: 8px;
  background-color: #fafafc;
  padding: 35px;
  padding-bottom: 25px !important;
  position: relative;
}
.custom-price-add-to-cart .price {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.004em;
  line-height: 1.125;
  padding-bottom: 2px;
  margin-bottom: 0px !important;
  border: none;
}
.custom-price-add-to-cart form.cart {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #d2d2d7;
  margin-bottom: 0 !important;
}
.custom-price-add-to-cart form.cart .quantity {
  margin-top: 32px !important;
  margin-bottom: 14px !important;
}
.custom-price-add-to-cart form.cart .single_add_to_cart_button {
  box-sizing: border-box;
  height: 55px;
  flex-basis: 70%;
  border-radius: 4px;
  background: #AC0000 !important;
  border-radius: 8px;
  margin-bottom: 2em;
}

.product-icons-container {
  display: none;
}

/* komunikat koszyk */
.woocommerce.wc-block-store-notices.alignwide.alignwide {
  margin-top: 20px;
  margin-bottom: 40px;
}
.woocommerce.wc-block-store-notices.alignwide.alignwide .wc-block-components-notice-banner {
  margin: 56px 0 0 0;
}

/* Basic styles for the cart popup */
@media (min-width: 786px) {
  .container-cart {
    margin: 0 !important;
  }
}
.cart-popup-father {
  max-width: 1300px;
  margin: 0 auto;
}

.cart-popup {
  display: none;
  position: fixed;
  top: 360px;
  left: 50%;
  height: auto;
  max-width: 1000px;
  width: 1000px;
  margin: 0 auto;
  transform: translate(-50%, -50%);
  background-color: black;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  z-index: 9999;
  padding: 20px;
  border-radius: 8px;
}

@media (max-width: 1100px) {
  .cart-popup {
    width: 800px;
  }
}
@media (max-width: 786px) {
  .cart-popup {
    top: 52vh;
    width: 80%;
  }
  .cart-popup .cart-popup-header .text-header {
    font-size: 30px;
  }
  .cart-popup .cart-popup-header p {
    font-size: 12px;
  }
  .cart-popup .cart-popup-items {
    margin-bottom: 0;
    flex-direction: column;
  }
  .cart-popup .cart-popup-product-container {
    gap: 24px;
  }
  .cart-popup .cart-popup-product-container .cart-popup-rest-title {
    font-size: 24px;
  }
  .cart-popup .cart-popup-content {
    gap: 13px;
  }
  .cart-popup .cart-popup-product {
    padding: 8px !important;
  }
  .cart-popup .cart-popup-product-container .cart-popup-product-img img {
    width: 100px !important;
  }
  .cart-popup .cart-popup-zestaw button {
    height: 42px !important;
  }
}
.close-cart-popup {
  color: #FFF;
  font-family: "Roboto", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%;
}

.cart-popup-header-container {
  display: flex;
  width: 100%;
}

.cart-popup-header {
  display: flex;
  padding: 0px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  gap: 8px;
}
.cart-popup-header .header-promotion {
  display: flex;
  height: 20px;
  min-height: 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: linear-gradient(85deg, #630303 -7.37%, #F00 107.37%);
  color: #FFF;
  font-family: "bebas-neue-pro", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%;
  text-transform: uppercase;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 4px 8px 4px 8px;
  width: 94px;
  font-size: 16px;
}
.cart-popup-header .text-header {
  color: #FFF;
  text-align: center;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%; /* 56.52px */
  text-transform: uppercase;
  margin: 0;
  text-align: left;
}
.cart-popup-header p {
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #FFF;
  margin-bottom: 32px;
  text-align: left;
  margin-bottom: 0;
}

.cart-popup-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  align-self: stretch;
}
.cart-popup-content .cart-popup-zestaw {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.cart-popup-content .cart-popup-zestaw .cart-popup-form {
  width: 100%;
}
.cart-popup-content .cart-popup-zestaw button {
  border-radius: 6px;
  background: linear-gradient(85deg, #630303 -7.37%, #F00 107.37%);
  text-transform: uppercase;
  display: flex;
  height: 51px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  color: #FFF;
  border: none;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%; /* 23.55px */
  width: 100%;
  cursor: pointer;
}
.cart-popup-content .cart-popup-zestaw span {
  display: flex;
  height: 42px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  align-self: stretch;
  color: #FFF;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.75%; /* 18.84px */
  text-transform: uppercase;
}

.close-cart-popup {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}

.cart-popup-items {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.cart-popup-items .cart-popup-product {
  display: flex;
  border-radius: 8px;
  padding: 0px 17px;
}
.cart-popup-items .cart-popup-product .cart-popup-product-container {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.cart-popup-items .cart-popup-product .cart-popup-product-container .cart-popup-product-img img {
  width: 150px;
}
.cart-popup-items .cart-popup-product .cart-popup-product-container .cart-popup-product-rest {
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: space-evenly;
}
.cart-popup-items .cart-popup-product .cart-popup-product-container .cart-popup-product-rest a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.cart-popup-items .cart-popup-product .cart-popup-product-container .cart-popup-product-rest .cart-popup-rest-title {
  color: #fff;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.75%; /* 42.39px */
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  margin: 0;
}
.cart-popup-items .cart-popup-product .cart-popup-product-container .cart-popup-product-rest span {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.cart-popup-items .cart-popup-product .cart-popup-product-container .cart-popup-product-rest span bdi {
  color: #fff;
}
.cart-popup-items .cart-popup-product .cart-popup-product-container .cart-popup-product-rest button {
  border: none;
  display: flex;
  height: 37px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  background: linear-gradient(90deg, #0983A0 0%, #032F3A 100%);
  width: 100%;
}
.cart-popup-items .cart-popup-product .cart-popup-product-container .cart-popup-product-rest button a {
  background: transparent;
  padding: 0;
  color: #FFF;
  font-family: "roboto", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%;
}

.cart-popup-actions {
  display: flex;
  justify-content: space-between;
}

.woocommerce-cart main .woocommerce {
  max-width: 1300px !important;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 70px;
}
.woocommerce-cart main .woocommerce .custom-image-section-cart {
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce-cart main .woocommerce .cart-icons {
  margin-top: 32px;
}
.woocommerce-cart main .woocommerce .col-md-8 {
  flex-basis: 62%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 30px;
}
.woocommerce-cart main .woocommerce .col-md-4 {
  flex-basis: 30%;
}
.woocommerce-cart main .woocommerce table.shop_table_responsive {
  border: none;
}
.woocommerce-cart main .woocommerce table.shop_table_responsive th {
  color: #000;
  font-family: "roboto", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}
.woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item .product-subtotal {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  /* text-align: center; */
  height: 120px;
  gap: 35px;
}
.woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item .product-subtotal a {
  color: #000 !important;
  text-align: right;
  font-family: "roboto", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item .product-subtotal a:hover {
  background-color: transparent !important;
}
.woocommerce-cart main .woocommerce table.shop_table_responsive td {
  text-align: center;
  background-color: #FFF;
}
.woocommerce-cart main .woocommerce table.shop_table_responsive div.quantity input {
  margin: 0 !important;
  padding: 6px;
}
.woocommerce-cart main .woocommerce table.shop_table_responsive .product-name {
  color: #000;
  font-family: "roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  background-color: #FFF;
}
.woocommerce-cart main .woocommerce table.shop_table_responsive .product-name a {
  color: #000;
  font-family: "roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
}
.woocommerce-cart main .woocommerce .woocommerce-breadcrumb {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.woocommerce-cart main .woocommerce .woocommerce-breadcrumb a:first-child {
  color: #000;
  text-decoration: none;
  font-family: "roboto", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.woocommerce-cart main .woocommerce .woocommerce-breadcrumb a {
  color: rgba(0, 0, 0, 0.7);
  font-family: "roboto", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
}
.woocommerce-cart main .woocommerce .cart-title {
  margin: 0;
  color: #000;
  font-family: "roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.woocommerce-cart main .woocommerce .row {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals {
  display: flex;
  flex-direction: column;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals tr {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals th {
  color: #000;
  padding: 0 !important;
  margin: 0 !important;
  font-family: "roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 32px !important;
  text-align: left;
  border: none;
  text-transform: none;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals td {
  padding: 0 !important;
  margin: 0 !important;
  padding-bottom: 25px !important;
  border: none;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals td p {
  margin: 0;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals .order-total {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals .order-total td {
  padding-top: 32px !important;
  padding-bottom: 0 !important;
  font-size: 20px;
  font-weight: 600;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals .order-total th {
  padding-top: 32px !important;
  padding-bottom: 0 !important;
  font-size: 20px;
  font-weight: 600;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals bdi {
  color: #000;
  text-align: right;
  font-family: "roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals .cart-actions {
  order: 3;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals .cart-actions .coupon {
  display: flex;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals .cart-actions .coupon button.button .wp-element-button {
  display: flex;
  width: 160px;
  height: 36px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #0983A0;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals table {
  order: 2 !important;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals h2 {
  margin: 0 !important;
  order: 1;
  color: #000;
  font-family: "roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals .wc-proceed-to-checkout {
  order: 4;
  padding: 0;
  margin: 0;
}
.woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals .wc-proceed-to-checkout a {
  width: auto !important;
  margin: 0;
  margin-bottom: 28px;
  border-radius: 4px;
  background: #AC0000;
}
.woocommerce-cart main .woocommerce .cart-icons {
  display: flex;
  height: 102px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.woocommerce-cart main .woocommerce .cart-icon-item-to-checkout {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 16px;
}
.woocommerce-cart main .woocommerce .cart-icon-item-to-checkout span {
  font-size: 12px;
  color: #000;
  font-family: "roboto", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.woocommerce-cart .wp-block-post-title {
  max-width: 1300px !important;
  display: none !important;
}

.remove-desactive {
  color: transparent !important;
}

.woocommerce-page .woocommerce-cart-form #coupon_code {
  display: flex;
  width: 198px;
  height: 43px;
  padding: 0px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #FAFAFA;
  border: none;
}

.button-cart {
  display: flex;
  width: 160px;
  height: 43px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #0983A0;
}

#custom-cart .cart-collaterals {
  position: relative;
}

#custom-cart .cart-title {
  margin-bottom: 20px; /* Adjust spacing below the title */
}

#custom-cart .woocommerce-cart-form {
  margin-left: 0;
}

#wp--skip-link--target {
  margin-top: -50px !important;
}

@media (max-width: 950px) {
  .row {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .col-md-8 {
    border-right: none !important;
    padding-right: 0 !important;
  }
  .cart-title {
    margin-bottom: 20px !important;
  }
  .woocommerce-cart main .woocommerce {
    gap: 24px !important;
  }
  .woocommerce-page table.cart .product-thumbnail {
    display: block !important;
  }
  .woocommerce table.shop_table_responsive tr td.product-name::before, .woocommerce table.shop_table_responsive tr td.product-price::before, .woocommerce table.shop_table_responsive tr td.product-quantity::before, .woocommerce table.shop_table_responsive tr td.product-thumbnail::before {
    display: none;
  }
  .woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item {
    display: grid !important;
    grid-template-columns: 2fr 1fr; /* Two equal-width columns */
    grid-template-rows: repeat(5, auto); /* Five rows with equal height */
    gap: 2px; /* Gap between the items */
    width: 100%;
    max-width: 800px; /* Adjust based on your design */
    margin: auto; /* Center the grid container */
    margin-top: 10px;
  }
  .woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item .product-thumbnail {
    grid-column: 1/2; /* First column */
    grid-row: 1/5; /* Spans from row 1 to row 4 */
    padding: 0;
    margin: 0;
    width: auto;
    justify-self: flex-start;
    background: #fff;
    border: none;
  }
  .woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item .product-thumbnail img {
    width: 140px !important;
    max-width: none;
  }
  .woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item .product-name {
    grid-column: 2/3; /* Second column */
    grid-row: 1/2; /* First row */
    padding: 0;
    border-top: none;
    margin: 0;
    justify-self: flex-end;
  }
  .woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item .product-price {
    grid-column: 2/3; /* Second column */
    grid-row: 2/3; /* Second row */
    padding: 0;
    border-top: none;
    margin: 0;
    justify-self: flex-end;
  }
  .woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item .product-quantity {
    grid-column: 2/3; /* Second column */
    grid-row: 3/4; /* Third row */
    padding: 0;
    border-top: none;
    margin: 0;
    justify-self: flex-end;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item .product-quantity .quantity {
    display: block;
    margin: 0;
    padding: 0;
    max-width: none;
    background-color: #FFF;
  }
  .woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item .product-subtotal {
    grid-column: 1/3; /* Spans across both columns */
    grid-row: 4/5; /* Fifth row */
    padding: 0;
    border-top: none;
    margin: 0;
    background-color: #fff;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2 auto);
    gap: 30px;
  }
  .woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item .product-subtotal span {
    grid-column: 2/3;
  }
  .woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item .product-subtotal a {
    grid-column: 2/3;
    grid-row: 1/2;
    justify-self: flex-end;
    width: auto;
  }
  .woocommerce-cart main .woocommerce table.shop_table_responsive .cart_item .product-subtotal::before {
    justify-self: flex-start;
    grid-row: 2/3;
  }
  .woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals {
    gap: 32px;
  }
  .woocommerce-cart main .woocommerce .row div.cart-collaterals .cart_totals td {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background-color: #fff;
  }
  .woocommerce-coupon-totals td::before {
    display: none;
  }
  .woocommerce-coupon-totals td form {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .woocommerce-coupon-totals td form .coupon {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .woocommerce-coupon-totals td form button {
    width: auto;
    height: 52px;
  }
  .woocommerce-coupon-totals td form #coupon_code.input-text {
    width: auto;
    height: 52px;
  }
}
small.includes_tax {
  display: none;
}

ul .post-504 {
  border: 8px solid transparent;
  border-radius: 20px;
  background: linear-gradient(#f5f5f5, #f5f5f5) padding-box, linear-gradient(to bottom, rgb(153, 153, 153), rgb(178, 178, 178), rgb(204, 204, 204), rgb(245, 245, 245), rgb(204, 204, 204), rgb(153, 153, 153), rgb(245, 245, 245)) border-box !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  padding: 20px;
}

ul .post-519 {
  border: 8px solid transparent;
  border-radius: 20px;
  background: linear-gradient(#f5f5f5, #f5f5f5) padding-box, linear-gradient(to bottom right, rgb(58, 58, 58), rgb(96, 96, 96), rgb(143, 143, 143), rgb(70, 70, 70), rgb(88, 88, 88), rgb(206, 206, 206), rgb(70, 70, 70)) border-box !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  padding: 20px;
}

ul .post-499, ul .post-560, ul .post-561 {
  border: 8px solid transparent;
  border-radius: 20px;
  background: linear-gradient(#f5f5f5, #f5f5f5) padding-box, linear-gradient(to bottom right, rgb(158, 137, 118), rgb(122, 94, 80), rgb(184, 151, 126), rgb(246, 208, 171), rgb(157, 119, 78), rgb(139, 107, 80), rgb(246, 208, 171)) border-box !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  padding: 20px;
}

ul .post-547 {
  border: 8px solid transparent;
  border-radius: 20px;
  background: linear-gradient(#f5f5f5, #f5f5f5) padding-box, linear-gradient(to bottom right, #F9D1BF, #f0bcb7, rgb(0, 0, 0), rgb(0, 0, 0)) border-box !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  padding: 20px;
}

ul .post-554 {
  border: 8px solid transparent;
  border-radius: 20px;
  background: linear-gradient(#f5f5f5, #f5f5f5) padding-box, linear-gradient(to bottom right, #ac0000, rgb(28, 11, 2), #000, #ac0000, #000000, #000000, #ac0000) border-box !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  padding: 20px;
}

.has-text-align-center {
  text-align: left !important;
}

/* Domyślnie wyświetlany jest baner desktopowy */
.shop-banner-image-mobile {
  display: none;
}

/* Na urządzeniach mobilnych (np. max-width: 767px) wyświetlany jest baner mobilny */
@media (max-width: 900px) {
  .shop-banner-image-desktop {
    display: none;
  }
  .shop-banner-image-mobile {
    display: block;
  }
}
.wp-container-core-post-template-is-layout-572542b5 .post-89 {
  order: 1;
}
.wp-container-core-post-template-is-layout-572542b5 .post-89 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-504 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-503 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-185780 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-507 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-509 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-510 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-515 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-513 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-514 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-520 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-521 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-527 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-532 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-538 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-545 .wc-block-components-product-price, .wp-container-core-post-template-is-layout-572542b5 .post-547 .wc-block-components-product-price {
  text-align: left !important;
}
.wp-container-core-post-template-is-layout-572542b5 .post-89 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-504 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-503 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-185780 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-507 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-509 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-510 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-515 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-513 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-514 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-520 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-521 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-527 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-532 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-538 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-545 del::before, .wp-container-core-post-template-is-layout-572542b5 .post-547 del::before {
  background-color: #7A7A7A;
}
.wp-container-core-post-template-is-layout-572542b5 .post-89 del span, .wp-container-core-post-template-is-layout-572542b5 .post-504 del span, .wp-container-core-post-template-is-layout-572542b5 .post-503 del span, .wp-container-core-post-template-is-layout-572542b5 .post-185780 del span, .wp-container-core-post-template-is-layout-572542b5 .post-507 del span, .wp-container-core-post-template-is-layout-572542b5 .post-509 del span, .wp-container-core-post-template-is-layout-572542b5 .post-510 del span, .wp-container-core-post-template-is-layout-572542b5 .post-515 del span, .wp-container-core-post-template-is-layout-572542b5 .post-513 del span, .wp-container-core-post-template-is-layout-572542b5 .post-514 del span, .wp-container-core-post-template-is-layout-572542b5 .post-520 del span, .wp-container-core-post-template-is-layout-572542b5 .post-521 del span, .wp-container-core-post-template-is-layout-572542b5 .post-527 del span, .wp-container-core-post-template-is-layout-572542b5 .post-532 del span, .wp-container-core-post-template-is-layout-572542b5 .post-538 del span, .wp-container-core-post-template-is-layout-572542b5 .post-545 del span, .wp-container-core-post-template-is-layout-572542b5 .post-547 del span {
  color: #7A7A7A !important;
}
.wp-container-core-post-template-is-layout-572542b5 .post-89 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-504 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-503 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-185780 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-507 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-509 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-510 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-515 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-513 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-514 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-520 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-521 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-527 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-532 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-538 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-545 ins span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-547 ins span bdi {
  color: #AC0000 !important;
}
.wp-container-core-post-template-is-layout-572542b5 .post-89 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-504 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-503 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-185780 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-507 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-509 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-510 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-515 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-513 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-514 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-520 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-521 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-527 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-532 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-538 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-545 del span bdi, .wp-container-core-post-template-is-layout-572542b5 .post-547 del span bdi {
  color: #7A7A7A !important;
  font-size: 16px !important;
}
.wp-container-core-post-template-is-layout-572542b5 .post-507 {
  order: 2;
}
.wp-container-core-post-template-is-layout-572542b5 .post-503 {
  order: 3;
}
.wp-container-core-post-template-is-layout-572542b5 .post-167 {
  order: 4;
}
.wp-container-core-post-template-is-layout-572542b5 .post-161 {
  order: 5;
}
.wp-container-core-post-template-is-layout-572542b5 .post-509 {
  order: 6;
}
.wp-container-core-post-template-is-layout-572542b5 .post-510 {
  order: 7;
}
.wp-container-core-post-template-is-layout-572542b5 .post-495 {
  order: 8;
}
.wp-container-core-post-template-is-layout-572542b5 .post-502 {
  order: 9;
}
.wp-container-core-post-template-is-layout-572542b5 .post-504 {
  order: 10;
}
.wp-container-core-post-template-is-layout-572542b5 .post-499 {
  order: 11;
}

@media (max-width: 1200px) {
  .wp-container-core-post-template-is-layout-572542b5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 786px) {
  .wp-container-core-post-template-is-layout-572542b5 {
    grid-template-columns: 1fr;
  }
  .is-layout-grid {
    gap: 43px !important;
  }
}
.products-block-post-template .custom-shop-image {
  margin-top: 8px !important;
}

.shop-title {
  color: #000;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0 !important;
  order: 2;
}

.shop-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 45px;
}
.shop-group .shop-banner-image {
  order: 1;
  margin: 0 !important;
  padding: 0 !important;
  margin-top: -10px !important;
}
.shop-group .wp-block-query {
  order: 3;
}

.product-title-subtitle-wrapper {
  margin: 0 !important;
}
.product-title-subtitle-wrapper .woocommerce-loop-product__title {
  margin: 0 !important;
  color: #000;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.75%;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
}
.product-title-subtitle-wrapper .product-subtitle-shop {
  margin: 0 !important;
  color: #000;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  text-align: left;
}

.products-block-post-template .wp-block-post {
  display: flex !important;
  flex-direction: row-reverse !important;
  max-width: 460px !important;
  max-height: 260px;
  padding: 18px 30px;
  padding-right: 0 !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-radius: 8px;
  background: #F5F5F5;
}
.products-block-post-template .wp-block-post .wp-block-post-title {
  display: none !important;
}
.products-block-post-template .wp-block-post .wp-block-group {
  flex-basis: 56%;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  gap: 32px;
  flex-shrink: 0;
  margin-bottom: 0;
}
.products-block-post-template .wp-block-post .wp-block-group .wc-block-components-product-price {
  margin-bottom: 0 !important;
}
.products-block-post-template .wp-block-post .wp-block-group h3 {
  margin: 0 !important;
}
.products-block-post-template .wp-block-post .wp-block-group h3 a {
  color: #000;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.75%;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
}
.products-block-post-template .wp-block-post .wp-block-group .product-promotion-tag {
  display: flex;
  height: 20px;
  min-height: 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  color: #FFF;
  font-family: "bebas-neue-pro", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%;
  text-transform: uppercase;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 4px 8px 4px 8px;
  width: 94px;
  font-size: 16px;
}
.products-block-post-template .wp-block-post .wp-block-group div.wp-block-woocommerce-product-price {
  margin: 0 !important;
  color: #000;
  font-family: "roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.products-block-post-template .wp-block-post .wp-block-group div.wp-block-woocommerce-product-price bdi {
  color: #000;
  font-family: "roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-right: 10px;
  text-decoration: none !important;
}
.products-block-post-template .wp-block-post .wc-block-components-product-image {
  display: none !important;
}
.products-block-post-template .wp-block-post .wc-block-components-product-image-new {
  flex-basis: 44%;
  width: 177px;
  height: 177px;
}

.wp-block-post.post-504, .wp-block-post.post-499 {
  background: linear-gradient(253deg, #F5F5F5 0.73%, #000 100%);
}
.wp-block-post.post-504 .product-title-subtitle-wrapper .woocommerce-loop-product__title, .wp-block-post.post-499 .product-title-subtitle-wrapper .woocommerce-loop-product__title {
  color: #FFF !important;
}
.wp-block-post.post-504 .product-title-subtitle-wrapper .product-subtitle-shop, .wp-block-post.post-499 .product-title-subtitle-wrapper .product-subtitle-shop {
  color: #fff !important;
}
.wp-block-post.post-504 ins span bdi, .wp-block-post.post-499 ins span bdi {
  color: #f00 !important;
}

.custom-product-listing {
  display: flex;
  align-items: center;
  gap: 20px;
}

.custom-product-listing .wp-block-woocommerce-featured-image,
.custom-product-listing .wp-block-woocommerce-product-title,
.custom-product-listing .wp-block-woocommerce-product-price,
.custom-product-listing .wp-block-woocommerce-add-to-cart {
  margin: 0;
  padding: 0;
}

.product-item {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .custom-product-listing {
    flex-direction: column;
    align-items: flex-start;
  }
}
.shop-group {
  gap: 34px !important;
}
.shop-group .wp-block-query.alignwide.container.container--narrow2-important.is-layout-flow.wp-block-query-is-layout-flow {
  width: 100% !important;
}

.shop-banner-image {
  display: flex;
  overflow: hidden; /* Ensures that any part of the image exceeding the height is hidden */
  border-radius: 8px;
  background: #000;
  height: 411px;
  width: 100%; /* This makes the container as wide as the rest of the content */
}
@media (max-width: 786px) {
  .shop-banner-image {
    max-width: 460px !important;
    max-height: 198px !important;
  }
}

.shop-banner-image img {
  width: 100%;
  height: auto;
  min-height: 100%;
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center; /* Aligns image to the top of the container */
}
@media (max-width: 786px) {
  .shop-banner-image img {
    max-width: 460px !important;
    height: 100% !important;
    -o-object-position: top left;
       object-position: top left;
  }
}

.shop-banner-textcontainer {
  display: flex;
  width: 322px;
  height: 150px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex-shrink: 0;
  position: absolute;
  top: 145px;
  left: 42px;
}
@media (max-width: 786px) {
  .shop-banner-textcontainer {
    top: 32%;
    width: 173px;
    left: 23px !important;
  }
}
.shop-banner-textcontainer .banner-text-1 {
  color: #FFF;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.75%; /* 56.52px */
  text-transform: uppercase;
}
@media (max-width: 786px) {
  .shop-banner-textcontainer .banner-text-1 {
    font-size: 24px;
  }
}
.shop-banner-textcontainer .banner-text-2 {
  color: #FFF;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 786px) {
  .shop-banner-textcontainer .banner-text-2 {
    font-size: 14px;
  }
}

@media (max-width: 786px) {
  .wp-block-post {
    max-height: 184px !important;
    padding: 15px 30px !important;
  }
  .wp-block-group {
    gap: 22px !important;
  }
  .product-title-subtitle-wrapper .woocommerce-loop-product__title {
    font-size: 26px !important;
  }
  .product-subtitle-shop {
    font-size: 14px !important;
  }
  .products-block-post-template .custom-shop-image {
    margin-top: 30px !important;
  }
}
.wc-block-product-template__responsive.columns-3 {
  display: none;
}

h2.sklep-tytul-kategoria {
  display: flex;
  gap: 5px;
}

.sklep-tytul-kategoria {
  display: flex;
  align-items: center;
}

h2.sklep-tytul-kategoria {
  text-align: left;
  margin-bottom: 8px !important;
  line-height: normal;
  font-weight: 600;
}

.archive #wp--skip-link--target {
  margin-top: 11px !important;
}

.archive main {
  padding: 0;
}
@media (max-width: 1300px) {
  .archive main {
    padding: 20px;
  }
}

.wc-block-product-template__responsive.columns-5 {
  grid-template-columns: repeat(auto-fill, minmax(max(180px, 32% - 1em), 1fr)) !important;
}

ul.wc-block-product-template__responsive {
  margin-bottom: 40px !important;
}

/* */
.wc-block-product {
  display: flex !important;
  flex-direction: row-reverse !important;
  max-width: 460px !important;
  max-height: 260px;
  padding: 28px 30px;
  padding-right: 0 !important;
  justify-content: space-between !important;
  border-radius: 8px;
  background: #F5F5F5;
}
.wc-block-product .wc-block-components-product-image {
  display: none !important;
}
.wc-block-product .wp-block-post-title {
  display: none !important;
}
.wc-block-product .wp-block-post-title {
  display: none !important;
}
.wc-block-product .wp-block-group {
  flex-basis: 56%;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  gap: 32px;
  flex-shrink: 0;
  margin-bottom: 0;
}
.wc-block-product .wp-block-group .wc-block-components-product-price {
  margin-bottom: 0 !important;
}
.wc-block-product .wp-block-group h3 {
  margin: 0 !important;
}
.wc-block-product .wp-block-group h3 a {
  color: #000;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.75%;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
}
.wc-block-product .wp-block-group .product-promotion-tag {
  display: flex;
  height: 20px;
  min-height: 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  color: #FFF;
  font-family: "bebas-neue-pro", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%;
  text-transform: uppercase;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 4px 8px 4px 8px;
  width: 94px;
  font-size: 16px;
}
.wc-block-product .wp-block-group div.wp-block-woocommerce-product-price {
  margin: 0 !important;
  color: #000;
  font-family: "roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.wc-block-product .wp-block-group div.wp-block-woocommerce-product-price bdi {
  color: #000;
  font-family: "roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-right: 10px;
  text-decoration: none !important;
}
.wc-block-product .wc-block-components-product-image {
  display: none !important;
}
.wc-block-product .custom-image-container {
  flex-basis: 44%;
  width: 177px;
  height: 177px;
}

/* BEM Blocks */
.zwroty-kontakt-margin-bottom {
  margin-bottom: 40px !important;
}

.faq-accordion-kontakt.background-white.active {
  padding-bottom: 10px !important;
}

@media (max-width: 786px) {
  .patent-container {
    align-items: center !important;
  }
  #hurt-kontakt-container-id {
    gap: 16px !important;
  }
  .hurt-kontakt-image {
    margin-left: 10px !important;
    height: 128px !important;
  }
  #patnet-flex-test {
    width: auto !important;
    margin-top: 0;
    margin-bottom: -17px;
  }
  .zwroty-kontakt {
    margin: 0 auto;
  }
  .znak-subcontainer {
    flex-direction: column-reverse !important;
    gap: 24px !important;
  }
  .znak-subcontainer img {
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    border-radius: 8px;
    width: 90%;
    margin: 0 auto;
  }
  .wzor-subcontainer {
    flex-direction: column !important;
    gap: 24px !important;
  }
  .wzor-subcontainer img {
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    border-radius: 8px;
    width: 90%;
    margin: 0 auto;
  }
  .zarejestrowano-container {
    padding: 25px 15px !important;
  }
  .zarejestrowano-rest {
    font-size: 16px !important;
  }
  .patent-container {
    gap: 70px !important;
  }
}
#patent-text {
  color: #0983A0;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

@media (max-width: 1300px) {
  .patent-container .zarejestrowano-container {
    width: 85%;
    margin: 0 auto;
  }
}
.znak-dokumenty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  padding-top: 24px;
  border-top: 0.3px solid rgba(255, 255, 255, 0.3);
}
.znak-dokumenty a {
  display: flex;
  color: rgb(30, 156, 217);
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.patent-father-container {
  background-color: #000;
  color: #fff;
}
.patent-father-container .hurt-kontakt-container {
  flex-direction: row !important;
  gap: 43px !important;
  padding-top: 100px !important;
}
.patent-father-container .hurt-kontakt-container .hurt-kontakt-image {
  height: 164px;
  border-radius: 8px;
}
.patent-father-container .patent-container {
  display: flex;
  padding: 0px;
  flex-direction: column;
  align-items: center;
  gap: 115px;
}
.patent-father-container .patent-container .zwroty-kontakt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.patent-father-container .patent-container .zwroty-kontakt .zwroty-kontakt-head {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom: 12px;
  border-bottom: 0.3px solid rgba(255, 255, 255, 0.3);
}
.patent-father-container .patent-container .zwroty-kontakt .zwroty-kontakt-rest {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.patent-father-container .patent-container .zwroty-kontakt .zwroty-kontakt-numbers {
  margin-top: 0 !important;
}
.patent-father-container .patent-container .zwroty-kontakt .footer-contact-container {
  display: flex;
  height: 25px;
  align-items: center;
  gap: 12px;
}
.patent-father-container .patent-container .zwroty-kontakt .footer-contact-container .footer-icon-container {
  display: flex;
  width: 24px;
  height: 26px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.patent-father-container .patent-container .zwroty-kontakt .footer-contact-container a {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
}
.patent-father-container .patent-container .zarejestrowano-container {
  display: flex;
  padding: 35px 50px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 8px;
  background: rgba(250, 250, 250, 0.1);
}
.patent-father-container .patent-container .zarejestrowano-container .zarejestrowano-title-subcontainer {
  display: flex;
  align-items: center;
  gap: 16px;
}
.patent-father-container .patent-container .zarejestrowano-container .zarejestrowano-title-subcontainer div {
  color: #FFF;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
.patent-father-container .patent-container .zarejestrowano-container .zarejestrowano-rest {
  color: #FFF;
  /* Body */
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-top: 24px;
  border-top: 0.3px solid rgba(255, 255, 255, 0.3);
}
.patent-father-container .patent-container .znak-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 58px;
  align-self: stretch;
}
.patent-father-container .patent-container .znak-container .znak-subcontainer {
  display: flex;
  align-items: center;
  gap: 57px;
  align-self: stretch;
  justify-content: space-around;
}
.patent-father-container .patent-container .znak-container .znak-subcontainer .znak-image-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 8px;
}
.patent-father-container .patent-container .znak-container .znak-subcontainer .znak-image-container img {
  max-width: 871px;
  max-height: 299px;
  border-radius: 8px;
}
.patent-father-container .patent-container .znak-container .znak-subcontainer .znak-subcontainer-text {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #FFF;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
.patent-father-container .patent-container .znak-container .wzor-subcontainer {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
}
.patent-father-container .patent-container .znak-container .wzor-subcontainer .wzor-image-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 8px;
}
.patent-father-container .patent-container .znak-container .wzor-subcontainer .wzor-image-container img {
  max-width: 871px;
  max-height: 299px;
  border-radius: 8px;
}
.patent-father-container .patent-container .znak-container .wzor-subcontainer .wzor-subcontainer-text {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #FFF;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.grid-container-kontakt {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(3, auto);
  gap: 10px;
}

/* Default state (both hidden) */
.zwroty-container, .reklamacja-container {
  display: none !important;
}

/* Active state: show the container */
.zwroty-container.active, .reklamacja-container.active {
  display: flex !important; /* Or whatever display style is needed for desktop */
}

.regulamin-title-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.item-kontakt-title {
  font-family: "roboto", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: normal;
}

.item1-kontakt {
  padding: 35px 30px 35px 30px;
  border-radius: 8px;
  background-color: rgb(250, 250, 250);
  display: flex;
  flex-direction: column;
  gap: 20px;
  grid-column: 1/2;
  grid-row: 1/2;
}
.item1-kontakt span {
  font-family: "roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.item2-kontakt {
  padding: 35px 30px 35px 30px;
  border-radius: 8px;
  background-color: rgb(250, 250, 250);
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  grid-column: 1/2;
  grid-row: 2/4;
}
.item2-kontakt button {
  color: #000;
  font-family: "roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.item3-kontakt {
  padding: 35px 30px 35px 30px;
  border-radius: 8px;
  background-color: rgb(250, 250, 250);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  grid-column: 2/3;
  grid-row: 1/2;
  border: 1px solid rgb(9, 131, 160);
}
.item3-kontakt .item-kontakt-title {
  margin-top: 10px !important;
}
.item3-kontakt a {
  text-decoration: none;
  color: rgb(9, 131, 160);
}
.item3-kontakt button {
  cursor: pointer !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  width: 225px;
  height: 45px;
  border: 1px solid rgb(9, 131, 160);
  padding: 30px;
  color: rgb(9, 131, 160);
  border-radius: 8px;
  text-transform: uppercase;
  margin-top: 0;
}

.item4-kontakt {
  padding: 35px 30px 35px 30px;
  border-radius: 8px;
  background-color: rgb(250, 250, 250);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  grid-column: 2/3;
  grid-row: 2/3;
  border: 1px solid rgb(9, 131, 160);
}
.item4-kontakt a {
  text-decoration: none;
  color: rgb(9, 131, 160);
}
.item4-kontakt button {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 225px;
  height: 45px;
  border: 1px solid rgb(9, 131, 160);
  padding: 30px;
  color: rgb(9, 131, 160);
  border-radius: 8px;
  text-transform: uppercase;
}

.item5-kontakt {
  padding: 35px 30px 35px 30px;
  border-radius: 8px;
  background-color: rgb(250, 250, 250);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  grid-column: 2/3;
  grid-row: 3/4;
  border: 1px solid rgb(9, 131, 160);
}
.item5-kontakt a {
  text-decoration: none;
  color: rgb(9, 131, 160);
}
.item5-kontakt button {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 225px;
  height: 45px;
  border: 1px solid rgb(9, 131, 160);
  padding: 30px;
  color: rgb(9, 131, 160);
  border-radius: 8px;
  text-transform: uppercase;
}

.footer-contact-container {
  display: flex;
  height: 25px;
  align-items: center;
  gap: 12px;
}
.footer-contact-container .footer-icon-container {
  display: flex;
  width: 24px;
  height: 26px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.footer-contact-container a {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
}

.kontakt-wrapper h1 {
  font-size: 20px !important;
  font-family: "roboto", sans-serif !important;
  margin-bottom: 32px !important;
}

.faq-wrapper-kontakt {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.faq-wrapper-kontakt .faq-wrapper-questions-kontakt {
  border-top: 1px solid #e5e5e5;
}
.faq-wrapper-kontakt h1 {
  font-family: "bebas-neue-pro", sans-serif;
  text-transform: uppercase;
  font-size: 64px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 48px;
}
.faq-wrapper-kontakt .faq-kontakt {
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
.faq-wrapper-kontakt .faq-kontakt .faq-accordion-kontakt {
  color: rgba(0, 0, 0, 0.8);
  background-color: rgb(250, 250, 250);
  cursor: pointer;
  width: 100%;
  padding: 0;
  border: none;
  outline: none;
  transition: 0.4s;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  padding-right: 0px;
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.faq-wrapper-kontakt .faq-kontakt .faq-accordion-kontakt i {
  font-size: 1.6rem;
}
.faq-wrapper-kontakt .faq-kontakt .faq-pannel-kontakt {
  background-color: white;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.6s ease-out, opacity 0.6s ease-out;
  background-color: rgb(250, 250, 250);
}
.faq-wrapper-kontakt .faq-kontakt .faq-pannel-kontakt p {
  color: rgba(0, 0, 0, 0.7);
  background-color: rgb(250, 250, 250);
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 15px;
}

.faq-kontakt.active .faq-pannel-kontakt {
  max-height: 500px;
  opacity: 1;
}

@media (max-width: 800px) {
  .faq-wrapper-kontakt h1 {
    font-size: 20px !important;
  }
  .faq-accordion-kontakt {
    padding-right: 0 !important;
    gap: 30px !important;
    text-align: left;
  }
  .faq-pannel-kontakt p {
    font-size: 14px !important;
  }
}
@media (max-width: 786px) {
  .grid-container-kontakt {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .faq-container-kontakt {
    padding: 24px !important;
  }
  .item1-kontakt,
  .item2-kontakt,
  .item3-kontakt,
  .item4-kontakt,
  .item5-kontakt {
    padding: 15px !important;
  }
}
.zwroty-heading {
  display: flex;
  align-items: center;
  gap: 20px;
}
.zwroty-heading div {
  color: #000;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
}

.zwroty-heading div {
  cursor: pointer;
  font-weight: 400;
}

.zwroty-heading div.active {
  font-weight: 700;
  border-bottom: 2px solid #0983A0;
}

.zwroty-container {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.zwroty-container .zwroty-text-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.zwroty-container .zwroty-text-header .head {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.zwroty-container .zwroty-text-header .rest {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.zwroty-container .zwroty-jakdokonac {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}
.zwroty-container .zwroty-jakdokonac .zwroty-jakdokonac-text {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.zwroty-container .zwroty-jakdokonac .zwroty-jakdokonac-subtitle {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.zwroty-container .zwroty-jakdokonac .zwroty-jakdokonac-icons-container {
  display: flex;
  padding: 35px 50px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  background: #FAFAFA;
  gap: 79px;
}
.zwroty-container .zwroty-jakdokonac .zwroty-jakdokonac-icons-container .zwroty-jakdokonac-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.zwroty-container .zwroty-jakdokonac .zwroty-jakdokonac-icons-container .zwroty-jakdokonac-icon-container span {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.zwroty-container .zwroty-jakdokonac .zwroty-jakdokonac-icons-container .zwroty-jakdokonac-icon-container svg {
  width: 150px;
  height: 94px;
}
.zwroty-container .zwroty-single-text {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.zwroty-container .zwroty-dokument {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.zwroty-container .zwroty-dokument div {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.zwroty-container .zwroty-dokument a {
  color: #026697;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-transform: uppercase;
}
.zwroty-container .zwroty-adres {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.zwroty-container .zwroty-adres .zwroty-adres-title {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.zwroty-container .zwroty-adres div {
  color: #000;
  /* Body */
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.zwroty-container .zwroty-adres div p {
  margin: 5px;
}
.zwroty-container .zwroty-adres .zwroty-adres-rest {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.zwroty-container .zwroty-kontakt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.zwroty-container .zwroty-kontakt .zwroty-kontakt-head {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.zwroty-container .zwroty-kontakt .zwroty-kontakt-rest {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.zwroty-kontakt-numbers {
  margin-top: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 18px !important;
  align-self: stretch !important;
}

.reklamacja-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 60px;
}
.reklamacja-container .reklamacja-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.reklamacja-container .reklamacja-header .reklamacja-header-text {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.reklamacja-container .reklamacja-header .item1-kontakt-title-reklamacja {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.reklamacja-container .zwroty-jakdokonac {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}
.reklamacja-container .zwroty-jakdokonac .zwroty-jakdokonac-text {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.reklamacja-container .zwroty-jakdokonac .zwroty-jakdokonac-icons-container {
  display: flex;
  padding: 35px 50px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  background: #FAFAFA;
  gap: 79px;
}
.reklamacja-container .zwroty-jakdokonac .zwroty-jakdokonac-icons-container .zwroty-jakdokonac-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.reklamacja-container .zwroty-jakdokonac .zwroty-jakdokonac-icons-container .zwroty-jakdokonac-icon-container span {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.reklamacja-container .zwroty-jakdokonac .zwroty-jakdokonac-icons-container .zwroty-jakdokonac-icon-container svg {
  width: 150px;
  height: 94px;
}
.reklamacja-container .reklamacja-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.reklamacja-container .reklamacja-info .reklamacja-info-title {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.reklamacja-container .reklamacja-info .reklamacja-info-rest {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.reklamacja-container .zwroty-dokument {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.reklamacja-container .zwroty-dokument div {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.reklamacja-container .zwroty-dokument a {
  color: #026697;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-transform: uppercase;
}
.reklamacja-container .zwroty-adres {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.reklamacja-container .zwroty-adres .zwroty-adres-title {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.reklamacja-container .zwroty-adres div {
  color: #000;
  /* Body */
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.reklamacja-container .zwroty-adres div p {
  margin: 5px;
}
.reklamacja-container .zwroty-adres .zwroty-adres-rest {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.reklamacja-container .zwroty-kontakt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.reklamacja-container .zwroty-kontakt .zwroty-kontakt-head {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.reklamacja-container .zwroty-kontakt .zwroty-kontakt-rest {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.background-white {
  background-color: #fff !important;
}

@media only screen and (max-width: 1200px) {
  .zwroty-jakdokonac-icons-container {
    gap: 49px !important;
  }
}
@media only screen and (max-width: 786px) {
  .regulamin-title-container {
    gap: 8px;
  }
  .zwroty-container, .regulamin-container {
    gap: 50px !important;
  }
  .zwroty-jakdokonac-text {
    font-size: 20px !important;
  }
  .zwroty-border-2 {
    display: none;
  }
  .zwroty-jakdokonac-icons-container {
    flex-direction: column !important;
  }
  .zwroty-single-text {
    font-weight: 400 !important;
  }
  .zwroty-dokument div {
    font-size: 20px !important;
  }
  .zwroty-dokument a {
    font-size: 16px !important;
  }
  .zwroty-adres .zwroty-adres-title {
    font-size: 20px !important;
  }
  .zwroty-adres p {
    font-size: 16px !important;
  }
  .zwroty-adres .zwroty-adres-rest {
    font-size: 16px !important;
  }
  .zwroty-kontakt-head {
    font-size: 16px !important;
  }
}
.poster-box-onas {
  aspect-ratio: 2/3;
}

.poster-box-onas, .video-card-onas {
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: center;
  background-color: transparent;
  border-radius: 16px;
  overflow: hidden;
  border: none;
}

.card-badge-onas {
  background-color: #434242;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding-inline: 6px;
  border-radius: 8px;
}

.container-onas-images {
  position: relative;
  background-color: #000;
  color: #fff;
  height: 90vh;
  overflow-y: overlay;
  z-index: 1;
  margin-top: -1px;
}

.meta-list-onas {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}

.meta-item-onas {
  display: flex;
  align-items: center;
  gap: 4px;
}

.btn-onas {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  max-width: -moz-max-content;
  max-width: max-content;
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block: 12px;
  padding-inline: 20px 24px;
  border-radius: 8px;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.heading-onas {
  color: #FFF !important;
  /* Heading_1 */
  font-family: "bebas-neue-pro", sans-serif !important;
  font-size: 64px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 117.75% !important; /* 75.36px */
  text-transform: uppercase !important;
  width: -moz-max-content;
  width: max-content;
}

.img-cover-onas {
  width: 100%;
  max-width: none;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}

.banner-onas {
  position: relative;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  margin-top: -1px;
}

.banner-slider-onas .slider-item-onas {
  position: absolute;
  top: 0;
  left: 120%;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: hidden;
  transition: opacity 0.6s ease, left 0.6s ease; /* Smooth transitions */
}
.banner-slider-onas .slider-item-onas::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}
.banner-slider-onas .active-onas {
  left: 0 !important;
  opacity: 1;
  visibility: visible;
}

.banner-content-onas {
  position: absolute;
  left: 5%;
  margin-left: 2.5rem;
  top: 45%;
  max-width: 40%;
  z-index: 1;
  color: #fff;
}

.banner-onas :is(.heading-onas, .banner-text-onas) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.banner-onas .heading-onas {
  -webkit-line-clamp: 3;
  margin-block-end: 16px;
}

.banner-onas .genre-onas {
  margin-block: 12px;
}

.banner-text-onas {
  color: #FFF !important;
  /* Roboto */
  font-family: "roboto", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  max-width: 500px;
}

.banner-onas .btn-onas {
  background-color: #d20000;
}

.banner-onas .btn-onas:is(:hover, :focus-visible) {
  box-shadow: 20%;
}

.slider-control-onas {
  position: absolute;
  top: 30%;
  left: 55%;
  right: 0;
  border-radius: 8px 0 0 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 4px 0 4px 4px;
  overflow-x: auto;
}

.slider-control-onas::-webkit-scrollbar {
  display: none;
}

.control-inner-onas {
  display: flex;
  gap: 65px;
}

.control-inner-onas::after {
  content: "";
  min-width: 12px;
}

.slider-control-onas .slider-item-onas {
  width: 632px;
  height: 402px;
  border-radius: 8px;
  flex-shrink: 0;
  filter: brightness(0.4);
}

.slider-control-onas .active-onas {
  filter: brightness(1);
  box-shadow: 20%;
  border: none;
}

.bg-image-onas {
  filter: blur(7px);
  background-color: black;
  opacity: 0.5;
}

.slider-control-onas {
  position: relative;
  top: 30%;
  left: 55%;
  right: 0;
  border-radius: 8px 0 0 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 4px 0 4px 4px;
  overflow-x: auto;
  z-index: 2; /* Ensure slider controls are above other elements */
}

.control-inner-onas {
  display: flex;
  gap: 65px;
  transition: transform 0.6s ease;
  z-index: 1; /* Controls below the arrows */
}

.arrow-onas {
  cursor: pointer;
  /*   border:solid 1px white; */
  overflow: hidden;
  z-index: 3; /* Ensure arrows are on top of everything else */
  padding: 0 10px;
  position: absolute;
  top: 92%;
  background: transparent;
  border: none;
}

.left-arrow-onas {
  left: 85% !important;
}

.right-arrow-onas {
  left: 90% !important;
}

.arrow-onas:before {
  position: absolute;
  /*   border:solid 1px;  */
}

@media (max-width: 786px) {
  .banner-content-onas {
    top: 20% !important;
    max-width: 70% !important;
  }
  .container-onas-images {
    height: 70vh !important;
  }
  .slider-control-onas {
    top: 55% !important;
    left: 5px;
    margin-left: 2.5rem;
  }
  .slider-control-onas .control-inner-onas {
    gap: 16px !important;
  }
  .slider-control-onas .slider-item-onas {
    width: 187px;
    height: 119px;
  }
  h2.heading-onas {
    font-size: 36px !important;
  }
  .left-arrow-onas {
    left: 12% !important;
  }
  .right-arrow-onas {
    left: 25% !important;
  }
  .arrow-onas {
    top: 86% !important;
  }
}
.team {
  position: relative;
  width: 100%;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 30px;
  gap: 64px;
}
.team .center {
  display: flex;
  flex-direction: column;
  gap: 27px;
}
.team .center h2 {
  color: #FFF;
  /* Heading_1 */
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%; /* 75.36px */
  text-transform: uppercase;
  margin: 0;
}
.team .center .center-span {
  color: #FFF;
  /* Heading_2 */
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.team-content {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Dokładnie 4 kolumny w każdym rzędzie */
  -moz-column-gap: 10px;
       column-gap: 10px; /* Większy odstęp między kolumnami */
  row-gap: 32px; /* Mniejszy odstęp między rzędami */
  align-items: center;
  text-align: center;
  margin-top: 1rem;
  cursor: auto;
}

.center h2 {
  color: #fff;
  text-align: center;
}

.box-1 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-dawid.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-2 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-michal.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-3 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-jonasz.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-4 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-asia.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-5 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-ewa.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-6 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-gosia.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-7 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-kacper.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-8 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-grzesiek.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-9 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-kuba.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-10 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-lukasz.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-11 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-maniek.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-12 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-martyna.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-13 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-matic.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-15 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-natalia.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-16 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-olak.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-17 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-olaw.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-18 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-oliwia.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-19 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-sylwia.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-20 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-seba.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-21 {
  background-image: url("https://shav.com/wp-content/uploads/shav-strona-paulina.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.team-content .box {
  display: none;
}

.team-content .box:nth-child(-n+8) {
  display: flex;
}

@media (min-width: 768px) {
  .team-content .box:nth-child(-n+4) {
    display: flex;
  }
}
.show-more {
  display: block;
  margin: 20px auto;
  padding: 10px 20px;
  background-color: #0983A0;
  color: #FFF;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-family: "bebas-neue-pro", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 24px;
}

.show-more:hover {
  background-color: #076d82;
}

.box {
  width: auto;
  padding: 32px 32px 0px 32px;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 8px;
  background: #F0F0F4;
  gap: 0;
  height: 427px;
}
.box .imie {
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.75%; /* 42.39px */
  text-transform: uppercase;
}
.box .stanowisko {
  margin: 0;
  padding: 0;
  color: #0983A0;
  font-family: "roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  text-transform: uppercase;
}

.box:hover {
  transform: translateY(-10px);
  cursor: pointer;
}

@media (max-width: 1240px) {
  .team {
    width: 100%;
    height: auto;
    padding: 90px 0;
  }
  .center h1 {
    font-size: 3.2rem;
  }
}
@media (max-width: 786px) {
  .team {
    gap: 28px !important;
    padding: 90px 0 28px 0 !important;
  }
  .center {
    gap: 12px !important;
  }
  h3.imie {
    font-size: 24px !important;
  }
  h3.stanowisko {
    font-size: 12px !important;
    text-align: left !important;
  }
  .team-content {
    margin-top: 10px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    -moz-column-gap: 5px;
         column-gap: 5px;
    row-gap: 16px;
    width: 95%;
  }
  .team-content .box {
    width: 180px;
    height: 289px;
    justify-self: center;
    padding: 16px 16px 0 16px;
  }
  .team .center {
    padding: 22px;
  }
  .team .center h2 {
    font-size: 36px !important;
  }
  .team .center-span {
    font-size: 16px !important;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .team-content .box {
    width: 175px !important;
  }
}
@media (max-width: 500px) {
  .team-content .box {
    width: 165px !important;
  }
}
@media (max-width: 420px) {
  .team-content {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  }
  .team-content .box {
    width: 148px !important;
    height: 262px !important;
  }
}
#sb_instagram .sb_instagram_header, .sb_instagram_header {
  color: #FFF;
  /* Body */
  font-family: Roboto !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  align-self: stretch !important;
  margin-bottom: 64px !important;
}

.instagram-carousel-container {
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}

#sbi_images {
  display: flex !important;
  transition: transform 0.5s ease !important;
}

@media only screen and (max-width: 768px) {
  #sbi_images {
    width: 1500px !important;
    gap: 30px !important;
  }
  #sbi_images img {
    width: 350px !important;
    height: 350px !important;
  }
}
#sb_instagram {
  padding: 0 !important;
}

.sbi_item {
  flex: 1 0 25% !important; /* Display 4 items per view */
  box-sizing: border-box !important;
}

.carousel-buttons {
  width: 100%;
  display: flex !important;
  gap: 27px;
  justify-content: flex-end !important;
  transform: translateY(-50%) !important;
}

.carousel-buttons button, .carousel-buttons button:hover, .carousel-buttons button:active {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.faq-accordion-kontakt.active {
  margin-bottom: 12px;
}

.regulamin-title {
  color: #000;
  /* Heading_1 */
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%; /* 75.36px */
  text-transform: uppercase;
}

.regulamin-subtitle {
  color: #0983A0;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 60px !important;
}

.regulamin-list {
  list-style: none;
  margin: 0 !important;
  padding-left: 0 !important;
}
.regulamin-list .regulamin-list-title {
  font-weight: 700 !important;
  margin-top: 60px;
  margin-bottom: 20px;
}
.regulamin-list li {
  color: #000 !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 20px;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

@media only screen and (max-width: 768px) {
  .regulamin-title {
    font-size: 36px !important;
  }
  li {
    font-size: 16px !important;
  }
  .regulamin-subtitle {
    font-size: 16px;
    margin-bottom: 40px !important;
  }
  .item1-kontakt {
    gap: 14px !important;
  }
  .faq-wrapper-kontakt {
    gap: 14px !important;
  }
}
h3.faq-header, h2.faq-header {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 20px !important;
  text-align: left;
}

.faq-container {
  background-color: #fff;
  color: #000;
  padding: 48px 48px;
  margin-top: -1px;
}
.faq-container .faq-wrapper .faq-wrapper-questions {
  border-top: 1px solid #e5e5e5;
}
.faq-container .faq-wrapper .faq-title {
  font-family: "bebas-neue-pro", sans-serif;
  text-transform: uppercase;
  font-size: 64px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 48px;
  margin-top: 0.67em;
}
.faq-container .faq-wrapper .faq {
  border-bottom: 1px solid #e5e5e5;
  margin: 10px 0;
}
.faq-container .faq-wrapper .faq .faq-accordion {
  background-color: white;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  width: 100%;
  padding: 25px 0 24px;
  border: none;
  outline: none;
  transition: 0.4s;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  font-size: 20px;
  line-height: normal;
  padding-right: 0px;
}
.faq-container .faq-wrapper .faq .faq-accordion i {
  font-size: 1.6rem;
}
.faq-container .faq-wrapper .faq .faq-pannel {
  padding-bottom: 15px;
  background-color: white;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.6s ease-out, opacity 0.6s ease-out;
}
.faq-container .faq-wrapper .faq .faq-pannel p {
  color: rgba(0, 0, 0, 0.7);
  font-size: 20px;
  line-height: normal;
  margin-bottom: 15px;
}

.faq.active {
  border: none;
}

.faq.active .faq-pannel {
  max-height: 500px; /* Adjust this value if necessary */
  opacity: 1;
}

@media (max-width: 800px) {
  .faq-container-glowna {
    padding: 40px 30px !important;
  }
  .faq-wrapper h1 {
    font-size: 36px !important;
  }
  .faq-accordion {
    padding-right: 0 !important;
    gap: 30px !important;
    text-align: left;
  }
  .faq-pannel p {
    font-size: 16px !important;
  }
}
.faq-container-glowna {
  background-color: #000;
  color: #fff;
  padding: 48px 48px;
  margin-top: -1px;
}
.faq-container-glowna .faq-wrapper h1 {
  font-family: "bebas-neue-pro", sans-serif;
  text-transform: uppercase;
  font-size: 64px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 48px;
}
.faq-container-glowna .faq-wrapper .faq {
  border-bottom: 1px solid rgba(149, 149, 149, 0.6);
  margin: 10px 0;
}
.faq-container-glowna .faq-wrapper .faq .faq-accordion {
  background-color: #000;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  width: 100%;
  padding: 25px 0 24px;
  border: none;
  outline: none;
  transition: 0.4s;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
  padding-right: 0;
}
.faq-container-glowna .faq-wrapper .faq .faq-accordion i {
  font-size: 1.6rem;
}
.faq-container-glowna .faq-wrapper .faq .faq-pannel {
  padding-bottom: 15px;
  background-color: #000;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.6s ease-out, opacity 0.6s ease-out;
}
.faq-container-glowna .faq-wrapper .faq .faq-pannel p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
  line-height: normal;
  margin-bottom: 15px;
}

.faq.active {
  border: none;
}

.faq.active .faq-pannel {
  max-height: 500px; /* Adjust this value if necessary */
  opacity: 1;
}

@media (max-width: 800px) {
  .faq-wrapper .faq-title {
    font-size: 36px !important;
  }
  .faq-accordion {
    padding-right: 0 !important;
    gap: 30px !important;
    text-align: left;
  }
  .faq-pannel p {
    font-size: 16px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ikony-cechy-desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .ikony-cechy-mobile {
    display: none !important;
  }
}
.features-flex {
  display: flex;
  justify-content: space-between;
  margin-top: 5px !important;
  margin: 0;
}

.feature-item, .feature-item1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.feature-item:hover, .feature-item1:hover {
  transform: translateY(-5px);
}

.feature-icon {
  display: flex;
  margin-top: 10px;
  width: 15px;
  height: 15px !important;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20%;
  box-shadow: 0 4px 12px rgba(58, 86, 240, 0.3);
  background: linear-gradient(to right, #000, #0983A0 40.01%);
}

.feature-title {
  font-style: normal;
  font-weight: 600;
  color: #fff;
  margin: 0;
  line-height: normal;
}
@media (max-width: 415px) {
  .feature-title {
    font-size: 13px;
  }
}

.feature-text {
  font-style: normal;
  font-weight: 400;
  color: #fff;
  margin: 0;
}
@media (max-width: 415px) {
  .feature-text {
    font-size: 12px;
  }
}

/* Nowe style dla sekcji z wideo */
.desktop-video-section {
  display: none; /* Domyślnie ukryte na mobile */
  padding: 0 !important;
}

.desktop-video-wrapper {
  display: flex;
  height: 80vh;
  width: 100vw;
}
.desktop-video-wrapper .text-column {
  justify-content: center;
}
.desktop-video-wrapper .text-column .text-cechy-container {
  text-align: center;
}
.desktop-video-wrapper .text-column .text-cechy-container .line-rest {
  text-align: center;
}

.desktop-video-wrapper-reverse {
  display: flex;
  flex-direction: row-reverse;
  height: 80vh;
  width: 100vw;
}
.desktop-video-wrapper-reverse .text-column {
  justify-content: center;
}
.desktop-video-wrapper-reverse .text-column .text-cechy-container {
  text-align: center;
}
.desktop-video-wrapper-reverse .text-column .text-cechy-container .line-rest {
  text-align: center;
}

.text-column {
  flex: 1;
  background: #000;
  display: flex;
  align-items: center;
}

.video-column {
  flex: 1;
  position: relative;
}

.cutfree-video {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.mobile-video-section {
  position: relative;
  height: 50vh;
  display: block;
}

.mobile-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Ukrywanie niepotrzebnych elementów */
.cechy-image-1 {
  background-image: none !important;
}

/* Responsywność */
@media (min-width: 769px) {
  .desktop-video-section {
    display: block;
  }
  .mobile-video-section {
    display: none;
  }
}
@media (max-width: 768px) {
  .desktop-video-section {
    display: none;
  }
  .mobile-video-section {
    display: block;
  }
  .desktop-video-wrapper {
    height: 100%;
  }
  .desktop-video-wrapper .text-column {
    display: none;
  }
  .desktop-video-wrapper-reverse {
    height: 100%;
  }
  .desktop-video-wrapper-reverse .text-column {
    display: none;
  }
}
.cechy-image-container {
  background-size: cover; /* Or use 'contain' depending on the effect you want */
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  min-height: 80vh;
}

.cechy-image-1 {
  background-image: url(https://shav.com/wp-content/uploads/shav-cutfree-desktop.jpg) !important;
  justify-content: flex-end;
  margin-top: -1px;
}
.cechy-image-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 260px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  z-index: 1;
}

.cechy-image-najlepszy {
  background-image: url(https://shav.com/wp-content/uploads/najlepszy-2-1.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}
.cechy-image-najlepszy::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 260px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  z-index: 1;
}

.cechy-image-trymer-1 {
  background-image: url(https://shav.com/wp-content/uploads/trymer-desktop-cehy-cutfree.jpg) !important;
  justify-content: flex-end;
  margin-top: -1px;
}
.cechy-image-trymer-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 260px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  z-index: 1;
}

.cechy-image-handler-3 {
  background-image: url(https://shav.com/wp-content/uploads/baner1-2000x1000-1.jpg) !important;
  justify-content: flex-end;
  margin-top: -1px;
}
.cechy-image-handler-3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 260px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  z-index: 1;
}

.cechy-image-shavwomen-1 {
  background-image: url(https://shav.com/wp-content/uploads/szachownica-1-2-1.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-shavwomen-2 {
  background-image: url(https://shav.com/wp-content/uploads/szachownica-ruda-2-1.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-shavwomen-3 {
  background-image: url(https://shav.com/wp-content/uploads/shavwoman-szachownica-1.jpg) !important;
  justify-content: flex-start;
  margin-top: -1px;
}

.cechy-image-shavwomen-4 {
  background-image: url(https://shav.com/wp-content/uploads/shavwoman-szachownica-2.jpg) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-crowner-1 {
  background-image: url(https://shav.com/wp-content/uploads/glowa-2-1_.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-crowner-2 {
  background-image: url(https://shav.com/wp-content/uploads/reka-2-1.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-crowner-3 {
  background-image: url(https://shav.com/wp-content/uploads/shav-crowner-szachownica2v2.jpg) !important;
  justify-content: flex-start;
  margin-top: -1px;
}
.cechy-image-crowner-3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 260px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  z-index: 1;
}

.cechy-image-crowner-4 {
  background-image: url(https://shav.com/wp-content/uploads/shav-crowner-szachownica1v2.jpg) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-bokserki-1 {
  background-image: url(https://shav.com/wp-content/uploads/bokserki-2-2-1.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-bokserki-2 {
  background-image: url(https://shav.com/wp-content/uploads/GYATTTTT-2_1.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-bokserki-3 {
  background-image: url(https://shav.com/wp-content/uploads/bokserki-1-2-1.png) !important;
  justify-content: flex-start;
  margin-top: -1px;
}
.cechy-image-bokserki-3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 260px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  z-index: 1;
}

.cechy-image-bokserki-4 {
  background-image: url(https://shav.com/wp-content/uploads/bokserki-4-2-1.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-2 {
  background-image: url(https://shav.com/wp-content/uploads/shav-wodoodporna-desktop.jpg) !important;
  justify-content: flex-start;
  margin-top: -1px;
}

.cechy-image-pewnosc {
  background-image: url(https://shav.com/wp-content/uploads/szachownicanew-2-1.png) !important;
  justify-content: flex-start;
  margin-top: -1px;
}

.cechy-image-trymer-2 {
  background-image: url(https://shav.com/wp-content/uploads/wodoodpornosc-desktop-szachownica.png) !important;
  justify-content: flex-start;
  margin-top: -1px;
}

.cechy-image-handler-1 {
  background-image: url(https://shav.com/wp-content/uploads/handler-lewy-2-2-1.png) !important;
  justify-content: flex-start;
  margin-top: -1px;
}

.cechy-image-balsam-1 {
  background-image: url(https://shav.com/wp-content/uploads/szachownica-kosmetyki1-desktop.png) !important;
  justify-content: flex-start;
  margin-top: -1px;
}

.cechy-image-dezo-1 {
  background-image: url(https://shav.com/wp-content/uploads/szachownica-kosmetyki-desktop5.png) !important;
  justify-content: flex-start;
  margin-top: -1px;
}

.cechy-image-balsam-3 {
  background-image: url(https://shav.com/wp-content/uploads/shav-grafika-balsam.jpg) !important;
  justify-content: flex-start;
  margin-top: -1px;
}

.cechy-image-dezo-3 {
  background-image: url(https://shav.com/wp-content/uploads/shav-grafika-dezodorant.jpg) !important;
  justify-content: flex-start;
  margin-top: -1px;
}

.cechy-image-3 {
  background-image: url(https://shav.com/wp-content/uploads/shav-zero-desktop.jpg) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-trymer-3 {
  background-image: url(https://shav.com/wp-content/uploads/trymer-komfort-desktop.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-handler-2 {
  background-image: url(https://shav.com/wp-content/uploads/handler-prawy-2-1.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-balsam-2 {
  background-image: url(https://shav.com/wp-content/uploads/szachownica-kosmetyki-desktop6.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-dezo-2 {
  background-image: url(https://shav.com/wp-content/uploads/szachownica-kosmetyki-desktop4.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-balsam-4 {
  background-image: url(https://shav.com/wp-content/uploads/szachownica-kosmetyki-desktop2.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-dezo-4 {
  background-image: url(https://shav.com/wp-content/uploads/szachownica-kosmetyki-desktop3.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-4 {
  background-image: url(https://shav.com/wp-content/uploads/shav-led-desktop.jpg) !important;
  justify-content: flex-start;
  margin-top: -1px;
}

.cechy-image-5 {
  background-image: url(https://shav.com/wp-content/uploads/shav-dwa-ostrza-desktop.jpg) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-trymer-4 {
  background-image: url(https://shav.com/wp-content/uploads/trymer-cechy-stalowe-desktop.jpg) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-handler-4 {
  background-image: url(https://shav.com/wp-content/uploads/baner-2-2000x1000-1.jpg) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-ostrzestalowe {
  background-image: url(https://shav.com/wp-content/uploads/shav-stalowe-desktop.jpg) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-ostrzeklasyczne {
  background-image: url(https://shav.com/wp-content/uploads/shav_1_desktop-scaled.jpg) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-maszynkatrymerzestaw {
  background-image: url(https://shav.com/wp-content/uploads/maszynkatrymer-zestaw-desktop.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-pelnyzestaw {
  background-image: url(https://shav.com/wp-content/uploads/pelnyzestaw-desktop.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-ostrzefoliowe {
  background-image: url(https://shav.com/wp-content/uploads/shav-foliowe-desktop.jpg) !important;
  justify-content: flex-start;
  margin-top: -1px;
}

.cechy-image-ostrzefoliowe2 {
  background-image: url(https://shav.com/wp-content/uploads/shav-foliowe-desktop.jpg) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-ostrzetrymer {
  background-image: url(https://shav.com/wp-content/uploads/desktop_ostrze.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-etui {
  background-image: url(https://shav.com/wp-content/uploads/shav-etui-desktop.jpg) !important;
  justify-content: flex-end;
  margin-top: -1px;
}

.cechy-image-hurt {
  background-image: url(https://shav.com/wp-content/uploads/shav-mapa.png) !important;
  justify-content: flex-end;
  margin-top: -1px;
  padding: 0 !important;
}

.content-position-helper-mapa {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 140px;
}
.content-position-helper-mapa .text-cechy-container-mapa {
  max-width: 900px !important;
}
.content-position-helper-mapa .text-cechy-container {
  text-align: center;
}
.content-position-helper-mapa .text-cechy-container .desktop-cechy {
  text-align: center !important;
}

.cechy-inner-wrapper-mapa {
  height: 100% !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background: linear-gradient(1deg, #000 0%, rgba(0, 0, 0, 0.38) 15%, rgba(0, 0, 0, 0) 48%);
}

.content-position-helper-mapa-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 39px;
  width: 100%;
  padding-bottom: 50px;
  padding-top: 190px;
}
.content-position-helper-mapa-text span {
  color: #FFF;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%; /* 37.68px */
  text-transform: uppercase;
}

.hurtdesign-container {
  display: flex;
  flex-direction: column;
}

.hurt-swiper-container {
  height: 39vh !important;
}
.hurt-swiper-container .about-us-logos {
  margin-top: 0 !important;
}

@media only screen and (min-width: 768px) {
  .mobile-cechy-container {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .cechy-image-bokserki-1 {
    background-image: url(https://shav.com/wp-content/uploads/bokserki-2-4-5.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-bokserki-2 {
    background-image: url(https://shav.com/wp-content/uploads/GYATTT-4_5.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-bokserki-3 {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/bokserki-1-4-5.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-bokserki-3::before {
    display: none;
  }
  .cechy-image-bokserki-4 {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/bokserki-4-4-5.png) !important;
    background-size: cover;
    background-position: center;
  }
  .mapa-cechy {
    margin-bottom: -39px !important;
  }
  #etui-cechy.mobile-cechy-container {
    margin-top: -50px;
  }
  .content-position-helper-mapa-text {
    flex-direction: column !important;
    gap: 16px !important;
    padding-bottom: 66px !important;
    padding-top: 54px !important;
  }
  .content-position-helper-mapa-text span {
    color: #FFF;
    font-family: "bebas-neue-pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 117.75%; /* 18.84px */
    text-transform: uppercase;
  }
  #hurt-swiper-container-id {
    height: 25vh !important;
  }
  .cechy-image-1 {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/shav-cutfree-mobile.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-1::before {
    display: none;
  }
  .cechy-image-najlepszy {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/najlepszy-4-5.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-najlepszy::before {
    display: none;
  }
  .cechy-image-trymer-1 {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/trymer-cechy-cutfree-mobile.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-trymer-1::before {
    display: none;
  }
  .cechy-image-handler-3 {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/baner-1-800x1000-1.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-handler-3::before {
    display: none;
  }
  .cechy-image-2 {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/shav-wodoodporna-mobile.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-pewnosc {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/szachownicanew-4-5.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-trymer-2 {
    background-image: url(https://shav.com/wp-content/uploads/wodoodpornosc-mobile.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-handler-1 {
    background-image: url(https://shav.com/wp-content/uploads/handler-2-4-5.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-balsam-1 {
    background-image: url(https://shav.com/wp-content/uploads/szachownica-kosmetyki1-mobile.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-dezo-1 {
    background-image: url(https://shav.com/wp-content/uploads/szachownica-kosmetyki-mobile5.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-balsam-3 {
    background-image: url(https://shav.com/wp-content/uploads/asdf.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-dezo-3 {
    background-image: url(https://shav.com/wp-content/uploads/asdas.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-3 {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/shav-zero-mobile.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-trymer-3 {
    background-image: url(https://shav.com/wp-content/uploads/komfort-mobile.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-shavwomen-1 {
    background-image: url(https://shav.com/wp-content/uploads/szachownica-1-4-5.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-shavwomen-2 {
    background-image: url(https://shav.com/wp-content/uploads/szachownica-ruda-4-5.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-shavwomen-3 {
    background-image: url(https://shav.com/wp-content/uploads/shavwoman-szachownica-mobile-1.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-shavwomen-4 {
    background-image: url(https://shav.com/wp-content/uploads/shavwoman-szachownica-mobile-2.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-crowner-1 {
    background-image: url(https://shav.com/wp-content/uploads/glowa-4-5.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-crowner-2 {
    background-image: url(https://shav.com/wp-content/uploads/reka-4-5.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-crowner-3 {
    background-image: url(https://shav.com/wp-content/uploads/2-2.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-crowner-4 {
    background-image: url(https://shav.com/wp-content/uploads/1.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-handler-2 {
    background-image: url(https://shav.com/wp-content/uploads/handler-1-4-5.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-balsam-2 {
    background-image: url(https://shav.com/wp-content/uploads/szachownica-kosmetyki-mobile6.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-dezo-2 {
    background-image: url(https://shav.com/wp-content/uploads/szachownica-kosmetyki-mobile4.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-balsam-4 {
    background-image: url(https://shav.com/wp-content/uploads/szachownica-kosmetyki-mobile2.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-dezo-4 {
    background-image: url(https://shav.com/wp-content/uploads/szachownica-kosmetyki-mobile3.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-4 {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/shav-led-mobile.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-5 {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/shav-dwa-ostrza-mobile.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-trymer-4 {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/trymer-cechy-stalowe-mobile.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-handler-4 {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/baner-2-800x1000-1.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-ostrzestalowe {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/shav-stalowe-mobile.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-ostrzeklasyczne {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/shav_1_mobile.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-maszynkatrymerzestaw {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/Shav_zestaw.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-pelnyzestaw {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/zestaw_pelny_mobile.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-ostrzefoliowe {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/shav-foliowe-mobile.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-ostrzefoliowe2 {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/shav-foliowe-mobile.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-ostrzetrymer {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/mobile_ostrze.png) !important;
    background-size: cover;
    background-position: center;
  }
  .cechy-image-etui {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 50px, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) 100%), url(https://shav.com/wp-content/uploads/shav-etui-mobile.jpg) !important;
    background-size: cover;
    background-position: center;
  }
  .desktop-cechy {
    display: none;
  }
  .mobile-cechy-container {
    padding: 20px;
    background-color: #000 !important;
    background: linear-gradient(0deg, #000 -4.62%, rgba(0, 0, 0, 0) 40.75%);
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: color 1s;
    margin-top: -1px;
  }
  .mobile-cechy-container .text-cechy-container-mobile {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 1300px;
    text-align: center;
    color: #fff;
    padding: 20px;
    margin: 15px;
  }
  .mobile-cechy-container .text-cechy-container-mobile .line {
    opacity: 1; /* Start hidden */
  }
}
.cechy-container {
  padding: 20px;
  height: 80vh;
  display: flex;
  align-items: center;
  transition: color 1s;
}
.cechy-container .text-cechy-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 600px;
  text-align: left;
  color: #fff;
  padding: 0;
  margin: 0;
}
.cechy-container .text-cechy-container .line {
  opacity: 1; /* Start hidden */
}
.cechy-container .text-cechy-container .line-head {
  font-family: "bebas-neue-pro", sans-serif !important;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase !important;
  margin-bottom: 5px !important;
}
.cechy-container .text-cechy-container .line-rest {
  font-size: 20px !important;
  max-width: 800px;
  text-align: left;
  font-family: "Roboto", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

@media (max-width: 1050px) {
  .text-cechy-container .line-head {
    font-family: "bebas-neue-pro", sans-serif !important;
    font-size: 43px !important;
    text-transform: uppercase !important;
  }
  .text-cechy-container .line-rest {
    font-size: 20px !important;
  }
  .text-cechy-container-mobile .line-head {
    font-family: "bebas-neue-pro", sans-serif !important;
    font-size: 48px !important;
    text-transform: uppercase !important;
    margin-bottom: 5px !important;
  }
  .text-cechy-container-mobile .line-rest {
    font-size: 20px !important;
  }
}
@media (max-width: 800px) {
  .cechy-image-container {
    height: 0;
    min-height: 0;
  }
  .cechy-container {
    height: 50vh !important;
    padding: 0;
  }
  .cechy-container::after {
    display: none;
  }
  .cechy-container-2 {
    height: 39vh !important;
    padding: 0;
  }
  .cechy-container-2::after {
    display: none;
  }
  .cechy-image-5 {
    height: 57vh !important;
  }
  .text-cechy-container {
    text-align: center !important;
  }
  .text-cechy-container .line-head {
    font-family: "bebas-neue-pro", sans-serif !important;
    font-size: 36px !important;
    text-transform: uppercase !important;
  }
  .text-cechy-container .line-rest {
    font-size: 14px !important;
    text-align: center !important;
  }
  .text-cechy-container-mobile .line-head {
    font-family: "bebas-neue-pro", sans-serif !important;
    text-align: center !important;
    font-size: 36px !important;
    text-transform: uppercase !important;
  }
  .text-cechy-container-mobile .line-rest {
    font-size: 14px !important;
    text-align: center !important;
  }
}
@media (max-width: 600px) {
  .text-cechy-container-mobile .line-head {
    font-family: "bebas-neue-pro", sans-serif !important;
    text-align: center !important;
    font-size: 36px !important;
    text-transform: uppercase !important;
  }
  .text-cechy-container-mobile .line-rest {
    font-size: 14px !important;
    text-align: center !important;
  }
  .text-cechy-container-mobile .line-head {
    font-family: "bebas-neue-pro", sans-serif !important;
    font-size: 36px !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }
  .text-cechy-container-mobile .line-rest {
    font-size: 14px !important;
    text-align: center !important;
  }
}
.cechy-inner-wrapper {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.cechy-inner-wrapper-start {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.pudelko-container {
  background-image: url(https://shav.com/wp-content/uploads/shav-zawartosc-pudelka.jpg);
  background-size: cover; /* Or use 'contain' depending on the effect you want */
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  height: 90vh;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pudelko-container-trymer {
  background-image: url(https://shav.com/wp-content/uploads/trymer-zawartosc-pudelka.png);
  background-size: cover; /* Or use 'contain' depending on the effect you want */
  background-position: center;
  background-position-y: 45%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pudelko-container-handler {
  background-image: url(https://shav.com/wp-content/uploads/Projekt-bez-nazwy-14.png);
  background-size: cover; /* Or use 'contain' depending on the effect you want */
  background-position: center;
  background-position-y: 45%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 786px) {
  .pudelko-container-mobile {
    height: 59vh;
    min-height: 50vh;
    padding: 0 !important;
    margin-bottom: -1px;
    margin-top: -1px;
  }
  .pudelko-container-mobile-trymer {
    height: 59vh;
    min-height: 50vh;
    padding: 0 !important;
    margin-bottom: -1px;
    margin-top: -1px;
  }
  .pudelko-container-mobile-handler {
    height: 59vh;
    min-height: 50vh;
    padding: 0 !important;
    margin-bottom: -1px;
    margin-top: -1px;
  }
  .mobile-onas-head {
    height: 21vh !important;
    min-height: 20vh !important;
  }
  .mobile-onas-head #text-container {
    display: none !important;
  }
}
@media (max-width: 786px) {
  .ogrodnik-container {
    background-position-x: 30% !important;
    height: 43vh !important;
    min-height: 30vh !important;
    background-size: 159% !important;
    background-position-x: 29% !important;
    padding: 0 !important;
  }
  .ogrodnik-container .text-ogrodnik-father #text-container-ogrodnik {
    margin-top: -69px !important;
    max-width: 248px !important;
    margin: 0 !important;
  }
  .ogrodnik-container .text-ogrodnik-father .line-rest {
    font-size: 16px !important;
  }
  .model-trymer-container {
    height: 59vh !important;
    min-height: 30vh !important;
    padding: 0 !important;
    align-items: flex-start !important;
  }
  .model-trymer-container .text-ogrodnik-father {
    margin-top: 3rem;
  }
  .model-trymer-container .text-ogrodnik-father #text-container-ogrodnik {
    margin-top: -69px !important;
    max-width: 329px !important;
    margin: 0 auto !important;
  }
  .model-trymer-container .text-ogrodnik-father .line-rest {
    font-size: 16px !important;
  }
}
.ogrodnik-container {
  background-image: url(https://shav.com/wp-content/uploads/kule-produktowa-16-9.png);
  padding: 20px;
  background-size: cover; /* Or use 'contain' depending on the effect you want */
  background-position: top;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  height: 67vh;
  min-height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ogrodnik-container .text-ogrodnik-father {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.ogrodnik-container .text-ogrodnik-father #text-container-ogrodnik {
  display: flex;
  flex-direction: column;
  max-width: 476px;
  text-align: left;
  color: #fff;
  padding: 0;
  margin: 0;
}
.ogrodnik-container .text-ogrodnik-father #text-container-ogrodnik .line-head {
  font-family: "bebas-neue-pro", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  font-size: 64px;
  margin-bottom: 5px !important;
  text-transform: uppercase !important;
  color: #FFF;
  text-align: left;
}
.ogrodnik-container .text-ogrodnik-father #text-container-ogrodnik .line-rest {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  max-width: 800px;
  text-transform: uppercase;
  font-weight: 400;
  font-weight: 500;
  font-style: normal;
  color: #FFF;
  text-align: left;
}

.model-trymer-container {
  background-image: url(https://shav.com/wp-content/uploads/trymer-50_50.png);
  padding: 20px;
  background-size: cover; /* Or use 'contain' depending on the effect you want */
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  height: 90vh;
  min-height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.model-trymer-container .text-ogrodnik-father {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.model-trymer-container .text-ogrodnik-father #text-container-ogrodnik {
  display: flex;
  flex-direction: column;
  max-width: 476px;
  text-align: left;
  color: #fff;
  padding: 0;
  margin: 0;
}
.model-trymer-container .text-ogrodnik-father #text-container-ogrodnik .line-head {
  font-family: "bebas-neue-pro", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  font-size: 64px;
  margin-bottom: 5px !important;
  text-transform: uppercase !important;
  color: #FFF;
  text-align: center;
}
.model-trymer-container .text-ogrodnik-father #text-container-ogrodnik .line-rest {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  max-width: 800px;
  text-transform: uppercase;
  font-weight: 400;
  font-weight: 500;
  font-style: normal;
  color: #FFF;
  text-align: left;
}

@media (max-width: 786px) {
  .model-trymer-container {
    background-image: url(https://shav.com/wp-content/uploads/5050-mobile.png) !important;
  }
}
.blacktext-container-mobile {
  background: #000;
  padding: 20px;
  min-height: 50vh;
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 1s;
}
.blacktext-container-mobile #text-container-mobile {
  margin: 0 auto;
  max-width: 1300px;
  text-align: center;
  color: #fff;
  padding: 20px;
  margin: 15px;
}
.blacktext-container-mobile #text-container-mobile .line {
  opacity: 1; /* Start hidden */
}
.blacktext-container-mobile #text-container-mobile .line-head-mobile {
  font-family: "bebas-neue-pro", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  font-size: 64px;
  margin-bottom: 5px !important;
  text-transform: uppercase !important;
  margin-top: 0.67em;
}
.blacktext-container-mobile #text-container-mobile .line-rest-mobile {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  max-width: 800px;
  text-align: center;
  font-weight: 400;
  font-weight: 500;
  font-style: normal;
}

@media (max-width: 1050px) {
  .line-head-mobile {
    font-size: 64px !important;
  }
  .line-rest-mobile {
    font-size: 20px !important;
  }
}
@media (max-width: 800px) {
  .line-head-mobile {
    font-size: 36px !important;
  }
  .line-rest-mobile {
    font-size: 14px !important;
  }
}
@media (max-width: 600px) {
  .line-head-mobile {
    font-size: 36px !important;
  }
  .line-rest-mobile {
    font-size: 14px !important;
  }
}
@media (max-width: 786px) {
  .blacktext-container-mobile {
    background: transparent !important;
    min-height: 20vh !important;
    height: 30vh !important;
    z-index: 1 !important;
    margin-top: 207px;
  }
  .blacktext-container-shav1 {
    min-height: 30vh !important;
    height: 30vh !important;
  }
  .blacktext-container {
    display: none !important;
  }
  .onas-head-container-mobile h2 {
    margin: 0;
  }
  .onas-head-container-mobile #text-container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1300px;
    text-align: center;
    color: #fff;
    padding: 20px;
    margin: 15px;
    gap: 32px;
    z-index: 2;
  }
  .onas-head-container-mobile #text-container .text-container-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .onas-head-container-mobile #text-container .line {
    opacity: 1; /* Start hidden */
  }
  .onas-head-container-mobile #text-container .line-head-1 {
    font-family: "bebas-neue-pro", sans-serif;
    color: #FFF;
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 117.75%; /* 75.36px */
    text-transform: uppercase;
  }
  .onas-head-container-mobile #text-container .line-head-2 {
    color: #0983A0;
    text-align: center;
    font-family: "bebas-neue-pro", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 117.75%; /* 37.68px */
    text-transform: uppercase;
  }
  .onas-head-container-mobile #text-container .line-rest {
    font-family: "roboto", sans-serif !important;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 1000px;
  }
}
.onas-head-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  z-index: 1;
}

.onas-head-container {
  padding: 20px;
  min-height: 50vh;
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background: url(https://shav.com/wp-content/uploads/shav-team.png) black 0px -0.191px/100% 121.725% no-repeat;
  background-size: cover;
  background-position: center;
}
.onas-head-container h2 {
  margin: 0;
}
.onas-head-container #text-container {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1300px;
  text-align: center;
  color: #fff;
  padding: 20px;
  margin: 15px;
  gap: 32px;
  z-index: 2;
}
.onas-head-container #text-container .text-container-head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.onas-head-container #text-container .line {
  opacity: 1; /* Start hidden */
}
.onas-head-container #text-container .line-head-1 {
  font-family: "bebas-neue-pro", sans-serif;
  color: #FFF;
  text-align: center;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%; /* 75.36px */
  text-transform: uppercase;
}
.onas-head-container #text-container .line-head-2 {
  color: #0983A0;
  text-align: center;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%; /* 37.68px */
  text-transform: uppercase;
}
.onas-head-container #text-container .line-rest {
  font-family: "roboto", sans-serif !important;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 1000px;
}

.blacktext-container, .blacktext-container-shav1 {
  background: #000;
  padding: 20px;
  min-height: 50vh;
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 1s;
}
.blacktext-container #text-container, .blacktext-container-shav1 #text-container {
  margin: 0 auto;
  max-width: 1300px;
  text-align: center;
  color: #fff;
  padding: 20px;
  margin: 15px;
}
.blacktext-container #text-container .line, .blacktext-container-shav1 #text-container .line {
  opacity: 1; /* Start hidden */
}
.blacktext-container #text-container .line-head, .blacktext-container-shav1 #text-container .line-head {
  font-family: "bebas-neue-pro", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  font-size: 64px;
  margin-bottom: 5px !important;
  text-transform: uppercase !important;
  margin-top: 0.67em;
}
.blacktext-container #text-container .line-rest, .blacktext-container-shav1 #text-container .line-rest {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  max-width: 800px;
  text-align: center;
  font-weight: 400;
  font-weight: 500;
  font-style: normal;
}

@media (max-width: 1050px) {
  .line-head {
    font-size: 64px !important;
  }
  .line-rest {
    font-size: 20px !important;
  }
}
@media (max-width: 800px) {
  .line-head {
    font-size: 36px !important;
  }
  .line-rest {
    font-size: 14px !important;
  }
}
@media (max-width: 600px) {
  .line-head {
    font-size: 36px !important;
  }
  .line-rest {
    font-size: 14px !important;
  }
}
.blacktext-container-wysylka {
  background: #000;
  color: #fff;
  padding: 20px;
  height: auto;
  display: flex;
  transition: color 1s;
  margin-top: -1px;
}
.blacktext-container-wysylka .metody-wysylki-textcontainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 95px;
  gap: 32px;
}
.blacktext-container-wysylka .metody-wysylki-textcontainer .metody-wysylki-header {
  color: #0983A0;
  text-align: center;
  /* Roboto */
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  align-self: stretch;
}
.blacktext-container-wysylka .metody-wysylki-textcontainer .metody-wysylki-p {
  max-width: 916px;
  color: #fff;
  text-align: center;
  /* Roboto */
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
.blacktext-container-wysylka .metody-wysylki-textcontainer .metody-wysylki-h2 {
  color: #FFF;
  text-align: center;
  /* Roboto */
  font-family: Roboto;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
.blacktext-container-wysylka .metody-wysylki-textcontainer .metody-wysylki-ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
  list-style-position: inside;
  margin-bottom: 0;
  padding-left: 0;
}
.blacktext-container-wysylka .metody-wysylki-textcontainer .metody-wysylki-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blacktext-container-wysylka .metody-wysylki-textcontainer .metody-wysylki-list li {
  color: #FFF;
  text-align: center;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  list-style: none;
}
.blacktext-container-wysylka .metody-wysylki-textcontainer .metody-wysylki-list span {
  text-align: center;
  color: #FFF;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 1.2px;
}

.metody-platnosci-ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 0;
  margin-top: 24px;
}
.metody-platnosci-ul .metody-platnosci-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.metody-platnosci-ul .metody-platnosci-list .metody-platnosci-list-left {
  max-width: 560px;
  flex: 1 0 0;
}
.metody-platnosci-ul .metody-platnosci-list .metody-platnosci-list-left li {
  color: #FFF;
  font-family: "roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  list-style: none !important;
  text-transform: uppercase;
}
.metody-platnosci-ul .metody-platnosci-list .metody-platnosci-list-left span {
  color: #FFF;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 1.2px;
}
.metody-platnosci-ul .metody-platnosci-list .metody-platnosci-list-right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.metody-wysylki-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 53px;
  align-self: stretch;
}

@media (max-width: 786px) {
  .metody-platnosci-ul {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .metody-platnosci-list-left {
    flex-basis: 70% !important;
  }
  .metody-platnosci-list-left li {
    font-size: 14px !important;
  }
  .metody-platnosci-list-left span {
    font-size: 14px !important;
  }
  .blacktext-container-wysylka {
    padding-top: 35px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 35px;
    height: auto !important;
    margin-top: -1px;
  }
  .metody-wysylki-header {
    font-size: 36px !important;
  }
  .metody-wysylki-p {
    font-size: 14px !important;
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .metody-wysylki-h2 {
    font-size: 14px !important;
    font-weight: 700 !important;
  }
  .metody-wysylki-list li {
    font-size: 14px !important;
  }
  .metody-wysylki-list span {
    font-size: 14px !important;
  }
  .metody-wysylki-icons {
    gap: 24px;
  }
  .metody-wysylki-icons svg {
    width: 53px;
  }
  .metody-platnosci-list-right svg {
    width: 43px !important;
  }
}
.metody-wysylki-kup-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  width: 100%;
}
.metody-wysylki-kup-container .metody-wysylki-left-container {
  flex-basis: 65%;
  align-items: flex-start;
  gap: 32px;
  max-width: 700px;
}
.metody-wysylki-kup-container .metody-wysylki-left-container .kup-text {
  color: #fff;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 150% */
  letter-spacing: 2px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.metody-wysylki-kup-container .metody-wysylki-left-container h1, .metody-wysylki-kup-container .metody-wysylki-left-container h2 {
  color: #FFF;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%; /* 75.36px */
  text-transform: uppercase;
  margin-bottom: 16px;
  margin-top: 0;
}
.metody-wysylki-kup-container .metody-wysylki-left-container p {
  color: #FFF;
  /* Roboto */
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 26px;
}
.metody-wysylki-kup-container .metody-wysylki-left-container button {
  border-radius: 8px;
  background: #065C70;
  display: flex;
  width: 462px;
  height: 52px;
  padding: 10px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: 0;
}
.metody-wysylki-kup-container .metody-wysylki-left-container button:hover {
  background-color: #03343F; /* Darker shade on hover */
  cursor: pointer;
  border: 0;
}
.metody-wysylki-kup-container .metody-wysylki-right-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 55%;
  width: 38%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, #000 80%);
  z-index: 1;
}
.metody-wysylki-kup-container .metody-wysylki-right-container .metody-wysylki-right-image {
  height: 571px;
  flex-shrink: 0;
}
.metody-wysylki-kup-container .metody-wysylki-right-container-glowna .metody-wysylki-right-image {
  width: 579px;
  height: 571px;
  flex-shrink: 0;
}

.about-us-span-wysylka-container {
  cursor: pointer;
  transition: transform 0.2s;
}

.about-us-span-wysylka-container:hover {
  animation: bounce 0.6s infinite alternate;
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.changebox {
  margin: 0 5px;
  white-space: nowrap;
  color: #fff;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 150% */
  letter-spacing: 2px;
  text-transform: uppercase;
  display: inline-block;
  height: 30px; /* Adjust based on your line-height */
  position: relative;
  vertical-align: bottom;
}

.changebox span {
  color: #0983A0;
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.8s ease-in;
  opacity: 0;
}

.changebox span.active {
  transform: translateY(0);
  opacity: 1;
}

.test-flex {
  display: flex;
}

.shav-color {
  color: #0983A0;
  font-weight: 500;
}

.button-link {
  text-decoration: none; /* Remove underline from the link */
}

@media (max-width: 786px) {
  .metody-wysylki-kup-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 32px;
  }
  .ikony-subcontainer {
    gap: 45px !important;
  }
  .metody-wysylki-right-container::before {
    content: "";
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 69% !important;
    background: linear-gradient(177deg, rgba(0, 0, 0, 0) 22%, #000 99%) !important;
    z-index: 1;
  }
  .metody-wysylki-right-container img {
    max-width: 100%;
    height: auto !important;
  }
  .metody-wysylki-left-container {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
  }
  .metody-wysylki-left-container h2, .metody-wysylki-left-container h1 {
    text-align: center !important;
    color: #FFF;
    font-family: "bebas-neue-pro", sans-serif !important;
    font-size: 34px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 117.75%;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 0 !important;
  }
  .metody-wysylki-left-container p {
    font-size: 14px !important;
    margin: 0;
    text-align: center;
    margin-bottom: 4px !important;
    padding: 0 15px;
    line-height: normal !important;
  }
  .metody-wysylki-left-container a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .metody-wysylki-left-container button {
    max-width: 80vw !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .test-flex {
    width: 79vw !important;
    margin-top: 48px;
  }
  .test-flex .kup-text {
    padding-right: 0 !important;
  }
  .changebox {
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 30px !important; /* 187.5% */
    margin-top: -4px !important;
  }
}
@media (max-width: 600px) {
  .metody-wysylki-right-container::before {
    height: 62% !important;
  }
}
@media (max-width: 500px) {
  .metody-wysylki-right-container::before {
    height: 60% !important;
  }
}
.blacktext-container-glowna {
  background: #000;
  color: #fff;
  padding: 20px;
  height: 70vh;
  transition: color 1s;
}
.blacktext-container-glowna .glowna-ikony-container {
  height: 65vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  gap: 60px;
}
.blacktext-container-glowna .glowna-ikony-container .title-container h1, .blacktext-container-glowna .glowna-ikony-container .title-container h2 {
  color: #FFF;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 117.75%; /* 75.36px */
  text-transform: uppercase;
  margin-bottom: 16px !important;
}
.blacktext-container-glowna .glowna-ikony-container .ikony-subcontainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 60px;
  align-self: stretch;
}
.blacktext-container-glowna .glowna-ikony-container .ikony-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.blacktext-container-glowna .glowna-ikony-container .ikony-container .ikona-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.blacktext-container-glowna .glowna-ikony-container .ikony-container span {
  text-transform: uppercase;
  text-align: center;
  font-family: "roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #FFF;
}

@media (max-width: 786px) {
  .blacktext-container-glowna {
    height: auto !important;
    padding-top: 36px !important;
  }
  .glowna-ikony-container {
    height: auto !important;
    gap: 27px !important;
  }
  .glowna-ikony-container .title-container h1, .glowna-ikony-container .title-container h2 {
    font-size: 36px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 117.75% !important; /* 42.39px */
    text-shadow: 0px -4px 8px rgba(0, 0, 0, 0.68) !important;
    text-align: center;
  }
  .ikony-container {
    flex-direction: column;
    gap: 54px !important;
  }
}
@media (max-width: 786px) {
  .desktop-glowna {
    display: none !important;
  }
  .glowna-kup-container {
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .glowna-kup-container .glowna-kup-subcontainer {
    gap: 50px !important;
  }
  .mobile-glowna::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 260px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
    z-index: 1;
  }
  .mobile-glowna::after {
    content: "";
    position: absolute;
    bottom: 28%;
    left: 0;
    width: 100%;
    height: 260px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
    z-index: 1;
  }
  .mobile-glowna {
    height: 60vh;
  }
  .mobile-glowna video {
    width: auto !important;
    height: 60vh !important;
  }
}
@media (max-width: 550px) {
  .mobile-glowna::after {
    bottom: 30% !important;
    height: 160px !important;
  }
  .mobile-glowna::before {
    height: 160px !important;
  }
}
@media (max-width: 485px) {
  .mobile-glowna::after {
    bottom: 32% !important;
    height: 160px !important;
  }
}
@media (max-width: 400px) {
  .mobile-glowna::after {
    bottom: 34% !important;
  }
}
@media (max-width: 380px) {
  .mobile-glowna::after {
    bottom: 34% !important;
  }
}
@media (min-width: 787px) {
  .mobile-glowna {
    display: none !important;
  }
}
.features-camera-spec__list {
  position: relative;
  background: #000;
  color: #fff;
  padding: 20px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -1px;
}
@media (max-width: 800px) {
  .features-camera-spec__list {
    height: 80vh !important;
  }
}

.features-camera-spec__list-image {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 30px;
}

.product-image {
  height: 1000px !important;
}
@media (max-width: 1600px) {
  .product-image {
    height: 800px !important;
  }
}
@media (max-width: 1250px) {
  .product-image {
    height: 650px !important;
  }
}

#parent {
  position: relative;
}

.testowydiv, .testowydiv2 {
  opacity: 0; /* Start with opacity 0 */
  visibility: hidden; /* Ensure elements are not visible initially */
}

.testowydiv {
  position: absolute;
  width: auto;
  height: auto;
  top: 107px;
  left: 630px;
}
.testowydiv ul {
  list-style: none;
}
.testowydiv ul li {
  display: flex;
  gap: 1rem;
  margin-bottom: 16.4rem;
  align-items: center;
}
.testowydiv ul li .line-functions {
  flex-grow: 1;
  margin-top: 10px;
  margin-left: 10px;
  border-bottom: 2px solid #dadada;
  width: 250px;
  position: relative;
}
.testowydiv ul li .line-functions-angle::after {
  display: block;
  position: absolute;
  content: "";
  margin-top: 1px;
  width: 2px;
  right: -1px;
  bottom: -2px;
  height: 10px;
  background-color: #dadada;
}

.flex-functions {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: 28px;
  font-weight: 400;
  font-family: "bebas-neue-pro", sans-serif;
}
.flex-functions span {
  line-height: normal;
}

.testowydiv2 {
  position: absolute;
  width: auto;
  height: auto;
  top: 219px;
  right: 720px;
}
.testowydiv2 ul {
  list-style: none;
}
.testowydiv2 ul li {
  display: flex;
  gap: 1rem;
  margin-bottom: 17.5rem;
  align-items: center;
}
.testowydiv2 ul li .line-functions {
  flex-grow: 1;
  margin-top: 10px;
  margin-left: 10px;
  border-bottom: 2px solid #dadada;
  width: 250px;
}
.testowydiv2 ul li .line-functions-angle::after {
  display: block;
  content: "";
  margin-top: 1px;
  width: 2px;
  right: -1px;
  bottom: -2px;
  height: 10px;
  background-color: #dadada;
}

@media (max-width: 2300px) {
  .testowydiv {
    top: 107px;
    left: 540px;
  }
  .testowydiv2 {
    top: 219px;
    right: 654px;
  }
}
@media (max-width: 2150px) {
  .testowydiv {
    top: 107px;
    left: 450px;
  }
  .testowydiv2 {
    top: 219px;
    right: 560px;
  }
}
@media (max-width: 2000px) {
  .testowydiv {
    top: 107px;
    left: 386px;
  }
  .testowydiv2 {
    top: 219px;
    right: 506px;
  }
}
@media (max-width: 1800px) {
  .testowydiv {
    top: 100px;
    left: 350px;
  }
  .testowydiv2 {
    top: 219px;
    right: 430px;
  }
}
@media (max-width: 1600px) {
  .testowydiv {
    top: 86px;
    left: 213px;
  }
  .testowydiv li {
    margin-bottom: 12.4rem !important;
  }
  .testowydiv2 {
    top: 160px;
    right: 320px;
  }
  .testowydiv2 li {
    margin-bottom: 13.5rem !important;
  }
}
@media (max-width: 1500px) {
  .testowydiv {
    top: 72px;
    left: 200px;
  }
  .testowydiv2 {
    top: 145px;
    right: 265px;
  }
}
@media (max-width: 1350px) {
  .testowydiv {
    top: 64px;
    left: 86px;
  }
  .testowydiv2 {
    top: 135px;
    right: 184px;
  }
}
@media (max-width: 1200px) {
  .testowydiv {
    top: 50px;
    left: 109px;
  }
  .testowydiv li {
    margin-bottom: 9.4rem !important;
  }
  .testowydiv .line-functions {
    width: 150px !important;
  }
  .testowydiv2 {
    top: 118px;
    right: 221px;
  }
  .testowydiv2 li {
    margin-bottom: 9.5rem !important;
  }
  .testowydiv2 .line-functions {
    width: 150px !important;
  }
}
@media (max-width: 1010px) {
  .testowydiv {
    top: 40px;
    left: 25px;
  }
  .testowydiv2 {
    top: 107px;
    right: 130px;
  }
}
@media (max-width: 850px) {
  .testowydiv {
    top: 62px;
    left: -10px;
  }
  .testowydiv .line-functions {
    width: 100px !important;
  }
  .testowydiv2 {
    top: 101px;
    right: 108px;
  }
  .testowydiv2 .line-functions {
    width: 100px !important;
  }
}
@media (max-width: 780px) {
  .testowydiv {
    top: 113px;
    left: 68px;
  }
  .testowydiv li {
    margin-bottom: 9.4rem !important;
  }
  .testowydiv .line-functions {
    width: 100px !important;
  }
  .testowydiv2 {
    top: 113px;
    right: 120px;
  }
  .testowydiv2 li {
    margin-bottom: 12.5rem !important;
  }
  .testowydiv2 .line-functions {
    width: 100px !important;
  }
  .flex-functions {
    font-size: 16px;
  }
}
@media (max-width: 580px) {
  .testowydiv {
    top: 113px;
    left: 28px;
  }
  .testowydiv li {
    margin-bottom: 9.4rem !important;
  }
  .testowydiv .line-functions {
    width: 50px !important;
  }
  .testowydiv2 {
    top: 113px;
    right: 70px;
  }
  .testowydiv2 li {
    margin-bottom: 12.5rem !important;
  }
  .testowydiv2 .line-functions {
    width: 54px !important;
  }
  .flex-functions {
    font-size: 16px;
  }
}
@media (max-width: 510px) {
  .testowydiv {
    top: 74px;
    left: -40px;
  }
  .testowydiv li {
    margin-bottom: 11rem !important;
  }
  .testowydiv .line-functions {
    width: 50px !important;
  }
  .testowydiv2 {
    top: 113px;
    right: 40px;
  }
  .testowydiv2 li {
    margin-bottom: 12.5rem !important;
  }
  .testowydiv2 .line-functions {
    width: 50px !important;
  }
  .flex-functions {
    font-size: 16px;
  }
}
@media (max-width: 410px) {
  .testowydiv {
    top: 74px;
    left: -50px;
  }
  .testowydiv2 {
    top: 142px;
    right: 19px;
  }
  .testowydiv2 li {
    margin-bottom: 11.5rem !important;
  }
}
@media (max-width: 376px) {
  .testowydiv2 li {
    margin-bottom: 11.5rem;
  }
}
@media (max-width: 768px) {
  .logovideo-desktop {
    display: none;
  }
}
@media (min-width: 769px) {
  .logovideo-mobile {
    display: none;
  }
}
.video-container {
  width: 100%;
  min-height: 50vh;
  height: 80vh;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
  background-color: #000;
}
.video-container video {
  width: 100%;
  height: auto;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.video-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 270px; /* Adjust the height as needed */
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  pointer-events: none; /* Ensure the pseudo-element does not interfere with video interactions */
}

.video-scroll {
  width: 100%;
  height: auto;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.video-container2 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: -1px;
}

.video-scroll2 {
  width: 100%;
  height: auto;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 768px) {
  .video-container {
    height: 80vh;
    height: 90%;
  }
  .video-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    min-height: 90%;
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
  }
  .video-scroll {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    min-height: 73%;
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
  }
  .video-scroll2 {
    width: 100%;
    height: 100vh;
  }
}
.platnosci-container {
  background: linear-gradient(180deg, rgb(0, 0, 0) 20%, #063E4B 53%, rgb(0, 0, 0) 100%);
  min-height: 100vh;
  padding: 0;
  margin: 0;
  /*   overflow-x: hidden; */
}

.gallery {
  position: absolute;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.cards {
  position: absolute;
  width: 14rem;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cards li {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 24rem;
  height: 18rem;
  text-align: center;
  line-height: 18rem;
  font-size: 2rem;
  font-family: sans-serif;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.8rem;
}

.actions {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}

.prev, .next {
  display: inline-block;
  outline: none;
  border: none;
  padding: 8px 14px;
  background: #414141;
  background-image: linear-gradient(to bottom, #575757, #414141);
  text-shadow: 0px 1px 0px #414141;
  box-shadow: 0px 1px 0px 414141;
  color: #ffffff;
  text-decoration: none;
  margin: 0 auto 10px;
  border-radius: 4px;
  padding: 12px 25px;
  font-family: "Signika Negative", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  font-size: 13px;
  line-height: 18px;
}

.prev:hover, .next:hover {
  background: #57a818;
  background-image: linear-gradient(to bottom, #57a818, #4d9916);
  text-shadow: 0px 1px 0px #32610e;
  box-shadow: 0px 1px 0px fefefe;
  color: #ffffff;
  text-decoration: none;
}

.prev, .next {
  font-size: 20px;
  font-weight: 400;
}

a {
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

.drag-proxy {
  visibility: hidden;
  position: absolute;
}

.container-onas-gallery {
  position: relative;
  width: 100vw;
  height: 120vh;
  overflow: hidden;
  background: #000;
}
.container-onas-gallery .slider-onas-gallery {
  position: absolute;
  top: 15vh;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  perspective: 200px;
  perspective-origin: 50% 100%;
}
.container-onas-gallery .slider-onas-gallery .card-onas-gallery {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 500px;
  border-radius: 10px;
  overflow: hidden;
  transform: translate3d(-50%, -50%, 0);
}
.container-onas-gallery .slider-onas-gallery .card-onas-gallery img {
  position: absolute;
  opacity: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-onas-gallery .slider-onas-gallery .card-onas-gallery .copy-onas-gallery {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.container-onas-gallery .slider-onas-gallery .card-onas-gallery .copy-onas-gallery h1 {
  position: relative;
  text-align: center;
  font-size: 6vw;
  font-weight: 300;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #fff;
  font-family: "bebas-neue-pro", sans-serif;
  font-weight: 600;
}
.container-onas-gallery .slider-onas-gallery .card-onas-gallery .copy-onas-gallery span {
  position: relative;
  display: inline-block;
}

.content-timeline-1 {
  margin-left: 100px;
  opacity: 1 !important;
}

.timeline-box {
  background-color: #000;
}
.timeline-box .outer-timeline {
  overflow-x: hidden;
}
.timeline-box .outer-timeline .slider {
  display: flex;
  width: 300vw;
}
.timeline-box .outer-timeline .slider .timeline-section {
  height: 100vh;
  width: 100%;
}
.timeline-box .outer-timeline .slider .timeline-section .inner-timeline {
  margin: 7em;
  position: relative;
  display: flex;
  height: calc(100% - 14em);
  align-items: end;
}
.timeline-box .outer-timeline .slider .timeline-section .inner-timeline .content-timeline {
  justify-self: flex-end;
}
.timeline-box .outer-timeline .slider .timeline-section .inner-timeline .content-timeline h1 {
  text-transform: uppercase;
  color: #fff !important;
  font-weight: 500;
  font-size: 36px;
}
.timeline-box .outer-timeline .slider .timeline-section .inner-timeline .content-timeline p {
  width: 65%;
  line-height: 1.5;
  font-weight: 300;
  color: #fff !important;
  font-family: "bebas-neue-pro", sans-serif;
  font-style: normal;
  font-size: 18px;
}
.timeline-box .outer-timeline .slider .timeline-section .inner-timeline img {
  position: absolute;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1024px) {
  .inner-timeline {
    margin: 3em;
  }
  .inner-timeline .content-timeline h1 {
    font-size: 28px;
  }
  .inner-timeline .content-timeline p {
    width: 75%;
    font-size: 16px;
  }
  .inner-timeline img {
    width: 70%;
    top: 37%;
  }
}
@media (max-width: 768px) {
  .inner-timeline {
    margin: 2em;
  }
  .inner-timeline .content-timeline {
    width: 432px;
  }
  .inner-timeline .content-timeline h1 {
    font-size: 24px;
  }
  .inner-timeline .content-timeline p {
    width: 90%;
    font-size: 14px;
  }
  .inner-timeline img {
    width: 90%;
    top: 37%;
  }
}
@media (max-width: 480px) {
  .inner-timeline {
    margin: 1em;
    flex-direction: column;
    align-items: center;
    height: auto;
  }
  .inner-timeline .content-timeline {
    text-align: center;
    width: 432px;
  }
  .inner-timeline .content-timeline h1 {
    font-size: 20px;
  }
  .inner-timeline .content-timeline p {
    width: 100%;
    font-size: 12px;
  }
  .inner-timeline img {
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    transform: none;
  }
}
.element-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

.element-container > img {
  position: absolute;
  opacity: 0.8;
  transform: scale(0.3) rotate(10deg);
}

.cta-glowna {
  display: flex;
  /* width: 702px; */
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 5px;
}
.cta-glowna a {
  color: transparent;
}
.cta-glowna .cta-button {
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  border: none;
  color: #1CC9F2;
  text-align: center;
  text-shadow: 0px 16px 8px rgba(0, 0, 0, 0.25);
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.75%;
  text-transform: uppercase;
}

.about-us-second {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.zdjecie-baner-glowna {
  background-image: url("https://shav.com/wp-content/uploads/szachownicanew-2-1.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 60vh; /* Możesz zmienić na 100vh jeśli chcesz na całą wysokość */
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 16px;
  overflow: hidden; /* Na wszelki wypadek jeśli coś wystaje poza kontener */
  z-index: 1;
}
@media (max-width: 799px) {
  .zdjecie-baner-glowna {
    background-image: url("https://shav.com/wp-content/uploads/szachownicanew-2-1.png");
  }
}

.video-background-container {
  position: relative;
  width: 100%;
  height: 80vh;
  overflow: hidden;
  background-color: #000;
  z-index: 0;
  margin-top: -1px;
}
.video-background-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 260px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  z-index: 1;
}
.video-background-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 160px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  z-index: 1;
}

.zdjecie-baner-glowna::before {
  background: none !important;
}

.video-background-container-trymer::before {
  background: none !important;
}

.video-background {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  min-height: 100%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

.about-us-second {
  position: relative;
  z-index: 1;
  color: #fff; /* Ensure text is visible over the video */
}

.about-us-second-title {
  max-width: 800px;
  text-align: center;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "bebas-neue-pro", sans-serif;
  color: #fff;
  padding: 22px;
  margin: 0;
  z-index: 1;
  margin-top: -10rem !important;
  text-transform: uppercase;
}

@media (max-width: 799px) {
  .about-us-second-title {
    font-size: 36px !important;
    margin-top: -5rem !important;
  }
}
@keyframes scale {
  100% {
    transform: scale(1);
  }
}
.about-us-span {
  display: inline-block;
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.about-us-logos {
  overflow: hidden;
  padding: 60px 0;
  white-space: nowrap;
  position: absolute;
  margin-top: 17rem !important;
}

.about-us-logos:before,
.about-us-logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.about-us-logos:before {
  left: 0;
  /* Uncomment if you want fading effect
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white); */
}

.about-us-logos:after {
  right: 0;
  /* Uncomment if you want fading effect
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white); */
}

.about-us-swiper {
  display: inline-block;
  white-space: nowrap;
  animation: slide infinite linear;
}

.about-us-swiper img {
  height: 50px;
  margin: 0 40px;
  opacity: 0.5;
}

.about-us-swiper svg {
  height: 50px;
  margin: 0 40px;
  opacity: 0.9;
}

.video-background-container-wysylka {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  margin-top: -1px;
}
.video-background-container-wysylka::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #000 -4.62%, rgba(0, 0, 0, 0) 40.75%), linear-gradient(271deg, #000 20%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

.video-background-wysylka {
  position: absolute;
  top: 50%;
  left: 30%;
  width: 100%;
  height: auto;
  min-height: 100%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

.about-us-second-wysylka {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  top: 25%;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #fff;
}

.about-us-second-title-wysylka {
  display: flex;
  flex-direction: column;
  z-index: 1;
  gap: 10px;
}

.about-us-span-wysylka-first {
  color: #FFF;
  text-shadow: 0px -4px 8px rgba(0, 0, 0, 0.68);
  /* Roboto */
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.about-us-span-wysylka-container {
  display: inline-flex;
  height: 55px;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.about-us-span-wysylka-second {
  color: #0983A0;
  font-family: Roboto;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.about-us-span-wysylka-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #0983A0;
}

@media (max-width: 786px) {
  .about-us-second {
    height: 70vh !important;
  }
  .video-background-container {
    height: 70vh !important;
  }
  .about-us-logos {
    margin-top: 20rem !important;
  }
  .video-background-container-wysylka::before {
    background: linear-gradient(0deg, #000 -4.62%, rgba(0, 0, 0, 0) 40.75%);
  }
  .video-background-container-wysylka {
    height: 40vh !important;
  }
  .video-background-wysylka {
    left: 50%;
  }
  .about-us-second-wysylka {
    align-items: center;
    top: 67%;
  }
  .about-us-span-wysylka-container {
    justify-content: center;
  }
  .about-us-span-wysylka-first {
    text-align: center;
    font-family: "bebas-neue-pro", sans-serif;
    font-size: 36px;
    font-style: normal;
  }
  .about-us-span-wysylka-second {
    font-family: Roboto;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
#background {
  background-color: #000;
}

main.about-us-main {
  position: relative;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

.bg-img {
  position: absolute;
  width: 2900px; /* Upewnij się, że szerokość jest również 100% */
  height: 100%; /* Ustawienie wysokości na 100% */
  z-index: 1;
}

.fog-7 {
  position: absolute;
  z-index: 2;
  width: 1900px;
  top: calc(50% - 100px);
  left: calc(50% + 300px);
  transform: translate(-50%, -50%);
}

.mountain-10 {
  position: absolute;
  z-index: 3;
  width: 870px;
  top: calc(50% + 69px);
  left: calc(50% + 230px);
  transform: translate(-50%, -50%);
}

.fog-6 {
  position: absolute;
  z-index: 4;
  width: 1610px;
  top: calc(50% + 85px);
  left: calc(50% + 10px);
  transform: translate(-50%, -50%);
}

.mountain-9 {
  position: absolute;
  z-index: 5;
  width: 470px;
  top: calc(50% + 113px);
  left: calc(50% - 457px);
  transform: translate(-50%, -50%);
}

.mountain-8 {
  position: absolute;
  z-index: 6;
  width: 810px;
  top: calc(50% + 86px);
  left: calc(50% - 202px);
  transform: translate(-50%, -50%);
}

.fog-5 {
  position: absolute;
  z-index: 7;
  width: 450px;
  top: calc(50% + 160px);
  left: calc(50% + 20px);
  transform: translate(-50%, -50%);
}

.mountain-7 {
  position: absolute;
  z-index: 8;
  width: 538px;
  top: calc(50% + 123px);
  left: calc(50% - 230px);
  transform: translate(-50%, -50%);
}

@keyframes changeColor {
  0% {
    color: black;
    opacity: 1;
  }
  50% {
    color: rgb(12, 114, 137);
    opacity: 1;
  }
  100% {
    color: black;
    opacity: 1;
  }
}
.last {
  animation: stayBlue 4s forwards;
}

@keyframes stayBlue {
  0% {
    color: black;
    opacity: 1;
  }
  50% {
    color: rgb(12, 114, 137);
    opacity: 1;
  }
  100% {
    color: rgb(12, 114, 137);
    opacity: 1;
  }
}
.mountain-6 {
  position: absolute;
  z-index: 10;
  width: 408px;
  top: calc(50% + 60px);
  left: calc(50% + 590px);
  transform: translate(-50%, -50%);
}

.fog-4 {
  position: absolute;
  z-index: 11;
  width: 590px;
  top: calc(50% + 223px);
  left: calc(50% - 60px);
  transform: translate(-50%, -50%);
}

.mountain-5 {
  position: absolute;
  z-index: 12;
  top: 80.86%;
  width: 43.4%;
  left: 59%;
  transform: translate(-50%, -50%);
}

.fog-3 {
  position: absolute;
  z-index: 13;
  top: 63.58%;
  left: 48.27%;
  width: 107.63%;
  transform: translate(-50%, -50%);
}

.mountain-4 {
  position: absolute;
  z-index: 14;
  top: 74.19%;
  width: 54.16%;
  left: 23.55%;
  transform: translate(-50%, -50%);
}

.mountain-3 {
  position: absolute;
  z-index: 15;
  top: 61.35%;
  left: 101.11%;
  width: 32.22%;
  transform: translate(-50%, -50%);
}

.fog-2 {
  z-index: 16;
  top: 68.14%;
  left: 48%;
  width: 108.33%;
  transform: translate(-50%, -50%);
}

.mountain-2 {
  position: absolute;
  z-index: 17;
  top: 69.01%;
  left: 78.61%;
  width: 47.91%;
  transform: translate(-50%, -50%);
}

.mountain-1 {
  position: absolute;
  z-index: 18;
  top: 52%;
  left: 8.27%;
  width: 37.15%;
  transform: translate(-50%, -50%);
}

.sun-rays {
  position: absolute;
  z-index: 19;
  top: 0;
  right: 0%;
  width: 41.31%;
  pointer-events: none;
}

.black-shadow {
  position: absolute;
  z-index: 20;
  bottom: 0;
  right: 0%;
  pointer-events: none;
  width: 100%;
}

.fog-1 {
  position: absolute;
  z-index: 21;
  top: 59.26%;
  left: 50.69%;
  width: 111.8%;
  transform: translate(-50%, -50%);
}

.vignette {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.7));
  pointer-events: none;
}

.parallax {
  pointer-events: none;
  transition: none;
}

@media (max-width: 1100px) {
  .text h1 {
    font-size: 5.8rem;
  }
  .text h2 {
    font-size: 4.7rem;
  }
}
@media (max-width: 725px) {
  .text h1 {
    font-size: 5rem;
    line-height: 1.1;
  }
  .text h2 {
    font-size: 4.1rem;
    line-height: 1.1;
  }
  .bg-img {
    width: initial;
    height: 208.1%;
  }
  .fog-7 {
    width: initial;
    height: 146.17%;
  }
  .mountain-10 {
    width: initial;
    height: 77.59%;
  }
  .fog-6 {
    width: initial;
    height: 73.11%;
  }
  .mountain-9 {
    height: 87.64%;
    width: initial;
  }
  .mountain-8 {
    height: 84.33%;
    width: initial;
  }
  .fog-5 {
    width: initial;
    height: 54.16%;
  }
  .mountain-7 {
    width: initial;
    height: 72.26%;
  }
  .mountain-6 {
    width: initial;
    height: 56.78%;
  }
  .fog-4 {
    width: initial;
    height: 104.5%;
  }
  .mountain-5 {
    width: initial;
    height: 60.64%;
  }
  .fog-3 {
    width: initial;
    height: 90.78%;
  }
  .mountain-4 {
    width: initial;
    height: 71.42%;
  }
  .mountain-3 {
    width: initial;
    height: 96.86%;
  }
  .fog-2 {
    width: initial;
    height: 84.73%;
  }
  .mountain-2 {
    display: none;
  }
  .mountain-1 {
    width: initial;
    height: 100.03%;
  }
  .fog-1 {
    width: initial;
    height: 89.86%;
  }
}
@media (max-width: 520px) {
  .text h1 {
    font-size: 3.3rem;
  }
  .text h2 {
    font-size: 2.6rem;
  }
}
.our-placeholder-block {
  padding: 20px;
  text-align: center;
  font-size: 1.65rem;
  background: linear-gradient(180deg, #dedede, #adadad);
}

.remove-favorite {
  display: inline-block;
  transition: all 0.3s;
  color: #999;
  font-size: 0.9rem;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 3px;
}

.remove-favorite:hover {
  background-color: #dedede;
}

.page-section {
  padding-bottom: 1.6rem;
}
@media (min-width: 530px) {
  .page-section {
    padding-bottom: 3.5rem;
  }
}
.page-section--white {
  background-color: #fff;
}
.page-section--beige {
  background-color: #FAF0CA;
}
.page-section p:last-of-type {
  margin-bottom: 0;
}

.school-logo-text {
  position: relative;
  margin: 0;
  font-size: 1.75rem;
  font-weight: 100;
}

.school-logo-text strong {
  font-weight: 400;
}

.school-logo-text a {
  color: #fff;
  text-decoration: none;
}

.school-logo-text--alt-color a {
  color: #666;
}
.school-logo-text--alt-color a:hover {
  color: #0D3B66;
  text-decoration: underline;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner-loader {
  margin-top: 45px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 0.25rem solid rgba(0, 0, 0, 0.2);
  border-top-color: black;
  animation: spin 1s infinite linear;
}

.c-orange {
  color: #F95738;
}

.c-blue {
  color: #0D3B66;
}

.c-white {
  color: #fff;
}

.c-dark {
  color: #333;
}

.gray {
  color: #999999;
}

.search-trigger {
  display: none;
  color: #fff;
  position: relative;
  cursor: pointer;
  top: 1px;
  margin-left: 20px;
}
@media (min-width: 960px) {
  .search-trigger {
    display: inline-block;
    top: 6px;
  }
}

.search-trigger:hover {
  opacity: 0.65;
}

.social-icons-list {
  display: flex;
  margin: 0 -8px;
  gap: 0.5rem;
  justify-content: center;
}

.social-icons-list li {
  flex: 1;
  margin: 0 8px;
}

.social-icons-list li a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 1.25rem;
}

.social-icons-list li a:hover {
  opacity: 0.75;
}

.social-color-facebook {
  background-color: #4862a3;
}

.social-color-twitter {
  background-color: #55acee;
}

.social-color-youtube {
  background-color: #cc1e1f;
}

.social-color-linkedin {
  background-color: #0077b5;
}

.social-color-instagram {
  background-color: #d8226b;
}

.nav-list ul {
  padding: 0;
  margin: 0;
}

.nav-list li {
  list-style: none;
}

.nav-list a {
  font-size: 0.9rem;
  color: #999;
  text-decoration: none;
}

.nav-list a:hover {
  color: #0D3B66;
  text-decoration: underline;
}

.one-half,
.one-third,
.one-fourth,
.one-fifth,
.one-sixth {
  padding-bottom: 1.6rem;
}

@media (min-width: 960px) {
  .one-half,
  .one-third,
  .two-thirds,
  .one-fourth,
  .one-fifth,
  .one-sixth {
    padding-bottom: 0;
    float: left;
    box-sizing: border-box;
    padding-right: 50px;
  }
  .two-thirds {
    width: 66.66%;
  }
  .one-half {
    width: 50%;
  }
  .one-third {
    width: 33.33%;
  }
  .one-quarter {
    width: 25%;
  }
  .one-fifth {
    width: 20%;
  }
  .one-sixth {
    width: 16.66%;
  }
}
/* Make Top WP Admin Bar Fixed on Mobile */
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
/* Seach Form */
.search-form {
  background-color: #dedede;
  padding: 20px;
  text-align: center;
}

.search-form label {
  display: block;
}

.search-form-row {
  display: flex;
}

.search-form .s {
  min-width: 20px;
  flex-basis: auto;
  flex-grow: 1;
  border: none;
  font-family: "Roboto", sans-serif;
  padding: 10px;
}
@media (min-width: 530px) {
  .search-form .s {
    font-size: 1.4rem;
  }
}

.search-submit {
  color: #fff;
  border: none;
  border-radius: 4px;
  outline: none;
  background-color: #0D3B66;
  font-family: "Roboto", sans-serif;
  padding: 0 20px;
  margin-left: 10px;
}

.note-limit-message {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out;
  color: #c32929;
  font-weight: bold;
}

.note-limit-message.active {
  visibility: visible;
  opacity: 1;
}

/* Like Box */
.generic-content .like-box, .like-box {
  float: right;
  font-size: 1rem;
  background-color: #ededed;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  color: red;
  padding: 10px 10px 10px 25px;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 0 30px 30px;
  position: relative;
}

.generic-content .like-box:hover, .like-box:hover {
  background-color: #dedede;
}

.like-count {
  padding-left: 10px;
}

.like-box .fa-heart-o {
  transition: all 0.35s ease-out;
  position: absolute;
  left: 10px;
}

.like-box .fa-heart {
  left: 10px;
  transition: all 0.4s ease-out;
  position: absolute;
  visibility: hidden;
  transform: scale(0.2);
  opacity: 0;
}

.like-box[data-exists=yes] .fa-heart {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}

.like-box[data-exists=yes] .fa-heart-o {
  visibility: hidden;
  opacity: 0;
}

/* Customize Login Screen */
body.login .button-primary {
  background-color: #F95738;
  border-color: #f83e1a;
  text-shadow: 0 -1px 1px #f8320c, 1px 0 1px #f8320c, 0 1px 1px #f8320c, -1px 0 1px #f8320c;
  box-shadow: 0 1px 0 #ed2c07;
}

body.login .button-primary:active,
body.login .button-primary:focus,
body.login .button-primary:hover {
  background-color: #f8411d;
  border-color: #F95738;
  text-shadow: 0 -1px 1px #ed2c07, 1px 0 1px #ed2c07, 0 1px 1px #ed2c07, -1px 0 1px #ed2c07;
  box-shadow: 0 1px 0 #de2907;
}

body.login {
  background-color: #FAF0CA;
}

.login h1 a {
  color: #0D3B66;
  font-size: 30px;
  font-weight: 300;
  background-image: none;
  width: auto;
  height: auto;
  text-indent: 0;
}

.btn {
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  font-size: 1.19rem;
  padding: 12px 24px;
  border: none;
  outline: none;
}
.btn--small {
  font-size: 0.88rem;
  padding: 7px 13px;
  font-weight: 300;
}
.btn--with-photo {
  padding-left: 40px;
  position: relative;
}
.btn--orange {
  background-color: #EE964B;
}
.btn--orange:hover {
  background: linear-gradient(#EE964B, #eb6c00);
}
.btn--dark-orange {
  background-color: #F95738;
}
.btn--dark-orange:hover {
  background: linear-gradient(#F95738, #c62000);
}
.btn--blue {
  background-color: #0D3B66;
}
.btn--blue:hover {
  background: linear-gradient(#12518d, #0D3B66);
}
.btn--yellow {
  background-color: #F4D35E;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.22);
}
.btn--yellow:hover {
  background: linear-gradient(#F4D35E, #f0bb00);
}
.btn--beige {
  background-color: #FAF0CA;
  color: #173f58;
}
.btn--beige:hover {
  background-color: #F4D35E;
}
.btn--gray {
  background-color: #222;
}
.btn--white {
  background-color: #fff;
  color: #173f58;
}
.btn--white:hover {
  background-color: #ddd;
}
.btn--large {
  font-size: 1.3rem;
  padding: 16px 34px;
  border-radius: 7px;
}
@media (min-width: 530px) {
  .btn--large {
    font-size: 1.9rem;
  }
}
.btn--inactive {
  background-color: transparent;
  cursor: default;
  color: #333;
}

/* My Notes */
.edit-note,
.delete-note,
.submit-note {
  font-size: 0.9rem;
  background-color: #eee;
  padding: 8px 16px;
  display: inline-block;
  margin-right: 7px;
  border-radius: 4px;
  cursor: pointer;
}

.submit-note {
  color: #fff;
  border: none;
  background-color: #F95738;
  line-height: 1.65;
}

.submit-note:hover {
  background-color: #dd3f21;
}

@media (min-width: 635px) {
  .edit-note,
  .delete-note {
    position: relative;
    top: -12px;
  }
}

.edit-note:hover,
.delete-note:hover {
  background-color: #ddd;
}

.delete-note {
  color: red;
}

.update-note {
  visibility: hidden;
}

.update-note--visible {
  visibility: visible;
}

.note-title-field {
  width: 40%;
  font-size: 1.85rem;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  color: #0D3B66;
  border: 1px solid transparent;
  padding: 7px;
  outline: none;
  position: relative;
  top: 1px;
}
@media (max-width: 400px) {
  .note-title-field {
    width: 100%;
  }
}
@media (min-width: 635px) {
  .note-title-field {
    width: 65%;
    font-size: 3.125rem;
  }
}

.note-body-field {
  color: #333;
  font-family: "Roboto", sans-serif;
  resize: none;
  display: block;
  width: 100%;
  line-height: 1.65;
  font-size: 1.15rem;
  padding: 7px;
  border: 1px solid transparent;
  height: 175px;
  outline: none;
}

.note-active-field {
  border: 1px solid #ddd;
  animation: pulseBorder 0.75s alternate infinite;
}

@keyframes pulseBorder {
  0% {
    border: 1px solid #fff;
  }
  100% {
    border: 1px solid #ccc;
  }
}
/* Create Note */
.create-note {
  background-color: #ddd;
  padding: 20px;
  margin-bottom: 20px;
}

.new-note-title {
  width: 100%;
  padding: 10px;
  font-family: "Roboto", sans-serif;
  border: none;
  margin-bottom: 10px;
  font-size: 1.15rem;
  box-sizing: border-box;
}

.new-note-body {
  width: 100%;
  box-sizing: border-box;
  resize: none;
  padding: 10px;
  font-family: "Roboto", sans-serif;
  border: none;
  margin-bottom: 10px;
  height: 170px;
  font-size: 1.15rem;
  line-height: 1.65;
}

/* Reveal and Hide Fade Transitions */
#my-notes {
  position: relative;
}

#my-notes li {
  transition: all 0.4s ease-out;
  opacity: 1;
}

#my-notes li.fade-out {
  height: 0px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0.5;
}

#my-notes li.fade-in-calc {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
}

.nav-menu {
  width: 100%;
}
.nav-menu ul li a {
  display: flex;
}

.site-header {
  background-color: #000;
  z-index: 10;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  transition: all 0.2s;
}

/* Additional class for blurred and transparent effect */
.scrolled {
  background-color: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  height: 66px;
  transition: all 0.2s;
  padding: 0 !important;
}

@media (min-width: 799px) {
  .site-header {
    padding: 15px;
  }
}
@media (max-width: 798px) {
  .scrolled {
    height: 56px;
  }
}
.promo {
  position: fixed;
  top: 0px;
  width: 100%;
  background: linear-gradient(90deg, #740303 0%, #EF0101 100%);
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  z-index: 10;
}
@media (max-width: 768px) {
  .promo {
    height: 29px;
    padding: 7px;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .promo {
    padding: 7px;
  }
}

.promo-text {
  color: #fff;
  margin: 0;
  padding: 5px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  text-transform: uppercase;
  font-family: "bebas-neue-pro", sans-serif;
  font-weight: 500;
}
@media (max-width: 768px) {
  .promo-text {
    font-size: 16px;
    margin-bottom: 0px;
  }
}

.cartlogo {
  color: white;
  width: 100%;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .cartlogo {
    height: 32px;
    padding: 12px;
  }
}

@media (max-width: 768px) {
  .shav-logo-mobile {
    margin-top: 7px;
    height: auto;
    max-width: 100%;
  }
}
.cart-navbar {
  display: flex;
  align-items: center;
  position: relative;
  height: 2rem;
}

.cart-navbar a {
  color: white;
  text-decoration: none;
}

.cart-details {
  display: none;
  position: absolute;
  color: white;
  padding: 25px;
  top: 100%;
  right: 0;
  width: 300px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 9000;
}

.flex-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin: 2.5rem;
}

.temporary-nav-container {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
}

.cart-details.active {
  display: flex;
  width: 371px;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 4px;
  border: 0.3px #000;
  background: #FFF;
}

.cart-details .cart-products {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.cart-details .cart-product {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 10px;
}

.cart-details .product-thumbnail img {
  max-width: 50px;
  margin-right: 10px;
}

.cart-details .product-details {
  display: flex;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  color: #000 !important;
}
.cart-details .product-details .product-details-sub {
  display: flex;
  flex-direction: column;
  display: flex;
  width: 124px;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.cart-details .product-name {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.cart-details .product-subtotal {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 117.75%;
}

.cart-details .product-quantity,
.cart-details .product-subtotal {
  font-size: 0.9em;
}

.cart-details .product-quantity input {
  display: flex;
  width: 68px;
  height: 38px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #000;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.checkout-button-parent {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
}

.cart-details.active .checkout-button {
  margin-top: 0px !important;
}

.checkout-button {
  display: block;
  text-align: center;
  background-color: #0983A0;
  color: white;
  padding: 10px;
  text-decoration: none;
  margin-top: 20px;
  border-radius: 3px;
  background: #AC0000;
  width: 100% !important;
}

.cart-text-subtotal {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  color: #000;
  padding-top: 20px;
  border-top: 1px solid #000;
}

.promo-tetxt-link {
  color: #FFF;
  margin-left: 5px;
  text-decoration: unset;
  font-weight: 700;
}

.promo-tetxt-link:hover {
  color: #000;
}

.checkout-button:hover {
  background-color: #005f87;
}

/* Main Navigation Bar */
.shop-nav {
  /* Responsive Adjustments */
}
.shop-nav .dropdown-content {
  position: fixed;
  margin-top: 30px;
  left: 0;
  right: 0;
  background-color: #000;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  padding: 20px;
  z-index: 1111;
  width: 100%; /* Make it full width */
  display: flex;
}
.shop-nav .dropdown-inner {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.shop-nav .categories-column {
  flex: 1 1 70%; /* Adjust the flex basis to change the width of the categories column */
  display: flex;
  flex-wrap: wrap;
}
.shop-nav .image-column {
  flex: 1 1 30%; /* Adjust the flex basis to change the width of the image column */
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  position: relative;
  border-radius: 10px; /* Optional: for rounded corners */
  overflow: hidden; /* Ensure child elements are contained */
  margin: 20px auto; /* Center the div horizontally */
  transition: transform 0.3s ease-in-out;
}
.shop-nav .image-column:hover {
  transform: scale(1.05); /* Slight zoom effect on hover */
}
.shop-nav .image-column img {
  max-width: 100%;
  height: auto;
}
.shop-nav .menu-slider-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: transparent !important;
  border: 2px solid #fff;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.shop-nav .menu-slider-button a {
  text-decoration: none;
  color: #fff;
}
.shop-nav .menu-slider-button a:hover {
  color: #0c7289;
}
.shop-nav .menu-slider-button:hover {
  background-color: #0c7289;
  border-color: #0c7289;
}
.shop-nav .category {
  flex: 1 1 20%; /* Adjust the flex basis to change the width of the categories */
}
.shop-nav .category h4 {
  font-size: 2rem;
  margin-bottom: 10px;
  font-weight: 600;
  text-transform: uppercase;
}
.shop-nav .category h4 a {
  color: #fff !important;
}
.shop-nav .product-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: start !important;
}
.shop-nav .product-list li a {
  text-decoration: none;
  color: white;
}
.shop-nav .product-list li a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .shop-nav nav {
    z-index: 10;
  }
  .shop-nav .dropdown-content.active {
    display: block;
  }
  .shop-nav .shop-link {
    cursor: pointer;
  }
  .shop-nav .logo-cart-bar {
    flex-direction: column;
  }
  .shop-nav .categories-column {
    flex: 1 1 100%;
  }
  .shop-nav .image-column {
    display: none;
  }
  .shop-nav .product-list li {
    width: 100%;
  }
  .shop-nav .product-list li a {
    display: block;
    width: 100%;
    padding: 10px 20px;
  }
  .shop-nav .dropdown-content {
    position: static;
    width: 100%;
  }
  .shop-nav .dropdown-inner {
    flex-direction: column;
  }
  .shop-nav .menu-trigger {
    cursor: pointer;
    font-size: 1.5rem;
  }
  .shop-nav .menu {
    display: none;
    flex-direction: column;
  }
  .shop-nav .menu.main.active {
    display: flex;
  }
  .shop-nav .menu.categories {
    display: flex;
  }
  .shop-nav .menu.products {
    display: flex;
  }
  .shop-nav .menu li {
    list-style: none;
    padding: 10px;
    background-color: #f0f0f0;
    margin: 5px 0;
  }
}

.cart-icon-wrapper {
  position: relative;
  display: inline-block;
  margin-top: 2px;
}

.cart-icon {
  fill: #FFF;
  width: 24px;
  height: 24px;
}

.cart-count {
  position: absolute;
  top: -10px;
  right: -11px;
  background-color: rgb(47, 151, 189);
  color: white;
  border-radius: 45%;
  padding: 2px 6px 1px 6px;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
}

.cart-content {
  margin-left: 8px;
  font-size: 16px;
  color: #289fcf; /* Adjust color as needed */
  margin-left: 10px;
}

.dropdown-content.active {
  display: flex;
  flex-direction: column;
}

/* menu */
/* Background color */
@media (max-width: 1060px) {
  .wp-block-navigation {
    font-size: 14px;
  }
}

.site-header.inside-menu {
  flex-grow: 1; /* This ensures the menu takes up available space */
}

/* Width */
.wp-block-navigation {
  margin: 0 auto; /* Center align if not full width */
  color: #fff;
  z-index: 2;
}

/* Height */
.wp-block-navigation a {
  height: 50px;
  line-height: 50px; /* Vertically center text */
}

/* Padding and margins */
.wp-block-navigation ul {
  padding: 10px;
  margin: 0;
}

.wp-block-navigation-item__label {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}

/* Custom link styles */
.wp-block-navigation a {
  color: #333;
  text-decoration: none;
  display: inline-block;
  position: relative;
  transition: color 0.3s ease-in-out;
}

/* Hover effects */
.wp-block-navigation a:hover {
  color: #999 !important;
}

@media (max-width: 768px) {
  .wp-container-core-navigation-is-layout-1.wp-container-core-navigation-is-layout-1 {
    z-index: 10;
    padding: 10px;
    top: 143px;
  }
}
#modal-1 {
  color: #FFF;
}

@media (min-width: 800px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block !important;
  }
}
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
}
/* Mobile View */
@media (min-width: 799px) {
  .mobile-active {
    display: none;
  }
  .custom-menu {
    display: none;
  }
}
@media (max-width: 799px) {
  .desktop-active {
    display: none;
  }
  .menu-active {
    transform: translateX(0) !important;
    opacity: 0;
  }
  .active {
    display: block !important;
  }
  #site-navigation {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-color: white;
    height: 87px;
  }
  .mobile-hamburger {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .mobile-hamburger svg {
    color: #fff;
    background: transparent;
  }
  .mobile-hamburger button {
    background: transparent;
    border: none;
  }
  .custom-menu {
    position: fixed;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: scroll;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 40px;
    bottom: 0;
    left: 0;
    top: 55px;
    background-color: #000;
    transform: translateX(100%);
    opacity: 1;
    transition: 0.4s;
  }
  .custom-menu ul {
    list-style: none;
    padding-left: 5%;
  }
  .custom-menu ul li {
    padding: 10px 0;
  }
  .custom-menu ul li a {
    text-decoration: none;
    color: #FFF;
    font-size: 20px;
    font-family: "bebas-neue-pro", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
  }
  .custom-menu ul .menu-item-has-children {
    position: relative;
  }
  .custom-menu ul .menu-item-has-children::after {
    content: "";
    border: 2px solid #FFF;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    top: 0;
    left: 90%;
    margin-top: 20px;
    transform: rotate(45deg) translate(-20%, -100%);
  }
  .custom-menu ul .sub-menu {
    display: none;
    padding-left: 2%;
  }
  .custom-menu ul .sub-menu li a {
    font-size: 18px;
  }
  .custom-menu ul .sub-menu .sub-menu {
    display: none;
    padding-left: 2%;
    margin-bottom: 0 !important;
  }
  .custom-menu ul .sub-menu .sub-menu li a {
    font-size: 18px !important;
  }
  .custom-menu .site-branding {
    width: 50%;
  }
  .custom-menu .site-branding a img {
    max-width: 150px !important;
    max-height: 80px !important;
  }
}
.widget_shopping_cart_content {
  position: fixed;
  height: 100%;
  background: linear-gradient(173deg, rgb(0, 0, 0) 25%, #0c7289 51%, rgb(0, 0, 0) 75%);
  top: 0;
  right: 0;
  width: 320px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 5rem !important;
  padding: 1em;
  z-index: 9999;
  transform: translateX(130%);
  transition: 0.5s;
  box-shadow: 8px 8px 24px 0px rgb(66, 68, 90);
}
.widget_shopping_cart_content .woocommerce-mini-cart__buttons {
  display: flex;
  justify-content: center;
}
.widget_shopping_cart_content .woocommerce-mini-cart__buttons a {
  text-align: center;
  display: inline-block;
  background-color: white;
  color: #000;
  padding: 6px 6px;
  margin: 10px 5px;
  border-radius: 3px;
  border: 2px solid #000;
  text-decoration: none;
  transition: 0.5s;
  font-size: 17px;
}
.widget_shopping_cart_content .woocommerce-mini-cart__buttons a:hover {
  scale: 0.97;
}
.widget_shopping_cart_content .woocommerce-mini-cart__total {
  text-align: center;
  padding-top: 0.5em;
  border-top: 1px solid #FFF;
  margin-bottom: 0;
  font-size: 19px;
}
.widget_shopping_cart_content .woocommerce-mini-cart {
  list-style: none;
  margin: 0;
}
.widget_shopping_cart_content .woocommerce-mini-cart .woocommerce_mini_cart_item_wrapper {
  margin: 2em 0;
}
.widget_shopping_cart_content .woocommerce-mini-cart .woocommerce_mini_cart_item_wrapper .quantity {
  display: block;
  width: 100%;
  font-size: 0.8em;
  padding: 0.5em 1em 0.5em 3em;
}
.widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item img {
  height: 30px;
  width: 30px;
  margin: -6px 7px;
}
.widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item a {
  text-decoration: none;
  text-transform: capitalize;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
.widget_shopping_cart_content .mini-cart-close {
  text-align: right;
  cursor: pointer;
}

.mini-cart-active {
  transform: translateX(0) !important;
}

.site-footer {
  position: relative;
  width: 100%;
  padding: 2rem 0 0 0;
  background: linear-gradient(179deg, #000 78.69%, #0983A0 116.67%);
  margin-top: -1px;
}
.site-footer .footer-container {
  margin-top: 65px;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.site-footer .footer-group {
  display: flex;
  height: 500px;
  justify-content: space-between;
  align-items: flex-start;
}
.site-footer .footer-group a {
  color: #E5E5E5;
  /* Roboto */
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}
.site-footer .footer-group a:hover {
  cursor: pointer;
  color: #FFF;
}
.site-footer .footer-column-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-footer .footer-column-1 .logo-footer {
  flex-shrink: 0;
  align-self: stretch;
  max-height: 180px;
  margin-top: -20px;
  margin-right: 50px;
}
.site-footer .footer-column-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  flex-shrink: 0;
}
.site-footer .footer-column-2 .footer-column-title {
  color: #FFF;
  margin: 0;
  padding: 0;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.site-footer .footer-contact-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.site-footer .footer-contact-container .footer-icon-container {
  display: flex;
  width: 24px;
  height: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.site-footer .footer-column-inside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.site-footer .paylogos-footer {
  display: flex;
  align-items: center;
  gap: 16px;
}
.site-footer .paylogos-footer .paylogos-footer-icon {
  width: 50px;
}

.footer-column-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  flex-shrink: 0;
}
.footer-column-3 .footer-column-title {
  color: #FFF;
  margin: 0;
  padding: 0;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.footer-column-3 .footer-column-inside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.footer-column-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  flex-shrink: 0;
}
.footer-column-4 .footer-column-title {
  color: #FFF;
  margin: 0;
  padding: 0;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.footer-column-4 .footer-column-inside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.footer-column-5 {
  display: flex;
  width: 29px;
  height: 167px;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
}
.footer-column-5 .svg-container:hover svg path {
  stroke: rgb(9, 131, 160);
}

.footer-bottom {
  border-top: 0.3px solid #E5E5E5;
  display: flex;
  height: 99px;
  justify-content: space-between;
  align-items: center;
}
.footer-bottom .footer-bottom-left p {
  margin: 0;
  /* Roboto */
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #E5E5E5;
}
.footer-bottom a {
  color: #E5E5E5;
  /* Roboto */
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.footer-button {
  position: absolute;
  right: 20px;
  bottom: 2px;
  flex-shrink: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.footer-button-svg:hover {
  fill: #065C70; /* Change fill color on hover */
}

@media (max-width: 1300px) {
  .footer-group {
    margin: 0 2.5rem;
  }
  .footer-bottom {
    margin: 0 2.5rem;
  }
}
@media (max-width: 1000px) {
  .footer-bottom {
    flex-direction: column-reverse;
    height: auto;
    gap: 10px;
    padding: 16px;
  }
  .footer-bottom a {
    font-size: 10px;
  }
  .footer-bottom p {
    font-size: 10px;
  }
  .footer-group h3 {
    font-size: 16px !important;
  }
  .footer-group a {
    font-size: 14px !important;
  }
  .logo-footer {
    max-height: 130px;
  }
}
@media (max-width: 800px) {
  .logo-footer {
    max-height: 63px !important;
    margin-right: 0 !important;
  }
  .footer-container {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .footer-group {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    gap: 24px;
    flex-direction: column;
    height: auto !important;
  }
  .footer-bottom-left {
    display: none;
  }
  .footer-bottom-left-mobile {
    display: block !important;
    margin: 0;
    /* Roboto */
    font-family: Roboto;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #E5E5E5;
  }
  .footer-column-1 {
    order: 1;
  }
  .footer-column-2 {
    align-items: center !important;
    order: 2;
  }
  .footer-column-2 .footer-column-inside {
    align-items: center !important;
  }
  .footer-column-3 {
    align-items: center !important;
    order: 5;
  }
  .footer-column-3 .footer-column-inside {
    align-items: center !important;
  }
  .footer-column-4 {
    align-items: center !important;
    order: 4;
  }
  .footer-column-4 .footer-column-inside {
    align-items: center !important;
  }
  .footer-column-5 {
    flex-direction: row !important;
    width: auto;
    height: auto;
    gap: 24px;
    order: 3;
  }
  .paylogos-footer {
    display: none !important;
  }
  .paylogos-footer-mobile {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 26px !important;
    margin-top: 10px;
  }
  .paylogos-footer-mobile .paylogos-footer-icon {
    width: 50px !important;
  }
  .footer-column-inside {
    gap: 8px !important;
  }
}
.footer-bottom-left-mobile {
  display: none;
}

.paylogos-footer-mobile {
  display: none;
}

.footer-bottom-right {
  display: flex;
}
.footer-bottom-right a:first-child {
  padding-right: 15px;
  border-right: 1px solid #fff;
}
.footer-bottom-right a {
  padding-left: 15px;
}

.main-navigation {
  padding-top: 2px;
}
.main-navigation ul {
  padding: 0;
  margin: 0;
}
.main-navigation ul:before,
.main-navigation ul:after {
  content: " ";
  display: table;
}
.main-navigation ul:after {
  clear: both;
}
@media (min-width: 960px) {
  .main-navigation {
    float: left;
    margin-right: 20px;
  }
}

.main-navigation li {
  list-style: none;
}
@media (min-width: 960px) {
  .main-navigation li {
    float: left;
    padding-left: 20px;
  }
}

.main-navigation a {
  display: block;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  font-weight: 300;
}
@media (min-width: 960px) {
  .main-navigation a {
    display: inline-block;
    padding: 0;
  }
}

.main-navigation .current-menu-item a,
.main-navigation a:hover {
  color: #FAF0CA;
}

.page-banner {
  background-color: #000;
  padding: 80px 0 40px 0;
  position: relative;
}
@media (min-width: 530px) {
  .page-banner {
    padding: 130px 0 60px 0;
  }
}
.page-banner__content {
  position: relative;
  z-index: 2;
}
.page-banner__title {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  font-size: 3.6rem;
  margin: 0 0 1rem 0;
  color: #fff;
}
@media (min-width: 530px) {
  .page-banner__title {
    font-size: 5rem;
  }
}
.page-banner__bg-image {
  opacity: 0.33;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-banner__intro {
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.3;
  color: #ededed;
}
@media (min-width: 530px) {
  .page-banner__intro {
    font-size: 1.65rem;
  }
}
.page-banner__intro p {
  margin: 0;
}

.hero-slider {
  position: relative;
}
.hero-slider div {
  outline: none;
}
.hero-slider__interior {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (min-width: 960px) {
  .hero-slider__interior {
    padding-top: 130px;
    padding-bottom: 130px;
  }
}
.hero-slider__slide {
  background-size: cover;
  background-repeat: no-repeat;
}
.hero-slider__overlay {
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.68);
  padding: 40px;
  color: #fff;
}
@media (min-width: 960px) {
  .hero-slider__overlay {
    width: 50%;
  }
}

.slick-dots {
  z-index: 100;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  top: 15px;
}
@media (min-width: 960px) {
  .slick-dots {
    top: 50px;
  }
}

.slick-dots li {
  list-style: none;
  display: inline;
}
.slick-dots li button {
  display: inline-block;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  border: none;
  margin: 0 4px;
  padding: 0;
  outline: none;
  transition: background-color 0.3s ease-out;
  cursor: pointer;
}
.slick-dots .slick-active button {
  background-color: #fff;
}

/* GlideJS */
.glide__bullets {
  z-index: 100;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  top: 15px;
}
@media (min-width: 960px) {
  .glide__bullets {
    top: 50px;
  }
}
.glide__bullets button {
  display: inline-block;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  border: none;
  margin: 0 3px;
  padding: 0;
  outline: none;
  transition: background-color 0.3s ease-out;
  cursor: pointer;
}
.glide__bullets button.glide__bullet--active {
  background-color: #fff;
}

.search-overlay {
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 110;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.96);
  visibility: hidden;
  opacity: 0;
  transform: scale(1.09);
  transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
  box-sizing: border-box;
}
.search-overlay p {
  padding-top: 15px;
}
.search-overlay .event-summary p {
  padding-top: 0;
}
.search-overlay .event-summary {
  margin-bottom: 0;
  margin-top: 20px;
}
body.admin-bar .search-overlay {
  top: 32px;
}
.search-overlay__top {
  background-color: rgba(0, 0, 0, 0.12);
}
.search-overlay__icon {
  margin-right: 10px;
  font-size: 1.8rem;
  color: #F95738;
}
@media (min-width: 960px) {
  .search-overlay__icon {
    font-size: 2.5rem;
  }
}
.search-overlay--active {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.search-overlay__section-title {
  margin: 30px 0 1px 0;
  font-weight: 400;
  color: #0D3B66;
  font-size: 2rem;
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
}
.search-overlay__close {
  position: absolute;
  top: 13px;
  right: 16px;
  font-size: 2.1rem;
  cursor: pointer;
  transition: all 0.3s;
  background-color: #fff;
  color: #F95738;
  line-height: 0.7;
}
@media (min-width: 530px) {
  .search-overlay__close {
    top: 18px;
    font-size: 2.1rem;
  }
}
@media (min-width: 960px) {
  .search-overlay__close {
    top: 26px;
    font-size: 2.8rem;
  }
}
.search-overlay__close:hover {
  opacity: 1;
}
.search-overlay .one-half {
  padding-bottom: 0;
}

.search-term {
  width: 75%;
  box-sizing: border-box;
  border: none;
  padding: 15px 0;
  margin: 0;
  background-color: transparent;
  font-size: 1rem;
  font-weight: 300;
  outline: none;
  color: #F95738;
}
@media (min-width: 530px) {
  .search-term {
    font-size: 1.5rem;
  }
}
@media (min-width: 960px) {
  .search-term {
    width: 80%;
    font-size: 3rem;
  }
}

.body-no-scroll {
  overflow: hidden;
}

.professor-cards {
  margin: 0;
  padding: 0;
}
.search-overlay .professor-cards {
  padding-top: 21px;
}

.professor-card {
  position: relative;
  display: inline-block;
  width: 200px;
  margin-right: 15px;
  background-color: #F95738;
  overflow: hidden;
}
.search-overlay .professor-card {
  width: 180px;
}
.professor-card__image {
  display: block;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.professor-card:hover .professor-card__image {
  opacity: 0.8;
  transform: scale(1.1) rotate(4deg);
}
.professor-card__name {
  font-weight: 300;
  font-size: 0.9rem;
  position: absolute;
  bottom: 0;
  color: #fff;
  left: 0;
  right: 0;
  padding: 3px 10px;
  background-color: rgba(240, 54, 19, 0.85);
}
.professor-card:hover .professor-card__name {
  background-color: rgba(215, 46, 14, 0.85);
}
.professor-card__list-item {
  display: inline-block;
  list-style: none;
}

.headline {
  margin: 0;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
}
.headline--large {
  font-size: 3.6rem;
}
@media (min-width: 530px) {
  .headline--large {
    font-size: 6.25rem;
  }
}
.headline--large-medium {
  font-size: 5rem;
  margin: 0 0 1rem 0;
}
.headline--medium {
  font-size: 1.9rem;
  margin-bottom: 0.75rem;
}
@media (min-width: 530px) {
  .headline--medium {
    font-size: 3.125rem;
  }
}
.headline--small-plus {
  font-family: "Roboto", sans-serif;
  font-size: 1.6875rem;
  font-weight: 400;
  margin-bottom: 1.9rem;
}
.headline--small {
  font-size: 1.2rem;
  margin-bottom: 1.9rem;
}
@media (min-width: 530px) {
  .headline--small {
    font-size: 1.6875rem;
  }
}
.headline--smaller {
  font-size: 1.5rem;
}
.headline--tiny {
  font-family: "Roboto", sans-serif;
  font-size: 1.3875rem;
  margin-bottom: 0.25rem;
}
.headline--post-title a {
  color: #0D3B66;
  text-decoration: none;
}
.headline--post-title a:hover {
  text-decoration: underline;
}

.generic-content p,
.generic-content li {
  font-family: "roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.generic-content blockquote,
.generic-content blockquote p {
  font-size: 1.5rem;
  font-style: italic;
}
.generic-content h1 {
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
@media (max-width: 786px) {
  .generic-content h1 {
    font-family: "bebas-neue-pro", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}
.generic-content h2 {
  font-family: "Roboto", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
@media (max-width: 786px) {
  .generic-content h2 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
.generic-content h3,
.generic-content h4,
.generic-content h5,
.generic-content h6 {
  font-family: "bebas-neue-pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-top: 0;
  margin-bottom: 1rem;
}
.generic-content h3 {
  font-size: 2.6rem;
}
.generic-content h4 {
  font-size: 2.1rem;
}
.generic-content h5 {
  font-size: 1.6rem;
}
.generic-content h6 {
  font-size: 1.15rem;
}
@media (min-width: 530px) {
  .generic-content h3 {
    font-size: 3.125rem;
  }
  .generic-content h4 {
    font-size: 2.4rem;
  }
  .generic-content h5 {
    font-size: 1.9rem;
  }
  .generic-content h6 {
    font-size: 1.15rem;
  }
}

h1 {
  margin: 0 !important;
}

h2 {
  margin: 0 !important;
}

h3,
h4,
h5,
h6 {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}

@media (min-width: 960px) {
  .full-width-split {
    display: flex;
  }
}
.full-width-split__one {
  flex: 1;
  padding: 1.6rem 16px;
}
@media (min-width: 960px) {
  .full-width-split__one {
    padding: 40px;
  }
}
@media (min-width: 960px) {
  .full-width-split__one .full-width-split__inner {
    float: right;
  }
}
.full-width-split__two {
  flex: 1;
  background-color: #FAF0CA;
  padding: 1.6rem 16px;
}
@media (min-width: 960px) {
  .full-width-split__two {
    padding: 40px;
  }
}
@media (min-width: 1350px) {
  .full-width-split__inner {
    width: 610px;
  }
}

.event-summary {
  position: relative;
  padding-left: 107px;
  min-height: 77px;
  padding-bottom: 1px;
  margin-bottom: 20px;
}
.event-summary__title a {
  color: #173f58;
}
.event-summary__date {
  text-decoration: none;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  padding: 14px 0 11px 0;
  color: #FFF;
  border-radius: 50%;
  background-color: #0D3B66;
  width: 80px;
  line-height: 1;
  transition: opacity 0.33s;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.22);
}
.event-summary__date:hover {
  opacity: 0.75;
}
.event-summary__date--beige {
  background-color: #F4D35E;
}
.event-summary__month {
  display: block;
  font-size: 1.5rem;
  font-weight: 300;
  text-transform: uppercase;
}
.event-summary__day {
  display: block;
  font-size: 2.02rem;
  font-weight: 700;
}

.page-links {
  position: relative;
  z-index: 1;
  background-color: #FAF0CA;
  margin: 0 0 40px 0;
}
@media (min-width: 767px) {
  .page-links {
    margin: 0 0 40px 20px;
    width: 300px;
    float: right;
  }
}
.page-links__title {
  margin: 0;
  font-weight: normal;
  text-align: center;
  padding: 20px 0;
  background-color: #0D3B66;
  color: #fff;
}
.page-links__title a {
  color: #fff;
  text-decoration: none;
  background-color: #0D3B66;
}
.page-links li {
  border-top: 1px solid #f4de89;
}
.page-links li:first-child {
  border-top: none;
}
.page-links__active, .page-links .current_page_item {
  text-align: center;
  background-color: #f4e6b1;
  color: #0D3B66;
  font-weight: bold;
}
.page-links li a {
  display: block;
  text-align: center;
  padding: 17px 10px;
  text-decoration: none;
  color: #0D3B66;
  transition: all 0.3s;
}
.page-links li a:hover {
  color: #0a2b4b;
  background-color: #f2e3aa;
}

.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important;
}

.link-list li {
  padding: 1rem 0;
  font-size: 1.5rem;
  border-bottom: 1px dotted #DEDEDE;
}
.search-overlay .link-list li {
  font-size: 1.3rem;
}
.link-list li:last-child {
  border-bottom: none;
}
.link-list a {
  color: #F95738;
}

.metabox {
  background-color: #FAF0CA;
  border-radius: 3px;
  padding: 10px 15px;
  display: inline-block;
  margin-bottom: 30px;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.07);
}
.metabox--position-up {
  top: 0;
  transform: translateY(-50%);
}
.metabox--with-home-link {
  padding: 0;
}
.metabox__main {
  padding: 10px 15px 10px 11px;
}
.metabox p {
  margin: 0;
  font-size: 0.9rem;
  color: #a79038;
}
.metabox a {
  color: #a79038;
  text-decoration: none;
  font-weight: bold;
}
.metabox a:hover {
  text-decoration: underline;
}
.metabox .metabox__blog-home-link {
  background-color: #0D3B66;
  color: #fff;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 3px 0 0 3px;
  font-weight: normal;
}
.metabox .metabox__blog-home-link:hover {
  text-decoration: none;
  background-color: #0a2e4f;
}

.post-item {
  border-bottom: 1px dotted #DEDEDE;
  padding-bottom: 1.7rem;
  margin-bottom: 1.7rem;
}
.post-item:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}

/*# sourceMappingURL=style-index.css.map*/