:root{
  --light-black: #6C6E72;
  --dark-black: #1F252B;
  --black: #272F37;
  --gray: #BCBEC2;
  --light-gray: #FBFBFC;
  --white: #ffffff;
  --red: #DB0006;
  --black-hex : 39,47,55;
}
body{
  font-family: 'Space Grotesk';
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  font-size: 1.8rem;
  line-height: 200%;
  color: var(--light-black);
  background: var(--white);
}
a{
  color: var(--black);
}
p{
  margin-bottom: 2.4rem;
}
h1,h2,h3,h4,h5,h6{
  color: var(--black);
}
ul{
  margin-bottom: 2rem;
}
ul > li{
  padding-left: 1.6rem;
  margin-bottom: 1.2rem;
}
ul > li:after {
  position: absolute;
  content: "";
  height: 0.8rem;
  width: 0.8rem;
  left: 0rem;
  top: 1.3rem;
  background: var(--black);
}
ol{
  counter-reset: number;
  margin-bottom: 2.2rem;
}
ol > li{
  padding-left: 2.5rem;
  counter-increment: number;
  margin-bottom: 0;
}
ol > li:after{
  content: none;
}
ol > li::before {
  position: absolute;
  content: "";
  width: 1.8rem;
  text-align: right;
  left: 0;
  top: 0;
  content: counter(number)".";
}
@media (min-width: 576px) {
  .container {
      max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
      max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
      max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
      max-width: 1170px;
  }
}
@media (min-width: 1360px) {
  .container {
    max-width: 1300px;
  }
}
@media (min-width: 1460px) {
  .container {
    max-width: 1400px;
  }
}
@media (min-width: 1560px) {
  .container {
    max-width: 1500px;
  }
}
@media (min-width: 1580px) {
  .container {
    max-width: 1550px;
  }
}
main{
  padding-top: 18.441rem;
}
.fw-sans,.fw-sans *,
button,.btn,input,textarea,
h1,.h1,.h1 *,
h2,.h2,.h2 *,
h3,.h3,.h3 *,
h4,.h4,.h4 *,
h5,.h5,.h5 *,
h6,.h6,.h6 *,
.fw-12,.fw-12 *,
.subtitle,.btn-link,.badge,.label{
  font-family: 'DM Sans';
}
.fw-space,
.fw-space h1,
.fw-space h2,
.fw-space h3,
.fw-space h4,
.fw-space h5,
.fw-space h6{
  font-family: 'Space Grotesk';
}
.bg-gray{
  background: var(--light-gray);
}
.bg-dark-black{
  background: var(--dark-black);
}
.bg-black{
  background: var(--black);
}
.text-dark-black,
.text-dark-black *{
  color: var(--dark-black);
}
.text-black,
.text-black *{
  color: var(--black);
}
.text-light-black,
.text-light-black *{
  color: var(--light-black);
}
.text-gray,
.text-gray *{
  color: var(--gray);
}
.text-red,
.text-red *
h1 strong,
h2 strong,
h3 strong,
h4 strong{
  color: #e31c23;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child{
  margin-bottom: 0;
}
.text-white,
.text-white *{
  color: var(--white);
}
h1,.h1,.h1 *{
  font-size: 7.2rem;
  line-height: 105%;
  font-weight: bold;
  margin: 0;
}
h2,.h2,.h2 *{
  font-size: 5.6rem;
  line-height: 105%;
  font-weight: bold;
  margin: 0;
}
h3,.h3,.h3 *{
  font-size: 4.4rem;
  line-height: 120%;
  font-weight: bold;
  margin: 0;
}
h4,.h4,.h4 *{
  font-size: 3.2rem;
  line-height: 120%;
  font-weight: bold;
  margin: 0;
}
h5,.h5,.h5 *{
  font-size: 2.8rem;
  line-height: 120%;
  font-weight: 600;
  margin: 0;
}
h6,.h6,.h6 *{
  font-size: 2.4rem;
  line-height: 120%;
  font-weight: 500;
  margin: 0;
}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6{
  font-size: 2.4rem;
  line-height: 160%;
  font-weight: 500;
  margin: 0 0 3.2rem;
}
.text h1:last-child,
.text h2:last-child,
.text h3:last-child,
.text h4:last-child,
.text h5:last-child,
.text h6:last-child{
  margin-bottom: 0;
}
.fw-16,
.fw-16 *{
  font-size: 1.6rem;
  line-height: 140%;
  margin: 0;
}
.fw-14,
.fw-14 *{
  font-size: 1.4rem;
  line-height: 140%;
  margin: 0;
}
.fw-12,
.fw-12 *{
  font-size: 1.2rem;
  line-height: 140%;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0;
}
.lh-180,
.lh-180 *{
  line-height: 180%;
}
.lh-160,
.lh-160 *{
  line-height: 160%;
}
.subtitle{
  font-size: 1.6rem;
  line-height: 160%;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.btn{
  height: 5.6rem;
  padding: 0 3.4rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: bold;
  border-radius: 5rem;
}
.btn-sm{
  height: 4.8rem !important;
  font-size: 1.4rem !important;
  padding: 0 2.4rem;
}
.btn img{
  margin-left: 1.6rem;
  max-width: 2rem;
}
.btn-white{
  border-color: var(--white);
  background: var(--white);
  color: var(--black);
}
.btn-white:hover{
  background: transparent;
  color: var(--white);
}
.btn-red{
  border-color: var(--red);
  background: var(--red);
  color: var(--white);
}
.btn-red:hover{
  border-color: #cd0006;
  background: #cd0006;
}
.btn-white-outline{
  border-color: var(--white);
  color: var(--white);
}
.btn-white-outline:hover{
  background: var(--white);
  color: var(--dark-black);
}
.btn-white-outline:hover img{
  -webkit-filter: brightness(0);
  filter: brightness(0);
}
.btn-icon{
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 50%;
}
.btn-icon.sm{
  height: 5.6rem !important;
  width: 5.6rem !important;
}
.btn-icon-black{
  background: #283038;
  border-color: #283038;
}
.btn-icon-white{
  border-color: var(--white);
  background: var(--white);
}
.btn-icon-black:hover,
.btn-icon-white:hover{
  border-color: var(--red);
  background: var(--red);
}
.btn-icon-black-outline,
.btn-black-outline{
  border-color: var(--black);
}
.btn-light-black-outline,
.btn-icon-light-black-outline{
  border-color: rgba(var(--black-hex),0.1);
  background: var(--white);
}
.btn-icon-black-outline:hover,
.btn-black-outline:hover,
.btn-light-black-outline:hover,
.btn-icon-light-black-outline:hover{
  background: var(--black);
  border-color: var(--black);
  color: var(--white);
}
.btn-icon-black-outline:hover img,
.btn-black-outline:hover img,
.btn-light-black-outline:hover img,
.btn-icon-white:hover img,
.btn-icon-light-black-outline:hover img{
  -webkit-filter: brightness(0) invert(100%);
  filter: brightness(0) invert(100%);
}
.btn-icon-light-black-outline.active{
  outline: 0.1rem solid var(--black) !important;
  border-color: var(--black);
}
.btn-link{
  display: inline-flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: initial;
  font-weight: 600;
}
.btn-link:hover{
  text-decoration: underline !important;
}
.btn-link:has(.btn-link-icon):hover{
  text-decoration: none !important;
}
.btn-link-icon{
  margin-left: 1.2rem;
  height: 5.6rem;
  width: 5.6rem;
  border: 1px solid transparent;
  border-radius: 50%;
}
.btn-link-icon:has(+ span){
  margin-right: 1.2rem;
  margin-left: 0;
}
.btn-link-black-outline{
  color: var(--black);
}
.btn-link-black-outline .btn-link-icon{
  border-color: rgba(var(--black-hex),0.1);
}
.btn-link-black-outline:hover .btn-link-icon{
  border-color: var(--black);
  background: var(--black);
}
.btn-link-black-outline:hover .btn-link-icon img{
  -webkit-filter: brightness(0) invert(100%);
  filter: brightness(0) invert(100%);
}
.border-bottom{
  border-bottom: 1px solid rgba(var(--black-hex),0.1);
}
.border-white{
  border-color: rgba(255,255,255,0.15);
}
.badge{
  display: inline-flex;
  padding: 1.1rem 2rem;
  font-size: 1.4rem;
  line-height: initial;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 5rem;
}
.badge-black{
  background: rgba(0,0,0,0.65);
  color: var(--white);
}
.row-40{
  --bs-gutter-x: 4rem;
}
.gx-28{
  --bs-gutter-x: 2.8rem;
}
.pb-12{
  padding-bottom: 1.2rem;
}
.mb-12{
  margin-bottom: 1.2rem;
}
.mb-16{
  margin-bottom: 1.6rem;
}
.mb-20{
  margin-bottom: 2rem;
}
.pl-20{
  padding-left: 2rem;
}
.pr-20{
  padding-right: 2rem;
}
.pb-20{
  padding-bottom: 2rem;
}
.mb-24{
  margin-bottom: 2.4rem;
}
.mb-28{
  margin-bottom: 2.8rem;
}
.mb-32{
  margin-bottom: 3.2rem;
}
.mt-32{
  margin-top: 3.2rem;
}
.mb-40{
  margin-bottom: 4rem;
}
.mt-40{
  margin-top: 4rem;
}
.mt-44{
  margin-top: 4.4rem;
}
.mb-48{
  margin-bottom: 4.8rem;
}
.mt-48{
  margin-top: 4.8rem;
}
.mt-56{
  margin-top: 5.6rem;
}
.mb-56{
  margin-bottom: 5.6rem;
}
.plr-64{
  padding-left: 6.4rem;
  padding-right: 6.4rem;
}
.mt-64{
  margin-top: 6.4rem;
}
.mb-64{
  margin-bottom: 6.4rem;
}
.mt-80{
  margin-top: 8rem;
}
.mb-80{
  margin-bottom: 8rem;
}
.mb-88{
  margin-bottom: 8.8rem;
}
.pt-104{
  padding-top: 10.4rem;
}
.mt-104{
  margin-top: 10.4rem;
}
.mb-104{
  margin-bottom: 10.4rem;
}
.mb-120{
  margin-bottom: 12rem;
}
.pt-120{
  padding-top: 12rem;
}
.pb-120{
  padding-bottom: 12rem;
}
.mb-128{
  margin-bottom: 12.8rem;
}
.pt-128{
  padding-top: 12.8rem;
}
.pb-128{
  padding-bottom: 12.8rem;
}
.mb-144{
  margin-bottom: 14.4rem;
}
.pb-144{
  padding-bottom: 14.4rem;
}
.pt-144{
  padding-top: 14.4rem;
}
.mb-160{
  margin-bottom: 16rem;
}
.pb-184{
  padding-bottom: 18.4rem;
}
.pb-240{
  padding-bottom: 24rem;
}
@media(min-width:1560px) and (max-width:1579.98px){
  main {
    padding-top: 16.041rem;
  }
  h1, .h1, .h1 * {
    font-size: 6.8rem;
  }
  h2, .h2, .h2 * {
    font-size: 5.4rem;
  }
  h4, .h4, .h4 * {
    font-size: 3rem;
  }
  h5, .h5, .h5 * {
    font-size: 2.6rem;
  }
  h6, .h6, .h6 * {
    font-size: 2.3rem;
  }
  .text h1, 
  .text h2, 
  .text h3, 
  .text h4, 
  .text h5, 
  .text h6 {
    font-size: 2.3rem;
  }
}
@media(min-width:1460px) and (max-width:1559.98px){
  body {
    font-size: 1.7rem;
  }
  main {
    padding-top: 15.9rem;
  }
  h1, .h1, .h1 * {
    font-size: 6.4rem;
  }
  h2, .h2, .h2 * {
    font-size: 5rem;
  }
  h3,.h3,.h3 *{
    font-size: 4.2rem;
  }
  h4, .h4, .h4 * {
    font-size: 2.8rem;
  }
  h5, .h5, .h5 * {
    font-size: 2.4rem;
  }
  h6, .h6, .h6 * {
    font-size: 2.16rem;
  }
  .text h1, 
  .text h2, 
  .text h3, 
  .text h4, 
  .text h5, 
  .text h6 {
    font-size: 2.16rem;
    margin: 0 0 2.8rem;
  }
  .mb-40 {
    margin-bottom: 3.6rem;
  }
  .mt-44 {
    margin-top: 4rem;
  }
  .mt-56 {
    margin-top: 4.8rem;
  }
  .mb-56 {
    margin-bottom: 4.8rem;
  }
  .mt-64 {
    margin-top: 5.6rem;
  }
  .mb-64 {
    margin-bottom: 5.6rem;
  }
  .plr-64 {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
  }
  .mb-80 {
    margin-bottom: 7rem;
  }
  .mt-80 {
    margin-top: 7rem;
  }
  .mt-104 {
    margin-top: 9rem;
  }
  .pt-104 {
    padding-top: 9rem;
  }
  .mb-104 {
    margin-bottom: 9rem;
  }
  .mb-120 {
    margin-bottom: 10rem;
  }
  .pb-120 {
    padding-bottom: 10rem;
  }
  .pt-120 {
    padding-top: 10rem;
  }
  .mb-128 {
    margin-bottom: 10.8rem;
  }
  .pt-128 {
    padding-top: 10.8rem;
  }
  .pb-128 {
    padding-bottom: 10.8rem;
  }
  .mb-144 {
    margin-bottom: 12.4rem;
  }
  .pb-144 {
    padding-bottom: 12.4rem;
  }
  .pt-144 {
    padding-top: 12.4rem;
  }
  .mb-160 {
    margin-bottom: 12.4rem;
  }
  .pb-184,
  .pb-240 {
    padding-bottom: 16rem;
  }
}
@media(min-width:1360px) and (max-width:1459.98px){
  body {
    font-size: 1.6rem;
  }
  main {
    padding-top: 15.9rem;
  }
  h1, .h1, .h1 * {
    font-size: 6rem;
  }
  h2, .h2, .h2 * {
    font-size: 4.4rem;
  }
  h3,.h3,.h3 *{
    font-size: 3.6rem;
  }
  h4, .h4, .h4 * {
    font-size: 2.8rem;
  }
  h5, .h5, .h5 * {
    font-size: 2.4rem;
  }
  h6, .h6, .h6 * {
    font-size: 2rem;
  }
  .text h1, 
  .text h2, 
  .text h3, 
  .text h4, 
  .text h5, 
  .text h6 {
    font-size: 2rem;
    margin: 0 0 2.8rem;
  }
  .subtitle {
    font-size: 1.5rem;
  }
  .btn {
    padding: 0 2.8rem;
  }
  .row-40 {
    --bs-gutter-x: 3rem;
  }
  .mb-40 {
    margin-bottom: 3.2rem;
  }
  .mt-44 {
    margin-top: 3.6rem;
  }
  .mb-48 {
    margin-bottom: 4rem;
  }
  .mt-48 {
    margin-top: 4rem;
  }
  .mt-48 {
    margin-top: 4rem;
  }
  .mt-56 {
    margin-top: 4rem;
  }
  .mb-56 {
    margin-bottom: 4rem;
  }
  .mt-64 {
    margin-top: 4.8rem;
  }
  .mb-64 {
    margin-bottom: 4.8rem;
  }
  .plr-64 {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
  .mb-80 {
    margin-bottom: 7rem;
  }
  .mt-80 {
    margin-top: 7rem;
  }
  .mt-104 {
    margin-top: 8.4rem;
  }
  .pt-104 {
    padding-top: 8.4rem;
  }
  .mb-104 {
    margin-bottom: 8.4rem;
  }
  .mb-120 {
    margin-bottom: 9rem;
  }
  .pt-120 {
    padding-top: 9rem;
  }
  .pb-120 {
    padding-bottom: 9rem;
  }
  .mb-128 {
    margin-bottom: 9.8rem;
  }
  .pb-128 {
    padding-bottom: 9.8rem;
  }
  .pt-128 {
    padding-top: 9.8rem;
  }
  .mb-144 {
    margin-bottom: 11.4rem;
  }
  .pb-144 {
    padding-bottom: 11.4rem;
  }
  .pt-144 {
    padding-top: 11.4rem;
  }
  .mb-160 {
    margin-bottom: 12.4rem;
  }
  .pb-184,
  .pb-240 {
    padding-bottom: 14rem;
  }
}
@media(min-width:1200px) and (max-width:1359.98px){
  body {
    font-size: 1.6rem;
  }
  main {
    padding-top: 15.578rem;
  }
  h1, .h1, .h1 * {
    font-size: 5.6rem;
  }
  h2, .h2, .h2 * {
    font-size: 4.4rem;
  }
  h3,.h3,.h3 *{
    font-size: 3.4rem;
  }
  h4, .h4, .h4 * {
    font-size: 2.6rem;
  }
  h5, .h5, .h5 * {
    font-size: 2.4rem;
  }
  h6, .h6, .h6 * {
    font-size: 2rem;
  }
  .subtitle {
    font-size: 1.5rem;
  }
  .text h1, 
  .text h2, 
  .text h3, 
  .text h4, 
  .text h5, 
  .text h6 {
    font-size: 2rem;
    margin: 0 0 2.4rem;
  }
  .btn {
    height: 5.2rem;
    padding: 0 2.8rem;
    font-size: 1.5rem;
  }
  .btn-icon {
    width: 5.6rem;
    height: 5.6rem;
  }
  .row-40 {
    --bs-gutter-x: 3rem;
  }
  .pr-20 {
    padding-right: 0.75rem;
  }
  .pl-20 {
    padding-left: 0.75rem;
  }
  .mb-40 {
    margin-bottom: 3.2rem;
  }
  .mt-44 {
    margin-top: 3.2rem;
  }
  .mb-48 {
    margin-bottom: 4rem;
  }
  .mt-48 {
    margin-top: 4rem;
  }
  .mt-56 {
    margin-top: 4rem;
  }
  .mb-56 {
    margin-bottom: 4rem;
  }
  .mt-64 {
    margin-top: 4.8rem;
  }
  .mb-64 {
    margin-bottom: 4.8rem;
  }
  .plr-64 {
    padding-left: 0;
    padding-right: 0;
  }
  .mb-80 {
    margin-bottom: 6rem;
  }
  .mt-80 {
    margin-top: 6rem;
  }
  .mt-104 {
    margin-top: 7.2rem;
  }
  .mb-104 {
    margin-bottom: 7.2rem;
  }
  .pt-104 {
    padding-top: 7.2rem;
  }
  .mb-120 {
    margin-bottom: 8rem;
  }
  .pt-120 {
    padding-top: 8rem;
  }
  .pb-120 {
    padding-bottom: 8rem;
  }
  .mb-128 {
    margin-bottom: 8.8rem;
  }
  .pb-128 {
    padding-bottom: 8.8rem;
  }
  .pt-128 {
    padding-top: 8.8rem;
  }
  .mb-144 {
    margin-bottom: 10.4rem;
  }
  .pt-144 {
    padding-top: 10.4rem;
  }
  .pb-144 {
    padding-bottom: 10.4rem;
  }
  .pb-184,
  .pb-240 {
    padding-bottom: 14rem;
  }
  .mb-160 {
    margin-bottom: 12rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  body {
    font-size: 1.6rem;
  }
  main {
    padding-top: 14.56rem;
  }
  h1, .h1, .h1 * {
    font-size: 4.8rem;
  }
  h2, .h2, .h2 * {
    font-size: 3.8rem;
  }
  h3,.h3,.h3 *{
    font-size: 3rem;
  }
  h4, .h4, .h4 * {
    font-size: 2.4rem;
  }
  h5, .h5, .h5 * {
    font-size: 2rem;
  }
  h6, .h6, .h6 * {
    font-size: 2rem;
  }
  .subtitle {
    font-size: 1.5rem;
  }
  .text h1, 
  .text h2, 
  .text h3, 
  .text h4, 
  .text h5, 
  .text h6 {
    font-size: 2rem;
    margin: 0 0 2.4rem;
  }
  .btn {
    height: 5rem;
    padding: 0 2.4rem;
    font-size: 1.5rem;
  }
  .btn img {
    margin-left: 1.2rem;
  }
  .btn-sm {
    height: 4.2rem !important;
  }
  .btn-icon {
    width: 5.6rem;
    height: 5.6rem;
  }
  .badge {
    font-size: 1.3rem;
  }
  .row-40 {
    --bs-gutter-x: 2.4rem;
  }
  .gx-28 {
    --bs-gutter-x: 2.4rem;
  }
  .pr-20 {
    padding-right: 0;
  }
  .pl-20 {
    padding-left: 0;
  }
  .mb-40 {
    margin-bottom: 3.2rem;
  }
  .mt-44 {
    margin-top: 3.2rem;
  }
  .mb-48 {
    margin-bottom: 4rem;
  }
  .mt-48 {
    margin-top: 4rem;
  }
  .mb-56 {
    margin-bottom: 4rem;
  }
  .mt-56 {
    margin-top: 4rem;
  }
  .mt-64 {
    margin-top: 4.8rem;
  }
  .mb-64 {
    margin-bottom: 4.8rem;
  }
  .plr-64 {
    padding-left: 0;
    padding-right: 0;
  }
  .mb-80 {
    margin-bottom: 6rem;
  }
  .mt-80 {
    margin-top: 6rem;
  }
  .mt-104 {
    margin-top: 6.4rem;
  }
  .pt-104 {
    padding-top: 6.4rem;
  }
  .mb-104 {
    margin-bottom: 6.4rem;
  }
  .mb-120 {
    margin-bottom: 8rem;
  }
  .pt-120 {
    padding-top: 8rem;
  }
  .pb-120 {
    padding-bottom: 8rem;
  }
  .mb-128 {
    margin-bottom: 8.8rem;
  }
  .pb-128 {
    padding-bottom: 8.8rem;
  }
  .pt-128 {
    padding-top: 8.8rem;
  }
  .pt-144 {
    padding-top: 10.4rem;
  }
  .mb-144,
  .mb-160{
    margin-bottom: 10.4rem;
  }
  .pb-144,
  .pb-184,
  .pb-240{
    padding-bottom: 10.4rem;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  body {
    font-size: 1.6rem;
  }
  main {
    padding-top: 7.6rem;
  }
  h1, .h1, .h1 * {
    font-size: 4.8rem;
  }
  h2, .h2, .h2 * {
    font-size: 4rem;
  }
  h3,.h3,.h3 *{
    font-size: 3.2rem;
  }
  h4, .h4, .h4 * {
    font-size: 2.4rem;
  }
  h5, .h5, .h5 * {
    font-size: 2.2rem;
  }
  h6, .h6, .h6 * {
    font-size: 2rem;
  }
  .text h1, 
  .text h2, 
  .text h3, 
  .text h4, 
  .text h5, 
  .text h6 {
    font-size: 2rem;
    margin: 0 0 2.4rem;
  }
  .btn-icon {
    width: 5.6rem;
    height: 5.6rem;
  }
  .badge {
    font-size: 1.2rem;
  }
  .glightbox-clean .gprev {
    top: calc(50% - 2.5rem) !important;
    left: 1rem !important;
  }
  .glightbox-clean .gnext {
    top: calc(50% - 2.5rem) !important;
    right: 1rem !important;
  }
  .row-40 {
    --bs-gutter-x: 2.4rem;
  }
  .gx-28 {
    --bs-gutter-x: 2.4rem;
  }
  .pr-20 {
    padding-right: 0;
  }
  .pl-20 {
    padding-left: 0;
  }
  .mb-40 {
    margin-bottom: 3.2rem;
  }
  .mt-44 {
    margin-top: 3.2rem;
  }
  .mb-48 {
    margin-bottom: 4rem;
  }
  .mt-48 {
    margin-top: 4rem;
  }
  .mb-56 {
    margin-bottom: 4rem;
  }
  .mt-64 {
    margin-top: 4.8rem;
  }
  .mb-64 {
    margin-bottom: 4.8rem;
  }
  .plr-64 {
    padding-left: 0;
    padding-right: 0;
  }
  .mb-80,
  .mb-88{
    margin-bottom: 5.6rem;
  }
  .mt-80 {
    margin-top: 5.6rem;
  }
  .mt-104 {
    margin-top: 6.4rem;
  }
  .pt-104 {
    padding-top: 6.4rem;
  }
  .mb-104{
    margin-bottom: 6.4rem;
  }
  .mb-120 {
    margin-bottom: 5.6rem;
  }
  .pt-120 {
    padding-top: 6.4rem;
  }
  .pb-120 {
    padding-bottom: 6.4rem;
  }
  .mb-128 {
    margin-bottom: 6.4rem;
  }
  .pb-128 {
    padding-bottom: 6.4rem;
  }
  .pt-128 {
    padding-top: 6.4rem;
  }
  .pt-144{
    padding-top: 8rem;
  }
  .mb-144,
  .mb-160{
    margin-bottom: 8rem;
  }
  .pb-144,
  .pb-184{
    padding-bottom: 8rem;
  }
  .pb-240 {
    padding-bottom: 5.6rem;
  }
  .sm-mt-24 {
    margin-top: 2.4rem;
  }
}
@media(max-width:767.98px){
  body {
    font-size: 1.6rem;
  }
  .container{
    padding: 0 2rem;
  }
  main {
    padding-top: 7.6rem;
    overflow: hidden;
  }
  p {
    margin-bottom: 2rem;
  }
  h1, .h1, .h1 * {
    font-size: 4rem;
  }
  h2, .h2, .h2 * {
    font-size: 3.2rem;
  }
  h3,.h3,.h3 *{
    font-size: 2.8rem;
  }
  h4, .h4, .h4 * {
    font-size: 2.4rem;
  }
  h5, .h5, .h5 * {
    font-size: 2rem;
  }
  h6, .h6, .h6 * {
    font-size: 2rem;
  }
  .lh-160, .lh-160 * {
    line-height: 140%;
  }
  .text h1, 
  .text h2, 
  .text h3, 
  .text h4, 
  .text h5, 
  .text h6 {
    font-size: 2rem;
    margin: 0 0 2.4rem;
  }
  .glightbox-clean .gprev {
    top: calc(50% - 2.5rem) !important;
    left: 1rem !important;
  }
  .glightbox-clean .gnext {
    top: calc(50% - 2.5rem) !important;
    right: 1rem !important;
  }
  .row-40 {
    --bs-gutter-x: 2rem;
  }
  .gx-28 {
    --bs-gutter-x: 2rem;
  }
  .pl-20 {
    padding-left: 0;
  }
  .pr-20 {
    padding-right: 0;
  }
  .mt-40 {
    margin-top: 3.2rem;
  }
  .mt-44 {
    margin-top: 3.2rem;
  }
  .mt-48 {
    margin-top: 3.2rem;
  }
  .mb-48 {
    margin-bottom: 3.2rem;
  }
  .mb-56 {
    margin-bottom: 3.2rem;
  }
  .mt-56 {
    margin-top: 4rem;
  }
  .mt-64 {
    margin-top: 4rem;
  }
  .mb-64 {
    margin-bottom: 4rem;
  }
  .plr-64 {
    padding-left: 0;
    padding-right: 0;
  }
  .mb-80,
  .mb-88{
    margin-bottom: 4.8rem;
  }
  .mt-80 {
    margin-top: 4.8rem;
  }
  .mt-104 {
    margin-top: 4.8rem;
  }
  .pt-104 {
    padding-top: 4.8rem;
  }
  .mb-104{
    margin-bottom: 4.8rem;
  }
  .pt-120 {
    padding-top: 4.8rem;
  }
  .pb-120,
  .pb-184,
  .pb-240{
    padding-bottom: 4.8rem;
  }
  .mb-120 {
    margin-bottom: 4rem;
  }
  .pb-128,
  .pb-144{
    padding-bottom: 6.4rem;
  }
  .pt-128,
  .pt-144 {
    padding-top: 6.4rem;
  }
  .mb-128,
  .mb-144,
  .mb-160{
    margin-bottom: 6.4rem;
  }
  .sm-mt-24 {
    margin-top: 2.4rem;
  }
}

ul.files-list > li::after {
  content: "";
  position: absolute;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  left: 0;
  top: 0.7rem;
  background-image: url("../images/icon-download.svg");
  background-size: contain;   /* dopasowanie obrazka */
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}

.card-v2-item:has(a:hover) .btn-icon-white,
.card-v2-item:has(a:hover) .btn-icon-white{
  border-color: var(--red);
  background: var(--red);
}
.card-v2-item:has(a:hover) .btn-icon-white img{
  -webkit-filter: brightness(0) invert(100%);
  filter: brightness(0) invert(100%);
}

.card-v2-item:has(a:hover) .card-v2-info{
  text-decoration: underline;
}

.card-v1-item:has(.card-v1-download:hover) .btn-icon-white.card-v1-download,
.card-v1-item:has(.card-v1-eye:hover) .btn-icon-white.card-v1-eye{
  border-color: var(--red);
  background: var(--red);
}

.card-v1-item:has(.card-v1-download:hover) .btn-icon-white.card-v1-download img,
.card-v1-item:has(.card-v1-eye:hover) .btn-icon-white.card-v1-eye img{
  -webkit-filter: brightness(0) invert(100%);
  filter: brightness(0) invert(100%);
}

.card-v1-item:has(.card-v1-download:hover) .card-v1-info,
.card-v1-item:has(.card-v1-eye:hover) .card-v1-info{
  text-decoration: underline;
}
.sec-main-top .main-top-img.d-center img,
.card-v2-img.d-center img {
  object-fit: contain;
}
.card-v2-img.d-center img.attachment-medium {
  mix-blend-mode: multiply;
}
.sidebar-link span {
  display: contents;
}
.sec-card .card-slider .card-img img.attachment-medium {
  mix-blend-mode: multiply;
}

.gallery a:hover .video-card-info {
  text-decoration: underline;
}

iframe {
  max-width: 100%;
}

.sec-product-tab .tab-info pre{
  white-space: normal;
}

.sec-info-block .info-text p:has(img.aligncenter) {
  text-align: center;
}

.sec-info-block .info-text p img.aligncenter {
  display: inline;
}

.mt-20 {
  margin-top: 2rem;
}

.bounceInRight {
  animation-name: bounceInRight;
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(1000px);
  }
  40% {
    opacity: 1;
    transform: translateX(-200px);
  }
  70% {
    transform: translateX(12px);
  }
  90% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}

/* YouTube iframe w treści – 100% szerokości + proporcje 16:9 */
.sec-product-tab iframe[src*="youtube.com/embed"] {
  width: 100% !important;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
}