:root{
  --black: #13151A;
  --primary: #1461FC;
  --primary-01: #62A0FF;
  --secondary: #F8FAFC;
  --light-black: #50576B;
  --blue: #073E67;
  --dark-blue: #0D2239;
  --white: #ffffff;
  --gary: #838B9E;

  --border-secondary: #E5EAF0;

  --btn-primary: #1461FC;
  --btn-primary-border: #1461FC;
  --btn-primary-color: #FFFFFF;
  --btn-primary-hover: #1757C7;
  --btn-primary-hover-border: #1757C7;
  --btn-primary-hover-color: #FFFFFF;

  --btn-secondary: #FFFFFF;
  --btn-secondary-border: #E5EAF0;
  --btn-secondary-color: #3D4354;
  --btn-secondary-hover: #F8FAFC;
  --btn-secondary-hover-border: #E5EAF0;
  --btn-secondary-hover-color: #3D4354;
}
body{
  font-family: 'Outfit', sans-serif;
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: -0.36px;
  color: var(--light-black);
  background: var(--white);
}
a{
  color: var(--black);
}
p{
  margin-bottom: 2rem;
}
strong{
  font-weight: 600;
}
ul{
  margin-bottom: 2rem;
}
ul > li{
  padding-left: 1.6rem;
  margin-bottom: 1.2rem;
}
ul > li:after {
  position: absolute;
  content: "";
  height: 0.6rem;
  width: 0.6rem;
  left: 0;
  top: 0.9rem;
  border-radius: 50%;
  background: var(--light-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.6rem;
  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: 1430px;
  }
}
@media (min-width: 1500px) {
  .container {
    max-width: 1470px;
  }
}
main{
  padding-top: 15rem;
}
body:has(.header-bar) main{
  padding-top: 19.8rem;
}
body:not(:has(.header-bottom)) main {
  padding-top: 8.9rem;
}
.bg-white{
  background: var(--white);
}
.text-white{
  color: var(--white);
}
.text-black{
  color: var(--black);
}
.text-light-black{
  color: var(--light-black);
}
.bg-primary{
  background: var(--primary);
}
.text-primary{
  color: var(--primary);
}
.text-primary-01{
  color: var(--primary-01);
}
.bg-secondary{
  background: var(--secondary);
}
.text-secondary{
  color: var(--secondary);
}
.bg-blue{
  background: var(--blue);
}
.text-blue{
  color: var(--blue);
}
.bg-dark-blue{
  background: var(--dark-blue);
}
.text-dark-blue{
  color: var(--dark-blue);
}
.text-gary{
  color: var(--gary);
}
h1,h2,h3,h4,h5,h6{
  color: var(--black);
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child{
  margin-bottom: 0;
}
h1,.h1,.h1 *{
  font-size: 4.8rem;
  line-height: 5.6rem;
  font-weight: 600;
  letter-spacing: -1.44px;
  margin: 0;
}
h2,.h2,.h2 *{
  font-size: 4rem;
  line-height: 4.8rem;
  font-weight: 600;
  letter-spacing: -1.2px;
  margin: 0;
}
h3,.h3,.h3 *{
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: 600;
  letter-spacing: -0.64px;
  margin: 0;
}
h4,.h4,.h4 *{
  font-size: 2.8rem;
  line-height: 3.6rem;
  font-weight: 600;
  letter-spacing: -0.56px;
  margin: 0;
}
h5,.h5,.h5 *{
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 600;
  letter-spacing: -0.48px;
  margin: 0;
}
h6,.h6,.h6 *{
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 600;
  letter-spacing: -0.4px;
  margin: 0;
}
.fw-36,.fw-36 *{
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 500;
  letter-spacing: -1.08px;
  margin: 0;
}
.fw-heading-large{
  font-size: 7.2rem;
  line-height: 8rem;
  font-weight: 600;
  letter-spacing: -2.16px;
  margin: 0;
}
.fw-heading-medium{
  font-size: 6.4rem;
  line-height: 7.2rem;
  font-weight: 600;
  letter-spacing: -1.92px;
  margin: 0;
}
.fw-heading-small{
  font-size: 5.6rem;
  line-height: 6.4rem;
  font-weight: 600;
  letter-spacing: -1.68px;
  margin: 0;
}
.fw-22,
.fw-22 *{
  font-size: 2.2rem;
  line-height: 2.8rem;
  font-weight: 600;
  letter-spacing: -0.44px;
  margin: 0;
}
.fw-18,
.fw-18 *{
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 500;
  letter-spacing: -0.36px;
  margin: 0;
}
.fw-16,
.fw-16 *{
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  letter-spacing: -0.96px;
  margin: 0;
}
.fw-14,
.fw-14 *{
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: -0.84px;
  margin: 0;
}
.fw-12,
.fw-12 *{
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.48px;
  margin: 0;
}
.fw-11,
.fw-11 *{
  font-size: 1.1rem;
  line-height: 1.2rem;
  font-weight: 500;
  letter-spacing: -0.22px;
  margin: 0;
}
.ls-16,
.ls-16 *{
  letter-spacing: -0.16px;
}
.ls-14,
.ls-14 *{
  letter-spacing: -0.14px;
}
.ls-0,
.ls-0 *{
  letter-spacing: 0;
}
.title-left p{
  max-width: 96rem;
}
.btn-group{
  display: flex;
  align-items: center;
  margin: 0 -0.6rem -1.2rem;
}
.btn-group.center{
  justify-content: center;
}
.btn-group .btn{
  margin: 0 0.6rem 1.2rem;
}
.btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 4.8rem;
  border: 1px solid transparent;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0 2rem;
  border-radius: 1rem;
  letter-spacing: -0.14px;
}
.btn img{
  margin-right: 0.8rem;
  width: 2rem;
}
.btn span + img{
  margin-right: 0 !important;
  margin-left: 0.8rem;
}
.btn:disabled,
.btn.disabled{
  pointer-events:none;
}
.btn-icon{
  width: 4.8rem !important;
  padding: 0 !important;
}
.btn-icon.sm{
  height: 4rem !important;
  width: 4rem !important;
  border-radius: 0.8rem !important;
}
.btn-icon img{
  margin: 0 !important;
}
.btn-sm{
  height: 4rem !important;
  padding: 0 1.2rem;
}
.btn-sm span{
  padding-left: 0.4rem;
}
.btn-sm img + span{
  padding-left: 0 !important;
  padding-right: 0.4rem;
}
.btn-md{
  height: 4.4rem !important;
}
.btn-xs{
  padding: 0 1.4rem;
  height: 3.6rem;
  border-radius: 0.8rem;
}
.btn-xs img {
  width: 1.6rem;
}
.btn-primary{
  background: var(--btn-primary);
  border-color: var(--btn-primary-border);
  color: var(--btn-primary-color);
}
.btn-primary:hover{
  background: var(--btn-primary-hover);
  border-color: var(--btn-primary-hover-border);
  color: var(--btn-primary-hover-color);
}
.btn-primary:disabled,
.btn-primary.disabled{
  background: #EFF3F7;
  border-color: #EFF3F7;
  color: #BCC4D4;
}
.btn-primary-01{
  background: #EBF5FF;
  border-color: #EBF5FF;
  color: var(--primary);
}
.btn-primary-01:hover{
  background: #DCECFF;
  border-color: #DCECFF;
}
.btn-secondary{
  background: var(--btn-secondary);
  border-color: var(--btn-secondary-border);
  color: var(--btn-secondary-color);
  box-shadow: 0px 1px 2px 0px #1213140D;
}
.btn-secondary:hover,
.btn-gary:hover{
  background: var(--btn-secondary-hover);
  border-color: var(--btn-secondary-hover-border);
  color: var(--btn-secondary-hover-color);
}
.btn-secondary:disabled,
.btn-secondary.disabled{
  color: #BCC4D4;
}
.btn-secondary:disabled img,
.btn-secondary.disabled img{
  -webkit-filter: brightness(0) invert(90%) sepia(8%) saturate(449%) hue-rotate(184deg) brightness(88%) contrast(88%);
  filter: brightness(0) invert(90%) sepia(8%) saturate(449%) hue-rotate(184deg) brightness(88%) contrast(88%);
}
.btn-white{
  background: transparent;
  border-color: rgba(255,255,255,0.3);
  color: var(--white);
  box-shadow: 0px 1px 2px 0px #1213140D;
}
.btn-white:hover{
  background: rgba(255,255,255,0.1);
}
.btn-black{
  border-color: #20242B;
  background: #20242B;
  color: var(--white);
}
.btn-black:hover{
  background: var(--black);
  border-color: var(--black);
}
.btn-gary{
  background: var(--secondary);
  border-color: var(--secondary);
  color: var(--light-black);
}
.btn-owl{
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-owl.disabled{
  opacity: 0.5;
  pointer-events: none;
}
.owl-dots{
  display: flex;
  align-items: center;
}
.owl-dot{
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #E5EAF0 !important;
  margin: 0 0.4rem;
}
.owl-dot:first-child{
  margin-left: 0;
}
.owl-dot:last-child{
  margin-right: 0;
}
.owl-dot.active{
  background: var(--primary) !important;
}
.btn-link{
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.btn-link:hover{
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transform-origin: left;
  transform-origin: left;
  text-decoration: underline !important;
}
.btn-link img{
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.4rem;
}
.btn-link-black{
  color: var(--black);
}
.link{
  text-decoration: underline !important;
  text-decoration-skip-ink: none;
}
.link:hover{
  text-decoration: none !important;
}
.btn-like .active,
.btn-like.active .normal{
  display: none !important;
}
.btn-like.active .active{
  display: block !important;
}
.tooltip{
  position: relative;
}
.tooltip-box{
  position: absolute;
  width: 17.8rem;
  background: var(--black);
  text-align: center;
  left: 0;
  top: 0;
  transform: translate(calc(-50% + 2.4rem),calc(-100% - 0.9rem));
  border-radius: 0.8rem;
  padding: 0.6rem 0.8rem;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.14px;
  font-weight: 500;
  color: var(--white);
  z-index: 2;
  display: none;
}
.tooltip:hover .tooltip-box{
  display: block;
}
.tooltip-box::after{
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -0.7rem;
  margin: 0 auto;
  width: 1.8rem;
  height: 0.9rem;
  background-image: url(../images/icon-tail-black.png);
  background-size: cover;
  background-position: center;
}
.alert{
  margin-top: 1.6rem;
  padding: 1.2rem;
  border-radius: 1rem;
  font-size: 1.4rem;
  letter-spacing: -0.14px;
  font-weight: 500;
  line-height: 2rem;
  background: #EBF5FF;
  gap: 0.8rem;
  align-items: flex-start;
}
.alert-secondary{
  background: var(--secondary);
}
.alert-warning{
  background: #FFF5E5;
}
.alert.sm{
  padding: 1rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: normal;
  color: #323745;
  border-radius: 0.8rem;
  letter-spacing: 0;
}
.alert img{
  width: 2rem;
  height: auto;
  flex-shrink: 0;
}
.alert.sm img{
  width: 1.6rem;
}
.hide-desktop{
  display: none !important;
}
.radius-24{
  border-radius: 2.4rem;
}
.radius-20{
  border-radius: 2rem;
}
.radius-16{
  border-radius: 1.6rem;
}
.radius-12{
  border-radius: 1.2rem;
}
.radius-10{
  border-radius: 1rem;
}
.border-1{
  border: 1px solid var(--border-secondary);
}
.border-top{
  border-top: 1px solid var(--border-secondary);
}
.border-bottom{
  border-bottom: 1px solid var(--border-secondary);
}
.border-left{
  border-left: 1px solid var(--border-secondary);
}
.border-right{
  border-right: 1px solid var(--border-secondary);
}
.badge{
  display: inline-flex;
  padding: 0.6rem 1.2rem;
  border: 1px solid transparent;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  border-radius: 999px;
  align-self: flex-start;
}
.badge-primary{
  background: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}
.badge-secondary{
  background: #fff;
  border-color: #D9DFE8;
  color: var(--light-black);
}
.badge-simple{
  background: #EFF3F7;
  border-color: #EFF3F7;
  color: #3D4354;
}
.badge-black{
  background: rgba(0,0,0,0.7);
  color: var(--white);
}
.badge-white{
  background: transparent;
  color: #697289;
}
.badge-green{
  background: #E6FAED;
  color: #029663;
}
.badge-blue{
  background: #EBF5FF;
  color: var(--primary);
}
.badge-red{
  background: #FFEBED;
  color: #D52C2A;
}
.form-control{
  outline: none;
  font-family: inherit;
  width: 100%;
  height: 4.4rem;
  background: var(--white);
  border: 1px solid var(--border-secondary);
  border-radius: 1rem;
  color: var(--black);
  font-size: 1.4rem;
  box-shadow: 0px 1px 2px 0px #1213140D;
  padding: 0 1.2rem;
}
.form-control::placeholder{
  opacity: 1;
  color: var(--gary);
}
.form-control:-ms-input-placeholder{
  color: var(--gary);
}
.form-control:focus{
  border-color: var(--light-black);
}
.label{
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: -0.14px;
  display: block;
  margin: 0;
  color: #323745;
}
.icon-lg{
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 0.8rem;
}
.icon{
  width: 2.4rem;
  height: auto;
}
.icon-sm{
  width: 2rem;
  height: auto;
}
.shadow{
  box-shadow: 0px 1px 2px 0px #1213140D;
}
.sec-alert{
  padding: 1.6rem 0;
  background: #FFF5E5;
}
.sec-alert--success{
  background: #E8F5E9;
}
.sec-alert--error{
  background: #FFEBEE;
}
.sec-alert--info{
  background: #E3F2FD;
}
.alert-block{
  flex-wrap: wrap;
}
.alert-left .icon-sm{
  margin-right: 1.2rem;
  flex-shrink: 0;
}
.alert-left p{
  margin: 0;
}
.alert-right{
  margin-left: auto;
}
.alert-btn{
  text-decoration: underline !important;
  text-decoration-skip-ink: none;
}
.alert-close{
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.alert-close:hover{
  opacity: 1;
}
/* Reset domyślnych stylów WooCommerce dla powiadomień */
.sec-alert .woocommerce-message,
.sec-alert .woocommerce-error,
.sec-alert .woocommerce-info{
  all: unset;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  flex-wrap: wrap;
  width: 100%;
}
.sec-alert .woocommerce-message::before,
.sec-alert .woocommerce-error::before,
.sec-alert .woocommerce-info::before{
  display: none !important;
}
.sec-alert .woocommerce-message a.button,
.sec-alert .woocommerce-error a.button,
.sec-alert .woocommerce-info a.button{
  order: 2;
  margin-left: auto;
  text-decoration: underline;
  background: none;
  border: none;
  padding: 0;
  color: inherit;
  font-weight: 500;
}
.quantity button{
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-secondary);
}
.btn-quantity-minus{
  border-radius: 1rem 0 0 1rem;
}
.btn-quantity-plus{
  border-radius: 0 1rem 1rem 0;
}
.input-quantity{
  outline: none;
  padding: 0;
  height: 4.8rem;
  width: 4.8rem;
  border: 1px solid var(--border-secondary);
  border-left: 0;
  border-right: 0;
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: -0.14px;
  font-family: inherit;
  font-weight: 500;
  color: var(--light-black);
  -moz-appearance: textfield;
  appearance: textfield;
}
.input-quantity::-webkit-outer-spin-button,
.input-quantity::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.main-top-img img{
  width: 100%;
  height: auto;
  border-radius: 1.6rem;
}
.mb-04{
  margin-bottom: 0.4rem;
}
.mr-4{
  margin-right: 0.4rem;
}
.mb-6{
  margin-bottom: 0.6rem;
}
.mb-8{
  margin-bottom: 0.8rem;
}
.mr-8{
  margin-right: 0.8rem;
}
.mr-10{
  margin-right: 1rem;
}
.gap-12{
  gap: 1.2rem;
}
.p-12{
  padding: 1.2rem;
}
.mb-12{
  margin-bottom: 1.2rem;
}
.mb-16{
  margin-bottom: 1.6rem;
}
.p-16{
  padding: 1.6rem;
}
.pb-16{
  padding-bottom: 1.6rem;
}
.mb-20{
  margin-bottom: 2rem;
}
.mt-20{
  margin-top: 2rem;
}
.p-20{
  padding: 2rem;
}
.p-24{
  padding: 2.4rem;
}
.mb-24{
  margin-bottom: 2.4rem;
}
.mt-24{
  margin-top: 2.4rem;
}
.bs-y-24{
  --bs-gutter-y: 2.4rem;
}
.p-28{
  padding: 2.8rem;
}
.p-32{
  padding: 3.2rem;
}
.mb-32{
  margin-bottom: 3.2rem;
}
.mt-32{
  margin-top: 3.2rem;
}
.gap-32{
  gap: 3.2rem;
}
.mb-40{
  margin-bottom: 4rem;
}
.mt-40{
  margin-top: 4rem;
}
.pt-40{
  padding-top: 4rem;
}
.pb-40{
  padding-bottom: 4rem;
}
.gap-40{
  gap: 4rem;
}
.pt-42{
  padding-top: 4.2rem;
}
.pb-42{
  padding-bottom: 4.2rem;
}
.mb-44{
  margin-bottom: 4.4rem;
}
.pt-48{
  padding-top: 4.8rem;
}
.mb-48{
  margin-bottom: 4.8rem;
}
.mb-64{
  margin-bottom: 6.4rem;
}
.mt-64{
  margin-top: 6.4rem;
}
.pt-64{
  padding-top: 6.4rem;
}
.pb-64{
  padding-bottom: 6.4rem;
}
.mb-80{
  margin-bottom: 8rem;
}
.mt-80{
  margin-top: 8rem;
}
.pt-80{
  padding-top: 8rem;
}
.pb-80{
  padding-bottom: 8rem;
}
.pt-96{
  padding-top: 9.6rem;
}
.pb-96{
  padding-bottom: 9.6rem;
}
.pb-160{
  padding-bottom: 16rem;
}
@media(min-width:1360px) and (max-width:1459.98px){
  body {
    font-size: 1.7rem;
    line-height: 2.7rem;
    letter-spacing: -0.34px;
  }
  body:has(.header-bar) main {
    padding-top: 17.4rem;
  }
  main {
    padding-top: 13.4rem;
  }
  body:not(:has(.header-bottom)) main {
    padding-top: 8.1rem;
  }
  h1, .h1, .h1 * {
    font-size: 4.4rem;
    line-height: 5.4rem;
    letter-spacing: -1.32px;
  }
  h2, .h2, .h2 * {
    font-size: 3.6rem;
    line-height: 4.4rem;
    letter-spacing: -1.08px;
  }
  h3,.h3,.h3 *{
    font-size: 3rem;
    line-height: 3.8rem;
    letter-spacing: -0.60px;
  }
  h4,.h4,.h4 *{
    font-size: 2.6rem;
    line-height: 3.4rem;
    letter-spacing: -0.52px;
  }
  h5, .h5, .h5 * {
    font-size: 2.2rem;
    line-height: 3rem;
    letter-spacing: -0.44px;
  }
  h6, .h6, .h6 * {
    font-size: 1.9rem;
    line-height: 2.7rem;
    letter-spacing: -0.38px;
  }
  .fw-36, .fw-36 * {
    font-size: 3.2rem;
    line-height: 3.8rem;
    letter-spacing: -0.96px;
  }
  .fw-18, .fw-18 * {
    font-size: 1.7rem;
    line-height: 2.3rem;
    letter-spacing: -0.34px;
  }
  .sec-page-head br{
    display: none;
  }
  .p-28 {
    padding: 2.4rem;
  }
  .mb-32 {
    margin-bottom: 2.4rem;
  }
  .mt-40 {
    margin-top: 3.2rem;
  }
  .mb-40 {
    margin-bottom: 3.2rem;
  }
  .pb-40 {
    padding-bottom: 3.2rem;
  }
  .pt-40 {
    padding-top: 3.2rem;
  }
  .mb-44 {
    margin-bottom: 3.2rem;
  }
  .pt-48 {
    padding-top: 4rem;
  }
  .mb-48 {
    margin-bottom: 4rem;
  }
  .mt-64 {
    margin-top: 4.8rem;
  }
  .mb-64 {
    margin-bottom: 4.8rem;
  }
  .pb-64 {
    padding-bottom: 4.8rem;
  }
  .pt-64 {
    padding-top: 4.8rem;
  }
  .mb-80 {
    margin-bottom: 6rem;
  }
  .pt-80 {
    padding-top: 6rem;
  }
  .mt-80 {
    margin-top: 6rem;
  }
  .pb-80 {
    padding-bottom: 6rem;
  }
  .mt-80 {
    margin-top: 6rem;
  }
  .pb-96 {
    padding-bottom: 8rem;
  }
  .pt-96 {
    padding-top: 8rem;
  }
}
@media(min-width:1200px) and (max-width:1359.98px){
  body {
    font-size: 1.6rem;
    line-height: 2.6rem;
    letter-spacing: -0.32px;
  }
  body:has(.header-bar) main {
    padding-top: 17.2rem;
  }
  main {
    padding-top: 13.2rem;
  }
  body:not(:has(.header-bottom)) main {
    padding-top: 7.9rem;
  }
  h1, .h1, .h1 * {
    font-size: 4.2rem;
    line-height: 5rem;
    letter-spacing: -1.26px;
  }
  h2, .h2, .h2 * {
    font-size: 3.4rem;
    line-height: 4.2rem;
  }
  h3,.h3,.h3 *{
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: -0.56px;
  }
  h4,.h4,.h4 *{
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: -0.48px;
  }
  h5, .h5, .h5 * {
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: -0.40px;
  }
  h6,.h6,.h6 *{
    font-size: 1.8rem;
    line-height: 2.6rem;
    letter-spacing: -0.36px;
  }
  .fw-36, .fw-36 * {
    font-size: 2.8rem;
    line-height: 3.4rem;
    letter-spacing: -0.84px;
  }
  .fw-18, .fw-18 * {
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: -0.32px;
  }
  .title-left p {
    max-width: 90rem;
  }
  .sec-page-head br{
    display: none;
  }
  .alert {
    font-size: 1.3rem;
  }
  .p-28 {
    padding: 2.4rem;
  }
  .mb-32 {
    margin-bottom: 2.4rem;
  }
  .mt-40 {
    margin-top: 3.2rem;
  }
  .mb-40 {
    margin-bottom: 3.2rem;
  }
  .pb-40 {
    padding-bottom: 3.2rem;
  }
  .pt-40 {
    padding-top: 3.2rem;
  }
  .mb-44 {
    margin-bottom: 3.2rem;
  }
  .pt-48 {
    padding-top: 3.2rem;
  }
  .mb-48 {
    margin-bottom: 3.2rem;
  }
  .mt-64 {
    margin-top: 4.8rem;
  }
  .mb-64 {
    margin-bottom: 4.8rem;
  }
  .pb-64 {
    padding-bottom: 4.8rem;
  }
  .pt-64 {
    padding-top: 4.8rem;
  }
  .mb-80 {
    margin-bottom: 6rem;
  }
  .pt-80 {
    padding-top: 6rem;
  }
  .pb-80 {
    padding-bottom: 6rem;
  }
  .mt-80 {
    margin-top: 6rem;
  }
  .mt-80 {
    margin-top: 6rem;
  }
  .pb-96 {
    padding-bottom: 8rem;
  }
  .pt-96 {
    padding-top: 8rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  body {
    font-size: 1.5rem;
    line-height: 2.6rem;
    letter-spacing: -0.30px;
  }
  p {
    margin-bottom: 1.6rem;
  }
  main {
    padding-top: 12.8rem;
  }
  body:has(.header-bar) main {
    padding-top: 16.6rem;
  }
  body:not(:has(.header-bottom)) main {
    padding-top: 7.5rem;
  }
  h1, .h1, .h1 * {
    font-size: 4rem;
    line-height: 4.8rem;
    letter-spacing: -1.2px;
  }
  h2, .h2, .h2 * {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: -0.96px;
  }
  h3,.h3,.h3 *{
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: -0.56px;
  }
  h4,.h4,.h4 *{
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: -0.48px;
  }
  h5, .h5, .h5 * {
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: -0.40px;
  }
  h6,.h6,.h6 *{
    font-size: 1.8rem;
    line-height: 2.6rem;
    letter-spacing: -0.36px;
  }
  .fw-36, .fw-36 * {
    font-size: 3rem;
    line-height: 3.6rem;
    letter-spacing: -0.90px;
  }
  .fw-22, .fw-22 * {
    font-size: 2rem;
    line-height: 2.6rem;
    letter-spacing: -0.40px;
  }
  .fw-18, .fw-18 * {
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: -0.32px;
  }
  .title-left p {
    max-width: 73rem;
  }
  .sec-page-head br{
    display: none;
  }
  .alert {
    font-size: 1.3rem;
    letter-spacing: -0.13px;
    line-height: 1.7rem;
  }
  .mt-24 {
    margin-top: 2rem;
  }
  .p-28 {
    padding: 2.4rem;
  }
  .mb-32 {
    margin-bottom: 2.4rem;
  }
  .mt-40 {
    margin-top: 3.2rem;
  }
  .mb-40 {
    margin-bottom: 3.2rem;
  }
  .pb-40 {
    padding-bottom: 3.2rem;
  }
  .pt-40 {
    padding-top: 3.2rem;
  }
  .pb-42 {
    padding-bottom: 3.2rem;
  }
  .pt-42 {
    padding-top: 3.2rem;
  }
  .mb-44 {
    margin-bottom: 3.2rem;
  }
  .pt-48 {
    padding-top: 3.2rem;
  }
  .mb-48 {
    margin-bottom: 3.2rem;
  }
  .mb-64 {
    margin-bottom: 4rem;
  }
  .mt-64 {
    margin-top: 4rem;
  }
  .pb-64 {
    padding-bottom: 4rem;
  }
  .pt-64 {
    padding-top: 4rem;
  }
  .pt-80 {
    padding-top: 6rem;
  }
  .pb-80 {
    padding-bottom: 6rem;
  }
  .mt-80 {
    margin-top: 6rem;
  }
  .mb-80 {
    margin-bottom: 6rem;
  }
  .mt-80 {
    margin-top: 6rem;
  }
  .pb-96 {
    padding-bottom: 6rem;
  }
  .pt-96 {
    padding-top: 6rem;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  body {
    font-size: 1.5rem;
    line-height: 2.6rem;
    letter-spacing: -0.30px;
  }
  main {
    padding-top: 5.1rem;
  }
  body:has(.header-bar) main {
    padding-top: 8.5rem;
  }
  body:not(:has(.header-bottom)) main {
    padding-top: 5.1rem;
  }
  h1, .h1, .h1 * {
    font-size: 4rem;
    line-height: 4.8rem;
    letter-spacing: -1.20px;
  }
  h2, .h2, .h2 * {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: -0.96px;
  }
  h3,.h3,.h3 *{
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: -0.56px;
  }
  h4,.h4,.h4 *{
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: -0.48px;
  }
  h5, .h5, .h5 * {
    font-size: 2rem;
    line-height: 3rem;
    letter-spacing: -0.40px;
  }
  h6,.h6,.h6 *{
    font-size: 1.8rem;
    line-height: 2.6rem;
    letter-spacing: -0.36px;
  }
  .fw-36, .fw-36 * {
    font-size: 3rem;
    line-height: 3.6rem;
    letter-spacing: -0.90px;
  }
  .sec-page-head br{
    display: none;
  }
  .alert {
    font-size: 1.3rem;
    letter-spacing: -0.13px;
    line-height: 1.7rem;
  }
  .mt-24 {
    margin-top: 2rem;
  }
  .p-28 {
    padding: 2.4rem;
  }
  .mb-32 {
    margin-bottom: 2.4rem;
  }
  .mt-40 {
    margin-top: 2.4rem;
  }
  .mb-40 {
    margin-bottom: 2.4rem;
  }
  .pb-40 {
    padding-bottom: 2.4rem;
  }
  .pt-40 {
    padding-top: 2.4rem;
  }
  .gap-40 {
    gap: 2.4rem;
  }
  .mb-44 {
    margin-bottom: 2.8rem;
  }
  .pb-42 {
    padding-bottom: 2.8rem;
  }
  .pt-42 {
    padding-top: 2.8rem;
  }
  .pt-48 {
    padding-top: 2.8rem;
  }
  .mb-48 {
    margin-bottom: 2.8rem;
  }
  .mb-64 {
    margin-bottom: 3.2rem;
  }
  .mt-64 {
    margin-top: 3.2rem;
  }
  .pb-64 {
    padding-bottom: 3.2rem;
  }
  .pt-64 {
    padding-top: 3.2rem;
  }
  .pt-80 {
    padding-top: 4rem;
  }
  .mt-80 {
    margin-top: 4rem;
  }
  .mb-80 {
    margin-bottom: 4rem;
  }
  .pb-80 {
    padding-bottom: 4rem;
  }
  .mt-80 {
    margin-top: 4rem;
  }
  .pb-96 {
    padding-bottom: 4rem;
  }
  .pt-96 {
    padding-top: 4rem;
  }
}
@media(max-width:767.98px){
  body {
    font-size: 1.5rem;
    line-height: 2.6rem;
    letter-spacing: -0.30px;
  }
  p {
    margin-bottom: 1.6rem;
  }
  .container{
    padding: 0 1rem;
  }
  main {
    padding-top: 5.1rem;
  }
  body:has(.header-bar) main {
    padding-top: 8.5rem;
  }
  body:not(:has(.header-bottom)) main {
    padding-top: 5.1rem;
  }
  h1, .h1, .h1 * {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: -0.96px;
  }
  h2, .h2, .h2 * {
    font-size: 2.8rem;
    line-height: 3.4rem;
    letter-spacing: -0.84px;
  }
  h3,.h3,.h3 *{
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: -0.48px;
  }
  h4,.h4,.h4 *{
    font-size: 2.2rem;
    line-height: 3rem;
    letter-spacing: -0.44px;
  }
  h5, .h5, .h5 * {
    font-size: 2rem;
    line-height: 3rem;
    letter-spacing: -0.40px;
  }
  h6,.h6,.h6 *{
    font-size: 1.7rem;
    line-height: 2.5rem;
    letter-spacing: -0.34px;
  }
  .fw-36, .fw-36 * {
    font-size: 3rem;
    line-height: 3.6rem;
    letter-spacing: -0.90px;
  }
  .btn-group{
    margin-left: 0;
    margin-right: 0;
  }
  .btn-group .btn {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .sec-alert {
    padding: 0.8rem 0;
  }
  .sec-page-head br{
    display: none;
  }
  .radius-24 {
    border-radius: 2rem;
  }
  .hide-desktop{
    display: block !important;
  }
  .lodaMore {
    margin-top: 1.5rem;
  }
  .alert {
    font-size: 1.3rem;
    letter-spacing: -0.13px;
    line-height: 1.7rem;
  }
  .mt-24 {
    margin-top: 2rem;
  }
  .p-24 {
    padding: 2rem;
  }
  .bs-y-24 {
    --bs-gutter-y: 1rem;
  }
  .p-28 {
    padding: 2.4rem;
  }
  .mb-32 {
    margin-bottom: 2rem;
  }
  .mt-40 {
    margin-top: 2rem;
  }
  .mb-40 {
    margin-bottom: 2rem;
  }
  .pb-40 {
    padding-bottom: 2rem;
  }
  .pt-40 {
    padding-top: 2rem;
  }
  .pb-42 {
    padding-bottom: 2rem;
  }
  .pt-42 {
    padding-top: 2rem;
  }
  .mb-44 {
    margin-bottom: 2rem;
  }
  .pt-48 {
    padding-top: 2rem;
  }
  .mb-48 {
    margin-bottom: 2rem;
  }
  .mb-64 {
    margin-bottom: 2rem;
  }
  .mt-64 {
    margin-top: 2rem;
  }
  .pb-64 {
    padding-bottom: 2rem;
  }
  .pt-64 {
    padding-top: 2rem;
  }
  .pb-80 {
    padding-bottom: 2rem;
  }
  .pt-80 {
    padding-top: 2rem;
  }
  .mb-80 {
    margin-bottom: 2rem;
  }
  .mt-80 {
    margin-top: 2rem;
  }
  .pb-96 {
    padding-bottom: 2rem;
  }
  .pt-96 {
    padding-top: 2rem;
  }
}
#ab-cookie-show {
  display: none !important;
}