/* Witek Home FAQ – CSS do dodania poza edytorem CMS
   np. do custom.css / theme.css aktywnego motywu.
   Wszystkie reguły są ograniczone do #witek-faq. */

#witek-faq {
  --witek-pink: #b3236b;
  --witek-pink-dark: #8f1752;
  --witek-ink: #252126;
  --witek-muted: #706b70;
  --witek-line: #e9e4e7;
  --witek-soft: #faf7f9;
  --witek-grey: #f6f6f7;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--witek-ink);
  line-height: 1.65;
  font-size: 16px;
  background: #fff;
}

#witek-faq * { box-sizing: border-box; }


#witek-faq .wf-hero:after {
  content: "";
  position: absolute;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  right: -160px;
  top: -210px;
  border: 1px solid #edd5e1;
  box-shadow: 0 0 0 55px rgba(179,35,107,.025), 0 0 0 110px rgba(179,35,107,.018);
  pointer-events: none;
}
#witek-faq .wf-eyebrow { margin: 0 0 13px; color: var(--witek-pink); font-size: 12px; line-height: 1.2; font-weight: 700; letter-spacing: .17em; text-transform: uppercase;margin-top: 15px; }
#witek-faq h1,
#witek-faq h2,
#witek-faq .wf-summary-title { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; color: #211d20; }
#witek-faq h1 { max-width: 920px; margin: 0 0 22px; font-size: 46px; line-height: 1.12; letter-spacing: -.025em; }
#witek-faq .wf-lead { max-width: 900px; margin: 0; color: #555055; font-size: 18px; line-height: 1.75; }
#witek-faq .wf-lead + .wf-lead { margin-top: 10px; }

#witek-faq .wf-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 34px 0 0; }
#witek-faq .wf-fact { min-height: 94px; padding: 18px 20px; background: #fff; border: 1px solid var(--witek-line); }
#witek-faq .wf-fact strong { display: block; margin-bottom: 3px; font-family: Georgia, 'Times New Roman', serif; font-size: 26px; font-weight: 400; line-height: 1.15; color: var(--witek-pink); }
#witek-faq .wf-fact span { font-size: 13px; color: var(--witek-muted); }

#witek-faq .wf-nav { padding: 28px 0; border-bottom: 1px solid var(--witek-line); background: #fff; }
#witek-faq .wf-nav-label { margin: 0 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; color: #787278; }
#witek-faq .wf-nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
#witek-faq .wf-nav a { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 13px; border: 1px solid #ded8dc; background: #fff; color: #3b363a !important; text-decoration: none !important; font-size: 13px; transition: .18s ease; }
#witek-faq .wf-nav a:hover { border-color: var(--witek-pink); color: var(--witek-pink) !important; background: #fff8fb; }

#witek-faq .wf-content { padding: 52px 0 30px; }
#witek-faq .wf-section { scroll-margin-top: 120px; margin: 0 0 58px; }
#witek-faq .wf-section-head { display: grid; grid-template-columns: 72px 1fr; gap: 18px; align-items: center; margin-bottom: 20px; }
#witek-faq .wf-section-no { display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border: 1px solid #e6d9df; color: var(--witek-pink); font-family: Georgia, 'Times New Roman', serif; font-size: 19px; background: #fff9fc; }
#witek-faq h2 { margin: 0; font-size: 31px; line-height: 1.22; letter-spacing: -.015em; }

/* Pytania i odpowiedzi – bez <details>, <summary> i JS.
   To celowe: taki HTML jest znacznie bezpieczniejszy dla edytora CMS PrestaShop. */
#witek-faq .wf-accordion { border-top: 1px solid var(--witek-line); }
#witek-faq .wf-item { padding: 22px 0 24px; border-bottom: 1px solid var(--witek-line); background: #fff; }
#witek-faq .wf-question { display: flex; align-items: flex-start; gap: 14px; margin: 0 0 10px; font-weight: 600; font-size: 16px; line-height: 1.45; color: #2d282c; }
#witek-faq .wf-qno { flex: 0 0 auto; min-width: 28px; padding-top: 2px; color: var(--witek-pink); font-size: 12px; font-weight: 700; letter-spacing: .04em; }
#witek-faq .wf-answer { margin-left: 42px; max-width: 960px; color: #5c565a; font-size: 15px; line-height: 1.75; }
#witek-faq .wf-answer p { margin: 0 0 10px; }
#witek-faq .wf-answer p:last-child { margin-bottom: 0; }
#witek-faq .wf-item:hover .wf-question { color: var(--witek-pink-dark); }

#witek-faq .wf-bottom { margin: 14px 0 64px; padding: 38px 40px 40px; background: var(--witek-grey); border-top: 3px solid var(--witek-pink); }
#witek-faq .wf-summary-title { margin: 0 0 24px; font-size: 31px; line-height: 1.2; }
#witek-faq .wf-summary-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 36px; }
#witek-faq .wf-summary-item { padding: 14px 0; border-bottom: 1px solid #e2dfe1; }
#witek-faq .wf-summary-item strong { display: block; margin-bottom: 3px; color: #272227; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
#witek-faq .wf-summary-item span { color: #5e585c; font-size: 14px; }
#witek-faq .wf-footnote { margin: 20px 0 0; color: #817a7f; font-size: 12px; }

@media (max-width: 900px) {
  #witek-faq .wf-hero { padding: 52px 0 42px; }
  #witek-faq h1 { font-size: 38px; }
  #witek-faq .wf-facts { grid-template-columns: repeat(2, 1fr); }
  #witek-faq .wf-content { padding-top: 40px; }
}

@media (max-width: 600px) {
  #witek-faq { font-size: 15px; }
  #witek-faq .wf-wrap { width: min(100% - 28px, 1180px); }
  #witek-faq .wf-hero { padding: 38px 0 34px; }
  #witek-faq h1 { font-size: 31px; line-height: 1.16; }
  #witek-faq .wf-lead { font-size: 16px; line-height: 1.65; }
  #witek-faq .wf-facts { grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 26px; }
  #witek-faq .wf-fact { min-height: 82px; padding: 14px; }
  #witek-faq .wf-fact strong { font-size: 22px; }
  #witek-faq .wf-nav { padding: 22px 0; }
  #witek-faq .wf-nav-links { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; scrollbar-width: thin; }
  #witek-faq .wf-nav a { white-space: nowrap; }
  #witek-faq .wf-section { margin-bottom: 44px; }
  #witek-faq .wf-section-head { grid-template-columns: 44px 1fr; gap: 12px; }
  #witek-faq .wf-section-no { width: 42px; height: 42px; font-size: 16px; }
  #witek-faq h2 { font-size: 25px; }
  #witek-faq .wf-item { padding: 18px 0 20px; }
  #witek-faq .wf-question { font-size: 15px; gap: 10px; }
  #witek-faq .wf-qno { min-width: 24px; }
  #witek-faq .wf-answer { margin-left: 34px; font-size: 14px; }
  #witek-faq .wf-bottom { margin-bottom: 42px; padding: 28px 22px 30px; }
  #witek-faq .wf-summary-title { font-size: 26px; }
  #witek-faq .wf-summary-grid { grid-template-columns: 1fr; }
}



@media (max-width: 992px) {

#category .products .product-miniature {
    border-bottom: 20px solid #6c757d1a;
}


#product .product__prices .prices__wrapper {
    flex-wrap: wrap;
}

}

#index .blog_image img  {
    height: 266px;
    width: 436px;
    background-size: cover;
}

.continue2{
    font-size: 16px!important;
}

.continue2:hover {
    background: rgba(119, 111, 136, 0.83);
    color: #fff;
    border: 2px solid rgba(119, 111, 136, 0.83);
}
#promo-code .form-control, #promo-code form {
    height: 36px;
}

.steco-cart-voucher {
    display: none;
}
.steco_confirmation_btn:hover {
    background: #fff !important;
    border: 1px solid #AE2674;
    color: #AE2674 !important;
}
.steco_confirmation_btn {
    border: 1px solid #AE2674!important;
}


@media (min-width: 980px) {

.thumbnails__container {
  position: relative;
  margin: 20px 40px;
}

 #category #left-column {
    position: sticky;
    top: 150px;
    align-self: flex-start;
  }

  #category .row.lewa_kolumna {
  align-items: flex-start;
}

.karuzela_pc {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.karuzela_pc .carousel-control-prev,
.karuzela_pc .carousel-control-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: auto;
  z-index: 3;
}

.karuzela_pc .carousel-control-prev {
  left: -30px;
}

.karuzela_pc .carousel-control-next {
  right: -30px;
}

}


.order_confirmation_bank .h4 {
    border-bottom: 1px solid #AE2674;
    padding-bottom: 25px;
    color: var(--price-color, #AE2674);
    font-family: Playfair;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 30px;
}

.block_blog .pro_first_box {
    margin-bottom: 10px;
}



.produkt_za_0 .cart-button-add, .produkt_za_0 .kreska_pion5{
    display: none!important;
}

.menu-container .row-cols-4 li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}
.order_confirmation_bank > .card-body {
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
}

#module-stblog-article .blog_image{
    display: none;
}
.menu-container.js-sub-menu > .container {
    max-height: 410px;
    overflow-y: scroll;
}
.menu-container .submenu .main-menu__tree__link {
    text-transform: none;
    margin: 2px 0px;
}
.menu-container .submenu {
    margin-top: 10px;
}

.menu-container .submenu a:hover {
    color: #AE2674;
}

.dropdown-menu2 {
    display: none;
}

.menu-container .row-cols-4 {
    column-count: 4;
    column-gap: 16px;
	display: block;
	margin-top: 10px;
}
.menu-container  .row-cols-4>* {
    width: 100%;
	margin: 0px 0px 15px 0px;
}	
	
	.menu-container.js-sub-menu .dropdown-menu .submenu {
    font-size: 12px;
    line-height: 5px;
}
	
	
.modal-footer  .btn-outline-primary {
    color: var(--button-opcja-hover, rgba(119, 111, 136, 0.83));
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    border: 2px solid var(--button-opcja-hover, rgba(119, 111, 136, 0.83));
    height: 40px;
}

.sarabun-thin {
  font-family: "Sarabun", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.sarabun-extralight {
  font-family: "Sarabun", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.sarabun-light {
  font-family: "Sarabun", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.sarabun-regular {
  font-family: "Sarabun", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sarabun-medium {
  font-family: "Sarabun", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.sarabun-semibold {
  font-family: "Sarabun", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.sarabun-bold {
  font-family: "Sarabun", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.sarabun-extrabold {
  font-family: "Sarabun", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.sarabun-thin-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.sarabun-extralight-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.sarabun-light-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.sarabun-regular-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.sarabun-medium-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.sarabun-semibold-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.sarabun-bold-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.sarabun-extrabold-italic {
  font-family: "Sarabun", sans-serif;
  font-weight: 800;
  font-style: italic;
}


.element1 {
color: #000;
leading-trim: both;
text-edge: cap;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 18px; /* 90% */
text-transform: uppercase;
}
.element2 {
	color:  #000;
font-family: Playfair Display;
font-size: 56px;
font-style: normal;
font-weight: 400;
line-height: 56px; /* 100% */
min-width: 500px;
    margin: 20px 0px 40px 0px;
}
#index .section-title {
    margin: 70px 0px 50px 0px;
}

.element3 {
color: #AE2674;
font-family: Montserrat;
font-size: 96px;
font-style: normal;
font-weight: 900;
line-height: 65%;
min-width: 400px 
}


.element4  {
    display: flex;
    height: 40px;
    padding: 10px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #776F88;
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    border: 2px solid rgba(119, 111, 136, 0.83);
    margin-top: 35px;
    width: max-content;
}


.header-block__action-btn {
    padding-left: 0px!important
}
.header-top .logo {
    margin-right: 40px;
    width: 126px;
}
.dane_kontaktowe_header {
    text-align: center;
    font-size: 13px;
    font-style: normal;
    line-height: 22px;
	display: flex;
	padding-right: 20px;
}
.dane_kontaktowe_footer {
    opacity: 0.6;
    width: 100%;
    justify-content: center;
    margin-bottom: 10px;
    text-align: center;
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    display: flex;
}
.dane_kontaktowe_footer b {
    margin-right: 5px;
}
.kreska_pion {
    border-left: 1px solid rgba(119, 111, 136, 0.83);
    padding-left: 10px;
    margin-left: 10px;
}
.kreska_pion2 {
    border-left: 1px solid #AE2674;
    padding-left: 10px;
    margin-left: 10px;
}

.bootstrap-touchspin .bootstrap-touchspin-vertical-button-wrapper {
    border: none;
    position: relative;
    width: 25px
}

.bootstrap-touchspin .input-group-btn-vertical {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    height: 50%;
    left: 0;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center
}

.bootstrap-touchspin .input-group-addon .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0 4px 0 0;
    top: 0
}

.bootstrap-touchspin .input-group-btn-vertical .btn {
    font-size: 12px;
    line-height: 1
}

.rtl .bootstrap-touchspin .input-group-addon .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 4px 0 0 0
}

.bootstrap-touchspin .input-group-addon:not(:last-child) .input-group-btn-vertical .bootstrap-touchspin-down,.bootstrap-touchspin .input-group-addon:not(:last-child) .input-group-btn-vertical .bootstrap-touchspin-up,.bootstrap-touchspin .input-group-btn:not(:last-child):not(:first-child) .btn {
    border-radius: 0
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0 0 4px 0;
    bottom: 0
}

.rtl .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0 0 0 4px
}

.bootstrap-touchspin .input-group-btn-vertical i {
    font-size: 9px;
    font-weight: 400;
    left: 5px;
    position: absolute;
    top: 3px
}

.rtl .bootstrap-touchspin .input-group-btn-vertical i {
    left: auto;
    right: 5px
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/inter-cyrillic-ext-400-normal-fd1478dcc74de00ee4c0.woff2) format("woff2"),url(../fonts/inter-cyrillic-ext-400-normal-e89451624c6caf35687f.woff) format("woff");
    unicode-range: u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/inter-cyrillic-400-normal-cb04b2ee2f7d192478b8.woff2) format("woff2"),url(../fonts/inter-cyrillic-400-normal-e2841352dd9512ff455b.woff) format("woff");
    unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/inter-greek-ext-400-normal-f2fa0d9ef98f59d4a75b.woff2) format("woff2"),url(../fonts/inter-greek-ext-400-normal-b9e1e89444a313a63b91.woff) format("woff");
    unicode-range: u+1f??
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/inter-greek-400-normal-a8de720a6f13c66c8a4e.woff2) format("woff2"),url(../fonts/inter-greek-400-normal-a42da273bb968bf2058d.woff) format("woff");
    unicode-range: u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/inter-vietnamese-400-normal-44c9df135eec470b0ab6.woff2) format("woff2"),url(../fonts/inter-vietnamese-400-normal-96f8adc74b63e1a3655f.woff) format("woff");
    unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/inter-latin-ext-400-normal-3d10c85fbd16969509a2.woff2) format("woff2"),url(../fonts/inter-latin-ext-400-normal-1c20f7dc20d731a18fcd.woff) format("woff");
    unicode-range: u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/inter-latin-400-normal-9698cc7dbf147ed363b6.woff2) format("woff2"),url(../fonts/inter-latin-400-normal-b0c8fe9db56dd415a25a.woff) format("woff");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

.carousel {
    --slider-img-height: 100%;
    --slider-title-weight: 800;
    --slider-subtitle-weight: 700;
    --slider-text-color: var(--bs-gray-800);
    --slider-control-bg: var(--bs-white);
    --slider-control-height: 4rem;
    --slider-control-radius: 50%
}

:root,[data-bs-theme=light] {
    --bs-blue: #AE2674;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #AE2674;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
    --bs-body-font-family: "Inter",sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.25;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(33,37,41,.75);
    --bs-secondary-color-rgb: 33,37,41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(33,37,41,.5);
    --bs-tertiary-color-rgb: 33,37,41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: #AE2674;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0,0,0,.175);
    --bs-border-radius: 8px;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 0px;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13,110,253,.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222,226,230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33,37,41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(222,226,230,.75);
    --bs-secondary-color-rgb: 222,226,230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52,58,64;
    --bs-tertiary-color: rgba(222,226,230,.5);
    --bs-tertiary-color-rgb: 222,226,230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43,48,53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110,168,254;
    --bs-link-hover-color-rgb: 139,185,254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: hsla(0,0%,100%,.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

*,:after,:before {
    box-sizing: border-box
}

@media(prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    background-color: var(--bs-body-bg);
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    margin: 0;
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

hr {
    border: 0;
    border-top: var(--bs-border-width) solid;
    color: inherit;
    margin: 1rem 0;
    opacity: .25
}


.filtracja_lista .js-search-link  {
    padding-right: 15px;
	padding-top: 7px;
    padding-bottom: 7px;
}
.filtracja_lista  .js-search-link  i {
    margin-left: 15px !important;
}


/* Tytuł filtra jako flex */
#search-filters .accordion-button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

/* Wymuszona strzałka */
#search-filters .accordion-button::after {
  content: "";
  margin-left: auto;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;

  /* strzałka w dół */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 6l6 6 6-6' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");

  transition: transform .2s ease;
}


#left-column .left-block{
    border: none!important;
}

/* po rozwinięciu — strzałka w górę */
#search-filters .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}




#search-filters .js-search-filters-clear-all:hover {
    background: rgba(119, 111, 136, 0.83);
    color: #fff;
    border-color: rgba(119, 111, 136, 0.83);
}

#search-filters .js-search-filters-clear-all {
    color:  rgba(119, 111, 136, 0.83);

}

#search-filters .accordion-body {
    padding-bottom: 35px !important;
}
#search-filters .accordion-item {
    margin-top: 25px;
}

#search-filters hr {
    color: #0FB1BC;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color: var(--bs-heading-color);
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

.email-subscription p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-top: -10px;
}

.h1,h1 {
    font-size: calc(1.375rem + 1.5vw)
}

.h2,h2 {
              color: var(--New-folder-text-color, #000);
        font-family: Playfair Display;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
    }
	
	
	.email-subscription__content__right {
    max-width: 542px!important;
    margin-left: 0 auto;
}
	
.psspecialstabs__more:hover	{
    background: #000;
    color: #fff;
}
	
@media(min-width: 1200px) {
    .h1,h1 {
        font-size:2.5rem
    }
}

.h2,h2 {
    font-size: calc(1.325rem + .9vw)
}

@media(min-width: 1200px) {
    .h2,h2 {
        font-size: 36px;
    }
}

.h3,h3 {
    font-size: calc(1.3rem + .6vw)
}

.step__title-left.h3 {
    color: var(--price-color, #AE2674);
    font-family: Playfair Display;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 25px;
    border-bottom: 1px solid;
    padding-bottom: 15px;
}

@media(min-width: 1200px) {
    .h3,h3 {
        font-size:1.75rem
    }
}

.h4,h4 {
    font-size: calc(1.275rem + .3vw)
}

@media(min-width: 1200px) {
    .h4,h4 {
        font-size:1.5rem
    }
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

abbr[title] {
    cursor: help;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}

ol,ul {
    padding-left: 2rem
}

dl,ol,ul {
    margin-bottom: 1rem;
    margin-top: 0
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

.small,small {
    font-size: .875em
}

.mark,mark {
    background-color: var(--bs-highlight-bg);
    color: var(--bs-highlight-color);
    padding: .1875em
}

sub,sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration: underline
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,kbd,pre,samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal
}

code {
    color: var(--bs-code-color);
    font-size: .875em;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    background-color: var(--bs-body-color);
    border-radius: .25rem;
    color: var(--bs-body-bg);
    font-size: .875em;
    padding: .1875rem .375rem
}

kbd kbd {
    font-size: 1em;
    padding: 0
}

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

table {
    border-collapse: collapse;
    caption-side: bottom
}

caption {
    color: var(--bs-secondary-color);
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,td,tfoot,th,thead,tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none!important
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

textarea {
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

legend {
    float: left;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
    margin-bottom: .5rem;
    padding: 0;
    width: 100%
}

@media(min-width: 1200px) {
    legend {
        font-size:1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    -webkit-appearance: button;
    font: inherit
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    cursor: pointer;
    display: list-item
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none!important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-1 {
        font-size:5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-2 {
        font-size:4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-3 {
        font-size:4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-4 {
        font-size:3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-5 {
        font-size:3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-6 {
        font-size:2.5rem
    }
}

.list-inline,.list-unstyled {
    list-style: none;
    padding-left: 0
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    font-size: 1.25rem;
    margin-bottom: 1rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    color: #6c757d;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: -1rem
}

.blockquote-footer:before {
    content: "— "
}

.img-fluid,.img-thumbnail {
    height: auto;
    max-width: 100%
}

.img-thumbnail {
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    padding: .25rem
}

.figure {
    display: inline-block
}

.figure-img {
    line-height: 1;
    margin-bottom: .5rem
}

.figure-caption {
    color: var(--bs-secondary-color);
    font-size: .875em
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

@media(min-width: 576px) {
    .container,.container-sm,.container-xs {
        max-width:540px
    }
}

@media(min-width: 768px) {
    .container,.container-md,.container-sm,.container-xs {
        max-width:720px
    }
}

@media(min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm,.container-xs {
        max-width:960px
    }
}

@media(min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xs {
        max-width:1140px
    }
}

@media(min-width: 1520px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xs,.container-xxl {
        max-width:1340px
    }
}

:root {
    --bs-breakpoint-xxs: 0;
    --bs-breakpoint-xs: 360px;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x)*-.5);
    margin-right: calc(var(--bs-gutter-x)*-.5);
    margin-top: calc(var(--bs-gutter-y)*-1)
}

.row>* {
    flex-shrink: 0;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

.grid {
    display: grid;
    gap: var(--bs-gap,1.5rem);
    grid-template-columns: repeat(var(--bs-columns,12),1fr);
    grid-template-rows: repeat(var(--bs-rows,1),1fr)
}

.grid .g-col-1 {
    grid-column: auto/span 1
}

.grid .g-col-2 {
    grid-column: auto/span 2
}

.grid .g-col-3 {
    grid-column: auto/span 3
}

.grid .g-col-4 {
    grid-column: auto/span 4
}

.grid .g-col-5 {
    grid-column: auto/span 5
}

.grid .g-col-6 {
    grid-column: auto/span 6
}

.grid .g-col-7 {
    grid-column: auto/span 7
}

.grid .g-col-8 {
    grid-column: auto/span 8
}

.grid .g-col-9 {
    grid-column: auto/span 9
}

.grid .g-col-10 {
    grid-column: auto/span 10
}

.grid .g-col-11 {
    grid-column: auto/span 11
}

.grid .g-col-12 {
    grid-column: auto/span 12
}

.grid .g-start-1 {
    grid-column-start: 1
}

.grid .g-start-2 {
    grid-column-start: 2
}

.grid .g-start-3 {
    grid-column-start: 3
}

.grid .g-start-4 {
    grid-column-start: 4
}

.grid .g-start-5 {
    grid-column-start: 5
}

.grid .g-start-6 {
    grid-column-start: 6
}

.grid .g-start-7 {
    grid-column-start: 7
}

.grid .g-start-8 {
    grid-column-start: 8
}

.grid .g-start-9 {
    grid-column-start: 9
}

.grid .g-start-10 {
    grid-column-start: 10
}

.grid .g-start-11 {
    grid-column-start: 11
}

@media(min-width: 360px) {
    .grid .g-col-xs-1 {
        grid-column:auto/span 1
    }

    .grid .g-col-xs-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-xs-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-xs-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-xs-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-xs-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-xs-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-xs-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-xs-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-xs-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-xs-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-xs-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-xs-1 {
        grid-column-start: 1
    }

    .grid .g-start-xs-2 {
        grid-column-start: 2
    }

    .grid .g-start-xs-3 {
        grid-column-start: 3
    }

    .grid .g-start-xs-4 {
        grid-column-start: 4
    }

    .grid .g-start-xs-5 {
        grid-column-start: 5
    }

    .grid .g-start-xs-6 {
        grid-column-start: 6
    }

    .grid .g-start-xs-7 {
        grid-column-start: 7
    }

    .grid .g-start-xs-8 {
        grid-column-start: 8
    }

    .grid .g-start-xs-9 {
        grid-column-start: 9
    }

    .grid .g-start-xs-10 {
        grid-column-start: 10
    }

    .grid .g-start-xs-11 {
        grid-column-start: 11
    }
}

@media(min-width: 576px) {
    .grid .g-col-sm-1 {
        grid-column:auto/span 1
    }

    .grid .g-col-sm-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-sm-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-sm-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-sm-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-sm-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-sm-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-sm-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-sm-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-sm-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-sm-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-sm-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-sm-1 {
        grid-column-start: 1
    }

    .grid .g-start-sm-2 {
        grid-column-start: 2
    }

    .grid .g-start-sm-3 {
        grid-column-start: 3
    }

    .grid .g-start-sm-4 {
        grid-column-start: 4
    }

    .grid .g-start-sm-5 {
        grid-column-start: 5
    }

    .grid .g-start-sm-6 {
        grid-column-start: 6
    }

    .grid .g-start-sm-7 {
        grid-column-start: 7
    }

    .grid .g-start-sm-8 {
        grid-column-start: 8
    }

    .grid .g-start-sm-9 {
        grid-column-start: 9
    }

    .grid .g-start-sm-10 {
        grid-column-start: 10
    }

    .grid .g-start-sm-11 {
        grid-column-start: 11
    }
}

@media(min-width: 768px) {
    .grid .g-col-md-1 {
        grid-column:auto/span 1
    }

    .grid .g-col-md-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-md-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-md-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-md-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-md-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-md-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-md-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-md-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-md-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-md-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-md-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-md-1 {
        grid-column-start: 1
    }

    .grid .g-start-md-2 {
        grid-column-start: 2
    }

    .grid .g-start-md-3 {
        grid-column-start: 3
    }

    .grid .g-start-md-4 {
        grid-column-start: 4
    }

    .grid .g-start-md-5 {
        grid-column-start: 5
    }

    .grid .g-start-md-6 {
        grid-column-start: 6
    }

    .grid .g-start-md-7 {
        grid-column-start: 7
    }

    .grid .g-start-md-8 {
        grid-column-start: 8
    }

    .grid .g-start-md-9 {
        grid-column-start: 9
    }

    .grid .g-start-md-10 {
        grid-column-start: 10
    }

    .grid .g-start-md-11 {
        grid-column-start: 11
    }
}

@media(min-width: 992px) {
    .grid .g-col-lg-1 {
        grid-column:auto/span 1
    }

    .grid .g-col-lg-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-lg-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-lg-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-lg-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-lg-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-lg-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-lg-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-lg-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-lg-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-lg-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-lg-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-lg-1 {
        grid-column-start: 1
    }

    .grid .g-start-lg-2 {
        grid-column-start: 2
    }

    .grid .g-start-lg-3 {
        grid-column-start: 3
    }

    .grid .g-start-lg-4 {
        grid-column-start: 4
    }

    .grid .g-start-lg-5 {
        grid-column-start: 5
    }

    .grid .g-start-lg-6 {
        grid-column-start: 6
    }

    .grid .g-start-lg-7 {
        grid-column-start: 7
    }

    .grid .g-start-lg-8 {
        grid-column-start: 8
    }

    .grid .g-start-lg-9 {
        grid-column-start: 9
    }

    .grid .g-start-lg-10 {
        grid-column-start: 10
    }

    .grid .g-start-lg-11 {
        grid-column-start: 11
    }
}

@media(min-width: 1200px) {
    .grid .g-col-xl-1 {
        grid-column:auto/span 1
    }

    .grid .g-col-xl-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-xl-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-xl-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-xl-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-xl-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-xl-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-xl-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-xl-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-xl-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-xl-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-xl-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-xl-1 {
        grid-column-start: 1
    }

    .grid .g-start-xl-2 {
        grid-column-start: 2
    }

    .grid .g-start-xl-3 {
        grid-column-start: 3
    }

    .grid .g-start-xl-4 {
        grid-column-start: 4
    }

    .grid .g-start-xl-5 {
        grid-column-start: 5
    }

    .grid .g-start-xl-6 {
        grid-column-start: 6
    }

    .grid .g-start-xl-7 {
        grid-column-start: 7
    }

    .grid .g-start-xl-8 {
        grid-column-start: 8
    }

    .grid .g-start-xl-9 {
        grid-column-start: 9
    }

    .grid .g-start-xl-10 {
        grid-column-start: 10
    }

    .grid .g-start-xl-11 {
        grid-column-start: 11
    }
}

@media(min-width: 1400px) {
    .grid .g-col-xxl-1 {
        grid-column:auto/span 1
    }

    .grid .g-col-xxl-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-xxl-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-xxl-4 {
        grid-column: auto/span 4
    }

    .grid .g-col-xxl-5 {
        grid-column: auto/span 5
    }

    .grid .g-col-xxl-6 {
        grid-column: auto/span 6
    }

    .grid .g-col-xxl-7 {
        grid-column: auto/span 7
    }

    .grid .g-col-xxl-8 {
        grid-column: auto/span 8
    }

    .grid .g-col-xxl-9 {
        grid-column: auto/span 9
    }

    .grid .g-col-xxl-10 {
        grid-column: auto/span 10
    }

    .grid .g-col-xxl-11 {
        grid-column: auto/span 11
    }

    .grid .g-col-xxl-12 {
        grid-column: auto/span 12
    }

    .grid .g-start-xxl-1 {
        grid-column-start: 1
    }

    .grid .g-start-xxl-2 {
        grid-column-start: 2
    }

    .grid .g-start-xxl-3 {
        grid-column-start: 3
    }

    .grid .g-start-xxl-4 {
        grid-column-start: 4
    }

    .grid .g-start-xxl-5 {
        grid-column-start: 5
    }

    .grid .g-start-xxl-6 {
        grid-column-start: 6
    }

    .grid .g-start-xxl-7 {
        grid-column-start: 7
    }

    .grid .g-start-xxl-8 {
        grid-column-start: 8
    }

    .grid .g-start-xxl-9 {
        grid-column-start: 9
    }

    .grid .g-start-xxl-10 {
        grid-column-start: 10
    }

    .grid .g-start-xxl-11 {
        grid-column-start: 11
    }
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media(min-width: 360px) {
    .col-xs {
        flex:1 0 0%
    }

    .row-cols-xs-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xs-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xs-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xs-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xs-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xs-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xs-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xs-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xs-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xs-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xs-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xs-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xs-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xs-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xs-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xs-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xs-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xs-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xs-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xs-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xs-0 {
        margin-left: 0
    }

    .offset-xs-1 {
        margin-left: 8.33333333%
    }

    .offset-xs-2 {
        margin-left: 16.66666667%
    }

    .offset-xs-3 {
        margin-left: 25%
    }

    .offset-xs-4 {
        margin-left: 33.33333333%
    }

    .offset-xs-5 {
        margin-left: 41.66666667%
    }

    .offset-xs-6 {
        margin-left: 50%
    }

    .offset-xs-7 {
        margin-left: 58.33333333%
    }

    .offset-xs-8 {
        margin-left: 66.66666667%
    }

    .offset-xs-9 {
        margin-left: 75%
    }

    .offset-xs-10 {
        margin-left: 83.33333333%
    }

    .offset-xs-11 {
        margin-left: 91.66666667%
    }

    .g-xs-0,.gx-xs-0 {
        --bs-gutter-x: 0
    }

    .g-xs-0,.gy-xs-0 {
        --bs-gutter-y: 0
    }

    .g-xs-1,.gx-xs-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xs-1,.gy-xs-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xs-2,.gx-xs-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xs-2,.gy-xs-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xs-3,.gx-xs-3 {
        --bs-gutter-x: 1rem
    }

    .g-xs-3,.gy-xs-3 {
        --bs-gutter-y: 1rem
    }

    .g-xs-4,.gx-xs-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xs-4,.gy-xs-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xs-5,.gx-xs-5 {
        --bs-gutter-x: 3rem
    }

    .g-xs-5,.gy-xs-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 576px) {
    .col-sm {
        flex:1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 768px) {
    .col-md {
        flex:1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 992px) {
    .col-lg {
        flex:1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1200px) {
    .col-xl {
        flex:1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1400px) {
    .col-xxl {
        flex:1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.rich-text table,.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb),0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb),0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb),0.075);
    border-color: var(--bs-table-border-color);
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%
}

.rich-text table>:not(caption)>*>*,.table>:not(caption)>*>* {
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
    color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
    padding: 1rem 0px
}

.fw-semibold2 {
    color: var(--price-color, #AE2674);
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.rich-text table>tbody,.table>tbody {
    vertical-align: inherit
}

.rich-text table>thead,.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: calc(var(--bs-border-width)*2) solid
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem
}

.table-bordered>:not(caption)>* {
    border-width: var(--bs-border-width) 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 var(--bs-border-width)
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n),.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: var(--bs-table-active-bg)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #a5b5cc;
    --bs-table-striped-bg: #c4d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe5;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000
}

.table-primary,.table-secondary {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #b4b6b7;
    --bs-table-striped-bg: #d6d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbcdce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #a7b9b1;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000
}

.table-info,.table-success {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #a5c4ca;
    --bs-table-striped-bg: #c4e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #ccc2a4;
    --bs-table-striped-bg: #f2e6c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dab9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece0be;
    --bs-table-hover-color: #000
}

.table-danger,.table-warning {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #c6acae;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc1c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7c9;
    --bs-table-hover-color: #000
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #c6c7c8;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000
}

.table-dark,.table-light {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #4d5154;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media(max-width: 359.98px) {
    .table-responsive-xs {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    font-size: 1rem;
}

.col-form-label,.form-label {
    color: #343a40;
    font-weight: 700
}

.col-form-label {
    font-size: inherit;
    line-height: 1.5;
    margin-bottom: 0
}

.col-form-label,.col-form-label-lg {
    padding-bottom: calc(.5rem + var(--bs-border-width));
    padding-top: calc(.5rem + var(--bs-border-width))
}

.col-form-label-lg {
    font-size: 1.25rem
}

.col-form-label-sm {
    font-size: .875rem;
    padding-bottom: calc(.25rem + var(--bs-border-width));
    padding-top: calc(.25rem + var(--bs-border-width))
}

.form-text {
    color: #495057;
    font-size: .75rem;
    margin-top: .25rem
}

.form-control,.modal.product-comment-modal .form-control,.modal.product-comment-modal textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: transparent;
    border: solid rgba(119, 111, 136, 0.83);
    border-width: 0px 0px 1px 0px;
    color: #343a40;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.5rem 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

@media(prefers-reduced-motion:reduce) {
    .form-control,.modal.product-comment-modal .form-control,.modal.product-comment-modal textarea {
        transition: none
    }
}

.form-control[type=file],.modal.product-comment-modal [type=file].form-control,.modal.product-comment-modal textarea[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]),.modal.product-comment-modal [type=file].form-control:not(:disabled):not([readonly]),.modal.product-comment-modal textarea[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus,.modal.product-comment-modal .form-control:focus,.modal.product-comment-modal textarea:focus {
 

   
    color: var(--bs-body-color);
    outline: 0
}

.form-control::-webkit-date-and-time-value,.modal.product-comment-modal .form-control::-webkit-date-and-time-value,.modal.product-comment-modal textarea::-webkit-date-and-time-value {
    height: 1.5em;
    margin: 0;
    min-width: 85px
}

.form-control::-webkit-datetime-edit,.modal.product-comment-modal .form-control::-webkit-datetime-edit,.modal.product-comment-modal textarea::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::-moz-placeholder,.modal.product-comment-modal .form-control::-moz-placeholder,.modal.product-comment-modal textarea::-moz-placeholder {
    color: #dee2e6;
    opacity: 1
}

.form-control::placeholder,.modal.product-comment-modal .form-control::placeholder,.modal.product-comment-modal textarea::placeholder {
    color: #dee2e6;
    opacity: 1
}

.form-control:disabled,.modal.product-comment-modal .form-control:disabled,.modal.product-comment-modal textarea:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::file-selector-button,.modal.product-comment-modal .form-control::file-selector-button,.modal.product-comment-modal textarea::file-selector-button {
    background-color: var(--bs-tertiary-bg);
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width:var(--bs-border-width);border-radius: 0;
    color: var(--bs-body-color);
    margin: -.5rem -1rem;
    margin-inline-end:1rem;padding: .5rem 1rem;
    pointer-events: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-control::file-selector-button,.modal.product-comment-modal .form-control::file-selector-button,.modal.product-comment-modal textarea::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button,.modal.product-comment-modal textarea:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 0;
    color: #343a40;
    display: block;
    line-height: 1.5;
    margin-bottom: 0;
    padding: .5rem 0;
    width: 100%
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
    padding-left: 0;
    padding-right: 0
}

.form-control-sm {
    border-radius: 4px;
    font-size: .875rem;
    min-height: calc(1.5em + .5rem + var(--bs-border-width)*2);
    padding: .25rem .5rem
}

.form-control-sm::file-selector-button {
    margin: -.25rem -.5rem;
    margin-inline-end:.5rem;padding: .25rem .5rem
}

.form-control-lg {
    border-radius: 4px;
    font-size: 1.25rem;
    min-height: calc(1.5em + 1rem + var(--bs-border-width)*2);
    padding: .5rem 1rem
}

.form-control-lg::file-selector-button {
    margin: -.5rem -1rem;
    margin-inline-end:1rem;padding: .5rem 1rem
}

.modal.product-comment-modal textarea,.modal.product-comment-modal textarea.form-control,textarea.form-control {
    min-height: calc(1.5em + .75rem + var(--bs-border-width)*2)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + var(--bs-border-width)*2)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + var(--bs-border-width)*2)
}

.form-control-color {
    height: calc(1.5em + .75rem + var(--bs-border-width)*2);
    padding: .5rem;
    width: 3rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0!important;
    border-radius: 4px
}

.form-control-color::-webkit-color-swatch {
    border: 0!important;
    border-radius: 4px
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + var(--bs-border-width)*2)
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + var(--bs-border-width)*2)
}


.wishlist-button-add .wishlist-heart{
  width:43px;
  height:43px;
  color:#ffffff;
  display:block;
}
.wishlist-button-add:active {
  transform: none !important;
}
.wishlist-button-add,
.wishlist-button-add svg {
  outline: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.wishlist-button-add:hover .wishlist-heart {
  color: #AE2674;          /* np. róż / czerwony */
}


@media (min-width: 992px) {
.thumbnail-container .wishlist-actions {
    display: flex;
    gap: 10px;
    bottom: 15px;
    position: relative;
}
}

.wishlist-actions button {
    width: 43px;
    height: 43px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 12;
	position: absolute;
    bottom: 35px;
	display: none;
    left: 55%;
}
.product-miniature:has(.product-miniature__image:hover).wishlist-actions button {
	display: block;
}


.wishlist-actions svg{
  color: #ffffff;
  transition:color .2s ease;
}

.wishlist-actions button:hover svg{
  color:#AE2674;
}

.cart-button-add:hover svg{
  color:#2fb5d2;
}

.wishlist-actions button:active{
  transform:none;
}



.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-position: right .75rem center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    color: var(--bs-body-color);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 10px 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

@media(prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    outline: 0
}

.form-select[multiple],.form-select[size]:not([size="1"]) {
    background-image: none;
    padding-right: .75rem
}

.form-select:disabled {
    background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
    border-radius: var(--bs-border-radius-sm);
    font-size: .875rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    padding-top: .25rem
}

.form-select-lg {
    border-radius: var(--bs-border-radius-lg);
    font-size: 1.25rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-top: .5rem
}

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")
}

.form-check {
    display: block;
    margin-bottom: .125rem;
    min-height: 1.5rem;
    padding-left: 1.5em
}

#checkout .cart-voucher {
    display: none;
}

#checkout .form-label.required::after {
    content: " *";
    color: var(--Accentuation-Destructive-500-Default, #D5343C);
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-left: 0;
    padding-right: 1.5em;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em
}

.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #FAFAFA;
    background-image: var(--bs-form-check-bg-image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: .125em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    vertical-align: top;
    border: 2px solid #AE2674;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.form-check-input[type=checkbox] {
    
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0
}

.form-check-input:checked {
    background-color: #ffffff;
    border-color: #AE2674;
    width: 18px;
    height: 18px;
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22%23776F88%22%20fill-opacity%3D%220.83%22/%3E%3C/svg%3E);
}

#search-filters .form-check-input[type=checkbox] {
    border: 0.5px solid #776F88;
}


.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23AE2674'/%3E%3C/svg%3E");
}


.form-check-input[type=checkbox]:indeterminate {
    background-color: #AE2674;
    border-color: #AE2674;
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E")
}

.form-check-input:disabled {
    filter: none;
    opacity: .5;
    pointer-events: none
}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
    background-image: var(--bs-form-switch-bg);
    background-position: 0;
    border-radius: 2em;
    margin-left: -2.5em;
    transition: background-position .15s ease-in-out;
    width: 2em
}

@media(prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386B6FE'/%3E%3C/svg%3E")
}

.form-switch .form-check-input:checked {
    background-position: 100%;
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.form-switch.form-check-reverse {
    padding-left: 0;
    padding-right: 2.5em
}

.form-switch.form-check-reverse .form-check-input {
    margin-left: 0;
    margin-right: -2.5em
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-check:disabled+.btn,.btn-check[disabled]+.btn {
    filter: none;
    opacity: .65;
    pointer-events: none
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E")
}

.form-range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    height: 1.5rem;
    padding: 0;
    width: 100%
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: #AE2674;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 1rem
}

@media(prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
    color: transparent;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.form-range::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background-color: #AE2674;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 1rem
}

@media(prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
    color: transparent;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
    background-color: var(--bs-secondary-color)
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select,.modal.product-comment-modal .form-floating>.form-control,.modal.product-comment-modal .form-floating>textarea {
    height: calc(3.5rem + var(--bs-border-width)*2);
    line-height: 1.25;
    min-height: calc(3.5rem + var(--bs-border-width)*2)
}

.form-floating>label {
    border: var(--bs-border-width) solid transparent;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 1rem .75rem;
    pointer-events: none;
    position: absolute;
    text-align: start;
    text-overflow: ellipsis;
    top: 0;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    white-space: nowrap;
    z-index: 2
}

@media(prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,.form-floating>.form-control-plaintext,.modal.product-comment-modal .form-floating>.form-control,.modal.product-comment-modal .form-floating>textarea {
    padding: 1rem .75rem
}

.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder,.modal.product-comment-modal .form-floating>.form-control::-moz-placeholder,.modal.product-comment-modal .form-floating>textarea::-moz-placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder,.modal.product-comment-modal .form-floating>.form-control::placeholder,.modal.product-comment-modal .form-floating>textarea::placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown),.modal.product-comment-modal .form-floating>.form-control:not(:-moz-placeholder-shown),.modal.product-comment-modal .form-floating>textarea:not(:-moz-placeholder-shown) {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.modal.product-comment-modal .form-floating>.form-control:focus,.modal.product-comment-modal .form-floating>.form-control:not(:placeholder-shown),.modal.product-comment-modal .form-floating>textarea:focus,.modal.product-comment-modal .form-floating>textarea:not(:placeholder-shown) {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill,.modal.product-comment-modal .form-floating>.form-control:-webkit-autofill,.modal.product-comment-modal .form-floating>textarea:-webkit-autofill {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.form-floating>.form-select {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label,.modal.product-comment-modal .form-floating>.form-control:not(:-moz-placeholder-shown)~label,.modal.product-comment-modal .form-floating>textarea:not(:-moz-placeholder-shown)~label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label,.modal.product-comment-modal .form-floating>.form-control:focus~label,.modal.product-comment-modal .form-floating>.form-control:not(:placeholder-shown)~label,.modal.product-comment-modal .form-floating>textarea:focus~label,.modal.product-comment-modal .form-floating>textarea:not(:placeholder-shown)~label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label:after,.modal.product-comment-modal .form-floating>.form-control:not(:-moz-placeholder-shown)~label:after,.modal.product-comment-modal .form-floating>textarea:not(:-moz-placeholder-shown)~label:after {
    background-color: var(--bs-body-bg);
    border-radius: 4px;
    content: "";
    height: 1.5em;
    inset: 1rem .375rem;
    position: absolute;
    z-index: -1
}

.form-floating>.form-control-plaintext~label:after,.form-floating>.form-control:focus~label:after,.form-floating>.form-control:not(:placeholder-shown)~label:after,.form-floating>.form-select~label:after,.modal.product-comment-modal .form-floating>.form-control:focus~label:after,.modal.product-comment-modal .form-floating>.form-control:not(:placeholder-shown)~label:after,.modal.product-comment-modal .form-floating>textarea:focus~label:after,.modal.product-comment-modal .form-floating>textarea:not(:placeholder-shown)~label:after {
    background-color: var(--bs-body-bg);
    border-radius: 4px;
    content: "";
    height: 1.5em;
    inset: 1rem .375rem;
    position: absolute;
    z-index: -1
}

.form-floating>.form-control:-webkit-autofill~label,.modal.product-comment-modal .form-floating>.form-control:-webkit-autofill~label,.modal.product-comment-modal .form-floating>textarea:-webkit-autofill~label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-width: var(--bs-border-width) 0
}

.form-floating>.form-control:disabled~label,.form-floating>:disabled~label,.modal.product-comment-modal .form-floating>.form-control:disabled~label,.modal.product-comment-modal .form-floating>textarea:disabled~label {
    color: #6c757d
}

.form-floating>.form-control:disabled~label:after,.form-floating>:disabled~label:after,.modal.product-comment-modal .form-floating>.form-control:disabled~label:after,.modal.product-comment-modal .form-floating>textarea:disabled~label:after {
    background-color: var(--bs-secondary-bg)
}

.input-group {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select,.modal.product-comment-modal .input-group>.form-control,.modal.product-comment-modal .input-group>textarea {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    width: 1%
}

.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus,.modal.product-comment-modal .input-group>.form-control:focus,.modal.product-comment-modal .input-group>textarea:focus {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    align-items: center;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 4px;
    color: var(--bs-body-color);
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    text-align: center;
    white-space: nowrap
}

.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.modal.product-comment-modal .input-group-lg>.form-control,.modal.product-comment-modal .input-group-lg>textarea {
    border-radius: 4px;
    font-size: 1.25rem;
    padding: .5rem 1rem
}

.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.modal.product-comment-modal .input-group-sm>.form-control,.modal.product-comment-modal .input-group-sm>textarea {
    border-radius: 4px;
    font-size: .875rem;
    padding: .25rem .5rem
}

.input-group-lg>.form-select,.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.modal.product-comment-modal .input-group.has-validation>.form-floating:nth-last-child(n+3)>textarea,.modal.product-comment-modal .input-group:not(.has-validation)>.form-floating:not(:last-child)>textarea {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: calc(var(--bs-border-width)*-1);
	    max-height: 40px;
}

.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select,.modal.product-comment-modal .input-group>.form-floating:not(:first-child)>.form-control,.modal.product-comment-modal .input-group>.form-floating:not(:first-child)>textarea {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.valid-feedback {
    color: var(--bs-form-valid-color);
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.valid-tooltip {
    background-color: var(--bs-success);
    border-radius: var(--bs-border-radius);
    color: #fff;
    display: none;
    font-size: .875rem;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.modal.product-comment-modal input[name=comment_title].valid~.valid-feedback,.modal.product-comment-modal input[name=comment_title].valid~.valid-tooltip,.modal.product-comment-modal input[name=customer_name].valid~.valid-feedback,.modal.product-comment-modal input[name=customer_name].valid~.valid-tooltip,.modal.product-comment-modal textarea.valid~.valid-feedback,.modal.product-comment-modal textarea.valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,.modal.product-comment-modal .is-valid.form-control,.modal.product-comment-modal .was-validated .form-control:valid,.modal.product-comment-modal .was-validated textarea:valid,.modal.product-comment-modal input.form-control[name=comment_title].valid,.modal.product-comment-modal input.form-control[name=customer_name].valid,.modal.product-comment-modal textarea.form-control.valid,.modal.product-comment-modal textarea.is-valid,.modal.product-comment-modal textarea.valid,.was-validated .form-control:valid,.was-validated .modal.product-comment-modal .form-control:valid,.was-validated .modal.product-comment-modal textarea:valid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + .75rem)
}

.form-control.is-valid:focus,.modal.product-comment-modal .is-valid.form-control:focus,.modal.product-comment-modal .was-validated .form-control:valid:focus,.modal.product-comment-modal .was-validated textarea:valid:focus,.modal.product-comment-modal input.form-control[name=comment_title].valid:focus,.modal.product-comment-modal input.form-control[name=customer_name].valid:focus,.modal.product-comment-modal textarea.is-valid:focus,.modal.product-comment-modal textarea.valid:focus,.was-validated .form-control:valid:focus,.was-validated .modal.product-comment-modal .form-control:valid:focus,.was-validated .modal.product-comment-modal textarea:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.modal.product-comment-modal .was-validated textarea:valid,.modal.product-comment-modal textarea.form-control.valid,.modal.product-comment-modal textarea.is-valid,.modal.product-comment-modal textarea.is-valid.form-control,.modal.product-comment-modal textarea.valid,.was-validated .modal.product-comment-modal textarea:valid,.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem)
}

.form-select.is-valid,.modal.product-comment-modal input.form-select[name=comment_title].valid,.modal.product-comment-modal input.form-select[name=customer_name].valid,.modal.product-comment-modal textarea.form-select.valid,.was-validated .form-select:valid {
    border-color: var(--bs-form-valid-border-color)
}

.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.modal.product-comment-modal input.form-select[name=comment_title].valid:not([multiple]):not([size]),.modal.product-comment-modal input.form-select[name=comment_title].valid:not([multiple])[size="1"],.modal.product-comment-modal input.form-select[name=customer_name].valid:not([multiple]):not([size]),.modal.product-comment-modal input.form-select[name=customer_name].valid:not([multiple])[size="1"],.modal.product-comment-modal textarea.form-select.valid:not([multiple]):not([size]),.modal.product-comment-modal textarea.form-select.valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem
}

.form-select.is-valid:focus,.modal.product-comment-modal input.form-select[name=comment_title].valid:focus,.modal.product-comment-modal input.form-select[name=customer_name].valid:focus,.modal.product-comment-modal textarea.form-select.valid:focus,.was-validated .form-select:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.form-control-color.is-valid,.modal.product-comment-modal input.form-control-color[name=comment_title].valid,.modal.product-comment-modal input.form-control-color[name=customer_name].valid,.modal.product-comment-modal textarea.form-control-color.valid,.was-validated .form-control-color:valid {
    width: calc(3.75rem + 1.5em)
}

.form-check-input.is-valid,.modal.product-comment-modal input.form-check-input[name=comment_title].valid,.modal.product-comment-modal input.form-check-input[name=customer_name].valid,.modal.product-comment-modal textarea.form-check-input.valid,.was-validated .form-check-input:valid {
    border-color: var(--bs-form-valid-border-color)
}

.form-check-input.is-valid:checked,.modal.product-comment-modal input.form-check-input[name=comment_title].valid:checked,.modal.product-comment-modal input.form-check-input[name=customer_name].valid:checked,.modal.product-comment-modal textarea.form-check-input.valid:checked,.was-validated .form-check-input:valid:checked {
    background-color: var(--bs-form-valid-color)
}

.form-check-input.is-valid:focus,.modal.product-comment-modal input.form-check-input[name=comment_title].valid:focus,.modal.product-comment-modal input.form-check-input[name=customer_name].valid:focus,.modal.product-comment-modal textarea.form-check-input.valid:focus,.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.form-check-input.is-valid~.form-check-label,.modal.product-comment-modal input.form-check-input[name=comment_title].valid~.form-check-label,.modal.product-comment-modal input.form-check-input[name=customer_name].valid~.form-check-label,.modal.product-comment-modal textarea.form-check-input.valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: var(--bs-form-valid-color)
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.modal.product-comment-modal .input-group>.form-control:not(:focus).is-valid,.modal.product-comment-modal .input-group>input.form-control[name=comment_title].valid:not(:focus),.modal.product-comment-modal .input-group>input.form-control[name=customer_name].valid:not(:focus),.modal.product-comment-modal .input-group>input.form-floating[name=comment_title].valid:not(:focus-within),.modal.product-comment-modal .input-group>input.form-floating[name=customer_name].valid:not(:focus-within),.modal.product-comment-modal .input-group>input.form-select[name=comment_title].valid:not(:focus),.modal.product-comment-modal .input-group>input.form-select[name=customer_name].valid:not(:focus),.modal.product-comment-modal .input-group>textarea.form-floating.valid:not(:focus-within),.modal.product-comment-modal .input-group>textarea.valid:not(:focus),.modal.product-comment-modal .input-group>textarea:not(:focus).is-valid,.modal.product-comment-modal .was-validated .input-group>textarea:not(:focus):valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid,.was-validated .modal.product-comment-modal .input-group>textarea:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    color: var(--bs-form-invalid-color);
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.invalid-tooltip {
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius);
    color: #fff;
    display: none;
    font-size: .875rem;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.modal.product-comment-modal input[name=comment_title].error~.invalid-feedback,.modal.product-comment-modal input[name=comment_title].error~.invalid-tooltip,.modal.product-comment-modal input[name=customer_name].error~.invalid-feedback,.modal.product-comment-modal input[name=customer_name].error~.invalid-tooltip,.modal.product-comment-modal textarea.error~.invalid-feedback,.modal.product-comment-modal textarea.error~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,.modal.product-comment-modal .is-invalid.form-control,.modal.product-comment-modal .was-validated .form-control:invalid,.modal.product-comment-modal .was-validated textarea:invalid,.modal.product-comment-modal input.form-control[name=comment_title].error,.modal.product-comment-modal input.form-control[name=customer_name].error,.modal.product-comment-modal textarea.error,.modal.product-comment-modal textarea.form-control.error,.modal.product-comment-modal textarea.is-invalid,.was-validated .form-control:invalid,.was-validated .modal.product-comment-modal .form-control:invalid,.was-validated .modal.product-comment-modal textarea:invalid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem)
}

.form-control.is-invalid:focus,.modal.product-comment-modal .is-invalid.form-control:focus,.modal.product-comment-modal .was-validated .form-control:invalid:focus,.modal.product-comment-modal .was-validated textarea:invalid:focus,.modal.product-comment-modal input.form-control[name=comment_title].error:focus,.modal.product-comment-modal input.form-control[name=customer_name].error:focus,.modal.product-comment-modal textarea.error:focus,.modal.product-comment-modal textarea.is-invalid:focus,.was-validated .form-control:invalid:focus,.was-validated .modal.product-comment-modal .form-control:invalid:focus,.was-validated .modal.product-comment-modal textarea:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.modal.product-comment-modal .was-validated textarea:invalid,.modal.product-comment-modal textarea.error,.modal.product-comment-modal textarea.form-control.error,.modal.product-comment-modal textarea.is-invalid,.modal.product-comment-modal textarea.is-invalid.form-control,.was-validated .modal.product-comment-modal textarea:invalid,.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem)
}

.form-select.is-invalid,.modal.product-comment-modal input.form-select[name=comment_title].error,.modal.product-comment-modal input.form-select[name=customer_name].error,.modal.product-comment-modal textarea.form-select.error,.was-validated .form-select:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.modal.product-comment-modal input.form-select[name=comment_title].error:not([multiple]):not([size]),.modal.product-comment-modal input.form-select[name=comment_title].error:not([multiple])[size="1"],.modal.product-comment-modal input.form-select[name=customer_name].error:not([multiple]):not([size]),.modal.product-comment-modal input.form-select[name=customer_name].error:not([multiple])[size="1"],.modal.product-comment-modal textarea.form-select.error:not([multiple]):not([size]),.modal.product-comment-modal textarea.form-select.error:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: 4.125rem
}

.form-select.is-invalid:focus,.modal.product-comment-modal input.form-select[name=comment_title].error:focus,.modal.product-comment-modal input.form-select[name=customer_name].error:focus,.modal.product-comment-modal textarea.form-select.error:focus,.was-validated .form-select:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.form-control-color.is-invalid,.modal.product-comment-modal input.form-control-color[name=comment_title].error,.modal.product-comment-modal input.form-control-color[name=customer_name].error,.modal.product-comment-modal textarea.form-control-color.error,.was-validated .form-control-color:invalid {
    width: calc(3.75rem + 1.5em)
}

.form-check-input.is-invalid,.modal.product-comment-modal input.form-check-input[name=comment_title].error,.modal.product-comment-modal input.form-check-input[name=customer_name].error,.modal.product-comment-modal textarea.form-check-input.error,.was-validated .form-check-input:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.form-check-input.is-invalid:checked,.modal.product-comment-modal input.form-check-input[name=comment_title].error:checked,.modal.product-comment-modal input.form-check-input[name=customer_name].error:checked,.modal.product-comment-modal textarea.form-check-input.error:checked,.was-validated .form-check-input:invalid:checked {
    background-color: var(--bs-form-invalid-color)
}

.form-check-input.is-invalid:focus,.modal.product-comment-modal input.form-check-input[name=comment_title].error:focus,.modal.product-comment-modal input.form-check-input[name=customer_name].error:focus,.modal.product-comment-modal textarea.form-check-input.error:focus,.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.form-check-input.is-invalid~.form-check-label,.modal.product-comment-modal input.form-check-input[name=comment_title].error~.form-check-label,.modal.product-comment-modal input.form-check-input[name=customer_name].error~.form-check-label,.modal.product-comment-modal textarea.form-check-input.error~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: var(--bs-form-invalid-color)
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.modal.product-comment-modal .input-group>.form-control:not(:focus).is-invalid,.modal.product-comment-modal .input-group>input.form-control[name=comment_title].error:not(:focus),.modal.product-comment-modal .input-group>input.form-control[name=customer_name].error:not(:focus),.modal.product-comment-modal .input-group>input.form-floating[name=comment_title].error:not(:focus-within),.modal.product-comment-modal .input-group>input.form-floating[name=customer_name].error:not(:focus-within),.modal.product-comment-modal .input-group>input.form-select[name=comment_title].error:not(:focus),.modal.product-comment-modal .input-group>input.form-select[name=customer_name].error:not(:focus),.modal.product-comment-modal .input-group>textarea.error:not(:focus),.modal.product-comment-modal .input-group>textarea.form-floating.error:not(:focus-within),.modal.product-comment-modal .input-group>textarea:not(:focus).is-invalid,.modal.product-comment-modal .was-validated .input-group>textarea:not(:focus):invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.was-validated .modal.product-comment-modal .input-group>textarea:not(:focus):invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: 25px;
    --bs-btn-padding-y: 10px;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 0px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 4px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);
    background-color: var(--bs-btn-bg);
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    color: var(--bs-btn-color);
    cursor: pointer;
    display: inline-block;
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    text-align: center;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

@media(prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}



.btn-check+.btn:hover {
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
    color: var(--bs-btn-color)
}

.btn:focus-visible {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: var(--bs-btn-focus-box-shadow);
    color: var(--bs-btn-hover-color);
    outline: 0
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: var(--bs-btn-focus-box-shadow);
    outline: 0
}

.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active {
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    color: var(--bs-btn-active-color)
}

.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.btn {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,.btn:disabled,fieldset:disabled .btn {
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    color: var(--bs-btn-disabled-color);
    opacity: var(--bs-btn-disabled-opacity);
    pointer-events: none
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #AE2674;
    --bs-btn-border-color: #AE2674;
    --bs-btn-hover-color: #ae2674;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #ae2674;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #AE2674;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #AE2674;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #AE2674;
    --bs-btn-disabled-border-color: #AE2674
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217,164,6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211,212,213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #AE2674;
    --bs-btn-border-color: #AE2674;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #AE2674;
    --bs-btn-hover-border-color: #AE2674;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #AE2674;
    --bs-btn-active-border-color: #AE2674;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #AE2674;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #AE2674;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: rgba(119, 111, 136, 0.83);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(119, 111, 136, 0.83);
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(119, 111, 136, 0.83);
    --bs-btn-active-border-color: rgba(119, 111, 136, 0.83);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13,202,240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220,53,69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248,249,250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-group-lg>.btn,.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-group-sm>.btn,.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    height: auto;
    transition: width .35s ease;
    width: 0
}

@media(prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.375rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: #343a40;
    --bs-dropdown-link-hover-color: #717579;
    --bs-dropdown-link-hover-bg: transparent;
    --bs-dropdown-link-active-color: #717579;
    --bs-dropdown-link-active-bg: transparent;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.5rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    background-clip: padding-box;
    background-color: var(--bs-dropdown-bg);
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
    color: var(--bs-dropdown-color);
    display: none;
    font-size: var(--bs-dropdown-font-size);
    list-style: none;
    margin: 0;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    position: absolute;
    text-align: left;
    z-index: var(--bs-dropdown-zindex)
}

.dropdown-menu[data-bs-popper] {
    left: 0;
    margin-top: var(--bs-dropdown-spacer);
    top: 100%
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    left: 0;
    right: auto
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    left: auto;
    right: 0
}

@media(min-width: 360px) {
    .dropdown-menu-xs-start {
        --bs-position:start
    }

    .dropdown-menu-xs-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-xs-end {
        --bs-position: end
    }

    .dropdown-menu-xs-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media(min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position:start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media(min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position:start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media(min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position:start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media(min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position:start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media(min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position:start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    bottom: 100%;
    margin-bottom: var(--bs-dropdown-spacer);
    margin-top: 0;
    top: auto
}

.dropup .dropdown-toggle:after {
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: 0;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    left: 100%;
    margin-left: var(--bs-dropdown-spacer);
    margin-top: 0;
    right: auto;
    top: 0
}

.dropend .dropdown-toggle:after {
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    border-right: 0;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
	
	display: none;
	
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    left: auto;
    margin-right: var(--bs-dropdown-spacer);
    margin-top: 0;
    right: 100%;
    top: 0
}

.dropstart .dropdown-toggle:after {
    content: "";
    display: inline-block;
    display: none;
    margin-left: .255em;
    vertical-align: .255em
}

.dropstart .dropdown-toggle:before {
    border-bottom: .3em solid transparent;
    border-right: .3em solid;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    opacity: 1;
    overflow: hidden
}

.dropdown-item {
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius,0);
    clear: both;
    color: var(--bs-dropdown-link-color);
    display: block;
    font-weight: 400;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    width: 100%
}

.dropdown-item:focus,.dropdown-item:hover {
    background-color: var(--bs-dropdown-link-hover-bg);
    color: var(--bs-dropdown-link-hover-color)
}

.dropdown-item.active,.dropdown-item:active {
    background-color: var(--bs-dropdown-link-active-bg);
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none
}

.dropdown-item.disabled,.dropdown-item:disabled {
    background-color: transparent;
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    color: var(--bs-dropdown-header-color);
    display: block;
    font-size: .875rem;
    margin-bottom: 0;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    white-space: nowrap
}

.dropdown-item-text {
    color: var(--bs-dropdown-link-color);
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: hsla(0,0%,100%,.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #AE2674;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group,.btn-group-vertical {
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    flex: 1 1 auto;
    position: relative
}

.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: 4px
}

.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn {
    margin-left: calc(var(--bs-border-width)*-1)
}

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.dropdown-toggle-split {
    padding-left: .5625rem;
    padding-right: .5625rem
}

.dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
    padding-left: .375rem;
    padding-right: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
    padding-left: .75rem;
    padding-right: .75rem
}

.btn-group-vertical {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
    margin-top: calc(var(--bs-border-width)*-1)
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-size: 1rem;
    --bs-nav-link-font-weight: 600;
    --bs-nav-link-color: var(--bs-gray-800);
    --bs-nav-link-hover-color: var(--bs-primary);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.nav-link {
    background: none;
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    text-align: center;
    font-family: Sarabun;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: var(--New-folder-text-color, #000);
    display: flex;
    width: 261px;
    height: 22px;
    flex-direction: column;
    justify-content: center;
    align-self: MIN;
    grid-row: 1 / span 2;
    grid-column: 1 / span 1;
}

@media(prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,.nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    outline: 0
}

.nav-link.disabled,.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    cursor: default;
    pointer-events: none
}

.nav-tabs {
    --bs-nav-tabs-border-width: 2px;
    --bs-nav-tabs-border-color: transparent;
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: transparent;
    --bs-nav-tabs-link-active-color: var(--bs-primary);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: transparent transparent var(--bs-primary);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .checkout__steps__text.nav-link {
    text-align: center;
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: none;
}


#product .nav-item {
    width: 33%;
}

.nav-tabs .nav-link {
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
    margin-bottom: calc(var(--bs-nav-tabs-border-width)*-1);
	border-bottom: 1px solid rgba(119, 111, 136, 0.83);
	border-width: 1px 0px 1px 0px;
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    border-color: var(--bs-nav-tabs-link-hover-border-color);
    isolation: isolate
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
    color: var(--bs-nav-tabs-link-active-color);
	border-width: 1px
}

.nav-tabs .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: calc(var(--bs-nav-tabs-border-width)*-1)
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #AE2674
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    background-color: var(--bs-nav-pills-link-active-bg);
    color: var(--bs-nav-pills-link-active-color)
}

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
    border-bottom: var(--bs-nav-underline-border-width) solid transparent;
    padding-left: 0;
    padding-right: 0
}

.nav-underline .nav-link:focus,.nav-underline .nav-link:hover {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,.nav-underline .show>.nav-link {
    border-bottom-color: currentcolor;
    color: var(--bs-nav-underline-link-active-color);
    font-weight: 700
}

.nav-fill .nav-item,.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb),0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb),0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb),0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb),1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb),1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb),1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb),0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
    position: relative
}

.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
    align-items: center;
    display: flex;
    flex-wrap: inherit;
    justify-content: space-between
}

.navbar-brand {
    color: var(--bs-navbar-brand-color);
    font-size: var(--bs-navbar-brand-font-size);
    margin-right: var(--bs-navbar-brand-margin-end);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    padding-top: var(--bs-navbar-brand-padding-y);
    text-decoration: none;
    white-space: nowrap
}

.navbar-brand:focus,.navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-size: 1rem;
    --bs-nav-link-font-weight: 600;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.navbar-nav .nav-link.active,.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    color: var(--bs-navbar-color);
    padding-bottom: .5rem;
    padding-top: .5rem
}

.navbar-text a,.navbar-text a:focus,.navbar-text a:hover {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    align-items: center;
    flex-basis: 100%;
    flex-grow: 1
}

.navbar-toggler {
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    color: var(--bs-navbar-color);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    transition: var(--bs-navbar-toggler-transition)
}

@media(prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
    outline: 0;
    text-decoration: none
}

.navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 1.5em;
    vertical-align: middle;
    width: 1.5em
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

@media(min-width: 360px) {
    .navbar-expand-xs {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xs .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xs .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xs .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xs .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xs .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xs .navbar-toggler {
        display: none
    }

    .navbar-expand-xs .offcanvas {
        background-color: transparent!important;
        border: 0!important;
        flex-grow: 1;
        height: auto!important;
        position: static;
        transform: none!important;
        transition: none;
        visibility: visible!important;
        width: auto!important;
        z-index: auto
    }

    .navbar-expand-xs .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xs .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        background-color: transparent!important;
        border: 0!important;
        flex-grow: 1;
        height: auto!important;
        position: static;
        transform: none!important;
        transition: none;
        visibility: visible!important;
        width: auto!important;
        z-index: auto
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(min-width: 768px) {
    .navbar-expand-md {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas {
        background-color: transparent!important;
        border: 0!important;
        flex-grow: 1;
        height: auto!important;
        position: static;
        transform: none!important;
        transition: none;
        visibility: visible!important;
        width: auto!important;
        z-index: auto
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        background-color: transparent!important;
        border: 0!important;
        flex-grow: 1;
        height: auto!important;
        position: static;
        transform: none!important;
        transition: none;
        visibility: visible!important;
        width: auto!important;
        z-index: auto
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        background-color: transparent!important;
        border: 0!important;
        flex-grow: 1;
        height: auto!important;
        position: static;
        transform: none!important;
        transition: none;
        visibility: visible!important;
        width: auto!important;
        z-index: auto
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        background-color: transparent!important;
        border: 0!important;
        flex-grow: 1;
        height: auto!important;
        position: static;
        transform: none!important;
        transition: none;
        visibility: visible!important;
        width: auto!important;
        z-index: auto
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    background-color: transparent!important;
    border: 0!important;
    flex-grow: 1;
    height: auto!important;
    position: static;
    transform: none!important;
    transition: none;
    visibility: visible!important;
    width: auto!important;
    z-index: auto
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
}

.navbar-dark,.navbar[data-bs-theme=dark] {
    --bs-navbar-color: hsla(0,0%,100%,.55);
    --bs-navbar-hover-color: hsla(0,0%,100%,.75);
    --bs-navbar-disabled-color: hsla(0,0%,100%,.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: hsla(0,0%,100%,.1)
}

.navbar-dark,.navbar[data-bs-theme=dark],[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: 0;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 8px;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb),0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    color: var(--bs-body-color);
    display: flex;
    flex-direction: column;
    height: var(--bs-card-height);
    min-width: 0;
    position: relative;
    word-wrap: break-word;
    background-clip: border-box;
    background-color: var(--bs-card-bg);
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);

}

.card>hr {
    margin-left: 0;
    margin-right: 0
}

.card>.list-group {
    border-bottom: inherit;
    border-top: inherit
}

.card>.list-group:first-child {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
    border-top-width: 0
}

.card>.list-group:last-child {
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-width: 0
}

.card>.card-header+.list-group,.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    color: var(--bs-card-color);
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x)
}

.card-title {
    color: var(--bs-card-title-color);
    margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
    color: var(--bs-card-subtitle-color);
    margin-top: calc(var(--bs-card-title-spacer-y)*-.5)
}

.card-subtitle,.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
    color: var(--bs-card-cap-color);
    margin-bottom: 0;
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
    color: var(--bs-card-cap-color);
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    border-bottom: 0;
    margin-bottom: calc(var(--bs-card-cap-padding-y)*-1);
    margin-left: calc(var(--bs-card-cap-padding-x)*-.5);
    margin-right: calc(var(--bs-card-cap-padding-x)*-.5)
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-left: calc(var(--bs-card-cap-padding-x)*-.5);
    margin-right: calc(var(--bs-card-cap-padding-x)*-.5)
}

.card-img-overlay {
    border-radius: var(--bs-card-inner-border-radius);
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    position: absolute;
    right: 0;
    top: 0
}

.card-img,.card-img-bottom,.card-img-top {
    width: 100%
}



.card-group>.card {
    margin-bottom: var(--bs-card-group-margin)
}

@media(min-width: 576px) {
    .card-group {
        display:flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        border-left: 0;
        margin-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-accordion-btn-padding-x: 0rem;
    --bs-accordion-btn-padding-y: 0.5rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M13%203.25V22.75%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M22.75%2013H3.25%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width: 26px;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M21.4498%204.54999L4.5498%2021.45%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M4.5498%204.54999L21.4498%2021.45%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 0.5rem;
    --bs-accordion-active-color: #212529;
    --bs-accordion-active-bg: #fff
}

#product .accordion-button {
    align-items: center;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    display: flex;
    overflow-anchor: none;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    position: relative;
    text-align: left;
    transition: var(--bs-accordion-transition);
    width: 100%;
    font-family: Sarabun;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

 .accordion-button {
color: var(--New-folder-text-color, #000);
font-family: Sarabun;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
 border: 0;
    border-radius: 0;
	 background-color: var(--bs-accordion-btn-bg);
	  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
}
#quantity_wanted, .js-cart-line-product-quantity {
    border-width: 1px 0px 1px 0px;
    border-color: #ced4da;
}

#product .nav-link {
    padding: 25px 0px;
}

@media(prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color);
    color: var(--bs-accordion-active-color)
}

.accordion-button:not(.collapsed)::after {
    -webkit-mask: var(--bs-accordion-btn-active-icon) no-repeat center / 26px 26px;
    mask: var(--bs-accordion-btn-active-icon) no-repeat center / 26px 26px;

    transform: rotate(-180deg); /* obrót działa normalnie */
}


.accordion-button::after {
    content: "";
    width: 26px;
    height: 26px;
    margin-left: auto;

    background-color: #AE2674; /* kolor */

    -webkit-mask: var(--bs-accordion-btn-icon) no-repeat center / 26px 26px;
    mask: var(--bs-accordion-btn-icon) no-repeat center / 26px 26px;

    transition: transform 0.2s ease-in-out;
}

@media(prefers-reduced-motion:reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
    outline: 0;
    z-index: 3
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    color: var(--bs-accordion-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-left-radius: var(--bs-accordion-border-radius);
    border-bottom-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius)
}



.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    border-bottom: 1px solid #AE2674;
    margin-bottom: 15px;
        padding: 20px 0px;
}

#search-filters .accordion-body {
    border-bottom: none;
}

.accordion-flush>.accordion-item {
    border-left: 0;
    border-radius: 0;
    border-right: 0
}

.accordion-flush>.accordion-item:first-child {
    border-top: 0
}

.accordion-flush>.accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
    border-radius: 0
}

[data-bs-theme=dark] .accordion-button:after {
    --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 1.75rem;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-font-size: 0.75rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: #343a40;
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: #343a40;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x)
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item:before {
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider,">");
    padding-right: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #AE2674;
    --bs-pagination-active-border-color: #AE2674;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    list-style: none;
    padding-left: 0
}

.page-link {
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    color: var(--bs-pagination-color);
    display: block;
    font-size: var(--bs-pagination-font-size);
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    position: relative;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
    color: var(--bs-pagination-hover-color);
    z-index: 2
}

.page-link:focus {
    background-color: var(--bs-pagination-focus-bg);
    box-shadow: var(--bs-pagination-focus-box-shadow);
    color: var(--bs-pagination-focus-color);
    outline: 0;
    z-index: 3
}

.active>.page-link,.page-link.active {
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
    color: var(--bs-pagination-active-color);
    z-index: 3
}

.disabled>.page-link,.page-link.disabled {
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
    color: var(--bs-pagination-disabled-color);
    pointer-events: none
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(var(--bs-border-width)*-1)
}

.page-item:first-child .page-link {
    border-bottom-left-radius: var(--bs-pagination-border-radius);
    border-top-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-bottom-right-radius: var(--bs-pagination-border-radius);
    border-top-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
    --bs-badge-padding-x: 0.625rem;
    --bs-badge-padding-y: 0.3125rem;
    --bs-badge-font-size: 0.875rem;
    --bs-badge-font-weight: 500;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 4px;
    border-radius: var(--bs-badge-border-radius);
    color: var(--bs-badge-color);
    display: inline-block;
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
    color: var(--bs-alert-color);
    margin-bottom: var(--bs-alert-margin-bottom);
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    position: relative
}

.alert-heading {
    color: inherit
}

.alert-link {
    color: var(--bs-alert-link-color);
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    padding: 1.25rem 1rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress,.progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #AE2674;
    --bs-progress-bar-transition: width 0.6s ease;
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius);
    display: flex;
    font-size: var(--bs-progress-font-size);
    height: var(--bs-progress-height);
    overflow: hidden
}

.progress-bar {
    background-color: var(--bs-progress-bar-bg);
    color: var(--bs-progress-bar-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    transition: var(--bs-progress-bar-transition);
    white-space: nowrap
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-stacked>.progress {
    overflow: visible
}

.progress-stacked>.progress>.progress-bar {
    width: 100%
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #AE2674;
    --bs-list-group-active-border-color: #AE2674;
    border-radius: var(--bs-list-group-border-radius);
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0
}

.list-group-numbered {
    counter-reset: section;
    list-style-type: none
}

.list-group-numbered>.list-group-item:before {
    content: counters(section,".") ". ";
    counter-increment: section
}

.list-group-item-action {
    color: var(--bs-list-group-action-color);
    text-align: inherit;
    width: 100%
}

.list-group-item-action:focus,.list-group-item-action:hover {
    background-color: var(--bs-list-group-action-hover-bg);
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    z-index: 1
}

.list-group-item-action:active {
    background-color: var(--bs-list-group-action-active-bg);
    color: var(--bs-list-group-action-active-color)
}

.list-group-item {
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
    color: var(--bs-list-group-color);
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    position: relative;
    text-decoration: none
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.list-group-item.disabled,.list-group-item:disabled {
    background-color: var(--bs-list-group-disabled-bg);
    color: var(--bs-list-group-disabled-color);
    pointer-events: none
}

.list-group-item.active {
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color);
    color: var(--bs-list-group-active-color);
    z-index: 2
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    border-top-width: var(--bs-list-group-border-width);
    margin-top: calc(var(--bs-list-group-border-width)*-1)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius)
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width)*-1)
}

@media(min-width: 360px) {
    .list-group-horizontal-xs {
        flex-direction:row
    }

    .list-group-horizontal-xs>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xs>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-xs>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xs>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-xs>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

@media(min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction:row
    }

    .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

@media(min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction:row
    }

    .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

@media(min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction:row
    }

    .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

@media(min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction:row
    }

    .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

@media(min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction:row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    --bs-list-group-color: var(--bs-primary-text-emphasis);
    --bs-list-group-bg: var(--bs-primary-bg-subtle);
    --bs-list-group-border-color: var(--bs-primary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
    --bs-list-group-active-color: var(--bs-primary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.list-group-item-secondary {
    --bs-list-group-color: var(--bs-secondary-text-emphasis);
    --bs-list-group-bg: var(--bs-secondary-bg-subtle);
    --bs-list-group-border-color: var(--bs-secondary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.list-group-item-success {
    --bs-list-group-color: var(--bs-success-text-emphasis);
    --bs-list-group-bg: var(--bs-success-bg-subtle);
    --bs-list-group-border-color: var(--bs-success-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
    --bs-list-group-active-color: var(--bs-success-bg-subtle);
    --bs-list-group-active-bg: var(--bs-success-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.list-group-item-info {
    --bs-list-group-color: var(--bs-info-text-emphasis);
    --bs-list-group-bg: var(--bs-info-bg-subtle);
    --bs-list-group-border-color: var(--bs-info-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
    --bs-list-group-active-color: var(--bs-info-bg-subtle);
    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item-warning {
    --bs-list-group-color: var(--bs-warning-text-emphasis);
    --bs-list-group-bg: var(--bs-warning-bg-subtle);
    --bs-list-group-border-color: var(--bs-warning-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
    --bs-list-group-active-color: var(--bs-warning-bg-subtle);
    --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.list-group-item-danger {
    --bs-list-group-color: var(--bs-danger-text-emphasis);
    --bs-list-group-bg: var(--bs-danger-bg-subtle);
    --bs-list-group-border-color: var(--bs-danger-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
    --bs-list-group-active-color: var(--bs-danger-bg-subtle);
    --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.list-group-item-light {
    --bs-list-group-color: var(--bs-light-text-emphasis);
    --bs-list-group-bg: var(--bs-light-bg-subtle);
    --bs-list-group-border-color: var(--bs-light-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
    --bs-list-group-active-color: var(--bs-light-bg-subtle);
    --bs-list-group-active-bg: var(--bs-light-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}

.list-group-item-dark {
    --bs-list-group-color: var(--bs-dark-text-emphasis);
    --bs-list-group-bg: var(--bs-dark-bg-subtle);
    --bs-list-group-border-color: var(--bs-dark-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
    --bs-list-group-active-color: var(--bs-dark-bg-subtle);
    --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: 8px;
    box-sizing: content-box;
    height: 1em;
    opacity: var(--bs-btn-close-opacity);
    padding: .25em;
    width: 1em
}

.btn-close,.btn-close:hover {
    color: var(--bs-btn-close-color)
}

.btn-close:hover {
    opacity: var(--bs-btn-close-hover-opacity);
    text-decoration: none
}

.btn-close:focus {
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity);
    outline: 0
}

.btn-close.disabled,.btn-close:disabled {
    opacity: var(--bs-btn-close-disabled-opacity);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.btn-close-white,[data-bs-theme=dark] .btn-close {
    filter: var(--bs-btn-close-white-filter)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb),0.85);
    --bs-toast-border-width: 0;
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb),0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    background-clip: padding-box;
    background-color: var(--bs-toast-bg);
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    border-radius: var(--bs-toast-border-radius);
    box-shadow: var(--bs-toast-box-shadow);
    color: var(--bs-toast-color);
    font-size: var(--bs-toast-font-size);
    max-width: 100%;
    pointer-events: auto;
    width: var(--bs-toast-max-width)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1090;
    max-width: 100%;
    pointer-events: none;
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    z-index: var(--bs-toast-zindex)
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    align-items: center;
    background-clip: padding-box;
    background-color: var(--bs-toast-header-bg);
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    color: var(--bs-toast-header-color);
    display: flex;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x)
}

.toast-header .btn-close {
    margin-left: var(--bs-toast-padding-x);
    margin-right: calc(var(--bs-toast-padding-x)*-.5)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 0;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--bs-modal-zindex)
}

.modal-dialog {
    margin: var(--bs-modal-margin);
    pointer-events: none;
    position: relative;
    width: auto
}

.modal.fade .modal-dialog {
    transform: translateY(-50px);
    transition: transform .3s ease-out
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    align-items: center;
    display: flex;
    min-height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-footer .btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 250px !important;
    height: 40px;
}

.modal-content {
    background-clip: padding-box;
    background-color: var(--bs-modal-bg);
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    color: var(--bs-modal-color);
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%;
	padding: 10px 25px 15px 25px;
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    background-color: var(--bs-backdrop-bg);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: var(--bs-backdrop-zindex)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    align-items: center;
border-bottom: 1px solid #AE2674;
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
    display: flex;
    flex-shrink: 0;
    padding: var(--bs-modal-header-padding)
}

.modal-header .btn-close {
    margin: calc(var(--bs-modal-header-padding-y)*-.5) calc(var(--bs-modal-header-padding-x)*-.5) calc(var(--bs-modal-header-padding-y)*-.5) auto;
    padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5)
}

.modal-title {
    line-height: var(--bs-modal-title-line-height);
    margin-bottom: 0
}

.modal-body {
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
    position: relative
}

.modal-footer {
    align-items: center;
    background-color: var(--bs-modal-footer-bg);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap)*.5)
}

@media(min-width: 576px) {
    .modal {
        --bs-modal-margin:1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }

    .modal-dialog {
        margin-left: auto;
        margin-right: auto;
        max-width: var(--bs-modal-width)
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg,.modal-xl {
        --bs-modal-width:1200px
    }
}

@media(min-width: 1200px) {
    .modal-xl {
        --bs-modal-width:1140px
    }
}

.modal-fullscreen {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw
}

.modal-fullscreen .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%
}

.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media(max-width: 359.98px) {
    .modal-fullscreen-xs-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-xs-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-xs-down .modal-footer,.modal-fullscreen-xs-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xs-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-sm-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width: 767.98px) {
    .modal-fullscreen-md-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-md-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-lg-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-xl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-xxl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    display: block;
    font-family: Inter,sans-serif;
    font-size: var(--bs-tooltip-font-size);
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.25;
    margin: var(--bs-tooltip-margin);
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: var(--bs-tooltip-zindex);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    height: var(--bs-tooltip-arrow-height);
    width: var(--bs-tooltip-arrow-width)
}

.tooltip .tooltip-arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow {
    bottom: calc(var(--bs-tooltip-arrow-height)*-1)
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: var(--bs-tooltip-bg);
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
    top: -1px
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow {
    height: var(--bs-tooltip-arrow-width);
    left: calc(var(--bs-tooltip-arrow-height)*-1);
    width: var(--bs-tooltip-arrow-height)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: var(--bs-tooltip-bg);
    border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
    right: -1px
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow {
    top: calc(var(--bs-tooltip-arrow-height)*-1)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: var(--bs-tooltip-bg);
    border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
    bottom: -1px
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow {
    height: var(--bs-tooltip-arrow-width);
    right: calc(var(--bs-tooltip-arrow-height)*-1);
    width: var(--bs-tooltip-arrow-height)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: var(--bs-tooltip-bg);
    border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
    left: -1px
}

.tooltip-inner {
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius);
    color: var(--bs-tooltip-color);
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    text-align: center
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    display: block;
    font-family: Inter,sans-serif;
    font-size: var(--bs-popover-font-size);
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.25;
    max-width: var(--bs-popover-max-width);
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: var(--bs-popover-zindex);
    word-wrap: break-word;
    background-clip: padding-box;
    background-color: var(--bs-popover-bg);
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    height: var(--bs-popover-arrow-height);
    width: var(--bs-popover-arrow-width)
}

.popover .popover-arrow:after,.popover .popover-arrow:before {
    border: 0 solid transparent;
    content: "";
    display: block;
    position: absolute
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow {
    bottom: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:after,.bs-popover-top>.popover-arrow:before {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before {
    border-top-color: var(--bs-popover-arrow-border);
    bottom: 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after {
    border-top-color: var(--bs-popover-bg);
    bottom: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow {
    height: var(--bs-popover-arrow-width);
    left: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:after,.bs-popover-end>.popover-arrow:before {
    border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before {
    border-right-color: var(--bs-popover-arrow-border);
    left: 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after {
    border-right-color: var(--bs-popover-bg);
    left: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow {
    top: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:before {
    border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before {
    border-bottom-color: var(--bs-popover-arrow-border);
    top: 0
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after {
    border-bottom-color: var(--bs-popover-bg);
    top: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before {
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
    content: "";
    display: block;
    left: 50%;
    margin-left: calc(var(--bs-popover-arrow-width)*-.5);
    position: absolute;
    top: 0;
    width: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow {
    height: var(--bs-popover-arrow-width);
    right: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:after,.bs-popover-start>.popover-arrow:before {
    border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before {
    border-left-color: var(--bs-popover-arrow-border);
    right: 0
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after {
    border-left-color: var(--bs-popover-bg);
    right: var(--bs-popover-border-width)
}

.popover-header {
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius);
    color: var(--bs-popover-header-color);
    font-size: var(--bs-popover-header-font-size);
    margin-bottom: 0;
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x)
}

.popover-header:empty {
    display: none
}

.popover-body {
    color: var(--bs-popover-body-color);
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%
}

.carousel-inner:after {
    clear: both;
    content: "";
    display: block
}

.carousel-item {
    backface-visibility: hidden;
    display: none;
    float: left;
    margin-right: -100%;
    position: relative;
    transition: transform .25s ease-in-out;
    width: 100%
}

@media(prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: block
}

.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transform: none;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active {
    opacity: 1;
    z-index: 1
}

.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
    opacity: 0;
    transition: opacity 0s .25s;
    z-index: 0
}

@media(prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,.carousel-control-prev {
    align-items: center;
    background: none;
    border: 0;
    bottom: 0;
    color: #495057;
    display: flex;
    opacity: .5;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity .15s ease;
    width: 4rem;
	max-height: 92px;
    z-index: 1
}
.carousel-control-prev {
    justify-content: left;
}
.carousel-control-next {
    justify-content: right;
}

#product .prices__wrapper .wishlist-actions button {
    display: block;
    position: static;
    margin: 0px;
}

.promo_info2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 10px 0px 20px;
}


@media(prefers-reduced-motion:reduce) {
    .carousel-control-next,.carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #495057;
    opacity: .9;
    outline: 0;
    text-decoration: none
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23495057' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23495057' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")
}

.carousel-indicators {
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    margin-bottom: 1rem;
    margin-left: 4rem;
    margin-right: 4rem;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 2;
	bottom: -50px;
	gap: 19px;
}
.footer__main__top {
    position: relative;
}
.icon_root {
    max-width: 150px;
    position: absolute;
    right: 39%;
    bottom: 60px;
}
#banner_container_8 .st_image_layered_description_inner {
    text-align: right;
}
#banner_container_8 {
    padding-bottom: 0px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    text-align: center;
}

#banner_container_8 .bann2 {
    max-width: 510px!important;
}

 .icon_root span {
    color: var(--New-folder-text-color, #000);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #AE2674;
    padding-bottom: 8px;
    margin-bottom: 10px;
    display: block;
    width: 110px;
}

.icon_soc_box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.carousel-indicators [data-bs-target] {
    background-clip: padding-box;
    background-color: #AE2674;
    border: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    box-sizing: content-box;
    cursor: pointer;
    flex: 0 1 auto;
    height: .5rem;
 
    margin-right: .25rem;
    opacity: .5;
    padding: 0;
    text-indent: -999px;
    transition: opacity .6s ease;
    width: .5rem
}

@media(prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    bottom: 1.25rem;
    color: #343a40;
    left: 15%;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    position: absolute;
    right: 15%;
    text-align: center
}

.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
    background-color: #000
}

[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption {
    color: #000
}

.spinner-border,.spinner-grow {
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
    border-radius: 50%;
    display: inline-block;
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    width: var(--bs-spinner-width)
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border-right-color: currentcolor;
    border: var(--bs-spinner-border-width) solid;
    border-right: var(--bs-spinner-border-width) solid transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media(prefers-reduced-motion:reduce) {
    .spinner-border,.spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xs,.offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media(max-width: 359.98px) {
    .offcanvas-xs {
        background-clip:padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media(max-width: 359.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-xs {
        transition:none
    }
}

@media(max-width: 359.98px) {
    .offcanvas-xs.offcanvas-start {
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-xs.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-xs.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-xs.offcanvas-bottom,.offcanvas-xs.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-xs.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xs.show:not(.hiding),.offcanvas-xs.showing {
        transform: none
    }

    .offcanvas-xs.hiding,.offcanvas-xs.show,.offcanvas-xs.showing {
        visibility: visible
    }
}

@media(min-width: 360px) {
    .offcanvas-xs {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-xs .offcanvas-header {
        display: none
    }

    .offcanvas-xs .offcanvas-body {
        background-color: transparent!important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(max-width: 575.98px) {
    .offcanvas-sm {
        background-clip:padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media(max-width: 575.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition:none
    }
}

@media(max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-sm.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-sm.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-sm.offcanvas-bottom,.offcanvas-sm.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-sm.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing {
        transform: none
    }

    .offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing {
        visibility: visible
    }
}

@media(min-width: 576px) {
    .offcanvas-sm {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        background-color: transparent!important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(max-width: 767.98px) {
    .offcanvas-md {
        background-clip:padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media(max-width: 767.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition:none
    }
}

@media(max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-md.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-md.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-md.offcanvas-bottom,.offcanvas-md.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-md.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-md.show:not(.hiding),.offcanvas-md.showing {
        transform: none
    }

    .offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing {
        visibility: visible
    }
}

@media(min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        background-color: transparent!important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(max-width: 991.98px) {
    .offcanvas-lg {
        background-clip:padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media(max-width: 991.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition:none
    }
}

@media(max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-lg.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-lg.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-lg.offcanvas-bottom,.offcanvas-lg.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-lg.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing {
        transform: none
    }

    .offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing {
        visibility: visible
    }
}

@media(min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        background-color: transparent!important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(max-width: 1199.98px) {
    .offcanvas-xl {
        background-clip:padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media(max-width: 1199.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition:none
    }
}

@media(max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-xl.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-xl.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-xl.offcanvas-bottom,.offcanvas-xl.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-xl.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing {
        transform: none
    }

    .offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing {
        visibility: visible
    }
}

@media(min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        background-color: transparent!important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media(max-width: 1399.98px) {
    .offcanvas-xxl {
        background-clip:padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }
}

@media(max-width: 1399.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition:none
    }
}

@media(max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-xxl.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .offcanvas-xxl.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%)
    }

    .offcanvas-xxl.offcanvas-bottom,.offcanvas-xxl.offcanvas-top {
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0
    }

    .offcanvas-xxl.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing {
        transform: none
    }

    .offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing {
        visibility: visible
    }
}

@media(min-width: 1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        background-color: transparent!important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

.offcanvas {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex)
}

@media(prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width)
}

.offcanvas.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width)
}

.offcanvas.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom,.offcanvas.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0
}

.offcanvas.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.show:not(.hiding),.offcanvas.showing {
    transform: none
}

.offcanvas.hiding,.offcanvas.show,.offcanvas.showing {
    visibility: visible
}

.offcanvas-backdrop {
    background-color: #000;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    align-items: center;
    display: flex;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    margin: calc(var(--bs-offcanvas-padding-y)*-.5) calc(var(--bs-offcanvas-padding-x)*-.5) calc(var(--bs-offcanvas-padding-y)*-.5) auto;
    padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5)
}

.offcanvas-title {
    line-height: var(--bs-offcanvas-title-line-height);
    margin-bottom: 0
}

.offcanvas-body {
    flex-grow: 1;
    overflow-y: auto;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.placeholder {
    background-color: currentcolor;
    cursor: wait;
    display: inline-block;
    min-height: 1em;
    opacity: .5;
    vertical-align: middle
}

.placeholder.btn:before {
    content: "";
    display: inline-block
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    animation: placeholder-wave 2s linear infinite;
    -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0
    }
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.text-bg-primary {
    background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important;
    color: #fff!important
}

.text-bg-secondary {
    background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important;
    color: #fff!important
}

.text-bg-success {
    background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important;
    color: #fff!important
}

.text-bg-info {
    background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important;
    color: #000!important
}

.text-bg-warning {
    background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important;
    color: #000!important
}

.text-bg-danger {
    background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important;
    color: #fff!important
}

.text-bg-light {
    background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important;
    color: #000!important
}

.text-bg-dark {
    background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important;
    color: #fff!important
}

.link-primary {
    color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-primary:focus,.link-primary:hover {
    color: RGBA(10,88,202,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important
}

.link-secondary {
    color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-secondary:focus,.link-secondary:hover {
    color: RGBA(86,94,100,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important
}

.link-success {
    color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-success:focus,.link-success:hover {
    color: RGBA(20,108,67,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important
}

.link-info {
    color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-info:focus,.link-info:hover {
    color: RGBA(61,213,243,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important
}

.link-warning {
    color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-warning:focus,.link-warning:hover {
    color: RGBA(255,205,57,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important
}

.link-danger {
    color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-danger:focus,.link-danger:hover {
    color: RGBA(176,42,55,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important
}

.link-light {
    color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-light:focus,.link-light:hover {
    color: RGBA(249,250,251,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important
}

.link-dark {
    color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-dark:focus,.link-dark:hover {
    color: RGBA(26,30,33,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important
}

.link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-body-emphasis:focus,.link-body-emphasis:hover {
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important
}

.focus-ring:focus {
    box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
    outline: 0
}

.icon-link {
    align-items: center;
    backface-visibility: hidden;
    display: inline-flex;
    gap: .375rem;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));
    text-underline-offset: .25em
}

.icon-link>.bi {
    flex-shrink: 0;
    height: 1em;
    width: 1em;
    fill: currentcolor;
    transition: transform .2s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .icon-link>.bi {
        transition: none
    }
}

.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi {
    transform: var(--bs-icon-link-transform,translate3d(.25em,0,0))
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    content: "";
    display: block;
    padding-top: var(--bs-aspect-ratio)
}

.ratio>* {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    top: 0
}

.fixed-bottom,.fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    top: 0
}

.sticky-bottom,.sticky-top {
    position: sticky;
    z-index: 1020
}

.sticky-bottom {
    bottom: 0
}

@media(min-width: 360px) {
    .sticky-xs-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xs-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media(min-width: 576px) {
    .sticky-sm-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media(min-width: 768px) {
    .sticky-md-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media(min-width: 992px) {
    .sticky-lg-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media(min-width: 1200px) {
    .sticky-xl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media(min-width: 1400px) {
    .sticky-xxl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

.hstack {
    align-items: center;
    flex-direction: row
}

.hstack,.vstack {
    align-self: stretch;
    display: flex
}

.vstack {
    flex: 1 1 auto;
    flex-direction: column
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    width: 1px!important;
    clip: rect(0,0,0,0)!important;
    border: 0!important;
    white-space: nowrap!important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption) {
    position: absolute!important
}

.stretched-link:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    align-self: stretch;
    background-color: currentcolor;
    display: inline-block;
    min-height: 1em;
    opacity: .25;
    width: var(--bs-border-width)
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.object-fit-contain {
    -o-object-fit: contain!important;
    object-fit: contain!important
}

.object-fit-cover {
    -o-object-fit: cover!important;
    object-fit: cover!important
}

.object-fit-fill {
    -o-object-fit: fill!important;
    object-fit: fill!important
}

.object-fit-scale {
    -o-object-fit: scale-down!important;
    object-fit: scale-down!important
}

.object-fit-none {
    -o-object-fit: none!important;
    object-fit: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: .25!important
}

.opacity-50 {
    opacity: .5!important
}

.opacity-75 {
    opacity: .75!important
}

.opacity-100 {
    opacity: 1!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.overflow-x-auto {
    overflow-x: auto!important
}

.overflow-x-hidden {
    overflow-x: hidden!important
}

.overflow-x-visible {
    overflow-x: visible!important
}

.overflow-x-scroll {
    overflow-x: scroll!important
}

.overflow-y-auto {
    overflow-y: auto!important
}

.overflow-y-hidden {
    overflow-y: hidden!important
}

.overflow-y-visible {
    overflow-y: visible!important
}

.overflow-y-scroll {
    overflow-y: scroll!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-inline-grid {
    display: inline-grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: var(--bs-box-shadow)!important
}

.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm)!important
}

.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg)!important
}

.shadow-none {
    box-shadow: none!important
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb),var(--bs-focus-ring-opacity))
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    transform: translateX(-50%)!important
}

.translate-middle-y {
    transform: translateY(-50%)!important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}
.border2 {
    border: 2px solid var(--button-opcja-hover, rgba(119, 111, 136, 0.83));
}

.border-0 {
    border: 0!important
}

.border2_in {
    display: flex;
    width: 100%;
    height: 40px;
    padding: 10px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #776F88;
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important
}

.border-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important
}

.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle)!important
}

.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle)!important
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle)!important
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle)!important
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle)!important
}

.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle)!important
}

.border-light-subtle {
    border-color: var(--bs-light-border-subtle)!important
}

.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle)!important
}

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

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

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.justify-content-evenly {
    justify-content: space-evenly!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.mx-1 {
    margin-left: .25rem!important;
    margin-right: .25rem!important
}

.mx-2 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}

.mx-3 {
    margin-left: 1rem!important;
    margin-right: 1rem!important
}

.mx-4 {
    margin-left: 1.5rem!important;
    margin-right: 1.5rem!important
}

.mx-5 {
    margin-left: 3rem!important;
    margin-right: 3rem!important
}

.mx-auto {
    margin-left: auto!important;
    margin-right: auto!important
}

.my-0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}

.my-1 {
    margin-bottom: .25rem!important;
    margin-top: .25rem!important
}

.my-2 {
    margin-bottom: .5rem!important;
    margin-top: .5rem!important
}

.my-3 {
    margin-bottom: 1rem!important;
    margin-top: 1rem!important
}

.my-4 {
    margin-bottom: 1.5rem!important;
    margin-top: 1.5rem!important
}

.my-5 {
    margin-bottom: 3rem!important;
    margin-top: 3rem!important
}

.my-auto {
    margin-bottom: auto!important;
    margin-top: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2,.product-miniature .product-miniature__price {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.px-1 {
    padding-left: .25rem!important;
    padding-right: .25rem!important
}

.px-2 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}

.px-3 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}

.px-4 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}

.px-5 {
    padding-left: 3rem!important;
    padding-right: 3rem!important
}

.py-0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.py-1 {
    padding-bottom: .25rem!important;
    padding-top: .25rem!important
}

.py-2 {
    padding-bottom: .5rem!important;
    padding-top: .5rem!important
}

.py-3 {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important
}

.py-4 {
    padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important
}

.py-5 {
    padding-bottom: 3rem!important;
    padding-top: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.gap-0 {
    gap: 0!important
}

.gap-1 {
    gap: .25rem!important
}

.gap-2 {
    gap: .5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.gap-4 {
    gap: 1.5rem!important
}

.gap-5 {
    gap: 3rem!important
}

.row-gap-0 {
    row-gap: 0!important
}

.row-gap-1 {
    row-gap: .25rem!important
}

.row-gap-2 {
    row-gap: .5rem!important
}

.row-gap-3 {
    row-gap: 1rem!important
}

.row-gap-4 {
    row-gap: 1.5rem!important
}

.row-gap-5 {
    row-gap: 3rem!important
}

.column-gap-0 {
    -moz-column-gap: 0!important;
    column-gap: 0!important
}

.column-gap-1 {
    -moz-column-gap: .25rem!important;
    column-gap: .25rem!important
}

.column-gap-2 {
    -moz-column-gap: .5rem!important;
    column-gap: .5rem!important
}

.column-gap-3 {
    -moz-column-gap: 1rem!important;
    column-gap: 1rem!important
}

.column-gap-4 {
    -moz-column-gap: 1.5rem!important;
    column-gap: 1.5rem!important
}

.column-gap-5 {
    -moz-column-gap: 3rem!important;
    column-gap: 3rem!important
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw)!important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw)!important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw)!important
}

.fs-5 {
    font-size: 1.25rem!important
}

.fs-6 {
    font-size: 1rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-light {
    font-weight: 300!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-medium {
    font-weight: 500!important
}

.fw-semibold {
    font-weight: 600!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color)!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: hsla(0,0%,100%,.5)!important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color)!important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color)!important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color)!important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis)!important
}

.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis)!important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis)!important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis)!important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis)!important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis)!important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis)!important
}

.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis)!important
}

.link-opacity-10,.link-opacity-10-hover:hover {
    --bs-link-opacity: 0.1
}

.link-opacity-25,.link-opacity-25-hover:hover {
    --bs-link-opacity: 0.25
}

.link-opacity-50,.link-opacity-50-hover:hover {
    --bs-link-opacity: 0.5
}

.link-opacity-75,.link-opacity-75-hover:hover {
    --bs-link-opacity: 0.75
}

.link-opacity-100,.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1,.link-offset-1-hover:hover {
    text-underline-offset: .125em!important
}

.link-offset-2,.link-offset-2-hover:hover {
    text-underline-offset: .25em!important
}

.link-offset-3,.link-offset-3-hover:hover {
    text-underline-offset: .375em!important
}

.link-underline-primary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-success {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-info {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-warning {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-danger {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-light {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-dark {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-underline-opacity-0,.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10,.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-25,.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-50,.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-75,.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-100,.link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}

.bg-light {
    --bs-bg-opacity: 1;
        border: 0.5px solid var(--New-folder-text-color, #000);
    background: var(--White-Main, #FFF);
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle)!important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle)!important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle)!important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle)!important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle)!important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle)!important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle)!important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle)!important
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: var(--bs-border-radius)!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm)!important
}

.rounded-2 {
    border-radius: var(--bs-border-radius)!important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg)!important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl)!important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-xxl)!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill)!important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm)!important;
    border-top-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg)!important;
    border-top-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl)!important;
    border-top-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-top-circle {
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important
}

.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill)!important;
    border-top-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-end {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-end-0 {
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important
}

.rounded-end-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm)!important;
    border-top-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-end-2 {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-end-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg)!important;
    border-top-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-end-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl)!important;
    border-top-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-end-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
    border-top-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-end-circle {
    border-bottom-right-radius: 50%!important;
    border-top-right-radius: 50%!important
}

.rounded-end-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill)!important;
    border-top-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-bottom {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.rounded-bottom-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm)!important;
    border-bottom-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-bottom-2 {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-bottom-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg)!important;
    border-bottom-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-bottom-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-bottom-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-bottom-circle {
    border-bottom-left-radius: 50%!important;
    border-bottom-right-radius: 50%!important
}

.rounded-bottom-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill)!important;
    border-bottom-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-start-0 {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm)!important;
    border-top-left-radius: var(--bs-border-radius-sm)!important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg)!important;
    border-top-left-radius: var(--bs-border-radius-lg)!important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl)!important;
    border-top-left-radius: var(--bs-border-radius-xl)!important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-left-radius: var(--bs-border-radius-xxl)!important
}

.rounded-start-circle {
    border-bottom-left-radius: 50%!important;
    border-top-left-radius: 50%!important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill)!important;
    border-top-left-radius: var(--bs-border-radius-pill)!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.z-n1 {
    z-index: -1!important
}

.z-0 {
    z-index: 0!important
}

.z-1 {
    z-index: 1!important
}

.z-2 {
    z-index: 2!important
}

.z-3 {
    z-index: 3!important
}

@media(min-width: 360px) {
    .float-xs-start {
        float:left!important
    }

    .float-xs-end {
        float: right!important
    }

    .float-xs-none {
        float: none!important
    }

    .object-fit-xs-contain {
        -o-object-fit: contain!important;
        object-fit: contain!important
    }

    .object-fit-xs-cover {
        -o-object-fit: cover!important;
        object-fit: cover!important
    }

    .object-fit-xs-fill {
        -o-object-fit: fill!important;
        object-fit: fill!important
    }

    .object-fit-xs-scale {
        -o-object-fit: scale-down!important;
        object-fit: scale-down!important
    }

    .object-fit-xs-none {
        -o-object-fit: none!important;
        object-fit: none!important
    }

    .d-xs-inline {
        display: inline!important
    }

    .d-xs-inline-block {
        display: inline-block!important
    }

    .d-xs-block {
        display: block!important
    }

    .d-xs-grid {
        display: grid!important
    }

    .d-xs-inline-grid {
        display: inline-grid!important
    }

    .d-xs-table {
        display: table!important
    }

    .d-xs-table-row {
        display: table-row!important
    }

    .d-xs-table-cell {
        display: table-cell!important
    }

    .d-xs-flex {
        display: flex!important
    }

    .d-xs-inline-flex {
        display: inline-flex!important
    }

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

    .flex-xs-fill {
        flex: 1 1 auto!important
    }

    .flex-xs-row {
        flex-direction: row!important
    }

    .flex-xs-column {
        flex-direction: column!important
    }

    .flex-xs-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xs-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xs-grow-0 {
        flex-grow: 0!important
    }

    .flex-xs-grow-1 {
        flex-grow: 1!important
    }

    .flex-xs-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xs-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xs-wrap {
        flex-wrap: wrap!important
    }

    .flex-xs-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xs-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xs-start {
        justify-content: flex-start!important
    }

    .justify-content-xs-end {
        justify-content: flex-end!important
    }

    .justify-content-xs-center {
        justify-content: center!important
    }

    .justify-content-xs-between {
        justify-content: space-between!important
    }

    .justify-content-xs-around {
        justify-content: space-around!important
    }

    .justify-content-xs-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xs-start {
        align-items: flex-start!important
    }

    .align-items-xs-end {
        align-items: flex-end!important
    }

    .align-items-xs-center {
        align-items: center!important
    }

    .align-items-xs-baseline {
        align-items: baseline!important
    }

    .align-items-xs-stretch {
        align-items: stretch!important
    }

    .align-content-xs-start {
        align-content: flex-start!important
    }

    .align-content-xs-end {
        align-content: flex-end!important
    }

    .align-content-xs-center {
        align-content: center!important
    }

    .align-content-xs-between {
        align-content: space-between!important
    }

    .align-content-xs-around {
        align-content: space-around!important
    }

    .align-content-xs-stretch {
        align-content: stretch!important
    }

    .align-self-xs-auto {
        align-self: auto!important
    }

    .align-self-xs-start {
        align-self: flex-start!important
    }

    .align-self-xs-end {
        align-self: flex-end!important
    }

    .align-self-xs-center {
        align-self: center!important
    }

    .align-self-xs-baseline {
        align-self: baseline!important
    }

    .align-self-xs-stretch {
        align-self: stretch!important
    }

    .order-xs-first {
        order: -1!important
    }

    .order-xs-0 {
        order: 0!important
    }

    .order-xs-1 {
        order: 1!important
    }

    .order-xs-2 {
        order: 2!important
    }

    .order-xs-3 {
        order: 3!important
    }

    .order-xs-4 {
        order: 4!important
    }

    .order-xs-5 {
        order: 5!important
    }

    .order-xs-last {
        order: 6!important
    }

    .m-xs-0 {
        margin: 0!important
    }

    .m-xs-1 {
        margin: .25rem!important
    }

    .m-xs-2 {
        margin: .5rem!important
    }

    .m-xs-3 {
        margin: 1rem!important
    }

    .m-xs-4 {
        margin: 1.5rem!important
    }

    .m-xs-5 {
        margin: 3rem!important
    }

    .m-xs-auto {
        margin: auto!important
    }

    .mx-xs-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-xs-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-xs-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-xs-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-xs-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-xs-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-xs-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-xs-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-xs-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-xs-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-xs-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-xs-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-xs-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-xs-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-xs-0 {
        margin-top: 0!important
    }

    .mt-xs-1 {
        margin-top: .25rem!important
    }

    .mt-xs-2 {
        margin-top: .5rem!important
    }

    .mt-xs-3 {
        margin-top: 1rem!important
    }

    .mt-xs-4 {
        margin-top: 1.5rem!important
    }

    .mt-xs-5 {
        margin-top: 3rem!important
    }

    .mt-xs-auto {
        margin-top: auto!important
    }

    .me-xs-0 {
        margin-right: 0!important
    }

    .me-xs-1 {
        margin-right: .25rem!important
    }

    .me-xs-2 {
        margin-right: .5rem!important
    }

    .me-xs-3 {
        margin-right: 1rem!important
    }

    .me-xs-4 {
        margin-right: 1.5rem!important
    }

    .me-xs-5 {
        margin-right: 3rem!important
    }

    .me-xs-auto {
        margin-right: auto!important
    }

    .mb-xs-0 {
        margin-bottom: 0!important
    }

    .mb-xs-1 {
        margin-bottom: .25rem!important
    }

    .mb-xs-2 {
        margin-bottom: .5rem!important
    }

    .mb-xs-3 {
        margin-bottom: 1rem!important
    }

    .mb-xs-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xs-5 {
        margin-bottom: 3rem!important
    }

    .mb-xs-auto {
        margin-bottom: auto!important
    }

    .ms-xs-0 {
        margin-left: 0!important
    }

    .ms-xs-1 {
        margin-left: .25rem!important
    }

    .ms-xs-2 {
        margin-left: .5rem!important
    }

    .ms-xs-3 {
        margin-left: 1rem!important
    }

    .ms-xs-4 {
        margin-left: 1.5rem!important
    }

    .ms-xs-5 {
        margin-left: 3rem!important
    }

    .ms-xs-auto {
        margin-left: auto!important
    }

    .p-xs-0 {
        padding: 0!important
    }

    .p-xs-1 {
        padding: .25rem!important
    }

    .p-xs-2 {
        padding: .5rem!important
    }

    .p-xs-3 {
        padding: 1rem!important
    }

    .p-xs-4 {
        padding: 1.5rem!important
    }

    .p-xs-5 {
        padding: 3rem!important
    }

    .px-xs-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-xs-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-xs-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-xs-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-xs-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-xs-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-xs-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-xs-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-xs-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-xs-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-xs-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-xs-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-xs-0 {
        padding-top: 0!important
    }

    .pt-xs-1 {
        padding-top: .25rem!important
    }

    .pt-xs-2 {
        padding-top: .5rem!important
    }

    .pt-xs-3 {
        padding-top: 1rem!important
    }

    .pt-xs-4 {
        padding-top: 1.5rem!important
    }

    .pt-xs-5 {
        padding-top: 3rem!important
    }

    .pe-xs-0 {
        padding-right: 0!important
    }

    .pe-xs-1 {
        padding-right: .25rem!important
    }

    .pe-xs-2 {
        padding-right: .5rem!important
    }

    .pe-xs-3 {
        padding-right: 1rem!important
    }

    .pe-xs-4 {
        padding-right: 1.5rem!important
    }

    .pe-xs-5 {
        padding-right: 3rem!important
    }

    .pb-xs-0 {
        padding-bottom: 0!important
    }

    .pb-xs-1 {
        padding-bottom: .25rem!important
    }

    .pb-xs-2 {
        padding-bottom: .5rem!important
    }

    .pb-xs-3 {
        padding-bottom: 1rem!important
    }

    .pb-xs-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xs-5 {
        padding-bottom: 3rem!important
    }

    .ps-xs-0 {
        padding-left: 0!important
    }

    .ps-xs-1 {
        padding-left: .25rem!important
    }

    .ps-xs-2 {
        padding-left: .5rem!important
    }

    .ps-xs-3 {
        padding-left: 1rem!important
    }

    .ps-xs-4 {
        padding-left: 1.5rem!important
    }

    .ps-xs-5 {
        padding-left: 3rem!important
    }

    .gap-xs-0 {
        gap: 0!important
    }

    .gap-xs-1 {
        gap: .25rem!important
    }

    .gap-xs-2 {
        gap: .5rem!important
    }

    .gap-xs-3 {
        gap: 1rem!important
    }

    .gap-xs-4 {
        gap: 1.5rem!important
    }

    .gap-xs-5 {
        gap: 3rem!important
    }

    .row-gap-xs-0 {
        row-gap: 0!important
    }

    .row-gap-xs-1 {
        row-gap: .25rem!important
    }

    .row-gap-xs-2 {
        row-gap: .5rem!important
    }

    .row-gap-xs-3 {
        row-gap: 1rem!important
    }

    .row-gap-xs-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-xs-5 {
        row-gap: 3rem!important
    }

    .column-gap-xs-0 {
        -moz-column-gap: 0!important;
        column-gap: 0!important
    }

    .column-gap-xs-1 {
        -moz-column-gap: .25rem!important;
        column-gap: .25rem!important
    }

    .column-gap-xs-2 {
        -moz-column-gap: .5rem!important;
        column-gap: .5rem!important
    }

    .column-gap-xs-3 {
        -moz-column-gap: 1rem!important;
        column-gap: 1rem!important
    }

    .column-gap-xs-4 {
        -moz-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important
    }

    .column-gap-xs-5 {
        -moz-column-gap: 3rem!important;
        column-gap: 3rem!important
    }

    .text-xs-start {
        text-align: left!important
    }

    .text-xs-end {
        text-align: right!important
    }

    .text-xs-center {
        text-align: center!important
    }
}

@media(min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .object-fit-sm-contain {
        -o-object-fit: contain!important;
        object-fit: contain!important
    }

    .object-fit-sm-cover {
        -o-object-fit: cover!important;
        object-fit: cover!important
    }

    .object-fit-sm-fill {
        -o-object-fit: fill!important;
        object-fit: fill!important
    }

    .object-fit-sm-scale {
        -o-object-fit: scale-down!important;
        object-fit: scale-down!important
    }

    .object-fit-sm-none {
        -o-object-fit: none!important;
        object-fit: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-inline-grid {
        display: inline-grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

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

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-sm-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-sm-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-sm-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-sm-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-sm-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-sm-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-sm-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-sm-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-sm-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-sm-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-sm-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-sm-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-sm-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-sm-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-sm-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-sm-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-sm-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-sm-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-sm-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-sm-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-sm-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-sm-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-sm-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-sm-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .gap-sm-0 {
        gap: 0!important
    }

    .gap-sm-1 {
        gap: .25rem!important
    }

    .gap-sm-2 {
        gap: .5rem!important
    }

    .gap-sm-3 {
        gap: 1rem!important
    }

    .gap-sm-4 {
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        gap: 3rem!important
    }

    .row-gap-sm-0 {
        row-gap: 0!important
    }

    .row-gap-sm-1 {
        row-gap: .25rem!important
    }

    .row-gap-sm-2 {
        row-gap: .5rem!important
    }

    .row-gap-sm-3 {
        row-gap: 1rem!important
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-sm-5 {
        row-gap: 3rem!important
    }

    .column-gap-sm-0 {
        -moz-column-gap: 0!important;
        column-gap: 0!important
    }

    .column-gap-sm-1 {
        -moz-column-gap: .25rem!important;
        column-gap: .25rem!important
    }

    .column-gap-sm-2 {
        -moz-column-gap: .5rem!important;
        column-gap: .5rem!important
    }

    .column-gap-sm-3 {
        -moz-column-gap: 1rem!important;
        column-gap: 1rem!important
    }

    .column-gap-sm-4 {
        -moz-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important
    }

    .column-gap-sm-5 {
        -moz-column-gap: 3rem!important;
        column-gap: 3rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media(min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .object-fit-md-contain {
        -o-object-fit: contain!important;
        object-fit: contain!important
    }

    .object-fit-md-cover {
        -o-object-fit: cover!important;
        object-fit: cover!important
    }

    .object-fit-md-fill {
        -o-object-fit: fill!important;
        object-fit: fill!important
    }

    .object-fit-md-scale {
        -o-object-fit: scale-down!important;
        object-fit: scale-down!important
    }

    .object-fit-md-none {
        -o-object-fit: none!important;
        object-fit: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-inline-grid {
        display: inline-grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

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

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-md-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-md-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-md-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-md-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-md-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-md-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-md-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-md-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-md-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-md-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-md-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-md-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-md-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-md-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-md-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-md-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-md-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-md-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-md-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-md-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-md-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-md-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-md-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-md-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .gap-md-0 {
        gap: 0!important
    }

    .gap-md-1 {
        gap: .25rem!important
    }

    .gap-md-2 {
        gap: .5rem!important
    }

    .gap-md-3 {
        gap: 1rem!important
    }

    .gap-md-4 {
        gap: 1.5rem!important
    }

    .gap-md-5 {
        gap: 3rem!important
    }

    .row-gap-md-0 {
        row-gap: 0!important
    }

    .row-gap-md-1 {
        row-gap: .25rem!important
    }

    .row-gap-md-2 {
        row-gap: .5rem!important
    }

    .row-gap-md-3 {
        row-gap: 1rem!important
    }

    .row-gap-md-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-md-5 {
        row-gap: 3rem!important
    }

    .column-gap-md-0 {
        -moz-column-gap: 0!important;
        column-gap: 0!important
    }

    .column-gap-md-1 {
        -moz-column-gap: .25rem!important;
        column-gap: .25rem!important
    }

    .column-gap-md-2 {
        -moz-column-gap: .5rem!important;
        column-gap: .5rem!important
    }

    .column-gap-md-3 {
        -moz-column-gap: 1rem!important;
        column-gap: 1rem!important
    }

    .column-gap-md-4 {
        -moz-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important
    }

    .column-gap-md-5 {
        -moz-column-gap: 3rem!important;
        column-gap: 3rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media(min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .object-fit-lg-contain {
        -o-object-fit: contain!important;
        object-fit: contain!important
    }

    .object-fit-lg-cover {
        -o-object-fit: cover!important;
        object-fit: cover!important
    }

    .object-fit-lg-fill {
        -o-object-fit: fill!important;
        object-fit: fill!important
    }

    .object-fit-lg-scale {
        -o-object-fit: scale-down!important;
        object-fit: scale-down!important
    }

    .object-fit-lg-none {
        -o-object-fit: none!important;
        object-fit: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-inline-grid {
        display: inline-grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

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

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-lg-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-lg-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-lg-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-lg-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-lg-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-lg-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-lg-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-lg-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-lg-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-lg-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-lg-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-lg-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-lg-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-lg-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-lg-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-lg-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-lg-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-lg-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-lg-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-lg-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-lg-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-lg-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-lg-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-lg-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }

    .gap-lg-0 {
        gap: 0!important
    }

    .gap-lg-1 {
        gap: .25rem!important
    }

    .gap-lg-2 {
        gap: .5rem!important
    }

    .gap-lg-3 {
        gap: 1rem!important
    }

    .gap-lg-4 {
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        gap: 3rem!important
    }

    .row-gap-lg-0 {
        row-gap: 0!important
    }

    .row-gap-lg-1 {
        row-gap: .25rem!important
    }

    .row-gap-lg-2 {
        row-gap: .5rem!important
    }

    .row-gap-lg-3 {
        row-gap: 1rem!important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-lg-5 {
        row-gap: 3rem!important
    }

    .column-gap-lg-0 {
        -moz-column-gap: 0!important;
        column-gap: 0!important
    }

    .column-gap-lg-1 {
        -moz-column-gap: .25rem!important;
        column-gap: .25rem!important
    }

    .column-gap-lg-2 {
        -moz-column-gap: .5rem!important;
        column-gap: .5rem!important
    }

    .column-gap-lg-3 {
        -moz-column-gap: 1rem!important;
        column-gap: 1rem!important
    }

    .column-gap-lg-4 {
        -moz-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important
    }

    .column-gap-lg-5 {
        -moz-column-gap: 3rem!important;
        column-gap: 3rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media(min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .object-fit-xl-contain {
        -o-object-fit: contain!important;
        object-fit: contain!important
    }

    .object-fit-xl-cover {
        -o-object-fit: cover!important;
        object-fit: cover!important
    }

    .object-fit-xl-fill {
        -o-object-fit: fill!important;
        object-fit: fill!important
    }

    .object-fit-xl-scale {
        -o-object-fit: scale-down!important;
        object-fit: scale-down!important
    }

    .object-fit-xl-none {
        -o-object-fit: none!important;
        object-fit: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-inline-grid {
        display: inline-grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

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

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-xl-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-xl-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-xl-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-xl-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-xl-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-xl-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-xl-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-xl-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-xl-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-xl-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-xl-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-xl-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-xl-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-xl-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-xl-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-xl-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-xl-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-xl-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-xl-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-xl-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-xl-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-xl-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-xl-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-xl-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }

    .gap-xl-0 {
        gap: 0!important
    }

    .gap-xl-1 {
        gap: .25rem!important
    }

    .gap-xl-2 {
        gap: .5rem!important
    }

    .gap-xl-3 {
        gap: 1rem!important
    }

    .gap-xl-4 {
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        gap: 3rem!important
    }

    .row-gap-xl-0 {
        row-gap: 0!important
    }

    .row-gap-xl-1 {
        row-gap: .25rem!important
    }

    .row-gap-xl-2 {
        row-gap: .5rem!important
    }

    .row-gap-xl-3 {
        row-gap: 1rem!important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-xl-5 {
        row-gap: 3rem!important
    }

    .column-gap-xl-0 {
        -moz-column-gap: 0!important;
        column-gap: 0!important
    }

    .column-gap-xl-1 {
        -moz-column-gap: .25rem!important;
        column-gap: .25rem!important
    }

    .column-gap-xl-2 {
        -moz-column-gap: .5rem!important;
        column-gap: .5rem!important
    }

    .column-gap-xl-3 {
        -moz-column-gap: 1rem!important;
        column-gap: 1rem!important
    }

    .column-gap-xl-4 {
        -moz-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important
    }

    .column-gap-xl-5 {
        -moz-column-gap: 3rem!important;
        column-gap: 3rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media(min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .object-fit-xxl-contain {
        -o-object-fit: contain!important;
        object-fit: contain!important
    }

    .object-fit-xxl-cover {
        -o-object-fit: cover!important;
        object-fit: cover!important
    }

    .object-fit-xxl-fill {
        -o-object-fit: fill!important;
        object-fit: fill!important
    }

    .object-fit-xxl-scale {
        -o-object-fit: scale-down!important;
        object-fit: scale-down!important
    }

    .object-fit-xxl-none {
        -o-object-fit: none!important;
        object-fit: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-inline-grid {
        display: inline-grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

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

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-xxl-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-xxl-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-xxl-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-xxl-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-xxl-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-xxl-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-xxl-1 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-xxl-2 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-xxl-3 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-xxl-4 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-xxl-5 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-xxl-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-xxl-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-xxl-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-xxl-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-xxl-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-xxl-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .py-xxl-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-xxl-1 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-xxl-2 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-xxl-3 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-xxl-4 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-xxl-5 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .gap-xxl-0 {
        gap: 0!important
    }

    .gap-xxl-1 {
        gap: .25rem!important
    }

    .gap-xxl-2 {
        gap: .5rem!important
    }

    .gap-xxl-3 {
        gap: 1rem!important
    }

    .gap-xxl-4 {
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        gap: 3rem!important
    }

    .row-gap-xxl-0 {
        row-gap: 0!important
    }

    .row-gap-xxl-1 {
        row-gap: .25rem!important
    }

    .row-gap-xxl-2 {
        row-gap: .5rem!important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem!important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-xxl-5 {
        row-gap: 3rem!important
    }

    .column-gap-xxl-0 {
        -moz-column-gap: 0!important;
        column-gap: 0!important
    }

    .column-gap-xxl-1 {
        -moz-column-gap: .25rem!important;
        column-gap: .25rem!important
    }

    .column-gap-xxl-2 {
        -moz-column-gap: .5rem!important;
        column-gap: .5rem!important
    }

    .column-gap-xxl-3 {
        -moz-column-gap: 1rem!important;
        column-gap: 1rem!important
    }

    .column-gap-xxl-4 {
        -moz-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important
    }

    .column-gap-xxl-5 {
        -moz-column-gap: 3rem!important;
        column-gap: 3rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media(min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem!important
    }

    .fs-2 {
        font-size: 2rem!important
    }

    .fs-3 {
        font-size: 1.75rem!important
    }

    .fs-4 {
        font-size: 1.5rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-inline-grid {
        display: inline-grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

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

@font-face {
    font-display: swap;
    font-family: Material Icons;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular-2d8017489da689caedc1.woff2) format("woff2"),url(../fonts/MaterialIcons-Regular-08cefa1bc6566a650da7.woff) format("woff")
}

.material-icons {
    display: inline-block;
    font-family: Material Icons,Arial,sans-serif;
    font-feature-settings: "liga";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    height: 1em;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    width: 1em;
    word-wrap: normal;
    direction: ltr;
    vertical-align: middle;
    /*! /* @noflip */
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale
}

body,html {
    min-height: 100%
}

body {
    color: var(--bs-body-color);
    direction: ltr;
    font-family: Sarabun,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

ul {
    list-style: none;
    padding-left: 0
}

a:not(.alert-link) {
    text-decoration: none
}

a:not(.alert-link),a:not(.alert-link) .material-icons {
    transition: .25s ease-out
}

.custom-checkbox input[type=checkbox]+span.color,.variant-links .color,label .color {
    background-size: contain;
    border: 1px solid #ced4da;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 1.5rem;
    margin: .3125rem .5rem .3125rem 0;
    transition: .25s ease-out;
    width: 1.5rem
}

.custom-checkbox input[type=checkbox]+span.color.color-sm,.variant-links .color.color-sm,label .color.color-sm {
    height: 1rem;
    width: 1rem
}

.custom-checkbox input[type=checkbox]+span.color.active,.custom-checkbox input[type=checkbox]+span.color:hover,.variant-links .color.active,.variant-links .color:hover,label .color.active,label .color:hover {
    border: 2px solid #AE2674
}

.input-color {
    display: none
}

.bright {
    color: var(--bs-gray-100)
}

.dark {
    color: var(--bs-gray-800)
}

.inline-items {
    display: flex;
    flex-wrap: nowrap
}

@media(min-width: 576px) {
    .container--limited-sm {
        max-width:540px
    }

    .w-sm-auto {
        width: auto!important
    }

    .w-sm-100 {
        width: 100%!important
    }
}

@media(min-width: 768px) {
    .container--limited-md {
        max-width:720px
    }

    .w-md-auto {
        width: auto!important
    }

    .w-md-100 {
        width: 100%!important
    }
}

@media(min-width: 992px) {
    .container--limited-lg {
        max-width:960px
    }

    .w-lg-auto {
        width: auto!important
    }

    .w-lg-100 {
        width: 100%!important
    }
}

@media(min-width: 1200px) {
    .container--limited-xl {
        max-width:1140px
    }

    .w-xl-auto {
        width: auto!important
    }

    .w-xl-100 {
        width: 100%!important
    }
}

@media(min-width: 1400px) {
    .container--limited-xxl {
        max-width:1320px
    }

    .w-xxl-auto {
        width: auto!important
    }

    .w-xxl-100 {
        width: 100%!important
    }
}

.text-gray {
    color: var(--bs-gray-700)
}

.btn-with-icon {
    align-items: center;
    display: inline-flex;
    gap: .25rem;
    justify-content: center
}

.btn-with-icon .material-icons {
    font-size: 1.5rem
}

.btn-group-sm>.btn-with-icon.btn,.btn-with-icon.btn-sm {
    gap: .125rem
}

.btn-group-sm>.btn-with-icon.btn .material-icons,.btn-with-icon.btn-sm .material-icons {
    font-size: 1.25rem
}

.btn-group-lg>.btn-with-icon.btn,.btn-with-icon.btn-lg {
    gap: .375rem
}

.btn-group-lg>.btn-with-icon.btn .material-icons,.btn-with-icon.btn-lg .material-icons {
    font-size: 1.875rem
}

.btn-unstyle {
    background-color: transparent;
    border: none;
    padding: 0;
    text-align: inherit
}

.btn-unstyle:focus {
    outline: 0
}

.btn-unstyle:focus .expand-more {
    color: var(--bs-primary)
}

.password-field .btn i {
    pointer-events: none
}

.carousel .caption-description p {
    color: var(--bs-white)
}

.breadcrumb {
    font-size: .875rem;
    padding: .75rem 0
}

.breadcrumb a {
    color: var(--bs-gray-800)
}

.breadcrumb[data-depth="1"] {
    display: none
}

.breadcrumb__wrapper {
    margin-bottom: 5px;
    color: var(--New-folder-text-color, #000);
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

@media(max-width: 767.98px) {
    .breadcrumb__wrapper {
        margin-bottom:1rem
    }
}

.page-order .breadcrumb__wrapper {
    margin-bottom: 0
}

@media(max-width: 767.98px) {
    .page-order .breadcrumb__wrapper {
        margin-bottom:0
    }

    .page-product .breadcrumb-item:last-child {
        display: none
    }
}

.product-miniature .card {
    height: 100%
}

.product-miniature .product-miniature__infos {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 0;
    position: relative;
    z-index: 90
}

.product-miniature .product-miniature__infos__bottom,.product-miniature .product-miniature__infos__top {
     padding: 0px;
}

.product-miniature .product-miniature__infos__top {

    padding-top: .5rem
}


.modal-footer .btn-outline-primary:hover {
    background: rgb(119 111 136 / .83);
    color: #fff;
    border-color: rgb(119 111 136 / .83);
}

.modal-footer .btn.btn-primary:hover  {
    background: #fff;
    color: #AE2674;
    border: 2px solid #AE2674;
}

@media(max-width: 767px) {
    .product-miniature .product-miniature__infos__bottom .quantity-button input {
        max-width:unset
    }
}

.product-miniature .product-miniature__title {
    margin: 0
}

.product-miniature .product-miniature__image {
    height: auto
}

.product-miniature .product-miniature__quickview {
    display: flex;
    margin: auto
}

.product-miniature .product-miniature__price {
    text-decoration: line-through
}

.product-miniature .product-miniature__prices {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #000;
    margin-top: 10px;
    padding-top: 10px;
}

.product-miniature .product-flags {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    padding: .25rem;
    position: absolute;
    top: 0;
    z-index: 1
}
#product .product-flags {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    left: 0;
}

.badge {
    background-color: var(--bs-primary);
    margin: .25rem
}

.wishlist-button-add i {
    color: #7c0e0e00 !important;
    width: 60px;
    height: 60px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px;
    background-image: url(https://dev.strefamebli.live/img/serce_w.svg);
    z-index: 99999999;
    position: absolute;
    bottom: 0px;
}
.wishlist-button-add:hover {
    opacity: 1!important;
}

.wishlist-button-add {
    box-shadow: none!important;
    border: none!important;
    color: transparent;
}

@media(max-width: 767.98px) {
    .badge {
        font-size:.75rem;
        padding: .25rem
    }
}


.badge.discount {
    color: var(--price-color, #AE2674);
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    border-radius: 47px;
    border: 2px solid var(--price-color, #AE2674);
    background: #FFF;
    display: flex;
    width: 42px;
    height: 42px;
    justify-content: center;
    align-items: center;
	order: 2;
}
.badge.new{
    color: var(--Color, #0FB1BC);
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    display: flex;
    width: 42px;
    height: 42px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 46px;
    border: 2px solid var(--Color, #0FB1BC);
    background: #FFF;
    padding: 2px;
	order: 1;
}
.info_omni {
    margin-left: 10px;
}
.pagination {
    margin-bottom: 0
}

.pagination .page-link i {
    font-size: 1.25rem;
    height: auto;
    width: auto
}

.pagination-container {
    align-items: center;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.rich-text {
    line-height: 1.5
}

.rich-text .h1,.rich-text .h2,.rich-text .h3,.rich-text .h4,.rich-text .h5,.rich-text .h6,.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4,.rich-text h5,.rich-text h6 {
    color: var(--bs-gray-800);
    font-weight: 700
}

.rich-text .h1,.rich-text h1 {
    font-size: 2.5rem
}

.rich-text .h2,.rich-text h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
    margin-top: 2rem
}

.rich-text .h3,.rich-text h3 {
    font-size: 1.75rem;
    margin-bottom: .75rem;
    margin-top: 1.75rem
}

.rich-text .h4,.rich-text h4 {
    font-size: 1.5rem;
    margin-bottom: .5rem;
    margin-top: 1.5rem
}

.rich-text .h5,.rich-text h5 {
    font-size: 1.25rem;
    margin-bottom: .25rem;
    margin-top: 1.25rem
}

.rich-text .h6,.rich-text h6 {
    font-size: 1rem;
    margin-bottom: 0;
    margin-top: 1rem
}

.rich-text>.h1:first-child,.rich-text>.h2:first-child,.rich-text>.h3:first-child,.rich-text>.h4:first-child,.rich-text>.h5:first-child,.rich-text>.h6:first-child,.rich-text>h1:first-child,.rich-text>h2:first-child,.rich-text>h3:first-child,.rich-text>h4:first-child,.rich-text>h5:first-child,.rich-text>h6:first-child {
    margin-top: 0
}

.rich-text p,.rich-text ul {
    font-size: 1rem
}

.rich-text ul {
    list-style: disc;
    padding-left: 0px
}

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

.quantity-button input {
    max-width: 40px;
    padding: 0px;
    color: var(--New-folder-text-color, #000);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.4px;
    height: 44px;
}

.quantity-button button {
    border: 1px solid #ced4da;
    padding: 0;
    width: 2.375rem
}

.quantity-button button.increment .confirmation {
    color: var(--bs-success)
}

.quantity-button button.decrement .confirmation {
    color: var(--bs-danger)
}

.quantity-button button:hover {
    opacity: .6
}

.quantity-button button:focus {
    box-shadow: none
}

.quantity-button button:disabled {
    opacity: 1
}

.quantity-button button .material-icons {
    font-size: 1.25rem;
    pointer-events: none
}

.quantity-button button .spinner-border {
    border-width: .125rem
}

@keyframes from-left {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes from-right {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

.main-menu__mobile {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

.main-menu__mobile .menu {
    display: none;
    left: 100%;
    max-width: 25rem;
    padding: .5rem;
    position: relative;
    transition: .25s ease-out;
    width: 100%
}

.main-menu__mobile .menu a,.main-menu__mobile .menu li:not(.h5) {
    color: var(--bs-gray-700)
}

.main-menu__mobile .menu a {
    display: block;
    padding: .5rem
}

.main-menu__mobile .menu .menu--current,.main-menu__mobile .menu.menu--current {
    display: block;
    left: 0
}

.main-menu__mobile .menu .menu--fromLeft,.main-menu__mobile .menu.menu--fromLeft {
    animation: from-left .25s
}

.main-menu__mobile .menu .menu--fromRight,.main-menu__mobile .menu.menu--fromRight {
    animation: from-right .25s
}

.main-menu__mobile .menu .menu--parent,.main-menu__mobile .menu.menu--parent {
    display: none;
    left: -100%;
    opacity: 0
}

.main-menu__mobile .menu--childrens {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.main-menu__title {
    color: var(--bs-gray-800);
    font-size: 1.25rem;
    padding: 0 .5rem
}

.main-menu__offcanvas {
    overflow: hidden
}

.main-menu__offcanvas .contact-link {
    display: block;
    margin-bottom: 1rem
}

.main-menu__additionnals {
    flex-shrink: 0;
    padding-bottom: 0
}

.main-menu__tree {
    margin-bottom: 0
}

.main-menu__back-button .btn,.main-menu__tree {
    align-items: center;
    display: flex
}

.main-menu__back-button .btn .material-icons {
    margin-right: .5rem
}

.main-menu__toggle-child {
    padding: .5rem
}

.search-result {
    margin: .5rem 0
}

.search-result__product {
    margin: .25rem 0
}

.search-result__link {
    align-items: center;
    border-radius: 8px;
    display: flex;
    padding: .25rem .5rem
}

.search-result__link:hover {
    background: var(--bs-gray-100)
}

.search-result__name {
    color: var(--bs-gray-800);
    font-size: 1rem;
    margin-bottom: 0;
    margin-left: 1rem
}

.search-result__image {
    border-radius: 8px;
    height: auto;
    max-width: 4rem
}

.search__offcanvas {
    border-bottom: 0;
    bottom: inherit;
    height: auto
}

.search__offcanvas #search_widget {
    margin-bottom: 0
}

.search__offcanvas .offcanvas-header {
    padding: .375rem 1rem
}

.search__offcanvas .offcanvas-header .btn-close {
    background: none;
    color: var(--bs-gray-700);
    height: auto;
    margin: 0;
    width: auto
}

.search__container {
    width: calc(100% - .5rem)
}

.search-widgets {
    overflow: visible!important;
    position: relative
}

@media(max-width: 767.98px) {
    .search-widgets {
        max-width:inherit
    }
}

.search-widgets__dropdown {
    background: var(--bs-white);
    border: 1px solid #ced4da;
    border-radius: var(--bs-border-radius-sm);
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    max-width: 30rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 1rem);
    width: 100vw
}

@media(max-width: 767.98px) {
    .search-widgets__dropdown {
        border-radius:0 0 8px 8px;
        left: -1rem;
        max-width: inherit;
        right: inherit;
        top: calc(100% + .25rem)
    }
}

.search-widgets__results {
    margin: 0;
    max-height: 20rem;
    overflow-y: scroll;
    padding: .5rem 1.5rem .5rem .5rem
}

.header__bottom #search_widget,.search__offcanvas #search_widget {
    min-width: 20rem;
    overflow: visible
}

@media(max-width: 767.98px) {
    .header__bottom #search_widget,.search__offcanvas #search_widget {
        min-width:inherit
    }
}

.header__bottom #search_widget input,.search__offcanvas #search_widget input {
    background: var(--bs-gray-100);
    border-radius: 100rem;
    height: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 3.5rem
}

.header__bottom #search_widget input:focus,.search__offcanvas #search_widget input:focus {
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    outline: 0
}

@media(max-width: 767.98px) {
    .header__bottom #search_widget input,.search__offcanvas #search_widget input {
        font-size:.9rem
    }
}

.header__bottom #search_widget .search,.search__offcanvas #search_widget .search {
    color: var(--bs-gray-700);
    right: 1.5rem
}

.header__bottom #search_widget .clear,.search__offcanvas #search_widget .clear {
    color: var(--bs-gray-700);
    right: 3.5rem
}

.page-loader {
    --page-loader-background: hsla(0,0%,100%,.6);
    align-items: center;
    background: var(--page-loader-background);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.toast-container {
    z-index: 1030
}

.toast-container .toast .btn-close:focus {
    box-shadow: none
}

.alert ol:last-of-type,.alert p:last-of-type,.alert ul:last-of-type {
    margin-bottom: 0
}

.checkout__steps {
    border-bottom: 1px solid rgba(119, 111, 136, 0.83);
    border-top: 1px solid rgba(119, 111, 136, 0.83);
    border-width: 0px 0px 1px 0px;
}
.checkout__steps-block {
    padding: 0px 0px !important;
}

.checkout__steps__number {
    align-items: center;
    background: rgba(119, 111, 136, 0.83);
    border-radius: 100%;
    display: flex;
    height: 1.5rem;
    justify-content: center;
    margin: auto;
    position: relative;
    width: 1.5rem;
    z-index: 1;
    color: #FFF;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
}

.checkout__steps__item {
    position: relative
}



.checkout__steps__item:before {
    left: 0
}

.checkout__steps__item:after {
    right: 0
}

.checkout__steps__item:first-of-type:before,.checkout__steps__item:last-of-type:after {
    display: none
}

.checkout__steps__text {
    color: var(--bs-gray-300)
}

.checkout__steps--current .checkout__steps__number {
    background: #AE2674;
}

.checkout__steps--current .checkout__steps__text {
    color: var(--bs-gray-900)
}

.checkout__steps--current:before {
    background: var(--bs-success)
}


.checkout__steps--success .checkout__steps__number {
	    background: #FFFBFB;
    border: 2px solid rgba(119, 111, 136, 0.83);
    color: rgba(119, 111, 136, 0.83);
}

.checkout__steps--success .checkout__steps__text {
  color: rgba(119, 111, 136, 0.83);
}

.checkout__steps--success:after,.checkout__steps--success:before {
    background: var(--bs-success)
}

.checkout__steps__list {
    margin: auto;
    max-width: 65rem;
    width: 100%;
    justify-content: space-around;
}

.checkout__steps__mobile {
    width: 100%
}

.checkout__steps .nav-tabs .checkout__steps--success .nav-link.active {
    color: #AE2674;
}
.back_btn_checkaut {
    position: absolute;
    margin-top: 45px;
    margin-left: -25px;
}

.back_btn_checkaut:hover {
    background: var(--button-opcja-hover, rgba(119, 111, 136, 0.83))!important;
    border-color: var(--button-opcja-hover, rgba(119, 111, 136, 0.83))!important;
    color: #fff!important;
}





.width_100 {
    width: 100%;
}
.back_btn_checkaut {
    color: var(--button-opcja-hover, rgba(119, 111, 136, 0.83));
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    border: 2px solid var(--button-opcja-hover, rgba(119, 111, 136, 0.83));
    display: inline-flex;
    height: 40px;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.back_btn_checkaut {
    color: var(--button-opcja-hover, rgba(119, 111, 136, 0.83));
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    border: 2px solid var(--button-opcja-hover, rgba(119, 111, 136, 0.83));
    display: inline-flex;
    height: 40px;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}


.checkout__steps .nav-tabs .checkout__steps--current .nav-link.active {
    color: #AE2674;
}

.carrier__extra-content-wrapper {
    overflow: hidden;
    transition: max-height .5s ease-in-out
}

.progress-ring__circle {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    transition: stroke-dashoffset .35s
}

.progress-ring__background-circle {
    stroke: var(--bs-gray-200);
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.product-customization-modal__line:not(:last-child) {
    margin-bottom: 1rem
}

@media(min-width: 768px)and (max-width:991.98px) {
    .quickview .modal-dialog {
        max-width:750px
    }
}

@media(min-width: 576px)and (max-width:767.98px) {
    .quickview .modal-dialog {
        margin:1.75rem;
        max-width: 100%
    }
}

.featured-products .featured-products-footer {
    padding-bottom: 2.5rem;
    padding-top: 1rem
}

#custom-text {
    padding: 2.5rem 1rem 0
}

.search-filters .search-filters-subtitle {
    width: auto!important
}

.search-filters .noUi-horizontal {
    margin-bottom: 1rem
}

.search-filters .noUi-horizontal .noUi-handle {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.search-filters .js-faceted-values {
    color: var(--bs-gray-600);
    font-size: .875rem
}

.search-filters .facet-dropdown {
    cursor: pointer
}

@media(min-width: 576px) {
    .blockcart-modal .modal-dialog {
        max-width:550px
    }
}

@media(min-width: 768px) {
    .blockcart-modal .modal-dialog {
        max-width:750px
    }
}

@media(min-width: 992px) {
    .blockcart-modal .modal-dialog {
        max-width:850px
    }
}

.blockcart-modal .modal-title {
    align-items: stretch;
    display: inline-flex;
    color: var(--price-color, #AE2674);
    font-family: Playfair;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}
.blockcart-modal .modal-title i {
    color: inherit;
    font-size: 1.25rem;
    line-height: 1.25
}



.blockcart-modal__total {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem
}

.blockcart-modal__summery .product-tax,.blockcart-modal__summery .product-total {
    font-weight: 700
}

.blockcart-modal__product img {
    border-radius: 8px
}

@media(max-width: 575.98px) {
    .blockcart-modal__product img {
        margin-bottom:1rem
    }
}

@media(max-width: 767.98px) {
    .blockcart-modal__product {
        border-bottom:1px dotted rgba(0,0,0,.2);
        margin-bottom: 1rem;
        padding-bottom: 1rem
    }

    .user-info .dropdown-toggle:after {
        display: none
    }
}

.user-info button {
    align-items: center;
    color: var(--bs-gray-800);
    display: flex;
    text-decoration: none
}

@media(max-width: 767.98px) {
    .user-info button {
        padding:.5rem .375rem
    }
}

.user-info button:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    border: none;
    height: .75rem;
    margin-left: .75rem;
    width: .75rem
}

.noUi-target,.noUi-target * {
    box-sizing: border-box;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: none
}

.noUi-base,.noUi-connects {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.noUi-connects {
    border-radius: 8px;
    overflow: hidden;
    z-index: 0
}

.noUi-connect,.noUi-origin {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 0 0;
    transform-style: preserve-3d;
    transform-style: flat;
    width: 100%;
    will-change: transform;
    z-index: 1
}

.noUi-connect {
    background: var(--bs-gray-700);
    height: 100%;
    width: 100%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi .noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
	background: #F6F6F6;
    border-radius: 100%;
}

.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin {
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.noUi-horizontal {
    height: 1px;
    margin: 12px
}

.noUi-horizontal .noUi-handle {
    height: 24px;
    right: -12px;
    top: -12px;
    /*!/* @noflip */
    width: 24px
}

.noUi-vertical {
    margin: 12px 0;
    width: 4px
}

.noUi-vertical .noUi-handle {
    height: 24px;
    right: -10px;
    top: -12px;
    width: 24px
}

.noUi-target {
    background: var(--bs-gray-200);
    border: 0 solid var(--bs-gray-300);
    border-radius: 8px;
    position: relative
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    backface-visibility: hidden;
    background: var(--bs-white);
    border: 1px solid var(--bs-gray-800);
    border-radius: 50%;
    cursor: default;
    outline: none;
    position: absolute
}

.noUi-active {
    background: var(--bs-primary)
}

[disabled] .noUi-connect {
    background: var(--bs-gray-200)
}

[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target {
    cursor: not-allowed
}

.noui-pips,.noui-pips * {
    box-sizing: border-box
}

.noui-pips {
    color: #999;
    position: absolute
}

.noui-value {
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noui-value-sub {
    color: #ccc;
    font-size: 10px
}

.noui-marker {
    background: #ccc;
    position: absolute
}

.noui-marker-large,.noui-marker-sub {
    background: #aaa
}

.noui-pips-horizontal {
    height: 80px;
    left: 0;
    padding: 10px 0;
    top: 100%;
    width: 100%
}

.noui-value-horizontal {
    transform: translate(-50%,50%)
}

.noui-value-horizontal-rtl .noui-value-horizontal {
    transform: translate(50%,50%)
}

.noui-marker-horizontal.noui-marker {
    height: 5px;
    margin-left: -1px;
    width: 2px
}

.noui-marker-horizontal.noui-marker-sub {
    height: 10px
}

.noui-marker-horizontal.noui-marker-large {
    height: 15px
}

.noui-pips-vertical {
    height: 100%;
    left: 100%;
    padding: 0 10px;
    top: 0
}

.noui-value-vertical {
    padding-left: 25px;
    transform: translateY(-50%)
}

.noui-value-vertical-rtl .noui-value-vertical {
    transform: translateY(50%)
}

.noui-marker-vertical.noui-marker {
    height: 2px;
    margin-top: -1px;
    width: 5px
}

.noui-marker-vertical.noui-marker-sub {
    width: 10px
}

.noui-marker-vertical.noui-marker-large {
    width: 15px
}

.noui-tooltip {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    color: #212529;
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding: 1px 5px;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noui-horizontal .noui-tooltip {
    bottom: 120%;
    left: 50%;
    transform: translate(-50%)
}

.noui-vertical .noui-tooltip {
    right: 120%;
    top: 50%;
    transform: translateY(-50%)
}

.noui-horizontal .noui-origin>.noui-tooltip {
    bottom: 10px;
    left: auto;
    transform: translate(50%)
}

.noui-vertical .noui-origin>.noui-tooltip {
    right: 28px;
    top: auto;
    transform: translateY(-18px)
}

.comments-note .grade-stars,.product-list-reviews .grade-stars,.product-quickview-review .grade-stars {
    align-items: stretch;
    display: flex;
    height: 28px
}

.comments-note .grade-stars.small-stars,.product-list-reviews .grade-stars.small-stars,.product-quickview-review .grade-stars.small-stars {
    height: 20px
}

.comments-note .grade-stars .star-content,.product-list-reviews .grade-stars .star-content,.product-quickview-review .grade-stars .star-content {
    margin: 0
}

.comments-note .average-grade,.comments-note .comments-nb,.comments-note .comments-number,.product-list-reviews .average-grade,.product-list-reviews .comments-nb,.product-list-reviews .comments-number,.product-quickview-review .average-grade,.product-quickview-review .comments-nb,.product-quickview-review .comments-number {
    align-self: center;
    color: var(--bs-gray-600);
    margin-left: .25rem
}

.star-content div.star,.star-content div.star-hover,.star-content div.star-on {
    background-image: url(../img-dist/ebbe53f758171816c2d4.png)!important
}

.small-stars .star-content div.star,.small-stars .star-content div.star-hover,.small-stars .star-content div.star-on {
    background-image: url(../img-dist/f04f6b103c75e5e5920a.png)!important
}

.modal.product-comment-modal {
    --bs-modal-padding: 1.5rem;
    --bs-modal-header-padding: 1.5rem
}

.modal.product-comment-modal .modal-dialog {
    width: auto
}

.modal.product-comment-modal .modal-header {
    padding: var(--bs-modal-header-padding);
    padding-bottom: calc(var(--bs-modal-header-padding)*.5)
}

.modal.product-comment-modal .modal-header .material-icons {
    color: var(--bs-primary);
    font-size: 1.5rem;
    line-height: 1
}

.modal.product-comment-modal .modal-header .material-icons.check {
    color: var(--bs-success)
}

.modal.product-comment-modal .modal-header .material-icons.error {
    color: var(--bs-danger)
}

.modal.product-comment-modal .modal-header .material-icons.feedback {
    color: var(--bs-warning)
}

.modal.product-comment-modal .modal-body {
    padding: var(--bs-modal-padding);
    padding-block:calc(var(--bs-modal-header-padding)*.5)}

.modal.product-comment-modal .modal-footer {
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5)
}

.comments-note {
    align-items: center;
    display: flex
}

.product-miniature:not(.reviews-loaded) .product-list-reviews {
    min-height: 2.5rem
}

.product-miniature .product-list-reviews {
    display: flex;
    inset: auto;
    justify-content: start;
    padding: .5rem 0 1rem;
    position: static
}

.product-miniature .product-list-reviews .comments-nb {
    margin: 0
}

.product-quickview-review {
    align-items: center;
    inset: auto;
    justify-content: start;
    padding: 0 0 1rem;
    position: static
}

.product-quickview-review .grade-stars {
    height: 20px
}

.page-product .product-comments-additional-info {
    align-items: center;
    display: flex;
    flex: 0 0 0;
    gap: 1rem;
    margin: 1rem 0 0
}

.page-product .product-comments-additional-info .comments-note {
    margin: 0
}

.page-product .product-comments-additional-info .additional-links {
    align-items: center;
    display: flex;
    gap: 1rem;
    width: 100%
}

.page-product .product-comments-additional-info .additional-links .link-comment {
    align-items: center;
    border: none;
    display: flex;
    gap: .25rem;
    margin-inline:0;padding-inline:0}

.page-product .product-comments-additional-info .additional-links .link-comment:hover {
    text-decoration: none
}

.page-product .product-comments-additional-info .additional-links .link-comment:hover .material-icons {
    color: var(--bs-body-color)
}

.page-product .product-comments-additional-info .additional-links .link-comment .material-icons {
    color: var(--bs-gray-600);
    font-size: 1.25rem
}

.page-product #product-comments-list-header {
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: normal;
    margin: 0 0 1rem;
    padding: 1rem 0 0
}

.page-product #product-comments-list-header .section-title {
    margin-block:0}

.page-product #product-comments-list-header .comments-nb {
    font-size: 1.25rem;
    font-weight: 600;
    padding: 0
}

.page-product #empty-product-comment {
    text-align: left
}

.page-product .product-comment-list-item {
    background-color: transparent;
    margin: 0;
    padding: 0
}

.page-product #product-comments-list-footer {
    min-height: auto
}

.page-product #product-comments-list-pagination {
    height: auto;
    inset: initial;
    position: static
}

.page-product #product-comments-list-pagination .pagination {
    align-items: center;
    flex-wrap: wrap;
    gap: .25rem;
    margin: 1.5rem 0
}

.page-product #product-comments-list-pagination .pagination-container {
    align-items: center;
    margin-block:1rem}

.page-product #product-comments-list-pagination .pagination-number {
    color: var(--bs-gray-600)
}

.page-product #product-comments-list-pagination .pagination .page-item.active {
    font-weight: 600
}

.page-product #product-comments-list-pagination .pagination .page-item.active .page-link {
    background-color: transparent;
    color: var(--bs-primary);
    font-weight: 600
}

.page-product #product-comments-list-pagination .pagination .page-item.disabled .page-link {
    color: var(--bs-gray-600);
    opacity: .65
}

.page-product #product-comments-list-pagination .pagination .page-link {
    border-color: transparent;
    color: var(--bs-body-color);
    padding: .25rem .5rem
}

.page-product #product-comments-list-pagination .pagination .page-link:hover {
    background-color: transparent
}

.page-product #product-comments-list-pagination .pagination .page-link i {
    font-size: 1.25rem;
    height: auto;
    line-height: 1.5rem;
    width: auto
}

.page-product #product-comments-list-pagination .pagination .page-link.next,.page-product #product-comments-list-pagination .pagination .page-link.previous {
    color: var(--bs-body-color)
}

.page-product #product-comments-list-pagination .pagination .page-link.next:hover,.page-product #product-comments-list-pagination .pagination .page-link.previous:hover {
    color: var(--bs-primary)
}

.page-product #product-comments-list-pagination .pagination .page-link.disabled {
    opacity: 1
}

@media(min-width: 360px) {
    .page-product #product-comments-list-pagination .pagination {
        gap:.5rem
    }
}

.page-product #post-product-comment-modal .product__cover,.page-product #post-product-comment-modal .product__cover img {
    height: auto;
    width: auto
}

.page-product #post-product-comment-modal .product__title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .5rem
}

.page-product #post-product-comment-modal #criterions_list .criterion-rating {
    display: block;
    justify-content: flex-start
}

.page-product #post-product-comment-modal #criterions_list .criterion-rating label {
    display: block;
    font-size: inherit;
    font-weight: 600;
    margin-bottom: .5rem
}

.page-product #post-product-comment-modal #criterions_list .criterion-rating .star-content {
    margin-left: 0
}

.page-product #post-product-comment-modal #criterions_list #ratingNotChosen {
    color: var(--bs-danger);
    font-size: .875rem;
    text-align: left
}

.page-product #post-product-comment-modal .required {
    color: var(--bs-danger)
}

.page-product #product-comments-list .comment {
    background-color: transparent;
    border-bottom: 1px solid var(--bs-gray-200);
    margin: 0;
    padding: 1rem 0
}

.page-product #product-comments-list .comment-top {
    align-items: center;
    display: flex;
    font-size: .875rem;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .25rem
}

.page-product #product-comments-list .comment-author {
    color: var(--bs-body-color)
}

.page-product #product-comments-list .comment-date {
    color: var(--bs-gray-600)
}

.page-product #product-comments-list .comment-title {
    color: var(--bs-body-color);
    font-size: 1rem;
    font-weight: 600;
    margin: .125rem 0 0
}

.page-product #product-comments-list .comment-text {
    font-size: 1rem;
    letter-spacing: normal;
    line-height: 1.5;
    margin: 0 0 1rem
}

.page-product #product-comments-list .comment-infos {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    height: auto;
    margin-bottom: 1rem;
    min-height: inherit
}

.page-product #product-comments-list .comment-infos .grade-stars {
    margin: 0 0 0 -.25rem
}

.page-product #product-comments-list .comment-infos .grade-stars .star-content {
    margin: 0;
    top: 0
}

.page-product #product-comments-list .comment-buttons {
    align-items: center;
    display: flex;
    gap: 1rem
}

.page-product #product-comments-list .comment-buttons a {
    color: var(--bs-gray-600)
}

.page-product #product-comments-list .comment-buttons a:hover {
    color: var(--bs-body-color);
    cursor: pointer
}

.header {
    --header-bg: #fff;
    --header-top-bg: #fff;
    --header-color: var(--bs-gray-800);
    --header-top-color: var(--bs-gray-800);
    background-color: var(--header-bg);
    max-width: 100vw;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100
}

.header a:not(.dropdown-item):not(.btn) {
    color: var(--header-color)
}

.header a:not(.dropdown-item):not(.btn):hover,.header a:not(.dropdown-item):not(.btn):hover i {
    color: var(--bs-primary)
}

.header-top {
    background-color: var(--header-top-bg)
}

.header-top a {
    color: var(--header-top-color)
}

.header-top__right {
    flex-wrap: nowrap;
    justify-content: flex-end
}

.header-top__left,.header-top__right {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.header-top .form-select {
    background-color: var(--header-top-bg);
    background-position: right .12rem center;
    border: none;
    padding-right: 1.5rem
}

.header-top .form-select option {
    text-align: right
}

.header-top-desktop {
    padding: .25rem 0
}

@media(max-width: 575.98px) {
    .header-top .container {
        padding:0
    }
}

@media(min-width: 768px) {
    .header-bottom__row {
        min-height:4rem
    }
}

.header-bottom__h1 {
    font-size: unset
}

.footer .title[aria-expanded=true] .material-icons.add {
    display: none
}

.footer .title[aria-expanded=false] .material-icons.add,.footer .title[aria-expanded=true] .material-icons.remove {
    display: inline-block
}

.footer .title[aria-expanded=false] .material-icons.remove {
    display: none
}

@media(min-width: 768px) {
    .footer .collapse {
        display:block
    }
}
.footer__block__title {
    color: #000!important;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #AE2674;
    width: max-content;
    padding-bottom: 7px;
}
.footer .copyright {
    margin-bottom: 0;
    text-align: center;
	opacity: 0.6;
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media(min-width: 768px) {
    .footer .footer__block {
        margin-bottom:2.5rem
    }
}

@media(max-width: 767.98px) {
    .footer .footer__block {
        margin-bottom:1rem
    }
}

.footer .footer__block__toggle {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.footer .footer__block__toggle i {
    color: var(--bs-white);
    transition: transform .25s ease-in-out
}

.footer .footer__block__toggle:not(.collapsed) i {
    transform: rotate(180deg)
}

#left-column {
    --left-block-title-color: #343a40;
    --left-block-title-size: 1.5rem;
    --left-block-title-spacing: 1rem;
    --left-block-subtitle-color: #343a40;
    --left-block-subtitle-size: 1rem;
    --left-block-subtitle-spacing: 0.25rem;
    --left-block-border-bottom: 1px solid #e9ecef
}

.left-block {
    border-bottom: var(--left-block-border-bottom);
    margin-bottom: 2rem;
    padding-bottom: 1rem
}

.left-block__title {
    border: none;
    font-size: var(--left-block-title-size);
    font-weight: 600;
    margin-bottom: var(--left-block-title-spacing);
    padding: 0
}

.left-block__title__link {
    color: var(--left-block-link-color)
}

.left-block__title__link:hover {
    color: var(--bs-primary)
}

.left-block__content--list {
    margin-bottom: 0
}

.left-block__link {
    color: var(--left-block-subtitle-color);
    display: block;
    font-size: var(--left-block-subtitle-size);
    font-weight: 600;
    padding: var(--left-block-subtitle-spacing) 0
}

.left-block__link:hover {
    color: var(--bs-primary)
}

.thumbnails__container {
    margin-top: 1rem
}

.thumbnails__container .thumbnail:not(:last-child) {
    margin-bottom: .75rem
}

#pagenotfound .wrapper {
    padding-top: 3rem
}

.carousel .carousel-inner {
    height: 100%;
	margin: 0 auto;
    max-width: 1980px;
}

.carousel .carousel-item {
    align-items: center;
    height: 100%;
    justify-content: center;
	background: #fff;
}

.carousel .carousel-item img {
    height: var(--slider-img-height);
    width: 100%
}

.carousel .carousel-content {
    width: 100%
}

.carousel .carousel-content p {
    color: var(--slider-text-color)
}

.carousel .carousel-content .h2,.carousel .carousel-content h2 {
    font-weight: var(--slider-title-weight)
}

.carousel .carousel-content .h3,.carousel .carousel-content h3 {
    font-weight: var(--slider-subtitle-weight)
}

.carousel .carousel-indicators button {
    background-color: #BDBDBD;
    border: 0;
    border-radius: 1000rem;
    height: 18px;
    width: 18px
}

.carousel .carousel-indicators button.active {
    background-color: var(--bs-primary)
}

.carousel .carousel-link {
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%
}

.carousel .carousel-caption {
    bottom: inherit;
    width: 100%;
    max-width: 1310px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
}

.carousel .carousel-caption .caption-description {
    max-width: 20rem
}

.carousel .carousel-caption .caption-description .h3,.carousel .carousel-caption .caption-description h3 {
    font-size: 1.25rem;
    margin: 1rem 0
}

.carousel .carousel-caption .caption-description p {
    font-size: 1rem
}

.carousel .carousel-caption .h2,.carousel .carousel-caption h2 {
    font-size: 3rem
}

.carousel .carousel-control-next,.carousel .carousel-control-prev {
    height: var(--slider-control-height);
    top: 50%;
    transform: translateY(-50%)
}

.carousel .carousel-control-prev {
    left: 3rem
}

.carousel .carousel-control-next {
    right: 3rem
}

.currency-selector {
    align-items: center;
    display: flex
}

.currency-selector>span {
    margin-right: .5rem
}

@media(max-width: 767.98px) {
    .currency-selector__wrapper {
        margin-bottom:1rem
    }
}

#_mobile_currency_selector:empty {
    display: none
}

@media(max-width: 767.98px) {
    .language-selector__wrapper {
        margin-bottom:1rem
    }
}

.language-selector__wrapper select {
    cursor: pointer
}

.section-title {
    color: var(--New-folder-text-color, #000);
    text-align: center;
    font-family: Playfair Display;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin: 2.5rem 0;
}
.breadcrumb {
    margin: 0
}

.category-tree .accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-active-bg: transparent
}

.category-tree__child {
    border: none;
    padding: 0
}

.category-tree__child .category-tree__list {
    display: flex;
    flex-direction: column;
    row-gap: .5rem
}

.category-tree__child .category-tree__list[data-depth="0"]>.category-tree__item>.category-tree__item__header .category-tree__item__link {
    font-weight: 600
}

.category-tree__child .category-tree__list[data-depth="1"],.category-tree__child .category-tree__list[data-depth="2"],.category-tree__child .category-tree__list[data-depth="3"],.category-tree__child .category-tree__list[data-depth="4"] {
    padding-left: .5rem
}

.category-tree__title__link {
    color: var(--bs-body-color)
}

.category-tree__item {
    transition: all .2s ease-in-out
}

.category-tree__item.active>.category-tree__item__header.parent .category-tree__item__link {
    color: var(--bs-primary)
}

.category-tree__item__link {
    color: var(--bs-body-color)
}

.category-tree__item__link:hover {
    color: var(--bs-primary)
}

.category-tree__item__header.split {
    display: flex;
    padding: .25rem 0
}

.category-tree__item__header.split .accordion-button {
    margin: -.25rem -.5rem -.25rem auto
}

.category-tree__item__header.nosplit {
    display: flex;
    padding: .25rem 0
}

.category-tree__item__header .category-tree__item__link {
    flex-grow: 1
}

.accordion--category {
    margin-bottom: 0
}

.accordion--category .accordion-item {
    border: none
}

.accordion--category .accordion-body {
    margin: 0;
    padding: .5rem 0 0
}

.accordion--category .accordion-button {
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    padding: .25rem .5rem;
    width: auto
}

.search-filters .search-filters-title {
    color: var(--New-folder-text-color, #000);
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.search-filters .search-filters-subtitle {
    font-weight: 600
}

.search-filters .search-filters-link,.search-filters .search-filters-subtitle {
    color: var(--left-block-subtitle-color);
    font-size: var(--left-block-subtitle-size)
}

.search-filters .search-filters-link {
    font-weight: 300;
	color: #000 !important;
}

.search-filters .search-filters-label {
    margin: .25rem 0
}

.search-filters#search-filters .facet .facet-label .custom-checkbox,.search-filters#search-filters .facet .facet-label .custom-radio {
    top: -3px
}

.block-category #category-description {
    color: var(--bs-gray-800);
    font-size: 1rem
}

.subcategory {
    align-items: center;
    border: 1px solid rgba(119, 111, 136, 0.83);
    display: flex;
    height: 100%;
    padding: .8rem;
	background: #FDFDFD;
    justify-content: center;
}
.subcategories-more-button:hover {
    color: #ffffff;
    background: #776F88;
    border: 2px solid var(--button-opcja-hover, rgba(119, 111, 136, 0.83));
}

.subcategories-more-button {
    color: #776F88;
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    border: 2px solid var(--button-opcja-hover, rgba(119, 111, 136, 0.83));
}

.subcategory:hover {
    background: rgba(119, 111, 136, 0.83);
}

.subcategory__wrapper {
    margin-bottom: 1rem
}

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

.subcategory__image img {
    opacity: 0.83;
    transition: filter .2s ease, opacity .2s ease;
    filter: invert(45%) sepia(10%) saturate(600%) hue-rotate(215deg) brightness(92%) contrast(92%);
    width: 30px;
    height: 30px;
}

.subcategory__name {
    margin-bottom: 0;
    color: var(--New-folder-text-color, #000);
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
.subcategory:hover .subcategory__name {
    color: #fff;
}
.subcategory:hover .subcategory__image img {
	opacity: 1;
  filter: brightness(0) invert(1);
	
}

@media(max-width: 767.98px) {
    .subcategory {
        flex-direction:column;
        text-align: center
    }

    .subcategory__name {
        margin-bottom: 0;
        margin-left: 0
    }

    .subcategory__image {
        margin-bottom: 1rem
    }
}
.filtracja_lista {
    margin-left: -.25rem !important;
    margin-top: 5px;
}
.layout-left-column #left-column {
    padding-right: 10px;
}

.layout-full-width #js-product-list-top,.layout-left-column #js-product-list-top {
    scroll-margin: 120px
}

.layout-full-width .products-selection,.layout-left-column .products-selection {
    margin-bottom: 0px;
}

.layout-full-width .products-selection .select-title,.layout-left-column .products-selection .select-title {
    align-items: center;
    border: 1px solid #000;
    display: flex;
    justify-content: space-between;
    padding: .75rem 1.25rem;
    text-align: left;
    width: 100%
}
 #category .featured-products, #product  .featured-products {
    display: none;
}

#js-product-list-footer {
    text-align: justify;
}
#js-product-list-footer  h2 {
    text-align: justify;
    color: var(--New-folder-text-color, #000);
    text-align: justify;
    font-family: Sarabun;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    text-transform: uppercase;
	margin-bottom: 15px;
}


.layout-full-width .products-selections-filters,.layout-left-column .products-selections-filters {
    align-items: center
}

.layout-full-width .products-selection .total-products p,.layout-left-column .products-selection .total-products p {
    margin-bottom: 0
}

.layout-full-width .products-selection .sort-by-row,.layout-left-column .products-selection .sort-by-row {
    align-items: center
}

.pagination--custom {
    margin: 3rem 0
}

.pagination--custom-number {
    color: var(--bs-gray-600);
    font-size: 1rem
}

@media(max-width: 575.98px) {
    .pagination--custom {
        margin-bottom:3.5rem;
        position: relative
    }

    .pagination--custom .page-item:nth-child(2) .page-link {
        border-bottom-left-radius: var(--bs-pagination-border-radius);
        border-top-left-radius: var(--bs-pagination-border-radius)
    }

    .pagination--custom .page-item:nth-last-child(2) .page-link {
        border-bottom-right-radius: var(--bs-pagination-border-radius);
        border-top-right-radius: var(--bs-pagination-border-radius)
    }

    .pagination--custom .page-item.disabled .page-link {
        padding-inline:.375rem}

    .pagination--custom .page-item:has(.next),.pagination--custom .page-item:has(.previous) {
        position: absolute;
        top: calc(100% + .5rem);
        transform-origin: center
    }

    .pagination--custom .page-item:has(.previous) {
        left: 50%;
        transform: translateX(calc(-100% - .25rem))
    }

    .pagination--custom .page-item:has(.next) {
        right: 50%;
        transform: translateX(calc(100% + .25rem))
    }

    .pagination--custom .page-link {
        padding-inline:.625rem}

    .pagination--custom .page-link.next,.pagination--custom .page-link.previous {
        border-radius: 50%;
        padding: .5rem
    }
}

.account-menu {
    display: flex;
    flex-direction: column
}

.account-menu>a {
    border-radius: 4px;
    display: block;
    padding: .4rem .5rem;
    width: 100%
}

.account-menu>a.active,.account-menu>a:hover {
    background: #fbfcfc
}

.account-menu>a.active .link-item,.account-menu>a.active .link-item i,.account-menu>a:hover .link-item,.account-menu>a:hover .link-item i {
    color: var(--bs-primary)
}

.account-menu>a.account-menu--signout .link-item,.account-menu>a.account-menu--signout .link-item i {
    color: var(--bs-danger)
}

.account-menu .link-item {
    align-items: center;
    color: var(--bs-gray-800);
    display: flex;
    flex-wrap: nowrap;
    transition: all .25s ease-out
}

.account-menu .link-item i {
    margin-right: .75rem
}

.account-menu__back {
    display: block;
    margin-bottom: 1rem
}

.customer-link a,.customer-link__link {
    display: block
}

.customer-link a span,.customer-link__link span {
    background: var(--bs-gray-100);
    border-radius: var(--bs-border-radius-sm);
    color: var(--bs-gray-800);
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    font-weight: 600;
    padding: 1.25rem 1rem;
    transition: .25s ease-out
}

.customer-link a span:hover,.customer-link__link span:hover {
    background: var(--bs-primary);
    color: var(--bs-white)
}

.customer-link a span:hover i,.customer-link__link span:hover i {
    color: var(--bs-white)
}

@media(max-width: 767.98px) {
    .customer-link a span,.customer-link__link span {
        align-items:center;
        flex-direction: row;
        padding: .5rem
    }
}

.customer-link a span i,.customer-link__link span i {
    color: var(--bs-gray-700);
    font-size: 2rem;
    margin-bottom: .75rem;
    transition: .25s ease-out
}

@media(max-width: 767.98px) {
    .customer-link a span i,.customer-link__link span i {
        margin-bottom:0;
        margin-right: .75rem
    }
}

.customer-link__logout {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 2rem
}

.customer-link__logout,.customer-link__logout i {
    color: var(--bs-danger)
}

.cart-overview:focus-visible {
    outline: 0
}

.cart-summary {
    padding: 1rem
}

.cart-summary .card-footer {
    padding: 1rem 0 0
}

.cart-summary, .cart-summary .card-footer {
    border-radius: 0px;
    border-top: 0.5px solid rgba(0, 0, 0, 0.18);
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.18);
    background: #FAFAFA;
}

.cart-summary__container .card-footer,.cart-summary__container .card-header {
    background-color: var(--bs-white)
}

.cart-summary__container .card-footer i,.cart-summary__container .card-header i {
    color: inherit
}
#checkout .cart-summary__totals {
    border-top: none;
}

.cart-summary__products {
    margin-bottom: .75rem
}

.cart-summary__products>p {
    margin-bottom: 0;
    padding: 1rem 0
}

.cart-summary__products>p:first-of-type {
    border-bottom: 1px solid var(--bs-gray-200);
    padding-top: .5rem
}

.cart-summary__products .cart-summary__product__current {
    margin-bottom: .5rem
}

.cart-summary__products .cart-summary__product__body .label,.cart-summary__products .cart-summary__product__body .value {
    color: var(--bs-gray-800);
    font-size: 1rem;
    font-weight: 400
}

.cart-summary__products .cart-summary__product__body .product-line-info {
    margin: .5rem 0
}

.cart-summary__products .cart-summary__product__body .product-name a {
    color: var(--bs-gray-800);
    font-weight: 600
}

.cart-summary__products .cart-summary__product__body .product-name a:hover {
    opacity: .6
}

.cart-summary__show {
    font-weight: 500
}

.cart-summary__show i {
    color: var(--bs-primary)
}

.cart-summary__show span {
    vertical-align: middle
}

.cart-summary__show:hover {
    opacity: .6
}

.banner_col {
    position: relative;
}

 .bann3:hover  {
    background: #000;
    color: #fff;
}

 .bann3_white  {
    color: #fff!important;
	border-color: #ffffff;
}
 .bann3_white:hover  {
    background: #fff;
	color: #000000!important;
	
}

 .bann3, .bann3_white  {
    color: var(--New-folder-text-color, #000);
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    display: inline-flex;
    height: 40.391px;
    padding: 10px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    border: 2px solid var(--New-folder-text-color, #000);
    margin-top: 20px;
}
#product .dostepnosc {
    color: var(--New-folder-text-color, #000);
    font-size: 16px;
    line-height: 22px;
	    margin-bottom: 20px;
}
#product .dostepnosc span {
    color: #AE2674;
}
#product .kontakt_cart2 {
    text-align: left!important;
	margin: -10px 0px 25px 0px;
}

#product .kontakt_cart1 {
    display: flex;
    align-items: center;
    justify-content: left;
	font-size: 16px;

}
.zaplac_80 {
    color: var(--price-color, #AE2674);
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-transform: lowercase;
    border: 2px solid var(--price-color, #AE2674);
    display: flex;
    height: 40px;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    margin-bottom: 25px;
}

.bann2 {
    color: var(--New-folder-text-color, #000);
    font-family: Playfair Display;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    max-width: 320px;
}

@media (max-width: 767px) {
  .bann2 span, .bann1 span {
    text-align: left;
    display: block;
}
    .bann2 {
        font-size: 18px!important;
        line-height: 20px!important;
    }
}



.bann1 {
    color: var(--New-folder-text-color, #000);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.st_image_layered_description {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    box-sizing: border-box;
    z-index: 4;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -ms-flex-pack: center;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-left: 15%;
}



.cart-detailed__actions {
    border-color: rgba(119, 111, 136, 0.83);
    border-top: none !important;
    padding-bottom: 16px !important;
    padding-top: 0px !important;
}
.cart-summary__totals {
    border-top: 1px solid rgba(119, 111, 136, 0.83);
    padding-top: 5px
}
.products article .wishlist-button-add {
    bottom: 0px;
    top: auto!important;
}
.cart-summary__line span, .cart-summary__total span {
  color: var(--New-folder-text-color, #000);
  text-align: right;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Sarabun;
  font-size: 20px!important;
  font-style: normal;
  font-weight: 600!important;
  line-height: 20px;
  margin-bottom: 10px;
}

.cart-summary__totals span {
    font-weight: 700
}

.cart-summary__line,.cart-summary__total {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .5rem 0
}

.cart-summary__line span,.cart-summary__total span {
    font-size: 1rem
}

.cart-summary__line span.value,.cart-summary__total span.value {
    color: var(--bs-gray-800)
}

.cart-detailed__actions {
    padding-top: 0
}

.cart-detailed__actions .btn-primary:hover {
    color: #AE2674;
    background: #fff;
    border: 2px solid #AE2674;
}

.cart-detailed__actions .btn-primary {
    display: flex;
    justify-content: center;
    border: 2px solid #AE2674;
    color: var(--White-Main, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    line-height: normal;
    text-transform: uppercase;
    gap: 10px;
	height: 40px;
}
.cart-detailed__actions .btn-primary:hover svg {
    fill: #AE2674;
}

.cart-detailed__actions .btn-primary svg {
    fill: #ffffff;
}

.cart__item .product-line__title {
    align-self: start;
    color: var(--bs-gray-800);
    font-weight: 600;
    width: 100%
}

.cart-grid-body  {
    border-top: 0.5px solid rgba(0, 0, 0, 0.18);
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.18);
    background: #FAFAFA;
    padding: 25px 25px;
    margin-bottom: 28px;
	height: max-content;
}

.cart-summary__actions .cta-step:hover {
    color: #AE2674;
    background: #fff;
    border: 2px solid #AE2674;
}

.cart-summary__actions .cta-step { 
  display: none;
    color: var(--White-Main, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    height: 40px;
    padding: 9px 20px;
    align-items: center;
    align-self: stretch;
    margin-top: 10px;
    border: 2px solid #AE2674;
}

.carrier__logo img {
     max-width: 110px; 
}


/* Personal info */
body:has(#checkout-personal-information-step.step--current) 
  .cart-summary__actions .cta-step[data-step="checkout-personal-information-step"] { 
  display: block; 
}

/* Addresses */
body:has(#checkout-addresses-step.step--current) 
  .cart-summary__actions .cta-step[data-step="checkout-addresses-step"] { 
  display: block; 
}

/* Delivery */
body:has(#checkout-delivery-step.step--current) 
  .cart-summary__actions .cta-step[data-step="checkout-delivery-step"] { 
  display: block; 
}

/* Payment */
body:has(#checkout-payment-step.step--current) 
  .cart-summary__actions .cta-step[data-step="checkout-payment-step"] { 
  display: block; 
}



#checkout-guest-wrapper .text-end, #checkout-login-wrapper .text-end {
    position: relative;
}

#checkout-guest-wrapper .text-end button, #checkout-login-wrapper .text-end button {
    display: flex;
    height: 40px;
    padding: 12px 20px;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    border: 2px solid var(--button-opcja-hover, rgba(119, 111, 136, 0.83));
    position: absolute;
    right: 0;
    top: -75px;
    text-transform: uppercase;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color: #776F88;
    letter-spacing: 1.12px;
}

 .cart-summary h2.h4{
    color: var(--price-color, #AE2674);
    font-family: Playfair Display;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border-bottom: 1px solid;
    padding-bottom: 15px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.kontakt_cart1 {
    display: block;
    color: var(--New-folder-text-color, #000);
    text-align: center;
    font-family: Sarabun;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 5px 0px 15px 0px;
}

.kontakt_cart2 {
    color: var(--New-folder-text-color, #000);
    font-family: Sarabun;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    display: block;
    text-align: center;
}
.kontakt_cart3, .kontakt_cart4 {
    color: var(--New-folder-text-color, #000);
    text-align: center;
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    display: block;
    margin: 15px;
}

.cart__item .product-line__image img {
	margin-top: .5rem;
}

.cart__item .product-line__item {
    display: block;
    margin-bottom: .5rem;
	    display: flex;
    gap: 15px;
}

.cart__item .product-line__current {
    display: grid;
}

.cart__item .product-line__current span {
    font-weight: 600
}

.cart__item .product-line__regular {
    color: var(--bs-gray-600);
    text-decoration: line-through
}

.cart__item .product-line__basic .badge {
    padding: .25rem
}

.cart__item .product-line__actions a {
    display: inline-block;
    margin-left: -.5rem;
    padding: .5rem
}


.cart-summary__product__price {
    gap: 10px;
}

.cart__item {
    padding: 0px 10px;
}
.cart__item .product-line.row  {
    align-items: center;
    justify-content: center;
    border-top: 0.5px solid rgba(0, 0, 0, 0.18);
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.18);
    background: #FAFAFA;
    padding: 8px;
    margin-bottom: 28px!important;
}
 #checkout .cart-summary__product  {
    align-items: center;
    justify-content: center;
    border-top: 0.5px solid rgba(0, 0, 0, 0.18);
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.18);
    background: #FAFAFA;
    padding: 8px;
    margin-bottom: 18px!important;
    margin-left: 0px;
    margin-right: 0px;
}






.cart__item .product-line__actions a:hover:after {
    opacity: 0
}

.cart__item .product-line hr {
    margin-top: .75rem
}

#order-confirmation .breadcrumb {
    display: none;
}

.order_confirmation_success h1 {
    color: var(--New-folder-text-color, #000);
    font-family: Playfair Display;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.order-confirmation__details .order-details {
    margin-bottom: 0
}

.order-confirmation__details .order-details li {
    margin-bottom: .25rem
}

.order-confirmation__items>.row:not(:last-child),.order-confirmation__subtotals>.row:not(:last-child),.order-confirmation__totals>.row:not(:last-child) {
    margin-bottom: 1rem
}

.order-confirmation__items .item .item__prices div {
    color: var(--bs-gray-800);
    font-weight: 500
}

.order-confirmation__items .item .item__reference {
    margin-bottom: 0
}

.order-confirmation__items .item .item__title {
    color: var(--bs-gray-800);
    font-weight: 600;
    margin-bottom: 0
}

.order-confirmation__items .item .item__image {
    text-align: center
}

.order-confirmation__items .item .item__image img {
    border-radius: 8px
}

.brand {
    text-align: center
}

.brand .brand__link {
    color: var(--bs-gray-800);
    font-size: 1rem
}

.brand p {
    margin: 0
}

.brand .brand__infos {
    margin-top: .5rem
}

.brand .brand__products a {
    font-size: .85rem
}

.store {
    margin-bottom: 1.5rem
}

.store .card {
    border: 1px solid #ced4da;
    height: 100%
}

.store .card-body,.store .card-footer {
    border: 1px solid #ced4da;
    padding: 1.5rem
}

.order-confirmation__details {
    border-top: 0.5px solid var(--button-opcja-hover, rgba(119, 111, 136, 0.83));
    border-bottom: 0.5px solid var(--button-opcja-hover, rgba(119, 111, 136, 0.83));
    background: #FAFAFA;
}
.order-confirmation__details h2 {
    color: var(--price-color, #AE2674);
    font-family: Playfair Display;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border-bottom: 0.5px solid var(--price-color, #AE2674);
    background: #FAFAFA;
    padding-bottom: 20px;
    margin-bottom: 25px;
    margin-top: 10px;
}

.store .store__contacts {
    margin-bottom: 0
}

.store .store__contacts li:not(:last-child) {
    margin-bottom: .3rem
}

.store .store__contacts i {
    margin-right: .4rem
}

.store img {
    border-radius: var(--bs-border-radius-sm);
    margin-bottom: 1.5rem
}

.store address {
    line-height: 2rem
}

.store table ul {
    margin: 0
}

.store table td,.store table th {
    line-height: 1.75rem
}

.store table th {
    padding-right: 1.6rem
}

.sitemap ul a {
    color: var(--bs-gray-800);
    display: block;
    padding: .2rem 0
}

.sitemap .h2,.sitemap h2 {
    margin-bottom: 1rem
}

.sitemap li>ul {
    margin-left: 1rem
}

.sitemap li>ul a {
    color: var(--bs-gray-700)
}



.address__content {
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    margin: 0
}

.address__alias,.address__content {
    color: var(--bs-gray-800);
    line-height: 1.5rem
}

.address__alias {
    font-weight: 600;
    margin-bottom: 1rem
}

.address .card-footer {
    background: none;
    padding: 0 .5rem
}

.address__delete,.address__edit {
    color: var(--bs-gray-800);
    display: inline-block;
    padding: 1rem .5rem;
    text-decoration: underline
}

.address__delete {
    color: var(--bs-danger)
}

.table-wrapper {
    background: #fefefe;
    border-radius: .5rem;
    padding: 0 1rem
}

.table-wrapper table {
    border-color: var(--bs-gray-200)
}

.table-wrapper table>:not(:first-child) {
    border-top: none
}

.table-wrapper table tbody td,.table-wrapper table tbody th {
    box-shadow: none;
    color: var(--bs-body-color);
    font-weight: 400;
    vertical-align: middle
}

.table-wrapper .order-products tfoot td,.table-wrapper .order-return tfoot td,.table-wrapper table tbody tr:last-child,.table-wrapper table tbody tr:last-child td,.table-wrapper table tbody tr:last-child th {
    border-bottom-width: 0
}

.table-wrapper .order-products tfoot tr:first-child td,.table-wrapper .order-return tfoot tr:first-child td {
    border-top: 1px solid #e9ecef
}

.product-miniature {
    margin-bottom: 1.25rem
}

.product-miniature .card {
    transition: .25s ease-out;
      max-width: 308px;
    margin: 0 auto;
}

.product-miniature .card:hover {

}


.product-miniature {
    position: relative;
    overflow: hidden;
}

.product-miniature  .wishlist-button-add {
    position: absolute;
    bottom: 8px;
    left: 30%;
	display: none;
}

.product__prices .cart-button-add {
    display: none!important;
}

.product-miniature:hover .wishlist-button-add.active svg {
    width: 43px!important;
    height: 43px!important;
}


.product__prices .wishlist-button-add .wishlist-heart {
}

.product__prices .wishlist-button-add .wishlist-heart {
    width: 30px!important;
    height: 30px!important;
    color: #000!important;
    display: block!important;
}

.product__prices .wishlist-button-add:hover .wishlist-heart {
    color: #AE2674!important
}
.product__add-to-cart .row.g-2{
    gap: 14px;
	width: 100%;
}



.product-miniature:has(.product-image-hover-wrap:hover) .cart-button-add,
.product-miniature:has(.product-image-hover-wrap:hover) .wishlist-button-add,
.product-miniature:has(.cart-button-add:hover) .cart-button-add,
.product-miniature:has(.cart-button-add:hover) .wishlist-button-add,
.product-miniature:has(.wishlist-button-add:hover) .cart-button-add,
.product-miniature:has(.wishlist-button-add:hover) .wishlist-button-add {
  display: block;
}

.product-miniature:has(.product-image-hover-wrap:hover) .kreska_pion5,
.product-miniature:has(.cart-button-add:hover) .kreska_pion5,
.product-miniature:has(.wishlist-button-add:hover) .kreska_pion5 {
  opacity: 1;
  visibility: visible;
}

.product-miniature:has(.product-image-hover-wrap:hover) .wishlist-button-add,
.product-miniature:has(.wishlist-button-add:hover) .wishlist-button-add,
.product-miniature:has(.cart-button-add:hover) .wishlist-button-add {
  z-index: 11;
  width: 42px;
  height: 42px;
  padding: 0;
  bottom: 35px;
}

.product-miniature__infos__top a {
  cursor: default;
}

.wishlist-button-add {
  background-color: transparent !important;
}

.product-miniature::after {
  content: "";
  position: absolute;
  inset: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.29);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 10;
  pointer-events: none;
  max-width: 308px;
  max-height: 194px;
  margin: 0 auto;
}

.product-miniature:has(.product-image-hover-wrap:hover)::after,
.product-miniature:has(.cart-button-add:hover)::after,
.product-miniature:has(.wishlist-button-add:hover)::after {
  visibility: visible;
  opacity: 1;
}

.product-miniature:has(.product-image-hover-wrap:hover)::before,
.product-miniature:has(.cart-button-add:hover)::before,
.product-miniature:has(.wishlist-button-add:hover)::before {
content: "Zobacz produkt";
  position: absolute;
  z-index: 11;
  pointer-events: none;

  color: #FFF;
  text-align: center;
  font-family: Sarabun;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-transform: lowercase;

  left: 50%;
  top: 22%;
  transform: translateX(-50%);

  width: 100%;
  max-width: 308px;
}

.kreska_pion5 {
  height: 42px;
  width: 2px;
  background: #ffffff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 12;
  bottom: 34px;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.product-image-hover-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 900 / 567;
}

.product-image-hover-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

/* powiększenie zdjęcia wewnątrz, bez ruszania bloku */
.product-img-main,
.product-img-hover {
  transform: scale(1.12);
  transform-origin: center center;
}

/* drugie zdjęcie nałożone na pierwsze */
.product-img-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

/* pokazanie drugiego zdjęcia */
.product-miniature:has(.product-image-hover-wrap:hover) .product-img-hover,
.product-miniature:has(.cart-button-add:hover) .product-img-hover,
.product-miniature:has(.wishlist-button-add:hover) .product-img-hover {
  opacity: 1;
}

/* ukrycie pierwszego zdjęcia */
.product-miniature:has(.product-image-hover-wrap:hover) .product-img-main,
.product-miniature:has(.cart-button-add:hover) .product-img-main,
.product-miniature:has(.wishlist-button-add:hover) .product-img-main {
  opacity: 0;
}





.product-miniature:hover .product-miniature__quickview {
    transform: translateY(-100%)
}

.product-miniature .product-miniature__image-container {

    overflow: hidden;
    position: relative;
    transition: .25s ease-out
}



.product-miniature .product-miniature__link {
    display: block;
    position: relative
}

.product-miniature .product-miniature__link:hover .product-miniature__image {
   
   
}

.product-miniature .product-miniature__link:hover .product-miniature__image-container {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.product-miniature .product-miniature__title {
    margin-bottom: 0;
    color: var(--New-folder-text-color, #000);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize;
	min-height: 36px;
}

.product-miniature .product-miniature__regular-price {
    color: var(--price-color, #AE2674);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Sarabun;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: lowercase;
}
.product-miniature .product-miniature__price {
    color: var(--New-folder-text-color, #000);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Sarabun;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-transform: lowercase;
}

.product-miniature .product-miniature__quickview {
    background-color: var(--bs-white);
    padding: .5rem;
    position: absolute;
    top: 0;
    transition: .25s ease-out;
    width: 100%;
    z-index: -1
}

@media(hover: none)and (pointer:coarse) {
    .product-miniature .product-miniature__quickview {
        display:none
    }
}

.product-miniature .product-miniature__quickview_button {
    align-items: center;
    border: 0;
    display: flex;
    font-size: 1rem;
    justify-content: center;
    padding: .5rem;
    text-decoration: none;
    width: 100%
}

.product-miniature .product-miniature__quickview_button .material-icons {
    font-size: 1.25rem;
    margin-right: .25rem
}

.product-miniature .product-miniature__quickview_touch {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    bottom: .635rem;
    box-shadow: .125rem -.125rem .25rem 0 rgba(0,0,0,.2);
    display: none;
    height: 2.5rem;
    justify-content: center;
    min-width: 2.5rem;
    position: absolute;
    right: .635rem;
    width: 2.5rem;
    z-index: 10
}

@media(hover: none)and (pointer:coarse) {
    .product-miniature .product-miniature__quickview_touch {
        display:flex
    }
}

.product-miniature .product-miniature__variants .variant-links {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.product-miniature .product-miniature__variants .variant-links>a {
    flex-shrink: 0;
    margin: 0
}

.search-filters-modules {
    border-bottom: var(--left-block-border-bottom);
    margin-bottom: 2rem;
    padding-bottom: 1rem
}

.search-filters-modules-title {
    color: var(--left-block-title-color);
    font-size: var(--left-block-title-size);
    font-weight: 600
}

.search-filters-modules__list {
    margin-bottom: 0
}

.search-filters-modules__item__link {
    color: var(--left-block-title-color);
    display: block;
    font-weight: 600;
    line-height: 2rem
}

.mailalerts-account-line {
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-xl);
    padding: 1rem
}

.mailalerts-account-line__product {
    min-height: 54px
}

.mailalerts-account-line__product__name {
    color: var(--bs-body-color);
    font-size: .875rem;
    font-weight: 600
}

.mailalerts-account-line__product__attributes {
    color: var(--bs-body-color);
    font-size: .75rem
}

.mailalerts-account-line__remove {
    color: var(--bs-black);
    position: absolute;
    right: 0;
    top: 0
}

.header-block {
    position: relative
}

.header-block__action-btn {
    --header-block-spacing-x: 0.25rem;
    --header-block-spacing-y: 0.75rem;
    align-items: center;
    border-radius: 4px;
    display: inline-flex;
    flex-wrap: nowrap;
    padding: var(--header-block-spacing-y) var(--header-block-spacing-x)
}

.header-block__action-btn,.header-block__action-btn:focus,.header-block__action-btn:hover {
    color: var(--header-top-color)
}

@media(min-width: 768px) {
    .header-block__action-btn {
        --header-block-spacing-x:0.75rem;
        --header-block-spacing-y: 0.375rem
    }

    .header-block__icon {
        margin-right: .2em
    }
}

.header-block__badge {
    background: var(--bs-primary);
    border-radius: 50rem;
    color: var(--bs-white);
    display: inline-block;
    font-size: .6rem;
    font-weight: 600;
    height: 1.8em;
    line-height: 1.8;
    min-width: 1.8em;
    padding: 0 .2em;
    position: absolute;
    right: 0;
    text-align: center;
    top: .4em
}

@media(min-width: 768px) {
    .header-block__badge {
        height: 1.6em;
        margin-left: .4em;
        min-width: 1.6em;
        color: #FFF;
        text-align: center;
        font-family: Sarabun;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        top: 0px;
        background: #AE2674;
        position: absolute;
    }
}

@media(min-width: 992px) {
    .header-block--active .header-block,.header-block--active .header-block__icon {
        color:var(--bs-primary)
    }
}

#js-product-list {
    margin-top: 25px;
}

.all-product-link.btn i {
    color: var(--bs-primary)
}

.all-product-link.btn:focus i,.all-product-link.btn:focus-visible i,.all-product-link.btn:hover i {
    color: var(--bs-white)
}

.contact-form .form-footer {
    display: flex;
    justify-content: flex-end;
    padding-top: .5rem
}

.contact__item {
    display: flex;
    padding-bottom: 1rem
}

.contact__item:not(:first-of-type) {
    padding-top: 1rem
}

.contact__info--email {
    word-break: break-all
}

.contact__details hr {
    margin: 0
}

.contact__details i {
    color: var(--bs-gray-600);
    margin-right: 1.25rem
}

.text_center {text-align: center;}

.contact__details .contact__title {
    margin-bottom: 1.5rem
}

.email-subscription {
    background-color: var(--bs-gray-100);
    padding: 45px!important;
}

.email-subscription .email-subscription__content {
    margin: auto;
}

.email-subscription .email-subscription__content__infos {
    margin-top: .25rem
}

.email-subscription .email-subscription__content__infos p {
    margin: 0
}

.email-subscription .email-subscription__content__inputs {
    align-items: center;
    display: flex
}

.email-subscription .email-subscription__content__inputs input[type=email] {
    border-bottom: 1px solid rgba(119, 111, 136, 0.83);
    color: #BDBDBD;
    border-width: 0px 0px 1px 0px;
	margin-bottom: 0px;
}

.email-subscription .email-subscription__content__inputs .btn-primary {
    color: var(--bs-white);
    text-transform: uppercase;
	border: 2px solid #AE2674;
	    height: 40px;
    line-height: 18px;
}

.email-subscription .email-subscription__content__inputs .btn-primary:hover {
	color: #ae2674;
	border: 2px solid #ae2674;
	background: #fff;
	
}

.pagination-container button {
    color: var(--New-folder-text-color, #000);
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    border: 2px solid var(--New-folder-text-color, #000);
    margin-bottom: 35px;
}

.pagination-container button:hover {
    color: #fff;
	background: #000;
    border: 2px solid var(--New-folder-text-color, #000);
}


.psgdpr_consent_message a {
    text-decoration-line: underline!important;
    color: #000;
}
.psgdpr_consent_checkboxes_17 {
      border: 2px solid #000000 !important;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    margin-top: 1px;
}
.gdpr_module_17 label {
    color: var(--New-folder-text-color, #000);
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 275;
    line-height: normal;
}
#index .block_blog  .s_title_block  {
    margin-bottom: 10px;
}
.s_title_block  a {
    color: var(--New-folder-text-color, #000);
    font-family: "Playfair Display";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.bborder_color {
    border-bottom: 1px solid #AE2674;
    width: 250px;
    margin-bottom: 10px;
}

.email-subscription .email-subscription__label {
    color: var(--bs-gray-800);
    font-size: 1.25rem;
    line-height: 1.75rem
}

.blockreassurance_product p,.blockreassurance_product span {
    display: block;
    line-height: 1.5rem
}

.social-sharing {
    align-items: center;
    display: flex
}

.social-sharing>span {
    display: inline-block;
    margin-right: .5rem
}

.social-sharing ul {
    align-items: center;
    display: flex;
    margin: 0
}

.social-sharing ul li {
    background-position: 50%;
    background-size: contain;
    height: 1.5rem;
    margin-right: .5rem;
    width: 1.5rem
}

.social-sharing ul li:before {
    background-position: 50%;
    background-size: contain;
    height: 100%;
    width: 100%
}

.social-sharing ul li a {
    display: block;
    font-size: 0;
    height: 100%;
    width: 100%
}

.facebook {
    background-image: url(../img-dist/04be689c12d686c59503.svg)
}

.facebook:before {
    background-image: url(../img-dist/fa3993a997a0b84e9900.svg);
    content: ""
}

.facebook.icon-gray {
    background-image: url(../img-dist/b252849e892c264f4f22.svg)
}

.facebook.icon-gray:hover {
    background-image: url(../img-dist/fa3993a997a0b84e9900.svg)
}

.twitter {
    background-image: url(../img-dist/684e630555d851000280.svg)
}

.twitter:before {
    background-image: url(../img-dist/2427823c6e4aa7568894.svg);
    content: ""
}

.twitter.icon-gray {
    background-image: url(../img-dist/73f07959d75f31faaaab.svg)
}

.twitter.icon-gray:hover {
    background-image: url(../img-dist/2427823c6e4aa7568894.svg)
}

.linkedin {
    background-image: url(../img-dist/b2efa71e4ca1cd26b0f4.svg);
    background-position: 50%
}

.tiktok {
    background-image: url(../img-dist/2e3cd7781deb2ffdf116.svg)
}

.rss {
    background-image: url(../img-dist/66f8b420e646042fedc2.svg)
}

.youtube {
    background-image: url(../img-dist/726b87682d18d1e83076.svg)
}

.googleplus {
    background-image: url(../img-dist/c472ea2ef3e5b3743873.svg)
}

.googleplus:before {
    background-image: url(../img-dist/47f13bcaf75af86613bc.svg);
    content: ""
}

.googleplus.icon-gray {
    background-image: url(../img-dist/7acb0ff3a9a16ba3806d.svg)
}

.googleplus.icon-gray:hover {
    background-image: url(../img-dist/47f13bcaf75af86613bc.svg)
}

#block-myaccount-infos .myaccount-title a {
    color: var(--bs-gray-900)
}

.pinterest {
    background-image: url(../img-dist/33e7446832ac7aa84b95.svg)
}

.pinterest:before {
    background-image: url(../img-dist/882e1291e47c7d9d5dd7.svg);
    content: ""
}

.pinterest.icon-gray {
    background-image: url(../img-dist/91fc2885f1aa34fb73f6.svg)
}

.pinterest.icon-gray:hover {
    background-image: url(../img-dist/882e1291e47c7d9d5dd7.svg)
}

.vimeo {
    background-image: url(../img-dist/4903fb37c04676f5a805.svg)
}

.instagram {
    background-image: url(../img-dist/f2e73154754ca03b14f7.svg)
}

#home-slider .carousel-link {
    align-items: start;
    height: 100%
}

#home-slider .carousel-content {
    height: 100%
}

.ratio-homeSlider {
    min-height: 300px;
    --bs-aspect-ratio: 42.85714%
}

@media(min-width: 768px) {
    .ratio-homeSlider {
        --bs-aspect-ratio:23.33333%
    }
}

.main-menu {
    order: -1;
	margin-left: -23px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

@media(min-width: 1200px) {
    .main-menu {
        order:1
    }
}

.main-menu__tree {
    flex-wrap: wrap
}

.main-menu__tree>li>a {
    outline-offset: -.5rem;
    padding: 16px 24px;
}

.main-menu__tree>li:hover .menu-container {
    display: block
}

.main-menu__tree>li .menu-container {
    background-color: var(--bs-white);
    border-top: 1px solid var(--bs-gray-200);
    display: none;
    left: 0;
    padding: 1rem 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1045;
    max-width: 1400px;
    margin: 0px auto;
}

.main-menu__tree>li .menu-container.focusing,.main-menu__tree>li .menu-container:focus-within {
    display: block
}

.main-menu__tree>li .menu-container a[data-depth="1"],.main-menu__tree>li .menu-container a[data-depth="2"] {
    overflow-wrap: break-word;
    white-space: normal
}

.main-menu__tree>li .menu-container a[data-depth="1"] {
    color: #343a40;
    font-weight: 600
}

.main-menu__tree>li .menu-container a[data-depth="1"]:hover,.main-menu__tree>li .menu-container a[data-depth="1"]:hover i {
    color: var(--bs-primary)
}

.main-menu__tree>li .menu-container a[data-depth="1"]:after {
    display: none
}

.block-social a:hover {
    opacity: .6
}

.header-top {
    --header-bottom-border-bottom: 1px solid var(--bs-gray-200)
}

@media(min-width: 768px) {
    .header-top {
        border-bottom:var(--header-top-border-bottom)
    }
}

.header-top a:not(.dropdown-item) {
    color: var(--header-top-color)
}

.header-top a:not(.dropdown-item):hover,.header-top a:not(.dropdown-item):hover i {
    color: var(--bs-primary)
}

.header-top__right>:not(:last-child) {
    margin-right: 0px;
}

.header-bottom {
    --header-top-border-bottom: 1px solid var(--bs-gray-200);
    --header-bottom-border-bottom: 1px solid var(--bs-gray-200);
    border-bottom: var(--header-bottom-border-bottom);
    padding: 0
}

.header-bottom .navbar-brand {
    max-height: max(50px,10vh);
    max-width: 250px;
    padding: 0
}

.header-bottom .navbar-brand .logo {
    max-height: inherit;
    width: auto
}

.header-bottom .nav-link.active,.header-bottom .nav-link:active,.header-bottom .nav-link:active:hover {
    color: var(--bs-white)
}

.footer {
    --footer-background-color: #16181c;
    --footer-text-color: var(--bs-gray-300);
    --footer-hover-color: var(--bs-white);
    --footer-heading-color: var(--bs-white)
}

.footer .footer__main {
    background: rgba(240, 240, 240, 0.35);
    padding-bottom: 1.25rem;
    padding-top: 2.5rem
}

.footer .footer-top {
    padding-bottom: 2.5rem
}

.footer .copyright,.footer .copyright a,.footer .h2,.footer .h2 a,.footer .h3,.footer .h3 a,.footer .h4,.footer .h4 a,.footer h2,.footer h2 a,.footer h3,.footer h3 a {
    color: #000000;
}

.footer .h2,.footer .h3,.footer .h4,.footer h2,.footer h3 {
    font-size: 36px;
    margin-bottom: 1.5rem
}

.footer .h2,.footer .h2 a,.footer .h3,.footer .h3 a,.footer .h4,.footer .h4 a,.footer h2,.footer h2 a,.footer h3,.footer h3 a {
    text-transform: inherit!important
}

@media(max-width: 767.98px) {
    .footer .copyright {
        font-size:.875rem
    }
}

.footer .footer__block__content {
    color: var(--footer-text-color);
    padding-top: .5rem
}

@media(max-width: 767.98px) {
    .footer .footer__block__content {
        font-size:.875rem
    }
}

.footer .footer__block__content-list {
    margin-bottom: 0
}

.footer .footer__block__content-list a {
    color: #000;
    display: block;
    padding: .25rem .25rem .25rem 0;
    transition: .25s ease-out
}

.footer .footer__block__content-list a:hover {
    color: #AE2674
}

.footer .footer__block__content-list a.logout {
    color: #000
}

@media(max-width: 767.98px) {
    .footer .footer__block__content-list a {
        padding:.5rem .5rem .5rem 0
    }
}

.footer .footer__block__content-contact a {
    color: var(--footer-text-color)
}

.footer .footer__block__content-contact a:hover {
    color: var(--footer-hover-color)
}

.footer .footer__block__content-contact .contact__infos {
    margin-bottom: 1rem
}

.footer .footer__block__content-contact .contact__fax,.footer .footer__block__content-contact .contact__phone {
    margin-bottom: .5rem
}

.footer .footer__block__content-contact>div:last-child {
    margin-bottom: 0
}

.footer .footer__block__content-contact .contact__email,.footer .footer__block__content-contact .contact__fax,.footer .footer__block__content-contact .contact__infos,.footer .footer__block__content-contact .contact__phone {
    align-items: center;
    display: flex
}

.footer .footer__block__content-contact .contact__email i,.footer .footer__block__content-contact .contact__fax i,.footer .footer__block__content-contact .contact__infos i,.footer .footer__block__content-contact .contact__phone i {
    margin-right: .5rem
}



.footer .footer__block__title,.footer .footer__block__title a {
    color: #000;
}
.contact__infos2 {
    color: #000;
    font-size: 16px;
    line-height: normal;
}
.contact__infos2 > div {
    margin-bottom: 20px;
}

@media(min-width: 768px) {
    .footer .footer__block__title {
        margin-bottom:1.25rem
    }
}

@media(max-width: 767.98px) {
    .footer .footer__block:last-child {
        margin-bottom:2rem
    }
}

.content-columns {
    align-items: stretch;
    display: flex;
    padding: 0 3.75rem
}

.content-columns-right .h2 {
    text-transform: inherit
}

#content-wrapper .page-footer {
    margin-top: 3rem
}

#content-wrapper .page-footer>.container>a:last-of-type:not(:first-of-type) {
    float: right
}

#content-wrapper .page-footer a {
    margin-right: 1rem
}

#content-wrapper {
    padding-bottom: 4rem
}

#content-wrapper .page-header {
    margin-bottom: 3rem
}

@media(max-width: 575.98px) {
    #content-wrapper .page-header {
        margin-bottom:1rem
    }
}

hr:not(.alert-divider) {
    color: var(--bs-gray-500)
}

.login .forgot-password,.login-create {
    text-align: center
}

.login hr {
    margin: 1rem auto
}

.login .forgot-password {
    margin-bottom: 1.25rem
}

#customer-form .form-footer {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .5rem;
    margin-top: 2rem;
    text-align: center
}

.register-form__login-prompt {
    margin-bottom: 0;
    margin-top: .5rem
}

.step .address {
    border: 1px solid #e9ecef;
    margin: 1px
}

.step .address,.step .address__content {
    cursor: pointer
}

.step .address.selected {
    border: 2px solid #AE2674;
    margin: 0
}

.step dl {
    align-items: center;
    background: var(--bs-gray-100);
    border-radius: var(--bs-border-radius-sm);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1rem
}

.step dl dd,.step dl dt {
    margin: 0;
    padding: 1rem 0;
    width: 50%
}

.step dl dd:not(:last-of-type),.step dl dt:not(:last-of-type) {
    border-bottom: 1px solid var(--bs-gray-300)
}

.step dl dd {
    text-align: right
}

.addresses__new-address {
    align-items: center;
    border: 1px solid #e9ecef;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 1rem;
    width: 100%
}

.addresses__new-address:hover i {
    transform: scale(1.2)
}

.addresses__new-address i {
    align-items: center;
    background: var(--bs-gray-400);
    border-radius: 50%;
    color: var(--bs-primary);
    display: flex;
    font-size: 2rem;
    height: 4rem;
    justify-content: center;
    transition: .25s ease-out;
    width: 4rem
}

@media(max-width: 575.98px) {
    .addresses__new-address i {
        font-size:1.5rem;
        height: 3rem;
        width: 3rem
    }
}

.addresses__new-address span {
    margin-bottom: 1rem
}

.page-history .order__actions a,.page-order-detail .order__actions a {
    color: var(--bs-body-color);
    display: inline-block;
    padding: .5rem
}

.page-history .order__actions a:after,.page-order-detail .order__actions a:after {
    background: currentcolor;
    content: "";
    display: block;
    height: 1px;
    transition: .25s ease-out;
    width: 100%
}

.page-history .order__actions a:hover:after,.page-order-detail .order__actions a:hover:after {
    color: transparent
}

.page-history .orders,.page-order-detail .orders {
    padding: .5rem
}

.page-history .orders .order,.page-order-detail .orders .order {
    background: #fefefe;
    border-radius: .5rem;
    padding: 0 1rem
}

.page-history .orders .order__label,.page-order-detail .orders .order__label {
    font-weight: 600
}

.page-history .orders .order__label,.page-history .orders .order__value,.page-order-detail .orders .order__label,.page-order-detail .orders .order__value {
    margin-bottom: 0
}

.page-history .orders .order>div,.page-order-detail .orders .order>div {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1rem 0
}

.page-history .orders .order>div:not(:last-child),.page-order-detail .orders .order>div:not(:last-child) {
    border-bottom: 1px solid #e9ecef
}

.page-history .orders .order>div.order__actions,.page-order-detail .orders .order>div.order__actions {
    justify-content: flex-end
}

.order__header__right {
    text-align: right
}

@media(max-width: 575.98px) {
    .order__header__right .btn {
        width:100%
    }
}

.order__item__header {
    padding: 1rem
}

.order__item__line,.order__total {
    padding: .5rem 0
}

.page-product .product__name {
    margin-bottom: 2rem
}

.page-product .product__infos .accordion-button {
    font-size: 1.25rem;
    font-weight: 700;
    padding: 1.25rem 0
}

.page-product .product__infos .accordion-body {
    padding: 0
}

.page-product .product__images {
    margin-bottom: 1rem
}

.page-product .product__images .carousel {
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
}
.product__description {
    text-align: justify;
	margin-top: 20px;
}
.page-product .product__images__modal-opener {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    top: .635rem;
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    min-width: 2.5rem;
    position: absolute;
    left: .635rem;
    width: 2.5rem;
    z-index: 10
}

.page-product .product__description-short {
    margin-bottom: 1.5rem
}

.page-product .product__tax-info {
    color: var(--bs-gray-600);
    font-size: .875rem
}

.page-product .product__tax-label {
    white-space: nowrap
}

.page-product .product__prices {
    font-size: 1.25rem
}
 .info_produktowe {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.page-product .product__current-price {
    color: var(--price-color, #AE2674);
    font-family: Sarabun;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 15px;
}

.page-product .product__unit-price {
    color: var(--bs-gray-600);
    font-size: .875rem
}

.page-product .product__discount {
    color: var(--bs-gray-600);
    font-size: 1rem
}

.page-product .product__price-regular {
    color: var(--New-folder-text-color, #000);
    font-family: Sarabun;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: line-through;
}

.page-product .product__pack-price {
    font-size: 1rem
}

.page-product .product__variants .variant {
    margin-bottom: 1.5rem
}

.page-product .product__variants .variant .radio-variants {
    -moz-column-gap: .875rem;
    column-gap: .875rem;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    row-gap: .5rem
}

.page-product .product__variants .variant .radio-variants .radio-variant {
    margin: 0
}

.page-product .product__variants .variant .color-variants {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 0
}

.page-product .product__variants .variant .color-variants .color-variant .input-color {
    display: none
}

.page-product .product__variants .variant .color-variants .color-variant label {
    display: block;
    line-height: 0
}

.page-product .product__variants .variant .color-variants .color-variant .color {
    margin: 0
}

.page-product .product__add-to-cart {
    margin-bottom: 2rem
}
.page-product .product__add-to-cart .product-actions__button button svg {
    margin-right: 25px;
}
.page-product .product__add-to-cart .product-actions__button:hover button svg {
    color: #AE2674;
}


.page-product .product__add-to-cart .product-actions__button button:hover {
background: #fff;
color: #AE2674;
}

.tabelka_stan_name {
    color: var(--New-folder-text-color, #000);
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 0.5px solid var(--button-opcja-hover, rgba(119, 111, 136, 0.83));
}
.tabelka_stan {
    display: flex;
    color: var(--New-folder-text-color, #000);
    line-height: 22px;
    border-bottom: 0.5px solid var(--price-color, #AE2674);
    padding: 10px 0px 20px 0px;
    margin-bottom: 15px;
}
.tabelka_stan span {
    color: #AE2674;
}
.tabelka_stan div {
    width: 50%;
}

.page-product .product__add-to-cart .product-actions__button button {
        width: 100%;
    height: 100%;
    border: 2px solid #AE2674;
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
	height: 40px;
}

.page-product .product-pack__item {
    border: 1px solid #e9ecef
}

.feature-bar {
    background: #F6F6F6;
    border-radius: 2px;
    margin-top: 25px;
    margin-bottom: 70px;
    display: block;
}

.feature-bar__inner{
  max-width: 1250px;
  margin: 0 auto;
  padding: 22px 0px;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px;
  align-items:center;
}

.feature{
  display:flex;
  align-items:center;
  gap: 18px;
  min-width: 0;
}

.feature__icon{
  width: 44px;
  height: 44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#c2187a;          /* róż/magenta jak na screenie */
  font-size: 28px;        /* zaslepka X */
  line-height: 1;
  flex: 0 0 44px;
}

.feature__text {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    color: var(--New-folder-text-color, #000);
    font-family: "Playfair Display";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* RWD */
@media (max-width: 1024px){
  .feature-bar__inner{
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 32px;
  }
  .feature__text{ white-space: normal; }
}

@media (max-width: 520px){
  .feature-bar__inner{
    grid-template-columns: 1fr;
    gap: 16px;
  }
}


@media(max-width: 767.98px) {
    .page-product .carousel-control-next {
        right:1rem
    }

    .page-product .carousel-control-prev {
        left: 1rem
    }

    .page-product .carousel-control-next,.page-product .carousel-control-prev {
        height: 3rem;
        width: 3rem
    }
}

.thumbnails__container .thumbnail {position: relative;}

.thumbnails__container .thumbnail.active::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(0deg, rgba(255,255,255,0.44), rgba(255,255,255,0.44)),
    linear-gradient(0deg, rgba(0,0,0,0.06), rgba(0,0,0,0.06));
  pointer-events: none;
      margin: 0px ;
}
.badge.out_of_stock {
    display: none;
}
.produkt_bez_promocji .product__current-price {
    color: var(--New-folder-text-color, #000);
    margin-left: 0px;
}
.produkt_bez_promocji  .product-miniature__price {
    text-decoration: none;
}
.thumbnails__container .thumbnail img {
     border: 1px solid rgba(0, 0, 0, 0.13);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.44) 0%, rgba(255, 255, 255, 0.44) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
    width: auto;
}
.thumbnails__container .thumbnails__list {
    justify-content: center;
}
.thumbnails__list  {
    display: flex;
    gap: 15px;
	position: relative;
}


.thumbnails__container .thumbnail.active img {
    border: 1px solid rgba(0, 0, 0, 0.13);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.44) 0%, rgba(255, 255, 255, 0.44) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
}

.all-product-link:hover {
    background: #000;
	border-color: #000;
    color: #fff;
}

.all-product-link {
    color: var(--New-folder-text-color, #000);
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.12px;
    display: flex;
    height: 40px;
    padding: 10px 25px;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--New-folder-text-color, #000);
    gap: 10px;
    align-self: stretch;
    width: max-content;
    margin: 0 auto 40px auto;
	text-transform: uppercase;
}
.all-product-link.btn i {
    display: none;
}


body.modal-open .quickview .product__images__modal-opener {
    display: none
}



.detail {
    align-items: center;
    border-bottom: 4px solid var(--bs-white);
    display: flex;
    padding: 10px 0px
}

.detail__left {
    flex-grow: 0;
    flex-shrink: 0;
    width: 50%
}

.detail__title {
    font-weight: 700
}

.order-returns {
    padding: .5rem
}

.order-returns .order-return__label {
    font-weight: 600
}

.order-returns .order-return__label,.order-returns .order-return__value {
    margin-bottom: 0
}

.order-returns .order-return>div {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1rem 0
}

.order-returns .order-return>div:not(:last-child) {
    border-bottom: 1px solid #e9ecef
}

.header-top__right svg:hover path {
  fill: #AE2674;
}



#header {
    margin-top: 15px;
}

.dane_kontaktowe_header b {
    margin-right: 5px;
}

.element4:hover {
    background: rgba(119, 111, 136, 0.83);
    color: #fff;
    border: 1px solid rgba(119, 111, 136, 0.83);
}


#home-slider {
    height: 650px;
}


.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


.Playfair Display-display-<uniquifier> {
  font-family: "Playfair Display Display", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.blogslider {
  position: relative;
}

.blogslider__slider {
  overflow: hidden; /* okno */
}

.blogslider__track {
  /* ile na ekranie */
  --perview: 2;
  --gap: 1rem;

  display: flex;
  gap: var(--gap);

  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  scroll-snap-type: x mandatory;
  scroll-padding-left: 0px;
  scroll-padding-right: 0px;

  padding: .5rem 0;

  scrollbar-width: none;
}
.blogslider__track::-webkit-scrollbar { display: none; }

.blogslider__track > .swiper-slide {
  flex: 0 0 calc((100% - (var(--perview) - 1) * var(--gap)) / var(--perview));
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* tablet 3 */
@media (min-width: 768px) {
  .blogslider__track { --perview: 3; }
}

/* desktop 4 */
@media (min-width: 1200px) {
  .blogslider__track { --perview: 3; }
}

/* strzałki (w środku kontenera, nie poza, żeby Hummingbird nie ucinał) */
.blogslider__nav {
      position: absolute;
    top: 35%;
    transform: translateY(-50%);
    z-index: 20;
    border: none;
    background: #fff;
}

@media (max-width: 767px) {
  .blogslider__nav {
    display: none;
}

 .email-subscription__content__right input {
    margin-bottom: 0px;
}

  #category_blogs_container_4 {
    max-width: 360px;
    margin: 0 auto;
    display: none;
}


    .breadcrumb {
        white-space: nowrap;
        overflow: overlay;
height: 60px;
        display: flex;
        flex-wrap: nowrap;
		scrollbar-width: none;
        -ms-overflow-style: none;
    }
  .breadcrumb  li {
    display: inline;
}

}
#category_blogs_container_1 {
    margin-bottom: 3%;
}

.icon_soc svg path {
  transition: fill 0.3s ease;
}

.icon_soc:hover svg path {
  fill: #d32086; /* jaśniejszy róż */
}

.blogslider__nav--prev { left: -60px; }
.blogslider__nav--next { right:-70px; }


/* linie jak na screenie */
#category .stacc_block { border-top: 1px solid #e255a8; }
.stacc_block .acc_box {
    border-bottom: 0.5px solid var(--price-color, #AE2674);
    border-radius: 0px;
}

/* nagłówek jako przycisk */
.stacc_block .acc_toggle{
  width: 100%;
  background: transparent;
  border: 0;
  padding: 26px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
}

.stacc_block .acc_inner {
    color: var(--price-color, #AE2674);
    font-family: Sarabun;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

/* treść */
.stacc_block .acc_content{
  padding: 0 0 26px 0;
  color: #111;
  line-height: 1.6;
}
.category-tag-cloud  a {
    background: #FAFAFA;
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

/* plus/krzyżyk po prawej (bez fontów) */
.stacc_block .acc_sign{
  width: 22px;
  height: 22px;
  position: relative;
  flex: 0 0 22px;
  margin-left: 20px;
}
.stacc_block .acc_sign::before,
.stacc_block .acc_sign::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:22px;
  height:2px;
  background:#b3006e; /* kolor ikon */
  transform:translate(-50%,-50%);
}

/* pionowa kreska = PLUS (gdy ZWINIĘTE) */
.stacc_block .acc_toggle.collapsed .acc_sign::after{
  width:2px;
  height:22px;
}

/* gdy rozwinięte -> zostaje tylko minus (czyli „X” jak chcesz: możesz zmienić na X niżej) */
.stacc_block .acc_toggle:not(.collapsed) .acc_sign::after{
  display:none;
}

/* JEŚLI chcesz dokładnie "X" zamiast minusa dla otwartego:
   odkomentuj ten blok i zakomentuj display:none powyżej.

.stacc_block .acc_toggle:not(.collapsed) .acc_sign::after{
  display:block;
  width:22px;
  height:2px;
  transform:translate(-50%,-50%) rotate(90deg);
}
.stacc_block .acc_toggle:not(.collapsed) .acc_sign::before{
  transform:translate(-50%,-50%) rotate(45deg);
}
.stacc_block .acc_toggle:not(.collapsed) .acc_sign::after{
  transform:translate(-50%,-50%) rotate(-45deg);
}
*/



.tooltip2-wrapper {
  position: relative;
  display: inline-block;
}

.info-icon {
  cursor: pointer;
}

.tooltip2 {
  position: absolute;
  top: -43px;
  right: 0%;
  background: black;
  color: white;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  white-space: nowrap;
  display: none;
  z-index: 100;
}

/* strzałka */
.tooltip2::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip2 {
  display: none;
}

.tooltip2.active {
  display: block;
}
.tooltip2-wrapper svg {
  cursor: pointer;
}.tooltip2-wrapper svg {
  cursor: pointer;
}

.modal-close2 {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1056; /* ponad carousel */
  background-color: white;
  border-radius: 50%;
  padding: 6px;
}

@media(min-width: 992px) {
.kontakt_mobile, .footer__main__bottom2 {
    display: none;
}	
}	





  .thumbnails__list {
    scroll-snap-type: x mandatory;
  }

  .thumbnails__list .thumbnail picture,
  .thumbnails__list .thumbnail img {
    display: block;
    width: 100%;
    height: auto;
  }
 .thumbnails__list {
    overscroll-behavior-x: contain;
    touch-action: pan-x;
  }

 .thumbnails__list::-webkit-scrollbar {
    display: none;              /* Chrome / Safari */
  }
  
  .thumbnails__list {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;

    overflow-x: auto;
    -webkit-overflow-scrolling: touch;

    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;

    gap: 0 !important; /* ważne: wyłącz gap */
  }

  .thumbnails__list .thumbnail {
    flex: 0 0 calc(100% / 3) !important; /* dokładnie 3 w viewport */
    max-width: calc(95% / 3) !important;

    margin: 0 6px; /* tu robimy odstęp między miniaturami */
    box-sizing: border-box;

    scroll-snap-align: start;
  }




@media(max-width: 992px) {
	
	.hidden-sm-down, .hidden-md-down, .psspecialstabs, #category_blogs_container_1, 
	.footer__main .block-contact {
    display: none;
}
.element1 {
    font-size: 14px;
}

.element2 {
    min-width: auto;
	font-size: 30px;
	    line-height: 100%;
		margin: 10px 0px 30px 0px;
}
.element3 {
    font-size: 64px;
}
#home-slider {
    height: 560px;
}
.carousel .carousel-caption {
    transform: translateY(-100%);
	left: 21px;
}
#search_widget form input {
    width: auto!important;
}
.dane_kontaktowe_footer {
    display: block;
}
.product-miniature, .banner_col {
   width: 100%;
}
.adveditor_image {
    max-width: 100%;
}

.header-bottom {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 1000 !important;
        background: #fff;
        border-top: 0.5px solid var(--New-folder-text-color, #000);
        border-bottom: 0.5px solid var(--New-folder-text-color, #000);
        background: #FFF;
        max-height: 50px;
}

.align-items-stretch {
    justify-content: space-around;
}
	.psspecialstabs__nav--next, .blogslider__nav--next {
    right: 0px!important;
}

.st_image_layered_description  {    margin-left: 0px;
}

.carousel .carousel-indicators button {
    height: 8px;
    width: 8px;
}
.carousel-indicators {
    gap: 8px;
	bottom: 0px;
}
#header {
    margin-top: 0px;
}
.header-top__left, .header-top__right {
    padding: 8px 20px;
}
.why__title {
    font-size: 32px;
}
.photo--front, .photo--back, .photo--side {
	
   aspect-ratio: 1 / 1;
        width: 70% !important;
        height: 70% !important;
        object-fit: cover;
}
    .collage {
 
        margin-bottom: -20%;
    }
.benefit_block {
    border-left: 1px solid #AE2674;
    padding-left: 21px;
}
.benefit {
    align-items: center!important;
}

.icon_root {
    position: static;
}
.footer .footer__main {
    padding-bottom: 70px;
	background: #fff;
    
}

.dane_kontaktowe_footer {
    color: #000;
    opacity: 1 !important;
}
.dane_kontaktowe_footer > div {
	background: rgba(240, 240, 240, 0.35);
	        margin: 16px 8px;
        padding: 9px;
	}
 .kreska_pion2 {
    border-bottom: 1px solid #0FB1BC;
    border-left: none;
    padding: 0px!important;
}
.dane_kontaktowe_footer b {
    margin-right: 0px;
    display: block;
    margin-bottom: 3px;
}
.footer .copyright {
    opacity: 1;
    max-width: 320px;
    margin: 0 auto;
	        margin: 60px auto 0 auto;
}
.footer__block__title {
    font-family: Sarabun;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: none;
        border: none;
        width: 100%;
		padding: 0px;
        margin: 0px;
}
    .footer .footer__block {
        margin-bottom: 1rem;
        border-bottom: 1px solid;
        margin: 0px 20px;
        padding-bottom: 0px;
        padding-inline: 0px;
        width: calc(100% - 40px);
    }
.footer .footer__block__toggle {
    padding: 12px 0px;
}
.icon_root span {
    display: none;
}
.footer__main .container {
    position: relative;
}
.footer__main__top {
    position: static;
}

.icon_root {
    bottom: 50px;
    position: absolute;
    left: 50%;
    transform: translate(-40%, 0%);
}


.kontakt_mobile {
    color: #776F88;
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    border: 2px solid var(--button-opcja-hover, rgba(119, 111, 136, 0.83));
    display: flex;
    height: 40px;
    padding: 10px 25px;
    justify-content: center;
    align-items: center;
            width: calc(100% - 16px);
    margin: 16px;
}

.footer__main__bottom2 span {
    display: block;
}
.footer__main__bottom2  {
    color: var(--New-folder-text-color, #000);
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    line-height: 29px;
	        border-bottom: 1px solid;
        padding-bottom: 12px;
        margin: 9px 9px 0px 9px;
		        border-top: 1px solid;
        padding-top: 20px;
}
.footer__main__bottom2 .footer__block__title {
    margin-bottom: 5px;
}
.footer .footer__block__content-list {
    padding-bottom: 10px;
}
.footer .footer__block__toggle i {
    color: #000000;
}
.footer .footer__block__toggle i {
    color: var(--bs-white);
    transition: transform .25s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform-origin: 50% 50%;
    transition: transform 0.3s ease;
}
.footer .footer__block__toggle:not(.collapsed) i {
    transform: rotate(135deg);
}

.footer .h2, .footer .h3, .footer .h4, .footer h2, .footer h3 {
    font-size: 24px;
    margin-bottom: 1.5rem;
}
.email-subscription {
    padding: 30px 15px !important;
}
.email-subscription svg {
    height: 80px;
    margin-bottom: 30px;
}
.footer__before {
    display: grid;
}
.footer__before .email-subscription  {
    order: 3;
}
.footer__before .featured-products {
    order: 1;
}
 .kreska_pion5 {
    display: none!important;
}

.product-miniature .product-miniature__image-container {
    position: static;
}
.product-miniature .cart-button-add {
    position: absolute;
    bottom: 12px;
    right: 5px;
    left: auto;
    background: var(--price-color, #AE2674);
    border-radius: 100%;
    height: 42px;
    width: 42px;
display: block;
z-index: 99;
}
.wishlist-actions svg {
    color: #fff;
    height: 22px;
    width: 22px;
}
.product-miniature .product-miniature__link {
    position: static;
}

.product-miniature .product-miniature__prices {
    padding-top: 20px;
	margin-bottom: 25px;
	
}
.promo_info2 {
    margin: 0px 20px 0px 10px;
}
.search__offcanvas {
    height: 100% !important;
}
.search-widgets__dropdown {
    border: none;
    box-shadow: none;
}
.mobile-none {
    display:  none!important;
}
#search_widget2 form input {
    padding: 10px 20px 10px 20px;
    outline: none;
    border: none;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.38);
    background: rgba(234, 234, 234, 0.00);
}
.header-top__left {
    flex-wrap: initial;
}
#search_widget2 form {
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-top .logo {
    width: 100%;
            margin-right: 0px;
}
  .header-top {
    transition: transform 0.3s ease;
    display: none;
  }


#header {
    background: transparent;
}

  .header-top--hidden {
    transform: translateY(-100%);
  }

.header-top .logo  img {
    width: 140px;
    margin: 0 auto;
    display: block;
}
#search_widget2 svg {
    position: absolute;
    right: 10px;
}
.header-bottom .header-block__action-btn {
    color: var(--New-folder-text-color, #000);
    text-align: center;
    font-family: Sarabun;
    font-size: 10px;
    font-style: normal;
    font-weight: 275;
    line-height: 22px;
    display: grid;
            justify-items: center;
            padding: 3px 0px;
}
 #banner_box_7   .adveditor_image , #banner_box_6   .adveditor_image {
        height: 163px;
    }

    .bann2 {
font-size: 20px;
max-width: 200px;
line-height: 25px;

    }
.bann1 {
    font-size: 10px;
    margin-bottom: 0px;
}

#st_banner_block_6, #st_banner_block_5 {
    text-align: right;
}
.bann3{
    float: right;
    margin-top: 10px;
}
#banner_box_7 .st_image_layered_description, #banner_box_6 .st_image_layered_description {
    justify-content: right;
    padding-right: 15%;
}

#st_banner_5 {
    padding-top: 17px!important;
}
.why {
    padding: 16px 20px!important;
}
#index .section-title {
    margin: 0px 0px 50px 0px!important;
    font-size: 32px;
}
#footer .viewed-products {
    order: 2;
}
.all-product-link, .featured-products .featured-products-footer {
    display: none;
}
.email-subscription__content__right .h2{
    color: #AE2674;
    max-width: 220px;
    font-size: 28px;
    line-height: 35px;
}

#gdpr_consent .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
}
#gdpr_consent .psgdpr_consent_checkboxes_17 {
    border: 1px solid #000000 !important;
    width: 24px;
    height: 24px;
}
#gdpr_consent  .form-check-input:checked {
    width: 24px;
    height: 24px;
}
.footer .footer__block__content-list a {
        font-size: 16px;
        line-height: 16px;
    }

.wishlist-button-add .wishlist-heart {
    height: 20px;
    width: 19px;
            margin: 0 auto;
    color: #000;
}
.products article .wishlist-button-add {
    display: block;
    top: 7px !important;
    right: 5px !important;
    left: auto;
    border: 1px solid #000 !important;
    padding: 10px;
    width: 42px;
    background: #fff !important;

}
.email-subscription .email-subscription__content__inputs input::placeholder {
    color: #000;
}



/* hamburger */
.subcats-hamburger{
  border: 0;
  background: transparent;
  display: inline-flex;

}
.subcats-hamburger span{
  display: block;
  height: 2px;
  width: 24px;
  background: #111;
}

/* offcanvas fullscreen */
.subcats-offcanvas.offcanvas-top{
  height: 100vh;      /* full screen */
  border: 0;
}

.subcats-offcanvas__header{
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #fff;
}

.subcats-offcanvas__title{
  font-weight: 600;
  letter-spacing: .6px;
  text-transform: uppercase;
}

.subcats-offcanvas__close{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  font-size: 28px;
  line-height: 1;
}

.subcats-offcanvas__body{
  background: #fff;
  padding: 0;
  overflow: auto;
}

.subcats-offcanvas__list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.subcats-offcanvas__list a{
  display: block;
  padding: 10px;
        text-decoration: none;
        color: var(--New-folder-text-color, #000);
        text-align: center;
        font-family: Sarabun;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        text-transform: uppercase;
}



.button_category_title  {
    display: flex;
     justify-content: center;
}

#subcategories, .subcategories-more-button, .products-sort-order button .material-icons, #footer .viewed-products {
    display: none;
}
#index .viewed-products {
    display: block!important;
  
}


.block-category .page-title-section {
    margin-bottom: 15px !important;
}
    #category .breadcrumb__wrapper {
               margin-bottom: 10px;
        border-bottom: 1px solid rgba(119, 111, 136, 0.83);
        border-top: 1px solid rgba(119, 111, 136, 0.83);
    }

#js-product-list-top .col-lg-4   {
  background: #F8F8F8;
        margin: -26px 0px 0px 0px;
        padding-top: 7px;
        
        z-index: 999;
}

.products-sort-order button {
    border: none!important;
    width: auto!important;
    position: relative;
  padding-left: 45px !important;
}
.products-sort-order {
    order: 2;
    flex-grow: unset !important;
}
.justify-content-md-end.sort-by-row {
    justify-content: center;
}


#search_filter_toggler, .products-sort-order button {
    color: var(--New-folder-text-color, #000);
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}


.products-sort-order button::before{
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 27px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2231%22%20height%3D%2227%22%20viewBox%3D%220%200%2031%2027%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M10.2859%2018C10.993%2018.0001%2011.571%2018.5063%2011.571%2019.125C11.571%2019.7437%2010.993%2020.2499%2010.2859%2020.25H5.14331C4.43617%2020.25%203.85718%2019.7437%203.85718%2019.125C3.85718%2018.5063%204.43617%2018%205.14331%2018H10.2859ZM17.9998%2012.375C18.7069%2012.375%2019.2859%2012.8812%2019.2859%2013.5C19.2859%2014.1188%2018.7069%2014.625%2017.9998%2014.625H5.14331C4.43617%2014.625%203.85718%2014.1188%203.85718%2013.5C3.85718%2012.8812%204.43617%2012.375%205.14331%2012.375H17.9998ZM25.7146%206.75C26.4216%206.75013%2026.9998%207.25633%2026.9998%207.875C26.9998%208.49367%2026.4216%208.99987%2025.7146%209H5.14331C4.43617%209%203.85718%208.49375%203.85718%207.875C3.85718%207.25625%204.43617%206.75%205.14331%206.75H25.7146Z%22%20fill%3D%22black%22/%3E%3C/svg%3E");
}
.button_category_title h1.pc-none{
    margin-bottom: 0px !important;
}


  .mobile_plyw.is-fixed{
    position: fixed;
    top: 25px;
    left: var(--mobile-fixed-left, 0px);
    width: var(--mobile-fixed-width, 100%);
    z-index: 2000;
    background: #fff;

    transform: translateY(var(--mobile-shift, 0px));
    will-change: transform;
  }

  .mobile_plyw.is-anim{
    transition: transform .3s ease;
  }

.pagination-container button {
    color: rgba(119, 111, 136, 0.83);
    border-color: rgba(119, 111, 136, 0.83);
}
.stacc_block .acc_inner {
    color: var(--price-color, #AE2674);
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}


  /* ###PRODUKT### */

.page-product .product__images__modal-opener {
    display: none;
}

#product .kontakt_cart1 {
    display: block;
    text-align: left;
}

.kontakt_cart3, .kontakt_cart4 {
    text-align: left;
    margin: 5px 0px;
}

.kontakt_cart2 {
    margin: 25px 0px !important;
}
.feature-bar {
    background: #fff;
}
.feature {
    border-top: 0.5px solid rgba(0, 0, 0, 0.50);
    padding: 20px 0px 0px 0px;
}

.feature__icon {
    margin-left: 10%;
}
.feature-bar__inner {
    margin-bottom: -70px;
    }
.section-title {
    font-size: 32px;
}

.page-product .product__images .carousel {
    border: none;
}

#product .js-product-container .product-flags {
    position: absolute;
    top: 60px;
    left: 10px;
}


#product .breadcrumb a {
    color: var(--New-folder-text-color, #000);
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}


.karuzela_pc {
    display: none;
}




  



#product-infos-tabs-nav {
    display: block;
}
#product .nav-item {
    width: 100%;
}
#product .nav-link {
    width: 100%;
    text-align: left;
    margin-top: 2px;
}

.thumbnails__container .thumbnail.active::after {

    margin: 0px 5px;
}
.info_produktowe {
    display: block;
}
.info_produktowe  span {
    display: block;
    margin: 0px 0px 20px 0px;
}

#product  .js-product-container .promo_info2 {
    position: block;
    margin: 0px 0px 0px 0px!important;
}


.page-product .product__name {
    margin-top: -20px;
}
#product   .product__add-to-cart .row.g-2 {
    flex-wrap: nowrap;
        gap: 10px;
}

.product-actions__quantity {
    width: auto;
}
.page-product .product__add-to-cart .product-actions__button button svg {
    margin-right: 10px;
}

.page-product .product__add-to-cart .product-actions__button button
{
    padding: 0px;
    border: none;
}
#product.quantity-button button {
    width: 30px!important;
}


#caraty {
    background: #0FB1BC;
    text-align: center;
}
.mobile-none, #product .viewed-products {
    display: none!important;
}

#product .accordion-button.collapsed  {
    color: #000;
}




  /* sekcja ze acordeony na product */

  #product-infos-tabs-nav,
  #product-infos-tabs-content {
    display: none !important;
  }

  .product__description {
    padding: 0px 30px;
}

  #product-infos-accordion {
    display: block !important;
  }
#pane-extra-0 {
    opacity: 1;
}

 .add-to-cart--sticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 18px;
    z-index: 999;
    padding: 12px;
    background: #fff;
  }

  /* żeby strona nie "podskakiwała" */
  body.has-sticky-cart {
    padding-bottom: 90px; /* dopasuj do wysokości boxa */
  }
#product  .product__minimal-quantity {
    display: none !important;
}
#product .product__add-to-cart .mb-3 {
    margin-bottom: 0px!important;
}


.main-menu {
    margin-left: 0px!important;
}


.header-bottom svg {
    margin-bottom: -3px;
    margin-top: 3px;
}



.product-miniature::after {
    background: transparent;
}

#product  .alert-info{
    display: none;
}
#product .tooltip2.active {
    left: 0px;
    min-width: 240px;
    text-align: center;
    top: -40px;
}


  /* KOSZYK */
.cart-voucher .accordion-button {
    font-size: 14px;
}
#promo-code .form-control {
    width: 68px!important;
    font-size: 14px;
}
.cart-grid__right, .cart-grid__body, .cart-grid-right, .delivery-options__list  {
    padding: 0px!important;
}
.carrier__logo img {
    max-width: 66px;
}
.carriere-name-container .pc-none {
    display: block;
}

.carriere-name-container span {
    color: var(--New-folder-text-color, #000);
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 275;
    line-height: 14px;
}

#cart .cart-container {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.18);
    background: #FAFAFA;
    padding-bottom: 35px;
    padding-top: 22px;
        padding-left: 0px;
        padding-right: 0px;
}

#checkout .featured-products  {
    display: none;
}

#cart  .continue2{
           display: flex;
        max-width: 100%;
        margin: 0px 10px;
}
.zapytaj_produkt {
    width: 100%!important;
}

#index .mb-dots, #index .carousel-indicators  {
    display: none!important;
}

#cart  .cart-summary h2.h4 {
    font-size: 27px;
}
#cart  .cart-summary__totals span, #checkout  .cart-summary__totals span {
    text-align: center;
}

    #cart  .footer__before .email-subscription {
        margin-top: 20px;
    }
.cart__item .product-line__item {
    font-size: 14px;
}

.checkout__steps {
       border-width: 1px 0px 1px 0px;
       margin-bottom: 0px !important;
}
.checkout__steps__list {
    padding: 10px 0px;
}
.nav-tabs .checkout__steps__text.nav-link {
    font-size: 12px;
    line-height: 13px;
    margin-top: 10px;
}


#checkout .payment__option > label > .row > .col-6 {
    width: 100%;
}

.back_btn_checkaut {

    display: none !important;
}
.cart-summary h2.h4 {
    font-size: 27px;
}





    .cart__item .product-line__actions a
    {
    padding-right: .5rem !important;
    padding-left: 0rem !important;
}

#checkout-guest-wrapper .text-end button,
#checkout-login-wrapper .text-end button  {
    position: static!important;
}


#product .accordion-button::after{
    background-color: #000;
}


#product #extra-info-accordion .accordion-button.collapsed {
        color: #ae2674!important;
    }

#product #extra-info-accordion .accordion-button::after {
        background-color: #ae2674;
    }


#product #extra-info-accordion .accordion-button:not(.collapsed) {
    color: #ae2674;
}






/* KOSZYK */

}







 .quantity-button > div {
    border: 1px solid #ced4da;
}
  .quantity-button button {
    border-width: 0px;
}


 .js-cart-line-product-quantity, #product #quantity_wanted {
    margin: 6px 0px 6px 0px;
    border-width: 0px 1px 0px 1px!important;
    height: 26px!important;
    width: 38px!important;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}
@media (max-width: 992px) {
.quantity-button > div {
	max-width: 96px;
	height: 40px
}


.modal-footer .btn-primary {

    width: 100% !important;
}

}
@media (min-width: 992px) {
.quantity-button > div {
    max-width: 89px;
    height: 40px;
}
 .js-cart-line-product-quantity, #product #quantity_wanted {
    height: 25px!important;
}
}




    #conditions-to-approve {
    background: #fff;
    margin: 25px -25px -26px -25px;
    padding: 15px 15px 15px 15px;
    border-top: 0.5px solid rgba(0, 0, 0, 0.18);
}


@media (max-width: 767.98px) {
  #st_banner_5 .mb-slider { position: relative; overflow: hidden; }
  #st_banner_5 .mb-track { display:flex; will-change: transform; transition: transform .25s ease; }
  #st_banner_5 .mb-slide { flex: 0 0 100%; max-width: 100%; }
  #st_banner_5 .mb-slide img { width:100%; height:auto; display:block; }

  #st_banner_5 .mb-dots { 

    display: flex;
        gap: 8px;
        justify-content: center;
        margin-top: -8px;
        position: absolute;
        bottom: 5%;
        left: 50%;
        transform: translate(-50%, 0%);
  }
  #st_banner_5 .mb-dot { width:8px; height:8px; border-radius:50%; background:#BDBDBD; border:0; padding:0; }
  #st_banner_5 .mb-dot.is-active { background:#AE2674; }
}


#cart .checkout__steps {
    margin-bottom: 25px;
    padding-top: 6px;
	  
}

#cart .quantity-button input, #cart .quantity-button button{width: 35px;    max-width: 35px;border-bottom: 0px !important;}


@media (min-width: 992px) {
	
	.checkout__steps {
	  width: calc(100% - 8px);
	}
	
.kolumna_mobile_mama {display: none!important;} 
.pc-none, .viewed-products, .karuzela_mobile {
    display:  none;
}

#index .viewed-products {
    display:  block;
      max-width: 1440px!important;
              margin: 0 auto;
			  overflow: hidden;
}
#index .viewed-products .container  {
overflow: hidden;
}

#index .best-sellers-products{
    display:  none;
}

#checkout .cart-grid-body  {
    margin-bottom: 80px;
}

#product-infos-accordion {
    display: none !important;
  }

#cart .container > .cart-grid {
    min-height: 600px;
}
   
   
   
   #cart .col-lg-4, #module-steasycheckout-default .col-lg-4 {
        width: 34.5%!important;
    }
   #cart .col-lg-8, #module-steasycheckout-default .col-lg-8 {
        width: 65.5%!important;
    }
	
	
	
	
}

#delivery-address .js-country {
    padding: 8px 0px!important;
}
#use_same_address {
    margin-left: -13px;
    margin-right: 10px;
}


/* WSPÓLNE */
.js-mobile-products-slider {
  position: relative;
  overflow: hidden;
}

.js-mobile-products-slider .products.row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  transition: transform 300ms ease;
  will-change: transform;
  margin-left: 0 !important;
  margin-right: 0 !important;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}

.js-mobile-products-slider .products.row > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.js-mobile-products-slider .fp-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: transparent;
  border: none;
}

.js-mobile-products-slider .fp-prev {
  left: 8px;
}

.js-mobile-products-slider .fp-next {
  right: 8px;
}

.js-mobile-products-slider .fp-nav:disabled {
  opacity: .4;
  cursor: default;
}

.js-mobile-products-slider .fp-nav svg {
  width: 13px;
  height: 26px;
  display: block;
}

.js-mobile-products-slider .fp-nav {
  color: #000;
}

@media (max-width: 767.98px) {
  .js-mobile-products-slider .container {
    overflow: hidden !important;
    padding: 0;
  }

  .js-mobile-products-slider .product-miniature {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .js-mobile-products-slider .product-miniature {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}





.kolumna_mobile_mama {
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    grid-column-gap: 15px;
    display: grid;
    padding: 17px 12px 0px 12px;
}

.kolumna_mobile img {
    width: auto;
    height: 35px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 16px;
}

.kolumna_mobile {
    height: 105px;
    width: 100%;
    text-align: center;
    color: #5f6269;
    display: block;
    font-weight: 400;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 15px;
    padding: 5px;
    border: 1px solid;
    text-transform: uppercase;
    background: #F5F5F5;
}
.kolumna_mobile img {
    height: 39px;
    margin: 14px auto 10px;
}
.kolumna_mobile svg {
  fill: currentColor;
}

/* wyjątek – większa ikonka */
.kolumna_mobile--big img {
  height: 42px;
}
.kolumna_mobile {
  border: 1px solid currentColor;
  color: inherit; /* opcjonalnie, dla pewności */
}


/* kolory ramek */
.border-purple { color: #8F6FA2; }
.border-blue { color: #5B819F; }
.border-gold { color: #D2AF1C; }
.border-red { color: #D76564; }
.border-lightblue { color: #7197ED; }
.border-darkblue { color: #495770; }
.border-green { color: #B4C241; }
.border-mint { color: #48C491; }
.border-pink { color: #D91A54; }
.border-teal { color: #3EA7A2; }
.border-magenta { color: #AE2674; }
.border-orange { color: #F28624; }