.test {
  display: none;
}

.custom-font-style {
  font-size: 197px;
  line-height: 0.9;
  font-weight: 600;
  letter-spacing: -1px;
  text-align: center;
  font-family: "Noto Sans Display";
  -webkit-text-stroke-color: #ddd !important;
}

#cmplz-document {
  margin-inline: auto;
  padding: 0 40px;
}

.js-toggle-group .js-toggle-bottom-area-outer {
  transition: height 0.5s;
  height: 0;
  overflow: hidden;
}

.js-toggle-group .icon-arrow-accordion {
  transition: transform 0.5s;
}

.js-toggle-group.open .icon-arrow-accordion {
  transform: rotate(180deg);
}

.js-toggle-group.open .icon-arrow-accordion path {
  fill: #000;
}

.postid-4127 .d-none-temp {
  display: block;
}

#post-4127 {
  display: none;
}

html {
  --size-2: clamp(1px, 0.1vw, 2px);
  --size-3: clamp(1.5px, 0.15vw, 3px);
  --size-4: clamp(2px, 0.2vw, 4px);
  --size-5: clamp(2.5px, 0.26vw, 5px);
  --size-6: clamp(3px, 0.31vw, 6px);
  --size-7: clamp(3.5px, 0.36vw, 7px);
  --size-7-custom: clamp(5px, 0.36vw, 7px);
  --size-9: clamp(4.5px, 0.46vw, 9px);
  --size-9-custom: clamp(4.5px, 0.46vw, 9px);
  --size-10: clamp(5px, 0.52vw, 10px);
  --size-10-custom: clamp(10px, 0.52vw, 10px);
  --size-13: clamp(11px 0.67vw, 13px);
  --size-13-min-10: clamp(10px 0.67vw, 13px);
  --size-14: clamp(12px, 0.72vw, 14px);
  --size-15: clamp(12px, 0.784vw, 15px);
  --size-18: clamp(14px, 0.93vw, 18px);
  --size-20: clamp(14px, 1.04vw, 20px);
  --size-22: clamp(14px, 1.14vw, 22px);
  --size-24: clamp(14px, 1.25vw, 24px);
  --size-24-min-20: clamp(18px, 1.25vw, 24px);
  --size-25: clamp(15px, 1.3vw, 25px);
  --size-30: clamp(15px, 1.56vw, 30px);
  --size-30-min-20: clamp(20px, 1.56vw, 30px);
  --size-32: clamp(16px, 1.66vw, 32px);
  --size-35: clamp(30px, 1.822vw, 35px);
  --size-40: clamp(20px, 2.08vw, 40px);
  --size-40-min-35: clamp(35px, 2.08vw, 40px);
  --size-45: clamp(22.5px, 2.34vw, 45px);
  --size-50: clamp(25px, 2.6vw, 50px);
  --size-52: clamp(26px, 2.7vw, 52px);
  --size-55: clamp(27.5px, 2.86vw, 55px);
  --size-60: clamp(30px, 3.1vw, 60px);
  --size-60-min-20: clamp(20px, 3.1vw, 60px);
  --size-62: clamp(31px, 3.22vw, 62px);
  --size-70: clamp(35px, 3.64vw, 70px);
  --size-80: clamp(40px, 4.16vw, 80px);
  --size-85: clamp(40px, 4.16vw, 80px);
  --size-90: clamp(70px, 4.68vw, 90px);
  --size-90-min-30: clamp(30px, 4.68vw, 90px);
  --size-96: clamp(20px, 5vw, 96px);
  --size-100: clamp(50px, 5.2vw, 100px);
  --size-120: clamp(60px, 6.25vw, 120px);
  --size-140: clamp(70px, 7.29vw, 140px);
  --size-200: clamp(100px, 5.2vw, 200px);
  --size-200-min-70: clamp(70px, 5.2vw, 200px);

  --size-pad-210: clamp(20px, 10.9vw, 210px);

  --c-blue2-new: #475ca9;
  --c-blue3-new: #202d4f;
  --c-grey-new: #858585;
  --c-grey2-new: #f5f5f5;
  --c-grey3-new: #333333;
  --c-grey4-new: #e7e7e8;
  --c-red-new: #bd4078;
}

/* Font Weight */
.font-200 {
  font-weight: 200;
}

.font-300 {
  font-weight: 300;
}

.font-500 {
  font-weight: 500;
}

.font-600 {
  font-weight: 600;
}

.font-700 {
  font-weight: 700;
}

.font-800 {
  font-weight: 800;
}

/* Colors */
.c-black {
  color: #000;
}

.c-white {
  color: #fff;
}

.c-red-new {
  color: var(--c-red-new);
}

.c-yellow-new {
  color: #f0b940;
}

.c-blue2-new {
  color: var(--c-blue2-new);
}

.c-blue3-new {
  color: var(--c-blue3-new);
}

.c-grey-new {
  color: var(--c-grey-new);
}

.c-grey-new-important {
  color: var(--c-grey-new) !important;
}

.c-grey2-new {
  color: var(--c-grey2-new);
}

.c-grey3-new {
  color: var(--c-grey3-new);
}

.c-grey3-new-important {
  color: var(--c-grey3-new) !important;
}

.bg-yellow-new {
  background-color: #f0b940;
}

.bg-blue3-new {
  background-color: var(--c-blue3-new);
}

.bg-grey2-new {
  background-color: var(--c-grey2-new);
}

.bg-grey4-new {
  background-color: var(--c-grey4-new);
}

/* Typography */
.text-13 {
  font-size: var(--size-13-min-10);
}

.text-18 {
  font-size: var(--size-18);
}

.text-20 {
  font-size: var(--size-20);
}

.text-22 {
  font-size: var(--size-22);
}

.text-24 {
  font-size: var(--size-24-min-20);
}

.text-30 {
  font-size: var(--size-30);
}

.text-32 {
  font-size: var(--size-32);
}

.text-32-important {
  font-size: var(--size-32) !important;
}

.text-52 {
  font-size: var(--size-52);
}

.text-62 {
  font-size: var(--size-62);
}

.text-85 {
  font-size: var(--size-85);
}

.text-200 {
  font-size: var(--size-200-min-70);
}

.leading-1-1 {
  line-height: 1.1;
}

.leading-1-2 {
  line-height: 1.2;
}

.leading-1-3 {
  line-height: 1.3;
}

.p-unset-important {
  padding: unset !important;
}

.m-w-unset-important {
  max-width: unset !important;
}

.max-w-480 {
  max-width: clamp(3000px, 25vw, 480px);
}

.max-w-600 {
  max-width: clamp(300px, 31.5vw, 600px);
}

.max-w-826 {
  max-width: clamp(200px, 43vw, 826px);
}

.max-w-1\/2 {
  max-width: 50%;
}

.max-w-80-perc {
  max-width: 80%;
}

@media screen and (min-width: 768px) {
  .md\:max-w-351 {
    max-width: clamp(200px, 18.28vw, 351px);
  }

  .md\:max-w-351-important {
    max-width: clamp(200px, 18.28vw, 351px) !important;
  }

  .md\:max-w-472 {
    max-width: clamp(400px, 24.58vw, 472px);
  }

  .md\:max-w-694 {
    max-width: clamp(200px, 36.1vw, 694px);
  }

  .md\:max-w-707 {
    max-width: clamp(200px, 36.8vw, 707px);
  }

  .md\:max-w-707-important {
    max-width: clamp(200px, 36.8vw, 707px) !important;
  }

  .md\:max-w-826 {
    max-width: clamp(200px, 43vw, 826px);
  }

  .md\:w-unset-important {
    width: unset !important;
  }
}

.max-w-470 {
  max-width: clamp(235px, 24.47vw, 470px) !important;
}

.max-w-1245 {
  max-width: clamp(1000px, 64.84vw, 1245px);
}

.max-w-80\/100 {
  max-width: 80% !important;
}

.align-unset-important {
  align-items: unset !important;
}

/* Layout */
.pl-210-layout {
  padding-left: var(--size-pad-210);
}

.pl-210-layout-important {
  padding-left: var(--size-pad-210) !important;
}

.pr-210-layout {
  padding-right: var(--size-pad-210);
}

.pr-210-layout-important {
  padding-right: var(--size-pad-210) !important;
}

/* Height */
.min-h-417 {
  min-height: clamp(208px, 21.7vw, 417px);
}

.min-h-850 {
  min-height: clamp(600px, 44.2vw, 850px);
}

/* Margin */
.mt-0-important {
  margin-top: 0 !important;
}

.mx-5 {
  margin-inline: clamp(2.5px, 0.26vw, 5px);
}

.mx-20 {
  margin-inline: clamp(10px, 1.04vw, 20px);
}

/* Margin Top */
.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: var(--size-10);
}

.mt-10-important {
  margin-top: var(--size-10) !important;
}

.mt-20 {
  margin-top: var(--size-20);
}

.mt-20-important {
  margin-top: var(--size-20) !important;
}

.mt-30-important {
  margin-top: var(--size-30) !important;
}

.mt-50-important {
  margin-top: var(--size-50) !important;
}

@media screen and (min-width: 768px) {
  .md\:mt-50-important {
    margin-top: var(--size-50) !important;
  }
}

.mt-100 {
  margin-top: clamp(50px, 5.2vw, 100px);
}

.-mt-120 {
  margin-top: calc(var(--size-120) * -1);
}

@media screen and (min-width: 768px) {
  .md\:-mt-120 {
    margin-top: calc(var(--size-120) * -1);
  }
}

/* Margin Bottom */
.m-unset {
  margin: unset;
}

.mx-auto {
  margin-inline: auto;
}

.m-unset-important {
  margin: unset !important;
}

.mb-5 {
  margin-bottom: var(--size-5);
}

.mb-10 {
  margin-bottom: var(--size-10);
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-50-important {
  margin-bottom: var(--size-50) !important;
}

.mb-60 {
  margin-bottom: clamp(30px, 3.1vw, 60px) !important;
}

.ml-10 {
  margin-left: var(--size-10);
}

/* Margin Right */
.mr-40 {
  margin-right: var(--size-40);
}

/* Padding Top */
.pt-30 {
  padding-top: var(--size-30);
}

.pt-40 {
  padding-top: var(--size-40);
}

.pt-40-important {
  padding-top: var(--size-40) !important;
}

.pt-50 {
  padding-top: var(--size-50);
}

.pt-50-important {
  padding-top: var(--size-50) !important;
}

.pt-60 {
  padding-top: var(--size-60);
}

.pt-60-important {
  padding-top: var(--size-60) !important;
}

.pt-80 {
  padding-top: var(--size-80);
}

.pt-80-important {
  padding-top: var(--size-80) !important;
}

@media screen and (min-width: 768px) {
  .md\:pt-50 {
    padding-top: var(--size-50);
  }
}

.pt-110 {
  padding-top: clamp(55px, 5.7vw, 110px) !important;
}

/* Padding Bottom */
.pb-30 {
  padding-bottom: var(--size-30);
}

.pb-40 {
  padding-bottom: var(--size-40);
}

.pb-40-important {
  padding-bottom: var(--size-40) !important;
}

.pb-50 {
  padding-bottom: var(--size-50) !important;
}

.pb-50-important {
  padding-bottom: var(--size-50) !important;
}

.pb-60-important {
  padding-bottom: var(--size-60) !important;
}

.pb-80 {
  padding-bottom: var(--size-80);
}

.pb-80-important {
  padding-bottom: var(--size-80) !important;
}

.pb-110 {
  padding-bottom: clamp(55px, 5.7vw, 110px) !important;
}

@media screen and (min-width: 768px) {
  .md\:pl-50 {
    padding-left: var(--size-50);
  }
}

/* Padding Inline */
.px-40 {
  padding-inline: var(--size-40) !important;
}

.px-50 {
  padding-inline: var(--size-50) !important;
}

.px-120-important {
  padding-inline: var(--size-120) !important;
}

/* Padding Block */
.py-5 {
  padding-block: var(--size-5);
}

.py-10 {
  padding-block: var(--size-10);
}

.py-20 {
  padding-block: var(--size-20);
}

.py-30 {
  padding-block: var(--size-30);
}

.py-50 {
  padding-block: var(--size-50);
}

.py-100-important {
  padding-block: clamp(50px, 5.2vw, 100px) !important;
}

/* Padding Left */
.pl-40 {
  padding-left: var(--size-40);
}

/* Padding Right */
.pr-40 {
  padding-right: var(--size-40);
}

.pr-50 {
  padding-right: var(--size-50);
}

.pr-90 {
  padding-right: var(--size-90);
}

.pr-100 {
  padding-right: var(--size-100);
}

.pr-140 {
  padding-right: var(--size-140);
}

.framed-30 {
  width: calc(100% - clamp(30px, 3.1vw, 60px)) !important;
  margin-inline: clamp(25px, 1.56vw, 30px) auto;
}

/* Letter Spacibg */
.tracking-0-1 {
  letter-spacing: 0.1em;
}

/* Opacity */
.opacity-50 {
  opacity: 0.5;
}

/* Border Radius */
.rounded-20 {
  border-radius: 20px;
}

.rounded-bl-20 {
  border-bottom-left-radius: 20px;
}

.rounded-br-20 {
  border-bottom-right-radius: 20px;
}

.rounded-70 {
  border-radius: clamp(35px, 3.64vw, 70px);
}

figure.rounded-20 img {
  border-radius: 20px;
}

figure.rounded-20 iframe {
  border-radius: 20px;
}

/* Helpfull */
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.img-cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.object-cover {
  object-fit: cover;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.inset-0 {
  inset: 0;
}

.w-full {
  width: 100%;
}

.w-full-important {
  width: 100% !important;
}

.w-20 {
  width: var(--size-20);
}

.w-40 {
  width: var(--size-40);
}

.w-707 {
  max-width: clamp(200px, 36.8vw, 707px);
}

.w-1\/2 {
  max-width: 50%;
}

@media screen and (min-width: 768px) {
  .md\:w-472 {
    width: clamp(200px, 24.58vw, 472px);
  }

  .md\:w-707 {
    width: clamp(200px, 36.8vw, 707px);
  }

  .md\:w-707-important {
    width: clamp(200px, 36.8vw, 707px) !important;
  }

  .md\:w-1\/2 {
    max-width: 50%;
  }

  .md\:w-1\/2-important {
    max-width: 50% !important;
  }

  .md\:w-full-unset-important {
    width: unset !important;
  }

  .md\:w-unset-important {
    width: unset !important;
  }
}

.h-full {
  height: 100%;
}

.h-20 {
  height: var(--size-20);
}

.h-40 {
  height: var(--size-40);
}

.d-none {
  display: none;
}

.d-none-important {
  display: none !important;
}

.d-block {
  display: block;
}

.d-inline-flex {
  display: inline-flex;
}

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

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

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

@media screen and (min-width: 768px) {
  .md\:text-right {
    text-align: right;
  }
}

.flex {
  display: flex;
}

.flex-important {
  display: flex !important;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .md\:flex-nowrap-important {
    flex-wrap: nowrap !important;
  }
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.inline-flex {
  display: inline-flex;
}

.items-center {
  align-items: center;
}

.align-end {
  align-items: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.space-between {
  justify-content: space-between;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-1 {
  flex: 1;
}

/* Gap */
.gap-20 {
  gap: clamp(10px, 1.04vw, 20px);
}

.gap-50 {
  gap: clamp(25px, 2.6vw, 50px);
}

.gap-70 {
  gap: var(--size-70);
}

.gap-80 {
  gap: clamp(40px, 4.16vw, 80px);
}

/* Grid */
.flex.gap-50 {
  --gap: clamp(25px, 2.6vw, 50px);
}

.flex.cols-3 {
  --cols: 1;
  --gap-count: calc(var(--cols) - 1);
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .flex.cols-3 {
    --cols: 2;
  }
}

@media screen and (min-width: 1024px) {
  .flex.cols-3 {
    --cols: 3;
  }
}

.flex.cols-3 > * {
  flex-basis: calc(
    calc(100% / var(--cols)) - calc(var(--gap) / var(--cols) * var(--gap-count))
  );
}

/* Aspect Ratio */
.aspect-351-197 {
  aspect-ratio: 351/197;
}

.aspect-471-265 {
  aspect-ratio: 471/265;
}

.aspect-826-463 {
  aspect-ratio: 826/463;
}

.aspect-707-398 {
  aspect-ratio: 705/398;
}

.aspect-694-390 {
  aspect-ratio: 694/390;
}

/* Prose */
.prose p,
.prose h2 {
  margin: 0;
}
.prose p {
  font-size: var(--size-20);
  line-height: 1.3;
  color: var(--c-grey3-new);
  margin-top: var(--size-20);
}

.prose ul li {
  font-size: var(--size-20);
  line-height: 1.3;
  color: var(--c-grey3-new);
  margin-top: var(--size-20);
}

.prose > :first-child {
  margin-top: 0;
}

.prose .child-firts-el-m-0 > :first-child {
  margin-top: 0;
}

.prose h2 {
  font-size: var(--size-50);
  color: var(--c-grey3-new);
  margin-top: var(--size-50);
  font-weight: 600;
}

.prose a {
  color: var(--c-blue2-new);
  font-weight: 600;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .md\:float-right {
    float: right;
  }
}

.shrink-0 {
  flex-shrink: 0;
}

@media screen and (min-width: 768px) {
  .md\:shrink-0 {
    flex-shrink: 0;
  }
}

.no-underline {
  text-decoration: none;
}

.no-underline-important {
  text-decoration: none !important;
}

.cursor-pointe {
  cursor: pointer;
}

.is-layout-flex.reset-is-layout-flex {
  max-width: unset;
  padding: unset;
  display: block;
  flex-direction: unset;
  align-items: unset;
  width: unset;
  margin: unset;
}

.cursor-pointer {
  cursor: pointer;
}

.video-wrap > p {
  margin: 0;
}

.video-wrap iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 471 / 265;
  object-fit: cover;
  border-radius: 20px;
}

.custom-behind-bg {
  position: relative;
}

.custom-behind-bg:before {
  content: "";
  background-color: inherit;
  width: 100%;
  height: 100px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: -1;
}

.border-t-red-2px {
  border-top: 2px solid var(--c-red-new);
}

.js-tab-title {
  cursor: pointer;
}

.js-tab-title.active {
  opacity: 1;
}

.js-tab-content {
  display: none;
}

.js-tab-content.active {
  display: block;
}



/* Paketa */

.hero-with-bg.v2{
  background-color: #2B3A61;
  margin: 0;
  border-radius: 0;
}

.hero-with-bg .content_product{
  gap: 60px;
  justify-content: space-between;
  padding-right: 0!important;
  display: flex;
}

.hero-with-bg .left{
  flex:  0 0 35%;
}

.hero-with-bg .right{
  flex:  0 0 56%;
}

.hero-with-bg.v2 .title{
  font-size: clamp(35px,3.542vw,68px);
  font-weight: 800;
}

.hero-with-bg.v2 .subtitle{
  font-size: clamp(35px,3.542vw,68px);
  font-weight: 800;
}

.hero-with-bg.v2 .desc{
  font-size: clamp(18px,1.146vw,22px);
  font-weight: 600;
  border-left: 4px solid #F0BC46;
  padding-left: 40px;
}

.hero-with-bg.v2 .subtitle{
  font-size: clamp(15px,0.938vw,18px);
  font-weight: 800;
  color: #F0BC46;
}


.product_body {
  display: flex;
  padding-top: 150px;
  flex: 0 0 100%;
  padding-inline:clamp(20px,8.333vw,160px);
}

.product_body .left {
  width: 95%;
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
  color: #001737;
}

.product_body .left .description {
  font-weight: 400;
  font-size: clamp(18px,1.146vw,22px);
  line-height: 30px;
}

/* ACF and titles */
.product-section {
  border-top: 1px solid #e6e6e7;
  padding: 20px 0 80px;
}

.product-section-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
}

.product-section {
  border-top: 1px solid #e6e6e7;
  padding: 20px 0 80px;
}

.product-section-header {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

.product-section-icon {
  margin-right: 12px;
}

.product-section-title {
  margin: 0;
}

.product-section-content {
  padding-left: 45px;
}

.product-section-content ul {
  margin-left: 20px;
}

.product-section-content ul li,
.product-section-content ul li a {
  position: relative;
  font-weight: 700;
  padding-left: 12px;
  line-height: 2;
  color: #001737;
}

.product-section-content ul li::marker {
  content: url('../astra-child/images/bullets-arrow.png');
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.product-section-terms {
  padding: 40px 45px;
  border-radius: 32px;
}

.product-section-icon-terms {
  padding-bottom: 20px;
}

.product-section-content-terms {
  padding-top: 10px;
}

.product-social {
  font-weight: 800;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #585858;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 80px 0px 100px 0px;
  gap: 20px;
}

.product-social-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.pre_footer_content {
  background-image: url("background_pre_footer.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

/* Pre Footer for SingleProduct Page */
.pre_footer_content {
  background-repeat: no-repeat;
  background-size: cover;
}

.pre_footer_content .content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 1640px;
  margin: 0 auto;
  padding: 150px 20px;
  justify-content: space-between;
}

.pre_footer_content .content .left .title {
  font-weight: 600;
  font-size: 100px;
  line-height: 120px;
  color: #ffffff;
}

.pre_footer_content .content .left .subtitle {
  font-weight: 800;
  font-size: 26px;
  line-height: 34px;
  color: #ffffff;
  padding-top: 20px;
}

.pre_footer_content .content .left {
  flex: 0 50%;
  text-align: left;
}

.pre_footer_content .content .right {
  flex: 0 50%;
  text-align: right;
}

.pre_footer_purchase {
  background-color: #2B3A61;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 9;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  pointer-events: none;
}

.pre_footer_purchase.active {
  opacity: 1;
  pointer-events: all;
}

.pre_footer_purchase .purchase_product {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
  max-width: 1640px;
}

.pre_footer_purchase .purchase_product .left {
  width: 50%;
  padding: 43px;
  font-weight: 800;
  font-size: 26px;
  line-height: 34px;
  color: white;
}

.pre_footer_purchase .purchase_product .right {
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;

  flex: 0 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 20px;
}

.purchase {
  color: #ffffff;
  padding: 20px 36px;
  background: #d19433;
  border-radius: 22px;
  display: flex;
  cursor: pointer;
  position: relative;
}

.purchase .purchase_text {
  transform: translateX(0);
  transition: all 0.5s ease-in-out;
}

.purchase:hover .purchase_text {
  transform: translateX(-24px);
}

.purchase .slide_arrow {
  opacity: 0;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 15px;
  transition: all 0.5s ease-in-out;
}

.purchase:hover .slide_arrow {
  transition-delay: 0.25s;
  opacity: 1;
}

.woo-main {
  display: flex;
  padding: 20px 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.purchase:hover {
  background-color: #b68c3d;
  color: #ffffff;
}

.woo-main .slide_arrow {
  transform: translateY(0);
  position: relative;
}

.woo-main a {
  color: #ffffff;
  display: block;
}

.intresting {
  color: #d19433;
  padding: 20px 36px;
  border: 2px solid #d19433;
  border-radius: 22px;
  cursor: pointer;
}

.recommended {
  padding: 5% 9%;
}

.subseminars {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #585858;
  padding: 10px 0 1%;
}

.product_body .right {
  flex: 0 50%;
  padding-left: 160px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.product_body .right .product_info {
  background: #2B3A61;
  box-shadow: 0px 34px 44px rgba(0, 0, 0, 0.22);
  border-radius: 32px;
  padding: 35px 0px;
}

.product_body .right .product_info_separator {
  border-top: 1px solid #ffffff;
  opacity: 0.2;
}

.product_body .right .product_info .product_info_padding {
  padding: 0px 40px;
}

.product_body .right .product_info .information {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.product_body .right .product_info .information .title {
  font-weight: 800;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #d0d0d0;
}

.information {
  font-weight: 800;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #ffffff;
  padding-bottom: 10px;
}

.information .content .pr_title {
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
  color: #ffffff;
  text-transform: none;
  padding-bottom: 30px;
}

.information .content .product-attributes {
  padding-bottom: 15px;
  display: flex;
  align-items: flex-start;
}

.information .content .product-attributes img {
  margin-right: 10px !important;
}

.information .content .athens {
  padding-bottom: 5px;
}

.information .content .saloniki {
  padding: 0px 0px 5px 25px;
}

.information .content .loc_text {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  padding: 0px 0px 5px 25px;
}

.information .contact_text {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #ffffff;
  text-transform: none;
  padding-top: 5px;
  display: flex;
  align-items: flex-start;
}

.information .contact_text.js-check-mandatory {
  flex-direction: column;
}

.information .contact_text img {
  margin-right: 10px;
}

.pr_price {
  font-weight: 800;
  font-size: 48px;
  line-height: 58px;
  color: #ffffff;
}

.press_purchase .checkbox_wrapper {
  margin-top: 10px;
  display: flex;
  align-items: center;
}

.press_purchase .checkbox_wrapper input[type="checkbox"] {
  width: 26px;
  height: 26px;
}

.press_purchase .checkbox_text {
  margin-left: 20px;
}

.product_info .information .purchase {
  text-align: center;
  text-transform: none;
  width: 100%;
}

.product_info .add-to-cart-wrapper{
  padding: 0 40px;
}

.product_info .information .intresting {
  text-transform: none;
  text-align: center;
  margin: 0px 40px;
}

.pr_media {
  font-weight: 800;
  font-size: 26px;
  line-height: 34px;
  color: #001737;
}

.pr_video,
.pr_gallery {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pr_gallery .overlay {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 32px;
  z-index: 2;
}

.pr_video .play_video {
  position: absolute;
}

.play_video,
.counter_images {
  position: absolute;
  z-index: 3;
}

.counter_images {
  font-weight: 800;
  font-size: 30px;
  line-height: 78px;
  color: #ffffff;
  position: absolute;
  bottom: 0px;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 70px;
  height: 74px;
  text-align: center;
  border-bottom-right-radius:30px;
}

.pr_gallery img,
.pr_video .thub {
  height: 280px;
  width: 100%;
  object-fit: cover;
  border-radius: 32px;
}

.pr_container_video iframe {
  width: 800px;
  height: 25em;
  border-radius: 32px;
}

.product_image_gallery {
  padding-top: 20px;
  text-align: center;
}

.carousel_thanos {
  width: 10%;
  margin: 0px auto;
}

.carousel_thanos .slick-slide {
  margin: 10px;
}

.carousel_thanos .slick-slide img {
  width: 10%;
  border: 2px solid #000;
}

.product_image_gallery .slick-dots li button:before {
  font-size: 20px;
  color: black;
}

.after_header {
  width: 100%;
  position: relative;
  margin-bottom: 1%;
  background-color: #2B3A61;
}

.after_header .content_product {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

/*Word*/
  .after_header .content_product .left {
    width: 50%;
    padding: 20px;
    min-height: 580px;
    max-width: 582px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

.after_header .content_product .left .title {
  font-weight: 800;
  font-size: 68px;
  line-height: 1;
  color: white !important;
  padding-bottom: 20px;
}

.after_header .content_product .left .description {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  color: #f5f5f5;
  padding-left: 40px;
  border-left: 5px solid #d19433;
}

.after_header .content_product .right {
  width: 50%;
  flex: 0 50%;
  z-index: 9;
  padding-top: 50px;
}

.after_header .content_product .right img{
  margin-bottom: -80px;
}

.after_header .content_product .right .custom-class {
  border-radius: 32px 0px 0px 32px;
}

.single-product .ast-breadcrumbs li:last-child,
.single-product .ast-breadcrumbs li::after {
  color: #d0d0d0;
}

.single-product .ast-breadcrumbs li {
  text-transform: uppercase;
}


.after_header .title{
  font-size: clamp(35px,3.542vw,68px);
  font-weight: 800;
}

.after_header .subtitle{
  font-size: clamp(35px,3.542vw,68px);
  font-weight: 800;
}

.after_header .desc{
  font-size: clamp(18px,1.146vw,22px);
  font-weight: 600;
  border-left: 4px solid #F0BC46;
  padding-left: 40px;
  color: #fff;
}

.after_header .subtitle{
  font-size: clamp(15px,0.938vw,18px);
  font-weight: 800;
  color: #F0BC46;
}

.product_body hr{
  border: 1px solid #E6E6E7;
  margin-top: 60px;
  margin-bottom: 30px;
}

.alert-box{
  background-color: #F5F5F5;
  padding: 40px 45px;
  border-radius: 32px;
}

.basic-title{
  font-weight: 800;
  font-size: clamp(20px,1.354vw,26px);
  color: #2B3A61;
  margin-bottom: 10px;
}

.alert-box p{
  font-weight: 400;
  font-size: clamp(16px,1.042vw,20px);
  color: #2B3A61;
}

.title-with-icon{
  display: flex;
  gap: 12px;
}

.icon-paragraph li{
  font-weight: 700;
  padding-left: 20px;
}

.icon-paragraph li::marker {
  content: url('../img/bullets-arrow.png');
  height: 20px;
  width: 20px;
  display: block;
}

.product-fullwidth-banner{
  padding-inline:clamp(20px,8.333vw,160px);
  padding-block: clamp(60px,14.063vw,170px);
  background-repeat: no-repeat;
  background-size: cover;
}

.product-fullwidth-banner .inner{
  max-width: 900px;
}

.product-fullwidth-banner h2{
  font-size: clamp(30px,5.208vw,100px);
  color: #fff;
  font-weight: 600;
}

.product-fullwidth-banner p{
  font-size: clamp(20px,1.354vw,26px);
  font-weight: 800;
  color: #fff;
}

.product-social{
  padding-inline:clamp(20px,8.333vw,160px);
}

.product-social h2{
  font-size: clamp(16px,0.938vw,18px);
  font-weight: 800;
  color: #2B3A61;
  margin-bottom: 0;
}

.pre-footer-boxes{
  background-color: #E7E7E8;
  padding-inline:clamp(20px,8.333vw,160px);
  padding-block: clamp(60px, 6.25vw, 120px);
}

.pre-footer-boxes .inner-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(40px,5.208vw,100px);
}

.pre-footer-boxes .box {
  background-color: #fff;
  border-radius: 32px;
  box-shadow: 0px 0px 14px rgb(0, 0, 0, 0.1);
  padding: 30px 35px;
}

.pre-footer-boxes .boxes-wrapper{
  display: grid;
  grid-gap: clamp(20px,3.125vw,60px);
  grid-template-columns: repeat(3, 1fr);
}

.pre-footer-boxes .box h2{
    font-weight: 600;
    font-size: 22px;
    color: #001737;
    margin-bottom: 10px;
}

.pre-footer-boxes .box p{
  color: #585858;
  font-size: 16px;
  font-weight: 400;
}


body {
  position: relative;
}

body.popup-activated {
  overflow: hidden;
}

.popup-wrapper {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.5s ease-in-out;
  z-index: -1;
  opacity: 0;
}

.popup-wrapper.active {
  opacity: 1;
  z-index: 9999;
}

.close-popup {
  cursor: pointer;
  padding: 20px;
  position: absolute;
  top: 30px;
  right: 30px;
}

.close-popup svg {
  width: 30px;
  height: 30px !important;
}

.popup-inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-trigger {
  cursor: pointer;
}

.popup-content {
  /* background-color: #ffffff;
  padding: 30px; */
  max-width: 80%;
  max-height: 700px;
  border-radius: 30px;
}

.popup-content_intresting {
  background-color: #ffffff;
  padding: 30px;
  max-width: 800px;
}

.product-gallery-wrapper .swiper-slide{
  text-align: center;
}

.product-attributes{
  gap: 10px;
}

.product-attributes h3{
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 10px;
}

.product-attributes p{
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  line-height: 1.1;
}

.product-attributes svg{
  min-width: max-content;
}
