/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 100;
    src:
        url(../fonts/inter-cyrillic-ext-100-normal-316d864e0e3f84eab173.woff2) format("woff2"),
        url(../fonts/inter-cyrillic-ext-100-normal-7c4d8b099260c3993ec3.woff) format("woff");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 100;
    src:
        url(../fonts/inter-cyrillic-100-normal-adad0bc79aadbc73d083.woff2) format("woff2"),
        url(../fonts/inter-cyrillic-100-normal-e8af64c84de481fb0bb5.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: 100;
    src:
        url(../fonts/inter-greek-ext-100-normal-6e71e05632e11c47019e.woff2) format("woff2"),
        url(../fonts/inter-greek-ext-100-normal-2d5ea9305c50077c7ace.woff) format("woff");
    unicode-range: u+1f??;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 100;
    src:
        url(../fonts/inter-greek-100-normal-8fc3bc6ccec7241b113e.woff2) format("woff2"),
        url(../fonts/inter-greek-100-normal-f469e7eca916e5fe40f2.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: 100;
    src:
        url(../fonts/inter-vietnamese-100-normal-f01858816ebc9a981a3d.woff2) format("woff2"),
        url(../fonts/inter-vietnamese-100-normal-36c20080fc93b19481e5.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: 100;
    src:
        url(../fonts/inter-latin-ext-100-normal-46c72f6d72cd6cd219cc.woff2) format("woff2"),
        url(../fonts/inter-latin-ext-100-normal-020b27b1afe74f47ef85.woff) format("woff");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf,
        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: 100;
    src:
        url(../fonts/inter-latin-100-normal-1902b077b119906b31af.woff2) format("woff2"),
        url(../fonts/inter-latin-100-normal-6651ca189ca8f1d3553a.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+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    src:
        url(../fonts/inter-cyrillic-ext-300-normal-04c5d2c480c226920a9b.woff2) format("woff2"),
        url(../fonts/inter-cyrillic-ext-300-normal-e98ef8217eff70b1c6a0.woff) format("woff");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    src:
        url(../fonts/inter-cyrillic-300-normal-f9e5f604a45c00a532f2.woff2) format("woff2"),
        url(../fonts/inter-cyrillic-300-normal-9e0ae30c98c08621bd65.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: 300;
    src:
        url(../fonts/inter-greek-ext-300-normal-c0dba9f477d8b8e0198f.woff2) format("woff2"),
        url(../fonts/inter-greek-ext-300-normal-678a6de32725959471bf.woff) format("woff");
    unicode-range: u+1f??;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    src:
        url(../fonts/inter-greek-300-normal-3703eb6abf02d92c4c6d.woff2) format("woff2"),
        url(../fonts/inter-greek-300-normal-af02be9dc0594b20f539.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: 300;
    src:
        url(../fonts/inter-vietnamese-300-normal-2a4055b17286ecdd503d.woff2) format("woff2"),
        url(../fonts/inter-vietnamese-300-normal-364184c9994e78d1ec87.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: 300;
    src:
        url(../fonts/inter-latin-ext-300-normal-c339d02bc1066c5eb0eb.woff2) format("woff2"),
        url(../fonts/inter-latin-ext-300-normal-8eeafc82bf1e3850a262.woff) format("woff");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf,
        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: 300;
    src:
        url(../fonts/inter-latin-300-normal-eb229bb9406cc043d5a4.woff2) format("woff2"),
        url(../fonts/inter-latin-300-normal-07e0e0017a987f6c727e.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+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
}
@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-c676f175d430bd465724.woff) format("woff");
    unicode-range: u+0460-052f, u+1c80-1c8a, 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-062321ff8a8844520dc5.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-02f9e7ef5cf29425f684.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-9ec3b40ece10debf7a33.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-aaa15d735e3826061950.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-210fb826cb25acbd4094.woff2) format("woff2"),
        url(../fonts/inter-latin-ext-400-normal-c616205185f0d3677df9.woff) format("woff");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf,
        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-eca1e21531598d5db58f.woff2) format("woff2"),
        url(../fonts/inter-latin-400-normal-2ea1079c0069eb040a52.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+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src:
        url(../fonts/inter-cyrillic-ext-600-normal-25b7c495f686777a1c08.woff2) format("woff2"),
        url(../fonts/inter-cyrillic-ext-600-normal-2c47e01b64f03ba9fb58.woff) format("woff");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src:
        url(../fonts/inter-cyrillic-600-normal-ce60970447cde0dd1582.woff2) format("woff2"),
        url(../fonts/inter-cyrillic-600-normal-883b5e4d36b7b0812ed4.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: 600;
    src:
        url(../fonts/inter-greek-ext-600-normal-c8a7cddec49294a9e8ba.woff2) format("woff2"),
        url(../fonts/inter-greek-ext-600-normal-7bff749a95dc0612fa35.woff) format("woff");
    unicode-range: u+1f??;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src:
        url(../fonts/inter-greek-600-normal-5c46a357ea91911fc65d.woff2) format("woff2"),
        url(../fonts/inter-greek-600-normal-83c86cfda9c5fd96a471.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: 600;
    src:
        url(../fonts/inter-vietnamese-600-normal-6984cf5e8583fac83be3.woff2) format("woff2"),
        url(../fonts/inter-vietnamese-600-normal-04bb56ffa463ab55708d.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: 600;
    src:
        url(../fonts/inter-latin-ext-600-normal-8148c3ae14dfaefc62ca.woff2) format("woff2"),
        url(../fonts/inter-latin-ext-600-normal-4d0d5017d71ea1750fc1.woff) format("woff");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf,
        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: 600;
    src:
        url(../fonts/inter-latin-600-normal-69a8d1d484967aba2389.woff2) format("woff2"),
        url(../fonts/inter-latin-600-normal-f10265da6bd8d66999ac.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+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src:
        url(../fonts/inter-cyrillic-ext-700-normal-5631f054acb5a33a716a.woff2) format("woff2"),
        url(../fonts/inter-cyrillic-ext-700-normal-0ddea3beace60380deb1.woff) format("woff");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src:
        url(../fonts/inter-cyrillic-700-normal-36e9cf9ecc07ac6bce28.woff2) format("woff2"),
        url(../fonts/inter-cyrillic-700-normal-03cc5c4a68b77f60ea9b.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: 700;
    src:
        url(../fonts/inter-greek-ext-700-normal-4cdf2b4e817dade3d4aa.woff2) format("woff2"),
        url(../fonts/inter-greek-ext-700-normal-ca8751b8c028cb9ae710.woff) format("woff");
    unicode-range: u+1f??;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src:
        url(../fonts/inter-greek-700-normal-f5fbdfc39c2431160896.woff2) format("woff2"),
        url(../fonts/inter-greek-700-normal-04d33a0bd87050834f1a.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: 700;
    src:
        url(../fonts/inter-vietnamese-700-normal-5d9bfcacc44f345662ff.woff2) format("woff2"),
        url(../fonts/inter-vietnamese-700-normal-cceb6e3d4483c3136077.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: 700;
    src:
        url(../fonts/inter-latin-ext-700-normal-be70ab2888339fe67ac5.woff2) format("woff2"),
        url(../fonts/inter-latin-ext-700-normal-454735e8a8af2928485e.woff) format("woff");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf,
        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: 700;
    src:
        url(../fonts/inter-latin-700-normal-084676038be5b1c38324.woff2) format("woff2"),
        url(../fonts/inter-latin-700-normal-02426d017cf367236f56.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+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
}
a {
    color: #222;
    text-decoration: none;
    transition: 0.3s ease;
}
a:hover, a:focus {
    color: #518432;
    text-decoration: none;
    outline: none;
}

.ps-mainmenu__tree-link{
    text-transform: uppercase;
    font-weight: bold;
}
@layer vendors, bs-base, bs-components, bs-custom-components, ps-base, ps-components, ps-pages, ps-modules, utilities;
:root,
[data-bs-theme="light"] {
    --bs-blue: #518432;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #ff4657;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #188251;
    --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: #518432;
    --bs-secondary: #6c757d;
    --bs-success: #188251;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #ff4657;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 11, 105, 246;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 24, 130, 81;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 255, 70, 87;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #518432;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3420;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #661c23;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cee1fd;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e6dc;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #ffdadd;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9dc3fb;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cdb9;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #ffb5bc;
    --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%, 0.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.5;
    --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, 0.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, 0.65);
    --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: #518432;
    --bs-link-color-rgb: 11, 105, 246;
    --bs-link-decoration: none;
    --bs-link-hover-color: #0954c5;
    --bs-link-hover-color-rgb: 9, 84, 197;
    --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, 0.175);
    --bs-border-radius: 0.5rem;
    --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: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(11, 105, 246, 0.25);
    --bs-form-valid-color: #188251;
    --bs-form-valid-border-color: #188251;
    --bs-form-invalid-color: #ff4657;
    --bs-form-invalid-border-color: #ff4657;
}
[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, 0.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, 0.55);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6da5fa;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #74b497;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ff909a;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #021531;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051a10;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #330e11;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #073f94;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0e4e31;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #992a34;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6da5fa;
    --bs-link-hover-color: #8ab7fb;
    --bs-link-color-rgb: 109, 165, 250;
    --bs-link-hover-color-rgb: 138, 183, 251;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: hsla(0, 0%, 100%, 0.15);
    --bs-form-valid-color: #74b497;
    --bs-form-valid-border-color: #74b497;
    --bs-form-invalid-color: #ff909a;
    --bs-form-invalid-border-color: #ff909a;
}
:root {
    --bs-transition-default: all 0.2s ease-in-out;
    --bs-box-shadow-md: 0 0.625rem 1.25rem rgba(var(--bs-black-rgb), 0.1);
}
@layer bs-base {
    *,
    :after,
    :before {
        box-sizing: border-box;
    }
    @media (prefers-reduced-motion: no-preference) {
        :root {
            scroll-behavior: smooth;
        }
    }
    body {
        background-color: var(--bs-body-bg);
        color: var(--bs-body-color);
        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: 0.25;
    }
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    .left-block__title,
    .right-block__title,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: var(--bs-heading-color);
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 1rem;
        margin-top: 0;
    }
    .h1,
    h1 {
        font-size: calc(var(--bs-body-font-size) * 2);
    }
    .h2,
    h2 {
        font-size: calc(var(--bs-body-font-size) * 1.5);
    }
    .h3,
    .left-block__title,
    .right-block__title,
    h3 {
        font-size: calc(var(--bs-body-font-size) * 1.25);
    }
    .h4,
    h4 {
        font-size: calc(var(--bs-body-font-size) * 1.125);
    }
    .h5,
    h5 {
        font-size: var(--bs-body-font-size);
    }
    .h6,
    h6 {
        font-size: calc(var(--bs-body-font-size) * 0.875);
    }
    p {
        margin-bottom: 1rem;
        margin-top: 0;
        color: #7a7a7a;
        font-weight: 400;
    }
    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: 0.5rem;
        margin-left: 0;
    }
    blockquote {
        margin: 0 0 1rem;
    }
    b,
    strong {
        font-weight: bolder;
    }
    .small,
    small {
        font-size: 0.875em;
    }
    .mark,
    mark {
        background-color: var(--bs-highlight-bg);
        color: var(--bs-highlight-color);
        padding: 0.1875em;
    }
    sub,
    sup {
        font-size: 0.75em;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }
    sub {
        bottom: -0.25em;
    }
    sup {
        top: -0.5em;
    }
    a {
        color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
        text-decoration: none;
    }
    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: 0.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: 0.875em;
        word-wrap: break-word;
    }
    a > code {
        color: inherit;
    }
    kbd {
        background-color: var(--bs-body-color);
        border-radius: 0.25rem;
        color: var(--bs-body-bg);
        font-size: 0.875em;
        padding: 0.1875rem 0.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: 0.5rem;
        padding-top: 0.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 + 0.3vw);
        line-height: inherit;
        margin-bottom: 0.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: 0.5rem;
    }
    .initialism {
        font-size: 0.875em;
        text-transform: uppercase;
    }
    .blockquote {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
    .blockquote > :last-child {
        margin-bottom: 0;
    }
    .blockquote-footer {
        color: #6c757d;
        font-size: 0.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: 0.25rem;
    }
    .figure {
        display: inline-block;
    }
    .figure-img {
        line-height: 1;
        margin-bottom: 0.5rem;
    }
    .figure-caption {
        color: var(--bs-secondary-color);
        font-size: 0.875em;
    }
    .checkout-steps__mobile,
    .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) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        width: 100%;
    }
    @media (min-width: 576px) {
        .checkout-steps__mobile,
        .container,
        .container-sm,
        .container-xs {
            /* max-width: 570px; */
            max-width: 100%;
        }
    }
    @media (min-width: 768px) {
        .checkout-steps__mobile,
        .container,
        .container-md,
        .container-sm,
        .container-xs {
            /* max-width: 760px; */
            max-width: 100%;
        }
    }
    @media (min-width: 992px) {
        .checkout-steps__mobile,
        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xs {
            /* max-width: 960px; */
            max-width: 100%;
        }
    }
    @media (min-width: 1200px) {
        .checkout-steps__mobile,
        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl,
        .container-xs {
            max-width: 1140px;
        }
    }
    @media (min-width: 1400px) {
        .checkout-steps__mobile,
        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl,
        .container-xs,
        .container-xxl {
            max-width: 1320px;
        }
    }
    :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) * -0.5);
        margin-right: calc(var(--bs-gutter-x) * -0.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) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.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;
        }
    }
    .clearfix:after {
        clear: both;
        content: "";
        display: block;
    }
    .product-flags .badge:not(.discount),
    .text-bg-primary {
        /* background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
        color: #fff !important; */
        background-color: transparent !important;
        color: #518432 !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: #000 !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(9, 84, 197, var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(9, 84, 197, 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(19, 104, 65, var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(19, 104, 65, 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(255, 107, 121, var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(255, 107, 121, 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, 0.75)) !important;
        text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.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;
        box-shadow: none;
    }
    .icon-link {
        align-items: center;
        backface-visibility: hidden;
        display: inline-flex;
        gap: 0.375rem;
        text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
        text-underline-offset: 0.25em;
    }
    .icon-link > .bi {
        flex-shrink: 0;
        height: 1em;
        width: 1em;
        fill: currentcolor;
        transition: transform 0.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(0.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: 0.25;
        width: var(--bs-border-width);
    }
    .fade {
        transition: opacity 0.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 0.35s ease;
    }
    @media (prefers-reduced-motion: reduce) {
        .collapsing {
            transition: none;
        }
    }
    .collapsing.collapse-horizontal {
        height: auto;
        transition: width 0.35s ease;
        width: 0;
    }
    @media (prefers-reduced-motion: reduce) {
        .collapsing.collapse-horizontal {
            transition: none;
        }
    }
}
@layer bs-components {
    .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: 0;
        --bs-accordion-inner-border-radius: 0;
        --bs-accordion-btn-padding-x: 0;
        --bs-accordion-btn-padding-y: 1rem;
        --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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23363a41' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
        --bs-accordion-btn-icon-width: 1rem;
        --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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23363a41' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
        --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(11, 105, 246, 0.25);
        --bs-accordion-body-padding-x: 0;
        --bs-accordion-body-padding-y: 0;
        --bs-accordion-active-color: var(--bs-link-hover-color);
        --bs-accordion-active-bg: transparent;
    }
    .accordion-button {
        align-items: center;
        background-color: var(--bs-accordion-btn-bg);
        border: 0;
        border-radius: 0;
        color: var(--bs-accordion-btn-color);
        display: flex;
        font-size: 1rem;
        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%;
    }
    @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 {
        background-image: var(--bs-accordion-btn-active-icon);
        transform: var(--bs-accordion-btn-icon-transform);
    }
    .accordion-button:after {
        background-image: var(--bs-accordion-btn-icon);
        background-repeat: no-repeat;
        background-size: var(--bs-accordion-btn-icon-width);
        content: "";
        flex-shrink: 0;
        height: var(--bs-accordion-btn-icon-width);
        margin-left: auto;
        transition: var(--bs-accordion-btn-icon-transition);
        width: var(--bs-accordion-btn-icon-width);
    }
    @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-item:last-of-type > .accordion-collapse {
        border-bottom-left-radius: var(--bs-accordion-border-radius);
        border-bottom-right-radius: var(--bs-accordion-border-radius);
    }
    .accordion-body {
        padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    }
    .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' fill='%236CA5F9' 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' fill='%236CA5F9' 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");
    }
    .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);
    }
    .badge {
        --bs-badge-padding-x: 0.10rem;
        --bs-badge-padding-y: 0.10rem;
        --bs-badge-font-size: 12px;
        --bs-badge-font-weight: 400;
        --bs-badge-color: #fff;
        --bs-badge-border-radius: 0.25rem;
        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;
    }
    .breadcrumb {
        --bs-breadcrumb-padding-x: 0;
        --bs-breadcrumb-padding-y: 0.75rem;
        --bs-breadcrumb-margin-bottom: 0;
        --bs-breadcrumb-font-size: 0.875rem;
        --bs-breadcrumb-bg: ;
        --bs-breadcrumb-border-radius: ;
        --bs-breadcrumb-divider-color: var(--bs-body-color);
        --bs-breadcrumb-item-padding-x: 0.5rem;
        --bs-breadcrumb-item-active-color: var(--bs-body-color);
        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, "/");
        float: left;
        padding-right: var(--bs-breadcrumb-item-padding-x);
    }
    .breadcrumb-item.active {
        color: var(--bs-breadcrumb-item-active-color);
    }
    .btn {
        --bs-btn-padding-x: 0.75rem;
        --bs-btn-padding-y: 0.375rem;
        --bs-btn-font-family: ;
        --bs-btn-font-size: 1rem;
        --bs-btn-font-weight: 400;
        --bs-btn-line-height: 1.5;
        --bs-btn-color: var(--bs-body-color);
        --bs-btn-bg: transparent;
        --bs-btn-border-width: var(--bs-border-width);
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: 0.25rem;
        --bs-btn-hover-border-color: transparent;
        --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 0 1px 1px rgba(0, 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), 0.5);
        background-color: var(--bs-btn-bg);
        border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
        border-radius: var(--bs-btn-border-radius);
        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;
        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;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        vertical-align: middle;
    }
    @media (prefers-reduced-motion: reduce) {
        .btn {
            transition: none;
        }
    }
    .btn:hover {
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
        color: var(--bs-btn-hover-color);
    }
    .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:hover, .btn:active{        
        color: #518432 !important;
    }
    .btn-outline-primary{
        border-color: #518432 !important;
        color: #518432 !important;
    }
    .btn-outline-primary:hover{
        border-color: #518432 !important;
        background-color: #518432 !important;
        color: #fff !important;
    }
    .btn-outline-secondary:hover, .btn-dark:hover{
        color: #ffffff !important;
    }
    .btn-primary:hover, .btn-primary:active{
        background-color:#ffcc00 !important;
        border-color: #ffcc00 !important;
        color: #000000 !important;
    }
    .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #518432;
        --bs-btn-border-color: #518432;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #0959d1;
        --bs-btn-hover-border-color: #0954c5;
        --bs-btn-focus-shadow-rgb: 48, 128, 247;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #0954c5;
        --bs-btn-active-border-color: #084fb9;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #518432;
        --bs-btn-disabled-border-color: #518432;
        border-radius: 10px !important;
    }
    .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, 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: #188251;
        --bs-btn-border-color: #188251;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #146f45;
        --bs-btn-hover-border-color: #136841;
        --bs-btn-focus-shadow-rgb: 59, 149, 107;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #136841;
        --bs-btn-active-border-color: #12623d;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #188251;
        --bs-btn-disabled-border-color: #188251;
    }
    .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, 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, 0.125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #ffc107;
        --bs-btn-disabled-border-color: #ffc107;
    }
    .btn-danger {
        --bs-btn-color: #000;
        --bs-btn-bg: #ff4657;
        --bs-btn-border-color: #ff4657;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #ff6270;
        --bs-btn-hover-border-color: #ff5968;
        --bs-btn-focus-shadow-rgb: 217, 60, 74;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #ff6b79;
        --bs-btn-active-border-color: #ff5968;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #ff4657;
        --bs-btn-disabled-border-color: #ff4657;
    }
    .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, 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, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #212529;
        --bs-btn-disabled-border-color: #212529;
    }
    .btn-outline-primary {
        --bs-btn-color: #518432;
        --bs-btn-border-color: #518432;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #518432;
        --bs-btn-hover-border-color: #518432;
        --bs-btn-focus-shadow-rgb: 11, 105, 246;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #518432;
        --bs-btn-active-border-color: #518432;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #518432;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #518432;
        --bs-gradient: none;
    }
    .btn-outline-secondary {
        --bs-btn-color: #6c757d;
        --bs-btn-border-color: #6c757d;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #6c757d;
        --bs-btn-hover-border-color: #6c757d;
        --bs-btn-focus-shadow-rgb: 108, 117, 125;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #6c757d;
        --bs-btn-active-border-color: #6c757d;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 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: #188251;
        --bs-btn-border-color: #188251;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #188251;
        --bs-btn-hover-border-color: #188251;
        --bs-btn-focus-shadow-rgb: 24, 130, 81;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #188251;
        --bs-btn-active-border-color: #188251;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #188251;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #188251;
        --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, 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, 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: #ff4657;
        --bs-btn-border-color: #ff4657;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #ff4657;
        --bs-btn-hover-border-color: #ff4657;
        --bs-btn-focus-shadow-rgb: 255, 70, 87;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #ff4657;
        --bs-btn-active-border-color: #ff4657;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #ff4657;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #ff4657;
        --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, 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, 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: 48, 128, 247;
        text-decoration: none;
    }
    .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);
    }
    .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: 0.25rem;
    }
    .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: 0.5625rem;
        padding-right: 0.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: 0.375rem;
        padding-right: 0.375rem;
    }
    .btn-group-lg > .btn + .dropdown-toggle-split,
    .btn-lg + .dropdown-toggle-split {
        padding-left: 0.75rem;
        padding-right: 0.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;
    }
    .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);
        --bs-card-border-radius: var(--bs-border-radius);
        --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: var(--bs-tertiary-bg);
        --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);
        border-radius: var(--bs-card-border-radius);
    }
    .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) * -0.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) * -0.5);
        margin-right: calc(var(--bs-card-cap-padding-x) * -0.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) * -0.5);
        margin-right: calc(var(--bs-card-cap-padding-x) * -0.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-img,
    .card-img-top {
        border-top-left-radius: var(--bs-card-inner-border-radius);
        border-top-right-radius: var(--bs-card-inner-border-radius);
    }
    .card-img,
    .card-img-bottom {
        border-bottom-left-radius: var(--bs-card-inner-border-radius);
        border-bottom-right-radius: var(--bs-card-inner-border-radius);
    }
    .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;
        }
    }
    .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 0.6s 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 0.6s;
        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: #000;
        display: flex;
        justify-content: center;
        opacity: 0.35;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 0;
        transition: opacity 0.15s ease;
        width: 15%;
        z-index: 1;
    }
    @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: #000;
        opacity: 1;
        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: 2.25rem;
        width: 2.25rem;
    }
    .carousel-control-prev-icon {
        background-image: "";
    }
    .carousel-control-next-icon {
        background-image: "";
    }
    .carousel-indicators {
        bottom: 0;
        display: flex;
        justify-content: center;
        left: 0;
        margin-bottom: 1rem;
        margin-left: 15%;
        margin-right: 15%;
        padding: 0;
        position: absolute;
        right: 0;
        z-index: 2;
    }
    .carousel-indicators [data-bs-target] {
        background-clip: padding-box;
        background-color: #fff;
        border: 0;
        border-bottom: 0.875rem solid transparent;
        border-top: 0.875rem solid transparent;
        box-sizing: content-box;
        cursor: pointer;
        flex: 0 1 auto;
        height: 3px;
        margin-left: 0.375rem;
        margin-right: 0.375rem;
        opacity: 1;
        padding: 0;
        text-indent: -999px;
        transition: opacity 0.5s ease;
        width: 30px;
    }
    @media (prefers-reduced-motion: reduce) {
        .carousel-indicators [data-bs-target] {
            transition: none;
        }
    }
    .carousel-indicators .active {
        opacity: 1;
    }
    .carousel-caption {
        bottom: 1.25rem;
        color: #fff;
        left: 25%;
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
        position: absolute;
        right: 25%;
        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;
    }
    .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(11, 105, 246, 0.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: 0.5rem;
        box-sizing: content-box;
        height: 1em;
        opacity: var(--bs-btn-close-opacity);
        padding: 0.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);
    }
    .dropdown,
    .dropdown-center,
    .dropend,
    .dropstart,
    .dropup,
    .dropup-center {
        position: relative;
    }
    .dropdown-toggle {
        white-space: nowrap;
    }
    .dropdown-toggle:after {
        color: inherit;
        display: inline-block;
        font-family:
            Material Icons,
            sans-serif;
        font-feature-settings: "liga";
        font-size: 1.375em;
        font-style: normal;
        font-weight: 400;
        height: 1em;
        letter-spacing: normal;
        line-height: 1;
        text-transform: none;
        width: 1em;
        word-wrap: normal;
        direction: ltr;
        vertical-align: middle;
        white-space: nowrap;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizelegibility;
        -moz-osx-font-smoothing: grayscale;
        border: none;
        content: "";
        content: "";
        margin: 0;
        vertical-align: initial;
    }
    .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;
        --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;
        --bs-dropdown-box-shadow: var(--bs-box-shadow);
        --bs-dropdown-link-color: var(--bs-body-color);
        --bs-dropdown-link-hover-color: var(--bs-body-color);
        --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-link-active-bg: #518432;
        --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
        --bs-dropdown-item-padding-x: 1rem;
        --bs-dropdown-item-padding-y: 0.75rem;
        --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 > .dropdown-item:first-child,
    .dropdown-menu > li:first-child .dropdown-item {
        border-top-left-radius: var(--bs-dropdown-inner-border-radius);
        border-top-right-radius: var(--bs-dropdown-inner-border-radius);
    }
    .dropdown-menu > .dropdown-item:last-child,
    .dropdown-menu > li:last-child .dropdown-item {
        border-bottom-left-radius: var(--bs-dropdown-inner-border-radius);
        border-bottom-right-radius: var(--bs-dropdown-inner-border-radius);
    }
    .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 {
        color: inherit;
        display: inline-block;
        font-family:
            Material Icons,
            sans-serif;
        font-feature-settings: "liga";
        font-size: 1.375em;
        font-style: normal;
        font-weight: 400;
        height: 1em;
        letter-spacing: normal;
        line-height: 1;
        text-transform: none;
        width: 1em;
        word-wrap: normal;
        direction: ltr;
        vertical-align: middle;
        white-space: nowrap;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizelegibility;
        -moz-osx-font-smoothing: grayscale;
        border: none;
        content: "";
        content: "";
        margin: 0;
        vertical-align: initial;
    }
    .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 {
        color: inherit;
        display: inline-block;
        font-family:
            Material Icons,
            sans-serif;
        font-feature-settings: "liga";
        font-size: 1.375em;
        font-style: normal;
        font-weight: 400;
        height: 1em;
        letter-spacing: normal;
        line-height: 1;
        text-transform: none;
        width: 1em;
        word-wrap: normal;
        direction: ltr;
        vertical-align: middle;
        white-space: nowrap;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizelegibility;
        -moz-osx-font-smoothing: grayscale;
        border: none;
        content: "";
        content: "";
        margin: 0;
        vertical-align: initial;
    }
    .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 {
        display: inline-block;
        display: none;
    }
    .dropstart .dropdown-toggle:after,
    .dropstart .dropdown-toggle:before {
        color: inherit;
        font-family:
            Material Icons,
            sans-serif;
        font-feature-settings: "liga";
        font-size: 1.375em;
        font-style: normal;
        font-weight: 400;
        height: 1em;
        letter-spacing: normal;
        line-height: 1;
        text-transform: none;
        width: 1em;
        word-wrap: normal;
        direction: ltr;
        vertical-align: middle;
        white-space: nowrap;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizelegibility;
        -moz-osx-font-smoothing: grayscale;
        border: none;
        content: "";
        margin: 0;
        vertical-align: initial;
    }
    .dropstart .dropdown-toggle:before {
        content: "";
        display: inline-block;
    }
    .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;
        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: 0.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%, 0.15);
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-link-active-bg: #518432;
        --bs-dropdown-link-disabled-color: #adb5bd;
        --bs-dropdown-header-color: #adb5bd;
    }
    .form-label {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0.3rem;
    }
    .col-form-label {
        font-size: inherit;
        font-weight: 600;
        line-height: 1.5;
        margin-bottom: 0;
        padding-bottom: calc(0.375rem + var(--bs-border-width));
        padding-top: calc(0.375rem + var(--bs-border-width));
    }
    .col-form-label-lg {
        font-size: 1.25rem;
        padding-bottom: calc(0.5rem + var(--bs-border-width));
        padding-top: calc(0.5rem + var(--bs-border-width));
    }
    .col-form-label-sm {
        font-size: 0.875rem;
        padding-bottom: calc(0.25rem + var(--bs-border-width));
        padding-top: calc(0.25rem + var(--bs-border-width));
    }
    .form-text,
    .product-comment-modal #ratingNotChosen {
        color: var(--bs-secondary-color);
        font-size: 0.75rem;
        margin-top: 0.25rem;
    }
    .form-control {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-clip: padding-box;
        background-color: var(--bs-body-bg);
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: 4px;
        color: var(--bs-body-color);
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        padding: 0.375rem 1rem;
        transition:
            border-color 0.15s ease-in-out,
            box-shadow 0.15s ease-in-out;
        width: 100%;
    }
    @media (prefers-reduced-motion: reduce) {
        .form-control {
            transition: none;
        }
    }
    .form-control[type="file"] {
        overflow: hidden;
    }
    .form-control[type="file"]:not(:disabled):not([readonly]) {
        cursor: pointer;
    }
    .form-control:focus {
        background-color: var(--bs-body-bg);
        border-color: #ff9fa9;
        box-shadow: 0 0 0 0.25rem rgba(11, 105, 246, 0.25);
        color: var(--bs-body-color);
        outline: 0;
    }
    .form-control::-webkit-date-and-time-value {
        height: 1.5em;
        margin: 0;
        min-width: 85px;
    }
    .form-control::-webkit-datetime-edit {
        display: block;
        padding: 0;
    }
    .form-control::-moz-placeholder {
        color: var(--bs-secondary-color);
        opacity: 1;
    }
    .form-control::placeholder {
        color: var(--bs-secondary-color);
        opacity: 1;
    }
    .form-control:disabled {
        background-color: var(--bs-secondary-bg);
        opacity: 1;
    }
    .form-control::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: -0.375rem -1rem;
        margin-inline-end: 1rem;
        padding: 0.375rem 1rem;
        pointer-events: none;
        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;
    }
    @media (prefers-reduced-motion: reduce) {
        .form-control::file-selector-button {
            transition: none;
        }
    }
    .form-control: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: var(--bs-body-color);
        display: block;
        line-height: 1.5;
        margin-bottom: 0;
        padding: 0.375rem 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: 0.875rem;
        min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
        padding: 0.25rem 0.5rem;
    }
    .form-control-sm::file-selector-button {
        margin: -0.25rem -0.5rem;
        margin-inline-end: 0.5rem;
        padding: 0.25rem 0.5rem;
    }
    .form-control-lg {
        border-radius: 4px;
        font-size: 1.25rem;
        min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
        padding: 0.5rem 1rem;
    }
    .form-control-lg::file-selector-button {
        margin: -0.5rem -1rem;
        margin-inline-end: 1rem;
        padding: 0.5rem 1rem;
    }
    textarea.form-control {
        min-height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
        padding: 0.375rem 1rem !important;
    }
    textarea.form-control-sm {
        min-height: calc(1.5em + 0.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 + 0.75rem + var(--bs-border-width) * 2);
        padding: 0.375rem;
        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 + 0.5rem + var(--bs-border-width) * 2);
    }
    .form-control-color.form-control-lg {
        height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
    }
    .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: var(--bs-body-bg);
        background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
        background-position: right 0.75rem center;
        background-repeat: no-repeat;
        background-size: 16px 12px;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: 0.25rem;
        color: var(--bs-body-color);
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        padding: 0.375rem 2.25rem 0.375rem 0.75rem;
        transition:
            border-color 0.15s ease-in-out,
            box-shadow 0.15s ease-in-out;
        width: 100%;
    }
    @media (prefers-reduced-motion: reduce) {
        .form-select {
            transition: none;
        }
    }
    .form-select:focus {
        border-color: #85b4fb;
        box-shadow: 0 0 0 0.25rem rgba(11, 105, 246, 0.25);
        outline: 0;
    }
    .form-select[multiple],
    .form-select[size]:not([size="1"]) {
        background-image: none;
        padding-right: 0.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: 0.25rem;
        font-size: 0.875rem;
        padding-bottom: 0.25rem;
        padding-left: 0.5rem;
        padding-top: 0.25rem;
    }
    .form-select-lg {
        border-radius: 0.25rem;
        font-size: 1.25rem;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
        padding-top: 0.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: 0.125rem;
        min-height: 1.5rem;
        padding-left: 1.5em;
    }
    .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: var(--bs-form-check-bg);
        background-image: var(--bs-form-check-bg-image);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        border: var(--bs-border-width) solid var(--bs-border-color);
        flex-shrink: 0;
        height: 1em;
        margin-top: 0.25em;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        vertical-align: top;
        width: 1em;
    }
    .form-check-input[type="checkbox"] {
        border-radius: 0.25em;
    }
    .form-check-input[type="radio"] {
        border-radius: 50%;
    }
    .form-check-input:active {
        filter: brightness(90%);
    }
    .form-check-input:focus {
        border-color: #85b4fb;
        box-shadow: 0 0 0 0.25rem rgba(11, 105, 246, 0.25);
        outline: 0;
    }
    .form-check-input:checked {
        background-color: #518432;
        border-color: #518432;
    }
    .form-check-input:checked[type="checkbox"] {
        --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 10 3 3 6-6'/%3E%3C/svg%3E");
    }
    .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='%23fff'/%3E%3C/svg%3E");
    }
    .form-check-input[type="checkbox"]:indeterminate {
        background-color: #518432;
        border-color: #518432;
        --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: 0.5;
        pointer-events: none;
    }
    .form-check-input:disabled ~ .form-check-label,
    .form-check-input[disabled] ~ .form-check-label {
        cursor: default;
        opacity: 0.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 0.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='%2385B4FA'/%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: 0.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 0.25rem rgba(11, 105, 246, 0.25);
    }
    .form-range:focus::-moz-range-thumb {
        box-shadow:
            0 0 0 1px #fff,
            0 0 0 0.25rem rgba(11, 105, 246, 0.25);
    }
    .form-range::-moz-focus-outer {
        border: 0;
    }
    .form-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        background-color: #518432;
        border: 0;
        border-radius: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        -webkit-transition:
            background-color 0.15s ease-in-out,
            border-color 0.15s ease-in-out,
            box-shadow 0.15s ease-in-out;
        transition:
            background-color 0.15s ease-in-out,
            border-color 0.15s ease-in-out,
            box-shadow 0.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: #b6d2fc;
    }
    .form-range::-webkit-slider-runnable-track {
        background-color: var(--bs-secondary-bg);
        border-color: transparent;
        border-radius: 1rem;
        color: transparent;
        cursor: pointer;
        height: 0.5rem;
        width: 100%;
    }
    .form-range::-moz-range-thumb {
        -moz-appearance: none;
        appearance: none;
        background-color: #518432;
        border: 0;
        border-radius: 1rem;
        height: 1rem;
        -moz-transition:
            background-color 0.15s ease-in-out,
            border-color 0.15s ease-in-out,
            box-shadow 0.15s ease-in-out;
        transition:
            background-color 0.15s ease-in-out,
            border-color 0.15s ease-in-out,
            box-shadow 0.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: #b6d2fc;
    }
    .form-range::-moz-range-track {
        background-color: var(--bs-secondary-bg);
        border-color: transparent;
        border-radius: 1rem;
        color: transparent;
        cursor: pointer;
        height: 0.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 {
        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 0.75rem;
        pointer-events: none;
        position: absolute;
        text-align: start;
        text-overflow: ellipsis;
        top: 0;
        transform-origin: 0 0;
        transition:
            opacity 0.1s ease-in-out,
            transform 0.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 {
        padding: 1rem 0.75rem;
    }
    .form-floating > .form-control-plaintext::-moz-placeholder,
    .form-floating > .form-control::-moz-placeholder {
        color: transparent;
    }
    .form-floating > .form-control-plaintext::placeholder,
    .form-floating > .form-control::placeholder {
        color: transparent;
    }
    .form-floating > .form-control-plaintext:not(:-moz-placeholder),
    .form-floating > .form-control:not(:-moz-placeholder) {
        padding-bottom: 0.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) {
        padding-bottom: 0.625rem;
        padding-top: 1.625rem;
    }
    .form-floating > .form-control-plaintext:-webkit-autofill,
    .form-floating > .form-control:-webkit-autofill {
        padding-bottom: 0.625rem;
        padding-top: 1.625rem;
    }
    .form-floating > .form-select {
        padding-bottom: 0.625rem;
        padding-top: 1.625rem;
    }
    .form-floating > .form-control:not(:-moz-placeholder) ~ label {
        color: rgba(var(--bs-body-color-rgb), 0.65);
        transform: scale(0.85) translateY(-0.5rem) translateX(0.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 {
        color: rgba(var(--bs-body-color-rgb), 0.65);
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    }
    .form-floating > .form-control:not(:-moz-placeholder) ~ label:after {
        background-color: var(--bs-body-bg);
        border-radius: 4px;
        content: "";
        height: 1.5em;
        inset: 1rem 0.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 {
        background-color: var(--bs-body-bg);
        border-radius: 4px;
        content: "";
        height: 1.5em;
        inset: 1rem 0.375rem;
        position: absolute;
        z-index: -1;
    }
    .form-floating > .form-control:-webkit-autofill ~ label {
        color: rgba(var(--bs-body-color-rgb), 0.65);
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    }
    .form-floating > .form-control-plaintext ~ label {
        border-width: var(--bs-border-width) 0;
    }
    .form-floating > .form-control:disabled ~ label,
    .form-floating > :disabled ~ label {
        color: #6c757d;
    }
    .form-floating > .form-control:disabled ~ label:after,
    .form-floating > :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 {
        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 {
        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: 0.375rem 0.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 {
        border-radius: 4px;
        font-size: 1.25rem;
        padding: 0.5rem 1rem;
    }
    .input-group-sm > .btn,
    .input-group-sm > .form-control,
    .input-group-sm > .form-select,
    .input-group-sm > .input-group-text {
        border-radius: 4px;
        font-size: 0.875rem;
        padding: 0.25rem 0.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) {
        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);
    }
    .input-group > .form-floating:not(:first-child) > .form-control,
    .input-group > .form-floating:not(:first-child) > .form-select {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }
    .valid-feedback {
        color: var(--bs-form-valid-color);
        display: none;
        font-size: 0.875em;
        margin-top: 0.25rem;
        width: 100%;
    }
    .valid-tooltip {
        background-color: var(--bs-success);
        border-radius: var(--bs-border-radius);
        color: #fff;
        display: none;
        font-size: 0.875rem;
        margin-top: 0.1rem;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        position: absolute;
        top: 100%;
        z-index: 5;
    }
    .is-valid ~ .valid-feedback,
    .is-valid ~ .valid-tooltip,
    .product-comment-modal input[name="comment_title"].valid ~ .valid-feedback,
    .product-comment-modal input[name="comment_title"].valid ~ .valid-tooltip,
    .product-comment-modal input[name="customer_name"].valid ~ .valid-feedback,
    .product-comment-modal input[name="customer_name"].valid ~ .valid-tooltip,
    .product-comment-modal textarea.valid ~ .valid-feedback,
    .product-comment-modal textarea.valid ~ .valid-tooltip,
    .was-validated :valid ~ .valid-feedback,
    .was-validated :valid ~ .valid-tooltip {
        display: block;
    }
    .form-control.is-valid,
    .product-comment-modal input.form-control[name="comment_title"].valid,
    .product-comment-modal input.form-control[name="customer_name"].valid,
    .product-comment-modal textarea.form-control.valid,
    .was-validated .form-control: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='%23188251' 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(0.375em + 0.1875rem) center;
        background-repeat: no-repeat;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        border-color: var(--bs-form-valid-border-color);
        padding-right: calc(1.5em + 0.75rem);
    }
    .form-control.is-valid:focus,
    .product-comment-modal input.form-control[name="comment_title"].valid:focus,
    .product-comment-modal input.form-control[name="customer_name"].valid:focus,
    .product-comment-modal textarea.form-control.valid:focus,
    .was-validated .form-control:valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
    }
    .product-comment-modal textarea.form-control.valid,
    .was-validated textarea.form-control:valid,
    textarea.form-control.is-valid {
        background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
        padding-right: calc(1.5em + 0.75rem);
    }
    .form-select.is-valid,
    .product-comment-modal input.form-select[name="comment_title"].valid,
    .product-comment-modal input.form-select[name="customer_name"].valid,
    .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"],
    .product-comment-modal input.form-select[name="comment_title"].valid:not([multiple]):not([size]),
    .product-comment-modal input.form-select[name="comment_title"].valid:not([multiple])[size="1"],
    .product-comment-modal input.form-select[name="customer_name"].valid:not([multiple]):not([size]),
    .product-comment-modal input.form-select[name="customer_name"].valid:not([multiple])[size="1"],
    .product-comment-modal textarea.form-select.valid:not([multiple]):not([size]),
    .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='%23188251' 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 0.75rem center,
            center right 2.25rem;
        background-size:
            16px 12px,
            calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        padding-right: 4.125rem;
    }
    .form-select.is-valid:focus,
    .product-comment-modal input.form-select[name="comment_title"].valid:focus,
    .product-comment-modal input.form-select[name="customer_name"].valid:focus,
    .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 0.25rem rgba(var(--bs-success-rgb), 0.25);
    }
    .form-control-color.is-valid,
    .product-comment-modal input.form-control-color[name="comment_title"].valid,
    .product-comment-modal input.form-control-color[name="customer_name"].valid,
    .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,
    .product-comment-modal input.form-check-input[name="comment_title"].valid,
    .product-comment-modal input.form-check-input[name="customer_name"].valid,
    .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,
    .product-comment-modal input.form-check-input[name="comment_title"].valid:checked,
    .product-comment-modal input.form-check-input[name="customer_name"].valid:checked,
    .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,
    .product-comment-modal input.form-check-input[name="comment_title"].valid:focus,
    .product-comment-modal input.form-check-input[name="customer_name"].valid:focus,
    .product-comment-modal textarea.form-check-input.valid:focus,
    .was-validated .form-check-input:valid:focus {
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
    }
    .form-check-input.is-valid ~ .form-check-label,
    .product-comment-modal input.form-check-input[name="comment_title"].valid ~ .form-check-label,
    .product-comment-modal input.form-check-input[name="customer_name"].valid ~ .form-check-label,
    .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: 0.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,
    .product-comment-modal .input-group > input.form-control[name="comment_title"].valid:not(:focus),
    .product-comment-modal .input-group > input.form-control[name="customer_name"].valid:not(:focus),
    .product-comment-modal .input-group > input.form-floating[name="comment_title"].valid:not(:focus-within),
    .product-comment-modal .input-group > input.form-floating[name="customer_name"].valid:not(:focus-within),
    .product-comment-modal .input-group > input.form-select[name="comment_title"].valid:not(:focus),
    .product-comment-modal .input-group > input.form-select[name="customer_name"].valid:not(:focus),
    .product-comment-modal .input-group > textarea.form-control.valid:not(:focus),
    .product-comment-modal .input-group > textarea.form-floating.valid:not(:focus-within),
    .product-comment-modal .input-group > textarea.form-select.valid:not(:focus),
    .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 {
        z-index: 3;
    }
    .invalid-feedback {
        color: var(--bs-form-invalid-color);
        display: none;
        font-size: 0.875em;
        margin-top: 0.25rem;
        width: 100%;
    }
    .invalid-tooltip {
        background-color: var(--bs-danger);
        border-radius: var(--bs-border-radius);
        color: #fff;
        display: none;
        font-size: 0.875rem;
        margin-top: 0.1rem;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        position: absolute;
        top: 100%;
        z-index: 5;
    }
    .is-invalid ~ .invalid-feedback,
    .is-invalid ~ .invalid-tooltip,
    .product-comment-modal input[name="comment_title"].error ~ .invalid-feedback,
    .product-comment-modal input[name="comment_title"].error ~ .invalid-tooltip,
    .product-comment-modal input[name="customer_name"].error ~ .invalid-feedback,
    .product-comment-modal input[name="customer_name"].error ~ .invalid-tooltip,
    .product-comment-modal textarea.error ~ .invalid-feedback,
    .product-comment-modal textarea.error ~ .invalid-tooltip,
    .was-validated :invalid ~ .invalid-feedback,
    .was-validated :invalid ~ .invalid-tooltip {
        display: block;
    }
    .form-control.is-invalid,
    .product-comment-modal input.form-control[name="comment_title"].error,
    .product-comment-modal input.form-control[name="customer_name"].error,
    .product-comment-modal textarea.form-control.error,
    .was-validated .form-control: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='%23ff4657' 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='%23ff4657' stroke='none'/%3E%3C/svg%3E");
        background-position: right calc(0.375em + 0.1875rem) center;
        background-repeat: no-repeat;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        border-color: var(--bs-form-invalid-border-color);
        padding-right: calc(1.5em + 0.75rem);
    }
    .form-control.is-invalid:focus,
    .product-comment-modal input.form-control[name="comment_title"].error:focus,
    .product-comment-modal input.form-control[name="customer_name"].error:focus,
    .product-comment-modal textarea.form-control.error:focus,
    .was-validated .form-control:invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
    }
    .product-comment-modal textarea.form-control.error,
    .was-validated textarea.form-control:invalid,
    textarea.form-control.is-invalid {
        background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
        padding-right: calc(1.5em + 0.75rem);
    }
    .form-select.is-invalid,
    .product-comment-modal input.form-select[name="comment_title"].error,
    .product-comment-modal input.form-select[name="customer_name"].error,
    .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"],
    .product-comment-modal input.form-select[name="comment_title"].error:not([multiple]):not([size]),
    .product-comment-modal input.form-select[name="comment_title"].error:not([multiple])[size="1"],
    .product-comment-modal input.form-select[name="customer_name"].error:not([multiple]):not([size]),
    .product-comment-modal input.form-select[name="customer_name"].error:not([multiple])[size="1"],
    .product-comment-modal textarea.form-select.error:not([multiple]):not([size]),
    .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='%23ff4657' 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='%23ff4657' stroke='none'/%3E%3C/svg%3E");
        background-position:
            right 0.75rem center,
            center right 2.25rem;
        background-size:
            16px 12px,
            calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        padding-right: 4.125rem;
    }
    .form-select.is-invalid:focus,
    .product-comment-modal input.form-select[name="comment_title"].error:focus,
    .product-comment-modal input.form-select[name="customer_name"].error:focus,
    .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 0.25rem rgba(var(--bs-danger-rgb), 0.25);
    }
    .form-control-color.is-invalid,
    .product-comment-modal input.form-control-color[name="comment_title"].error,
    .product-comment-modal input.form-control-color[name="customer_name"].error,
    .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,
    .product-comment-modal input.form-check-input[name="comment_title"].error,
    .product-comment-modal input.form-check-input[name="customer_name"].error,
    .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,
    .product-comment-modal input.form-check-input[name="comment_title"].error:checked,
    .product-comment-modal input.form-check-input[name="customer_name"].error:checked,
    .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,
    .product-comment-modal input.form-check-input[name="comment_title"].error:focus,
    .product-comment-modal input.form-check-input[name="customer_name"].error:focus,
    .product-comment-modal textarea.form-check-input.error:focus,
    .was-validated .form-check-input:invalid:focus {
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
    }
    .form-check-input.is-invalid ~ .form-check-label,
    .product-comment-modal input.form-check-input[name="comment_title"].error ~ .form-check-label,
    .product-comment-modal input.form-check-input[name="customer_name"].error ~ .form-check-label,
    .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: 0.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,
    .product-comment-modal .input-group > input.form-control[name="comment_title"].error:not(:focus),
    .product-comment-modal .input-group > input.form-control[name="customer_name"].error:not(:focus),
    .product-comment-modal .input-group > input.form-floating[name="comment_title"].error:not(:focus-within),
    .product-comment-modal .input-group > input.form-floating[name="customer_name"].error:not(:focus-within),
    .product-comment-modal .input-group > input.form-select[name="comment_title"].error:not(:focus),
    .product-comment-modal .input-group > input.form-select[name="customer_name"].error:not(:focus),
    .product-comment-modal .input-group > textarea.form-control.error:not(:focus),
    .product-comment-modal .input-group > textarea.form-floating.error:not(:focus-within),
    .product-comment-modal .input-group > textarea.form-select.error:not(:focus),
    .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 {
        z-index: 4;
    }
    .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: #518432;
        --bs-list-group-active-border-color: #518432;
        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;
    }
    .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);
    }
    .modal {
        --bs-modal-zindex: 1055;
        --bs-modal-width: 500px;
        --bs-modal-padding: 1.5rem;
        --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: 0;
        --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: 1.5rem;
        --bs-modal-header-padding-y: 1.5rem;
        --bs-modal-header-padding: 1.5rem 1.5rem;
        --bs-modal-header-border-color: var(--bs-border-color);
        --bs-modal-header-border-width: 0;
        --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 0.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-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%;
    }
    .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: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
        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) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5)
            calc(var(--bs-modal-header-padding-y) * -0.5) auto;
        padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.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);
        border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
        display: flex;
        flex-shrink: 0;
        flex-wrap: wrap;
        justify-content: flex-end;
        padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
    }
    .modal-footer > * {
        margin: calc(var(--bs-modal-footer-gap) * 0.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: 800px;
        }
    }
    @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;
        }
    }
    .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 > .checkout-steps__mobile,
    .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);
        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-weight: ;
        --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: 0.5rem;
        padding-top: 0.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%, 0.55);
        --bs-navbar-hover-color: hsla(0, 0%, 100%, 0.75);
        --bs-navbar-disabled-color: hsla(0, 0%, 100%, 0.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%, 0.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");
    }
    .nav {
        --bs-nav-link-padding-x: 1rem;
        --bs-nav-link-padding-y: 0.5rem;
        --bs-nav-link-font-weight: ;
        --bs-nav-link-color: var(--bs-link-color);
        --bs-nav-link-hover-color: var(--bs-link-hover-color);
        --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;
        border: 0;
        color: var(--bs-nav-link-color);
        display: block;
        font-size: var(--bs-nav-link-font-size);
        font-weight: var(--bs-nav-link-font-weight);
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
        transition:
            color 0.15s ease-in-out,
            background-color 0.15s ease-in-out,
            border-color 0.15s ease-in-out;
    }
    @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 0.25rem rgba(11, 105, 246, 0.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: var(--bs-border-width);
        --bs-nav-tabs-border-color: var(--bs-border-color);
        --bs-nav-tabs-border-radius: var(--bs-border-radius);
        --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
        --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
        --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
        --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
        border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
    }
    .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);
    }
    .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);
    }
    .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: #518432;
    }
    .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;
    }
    .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: 0.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) * -0.5) calc(var(--bs-offcanvas-padding-x) * -0.5)
            calc(var(--bs-offcanvas-padding-y) * -0.5) auto;
        padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.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);
    }
    .pagination {
        --bs-pagination-padding-x: 0.625rem;
        --bs-pagination-padding-y: 0.5rem;
        --bs-pagination-font-size: 1rem;
        --bs-pagination-color: var(--bs-link-color);
        --bs-pagination-bg: transparent;
        --bs-pagination-border-width: 0;
        --bs-pagination-border-color: transparent;
        --bs-pagination-border-radius: var(--bs-border-radius);
        --bs-pagination-hover-color: var(--bs-link-hover-color);
        --bs-pagination-hover-bg: transparent;
        --bs-pagination-hover-border-color: transparent;
        --bs-pagination-focus-color: var(--bs-link-hover-color);
        --bs-pagination-focus-bg: transparent;
        --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(11, 105, 246, 0.25);
        --bs-pagination-active-color: var(--bs-primary);
        --bs-pagination-active-bg: transparent;
        --bs-pagination-active-border-color: transparent;
        --bs-pagination-disabled-color: var(--bs-secondary-color);
        --bs-pagination-disabled-bg: transparent;
        --bs-pagination-disabled-border-color: transparent;
        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;
        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;
    }
    @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: 0;
    }
    .page-item .page-link {
        border-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);
    }
    .placeholder {
        background-color: currentcolor;
        cursor: wait;
        display: inline-block;
        min-height: 1em;
        opacity: 0.5;
        vertical-align: middle;
    }
    .placeholder.btn:before {
        content: "";
        display: inline-block;
    }
    .placeholder-xs {
        min-height: 0.6em;
    }
    .placeholder-sm {
        min-height: 0.8em;
    }
    .placeholder-lg {
        min-height: 1.2em;
    }
    .placeholder-glow .placeholder {
        animation: placeholder-glow 2s ease-in-out infinite;
    }
    @keyframes placeholder-glow {
        50% {
            opacity: 0.2;
        }
    }
    .placeholder-wave {
        animation: placeholder-wave 2s linear infinite;
        -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
        mask-image: linear-gradient(130deg, #000 55%, rgba(0, 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;
        }
    }
    .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.5;
        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) * 0.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) * 0.5) var(--bs-popover-arrow-height)
            calc(var(--bs-popover-arrow-width) * 0.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) * 0.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) * -0.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) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.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);
    }
    @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: #518432;
        --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%, 0.15) 25%,
            transparent 0,
            transparent 50%,
            hsla(0, 0%, 100%, 0.15) 0,
            hsla(0, 0%, 100%, 0.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;
        }
    }
    .page-product #product-comments-list.has-comments:empty:before,
    .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);
        }
    }
    .page-product #product-comments-list.has-comments:empty:before,
    .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) {
        .page-product #product-comments-list.has-comments:empty:before,
        .spinner-border,
        .spinner-grow {
            --bs-spinner-animation-speed: 1.5s;
        }
    }
    .discounts-table,
    .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%;
    }
    .discounts-table > :not(caption) > * > *,
    .rich-text table > :not(caption) > * > *,
    .table > :not(caption) > * > * {
        background-color: var(--bs-table-bg);
        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: 0.5rem;
    }
    .discounts-table > tbody,
    .rich-text table > tbody,
    .table > tbody {
        vertical-align: inherit;
    }
    .discounts-table > thead,
    .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: 0.25rem;
    }
    .rich-text table > :not(caption) > *,
    .table-bordered > :not(caption) > * {
        border-width: var(--bs-border-width) 0;
    }
    .rich-text table > :not(caption) > * > *,
    .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: #cee1fd;
        --bs-table-border-color: #a5b4cb;
        --bs-table-striped-bg: #c4d6f1;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #bacbe4;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #bfd0ea;
        --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: #d1e6dc;
        --bs-table-border-color: #a7b8b0;
        --bs-table-striped-bg: #c6dbd1;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #bccfc6;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #c1d5cc;
        --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: #ffdadd;
        --bs-table-border-color: #ccaeb1;
        --bs-table-striped-bg: #f2cfd2;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #e6c4c7;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #eccacd;
        --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;
        }
    }
    .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: var(--bs-border-width);
        --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) * -0.5);
    }
    .toast-body {
        padding: var(--bs-toast-padding-x);
        word-wrap: break-word;
    }
    .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.5;
        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) * 0.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) * 0.5) var(--bs-tooltip-arrow-height)
            calc(var(--bs-tooltip-arrow-width) * 0.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) * 0.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) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.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;
    }
}
@layer bs-custom-components {
    .accordion-item {
        border-block-end: 1px solid var(--bs-border-color);
    }
    .accordion-button {
        font-size: 1.25rem;
        font-weight: 600;
    }
    .accordion-button:focus {
        box-shadow: none;
    }
    .accordion-button:focus-visible {
        box-shadow: var(--bs-accordion-btn-focus-box-shadow);
        outline: 0;
        z-index: 3;
    }
    .accordion--small .accordion-button {
        font-size: 1rem;
        padding-block: 0.5rem;
    }
    .alert-link {
        text-decoration: underline;
    }
    .breadcrumb {
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        overflow-x: scroll;
        scrollbar-width: none;
        margin-bottom: 20px;
        border-radius: 5px;
        border: 1px solid #f5f5f5;
        padding: 8px 10px !important;
        margin-top: 20px;
        background-color: #ffffff;
    }
    .breadcrumb[data-depth="1"] {
        display: none;
    }
    .breadcrumb-item {
        padding: 0;
        white-space: nowrap;
    }
    .breadcrumb-item + .breadcrumb-item:before {
        float: none;
        padding-inline-end: 0.25rem;
    }    
    @media (min-width: 768px) {
        .breadcrumb {
            flex-wrap: wrap;
            overflow-x: initial;
            scrollbar-width: auto;
        }        
    }
    .btn {
        align-items: center;
        display: inline-flex;
        gap: 0.25rem;
        justify-content: center;
        height: 42px;
        min-width: 42px;
    }
    #module-psgdpr-gdpr .btn.btn-outline-primary{
        line-height: 28px;
    }
    .btn .material-icons,
    .btn .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item[data-ps-has-child="true"]:after,
    .ps-mainmenu:is(.ps-mainmenu--desktop) .btn .submenu__left-item[data-ps-has-child="true"]:after {
        font-size: 1.25em;
        height: 1.2em;
        line-height: 1.2em;
        width: 1.2em;
    }
    .btn-square-icon {
        padding-inline: var(--bs-btn-padding-y);
    }
    .btn-tertiary {
        --bs-btn-font-weight: 400;
        --bs-btn-color: var(--bs-body-color);
        --bs-btn-bg: var(--bs-body-bg);
        --bs-btn-border-color: var(--bs-body-bg);
        --bs-btn-hover-color: var(--bs-link-hover-color);
        --bs-btn-hover-bg: var(--bs-body-bg);
        --bs-btn-hover-border-color: var(--bs-body-bg);
        --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
        --bs-btn-active-color: var(--bs-link-hover-color);
        --bs-btn-active-bg: var(--bs-body-bg);
        --bs-btn-active-border-color: var(--bs-body-bg);
    }
    .btn-outline-tertiary {
        --bs-btn-font-weight: 400;
        --bs-btn-color: var(--bs-body-color);
        --bs-btn-bg: var(--bs-body-bg);
        --bs-btn-border-color: var(--bs-border-color);
        --bs-btn-hover-color: var(--bs-link-hover-color);
        --bs-btn-hover-bg: var(--bs-body-bg);
        --bs-btn-hover-border-color: var(--bs-border-color);
        --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
        --bs-btn-active-color: var(--bs-link-hover-color);
        --bs-btn-active-bg: var(--bs-body-bg);
        --bs-btn-active-border-color: var(--bs-border-color);
    }
    .btn-basic {
        --bs-btn-padding-x: 0;
        --bs-btn-font-weight: 400;
        --bs-btn-color: var(--bs-link-color);
        --bs-btn-bg: var(--bs-body-bg);
        --bs-btn-border-color: var(--bs-body-bg);
        --bs-btn-hover-color: var(--bs-link-hover-color);
        --bs-btn-hover-bg: var(--bs-body-bg);
        --bs-btn-hover-border-color: var(--bs-body-bg);
        --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
        --bs-btn-active-color: var(--bs-link-hover-color);
        --bs-btn-active-bg: var(--bs-body-bg);
        --bs-btn-active-border-color: var(--bs-body-bg);
    }
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        align-items: center;
        background-color: var(--bs-white);
        background-image: none;
        border-radius: var(--bs-border-radius-sm);
        display: flex;
        justify-content: center;
    }
    .carousel-control-prev-icon:before {
        content: "";
    }
    .carousel-control-next-icon:before,
    .carousel-control-prev-icon:before {
        color: var(--bs-dark);
        display: inline-block;
        font-family:
            Material Icons,
            sans-serif;
        font-feature-settings: "liga";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        height: 1em;
        letter-spacing: normal;
        line-height: 1;
        text-transform: none;
        width: 1em;
        word-wrap: normal;
        direction: ltr;
        vertical-align: middle;
        white-space: nowrap;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizelegibility;
        -moz-osx-font-smoothing: grayscale;
    }
    .carousel-control-next-icon:before {
        content: "";
    }
    .carousel-indicators {
        bottom: 0;
        margin-bottom: 0.625rem;
    }
    .carousel-indicators .active {
        background-color:#518432;
    }
    .carousel-caption {
        bottom: 3.125rem;
        padding-inline: 1.25rem;
    }
    .dropdown-toggle {
        align-items: center;
        display: inline-flex;
    }
    .form-check-label.required:before {
        color: var(--bs-danger);
        content: "*"/" ";
    }
    hr {
        color: var(--bs-border-color);
        opacity: 1;
    }
    .form-label.required:after {
        color: var(--bs-danger);
        content: "*"/" ";
    }
    .modal-title {
        color: var(--bs-body-color);
    }
    .modal-body {
        padding-block: 0.5rem;
    }
    .modal-footer--split-buttons {
        gap: 0.5rem;
        justify-content: space-between;
        padding-inline: var(--bs-modal-padding);
    }
    .modal-footer--revert-order-mobile > :nth-child(2) {
        order: -1;
    }
    .modal-footer--revert-order-mobile > * {
        margin: 0;
        width: 100%;
    }
    @media (min-width: 576px) {
        .modal-footer--revert-order-mobile {
            flex-direction: row;
        }
        .modal-footer--revert-order-mobile > :nth-child(2) {
            order: 0;
        }
        .modal-footer--revert-order-mobile > * {
            width: auto;
        }
    }
    .pagination {
        flex-wrap: wrap;
    }
    .page-link {
        align-items: center;
        display: inline-flex;
        gap: 0.5em;
    }
    .active > .page-link,
    .page-link.active {
        font-weight: 600;
    }
    .active > .page-link.disabled,
    .page-link.active.disabled {
        color: var(--bs-pagination-active-color);
    }
}
@layer utilities {
    .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: 0.25 !important;
    }
    .opacity-50 {
        opacity: 0.5 !important;
    }
    .opacity-75 {
        opacity: 0.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;
    }
    .border-0 {
        border: 0 !important;
    }
    .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: 0.25rem !important;
    }
    .m-2 {
        margin: 0.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: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
    .mx-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.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: 0.25rem !important;
        margin-top: 0.25rem !important;
    }
    .my-2 {
        margin-bottom: 0.5rem !important;
        margin-top: 0.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: 0.25rem !important;
    }
    .mt-2 {
        margin-top: 0.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: 0.25rem !important;
    }
    .me-2 {
        margin-right: 0.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: 0.25rem !important;
    }
    .mb-2 {
        margin-bottom: 0.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: 0.25rem !important;
    }
    .ms-2 {
        margin-left: 0.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: 0.25rem !important;
    }
    .p-2 {
        padding: 0.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: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
    .px-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.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: 0.25rem !important;
        padding-top: 0.25rem !important;
    }
    .py-2 {
        padding-bottom: 0.5rem !important;
        padding-top: 0.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: 0.25rem !important;
    }
    .pt-2 {
        padding-top: 0.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: 0.25rem !important;
    }
    .pe-2 {
        padding-right: 0.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: 0.25rem !important;
    }
    .pb-2 {
        padding-bottom: 0.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: 0.25rem !important;
    }
    .ps-2 {
        padding-left: 0.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: 0.25rem !important;
    }
    .gap-2 {
        gap: 0.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: 0.25rem !important;
    }
    .row-gap-2 {
        row-gap: 0.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: 0.25rem !important;
        column-gap: 0.25rem !important;
    }
    .column-gap-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.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(var(--bs-body-font-size) * 2) !important;
    }
    .fs-2 {
        font-size: calc(var(--bs-body-font-size) * 1.5) !important;
    }
    .fs-3 {
        font-size: calc(var(--bs-body-font-size) * 1.25) !important;
    }
    .fs-4 {
        font-size: calc(var(--bs-body-font-size) * 1.125) !important;
    }
    .fs-5 {
        font-size: var(--bs-body-font-size) !important;
    }
    .fs-6 {
        font-size: calc(var(--bs-body-font-size) * 0.875) !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;
    }
    .product-comment-modal #ratingNotChosen,
    .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, 0.5) !important;
    }
    .text-white-50 {
        --bs-text-opacity: 1;
        color: hsla(0, 0%, 100%, 0.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;
    }
    .page-product #product-comments-list.has-comments:empty:before,
    .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: 0.125em !important;
    }
    .link-offset-2,
    .link-offset-2-hover:hover {
        text-underline-offset: 0.25em !important;
    }
    .link-offset-3,
    .link-offset-3-hover:hover {
        text-underline-offset: 0.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;
        background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
    }
    .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: 0.25rem !important;
        }
        .m-xs-2 {
            margin: 0.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: 0.25rem !important;
            margin-right: 0.25rem !important;
        }
        .mx-xs-2 {
            margin-left: 0.5rem !important;
            margin-right: 0.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: 0.25rem !important;
            margin-top: 0.25rem !important;
        }
        .my-xs-2 {
            margin-bottom: 0.5rem !important;
            margin-top: 0.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: 0.25rem !important;
        }
        .mt-xs-2 {
            margin-top: 0.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: 0.25rem !important;
        }
        .me-xs-2 {
            margin-right: 0.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: 0.25rem !important;
        }
        .mb-xs-2 {
            margin-bottom: 0.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: 0.25rem !important;
        }
        .ms-xs-2 {
            margin-left: 0.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: 0.25rem !important;
        }
        .p-xs-2 {
            padding: 0.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: 0.25rem !important;
            padding-right: 0.25rem !important;
        }
        .px-xs-2 {
            padding-left: 0.5rem !important;
            padding-right: 0.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: 0.25rem !important;
            padding-top: 0.25rem !important;
        }
        .py-xs-2 {
            padding-bottom: 0.5rem !important;
            padding-top: 0.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: 0.25rem !important;
        }
        .pt-xs-2 {
            padding-top: 0.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: 0.25rem !important;
        }
        .pe-xs-2 {
            padding-right: 0.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: 0.25rem !important;
        }
        .pb-xs-2 {
            padding-bottom: 0.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: 0.25rem !important;
        }
        .ps-xs-2 {
            padding-left: 0.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: 0.25rem !important;
        }
        .gap-xs-2 {
            gap: 0.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: 0.25rem !important;
        }
        .row-gap-xs-2 {
            row-gap: 0.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: 0.25rem !important;
            column-gap: 0.25rem !important;
        }
        .column-gap-xs-2 {
            -moz-column-gap: 0.5rem !important;
            column-gap: 0.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: 0.25rem !important;
        }
        .m-sm-2 {
            margin: 0.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: 0.25rem !important;
            margin-right: 0.25rem !important;
        }
        .mx-sm-2 {
            margin-left: 0.5rem !important;
            margin-right: 0.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: 0.25rem !important;
            margin-top: 0.25rem !important;
        }
        .my-sm-2 {
            margin-bottom: 0.5rem !important;
            margin-top: 0.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: 0.25rem !important;
        }
        .mt-sm-2 {
            margin-top: 0.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: 0.25rem !important;
        }
        .me-sm-2 {
            margin-right: 0.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: 0.25rem !important;
        }
        .mb-sm-2 {
            margin-bottom: 0.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: 0.25rem !important;
        }
        .ms-sm-2 {
            margin-left: 0.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: 0.25rem !important;
        }
        .p-sm-2 {
            padding: 0.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: 0.25rem !important;
            padding-right: 0.25rem !important;
        }
        .px-sm-2 {
            padding-left: 0.5rem !important;
            padding-right: 0.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: 0.25rem !important;
            padding-top: 0.25rem !important;
        }
        .py-sm-2 {
            padding-bottom: 0.5rem !important;
            padding-top: 0.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: 0.25rem !important;
        }
        .pt-sm-2 {
            padding-top: 0.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: 0.25rem !important;
        }
        .pe-sm-2 {
            padding-right: 0.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: 0.25rem !important;
        }
        .pb-sm-2 {
            padding-bottom: 0.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: 0.25rem !important;
        }
        .ps-sm-2 {
            padding-left: 0.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: 0.25rem !important;
        }
        .gap-sm-2 {
            gap: 0.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: 0.25rem !important;
        }
        .row-gap-sm-2 {
            row-gap: 0.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: 0.25rem !important;
            column-gap: 0.25rem !important;
        }
        .column-gap-sm-2 {
            -moz-column-gap: 0.5rem !important;
            column-gap: 0.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: 0.25rem !important;
        }
        .m-md-2 {
            margin: 0.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: 0.25rem !important;
            margin-right: 0.25rem !important;
        }
        .mx-md-2 {
            margin-left: 0.5rem !important;
            margin-right: 0.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: 0.25rem !important;
            margin-top: 0.25rem !important;
        }
        .my-md-2 {
            margin-bottom: 0.5rem !important;
            margin-top: 0.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: 0.25rem !important;
        }
        .mt-md-2 {
            margin-top: 0.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: 0.25rem !important;
        }
        .me-md-2 {
            margin-right: 0.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: 0.25rem !important;
        }
        .mb-md-2 {
            margin-bottom: 0.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: 0.25rem !important;
        }
        .ms-md-2 {
            margin-left: 0.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: 0.25rem !important;
        }
        .p-md-2 {
            padding: 0.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: 0.25rem !important;
            padding-right: 0.25rem !important;
        }
        .px-md-2 {
            padding-left: 0.5rem !important;
            padding-right: 0.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: 0.25rem !important;
            padding-top: 0.25rem !important;
        }
        .py-md-2 {
            padding-bottom: 0.5rem !important;
            padding-top: 0.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: 0.25rem !important;
        }
        .pt-md-2 {
            padding-top: 0.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: 0.25rem !important;
        }
        .pe-md-2 {
            padding-right: 0.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: 0.25rem !important;
        }
        .pb-md-2 {
            padding-bottom: 0.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: 0.25rem !important;
        }
        .ps-md-2 {
            padding-left: 0.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: 0.25rem !important;
        }
        .gap-md-2 {
            gap: 0.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: 0.25rem !important;
        }
        .row-gap-md-2 {
            row-gap: 0.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: 0.25rem !important;
            column-gap: 0.25rem !important;
        }
        .column-gap-md-2 {
            -moz-column-gap: 0.5rem !important;
            column-gap: 0.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: 0.25rem !important;
        }
        .m-lg-2 {
            margin: 0.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: 0.25rem !important;
            margin-right: 0.25rem !important;
        }
        .mx-lg-2 {
            margin-left: 0.5rem !important;
            margin-right: 0.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: 0.25rem !important;
            margin-top: 0.25rem !important;
        }
        .my-lg-2 {
            margin-bottom: 0.5rem !important;
            margin-top: 0.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: 0.25rem !important;
        }
        .mt-lg-2 {
            margin-top: 0.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: 0.25rem !important;
        }
        .me-lg-2 {
            margin-right: 0.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: 0.25rem !important;
        }
        .mb-lg-2 {
            margin-bottom: 0.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: 0.25rem !important;
        }
        .ms-lg-2 {
            margin-left: 0.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: 0.25rem !important;
        }
        .p-lg-2 {
            padding: 0.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: 0.25rem !important;
            padding-right: 0.25rem !important;
        }
        .px-lg-2 {
            padding-left: 0.5rem !important;
            padding-right: 0.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: 0.25rem !important;
            padding-top: 0.25rem !important;
        }
        .py-lg-2 {
            padding-bottom: 0.5rem !important;
            padding-top: 0.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: 0.25rem !important;
        }
        .pt-lg-2 {
            padding-top: 0.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: 0.25rem !important;
        }
        .pe-lg-2 {
            padding-right: 0.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: 0.25rem !important;
        }
        .pb-lg-2 {
            padding-bottom: 0.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: 0.25rem !important;
        }
        .ps-lg-2 {
            padding-left: 0.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: 0.25rem !important;
        }
        .gap-lg-2 {
            gap: 0.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: 0.25rem !important;
        }
        .row-gap-lg-2 {
            row-gap: 0.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: 0.25rem !important;
            column-gap: 0.25rem !important;
        }
        .column-gap-lg-2 {
            -moz-column-gap: 0.5rem !important;
            column-gap: 0.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: 0.25rem !important;
        }
        .m-xl-2 {
            margin: 0.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: 0.25rem !important;
            margin-right: 0.25rem !important;
        }
        .mx-xl-2 {
            margin-left: 0.5rem !important;
            margin-right: 0.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: 0.25rem !important;
            margin-top: 0.25rem !important;
        }
        .my-xl-2 {
            margin-bottom: 0.5rem !important;
            margin-top: 0.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: 0.25rem !important;
        }
        .mt-xl-2 {
            margin-top: 0.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: 0.25rem !important;
        }
        .me-xl-2 {
            margin-right: 0.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: 0.25rem !important;
        }
        .mb-xl-2 {
            margin-bottom: 0.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: 0.25rem !important;
        }
        .ms-xl-2 {
            margin-left: 0.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: 0.25rem !important;
        }
        .p-xl-2 {
            padding: 0.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: 0.25rem !important;
            padding-right: 0.25rem !important;
        }
        .px-xl-2 {
            padding-left: 0.5rem !important;
            padding-right: 0.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: 0.25rem !important;
            padding-top: 0.25rem !important;
        }
        .py-xl-2 {
            padding-bottom: 0.5rem !important;
            padding-top: 0.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: 0.25rem !important;
        }
        .pt-xl-2 {
            padding-top: 0.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: 0.25rem !important;
        }
        .pe-xl-2 {
            padding-right: 0.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: 0.25rem !important;
        }
        .pb-xl-2 {
            padding-bottom: 0.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: 0.25rem !important;
        }
        .ps-xl-2 {
            padding-left: 0.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: 0.25rem !important;
        }
        .gap-xl-2 {
            gap: 0.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: 0.25rem !important;
        }
        .row-gap-xl-2 {
            row-gap: 0.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: 0.25rem !important;
            column-gap: 0.25rem !important;
        }
        .column-gap-xl-2 {
            -moz-column-gap: 0.5rem !important;
            column-gap: 0.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: 0.25rem !important;
        }
        .m-xxl-2 {
            margin: 0.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: 0.25rem !important;
            margin-right: 0.25rem !important;
        }
        .mx-xxl-2 {
            margin-left: 0.5rem !important;
            margin-right: 0.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: 0.25rem !important;
            margin-top: 0.25rem !important;
        }
        .my-xxl-2 {
            margin-bottom: 0.5rem !important;
            margin-top: 0.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: 0.25rem !important;
        }
        .mt-xxl-2 {
            margin-top: 0.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: 0.25rem !important;
        }
        .me-xxl-2 {
            margin-right: 0.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: 0.25rem !important;
        }
        .mb-xxl-2 {
            margin-bottom: 0.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: 0.25rem !important;
        }
        .ms-xxl-2 {
            margin-left: 0.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: 0.25rem !important;
        }
        .p-xxl-2 {
            padding: 0.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: 0.25rem !important;
            padding-right: 0.25rem !important;
        }
        .px-xxl-2 {
            padding-left: 0.5rem !important;
            padding-right: 0.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: 0.25rem !important;
            padding-top: 0.25rem !important;
        }
        .py-xxl-2 {
            padding-bottom: 0.5rem !important;
            padding-top: 0.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: 0.25rem !important;
        }
        .pt-xxl-2 {
            padding-top: 0.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: 0.25rem !important;
        }
        .pe-xxl-2 {
            padding-right: 0.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: 0.25rem !important;
        }
        .pb-xxl-2 {
            padding-bottom: 0.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: 0.25rem !important;
        }
        .ps-xxl-2 {
            padding-left: 0.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: 0.25rem !important;
        }
        .gap-xxl-2 {
            gap: 0.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: 0.25rem !important;
        }
        .row-gap-xxl-2 {
            row-gap: 0.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: 0.25rem !important;
            column-gap: 0.25rem !important;
        }
        .column-gap-xxl-2 {
            -moz-column-gap: 0.5rem !important;
            column-gap: 0.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 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;
        }
    }
}
@layer vendors {
    .material-icons,
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item[data-ps-has-child="true"]:after {
        display: inline-block;
        font-family:
            Material Icons,
            sans-serif;
        font-feature-settings: "liga";
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        height: 1em;
        letter-spacing: normal;
        line-height: 1;
        text-transform: none;
        width: 1em;
        word-wrap: normal;
        direction: ltr;
        vertical-align: middle;
        white-space: nowrap;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizelegibility;
        -moz-osx-font-smoothing: grayscale;
    }
}
@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");
}
@layer ps-base {
    body,
    html {
        min-height: 100%;
    }
    body {
        direction: ltr;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    ol,
    ul {
        list-style: none;
        padding-left: 0;
    }
    a {
        transition: var(--bs-transition-default);
    }
}
@layer utilities {
    @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-danger-on-dark {
        color: #ff4657;
    }
}
@layer ps-components {
    .buttons-wrapper {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 0.5rem;
    }
    .buttons-wrapper .btn {
        width: 100%;
    }
    .buttons-wrapper--invert-mobile {
        flex-direction: column-reverse;
    }
    .buttons-wrapper--no-fw-mobile {
        flex-direction: row;
    }
    .buttons-wrapper--no-fw-mobile.buttons-wrapper--split {
        justify-content: space-between;
    }
    .buttons-wrapper--no-fw-mobile .btn {
        width: auto;
    }
    @media (min-width: 768px) {
        .buttons-wrapper {
            display: flex;
            flex-direction: row;
        }
        .buttons-wrapper--end {
            justify-content: flex-end;
        }
        .buttons-wrapper--split {
            justify-content: space-between;
        }
        .buttons-wrapper--invert-mobile {
            flex-direction: inherit;
        }
        .buttons-wrapper .btn {
            width: auto;
        }
    }
    .currency-selector {
        align-items: center;
        display: flex;
    }
    .currency-selector > span {
        margin-right: 0.5rem;
    }
    @media (max-width: 767.98px) {
        .currency-selector__wrapper {
            margin-bottom: 1rem;
        }
    }
    #_mobile_currency_selector:empty {
        display: none;
    }
    .left-block,
    .right-block {
        border-bottom: 1px solid var(--bs-border-color);
        margin-bottom: 2rem;
        padding-bottom: 1rem;
    }
    .left-block__title-link,
    .right-block__title-link {
        color: var(--bs-body-color);
    }
    .left-block__title-link:hover,
    .right-block__title-link:hover {
        color: var(--bs-link-hover-color);
    }
    .left-block__content--list,
    .right-block__content--list {
        margin-bottom: 0;
    }
    .left-block__link,
    .right-block__link {
        color: var(--bs-body-color);
        display: block;
        font-weight: 600;
        padding: 0.25rem 0;
    }
    .left-block__link:hover,
    .right-block__link:hover {
        color: var(--bs-link-hover-color);
    }
    @media (max-width: 767.98px) {
        .language-selector__wrapper {
            margin-bottom: 1rem;
        }
    }
    .language-selector__wrapper select {
        cursor: pointer;
    }
    .section-title {
        margin-block-end: 1.25rem;
    }
    .category-tree__child {
        border: none;
        padding: 0;
    }
    .category-tree__list {
        display: flex;
        flex-direction: column;
        row-gap: 0.5rem;
    }
    .category-tree__list[data-depth="0"]
        > .category-tree__item
        > .category-tree__item-header
        .category-tree__item-link {
        /* font-weight: 600; */
        font-size: .875rem;
    }
    .category-tree__list[data-depth="1"],
    .category-tree__list[data-depth="2"],
    .category-tree__list[data-depth="3"],
    .category-tree__list[data-depth="4"] {
        padding-left: 0.5rem;
    }
    .category-tree__title-link {
        color: var(--bs-body-color);
    }
    .category-tree__item {
        transition: var(--bs-transition-default);
    }
    .category-tree__item.active > .category-tree__item-header.parent .category-tree__item-link {
        color: var(--bs-link-hover-color);
    }
    .category-tree__item-link {
        color: var(--bs-body-color);
    }
    .category-tree__item-link:hover {
        color: var(--bs-link-hover-color);
    }
    .category-tree__item-header {
        display: flex;
        padding: 0.25rem 0;
    }
    .category-tree__item-header.split .accordion-button {
        background-color: transparent;
        margin: -0.25rem 0 -0.25rem auto;
        padding-inline-end: 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: 0.5rem 0 0;
    }
    .accordion--category .accordion-button {
        cursor: pointer;
        font-size: 1rem;
        font-weight: 700;
        padding: 0.25rem 0.5rem;
        width: auto;
    }
    .copyright {
        font-size: 0.875rem;
        padding-block-start: 1rem;
        text-align: left;
    }
    .copyright,
    .copyright a {
        color: var(--bs-gray-300);
    }
    .copyright a:hover {
        color: var(--bs-white);
    }
    @media (min-width: 768px) {
        .copyright {
            font-size: 1rem;
            padding-block-start: 2rem;
        }
    }
    .subcategory {
        margin-inline: calc(var(--bs-gutter-x) * -0.5);
    }
    .subcategory__link {
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius-pill);
        color: var(--bs-body-color);
        display: inline-block;
        flex-shrink: 0;
        line-height: 1.25;
        padding: 0.5rem 0.75rem;
        white-space: nowrap;
        word-break: break-word;
    }
    .subcategory__link:hover {
        background-color: var(--bs-tertiary-bg);
        color: var(--bs-link-hover-color);
    }
    .subcategory__link--with-image {
        align-items: center;
        border-radius: var(--bs-border-radius);
        display: flex;
        font-size: 0.875rem;
        gap: 0.5rem;
        padding: 0.5rem;
        white-space: normal;
    }
    .subcategory__thumbnail {
        border-radius: var(--bs-border-radius);
        display: block;
        height: 2.5rem;
        -o-object-fit: cover;
        object-fit: cover;
        width: 2.5rem;
    }
    .subcategory__list {
        align-items: center;
        display: flex;
        gap: 0.5rem;
        margin-block-end: 1rem;
        overflow-x: auto;
        padding-block: 0.25rem 0.75rem;
        padding-inline: 0.75rem;
    }
    .subcategory__list--with-images {
        align-items: stretch;
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        overflow-x: visible;
    }
    @media (min-width: 360px) {
        .subcategory__list--with-images {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (min-width: 576px) {
        .subcategory {
            margin-inline: 0;
        }
        .subcategory__link {
            flex-shrink: 1;
            white-space: normal;
        }
        .subcategory__thumbnail {
            height: 3rem;
            width: 3rem;
        }
        .subcategory__list {
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-block: 0 1.5rem;
            margin-inline: 0;
            overflow-x: visible;
            padding-block: 0;
            padding-inline: 0;
        }
    }
    @media (min-width: 992px) {
        .subcategory__link--with-image {
            font-size: 1rem;
            gap: 1rem;
            padding: 0.75rem;
            background: #ffffff !important;
            margin-top: 20px;
            border-color: #ededed;
        }
        .subcategory__list--with-images {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
    @media (min-width: 1200px) {
        .subcategory__list--with-images {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }
    .pagination {
        margin-block-end: 0;
        width: 100%;
    }
    .pagination__container {
        align-items: center;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 1rem;
    }
    .pagination__number {
        color: var(--bs-secondary-color);
    }
    .pagination__nav {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    @media (min-width: 992px) {
        .pagination {
            width: auto;
        }
        .pagination__container {
            justify-content: space-between;
        }
    }
    .account-menu__back {
        display: flex;
        margin-block-end: 1rem;
    }
    .account-menu__link {
        align-items: center;
        border-radius: var(--bs-border-radius);
        color: var(--bs-body-color);
        display: flex;
        transition: var(--bs-transition-default);
    }
    .account-menu__link:hover {
        color: var(--bs-link-hover-color);
    }
    .account-menu__link--signout,
    .account-menu__link--signout:hover {
        color: var(--bs-danger);
    }
    .account-menu--main {
        display: grid;
        gap: 1rem;
    }
    .account-menu--main .account-menu__link {
        background-color: var(--bs-tertiary-bg);
        font-size: 1rem;
        font-weight: 600;
        gap: 0.75rem;
        padding: 0.5rem;
    }
    .account-menu--main .account-menu__icon {
        font-size: 2rem;
    }
    .account-menu--sidebar {
        display: none;
    }
    .account-menu--sidebar .account-menu__link {
        gap: 0.5rem;
        padding: 0.75rem 1rem;
    }
    .account-menu--sidebar .account-menu__link--active {
        background-color: var(--bs-tertiary-bg);
        color: var(--bs-link-hover-color);
    }
    @media (min-width: 576px) {
        .account-menu--main {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .account-menu--main .account-menu__link {
            align-items: normal;
            flex-direction: column;
            gap: 0.75rem;
            padding: 1.25rem 1rem;
        }
    }
    @media (min-width: 992px) {
        .account-menu__back {
            display: none;
        }
        .account-menu--main {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .account-menu--main .account-menu__link--signout {
            display: none;
        }
        .account-menu--sidebar {
            display: flex;
            flex-direction: column;
        }
    }
    .order-history__inner {
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr;
    }
    .order-history__header {
        display: none;
    }
    .order-history__row {
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        display: grid;
        gap: 0.875rem;
        grid-template-columns: 1fr;
        padding: 1rem;
    }
    .order-history__cell {
        display: grid;
        gap: 0.5rem;
        grid-template-columns: 1fr 66.666666%;
        line-height: 1.5;
    }
    .order-history__cell:before {
        color: var(--bs-secondary-color);
        content: attr(data-ps-label);
        display: block;
    }
    .order-history__cell--reference,
    .order-history__cell:before {
        font-size: 0.875rem;
        font-weight: 600;
    }
    .order-history__cell--date {
        color: var(--bs-secondary-color);
        font-size: 0.875rem;
    }
    .order-history__cell--total {
        font-size: 0.875rem;
        font-weight: 600;
    }
    .order-history__cell--payment {
        color: var(--bs-secondary-color);
        font-size: 0.875rem;
    }
    .order-history__cell--actions {
        display: grid;
        gap: 0.5rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .order-history__cell--actions:before {
        display: none;
    }
    .order-history__status {
        white-space: normal;
    }
    .order-history__status--bright {
        color: var(--bs-white);
    }
    .order-history__status--dark {
        color: var(--bs-dark);
    }
    @media (min-width: 768px) {
        .order-history__inner {
            display: grid;
            gap: 0 1rem;
            grid-template-columns: repeat(7, minmax(0, auto));
            overflow-x: auto;
        }
        .order-history__header {
            border-block-end: 1px solid var(--bs-border-color);
            font-weight: 600;
        }
        .order-history__header,
        .order-history__row {
            display: grid;
            grid-column: span 7;
            grid-template-columns: subgrid;
            padding-block: 0.5rem;
        }
        .order-history__row {
            border: none;
            border-block-end: 1px solid var(--bs-border-color);
            border-radius: 0;
            padding-inline: 0;
        }
        .order-history__row:last-child {
            border-block-end: none;
        }
        .order-history__cell {
            align-items: center;
            display: grid;
            gap: 0;
            grid-template-columns: 1fr;
            justify-self: start;
        }
        .order-history__cell:before {
            display: none;
        }
        .order-history__cell--date,
        .order-history__cell--payment {
            font-size: 0.75rem;
        }
        .order-history__cell--actions {
            display: grid;
            gap: 0.5rem;
        }
    }
    .password-requirements {
        display: grid;
        gap: 0.5rem;
    }
    .password-requirements__length,
    .password-requirements__score {
        align-items: center;
        color: var(--bs-secondary-color);
        display: flex;
        font-size: 0.875rem;
        gap: 0.25rem;
        margin: 0;
    }
    .password-requirements__icon {
        font-size: 1.25rem;
    }
    .cart__item {
        border-block-end: 1px solid var(--bs-border-color);
        margin-block-end: 1rem;
        padding-block-end: 1rem;
    }
    .cart__item:last-child {
        border-block-end: 0;
        padding-block-end: 0;
    }
    .cart__continue-shopping {
        width: 100%;
    }
    @media (min-width: 768px) {
        .cart__continue-shopping {
            width: auto;
        }
    }
    .product-customization-modal__line {
        margin-block-end: 1rem;
    }
    .product-customization-modal__label {
        font-weight: 600;
        margin-block-end: 0.5rem;
    }
    .product-customization-modal__img {
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        padding: 0.5rem;
    }
    .product-customization-modal__img-popup {
        border-radius: var(--bs-border-radius);
        display: block;
        margin-inline: auto;
    }
    .product-line {
        align-items: flex-start;
        display: flex;
        gap: 1.5rem;
    }
    .product-line__image {
        flex-shrink: 0;
    }
    .product-line__img {
        border-radius: var(--bs-border-radius);
        width: 6rem;
    }
    .product-line__content {
        flex-grow: 1;
    }
    .product-line__content-left {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        margin-block-end: 0.5rem;
    }
    .product-line__content-right {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        margin-block-end: 1rem;
    }
    .product-line__title {
        color: var(--bs-body-color);
        font-weight: 600;
    }
    .product-line__title:hover {
        color: var(--bs-link-hover-color);
    }
    .product-line__item-availability-icon {
        flex-shrink: 0;
        font-size: 0.875rem;
    }
    .product-line__item-availability-message {
        align-items: center;
        display: inline-flex;
        font-size: 0.75rem;
        gap: 0.25rem;
    }
    .product-line__item-price {
        font-weight: 600;
        width: 100%;
    }
    .product-line__item-unit-price {
        color: var(--bs-secondary-color);
        font-size: 0.875rem;
    }
    .product-line__item-regular-price {
        color: var(--bs-tertiary-color);
        font-size: 0.875rem;
        text-decoration: line-through;
    }
    .product-line__item-discount {
        font-size: 0.875rem;
    }
    .product-line__item-price-block {
        width: 100%;
    }
    .product-line__item--info {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
    }
    .product-line__item--small-info {
        color: var(--bs-tertiary-color);
        font-size: 0.75rem;
    }
    .product-line__item--availability {
        display: flex;
        flex-direction: column;
        gap: 0.125rem;
    }
    .product-line__item--prices {
        align-items: center;
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
        display: flex;
        flex-wrap: wrap;
        row-gap: 0.25rem;
    }
    .product-line__quantity-button {
        max-width: 9rem;
    }
    .page-product .product-line__quantity-button #product-comments-list.has-comments:empty:before,
    .product-line__quantity-button .page-product #product-comments-list.has-comments:empty:before,
    .product-line__quantity-button .spinner-border {
        margin: 0.25rem;
    }
    .product-line__quantity-input {
        max-width: none;
    }
    .product-line__price {
        font-weight: 600;
    }
    .product-line__gift {
        align-items: center;
        display: inline-flex;
        font-weight: 600;
        gap: 0.25rem;
    }
    .product-line__gift-icon {
        font-size: 1.25rem;
    }
    .product-line__actions {
        display: flex;
        grid-column: 1/-1;
    }
    @media (min-width: 576px) {
        .product-line__content {
            display: grid;
            flex-grow: 1;
            gap: 1.5rem;
            grid-template-columns: minmax(0, 1fr) 9rem;
        }
        .product-line__content-left,
        .product-line__content-right {
            margin-block-end: 0;
        }
        .product-line__quantity-button {
            max-width: 100%;
        }
    }
    @media (min-width: 768px) {
        .product-line__img {
            width: 7rem;
        }
    }
    @media (min-width: 992px) {
        .product-line__img {
            width: 8rem;
        }
    }
    .cart-summary__subtotals,
    .cart-summary__total {
        margin-block-end: 0.5rem;
    }
    .cart-summary__total {
        border-block: 1px solid var(--bs-border-color);
        padding-block: 0.5rem;
    }
    .cart-summary__voucher {
        margin-block-end: 0.5rem;
    }
    .cart-summary__line {
        align-items: center;
        display: flex;
        gap: 0.5rem;
        justify-content: space-between;
        padding: 0.5rem 0;
    }
    .cart-summary__line--bold {
        font-weight: 600;
    }
    .cart-summary__label--voucher {
        align-items: center;
        display: flex;
        gap: 0.25rem;
    }
    .cart-summary__label--voucher i {
        font-size: 1rem;
    }
    .cart-summary__value {
        align-items: center;
        display: inline-flex;
        font-weight: 600;
        gap: 0.25rem;
        white-space: nowrap;
    }
    .cart-summary__actions {
        padding-block-start: 0.5rem;
    }
    .cart-summary__products-list {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .cart-summary-product {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }
    .cart-summary-product__image {
        flex-shrink: 0;
    }
    .cart-summary-product__img {
        border-radius: var(--bs-border-radius);
        height: 5rem;
        width: 5rem;
    }
    .cart-summary-product__content {
        display: flex;
        flex-basis: 12rem;
        flex-grow: 1;
        gap: 1rem;
        justify-content: space-between;
    }
    .cart-summary-product__content-left {
        flex-grow: 1;
    }
    .cart-summary-product__attributes {
        color: var(--bs-tertiary-color);
        font-size: 0.875rem;
    }
    .cart-summary-product__price,
    .cart-summary-product__quantity {
        font-size: 0.875rem;
    }
    .cart-summary-product__price .value {
        color: var(--bs-tertiary-color);
        text-decoration: line-through;
    }
    .cart-summary-product__unit-price {
        color: var(--bs-tertiary-color);
        font-size: 0.875rem;
    }
    .cart-summary-product__prices {
        text-align: right;
    }
    .cart-summary-product__gift {
        align-items: center;
        display: inline-flex;
        font-size: 0.875rem;
        font-weight: 600;
        gap: 0.25rem;
    }
    .cart-summary-product__gift-icon {
        font-size: 1rem;
    }
    .cart-summary-product__total {
        font-weight: 600;
    }
    .cart-voucher__accordion {
        border-block-end: 1px solid var(--bs-border-color);
        margin-block-end: 0.5rem;
        padding-block-end: 0.5rem;
    }
    .cart-voucher__accordion-item {
        border-block-end: 0;
    }
    .cart-voucher__form {
        align-items: center;
        display: flex;
        gap: 0.5rem;
    }
    .cart-voucher__list {
        margin-block-end: 0.5rem;
        padding-block-end: 0.5rem;
    }
    .cart-voucher__highlight,
    .cart-voucher__list {
        border-block-end: 1px solid var(--bs-border-color);
    }
    .cart-voucher__highlight {
        padding-block: 0.5rem;
    }
    .cart-voucher__offers {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        margin-block-end: 0;
    }
    .cart-voucher__code-value {
        background: none;
        border: none;
        color: var(--bs-link-color);
        padding: 0;
    }
    .cart-voucher__code-value:hover {
        color: var(--bs-link-hover-color);
        cursor: pointer;
    }
    .cart-voucher__error {
        align-items: center;
        display: flex;
        gap: 0.5rem;
        margin-block-start: 0.5rem;
    }
    .cart-voucher__error-icon {
        flex-shrink: 0;
    }
    .order-confirmation__details-list {
        margin-block-end: 0;
    }
    .order-confirmation__products {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .order-confirmation__carrier-info {
        align-items: flex-start;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        margin-block-start: 2rem;
    }
    .order-confirmation__carrier-info:first-child {
        margin-block-start: 0;
    }
    .order-confirmation__carrier-info:last-child {
        margin-block-end: 2rem;
    }
    .order-confirmation__carrier-info-delay {
        margin-block-end: 0;
    }
    .order-confirmation__virtual-info {
        align-items: flex-start;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        margin-block-start: 2rem;
    }
    .order-confirmation__virtual-info-value {
        margin-block-end: 0;
    }
    .order-confirmation__product {
        align-items: flex-start;
        display: flex;
        gap: 1rem;
    }
    .order-confirmation__product:has(.product-customization-modal__content) .product-customization-modal__content {
        margin-block: 0.5rem;
    }
    .order-confirmation__product-image {
        flex-shrink: 0;
        position: relative;
    }
    .order-confirmation__product-img {
        border-radius: var(--bs-border-radius);
        height: 5rem;
        width: 5rem;
    }
    .order-confirmation__product-quantity {
        background-color: var(--bs-body-bg);
        border-radius: var(--bs-border-radius-pill);
        bottom: 0.5rem;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.25;
        margin: 0;
        padding: 0.125rem 0.375rem;
        position: absolute;
        right: 0.5rem;
    }
    .order-confirmation__product-details {
        flex-grow: 1;
    }
    .order-confirmation__product-link,
    .order-confirmation__product-title {        
        margin-block-end: 0;
    }
    .order-confirmation__product-attribute,
    .order-confirmation__product-reference {
        color: var(--bs-secondary-color);
        font-size: 0.875rem;
    }
    .order-confirmation__product-reference {
        margin-block-end: 0;
    }
    .order-confirmation__product-prices {
        flex-shrink: 0;
    }
    .order-confirmation__product-price {
        display: none;
        font-size: 1rem;
        font-weight: 600;
    }
    .order-confirmation__product-price-unit {
        color: var(--bs-tertiary-color);
        font-size: 0.875rem;
        font-weight: 600;
    }
    .order-confirmation__product-gift {
        align-items: center;
        display: inline-flex;
        font-weight: 600;
        gap: 0.25rem;
    }
    .order-confirmation__product-gift-icon {
        font-size: 1.25rem;
    }
    .order-confirmation__product-total {
        font-size: 1rem;
        font-weight: 500;
    }
    .order-confirmation__line {
        align-items: center;
        display: flex;
        gap: 0.5rem;
        justify-content: space-between;
        padding: 0.25rem 0;
    }
    .order-confirmation__line-label {
        font-weight: 400;
    }
    .order-confirmation__line--bold .order-confirmation__line-label,
    .order-confirmation__line-value {
        font-weight: 600;
    }
    @media (min-width: 768px) {
        .order-confirmation__product-img {
            height: 8rem;
            width: 8rem;
        }
        .order-confirmation__product-content {
            align-items: flex-start;
            display: flex;
            flex-grow: 1;
            gap: 1rem;
        }
        .order-confirmation__product-prices {
            text-align: right;
        }
        .order-confirmation__product-price {
            display: block;
        }
    }
    .brand {
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        padding: 1rem;
        position: relative;
        text-align: center;
        transition: var(--bs-transition-default);
    }
    .brand:hover {
        border-color: var(--bs-link-hover-color);
    }
    .brand__list {
        display: grid;
        gap: 1rem;
        grid-template-columns: minmax(0, 1fr);
    }
    .brand__image,
    .brand__title {
        margin-block-end: 0.5rem;
    }
    .brand__title {
        display: block;
    }
    .brand__description {
        color: var(--bs-secondary-color);
        font-size: 0.75rem;
        line-height: 1.2;
        margin-block-end: 0.5rem;
    }
    .brand__description p,
    .brand__products {
        margin-block-end: 0;
    }
    .brand__products {
        color: var(--bs-secondary-color);
        font-size: 0.85rem;
    }
    @media (min-width: 576px) {
        .brand__list {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (min-width: 992px) {
        .brand__list {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }
    @media (min-width: 1400px) {
        .brand__list {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }
    .supplier {
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        padding: 1rem;
        position: relative;
        text-align: center;
        transition: var(--bs-transition-default);
    }
    .supplier:hover {
        border-color: var(--bs-link-hover-color);
    }
    .supplier__list {
        display: grid;
        gap: 1rem;
        grid-template-columns: minmax(0, 1fr);
    }
    .supplier__image,
    .supplier__title {
        margin-block-end: 0.5rem;
    }
    .supplier__title {
        display: block;
    }
    .supplier__description {
        color: var(--bs-secondary-color);
        font-size: 0.75rem;
        line-height: 1.2;
        margin-block-end: 0.5rem;
    }
    .supplier__description p {
        margin-block-end: 0;
    }
    .supplier__products {
        color: var(--bs-secondary-color);
        font-size: 0.85rem;
        margin-block-end: 0;
    }
    @media (min-width: 576px) {
        .supplier__list {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (min-width: 992px) {
        .supplier__list {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }
    @media (min-width: 1400px) {
        .supplier__list {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }
    .store {
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1.5rem;
    }
    .store__list {
        display: grid;
        gap: 1rem;
    }
    .store__img {
        border-radius: var(--bs-border-radius);
    }
    .store__name {
        font-weight: 600;
        margin-block-end: 0;
    }
    .store__address {
        margin: 0;
    }
    .store__opening-times {
        width: 100%;
    }
    .store__note {
        color: var(--bs-tertiary-color);
        margin-block: 0.5rem;
    }
    .store__contacts {
        margin-block-end: 0;
    }
    .store__contact {
        align-items: center;
        display: flex;
        gap: 0.5rem;
        line-height: 1.2;
        padding-block: 0.25rem;
    }
    .store__contact i {
        font-size: 1.25rem;
    }
    .store__contact--email {
        word-break: break-all;
    }
    @media (min-width: 768px) {
        .store__list {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (min-width: 1200px) {
        .store {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    .sitemap__list--nested {
        border-left: 0.125rem solid #518432;
        margin-bottom: 0.25rem;
        padding-left: 1rem;
    }
    .sitemap__list--nested > .sitemap__item > .sitemap__link {
        position: relative;
    }
    /* .sitemap__list--nested > .sitemap__item > .sitemap__link:before {
        background-color: #518432;
        content: "";
        display: block;
        height: 0.125rem;
        left: -1rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 0.5rem;
    } */
    .sitemap__link {
        color: var(--bs-body-color);
    }
    .sitemap__link:hover {
        color: var(--bs-link-hover-color);
    }
    .address-card {
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: var(--bs-transition-default);
    }
    .address-card__container {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 1rem;
    }
    .address-card__header {
        align-items: center;
        display: flex;
        gap: 1rem;
        margin-block-end: 1rem;
    }
    .address-card__alias {
        font-size: 1.25rem;
        font-weight: 600;
    }
    .address-card__content {
        color: var(--bs-body-color);
        margin-block-end: 1rem;
    }
    .address-card__extra {
        margin-block-end: 1rem;
    }
    .address-card__actions {
        display: flex;
        gap: 1.5rem;
        margin-block-start: auto;
    }
    .address-card--radio.selected,
    .address-card--radio:hover {
        background-color: var(--bs-tertiary-bg);
    }
    .address-card--radio.selected {
        border-color: var(--bs-primary);
    }
    .address-card--radio .address-card__container {
        cursor: pointer;
    }
    .address-card--add-address {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        justify-content: center;
        padding: 1rem;
    }
    .address-card--add-address:hover {
        background-color: var(--bs-tertiary-bg);
    }
    .grid-table {
        margin-block-end: 1rem;
    }
    .grid-table__inner {
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr;
    }
    .grid-table__header {
        display: none;
    }
    .grid-table__row {
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        display: grid;
        gap: 0.5rem 1rem;
        grid-template-columns: 1fr;
        padding: 1rem;
    }
    .grid-table__cell {
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr 60%;
        line-height: 1.5;
    }
    .grid-table__cell:before {
        color: var(--bs-secondary-color);
        content: attr(data-ps-label) / " ";
        display: block;
        font-size: 0.875rem;
        font-weight: 600;
    }
    .grid-table__cell-group {
        display: grid;
        gap: 0.5rem;
    }
    .grid-table__cell-group--sm {
        gap: 0.25rem;
    }
    .grid-table__cell-group--inline {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .grid-table__cell--bold {
        font-weight: 600;
    }
    @media (max-width: 767.98px) {
        .grid-table--collapse .grid-table__inner {
            gap: 0;
        }
        .grid-table--collapse .grid-table__inner .grid-table__row {
            border-radius: 0;
            margin-block-start: -0.0625rem;
        }
        .grid-table--collapse .grid-table__inner .grid-table__row:last-child {
            border-bottom-left-radius: var(--bs-border-radius);
            border-bottom-right-radius: var(--bs-border-radius);
        }
        .grid-table--collapse .grid-table__inner .grid-table__header + .grid-table__row {
            border-top-left-radius: var(--bs-border-radius);
            border-top-right-radius: var(--bs-border-radius);
        }
    }
    @media (min-width: 768px) {
        .grid-table__inner {
            display: grid;
            gap: 0 1rem;
        }
        .grid-table__inner--2 {
            grid-template-columns: repeat(2, minmax(0, auto));
        }
        .grid-table__inner--3 {
            grid-template-columns: repeat(3, minmax(0, auto));
        }
        .grid-table__inner--4 {
            grid-template-columns: repeat(4, minmax(0, auto));
        }
        .grid-table__inner--5 {
            grid-template-columns: repeat(5, minmax(0, auto));
        }
        .grid-table__inner--6 {
            grid-template-columns: repeat(6, minmax(0, auto));
        }
        .grid-table__inner--7 {
            grid-template-columns: repeat(7, minmax(0, auto));
        }
        .grid-table__inner--8 {
            grid-template-columns: repeat(8, minmax(0, auto));
        }
        .grid-table__inner--9 {
            grid-template-columns: repeat(9, minmax(0, auto));
        }
        .grid-table__header {
            border-block-end: 1px solid var(--bs-border-color);
            font-weight: 600;
            grid-auto-columns: minmax(0, auto);
            grid-column: 1/-1;
        }
        .grid-table__header,
        .grid-table__row {
            display: grid;
            grid-template-columns: subgrid;
            padding-block: 0.5rem;
        }
        .grid-table__row {
            border: none;
            border-block-end: 1px solid var(--bs-border-color);
            border-radius: 0;
            grid-column: 1/-1;
            padding-inline: 0;
        }
        .grid-table__row:last-child {
            border-block-end: none;
        }
        .grid-table__row:has(.grid-table__cell--label-value) {
            border-block: none;
            padding-block: 0.25rem;
        }
        .grid-table__cell {
            align-items: center;
            display: grid;
            gap: 0;
            grid-template-columns: 1fr;
            justify-self: start;
        }
        .grid-table__cell:before {
            display: none;
        }
        .grid-table__cell--center {
            justify-self: center;
        }
        .grid-table__cell--right {
            justify-self: end;
        }
        .grid-table__cell--label-value {
            gap: 0.5rem;
            grid-column: 1/-1;
            grid-template-columns: 1fr 20%;
            justify-self: end;
            text-align: right;
            width: 100%;
        }
        .grid-table__cell--label-value:before {
            color: var(--bs-body-color);
            content: attr(data-ps-label) / " ";
            display: block;
            font-size: 1rem;
            font-weight: 600;
        }
    }
    .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;
    }
    .header-block__action-btn {
        align-items: center;
        border-radius: var(--bs-border-radius-sm);
        color: var(--bs-body-color);
        display: inline-flex;
        gap: 0.25rem;
        padding: 0.375rem;
        position: relative;
    }
    .header-block__action-btn[href]:focus,
    .header-block__action-btn[href]:hover {
        color: var(--bs-link-hover-color);
    }
    /* .header-block__action-btn:not([href]) {
        cursor: default;
    } */
    @media (min-width: 768px) {
        .header-block__action-btn {
            padding: 0.5rem 0.375rem;
        }
    }
    .header-block__icon {
        font-size: 1.25rem;
    }
    .header-block__badge {
        align-items: center;
        background: var(--bs-primary);
        border-radius: 50rem;
        color: var(--bs-light);
        display: flex;
        font-size: 0.625rem;
        font-weight: 600;
        height: 1rem;
        justify-content: center;
        line-height: 1;
        min-width: 1rem;
        padding: 0 0.25rem;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
    }
    .header-block__badge {            
            height: 1rem;
            min-width: 1rem;            
        }
    @media (min-width: 768px) {
        .header-block__badge {
            background: var(--bs-tertiary-bg);
            color: inherit;
            font-size: 1rem;
            height: 1rem;
            min-width: 1rem;
            position: static;
        }
        .header-block--active .header-block,
        .header-block--active .header-block__icon {
            color: var(--bs-primary);
        }
        [data-bs-theme="dark"] .header-block--active .header-block,
        [data-bs-theme="dark"] .header-block--active .header-block__icon {
            color: var(--bs-link-hover-color);
        }
    }
    .module-products__buttons {
        display: flex;
        justify-content: center;
        margin-block-start: 2rem;
    }
    body:not(#index) .module-products.checkout-steps__mobile,
    body:not(#index) .module-products.container {
        padding-inline: 0;
    }
    .page-title-section {
        font-size: clamp(1.5rem, var(--bs-body-font-size) * 2 * 0.6 + 1.2vw, 2rem);
        font-weight: 600;
        line-height: 1.2;
    }
    .attachment {
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        padding: 1rem;
        position: relative;
        transition: var(--bs-transition-default);
    }
    .attachment:hover {
        background-color: var(--bs-tertiary-bg);
    }
    .attachment__name {
        color: var(--bs-body-color);
        display: block;
        font-weight: 600;
        margin-block-end: 0.5rem;
    }
    .attachment__name:hover {
        color: var(--bs-link-hover-color);
    }
    .attachment__description {
        color: var(--bs-tertiary-color);
        font-size: 0.875rem;
    }
    .attachment__link {
        font-size: 0.875rem;
    }
    .product-miniature__variants .color,
    .product-variant__colors .color,
    .search-filters__form-check--color .form-check-label .color {
        background-size: contain;
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius-sm);
        cursor: pointer;
        display: inline-block;
        height: 1.5rem;
        outline: 0.125rem solid transparent;
        outline-offset: -0.125rem;
        transition: var(--bs-transition-default);
        width: 1.5rem;
    }
    .product-miniature__variants .color-sm,
    .product-variant__colors .color-sm,
    .search-filters__form-check--color .form-check-label .color-sm {
        height: 1rem;
        width: 1rem;
    }
    .product-miniature__variants .color.active,
    .product-miniature__variants .color:focus-visible,
    .product-miniature__variants .color:hover,
    .product-variant__colors .color.active,
    .product-variant__colors .color:focus-visible,
    .product-variant__colors .color:hover,
    .search-filters__form-check--color .form-check-label .color.active,
    .search-filters__form-check--color .form-check-label .color:focus-visible,
    .search-filters__form-check--color .form-check-label .color:hover {
        outline: 0.125rem solid var(--bs-link-hover-color);
    }
    .input-color__input {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }
    .input-color__input:focus-visible + .input-color__label .color {
        outline: 0.125rem solid var(--bs-link-hover-color);
    }
    .input-color__input:checked:focus-visible + .input-color__label {
        border-radius: var(--bs-border-radius-sm);
        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;
    }
    .product-customization {
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        padding: 1rem;
        margin-bottom: 20px;
    }
    .product-customization__label {
        font-size: 0.875rem;
        font-weight: 500;
    }
    .product-customization__item {
        border-block-start: 1px solid var(--bs-border-color);
        margin-block-end: 1rem;
        margin-block-start: 1rem;
        padding-block-start: 1rem;
    }
    .product-customization__item:first-child {
        border-block-start: none;
        margin-block-start: 0;
        padding-block-start: 0;
    }
    .product-customization__message {
        color: var(--bs-secondary-color);
        font-size: 0.875rem;
        margin-block-start: 0.25rem;
    }
    .product-customization__image {
        height: 2rem;
        width: 2rem;
    }
    .product-customization__image-wrapper {
        align-items: center;
        display: flex;
        gap: 0.5rem;
        margin-block-start: 0.5rem;
    }
    .product-customization__image-remove {
        font-size: 0.875rem;
    }
    .product-customization__field-footer {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        justify-content: space-between;
    }
    .discounts-table {
        margin-block-end: 0;
    }
    .details__list {
        background-color: var(--bs-tertiary-bg);
    }
    .details__item {
        align-items: center;
        border-bottom: 1px solid var(--bs-border-color);
        display: flex;
        padding: 1rem;
    }
    .details__item:last-child {
        border-bottom: none;
    }
    .details__left {
        flex-grow: 0;
        flex-shrink: 0;
        width: 50%;
    }
    .details__title {
        font-weight: 700;
    }
    .product-flags {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        left: 0;
        margin: 0;
        padding: 0.5rem 4rem 0.5rem 0.5rem;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
        flex-direction: column;
    }
    .product-flags .badge.discount,
    .product-flags .badge:not(.discount) {
        border: 0;
    }
    .product-flags .badge{
        background: white !important;
    }

    .product-flags .badge.discount, .product-flags .badge.on-sale, .product-flags .badge.pack {
        color: #518432;
        background-color: white !important;
        border: 1px solid #518432;
        padding: 4px;
    }
    .product-images-modal__body {
        padding: 0.5rem;
    }
    .product-images-modal__carousel {
        border-radius: var(--bs-border-radius-sm);
        overflow: hidden;
    }
    .product-miniature {
        container-name: product-miniature;
        container-type: inline-size;
    }
    .product-miniature__inner {
        background-color: var(--bs-body-bg);
        display: flex;
        flex-direction: column;
        height: 100%;
        position: relative;
    }
    .product-miniature__inner,
    .product-miniature__top {
        border-radius: 4px;
        transition: var(--bs-transition-default);
    }
    .product-miniature__top{
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .product-miniature__top {
        overflow: hidden;
        position: relative;
    }
    .product-miniature__image {
        height: auto;
        transition: var(--bs-transition-default);
        width: 100%;
    }
    .product-miniature__image-container {
        position: relative;
    }
    .product-miniature__image-link {
        display: block;
        outline-offset: -0.125rem;
    }
    .product-miniature__quickview-button {
        /* background-color: var(--bs-body-bg);
        border-radius: 0;
        box-shadow: none; */
        /* display: flex;
        margin: auto; */
        /* outline: revert;
        outline-offset: -0.125rem; */
        /* padding-block: 1rem; */
        position: unset;
        /* top: 100%;
        transition: var(--bs-transition-default);
        transition-delay: 0.1s;
        width: 100%; */
        z-index: 1;
    }
    /* .product-miniature__quickview-button:focus {
        transform: translateY(-100%);
    } */
    .product-miniature__quickview-touch {
        bottom: 0.5rem;
        display: none;
        position: unset;
        right: 0.5rem;
        z-index: 10;
    }
    .product-miniature__bottom {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        gap: 0.5rem;
        padding: 1rem 0.5rem;
    }
    .product-miniature__infos {
        display: grid;
        gap: 0.5rem;
        text-overflow: ellipsis;
        text-transform: capitalize;
        overflow: hidden;
        white-space: normal;
    }
    @media (max-width: 1199px){
      .product-miniature__infos .product-miniature__title{
        max-height: 44px;
        overflow: hidden;
      }
      #js-product-list .products.thumb-products-list .product-miniature__infos .product-miniature__title{
            max-height: 100%;
      }
    }    
    .product-miniature__actions {
        margin-top: auto;
    }
    .product-miniature__prices,
    .product-miniature__variants {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .product-miniature__prices {
        align-items: center;
    }
    .product-miniature__price {
        font-weight: 600;
    }
    .product-miniature__regular-price {
        color: var(--bs-tertiary-color);
        text-decoration: line-through;
    }
    .product-miniature__form {
        align-items: center;
        -moz-column-gap: 0.4rem;
        column-gap: 0.4rem;
        display: flex;
        row-gap: 0.5rem;
    }
    .product-miniature__add-text {
        display: none;
        line-height: normal;
    }
    .product-miniature .product-flags {
        pointer-events: none;
    }
    @media (hover: hover) {
        /* .product-miniature__inner:hover {
            box-shadow: var(--bs-box-shadow-md);
        } */
        .product-miniature__inner:hover .product-miniature__top {
            border-end-end-radius: 0;
            border-end-start-radius: 0;
        }
        /* .product-miniature__inner:hover .product-miniature__quickview-button {
            transform: translateY(-100%);
        } */
        .product-miniature__inner:hover .product-miniature__image {
            transform: scale(1.1);
        }
        .product-miniature__inner:has(:focus-visible) {
            box-shadow: var(--bs-box-shadow-md);
        }
        .product-miniature__inner:has(:focus-visible) .product-miniature__top {
            border-end-end-radius: 0;
            border-end-start-radius: 0;
        }
        /* .product-miniature__inner:has(:focus-visible) .product-miniature__quickview-button {
            transform: translateY(-100%);
        } */
    }
    @media (hover: none) and (pointer: coarse) {
        .product-miniature__quickview-button {
            display: none;
        }
        .product-miniature__quickview-touch {
            display: inline-flex;
        }
    }
    @container product-miniature (width < 13.5rem) {
        .product-miniature .product-flags .badge {
            font-size: 0.75rem;
            padding: 0.125rem 0.25rem;
        }
        .product-miniature__add,
        .product-miniature__details {
            width: 100%;
        }                        
    }
    .product-pack__list {
        display: grid;
        gap: 0.5rem;
        grid-template-columns: minmax(0, 1fr);
    }
    .product-pack__link {
        align-items: center;
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        display: flex;
        gap: 1rem;
        padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    }
    .product__pack{
        margin-bottom: 1rem;
    }
    .product-pack__link:hover {
        background-color: var(--bs-tertiary-bg);
    }
    .product-pack__image {
        border-radius: var(--bs-border-radius-sm);
    }
    .product-pack__image-wrapper {
        flex-basis: 4rem;
        flex-shrink: 0;
    }
    .product-pack__name {
        flex-grow: 1;
        line-height: 1.2;
        margin-block-end: 0;
    }
    .product-pack__price {
        font-weight: 600;
    }
    .product-pack__price,
    .product-pack__quantity {
        color: var(--bs-body-color);
        margin-block-end: 0;
        display: none;
    }
    .product-variant__label {
        margin-block-end: 0.5rem;
    }
    .product-variant__legend,
    .product-variant__selected {
        display: inline-block;
        font-size: var(--bs-body-font-size);
        line-height: var(--bs-body-line-height);
        margin-block-end: 0;
        width: auto;
    }
    .product-variant__radios {
        -moz-column-gap: 0.875rem;
        column-gap: 0.875rem;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0;
        row-gap: 0.5rem;
    }
    .product-variant__radio {
        margin: 0;
    }
    .product-variant__radio label {
        cursor: pointer;
    }
    .product-variant__colors {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-block-end: 0;
    }
    .product-variant__colors label {
        display: block;
        line-height: 0;
    }
    .rich-text {
        line-height: 1.5;
    }
    .rich-text ul {
        list-style: disc;
        padding-left: 1.2rem;
    }
    .rich-text img {
        height: auto;
        max-width: 100%;
    }
    .quantity-button input {
        max-width: 2.8rem;
        text-align: center;
        height: 34px;
        font-size: 14px;
    }
	.quantity-button input.form-control{
		padding:0.375rem 0.5rem
	}
    .quantity-button button {
        --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
        border: 1px solid #ededed !important;
        /* background-color: #f9f9f9; */
        background-color: #ffffff !important;
        width: 26px;
        height: 34px;
        min-width: 26px;
    }
    .quantity-button button.increment .confirmation {
        color: var(--bs-success);
    }
    .quantity-button button.decrement .confirmation {
        color: var(--bs-danger);
    }    
    .quantity-button button:disabled {
        opacity: 1;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .quantity-button button .submenu__left-item[data-ps-has-child="true"]:after,
    .quantity-button button .material-icons,
    .quantity-button button .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item[data-ps-has-child="true"]:after {
        font-size: 1.25rem;
        pointer-events: none;
    }
    .page-product .quantity-button button #product-comments-list.has-comments:empty:before,
    .quantity-button button .page-product #product-comments-list.has-comments:empty:before,
    .quantity-button button .spinner-border {
        border-width: 0.125rem;
    }
    .page-loader {
        align-items: center;
        background: rgba(var(--bs-body-bg-rgb), 0.75);
        display: flex;
        height: 100%;
        justify-content: center;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }
    .delivery-option__item {
        background-color: var(--bs-tertiary-bg);
        border-block-end: 1px solid var(--bs-border-color);
    }
    .delivery-option__label {
        align-items: center;
        cursor: pointer;
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        padding: 1rem;
    }
    .delivery-option__check {
        margin: 0;
    }
    .delivery-option__left {
        align-items: center;
        display: flex;
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 0;
        gap: 0.5rem;
    }
    .delivery-option__carrier {
        align-items: center;
        display: flex;
        gap: 1rem;
    }
    .delivery-option__carrier-logo {
        aspect-ratio: 1/1;
        border-radius: var(--bs-border-radius);
        height: 3rem;
        -o-object-fit: contain;
        object-fit: contain;
        width: 3rem;
    }
    .delivery-option__carrier-name {
        font-weight: 600;
    }
    .delivery-option__content {
        color: var(--bs-secondary-color);
        flex-basis: 100%;
        flex-grow: 1;
    }
    .delivery-option__extra {
        height: 0;
        height: calc-size(0, size);
        overflow: hidden;
        transition: var(--bs-transition-default);
        transition-behavior: allow-discrete;
    }
    .delivery-option__extra[data-active] {
        height: auto;
        height: calc-size(auto, size);
    }
    .delivery-option__extra[data-active] .delivery-option__extra-content {
        padding-block-end: 1rem;
    }
    .delivery-option__extra-content {
        padding-inline: 1rem;
        transition: var(--bs-transition-default);
    }
    @media (min-width: 768px) {
        .delivery-option__left {
            flex-grow: 0;
        }
        .delivery-option__content,
        .delivery-option__left {
            flex-basis: calc(40% - 1rem);
        }
        .delivery-option__price {
            flex-basis: calc(20% - 1rem);
            text-align: right;
        }
        .delivery-option__carrier-logo {
            height: 4rem;
            width: 4rem;
        }
    }
    .final-summary__header {
        align-items: center;
        color: var(--bs-secondary-color);
        display: flex;
        font-size: 1.25rem;
        font-weight: 600;
        gap: 0.5rem;
        justify-content: space-between;
        margin-block-start: 2rem;
    }
    .payment-option__additional-information {
        padding-block-start: 1rem;
    }
    .payment-option dl {
        background-color: var(--bs-tertiary-bg);
        border-radius: var(--bs-border-radius);
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-block-end: 0;
    }
    .payment-option dl dt {
        border-block-end: 1px solid var(--bs-border-color);
        font-weight: 600;
        margin: 0;
        padding: 1rem;
    }
    .payment-option dl dt:last-of-type {
        border-block-end: none;
    }
    .payment-option dl dd {
        border-block-end: 1px solid var(--bs-border-color);
        margin: 0;
        padding: 1rem;
    }
    .payment-option dl dd:last-of-type {
        border-block-end: none;
    }
    .checkout-steps {
        background-color: var(--bs-tertiary-bg);
        border-block-end: 1px solid var(--bs-border-color);
        margin-block-end: 2.5rem;
        padding-block: 0.5rem;
    }
    .checkout-steps__list {
        align-items: flex-start;
        display: flex;
        margin-block-end: 0;
    }
    .checkout-steps__step {
        flex-basis: 25%;
        flex-shrink: 0;
        position: relative;
        text-align: center;
    }
    .checkout-steps__step:after,
    .checkout-steps__step:before {
        background: var(--bs-dark-bg-subtle);
        content: "";
        height: 0.125rem;
        position: absolute;
        top: 0.6875rem;
        width: 50%;
        z-index: 0;
    }
    .checkout-steps__step:before {
        left: 0;
    }
    .checkout-steps__step:after {
        right: 0;
    }
    .checkout-steps__step:first-of-type:before,
    .checkout-steps__step:last-of-type:after {
        display: none;
    }
    .checkout-steps__step--current .checkout-steps__number {
        background: var(--bs-dark);
    }
    .checkout-steps__step--current .checkout-steps__btn {
        color: var(--bs-body-color);
    }
    .checkout-steps__step--current:before,
    .checkout-steps__step--success .checkout-steps__number {
        background: var(--bs-success);
    }
    .checkout-steps__step--success .checkout-steps__btn {
        color: var(--bs-success);
    }
    .checkout-steps__step--success:after,
    .checkout-steps__step--success:before {
        background: var(--bs-success);
    }
    .checkout-steps__step-mobile {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        line-height: 1.25;
    }
    .checkout-steps__title {
        font-size: 1.25rem;
        font-weight: 600;
        margin-block-end: 0;
    }
    .checkout-steps__subtitle {
        color: var(--bs-secondary-color);
        font-size: 0.875rem;
        margin-block-end: 0;
    }
    .checkout-steps__number {
        background: var(--bs-dark-bg-subtle);
        border-radius: 100%;
        color: var(--bs-white);
        display: flex;
        flex-wrap: wrap;
        height: 1.5rem;
        margin-block-end: 0.5rem;
        margin-inline: auto;
        place-content: center;
        position: relative;
        width: 1.5rem;
        z-index: 1;
    }
    .checkout-steps__btn {
        color: var(--bs-body-color);
        padding: 0.25rem;
    }
    .checkout-steps__btn.active {
        font-weight: 600;
    }
    .checkout-steps__desktop {
        display: none;
        margin-inline: auto;
        max-width: 45rem;
        width: 100%;
    }
    .checkout-steps__mobile {
        align-items: center;
        display: flex;
        gap: 0.75rem;
    }
    @media (min-width: 576px) {
        .checkout-steps__title {
            font-size: 1.5rem;
        }
        .checkout-steps__subtitle {
            font-size: 1rem;
        }
    }
    @media (min-width: 768px) {
        .checkout-steps {
            padding-block: 2rem;
        }
        .checkout-steps__desktop {
            display: block;
        }
        .checkout-steps__mobile {
            display: none;
        }
    }
    .progress-ring__circle {
        transform: rotate(-90deg);
        transform-origin: 50% 50%;
        transition: stroke-dashoffset 0.35s;
    }
    .progress-ring__background-circle {
        stroke: var(--bs-secondary-bg);
        transform: rotate(-90deg);
        transform-origin: 50% 50%;
    }
    .progress-ring__text {
        fill: var(--bs-body-color);
    }
    .quickview__footer {
        justify-content: space-between;
    }
    .quickview__details-link {
        align-items: center;
        display: inline-flex;
        gap: 0.25rem;
        margin-inline-start: auto;
    }
    @media (min-width: 768px) and (max-width: 991.98px) {
        .quickview__dialog {
            max-width: 750px;
        }
    }
    @media (min-width: 576px) and (max-width: 767.98px) {
        .quickview__dialog {
            max-width: calc(100% - var(--bs-modal-margin) * 2);
        }
    }
    .layout-full-width .products {
        display: grid;
        gap: 1.5rem;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    @media (min-width: 360px) {
        .layout-full-width .products {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        #search.layout-full-width .products {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
    @media (min-width: 992px) {
        .layout-full-width .products {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        #search.layout-full-width .products {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }
    @media (min-width: 1200px) {
        .layout-full-width .products {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        #search.layout-full-width .products{
         grid-template-columns: repeat(5, minmax(0, 1fr));   
        }
    }
    .layout-left-column .products,
    .layout-right-column .products {
        display: grid;
        gap: 1.5rem;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    @media (min-width: 360px) {
        .layout-left-column .products,
        .layout-right-column .products {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (min-width: 1200px) {
        .layout-left-column .products,
        .layout-right-column .products {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
    .layout-both-columns .products {
        display: grid;
        gap: 1.5rem;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    @media (min-width: 360px) {
        .layout-both-columns .products {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (min-width: 768px) {
        .layout-both-columns .products {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }
    @media (min-width: 992px) {
        .layout-both-columns .products {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    .products__selection {
        align-items: center;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        margin-block-end: 1.5rem;
        row-gap: 1rem;
    }
    .products__count {
        color: var(--bs-secondary-color);
    }
    .products__sort {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        order: -1;
    }
    .products__sort-label {
        align-items: center;
        display: none;
        white-space: nowrap;
    }
    .products__sort-dropdown {
        flex-grow: 1;
    }
    .products__sort-dropdown-button {
        justify-content: space-between;
        width: 100%;
    }
    .products__filter-button {
        flex-basis: 0;
        flex-grow: 1;
        min-width: fit-content;
    }
    .products__pagination {
        margin-block: 1.5rem;
    }
    @media (min-width: 768px) {
        .products__filter-button {
            display: none;
        }
        .products__sort-label {
            display: flex;
        }
    }
    @media (min-width: 992px) {
        .products__selection {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .products__sort {
            order: 0;
        }
    }
    .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: 0.5rem;
        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-primary);
        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%;
    }
    .noUi-state-tap .noUi-connect,
    .noUi-state-tap .noUi-origin {
        transition: transform 0.3s;
    }
    .noUi-state-drag * {
        cursor: inherit !important;
    }
    .noUi-horizontal {
        height: 4px;
        margin: 12px;
    }
    .noUi-horizontal .noUi-handle {
        height: 24px;
        right: -12px;
        top: -10px; /*!/* @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: 0.5rem;
        position: relative;
    }
    .noUi-draggable {
        cursor: ew-resize;
    }
    .noUi-vertical .noUi-draggable {
        cursor: ns-resize;
    }
    .noUi-handle {
        backface-visibility: hidden;
        background: var(--bs-body-bg);
        border: 1px solid var(--bs-border-color);
        border-radius: 50%;
        cursor: pointer;
        outline: none;
        position: absolute;
        transition: var(--bs-transition-default);
    }
    .noUi-handle:hover {
        border-color: var(--bs-primary);
    }
    .noUi-active,
    .noUi-active:hover,
    .noUi-handle:hover {
        background: var(--bs-primary);
    }
    .noUi-active:hover {
        border-color: 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: 0.5rem;
        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);
    }
    .dl-list {
        background-color: var(--bs-tertiary-bg);
        border-radius: var(--bs-border-radius);
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-block-end: 0;
    }
    .dl-list dt {
        border-block-end: 1px solid var(--bs-border-color);
        font-weight: 600;
        margin: 0;
        padding: 1rem;
    }
    .dl-list dt:last-of-type {
        border-block-end: none;
    }
    .dl-list dd {
        border-block-end: 1px solid var(--bs-border-color);
        margin: 0;
        padding: 1rem;
    }
    .dl-list dd:last-of-type {
        border-block-end: none;
    }
    .outline:focus-visible {
        outline: 0.125rem solid var(--bs-primary);
        outline-offset: -0.125rem;
    }
    .outline--rounded {
        border-radius: var(--bs-border-radius);
    }
    .outline.disabled:focus-visible,
    .outline:disabled:focus-visible {
        outline: none;
    }
    .search-filters .noUi-handle:focus-visible {
        outline: 0.125rem solid var(--bs-primary);
    }
    .search-filters__form-check--color .color:focus-visible {
        box-shadow: 0 0 0 0.25rem rgba(11, 105, 246, 0.25);
    }
    .skip-link:focus {
        left: 0.375rem;
        position: fixed;
        top: 0.375rem;
        z-index: 1090;
    }
    .back-to-top-link:focus {
        bottom: 0.375rem;
        position: fixed;
        right: 0.375rem;
        z-index: 1090;
    }
}
@layer ps-modules {
    .blockreassurance .reassurance {
        align-items: center;
        display: flex;
        gap: 1rem;
    }
    .blockreassurance .reassurance__image {
        flex-shrink: 0;
        height: 32px;
        width: 32px;
    }
    .blockreassurance .reassurance__content {
        flex-grow: 1;
    }
    .blockreassurance .reassurance__title {
        transition: var(--bs-transition-default);
        font-weight: 500;
    }
    .blockreassurance .reassurance__desc {
        color: var(--bs-secondary-color);
    }
    .blockreassurance .reassurance--link {
        color: var(--bs-body-color);
    }
    .blockreassurance .reassurance--link:hover {
        color: var(--bs-link-hover-color);
    }
    .blockreassurance--cart,
    .blockreassurance--checkout,
    .blockreassurance--product {
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr;
        margin-block-end: 2rem;
        padding: 0;
        text-align: initial;
    }
    .blockreassurance--cart,
    .blockreassurance--checkout {
        margin-block: 2rem;
    }
    .blockreassurance--horizontal {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;
        justify-content: center;
        padding-block: 0.5rem;
    }
    .blockreassurance--horizontal .reassurance {
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 1;
        line-height: 1.2;
    }
    .blockreassurance--horizontal .reassurance__image {
        height: 2.5rem;
        width: 2.5rem;
    }
    .blockreassurance--horizontal .reassurance__desc {
        display: block;
        margin-block-start: 0.25rem;
    }
    .blockreassurance--light {
        background-color: var(--bs-tertiary-bg);
    }
    .blockreassurance--dark {
        background-color: var(--bs-dark);
        padding-block: 1rem;
    }
    .blockreassurance--dark .reassurance {
        color: var(--bs-body-color);
    }
    .blockreassurance--dark .reassurance__title {
        color: var(--bs-white);
    }
    .blockreassurance--dark .reassurance__desc {
        color: var(--bs-gray-300);
    }
    .blockreassurance--dark .reassurance--link:hover .reassurance__title {
        color: var(--bs-primary);
    }
    @media (min-width: 576px) {
        .blockreassurance--horizontal .reassurance {
            flex-basis: calc(50% - 1.5rem);
        }
    }
    @media (min-width: 768px) {
        .blockreassurance .reassurance__image {
            height: 32px;
            width: 32px;
        }
    }
    @media (min-width: 992px) {
        .blockreassurance--horizontal .reassurance {
            flex-basis: calc(25% - 1.5rem);
        }
        .blockreassurance--horizontal .reassurance__image {
            height: 3rem;
            width: 3rem;
        }
    }
    .wishlist-button:empty {
        display: none;
    }
    .wishlist-button-add {
        border-radius: var(--bs-border-radius-sm) !important;
        box-shadow: none !important;
        color: var(--bs-body-color) !important;
        height: inherit !important;
        margin: 0 !important;
        min-width: inherit !important;
        padding: 0.375rem !important;
        right: 0.5rem !important;
        top: 0.5rem !important;
        width: inherit !important;
    }
    .wishlist-button-add,
    .wishlist-button-add:hover {
        /* background-color: var(--bs-body-bg) !important;
        border: 1px solid var(--bs-body-bg) !important; */
    }
    .wishlist-button-add:hover {
        color: var(--bs-link-hover-color) !important;
        opacity: 1 !important;
    }
    .wishlist-button-add i {
        color: #4c4c4c;
        font-size: 21px;
        padding-top: 1px;
    }
    .ps-categoryproducts {
        margin-block-end: 2rem;
    }
    @media (min-width: 1200px) {
        .ps-categoryproducts {
            margin-block-end: 3rem;
        }
    }
    #header .ps-contactinfo a {
        color: var(--bs-body-color);
    }
    #header .ps-contactinfo a:hover {
        color: var(--bs-link-hover-color);
    }
    #footer .ps-contactinfo__infos, .ps-contactinfo__phone, .ps-contactinfo__fax, .ps-contactinfo__email {
        margin-bottom: 1rem;
        color: #c8c8c8;
    }
    #footer .ps-contactinfo__email,
    #footer .ps-contactinfo__fax,
    #footer .ps-contactinfo__infos,
    #footer .ps-contactinfo__phone {
        align-items: center;
        display: flex;
    }
    #footer .ps-contactinfo__email i,
    #footer .ps-contactinfo__fax i,
    #footer .ps-contactinfo__infos i,
    #footer .ps-contactinfo__phone i {
        font-size: 1.125rem;
        margin-right: 0.5rem;
    }
    .ps-contactinfo hr {
        margin: 0;
    }
    .ps-contactinfo__item {
        display: flex;
        gap: 1rem;
        padding-bottom: 1rem;
    }
    .ps-contactinfo__item:not(:first-of-type) {
        padding-top: 1rem;
    }
    .ps-contactinfo__info--email {
        word-break: break-all;
    }
    .ps-crossselling {
        margin-block-end: 2rem;
    }
    @media (min-width: 1200px) {
        .ps-crossselling {
            margin-block-end: 3rem;
        }
    }
    @media (max-width: 991.98px) {
        .ps-customersignin .dropdown-toggle:after {
            display: none;
        }
    }
    #_mobile_ps_customersignin {
        align-items: center;
    }
    #custom-text {
        padding: 2.5rem 1rem 0;
    }
    .ps-emailalerts__content {
        background-color: var(--bs-tertiary-bg);
        border-radius: var(--bs-border-radius);
        display: grid;
        gap: 0.5rem;
        grid-template-columns: minmax(0, 1fr);
        margin-block-end: 1rem;
        padding: 1rem;
    }
    .ps-emailalerts__product-list {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .ps-emailalerts__product {
        align-items: flex-start;
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        display: flex;
        gap: 1rem;
        padding: 0.5rem;
        transition: var(--bs-transition-default);
    }
    .ps-emailalerts__product:hover {
        background-color: var(--bs-tertiary-bg);
    }
    .ps-emailalerts__product-image-link {
        flex-shrink: 0;
    }
    .ps-emailalerts__product-image {
        border-radius: var(--bs-border-radius-sm);
        height: 5rem;
        width: 5rem;
    }
    .ps-emailalerts__product-content {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        gap: 0.25rem;
    }
    .ps-emailalerts__product-delete {
        background-color: transparent;
        border: none;
        font-size: 0.875rem;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }
    .ps-emailalerts__product-attributes {
        color: var(--bs-secondary-color);
        font-size: 0.875rem;
    }
    @media (min-width: 768px) {
        .ps-emailalerts__product-list {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    .ps-facetedsearch {
        border-bottom: 0;
    }
    .search-filters {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .search-filters__clear {
        margin-block-end: 0;
        margin-inline-start: auto;
        order: 1;
    }
    .search-filters__form-check {
        align-items: center;
        display: flex;
        gap: 0.5rem;
        padding-inline-start: 0;
    }
    .search-filters__form-check .color,
    .search-filters__form-check .form-check-input {
        flex-shrink: 0;
        margin: 0;
    }
    .search-filters__form-check--color .form-check-label {
        align-items: center;
        cursor: pointer;
        display: flex;
        gap: 0.5rem;
    }
    .search-filters__link {
        color: var(--bs-body-color);
    }
    .search-filters__link:hover {
        color: var(--bs-link-hover-color);
    }
    .search-filters__color-label {
        color: var(--bs-body-color);
    }
    .search-filters__color-label:hover {
        color: var(--bs-link-hover-color);
    }
    .search-filters__magnitude {
        color: var(--bs-tertiary-color);
    }
    .search-filters__dropdown-toggle {
        justify-content: flex-start;
        text-align: left;
        white-space: normal;
        width: 100%;
    }
    .search-filters__dropdown-toggle:after {
        margin-inline-start: auto;
    }
    .search-filters__dropdown-menu {
        width: 100%;
    }
    .search-filters__slider-container {
        margin-block-end: 1rem;
    }
    .search-filters__slider-values {
        color: var(--bs-tertiary-color);
        font-size: 0.875rem;
    }
    @media (min-width: 768px) {
        .search-filters {
            display: block;
        }
        .search-filters__clear {
            margin-block-end: 0.5rem;
            margin-inline-start: 0;
            order: 0;
        }
    }
    .active-filters__title {
        font-weight: 600;
    }
    .active-filters__list {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .ps-imageslider__figure {
        margin-block-end: 0;
    }
    .ps-imageslider__figure img {
        height: auto;
    }
    .ps-imageslider__figcaption {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: rgba(var(--bs-dark-rgb), 0.5);
        border-radius: var(--bs-border-radius);
        color: var(--bs-light);
    }
    .ps-imageslider__figcaption p {
        margin-block-end: 0;
    }
    @media (max-width: 991.98px) {
        .ps-imageslider__figure {
            height: 320px;
        }
        .ps-imageslider__figure img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }
    }
    @media (max-width: 767.98px) {
        .ps-imageslider__figure {
            height: 240px;
        }
    }
    .ps-mainmenu {
        order: -1;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) {
        display: flex;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__mobile-toggle {
        align-items: center;
        display: flex;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__mobile-toggle .menu-toggle {
        background-color: transparent;
        color: var(--bs-body-color);
        padding-inline: 0.375rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__mobile-toggle .menu-toggle:hover {
        color: var(--bs-link-hover-color);
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__mobile-toggle .menu-toggle .material-icons,
    .ps-mainmenu:is(.ps-mainmenu--desktop)
        .ps-mainmenu__mobile-toggle
        .menu-toggle
        .submenu__left-item[data-ps-has-child="true"]:after {
        font-size: 1.5rem;
    }
    @media (min-width: 1200px) {
        .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__mobile-toggle {
            display: none;
        }
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin: 0;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li {
        align-items: center;
        display: flex;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li.current .ps-mainmenu__tree-link {
        color: var(--bs-link-color);
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-item-wrapper {
        align-items: center;
        display: flex;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-link {
        color: var(--bs-secondary-color);
        padding: 1.25rem 0.5rem;
        text-decoration: none;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-link:hover {
        color: var(--bs-link-hover-color);
        cursor: pointer;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-link:active {
        color: var(--bs-link-hover-color);
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-link:focus {
        border-radius: var(--bs-border-radius);
        color: var(--bs-link-hover-color);
        outline: 0.125rem solid var(--bs-link-color);
        outline-offset: 0.125rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-dropdown-toggle {
        align-items: center;
        align-self: stretch;
        background: none;
        border: none;
        color: var(--bs-secondary-color);
        cursor: pointer;
        display: flex;
        justify-content: center;
        padding: 1.25rem 0.125rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-dropdown-toggle:after {
        transition: var(--bs-transition-default);
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-dropdown-toggle:hover {
        color: var(--bs-link-hover-color);
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .ps-mainmenu__tree-dropdown-toggle:focus {
        border-radius: var(--bs-border-radius);
        color: var(--bs-link-hover-color);
        outline: 0.125rem solid var(--bs-link-color);
        outline-offset: 0.125rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop)
        .ps-mainmenu__tree
        > li
        .ps-mainmenu__tree-dropdown-toggle[aria-expanded="true"]:after {
        transform: rotate(-0.5turn);
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .ps-mainmenu__tree > li .submenu {
        background-color: var(--bs-body-bg);
        border-top: 0.0625rem solid var(--bs-border-color);
        display: none;
        left: 0;
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 1060;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu {
        box-shadow: var(--bs-box-shadow-md);
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__row {
        align-items: stretch;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left {
        border-right: 0.0625rem solid var(--bs-border-color);
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        padding-block: 1.5rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item {
        align-items: center;
        background-color: transparent;
        border-radius: var(--bs-border-radius);
        color: var(--bs-body-color);
        display: flex;
        padding: 0.75rem 1rem;
        text-decoration: none;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item:hover {
        background-color: var(--bs-tertiary-bg);
        color: var(--bs-link-hover-color);
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item:focus {
        background-color: var(--bs-tertiary-bg);
        color: var(--bs-link-hover-color);
        outline: 0.125rem solid var(--bs-link-color);
        outline-offset: 0.125rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item.active {
        background-color: var(--bs-tertiary-bg);
        color: var(--bs-link-color);
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item.active:active,
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item.active:focus {
        background-color: var(--bs-tertiary-bg);
        color: var(--bs-link-hover-color);
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__left-item[data-ps-has-child="true"]:after {
        content: "\e315"/" ";
        margin: 0 0 0 auto;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right {
        padding-block: 1.5rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        display: none;
        grid-template-columns: repeat(3, 1fr);
        row-gap: 2rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items:first-child {
        display: grid;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items.active {
        display: grid;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items.not-active {
        display: none;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items .menu-item {
        color: var(--bs-body-color);
        display: block;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items .menu-item:hover {
        color: var(--bs-link-hover-color);
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items .menu-item__group--child .menu-item__group-main-item,
    .ps-mainmenu:is(.ps-mainmenu--desktop)
        .submenu__right-items
        .menu-item__group--nochild
        .menu-item__group-main-item {
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items .menu-item__group--child {
        display: flex;
        flex-direction: column;
    }
    .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items .menu-item__group--child .menu-item {
        align-items: center;
        display: flex;
        gap: 0.25rem;
    }
    @media (min-width: 1400px) {
        .ps-mainmenu:is(.ps-mainmenu--desktop) .submenu__right-items {
            grid-template-columns: repeat(4, 1fr);
        }
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) {
        overflow: hidden;
        padding: 0;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .contact-link {
        display: block;
        margin-bottom: 1rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .offcanvas-header {
        justify-content: space-between;
        padding-inline: 0 0.75rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .btn-close {
        margin: 0;
        padding: 0.75rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .menu {
        display: none;
        left: 100%;
        max-width: 25rem;
        padding: 0 1rem;
        position: relative;
        transition: var(--bs-transition-default);
        width: 100%;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .menu a {
        color: var(--bs-secondary-color);
        display: block;
        padding-block: 0.5rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .menu a:hover {
        color: var(--bs-link-hover-color);
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .menu__title {
        color: var(--bs-body-color);
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 0.75rem;
        padding: 0;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .menu__list {
        margin: 0;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .menu__link:active {
        color: var(--bs-link-color);
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .menu__toggle-child {
        padding: 0.25rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .menu__toggle-child > span {
        display: block;
        line-height: 0;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .menu--current {
        display: block;
        left: 0;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .menu--fromLeft {
        animation: from-left 0.25s;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .menu--fromRight {
        animation: from-right 0.25s;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .menu--parent {
        display: none;
        left: -100%;
        opacity: 0;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .menu--childrens {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .ps-mainmenu__mobile {
        height: 100%;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .ps-mainmenu__back-button .btn {
        line-height: 1;
        padding: 0.25rem 0.5rem;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .ps-mainmenu__tree {
        align-items: center;
        display: flex;
        margin-bottom: 0;
    }
    .ps-mainmenu:is(.ps-mainmenu--mobile) .ps-mainmenu__additionnals {
        flex-shrink: 0;
    }
    @media (min-width: 1200px) {
        .ps-mainmenu {
            order: 1;
        }
    }
    @keyframes from-left {
        0% {
            transform: translateX(-100%);
        }
        to {
            transform: translateX(0);
        }
    }
    @keyframes from-right {
        0% {
            transform: translateX(100%);
        }
        to {
            transform: translateX(0);
        }
    }
    .product-comment-list-item .material-icons[data-icon]:before {
        content: attr(data-icon);
    }
    .product-comment-modal .modal-header .material-icons.check,
    .product-comment-modal
        .modal-header
        .ps-mainmenu:is(.ps-mainmenu--desktop)
        .check.submenu__left-item[data-ps-has-child="true"]:after,
    .ps-mainmenu:is(.ps-mainmenu--desktop)
        .product-comment-modal
        .modal-header
        .check.submenu__left-item[data-ps-has-child="true"]:after {
        color: var(--bs-success);
    }
    .comments-note {
        align-items: center;
        display: flex;
        gap: 0.25rem;
    }
    .average-grade {
        color: var(--bs-secondary-color);
        padding-block-start: 0.125rem;
    }
    .product-miniature .product-list-review {
        align-items: center;        
        justify-content: start;
        padding: 0;
        display: none;
    }
    .product-miniature .product-list-review .product-list-comments-number {
        color: var(--bs-secondary-color);
        font-size: 0.75rem;
        line-height: 1;
        padding-block-start: 0.125rem;
        display: none;
    }
    #criterions_list .criterion-rating,
    #criterions_list .criterion-rating label {
        display: block;
    }
    #criterions_list .criterion-rating .star-content {
        cursor: pointer;
    }
    .stars-selector {
        align-items: center;
        display: inline-flex;
        flex-wrap: wrap;
        gap: 0.125rem;
        padding: 0;
    }
    .stars-selector:has(.stars-selector__input:focus-visible) {
        border-radius: var(--bs-border-radius-sm);
        box-shadow: 0 0 0 0.25rem rgba(11, 105, 246, 0.25);
    }
    .stars-selector:not(:has(.stars-selector__input:checked)) .stars-selector__input-label {
        background-position: 0 0;
    }
    .stars-selector .stars-selector__input:focus-visible + .stars-selector__input-label {
        border-radius: var(--bs-border-radius-sm);
        outline: 0.125rem solid var(--bs-primary);
    }
    .stars-selector .stars-selector__input:checked + .stars-selector__input-label ~ .stars-selector__input-label {
        background-position: 0 0;
    }
    .stars-selector .stars-selector__input-label {
        background: url(../img-dist/ebbe53f758171816c2d4.png) no-repeat 100% 0 transparent;
        cursor: pointer;
        display: block;
        height: 1.25rem;
        width: 1.25rem;
    }
    .page-product .product-comments-additional-info {
        display: flex;
        flex: 0 0 0;
        margin: 0;
    }
    .page-product .product-comments-additional-info .link-comment:hover {
        text-decoration: none;
    }
    .page-product .product-comments-additional-info .comments-note {
        margin: 0;
    }
    .page-product #product-comments-list-header {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        margin-block-end: 1rem;
        padding: 0;
    }
    .page-product #product-comments-list-header .section-title {
        margin-block-end: 0;
    }
    .page-product #product-comments-list-btn-group {
        margin-block-end: 1rem;
    }
    .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 .pagination {
        flex-wrap: wrap;
    }
    .page-product #post-product-comment-modal .h3,
    .page-product #post-product-comment-modal .left-block__title,
    .page-product #post-product-comment-modal .right-block__title {
        font-size: inherit;
    }
    .page-product #post-product-comment-modal .product-cover,
    .page-product #post-product-comment-modal .product-cover img {
        height: auto;
        width: auto;
    }
    .page-product #product-comments-list {
        margin-block-end: 1rem;
    }
    .page-product #product-comments-list.has-comments:empty:before {
        content: "";
        display: block;
        margin: 1rem auto;
    }
    .page-product #product-comments-list .comment {
        background-color: transparent;
        border-bottom: 1px solid var(--bs-border-color);
        margin: 0;
        padding: 1rem 0;
    }
    .page-product #product-comments-list .comment__top {
        align-items: center;
        display: flex;
        font-size: 0.875rem;
        gap: 1rem;
        justify-content: space-between;
        margin-bottom: 0.25rem;
    }
    .page-product #product-comments-list .comment__author {
        color: var(--bs-body-color);
    }
    .page-product #product-comments-list .comment__date {
        color: var(--bs-secondary-color);
    }
    .page-product #product-comments-list .comment__title {
        color: var(--bs-body-color);
        font-size: 1rem;
        font-weight: 600;
        margin: 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: 0.5rem;
        height: auto;
        margin-bottom: 1rem;
        min-height: inherit;
    }
    .page-product #product-comments-list .comment__infos .grade-stars {
        margin: 0 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 .material-icons,
    .page-product
        #product-comments-list
        .comment__buttons
        .ps-mainmenu:is(.ps-mainmenu--desktop)
        .submenu__left-item[data-ps-has-child="true"]:after,
    .ps-mainmenu:is(.ps-mainmenu--desktop)
        .page-product
        #product-comments-list
        .comment__buttons
        .submenu__left-item[data-ps-has-child="true"]:after {
        font-size: 1.25rem;
    }
    .page-product #product-comments-list .comment__buttons a {
        align-items: center;
        color: var(--bs-secondary-color);
        display: inline-flex;
        gap: 0.25rem;
        transition: var(--bs-transition-default);
    }
    .page-product #product-comments-list .comment__buttons a:hover {
        color: var(--bs-link-hover-color);
        cursor: pointer;
    }
    .star-content {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0;
        position: absolute;
    }
    .star-content .star,
    .star-content .star-hover,
    .star-content .star-on {
        background: url(../img-dist/ebbe53f758171816c2d4.png) no-repeat 0 0 transparent;
        display: block;
        flex: auto;
        height: 1.25rem;
        margin-left: 0.125rem;
        width: 1.25rem;
    }
    .star-content .star-hover,
    .star-content .star-on {
        background-position: -1.5rem 0;
    }
    .small-stars .star,
    .small-stars .star-hover,
    .small-stars .star-on {
        background: url(../img-dist/f04f6b103c75e5e5920a.png) no-repeat 0 0 transparent;
        height: 1rem;
        margin-left: 0.125rem;
        width: 1rem;
    }
    .small-stars .star-hover,
    .small-stars .star-on {
        background-position: -19px 0;
    }
    .grade-stars {
        display: inline-block;
        height: 1.25rem;
        min-width: 7.5rem;
        position: relative;
    }
    .grade-stars.small-stars {
        height: 1rem;
        min-width: 6.25rem;
    }
    .product-comments-wrapper {
        margin-block-end: 2rem;
    }
    @media (min-width: 1200px) {
        .product-comments-wrapper {
            margin-block-end: 3rem;
        }
    }
    .ps-searchbar {
        margin-block: 0.5rem;
        min-width: 19rem;
        overflow: visible;
    }
    .ps-searchbar,
    .ps-searchbar__form {
        position: relative;
    }
    .ps-searchbar__input {
        padding-block: 0.5rem;
        padding-inline: 2.5rem;
    }
    .ps-searchbar__magnifier {
        left: 0.75rem;
    }
    .ps-searchbar__clear,
    .ps-searchbar__magnifier {
        color: var(--bs-body-color);
        cursor: pointer;
        padding: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .ps-searchbar__clear {
        border-radius: var(--bs-border-radius);
        right: 0.75rem;
        transition: var(--bs-transition-default);
    }
    .ps-searchbar__clear:focus-visible,
    .ps-searchbar__clear:hover {
        background-color: var(--bs-tertiary-bg);
        color: var(--bs-link-hover-color);
    }
    .ps-searchbar__offcanvas {
        border-bottom: 0;
        bottom: inherit;
        height: auto;
    }
    .ps-searchbar__offcanvas .offcanvas-header {
        background-color: var(--bs-body-bg);
        display: flex;
        gap: 0.25rem;
        padding: 0.5rem 1rem;
    }
    .ps-searchbar__container {
        flex-grow: 1;
    }
    .ps-searchbar__dropdown {
        background-color: var(--bs-body-bg);
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        box-shadow: 0 10px 20px 0 rgba(var(--bs-black-rgb), 0.1);
        max-width: 30rem;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: calc(100% + 0.5rem);
        width: 100vw;
        z-index: 1070;
    }
    .ps-searchbar__results {
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr;
        margin: 0;
        max-height: 21rem;
        overflow-y: scroll;
        padding: 1rem;
    }
    .ps-searchbar--mobile {
        align-items: center;
        display: flex;
    }
    .ps-searchbar--mobile .ps-searchbar {
        margin-block: 0;
    }
    @media (max-width: 767.98px) {
        .ps-searchbar {
            min-width: inherit;
            overflow: inherit;
            position: inherit;
        }
        .ps-searchbar__dropdown {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            left: 0;
            max-width: inherit;
            right: 0;
            top: 100%;
        }
    }
    .ps-searchbar__result-name {
        color: var(--bs-body-color);
        margin: 0;
        padding: 0.5rem 1rem;
        transition: var(--bs-transition-default);
    }
    .ps-searchbar__result-link {
        align-items: center;
        border-radius: var(--bs-border-radius);
        display: flex;
        outline: 2px solid transparent;
        transition: var(--bs-transition-default);
    }
    .ps-searchbar__result-link:hover {
        background-color: var(--bs-tertiary-bg);
    }
    .ps-searchbar__result-link:hover .ps-searchbar__result-name {
        color: var(--bs-body-color);
    }
    .ps-searchbar__result-link:focus {
        background-color: var(--bs-tertiary-bg);
    }
    .ps-searchbar__result-link:focus .ps-searchbar__result-name {
        color: var(--bs-body-color);
    }
    .ps-searchbar__result-link:focus-visible {
        outline: 2px solid var(--bs-primary);
    }
    .ps-searchbar__result-link:active {
        background-color: var(--bs-tertiary-bg);
    }
    .ps-searchbar__result-link:active .ps-searchbar__result-name {
        color: var(--bs-link-hover-color);
    }
    .ps-searchbar__result-image {
        border-radius: var(--bs-border-radius);
        flex-shrink: 0;
        width: 4rem;
    }
    .ps-sharebuttons {
        align-items: center;
        display: flex;
        gap: 0.5rem;
    }
    .ps-sharebuttons__list {
        align-items: center;
        display: flex;
        gap: 0.125rem;
        margin: 0;
    }
    .ps-sharebuttons__link {
        color: var(--bs-body-color);
        display: flex;
        flex-wrap: wrap;
        height: 1.875rem;
        place-content: center;
        width: 1.875rem;
    }
    .ps-sharebuttons__link:hover {
        color: var(--bs-link-hover-color);
    }
    @media (min-width: 576px) {
        .ps-sharebuttons {
            gap: 0.75rem;
        }
        .ps-sharebuttons__list {
            gap: 0.25rem;
        }
        .ps-sharebuttons__link {
            height: 2rem;
            width: 2rem;
        }
    }
    .blockcart-modal__name {
        font-weight: 600;
    }
    .blockcart-modal__title {
        align-items: center;
        color: var(--bs-success);
        display: inline-flex;
        font-size: 1rem;
        gap: 0.5rem;
    }
    .blockcart-modal__title-icon {
        color: var(--bs-success);
        font-size: 1.5rem;
        line-height: 1;
    }
    .blockcart-modal__name,
    .blockcart-modal__nb-products,
    .blockcart-modal__price,
    .blockcart-modal__property,
    .blockcart-modal__total {
        margin-bottom: 0.25rem;
    }
    .blockcart-modal__property, .blockcart-modal__quantity{
            color: #757575;
    }
    .blockcart-modal__name,
    .blockcart-modal__price {
        font-weight: 600;
    }
    .blockcart-modal__total {
        display: flex;
        justify-content: space-between;
    }
    .blockcart-modal__total--bold {
        font-weight: 600;
    }
    .blockcart-modal__image {
        border-radius: var(--bs-border-radius);
        margin-block-end: 2rem;
    }
    .blockcart-modal__cart-footer-extra {
        width: 100%;
    }
    @media (min-width: 360px) {
        .blockcart-modal__image {
            margin-block-end: 0;
        }
    }
    @media (min-width: 576px) {
        .blockcart-modal__title {
            color: var(--bs-body-color);
            font-size: 1.5rem;
            gap: 1rem;
        }
        .blockcart-modal__title-icon {
            font-size: 2rem;
        }
    }
    @media (min-width: 992px) {
        .blockcart-modal__price {
            font-weight: 400;
        }
    }
    #_mobile_ps_shoppingcart {
        align-items: center;
        display: flex;
    }
    .ps-viewedproduct {
        margin-block-end: 2rem;
    }
    @media (min-width: 1200px) {
        .ps-viewedproduct {
            margin-block-end: 3rem;
        }
    }
}
@layer ps-base {
    .header {
        background-color: var(--bs-body-bg);
        max-width: 100vw;
        /* position: sticky; */
        top: 0;
        width: 100%;
        z-index: 1021;
    }
    .header-top {
        padding: 0.25rem 0;
    }
    .header-top__left,
    .header-top__right {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
    }
    .header-top__right {
        justify-content: flex-end;
        position: relative;
    }
    #_desktop_ps_languageselector::before, #_desktop_ps_currencyselector::before, #_desktop_ps_customersignin::before{
        content: '';
        border-left: 1px solid #ccc;
        margin: 0;
        height: 15px;
        display: block;
        position: absolute;
        top: 10px;
        bottom: 0;
    }
    .header-top a:not(.dropdown-item) {
        color: var(--header-top-color);
    }
    .header-top a:not(.dropdown-item):hover {
        color: var(--header-top-color-hover);
    }
    .header-top .form-select {
        border: none;
        cursor: pointer;
    }
    @media (min-width: 768px) {
        .header-top {
            border-bottom: 1px solid var(--bs-border-color);
        }
    }
    .header-bottom {        
        padding: 16px 0;
    }
    .header-bottom__h1 {
        font-size: unset;
    }
    .header-bottom .navbar-brand {
        max-height: max(50px, 10vh);
        max-width: 250px;
        padding: 0;
    }
    .header-bottom .navbar-brand .logo {
        max-height: 3rem;
        max-width: 8rem;
        width: auto;
    }
    @media (min-width: 768px) {
        .header-bottom .navbar-brand .logo {
            max-width: 9rem;
        }
    }
    .header-bottom .nav-link.active,
    .header-bottom .nav-link:active,
    .header-bottom .nav-link:active:hover {
        color: var(--bs-white);
    }
    @media (min-width: 768px) {
        .layout-left-column .columns-container,
        .layout-left-column .columns-container > .row,
        .layout-right-column .columns-container,
        .layout-right-column .columns-container > .row {
            --bs-gutter-x: 2.5rem;
        }
    }
    .footer{
        background: #060606;
    }
    .footer__main {
        background: #060606;
        color: var(--bs-gray-300);
        padding-block: 1.5rem;
    }
    @media (min-width: 768px) {
        .footer__main {
            padding-block: 2.5rem 1.25rem;
        }
    }
    .footer-block,
    .footer-block__title {
        margin-block-end: 0.75rem;
    }
    .footer-block__title {
        font-size: 1rem;
        font-weight: 600;
        position: relative;
    }
    .footer-block__title,
    .footer-block__title a {
        color: var(--bs-white);
    }
    .footer-block__title--toggle {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
    .footer-block__title--toggle .stretched-link {
        background-color: inherit;
        border: none;
        color: inherit;
        padding: 0;
    }
    .footer-block__title--toggle .stretched-link:not(.collapsed) i {
        transform: rotate(0.5turn);
    }
    .footer-block__title--toggle i {
        transition: var(--bs-transition-default);
    }
    .footer-block__list {
        margin-block-end: 0;
    }
    .footer-block__list a {
        display: block;
        line-height: 1.5;
        padding-block: 0.25rem;
    }
    .footer-block a {
        color: var(--bs-gray-300);
    }
    .footer-block a:hover {
        color: var(--bs-white);
    }
    @media (min-width: 768px) {
        .footer-block {
            margin-block-end: 2.5rem;
        }
        .footer-block__title {
            margin-block-end: 1.5rem;
        }
        .footer-block__content.collapse {
            display: block;
        }
    }
}
@layer ps-pages {
    .page-addresses .addresses__list {
        display: grid;
        gap: 1rem;
        grid-template-columns: minmax(0, 1fr);
    }
    @media (min-width: 576px) {
        .page-addresses .addresses__list {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (min-width: 1200px) {
        .page-addresses .addresses__list {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
    .cart-grid__content {
        margin-block-end: 3rem;
    }
    .cart-grid__aside {
        margin-block-end: 1rem;
    }
    @media (min-width: 768px) {
        .cart-grid__content {
            margin-block-end: 4rem;
        }
        .cart-grid__aside {
            margin-block-end: 2rem;
        }
    }
    .page-category .category__description {
        margin-bottom: 1rem;
    }
    .page-category .category__cover {
        margin-bottom: 1.5rem;
    }
    .page-category .category__cover-image {
        border-radius: var(--bs-border-radius);
    }
    .page-category .category__additional-description {
        margin-bottom: 1.5rem;
    }
    .checkout-grid__content {
        margin-block-end: 2rem;
    }
    .checkout-grid__aside {
        margin-block-end: 1rem;
    }
    @media (min-width: 768px) {
        .checkout-grid__content {
            margin-block-end: 3rem;
        }
        .checkout-grid__aside {
            margin-block-end: 2rem;
        }
    }
    @media (min-width: 992px) {
        .checkout-grid__aside-wrapper {
            position: sticky;
            top: var(--scroll-padding-top);
            z-index: 1020;
        }
    }
    .checkout__summary-accordion-item {
        border-block-end: 0;
    }
    .checkout__summary-accordion-header {
        display: flex;
    }
    @media (min-width: 992px) {
        .checkout__summary-accordion-header {
            display: none;
        }
        .checkout__summary-accordion-wrapper > .accordion-collapse {
            display: block;
        }
    }
    #checkout-personal-information-step em {
        color: var(--bs-secondary-color);
        display: inline-block;
        font-size: 0.875rem;
        font-style: normal;
        line-height: 1.4;
    }
    #checkout-personal-information-step #personal-information-tabs-content {
        margin-block-start: 1.5rem;
    }
    .address__list {
        display: grid;
        gap: 1rem;
        margin-block-end: 1rem;
    }
    @media (min-width: 576px) {
        .address__list {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    .delivery-options__list {
        margin-block-end: 1.5rem;
    }
    .delivery-options__list > .delivery-option__item:first-child {
        border-start-end-radius: 0.5rem;
        border-start-start-radius: 0.5rem;
    }
    .delivery-options__list > .delivery-option__item:last-child {
        border-block-end: 0;
        border-end-end-radius: 0.5rem;
        border-end-start-radius: 0.5rem;
    }
    .payment-options__list {
        display: grid;
        gap: 0.5rem;
    }
    .login .forgot-password,
    .login-create {
        text-align: center;
    }
    .login hr {
        margin: 1rem auto;
    }
    .login .forgot-password {
        margin-bottom: 1.25rem;
    }
    .page-guest-tracking .order-status__badge--bright,
    .page-order-detail .order-status__badge--bright {
        color: var(--bs-white);
    }
    .page-guest-tracking .order-status__badge--dark,
    .page-order-detail .order-status__badge--dark {
        color: var(--bs-dark);
    }
    .page-guest-tracking .order-addresses__list,
    .page-order-detail .order-addresses__list {
        display: grid;
        gap: 1rem;
    }
    @media (min-width: 768px) {
        .page-guest-tracking .order-addresses__list,
        .page-order-detail .order-addresses__list {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    .page-guest-tracking .order-product__img,
    .page-order-detail .order-product__img {
        border-radius: var(--bs-border-radius);
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        width: 4rem;
    }
    .page-guest-tracking .order-product__name,
    .page-order-detail .order-product__name {
        font-weight: 600;
    }
    .page-guest-tracking .order-product__infos,
    .page-order-detail .order-product__infos {
        display: flex;
        flex-direction: column;
        gap: 0.25rem 0.5rem;
    }
    .page-guest-tracking .order-product__image,
    .page-order-detail .order-product__image {
        flex-shrink: 0;
    }
    .page-guest-tracking .order-product__content,
    .page-order-detail .order-product__content {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }
    @media (min-width: 768px) {
        .page-guest-tracking .order-product__infos,
        .page-order-detail .order-product__infos {
            flex-direction: row;
            gap: 0.5rem 1rem;
        }
    }
    .page-guest-tracking .order-separator,
    .page-order-detail .order-separator {
        margin-block: 1.25rem;
    }
    @media (min-width: 768px) {
        .page-guest-tracking .order-separator,
        .page-order-detail .order-separator {
            margin-block: 2rem;
        }
    }
    .page-guest-tracking .order-message,
    .page-order-detail .order-message {
        border: 1px solid var(--bs-border-color);
        border-radius: 0.5rem;
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr;
        padding: 1rem;
    }
    .page-guest-tracking .order-message:nth-child(2n),
    .page-order-detail .order-message:nth-child(2n) {
        background-color: var(--bs-tertiary-bg);
    }
    .page-guest-tracking .order-message__list,
    .page-order-detail .order-message__list {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .page-guest-tracking .order-message__name,
    .page-order-detail .order-message__name {
        font-weight: 600;
        margin-block-end: 0;
    }
    .page-guest-tracking .order-message__date,
    .page-order-detail .order-message__date {
        color: var(--bs-secondary-color);
        font-size: 0.875rem;
        margin-block-end: 0;
    }
    @media (min-width: 768px) {
        .page-guest-tracking .order-message,
        .page-order-detail .order-message {
            grid-template-columns: 12rem 1fr;
        }
    }
    .order-returns {
        padding: 0.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;
    }
    #pagenotfound .wrapper {
        padding-top: 3rem;
    }
    .page:not(body) {
        padding-bottom: 2rem;
    }
    .page-header {
        margin-bottom: 2rem;
    }
    .page-content--home {
        display: grid;
        gap: 2.5rem;
        grid-template-columns: minmax(0, 1fr);
    }
    .page-category .wrapper__left-column {
        padding-inline-end: 2rem;
    }
    .page-product .product__thumbnails {
        margin-block-start: 1rem;
    }
    .page-product .product__thumbnails-list {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        margin: 0;
    }
    .page-product .product__thumbnail {
        background-color: transparent;
        border: none;
        border-radius: var(--bs-border-radius);
        padding: 0;
    }
    .page-product .product__thumbnail.active .product__thumbnail-image {
        outline: 0.1rem solid var(--bs-primary);
        outline-offset: -0.1rem;
    }
    .page-product .product__thumbnail-image {
        border-radius: 4px;
        outline: 0.1rem solid transparent;
        outline-offset: -0.1rem;
    }
    .page-product .product__images {
        margin-block-end: 2rem;
    }
    .page-product .product__carousel {
        border-radius: var(--bs-border-radius);
        overflow: hidden;
    }
    .page-product .product__zoom {
        bottom: 0.5rem;
        box-shadow: var(--bs-box-shadow-sm);
        position: absolute;
        right: 0.5rem;
        z-index: 10;
    }
    .page-product .product__no-image {
        position: relative;
    }
    .page-product .product__description-short {
        margin-block-end: 1rem;
    }
    .page-product .product__tax-infos {
        color: var(--bs-tertiary-color);
        font-size: 0.875rem;
        line-height: 1.2;
    }
    .page-product .product__prices {
        font-size: 1.25rem;
        line-height: 1;
    }
    .page-product .product__prices-inline {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    .page-product .product__prices-inline--small-gap {
        gap: 0.5rem;
    }
    .page-product .product__prices-block {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }
    .page-product .product__price {
        font-size: 1.5rem;
        font-weight: 600;
    }
    .page-product .product__unit-price {
        color: var(--bs-secondary-color);
        font-size: 0.875rem;
    }
    .page-product .product__discount-price {
        color: var(--bs-secondary-color);
        font-size: 1rem;
    }
    .page-product .product__discount-amount,
    .page-product .product__discount-percentage {
        font-size: 0.875rem;
    }
    .page-product .product__regular-price {
        text-decoration: line-through;
    }
    .page-product .product__pack-price {
        font-size: 1rem;
    }
    .page-product .product__variants {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .page-product .product__availability {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }
    .page-product .product__availability-status {
        align-items: center;
        display: flex;
        gap: 0.5rem;
        line-height: 1.2;
        margin-bottom: 10px;

    }

   .product__availability-icon{
       color: rgb(208, 42, 44) !important;
   }
   .product__availability-messages{
        color: rgb(208, 42, 44) !important;
        text-align: justify;
        margin-bottom: 10px;
    }

    .page-product .product__delivery-infos {
        color: var(--bs-tertiary-color);
        font-size: 0.875rem;
        line-height: 1.2;
    }
    .page-product .product__actions-qty-add {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }
    .page-product .product__quantity {
        display: flex;
        width: 100%;
    }
    .page-product .product__add-to-cart {
        flex-grow: 1;
    }
    .page-product .product__add-to-cart-button {
        width: 100%;
    }
    .page-product .product__minimal-quantity {
        align-items: center;
        color: var(--bs-tertiary-color);
        display: flex;
        font-size: 0.875rem;
        gap: 0.5rem;
        margin-block-start: 0.5rem;
    }
    .page-product .product__additional-info {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }
    .page-product .product__bottom-left,
    .page-product .product__bottom-right {
        margin-block-end: 2rem;
    }
    .page-product .product__attachments {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-block-end: 1rem;
    }
    .page-product .product__actions,
    .page-product .product__add-to-cart-container,
    .page-product .product__availability,
    .page-product .product__customization,
    .page-product .product__description-short,
    .page-product .product__discounts,
    .page-product .product__manufacturer,
    .page-product .product__minimal-quantity,
    .page-product .product__name,
    .page-product .product__pack,
    .page-product .product__prices,
    .page-product .product__variants {
        margin-block-end: 1.25rem;
    }
    .page-product .product__accessories {
        margin-block-end: 2rem;
    }
    @media (min-width: 576px) {
        .page-product .product__quantity {
            width: auto;
        }
    }
    @media (min-width: 768px) {
        .page-product .product__thumbnails {
            margin-block-end: 0;
            margin-block-start: 1.5rem;
        }
        .page-product .product__thumbnails-list {
            gap: 1.5rem;
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }
    @media (min-width: 992px) {
        .page-product .product__images {
            margin-block-end: 0;
        }
        .page-product .product__container {
            display: grid;
            gap: 1.5rem;
            grid-template-columns: 48% minmax(0, 1fr);
        }
        .page-product .product__bottom {
            display: grid;
            gap: 2rem;
            grid-template-columns: 55% minmax(0, 1fr);
            margin-block-start: 1.5rem;
        }
    }
    @media (min-width: 1200px) {
        .page-product .product__container {
            gap: 2rem;
            grid-template-columns: 55% minmax(0, 1fr);
        }
        .page-product .product__thumbnails-list {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
        .page-product .product__additional-info {
            gap: 2rem;
        }
        .page-product .product__bottom-left,
        .page-product .product__bottom-right {
            margin-block-end: 3rem;
        }
        .page-product .product__actions,
        .page-product .product__add-to-cart-container,
        .page-product .product__availability,
        .page-product .product__customization,
        .page-product .product__description-short,
        .page-product .product__discounts,
        .page-product .product__manufacturer,
        .page-product .product__minimal-quantity,
        .page-product .product__name,
        .page-product .product__pack,
        .page-product .product__prices,
        .page-product .product__variants {
            margin-block-end: 2rem;
        }
        .page-product .product__accessories {
            margin-block-end: 3rem;
        }
    }
    .page-product--quickview .product__thumbnails {
        margin-block-end: 2rem;
        margin-block-start: 0.875rem;
    }
    .page-product--quickview .product__thumbnails-list {
        display: grid;
        gap: 0.875rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .page-product--quickview .product__zoom {
        display: none;
    }
    .page-product--quickview .product__actions,
    .page-product--quickview .product__actions-qty-add,
    .page-product--quickview .product__availability,
    .page-product--quickview .product__customization,
    .page-product--quickview .product__description-short,
    .page-product--quickview .product__manufacturer,
    .page-product--quickview .product__minimal-quantity,
    .page-product--quickview .product__name,
    .page-product--quickview .product__prices,
    .page-product--quickview .product__variants {
        margin-block-end: 1.5rem;
    }
    @media (min-width: 576px) {
        .page-product--quickview .product__thumbnails {
            margin-block-start: 0.875rem;
        }
        .page-product--quickview .product__thumbnails-list {
            gap: 0.875rem;
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }
    @media (min-width: 768px) {
        .page-product--quickview {
            display: grid;
            gap: 2rem;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        }
        .page-product--quickview .product__thumbnails {
            margin-block-end: 0;
            position: relative;
        }
        .page-product--quickview .product__thumbnails-list {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }
    @media (min-width: 1200px) {
        .page-product--quickview .product__thumbnails {
            margin-block-start: 1.5rem;
        }
        .page-product--quickview .product__thumbnails-list {
            gap: 1.5rem;
        }
    }
}

/* Webibazaar custom css start*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
body{
	font-family: "Rubik", sans-serif;
    font-size: 14px;
    background-color: #f5f5f5;
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}
@media (min-width: 768px) {
    .container {
        width:100%
    }
}

@media (min-width: 992px) {
    .container {
        width:963px
    }
}

@media (min-width: 1200px) and (max-width:1409px) {
    .container {
        width:1170px
    }
}

@media (min-width: 1410px) and (max-width:1589px) {
    .container {
        width:1380px
    }
}

@media (min-width: 1590px) {
    .container {
        width:1560px
    }
}
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}
.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
.container:after{content:"";display:table;clear:both}
@media (min-width:768px){.container{width:100%; max-width:100%}}
@media (min-width:992px){.container{width:963px; max-width:963px}}
@media (min-width:1200px) and (max-width:1409px){.container{width:1170px; max-width:1170px}}
@media (min-width:1410px) and (max-width:1589px){.container{width:1380px; max-width:1380px}}
@media (min-width:1590px){.container{width:1560px; max-width:1560px}}
.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
.container-fluid:after{content:"";display:table;clear:both}
.row {
    margin-right: -15px;
    margin-left: -15px
}

.header-top__left ul{
	margin: 0;
}
.header-top {
 padding:2px 0;
}
.header-top .form-select{
    font-size: 14px;
}
.topmenu {
    border-top: 1px solid #e5e5e5;
    background-color: #fff;
    padding: 6px 0;
}
.statmenu {
    margin: 9.5px 0;
}
.statmenu li {
    display: inline-block;
    position: relative;
    margin-right: 30px;
    padding-right: 30px;
}
.statmenu li a {
    font-size: 16px;
    text-transform: capitalize;
    position: relative;
}
#_desktop_top_menu {
    position: relative;
}
.slider-banner{
    margin-top: 30px;
}
@media (min-width: 1410px) {
    .menu-sp, #_desktop_top_menu {
        width: 20%;
    }
}
@media (min-width: 992px) {
    #index .rightmenu {
        width: 100%;
    }
    #index .wb-menu-vertical {
        position: absolute;
        margin-top: 74px;
        z-index: 9;
        left: 15px;
        right: 15px;
    }
}
/* a {
    color: #222;
    text-decoration: none;
    transition: 0.3s ease;
} */
/* a:hover, a:focus {
    color: #518432;
    text-decoration: none;
    outline: none;
} */
#header {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
}
@media (min-width: 1410px) {
    .slider-banner {
        width: 80%;
    }
}
.service-card {
    background: #fff;
    border-radius: 4px;
    padding: 28px 24px;
    display: flex;
    align-items: center;
    gap: 18px;
    transition: all 0.3s ease;
    border: 1px solid rgba(0,0,0,0.04);
  }
  .service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  }
  .service-icon {
    width: 68px;
    height: 68px;
    min-width: 68px;
    border-radius: 50%;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    transition: all 0.3s ease;
  }
  .service-card:hover .service-icon{
    border: 1px solid #518432;
  }
  .service-icon svg {
    fill: #ff6b4a;
  }
  .service-content h4 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #111;
    margin-bottom: 6px;
    text-transform: capitalize;
  }
  .service-content p {
    margin: 0;
    font-size: 15px;
    color: #777;
    line-height: 1.5;
  }

  /* Tablet */
  @media (max-width: 991.98px) {
    .service-card {
      padding: 12px 10px;
    }

    .service-content h4 {
      font-size: 16px;
    }
    .service-content p{
        font-size: 14px;
    }
  }

  /* Mobile */
  @media (max-width: 575.98px) {
    .service-card {
      padding: 18px;
      gap: 14px;
    }
    .service-icon {
      width: 53px;
      height: 53px;
      min-width: 53px;
    }
    .service-icon svg{
        width: 25px;
        height: 25px;
    }
    .service-content h4 {
      font-size: 17px;
      margin-bottom: 4px;
    }

    .service-content p {
      font-size: 14px;
    }
  }

/* ====================== 
Featured Products
======================  */
.featured-slider .slick-slide .col-12.product-miniature, .viewedproduct-slider .slick-slide .col-12.product-miniature, .categoryproducts-slider .slick-slide .col-12.product-miniature, .crossselling-slider .slick-slide .col-12.product-miniature{
  padding: 0 15px;
}

.featured-slider .slick-list, .viewedproduct-slider .slick-list, .categoryproducts-slider .slick-list, .crossselling-slider .slick-list{
  margin: 0 -15px;
}
.ps-bestsellers .product-miniature__inner, .ps-newproducts .product-miniature__inner, .ps-specials .product-miniature__inner{
    flex-direction: row;
    align-items: self-start;
}
.ps-bestsellers .product-miniature__top, .ps-newproducts .product-miniature__top, .ps-specials .product-miniature__top{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.ps-bestsellers .product-miniature__inner .card-thumb-buttons, .ps-newproducts .product-miniature__inner .card-thumb-buttons, .ps-specials .product-miniature__inner .card-thumb-buttons{
    display: none;
}
.ps-bestsellers .product-miniature__top, .ps-newproducts .product-miniature__top, .ps-specials .product-miniature__top{
    flex: 0 0 40%;
}
.ps-bestsellers .product-miniature__bottom, .ps-newproducts .product-miniature__bottom, .ps-specials .product-miniature__bottom{
    flex: 1;
}
.categorybr {
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid transparent;
    transition: 0.3s ease;
}
.categorybr:hover{
    border: 1px solid #518432;
}
.categorybr h5 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    text-align: center;
}
.pl-15{
    padding-left: 15px;
}
.pr-15{
    padding-right: 15px;
}
.pb-15{
    padding-bottom: 15px;
}
.new-slider .col-12.product-miniature, .bestsellers-slider .col-12.product-miniature, .special-slider .col-12.product-miniature{
    padding-left: 15px;
    padding-bottom: 15px;
}
img.wbblog_img{
    max-width: 100%;
}
.blog_post .read_more{
    color: #ffffff;
    font-size: 14px;
}
.blog_post .read_more:hover{
    background-color: #f5c400;
    color: #000;
}
@media (min-width: 1590px) {
    .left-bnr {
        width: 20%;
    }
    .all-sidepro {
        width: 80%;
    }
}
.home-heading{
    margin-bottom: 30px;
    margin-top: 0;
    position: relative;
    padding: 0;
}
.pro-tab h2, .home-heading h2, .co-heading h2, .co-heading h1 {
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-weight: 400;
    position: relative;
    padding-right: 30px;
    display: inline-block;
    background-color: #f5f6f9;
    margin: 0;
}
.first-word span {
    color: #518432;
}
.home-heading::before, .co-heading::before {
    border-top: 1px solid #d6d6d6;
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10px;
}
.ps-emailsubscription{
    background-color: #518432 !important;
    margin-top: 30px;
}
.email-heading, .email-condition{
    color: #ffffff;
}
.footer-block__list li a, .ps-contactinfo__email a{
    cursor: pointer;
    font-size: 14px;    
    color: #c8c8c8;
    word-break: break-all;
    transition: 0.3s ease;
}
.footer-block__list li a:hover, .ps-contactinfo__email a:hover{
    color: #518432;
}
.form-control:focus{
    box-shadow: none;
}
.btn-card{
    background-color: #f9f9f9;
    border: 1px solid #ededed;
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
}
.product-miniature:hover .btn-card, .btn-card:active, .btn-card:focus{
    background-color: #518432;
    border: 1px solid #518432;
    fill: #ffffff;
    color: #ffffff;
}
.product-miniature .btn-card i{
    line-height: normal;
    width: auto;
    height: auto;
    font-size: 18px;
    color: #828282;
}
.quantity-button button i{
    width: auto;
    height: auto;
    line-height: normal;
    font-size: 18px;
    color: #828282;
}
.product-miniature:hover .btn-card i , .btn-card:active i, .btn-card:focus i{
    color: #ffffff;
}
.product-miniature .btn-card:hover, .btn-card:active, .btn-card:focus{
    background-color: #ffcc00;
    border: 1px solid #ffcc00;
    color: #000000;   
}
.product-miniature .btn-card:hover i, .btn-card:active i, .btn-card:focus i{
    color: #000000;
}
.product-miniature__details.btn-outline-primary{
    border: 1px solid #ededed !important;
    background-color: #f5f5f5 !important;
    font-size: 14px;
    height: 34px;
    background-color: #fff !important;
}
.product-miniature__details.btn-outline-primary:hover, .product-miniature__details.btn-outline-primary:active, .product-miniature__details.btn-outline-primary:focus{
    border: 1px solid #518432;
    background-color: #518432;
    color: #fff;
}
.products article .wishlist-button-add{
    display: none;
}
.card-wishlist .wishlist-button-add{
    display: block !important;
    position: unset !important;
}
.wishlist-button-add:active{
    transform: none !important;
}
.card-thumb-buttons {
    display: flex;
    position: absolute;
    right: 10px;
    top: 10px;
    flex-direction: column;
    gap: 5px;
    opacity: 0;
    transition: 0.3s ease;
}
.product-miniature:hover .card-thumb-buttons{
    opacity: 1;
}
.card-thumb-buttons .js-quickview, .card-thumb-buttons .card-wishlist{
    width: 34px;
    height: 34px;
    text-align: center;
    min-width: 34px;
}
.card-thumb-buttons .js-quickview, .card-thumb-buttons .card-wishlist .wishlist-button-add{
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
.card-thumb-buttons .js-quickview i{
    color: #828282;
    padding-top: 1px;
}
.js-quickview:hover, .card-thumb-buttons .card-wishlist .wishlist-button-add:hover{
    border-color: #518432;
    background-color: #518432;
    color: #ffffff;
}
.js-quickview:hover i, .card-thumb-buttons .card-wishlist .wishlist-button-add:hover i{
    color: #ffffff !important;
}
@media (min-width: 1410px){
    #category #left-column, #prices-drop #left-column, #new-products #left-column, #best-sales #left-column{
        width: 20%;
    }
    #category #center-column, #prices-drop #center-column, #new-products #center-column, #best-sales #center-column{
        width: 80%;
    }
}
.ps-categorytree{
    border: 1px solid #eee;
    background: #fff;
    padding: 1.563rem 1.25rem;
    border-radius: 5px;
    margin-bottom: 1.563rem;
}
#search-filters, #search_filters_brands, #search_filters_suppliers {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 1.563rem;
    background: #fff;
    padding: 15px;
}
#search-filters .accordion--small .accordion-button{
    color: #000000;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: 500;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;    
}
.search-filters__item.facet-label{
    margin-top: 10px;
}
#search-filters .accordion-item{
    border: 0;
}
#product h1.product__name {
    font-size: 22px;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #222;
    text-transform: uppercase;    
    line-height: normal;
}
.productpbr {
    background: #f5f5f5;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
}
.probg{
    background-color: #fff;
    border-radius: 4px;
    margin-left: 0;
    margin-right: 0;
    /* padding: 15px 0; */
    padding: 20px 10px;
    border: 1px solid #eee;
}
.productpbr .pdetail-main-price {
    border-bottom: 4px solid #d02a2c;
    margin-bottom: 5px;    
}
.productpbr .product__price{
    font-size: 30px;
    letter-spacing: 0;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    margin-bottom:5px;
}
.product__regular-price{
    font-size: 20px;
    color: #d02a2c;
    font-weight: 500;
    position: relative;
}
.product__regular-price::before{
    border-top-color: #d02a2c;
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid #d02a2c;
    transform: rotate(-5deg);
}
.productpbr .product__discount-percentage{
    background: #0f9d0f;
    color: #ffffff;
    margin: 0 2px;
    padding: 2px 5px;
    font-size: 12px;
    letter-spacing: 0;
    border-radius: 2px;
}
.productpbr .js-product-variants{
    margin-bottom: 15px;
}
.reassurance__image svg path{
    fill:#518432;
}
.product__bottom, .product-comments-wrapper{
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    margin-top: 30px;
}
.product-comments-wrapper{
    padding: 30px;
}
.product__bottom .accordion-flush > .accordion-item:first-child{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#product_features.accordion-item, #product_features.accordion-item .accordion-button{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-block-end: 0;
}
.product__accordion .accordion-button{
    font-size: 15px !important;    
    text-transform: uppercase !important;        
}
.product__accordion .accordion-item{
    padding:0 1rem !important;
}
/* .product-comment-list-item{
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
} */
.additional-images{
    margin-top: 20px;
}
.additional-images .slick-prev{
    left: 0 !important;
    z-index: 1;
    top: 50% !important;
}
.additional-images .slick-next{
    right: 0;
    z-index: 1;
    top: 50% !important;
}
.additional-images .product__thumbnail{
    border: 1px solid #ededed;
    border-radius: 5px;
    margin: 5px;
    padding: 0;
}
.js-images-container .additional-images img.product__thumbnail-image{
    width: 100%;
}
.product__zoom{
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
}
.js-images-container img{
    border-radius: 4px;
}
.average-grade{
    font-size: 40px;
    color: #000;
    font-weight: bold;
    letter-spacing: 0;
}
.pdeails-review{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.product-comment-list-item .comment__author{
    font-weight: bold;
}
.comment__date{
    color: #9d9d9d;
    font-size: 14px;
    margin: 2px 0;
}
.comment__date span{font-size: 15px;}
.comment__title{
    font-weight: bold;
    margin-top: 5px;
}
h3.footer-block__title, h3.footer-block__title a {
    display: block;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #fff;
    margin-top: 0;
    letter-spacing: .8px;
}
.copyright{
    padding: 15px 0;
    background-color: #202020;    
    text-align: left;
}
.copy-sect{
 background-color: #202020;   
}
.copyright a{
    color: #ffffff;
    font-size: 14px;
}
.accordion-button:after{
    background-size: 12px;
    width: 12px;
    height: 12px;
}
.category-detail-info {
    display: flex;
    gap: 20px;
    border-radius: 8px;
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 20px;
    overflow: hidden;
}
.category-detail-info .cate-title-desc {
    flex: 0 0 70%;
}
.cate-title-desc h1{
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 500;
}
.category-detail-info .cate-desc-image {
    flex: 0 0 30%;
}

@media (max-width: 767px) {
    .category-detail-info {
        flex-direction: column;
    }
    .category-detail-info .cate-title-desc,
    .category-detail-info .cate-desc-image {
        flex: 0 0 100%;
    }
}
.ps-socialfollow li a{
    background-color: #fff;
    border-radius: 4px;
}
.ps-socialfollow{
    padding: 15px 0;
}
.emailsbuscription-form{
    position: relative;
}
.subscribe-btn{
    background-color: #fc0;
    color: #000;
    transition: 0.3s ease;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 0 4px 4px 0;
    font-weight: 500;
    min-width: 120px;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.ps-emailsubscription .email-heading{
    font-size: 22px;
    text-transform: capitalize;
    letter-spacing: .8px;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 500;
}
.ps-emailsubscription form input {
    padding: 11px 20px;    
    font-size: 14px;
    border-radius: 4px;
    height: 50px;
    border: none;
    box-shadow: none;
    color: #000;
}
.emailsbuscription-form .alert{
    position: absolute;
    width: 100%;
}
.logos{
    padding-top:40px;
}
.imgbanner img{
    border-radius: 4px;
}
.ps-imageslider__figcaption {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: transparent;
    border-radius: var(--bs-border-radius);
    color: #ffffff;
    text-align: left;
    left: 30px;
    top: 40%;
    bottom: 0;
}
.ps-imageslider__figcaption p{
    color: #ffffff;
}
#ps_imageslider img, .center-b img, .imglatest img, .leftbanner img, .fe-banner img, img.wbblog_img{
    border-radius: 4px;
}
#ps_imageslider .carousel-control-next, #ps_imageslider .carousel-control-prev{
    opacity: 0;
    transition: transform 0.3s ease-in-out;
    background-color: ;
}
#ps_imageslider:hover .carousel-control-next, #ps_imageslider:hover .carousel-control-prev{
    opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    transition: transform 0.3s ease-in-out;   
    opacity: 0;
}
#ps_imageslider:hover .carousel-control-next-icon, #ps_imageslider:hover .carousel-control-prev-icon{
    opacity: 1;    
}
/* CREDIT SLIPS */

.credit-slip-card{
    background:#fff;
    border-radius:15px;
    padding:35px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    margin-top:25px;
}

.credit-slip-card__header{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:30px;
    padding-bottom:25px;
    border-bottom:1px solid #eee;
}

.credit-slip-card__icon{
    width:75px;
    height:75px;
    background:#fff6d6;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    color:#f6c400;
}

.credit-slip-card__header h2{
    margin:0;
    font-size:34px;
    font-weight:700;
}

.credit-slip-card__header p{
    margin:8px 0 0;
    color:#777;
}

/* EMPTY STATE */

.credit-slip-empty{
    background:#fff;
    border-radius:4px;
    padding:70px 30px;
    text-align:center;
    border:1px solid #ececec;
}

.credit-slip-empty__icon{
    width:90px;
    height:90px;
    margin:0 auto 30px;
    border-radius:50%;
    background:#fff7da;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:45px;
    color:#f6c400;
}

.credit-slip-empty__title{
    font-size:28px;
    margin-bottom:15px;
    font-weight:600;
}

.credit-slip-empty__desc{
    color:#666;
    font-size:16px;
    margin-bottom:35px;
}

.credit-slip-empty__btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#000;
    color:#fff;
    padding:15px 30px;
    border-radius:8px;
    text-transform:uppercase;    
    height: 42px;
    transition:.3s;
}

.credit-slip-empty__btn:hover{
    background:#f6c400;
    color:#000;
}

/* TABLE */

.credit-slip-card .grid-table{
    margin-top:0;
}

.credit-slip-card .grid-table__header{
    background:#f8f8f8;
}

.credit-slip-card .grid-table__row{
    border-bottom:1px solid #eee;
}

/* MOBILE */

@media(max-width:991px){

    .credit-slip-card{
        padding:25px;
    }

    .credit-slip-card__header{
        flex-direction:column;
        text-align:center;
    }

    .credit-slip-card__header h2{
        font-size:28px;
    }

    .credit-slip-empty{
        padding:50px 20px;
    }

    .credit-slip-empty__icon{
        width:100px;
        height:100px;
        font-size:45px;
    }

    .credit-slip-empty__title{
        font-size:26px;
    }

    .credit-slip-empty__btn{
        width:100%;
        justify-content:center;
    }
}

.other-pages-bg{
    background:#fff;
    border-radius:4px;
    padding:30px 30px;
    border: 1px solid #eee;
    margin-bottom: 30px;
}

/* ==========================
   Premium Page Heading
========================== */
.page-header {
    position: relative;
    margin-bottom: 40px;
}
.page-header .page-title-section {
   position: relative;
    display: inline-block;
    margin: 0;
    padding-bottom: 14px;
    font-size: clamp(14px, 3vw, 24px);
    font-weight: 500;
    line-height: 1.1;
    color: #111827;
    text-transform: uppercase;
}

/* Premium underline */
.page-header .page-title-section::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 80px;
    height: 2px;
    background: #f7c600;
    border-radius: 50px;
}

/* ==========================
   My Account Sidebar
========================== */

.account-menu--sidebar{
    background:#fff;
    border:1px solid #ececec;
    border-radius:4px;
    padding:18px;
    overflow:hidden;
}

/* Title */
.account-menu__title{
    margin:0 0 25px;
    padding-bottom:18px;
    font-size:20px;
    font-weight:500;
    color:#111827;
    border-bottom:1px solid #ececec;
}

/* Navigation */
.account-menu__nav{
    display:flex;
    flex-direction:column;
    gap:6px;
}

/* Links */
.account-menu__link{
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px 14px;
    border-radius:5px;
    color:#374151;
    text-decoration:none;
    font-size:15px;
    font-weight:500;
    transition:all .25s ease;
}

/* Icons */
.account-menu__icon{
    font-size:22px;
    width:24px;
    min-width:24px;
}

/* Hover */
.account-menu__link:hover{
    background:#f8f9fb;
    color:#111827;    
}

/* Active Item */
.account-menu__link.active,
.account-menu__link[aria-current="page"]{
    background:#fff8dc;
    color:#111827;
    font-weight:500;
    letter-spacing: 0;
}

/* Active left border */
.account-menu__link.active::before,
.account-menu__link[aria-current="page"]::before{
    content:"";
    width:4px;
    height:24px;
    background:#f7c600;
    border-radius:20px;
    position:absolute;
    left:0;
}

/* Required for active border */
.account-menu__link{
    position:relative;
}

/* Sign Out */
.account-menu__link--signout{
    margin-top:10px;
    border-top:1px solid #ececec;
    padding-top:18px;
}

/* Mobile */
@media(max-width:767px){
    .account-menu--sidebar{
        padding:20px;
        border-radius:16px;
    }
    .account-menu__title{
        font-size:24px;
    }
    .account-menu__link{
        padding:12px 14px;
    }
}

#registration .other-pages-bg, #authentication .other-pages-bg, #password .other-pages-bg{
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 50px;
}
#authentication .other-pages-bg, #password .other-pages-bg{
    max-width: 600px;   
}
.page-content--not-found{
    padding:40px 0 60px;
}
.custom-404-card{     
    text-align:center;        
}
#pagenotfound .other-pages-bg{
    position:relative;
    overflow:hidden;   
}
#pagenotfound .other-pages-bg:before{
    content:"";
    width:350px;
    height:350px;
    background:rgba(255,204,0,.08);
    border-radius:50%;
    position:absolute;
    top:-140px;
    right:-100px;
}

.custom-404-icon{
    width:80px;
    height:80px;
    margin:0 auto 25px;
    background:#fff7da;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.custom-404-icon i{
    font-size:30px;
    color:#ffcc00;
}

.custom-404-code{
    font-size:90px;
    font-weight:800;
    color:#111;
    line-height:1;
}

.custom-404-title{
    font-size:38px;
    font-weight:700;
    margin:15px 0;
}

.custom-404-desc{
    max-width:650px;
    margin:0 auto 30px;
    color:#666;
    line-height:1.8;
}

.custom-404-actions{
    display:flex;
    gap:15px;
    justify-content:center;
    flex-wrap:wrap;
}
#pagenotfound .page-header{
    display: none;
}
/* ====================================
   MODERN CART PAGE
==================================== */

.modern-cart-page{
    margin-top:20px;
    margin-bottom:50px;
}

.modern-cart-card,
.modern-summary-card{
    background:#fff;
    border-radius:4px;
    padding:20px;
    /* box-shadow:0 10px 40px rgba(0,0,0,.06); */
    border: 1px solid #ececec;
    height:100%;
}
.modern-summary-card h2{
    font-size:20px;
    font-weight:500;
    padding-bottom:25px;
    line-height: 1.1;
    color: #111827;
    text-transform: uppercase;
    border-bottom:1px solid #eee;
}
.modern-empty-cart{
    text-align:center;
    padding:70px 20px;
}
.modern-empty-cart__icon{
    width:80px;
    height:80px;
    background:#fff6d8;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 25px;
}

.modern-empty-cart__icon i{
    font-size:32px;
    color:#f5c400;
}

.modern-empty-cart h3{
    font-size:24px;
    font-weight:600;
    margin-bottom:15px;
}

.modern-empty-cart p{
    max-width:500px;
    margin:auto;
    color:#777;
    line-height:1.8;
}
.cart-summary{
    /* border-top:1px solid #eee; */
    padding-top:15px;
}

.cart-grid__aside{
    margin-top:0;
}

@media(max-width:991px){

    .modern-summary-card{
        margin-top:25px;
        position:static;
    }

    .modern-cart-card,
    .modern-summary-card{
        padding:25px;
    }

    .modern-empty-cart{
        padding:50px 15px;
    }

    .modern-empty-cart h3{
        font-size:28px;
    }

}

@media(max-width:767px){

    .modern-empty-cart__icon{
        width:80px;
        height:80px;
    }

    .modern-empty-cart__icon i{
        font-size:34px;
    }

    .modern-empty-cart h3{
        font-size:24px;
    }

    .modern-summary-card h2{
        font-size:24px;
    }

}
#cart .other-pages-bg {
    background: transparent;
    border-radius: 0;
    padding: 0;
    border: navy;
    margin-bottom: 0;
}
.page-title-section {
   position: relative;
    display: inline-block;
    margin: 0;    
    font-size: clamp(14px, 3vw, 20px);
    font-weight: 500;
    line-height: 1.1;
    color: #111827;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* Premium underline */
.page-title-section::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 80px;
    height: 2px;
    background: #f7c600;
    border-radius: 50px;
}
.btn-primary{
    color: #fff;
}

/* ==========================
   MODERN CONTACT PAGE
========================== */

.modern-contact-page{
    margin:0px 0 0px;
}

.modern-contact-wrapper{
    background:#fff;
    border:1px solid #ececec;
    border-radius:4px;
    padding:30px;
}

.modern-contact-page .page-title{
    font-size:42px;
    font-weight:700;
    margin-bottom:8px;
}

.modern-contact-subtitle{
    color:#777;
    margin-bottom:25px;
    max-width:600px;
}

/* .modern-contact-form .form-control,
.modern-contact-form .form-select{
    border:1px solid #ddd;
    border-radius:4px;
    min-height:48px;
}

.modern-contact-form textarea{
    min-height:160px;
    resize:vertical;
} */

.modern-contact-form .form-control:focus,
.modern-contact-form .form-select:focus{
    border-color:#f5c400;
    box-shadow:none;
}

.contact-form .alert{
    border-radius:4px;
}

@media(max-width:991px){

    .modern-contact-wrapper{
        padding:20px;
    }

    .modern-contact-page .page-title{
        font-size:34px;
    }

}

@media(max-width:767px){

    .modern-contact-wrapper{
        padding:15px;
    }

    .modern-contact-page .page-title{
        font-size:28px;
    }

    .modern-contact-btn{
        width:100%;
    }

}
/* =========================
   CONTACT INFO CARD
========================= */

.modern-contact-info{
    background:#fff;
    border:1px solid #ececec;
    border-radius:4px;
    padding:25px;
    height:100%;
}

.modern-contact-title{
    font-size:20px;
    font-weight:600;
    margin-bottom:25px;
    color:#111827;
    text-transform: uppercase;
}

.modern-contact-card{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:18px;
    border:1px solid #ececec;
    border-radius:4px;
    background:#fff;
    transition:.3s ease;
}

.modern-contact-card:hover{
    border-color:#f5c400;
}

.modern-contact-card + hr{
    display:none;
}

.modern-contact-card:not(:last-child){
    margin-bottom:15px;
}

.modern-contact-card i{
    width:52px;
    height:52px;
    min-width:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff8d9;
    color:#f5c400;
    border-radius:4px;
    font-size:24px;
}

.modern-contact-card .ps-contactinfo__info{
    flex:1;
    color:#555;
    line-height:1.7;
}

.modern-contact-card a{
    color:#111;
    text-decoration:none;
    font-weight:500;
}

.modern-contact-card a:hover{
    color:#f5c400;
}

/* Desktop */

@media(min-width:992px){

    .contact-page .row{
        align-items:stretch;
    }

    .modern-contact-info{
        min-height:100%;
    }

}

/* Tablet */

@media(max-width:991px){

    .modern-contact-title{
        font-size:28px;
    }

}

/* Mobile */

@media(max-width:767px){

    .modern-contact-info{
        padding:20px;
        margin-bottom:20px;
    }

    .modern-contact-title{
        font-size:24px;
    }

    .modern-contact-card{
        padding:15px;
    }

    .modern-contact-card i{
        width:44px;
        height:44px;
        min-width:44px;
        font-size:20px;
    }

}

/* =====================================
   STORES PAGE
===================================== */
.modern-store-image img {
    transition: transform .3s ease;
}
.modern-store-card:hover img {
    transform: scale(1.04);
}
.modern-store-card .accordion--small .accordion-button {
    font-size: 1rem;
    padding-block: 0.5rem;
    border: 1px solid #ededed;
    padding: 14px;
    transition: all .25s ease;
    border-radius: 4px;
}
.modern-store-card .accordion--small .accordion-button:hover{
    border-color: #f5c400;
}
/* =====================================
   SITEMAP PAGE
===================================== */

.modern-sitemap {
    row-gap: 24px;
}

/* cards */

.sitemap-card {
    height: 100%;

    padding: 28px;

    background: #fff;

    border: 1px solid #ececec;
    border-radius: 4px;

    transition: all .25s ease;
}

.sitemap-card:hover {
    border-color: #f5c400;
}

/* section heading */

.sitemap-card h2 {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 12px;
    font-size: 20px;
    font-weight:600;
    color: #000000;
}
.sitemap-card h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #f5c400;
}

/* links */

.sitemap-card ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.sitemap-card li {
    margin-bottom: 10px;
}

.sitemap-card a {
    display: inline-flex;
    align-items: center;

    color: #555;
    text-decoration: none;

    transition: all .25s ease;
}

.sitemap-card a:hover {
    color: #ff2742;
    transform: translateX(4px);
}

/* arrow */

.sitemap-card a::before {
    content: "→";

    margin-right: 10px;

    color: #f5c400;
    font-weight: 600;
}

/* nested categories */

.sitemap-card ul ul {
    margin-top: 8px;
    margin-left: 20px;

    padding-left: 14px;

    border-left: 1px solid #ececec;
}

.sitemap-card ul ul a {
    font-size: 14px;
}

/* remove old red tree lines */

.sitemap .nested {
    border-left: none !important;
}

.sitemap .nested li::before,
.sitemap .nested li::after {
    display: none !important;
}
/* Tablet */

@media (max-width: 991px) {

    .sitemap-card {
        padding: 24px;
    }

    .sitemap-card h2 {
        font-size: 24px;
    }
}

/* Mobile */

@media (max-width: 767px) {

    .modern-sitemap {
        row-gap: 16px;
    }

    .sitemap-card {
        padding: 18px;
    }

    .sitemap-card h2 {
        font-size: 22px;
        margin-bottom: 18px;
    }

    .sitemap-card li {
        margin-bottom: 8px;
    }

    .sitemap-card ul ul {
        margin-left: 12px;
        padding-left: 10px;
    }
}
/* =====================================
   MODERN CHECKOUT
===================================== */

.checkout-step {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 24px;
}
.checkout-step.-current {
    border-color: #f5c400;
    box-shadow: 0 10px 30px rgba(0,0,0,.04);
}

.checkout-step-title {
    font-size: 30px;
    text-transform: uppercase;
    color: #0f172a;
}
.checkout-step-header {
    padding-bottom: 20px;
}

.checkout-step-number {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f5c400;
    color: #000;
}

.checkout-step.-complete .checkout-step-number {
    background: #16a34a;
    color: #fff;
}

#personal-information-tabs {
    border: none;
    margin-bottom: 30px;
    gap: 12px;
}

#personal-information-tabs .nav-link {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px 24px;
    font-weight: 600;
    color: #444;
}

#personal-information-tabs .nav-link.active {
    background: #f5c400;
    border-color: #f5c400;
    color: #000;
}
.checkout-step input[type="text"],
.checkout-step input[type="email"],
.checkout-step input[type="password"],
.checkout-step input[type="tel"],
.checkout-step select {
    height: 56px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    padding: 0 18px;
    font-size: 15px;
    transition: .25s ease;
}
.checkout-step textarea {
    border-radius: 8px;
}
.checkout-step input:focus,
.checkout-step select:focus,
.checkout-step textarea:focus {
    border-color: #f5c400;
    box-shadow: 0 0 0 4px rgba(245,196,0,.12);
}
.checkout-step label {    
    color: #111;
    margin-bottom: 8px;
}
.checkout-step .custom-checkbox {
    padding: 14px 0;
}

.checkout-step .custom-checkbox label {
    font-weight: 500;
}
.checkout-step .btn-primary {
    background: #f5c400;
    border-color: #f5c400;
    color: #111;
    min-width: 220px;
    height: 54px;
    border-radius: 8px;    
}
.checkout-step .btn-primary:hover {
    background: #111;
    border-color: #111;
    color: #fff;
}
.cart-summary {
    position: sticky;
    top: 0px;
    background-color: #ffffff;
}
.cart-summary .card-block {
    padding: 20px;
}
.blockreassurance_product {
    padding: 20px;
    margin-top: 20px;
}
.blockreassurance_product > div {
    padding: 14px 0;
    border-bottom: 1px solid #f2f2f2;
}
.blockreassurance_product > div:last-child {
    border-bottom: 0;
}
.checkout-grid {
    align-items: flex-start;
    gap: 24px 0;
}
.checkout-grid__content,
.checkout-grid__aside {
    margin-bottom: 20px;
}
/* Left Form Card */
.step {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 4px;
    padding: 28px;
}

/* Right Summary Card */
.form-control,
.form-select {
    height: 42px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    padding: 0 14px;
    font-size: 14px;
}

.step__content textarea.form-control {
    min-height: 120px;
    padding-top: 12px;
}
.step__content .form-control:focus,
.step__content .form-select:focus {
    border-color: #f5c400;
    box-shadow: none;
}
.step__content label,
.step__content .form-label {    
    color: #111;
    margin-bottom: 8px;
}
.checkout__summary-accordion-header .accordion-button {
    background: #fff;
    font-size: 20px;    
    color: #111;
    padding: 18px 20px;
    box-shadow: none;
}
.checkout__summary-accordion-header .accordion-button:not(.collapsed) {
    background: #fff;
}
.step__content .btn-primary,
.step__content button[type="submit"] {
    min-width: 220px;    
    border-radius: 4px;
    background: #f5c400;
    border-color: #f5c400;
    color: #000000;
}
.step__content .btn-primary:hover,
.step__content button[type="submit"]:hover {
    background: #000000;
    border-color: #000000;
    color: #fff;
}
.checkout-grid__aside-wrapper .blockreassurance_product {
    margin-top: 20px;
    border: 1px solid #ececec;
    border-radius: 4px;
    padding: 16px;
}
.checkout-grid__aside-wrapper .blockreassurance_product > div {
    padding: 12px 0;
    border-bottom: 1px solid #f2f2f2;
}

.checkout-grid__aside-wrapper .blockreassurance_product > div:last-child {
    border-bottom: 0;
}
@media (max-width: 991px){

    .step {
        padding: 20px;
    }

    .checkout-grid__aside-wrapper {
        position: static;
    }
}

@media (max-width: 575px){

    .step {
        padding: 16px;
    }

    .page-title-section {
        font-size: 16px;
    }

    #personal-information-tabs .nav-link {
        padding: 10px 14px;
        font-size: 14px;
    }

    .step__content .btn-primary,
    .step__content button[type="submit"] {
        width: 100%;
        min-width: auto;
    }
}

/* ======================================
   ORDER SUCCESS HEADER
====================================== */

.order-confirmation__alert,
.alert-success {
    position: relative;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 5px;
    padding: 18px 18px 18px 70px;
    margin-bottom: 24px;
}

.order-confirmation__alert::before,
.alert-success::before {
    content: "✓";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #22c55e;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alert-success h1,
.alert-success h2 {
    margin-bottom: 8px;
}

.order-confirmation .card,
.order-confirmation__table,
.order-confirmation-payment {
    background: #fff;

    border: 1px solid #ececec;
    border-radius: 8px;
    padding: 20px;
    background-color: var(--bs-card-cap-bg);
    overflow: hidden;
}
.order-confirmation h2,
.order-confirmation h3,
.order-confirmation .h3 {
    font-size: 28px;
    color: #0f172a;
    margin-bottom: 18px;
}
.order-confirmation-payment {
    padding: 28px;
    margin-bottom: 24px;
}

.order-confirmation-payment strong {
    font-size: 18px;
    color: #111;
}
.order-details-top {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 24px;
}
.order-details-top > div {
    flex: 1;
    min-width: 220px;
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 6px;
    padding: 16px;
}
.order-confirmation__product {
    display: flex;
    gap: 20px;
    padding: 24px 0;
    border-bottom: 1px solid #f1f1f1;
}

.order-confirmation__product:last-child {
    border-bottom: 0;
}
.order-confirmation__product-image {
    width: 110px;
    flex-shrink: 0;
}
.order-confirmation__product-img {
    width: 100%;
    border: 1px solid #ececec;
    border-radius: 8px;
    background: #fff;
    transition: .3s;
}

.order-confirmation__product-img:hover {
    transform: scale(1.03);
}
.order-confirmation__product-content {
    flex: 1;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.order-confirmation__product-title {
    font-size: 18px;
    color: #000000;
    margin-bottom: 8px;
}
.order-confirmation__product-reference {
    color: #777;
    font-size: 14px;
}
.order-confirmation__product-quantity {
    position: absolute;
    right: -6px;
    top: -6px;
    background: #f5c400;
    color: #000000;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.order-confirmation__table hr {
    margin: 24px 0;
    border-color: #ececec;
}
@media (max-width: 767px){
    .alert-success,
    .order-confirmation__alert {
        padding: 20px;
    }
    .alert-success::before,
    .order-confirmation__alert::before {
        display: none;
    }
    .order-confirmation__product {
        flex-direction: column;
    }
    .order-confirmation__product-image {
        width: 90px;
    }
    .order-confirmation__product-content {
        flex-direction: column;
    }
    .order-confirmation__product-total {
        font-size: 18px;
    }
    .order-confirmation__line--bold {
        font-size: 18px;
    }
}
.address-card.address-card--add-address{
    margin-top: 30px;
}
.modern-cart-btn, .modern-contact-btn, .custom-404-actions .btn-primary{
    background: #f5c400;
    border: none;
    color: #111;
    border-radius: 4px;
    padding: 10px 12px;
    font-weight: 400;
    transition: .3s;
    font-size: 14px;
}
.modern-cart-btn:hover, .modern-contact-btn:hover, .custom-404-actions .btn-primary:hover{
    background:#111;
    color:#fff;    
}
@media (max-width: 767px){

    #search_block_top{
        display:block;
        height:auto;
        border:none;
        overflow:visible;
    }

    .cat-select{
        width:100%;
        border:1px solid #e5e7eb;
        border-radius:4px;
        margin-bottom:10px;
        display: none;
    }

    #search_category{
        width:100%;
    }

    #search_block_top .input-group{
        display:flex;
        width:100%;
    }

    #search_query_top{
        border:1px solid #e5e7eb;
        border-right:none;
        border-radius:4px 0 0 4px;
    }

    .button-search{
        width:95px;
        border-radius:0 4px 4px 0;
    }
}
.ps-shoppingcart{
position:relative;
}

.mini-cart-trigger{
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
    color: #518432 !important;
}

.mini-cart-trigger:hover{
    color: #518432 !important;
}

.head-cart-drop{
width:360px;
padding:0;
border:none;
border-radius:5px;
box-shadow:0 0 8px 0 rgba(0,0,0,.2);
overflow:hidden;
}

.mini-cart-item{
display:flex;
align-items:flex-start;
gap:12px;
padding:15px;
border-bottom:1px solid #eee;
}

.mini-cart-image img{
width:70px;
height:70px;
object-fit:cover;
border-radius:4px;
}

.mini-cart-content{
flex:1;
}

.mini-cart-title{
    display:block;
    font-weight:400;
    color:#222;
    text-decoration:none;
    margin-bottom:6px;
    font-size: 14px;
    line-height: normal;
}
.mini-cart-price{
    font-size:13px;
    color:#666;
}
.mini-cart-remove{
 color:#999;
}
.mini-cart-remove .material-icons{
    font-size: 16px;
}

.mini-cart-totals{
padding:15px;
background:#fafafa;
}
.mini-cart-line{
    display:flex;
    justify-content:space-between;
    margin-bottom:8px;
}
.mini-cart-total{
    padding-top:10px;
    border-top:1px solid #ddd;
    font-size:16px;
}
.mini-cart-footer{
    padding:15px;
}
.mini-cart-empty{
    padding:25px;
    text-align:center;
}
.mini-cart-products{
    max-height: 300px;
    overflow-y: scroll;
}
@media(max-width:767px){
 .head-cart-drop{
    width:320px;
 }
}

.header-block__badge {
    font-size: 10px;
    text-transform: capitalize;    
    line-height: 18px;
    background-color: #518432;
    color: white;
    text-align: center;
    margin: 0;
    position: absolute;
    top: 0;
    right:auto;
    border-radius: 50%;
    font-weight: 400;
    left: 23px;
}
#hcart, #hwishlist{
    fill: #518432;
    width: 28px;
    height: 28px;
}
.cart-wishlist-together{
    display: flex;
    justify-content: end;
    gap: 30px;
    align-items: center;
}
.mini-cart-trigger .header-block__title, .cart-wishlist-together .wishlist-text{
    margin-top: 5px;
    margin-left: 3px;
    color: #518432 !important;
}
@media(max-width: 767px){
    .mini-cart-trigger .header-block__title, .cart-wishlist-together .wishlist-text{
        display: none;
    }
}
.header-wishlist a{
    display: flex;
    align-items: center;
    gap: 3px;
}
.ps-shoppingcart{
    float: right;
}
.header-wishlist-link:hover, .mini-cart-trigger:hover .header-block__title{
    color: #518432;
}
.header-wishlist-link:hover #hwishlist, .mini-cart-trigger:hover #hcart{
    fill: #518432 !important;
}
.logo-slider img{
    max-width: 100%;
    height: auto;
    filter: contrast(20%) brightness(90%);
}
/* @media(min-width: 768px){
    .all-sidepro{
        padding-left: 0;
        padding-right: 0;
    }
} */
#module-wbblog-single .page-footer{
    margin: 0;
}
.blog_post.slick-slide{
    margin-bottom: 32px;
    position: relative;
}
@media(min-width: 992px){
    .stickyb{
        position: sticky;
        top: 15px;
    }
}
.wbblog_img{
    border-radius: 5px;
}
.blog_mask .icon {
    border-radius: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #1a1a1a;
    display: inline-block;
    min-width: 35px;
    min-height: 35px;
    text-align: center;
    padding: 5px 0;
    margin: 0 5px;
}
.post_thumbnail{
    position: relative
}
.post_thumbnail:hover .blog_mask {
    opacity: 1;
    visibility: visible;
    1 z-index: 1;
    -webkit-transform: scale(1);
}
.blog_mask .icon:hover {
    background-color: #ffcc00;
    color: #000;
    border: 2px solid #ffcc00;
}
.blog_mask_content{
    position: absolute;
    left: 20px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 50%;
}
.blog_mask .icon i {
    vertical-align: middle;
}
.blog_mask {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.4s ease;
    -webkit-transform: scale(0.8);
    background-color: rgba(255, 255, 255, 0.4);
    padding: 10px;
}
.sep{
    margin: 0 15px;
}
.btb{
    margin: 0 3px;
}
#blog .post_title {
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0px;
    font-weight: 500;
    padding-bottom: 15px;
    padding-top: 15px;
}
.blog_post_content_top{
    position: relative;
}
.content_more {
    display: inline-block;
}
.blogc {
    margin-top: 15px;
}
.post_title a{
    color: #000;
}
.post_title a:hover,.post_title:hover{
    color: #518432;
}
#blog .blog_post_content_top{
    padding: 0
}
.post_content p {
    font-size: 14px;
    color: #a3a3a3;
    margin-bottom: 10px;
    letter-spacing: .5px;
}
.blogd {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #518432;
    padding: 6px 14px;
    border-radius: 4px 0 4px 0;
}
.bauthor{
    display: block;
    margin-bottom: 10px;
}
.blogd .bdate{
    display: block
}
.allbl .blog_post_content_top img{
    border-radius: 0px 0px 0 0
}
.allbl .blogc span,.allbl .blogc a{
    color: #a9a9a9;
    font-size: 12px;
}
.allbl .blog_post_content{
    margin-bottom: 15px;
}
#module-wbblog-archive .blogdl{
    margin: 10px 0 5px 0;
}
#module-wbblog-single .allbl{
    padding: 15px 0;
    border: none;
}
.allbl .meta_author{
    color: #000;
}
.allbl .post_meta span{
    margin: 0 10px;
}
.allbl .content_more{
    margin-top: 10px;
}
.allbl .post_content p{
    font-size: 13px;
    border-bottom: none;
    margin-bottom: 0;
    padding-top:0;
}
.allbl .content_more{
    padding: 0;
}
.allbl .post_title{
    padding: 0;
    min-height: auto;
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
}
.archb .post_thumbnail{
    position: relative;
}
.archb .post_thumbnail img{
    border-radius: 5px;
}
.archb .post_thumbnail .material-icons{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.archb{
    margin-bottom: 20px;
}
#module-wbblog-single .post_title{
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 15px;
    min-height: auto;
    margin-bottom: 15px;
}
#module-wbblog-single .blog_post_content_top{
    margin-top: 0;
}
/* #module-wbblog-archive .allbl{
    background-color: #fff
} */
#module-wbblog-archive .blog_post_content{
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
#module-wbblog-archive .content_more a{
    text-decoration: none;
}
.post_d i{
    font-size: 14px;
    color: #bbb;
    margin-right: 10px;
}
.post_d a,.post_d span{
    color: #bbb;
    transition: 0.3s ease;
    direction: ltr;
    display: inline-block;
    font-weight: 400;
}
.post_d a:hover{
    color: #222;
}
.post_d .fa-eye{
    margin-left: 10px;
}
.post_d{
    margin-top: 15px;
    text-transform: capitalize;
    font-size: 12px;
}
.post_metas li{
    display: inline-block;
    direction: ltr;
}
.comment_list li{
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 5px;
    margin-bottom: 0;
}
.comment_list li:last-child{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.allbl .meta_category{
    margin: 0 15px;
}
.wco{
    margin-left: 33px;
}
/* comment */
.commlist{
    background-color: #fff;
    margin-bottom: 15px;
    margin-top: 10px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
}
.comment_content{
    padding: 10px 15px;
}
.dropdown-item{
    padding: 6px 8px;
    font-size: 14px;
}
.slick-prev{
    left: auto !important;
    right: 30px !important;
}
.slick-next{
    right: 0 !important;   
}
.slick-prev, .slick-next{
    top: -42px !important;
}
.slick-prev:before, .slick-next:before{
    color: #222222 !important;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{
     color: #518432 !important;
}
@media(min-width: 1400px){
    .slick-next{
        right: -16px !important;   
    }   
    .slick-prev{
        right: 14px !important;
    } 
}
/* ===========================
   Modern Add To Cart Modal
=========================== */

.blockcart-modal .modal-content{
    border:none;
    border-radius:5px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.15);
}

.blockcart-modal .modal-header{
    border-bottom:1px solid #f3f3f3;
    padding:8px 30px;
}

.blockcart-modal__title{
    font-size:18px;
    font-weight:500;
    display:flex;
    align-items:center;
    gap:12px;
    text-transform: uppercase;
}

.blockcart-modal__title-icon{
    color:#22c55e;
    font-size:26px;
    background: #e6f7ed;
    border-radius: 100%;
    padding: 5px;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    width: 40px;
    height: 40px;
}

.blockcart-modal .modal-body{
    padding: 15px 30px;
}

.blockcart-modal__image{
    border-radius:14px;
    background:#f8f8f8;
    padding:10px;
}

.blockcart-modal__name{
    font-size:16px;
    font-weight:400;
    margin-bottom:10px;
}

.blockcart-modal__price{
    font-size:22px;
    font-weight:700;
    color:#ff2d55;
    margin-bottom:10px;
}

.blockcart-modal__summary{
    background:#fafafa;
    padding:20px;
    border-radius:14px;
}

.blockcart-modal__total{
    display:flex;
    justify-content:space-between;
    margin-bottom:10px;
}

.blockcart-modal__total--bold{
    font-weight:500;
    font-size:14px;
}

.blockcart-modal .modal-footer{
    border-top:1px solid #f3f3f3;
    padding:15px 30px;
}

/*==============================
  QUICK VIEW MODERN DESIGN
===============================*/

.quickview .modal-dialog{
    max-width:1200px;
}

.quickview .modal-content{
    border:none;
    border-radius:24px;
    overflow:hidden;
    background:#fff;
    box-shadow:
    0 20px 80px rgba(0,0,0,.15);
}

/*-----------------------
Header
-----------------------*/

.quickview .modal-header{
    border:none;
    padding:25px 30px 10px;
}



.quickview .btn-close:hover{
    transform:rotate(90deg);
    background:#ff2d55;
}

/*-----------------------
Body
-----------------------*/

.quickview .modal-body{
    padding:20px 30px 30px;
}

/*-----------------------
Thumbnail
-----------------------*/

.quickview .product__thumbnail{
    border-radius:4px;
    overflow:hidden;
    transition:.3s;
    border:1px solid #eee;
}

.quickview .product__thumbnail:hover{    
    border-color:#ff2d55;
}

/*-----------------------
Title
-----------------------*/

.quickview .product__name{
    font-size:28px;
    font-weight:500;
    line-height:1.2;
    color:#111;
}

/*-----------------------
Brand
-----------------------*/
.quickview .product__manufacturer{
    margin-bottom:18px;
    color:#777;
    font-size:15px;
}
/*-----------------------
Price
-----------------------*/
.quickview .product__price{
    font-size:30px;
    font-weight:700;
    color:#111;
}
.quickview .product__regular-price{
    color:#999;
    font-size:20px;
    text-decoration:line-through;
}
.quickview .product__discount-percentage{
    color:#ff2d55;
    font-weight:600;
    margin-left:10px;
}
.quickview .product__regular-price::before{
    display: none;
}
/*-----------------------
Description
-----------------------*/
.quickview .product__description-short{
    margin:30px 0;
    color:#666;
    line-height:1.9;
}
/*-----------------------
Dropdown
-----------------------*/
.quickview .form-select:focus{
    border-color:#ff2d55;
    box-shadow:none;
}
.quickview .product-variant__colors .color{
    width:34px;
    height:34px;
    border-radius:50%;
    transition:.3s;
}
.quickview .product-variant__colors .color:hover{
    transform:scale(1.15);
}
/*-----------------------
Add To Cart
-----------------------*/

.quickview .product__add-to-cart-button{
    height:48px;
    border:none;
    background:#ff2d55;
    transition:.35s;
    box-shadow:none;
}
.quickview .quantity-button button{
    width: 46px;
    height: 46px;
}
.quickview .quantity-button input{
 height: 46px;   
}
.quantity-button input{
    min-width: 3rem;
    border-radius: 0;
    height: auto;
}
/*-----------------------
Footer
-----------------------*/

.quickview .modal-footer{
    border-top:1px solid #eee;
    padding:22px 30px;
}
.quickview .ps-sharebuttons__link{
    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f5f5f5;
    transition:.3s;
}
.quickview .ps-sharebuttons__link:hover{
    background:#ff2d55;
    color:#fff;
    transform:translateY(-3px);
}

/*-----------------------
Product Flags
-----------------------*/

.quickview .badge{

    border-radius:30px;

    padding:7px 12px;

    font-size:12px;

    font-weight:600;

}

.quickview .badge.discount{

    background:#ff2d55;

    color:#fff;

}

.quickview .badge.new{

    background:#111;

    color:#fff;

}

/*==========================
TABLET
==========================*/
@media (max-width:991px){
.quickview .modal-dialog{
    max-width:95%;
}
.quickview .modal-body{
    padding:20px;
}
.quickview .product__name{
    font-size:30px;
}
.quickview .product__price{
    font-size:32px;
}
}

/*==========================
MOBILE
==========================*/
@media (max-width:767px){
.quickview .modal-content{
    border-radius:16px;
}
.quickview .modal-header{
    padding:15px;
}
.quickview .modal-body{
    padding:15px;
}
.quickview .product__name{
    font-size:26px;
}
.quickview .product__price{
    font-size:28px;
}
.quickview .product__description-short{
    margin:18px 0;
}
.quickview .form-select{
    height:48px;
}
.quickview .product__add-to-cart-button{
    width:100%;
    height:52px;
    font-size:16px;
}
.quickview .modal-footer{
    padding:15px;
}

}
img{
    max-width: 100%;
}
#scroll {
    position: fixed;
    bottom: 60px;
    right: 20px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    z-index: 2;
    background: #518432;
    min-width: 40px;
    min-height: 40px;
    line-height: 40px;
    overflow: hidden;
    display: block;
    text-align: center;
    opacity: 1;
    transition: all 0.3s ease-in-out 0s;
    transform: scale(1);
    padding: 0;
    border-radius: 5px;
}
#scroll.scrollhide{
    bottom: -100px;
    opacity: 0;
    transform: scale(0); 
}
#scroll:hover{
    background-color: #fc0;
    color: #000;
}
/* #index .ps-emailsubscription{
    margin-top: 0;
} */
@media(max-width:991px){
    /* sidenav */
    .close-nav span{
        color: #fff;
        text-transform: uppercase;
    }
    body.active {
        overflow: hidden;
    }
    body.active::before {
        background: rgba(0,0,0,0.7) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.7;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 99;
        transition: all .2s ease 0s;
        -webkit-transition: all .2s ease 0s;
        -moz-transition: all .2s ease 0s;
        -ms-transition: all .2s ease 0s;
        -o-transition: all .2s ease 0s;
    }
    body.active .sidenav {
        overflow-x: unset;
        overflow-y: scroll;
    }
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        background-color: #fff;
        transition: 0.5s;
        padding-top: 60px;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        box-shadow: 5px 0 5px 0 rgba(0,0,0,.06);
        clear: both;
        height: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .sidenav .close-nav {
        background-color: #222;
        padding: 10px 15px;
        width: 100%;
        display: inline-block;
    }
    .dblock{
        display: block;
    }
    .dnone{
        display: none;
    }
    #mobile_top_menu_wrapper {
        margin: 0;
        line-height: 20px;
        display: block !important;
    }
    .close-nav i{
        font-size: 16px;
        color: #fff;
    }
    #_mobile_logo img {
        max-width: 132px;
        margin-left: 8px;
    }
    .mobile-search{
        order: 2;
        margin-top: 10px;
    }
    .mmobile{
        order: 1;        
    }
    .button-search{
        width: auto;
        padding:10px 15px;
    }
    .mailsubcription-content{
        margin-bottom: 10px;
    }
    .mobile-relative{
        position: relative;
    }
    .blog_post.slick-slide{
        margin-bottom: 0;
    }
    .home-heading{
        margin-bottom: 20px;
        margin-top: 0;
    }
    .bestsellers-slider .pb-15{
        padding-left: 0;
    }
    .special-slider .pb-15, .new-slider .pb-15{
        padding-bottom: 0;
        padding-top: 15px;
        padding-left: 0;
    }
    .mobile-special-banner, .left-bnr{
        order: 2;
    }
    .fe-banner img, .leftbanner img, .imglatest img{
        width: 100%;
    }
    .imgbanner img{
        margin-bottom: 20px;
    }
    .subcategory__link--with-image {
        font-size: 1rem;
        gap: 1rem;
        padding: 0.75rem;
        background: #ffffff !important;
        margin-top: 20px;
        border-color: #ededed;
    }
}
@media(max-width: 359px){
    .quantity-button input{
        min-width: 1.5rem !important;
        padding: 0;
    }
    .quantity-button button{
        width: 22px;
    }
    .new-slider .quantity-button button, .bestsellers-slider .quantity-button button, .special-slider .quantity-button button{
        width: 26px;
    }
}
@media(min-width: 576px) and (max-width: 767px){
    .service-icon svg{
        width: 30px;
        height: 30px;
    }
    .service-icon {
    width: 58px;
    height: 58px;
    min-width: 58px;
    }
}
@media(min-width: 601px) and (max-width: 767px){
    .all-sidepro, .left-bnr{
        width: 50%;
    }
}
@media(min-width: 768px) and (max-width: 991px){
    .left-bnr{
        width: 40%;
    }
    .all-sidepro{
        width: 60%;
    }
}
@media (max-width:767px){
    .header-block__title{
        display: none;
    }
    h3.footer-block__title{
        display: flex;
    }
    h3.footer-block__title, h3.footer-block__title a{
        margin-bottom: 0;
        font-size: 14px;
    }
    .quantity-button input {
        min-width: 3rem;
    }
    .center-b:first-child img{
        margin-bottom: 20px;
    }
    .pro-tab h2, .home-heading h2, .co-heading h2, .co-heading h1{
        font-size: 16px;
        letter-spacing: 0.2px;
    }
}
@media(max-width: 1399px){
    .quantity-button input {
        min-width: 3rem;
    }
    .imgbanner img{
        height: auto;
    }
}

/*=========================
VIEW SWITCHER
=========================*/

.products__selection{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.products-view-switcher{
    display:flex;
    gap:8px;
}

.products-view-switcher .view-btn{
    width:40px;
    height:40px;
    border:1px solid #e5e5e5;
    background:#fff;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.3s;
}

.products-view-switcher .view-btn:hover{
    border-color:#ff2d55;
}

.products-view-switcher .view-btn.active{
    background:#ff2d55;
    border-color:#ff2d55;
    color:#fff;
}

/*=========================
GRID VIEW
=========================*/

/* .products.products-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}
 */
/* =====================================
   LIST VIEW
===================================== */

#js-product-list .products.thumb-products-list {
    display:flex !important;
    flex-direction:column;
    gap:24px;
}
#js-product-list  .products.thumb-products-list > div[class*="col"]{
    width:100%;
    max-width:100%;
    flex:0 0 100%;
}
#js-product-list  .products.thumb-products-list article.product-miniature{
    width:100%;
}
#js-product-list  .products.thumb-products-list .product-miniature__inner{
    display:flex;
    align-items:flex-start;
    gap:30px;
    padding:10px;
    border:1px solid #e5e5e5;
    border-radius:5px;
    background:#fff;
    transition:.3s;
    flex-direction: row;
}
#js-product-list .products.thumb-products-list .product-miniature__top{
    flex:0 0 280px;
    max-width:280px;
}
#js-product-list .products.thumb-products-list .product-miniature__image-container{
    width:100%;
}
#js-product-list .products.thumb-products-list .product-miniature__image{
    width:100%;
    height:auto;
    display:block;
}
#js-product-list .products.thumb-products-list .product-miniature__bottom{
    flex:1;
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;    
}
#js-product-list .products.thumb-products-list .product-miniature__infos{
    flex:1;
}
#js-product-list .products.thumb-products-list .product-miniature__title{
    font-size:22px;
    font-weight:500;
    display:block;
     white-space: normal !important;
    overflow-wrap: break-word;
    word-break: break-word;
    line-height: 1.3;
}
#js-product-list .products.thumb-products-list .product-miniature__price{
    font-size:24px;
    font-weight:700;
}
#js-product-list .products.thumb-products-list .product-miniature__actions{
    min-width:250px;
}
#js-product-list .products.thumb-products-list .product-miniature__form{
    display:flex;
    flex-direction:column;
    gap:15px;
    align-items: flex-start;
    margin-top: 10px;
}
#js-product-list .products.thumb-products-list .product-miniature__add{
    width:100%;
    height: 45px;
}
#js-product-list .products.thumb-products-list .product-miniature__add-text{
    display: block !important;
}
.thumb-product-desc{
    display: none;
}
#js-product-list .products.thumb-products-list .thumb-product-desc{
    display: block;
     white-space: normal !important;
    overflow-wrap: break-word;
    word-break: break-word;
    line-height: 1.3;
}
/*=========================
RESPONSIVE
=========================*/

@media(max-width:1199px){

.products.products-grid{
    grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:991px){

.products.products-grid{
    grid-template-columns:repeat(2,1fr);
}
    .products__selection{
        display: grid;  
        gap: 8px;       
        padding: 12px !important;
    }
}

@media(max-width:767px){
    .products.products-grid{
        grid-template-columns:1fr;
    }
    #js-product-list .products.thumb-products-list .product-miniature{
        flex-direction:column;
    }
    #js-product-list .products.thumb-products-list .product-thumbnail{
        width:100%;
    }
    .layout-full-width .thumb-products-grid.products {
        display: grid;
        gap: 0.5rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
     .layout-full-width .featured-slider .thumb-products-grid.products, .layout-full-width .viewedproduct-slider .thumb-products-grid.products{
        grid-template-columns: repeat(1, minmax(0, 1fr));   
     }
     .featured-slider .slick-slide .col-12.product-miniature, .viewedproduct-slider .slick-slide .col-12.product-miniature, .categoryproducts-slider .slick-slide .col-12.product-miniature, .crossselling-slider .slick-slide .col-12.product-miniature{
        padding: 0 8px;
     }
     .featured-slider .slick-list, .viewedproduct-slider .slick-list, .categoryproducts-slider .slick-list, .crossselling-slider .slick-list{
        margin: 0 -8px;
     }
}

@media(max-width:991px){
    #js-product-list .products.thumb-products-list .product-miniature__inner{
        gap:20px;
    }
    #js-product-list .products.thumb-products-list .product-miniature__top{
        flex:0 0 220px;
        max-width:220px;
    }
    #js-product-list .products.thumb-products-list .product-miniature__bottom{
        flex-direction:column;
        align-items:flex-start;
    }
    #js-product-list .products.thumb-products-list .product-miniature__actions{
        width:100%;
    }
}

@media(max-width:767px){

    #js-product-list .products.thumb-products-list .product-miniature__inner{
        flex-direction:column;
        align-items:flex-start;
    }

    #js-product-list .products.thumb-products-list .product-miniature__top{
        flex:0 0 auto;
        max-width:100%;
        width:100%;
    }

    #js-product-list .products.thumb-products-list .product-miniature__bottom{
        width:100%;
    }

    #js-product-list .products.thumb-products-list .product-miniature__actions{
        width:100%;
    }

    #js-product-list .products.thumb-products-list .product-miniature__add{
        width:100%;
        height: 40px;
    }
}
.products__selection{
    border: 1px solid #f2f2f2;
    margin: 15px 0 15px 0;
    padding: 6px;
    background-color: #fff;
    border-radius: 5px;
}
.btn-outline-tertiary:focus, .btn-outline-tertiary:active{
    color: #000000;
}
.wbSearch.search_widget{
    position: relative;
}
.accordion-button:not(.collapsed){
    color: #518432;
}

.productpbr{    
    border:1px solid #e9e9e9;
    border-radius:5px;
    padding:15px;
    position:sticky;
    top:20px;    
}

/* PRICE SECTION */
.productpbr .product__prices{
    margin-bottom:24px;
    padding-bottom:20px;
    border-bottom:1px solid #eee;
}

.productpbr .product__price{
    font-size:30px;
    line-height:1;
    font-weight:700;
    color:#111;
    margin-bottom:12px;
}

.productpbr .product__discount-price{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.productpbr .product__discount-percentage, .view-cart-badge{
    background:#16a34a;
    color:#fff;
    font-size:12px;
    font-weight:600;
    padding:4px 10px;
    border-radius:30px;
}

/* VARIANTS */
.productpbr .product__variants{
    margin-bottom:20px;
}
.productpbr .product-variant{
    margin-bottom: 10px;
}
.productpbr .product-variant__legend{
    font-size:14px;
    font-weight:600;
    margin-bottom:8px;
}

/* QTY + CART */
.productpbr .product__actions-qty-add{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.productpbr .quantity-button__group{
    max-width:140px;
}

.productpbr .quantity-button__group .btn{
    width:42px;
    height:42px;
}
.productpbr .quantity-button__group input{
    height:42px;
    text-align:center;
}
.productpbr .product__add-to-cart-button{
    width:100%;
    height:45px;
    border-radius:5px;
    font-size:16px;    
}
.productpbr .product__prices{
    border-bottom: 1px solid #e5e5e5;
}
/* MOBILE */
@media(max-width:991px){
    .productpbr{
        margin-top:30px;
        position:relative;
        top:auto;
    }
    .productpbr .product__price{
        font-size:24px;
    }
    .productpbr .product__regular-price{
        font-size:18px;
    }
}
#product .other-pages-bg {
    background: transparent;
    border-radius: 4px;
    padding: 0;
    border: 0;
    margin-bottom: 30px;
}
.btn{
    font-size: 14px;
}
/* Product page zoom */
.product__carousel{
    overflow:hidden;
    border-radius:12px;
}

.zoomContainer{
    z-index:9999 !important;
}

.product-main-zoom{
    cursor:crosshair;
}

.zoomLens{
    border:none !important;
    background:rgba(255,255,255,.15) !important;
}

.zoomWindow{
    border:1px solid #e5e5e5 !important;
    border-radius:12px !important;
    box-shadow:0 10px 40px rgba(0,0,0,.15);
}

/* Account Dropdown */
.dropdown-menu[aria-labelledby="userMenuButton"]{
    width: 260px;
    padding: 12px;
    border: 0;
    border-radius: 5px;
    background: #fff;
    box-shadow:0 0 8px 0 rgba(0,0,0,.2);
    margin-top:0px !important;
}

.dropdown-menu[aria-labelledby="userMenuButton"] .dropdown-divider{
    margin: 10px 0;
    opacity: .4;
}
body:not(:has(.header-customer-auth))
.dropdown-menu[aria-labelledby="userMenuButton"] .dropdown-item{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 0px;
    border-radius: 12px;
    font-size: 14px;
    font-weight:400;
    color: #222;
    transition: all .25s ease;
}
body:not(:has(.header-customer-auth))
.dropdown-menu[aria-labelledby="userMenuButton"] .dropdown-item i{
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f6f8;
    border-radius: 10px;
    font-size: 18px;
    color: #555;
    transition: all .25s ease;
}
body:not(:has(.header-customer-auth))
.dropdown-menu[aria-labelledby="userMenuButton"] .dropdown-item:hover{
    background: #f8f9fb;    
}
body:not(:has(.header-customer-auth))
.dropdown-menu[aria-labelledby="userMenuButton"] .dropdown-item:hover i{
    background: #ff243f;
    color: #fff;
}
body:not(:has(.header-customer-auth))
.dropdown-menu[aria-labelledby="userMenuButton"] .dropdown-item:last-child{
    color: #ff243f;
    font-weight: 600;
    background-color: transparent;
}

body:not(:has(.header-customer-auth))
.dropdown-menu[aria-labelledby="userMenuButton"] .dropdown-item:last-child i{
    background: rgba(255,36,63,.08);
    color: #ff243f;
}
.header-customer-auth a:hover{
    background-color: transparent;
}
.account-dropdown-header{
    display:flex;
    align-items:center;
    gap:12px;
    padding:0px;
    margin-bottom:10px;
    border-radius:12px;
    background:#f8f9fb;
}
.account-avatar{
    width:48px;
    height:48px;
    border-radius:50%;
    background:#ff243f;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:18px;
}
.account-info strong{
    display:block;
    font-size:15px;
    color:#111;
}
.account-info span{
    color:#777;
    font-size:13px;
}
.user-pofile .dropdown-item{
    padding:0;
    background:none;
    border:0;
}

.account-dropdown-header{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px;
    margin-bottom:10px;
    border-radius:12px;
    background:#f8f9fb;
}

.account-avatar{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:50%;
    background:#ff243f;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}
.account-avatar .material-icons{
    font-size:22px;
    margin:0;
    line-height:1;
}
.account-info{
    min-width:0;
}
.account-info strong{
    display:block;
    font-size:15px;
    font-weight:600;
    color:#111;
    margin-bottom:2px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.account-info span{
    display:block;
    color:#777;
    font-size:13px;
}
.user-pofile a{     
    padding: 0;
}
.user-pofile .account-dropdown-header{
    padding: 0;
    background-color: transparent;
}
.header-top__left svg{
    margin-right: 5px;
}
.ps-imageslider .carousel-control-next-icon:hover, .ps-imageslider .carousel-control-prev-icon:hover{
    background-color: #518432;
}
.ps-imageslider .carousel-control-next-icon:hover:before, .ps-imageslider .carousel-control-prev-icon:hover:before{
    color: #ffffff;
}

/* Gift Icon */
.header-top__left svg{
    width:22px;
    height:22px;
    fill:#ff243f;
    margin-right:8px;
    transform-origin:center;
    transition:all .3s ease;
}

/* Hover */
.header-top__left ul:hover svg{
    animation:giftShake .7s ease-in-out;
}

/* Shake Animation */
@keyframes giftShake{
    0%{
        transform:rotate(0deg);
    }
    15%{
        transform:rotate(-12deg);
    }
    30%{
        transform:rotate(12deg);
    }
    45%{
        transform:rotate(-10deg);
    }
    60%{
        transform:rotate(8deg);
    }
    75%{
        transform:rotate(-4deg);
    }
    100%{
        transform:rotate(0deg);
    }
}
/* Currency & Language Dropdown */
.language-dropdown, .currency-dropdown{
    position:relative;
}

.language-dropdown__toggle, .currency-dropdown__toggle{
    display:flex;
    align-items:center;
    gap:8px;
    border:none;
    background:none;
    font-size:14px;    
    color:#111;
    cursor:pointer;    
}

.language-dropdown__toggle i, .currency-dropdown__toggle i{
    font-size:18px;
}
.language-dropdown__menu, .currency-dropdown__menu{
    min-width:150px;
    padding:8px;
    border:none;
    border-radius:5px;
    background:#fff;
    box-shadow:0 0 8px 0 rgba(0,0,0,.2);
    margin-top:12px;
}

.language-dropdown__menu .dropdown-item, .currency-dropdown__menu .dropdown-item{
    padding:8px 10px;    
    font-size:14px;
    font-weight:400;
    transition:.25s;
}

.language-dropdown__menu .dropdown-item:hover, .currency-dropdown__menu .dropdown-item:hover{
    background:transparent;
}

.language-dropdown__menu .dropdown-item.active, .language-dropdown__menu .dropdown-item.active:hover, .currency-dropdown__menu .dropdown-item.active:hover, .currency-dropdown__menu .dropdown-item.active{    
    color:#ff243f;
    background:transparent;
}

.language-dropdown .dropdown-menu,
.currency-dropdown .dropdown-menu,
.dropdown-menu[aria-labelledby="userMenuButton"]{
    display:block !important;
    opacity:0;
    visibility:hidden;
    transform-origin:top center;
    transform:translateY(0px) scale(.95);
    transition:
        opacity .3s cubic-bezier(.22,1,.36,1),
        transform .3s cubic-bezier(.22,1,.36,1),
        visibility .3s;
    pointer-events:none;
    right: 0;
}

.language-dropdown .dropdown-menu.show,
.currency-dropdown .dropdown-menu.show,
.dropdown-menu[aria-labelledby="userMenuButton"].show{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
    pointer-events:auto;
}

.language-dropdown__toggle i,
.currency-dropdown__toggle i,
#userMenuButton .material-icons:last-child{
    transition:transform .3s ease;
}

.language-dropdown.show .language-dropdown__toggle i,
.currency-dropdown.show .currency-dropdown__toggle i,
.header-block.show #userMenuButton .material-icons:last-child{
    transform:rotate(180deg);
}

#_desktop_ps_languageselector button,
#_desktop_ps_currencyselector button,
#_desktop_ps_customersignin .header-block__action-btn{
    transition:all .3s ease;
    border-radius:8px;
}

#_desktop_ps_languageselector button:hover,
#_desktop_ps_currencyselector button:hover,
#_desktop_ps_customersignin .header-block__action-btn:hover{
    color:#ff243f;
}
/* 
#_desktop_ps_languageselector button:hover i,
#_desktop_ps_currencyselector button:hover i,
#_desktop_ps_customersignin .header-block__action-btn:hover i{
    color:#ff243f;
} */
#_desktop_ps_customersignin .dropdown-toggle:hover::after{
    color:#ff243f;
}
#_desktop_ps_languageselector i,
#_desktop_ps_currencyselector i,
#_desktop_ps_customersignin i{
    transition:all .3s ease;
}
#_desktop_ps_languageselector,
#_desktop_ps_currencyselector,
#_desktop_ps_customersignin{
    position: relative;
}

#_desktop_ps_languageselector::before,
#_desktop_ps_currencyselector::before,
#_desktop_ps_customersignin::before{
    content: '';
    position: absolute;
    left: -4px; /* spacing adjust */
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    border-left: 1px solid #d9d9d9;
    margin: 0;
}
#_desktop_ps_languageselector::before{
    display:none;
}

/* Main Area */
.wishlist-container {
    background: transparent;
}

/* Header */
.wishlist-container-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
}

.wishlist-container-header h1 {
    font-size: 38px;
    font-weight: 700;
    color: #111;
    margin: 0;
    position: relative;
}

.wishlist-container-header h1:after {
    content: "";
    width: 70px;
    height: 4px;
    background: #ff2742;
    display: block;
    margin-top: 12px;
    border-radius: 50px;
}

/* Remove default card */
#content.card,
#content.card-block {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

/* List Layout */
.wishlist-list {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(350px,1fr));
    gap: 25px;
    padding: 0;
    margin: 0;
}

/* Premium Card */
.wishlist-list-item {
    list-style: none;
    border: 0 !important;
}

.wishlist-list-item-link {
    background: #fff8f8;
    border: 1px solid #ffe2e2;
    border-radius: 5px;
    padding: 28px;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    transition: .4s;    
}

/* Title */
.wishlist-list-item-title {
    font-size: 24px;
    font-weight: 700;
    color: #111;
    margin: 0;
}

/* Count Badge */
.wishlist-list-item-title span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    background: #fff1f3;
    color: #ff2742;
    border-radius: 50px;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 600;
}

/* Action Buttons */
.wishlist-list-item-right {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

.wishlist-list-item-right button {
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: #f5f5f5;
    transition: .3s;
}

.wishlist-list-item-right button:hover {
    background: #ff2742;
    color: #fff;    
}

.wishlist-list-item-right i {
    font-size: 20px;
}

/* Footer */
.wishlist-footer-links {
    margin-top: 40px;
    display: flex;
    gap: 25px;
}

.wishlist-footer-links a {
    padding: 12px 22px;
    background: #fff;
    border-radius: 50px;
    text-decoration: none;    
}

/* Main Slider Arrow */
.ps-imageslider .carousel-control-prev,
.ps-imageslider .carousel-control-next{
    opacity: 0;
    visibility: hidden;
    transition:
        opacity .45s ease,
        transform .45s ease,
        visibility .45s ease;
    top: 50%;
}

/* Left Arrow */
.ps-imageslider .carousel-control-prev{
    transform: translate(-25px,-50%);
}

/* Right Arrow */
.ps-imageslider .carousel-control-next{
    transform: translate(25px,-50%);
}

/* Hover */
.ps-imageslider:hover .carousel-control-prev,
.ps-imageslider:hover .carousel-control-next{
    opacity: 1;
    visibility: visible;
}

/* Final Position */
.ps-imageslider:hover .carousel-control-prev{
    transform: translate(0,-50%);
}

.ps-imageslider:hover .carousel-control-next{
    transform: translate(0,-50%);
}

/* Banner Hover Effect */
.beffect {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.beffect img {
    width: 100%;
    display: block;
    transition: transform .6s ease;
    height: 270px !important;
    margin-bottom: 5px;
}

.beffect:hover img {
    transform: scale(1.02);
}

/* Shine Effect */
.beffect::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );
    transform: skewX(-25deg);
    z-index: 2;
    transition: .8s;
}

.beffect:hover::before {
    left: 140%;
}
.blog_mask_content .thumbnail_lightbox{
    display: none;
}

.post_thumbnail {
    overflow: hidden;    
}

.post_thumbnail img {
    width: 100%;
    transition: transform .8s ease;
}

.post_thumbnail:hover img {
    transform: scale(1.05);
}

/* Meta */
.post_metas {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 20px 0;
}

.post_metas li {
    list-style: none;
    background: #f7f7f7;
    padding: 8px 14px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 500;
}

.post_metas i {
    color: #ff2742;
    margin-right: 6px;
}

/* Title */
.post_title {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
    text-transform: capitalize;
}

/* Content */
.post_content {
    font-size: 15px;
    line-height: 1.9;
    color: #666;
}

/* Right Side */
.comments_area,
.comment_respond {
    padding: 15px;
    border: 1px solid #ececec;
    border-radius: 5px;
}

.comments_area {
    margin-bottom: 25px;    
}

/* Section Titles */
.comments_title,
.comment_reply_title {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 12px;
}

.comments_title:after,
.comment_reply_title:after {
    content: "";
    width: 60px;
    height: 3px;
    background: #ff2742;
    position: absolute;
    left: 0;
    bottom: 0;
}

/* Form Fields */
.comment_form .form-group {
    margin-bottom: 18px;
}

.comment_form label {
    font-size: 13px;
    font-weight: 600;
    color: #444;
    margin-bottom: 8px;
}

.comment_form textarea.form-control {
    height: 180px;
    padding-top: 15px;
}

.comment_form .form-control:focus {
    border-color: #ff2742;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(255,39,66,.08);
}

/* Submit Button */
.wbblog_submit_btn {
    background: #ff2742;
    border: 0;
    color: #fff;    
    padding: 14px 34px;
    border-radius: 50px;
    transition: all .35s ease;
}

.wbblog_submit_btn:hover {
    transform: translateY(-3px);    
}

/* Empty Comment Box */
.commlist {
    min-height: 120px;
    background: #fafafa;
    border: 1px dashed #ddd;
    border-radius: 12px;
    padding: 20px;
}

/* Desktop Layout */
@media(min-width:992px){

    .row:has(.stickyb){
        align-items: flex-start;
    }

    .stickyb{
        position: sticky;
        top: 100px;
    }
}
/* Blog Grid */
.kr_blog_post_area .row {
    row-gap: 35px;
}

/* Blog Card */
.archb .blogbg{
    background:#fff;
    border-radius:5px;
    overflow:hidden;
    border:1px solid #ececec;    
    transition:all .4s ease;
    height:100%;
}

/* Image */
.archb .post_thumbnail{
    position:relative;
    overflow:hidden;
}

.archb .post_thumbnail img,
.archb .post_gallery img{
    width:100%;
    transition:transform .8s ease;
}

.archb:hover .post_thumbnail img{
    transform:scale(1.08);
}

/* Overlay Icon */
.archb .post_thumbnail > a{
    position:absolute;
    top:20px;
    right:20px;
    width:46px;
    height:46px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#111;
    opacity:0;
    transform:translateY(20px);
    transition:.35s;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.archb:hover .post_thumbnail > a{
    opacity:1;
    transform:translateY(0);
}

/* Content */
.archb .blog_post_content_bottom{
    padding:15px 20px;
}

/* Date */
.archb .blogdl{
    color:#777;
    font-size:13px;
    margin-bottom:15px;
    text-transform:uppercase;
    letter-spacing:.5px;
}

/* Title */
.archb .post_title{
    margin-bottom:12px;
    line-height:1.4;
}

.archb .post_title a{
    color:#111;
    font-size:20px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.archb .post_title a:hover{
    color:#ff2742;
}

/* Description */
.archb .post_content{
    color:#666;
    line-height:1.9;
    font-size:15px;
    margin-bottom:20px;
}

/* Footer Meta */
.archb .post_d{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;   
    font-size:13px;
    color:#777;
}

.archb .post_d i{
    color:#ff2742;
}

.archb .post_d a{
    color:#111;    
    text-decoration:none;
}

.archb .post_d a:hover{
    color:#ff2742;
}
.post_d.post_metas{
    margin-bottom: 0;
}
/* Video / Gallery */
.blog_post_video iframe,
.blog_post_audio iframe,
.post_gallery{
    border-radius:0;
    overflow:hidden;
}

/* Slick Arrows */
.post_gallery .slick-arrow,
.post_format_items .slick-arrow{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#fff;
    color:#111;
    display:flex !important;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 20px rgba(0,0,0,.15);
    transition:.3s;
}

.post_gallery .slick-arrow:hover,
.post_format_items .slick-arrow:hover{
    background:#ff2742;
    color:#fff;
}
.copy-sect .ps-socialfollow ul{
    gap:12px !important;
}

.copy-sect .ps-socialfollow li a{
    width:40px;
    height:40px;
    padding:0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
    transition:all .35s ease;
}
.copy-sect .ps-socialfollow li a:hover{
    transform:translateY(-4px);
    background:#ff2742;
    color:#fff;
    box-shadow:0 10px 25px rgba(255,39,66,.35);
}
.copy-sect .ps-socialfollow svg{
    width:16px;
    height:16px;
}
.copy-sect .row{
    align-items:center;
}
.copy-sect .copyright{
    margin:0;
}
.copy-sect .footer__main-bottom{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    height:100%;
}
.copy-sect .ps-socialfollow ul{
    margin:0;
}
/* Sort Dropdown Wrapper */
.products__sort-dropdown{
    position:relative;
}

/* Red Mark 1 */
.products__sort-dropdown-button{
    min-width:250px !important;
    width:250px !important;
    height:40px;
    border:1px solid #e8e8e8 !important;
    border-radius:5px !important;
    background:#fff !important;
    color:#111 !important;
    font-size:14px;
    font-weight:400;
    text-align:left;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;    
    transition:.3s ease;
}

/* Red Mark 2 */
.products__sort-dropdown .dropdown-menu{
    min-width:250px !important;
    width:250px !important;
    margin-top:8px !important;
    border:none !important;
    border-radius:5px !important;
    overflow:hidden;
    padding:8px;
    background:#fff;
    box-shadow:0 0 8px 0 rgba(0,0,0,.2);
    inset:auto !important;
    transform:none !important;
    left:0 !important;
    top:100% !important;
}

/* Menu Items */
.products__sort-dropdown .dropdown-item{
    padding:10px 14px;
    border-radius:5px;
    font-size:14px;
    font-weight:500;
    color:#444;
    transition:.25s ease;
}

/* Hover */
.products__sort-dropdown .dropdown-item:hover{
    background:#fff3f5;
    color:#ff2742;
}

/* Active */
.products__sort-dropdown .dropdown-item.current{
    background:#ff2742;
    color:#fff;
}

/* Arrow */
.products__sort-dropdown-button::after{
    margin-left:auto;
}
/* Remove default slick arrow */
.slick-prev:before,
.slick-next:before {
    content: "" !important;
}

/* Arrow button */
.slick-prev,
.slick-next{
    width:40px !important;
    height:40px !important;    
    background:#f5f5f5 !important;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .3s ease;
}

/* Custom icon */
.slick-prev::after{
    content:"\2190";
    font-size:18px;
    color:#222;
    line-height:1;
}

.slick-next::after{
    content:"\2192";
    font-size:18px;
    color:#222;
    line-height:1;
}

/* Hover */
.slick-prev:hover,
.slick-next:hover{
    background:#ff2742;
    border-color:#ff2742;
}

.slick-prev:hover::after,
.slick-next:hover::after{
    color:#518432;
}
.slick-prev, .slick-next, .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
    background-color: #f5f5f5;
    width: 40px;
    height: 40px;
}
.bestsellers-slider .slick-prev, .bestsellers-slider .slick-next{
    display: none !important;
}
.ps-contactinfo.footer-block a{
    color: #c8c8c8;
}
.ps-contactinfo.footer-block svg{
    fill: #518432;
    margin-right: 10px;
}
/* =========================
   Footer Bottom Tags Area
========================= */
.fbtm{
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
    align-items: center;
}
.foot-tag{
    border-right: 1px solid rgba(255,255,255,.08);
    padding-right: 40px;
}
.fbottom{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.fbottom:last-child{
    margin-bottom: 0;
}
.fbottom h3{
    flex: 0 0 auto;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;    
    margin-right: 12px;
}
.header-link{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-link li{
    position: relative;
    padding: 0 12px;
    line-height: 1;
}

.header-link li:first-child{
    padding-left: 0;
}

.header-link li:not(:last-child):after{
    content: "|";
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255,255,255,.35);
}

.header-link li a{
    color: #e5e5e5;
    text-transform: capitalize;
    font-size: 15px;
    text-decoration: none;
    transition: all .3s ease;
}

.header-link li a:hover{
    color: #ff2742;
}

/* Right App Section */

.c-info{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: .5px;
}

.foot-app{
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 0;
    padding: 0;
}

.foot-app li{
    margin: 0;
}

.fb1,
.fb2{
    width: 135px;
    height: 44px;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    transition: transform .3s ease;
}
.fb1:hover,
.fb2:hover{
    transform: translateY(-3px);
}
/* Example Images */
.fb1{
    background: url('../img/google-play.png') center/cover no-repeat;
}
.fb2{
    background: url('../img/app-store.png') center/cover no-repeat;
}
/* =========================
   Tablet
========================= */
@media (max-width: 991px){
    .foot-tag{
        border-right: 0;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .c-info{
        font-size: 24px;
    }
    .cart-wishlist-together-desk{
        display: none;
    }
    .cart-wishlist-together{
        gap: 12px;
    }
    .header-block__action-btn{
        margin-left: 5px;
    }
    #hcart, #hwishlist{
        width: 20px;
    }
    .header-block__badge{
        left:13px;
    }
}
/* =========================
   Mobile
========================= */
@media (max-width: 767px){
    .fbtm{
        padding: 30px 0;
    }
    .fbottom{
        display: block;
        margin-bottom: 20px;
    }
    .fbottom h3{
        display: block;
        margin: 0 0 10px;
    }
    .header-link li{
        padding: 4px 10px;
    }
    .c-info{
        font-size: 22px;
        margin-top: 10px;
    }
    .foot-app{
        flex-direction: column;
        align-items: center;
    }
    .copy-sect .footer__main-bottom{
        justify-content: center;
    }
    .copyright{
        text-align: center;
    }
    .ps-imageslider .carousel-control-next, .ps-imageslider .carousel-control-prev{
        transform: translate(0,-50%);
    }
    .new-slider .col-12.product-miniature, .bestsellers-slider .col-12.product-miniature, .special-slider .col-12.product-miniature{
        padding-left: 0;
        padding-bottom: 5px;
    }
    .topmenu{
        padding: 0;
    }
    .product-miniature__infos {
        white-space: normal;
    }
    .ps-imageslider__figcaption{
       left: 0;
       top: 0;
    }
    .imageslider-desc{
        height: 70px;
        overflow: hidden;
    }
    .slick-prev, .slick-next {
        top: -34px !important;
    }
}
.product-customization__title{
    font-weight: 400;
}
.product__left .badge.discount{
    display: none;
}
.product__left .product-flags .badge:not(.discount), .wbsearch-results__reviews{
    display: none;
}
.offb-2 img{
    height: auto;
}
.js-pswp-gallery.product__carousel{
    border-radius: 5px;
}
.js-pswp-gallery .carousel-inner{
    border: 1px solid #ededed;
    border-radius: 5px;
}
.js-pswp-gallery .carousel-inner img{
    border-radius: 5px;
}
#product .product__thumbnails{
    position: relative;
}
.quickview__dialog .slick-prev, .quickview__dialog .slick-next, #product .product__thumbnails .slick-prev, #product .product__thumbnails .slick-next{
    width: 30px !important;
    height: 30px !important;
    top: 50% !important;
    line-height: 12px;
}
.quickview__dialog .slick-prev, #product .product__thumbnails .slick-prev{
    left: -10px !important;    
}
.quickview__dialog .slick-next, #product .product__thumbnails .slick-next{
    right: -10px !important;    
}
.quickview__dialog .slick-prev:hover, .quickview__dialog .slick-prev:focus, .quickview__dialog .slick-next:hover, .quickview__dialog .slick-next:focus,
#product .product__thumbnails .slick-prev:hover, #product .product__thumbnails .slick-prev:focus, #product .product__thumbnails .slick-next:hover, #product .product__thumbnails .slick-next:focus
{
    background-color: #ff2742 !important;
    color: #fff !important;
    border-color: #ff2742 !important;
}
.quickview__dialog .slick-prev:hover::after, .quickview__dialog .slick-next:hover::after,
#product .product__thumbnails .slick-prev:hover::after, #product .product__thumbnails .slick-next:hover::after{
 color: #fff !important;   
}
.home_blog_post_area{
    position: relative;
}
#js-product-list .products.thumb-products-list .quantity-button button{
    height: 44px;
    min-width: 44px;
}
#js-product-list .products.thumb-products-list .product-miniature__details.btn-outline-primary{
     height: 44px;
}
#search .other-pages-bg{
    background: transparent;
    border-radius: 0;
    padding: 0;
    border: 0;
    margin-bottom: 0;
}
.wb_service .slick-list {
    margin: 0 -12px;
}

.wb_service .slick-slide {
    padding: 0 12px;
    box-sizing: border-box;
}
.catpage-category-title{
    font-weight: 500;
    font-size: 16px;
}


/* custom style charte graphique */
.button-search {
    background: #518432 !important;
}
#search_block_top {
    border: 1px solid #518432 !important;
}

#index .container_wb_megamenu .title-menu {
    padding: 7px 15px;

}
.container_wb_megamenu .title-menu {
    color: white !important;
    background-color: #518432 !important;
}

.container_wb_megamenu .ico-menu .bar {
    background-color: white !important;
}

.button-search {
    width: 130px !important;
    font-size: 11px !important;
}

.cat-select {
    flex: 0 0 180px !important;
}

.wb-menu-vertical li.level-1 {
    padding: 10.7px 0 !important;
}

.header-top__left img {
    height: 30% !important;
}

.wb-menu-vertical .menu-dropdown {
    border-top: 3px solid #518432 !important;
}

.wb-menu-vertical a:hover{
    color: #518432 !important;
}

.ps-emailsubscription form .form-check-input{
    width: 20px !important;
    height: 20px !important;
    padding: 1px;
    margin-right: 7px;
}

.reassurance__image path{
    fill: rgb(0, 91, 0) !important;
}

/*slide */
.slider-top{
    display: flex;
    padding: 30px;
    flex-wrap: wrap;
    gap: 15px;
}

.slider-banner {
    width: 60% !important;
    margin-top: unset !important;
}



.ps-sharebuttons__list li.facebook a {
    background-color: #3B5998;
}

.ps-sharebuttons__list li.twitter a {
    background-color: #1DA1F2;
}

.ps-sharebuttons__list li a {
    display: block;
}
.ps-sharebuttons__list li a {
    height: 2.5rem;
    width: 2.5rem;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    border-radius: 4px;
}