@charset "UTF-8";

.fa {

  font-family: var(--fa-style-family,"Font Awesome 6 Free");

  font-weight: var(--fa-style,900)

}



/* KOBERCIUM CART / clean white checkout — 2026-09-07 */

body.com_virtuemart.view-cart .wrapper-site > .breadcrumb {

  padding: 32px 0 18px;

}

body.com_virtuemart.view-cart .wrapper-site > .breadcrumb h1 {

  margin-bottom: 10px;

  font-size: clamp(32px, 3vw, 46px);

  font-weight: 500;

  letter-spacing: -.025em;

}

body.com_virtuemart.view-cart .container-component {

  padding-top: 12px !important;

}

body.com_virtuemart.view-cart #checkoutForm {

  grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr);

  gap: clamp(34px, 4.5vw, 68px);

}

body.com_virtuemart.view-cart #checkoutForm > .col-lg-6:first-child {

  padding: 30px !important;

  border: 1px solid #e3e3e3 !important;

  background: #fff;

}

body.com_virtuemart.view-cart #checkoutForm > .col-lg-6:last-of-type {

  padding: 30px !important;

  border: 1px solid #e3e3e3 !important;

  background: #fff;

}

body.com_virtuemart.view-cart legend.userfields_info,

body.com_virtuemart.view-cart .vm-checkout-shipping-userfields h2,

body.com_virtuemart.view-cart .vm-checkout-shipping h2,

body.com_virtuemart.view-cart .vm-checkout-payment h2 {

  margin-bottom: 20px !important;

  padding-bottom: 12px !important;

  border-color: #e5e5e5 !important;

  font-size: 20px;

  font-weight: 600;

}

body.com_virtuemart.view-cart .form-label {

  color: #222;

  font-weight: 500;

}

body.com_virtuemart.view-cart .form-control,

body.com_virtuemart.view-cart .form-select,

body.com_virtuemart.view-cart .chosen-container .chosen-single {

  min-height: 46px;

  border-color: #d7d7d7;

  background: #fff;

}

body.com_virtuemart.view-cart .vm-checkout-products::before {

  display: block;

  margin: 0 0 22px;

  padding: 0 0 12px;

  border-bottom: 1px solid #e5e5e5;

  color: #111;

  content: "Shrnutí objednávky";

  font: 600 20px/1.25 Arial, Helvetica, sans-serif;

}

body.com_virtuemart.view-cart .vm-checkout-products > .row {

  margin-bottom: 20px !important;

  padding-bottom: 20px;

  border-color: #e5e5e5;

}

body.com_virtuemart.view-cart .cart-images {

  background: #f7f7f7;

}

body.com_virtuemart.view-cart .cart-images img {

  aspect-ratio: 1 / 1;

  object-fit: contain;

}

body.com_virtuemart.view-cart .vm-cart-item-name a {

  font-size: 14px;

  font-weight: 600;

}

body.com_virtuemart.view-cart .vm-checkout-subtotals {

  margin-bottom: 22px !important;

  padding: 18px 0 !important;

  border-top: 1px solid #dedede;

  border-bottom: 1px solid #dedede;

  background: #fff !important;

}

body.com_virtuemart.view-cart .vm-checkout-subtotals .PricebillTotal {

  font-size: 20px;

}

body.com_virtuemart.view-cart #checkoutFormSubmit {

  min-height: 54px;

  border-radius: 0 !important;

  background: #111 !important;

  font-size: 15px;

  letter-spacing: .02em;

}

body.com_virtuemart.view-cart #checkoutFormSubmit:hover,

body.com_virtuemart.view-cart #checkoutFormSubmit:focus {

  background: #333 !important;

}

@media (max-width: 991px) {

  body.com_virtuemart.view-cart #checkoutForm > .col-lg-6:first-child,

  body.com_virtuemart.view-cart #checkoutForm > .col-lg-6:last-of-type {

    padding: 24px !important;

  }

}

@media (max-width: 575px) {

  body.com_virtuemart.view-cart #checkoutForm > .col-lg-6:first-child,

  body.com_virtuemart.view-cart #checkoutForm > .col-lg-6:last-of-type {

    padding: 18px !important;

  }

  body.com_virtuemart.view-cart .vm-checkout-register-userfields fieldset.pb-3 {

    grid-template-columns: 1fr;

  }

}

.fa,

.fa-brands,

.fa-regular,

.fa-solid,

.fab,

.far,

.fas,

[class*=" icon-"],

[class^=icon-] {

  -webkit-font-smoothing: antialiased;

  display: var(--fa-display,inline-block);

  font-variant: normal;

  text-rendering: auto;

  font-style: normal;

  line-height: 1

}

.fa-brands::before,

.fa-regular::before,

.fa-solid::before,

.fa::before,

.fab::before,

.far::before,

.fas::before,

[class*=" icon-"]::before,

[class^=icon-]::before {

  content: var(--fa)

}

.fa-classic,

.fa-regular,

.fa-solid,

.far,

.fas,

[class*=" icon-"],

[class^=icon-] {

  font-family: "Font Awesome 6 Free"

}

[class*=" icon-"],

[class^=icon-] {

  -webkit-font-smoothing: antialiased;

  font-variant: normal;

  font-style: normal;

  line-height: 1;

  display: inline-block;

  speak: none

}

.fa-1x {

  font-size: 1em

}

.fa-2x {

  font-size: 2em

}

.fa-3x {

  font-size: 3em

}

.fa-4x {

  font-size: 4em

}

.fa-5x {

  font-size: 5em

}

.fa-6x {

  font-size: 6em

}

.fa-7x {

  font-size: 7em

}

.fa-8x {

  font-size: 8em

}

.fa-9x {

  font-size: 9em

}

.fa-10x {

  font-size: 10em

}

.fa-2xs {

  vertical-align: .225em;

  font-size: .625em;

  line-height: .1em

}

.fa-xs {

  vertical-align: .125em;

  font-size: .75em;

  line-height: .0833333em

}

.fa-sm {

  vertical-align: .0535714em;

  font-size: .875em;

  line-height: .0714286em

}

.fa-lg {

  vertical-align: -.075em;

  font-size: 1.25em;

  line-height: .05em

}

.fa-xl {

  vertical-align: -.125em;

  font-size: 1.5em;

  line-height: .0416667em

}

.fa-2xl {

  vertical-align: -.1875em;

  font-size: 2em;

  line-height: .03125em

}

.fa-fw,

.icon-fw {

  text-align: center;

  width: 1.25em

}

.fa-ul {

  margin-left: var(--fa-li-margin,2.5em);

  padding-left: 0;

  list-style-type: none

}

.fa-ul > li {

  position: relative

}

.fa-li {

  left: calc(-1 * var(--fa-li-width,2em));

  text-align: center;

  width: var(--fa-li-width,2em);

  line-height: inherit;

  position: absolute

}

.fa-border {

  border-color: var(--fa-border-color,#eee);

  border-radius: var(--fa-border-radius,.1em);

  border-style: var(--fa-border-style,solid);

  border-width: var(--fa-border-width,.08em);

  padding: var(--fa-border-padding,.2em .25em .15em)

}

.fa-pull-left {

  float: left;

  margin-right: var(--fa-pull-margin,.3em)

}

.fa-pull-right {

  float: right;

  margin-left: var(--fa-pull-margin,.3em)

}

.fa-beat {

  animation-name: fa-beat;

  animation-delay: var(--fa-animation-delay,0s);

  animation-direction: var(--fa-animation-direction,normal);

  animation-duration: var(--fa-animation-duration,1s);

  animation-iteration-count: var(--fa-animation-iteration-count,infinite);

  animation-timing-function: var(--fa-animation-timing,ease-in-out)

}

.fa-bounce {

  animation-name: fa-bounce;

  animation-delay: var(--fa-animation-delay,0s);

  animation-direction: var(--fa-animation-direction,normal);

  animation-duration: var(--fa-animation-duration,1s);

  animation-iteration-count: var(--fa-animation-iteration-count,infinite);

  animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))

}

.fa-fade {

  animation-name: fa-fade;

  animation-delay: var(--fa-animation-delay,0s);

  animation-direction: var(--fa-animation-direction,normal);

  animation-duration: var(--fa-animation-duration,1s);

  animation-iteration-count: var(--fa-animation-iteration-count,infinite);

  animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))

}

.fa-beat-fade {

  animation-name: fa-beat-fade;

  animation-delay: var(--fa-animation-delay,0s);

  animation-direction: var(--fa-animation-direction,normal);

  animation-duration: var(--fa-animation-duration,1s);

  animation-iteration-count: var(--fa-animation-iteration-count,infinite);

  animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))

}

.fa-flip {

  animation-name: fa-flip;

  animation-delay: var(--fa-animation-delay,0s);

  animation-direction: var(--fa-animation-direction,normal);

  animation-duration: var(--fa-animation-duration,1s);

  animation-iteration-count: var(--fa-animation-iteration-count,infinite);

  animation-timing-function: var(--fa-animation-timing,ease-in-out)

}

.fa-shake {

  animation-name: fa-shake;

  animation-delay: var(--fa-animation-delay,0s);

  animation-direction: var(--fa-animation-direction,normal);

  animation-duration: var(--fa-animation-duration,1s);

  animation-iteration-count: var(--fa-animation-iteration-count,infinite);

  animation-timing-function: var(--fa-animation-timing,linear)

}

.fa-spin {

  animation-name: fa-spin;

  animation-delay: var(--fa-animation-delay,0s);

  animation-direction: var(--fa-animation-direction,normal);

  animation-duration: var(--fa-animation-duration,2s);

  animation-iteration-count: var(--fa-animation-iteration-count,infinite);

  animation-timing-function: var(--fa-animation-timing,linear)

}

.fa-spin-reverse {

  --fa-animation-direction: reverse

}

.fa-pulse,

.fa-spin-pulse {

  animation-name: fa-spin;

  animation-direction: var(--fa-animation-direction,normal);

  animation-duration: var(--fa-animation-duration,1s);

  animation-iteration-count: var(--fa-animation-iteration-count,infinite);

  animation-timing-function: var(--fa-animation-timing,steps(8))

}

@keyframes fa-beat {

  0%,

  90% {

    transform: scale(1)

  }

  45% {

    transform: scale(var(--fa-beat-scale,1.25))

  }

}

@keyframes fa-bounce {

  0%,

  100%,

  64% {

    transform: scale(1) translateY(0)

  }

  10% {

    transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)

  }

  30% {

    transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))

  }

  50% {

    transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)

  }

  57% {

    transform: scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))

  }

}

@keyframes fa-fade {

  50% {

    opacity: var(--fa-fade-opacity,.4)

  }

}

@keyframes fa-beat-fade {

  0%,

  100% {

    opacity: var(--fa-beat-fade-opacity,.4);

    transform: scale(1)

  }

  50% {

    opacity: 1;

    transform: scale(var(--fa-beat-fade-scale,1.125))

  }

}

@keyframes fa-flip {

  50% {

    transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))

  }

}

@keyframes fa-shake {

  0% {

    transform: rotate(-15deg)

  }

  4% {

    transform: rotate(15deg)

  }

  24%,

  8% {

    transform: rotate(-18deg)

  }

  12%,

  28% {

    transform: rotate(18deg)

  }

  16% {

    transform: rotate(-22deg)

  }

  20% {

    transform: rotate(22deg)

  }

  32% {

    transform: rotate(-12deg)

  }

  36% {

    transform: rotate(12deg)

  }

  100%,

  40% {

    transform: rotate(0)

  }

}

@keyframes fa-spin {

  0% {

    transform: rotate(0)

  }

  100% {

    transform: rotate(360deg)

  }

}

.fa-rotate-90 {

  transform: rotate(90deg)

}

.fa-rotate-180 {

  transform: rotate(180deg)

}

.fa-rotate-270 {

  transform: rotate(270deg)

}

.fa-flip-horizontal {

  transform: scaleX(-1)

}

.fa-flip-vertical {

  transform: scaleY(-1)

}

.fa-flip-both,

.fa-flip-horizontal.fa-flip-vertical {

  transform: scale(-1)

}

.fa-rotate-by {

  transform: rotate(var(--fa-rotate-angle,0))

}

.fa-stack {

  vertical-align: middle;

  width: 2.5em;

  height: 2em;

  line-height: 2em;

  display: inline-block;

  position: relative

}

.fa-stack-1x,

.fa-stack-2x {

  text-align: center;

  width: 100%;

  z-index: var(--fa-stack-z-index,auto);

  position: absolute;

  left: 0

}

.fa-stack-1x {

  line-height: inherit

}

.fa-stack-2x {

  font-size: 2em

}

.fa-inverse {

  color: var(--fa-inverse,#fff)

}

.fa-0 {

  --fa: "0"

}

.fa-1 {

  --fa: "1"

}

.fa-2 {

  --fa: "2"

}

.fa-3 {

  --fa: "3"

}

.fa-4 {

  --fa: "4"

}

.fa-5 {

  --fa: "5"

}

.fa-6 {

  --fa: "6"

}

.fa-7 {

  --fa: "7"

}

.fa-8 {

  --fa: "8"

}

.fa-9 {

  --fa: "9"

}

.fa-fill-drip {

  --fa: ""

}

.fa-arrows-to-circle {

  --fa: ""

}

.fa-chevron-circle-right,

.fa-circle-chevron-right {

  --fa: ""

}

.fa-at {

  --fa: "@"

}

.fa-trash-alt,

.fa-trash-can {

  --fa: ""

}

.fa-text-height {

  --fa: ""

}

.fa-user-times,

.fa-user-xmark {

  --fa: ""

}

.fa-stethoscope {

  --fa: ""

}

.fa-comment-alt,

.fa-message {

  --fa: ""

}

.fa-info {

  --fa: ""

}

.fa-compress-alt,

.fa-down-left-and-up-right-to-center {

  --fa: ""

}

.fa-explosion {

  --fa: ""

}

.fa-file-alt,

.fa-file-lines,

.fa-file-text {

  --fa: ""

}

.fa-wave-square {

  --fa: ""

}

.fa-ring {

  --fa: ""

}

.fa-building-un {

  --fa: ""

}

.fa-dice-three {

  --fa: ""

}

.fa-calendar-alt,

.fa-calendar-days {

  --fa: ""

}

.fa-anchor-circle-check {

  --fa: ""

}

.fa-building-circle-arrow-right {

  --fa: ""

}

.fa-volleyball,

.fa-volleyball-ball {

  --fa: ""

}

.fa-arrows-up-to-line {

  --fa: ""

}

.fa-sort-desc,

.fa-sort-down {

  --fa: ""

}

.fa-circle-minus,

.fa-minus-circle {

  --fa: ""

}

.fa-door-open {

  --fa: ""

}

.fa-right-from-bracket,

.fa-sign-out-alt {

  --fa: ""

}

.fa-atom {

  --fa: ""

}

.fa-soap {

  --fa: ""

}

.fa-heart-music-camera-bolt,

.fa-icons {

  --fa: ""

}

.fa-microphone-alt-slash,

.fa-microphone-lines-slash {

  --fa: ""

}

.fa-bridge-circle-check {

  --fa: ""

}

.fa-pump-medical {

  --fa: ""

}

.fa-fingerprint {

  --fa: ""

}

.fa-hand-point-right {

  --fa: ""

}

.fa-magnifying-glass-location,

.fa-search-location {

  --fa: ""

}

.fa-forward-step,

.fa-step-forward {

  --fa: ""

}

.fa-face-smile-beam,

.fa-smile-beam {

  --fa: ""

}

.fa-flag-checkered {

  --fa: ""

}

.fa-football,

.fa-football-ball {

  --fa: ""

}

.fa-school-circle-exclamation {

  --fa: ""

}

.fa-crop {

  --fa: ""

}

.fa-angle-double-down,

.fa-angles-down {

  --fa: ""

}

.fa-users-rectangle {

  --fa: ""

}

.fa-people-roof {

  --fa: ""

}

.fa-people-line {

  --fa: ""

}

.fa-beer,

.fa-beer-mug-empty {

  --fa: ""

}

.fa-diagram-predecessor {

  --fa: ""

}

.fa-arrow-up-long,

.fa-long-arrow-up {

  --fa: ""

}

.fa-burn,

.fa-fire-flame-simple {

  --fa: ""

}

.fa-male,

.fa-person {

  --fa: ""

}

.fa-laptop {

  --fa: ""

}

.fa-file-csv {

  --fa: ""

}

.fa-menorah {

  --fa: ""

}

.fa-truck-plane {

  --fa: ""

}

.fa-record-vinyl {

  --fa: ""

}

.fa-face-grin-stars,

.fa-grin-stars {

  --fa: ""

}

.fa-bong {

  --fa: ""

}

.fa-pastafarianism,

.fa-spaghetti-monster-flying {

  --fa: ""

}

.fa-arrow-down-up-across-line {

  --fa: ""

}

.fa-spoon,

.fa-utensil-spoon {

  --fa: ""

}

.fa-jar-wheat {

  --fa: ""

}

.fa-envelopes-bulk,

.fa-mail-bulk {

  --fa: ""

}

.fa-file-circle-exclamation {

  --fa: ""

}

.fa-circle-h,

.fa-hospital-symbol {

  --fa: ""

}

.fa-pager {

  --fa: ""

}

.fa-address-book,

.fa-contact-book {

  --fa: ""

}

.fa-strikethrough {

  --fa: ""

}

.fa-k {

  --fa: "K"

}

.fa-landmark-flag {

  --fa: ""

}

.fa-pencil,

.fa-pencil-alt {

  --fa: ""

}

.fa-backward {

  --fa: ""

}

.fa-caret-right {

  --fa: ""

}

.fa-comments {

  --fa: ""

}

.fa-file-clipboard,

.fa-paste {

  --fa: ""

}

.fa-code-pull-request {

  --fa: ""

}

.fa-clipboard-list {

  --fa: ""

}

.fa-truck-loading,

.fa-truck-ramp-box {

  --fa: ""

}

.fa-user-check {

  --fa: ""

}

.fa-vial-virus {

  --fa: ""

}

.fa-sheet-plastic {

  --fa: ""

}

.fa-blog {

  --fa: ""

}

.fa-user-ninja {

  --fa: ""

}

.fa-person-arrow-up-from-line {

  --fa: ""

}

.fa-scroll-torah,

.fa-torah {

  --fa: ""

}

.fa-broom-ball,

.fa-quidditch,

.fa-quidditch-broom-ball {

  --fa: ""

}

.fa-toggle-off {

  --fa: ""

}

.fa-archive,

.fa-box-archive {

  --fa: ""

}

.fa-person-drowning {

  --fa: ""

}

.fa-arrow-down-9-1,

.fa-sort-numeric-desc,

.fa-sort-numeric-down-alt {

  --fa: ""

}

.fa-face-grin-tongue-squint,

.fa-grin-tongue-squint {

  --fa: ""

}

.fa-spray-can {

  --fa: ""

}

.fa-truck-monster {

  --fa: ""

}

.fa-w {

  --fa: "W"

}

.fa-earth-africa,

.fa-globe-africa {

  --fa: ""

}

.fa-rainbow {

  --fa: ""

}

.fa-circle-notch {

  --fa: ""

}

.fa-tablet-alt,

.fa-tablet-screen-button {

  --fa: ""

}

.fa-paw {

  --fa: ""

}

.fa-cloud {

  --fa: ""

}

.fa-trowel-bricks {

  --fa: ""

}

.fa-face-flushed,

.fa-flushed {

  --fa: ""

}

.fa-hospital-user {

  --fa: ""

}

.fa-tent-arrow-left-right {

  --fa: ""

}

.fa-gavel,

.fa-legal {

  --fa: ""

}

.fa-binoculars {

  --fa: ""

}

.fa-microphone-slash {

  --fa: ""

}

.fa-box-tissue {

  --fa: ""

}

.fa-motorcycle {

  --fa: ""

}

.fa-bell-concierge,

.fa-concierge-bell {

  --fa: ""

}

.fa-pen-ruler,

.fa-pencil-ruler {

  --fa: ""

}

.fa-people-arrows,

.fa-people-arrows-left-right {

  --fa: ""

}

.fa-mars-and-venus-burst {

  --fa: ""

}

.fa-caret-square-right,

.fa-square-caret-right {

  --fa: ""

}

.fa-cut,

.fa-scissors {

  --fa: ""

}

.fa-sun-plant-wilt {

  --fa: ""

}

.fa-toilets-portable {

  --fa: ""

}

.fa-hockey-puck {

  --fa: ""

}

.fa-table {

  --fa: ""

}

.fa-magnifying-glass-arrow-right {

  --fa: ""

}

.fa-digital-tachograph,

.fa-tachograph-digital {

  --fa: ""

}

.fa-users-slash {

  --fa: ""

}

.fa-clover {

  --fa: ""

}

.fa-mail-reply,

.fa-reply {

  --fa: ""

}

.fa-star-and-crescent {

  --fa: ""

}

.fa-house-fire {

  --fa: ""

}

.fa-minus-square,

.fa-square-minus {

  --fa: ""

}

.fa-helicopter {

  --fa: ""

}

.fa-compass {

  --fa: ""

}

.fa-caret-square-down,

.fa-square-caret-down {

  --fa: ""

}

.fa-file-circle-question {

  --fa: ""

}

.fa-laptop-code {

  --fa: ""

}

.fa-swatchbook {

  --fa: ""

}

.fa-prescription-bottle {

  --fa: ""

}

.fa-bars,

.fa-navicon {

  --fa: ""

}

.fa-people-group {

  --fa: ""

}

.fa-hourglass-3,

.fa-hourglass-end {

  --fa: ""

}

.fa-heart-broken,

.fa-heart-crack {

  --fa: ""

}

.fa-external-link-square-alt,

.fa-square-up-right {

  --fa: ""

}

.fa-face-kiss-beam,

.fa-kiss-beam {

  --fa: ""

}

.fa-film {

  --fa: ""

}

.fa-ruler-horizontal {

  --fa: ""

}

.fa-people-robbery {

  --fa: ""

}

.fa-lightbulb {

  --fa: ""

}

.fa-caret-left {

  --fa: ""

}

.fa-circle-exclamation,

.fa-exclamation-circle {

  --fa: ""

}

.fa-school-circle-xmark {

  --fa: ""

}

.fa-arrow-right-from-bracket,

.fa-sign-out {

  --fa: ""

}

.fa-chevron-circle-down,

.fa-circle-chevron-down {

  --fa: ""

}

.fa-unlock-alt,

.fa-unlock-keyhole {

  --fa: ""

}

.fa-cloud-showers-heavy {

  --fa: ""

}

.fa-headphones-alt,

.fa-headphones-simple {

  --fa: ""

}

.fa-sitemap {

  --fa: ""

}

.fa-circle-dollar-to-slot,

.fa-donate {

  --fa: ""

}

.fa-memory {

  --fa: ""

}

.fa-road-spikes {

  --fa: ""

}

.fa-fire-burner {

  --fa: ""

}

.fa-flag {

  --fa: ""

}

.fa-hanukiah {

  --fa: ""

}

.fa-feather {

  --fa: ""

}

.fa-volume-down,

.fa-volume-low {

  --fa: ""

}

.fa-comment-slash {

  --fa: ""

}

.fa-cloud-sun-rain {

  --fa: ""

}

.fa-compress {

  --fa: ""

}

.fa-wheat-alt,

.fa-wheat-awn {

  --fa: ""

}

.fa-ankh {

  --fa: ""

}

.fa-hands-holding-child {

  --fa: ""

}

.fa-asterisk {

  --fa: "*"

}

.fa-check-square,

.fa-square-check {

  --fa: ""

}

.fa-peseta-sign {

  --fa: ""

}

.fa-header,

.fa-heading {

  --fa: ""

}

.fa-ghost {

  --fa: ""

}

.fa-list,

.fa-list-squares {

  --fa: ""

}

.fa-phone-square-alt,

.fa-square-phone-flip {

  --fa: ""

}

.fa-cart-plus {

  --fa: ""

}

.fa-gamepad {

  --fa: ""

}

.fa-circle-dot,

.fa-dot-circle {

  --fa: ""

}

.fa-dizzy,

.fa-face-dizzy {

  --fa: ""

}

.fa-egg {

  --fa: ""

}

.fa-house-medical-circle-xmark {

  --fa: ""

}

.fa-campground {

  --fa: ""

}

.fa-folder-plus {

  --fa: ""

}

.fa-futbol,

.fa-futbol-ball,

.fa-soccer-ball {

  --fa: ""

}

.fa-paint-brush,

.fa-paintbrush {

  --fa: ""

}

.fa-lock {

  --fa: ""

}

.fa-gas-pump {

  --fa: ""

}

.fa-hot-tub,

.fa-hot-tub-person {

  --fa: ""

}

.fa-map-location,

.fa-map-marked {

  --fa: ""

}

.fa-house-flood-water {

  --fa: ""

}

.fa-tree {

  --fa: ""

}

.fa-bridge-lock {

  --fa: ""

}

.fa-sack-dollar {

  --fa: ""

}

.fa-edit,

.fa-pen-to-square {

  --fa: ""

}

.fa-car-side {

  --fa: ""

}

.fa-share-alt,

.fa-share-nodes {

  --fa: ""

}

.fa-heart-circle-minus {

  --fa: ""

}

.fa-hourglass-2,

.fa-hourglass-half {

  --fa: ""

}

.fa-microscope {

  --fa: ""

}

.fa-sink {

  --fa: ""

}

.fa-bag-shopping,

.fa-shopping-bag {

  --fa: ""

}

.fa-arrow-down-z-a,

.fa-sort-alpha-desc,

.fa-sort-alpha-down-alt {

  --fa: ""

}

.fa-mitten {

  --fa: ""

}

.fa-person-rays {

  --fa: ""

}

.fa-users {

  --fa: ""

}

.fa-eye-slash {

  --fa: ""

}

.fa-flask-vial {

  --fa: ""

}

.fa-hand,

.fa-hand-paper {

  --fa: ""

}

.fa-om {

  --fa: ""

}

.fa-worm {

  --fa: ""

}

.fa-house-circle-xmark {

  --fa: ""

}

.fa-plug {

  --fa: ""

}

.fa-chevron-up {

  --fa: ""

}

.fa-hand-spock {

  --fa: ""

}

.fa-stopwatch {

  --fa: ""

}

.fa-face-kiss,

.fa-kiss {

  --fa: ""

}

.fa-bridge-circle-xmark {

  --fa: ""

}

.fa-face-grin-tongue,

.fa-grin-tongue {

  --fa: ""

}

.fa-chess-bishop {

  --fa: ""

}

.fa-face-grin-wink,

.fa-grin-wink {

  --fa: ""

}

.fa-deaf,

.fa-deafness,

.fa-ear-deaf,

.fa-hard-of-hearing {

  --fa: ""

}

.fa-road-circle-check {

  --fa: ""

}

.fa-dice-five {

  --fa: ""

}

.fa-rss-square,

.fa-square-rss {

  --fa: ""

}

.fa-land-mine-on {

  --fa: ""

}

.fa-i-cursor {

  --fa: ""

}

.fa-stamp {

  --fa: ""

}

.fa-stairs {

  --fa: ""

}

.fa-i {

  --fa: "I"

}

.fa-hryvnia,

.fa-hryvnia-sign {

  --fa: ""

}

.fa-pills {

  --fa: ""

}

.fa-face-grin-wide,

.fa-grin-alt {

  --fa: ""

}

.fa-tooth {

  --fa: ""

}

.fa-v {

  --fa: "V"

}

.fa-bangladeshi-taka-sign {

  --fa: ""

}

.fa-bicycle {

  --fa: ""

}

.fa-rod-asclepius,

.fa-rod-snake,

.fa-staff-aesculapius,

.fa-staff-snake {

  --fa: ""

}

.fa-head-side-cough-slash {

  --fa: ""

}

.fa-ambulance,

.fa-truck-medical {

  --fa: ""

}

.fa-wheat-awn-circle-exclamation {

  --fa: ""

}

.fa-snowman {

  --fa: ""

}

.fa-mortar-pestle {

  --fa: ""

}

.fa-road-barrier {

  --fa: ""

}

.fa-school {

  --fa: ""

}

.fa-igloo {

  --fa: ""

}

.fa-joint {

  --fa: ""

}

.fa-angle-right {

  --fa: ""

}

.fa-horse {

  --fa: ""

}

.fa-q {

  --fa: "Q"

}

.fa-g {

  --fa: "G"

}

.fa-notes-medical {

  --fa: ""

}

.fa-temperature-2,

.fa-temperature-half,

.fa-thermometer-2,

.fa-thermometer-half {

  --fa: ""

}

.fa-dong-sign {

  --fa: ""

}

.fa-capsules {

  --fa: ""

}

.fa-poo-bolt,

.fa-poo-storm {

  --fa: ""

}

.fa-face-frown-open,

.fa-frown-open {

  --fa: ""

}

.fa-hand-point-up {

  --fa: ""

}

.fa-money-bill {

  --fa: ""

}

.fa-bookmark {

  --fa: ""

}

.fa-align-justify {

  --fa: ""

}

.fa-umbrella-beach {

  --fa: ""

}

.fa-helmet-un {

  --fa: ""

}

.fa-bullseye {

  --fa: ""

}

.fa-bacon {

  --fa: ""

}

.fa-hand-point-down {

  --fa: ""

}

.fa-arrow-up-from-bracket {

  --fa: ""

}

.fa-folder,

.fa-folder-blank {

  --fa: ""

}

.fa-file-medical-alt,

.fa-file-waveform {

  --fa: ""

}

.fa-radiation {

  --fa: ""

}

.fa-chart-simple {

  --fa: ""

}

.fa-mars-stroke {

  --fa: ""

}

.fa-vial {

  --fa: ""

}

.fa-dashboard,

.fa-gauge,

.fa-gauge-med,

.fa-tachometer-alt-average {

  --fa: ""

}

.fa-magic-wand-sparkles,

.fa-wand-magic-sparkles {

  --fa: ""

}

.fa-e {

  --fa: "E"

}

.fa-pen-alt,

.fa-pen-clip {

  --fa: ""

}

.fa-bridge-circle-exclamation {

  --fa: ""

}

.fa-user {

  --fa: ""

}

.fa-school-circle-check {

  --fa: ""

}

.fa-dumpster {

  --fa: ""

}

.fa-shuttle-van,

.fa-van-shuttle {

  --fa: ""

}

.fa-building-user {

  --fa: ""

}

.fa-caret-square-left,

.fa-square-caret-left {

  --fa: ""

}

.fa-highlighter {

  --fa: ""

}

.fa-key {

  --fa: ""

}

.fa-bullhorn {

  --fa: ""

}

.fa-globe {

  --fa: ""

}

.fa-synagogue {

  --fa: ""

}

.fa-person-half-dress {

  --fa: ""

}

.fa-road-bridge {

  --fa: ""

}

.fa-location-arrow {

  --fa: ""

}

.fa-c {

  --fa: "C"

}

.fa-tablet-button {

  --fa: ""

}

.fa-building-lock {

  --fa: ""

}

.fa-pizza-slice {

  --fa: ""

}

.fa-money-bill-wave {

  --fa: ""

}

.fa-area-chart,

.fa-chart-area {

  --fa: ""

}

.fa-house-flag {

  --fa: ""

}

.fa-person-circle-minus {

  --fa: ""

}

.fa-ban,

.fa-cancel {

  --fa: ""

}

.fa-camera-rotate {

  --fa: ""

}

.fa-air-freshener,

.fa-spray-can-sparkles {

  --fa: ""

}

.fa-star {

  --fa: ""

}

.fa-repeat {

  --fa: ""

}

.fa-cross {

  --fa: ""

}

.fa-box {

  --fa: ""

}

.fa-venus-mars {

  --fa: ""

}

.fa-arrow-pointer,

.fa-mouse-pointer {

  --fa: ""

}

.fa-expand-arrows-alt,

.fa-maximize {

  --fa: ""

}

.fa-charging-station {

  --fa: ""

}

.fa-shapes,

.fa-triangle-circle-square {

  --fa: ""

}

.fa-random,

.fa-shuffle {

  --fa: ""

}

.fa-person-running,

.fa-running {

  --fa: ""

}

.fa-mobile-retro {

  --fa: ""

}

.fa-grip-lines-vertical {

  --fa: ""

}

.fa-spider {

  --fa: ""

}

.fa-hands-bound {

  --fa: ""

}

.fa-file-invoice-dollar {

  --fa: ""

}

.fa-plane-circle-exclamation {

  --fa: ""

}

.fa-x-ray {

  --fa: ""

}

.fa-spell-check {

  --fa: ""

}

.fa-slash {

  --fa: ""

}

.fa-computer-mouse,

.fa-mouse {

  --fa: ""

}

.fa-arrow-right-to-bracket,

.fa-sign-in {

  --fa: ""

}

.fa-shop-slash,

.fa-store-alt-slash {

  --fa: ""

}

.fa-server {

  --fa: ""

}

.fa-virus-covid-slash {

  --fa: ""

}

.fa-shop-lock {

  --fa: ""

}

.fa-hourglass-1,

.fa-hourglass-start {

  --fa: ""

}

.fa-blender-phone {

  --fa: ""

}

.fa-building-wheat {

  --fa: ""

}

.fa-person-breastfeeding {

  --fa: ""

}

.fa-right-to-bracket,

.fa-sign-in-alt {

  --fa: ""

}

.fa-venus {

  --fa: ""

}

.fa-passport {

  --fa: ""

}

.fa-thumb-tack-slash,

.fa-thumbtack-slash {

  --fa: ""

}

.fa-heart-pulse,

.fa-heartbeat {

  --fa: ""

}

.fa-people-carry,

.fa-people-carry-box {

  --fa: ""

}

.fa-temperature-high {

  --fa: ""

}

.fa-microchip {

  --fa: ""

}

.fa-crown {

  --fa: ""

}

.fa-weight-hanging {

  --fa: ""

}

.fa-xmarks-lines {

  --fa: ""

}

.fa-file-prescription {

  --fa: ""

}

.fa-weight,

.fa-weight-scale {

  --fa: ""

}

.fa-user-friends,

.fa-user-group {

  --fa: ""

}

.fa-arrow-up-a-z,

.fa-sort-alpha-up {

  --fa: ""

}

.fa-chess-knight {

  --fa: ""

}

.fa-face-laugh-squint,

.fa-laugh-squint {

  --fa: ""

}

.fa-wheelchair {

  --fa: ""

}

.fa-arrow-circle-up,

.fa-circle-arrow-up {

  --fa: ""

}

.fa-toggle-on {

  --fa: ""

}

.fa-person-walking,

.fa-walking {

  --fa: ""

}

.fa-l {

  --fa: "L"

}

.fa-fire {

  --fa: ""

}

.fa-bed-pulse,

.fa-procedures {

  --fa: ""

}

.fa-shuttle-space,

.fa-space-shuttle {

  --fa: ""

}

.fa-face-laugh,

.fa-laugh {

  --fa: ""

}

.fa-folder-open {

  --fa: ""

}

.fa-heart-circle-plus {

  --fa: ""

}

.fa-code-fork {

  --fa: ""

}

.fa-city {

  --fa: ""

}

.fa-microphone-alt,

.fa-microphone-lines {

  --fa: ""

}

.fa-pepper-hot {

  --fa: ""

}

.fa-unlock {

  --fa: ""

}

.fa-colon-sign {

  --fa: ""

}

.fa-headset {

  --fa: ""

}

.fa-store-slash {

  --fa: ""

}

.fa-road-circle-xmark {

  --fa: ""

}

.fa-user-minus {

  --fa: ""

}

.fa-mars-stroke-up,

.fa-mars-stroke-v {

  --fa: ""

}

.fa-champagne-glasses,

.fa-glass-cheers {

  --fa: ""

}

.fa-clipboard {

  --fa: ""

}

.fa-house-circle-exclamation {

  --fa: ""

}

.fa-file-arrow-up,

.fa-file-upload {

  --fa: ""

}

.fa-wifi,

.fa-wifi-3,

.fa-wifi-strong {

  --fa: ""

}

.fa-bath,

.fa-bathtub {

  --fa: ""

}

.fa-underline {

  --fa: ""

}

.fa-user-edit,

.fa-user-pen {

  --fa: ""

}

.fa-signature {

  --fa: ""

}

.fa-stroopwafel {

  --fa: ""

}

.fa-bold {

  --fa: ""

}

.fa-anchor-lock {

  --fa: ""

}

.fa-building-ngo {

  --fa: ""

}

.fa-manat-sign {

  --fa: ""

}

.fa-not-equal {

  --fa: ""

}

.fa-border-style,

.fa-border-top-left {

  --fa: ""

}

.fa-map-location-dot,

.fa-map-marked-alt {

  --fa: ""

}

.fa-jedi {

  --fa: ""

}

.fa-poll,

.fa-square-poll-vertical {

  --fa: ""

}

.fa-mug-hot {

  --fa: ""

}

.fa-battery-car,

.fa-car-battery {

  --fa: ""

}

.fa-gift {

  --fa: ""

}

.fa-dice-two {

  --fa: ""

}

.fa-chess-queen {

  --fa: ""

}

.fa-glasses {

  --fa: ""

}

.fa-chess-board {

  --fa: ""

}

.fa-building-circle-check {

  --fa: ""

}

.fa-person-chalkboard {

  --fa: ""

}

.fa-mars-stroke-h,

.fa-mars-stroke-right {

  --fa: ""

}

.fa-hand-back-fist,

.fa-hand-rock {

  --fa: ""

}

.fa-caret-square-up,

.fa-square-caret-up {

  --fa: ""

}

.fa-cloud-showers-water {

  --fa: ""

}

.fa-bar-chart,

.fa-chart-bar {

  --fa: ""

}

.fa-hands-bubbles,

.fa-hands-wash {

  --fa: ""

}

.fa-less-than-equal {

  --fa: ""

}

.fa-train {

  --fa: ""

}

.fa-eye-low-vision,

.fa-low-vision {

  --fa: ""

}

.fa-crow {

  --fa: ""

}

.fa-sailboat {

  --fa: ""

}

.fa-window-restore {

  --fa: ""

}

.fa-plus-square,

.fa-square-plus {

  --fa: ""

}

.fa-torii-gate {

  --fa: ""

}

.fa-frog {

  --fa: ""

}

.fa-bucket {

  --fa: ""

}

.fa-image {

  --fa: ""

}

.fa-microphone {

  --fa: ""

}

.fa-cow {

  --fa: ""

}

.fa-caret-up {

  --fa: ""

}

.fa-screwdriver {

  --fa: ""

}

.fa-folder-closed {

  --fa: ""

}

.fa-house-tsunami {

  --fa: ""

}

.fa-square-nfi {

  --fa: ""

}

.fa-arrow-up-from-ground-water {

  --fa: ""

}

.fa-glass-martini-alt,

.fa-martini-glass {

  --fa: ""

}

.fa-square-binary {

  --fa: ""

}

.fa-rotate-back,

.fa-rotate-backward,

.fa-rotate-left,

.fa-undo-alt {

  --fa: ""

}

.fa-columns,

.fa-table-columns {

  --fa: ""

}

.fa-lemon {

  --fa: ""

}

.fa-head-side-mask {

  --fa: ""

}

.fa-handshake {

  --fa: ""

}

.fa-gem {

  --fa: ""

}

.fa-dolly,

.fa-dolly-box {

  --fa: ""

}

.fa-smoking {

  --fa: ""

}

.fa-compress-arrows-alt,

.fa-minimize {

  --fa: ""

}

.fa-monument {

  --fa: ""

}

.fa-snowplow {

  --fa: ""

}

.fa-angle-double-right,

.fa-angles-right {

  --fa: ""

}

.fa-cannabis {

  --fa: ""

}

.fa-circle-play,

.fa-play-circle {

  --fa: ""

}

.fa-tablets {

  --fa: ""

}

.fa-ethernet {

  --fa: ""

}

.fa-eur,

.fa-euro,

.fa-euro-sign {

  --fa: ""

}

.fa-chair {

  --fa: ""

}

.fa-check-circle,

.fa-circle-check {

  --fa: ""

}

.fa-circle-stop,

.fa-stop-circle {

  --fa: ""

}

.fa-compass-drafting,

.fa-drafting-compass {

  --fa: ""

}

.fa-plate-wheat {

  --fa: ""

}

.fa-icicles {

  --fa: ""

}

.fa-person-shelter {

  --fa: ""

}

.fa-neuter {

  --fa: ""

}

.fa-id-badge {

  --fa: ""

}

.fa-marker {

  --fa: ""

}

.fa-face-laugh-beam,

.fa-laugh-beam {

  --fa: ""

}

.fa-helicopter-symbol {

  --fa: ""

}

.fa-universal-access {

  --fa: ""

}

.fa-chevron-circle-up,

.fa-circle-chevron-up {

  --fa: ""

}

.fa-lari-sign {

  --fa: ""

}

.fa-volcano {

  --fa: ""

}

.fa-person-walking-dashed-line-arrow-right {

  --fa: ""

}

.fa-gbp,

.fa-pound-sign,

.fa-sterling-sign {

  --fa: ""

}

.fa-viruses {

  --fa: ""

}

.fa-square-person-confined {

  --fa: ""

}

.fa-user-tie {

  --fa: ""

}

.fa-arrow-down-long,

.fa-long-arrow-down {

  --fa: ""

}

.fa-tent-arrow-down-to-line {

  --fa: ""

}

.fa-certificate {

  --fa: ""

}

.fa-mail-reply-all,

.fa-reply-all {

  --fa: ""

}

.fa-suitcase {

  --fa: ""

}

.fa-person-skating,

.fa-skating {

  --fa: ""

}

.fa-filter-circle-dollar,

.fa-funnel-dollar {

  --fa: ""

}

.fa-camera-retro {

  --fa: ""

}

.fa-arrow-circle-down,

.fa-circle-arrow-down {

  --fa: ""

}

.fa-arrow-right-to-file,

.fa-file-import {

  --fa: ""

}

.fa-external-link-square,

.fa-square-arrow-up-right {

  --fa: ""

}

.fa-box-open {

  --fa: ""

}

.fa-scroll {

  --fa: ""

}

.fa-spa {

  --fa: ""

}

.fa-location-pin-lock {

  --fa: ""

}

.fa-pause {

  --fa: ""

}

.fa-hill-avalanche {

  --fa: ""

}

.fa-temperature-0,

.fa-temperature-empty,

.fa-thermometer-0,

.fa-thermometer-empty {

  --fa: ""

}

.fa-bomb {

  --fa: ""

}

.fa-registered {

  --fa: ""

}

.fa-address-card,

.fa-contact-card,

.fa-vcard {

  --fa: ""

}

.fa-balance-scale-right,

.fa-scale-unbalanced-flip {

  --fa: ""

}

.fa-subscript {

  --fa: ""

}

.fa-diamond-turn-right,

.fa-directions {

  --fa: ""

}

.fa-burst {

  --fa: ""

}

.fa-house-laptop,

.fa-laptop-house {

  --fa: ""

}

.fa-face-tired,

.fa-tired {

  --fa: ""

}

.fa-money-bills {

  --fa: ""

}

.fa-smog {

  --fa: ""

}

.fa-crutch {

  --fa: ""

}

.fa-cloud-arrow-up,

.fa-cloud-upload,

.fa-cloud-upload-alt {

  --fa: ""

}

.fa-palette {

  --fa: ""

}

.fa-arrows-turn-right {

  --fa: ""

}

.fa-vest {

  --fa: ""

}

.fa-ferry {

  --fa: ""

}

.fa-arrows-down-to-people {

  --fa: ""

}

.fa-seedling,

.fa-sprout {

  --fa: ""

}

.fa-arrows-alt-h,

.fa-left-right {

  --fa: ""

}

.fa-boxes-packing {

  --fa: ""

}

.fa-arrow-circle-left,

.fa-circle-arrow-left {

  --fa: ""

}

.fa-group-arrows-rotate {

  --fa: ""

}

.fa-bowl-food {

  --fa: ""

}

.fa-candy-cane {

  --fa: ""

}

.fa-arrow-down-wide-short,

.fa-sort-amount-asc,

.fa-sort-amount-down {

  --fa: ""

}

.fa-cloud-bolt,

.fa-thunderstorm {

  --fa: ""

}

.fa-remove-format,

.fa-text-slash {

  --fa: ""

}

.fa-face-smile-wink,

.fa-smile-wink {

  --fa: ""

}

.fa-file-word {

  --fa: ""

}

.fa-file-powerpoint {

  --fa: ""

}

.fa-arrows-h,

.fa-arrows-left-right {

  --fa: ""

}

.fa-house-lock {

  --fa: ""

}

.fa-cloud-arrow-down,

.fa-cloud-download,

.fa-cloud-download-alt {

  --fa: ""

}

.fa-children {

  --fa: ""

}

.fa-blackboard,

.fa-chalkboard {

  --fa: ""

}

.fa-user-alt-slash,

.fa-user-large-slash {

  --fa: ""

}

.fa-envelope-open {

  --fa: ""

}

.fa-handshake-alt-slash,

.fa-handshake-simple-slash {

  --fa: ""

}

.fa-mattress-pillow {

  --fa: ""

}

.fa-guarani-sign {

  --fa: ""

}

.fa-arrows-rotate,

.fa-refresh,

.fa-sync {

  --fa: ""

}

.fa-fire-extinguisher {

  --fa: ""

}

.fa-cruzeiro-sign {

  --fa: ""

}

.fa-greater-than-equal {

  --fa: ""

}

.fa-shield-alt,

.fa-shield-halved {

  --fa: ""

}

.fa-atlas,

.fa-book-atlas {

  --fa: ""

}

.fa-virus {

  --fa: ""

}

.fa-envelope-circle-check {

  --fa: ""

}

.fa-layer-group {

  --fa: ""

}

.fa-arrows-to-dot {

  --fa: ""

}

.fa-archway {

  --fa: ""

}

.fa-heart-circle-check {

  --fa: ""

}

.fa-house-chimney-crack,

.fa-house-damage {

  --fa: ""

}

.fa-file-archive,

.fa-file-zipper {

  --fa: ""

}

.fa-square {

  --fa: ""

}

.fa-glass-martini,

.fa-martini-glass-empty {

  --fa: ""

}

.fa-couch {

  --fa: ""

}

.fa-cedi-sign {

  --fa: ""

}

.fa-italic {

  --fa: ""

}

.fa-table-cells-column-lock {

  --fa: ""

}

.fa-church {

  --fa: ""

}

.fa-comments-dollar {

  --fa: ""

}

.fa-democrat {

  --fa: ""

}

.fa-z {

  --fa: "Z"

}

.fa-person-skiing,

.fa-skiing {

  --fa: ""

}

.fa-road-lock {

  --fa: ""

}

.fa-a {

  --fa: "A"

}

.fa-temperature-arrow-down,

.fa-temperature-down {

  --fa: ""

}

.fa-feather-alt,

.fa-feather-pointed {

  --fa: ""

}

.fa-p {

  --fa: "P"

}

.fa-snowflake {

  --fa: ""

}

.fa-newspaper {

  --fa: ""

}

.fa-ad,

.fa-rectangle-ad {

  --fa: ""

}

.fa-arrow-circle-right,

.fa-circle-arrow-right {

  --fa: ""

}

.fa-filter-circle-xmark {

  --fa: ""

}

.fa-locust {

  --fa: ""

}

.fa-sort,

.fa-unsorted {

  --fa: ""

}

.fa-list-1-2,

.fa-list-numeric,

.fa-list-ol {

  --fa: ""

}

.fa-person-dress-burst {

  --fa: ""

}

.fa-money-check-alt,

.fa-money-check-dollar {

  --fa: ""

}

.fa-vector-square {

  --fa: ""

}

.fa-bread-slice {

  --fa: ""

}

.fa-language {

  --fa: ""

}

.fa-face-kiss-wink-heart,

.fa-kiss-wink-heart {

  --fa: ""

}

.fa-filter {

  --fa: ""

}

.fa-question {

  --fa: "?"

}

.fa-file-signature {

  --fa: ""

}

.fa-arrows-alt,

.fa-up-down-left-right {

  --fa: ""

}

.fa-house-chimney-user {

  --fa: ""

}

.fa-hand-holding-heart {

  --fa: ""

}

.fa-puzzle-piece {

  --fa: ""

}

.fa-money-check {

  --fa: ""

}

.fa-star-half-alt,

.fa-star-half-stroke {

  --fa: ""

}

.fa-code {

  --fa: ""

}

.fa-glass-whiskey,

.fa-whiskey-glass {

  --fa: ""

}

.fa-building-circle-exclamation {

  --fa: ""

}

.fa-magnifying-glass-chart {

  --fa: ""

}

.fa-arrow-up-right-from-square,

.fa-external-link {

  --fa: ""

}

.fa-cubes-stacked {

  --fa: ""

}

.fa-krw,

.fa-won,

.fa-won-sign {

  --fa: ""

}

.fa-virus-covid {

  --fa: ""

}

.fa-austral-sign {

  --fa: ""

}

.fa-f {

  --fa: "F"

}

.fa-leaf {

  --fa: ""

}

.fa-road {

  --fa: ""

}

.fa-cab,

.fa-taxi {

  --fa: ""

}

.fa-person-circle-plus {

  --fa: ""

}

.fa-chart-pie,

.fa-pie-chart {

  --fa: ""

}

.fa-bolt-lightning {

  --fa: ""

}

.fa-sack-xmark {

  --fa: ""

}

.fa-file-excel {

  --fa: ""

}

.fa-file-contract {

  --fa: ""

}

.fa-fish-fins {

  --fa: ""

}

.fa-building-flag {

  --fa: ""

}

.fa-face-grin-beam,

.fa-grin-beam {

  --fa: ""

}

.fa-object-ungroup {

  --fa: ""

}

.fa-poop {

  --fa: ""

}

.fa-location-pin,

.fa-map-marker {

  --fa: ""

}

.fa-kaaba {

  --fa: ""

}

.fa-toilet-paper {

  --fa: ""

}

.fa-hard-hat,

.fa-hat-hard,

.fa-helmet-safety {

  --fa: ""

}

.fa-eject {

  --fa: ""

}

.fa-arrow-alt-circle-right,

.fa-circle-right {

  --fa: ""

}

.fa-plane-circle-check {

  --fa: ""

}

.fa-face-rolling-eyes,

.fa-meh-rolling-eyes {

  --fa: ""

}

.fa-object-group {

  --fa: ""

}

.fa-chart-line,

.fa-line-chart {

  --fa: ""

}

.fa-mask-ventilator {

  --fa: ""

}

.fa-arrow-right {

  --fa: ""

}

.fa-map-signs,

.fa-signs-post {

  --fa: ""

}

.fa-cash-register {

  --fa: ""

}

.fa-person-circle-question {

  --fa: ""

}

.fa-h {

  --fa: "H"

}

.fa-tarp {

  --fa: ""

}

.fa-screwdriver-wrench,

.fa-tools {

  --fa: ""

}

.fa-arrows-to-eye {

  --fa: ""

}

.fa-plug-circle-bolt {

  --fa: ""

}

.fa-heart {

  --fa: ""

}

.fa-mars-and-venus {

  --fa: ""

}

.fa-home-user,

.fa-house-user {

  --fa: ""

}

.fa-dumpster-fire {

  --fa: ""

}

.fa-house-crack {

  --fa: ""

}

.fa-cocktail,

.fa-martini-glass-citrus {

  --fa: ""

}

.fa-face-surprise,

.fa-surprise {

  --fa: ""

}

.fa-bottle-water {

  --fa: ""

}

.fa-circle-pause,

.fa-pause-circle {

  --fa: ""

}

.fa-toilet-paper-slash {

  --fa: ""

}

.fa-apple-alt,

.fa-apple-whole {

  --fa: ""

}

.fa-kitchen-set {

  --fa: ""

}

.fa-r {

  --fa: "R"

}

.fa-temperature-1,

.fa-temperature-quarter,

.fa-thermometer-1,

.fa-thermometer-quarter {

  --fa: ""

}

.fa-cube {

  --fa: ""

}

.fa-bitcoin-sign {

  --fa: ""

}

.fa-shield-dog {

  --fa: ""

}

.fa-solar-panel {

  --fa: ""

}

.fa-lock-open {

  --fa: ""

}

.fa-elevator {

  --fa: ""

}

.fa-money-bill-transfer {

  --fa: ""

}

.fa-money-bill-trend-up {

  --fa: ""

}

.fa-house-flood-water-circle-arrow-right {

  --fa: ""

}

.fa-poll-h,

.fa-square-poll-horizontal {

  --fa: ""

}

.fa-circle {

  --fa: ""

}

.fa-backward-fast,

.fa-fast-backward {

  --fa: ""

}

.fa-recycle {

  --fa: ""

}

.fa-user-astronaut {

  --fa: ""

}

.fa-plane-slash {

  --fa: ""

}

.fa-trademark {

  --fa: ""

}

.fa-basketball,

.fa-basketball-ball {

  --fa: ""

}

.fa-satellite-dish {

  --fa: ""

}

.fa-arrow-alt-circle-up,

.fa-circle-up {

  --fa: ""

}

.fa-mobile-alt,

.fa-mobile-screen-button {

  --fa: ""

}

.fa-volume-high,

.fa-volume-up {

  --fa: ""

}

.fa-users-rays {

  --fa: ""

}

.fa-wallet {

  --fa: ""

}

.fa-clipboard-check {

  --fa: ""

}

.fa-file-audio {

  --fa: ""

}

.fa-burger,

.fa-hamburger {

  --fa: ""

}

.fa-wrench {

  --fa: ""

}

.fa-bugs {

  --fa: ""

}

.fa-rupee,

.fa-rupee-sign {

  --fa: ""

}

.fa-file-image {

  --fa: ""

}

.fa-circle-question,

.fa-question-circle {

  --fa: ""

}

.fa-plane-departure {

  --fa: ""

}

.fa-handshake-slash {

  --fa: ""

}

.fa-book-bookmark {

  --fa: ""

}

.fa-code-branch {

  --fa: ""

}

.fa-hat-cowboy {

  --fa: ""

}

.fa-bridge {

  --fa: ""

}

.fa-phone-alt,

.fa-phone-flip {

  --fa: ""

}

.fa-truck-front {

  --fa: ""

}

.fa-cat {

  --fa: ""

}

.fa-anchor-circle-exclamation {

  --fa: ""

}

.fa-truck-field {

  --fa: ""

}

.fa-route {

  --fa: ""

}

.fa-clipboard-question {

  --fa: ""

}

.fa-panorama {

  --fa: ""

}

.fa-comment-medical {

  --fa: ""

}

.fa-teeth-open {

  --fa: ""

}

.fa-file-circle-minus {

  --fa: ""

}

.fa-tags {

  --fa: ""

}

.fa-wine-glass {

  --fa: ""

}

.fa-fast-forward,

.fa-forward-fast {

  --fa: ""

}

.fa-face-meh-blank,

.fa-meh-blank {

  --fa: ""

}

.fa-parking,

.fa-square-parking {

  --fa: ""

}

.fa-house-signal {

  --fa: ""

}

.fa-bars-progress,

.fa-tasks-alt {

  --fa: ""

}

.fa-faucet-drip {

  --fa: ""

}

.fa-cart-flatbed,

.fa-dolly-flatbed {

  --fa: ""

}

.fa-ban-smoking,

.fa-smoking-ban {

  --fa: ""

}

.fa-terminal {

  --fa: ""

}

.fa-mobile-button {

  --fa: ""

}

.fa-house-medical-flag {

  --fa: ""

}

.fa-basket-shopping,

.fa-shopping-basket {

  --fa: ""

}

.fa-tape {

  --fa: ""

}

.fa-bus-alt,

.fa-bus-simple {

  --fa: ""

}

.fa-eye {

  --fa: ""

}

.fa-face-sad-cry,

.fa-sad-cry {

  --fa: ""

}

.fa-audio-description {

  --fa: ""

}

.fa-person-military-to-person {

  --fa: ""

}

.fa-file-shield {

  --fa: ""

}

.fa-user-slash {

  --fa: ""

}

.fa-pen {

  --fa: ""

}

.fa-tower-observation {

  --fa: ""

}

.fa-file-code {

  --fa: ""

}

.fa-signal,

.fa-signal-5,

.fa-signal-perfect {

  --fa: ""

}

.fa-bus {

  --fa: ""

}

.fa-heart-circle-xmark {

  --fa: ""

}

.fa-home-lg,

.fa-house-chimney {

  --fa: ""

}

.fa-window-maximize {

  --fa: ""

}

.fa-face-frown,

.fa-frown {

  --fa: ""

}

.fa-prescription {

  --fa: ""

}

.fa-shop,

.fa-store-alt {

  --fa: ""

}

.fa-floppy-disk,

.fa-save {

  --fa: ""

}

.fa-vihara {

  --fa: ""

}

.fa-balance-scale-left,

.fa-scale-unbalanced {

  --fa: ""

}

.fa-sort-asc,

.fa-sort-up {

  --fa: ""

}

.fa-comment-dots,

.fa-commenting {

  --fa: ""

}

.fa-plant-wilt {

  --fa: ""

}

.fa-diamond {

  --fa: ""

}

.fa-face-grin-squint,

.fa-grin-squint {

  --fa: ""

}

.fa-hand-holding-dollar,

.fa-hand-holding-usd {

  --fa: ""

}

.fa-chart-diagram {

  --fa: ""

}

.fa-bacterium {

  --fa: ""

}

.fa-hand-pointer {

  --fa: ""

}

.fa-drum-steelpan {

  --fa: ""

}

.fa-hand-scissors {

  --fa: ""

}

.fa-hands-praying,

.fa-praying-hands {

  --fa: ""

}

.fa-arrow-right-rotate,

.fa-arrow-rotate-forward,

.fa-arrow-rotate-right,

.fa-redo {

  --fa: ""

}

.fa-biohazard {

  --fa: ""

}

.fa-location,

.fa-location-crosshairs {

  --fa: ""

}

.fa-mars-double {

  --fa: ""

}

.fa-child-dress {

  --fa: ""

}

.fa-users-between-lines {

  --fa: ""

}

.fa-lungs-virus {

  --fa: ""

}

.fa-face-grin-tears,

.fa-grin-tears {

  --fa: ""

}

.fa-phone {

  --fa: ""

}

.fa-calendar-times,

.fa-calendar-xmark {

  --fa: ""

}

.fa-child-reaching {

  --fa: ""

}

.fa-head-side-virus {

  --fa: ""

}

.fa-user-cog,

.fa-user-gear {

  --fa: ""

}

.fa-arrow-up-1-9,

.fa-sort-numeric-up {

  --fa: ""

}

.fa-door-closed {

  --fa: ""

}

.fa-shield-virus {

  --fa: ""

}

.fa-dice-six {

  --fa: ""

}

.fa-mosquito-net {

  --fa: ""

}

.fa-file-fragment {

  --fa: ""

}

.fa-bridge-water {

  --fa: ""

}

.fa-person-booth {

  --fa: ""

}

.fa-text-width {

  --fa: ""

}

.fa-hat-wizard {

  --fa: ""

}

.fa-pen-fancy {

  --fa: ""

}

.fa-digging,

.fa-person-digging {

  --fa: ""

}

.fa-trash {

  --fa: ""

}

.fa-gauge-simple,

.fa-gauge-simple-med,

.fa-tachometer-average {

  --fa: ""

}

.fa-book-medical {

  --fa: ""

}

.fa-poo {

  --fa: ""

}

.fa-quote-right,

.fa-quote-right-alt {

  --fa: ""

}

.fa-shirt,

.fa-t-shirt,

.fa-tshirt {

  --fa: ""

}

.fa-cubes {

  --fa: ""

}

.fa-divide {

  --fa: ""

}

.fa-tenge,

.fa-tenge-sign {

  --fa: ""

}

.fa-headphones {

  --fa: ""

}

.fa-hands-holding {

  --fa: ""

}

.fa-hands-clapping {

  --fa: ""

}

.fa-republican {

  --fa: ""

}

.fa-arrow-left {

  --fa: ""

}

.fa-person-circle-xmark {

  --fa: ""

}

.fa-ruler {

  --fa: ""

}

.fa-align-left {

  --fa: ""

}

.fa-dice-d6 {

  --fa: ""

}

.fa-restroom {

  --fa: ""

}

.fa-j {

  --fa: "J"

}

.fa-users-viewfinder {

  --fa: ""

}

.fa-file-video {

  --fa: ""

}

.fa-external-link-alt,

.fa-up-right-from-square {

  --fa: ""

}

.fa-table-cells,

.fa-th {

  --fa: ""

}

.fa-file-pdf {

  --fa: ""

}

.fa-bible,

.fa-book-bible {

  --fa: ""

}

.fa-o {

  --fa: "O"

}

.fa-medkit,

.fa-suitcase-medical {

  --fa: ""

}

.fa-user-secret {

  --fa: ""

}

.fa-otter {

  --fa: ""

}

.fa-female,

.fa-person-dress {

  --fa: ""

}

.fa-comment-dollar {

  --fa: ""

}

.fa-briefcase-clock,

.fa-business-time {

  --fa: ""

}

.fa-table-cells-large,

.fa-th-large {

  --fa: ""

}

.fa-book-tanakh,

.fa-tanakh {

  --fa: ""

}

.fa-phone-volume,

.fa-volume-control-phone {

  --fa: ""

}

.fa-hat-cowboy-side {

  --fa: ""

}

.fa-clipboard-user {

  --fa: ""

}

.fa-child {

  --fa: ""

}

.fa-lira-sign {

  --fa: ""

}

.fa-satellite {

  --fa: ""

}

.fa-plane-lock {

  --fa: ""

}

.fa-tag {

  --fa: ""

}

.fa-comment {

  --fa: ""

}

.fa-birthday-cake,

.fa-cake,

.fa-cake-candles {

  --fa: ""

}

.fa-envelope {

  --fa: ""

}

.fa-angle-double-up,

.fa-angles-up {

  --fa: ""

}

.fa-paperclip {

  --fa: ""

}

.fa-arrow-right-to-city {

  --fa: ""

}

.fa-ribbon {

  --fa: ""

}

.fa-lungs {

  --fa: ""

}

.fa-arrow-up-9-1,

.fa-sort-numeric-up-alt {

  --fa: ""

}

.fa-litecoin-sign {

  --fa: ""

}

.fa-border-none {

  --fa: ""

}

.fa-circle-nodes {

  --fa: ""

}

.fa-parachute-box {

  --fa: ""

}

.fa-indent {

  --fa: ""

}

.fa-truck-field-un {

  --fa: ""

}

.fa-hourglass,

.fa-hourglass-empty {

  --fa: ""

}

.fa-mountain {

  --fa: ""

}

.fa-user-doctor,

.fa-user-md {

  --fa: ""

}

.fa-circle-info,

.fa-info-circle {

  --fa: ""

}

.fa-cloud-meatball {

  --fa: ""

}

.fa-camera,

.fa-camera-alt {

  --fa: ""

}

.fa-square-virus {

  --fa: ""

}

.fa-meteor {

  --fa: ""

}

.fa-car-on {

  --fa: ""

}

.fa-sleigh {

  --fa: ""

}

.fa-arrow-down-1-9,

.fa-sort-numeric-asc,

.fa-sort-numeric-down {

  --fa: ""

}

.fa-hand-holding-droplet,

.fa-hand-holding-water {

  --fa: ""

}

.fa-water {

  --fa: ""

}

.fa-calendar-check {

  --fa: ""

}

.fa-braille {

  --fa: ""

}

.fa-prescription-bottle-alt,

.fa-prescription-bottle-medical {

  --fa: ""

}

.fa-landmark {

  --fa: ""

}

.fa-truck {

  --fa: ""

}

.fa-crosshairs {

  --fa: ""

}

.fa-person-cane {

  --fa: ""

}

.fa-tent {

  --fa: ""

}

.fa-vest-patches {

  --fa: ""

}

.fa-check-double {

  --fa: ""

}

.fa-arrow-down-a-z,

.fa-sort-alpha-asc,

.fa-sort-alpha-down {

  --fa: ""

}

.fa-money-bill-wheat {

  --fa: ""

}

.fa-cookie {

  --fa: ""

}

.fa-arrow-left-rotate,

.fa-arrow-rotate-back,

.fa-arrow-rotate-backward,

.fa-arrow-rotate-left,

.fa-undo {

  --fa: ""

}

.fa-hard-drive,

.fa-hdd {

  --fa: ""

}

.fa-face-grin-squint-tears,

.fa-grin-squint-tears {

  --fa: ""

}

.fa-dumbbell {

  --fa: ""

}

.fa-list-alt,

.fa-rectangle-list {

  --fa: ""

}

.fa-tarp-droplet {

  --fa: ""

}

.fa-house-medical-circle-check {

  --fa: ""

}

.fa-person-skiing-nordic,

.fa-skiing-nordic {

  --fa: ""

}

.fa-calendar-plus {

  --fa: ""

}

.fa-plane-arrival {

  --fa: ""

}

.fa-arrow-alt-circle-left,

.fa-circle-left {

  --fa: ""

}

.fa-subway,

.fa-train-subway {

  --fa: ""

}

.fa-chart-gantt {

  --fa: ""

}

.fa-indian-rupee,

.fa-indian-rupee-sign,

.fa-inr {

  --fa: ""

}

.fa-crop-alt,

.fa-crop-simple {

  --fa: ""

}

.fa-money-bill-1,

.fa-money-bill-alt {

  --fa: ""

}

.fa-left-long,

.fa-long-arrow-alt-left {

  --fa: ""

}

.fa-dna {

  --fa: ""

}

.fa-virus-slash {

  --fa: ""

}

.fa-minus,

.fa-subtract {

  --fa: ""

}

.fa-chess {

  --fa: ""

}

.fa-arrow-left-long,

.fa-long-arrow-left {

  --fa: ""

}

.fa-plug-circle-check {

  --fa: ""

}

.fa-street-view {

  --fa: ""

}

.fa-franc-sign {

  --fa: ""

}

.fa-volume-off {

  --fa: ""

}

.fa-american-sign-language-interpreting,

.fa-asl-interpreting,

.fa-hands-american-sign-language-interpreting,

.fa-hands-asl-interpreting {

  --fa: ""

}

.fa-cog,

.fa-gear {

  --fa: ""

}

.fa-droplet-slash,

.fa-tint-slash {

  --fa: ""

}

.fa-mosque {

  --fa: ""

}

.fa-mosquito {

  --fa: ""

}

.fa-star-of-david {

  --fa: ""

}

.fa-person-military-rifle {

  --fa: ""

}

.fa-cart-shopping,

.fa-shopping-cart {

  --fa: ""

}

.fa-vials {

  --fa: ""

}

.fa-plug-circle-plus {

  --fa: ""

}

.fa-place-of-worship {

  --fa: ""

}

.fa-grip-vertical {

  --fa: ""

}

.fa-hexagon-nodes {

  --fa: ""

}

.fa-arrow-turn-up,

.fa-level-up {

  --fa: ""

}

.fa-u {

  --fa: "U"

}

.fa-square-root-alt,

.fa-square-root-variable {

  --fa: ""

}

.fa-clock,

.fa-clock-four {

  --fa: ""

}

.fa-backward-step,

.fa-step-backward {

  --fa: ""

}

.fa-pallet {

  --fa: ""

}

.fa-faucet {

  --fa: ""

}

.fa-baseball-bat-ball {

  --fa: ""

}

.fa-s {

  --fa: "S"

}

.fa-timeline {

  --fa: ""

}

.fa-keyboard {

  --fa: ""

}

.fa-caret-down {

  --fa: ""

}

.fa-clinic-medical,

.fa-house-chimney-medical {

  --fa: ""

}

.fa-temperature-3,

.fa-temperature-three-quarters,

.fa-thermometer-3,

.fa-thermometer-three-quarters {

  --fa: ""

}

.fa-mobile-android-alt,

.fa-mobile-screen {

  --fa: ""

}

.fa-plane-up {

  --fa: ""

}

.fa-piggy-bank {

  --fa: ""

}

.fa-battery-3,

.fa-battery-half {

  --fa: ""

}

.fa-mountain-city {

  --fa: ""

}

.fa-coins {

  --fa: ""

}

.fa-khanda {

  --fa: ""

}

.fa-sliders,

.fa-sliders-h {

  --fa: ""

}

.fa-folder-tree {

  --fa: ""

}

.fa-network-wired {

  --fa: ""

}

.fa-map-pin {

  --fa: ""

}

.fa-hamsa {

  --fa: ""

}

.fa-cent-sign {

  --fa: ""

}

.fa-flask {

  --fa: ""

}

.fa-person-pregnant {

  --fa: ""

}

.fa-wand-sparkles {

  --fa: ""

}

.fa-ellipsis-v,

.fa-ellipsis-vertical {

  --fa: ""

}

.fa-ticket {

  --fa: ""

}

.fa-power-off {

  --fa: ""

}

.fa-long-arrow-alt-right,

.fa-right-long {

  --fa: ""

}

.fa-flag-usa {

  --fa: ""

}

.fa-laptop-file {

  --fa: ""

}

.fa-teletype,

.fa-tty {

  --fa: ""

}

.fa-diagram-next {

  --fa: ""

}

.fa-person-rifle {

  --fa: ""

}

.fa-house-medical-circle-exclamation {

  --fa: ""

}

.fa-closed-captioning {

  --fa: ""

}

.fa-hiking,

.fa-person-hiking {

  --fa: ""

}

.fa-venus-double {

  --fa: ""

}

.fa-images {

  --fa: ""

}

.fa-calculator {

  --fa: ""

}

.fa-people-pulling {

  --fa: ""

}

.fa-n {

  --fa: "N"

}

.fa-cable-car,

.fa-tram {

  --fa: ""

}

.fa-cloud-rain {

  --fa: ""

}

.fa-building-circle-xmark {

  --fa: ""

}

.fa-ship {

  --fa: ""

}

.fa-arrows-down-to-line {

  --fa: ""

}

.fa-download {

  --fa: ""

}

.fa-face-grin,

.fa-grin {

  --fa: ""

}

.fa-backspace,

.fa-delete-left {

  --fa: ""

}

.fa-eye-dropper,

.fa-eye-dropper-empty,

.fa-eyedropper {

  --fa: ""

}

.fa-file-circle-check {

  --fa: ""

}

.fa-forward {

  --fa: ""

}

.fa-mobile,

.fa-mobile-android,

.fa-mobile-phone {

  --fa: ""

}

.fa-face-meh,

.fa-meh {

  --fa: ""

}

.fa-align-center {

  --fa: ""

}

.fa-book-dead,

.fa-book-skull {

  --fa: ""

}

.fa-drivers-license,

.fa-id-card {

  --fa: ""

}

.fa-dedent,

.fa-outdent {

  --fa: ""

}

.fa-heart-circle-exclamation {

  --fa: ""

}

.fa-home,

.fa-home-alt,

.fa-home-lg-alt,

.fa-house {

  --fa: ""

}

.fa-calendar-week {

  --fa: ""

}

.fa-laptop-medical {

  --fa: ""

}

.fa-b {

  --fa: "B"

}

.fa-file-medical {

  --fa: ""

}

.fa-dice-one {

  --fa: ""

}

.fa-kiwi-bird {

  --fa: ""

}

.fa-arrow-right-arrow-left,

.fa-exchange {

  --fa: ""

}

.fa-redo-alt,

.fa-rotate-forward,

.fa-rotate-right {

  --fa: ""

}

.fa-cutlery,

.fa-utensils {

  --fa: ""

}

.fa-arrow-up-wide-short,

.fa-sort-amount-up {

  --fa: ""

}

.fa-mill-sign {

  --fa: ""

}

.fa-bowl-rice {

  --fa: ""

}

.fa-skull {

  --fa: ""

}

.fa-broadcast-tower,

.fa-tower-broadcast {

  --fa: ""

}

.fa-truck-pickup {

  --fa: ""

}

.fa-long-arrow-alt-up,

.fa-up-long {

  --fa: ""

}

.fa-stop {

  --fa: ""

}

.fa-code-merge {

  --fa: ""

}

.fa-upload {

  --fa: ""

}

.fa-hurricane {

  --fa: ""

}

.fa-mound {

  --fa: ""

}

.fa-toilet-portable {

  --fa: ""

}

.fa-compact-disc {

  --fa: ""

}

.fa-file-arrow-down,

.fa-file-download {

  --fa: ""

}

.fa-caravan {

  --fa: ""

}

.fa-shield-cat {

  --fa: ""

}

.fa-bolt,

.fa-zap {

  --fa: ""

}

.fa-glass-water {

  --fa: ""

}

.fa-oil-well {

  --fa: ""

}

.fa-vault {

  --fa: ""

}

.fa-mars {

  --fa: ""

}

.fa-toilet {

  --fa: ""

}

.fa-plane-circle-xmark {

  --fa: ""

}

.fa-cny,

.fa-jpy,

.fa-rmb,

.fa-yen,

.fa-yen-sign {

  --fa: ""

}

.fa-rouble,

.fa-rub,

.fa-ruble,

.fa-ruble-sign {

  --fa: ""

}

.fa-sun {

  --fa: ""

}

.fa-guitar {

  --fa: ""

}

.fa-face-laugh-wink,

.fa-laugh-wink {

  --fa: ""

}

.fa-horse-head {

  --fa: ""

}

.fa-bore-hole {

  --fa: ""

}

.fa-industry {

  --fa: ""

}

.fa-arrow-alt-circle-down,

.fa-circle-down {

  --fa: ""

}

.fa-arrows-turn-to-dots {

  --fa: ""

}

.fa-florin-sign {

  --fa: ""

}

.fa-arrow-down-short-wide,

.fa-sort-amount-desc,

.fa-sort-amount-down-alt {

  --fa: ""

}

.fa-less-than {

  --fa: "<"

}

.fa-angle-down {

  --fa: ""

}

.fa-car-tunnel {

  --fa: ""

}

.fa-head-side-cough {

  --fa: ""

}

.fa-grip-lines {

  --fa: ""

}

.fa-thumbs-down {

  --fa: ""

}

.fa-user-lock {

  --fa: ""

}

.fa-arrow-right-long,

.fa-long-arrow-right {

  --fa: ""

}

.fa-anchor-circle-xmark {

  --fa: ""

}

.fa-ellipsis,

.fa-ellipsis-h {

  --fa: ""

}

.fa-chess-pawn {

  --fa: ""

}

.fa-first-aid,

.fa-kit-medical {

  --fa: ""

}

.fa-person-through-window {

  --fa: ""

}

.fa-toolbox {

  --fa: ""

}

.fa-hands-holding-circle {

  --fa: ""

}

.fa-bug {

  --fa: ""

}

.fa-credit-card,

.fa-credit-card-alt {

  --fa: ""

}

.fa-automobile,

.fa-car {

  --fa: ""

}

.fa-hand-holding-hand {

  --fa: ""

}

.fa-book-open-reader,

.fa-book-reader {

  --fa: ""

}

.fa-mountain-sun {

  --fa: ""

}

.fa-arrows-left-right-to-line {

  --fa: ""

}

.fa-dice-d20 {

  --fa: ""

}

.fa-truck-droplet {

  --fa: ""

}

.fa-file-circle-xmark {

  --fa: ""

}

.fa-temperature-arrow-up,

.fa-temperature-up {

  --fa: ""

}

.fa-medal {

  --fa: ""

}

.fa-bed {

  --fa: ""

}

.fa-h-square,

.fa-square-h {

  --fa: ""

}

.fa-podcast {

  --fa: ""

}

.fa-temperature-4,

.fa-temperature-full,

.fa-thermometer-4,

.fa-thermometer-full {

  --fa: ""

}

.fa-bell {

  --fa: ""

}

.fa-superscript {

  --fa: ""

}

.fa-plug-circle-xmark {

  --fa: ""

}

.fa-star-of-life {

  --fa: ""

}

.fa-phone-slash {

  --fa: ""

}

.fa-paint-roller {

  --fa: ""

}

.fa-hands-helping,

.fa-handshake-angle {

  --fa: ""

}

.fa-location-dot,

.fa-map-marker-alt {

  --fa: ""

}

.fa-file {

  --fa: ""

}

.fa-greater-than {

  --fa: ">"

}

.fa-person-swimming,

.fa-swimmer {

  --fa: ""

}

.fa-arrow-down {

  --fa: ""

}

.fa-droplet,

.fa-tint {

  --fa: ""

}

.fa-eraser {

  --fa: ""

}

.fa-earth,

.fa-earth-america,

.fa-earth-americas,

.fa-globe-americas {

  --fa: ""

}

.fa-person-burst {

  --fa: ""

}

.fa-dove {

  --fa: ""

}

.fa-battery-0,

.fa-battery-empty {

  --fa: ""

}

.fa-socks {

  --fa: ""

}

.fa-inbox {

  --fa: ""

}

.fa-section {

  --fa: ""

}

.fa-gauge-high,

.fa-tachometer-alt,

.fa-tachometer-alt-fast {

  --fa: ""

}

.fa-envelope-open-text {

  --fa: ""

}

.fa-hospital,

.fa-hospital-alt,

.fa-hospital-wide {

  --fa: ""

}

.fa-wine-bottle {

  --fa: ""

}

.fa-chess-rook {

  --fa: ""

}

.fa-bars-staggered,

.fa-reorder,

.fa-stream {

  --fa: ""

}

.fa-dharmachakra {

  --fa: ""

}

.fa-hotdog {

  --fa: ""

}

.fa-blind,

.fa-person-walking-with-cane {

  --fa: ""

}

.fa-drum {

  --fa: ""

}

.fa-ice-cream {

  --fa: ""

}

.fa-heart-circle-bolt {

  --fa: ""

}

.fa-fax {

  --fa: ""

}

.fa-paragraph {

  --fa: ""

}

.fa-check-to-slot,

.fa-vote-yea {

  --fa: ""

}

.fa-star-half {

  --fa: ""

}

.fa-boxes,

.fa-boxes-alt,

.fa-boxes-stacked {

  --fa: ""

}

.fa-chain,

.fa-link {

  --fa: ""

}

.fa-assistive-listening-systems,

.fa-ear-listen {

  --fa: ""

}

.fa-tree-city {

  --fa: ""

}

.fa-play {

  --fa: ""

}

.fa-font {

  --fa: ""

}

.fa-table-cells-row-lock {

  --fa: ""

}

.fa-rupiah-sign {

  --fa: ""

}

.fa-magnifying-glass,

.fa-search {

  --fa: ""

}

.fa-ping-pong-paddle-ball,

.fa-table-tennis,

.fa-table-tennis-paddle-ball {

  --fa: ""

}

.fa-diagnoses,

.fa-person-dots-from-line {

  --fa: ""

}

.fa-trash-can-arrow-up,

.fa-trash-restore-alt {

  --fa: ""

}

.fa-naira-sign {

  --fa: ""

}

.fa-cart-arrow-down {

  --fa: ""

}

.fa-walkie-talkie {

  --fa: ""

}

.fa-file-edit,

.fa-file-pen {

  --fa: ""

}

.fa-receipt {

  --fa: ""

}

.fa-pen-square,

.fa-pencil-square,

.fa-square-pen {

  --fa: ""

}

.fa-suitcase-rolling {

  --fa: ""

}

.fa-person-circle-exclamation {

  --fa: ""

}

.fa-chevron-down {

  --fa: ""

}

.fa-battery,

.fa-battery-5,

.fa-battery-full {

  --fa: ""

}

.fa-skull-crossbones {

  --fa: ""

}

.fa-code-compare {

  --fa: ""

}

.fa-list-dots,

.fa-list-ul {

  --fa: ""

}

.fa-school-lock {

  --fa: ""

}

.fa-tower-cell {

  --fa: ""

}

.fa-down-long,

.fa-long-arrow-alt-down {

  --fa: ""

}

.fa-ranking-star {

  --fa: ""

}

.fa-chess-king {

  --fa: ""

}

.fa-person-harassing {

  --fa: ""

}

.fa-brazilian-real-sign {

  --fa: ""

}

.fa-landmark-alt,

.fa-landmark-dome {

  --fa: ""

}

.fa-arrow-up {

  --fa: ""

}

.fa-television,

.fa-tv,

.fa-tv-alt {

  --fa: ""

}

.fa-shrimp {

  --fa: ""

}

.fa-list-check,

.fa-tasks {

  --fa: ""

}

.fa-jug-detergent {

  --fa: ""

}

.fa-circle-user,

.fa-user-circle {

  --fa: ""

}

.fa-user-shield {

  --fa: ""

}

.fa-wind {

  --fa: ""

}

.fa-car-burst,

.fa-car-crash {

  --fa: ""

}

.fa-y {

  --fa: "Y"

}

.fa-person-snowboarding,

.fa-snowboarding {

  --fa: ""

}

.fa-shipping-fast,

.fa-truck-fast {

  --fa: ""

}

.fa-fish {

  --fa: ""

}

.fa-user-graduate {

  --fa: ""

}

.fa-adjust,

.fa-circle-half-stroke {

  --fa: ""

}

.fa-clapperboard {

  --fa: ""

}

.fa-circle-radiation,

.fa-radiation-alt {

  --fa: ""

}

.fa-baseball,

.fa-baseball-ball {

  --fa: ""

}

.fa-jet-fighter-up {

  --fa: ""

}

.fa-diagram-project,

.fa-project-diagram {

  --fa: ""

}

.fa-copy {

  --fa: ""

}

.fa-volume-mute,

.fa-volume-times,

.fa-volume-xmark {

  --fa: ""

}

.fa-hand-sparkles {

  --fa: ""

}

.fa-grip,

.fa-grip-horizontal {

  --fa: ""

}

.fa-share-from-square,

.fa-share-square {

  --fa: ""

}

.fa-child-combatant,

.fa-child-rifle {

  --fa: ""

}

.fa-gun {

  --fa: ""

}

.fa-phone-square,

.fa-square-phone {

  --fa: ""

}

.fa-add,

.fa-plus {

  --fa: "+"

}

.fa-expand {

  --fa: ""

}

.fa-computer {

  --fa: ""

}

.fa-close,

.fa-multiply,

.fa-remove,

.fa-times,

.fa-xmark {

  --fa: ""

}

.fa-arrows,

.fa-arrows-up-down-left-right {

  --fa: ""

}

.fa-chalkboard-teacher,

.fa-chalkboard-user {

  --fa: ""

}

.fa-peso-sign {

  --fa: ""

}

.fa-building-shield {

  --fa: ""

}

.fa-baby {

  --fa: ""

}

.fa-users-line {

  --fa: ""

}

.fa-quote-left,

.fa-quote-left-alt {

  --fa: ""

}

.fa-tractor {

  --fa: ""

}

.fa-trash-arrow-up,

.fa-trash-restore {

  --fa: ""

}

.fa-arrow-down-up-lock {

  --fa: ""

}

.fa-lines-leaning {

  --fa: ""

}

.fa-ruler-combined {

  --fa: ""

}

.fa-copyright {

  --fa: ""

}

.fa-equals {

  --fa: "="

}

.fa-blender {

  --fa: ""

}

.fa-teeth {

  --fa: ""

}

.fa-ils,

.fa-shekel,

.fa-shekel-sign,

.fa-sheqel,

.fa-sheqel-sign {

  --fa: ""

}

.fa-map {

  --fa: ""

}

.fa-rocket {

  --fa: ""

}

.fa-photo-film,

.fa-photo-video {

  --fa: ""

}

.fa-folder-minus {

  --fa: ""

}

.fa-hexagon-nodes-bolt {

  --fa: ""

}

.fa-store {

  --fa: ""

}

.fa-arrow-trend-up {

  --fa: ""

}

.fa-plug-circle-minus {

  --fa: ""

}

.fa-sign,

.fa-sign-hanging {

  --fa: ""

}

.fa-bezier-curve {

  --fa: ""

}

.fa-bell-slash {

  --fa: ""

}

.fa-tablet,

.fa-tablet-android {

  --fa: ""

}

.fa-school-flag {

  --fa: ""

}

.fa-fill {

  --fa: ""

}

.fa-angle-up {

  --fa: ""

}

.fa-drumstick-bite {

  --fa: ""

}

.fa-holly-berry {

  --fa: ""

}

.fa-chevron-left {

  --fa: ""

}

.fa-bacteria {

  --fa: ""

}

.fa-hand-lizard {

  --fa: ""

}

.fa-notdef {

  --fa: ""

}

.fa-disease {

  --fa: ""

}

.fa-briefcase-medical {

  --fa: ""

}

.fa-genderless {

  --fa: ""

}

.fa-chevron-right {

  --fa: ""

}

.fa-retweet {

  --fa: ""

}

.fa-car-alt,

.fa-car-rear {

  --fa: ""

}

.fa-pump-soap {

  --fa: ""

}

.fa-video-slash {

  --fa: ""

}

.fa-battery-2,

.fa-battery-quarter {

  --fa: ""

}

.fa-radio {

  --fa: ""

}

.fa-baby-carriage,

.fa-carriage-baby {

  --fa: ""

}

.fa-traffic-light {

  --fa: ""

}

.fa-thermometer {

  --fa: ""

}

.fa-vr-cardboard {

  --fa: ""

}

.fa-hand-middle-finger {

  --fa: ""

}

.fa-percent,

.fa-percentage {

  --fa: "%"

}

.fa-truck-moving {

  --fa: ""

}

.fa-glass-water-droplet {

  --fa: ""

}

.fa-display {

  --fa: ""

}

.fa-face-smile,

.fa-smile {

  --fa: ""

}

.fa-thumb-tack,

.fa-thumbtack {

  --fa: ""

}

.fa-trophy {

  --fa: ""

}

.fa-person-praying,

.fa-pray {

  --fa: ""

}

.fa-hammer {

  --fa: ""

}

.fa-hand-peace {

  --fa: ""

}

.fa-rotate,

.fa-sync-alt {

  --fa: ""

}

.fa-spinner {

  --fa: ""

}

.fa-robot {

  --fa: ""

}

.fa-peace {

  --fa: ""

}

.fa-cogs,

.fa-gears {

  --fa: ""

}

.fa-warehouse {

  --fa: ""

}

.fa-arrow-up-right-dots {

  --fa: ""

}

.fa-splotch {

  --fa: ""

}

.fa-face-grin-hearts,

.fa-grin-hearts {

  --fa: ""

}

.fa-dice-four {

  --fa: ""

}

.fa-sim-card {

  --fa: ""

}

.fa-transgender,

.fa-transgender-alt {

  --fa: ""

}

.fa-mercury {

  --fa: ""

}

.fa-arrow-turn-down,

.fa-level-down {

  --fa: ""

}

.fa-person-falling-burst {

  --fa: ""

}

.fa-award {

  --fa: ""

}

.fa-ticket-alt,

.fa-ticket-simple {

  --fa: ""

}

.fa-building {

  --fa: ""

}

.fa-angle-double-left,

.fa-angles-left {

  --fa: ""

}

.fa-qrcode {

  --fa: ""

}

.fa-clock-rotate-left,

.fa-history {

  --fa: ""

}

.fa-face-grin-beam-sweat,

.fa-grin-beam-sweat {

  --fa: ""

}

.fa-arrow-right-from-file,

.fa-file-export {

  --fa: ""

}

.fa-shield,

.fa-shield-blank {

  --fa: ""

}

.fa-arrow-up-short-wide,

.fa-sort-amount-up-alt {

  --fa: ""

}

.fa-comment-nodes {

  --fa: ""

}

.fa-house-medical {

  --fa: ""

}

.fa-golf-ball,

.fa-golf-ball-tee {

  --fa: ""

}

.fa-chevron-circle-left,

.fa-circle-chevron-left {

  --fa: ""

}

.fa-house-chimney-window {

  --fa: ""

}

.fa-pen-nib {

  --fa: ""

}

.fa-tent-arrow-turn-left {

  --fa: ""

}

.fa-tents {

  --fa: ""

}

.fa-magic,

.fa-wand-magic {

  --fa: ""

}

.fa-dog {

  --fa: ""

}

.fa-carrot {

  --fa: ""

}

.fa-moon {

  --fa: ""

}

.fa-wine-glass-alt,

.fa-wine-glass-empty {

  --fa: ""

}

.fa-cheese {

  --fa: ""

}

.fa-yin-yang {

  --fa: ""

}

.fa-music {

  --fa: ""

}

.fa-code-commit {

  --fa: ""

}

.fa-temperature-low {

  --fa: ""

}

.fa-biking,

.fa-person-biking {

  --fa: ""

}

.fa-broom {

  --fa: ""

}

.fa-shield-heart {

  --fa: ""

}

.fa-gopuram {

  --fa: ""

}

.fa-earth-oceania,

.fa-globe-oceania {

  --fa: ""

}

.fa-square-xmark,

.fa-times-square,

.fa-xmark-square {

  --fa: ""

}

.fa-hashtag {

  --fa: "#"

}

.fa-expand-alt,

.fa-up-right-and-down-left-from-center {

  --fa: ""

}

.fa-oil-can {

  --fa: ""

}

.fa-t {

  --fa: "T"

}

.fa-hippo {

  --fa: ""

}

.fa-chart-column {

  --fa: ""

}

.fa-infinity {

  --fa: ""

}

.fa-vial-circle-check {

  --fa: ""

}

.fa-person-arrow-down-to-line {

  --fa: ""

}

.fa-voicemail {

  --fa: ""

}

.fa-fan {

  --fa: ""

}

.fa-person-walking-luggage {

  --fa: ""

}

.fa-arrows-alt-v,

.fa-up-down {

  --fa: ""

}

.fa-cloud-moon-rain {

  --fa: ""

}

.fa-calendar {

  --fa: ""

}

.fa-trailer {

  --fa: ""

}

.fa-bahai,

.fa-haykal {

  --fa: ""

}

.fa-sd-card {

  --fa: ""

}

.fa-dragon {

  --fa: ""

}

.fa-shoe-prints {

  --fa: ""

}

.fa-circle-plus,

.fa-plus-circle {

  --fa: ""

}

.fa-face-grin-tongue-wink,

.fa-grin-tongue-wink {

  --fa: ""

}

.fa-hand-holding {

  --fa: ""

}

.fa-plug-circle-exclamation {

  --fa: ""

}

.fa-chain-broken,

.fa-chain-slash,

.fa-link-slash,

.fa-unlink {

  --fa: ""

}

.fa-clone {

  --fa: ""

}

.fa-person-walking-arrow-loop-left {

  --fa: ""

}

.fa-arrow-up-z-a,

.fa-sort-alpha-up-alt {

  --fa: ""

}

.fa-fire-alt,

.fa-fire-flame-curved {

  --fa: ""

}

.fa-tornado {

  --fa: ""

}

.fa-file-circle-plus {

  --fa: ""

}

.fa-book-quran,

.fa-quran {

  --fa: ""

}

.fa-anchor {

  --fa: ""

}

.fa-border-all {

  --fa: ""

}

.fa-angry,

.fa-face-angry {

  --fa: ""

}

.fa-cookie-bite {

  --fa: ""

}

.fa-arrow-trend-down {

  --fa: ""

}

.fa-feed,

.fa-rss {

  --fa: ""

}

.fa-draw-polygon {

  --fa: ""

}

.fa-balance-scale,

.fa-scale-balanced {

  --fa: ""

}

.fa-gauge-simple-high,

.fa-tachometer,

.fa-tachometer-fast {

  --fa: ""

}

.fa-shower {

  --fa: ""

}

.fa-desktop,

.fa-desktop-alt {

  --fa: ""

}

.fa-m {

  --fa: "M"

}

.fa-table-list,

.fa-th-list {

  --fa: ""

}

.fa-comment-sms,

.fa-sms {

  --fa: ""

}

.fa-book {

  --fa: ""

}

.fa-user-plus {

  --fa: ""

}

.fa-check {

  --fa: ""

}

.fa-battery-4,

.fa-battery-three-quarters {

  --fa: ""

}

.fa-house-circle-check {

  --fa: ""

}

.fa-angle-left {

  --fa: ""

}

.fa-diagram-successor {

  --fa: ""

}

.fa-truck-arrow-right {

  --fa: ""

}

.fa-arrows-split-up-and-left {

  --fa: ""

}

.fa-fist-raised,

.fa-hand-fist {

  --fa: ""

}

.fa-cloud-moon {

  --fa: ""

}

.fa-briefcase {

  --fa: ""

}

.fa-person-falling {

  --fa: ""

}

.fa-image-portrait,

.fa-portrait {

  --fa: ""

}

.fa-user-tag {

  --fa: ""

}

.fa-rug {

  --fa: ""

}

.fa-earth-europe,

.fa-globe-europe {

  --fa: ""

}

.fa-cart-flatbed-suitcase,

.fa-luggage-cart {

  --fa: ""

}

.fa-rectangle-times,

.fa-rectangle-xmark,

.fa-times-rectangle,

.fa-window-close {

  --fa: ""

}

.fa-baht-sign {

  --fa: ""

}

.fa-book-open {

  --fa: ""

}

.fa-book-journal-whills,

.fa-journal-whills {

  --fa: ""

}

.fa-handcuffs {

  --fa: ""

}

.fa-exclamation-triangle,

.fa-triangle-exclamation,

.fa-warning {

  --fa: ""

}

.fa-database {

  --fa: ""

}

.fa-mail-forward,

.fa-share {

  --fa: ""

}

.fa-bottle-droplet {

  --fa: ""

}

.fa-mask-face {

  --fa: ""

}

.fa-hill-rockslide {

  --fa: ""

}

.fa-exchange-alt,

.fa-right-left {

  --fa: ""

}

.fa-paper-plane {

  --fa: ""

}

.fa-road-circle-exclamation {

  --fa: ""

}

.fa-dungeon {

  --fa: ""

}

.fa-align-right {

  --fa: ""

}

.fa-money-bill-1-wave,

.fa-money-bill-wave-alt {

  --fa: ""

}

.fa-life-ring {

  --fa: ""

}

.fa-hands,

.fa-sign-language,

.fa-signing {

  --fa: ""

}

.fa-calendar-day {

  --fa: ""

}

.fa-ladder-water,

.fa-swimming-pool,

.fa-water-ladder {

  --fa: ""

}

.fa-arrows-up-down,

.fa-arrows-v {

  --fa: ""

}

.fa-face-grimace,

.fa-grimace {

  --fa: ""

}

.fa-wheelchair-alt,

.fa-wheelchair-move {

  --fa: ""

}

.fa-level-down-alt,

.fa-turn-down {

  --fa: ""

}

.fa-person-walking-arrow-right {

  --fa: ""

}

.fa-envelope-square,

.fa-square-envelope {

  --fa: ""

}

.fa-dice {

  --fa: ""

}

.fa-bowling-ball {

  --fa: ""

}

.fa-brain {

  --fa: ""

}

.fa-band-aid,

.fa-bandage {

  --fa: ""

}

.fa-calendar-minus {

  --fa: ""

}

.fa-circle-xmark,

.fa-times-circle,

.fa-xmark-circle {

  --fa: ""

}

.fa-gifts {

  --fa: ""

}

.fa-hotel {

  --fa: ""

}

.fa-earth-asia,

.fa-globe-asia {

  --fa: ""

}

.fa-id-card-alt,

.fa-id-card-clip {

  --fa: ""

}

.fa-magnifying-glass-plus,

.fa-search-plus {

  --fa: ""

}

.fa-thumbs-up {

  --fa: ""

}

.fa-user-clock {

  --fa: ""

}

.fa-allergies,

.fa-hand-dots {

  --fa: ""

}

.fa-file-invoice {

  --fa: ""

}

.fa-window-minimize {

  --fa: ""

}

.fa-coffee,

.fa-mug-saucer {

  --fa: ""

}

.fa-brush {

  --fa: ""

}

.fa-file-half-dashed {

  --fa: ""

}

.fa-mask {

  --fa: ""

}

.fa-magnifying-glass-minus,

.fa-search-minus {

  --fa: ""

}

.fa-ruler-vertical {

  --fa: ""

}

.fa-user-alt,

.fa-user-large {

  --fa: ""

}

.fa-train-tram {

  --fa: ""

}

.fa-user-nurse {

  --fa: ""

}

.fa-syringe {

  --fa: ""

}

.fa-cloud-sun {

  --fa: ""

}

.fa-stopwatch-20 {

  --fa: ""

}

.fa-square-full {

  --fa: ""

}

.fa-magnet {

  --fa: ""

}

.fa-jar {

  --fa: ""

}

.fa-note-sticky,

.fa-sticky-note {

  --fa: ""

}

.fa-bug-slash {

  --fa: ""

}

.fa-arrow-up-from-water-pump {

  --fa: ""

}

.fa-bone {

  --fa: ""

}

.fa-table-cells-row-unlock {

  --fa: ""

}

.fa-user-injured {

  --fa: ""

}

.fa-face-sad-tear,

.fa-sad-tear {

  --fa: ""

}

.fa-plane {

  --fa: ""

}

.fa-tent-arrows-down {

  --fa: ""

}

.fa-exclamation {

  --fa: "!"

}

.fa-arrows-spin {

  --fa: ""

}

.fa-print {

  --fa: ""

}

.fa-try,

.fa-turkish-lira,

.fa-turkish-lira-sign {

  --fa: ""

}

.fa-dollar,

.fa-dollar-sign,

.fa-usd {

  --fa: "$"

}

.fa-x {

  --fa: "X"

}

.fa-magnifying-glass-dollar,

.fa-search-dollar {

  --fa: ""

}

.fa-users-cog,

.fa-users-gear {

  --fa: ""

}

.fa-person-military-pointing {

  --fa: ""

}

.fa-bank,

.fa-building-columns,

.fa-institution,

.fa-museum,

.fa-university {

  --fa: ""

}

.fa-umbrella {

  --fa: ""

}

.fa-trowel {

  --fa: ""

}

.fa-d {

  --fa: "D"

}

.fa-stapler {

  --fa: ""

}

.fa-masks-theater,

.fa-theater-masks {

  --fa: ""

}

.fa-kip-sign {

  --fa: ""

}

.fa-hand-point-left {

  --fa: ""

}

.fa-handshake-alt,

.fa-handshake-simple {

  --fa: ""

}

.fa-fighter-jet,

.fa-jet-fighter {

  --fa: ""

}

.fa-share-alt-square,

.fa-square-share-nodes {

  --fa: ""

}

.fa-barcode {

  --fa: ""

}

.fa-plus-minus {

  --fa: ""

}

.fa-video,

.fa-video-camera {

  --fa: ""

}

.fa-graduation-cap,

.fa-mortar-board {

  --fa: ""

}

.fa-hand-holding-medical {

  --fa: ""

}

.fa-person-circle-check {

  --fa: ""

}

.fa-level-up-alt,

.fa-turn-up {

  --fa: ""

}

.fa-sr-only,

.fa-sr-only-focusable:not(:focus) {

  clip: rect(0,0,0,0);

  white-space: nowrap;

  border-width: 0;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  position: absolute;

  overflow: hidden

}

.fa.fa-glass {

  --fa: ""

}

.fa.fa-envelope-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-star-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-close,

.fa.fa-remove {

  --fa: ""

}

.fa.fa-gear {

  --fa: ""

}

.fa.fa-trash-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-home {

  --fa: ""

}

.fa.fa-file-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-clock-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-arrow-circle-o-down {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-arrow-circle-o-up {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-play-circle-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-repeat,

.fa.fa-rotate-right {

  --fa: ""

}

.fa.fa-refresh {

  --fa: ""

}

.fa.fa-list-alt {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-dedent {

  --fa: ""

}

.fa.fa-video-camera {

  --fa: ""

}

.fa.fa-image,

.fa.fa-photo,

.fa.fa-picture-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-map-marker {

  --fa: ""

}

.fa.fa-edit,

.fa.fa-pencil-square-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-share-square-o {

  --fa: ""

}

.fa.fa-check-square-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-arrows {

  --fa: ""

}

.fa.fa-times-circle-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-check-circle-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-mail-forward {

  --fa: ""

}

.fa.fa-expand {

  --fa: ""

}

.fa.fa-compress {

  --fa: ""

}

.fa.fa-eye,

.fa.fa-eye-slash {

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-warning {

  --fa: ""

}

.fa.fa-calendar {

  --fa: ""

}

.fa.fa-arrows-v {

  --fa: ""

}

.fa.fa-arrows-h {

  --fa: ""

}

.fa.fa-bar-chart,

.fa.fa-bar-chart-o {

  --fa: ""

}

.fa.fa-twitter-square {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-facebook-square {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-gears {

  --fa: ""

}

.fa.fa-thumbs-o-up {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-thumbs-o-down {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-heart-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-sign-out {

  --fa: ""

}

.fa.fa-linkedin-square {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-thumb-tack {

  --fa: ""

}

.fa.fa-external-link {

  --fa: ""

}

.fa.fa-sign-in {

  --fa: ""

}

.fa.fa-github-square {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-lemon-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-square-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-bookmark-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-facebook,

.fa.fa-twitter {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-facebook {

  --fa: ""

}

.fa.fa-facebook-f {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-github {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-credit-card {

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-feed {

  --fa: ""

}

.fa.fa-hdd-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-hand-o-right {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-hand-o-left {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-hand-o-up {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-hand-o-down {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-globe {

  --fa: ""

}

.fa.fa-tasks {

  --fa: ""

}

.fa.fa-arrows-alt {

  --fa: ""

}

.fa.fa-group {

  --fa: ""

}

.fa.fa-chain {

  --fa: ""

}

.fa.fa-cut {

  --fa: ""

}

.fa.fa-files-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-floppy-o,

.fa.fa-save {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-navicon,

.fa.fa-reorder {

  --fa: ""

}

.fa.fa-magic {

  --fa: ""

}

.fa.fa-pinterest,

.fa.fa-pinterest-square {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-pinterest-square {

  --fa: ""

}

.fa.fa-google-plus-square {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-google-plus {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-money {

  --fa: ""

}

.fa.fa-unsorted {

  --fa: ""

}

.fa.fa-sort-desc {

  --fa: ""

}

.fa.fa-sort-asc {

  --fa: ""

}

.fa.fa-linkedin {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-rotate-left {

  --fa: ""

}

.fa.fa-legal {

  --fa: ""

}

.fa.fa-dashboard,

.fa.fa-tachometer {

  --fa: ""

}

.fa.fa-comment-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-comments-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-flash {

  --fa: ""

}

.fa.fa-clipboard {

  --fa: ""

}

.fa.fa-lightbulb-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-exchange {

  --fa: ""

}

.fa.fa-cloud-download {

  --fa: ""

}

.fa.fa-cloud-upload {

  --fa: ""

}

.fa.fa-bell-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-cutlery {

  --fa: ""

}

.fa.fa-file-text-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-building-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-hospital-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-tablet {

  --fa: ""

}

.fa.fa-mobile,

.fa.fa-mobile-phone {

  --fa: ""

}

.fa.fa-circle-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-mail-reply {

  --fa: ""

}

.fa.fa-github-alt {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-folder-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-folder-open-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-smile-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-frown-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-meh-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-keyboard-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-flag-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-mail-reply-all {

  --fa: ""

}

.fa.fa-star-half-empty,

.fa.fa-star-half-full,

.fa.fa-star-half-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-code-fork {

  --fa: ""

}

.fa.fa-chain-broken,

.fa.fa-unlink {

  --fa: ""

}

.fa.fa-calendar-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-css3,

.fa.fa-html5,

.fa.fa-maxcdn {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-unlock-alt {

  --fa: ""

}

.fa.fa-minus-square-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-level-up {

  --fa: ""

}

.fa.fa-level-down {

  --fa: ""

}

.fa.fa-pencil-square {

  --fa: ""

}

.fa.fa-external-link-square {

  --fa: ""

}

.fa.fa-caret-square-o-down,

.fa.fa-compass {

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-caret-square-o-down {

  --fa: ""

}

.fa.fa-toggle-down {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-caret-square-o-up,

.fa.fa-toggle-up {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-caret-square-o-right,

.fa.fa-toggle-right {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-eur,

.fa.fa-euro {

  --fa: ""

}

.fa.fa-gbp {

  --fa: ""

}

.fa.fa-dollar,

.fa.fa-usd {

  --fa: "$"

}

.fa.fa-inr,

.fa.fa-rupee {

  --fa: ""

}

.fa.fa-cny,

.fa.fa-jpy,

.fa.fa-rmb,

.fa.fa-yen {

  --fa: ""

}

.fa.fa-rouble,

.fa.fa-rub,

.fa.fa-ruble {

  --fa: ""

}

.fa.fa-krw,

.fa.fa-won {

  --fa: ""

}

.fa.fa-bitcoin,

.fa.fa-btc {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-bitcoin {

  --fa: ""

}

.fa.fa-file-text {

  --fa: ""

}

.fa.fa-sort-alpha-asc {

  --fa: ""

}

.fa.fa-sort-alpha-desc {

  --fa: ""

}

.fa.fa-sort-amount-asc {

  --fa: ""

}

.fa.fa-sort-amount-desc {

  --fa: ""

}

.fa.fa-sort-numeric-asc {

  --fa: ""

}

.fa.fa-sort-numeric-desc {

  --fa: ""

}

.fa.fa-youtube-square {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-xing,

.fa.fa-xing-square,

.fa.fa-youtube {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-xing-square {

  --fa: ""

}

.fa.fa-youtube-play {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-adn,

.fa.fa-bitbucket,

.fa.fa-bitbucket-square,

.fa.fa-dropbox,

.fa.fa-flickr,

.fa.fa-instagram,

.fa.fa-stack-overflow {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-bitbucket-square {

  --fa: ""

}

.fa.fa-tumblr,

.fa.fa-tumblr-square {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-tumblr-square {

  --fa: ""

}

.fa.fa-long-arrow-down {

  --fa: ""

}

.fa.fa-long-arrow-up {

  --fa: ""

}

.fa.fa-long-arrow-left {

  --fa: ""

}

.fa.fa-long-arrow-right {

  --fa: ""

}

.fa.fa-android,

.fa.fa-apple,

.fa.fa-dribbble,

.fa.fa-foursquare,

.fa.fa-gittip,

.fa.fa-gratipay,

.fa.fa-linux,

.fa.fa-skype,

.fa.fa-trello,

.fa.fa-windows {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-gittip {

  --fa: ""

}

.fa.fa-sun-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-moon-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-pagelines,

.fa.fa-renren,

.fa.fa-stack-exchange,

.fa.fa-vk,

.fa.fa-weibo {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-arrow-circle-o-right {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-arrow-circle-o-left {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-caret-square-o-left,

.fa.fa-toggle-left {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-dot-circle-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-vimeo-square {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-try,

.fa.fa-turkish-lira {

  --fa: ""

}

.fa.fa-plus-square-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-openid,

.fa.fa-slack,

.fa.fa-wordpress {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-bank,

.fa.fa-institution {

  --fa: ""

}

.fa.fa-mortar-board {

  --fa: ""

}

.fa.fa-google,

.fa.fa-reddit,

.fa.fa-reddit-square,

.fa.fa-yahoo {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-reddit-square {

  --fa: ""

}

.fa.fa-behance,

.fa.fa-behance-square,

.fa.fa-delicious,

.fa.fa-digg,

.fa.fa-drupal,

.fa.fa-joomla,

.fa.fa-pied-piper-alt,

.fa.fa-pied-piper-pp,

.fa.fa-stumbleupon,

.fa.fa-stumbleupon-circle {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-behance-square {

  --fa: ""

}

.fa.fa-steam,

.fa.fa-steam-square {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-steam-square {

  --fa: ""

}

.fa.fa-automobile {

  --fa: ""

}

.fa.fa-cab {

  --fa: ""

}

.fa.fa-deviantart,

.fa.fa-soundcloud,

.fa.fa-spotify {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-file-pdf-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-file-word-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-file-excel-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-file-powerpoint-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-file-image-o,

.fa.fa-file-photo-o,

.fa.fa-file-picture-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-file-archive-o,

.fa.fa-file-zip-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-file-audio-o,

.fa.fa-file-sound-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-file-movie-o,

.fa.fa-file-video-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-file-code-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-codepen,

.fa.fa-jsfiddle,

.fa.fa-vine {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-life-bouy,

.fa.fa-life-buoy,

.fa.fa-life-saver,

.fa.fa-support {

  --fa: ""

}

.fa.fa-circle-o-notch {

  --fa: ""

}

.fa.fa-ra,

.fa.fa-rebel {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-ra {

  --fa: ""

}

.fa.fa-resistance {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-empire,

.fa.fa-ge {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-ge {

  --fa: ""

}

.fa.fa-git-square {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-git,

.fa.fa-hacker-news,

.fa.fa-y-combinator-square {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-y-combinator-square {

  --fa: ""

}

.fa.fa-yc-square {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-qq,

.fa.fa-tencent-weibo,

.fa.fa-wechat,

.fa.fa-weixin {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-wechat {

  --fa: ""

}

.fa.fa-send {

  --fa: ""

}

.fa.fa-paper-plane-o,

.fa.fa-send-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-circle-thin {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-header {

  --fa: ""

}

.fa.fa-futbol-o,

.fa.fa-soccer-ball-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-slideshare,

.fa.fa-twitch,

.fa.fa-yelp {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-newspaper-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-cc-amex,

.fa.fa-cc-discover,

.fa.fa-cc-mastercard,

.fa.fa-cc-paypal,

.fa.fa-cc-stripe,

.fa.fa-cc-visa,

.fa.fa-google-wallet,

.fa.fa-paypal {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-bell-slash-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-trash {

  --fa: ""

}

.fa.fa-copyright {

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-eyedropper {

  --fa: ""

}

.fa.fa-area-chart {

  --fa: ""

}

.fa.fa-pie-chart {

  --fa: ""

}

.fa.fa-line-chart {

  --fa: ""

}

.fa.fa-lastfm,

.fa.fa-lastfm-square {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-lastfm-square {

  --fa: ""

}

.fa.fa-angellist,

.fa.fa-ioxhost {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-cc {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-ils,

.fa.fa-shekel,

.fa.fa-sheqel {

  --fa: ""

}

.fa.fa-buysellads,

.fa.fa-connectdevelop,

.fa.fa-dashcube,

.fa.fa-forumbee,

.fa.fa-leanpub,

.fa.fa-sellsy,

.fa.fa-shirtsinbulk,

.fa.fa-simplybuilt,

.fa.fa-skyatlas {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-diamond {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-intersex,

.fa.fa-transgender {

  --fa: ""

}

.fa.fa-transgender-alt {

  --fa: ""

}

.fa.fa-facebook-official {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-pinterest-p,

.fa.fa-whatsapp {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-hotel {

  --fa: ""

}

.fa.fa-medium,

.fa.fa-viacoin,

.fa.fa-y-combinator,

.fa.fa-yc {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-yc {

  --fa: ""

}

.fa.fa-expeditedssl,

.fa.fa-opencart,

.fa.fa-optin-monster {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-battery,

.fa.fa-battery-4 {

  --fa: ""

}

.fa.fa-battery-3 {

  --fa: ""

}

.fa.fa-battery-2 {

  --fa: ""

}

.fa.fa-battery-1 {

  --fa: ""

}

.fa.fa-battery-0 {

  --fa: ""

}

.fa.fa-object-group,

.fa.fa-object-ungroup,

.fa.fa-sticky-note-o {

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-sticky-note-o {

  --fa: ""

}

.fa.fa-cc-diners-club,

.fa.fa-cc-jcb {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-clone {

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-hourglass-o {

  --fa: ""

}

.fa.fa-hourglass-1 {

  --fa: ""

}

.fa.fa-hourglass-2 {

  --fa: ""

}

.fa.fa-hourglass-3 {

  --fa: ""

}

.fa.fa-hand-grab-o,

.fa.fa-hand-rock-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-hand-paper-o,

.fa.fa-hand-stop-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-hand-scissors-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-hand-lizard-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-hand-spock-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-hand-pointer-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-hand-peace-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-registered {

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-creative-commons,

.fa.fa-gg,

.fa.fa-gg-circle,

.fa.fa-odnoklassniki,

.fa.fa-odnoklassniki-square {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-odnoklassniki-square {

  --fa: ""

}

.fa.fa-chrome,

.fa.fa-firefox,

.fa.fa-get-pocket,

.fa.fa-internet-explorer,

.fa.fa-opera,

.fa.fa-safari,

.fa.fa-wikipedia-w {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-television {

  --fa: ""

}

.fa.fa-500px,

.fa.fa-amazon,

.fa.fa-contao {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-calendar-plus-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-calendar-minus-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-calendar-times-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-calendar-check-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-map-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-commenting {

  --fa: ""

}

.fa.fa-commenting-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-houzz,

.fa.fa-vimeo {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-vimeo {

  --fa: ""

}

.fa.fa-black-tie,

.fa.fa-edge,

.fa.fa-fonticons,

.fa.fa-reddit-alien {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-credit-card-alt {

  --fa: ""

}

.fa.fa-codiepie,

.fa.fa-fort-awesome,

.fa.fa-mixcloud,

.fa.fa-modx,

.fa.fa-product-hunt,

.fa.fa-scribd,

.fa.fa-usb {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-pause-circle-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-stop-circle-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-bluetooth,

.fa.fa-bluetooth-b,

.fa.fa-envira,

.fa.fa-gitlab,

.fa.fa-wheelchair-alt,

.fa.fa-wpbeginner,

.fa.fa-wpforms {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-wheelchair-alt {

  --fa: ""

}

.fa.fa-question-circle-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-volume-control-phone {

  --fa: ""

}

.fa.fa-asl-interpreting {

  --fa: ""

}

.fa.fa-deafness,

.fa.fa-hard-of-hearing {

  --fa: ""

}

.fa.fa-glide,

.fa.fa-glide-g {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-signing {

  --fa: ""

}

.fa.fa-viadeo,

.fa.fa-viadeo-square {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-viadeo-square {

  --fa: ""

}

.fa.fa-snapchat,

.fa.fa-snapchat-ghost {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-snapchat-ghost {

  --fa: ""

}

.fa.fa-snapchat-square {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-first-order,

.fa.fa-google-plus-official,

.fa.fa-pied-piper,

.fa.fa-themeisle,

.fa.fa-yoast {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-google-plus-official {

  --fa: ""

}

.fa.fa-google-plus-circle {

  --fa: "";

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-fa,

.fa.fa-font-awesome {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-fa {

  --fa: ""

}

.fa.fa-handshake-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-envelope-open-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-linode {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-address-book-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-vcard {

  --fa: ""

}

.fa.fa-address-card-o,

.fa.fa-vcard-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-user-circle-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-user-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-id-badge {

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-drivers-license {

  --fa: ""

}

.fa.fa-drivers-license-o,

.fa.fa-id-card-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-free-code-camp,

.fa.fa-quora,

.fa.fa-telegram {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-thermometer,

.fa.fa-thermometer-4 {

  --fa: ""

}

.fa.fa-thermometer-3 {

  --fa: ""

}

.fa.fa-thermometer-2 {

  --fa: ""

}

.fa.fa-thermometer-1 {

  --fa: ""

}

.fa.fa-thermometer-0 {

  --fa: ""

}

.fa.fa-bathtub,

.fa.fa-s15 {

  --fa: ""

}

.fa.fa-window-maximize,

.fa.fa-window-restore {

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-times-rectangle {

  --fa: ""

}

.fa.fa-times-rectangle-o,

.fa.fa-window-close-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-bandcamp,

.fa.fa-eercast,

.fa.fa-etsy,

.fa.fa-grav,

.fa.fa-imdb,

.fa.fa-ravelry {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa.fa-eercast {

  --fa: ""

}

.fa.fa-snowflake-o {

  --fa: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 400

}

.fa.fa-meetup,

.fa.fa-superpowers,

.fa.fa-wpexplorer {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

:host,

:root {

  --fa-style-family-classic: "Font Awesome 6 Free";

  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";

  --fa-style-family-classic: "Font Awesome 6 Free";

  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";

  --fa-style-family-brands: "Font Awesome 6 Brands";

  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"

}

@font-face {

  font-family: "Font Awesome 6 Free";

  font-style: normal;

  font-weight: 400;

  font-display: block;

  src: url("../../../../vendor/fontawesome-free/webfonts/fa-regular-400.woff2") format("woff2"),url("../../../../vendor/fontawesome-free/webfonts/fa-regular-400.ttf") format("truetype")

}

.fa-regular,

.far {

  font-weight: 400

}

@font-face {

  font-family: "Font Awesome 6 Free";

  font-style: normal;

  font-weight: 900;

  font-display: block;

  src: url("../../../../vendor/fontawesome-free/webfonts/fa-solid-900.woff2") format("woff2"),url("../../../../vendor/fontawesome-free/webfonts/fa-solid-900.ttf") format("truetype")

}

.fa-solid,

.fas,

[class*=" icon-"],

[class^=icon-] {

  font-weight: 900

}

@font-face {

  font-family: "Font Awesome 6 Brands";

  font-style: normal;

  font-weight: 400;

  font-display: block;

  src: url("../../../../vendor/fontawesome-free/webfonts/fa-brands-400.woff2") format("woff2"),url("../../../../vendor/fontawesome-free/webfonts/fa-brands-400.ttf") format("truetype")

}

.fa-brands,

.fab {

  font-family: "Font Awesome 6 Brands";

  font-weight: 400

}

.fa-monero {

  --fa: ""

}

.fa-hooli {

  --fa: ""

}

.fa-yelp {

  --fa: ""

}

.fa-cc-visa {

  --fa: ""

}

.fa-lastfm {

  --fa: ""

}

.fa-shopware {

  --fa: ""

}

.fa-creative-commons-nc {

  --fa: ""

}

.fa-aws {

  --fa: ""

}

.fa-redhat {

  --fa: ""

}

.fa-yoast {

  --fa: ""

}

.fa-cloudflare {

  --fa: ""

}

.fa-ups {

  --fa: ""

}

.fa-pixiv {

  --fa: ""

}

.fa-wpexplorer {

  --fa: ""

}

.fa-dyalog {

  --fa: ""

}

.fa-bity {

  --fa: ""

}

.fa-stackpath {

  --fa: ""

}

.fa-buysellads {

  --fa: ""

}

.fa-first-order {

  --fa: ""

}

.fa-modx {

  --fa: ""

}

.fa-guilded {

  --fa: ""

}

.fa-vnv {

  --fa: ""

}

.fa-js-square,

.fa-square-js {

  --fa: ""

}

.fa-microsoft {

  --fa: ""

}

.fa-qq {

  --fa: ""

}

.fa-orcid {

  --fa: ""

}

.fa-java {

  --fa: ""

}

.fa-invision {

  --fa: ""

}

.fa-creative-commons-pd-alt {

  --fa: ""

}

.fa-centercode {

  --fa: ""

}

.fa-glide-g {

  --fa: ""

}

.fa-drupal {

  --fa: ""

}

.fa-jxl {

  --fa: ""

}

.fa-dart-lang {

  --fa: ""

}

.fa-hire-a-helper {

  --fa: ""

}

.fa-creative-commons-by {

  --fa: ""

}

.fa-unity {

  --fa: ""

}

.fa-whmcs {

  --fa: ""

}

.fa-rocketchat {

  --fa: ""

}

.fa-vk {

  --fa: ""

}

.fa-untappd {

  --fa: ""

}

.fa-mailchimp {

  --fa: ""

}

.fa-css3-alt {

  --fa: ""

}

.fa-reddit-square,

.fa-square-reddit {

  --fa: ""

}

.fa-vimeo-v {

  --fa: ""

}

.fa-contao {

  --fa: ""

}

.fa-square-font-awesome {

  --fa: ""

}

.fa-deskpro {

  --fa: ""

}

.fa-brave {

  --fa: ""

}

.fa-sistrix {

  --fa: ""

}

.fa-instagram-square,

.fa-square-instagram {

  --fa: ""

}

.fa-battle-net {

  --fa: ""

}

.fa-the-red-yeti {

  --fa: ""

}

.fa-hacker-news-square,

.fa-square-hacker-news {

  --fa: ""

}

.fa-edge {

  --fa: ""

}

.fa-threads {

  --fa: ""

}

.fa-napster {

  --fa: ""

}

.fa-snapchat-square,

.fa-square-snapchat {

  --fa: ""

}

.fa-google-plus-g {

  --fa: ""

}

.fa-artstation {

  --fa: ""

}

.fa-markdown {

  --fa: ""

}

.fa-sourcetree {

  --fa: ""

}

.fa-google-plus {

  --fa: ""

}

.fa-diaspora {

  --fa: ""

}

.fa-foursquare {

  --fa: ""

}

.fa-stack-overflow {

  --fa: ""

}

.fa-github-alt {

  --fa: ""

}

.fa-phoenix-squadron {

  --fa: ""

}

.fa-pagelines {

  --fa: ""

}

.fa-algolia {

  --fa: ""

}

.fa-red-river {

  --fa: ""

}

.fa-creative-commons-sa {

  --fa: ""

}

.fa-safari {

  --fa: ""

}

.fa-google {

  --fa: ""

}

.fa-font-awesome-alt,

.fa-square-font-awesome-stroke {

  --fa: ""

}

.fa-atlassian {

  --fa: ""

}

.fa-linkedin-in {

  --fa: ""

}

.fa-digital-ocean {

  --fa: ""

}

.fa-nimblr {

  --fa: ""

}

.fa-chromecast {

  --fa: ""

}

.fa-evernote {

  --fa: ""

}

.fa-hacker-news {

  --fa: ""

}

.fa-creative-commons-sampling {

  --fa: ""

}

.fa-adversal {

  --fa: ""

}

.fa-creative-commons {

  --fa: ""

}

.fa-watchman-monitoring {

  --fa: ""

}

.fa-fonticons {

  --fa: ""

}

.fa-weixin {

  --fa: ""

}

.fa-shirtsinbulk {

  --fa: ""

}

.fa-codepen {

  --fa: ""

}

.fa-git-alt {

  --fa: ""

}

.fa-lyft {

  --fa: ""

}

.fa-rev {

  --fa: ""

}

.fa-windows {

  --fa: ""

}

.fa-wizards-of-the-coast {

  --fa: ""

}

.fa-square-viadeo,

.fa-viadeo-square {

  --fa: ""

}

.fa-meetup {

  --fa: ""

}

.fa-centos {

  --fa: ""

}

.fa-adn {

  --fa: ""

}

.fa-cloudsmith {

  --fa: ""

}

.fa-opensuse {

  --fa: ""

}

.fa-pied-piper-alt {

  --fa: ""

}

.fa-dribbble-square,

.fa-square-dribbble {

  --fa: ""

}

.fa-codiepie {

  --fa: ""

}

.fa-node {

  --fa: ""

}

.fa-mix {

  --fa: ""

}

.fa-steam {

  --fa: ""

}

.fa-cc-apple-pay {

  --fa: ""

}

.fa-scribd {

  --fa: ""

}

.fa-debian {

  --fa: ""

}

.fa-openid {

  --fa: ""

}

.fa-instalod {

  --fa: ""

}

.fa-files-pinwheel {

  --fa: ""

}

.fa-expeditedssl {

  --fa: ""

}

.fa-sellcast {

  --fa: ""

}

.fa-square-twitter,

.fa-twitter-square {

  --fa: ""

}

.fa-r-project {

  --fa: ""

}

.fa-delicious {

  --fa: ""

}

.fa-freebsd {

  --fa: ""

}

.fa-vuejs {

  --fa: ""

}

.fa-accusoft {

  --fa: ""

}

.fa-ioxhost {

  --fa: ""

}

.fa-fonticons-fi {

  --fa: ""

}

.fa-app-store {

  --fa: ""

}

.fa-cc-mastercard {

  --fa: ""

}

.fa-itunes-note {

  --fa: ""

}

.fa-golang {

  --fa: ""

}

.fa-kickstarter,

.fa-square-kickstarter {

  --fa: ""

}

.fa-grav {

  --fa: ""

}

.fa-weibo {

  --fa: ""

}

.fa-uncharted {

  --fa: ""

}

.fa-firstdraft {

  --fa: ""

}

.fa-square-youtube,

.fa-youtube-square {

  --fa: ""

}

.fa-wikipedia-w {

  --fa: ""

}

.fa-rendact,

.fa-wpressr {

  --fa: ""

}

.fa-angellist {

  --fa: ""

}

.fa-galactic-republic {

  --fa: ""

}

.fa-nfc-directional {

  --fa: ""

}

.fa-skype {

  --fa: ""

}

.fa-joget {

  --fa: ""

}

.fa-fedora {

  --fa: ""

}

.fa-stripe-s {

  --fa: ""

}

.fa-meta {

  --fa: ""

}

.fa-laravel {

  --fa: ""

}

.fa-hotjar {

  --fa: ""

}

.fa-bluetooth-b {

  --fa: ""

}

.fa-square-letterboxd {

  --fa: ""

}

.fa-sticker-mule {

  --fa: ""

}

.fa-creative-commons-zero {

  --fa: ""

}

.fa-hips {

  --fa: ""

}

.fa-css {

  --fa: ""

}

.fa-behance {

  --fa: ""

}

.fa-reddit {

  --fa: ""

}

.fa-discord {

  --fa: ""

}

.fa-chrome {

  --fa: ""

}

.fa-app-store-ios {

  --fa: ""

}

.fa-cc-discover {

  --fa: ""

}

.fa-wpbeginner {

  --fa: ""

}

.fa-confluence {

  --fa: ""

}

.fa-shoelace {

  --fa: ""

}

.fa-mdb {

  --fa: ""

}

.fa-dochub {

  --fa: ""

}

.fa-accessible-icon {

  --fa: ""

}

.fa-ebay {

  --fa: ""

}

.fa-amazon {

  --fa: ""

}

.fa-unsplash {

  --fa: ""

}

.fa-yarn {

  --fa: ""

}

.fa-square-steam,

.fa-steam-square {

  --fa: ""

}

.fa-500px {

  --fa: ""

}

.fa-square-vimeo,

.fa-vimeo-square {

  --fa: ""

}

.fa-asymmetrik {

  --fa: ""

}

.fa-font-awesome,

.fa-font-awesome-flag,

.fa-font-awesome-logo-full {

  --fa: ""

}

.fa-gratipay {

  --fa: ""

}

.fa-apple {

  --fa: ""

}

.fa-hive {

  --fa: ""

}

.fa-gitkraken {

  --fa: ""

}

.fa-keybase {

  --fa: ""

}

.fa-apple-pay {

  --fa: ""

}

.fa-padlet {

  --fa: ""

}

.fa-amazon-pay {

  --fa: ""

}

.fa-github-square,

.fa-square-github {

  --fa: ""

}

.fa-stumbleupon {

  --fa: ""

}

.fa-fedex {

  --fa: ""

}

.fa-phoenix-framework {

  --fa: ""

}

.fa-shopify {

  --fa: ""

}

.fa-neos {

  --fa: ""

}

.fa-square-threads {

  --fa: ""

}

.fa-hackerrank {

  --fa: ""

}

.fa-researchgate {

  --fa: ""

}

.fa-swift {

  --fa: ""

}

.fa-angular {

  --fa: ""

}

.fa-speakap {

  --fa: ""

}

.fa-angrycreative {

  --fa: ""

}

.fa-y-combinator {

  --fa: ""

}

.fa-empire {

  --fa: ""

}

.fa-envira {

  --fa: ""

}

.fa-google-scholar {

  --fa: ""

}

.fa-gitlab-square,

.fa-square-gitlab {

  --fa: ""

}

.fa-studiovinari {

  --fa: ""

}

.fa-pied-piper {

  --fa: ""

}

.fa-wordpress {

  --fa: ""

}

.fa-product-hunt {

  --fa: ""

}

.fa-firefox {

  --fa: ""

}

.fa-linode {

  --fa: ""

}

.fa-goodreads {

  --fa: ""

}

.fa-odnoklassniki-square,

.fa-square-odnoklassniki {

  --fa: ""

}

.fa-jsfiddle {

  --fa: ""

}

.fa-sith {

  --fa: ""

}

.fa-themeisle {

  --fa: ""

}

.fa-page4 {

  --fa: ""

}

.fa-hashnode {

  --fa: ""

}

.fa-react {

  --fa: ""

}

.fa-cc-paypal {

  --fa: ""

}

.fa-squarespace {

  --fa: ""

}

.fa-cc-stripe {

  --fa: ""

}

.fa-creative-commons-share {

  --fa: ""

}

.fa-bitcoin {

  --fa: ""

}

.fa-keycdn {

  --fa: ""

}

.fa-opera {

  --fa: ""

}

.fa-itch-io {

  --fa: ""

}

.fa-umbraco {

  --fa: ""

}

.fa-galactic-senate {

  --fa: ""

}

.fa-ubuntu {

  --fa: ""

}

.fa-draft2digital {

  --fa: ""

}

.fa-stripe {

  --fa: ""

}

.fa-houzz {

  --fa: ""

}

.fa-gg {

  --fa: ""

}

.fa-dhl {

  --fa: ""

}

.fa-pinterest-square,

.fa-square-pinterest {

  --fa: ""

}

.fa-xing {

  --fa: ""

}

.fa-blackberry {

  --fa: ""

}

.fa-creative-commons-pd {

  --fa: ""

}

.fa-playstation {

  --fa: ""

}

.fa-quinscape {

  --fa: ""

}

.fa-less {

  --fa: ""

}

.fa-blogger-b {

  --fa: ""

}

.fa-opencart {

  --fa: ""

}

.fa-vine {

  --fa: ""

}

.fa-signal-messenger {

  --fa: ""

}

.fa-paypal {

  --fa: ""

}

.fa-gitlab {

  --fa: ""

}

.fa-typo3 {

  --fa: ""

}

.fa-reddit-alien {

  --fa: ""

}

.fa-yahoo {

  --fa: ""

}

.fa-dailymotion {

  --fa: ""

}

.fa-affiliatetheme {

  --fa: ""

}

.fa-pied-piper-pp {

  --fa: ""

}

.fa-bootstrap {

  --fa: ""

}

.fa-odnoklassniki {

  --fa: ""

}

.fa-nfc-symbol {

  --fa: ""

}

.fa-mintbit {

  --fa: ""

}

.fa-ethereum {

  --fa: ""

}

.fa-speaker-deck {

  --fa: ""

}

.fa-creative-commons-nc-eu {

  --fa: ""

}

.fa-patreon {

  --fa: ""

}

.fa-avianex {

  --fa: ""

}

.fa-ello {

  --fa: ""

}

.fa-gofore {

  --fa: ""

}

.fa-bimobject {

  --fa: ""

}

.fa-brave-reverse {

  --fa: ""

}

.fa-facebook-f {

  --fa: ""

}

.fa-google-plus-square,

.fa-square-google-plus {

  --fa: ""

}

.fa-web-awesome {

  --fa: ""

}

.fa-mandalorian {

  --fa: ""

}

.fa-first-order-alt {

  --fa: ""

}

.fa-osi {

  --fa: ""

}

.fa-google-wallet {

  --fa: ""

}

.fa-d-and-d-beyond {

  --fa: ""

}

.fa-periscope {

  --fa: ""

}

.fa-fulcrum {

  --fa: ""

}

.fa-cloudscale {

  --fa: ""

}

.fa-forumbee {

  --fa: ""

}

.fa-mizuni {

  --fa: ""

}

.fa-schlix {

  --fa: ""

}

.fa-square-xing,

.fa-xing-square {

  --fa: ""

}

.fa-bandcamp {

  --fa: ""

}

.fa-wpforms {

  --fa: ""

}

.fa-cloudversify {

  --fa: ""

}

.fa-usps {

  --fa: ""

}

.fa-megaport {

  --fa: ""

}

.fa-magento {

  --fa: ""

}

.fa-spotify {

  --fa: ""

}

.fa-optin-monster {

  --fa: ""

}

.fa-fly {

  --fa: ""

}

.fa-square-bluesky {

  --fa: ""

}

.fa-aviato {

  --fa: ""

}

.fa-itunes {

  --fa: ""

}

.fa-cuttlefish {

  --fa: ""

}

.fa-blogger {

  --fa: ""

}

.fa-flickr {

  --fa: ""

}

.fa-viber {

  --fa: ""

}

.fa-soundcloud {

  --fa: ""

}

.fa-digg {

  --fa: ""

}

.fa-tencent-weibo {

  --fa: ""

}

.fa-letterboxd {

  --fa: ""

}

.fa-symfony {

  --fa: ""

}

.fa-maxcdn {

  --fa: ""

}

.fa-etsy {

  --fa: ""

}

.fa-facebook-messenger {

  --fa: ""

}

.fa-audible {

  --fa: ""

}

.fa-think-peaks {

  --fa: ""

}

.fa-bilibili {

  --fa: ""

}

.fa-erlang {

  --fa: ""

}

.fa-x-twitter {

  --fa: ""

}

.fa-cotton-bureau {

  --fa: ""

}

.fa-dashcube {

  --fa: ""

}

.fa-42-group,

.fa-innosoft {

  --fa: ""

}

.fa-stack-exchange {

  --fa: ""

}

.fa-elementor {

  --fa: ""

}

.fa-pied-piper-square,

.fa-square-pied-piper {

  --fa: ""

}

.fa-creative-commons-nd {

  --fa: ""

}

.fa-palfed {

  --fa: ""

}

.fa-superpowers {

  --fa: ""

}

.fa-resolving {

  --fa: ""

}

.fa-xbox {

  --fa: ""

}

.fa-square-web-awesome-stroke {

  --fa: ""

}

.fa-searchengin {

  --fa: ""

}

.fa-tiktok {

  --fa: ""

}

.fa-facebook-square,

.fa-square-facebook {

  --fa: ""

}

.fa-renren {

  --fa: ""

}

.fa-linux {

  --fa: ""

}

.fa-glide {

  --fa: ""

}

.fa-linkedin {

  --fa: ""

}

.fa-hubspot {

  --fa: ""

}

.fa-deploydog {

  --fa: ""

}

.fa-twitch {

  --fa: ""

}

.fa-flutter {

  --fa: ""

}

.fa-ravelry {

  --fa: ""

}

.fa-mixer {

  --fa: ""

}

.fa-lastfm-square,

.fa-square-lastfm {

  --fa: ""

}

.fa-vimeo {

  --fa: ""

}

.fa-mendeley {

  --fa: ""

}

.fa-uniregistry {

  --fa: ""

}

.fa-figma {

  --fa: ""

}

.fa-creative-commons-remix {

  --fa: ""

}

.fa-cc-amazon-pay {

  --fa: ""

}

.fa-dropbox {

  --fa: ""

}

.fa-instagram {

  --fa: ""

}

.fa-cmplid {

  --fa: ""

}

.fa-upwork {

  --fa: ""

}

.fa-facebook {

  --fa: ""

}

.fa-gripfire {

  --fa: ""

}

.fa-jedi-order {

  --fa: ""

}

.fa-uikit {

  --fa: ""

}

.fa-fort-awesome-alt {

  --fa: ""

}

.fa-phabricator {

  --fa: ""

}

.fa-ussunnah {

  --fa: ""

}

.fa-earlybirds {

  --fa: ""

}

.fa-trade-federation {

  --fa: ""

}

.fa-autoprefixer {

  --fa: ""

}

.fa-whatsapp {

  --fa: ""

}

.fa-square-upwork {

  --fa: ""

}

.fa-slideshare {

  --fa: ""

}

.fa-google-play {

  --fa: ""

}

.fa-viadeo {

  --fa: ""

}

.fa-line {

  --fa: ""

}

.fa-google-drive {

  --fa: ""

}

.fa-servicestack {

  --fa: ""

}

.fa-simplybuilt {

  --fa: ""

}

.fa-bitbucket {

  --fa: ""

}

.fa-imdb {

  --fa: ""

}

.fa-deezer {

  --fa: ""

}

.fa-raspberry-pi {

  --fa: ""

}

.fa-jira {

  --fa: ""

}

.fa-docker {

  --fa: ""

}

.fa-screenpal {

  --fa: ""

}

.fa-bluetooth {

  --fa: ""

}

.fa-gitter {

  --fa: ""

}

.fa-d-and-d {

  --fa: ""

}

.fa-microblog {

  --fa: ""

}

.fa-cc-diners-club {

  --fa: ""

}

.fa-gg-circle {

  --fa: ""

}

.fa-pied-piper-hat {

  --fa: ""

}

.fa-kickstarter-k {

  --fa: ""

}

.fa-yandex {

  --fa: ""

}

.fa-readme {

  --fa: ""

}

.fa-html5 {

  --fa: ""

}

.fa-sellsy {

  --fa: ""

}

.fa-square-web-awesome {

  --fa: ""

}

.fa-sass {

  --fa: ""

}

.fa-wirsindhandwerk,

.fa-wsh {

  --fa: ""

}

.fa-buromobelexperte {

  --fa: ""

}

.fa-salesforce {

  --fa: ""

}

.fa-octopus-deploy {

  --fa: ""

}

.fa-medapps {

  --fa: ""

}

.fa-ns8 {

  --fa: ""

}

.fa-pinterest-p {

  --fa: ""

}

.fa-apper {

  --fa: ""

}

.fa-fort-awesome {

  --fa: ""

}

.fa-waze {

  --fa: ""

}

.fa-bluesky {

  --fa: ""

}

.fa-cc-jcb {

  --fa: ""

}

.fa-snapchat,

.fa-snapchat-ghost {

  --fa: ""

}

.fa-fantasy-flight-games {

  --fa: ""

}

.fa-rust {

  --fa: ""

}

.fa-wix {

  --fa: ""

}

.fa-behance-square,

.fa-square-behance {

  --fa: ""

}

.fa-supple {

  --fa: ""

}

.fa-webflow {

  --fa: ""

}

.fa-rebel {

  --fa: ""

}

.fa-css3 {

  --fa: ""

}

.fa-staylinked {

  --fa: ""

}

.fa-kaggle {

  --fa: ""

}

.fa-space-awesome {

  --fa: ""

}

.fa-deviantart {

  --fa: ""

}

.fa-cpanel {

  --fa: ""

}

.fa-goodreads-g {

  --fa: ""

}

.fa-git-square,

.fa-square-git {

  --fa: ""

}

.fa-square-tumblr,

.fa-tumblr-square {

  --fa: ""

}

.fa-trello {

  --fa: ""

}

.fa-creative-commons-nc-jp {

  --fa: ""

}

.fa-get-pocket {

  --fa: ""

}

.fa-perbyte {

  --fa: ""

}

.fa-grunt {

  --fa: ""

}

.fa-weebly {

  --fa: ""

}

.fa-connectdevelop {

  --fa: ""

}

.fa-leanpub {

  --fa: ""

}

.fa-black-tie {

  --fa: ""

}

.fa-themeco {

  --fa: ""

}

.fa-python {

  --fa: ""

}

.fa-android {

  --fa: ""

}

.fa-bots {

  --fa: ""

}

.fa-free-code-camp {

  --fa: ""

}

.fa-hornbill {

  --fa: ""

}

.fa-js {

  --fa: ""

}

.fa-ideal {

  --fa: ""

}

.fa-git {

  --fa: ""

}

.fa-dev {

  --fa: ""

}

.fa-sketch {

  --fa: ""

}

.fa-yandex-international {

  --fa: ""

}

.fa-cc-amex {

  --fa: ""

}

.fa-uber {

  --fa: ""

}

.fa-github {

  --fa: ""

}

.fa-php {

  --fa: ""

}

.fa-alipay {

  --fa: ""

}

.fa-youtube {

  --fa: ""

}

.fa-skyatlas {

  --fa: ""

}

.fa-firefox-browser {

  --fa: ""

}

.fa-replyd {

  --fa: ""

}

.fa-suse {

  --fa: ""

}

.fa-jenkins {

  --fa: ""

}

.fa-twitter {

  --fa: ""

}

.fa-rockrms {

  --fa: ""

}

.fa-pinterest {

  --fa: ""

}

.fa-buffer {

  --fa: ""

}

.fa-npm {

  --fa: ""

}

.fa-yammer {

  --fa: ""

}

.fa-btc {

  --fa: ""

}

.fa-dribbble {

  --fa: ""

}

.fa-stumbleupon-circle {

  --fa: ""

}

.fa-internet-explorer {

  --fa: ""

}

.fa-stubber {

  --fa: ""

}

.fa-telegram,

.fa-telegram-plane {

  --fa: ""

}

.fa-old-republic {

  --fa: ""

}

.fa-odysee {

  --fa: ""

}

.fa-square-whatsapp,

.fa-whatsapp-square {

  --fa: ""

}

.fa-node-js {

  --fa: ""

}

.fa-edge-legacy {

  --fa: ""

}

.fa-slack,

.fa-slack-hash {

  --fa: ""

}

.fa-medrt {

  --fa: ""

}

.fa-usb {

  --fa: ""

}

.fa-tumblr {

  --fa: ""

}

.fa-vaadin {

  --fa: ""

}

.fa-quora {

  --fa: ""

}

.fa-square-x-twitter {

  --fa: ""

}

.fa-reacteurope {

  --fa: ""

}

.fa-medium,

.fa-medium-m {

  --fa: ""

}

.fa-amilia {

  --fa: ""

}

.fa-mixcloud {

  --fa: ""

}

.fa-flipboard {

  --fa: ""

}

.fa-viacoin {

  --fa: ""

}

.fa-critical-role {

  --fa: ""

}

.fa-sitrox {

  --fa: ""

}

.fa-discourse {

  --fa: ""

}

.fa-joomla {

  --fa: ""

}

.fa-mastodon {

  --fa: ""

}

.fa-airbnb {

  --fa: ""

}

.fa-wolf-pack-battalion {

  --fa: ""

}

.fa-buy-n-large {

  --fa: ""

}

.fa-gulp {

  --fa: ""

}

.fa-creative-commons-sampling-plus {

  --fa: ""

}

.fa-strava {

  --fa: ""

}

.fa-ember {

  --fa: ""

}

.fa-canadian-maple-leaf {

  --fa: ""

}

.fa-teamspeak {

  --fa: ""

}

.fa-pushed {

  --fa: ""

}

.fa-wordpress-simple {

  --fa: ""

}

.fa-nutritionix {

  --fa: ""

}

.fa-wodu {

  --fa: ""

}

.fa-google-pay {

  --fa: ""

}

.fa-intercom {

  --fa: ""

}

.fa-zhihu {

  --fa: ""

}

.fa-korvue {

  --fa: ""

}

.fa-pix {

  --fa: ""

}

.fa-steam-symbol {

  --fa: ""

}

[class*=" fa-"].disabled,

[class*=" icon-"].disabled,

[class^=fa-].disabled,

[class^=icon-].disabled {

  font-weight: 400

}

.icon-angle-double-left::before {

  content: ""

}

.icon-angle-double-right::before {

  content: ""

}

.icon-angle-left::before {

  content: ""

}

.icon-angle-right::before {

  content: ""

}

.icon-calendar::before {

  content: ""

}

.icon-eye-slash::before {

  content: ""

}

.icon-eye::before {

  content: ""

}

.icon-info-circle::before {

  content: ""

}

.icon-search-plus::before {

  content: ""

}

.icon-search::before {

  content: ""

}

:root,

[data-bs-theme=light] {

  --bs-blue: #0d6efd;

  --bs-indigo: #6610f2;

  --bs-purple: #6f42c1;

  --bs-pink: #d63384;

  --bs-red: #dc3545;

  --bs-orange: #fd7e14;

  --bs-yellow: #ffc107;

  --bs-green: #198754;

  --bs-teal: #20c997;

  --bs-cyan: #0dcaf0;

  --bs-black: #000;

  --bs-white: #fff;

  --bs-gray: #6c757d;

  --bs-gray-dark: #343a40;

  --bs-gray-100: #f8f9fa;

  --bs-gray-200: #e9ecef;

  --bs-gray-300: #dee2e6;

  --bs-gray-400: #ced4da;

  --bs-gray-500: #adb5bd;

  --bs-gray-600: #6c757d;

  --bs-gray-700: #495057;

  --bs-gray-800: #343a40;

  --bs-gray-900: #212529;

  --bs-primary: #0d6efd;

  --bs-secondary: #6c757d;

  --bs-success: #198754;

  --bs-info: #0dcaf0;

  --bs-warning: #ffc107;

  --bs-danger: #dc3545;

  --bs-light: #f8f9fa;

  --bs-dark: #212529;

  --bs-primary-rgb: 13,110,253;

  --bs-secondary-rgb: 108,117,125;

  --bs-success-rgb: 25,135,84;

  --bs-info-rgb: 13,202,240;

  --bs-warning-rgb: 255,193,7;

  --bs-danger-rgb: 220,53,69;

  --bs-light-rgb: 248,249,250;

  --bs-dark-rgb: 33,37,41;

  --bs-primary-text-emphasis: #052c65;

  --bs-secondary-text-emphasis: #2b2f32;

  --bs-success-text-emphasis: #0a3622;

  --bs-info-text-emphasis: #055160;

  --bs-warning-text-emphasis: #664d03;

  --bs-danger-text-emphasis: #58151c;

  --bs-light-text-emphasis: #495057;

  --bs-dark-text-emphasis: #495057;

  --bs-primary-bg-subtle: #cfe2ff;

  --bs-secondary-bg-subtle: #e2e3e5;

  --bs-success-bg-subtle: #d1e7dd;

  --bs-info-bg-subtle: #cff4fc;

  --bs-warning-bg-subtle: #fff3cd;

  --bs-danger-bg-subtle: #f8d7da;

  --bs-light-bg-subtle: #fcfcfd;

  --bs-dark-bg-subtle: #ced4da;

  --bs-primary-border-subtle: #9ec5fe;

  --bs-secondary-border-subtle: #c4c8cb;

  --bs-success-border-subtle: #a3cfbb;

  --bs-info-border-subtle: #9eeaf9;

  --bs-warning-border-subtle: #ffe69c;

  --bs-danger-border-subtle: #f1aeb5;

  --bs-light-border-subtle: #e9ecef;

  --bs-dark-border-subtle: #adb5bd;

  --bs-white-rgb: 255,255,255;

  --bs-black-rgb: 0,0,0;

  --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

  --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

  --bs-gradient: linear-gradient(180deg, #ffffff26, #fff0);

  --bs-body-font-family: var(--bs-font-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: #212529bf;

  --bs-secondary-color-rgb: 33,37,41;

  --bs-secondary-bg: #e9ecef;

  --bs-secondary-bg-rgb: 233,236,239;

  --bs-tertiary-color: #21252980;

  --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: #0d6efd;

  --bs-link-color-rgb: 13,110,253;

  --bs-link-decoration: underline;

  --bs-link-hover-color: #0a58ca;

  --bs-link-hover-color-rgb: 10,88,202;

  --bs-code-color: #d63384;

  --bs-highlight-color: #212529;

  --bs-highlight-bg: #fff3cd;

  --bs-border-width: 1px;

  --bs-border-style: solid;

  --bs-border-color: #dee2e6;

  --bs-border-color-translucent: #0000002d;

  --bs-border-radius: .375rem;

  --bs-border-radius-sm: .25rem;

  --bs-border-radius-lg: .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 .5rem 1rem #00000026;

  --bs-box-shadow-sm: 0 .125rem .25rem #00000013;

  --bs-box-shadow-lg: 0 1rem 3rem #0000002d;

  --bs-box-shadow-inset: inset 0 1px 2px #00000013;

  --bs-focus-ring-width: .25rem;

  --bs-focus-ring-opacity: .25;

  --bs-focus-ring-color: #0d6efd40;

  --bs-form-valid-color: #198754;

  --bs-form-valid-border-color: #198754;

  --bs-form-invalid-color: #dc3545;

  --bs-form-invalid-border-color: #dc3545

}

[data-bs-theme=dark] {

  color-scheme: dark;

  --bs-body-color: #dee2e6;

  --bs-body-color-rgb: 222,226,230;

  --bs-body-bg: #212529;

  --bs-body-bg-rgb: 33,37,41;

  --bs-emphasis-color: #fff;

  --bs-emphasis-color-rgb: 255,255,255;

  --bs-secondary-color: #dee2e6bf;

  --bs-secondary-color-rgb: 222,226,230;

  --bs-secondary-bg: #343a40;

  --bs-secondary-bg-rgb: 52,58,64;

  --bs-tertiary-color: #dee2e680;

  --bs-tertiary-color-rgb: 222,226,230;

  --bs-tertiary-bg: #2b3035;

  --bs-tertiary-bg-rgb: 43,48,53;

  --bs-primary-text-emphasis: #6ea8fe;

  --bs-secondary-text-emphasis: #a7acb1;

  --bs-success-text-emphasis: #75b798;

  --bs-info-text-emphasis: #6edff6;

  --bs-warning-text-emphasis: #ffda6a;

  --bs-danger-text-emphasis: #ea868f;

  --bs-light-text-emphasis: #f8f9fa;

  --bs-dark-text-emphasis: #dee2e6;

  --bs-primary-bg-subtle: #031633;

  --bs-secondary-bg-subtle: #161719;

  --bs-success-bg-subtle: #051b11;

  --bs-info-bg-subtle: #032830;

  --bs-warning-bg-subtle: #332701;

  --bs-danger-bg-subtle: #2c0b0e;

  --bs-light-bg-subtle: #343a40;

  --bs-dark-bg-subtle: #1a1d20;

  --bs-primary-border-subtle: #084298;

  --bs-secondary-border-subtle: #41464b;

  --bs-success-border-subtle: #0f5132;

  --bs-info-border-subtle: #087990;

  --bs-warning-border-subtle: #997404;

  --bs-danger-border-subtle: #842029;

  --bs-light-border-subtle: #495057;

  --bs-dark-border-subtle: #343a40;

  --bs-heading-color: inherit;

  --bs-link-color: #6ea8fe;

  --bs-link-hover-color: #8bb9fe;

  --bs-link-color-rgb: 110,168,254;

  --bs-link-hover-color-rgb: 139,185,254;

  --bs-code-color: #e685b5;

  --bs-highlight-color: #dee2e6;

  --bs-highlight-bg: #664d03;

  --bs-border-color: #495057;

  --bs-border-color-translucent: #ffffff26;

  --bs-form-valid-color: #75b798;

  --bs-form-valid-border-color: #75b798;

  --bs-form-invalid-color: #ea868f;

  --bs-form-invalid-border-color: #ea868f

}

body {

  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);

  color: var(--bs-body-color);

  text-align: var(--bs-body-text-align);

  background-color: var(--bs-body-bg);

  text-size-adjust: 100%

}

hr {

  color: inherit;

  border-image: initial;

  border-top: var(--bs-border-width) solid

}

.h1,

.h2,

.h3,

.h4,

h1,

h2,

h3,

h4,

h5,

h6 {

  color: var(--bs-heading-color)

}

@media (width >= 1200px) {

  .h1,

  h1 {

    font-size: 2.5rem

  }

  .h2,

  h2 {

    font-size: 2rem

  }

  .h3,

  h3 {

    font-size: 1.75rem

  }

  .h4,

  h4 {

    font-size: 1.5rem

  }

}

abbr[title] {

  text-decoration-skip-ink: none;

  text-decoration: underline dotted;

  text-decoration: underline dotted;

  cursor: help;

  text-decoration-skip-ink: none

}

address {

  line-height: inherit

}

.mark,

mark {

  color: var(--bs-highlight-color);

  background-color: var(--bs-highlight-bg)

}

code {

  color: var(--bs-code-color);

  overflow-wrap: break-word

}

kbd {

  color: var(--bs-body-bg);

  background-color: var(--bs-body-color)

}

caption {

  color: var(--bs-secondary-color)

}

button,

input,

optgroup,

select,

textarea {

  font-family: inherit;

  font-size: inherit;

  line-height: inherit

}

legend {

  line-height: inherit

}

[type=search]::-webkit-search-cancel-button {

  cursor: pointer;

  filter: grayscale()

}

.container,

.container-fluid {

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0;

  padding-right: calc(var(--bs-gutter-x) * .5);

  padding-left: calc(var(--bs-gutter-x) * .5)

}

@media (width >= 576px) {

  .container {

    max-width: 540px

  }

}

@media (width >= 768px) {

  .container {

    max-width: 720px

  }

}

@media (width >= 992px) {

  .container {

    max-width: 960px

  }

}

.row {

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0;

  margin-top: calc(-1 * var(--bs-gutter-y));

  margin-right: calc(-.5 * var(--bs-gutter-x));

  margin-left: calc(-.5 * var(--bs-gutter-x));

  flex-wrap: wrap;

  display: flex

}

.row > * {

  padding-right: calc(var(--bs-gutter-x) * .5);

  padding-left: calc(var(--bs-gutter-x) * .5);

  margin-top: var(--bs-gutter-y);

  flex-shrink: 0

}

.g-1 {

  --bs-gutter-x: .25rem;

  --bs-gutter-y: .25rem

}

@media (width >= 576px) {

  .col-sm-6,

  .row-cols-sm-2>* {

    flex: 0 0 auto;

    width: 50%

  }

  .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 (width >= 768px) {

  .col-md-3 {

    flex: 0 0 auto;

    width: 25%

  }

  .col-md-4 {

    flex: 0 0 auto;

    width: 33.3333%

  }

  .col-md-6 {

    flex: 0 0 auto;

    width: 50%

  }

  .col-md-12 {

    flex: 0 0 auto;

    width: 100%

  }

  .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 (width >= 992px) {

  .row-cols-lg-5 > * {

    flex: 0 0 auto;

    width: 20%

  }

  .col-lg-2 {

    flex: 0 0 auto;

    width: 16.6667%

  }

  .col-lg-3 {

    flex: 0 0 auto;

    width: 25%

  }

  .col-lg-4 {

    flex: 0 0 auto;

    width: 33.3333%

  }

  .col-lg-5 {

    flex: 0 0 auto;

    width: 41.6667%

  }

  .col-lg-6 {

    flex: 0 0 auto;

    width: 50%

  }

  .col-lg-7 {

    flex: 0 0 auto;

    width: 58.3333%

  }

  .col-lg-8 {

    flex: 0 0 auto;

    width: 66.6667%

  }

  .col-lg-12 {

    flex: 0 0 auto;

    width: 100%

  }

}

@media (width >= 1200px) {

  legend {

    font-size: 1.5rem

  }

  .display-3 {

    font-size: 4rem

  }

  .display-6 {

    font-size: 2.5rem

  }

  .container {

    max-width: 1140px

  }

  .col-xl-3 {

    flex: 0 0 auto;

    width: 25%

  }

  .col-xl-6 {

    flex: 0 0 auto;

    width: 50%

  }

}

.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), .05);

  --bs-table-active-color: var(--bs-emphasis-color);

  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), .1);

  --bs-table-hover-color: var(--bs-emphasis-color);

  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);

  border-color: var(--bs-table-border-color)

}

.table > :not(caption) > * > * {

  color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));

  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)))

}

.form-text {

  color: var(--bs-secondary-color)

}

.form-control {

  color: var(--bs-body-color);

  appearance: none;

  background-color: var(--bs-body-bg);

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: var(--bs-border-radius)

}

.form-control::-webkit-file-upload-button {

  color: var(--bs-body-color);

  background-color: var(--bs-tertiary-bg);

  pointer-events: none;

  border-inline-end-width: var(--bs-border-width)

}

.form-control::file-selector-button {

  color: var(--bs-body-color);

  background-color: var(--bs-tertiary-bg);

  pointer-events: none;

  border-inline-end-width: var(--bs-border-width)

}

.form-control-plaintext {

  color: var(--bs-body-color);

  border-image: initial;

  border-width: var(--bs-border-width) 0

}

.form-control-sm {

  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));

  border-radius: var(--bs-border-radius-sm)

}

.form-control-lg {

  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));

  border-radius: var(--bs-border-radius-lg)

}

.form-select {

  --bs-form-select-bg-img: url("data:image/svg+xml,%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");

  color: var(--bs-body-color);

  appearance: none;

  background-color: var(--bs-body-bg);

  background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: var(--bs-border-radius)

}

.form-select-sm {

  border-radius: var(--bs-border-radius-sm)

}

.form-select-lg {

  border-radius: var(--bs-border-radius-lg)

}

.form-check-input {

  --bs-form-check-bg: var(--bs-body-bg);

  appearance: none;

  background-color: var(--bs-form-check-bg);

  background-image: var(--bs-form-check-bg-image);

  border: var(--bs-border-width) solid var(--bs-border-color);

  print-color-adjust: exact;

  flex-shrink: 0

}

.form-check-input[type=checkbox]:indeterminate {

  --bs-form-check-bg-image: url("data:image/svg+xml,%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-switch .form-check-input {

  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");

  background-image: var(--bs-form-switch-bg)

}

.form-switch .form-check-input:checked {

  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")

}

.btn-check {

  pointer-events: none

}

.form-range {

  appearance: none

}

.form-range::-webkit-slider-runnable-track {

  background-color: var(--bs-secondary-bg)

}

.form-floating > label {

  color: rgba(var(--bs-body-color-rgb),.65);

  text-align: start;

  pointer-events: none;

  border: var(--bs-border-width) solid transparent;

  transform-origin: 0px 0px

}

.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 {

  transform: scale(.85) translateY(-.5rem) translate(.15rem)

}

.form-floating > .form-control:-webkit-autofill ~ label {

  transform: scale(.85) translateY(-.5rem) translate(.15rem);

  transform: scale(.85) translateY(-.5rem) translateX(.15rem)

}

.form-floating > textarea:focus ~ label::after,

.form-floating > textarea:not(:placeholder-shown) ~ label::after {

  content: "";

  background-color: var(--bs-body-bg);

  border-radius: var(--bs-border-radius);

  inset: 1rem 0.375rem

}

.input-group {

  flex-wrap: wrap;

  align-items: stretch;

  display: flex

}

.input-group > .form-control,

.input-group > .form-floating,

.input-group > .form-select {

  flex: 1 1 auto

}

.input-group-text {

  color: var(--bs-body-color);

  background-color: var(--bs-tertiary-bg);

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: var(--bs-border-radius);

  align-items: center;

  display: flex

}

.input-group-lg > .btn,

.input-group-lg > .form-control,

.input-group-lg > .form-select,

.input-group-lg > .input-group-text {

  border-radius: var(--bs-border-radius-lg)

}

.input-group-sm > .btn,

.input-group-sm > .form-control,

.input-group-sm > .form-select,

.input-group-sm > .input-group-text {

  border-radius: var(--bs-border-radius-sm)

}

.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-top-right-radius: 0;

  border-bottom-right-radius: 0

}

.valid-feedback {

  color: var(--bs-form-valid-color)

}

.valid-tooltip {

  background-color: var(--bs-success);

  border-radius: var(--bs-border-radius)

}

.form-control.is-valid,

.was-validated .form-control: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"],

.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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e")

}

.invalid-feedback {

  color: var(--bs-form-invalid-color)

}

.invalid-tooltip {

  background-color: var(--bs-danger);

  border-radius: var(--bs-border-radius)

}

.form-control.is-invalid,

.was-validated .form-control: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"],

.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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")

}

.btn {

  --bs-btn-padding-x: .75rem;

  --bs-btn-padding-y: .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: var(--bs-border-radius);

  --bs-btn-hover-border-color: transparent;

  --bs-btn-box-shadow: inset 0 1px 0 #ffffff26,0 1px 1px #00000013;

  --bs-btn-disabled-opacity: .65;

  --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);

  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);

  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);

  color: var(--bs-btn-color);

  user-select: none;

  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);

  border-radius: var(--bs-btn-border-radius);

  background-color: var(--bs-btn-bg)

}

.btn:focus-visible {

  color: var(--bs-btn-hover-color);

  background-color: var(--bs-btn-hover-bg);

  border-color: var(--bs-btn-hover-border-color);

  box-shadow: var(--bs-btn-focus-box-shadow)

}

.btn-check:focus-visible + .btn {

  border-color: var(--bs-btn-hover-border-color);

  box-shadow: var(--bs-btn-focus-box-shadow)

}

.btn-check:checked + .btn:focus-visible,

.btn-check:checked:focus-visible + .btn,

.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-primary {

  --bs-btn-color: #fff;

  --bs-btn-bg: #0d6efd;

  --bs-btn-border-color: #0d6efd;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #0b5ed7;

  --bs-btn-hover-border-color: #0a58ca;

  --bs-btn-focus-shadow-rgb: 49,132,253;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #0a58ca;

  --bs-btn-active-border-color: #0a53be;

  --bs-btn-active-shadow: inset 0 3px 5px #00000020;

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #0d6efd;

  --bs-btn-disabled-border-color: #0d6efd

}

.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 #00000020;

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #6c757d;

  --bs-btn-disabled-border-color: #6c757d

}

.btn-success {

  --bs-btn-color: #fff;

  --bs-btn-bg: #198754;

  --bs-btn-border-color: #198754;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #157347;

  --bs-btn-hover-border-color: #146c43;

  --bs-btn-focus-shadow-rgb: 60,153,110;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #146c43;

  --bs-btn-active-border-color: #13653f;

  --bs-btn-active-shadow: inset 0 3px 5px #00000020;

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #198754;

  --bs-btn-disabled-border-color: #198754

}

.btn-info {

  --bs-btn-color: #000;

  --bs-btn-bg: #0dcaf0;

  --bs-btn-border-color: #0dcaf0;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #31d2f2;

  --bs-btn-hover-border-color: #25cff2;

  --bs-btn-focus-shadow-rgb: 11,172,204;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #3dd5f3;

  --bs-btn-active-border-color: #25cff2;

  --bs-btn-active-shadow: inset 0 3px 5px #00000020;

  --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 #00000020;

  --bs-btn-disabled-color: #000;

  --bs-btn-disabled-bg: #ffc107;

  --bs-btn-disabled-border-color: #ffc107

}

.btn-danger {

  --bs-btn-color: #fff;

  --bs-btn-bg: #dc3545;

  --bs-btn-border-color: #dc3545;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #bb2d3b;

  --bs-btn-hover-border-color: #b02a37;

  --bs-btn-focus-shadow-rgb: 225,83,97;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #b02a37;

  --bs-btn-active-border-color: #a52834;

  --bs-btn-active-shadow: inset 0 3px 5px #00000020;

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #dc3545;

  --bs-btn-disabled-border-color: #dc3545

}

.btn-light {

  --bs-btn-color: #000;

  --bs-btn-bg: #f8f9fa;

  --bs-btn-border-color: #f8f9fa;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #d3d4d5;

  --bs-btn-hover-border-color: #c6c7c8;

  --bs-btn-focus-shadow-rgb: 211,212,213;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #c6c7c8;

  --bs-btn-active-border-color: #babbbc;

  --bs-btn-active-shadow: inset 0 3px 5px #00000020;

  --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 #00000020;

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #212529;

  --bs-btn-disabled-border-color: #212529

}

.btn-outline-primary {

  --bs-btn-color: #0d6efd;

  --bs-btn-border-color: #0d6efd;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #0d6efd;

  --bs-btn-hover-border-color: #0d6efd;

  --bs-btn-focus-shadow-rgb: 13,110,253;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #0d6efd;

  --bs-btn-active-border-color: #0d6efd;

  --bs-btn-active-shadow: inset 0 3px 5px #00000020;

  --bs-btn-disabled-color: #0d6efd;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #0d6efd;

  --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 #00000020;

  --bs-btn-disabled-color: #6c757d;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #6c757d;

  --bs-gradient: none

}

.btn-outline-success {

  --bs-btn-color: #198754;

  --bs-btn-border-color: #198754;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #198754;

  --bs-btn-hover-border-color: #198754;

  --bs-btn-focus-shadow-rgb: 25,135,84;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #198754;

  --bs-btn-active-border-color: #198754;

  --bs-btn-active-shadow: inset 0 3px 5px #00000020;

  --bs-btn-disabled-color: #198754;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #198754;

  --bs-gradient: none

}

.btn-outline-info {

  --bs-btn-color: #0dcaf0;

  --bs-btn-border-color: #0dcaf0;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #0dcaf0;

  --bs-btn-hover-border-color: #0dcaf0;

  --bs-btn-focus-shadow-rgb: 13,202,240;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #0dcaf0;

  --bs-btn-active-border-color: #0dcaf0;

  --bs-btn-active-shadow: inset 0 3px 5px #00000020;

  --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 #00000020;

  --bs-btn-disabled-color: #ffc107;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #ffc107;

  --bs-gradient: none

}

.btn-outline-danger {

  --bs-btn-color: #dc3545;

  --bs-btn-border-color: #dc3545;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #dc3545;

  --bs-btn-hover-border-color: #dc3545;

  --bs-btn-focus-shadow-rgb: 220,53,69;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #dc3545;

  --bs-btn-active-border-color: #dc3545;

  --bs-btn-active-shadow: inset 0 3px 5px #00000020;

  --bs-btn-disabled-color: #dc3545;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #dc3545;

  --bs-gradient: none

}

.btn-outline-light {

  --bs-btn-color: #f8f9fa;

  --bs-btn-border-color: #f8f9fa;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #f8f9fa;

  --bs-btn-hover-border-color: #f8f9fa;

  --bs-btn-focus-shadow-rgb: 248,249,250;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #f8f9fa;

  --bs-btn-active-border-color: #f8f9fa;

  --bs-btn-active-shadow: inset 0 3px 5px #00000020;

  --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 #00000020;

  --bs-btn-disabled-color: #212529;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #212529;

  --bs-gradient: none

}

.btn-group-lg > .btn,

.btn-lg {

  --bs-btn-padding-y: .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: .25rem;

  --bs-btn-padding-x: .5rem;

  --bs-btn-font-size: .875rem;

  --bs-btn-border-radius: var(--bs-border-radius-sm)

}

.dropdown-toggle::after {

  content: "";

  border-image: initial

}

.dropdown-menu {

  --bs-dropdown-zindex: 1000;

  --bs-dropdown-min-width: 10rem;

  --bs-dropdown-padding-x: 0;

  --bs-dropdown-padding-y: .5rem;

  --bs-dropdown-spacer: .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: .5rem;

  --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: #0d6efd;

  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);

  --bs-dropdown-item-padding-x: 1rem;

  --bs-dropdown-item-padding-y: .25rem;

  --bs-dropdown-header-color: #6c757d;

  --bs-dropdown-header-padding-x: 1rem;

  --bs-dropdown-header-padding-y: .5rem;

  z-index: var(--bs-dropdown-zindex);

  min-width: var(--bs-dropdown-min-width);

  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);

  font-size: var(--bs-dropdown-font-size);

  color: var(--bs-dropdown-color);

  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)

}

.dropdown-menu[data-bs-popper] {

  margin-top: var(--bs-dropdown-spacer)

}

@media (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 (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 (width >= 1400px) {

  .container {

    max-width: 1320px

  }

  .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] {

  margin-bottom: var(--bs-dropdown-spacer);

  top: auto;

  bottom: 100%;

  margin-top: 0;

  margin-bottom: var(--bs-dropdown-spacer)

}

.dropup .dropdown-toggle::after {

  content: "";

  border-image: initial

}

.dropend .dropdown-menu[data-bs-popper] {

  margin-left: var(--bs-dropdown-spacer)

}

.dropend .dropdown-toggle::after {

  content: "";

  border-image: initial

}

.dropstart .dropdown-menu[data-bs-popper] {

  margin-right: var(--bs-dropdown-spacer)

}

.dropstart .dropdown-toggle::after {

  content: ""

}

.dropstart .dropdown-toggle::before {

  content: ""

}

.dropdown-divider {

  margin: var(--bs-dropdown-divider-margin-y) 0;

  border-top: 1px solid var(--bs-dropdown-divider-bg)

}

.dropdown-item {

  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);

  color: var(--bs-dropdown-link-color);

  text-align: inherit;

  border-radius: var(--bs-dropdown-item-border-radius,0)

}

.dropdown-item.active,

.dropdown-item:active {

  color: var(--bs-dropdown-link-active-color);

  background-color: var(--bs-dropdown-link-active-bg)

}

.dropdown-item.disabled,

.dropdown-item:disabled {

  color: var(--bs-dropdown-link-disabled-color);

  pointer-events: none

}

.dropdown-header {

  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);

  color: var(--bs-dropdown-header-color)

}

.dropdown-item-text {

  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);

  color: var(--bs-dropdown-link-color)

}

.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: #ffffff26;

  --bs-dropdown-link-active-color: #fff;

  --bs-dropdown-link-active-bg: #0d6efd;

  --bs-dropdown-link-disabled-color: #adb5bd;

  --bs-dropdown-header-color: #adb5bd

}

.btn-group,

.btn-group-vertical {

  display: inline-flex

}

.btn-group > .btn,

.btn-group-vertical > .btn {

  flex: 1 1 auto

}

.btn-toolbar {

  flex-wrap: wrap;

  justify-content: flex-start;

  display: flex

}

.btn-group-vertical {

  flex-direction: column;

  justify-content: center;

  align-items: flex-start

}

.nav {

  --bs-nav-link-padding-x: 1rem;

  --bs-nav-link-padding-y: .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);

  flex-wrap: wrap;

  display: flex

}

.nav-link {

  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);

  font-size: var(--bs-nav-link-font-size);

  font-weight: var(--bs-nav-link-font-weight);

  color: var(--bs-nav-link-color)

}

@media (prefers-reduced-motion:reduce) {

  .fa-beat,

  .fa-beat-fade,

  .fa-bounce,

  .fa-fade,

  .fa-flip,

  .fa-pulse,

  .fa-shake,

  .fa-spin,

  .fa-spin-pulse {

    transition-duration: 0s;

    transition-delay: 0s;

    animation-duration: 1ms;

    animation-iteration-count: 1;

    animation-delay: -1ms

  }

}

.navbar {

  --bs-navbar-padding-x: 0;

  --bs-navbar-padding-y: .5rem;

  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);

  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);

  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);

  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);

  --bs-navbar-brand-padding-y: .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: .5rem;

  --bs-navbar-toggler-padding-y: .25rem;

  --bs-navbar-toggler-padding-x: .75rem;

  --bs-navbar-toggler-font-size: 1.25rem;

  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' 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), .15);

  --bs-navbar-toggler-border-radius: var(--bs-border-radius);

  --bs-navbar-toggler-focus-width: .25rem;

  --bs-navbar-toggler-transition: box-shadow .15s ease-in-out;

  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;

  display: flex

}

.navbar > .container,

.navbar > .container-fluid {

  flex-wrap: inherit;

  justify-content: space-between;

  align-items: center;

  display: flex

}

.navbar-brand {

  padding-top: var(--bs-navbar-brand-padding-y);

  padding-bottom: var(--bs-navbar-brand-padding-y);

  margin-right: var(--bs-navbar-brand-margin-end);

  font-size: var(--bs-navbar-brand-font-size);

  color: var(--bs-navbar-brand-color)

}

.navbar-nav {

  --bs-nav-link-padding-x: 0;

  --bs-nav-link-padding-y: .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);

  flex-direction: column;

  display: flex

}

@media (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-right: var(--bs-navbar-nav-link-padding-x);

    padding-left: var(--bs-navbar-nav-link-padding-x)

  }

  .navbar-expand-lg .navbar-collapse {

    flex-basis: auto;

    display: flex!important

  }

  .navbar-expand-lg .offcanvas {

    z-index: auto;

    flex-grow: 1;

    transition: none;

    position: static;

    visibility: visible!important;

    background-color: rgba(0,0,0,0)!important;

    border: 0!important;

    width: auto!important;

    height: auto!important;

    transform: none!important

  }

  .navbar-expand-lg .offcanvas .offcanvas-header {

    display: none

  }

  .navbar-expand-lg .offcanvas .offcanvas-body {

    flex-grow: 0;

    padding: 0;

    display: flex;

    overflow-y: visible

  }

}

.navbar[data-bs-theme=dark] {

  --bs-navbar-color: #ffffff8c;

  --bs-navbar-hover-color: #ffffffbf;

  --bs-navbar-disabled-color: #ffffff40;

  --bs-navbar-active-color: #fff;

  --bs-navbar-brand-color: #fff;

  --bs-navbar-brand-hover-color: #fff;

  --bs-navbar-toggler-border-color: #ffffff1a;

  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

  --bs-navbar-color: rgba(255, 255, 255, 0.55);

  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);

  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);

  --bs-navbar-active-color: #fff;

  --bs-navbar-brand-color: #fff;

  --bs-navbar-brand-hover-color: #fff;

  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);

  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")

}

.card {

  --bs-card-spacer-y: 1rem;

  --bs-card-spacer-x: 1rem;

  --bs-card-title-spacer-y: .5rem;

  --bs-card-title-color:  ;

  --bs-card-subtitle-color:  ;

  --bs-card-border-width: var(--bs-border-width);

  --bs-card-border-color: var(--bs-border-color-translucent);

  --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: .5rem;

  --bs-card-cap-padding-x: 1rem;

  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .03);

  --bs-card-cap-color:  ;

  --bs-card-height:  ;

  --bs-card-color:  ;

  --bs-card-bg: var(--bs-body-bg);

  --bs-card-img-overlay-padding: 1rem;

  --bs-card-group-margin: .75rem;

  height: var(--bs-card-height);

  color: var(--bs-body-color);

  overflow-wrap: break-word;

  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);

  flex-direction: column;

  display: flex

}

.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)

}

.card > .list-group:last-child {

  border-bottom-right-radius: var(--bs-card-inner-border-radius);

  border-bottom-left-radius: var(--bs-card-inner-border-radius)

}

.card-body {

  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);

  color: var(--bs-card-color);

  flex: 1 1 auto

}

.accordion {

  --bs-accordion-color: var(--bs-body-color);

  --bs-accordion-bg: var(--bs-body-bg);

  --bs-accordion-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;

  --bs-accordion-border-color: var(--bs-border-color);

  --bs-accordion-border-width: var(--bs-border-width);

  --bs-accordion-border-radius: var(--bs-border-radius);

  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));

  --bs-accordion-btn-padding-x: 1.25rem;

  --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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

  --bs-accordion-btn-icon-width: 1.25rem;

  --bs-accordion-btn-icon-transform: rotate(-180deg);

  --bs-accordion-btn-icon-transition: transform .2s ease-in-out;

  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

  --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem #0d6efd40;

  --bs-accordion-body-padding-x: 1.25rem;

  --bs-accordion-body-padding-y: 1rem;

  --bs-accordion-active-color: var(--bs-primary-text-emphasis);

  --bs-accordion-active-bg: var(--bs-primary-bg-subtle)

}

.accordion-button {

  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);

  color: var(--bs-accordion-btn-color);

  background-color: var(--bs-accordion-btn-bg);

  overflow-anchor: none;

  transition: var(--bs-accordion-transition);

  align-items: center;

  display: flex

}

.accordion-button::after {

  width: var(--bs-accordion-btn-icon-width);

  height: var(--bs-accordion-btn-icon-width);

  content: "";

  background-image: var(--bs-accordion-btn-icon);

  background-size: var(--bs-accordion-btn-icon-width);

  transition: var(--bs-accordion-btn-icon-transition);

  flex-shrink: 0

}

.accordion-button:focus {

  box-shadow: var(--bs-accordion-btn-focus-box-shadow)

}

.breadcrumb {

  --bs-breadcrumb-padding-x: 0;

  --bs-breadcrumb-padding-y: 0;

  --bs-breadcrumb-margin-bottom: 1rem;

  --bs-breadcrumb-bg:  ;

  --bs-breadcrumb-border-radius:  ;

  --bs-breadcrumb-divider-color: var(--bs-secondary-color);

  --bs-breadcrumb-item-padding-x: .5rem;

  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);

  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);

  margin-bottom: var(--bs-breadcrumb-margin-bottom);

  font-size: var(--bs-breadcrumb-font-size);

  background-color: var(--bs-breadcrumb-bg);

  border-radius: var(--bs-breadcrumb-border-radius);

  flex-wrap: wrap;

  display: flex

}

.breadcrumb-item + .breadcrumb-item::before {

  padding-right: var(--bs-breadcrumb-item-padding-x);

  color: var(--bs-breadcrumb-divider-color);

  content: var(--bs-breadcrumb-divider,"/")

}

.pagination {

  --bs-pagination-padding-x: .75rem;

  --bs-pagination-padding-y: .375rem;

  --bs-pagination-font-size: 1rem;

  --bs-pagination-color: var(--bs-link-color);

  --bs-pagination-bg: var(--bs-body-bg);

  --bs-pagination-border-width: var(--bs-border-width);

  --bs-pagination-border-color: var(--bs-border-color);

  --bs-pagination-border-radius: var(--bs-border-radius);

  --bs-pagination-hover-color: var(--bs-link-hover-color);

  --bs-pagination-hover-bg: var(--bs-tertiary-bg);

  --bs-pagination-hover-border-color: var(--bs-border-color);

  --bs-pagination-focus-color: var(--bs-link-hover-color);

  --bs-pagination-focus-bg: var(--bs-secondary-bg);

  --bs-pagination-focus-box-shadow: 0 0 0 .25rem #0d6efd40;

  --bs-pagination-active-color: #fff;

  --bs-pagination-active-bg: #0d6efd;

  --bs-pagination-active-border-color: #0d6efd;

  --bs-pagination-disabled-color: var(--bs-secondary-color);

  --bs-pagination-disabled-bg: var(--bs-secondary-bg);

  --bs-pagination-disabled-border-color: var(--bs-border-color);

  display: flex

}

.page-link {

  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);

  font-size: var(--bs-pagination-font-size);

  color: var(--bs-pagination-color);

  background-color: var(--bs-pagination-bg);

  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color)

}

.page-link:focus {

  color: var(--bs-pagination-focus-color);

  background-color: var(--bs-pagination-focus-bg);

  box-shadow: var(--bs-pagination-focus-box-shadow)

}

.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;

  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);

  margin-bottom: var(--bs-alert-margin-bottom);

  color: var(--bs-alert-color);

  background-color: var(--bs-alert-bg);

  border: var(--bs-alert-border);

  border-radius: var(--bs-alert-border-radius)

}

.alert-link {

  color: var(--bs-alert-link-color)

}

.progress {

  --bs-progress-height: 1rem;

  --bs-progress-font-size: .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: #0d6efd;

  --bs-progress-bar-transition: width .6s ease;

  height: var(--bs-progress-height);

  font-size: var(--bs-progress-font-size);

  background-color: var(--bs-progress-bg);

  border-radius: var(--bs-progress-border-radius);

  display: flex

}

.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: .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: #0d6efd;

  --bs-list-group-active-border-color: #0d6efd;

  border-radius: var(--bs-list-group-border-radius);

  flex-direction: column;

  display: flex

}

.list-group-item {

  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);

  color: var(--bs-list-group-color);

  background-color: var(--bs-list-group-bg);

  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)

}

.list-group-item-action:not(.active):focus,

.list-group-item-action:not(.active):hover {

  color: var(--bs-list-group-action-hover-color);

  background-color: var(--bs-list-group-action-hover-bg)

}

.btn-close {

  --bs-btn-close-color: #000;

  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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: .5;

  --bs-btn-close-hover-opacity: .75;

  --bs-btn-close-focus-shadow: 0 0 0 .25rem #0d6efd40;

  --bs-btn-close-focus-opacity: 1;

  --bs-btn-close-disabled-opacity: .25;

  box-sizing: content-box;

  color: var(--bs-btn-close-color);

  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;

  filter: var(--bs-btn-close-filter);

  opacity: var(--bs-btn-close-opacity)

}

.btn-close:hover {

  color: var(--bs-btn-close-color);

  opacity: var(--bs-btn-close-hover-opacity)

}

.btn-close:focus {

  box-shadow: var(--bs-btn-close-focus-shadow);

  opacity: var(--bs-btn-close-focus-opacity)

}

.toast {

  --bs-toast-zindex: 1090;

  --bs-toast-padding-x: .75rem;

  --bs-toast-padding-y: .5rem;

  --bs-toast-spacing: 1.5rem;

  --bs-toast-max-width: 350px;

  --bs-toast-font-size: .875rem;

  --bs-toast-color:  ;

  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), .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), .85);

  --bs-toast-header-border-color: var(--bs-border-color-translucent);

  width: var(--bs-toast-max-width);

  font-size: var(--bs-toast-font-size);

  color: var(--bs-toast-color);

  pointer-events: auto;

  background-color: var(--bs-toast-bg);

  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);

  box-shadow: var(--bs-toast-box-shadow);

  border-radius: var(--bs-toast-border-radius)

}

.modal {

  --bs-modal-zindex: 1055;

  --bs-modal-width: 500px;

  --bs-modal-padding: 1rem;

  --bs-modal-margin: .5rem;

  --bs-modal-color: var(--bs-body-color);

  --bs-modal-bg: var(--bs-body-bg);

  --bs-modal-border-color: var(--bs-border-color-translucent);

  --bs-modal-border-width: var(--bs-border-width);

  --bs-modal-border-radius: var(--bs-border-radius-lg);

  --bs-modal-box-shadow: var(--bs-box-shadow-sm);

  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));

  --bs-modal-header-padding-x: 1rem;

  --bs-modal-header-padding-y: 1rem;

  --bs-modal-header-padding: 1rem 1rem;

  --bs-modal-header-border-color: var(--bs-border-color);

  --bs-modal-header-border-width: var(--bs-border-width);

  --bs-modal-title-line-height: 1.5;

  --bs-modal-footer-gap: .5rem;

  --bs-modal-footer-bg:  ;

  --bs-modal-footer-border-color: var(--bs-border-color);

  --bs-modal-footer-border-width: var(--bs-border-width);

  z-index: var(--bs-modal-zindex)

}

.modal-dialog {

  margin: var(--bs-modal-margin);

  pointer-events: none

}

.modal.fade .modal-dialog {

  transform: translateY(-50px)

}

.modal-dialog-centered {

  min-height: calc(100% - var(--bs-modal-margin) * 2);

  align-items: center;

  display: flex

}

.modal-content {

  color: var(--bs-modal-color);

  pointer-events: auto;

  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);

  flex-direction: column;

  display: flex

}

.modal-backdrop {

  --bs-backdrop-zindex: 1050;

  --bs-backdrop-bg: #000;

  --bs-backdrop-opacity: .5;

  z-index: var(--bs-backdrop-zindex);

  background-color: var(--bs-backdrop-bg)

}

.modal-header {

  padding: var(--bs-modal-header-padding);

  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);

  flex-shrink: 0;

  align-items: center;

  display: flex

}

.modal-title {

  line-height: var(--bs-modal-title-line-height)

}

.modal-body {

  padding: var(--bs-modal-padding);

  flex: 1 1 auto

}

.modal-footer {

  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);

  background-color: var(--bs-modal-footer-bg);

  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);

  border-bottom-right-radius: var(--bs-modal-inner-border-radius);

  border-bottom-left-radius: var(--bs-modal-inner-border-radius);

  flex-wrap: wrap;

  flex-shrink: 0;

  justify-content: flex-end;

  align-items: center;

  display: flex

}

@media (width >= 576px) {

  .modal {

    --bs-modal-margin: 1.75rem;

    --bs-modal-box-shadow: var(--bs-box-shadow)

  }

  .modal-dialog {

    max-width: var(--bs-modal-width);

    margin-left: auto;

    margin-right: auto

  }

  .modal-sm {

    --bs-modal-width: 300px

  }

}

@media (width >= 992px) {

  .modal-lg,

  .modal-xl {

    --bs-modal-width: 800px

  }

}

@media (width <= 575.98px) {

  .modal-fullscreen-sm-down {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .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 (width <= 767.98px) {

  .modal-fullscreen-md-down {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .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 (width <= 991.98px) {

  .modal-fullscreen-lg-down {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .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 (width <= 1199.98px) {

  .modal-fullscreen-xl-down {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .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 (width <= 1399.98px) {

  .modal-fullscreen-xxl-down {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .modal-fullscreen-xxl-down .modal-content {

    border: 0;

    border-radius: 0;

    height: 100%

  }

  .modal-fullscreen-xxl-down .modal-footer,

  .modal-fullscreen-xxl-down .modal-header {

    border-radius: 0

  }

  .modal-fullscreen-xxl-down .modal-body {

    overflow-y: auto

  }

}

.tooltip {

  --bs-tooltip-zindex: 1080;

  --bs-tooltip-max-width: 200px;

  --bs-tooltip-padding-x: .5rem;

  --bs-tooltip-padding-y: .25rem;

  --bs-tooltip-margin:  ;

  --bs-tooltip-font-size: .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: .9;

  --bs-tooltip-arrow-width: .8rem;

  --bs-tooltip-arrow-height: .4rem;

  z-index: var(--bs-tooltip-zindex);

  margin: var(--bs-tooltip-margin);

  font-family: var(--bs-font-sans-serif);

  text-align: start;

  text-transform: none;

  word-break: normal;

  word-spacing: normal;

  line-break: auto;

  font-size: var(--bs-tooltip-font-size);

  overflow-wrap: break-word

}

.tooltip .tooltip-arrow {

  width: var(--bs-tooltip-arrow-width);

  height: var(--bs-tooltip-arrow-height)

}

.tooltip .tooltip-arrow::before {

  content: ""

}

.popover {

  --bs-popover-zindex: 1070;

  --bs-popover-max-width: 276px;

  --bs-popover-font-size: .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: .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: .5rem;

  --bs-popover-arrow-border: var(--bs-popover-border-color);

  z-index: var(--bs-popover-zindex);

  max-width: var(--bs-popover-max-width);

  font-family: var(--bs-font-sans-serif);

  text-align: start;

  text-transform: none;

  word-break: normal;

  word-spacing: normal;

  line-break: auto;

  font-size: var(--bs-popover-font-size);

  overflow-wrap: break-word;

  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 {

  width: var(--bs-popover-arrow-width);

  height: var(--bs-popover-arrow-height)

}

.popover .popover-arrow::after,

.popover .popover-arrow::before {

  content: ""

}

.popover-header {

  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);

  font-size: var(--bs-popover-header-font-size);

  color: var(--bs-popover-header-color);

  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)

}

.active.carousel-item-end,

.carousel-item-next:not(.carousel-item-start) {

  transform: translate(100%)

}

.active.carousel-item-start,

.carousel-item-prev:not(.carousel-item-end) {

  transform: translate(-100%)

}

.carousel-indicators {

  justify-content: center;

  display: flex

}

.carousel-indicators [data-bs-target] {

  box-sizing: content-box;

  text-indent: -999px;

  background-color: var(--bs-carousel-indicator-active-bg);

  border-image: initial;

  flex: 0 1 auto

}

.offcanvas,

.offcanvas-lg,

.offcanvas-md,

.offcanvas-sm,

.offcanvas-xl,

.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 .3s ease-in-out;

  --bs-offcanvas-title-line-height: 1.5

}

@media (width <= 575.98px) {

  .offcanvas-sm {

    z-index: var(--bs-offcanvas-zindex);

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    transition: var(--bs-offcanvas-transition);

    background-clip: padding-box;

    outline: 0;

    flex-direction: column;

    display: flex;

    position: fixed;

    bottom: 0

  }

  .offcanvas-sm.offcanvas-start {

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    top: 0;

    left: 0;

    transform: translate(-100%)

  }

  .offcanvas-sm.offcanvas-end {

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    top: 0;

    right: 0;

    transform: translate(100%)

  }

  .offcanvas-sm.offcanvas-top {

    height: var(--bs-offcanvas-height);

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    max-height: 100%;

    top: 0;

    left: 0;

    right: 0;

    transform: translateY(-100%)

  }

  .offcanvas-sm.offcanvas-bottom {

    height: var(--bs-offcanvas-height);

    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    max-height: 100%;

    left: 0;

    right: 0;

    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 (width <= 575.98px) and (prefers-reduced-motion:reduce) {

  .offcanvas-sm {

    transition: none

  }

}

@media (width >= 576px) {

  .offcanvas-sm {

    --bs-offcanvas-height: auto;

    --bs-offcanvas-border-width: 0;

    background-color: rgba(0,0,0,0)!important

  }

  .offcanvas-sm .offcanvas-header {

    display: none

  }

  .offcanvas-sm .offcanvas-body {

    flex-grow: 0;

    padding: 0;

    display: flex;

    overflow-y: visible;

    background-color: rgba(0,0,0,0)!important

  }

}

@media (width <= 767.98px) {

  .offcanvas-md {

    z-index: var(--bs-offcanvas-zindex);

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    transition: var(--bs-offcanvas-transition);

    background-clip: padding-box;

    outline: 0;

    flex-direction: column;

    display: flex;

    position: fixed;

    bottom: 0

  }

  .offcanvas-md.offcanvas-start {

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    top: 0;

    left: 0;

    transform: translate(-100%)

  }

  .offcanvas-md.offcanvas-end {

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    top: 0;

    right: 0;

    transform: translate(100%)

  }

  .offcanvas-md.offcanvas-top {

    height: var(--bs-offcanvas-height);

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    max-height: 100%;

    top: 0;

    left: 0;

    right: 0;

    transform: translateY(-100%)

  }

  .offcanvas-md.offcanvas-bottom {

    height: var(--bs-offcanvas-height);

    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    max-height: 100%;

    left: 0;

    right: 0;

    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 (width <= 767.98px) and (prefers-reduced-motion:reduce) {

  .offcanvas-md {

    transition: none

  }

}

@media (width >= 768px) {

  .offcanvas-md {

    --bs-offcanvas-height: auto;

    --bs-offcanvas-border-width: 0;

    background-color: rgba(0,0,0,0)!important

  }

  .offcanvas-md .offcanvas-header {

    display: none

  }

  .offcanvas-md .offcanvas-body {

    flex-grow: 0;

    padding: 0;

    display: flex;

    overflow-y: visible;

    background-color: rgba(0,0,0,0)!important

  }

}

@media (width <= 991.98px) {

  .offcanvas-lg {

    z-index: var(--bs-offcanvas-zindex);

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    transition: var(--bs-offcanvas-transition);

    background-clip: padding-box;

    outline: 0;

    flex-direction: column;

    display: flex;

    position: fixed;

    bottom: 0

  }

  .offcanvas-lg.offcanvas-start {

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    top: 0;

    left: 0;

    transform: translate(-100%)

  }

  .offcanvas-lg.offcanvas-end {

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    top: 0;

    right: 0;

    transform: translate(100%)

  }

  .offcanvas-lg.offcanvas-top {

    height: var(--bs-offcanvas-height);

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    max-height: 100%;

    top: 0;

    left: 0;

    right: 0;

    transform: translateY(-100%)

  }

  .offcanvas-lg.offcanvas-bottom {

    height: var(--bs-offcanvas-height);

    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    max-height: 100%;

    left: 0;

    right: 0;

    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 (width <= 991.98px) and (prefers-reduced-motion:reduce) {

  .offcanvas-lg {

    transition: none

  }

}

@media (width >= 992px) {

  .offcanvas-lg {

    --bs-offcanvas-height: auto;

    --bs-offcanvas-border-width: 0;

    background-color: rgba(0,0,0,0)!important

  }

  .offcanvas-lg .offcanvas-header {

    display: none

  }

  .offcanvas-lg .offcanvas-body {

    flex-grow: 0;

    padding: 0;

    display: flex;

    overflow-y: visible;

    background-color: rgba(0,0,0,0)!important

  }

}

@media (width <= 1199.98px) {

  .offcanvas-xl {

    z-index: var(--bs-offcanvas-zindex);

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    transition: var(--bs-offcanvas-transition);

    background-clip: padding-box;

    outline: 0;

    flex-direction: column;

    display: flex;

    position: fixed;

    bottom: 0

  }

  .offcanvas-xl.offcanvas-start {

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    top: 0;

    left: 0;

    transform: translate(-100%)

  }

  .offcanvas-xl.offcanvas-end {

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    top: 0;

    right: 0;

    transform: translate(100%)

  }

  .offcanvas-xl.offcanvas-top {

    height: var(--bs-offcanvas-height);

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    max-height: 100%;

    top: 0;

    left: 0;

    right: 0;

    transform: translateY(-100%)

  }

  .offcanvas-xl.offcanvas-bottom {

    height: var(--bs-offcanvas-height);

    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    max-height: 100%;

    left: 0;

    right: 0;

    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 (width <= 1199.98px) and (prefers-reduced-motion:reduce) {

  .offcanvas-xl {

    transition: none

  }

}

@media (width >= 1200px) {

  .modal-xl {

    --bs-modal-width: 1140px

  }

  .offcanvas-xl {

    --bs-offcanvas-height: auto;

    --bs-offcanvas-border-width: 0;

    background-color: rgba(0,0,0,0)!important

  }

  .offcanvas-xl .offcanvas-header {

    display: none

  }

  .offcanvas-xl .offcanvas-body {

    flex-grow: 0;

    padding: 0;

    display: flex;

    overflow-y: visible;

    background-color: rgba(0,0,0,0)!important

  }

}

@media (width <= 1399.98px) {

  .offcanvas-xxl {

    z-index: var(--bs-offcanvas-zindex);

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    transition: var(--bs-offcanvas-transition);

    background-clip: padding-box;

    outline: 0;

    flex-direction: column;

    display: flex;

    position: fixed;

    bottom: 0

  }

  .offcanvas-xxl.offcanvas-start {

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    top: 0;

    left: 0;

    transform: translate(-100%)

  }

  .offcanvas-xxl.offcanvas-end {

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    top: 0;

    right: 0;

    transform: translate(100%)

  }

  .offcanvas-xxl.offcanvas-top {

    height: var(--bs-offcanvas-height);

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    max-height: 100%;

    top: 0;

    left: 0;

    right: 0;

    transform: translateY(-100%)

  }

  .offcanvas-xxl.offcanvas-bottom {

    height: var(--bs-offcanvas-height);

    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    max-height: 100%;

    left: 0;

    right: 0;

    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 (width <= 1399.98px) and (prefers-reduced-motion:reduce) {

  .offcanvas-xxl {

    transition: none

  }

}

@media (width >= 1400px) {

  .offcanvas-xxl {

    --bs-offcanvas-height: auto;

    --bs-offcanvas-border-width: 0;

    background-color: rgba(0,0,0,0)!important

  }

  .offcanvas-xxl .offcanvas-header {

    display: none

  }

  .offcanvas-xxl .offcanvas-body {

    flex-grow: 0;

    padding: 0;

    display: flex;

    overflow-y: visible;

    background-color: rgba(0,0,0,0)!important

  }

}

.offcanvas {

  z-index: var(--bs-offcanvas-zindex);

  color: var(--bs-offcanvas-color);

  background-color: var(--bs-offcanvas-bg);

  transition: var(--bs-offcanvas-transition);

  flex-direction: column;

  display: flex

}

.offcanvas.offcanvas-start {

  width: var(--bs-offcanvas-width);

  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

  transform: translate(-100%)

}

.offcanvas.offcanvas-end {

  width: var(--bs-offcanvas-width);

  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

  transform: translate(100%)

}

.offcanvas.offcanvas-top {

  height: var(--bs-offcanvas-height);

  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color)

}

.offcanvas.offcanvas-bottom {

  height: var(--bs-offcanvas-height);

  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color)

}

.offcanvas-header {

  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);

  align-items: center;

  display: flex

}

.offcanvas-title {

  line-height: var(--bs-offcanvas-title-line-height)

}

.offcanvas-body {

  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);

  flex-grow: 1

}

.placeholder.btn::before {

  content: ""

}

.clearfix::after {

  content: ""

}

.ratio::before {

  padding-top: var(--bs-aspect-ratio);

  content: ""

}

.vr {

  width: var(--bs-border-width);

  align-self: stretch

}

@media (width >= 576px) {

  .flex-sm-row {

    flex-direction: row!important

  }

}

@media (width >= 992px) {

  .d-lg-block {

    display: block!important

  }

  .flex-lg-nowrap {

    flex-wrap: nowrap!important

  }

  .order-lg-1 {

    order: 1!important

  }

  .order-lg-2 {

    order: 2!important

  }

  .text-lg-end {

    text-align: right!important

  }

}

.com-finder * {

  margin-bottom: 0

}

.com-finder > * + *,

.com-finder__results > * + * {

  margin-top: 1.5em

}

.com-finder__explained span.date,

.com-finder__explained span.node,

.com-finder__explained span.op,

.com-finder__explained span.term,

.com-finder__explained span.when {

  font-weight: 800

}

.com-finder__explained span.op {

  text-transform: uppercase

}

.com-finder__results-list {

  padding: 0;

  list-style: none

}

.result__title-link {

  flex-direction: column;

  display: flex

}

.result__title-text {

  font-size: 1.3rem

}

.result__title-url {

  color: #575757;

  order: -1;

  margin-bottom: .25em;

  font-style: normal

}

.result__title-link:focus,

.result__title-link:hover {

  text-decoration: none

}

.result__title-link:focus .result__title-text,

.result__title-link:hover .result__title-text {

  text-decoration: underline

}

.result__date {

  color: #575757

}

.result__date:after {

  content: "-"

}

.result__taxonomy {

  padding: 0;

  list-style: none

}

.result__taxonomy-item {

  display: inline-block

}

.result__taxonomy-item + .result__taxonomy-item {

  margin-inline-start: .5em

}

.result__taxonomy-item + .result__taxonomy-item:before {

  content: "|";

  padding-inline-end: .5em

}

button[class*=plg_system_webauthn_login_button] {

  padding: .4rem

}

.awesomplete [hidden] {

  display: none

}

.awesomplete .visually-hidden {

  clip: rect(0,0,0,0);

  position: absolute

}

.awesomplete {

  display: inline-block;

  position: relative

}

.awesomplete > input {

  display: block

}

.awesomplete > ul {

  z-index: 1;

  box-sizing: border-box;

  background: #fff;

  min-width: 100%;

  padding: 0;

  list-style: none;

  position: absolute;

  left: 0;

  text-shadow: none;

  background: linear-gradient(to right bottom,#fff,rgba(255,255,255,.8));

  border: 1px solid rgba(0,0,0,.3);

  border-radius: .3em;

  margin: .2em 0 0;

  box-shadow: rgba(0,0,0,.2) .05em .2em .6em

}

.awesomplete > ul:empty {

  display: none

}

@supports (transform:scale(0)) {

  .awesomplete > ul {

    transform-origin: 1.43em -0.43em;

    transition: .3s cubic-bezier(.4, .2, .5, 1.4)

  }

  .awesomplete > ul:empty,

  .awesomplete > ul[hidden] {

    opacity: 0;

    visibility: hidden;

    transition-timing-function: ease;

    display: block;

    transform: scale(0)

  }

}

.awesomplete > ul::before {

  content: "";

  border-top: inherit;

  border-left: inherit;

  border-image: inherit;

  background: #fff;

  border-bottom: 0;

  border-right: 0px;

  width: 0;

  height: 0;

  padding: .4em;

  position: absolute;

  top: -.43em;

  left: 1em;

  transform: rotate(45deg)

}

.awesomplete > ul > li {

  cursor: pointer;

  padding: .2em .5em;

  position: relative

}

.awesomplete > ul > li:hover {

  color: #000;

  background: #b8d3e0

}

.awesomplete > ul > li[aria-selected=true] {

  color: #fff;

  background: #3d6d8f

}

.awesomplete mark {

  background: #eaff00

}

.awesomplete li:hover mark {

  background: #b5d100

}

.awesomplete li[aria-selected=true] mark {

  color: inherit;

  background: #3d6b00

}

.animated {

  animation-duration: 1s;

  animation-fill-mode: both

}

.animated.infinite {

  animation-iteration-count: infinite

}

@-webkit-keyframes bounce {

  0%,

  100%,

  20%,

  53%,

  80% {

    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);

    transform: translate3d(0,0,0)

  }

  40%,

  43% {

    transition-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);

    transform: translate3d(0,-30px,0)

  }

  70% {

    transition-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);

    transform: translate3d(0,-15px,0)

  }

  90% {

    transform: translate3d(0,-4px,0)

  }

}

@keyframes bounce {

  0%,

  100%,

  20%,

  53%,

  80% {

    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);

    transform: translate3d(0,0,0)

  }

  40%,

  43% {

    transition-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);

    transform: translate3d(0,-30px,0)

  }

  70% {

    transition-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);

    transform: translate3d(0,-15px,0)

  }

  90% {

    transform: translate3d(0,-4px,0)

  }

}

.bounce {

  animation-name: bounce;

  transform-origin: center bottom

}

@-webkit-keyframes flash {

  0%,

  100%,

  50% {

    opacity: 1

  }

  25%,

  75% {

    opacity: 0

  }

}

@keyframes flash {

  0%,

  100%,

  50% {

    opacity: 1

  }

  25%,

  75% {

    opacity: 0

  }

}

@-webkit-keyframes pulse {

  0%,

  100% {

    transform: scale3d(1,1,1)

  }

  50% {

    transform: scale3d(1.05,1.05,1.05)

  }

}

@keyframes pulse {

  0%,

  100% {

    transform: scale3d(1,1,1)

  }

  50% {

    transform: scale3d(1.05,1.05,1.05)

  }

}

@-webkit-keyframes rubberBand {

  0%,

  100% {

    transform: scale3d(1,1,1)

  }

  30% {

    transform: scale3d(1.25,.75,1)

  }

  40% {

    transform: scale3d(.75,1.25,1)

  }

  50% {

    transform: scale3d(1.15,.85,1)

  }

  65% {

    transform: scale3d(.95,1.05,1)

  }

  75% {

    transform: scale3d(1.05,.95,1)

  }

}

@keyframes rubberBand {

  0%,

  100% {

    transform: scale3d(1,1,1)

  }

  30% {

    transform: scale3d(1.25,.75,1)

  }

  40% {

    transform: scale3d(.75,1.25,1)

  }

  50% {

    transform: scale3d(1.15,.85,1)

  }

  65% {

    transform: scale3d(.95,1.05,1)

  }

  75% {

    transform: scale3d(1.05,.95,1)

  }

}

@-webkit-keyframes shake {

  0%,

  100% {

    transform: translate3d(0,0,0)

  }

  10%,

  30%,

  50%,

  70%,

  90% {

    transform: translate3d(-10px,0,0)

  }

  20%,

  40%,

  60%,

  80% {

    transform: translate3d(10px,0,0)

  }

}

@keyframes shake {

  0%,

  100% {

    transform: translate3d(0,0,0)

  }

  10%,

  30%,

  50%,

  70%,

  90% {

    transform: translate3d(-10px,0,0)

  }

  20%,

  40%,

  60%,

  80% {

    transform: translate3d(10px,0,0)

  }

}

@-webkit-keyframes swing {

  20% {

    transform: rotate3d(0,0,1,15deg)

  }

  40% {

    transform: rotate3d(0,0,1,-10deg)

  }

  60% {

    transform: rotate3d(0,0,1,5deg)

  }

  80% {

    transform: rotate3d(0,0,1,-5deg)

  }

  100% {

    transform: rotate3d(0,0,1,0deg)

  }

}

@keyframes swing {

  20% {

    transform: rotate3d(0,0,1,15deg)

  }

  40% {

    transform: rotate3d(0,0,1,-10deg)

  }

  60% {

    transform: rotate3d(0,0,1,5deg)

  }

  80% {

    transform: rotate3d(0,0,1,-5deg)

  }

  100% {

    transform: rotate3d(0,0,1,0deg)

  }

}

.swing {

  transform-origin: center top;

  animation-name: swing

}

@-webkit-keyframes tada {

  0%,

  100% {

    transform: scale3d(1,1,1)

  }

  10%,

  20% {

    transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)

  }

  30%,

  50%,

  70%,

  90% {

    transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)

  }

  40%,

  60%,

  80% {

    transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)

  }

}

@keyframes tada {

  0%,

  100% {

    transform: scale3d(1,1,1)

  }

  10%,

  20% {

    transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)

  }

  30%,

  50%,

  70%,

  90% {

    transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)

  }

  40%,

  60%,

  80% {

    transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)

  }

}

@-webkit-keyframes wobble {

  0%,

  100% {

    transform: none

  }

  15% {

    transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)

  }

  30% {

    transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)

  }

  45% {

    transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)

  }

  60% {

    transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)

  }

  75% {

    transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)

  }

}

@keyframes wobble {

  0%,

  100% {

    transform: none

  }

  15% {

    transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)

  }

  30% {

    transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)

  }

  45% {

    transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)

  }

  60% {

    transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)

  }

  75% {

    transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)

  }

}

@-webkit-keyframes bounceIn {

  0%,

  100%,

  20%,

  40%,

  60%,

  80% {

    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1)

  }

  0% {

    opacity: 0;

    transform: scale3d(.3,.3,.3)

  }

  20% {

    transform: scale3d(1.1,1.1,1.1)

  }

  40% {

    transform: scale3d(.9,.9,.9)

  }

  60% {

    opacity: 1;

    transform: scale3d(1.03,1.03,1.03)

  }

  80% {

    transform: scale3d(.97,.97,.97)

  }

  100% {

    opacity: 1;

    transform: scale3d(1,1,1)

  }

}

@keyframes bounceIn {

  0%,

  100%,

  20%,

  40%,

  60%,

  80% {

    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1)

  }

  0% {

    opacity: 0;

    transform: scale3d(.3,.3,.3)

  }

  20% {

    transform: scale3d(1.1,1.1,1.1)

  }

  40% {

    transform: scale3d(.9,.9,.9)

  }

  60% {

    opacity: 1;

    transform: scale3d(1.03,1.03,1.03)

  }

  80% {

    transform: scale3d(.97,.97,.97)

  }

  100% {

    opacity: 1;

    transform: scale3d(1,1,1)

  }

}

@-webkit-keyframes bounceInDown {

  0%,

  100%,

  60%,

  75%,

  90% {

    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1)

  }

  0% {

    opacity: 0;

    transform: translate3d(0,-3000px,0)

  }

  60% {

    opacity: 1;

    transform: translate3d(0,25px,0)

  }

  75% {

    transform: translate3d(0,-10px,0)

  }

  90% {

    transform: translate3d(0,5px,0)

  }

  100% {

    transform: none

  }

}

@keyframes bounceInDown {

  0%,

  100%,

  60%,

  75%,

  90% {

    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1)

  }

  0% {

    opacity: 0;

    transform: translate3d(0,-3000px,0)

  }

  60% {

    opacity: 1;

    transform: translate3d(0,25px,0)

  }

  75% {

    transform: translate3d(0,-10px,0)

  }

  90% {

    transform: translate3d(0,5px,0)

  }

  100% {

    transform: none

  }

}

@-webkit-keyframes bounceInLeft {

  0%,

  100%,

  60%,

  75%,

  90% {

    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1)

  }

  0% {

    opacity: 0;

    transform: translate3d(-3000px,0,0)

  }

  60% {

    opacity: 1;

    transform: translate3d(25px,0,0)

  }

  75% {

    transform: translate3d(-10px,0,0)

  }

  90% {

    transform: translate3d(5px,0,0)

  }

  100% {

    transform: none

  }

}

@keyframes bounceInLeft {

  0%,

  100%,

  60%,

  75%,

  90% {

    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1)

  }

  0% {

    opacity: 0;

    transform: translate3d(-3000px,0,0)

  }

  60% {

    opacity: 1;

    transform: translate3d(25px,0,0)

  }

  75% {

    transform: translate3d(-10px,0,0)

  }

  90% {

    transform: translate3d(5px,0,0)

  }

  100% {

    transform: none

  }

}

@-webkit-keyframes bounceInRight {

  0%,

  100%,

  60%,

  75%,

  90% {

    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1)

  }

  0% {

    opacity: 0;

    transform: translate3d(3000px,0,0)

  }

  60% {

    opacity: 1;

    transform: translate3d(-25px,0,0)

  }

  75% {

    transform: translate3d(10px,0,0)

  }

  90% {

    transform: translate3d(-5px,0,0)

  }

  100% {

    transform: none

  }

}

@keyframes bounceInRight {

  0%,

  100%,

  60%,

  75%,

  90% {

    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1)

  }

  0% {

    opacity: 0;

    transform: translate3d(3000px,0,0)

  }

  60% {

    opacity: 1;

    transform: translate3d(-25px,0,0)

  }

  75% {

    transform: translate3d(10px,0,0)

  }

  90% {

    transform: translate3d(-5px,0,0)

  }

  100% {

    transform: none

  }

}

@-webkit-keyframes bounceInUp {

  0%,

  100%,

  60%,

  75%,

  90% {

    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1)

  }

  0% {

    opacity: 0;

    transform: translate3d(0,3000px,0)

  }

  60% {

    opacity: 1;

    transform: translate3d(0,-20px,0)

  }

  75% {

    transform: translate3d(0,10px,0)

  }

  90% {

    transform: translate3d(0,-5px,0)

  }

  100% {

    transform: translate3d(0,0,0)

  }

}

@keyframes bounceInUp {

  0%,

  100%,

  60%,

  75%,

  90% {

    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1)

  }

  0% {

    opacity: 0;

    transform: translate3d(0,3000px,0)

  }

  60% {

    opacity: 1;

    transform: translate3d(0,-20px,0)

  }

  75% {

    transform: translate3d(0,10px,0)

  }

  90% {

    transform: translate3d(0,-5px,0)

  }

  100% {

    transform: translate3d(0,0,0)

  }

}

@-webkit-keyframes bounceOut {

  20% {

    transform: scale3d(.9,.9,.9)

  }

  50%,

  55% {

    opacity: 1;

    transform: scale3d(1.1,1.1,1.1)

  }

  100% {

    opacity: 0;

    transform: scale3d(.3,.3,.3)

  }

}

@keyframes bounceOut {

  20% {

    transform: scale3d(.9,.9,.9)

  }

  50%,

  55% {

    opacity: 1;

    transform: scale3d(1.1,1.1,1.1)

  }

  100% {

    opacity: 0;

    transform: scale3d(.3,.3,.3)

  }

}

@-webkit-keyframes bounceOutDown {

  20% {

    transform: translate3d(0,10px,0)

  }

  40%,

  45% {

    opacity: 1;

    transform: translate3d(0,-20px,0)

  }

  100% {

    opacity: 0;

    transform: translate3d(0,2000px,0)

  }

}

@keyframes bounceOutDown {

  20% {

    transform: translate3d(0,10px,0)

  }

  40%,

  45% {

    opacity: 1;

    transform: translate3d(0,-20px,0)

  }

  100% {

    opacity: 0;

    transform: translate3d(0,2000px,0)

  }

}

@-webkit-keyframes bounceOutLeft {

  20% {

    opacity: 1;

    transform: translate3d(20px,0,0)

  }

  100% {

    opacity: 0;

    transform: translate3d(-2000px,0,0)

  }

}

@keyframes bounceOutLeft {

  20% {

    opacity: 1;

    transform: translate3d(20px,0,0)

  }

  100% {

    opacity: 0;

    transform: translate3d(-2000px,0,0)

  }

}

@-webkit-keyframes bounceOutRight {

  20% {

    opacity: 1;

    transform: translate3d(-20px,0,0)

  }

  100% {

    opacity: 0;

    transform: translate3d(2000px,0,0)

  }

}

@keyframes bounceOutRight {

  20% {

    opacity: 1;

    transform: translate3d(-20px,0,0)

  }

  100% {

    opacity: 0;

    transform: translate3d(2000px,0,0)

  }

}

@-webkit-keyframes bounceOutUp {

  20% {

    transform: translate3d(0,-10px,0)

  }

  40%,

  45% {

    opacity: 1;

    transform: translate3d(0,20px,0)

  }

  100% {

    opacity: 0;

    transform: translate3d(0,-2000px,0)

  }

}

@keyframes bounceOutUp {

  20% {

    transform: translate3d(0,-10px,0)

  }

  40%,

  45% {

    opacity: 1;

    transform: translate3d(0,20px,0)

  }

  100% {

    opacity: 0;

    transform: translate3d(0,-2000px,0)

  }

}

@-webkit-keyframes fadeIn {

  0% {

    opacity: 0

  }

  100% {

    opacity: 1

  }

}

@keyframes fadeIn {

  0% {

    opacity: 0

  }

  100% {

    opacity: 1

  }

}

.fadeIn {

  animation-name: fadeIn

}

@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    transform: translate3d(0,-100%,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    transform: translate3d(0,-100%,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@-webkit-keyframes fadeInDownBig {

  0% {

    opacity: 0;

    transform: translate3d(0,-2000px,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@keyframes fadeInDownBig {

  0% {

    opacity: 0;

    transform: translate3d(0,-2000px,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    transform: translate3d(-100px,0,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@keyframes fadeInLeft {

  0% {

    opacity: 0;

    transform: translate3d(-100px,0,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@-webkit-keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    transform: translate3d(-2000px,0,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    transform: translate3d(-2000px,0,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    transform: translate3d(100px,0,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@keyframes fadeInRight {

  0% {

    opacity: 0;

    transform: translate3d(100px,0,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@-webkit-keyframes fadeInRightBig {

  0% {

    opacity: 0;

    transform: translate3d(2000px,0,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@keyframes fadeInRightBig {

  0% {

    opacity: 0;

    transform: translate3d(2000px,0,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    transform: translate3d(0,40px,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    transform: translate3d(0,40px,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

.fadeInUp {

  animation-name: fadeInUp

}

@-webkit-keyframes fadeInUpBig {

  0% {

    opacity: 0;

    transform: translate3d(0,2000px,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@keyframes fadeInUpBig {

  0% {

    opacity: 0;

    transform: translate3d(0,2000px,0)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@-webkit-keyframes fadeOut {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0

  }

}

@keyframes fadeOut {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0

  }

}

.fadeOut {

  animation-name: fadeOut

}

@-webkit-keyframes fadeOutDown {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(0,100%,0)

  }

}

@keyframes fadeOutDown {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(0,100%,0)

  }

}

@-webkit-keyframes fadeOutDownBig {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(0,2000px,0)

  }

}

@keyframes fadeOutDownBig {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(0,2000px,0)

  }

}

@-webkit-keyframes fadeOutLeft {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(-100%,0,0)

  }

}

@keyframes fadeOutLeft {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(-100%,0,0)

  }

}

@-webkit-keyframes fadeOutLeftBig {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(-2000px,0,0)

  }

}

@keyframes fadeOutLeftBig {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(-2000px,0,0)

  }

}

@-webkit-keyframes fadeOutRight {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(100%,0,0)

  }

}

@keyframes fadeOutRight {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(100%,0,0)

  }

}

@-webkit-keyframes fadeOutRightBig {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(2000px,0,0)

  }

}

@keyframes fadeOutRightBig {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(2000px,0,0)

  }

}

@-webkit-keyframes fadeOutUp {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(0,-100%,0)

  }

}

@keyframes fadeOutUp {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(0,-100%,0)

  }

}

@-webkit-keyframes fadeOutUpBig {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(0,-2000px,0)

  }

}

@keyframes fadeOutUpBig {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(0,-2000px,0)

  }

}

@-webkit-keyframes flip {

  0% {

    transform: perspective(400px) rotate3d(0,1,0,-360deg);

    animation-timing-function: ease-out

  }

  40% {

    transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);

    animation-timing-function: ease-out

  }

  50% {

    transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);

    animation-timing-function: ease-in

  }

  80% {

    transform: perspective(400px) scale3d(.95,.95,.95);

    animation-timing-function: ease-in

  }

  100% {

    transform: perspective(400px);

    animation-timing-function: ease-in

  }

}

@keyframes flip {

  0% {

    transform: perspective(400px) rotate3d(0,1,0,-360deg);

    animation-timing-function: ease-out

  }

  40% {

    transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);

    animation-timing-function: ease-out

  }

  50% {

    transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);

    animation-timing-function: ease-in

  }

  80% {

    transform: perspective(400px) scale3d(.95,.95,.95);

    animation-timing-function: ease-in

  }

  100% {

    transform: perspective(400px);

    animation-timing-function: ease-in

  }

}

.animated.flip {

  backface-visibility: visible;

  animation-name: flip

}

@-webkit-keyframes flipInX {

  0% {

    transform: perspective(400px) rotate3d(1,0,0,90deg);

    transition-timing-function: ease-in;

    opacity: 0

  }

  40% {

    transform: perspective(400px) rotate3d(1,0,0,-20deg);

    transition-timing-function: ease-in

  }

  60% {

    transform: perspective(400px) rotate3d(1,0,0,10deg);

    opacity: 1

  }

  80% {

    transform: perspective(400px) rotate3d(1,0,0,-5deg)

  }

  100% {

    transform: perspective(400px)

  }

}

@keyframes flipInX {

  0% {

    transform: perspective(400px) rotate3d(1,0,0,90deg);

    transition-timing-function: ease-in;

    opacity: 0

  }

  40% {

    transform: perspective(400px) rotate3d(1,0,0,-20deg);

    transition-timing-function: ease-in

  }

  60% {

    transform: perspective(400px) rotate3d(1,0,0,10deg);

    opacity: 1

  }

  80% {

    transform: perspective(400px) rotate3d(1,0,0,-5deg)

  }

  100% {

    transform: perspective(400px)

  }

}

@-webkit-keyframes flipInY {

  0% {

    transform: perspective(400px) rotate3d(0,1,0,90deg);

    transition-timing-function: ease-in;

    opacity: 0

  }

  40% {

    transform: perspective(400px) rotate3d(0,1,0,-20deg);

    transition-timing-function: ease-in

  }

  60% {

    transform: perspective(400px) rotate3d(0,1,0,10deg);

    opacity: 1

  }

  80% {

    transform: perspective(400px) rotate3d(0,1,0,-5deg)

  }

  100% {

    transform: perspective(400px)

  }

}

@keyframes flipInY {

  0% {

    transform: perspective(400px) rotate3d(0,1,0,90deg);

    transition-timing-function: ease-in;

    opacity: 0

  }

  40% {

    transform: perspective(400px) rotate3d(0,1,0,-20deg);

    transition-timing-function: ease-in

  }

  60% {

    transform: perspective(400px) rotate3d(0,1,0,10deg);

    opacity: 1

  }

  80% {

    transform: perspective(400px) rotate3d(0,1,0,-5deg)

  }

  100% {

    transform: perspective(400px)

  }

}

@-webkit-keyframes flipOutX {

  0% {

    transform: perspective(400px)

  }

  30% {

    transform: perspective(400px) rotate3d(1,0,0,-20deg);

    opacity: 1

  }

  100% {

    transform: perspective(400px) rotate3d(1,0,0,90deg);

    opacity: 0

  }

}

@keyframes flipOutX {

  0% {

    transform: perspective(400px)

  }

  30% {

    transform: perspective(400px) rotate3d(1,0,0,-20deg);

    opacity: 1

  }

  100% {

    transform: perspective(400px) rotate3d(1,0,0,90deg);

    opacity: 0

  }

}

@-webkit-keyframes flipOutY {

  0% {

    transform: perspective(400px)

  }

  30% {

    transform: perspective(400px) rotate3d(0,1,0,-15deg);

    opacity: 1

  }

  100% {

    transform: perspective(400px) rotate3d(0,1,0,90deg);

    opacity: 0

  }

}

@keyframes flipOutY {

  0% {

    transform: perspective(400px)

  }

  30% {

    transform: perspective(400px) rotate3d(0,1,0,-15deg);

    opacity: 1

  }

  100% {

    transform: perspective(400px) rotate3d(0,1,0,90deg);

    opacity: 0

  }

}

@-webkit-keyframes lightSpeedIn {

  0% {

    transform: translate3d(100%,0,0) skewX(-30deg);

    opacity: 0

  }

  60% {

    transform: skewX(20deg);

    opacity: 1

  }

  80% {

    transform: skewX(-5deg);

    opacity: 1

  }

  100% {

    transform: none;

    opacity: 1

  }

}

@keyframes lightSpeedIn {

  0% {

    transform: translate3d(100%,0,0) skewX(-30deg);

    opacity: 0

  }

  60% {

    transform: skewX(20deg);

    opacity: 1

  }

  80% {

    transform: skewX(-5deg);

    opacity: 1

  }

  100% {

    transform: none;

    opacity: 1

  }

}

@-webkit-keyframes lightSpeedOut {

  0% {

    opacity: 1

  }

  100% {

    transform: translate3d(100%,0,0) skewX(30deg);

    opacity: 0

  }

}

@keyframes lightSpeedOut {

  0% {

    opacity: 1

  }

  100% {

    transform: translate3d(100%,0,0) skewX(30deg);

    opacity: 0

  }

}

@-webkit-keyframes rotateIn {

  0% {

    transform-origin: center center;

    transform: rotate3d(0,0,1,-200deg);

    opacity: 0

  }

  100% {

    transform-origin: center center;

    transform: none;

    opacity: 1

  }

}

@keyframes rotateIn {

  0% {

    transform-origin: center center;

    transform: rotate3d(0,0,1,-200deg);

    opacity: 0

  }

  100% {

    transform-origin: center center;

    transform: none;

    opacity: 1

  }

}

@-webkit-keyframes rotateInDownLeft {

  0% {

    transform-origin: left bottom;

    transform: rotate3d(0,0,1,-45deg);

    opacity: 0

  }

  100% {

    transform-origin: left bottom;

    transform: none;

    opacity: 1

  }

}

@keyframes rotateInDownLeft {

  0% {

    transform-origin: left bottom;

    transform: rotate3d(0,0,1,-45deg);

    opacity: 0

  }

  100% {

    transform-origin: left bottom;

    transform: none;

    opacity: 1

  }

}

@-webkit-keyframes rotateInDownRight {

  0% {

    transform-origin: right bottom;

    transform: rotate3d(0,0,1,45deg);

    opacity: 0

  }

  100% {

    transform-origin: right bottom;

    transform: none;

    opacity: 1

  }

}

@keyframes rotateInDownRight {

  0% {

    transform-origin: right bottom;

    transform: rotate3d(0,0,1,45deg);

    opacity: 0

  }

  100% {

    transform-origin: right bottom;

    transform: none;

    opacity: 1

  }

}

@-webkit-keyframes rotateInUpLeft {

  0% {

    transform-origin: left bottom;

    transform: rotate3d(0,0,1,45deg);

    opacity: 0

  }

  100% {

    transform-origin: left bottom;

    transform: none;

    opacity: 1

  }

}

@keyframes rotateInUpLeft {

  0% {

    transform-origin: left bottom;

    transform: rotate3d(0,0,1,45deg);

    opacity: 0

  }

  100% {

    transform-origin: left bottom;

    transform: none;

    opacity: 1

  }

}

@-webkit-keyframes rotateInUpRight {

  0% {

    transform-origin: right bottom;

    transform: rotate3d(0,0,1,-90deg);

    opacity: 0

  }

  100% {

    transform-origin: right bottom;

    transform: none;

    opacity: 1

  }

}

@keyframes rotateInUpRight {

  0% {

    transform-origin: right bottom;

    transform: rotate3d(0,0,1,-90deg);

    opacity: 0

  }

  100% {

    transform-origin: right bottom;

    transform: none;

    opacity: 1

  }

}

@-webkit-keyframes rotateOut {

  0% {

    transform-origin: center center;

    opacity: 1

  }

  100% {

    transform-origin: center center;

    transform: rotate3d(0,0,1,200deg);

    opacity: 0

  }

}

@keyframes rotateOut {

  0% {

    transform-origin: center center;

    opacity: 1

  }

  100% {

    transform-origin: center center;

    transform: rotate3d(0,0,1,200deg);

    opacity: 0

  }

}

@-webkit-keyframes rotateOutDownLeft {

  0% {

    transform-origin: left bottom;

    opacity: 1

  }

  100% {

    transform-origin: left bottom;

    transform: rotate3d(0,0,1,45deg);

    opacity: 0

  }

}

@keyframes rotateOutDownLeft {

  0% {

    transform-origin: left bottom;

    opacity: 1

  }

  100% {

    transform-origin: left bottom;

    transform: rotate3d(0,0,1,45deg);

    opacity: 0

  }

}

@-webkit-keyframes rotateOutDownRight {

  0% {

    transform-origin: right bottom;

    opacity: 1

  }

  100% {

    transform-origin: right bottom;

    transform: rotate3d(0,0,1,-45deg);

    opacity: 0

  }

}

@keyframes rotateOutDownRight {

  0% {

    transform-origin: right bottom;

    opacity: 1

  }

  100% {

    transform-origin: right bottom;

    transform: rotate3d(0,0,1,-45deg);

    opacity: 0

  }

}

@-webkit-keyframes rotateOutUpLeft {

  0% {

    transform-origin: left bottom;

    opacity: 1

  }

  100% {

    transform-origin: left bottom;

    transform: rotate3d(0,0,1,-45deg);

    opacity: 0

  }

}

@keyframes rotateOutUpLeft {

  0% {

    transform-origin: left bottom;

    opacity: 1

  }

  100% {

    transform-origin: left bottom;

    transform: rotate3d(0,0,1,-45deg);

    opacity: 0

  }

}

@-webkit-keyframes rotateOutUpRight {

  0% {

    transform-origin: right bottom;

    opacity: 1

  }

  100% {

    transform-origin: right bottom;

    transform: rotate3d(0,0,1,90deg);

    opacity: 0

  }

}

@keyframes rotateOutUpRight {

  0% {

    transform-origin: right bottom;

    opacity: 1

  }

  100% {

    transform-origin: right bottom;

    transform: rotate3d(0,0,1,90deg);

    opacity: 0

  }

}

@-webkit-keyframes hinge {

  0% {

    transform-origin: left top;

    animation-timing-function: ease-in-out

  }

  20%,

  60% {

    transform: rotate3d(0,0,1,80deg);

    transform-origin: left top;

    animation-timing-function: ease-in-out

  }

  40%,

  80% {

    transform: rotate3d(0,0,1,60deg);

    transform-origin: left top;

    animation-timing-function: ease-in-out;

    opacity: 1

  }

  100% {

    transform: translate3d(0,700px,0);

    opacity: 0

  }

}

@keyframes hinge {

  0% {

    transform-origin: left top;

    animation-timing-function: ease-in-out

  }

  20%,

  60% {

    transform: rotate3d(0,0,1,80deg);

    transform-origin: left top;

    animation-timing-function: ease-in-out

  }

  40%,

  80% {

    transform: rotate3d(0,0,1,60deg);

    transform-origin: left top;

    animation-timing-function: ease-in-out;

    opacity: 1

  }

  100% {

    transform: translate3d(0,700px,0);

    opacity: 0

  }

}

@-webkit-keyframes rollIn {

  0% {

    opacity: 0;

    transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@keyframes rollIn {

  0% {

    opacity: 0;

    transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)

  }

  100% {

    opacity: 1;

    transform: none

  }

}

@-webkit-keyframes rollOut {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)

  }

}

@keyframes rollOut {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0;

    transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)

  }

}

@-webkit-keyframes zoomIn {

  0% {

    opacity: 0;

    transform: scale3d(.8,.8,.8)

  }

  50% {

    opacity: 1

  }

}

@keyframes zoomIn {

  0% {

    opacity: 0;

    transform: scale3d(.8,.8,.8)

  }

  50% {

    opacity: 1

  }

}

@-webkit-keyframes zoomInDown {

  0% {

    opacity: 0;

    transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);

    animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)

  }

  60% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);

    animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)

  }

}

@keyframes zoomInDown {

  0% {

    opacity: 0;

    transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);

    animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)

  }

  60% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);

    animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)

  }

}

@-webkit-keyframes zoomInLeft {

  0% {

    opacity: 0;

    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);

    animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)

  }

  60% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(10px,0,0);

    animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)

  }

}

@keyframes zoomInLeft {

  0% {

    opacity: 0;

    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);

    animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)

  }

  60% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(10px,0,0);

    animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)

  }

}

@-webkit-keyframes zoomInRight {

  0% {

    opacity: 0;

    transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);

    animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)

  }

  60% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);

    animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)

  }

}

@keyframes zoomInRight {

  0% {

    opacity: 0;

    transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);

    animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)

  }

  60% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);

    animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)

  }

}

@-webkit-keyframes zoomInUp {

  0% {

    opacity: 0;

    transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);

    animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)

  }

  60% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);

    animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)

  }

}

@keyframes zoomInUp {

  0% {

    opacity: 0;

    transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);

    animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)

  }

  60% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);

    animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)

  }

}

@-webkit-keyframes zoomOut {

  0% {

    opacity: 1

  }

  50% {

    opacity: 0;

    transform: scale3d(.3,.3,.3)

  }

  100% {

    opacity: 0

  }

}

@keyframes zoomOut {

  0% {

    opacity: 1

  }

  50% {

    opacity: 0;

    transform: scale3d(.3,.3,.3)

  }

  100% {

    opacity: 0

  }

}

@-webkit-keyframes zoomOutDown {

  40% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);

    animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)

  }

  100% {

    opacity: 0;

    transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);

    transform-origin: center bottom;

    animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)

  }

}

@keyframes zoomOutDown {

  40% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);

    animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)

  }

  100% {

    opacity: 0;

    transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);

    transform-origin: center bottom;

    animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)

  }

}

@-webkit-keyframes zoomOutLeft {

  40% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(42px,0,0)

  }

  100% {

    opacity: 0;

    transform: scale(.1) translate3d(-2000px,0,0);

    transform-origin: left center

  }

}

@keyframes zoomOutLeft {

  40% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(42px,0,0)

  }

  100% {

    opacity: 0;

    transform: scale(.1) translate3d(-2000px,0,0);

    transform-origin: left center

  }

}

@-webkit-keyframes zoomOutRight {

  40% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)

  }

  100% {

    opacity: 0;

    transform: scale(.1) translate3d(2000px,0,0);

    transform-origin: right center

  }

}

@keyframes zoomOutRight {

  40% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)

  }

  100% {

    opacity: 0;

    transform: scale(.1) translate3d(2000px,0,0);

    transform-origin: right center

  }

}

@-webkit-keyframes zoomOutUp {

  40% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);

    animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)

  }

  100% {

    opacity: 0;

    transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);

    transform-origin: center bottom;

    animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)

  }

}

@keyframes zoomOutUp {

  40% {

    opacity: 1;

    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);

    animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19)

  }

  100% {

    opacity: 0;

    transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);

    transform-origin: center bottom;

    animation-timing-function: cubic-bezier(0.175,0.885,0.32,1)

  }

}

@-webkit-keyframes slideInDown {

  0% {

    transform: translateY(-100%);

    visibility: visible

  }

  100% {

    transform: translateY(0)

  }

}

@keyframes slideInDown {

  0% {

    transform: translateY(-100%);

    visibility: visible

  }

  100% {

    transform: translateY(0)

  }

}

@-webkit-keyframes slideInLeft {

  0% {

    transform: translateX(-100%);

    visibility: visible

  }

  100% {

    transform: translateX(0)

  }

}

@keyframes slideInLeft {

  0% {

    transform: translateX(-100%);

    visibility: visible

  }

  100% {

    transform: translateX(0)

  }

}

@-webkit-keyframes slideInRight {

  0% {

    transform: translateX(100%);

    visibility: visible

  }

  100% {

    transform: translateX(0)

  }

}

@keyframes slideInRight {

  0% {

    transform: translateX(100%);

    visibility: visible

  }

  100% {

    transform: translateX(0)

  }

}

@-webkit-keyframes slideInUp {

  0% {

    transform: translateY(100%);

    visibility: visible

  }

  100% {

    transform: translateY(0)

  }

}

@keyframes slideInUp {

  0% {

    transform: translateY(100%);

    visibility: visible

  }

  100% {

    transform: translateY(0)

  }

}

@-webkit-keyframes slideOutDown {

  0% {

    transform: translateY(0)

  }

  100% {

    visibility: hidden;

    transform: translateY(100%)

  }

}

@keyframes slideOutDown {

  0% {

    transform: translateY(0)

  }

  100% {

    visibility: hidden;

    transform: translateY(100%)

  }

}

@-webkit-keyframes slideOutLeft {

  0% {

    transform: translateX(0)

  }

  100% {

    visibility: hidden;

    transform: translateX(-100%)

  }

}

@keyframes slideOutLeft {

  0% {

    transform: translateX(0)

  }

  100% {

    visibility: hidden;

    transform: translateX(-100%)

  }

}

@-webkit-keyframes slideOutRight {

  0% {

    transform: translateX(0)

  }

  100% {

    visibility: hidden;

    transform: translateX(100%)

  }

}

@keyframes slideOutRight {

  0% {

    transform: translateX(0)

  }

  100% {

    visibility: hidden;

    transform: translateX(100%)

  }

}

@-webkit-keyframes slideOutUp {

  0% {

    transform: translateY(0)

  }

  100% {

    visibility: hidden;

    transform: translateY(-100%)

  }

}

@keyframes slideOutUp {

  0% {

    transform: translateY(0)

  }

  100% {

    visibility: hidden;

    transform: translateY(-100%)

  }

}

@keyframes blink {

  0%,

  100% {

    opacity: 1

  }

  50% {

    opacity: 0

  }

}

@-webkit-keyframes blink {

  0%,

  100% {

    opacity: 1

  }

  50% {

    opacity: 0

  }

}

@keyframes loader {

  0% {

    transform: rotate(0)

  }

  25%,

  50% {

    transform: rotate(180deg)

  }

  100%,

  75% {

    transform: rotate(360deg)

  }

}

@keyframes loader-inner {

  0%,

  100%,

  25% {

    height: 0%

  }

  50%,

  75% {

    height: 100%

  }

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 100;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2") format("woff2");

  unicode-range: U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 100;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2") format("woff2");

  unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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-family: Poppins;

  font-style: normal;

  font-weight: 100;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucHtA.woff2") format("woff2");

  unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 200;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2") format("woff2");

  unicode-range: U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 200;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2") format("woff2");

  unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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-family: Poppins;

  font-style: normal;

  font-weight: 200;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2") format("woff2");

  unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2") format("woff2");

  unicode-range: U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2") format("woff2");

  unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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-family: Poppins;

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2") format("woff2");

  unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecmNE.woff2") format("woff2");

  unicode-range: U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecmNE.woff2") format("woff2");

  unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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-family: Poppins;

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.woff2") format("woff2");

  unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 500;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2") format("woff2");

  unicode-range: U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 500;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2") format("woff2");

  unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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-family: Poppins;

  font-style: normal;

  font-weight: 500;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2") format("woff2");

  unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2") format("woff2");

  unicode-range: U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2") format("woff2");

  unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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-family: Poppins;

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2") format("woff2");

  unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2") format("woff2");

  unicode-range: U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2") format("woff2");

  unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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-family: Poppins;

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2") format("woff2");

  unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 800;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2") format("woff2");

  unicode-range: U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09

}

@font-face {

  font-family: Poppins;

  font-style: normal;

  font-weight: 800;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2") format("woff2");

  unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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-family: Poppins;

  font-style: normal;

  font-weight: 800;

  font-display: swap;

  src: url("https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2") format("woff2");

  unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD

}

:root,

[data-bs-theme=light] {

  --bs-blue: #0d6efd;

  --bs-indigo: #6610f2;

  --bs-purple: #6f42c1;

  --bs-pink: #d63384;

  --bs-red: #dc3545;

  --bs-orange: #fd7e14;

  --bs-yellow: #ffc107;

  --bs-green: #198754;

  --bs-teal: #20c997;

  --bs-cyan: #0dcaf0;

  --bs-black: #000;

  --bs-white: #fff;

  --bs-gray: #6c757d;

  --bs-gray-dark: #343a40;

  --bs-gray-100: #f8f9fa;

  --bs-gray-200: #e9ecef;

  --bs-gray-300: #dee2e6;

  --bs-gray-400: #ced4da;

  --bs-gray-500: #adb5bd;

  --bs-gray-600: #6c757d;

  --bs-gray-700: #495057;

  --bs-gray-800: #343a40;

  --bs-gray-900: #212529;

  --bs-primary: #0d6efd;

  --bs-secondary: #6c757d;

  --bs-success: #198754;

  --bs-info: #0dcaf0;

  --bs-warning: #ffc107;

  --bs-danger: #dc3545;

  --bs-light: #f8f9fa;

  --bs-dark: #212529;

  --bs-primary-rgb: 13,110,253;

  --bs-secondary-rgb: 108,117,125;

  --bs-success-rgb: 25,135,84;

  --bs-info-rgb: 13,202,240;

  --bs-warning-rgb: 255,193,7;

  --bs-danger-rgb: 220,53,69;

  --bs-light-rgb: 248,249,250;

  --bs-dark-rgb: 33,37,41;

  --bs-primary-text-emphasis: #052c65;

  --bs-secondary-text-emphasis: #2b2f32;

  --bs-success-text-emphasis: #0a3622;

  --bs-info-text-emphasis: #055160;

  --bs-warning-text-emphasis: #664d03;

  --bs-danger-text-emphasis: #58151c;

  --bs-light-text-emphasis: #495057;

  --bs-dark-text-emphasis: #495057;

  --bs-primary-bg-subtle: #cfe2ff;

  --bs-secondary-bg-subtle: #e2e3e5;

  --bs-success-bg-subtle: #d1e7dd;

  --bs-info-bg-subtle: #cff4fc;

  --bs-warning-bg-subtle: #fff3cd;

  --bs-danger-bg-subtle: #f8d7da;

  --bs-light-bg-subtle: #fcfcfd;

  --bs-dark-bg-subtle: #ced4da;

  --bs-primary-border-subtle: #9ec5fe;

  --bs-secondary-border-subtle: #c4c8cb;

  --bs-success-border-subtle: #a3cfbb;

  --bs-info-border-subtle: #9eeaf9;

  --bs-warning-border-subtle: #ffe69c;

  --bs-danger-border-subtle: #f1aeb5;

  --bs-light-border-subtle: #e9ecef;

  --bs-dark-border-subtle: #adb5bd;

  --bs-white-rgb: 255,255,255;

  --bs-black-rgb: 0,0,0;

  --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

  --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

  --bs-body-font-family: var(--bs-font-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.5);

  --bs-tertiary-color-rgb: 33,37,41;

  --bs-tertiary-bg: #f8f9fa;

  --bs-tertiary-bg-rgb: 248,249,250;

  --bs-heading-color: inherit;

  --bs-link-color: #0d6efd;

  --bs-link-color-rgb: 13,110,253;

  --bs-link-decoration: underline;

  --bs-link-hover-color: #0a58ca;

  --bs-link-hover-color-rgb: 10,88,202;

  --bs-code-color: #d63384;

  --bs-highlight-color: #212529;

  --bs-highlight-bg: #fff3cd;

  --bs-border-width: 1px;

  --bs-border-style: solid;

  --bs-border-color: #dee2e6;

  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);

  --bs-border-radius: 0.375rem;

  --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(13, 110, 253, 0.25);

  --bs-form-valid-color: #198754;

  --bs-form-valid-border-color: #198754;

  --bs-form-invalid-color: #dc3545;

  --bs-form-invalid-border-color: #dc3545

}

[data-bs-theme=dark] {

  color-scheme: dark;

  --bs-body-color: #dee2e6;

  --bs-body-color-rgb: 222,226,230;

  --bs-body-bg: #212529;

  --bs-body-bg-rgb: 33,37,41;

  --bs-emphasis-color: #fff;

  --bs-emphasis-color-rgb: 255,255,255;

  --bs-secondary-color: rgba(222, 226, 230, 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.5);

  --bs-tertiary-color-rgb: 222,226,230;

  --bs-tertiary-bg: #2b3035;

  --bs-tertiary-bg-rgb: 43,48,53;

  --bs-primary-text-emphasis: #6ea8fe;

  --bs-secondary-text-emphasis: #a7acb1;

  --bs-success-text-emphasis: #75b798;

  --bs-info-text-emphasis: #6edff6;

  --bs-warning-text-emphasis: #ffda6a;

  --bs-danger-text-emphasis: #ea868f;

  --bs-light-text-emphasis: #f8f9fa;

  --bs-dark-text-emphasis: #dee2e6;

  --bs-primary-bg-subtle: #031633;

  --bs-secondary-bg-subtle: #161719;

  --bs-success-bg-subtle: #051b11;

  --bs-info-bg-subtle: #032830;

  --bs-warning-bg-subtle: #332701;

  --bs-danger-bg-subtle: #2c0b0e;

  --bs-light-bg-subtle: #343a40;

  --bs-dark-bg-subtle: #1a1d20;

  --bs-primary-border-subtle: #084298;

  --bs-secondary-border-subtle: #41464b;

  --bs-success-border-subtle: #0f5132;

  --bs-info-border-subtle: #087990;

  --bs-warning-border-subtle: #997404;

  --bs-danger-border-subtle: #842029;

  --bs-light-border-subtle: #495057;

  --bs-dark-border-subtle: #343a40;

  --bs-heading-color: inherit;

  --bs-link-color: #6ea8fe;

  --bs-link-hover-color: #8bb9fe;

  --bs-link-color-rgb: 110,168,254;

  --bs-link-hover-color-rgb: 139,185,254;

  --bs-code-color: #e685b5;

  --bs-highlight-color: #dee2e6;

  --bs-highlight-bg: #664d03;

  --bs-border-color: #495057;

  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);

  --bs-form-valid-color: #75b798;

  --bs-form-valid-border-color: #75b798;

  --bs-form-invalid-color: #ea868f;

  --bs-form-invalid-border-color: #ea868f;

  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);

  --bs-carousel-indicator-active-bg: #000;

  --bs-carousel-caption-color: #000;

  --bs-carousel-control-icon-filter: invert(1) grayscale(100)

}

*,

::after,

::before {

  box-sizing: border-box

}

@media (prefers-reduced-motion:no-preference) {

  :root {

    scroll-behavior: smooth

  }

}

body {

  margin: 0;

  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);

  color: var(--bs-body-color);

  text-align: var(--bs-body-text-align);

  background-color: var(--bs-body-bg);

  text-size-adjust: 100%;

  -webkit-tap-highlight-color: transparent

}

hr {

  margin: 1rem 0;

  color: inherit;

  border-right: 0px;

  border-bottom: 0;

  border-left: 0;

  border-image: initial;

  border-top: var(--bs-border-width) solid;

  opacity: .25

}

.h1,

.h2,

.h3,

.h4,

h1,

h2,

h3,

h4,

h5,

h6 {

  margin-top: 0;

  margin-bottom: .5rem;

  font-weight: 500;

  line-height: 1.2;

  color: var(--bs-heading-color)

}

@media (min-width:1200px) {

  .h1,

  h1 {

    font-size: 2.5rem

  }

  .h2,

  h2 {

    font-size: 2rem

  }

  .h3,

  h3 {

    font-size: 1.75rem

  }

}

.h4,

h4 {

  font-size: calc(1.275rem + .3vw)

}

@media (min-width:1200px) {

  .h4,

  h4 {

    font-size: 1.5rem

  }

}

h5 {

  font-size: 1.25rem

}

h6 {

  font-size: 1rem

}

address {

  margin-bottom: 1rem;

  font-style: normal;

  line-height: inherit

}

ol,

ul {

  padding-left: 2rem

}

dl,

ol,

ul {

  margin-top: 0;

  margin-bottom: 1rem

}

ol ol,

ol ul,

ul ol,

ul ul {

  margin-bottom: 0

}

dt {

  font-weight: 700

}

blockquote {

  margin: 0 0 1rem

}

b,

strong {

  font-weight: bolder

}

.small,

small {

  font-size: .875em

}

.mark,

mark {

  padding: .1875em;

  color: var(--bs-highlight-color);

  background-color: var(--bs-highlight-bg)

}

sub,

sup {

  position: relative;

  font-size: .75em;

  line-height: 0;

  vertical-align: baseline

}

sub {

  bottom: -.25em

}

sup {

  top: -.5em

}

a {

  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1))

}

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;

  margin-top: 0;

  margin-bottom: 1rem;

  overflow: auto;

  font-size: .875em

}

pre code {

  font-size: inherit;

  color: inherit;

  word-break: normal

}

code {

  font-size: .875em;

  color: var(--bs-code-color);

  overflow-wrap: break-word

}

a > code {

  color: inherit

}

kbd {

  padding: .1875rem .375rem;

  font-size: .875em;

  color: var(--bs-body-bg);

  background-color: var(--bs-body-color);

  border-radius: .25rem

}

kbd kbd {

  padding: 0;

  font-size: 1em

}

img,

svg {

  vertical-align: middle

}

table {

  caption-side: bottom;

  border-collapse: collapse

}

caption {

  padding-top: .5rem;

  padding-bottom: .5rem;

  color: var(--bs-secondary-color);

  text-align: left

}

th {

  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 {

  margin: 0;

  font-family: inherit;

  font-size: inherit;

  line-height: inherit

}

button,

select {

  text-transform: none

}

[role=button],

[type=button]:not(:disabled),

[type=reset]:not(:disabled),

[type=submit]:not(:disabled),

button:not(:disabled) {

  cursor: pointer

}

select {

  overflow-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 {

  appearance: button

}

textarea {

  resize: vertical

}

fieldset {

  min-width: 0;

  padding: 0;

  margin: 0;

  border: 0

}

legend {

  float: left;

  width: 100%;

  padding: 0;

  margin-bottom: .5rem;

  line-height: inherit;

  font-size: calc(1.275rem + .3vw)

}

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] {

  appearance: textfield;

  outline-offset: -2px

}

::-webkit-search-decoration {

  appearance: none

}

::-webkit-color-swatch-wrapper {

  padding: 0

}

::-webkit-file-upload-button {

  font: inherit;

  appearance: button

}

::file-selector-button {

  font: inherit;

  appearance: button

}

output {

  display: inline-block

}

iframe {

  border: 0

}

summary {

  display: list-item;

  cursor: pointer

}

progress {

  vertical-align: baseline

}

[hidden] {

  display: none!important

}

.lead {

  font-size: 1.25rem;

  font-weight: 300

}

.display-3 {

  font-weight: 300;

  line-height: 1.2;

  font-size: calc(1.525rem + 3.3vw)

}

@media (min-width:1200px) {

  legend {

    font-size: 1.5rem

  }

  .display-3 {

    font-size: 4rem

  }

}

.display-6 {

  font-weight: 300;

  line-height: 1.2;

  font-size: calc(1.375rem + 1.5vw)

}

@media (min-width:1200px) {

  .display-6 {

    font-size: 2.5rem

  }

}

.list-inline,

.list-unstyled {

  padding-left: 0;

  list-style: none

}

.list-inline-item {

  display: inline-block

}

.list-inline-item:not(:last-child) {

  margin-right: .5rem

}

.blockquote {

  margin-bottom: 1rem;

  font-size: 1.25rem

}

.blockquote > :last-child {

  margin-bottom: 0

}

.img-fluid {

  max-width: 100%;

  height: auto

}

.figure {

  display: inline-block

}

.container,

.container-fluid {

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0;

  width: 100%;

  padding-right: calc(var(--bs-gutter-x) * .5);

  padding-left: calc(var(--bs-gutter-x) * .5);

  margin-right: auto;

  margin-left: auto

}

@media (min-width:576px) {

  .container {

    max-width: 540px

  }

}

@media (min-width:768px) {

  .container {

    max-width: 720px

  }

}

@media (min-width:992px) {

  .container {

    max-width: 960px

  }

}

@media (min-width:1200px) {

  .container {

    max-width: 1140px

  }

}

@media (min-width:1400px) {

  .container {

    max-width: 1320px

  }

}

:root {

  --bs-breakpoint-xs: 0;

  --bs-breakpoint-sm: 576px;

  --bs-breakpoint-md: 768px;

  --bs-breakpoint-lg: 992px;

  --bs-breakpoint-xl: 1200px;

  --bs-breakpoint-xxl: 1400px;

  --swiper-theme-color: #007aff;

  --swiper-navigation-size: 44px

}

.row {

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0;

  display: flex;

  flex-wrap: wrap;

  margin-top: calc(-1 * var(--bs-gutter-y));

  margin-right: calc(-.5 * var(--bs-gutter-x));

  margin-left: calc(-.5 * var(--bs-gutter-x))

}

.row > * {

  flex-shrink: 0;

  width: 100%;

  max-width: 100%;

  padding-right: calc(var(--bs-gutter-x) * .5);

  padding-left: calc(var(--bs-gutter-x) * .5);

  margin-top: var(--bs-gutter-y)

}

.col {

  flex: 1 0 0px

}

.row-cols-1 > * {

  flex: 0 0 auto;

  width: 100%

}

.col-6 {

  flex: 0 0 auto;

  width: 50%

}

.col-12 {

  flex: 0 0 auto;

  width: 100%

}

.g-0 {

  --bs-gutter-x: 0;

  --bs-gutter-y: 0

}

.g-1 {

  --bs-gutter-x: 0.25rem;

  --bs-gutter-y: 0.25rem

}

.g-3 {

  --bs-gutter-x: 1rem;

  --bs-gutter-y: 1rem

}

.g-4 {

  --bs-gutter-x: 1.5rem

}

.g-4,

.gy-4 {

  --bs-gutter-y: 1.5rem

}

.g-5 {

  --bs-gutter-x: 3rem;

  --bs-gutter-y: 3rem

}

@media (min-width:576px) {

  .col-sm-6,

  .row-cols-sm-2>* {

    flex: 0 0 auto;

    width: 50%

  }

}

@media (min-width:768px) {

  .col-md-3 {

    flex: 0 0 auto;

    width: 25%

  }

  .col-md-4 {

    flex: 0 0 auto;

    width: 33.3333%

  }

  .col-md-6 {

    flex: 0 0 auto;

    width: 50%

  }

  .col-md-12 {

    flex: 0 0 auto;

    width: 100%

  }

}

@media (min-width:992px) {

  .row-cols-lg-5 > * {

    flex: 0 0 auto;

    width: 20%

  }

  .col-lg-2 {

    flex: 0 0 auto;

    width: 16.6667%

  }

  .col-lg-3 {

    flex: 0 0 auto;

    width: 25%

  }

  .col-lg-4 {

    flex: 0 0 auto;

    width: 33.3333%

  }

  .col-lg-5 {

    flex: 0 0 auto;

    width: 41.6667%

  }

  .col-lg-6 {

    flex: 0 0 auto;

    width: 50%

  }

  .col-lg-7 {

    flex: 0 0 auto;

    width: 58.3333%

  }

  .col-lg-8 {

    flex: 0 0 auto;

    width: 66.6667%

  }

  .col-lg-12 {

    flex: 0 0 auto;

    width: 100%

  }

}

@media (min-width:1200px) {

  .col-xl-3 {

    flex: 0 0 auto;

    width: 25%

  }

  .col-xl-6 {

    flex: 0 0 auto;

    width: 50%

  }

}

.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);

  width: 100%;

  margin-bottom: 1rem;

  vertical-align: top;

  border-color: var(--bs-table-border-color)

}

.table > :not(caption) > * > * {

  padding: .5rem;

  color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));

  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)))

}

.table > tbody {

  vertical-align: inherit

}

.table > thead {

  vertical-align: bottom

}

.table-bordered > :not(caption) > * {

  border-width: var(--bs-border-width) 0

}

.table-bordered > :not(caption) > * > * {

  border-width: 0 var(--bs-border-width)

}

.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-responsive {

  overflow-x: auto

}

.form-label {

  margin-bottom: .5rem

}

.form-text {

  margin-top: .25rem;

  font-size: .875em;

  color: var(--bs-secondary-color)

}

.form-control {

  display: block;

  width: 100%;

  padding: .375rem .75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: var(--bs-body-color);

  appearance: none;

  background-color: var(--bs-body-bg);

  background-clip: padding-box;

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: var(--bs-border-radius);

  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out

}

.form-control[type=file] {

  overflow: hidden

}

.form-control[type=file]:not(:disabled):not([readonly]) {

  cursor: pointer

}

.form-control:focus {

  color: var(--bs-body-color);

  background-color: var(--bs-body-bg);

  border-color: #86b7fe;

  outline: 0;

  box-shadow: rgba(13,110,253,.25) 0 0 0 .25rem

}

.form-control::-webkit-date-and-time-value {

  min-width: 85px;

  height: 1.5em;

  margin: 0

}

.form-control::-webkit-datetime-edit {

  display: block;

  padding: 0

}

.form-control::placeholder {

  color: var(--bs-secondary-color);

  opacity: 1

}

.form-control:disabled {

  background-color: var(--bs-secondary-bg);

  opacity: 1

}

.form-control::-webkit-file-upload-button {

  padding: .375rem .75rem;

  margin: -.375rem -.75rem;

  margin-inline-end: .75rem;

  color: var(--bs-body-color);

  background-color: var(--bs-tertiary-bg);

  pointer-events: none;

  border: 0 solid;

  border-inline-end-width: var(--bs-border-width);

  border-radius: 0;

  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

  border-color: inherit

}

.form-control::file-selector-button {

  padding: .375rem .75rem;

  margin: -.375rem -.75rem;

  margin-inline-end: .75rem;

  color: var(--bs-body-color);

  background-color: var(--bs-tertiary-bg);

  pointer-events: none;

  border: 0 solid;

  border-inline-end-width: var(--bs-border-width);

  border-radius: 0;

  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

  border-color: inherit

}

@media (prefers-reduced-motion:reduce) {

  .form-control {

    transition: none

  }

  .form-control::-webkit-file-upload-button {

    transition: none

  }

  .form-control::file-selector-button {

    transition: none

  }

}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {

  background-color: var(--bs-secondary-bg)

}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {

  background-color: var(--bs-secondary-bg)

}

.form-control-plaintext {

  display: block;

  width: 100%;

  padding: .375rem 0;

  margin-bottom: 0;

  line-height: 1.5;

  color: var(--bs-body-color);

  background-color: transparent;

  border-style: solid;

  border-color: transparent;

  border-image: initial;

  border-width: var(--bs-border-width) 0

}

.form-control-plaintext:focus {

  outline: 0

}

.form-control-plaintext.form-control-lg,

.form-control-plaintext.form-control-sm {

  padding-right: 0;

  padding-left: 0

}

.form-control-sm {

  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));

  padding: .25rem .5rem;

  font-size: .875rem;

  border-radius: var(--bs-border-radius-sm)

}

.form-control-sm::-webkit-file-upload-button {

  padding: .25rem .5rem;

  margin: -.25rem -.5rem;

  margin-inline-end: .5rem

}

.form-control-sm::file-selector-button {

  padding: .25rem .5rem;

  margin: -.25rem -.5rem;

  margin-inline-end: .5rem

}

.form-control-lg {

  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));

  padding: .5rem 1rem;

  font-size: 1.25rem;

  border-radius: var(--bs-border-radius-lg)

}

.form-control-lg::-webkit-file-upload-button {

  padding: .5rem 1rem;

  margin: -.5rem -1rem;

  margin-inline-end: 1rem

}

.form-control-lg::file-selector-button {

  padding: .5rem 1rem;

  margin: -.5rem -1rem;

  margin-inline-end: 1rem

}

textarea.form-control {

  min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))

}

textarea.form-control-sm {

  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))

}

textarea.form-control-lg {

  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))

}

.form-control-color {

  width: 3rem;

  height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));

  padding: .375rem

}

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

  cursor: pointer

}

.form-control-color::-webkit-color-swatch {

  border-radius: var(--bs-border-radius);

  border: 0!important

}

.form-control-color.form-control-sm {

  height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))

}

.form-control-color.form-control-lg {

  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))

}

.form-select {

  --bs-form-select-bg-img: url("data:image/svg+xml,%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");

  display: block;

  width: 100%;

  padding: .375rem 2.25rem .375rem .75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: var(--bs-body-color);

  appearance: none;

  background-color: var(--bs-body-bg);

  background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);

  background-repeat: no-repeat;

  background-position: right .75rem center;

  background-size: 16px 12px;

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: var(--bs-border-radius);

  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out

}

.form-select:focus {

  border-color: #86b7fe;

  outline: 0;

  box-shadow: rgba(13,110,253,.25) 0 0 0 .25rem

}

.form-select[multiple],

.form-select[size]:not([size="1"]) {

  padding-right: .75rem;

  background-image: none

}

.form-select:disabled {

  background-color: var(--bs-secondary-bg)

}

.form-select-sm {

  padding-top: .25rem;

  padding-bottom: .25rem;

  padding-left: .5rem;

  font-size: .875rem;

  border-radius: var(--bs-border-radius-sm)

}

.form-select-lg {

  padding-top: .5rem;

  padding-bottom: .5rem;

  padding-left: 1rem;

  font-size: 1.25rem;

  border-radius: var(--bs-border-radius-lg)

}

[data-bs-theme=dark] .form-select {

  --bs-form-select-bg-img: url("data:image/svg+xml,%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;

  min-height: 1.5rem;

  padding-left: 1.5em;

  margin-bottom: .125rem

}

.form-check .form-check-input {

  float: left;

  margin-left: -1.5em

}

.form-check-reverse {

  padding-right: 1.5em;

  padding-left: 0;

  text-align: right

}

.form-check-reverse .form-check-input {

  float: right;

  margin-right: -1.5em;

  margin-left: 0

}

.form-check-input {

  --bs-form-check-bg: var(--bs-body-bg);

  flex-shrink: 0;

  width: 1em;

  height: 1em;

  margin-top: .25em;

  vertical-align: top;

  appearance: none;

  background-color: var(--bs-form-check-bg);

  background-image: var(--bs-form-check-bg-image);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

  border: var(--bs-border-width) solid var(--bs-border-color);

  print-color-adjust: exact

}

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

  border-radius: .25em

}

.form-check-input[type=radio] {

  border-radius: 50%

}

.form-check-input:active {

  filter: brightness(90%)

}

.form-check-input:focus {

  border-color: #86b7fe;

  outline: 0;

  box-shadow: rgba(13,110,253,.25) 0 0 0 .25rem

}

.form-check-input:checked {

  background-color: #0d6efd;

  border-color: #0d6efd

}

.form-check-input:checked[type=checkbox] {

  --bs-form-check-bg-image: url("data:image/svg+xml,%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,%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: #0d6efd;

  border-color: #0d6efd;

  --bs-form-check-bg-image: url("data:image/svg+xml,%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 {

  pointer-events: none;

  filter: none;

  opacity: .5

}

.form-check-input:disabled ~ .form-check-label,

.form-check-input[disabled] ~ .form-check-label {

  cursor: default;

  opacity: .5

}

.form-switch {

  padding-left: 2.5em

}

.form-switch .form-check-input {

  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");

  width: 2em;

  margin-left: -2.5em;

  background-image: var(--bs-form-switch-bg);

  background-position: left center;

  border-radius: 2em;

  transition: background-position .15s ease-in-out

}

@media (prefers-reduced-motion:reduce) {

  .form-select,

  .form-switch .form-check-input {

    transition: none

  }

}

.form-switch .form-check-input:focus {

  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")

}

.form-switch .form-check-input:checked {

  background-position: right center;

  --bs-form-switch-bg: url("data:image/svg+xml,%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-right: 2.5em;

  padding-left: 0

}

.form-switch.form-check-reverse .form-check-input {

  margin-right: -2.5em;

  margin-left: 0

}

.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 {

  pointer-events: none;

  filter: none;

  opacity: .65

}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {

  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")

}

.form-range {

  width: 100%;

  height: 1.5rem;

  padding: 0;

  appearance: none;

  background-color: transparent

}

.form-range:focus {

  outline: 0

}

.form-range:focus::-webkit-slider-thumb {

  box-shadow: #fff 0 0 0 1px,rgba(13,110,253,.25) 0 0 0 .25rem

}

.form-range::-webkit-slider-thumb {

  appearance: none;

  width: 1rem;

  height: 1rem;

  margin-top: -.25rem;

  appearance: none;

  background-color: #0d6efd;

  border: 0;

  border-radius: 1rem;

  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out

}

.form-range::-webkit-slider-thumb:active {

  background-color: #b6d4fe

}

.form-range::-webkit-slider-runnable-track {

  width: 100%;

  height: .5rem;

  color: transparent;

  cursor: pointer;

  background-color: var(--bs-secondary-bg);

  border-color: transparent;

  border-radius: 1rem

}

.form-range:disabled {

  pointer-events: none

}

.form-range:disabled::-webkit-slider-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 + calc(var(--bs-border-width) * 2));

  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));

  line-height: 1.25

}

.form-floating > label {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

  max-width: 100%;

  height: 100%;

  padding: 1rem .75rem;

  overflow: hidden;

  color: rgba(var(--bs-body-color-rgb),.65);

  text-align: start;

  text-overflow: ellipsis;

  white-space: nowrap;

  pointer-events: none;

  border: var(--bs-border-width) solid transparent;

  transform-origin: 0px 0px;

  transition: opacity .1s ease-in-out,transform .1s ease-in-out

}

.form-floating > .form-control,

.form-floating > .form-control-plaintext {

  padding: 1rem .75rem

}

.form-floating > .form-control-plaintext::placeholder,

.form-floating > .form-control::placeholder {

  color: transparent

}

.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-top: 1.625rem;

  padding-bottom: .625rem

}

.form-floating > .form-control-plaintext:-webkit-autofill,

.form-floating > .form-control:-webkit-autofill {

  padding-top: 1.625rem;

  padding-bottom: .625rem

}

.form-floating > .form-select {

  padding-top: 1.625rem;

  padding-bottom: .625rem;

  padding-left: .75rem

}

.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 {

  transform: scale(.85) translateY(-.5rem) translateX(.15rem)

}

.form-floating > textarea:focus ~ label::after,

.form-floating > textarea:not(:placeholder-shown) ~ label::after {

  position: absolute;

  inset: 1rem 0.375rem;

  z-index: -1;

  height: 1.5em;

  content: "";

  background-color: var(--bs-body-bg);

  border-radius: var(--bs-border-radius)

}

.form-floating > textarea:disabled ~ label::after {

  background-color: var(--bs-secondary-bg)

}

.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

}

.input-group {

  position: relative;

  display: flex;

  flex-wrap: wrap;

  align-items: stretch;

  width: 100%

}

.input-group > .form-control,

.input-group > .form-floating,

.input-group > .form-select {

  position: relative;

  flex: 1 1 auto;

  width: 1%;

  min-width: 0

}

.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 {

  display: flex;

  align-items: center;

  padding: .375rem .75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: var(--bs-body-color);

  text-align: center;

  white-space: nowrap;

  background-color: var(--bs-tertiary-bg);

  border: var(--bs-border-width) solid var(--bs-border-color);

  border-radius: var(--bs-border-radius)

}

.input-group-lg > .btn,

.input-group-lg > .form-control,

.input-group-lg > .form-select,

.input-group-lg > .input-group-text {

  padding: .5rem 1rem;

  font-size: 1.25rem;

  border-radius: var(--bs-border-radius-lg)

}

.input-group-sm > .btn,

.input-group-sm > .form-control,

.input-group-sm > .form-select,

.input-group-sm > .input-group-text {

  padding: .25rem .5rem;

  font-size: .875rem;

  border-radius: var(--bs-border-radius-sm)

}

.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-top-right-radius: 0;

  border-bottom-right-radius: 0

}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {

  margin-left: calc(-1 * var(--bs-border-width));

  border-top-left-radius: 0;

  border-bottom-left-radius: 0

}

.input-group > .form-floating:not(:first-child) > .form-control,

.input-group > .form-floating:not(:first-child) > .form-select {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0

}

.valid-feedback {

  display: none;

  width: 100%;

  margin-top: .25rem;

  font-size: .875em;

  color: var(--bs-form-valid-color)

}

.valid-tooltip {

  position: absolute;

  top: 100%;

  z-index: 5;

  display: none;

  max-width: 100%;

  padding: .25rem .5rem;

  margin-top: .1rem;

  font-size: .875rem;

  color: #fff;

  background-color: var(--bs-success);

  border-radius: var(--bs-border-radius)

}

.is-valid ~ .valid-feedback,

.is-valid ~ .valid-tooltip,

.was-validated :valid ~ .valid-feedback,

.was-validated :valid ~ .valid-tooltip {

  display: block

}

.form-control.is-valid,

.was-validated .form-control:valid {

  border-color: var(--bs-form-valid-border-color);

  padding-right: calc(1.5em + .75rem);

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");

  background-repeat: no-repeat;

  background-position: right calc(.375em + .1875rem) center;

  background-size: calc(.75em + .375rem) calc(.75em + .375rem)

}

.form-control.is-valid:focus,

.was-validated .form-control:valid:focus {

  border-color: var(--bs-form-valid-border-color);

  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)

}

.was-validated textarea.form-control:valid,

textarea.form-control.is-valid {

  padding-right: calc(1.5em + .75rem);

  background-position: right calc(.375em + .1875rem) top calc(.375em + .1875rem)

}

.form-select.is-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"],

.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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");

  padding-right: 4.125rem;

  background-position: right .75rem center,right 2.25rem center;

  background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)

}

.form-select.is-valid:focus,

.was-validated .form-select:valid:focus {

  border-color: var(--bs-form-valid-border-color);

  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)

}

.form-control-color.is-valid,

.was-validated .form-control-color:valid {

  width: calc(1.5em + 3.75rem)

}

.form-check-input.is-valid,

.was-validated .form-check-input:valid {

  border-color: var(--bs-form-valid-border-color)

}

.form-check-input.is-valid:checked,

.was-validated .form-check-input:valid:checked {

  background-color: var(--bs-form-valid-color)

}

.form-check-input.is-valid:focus,

.was-validated .form-check-input:valid:focus {

  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)

}

.form-check-input.is-valid ~ .form-check-label,

.was-validated .form-check-input:valid ~ .form-check-label {

  color: var(--bs-form-valid-color)

}

.form-check-inline .form-check-input ~ .valid-feedback {

  margin-left: .5em

}

.input-group > .form-control:not(:focus).is-valid,

.input-group > .form-floating:not(:focus-within).is-valid,

.input-group > .form-select:not(:focus).is-valid,

.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 {

  display: none;

  width: 100%;

  margin-top: .25rem;

  font-size: .875em;

  color: var(--bs-form-invalid-color)

}

.invalid-tooltip {

  position: absolute;

  top: 100%;

  z-index: 5;

  display: none;

  max-width: 100%;

  padding: .25rem .5rem;

  margin-top: .1rem;

  font-size: .875rem;

  color: #fff;

  background-color: var(--bs-danger);

  border-radius: var(--bs-border-radius)

}

.is-invalid ~ .invalid-feedback,

.is-invalid ~ .invalid-tooltip,

.was-validated :invalid ~ .invalid-feedback,

.was-validated :invalid ~ .invalid-tooltip {

  display: block

}

.form-control.is-invalid,

.was-validated .form-control:invalid {

  border-color: var(--bs-form-invalid-border-color);

  padding-right: calc(1.5em + .75rem);

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");

  background-repeat: no-repeat;

  background-position: right calc(.375em + .1875rem) center;

  background-size: calc(.75em + .375rem) calc(.75em + .375rem)

}

.form-control.is-invalid:focus,

.was-validated .form-control:invalid:focus {

  border-color: var(--bs-form-invalid-border-color);

  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)

}

.was-validated textarea.form-control:invalid,

textarea.form-control.is-invalid {

  padding-right: calc(1.5em + .75rem);

  background-position: right calc(.375em + .1875rem) top calc(.375em + .1875rem)

}

.form-select.is-invalid,

.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"],

.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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");

  padding-right: 4.125rem;

  background-position: right .75rem center,right 2.25rem center;

  background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)

}

.form-select.is-invalid:focus,

.was-validated .form-select:invalid:focus {

  border-color: var(--bs-form-invalid-border-color);

  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)

}

.form-control-color.is-invalid,

.was-validated .form-control-color:invalid {

  width: calc(1.5em + 3.75rem)

}

.form-check-input.is-invalid,

.was-validated .form-check-input:invalid {

  border-color: var(--bs-form-invalid-border-color)

}

.form-check-input.is-invalid:checked,

.was-validated .form-check-input:invalid:checked {

  background-color: var(--bs-form-invalid-color)

}

.form-check-input.is-invalid:focus,

.was-validated .form-check-input:invalid:focus {

  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)

}

.form-check-input.is-invalid ~ .form-check-label,

.was-validated .form-check-input:invalid ~ .form-check-label {

  color: var(--bs-form-invalid-color)

}

.form-check-inline .form-check-input ~ .invalid-feedback {

  margin-left: .5em

}

.input-group > .form-control:not(:focus).is-invalid,

.input-group > .form-floating:not(:focus-within).is-invalid,

.input-group > .form-select:not(:focus).is-invalid,

.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

}

.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: var(--bs-border-radius);

  --bs-btn-hover-border-color: transparent;

  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 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), .5);

  display: inline-block;

  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);

  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);

  color: var(--bs-btn-color);

  text-align: center;

  text-decoration: none;

  vertical-align: middle;

  cursor: pointer;

  user-select: none;

  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);

  border-radius: var(--bs-btn-border-radius);

  background-color: var(--bs-btn-bg);

  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out

}

@media (prefers-reduced-motion:reduce) {

  .form-range::-webkit-slider-thumb {

    transition: none

  }

  .btn,

  .form-floating>label {

    transition: none

  }

}

.btn:hover {

  color: var(--bs-btn-hover-color);

  background-color: var(--bs-btn-hover-bg);

  border-color: var(--bs-btn-hover-border-color)

}

.btn-check + .btn:hover {

  color: var(--bs-btn-color);

  background-color: var(--bs-btn-bg);

  border-color: var(--bs-btn-border-color)

}

.btn:focus-visible {

  color: var(--bs-btn-hover-color);

  background-color: var(--bs-btn-hover-bg);

  border-color: var(--bs-btn-hover-border-color);

  outline: 0;

  box-shadow: var(--bs-btn-focus-box-shadow)

}

.btn-check:focus-visible + .btn {

  border-color: var(--bs-btn-hover-border-color);

  outline: 0;

  box-shadow: var(--bs-btn-focus-box-shadow)

}

.btn-check:checked + .btn,

.btn.active,

.btn.show,

.btn:first-child:active,

:not(.btn-check) + .btn:active {

  color: var(--bs-btn-active-color);

  background-color: var(--bs-btn-active-bg);

  border-color: var(--bs-btn-active-border-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 {

  color: var(--bs-btn-disabled-color);

  pointer-events: none;

  background-color: var(--bs-btn-disabled-bg);

  border-color: var(--bs-btn-disabled-border-color);

  opacity: var(--bs-btn-disabled-opacity)

}

.btn-primary {

  --bs-btn-color: #fff;

  --bs-btn-bg: #0d6efd;

  --bs-btn-border-color: #0d6efd;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #0b5ed7;

  --bs-btn-hover-border-color: #0a58ca;

  --bs-btn-focus-shadow-rgb: 49,132,253;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #0a58ca;

  --bs-btn-active-border-color: #0a53be;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #0d6efd;

  --bs-btn-disabled-border-color: #0d6efd

}

.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: #198754;

  --bs-btn-border-color: #198754;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #157347;

  --bs-btn-hover-border-color: #146c43;

  --bs-btn-focus-shadow-rgb: 60,153,110;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #146c43;

  --bs-btn-active-border-color: #13653f;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #198754;

  --bs-btn-disabled-border-color: #198754

}

.btn-info {

  --bs-btn-color: #000;

  --bs-btn-bg: #0dcaf0;

  --bs-btn-border-color: #0dcaf0;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #31d2f2;

  --bs-btn-hover-border-color: #25cff2;

  --bs-btn-focus-shadow-rgb: 11,172,204;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #3dd5f3;

  --bs-btn-active-border-color: #25cff2;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 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: #fff;

  --bs-btn-bg: #dc3545;

  --bs-btn-border-color: #dc3545;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #bb2d3b;

  --bs-btn-hover-border-color: #b02a37;

  --bs-btn-focus-shadow-rgb: 225,83,97;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #b02a37;

  --bs-btn-active-border-color: #a52834;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #dc3545;

  --bs-btn-disabled-border-color: #dc3545

}

.btn-light {

  --bs-btn-color: #000;

  --bs-btn-bg: #f8f9fa;

  --bs-btn-border-color: #f8f9fa;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #d3d4d5;

  --bs-btn-hover-border-color: #c6c7c8;

  --bs-btn-focus-shadow-rgb: 211,212,213;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #c6c7c8;

  --bs-btn-active-border-color: #babbbc;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 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: #0d6efd;

  --bs-btn-border-color: #0d6efd;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #0d6efd;

  --bs-btn-hover-border-color: #0d6efd;

  --bs-btn-focus-shadow-rgb: 13,110,253;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #0d6efd;

  --bs-btn-active-border-color: #0d6efd;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #0d6efd;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #0d6efd;

  --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: #198754;

  --bs-btn-border-color: #198754;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #198754;

  --bs-btn-hover-border-color: #198754;

  --bs-btn-focus-shadow-rgb: 25,135,84;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #198754;

  --bs-btn-active-border-color: #198754;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #198754;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #198754;

  --bs-gradient: none

}

.btn-outline-info {

  --bs-btn-color: #0dcaf0;

  --bs-btn-border-color: #0dcaf0;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #0dcaf0;

  --bs-btn-hover-border-color: #0dcaf0;

  --bs-btn-focus-shadow-rgb: 13,202,240;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #0dcaf0;

  --bs-btn-active-border-color: #0dcaf0;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 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: #dc3545;

  --bs-btn-border-color: #dc3545;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #dc3545;

  --bs-btn-hover-border-color: #dc3545;

  --bs-btn-focus-shadow-rgb: 220,53,69;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #dc3545;

  --bs-btn-active-border-color: #dc3545;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #dc3545;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #dc3545;

  --bs-gradient: none

}

.btn-outline-light {

  --bs-btn-color: #f8f9fa;

  --bs-btn-border-color: #f8f9fa;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #f8f9fa;

  --bs-btn-hover-border-color: #f8f9fa;

  --bs-btn-focus-shadow-rgb: 248,249,250;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #f8f9fa;

  --bs-btn-active-border-color: #f8f9fa;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 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: 49,132,253;

  text-decoration: underline

}

.btn-link:focus-visible {

  color: var(--bs-btn-color)

}

.btn-link:hover {

  color: var(--bs-btn-hover-color)

}

.btn-group-lg > .btn,

.btn-lg {

  --bs-btn-padding-y: 0.5rem;

  --bs-btn-padding-x: 1rem;

  --bs-btn-font-size: 1.25rem;

  --bs-btn-border-radius: var(--bs-border-radius-lg)

}

.btn-group-sm > .btn,

.btn-sm {

  --bs-btn-padding-y: 0.25rem;

  --bs-btn-padding-x: 0.5rem;

  --bs-btn-font-size: 0.875rem;

  --bs-btn-border-radius: var(--bs-border-radius-sm)

}

.fade {

  transition: opacity .15s linear

}

@media (prefers-reduced-motion:reduce) {

  .fade {

    transition: none

  }

}

.fade:not(.show) {

  opacity: 0

}

.collapse:not(.show) {

  display: none

}

.collapsing {

  height: 0;

  overflow: hidden;

  transition: height .35s

}

.collapsing.collapse-horizontal {

  width: 0;

  height: auto;

  transition: width .35s

}

@media (prefers-reduced-motion:reduce) {

  .collapsing,

  .collapsing.collapse-horizontal {

    transition: none

  }

}

.dropdown,

.dropdown-center,

.dropend,

.dropstart,

.dropup,

.dropup-center {

  position: relative

}

.dropdown-toggle {

  white-space: nowrap

}

.dropdown-toggle::after {

  display: inline-block;

  margin-left: .255em;

  vertical-align: .255em;

  content: "";

  border-width: .3em .3em 0;

  border-style: solid solid none;

  border-color: currentcolor transparent

}

.dropdown-toggle:empty::after {

  margin-left: 0

}

.dropdown-menu {

  --bs-dropdown-zindex: 1000;

  --bs-dropdown-min-width: 10rem;

  --bs-dropdown-padding-x: 0;

  --bs-dropdown-padding-y: 0.5rem;

  --bs-dropdown-spacer: 0.125rem;

  --bs-dropdown-font-size: 1rem;

  --bs-dropdown-color: var(--bs-body-color);

  --bs-dropdown-bg: var(--bs-body-bg);

  --bs-dropdown-border-color: var(--bs-border-color-translucent);

  --bs-dropdown-border-radius: var(--bs-border-radius);

  --bs-dropdown-border-width: var(--bs-border-width);

  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));

  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);

  --bs-dropdown-divider-margin-y: 0.5rem;

  --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: #0d6efd;

  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);

  --bs-dropdown-item-padding-x: 1rem;

  --bs-dropdown-item-padding-y: 0.25rem;

  --bs-dropdown-header-color: #6c757d;

  --bs-dropdown-header-padding-x: 1rem;

  --bs-dropdown-header-padding-y: 0.5rem;

  position: absolute;

  z-index: var(--bs-dropdown-zindex);

  display: none;

  min-width: var(--bs-dropdown-min-width);

  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);

  margin: 0;

  font-size: var(--bs-dropdown-font-size);

  color: var(--bs-dropdown-color);

  text-align: left;

  list-style: none;

  background-color: var(--bs-dropdown-bg);

  background-clip: padding-box;

  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);

  border-radius: var(--bs-dropdown-border-radius)

}

.dropdown-menu[data-bs-popper] {

  top: 100%;

  left: 0;

  margin-top: var(--bs-dropdown-spacer)

}

.dropdown-menu-start {

  --bs-position: start

}

.dropdown-menu-start[data-bs-popper] {

  right: auto;

  left: 0

}

.dropdown-menu-end {

  --bs-position: end

}

.dropdown-menu-end[data-bs-popper] {

  right: 0;

  left: auto

}

@media (min-width:576px) {

  .dropdown-menu-sm-start {

    --bs-position: start

  }

  .dropdown-menu-sm-start[data-bs-popper] {

    right: auto;

    left: 0

  }

  .dropdown-menu-sm-end {

    --bs-position: end

  }

  .dropdown-menu-sm-end[data-bs-popper] {

    right: 0;

    left: auto

  }

}

@media (min-width:768px) {

  .dropdown-menu-md-start {

    --bs-position: start

  }

  .dropdown-menu-md-start[data-bs-popper] {

    right: auto;

    left: 0

  }

  .dropdown-menu-md-end {

    --bs-position: end

  }

  .dropdown-menu-md-end[data-bs-popper] {

    right: 0;

    left: auto

  }

}

@media (min-width:992px) {

  .dropdown-menu-lg-start {

    --bs-position: start

  }

  .dropdown-menu-lg-start[data-bs-popper] {

    right: auto;

    left: 0

  }

  .dropdown-menu-lg-end {

    --bs-position: end

  }

  .dropdown-menu-lg-end[data-bs-popper] {

    right: 0;

    left: auto

  }

}

@media (min-width:1200px) {

  .dropdown-menu-xl-start {

    --bs-position: start

  }

  .dropdown-menu-xl-start[data-bs-popper] {

    right: auto;

    left: 0

  }

  .dropdown-menu-xl-end {

    --bs-position: end

  }

  .dropdown-menu-xl-end[data-bs-popper] {

    right: 0;

    left: auto

  }

}

@media (min-width:1400px) {

  .dropdown-menu-xxl-start {

    --bs-position: start

  }

  .dropdown-menu-xxl-start[data-bs-popper] {

    right: auto;

    left: 0

  }

  .dropdown-menu-xxl-end {

    --bs-position: end

  }

  .dropdown-menu-xxl-end[data-bs-popper] {

    right: 0;

    left: auto

  }

}

.dropup .dropdown-toggle::after {

  display: inline-block;

  margin-left: .255em;

  vertical-align: .255em;

  content: "";

  border-width: 0 .3em .3em;

  border-style: none solid solid;

  border-color: currentcolor transparent

}

.dropup .dropdown-toggle:empty::after {

  margin-left: 0

}

.dropend .dropdown-menu[data-bs-popper] {

  top: 0;

  right: auto;

  left: 100%;

  margin-top: 0;

  margin-left: var(--bs-dropdown-spacer)

}

.dropend .dropdown-toggle::after {

  display: inline-block;

  margin-left: .255em;

  content: "";

  border-width: .3em 0 .3em .3em;

  border-style: solid none solid solid;

  border-color: transparent currentcolor;

  vertical-align: 0

}

.dropend .dropdown-toggle:empty::after {

  margin-left: 0

}

.dropstart .dropdown-menu[data-bs-popper] {

  top: 0;

  right: 100%;

  left: auto;

  margin-top: 0;

  margin-right: var(--bs-dropdown-spacer)

}

.dropstart .dropdown-toggle::after {

  margin-left: .255em;

  vertical-align: .255em;

  content: "";

  display: none

}

.dropstart .dropdown-toggle::before {

  display: inline-block;

  margin-right: .255em;

  content: "";

  border-top: .3em solid transparent;

  border-right: .3em solid;

  border-bottom: .3em solid transparent;

  vertical-align: 0

}

.dropstart .dropdown-toggle:empty::after {

  margin-left: 0

}

.dropdown-divider {

  height: 0;

  margin: var(--bs-dropdown-divider-margin-y) 0;

  overflow: hidden;

  border-top: 1px solid var(--bs-dropdown-divider-bg);

  opacity: 1

}

.dropdown-item {

  display: block;

  width: 100%;

  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);

  clear: both;

  font-weight: 400;

  color: var(--bs-dropdown-link-color);

  text-align: inherit;

  text-decoration: none;

  white-space: nowrap;

  background-color: transparent;

  border: 0;

  border-radius: var(--bs-dropdown-item-border-radius,0)

}

.dropdown-item:focus,

.dropdown-item:hover {

  color: var(--bs-dropdown-link-hover-color);

  background-color: var(--bs-dropdown-link-hover-bg)

}

.dropdown-item.active,

.dropdown-item:active {

  color: var(--bs-dropdown-link-active-color);

  text-decoration: none;

  background-color: var(--bs-dropdown-link-active-bg)

}

.dropdown-item.disabled,

.dropdown-item:disabled {

  color: var(--bs-dropdown-link-disabled-color);

  pointer-events: none;

  background-color: transparent

}

.dropdown-menu.show {

  display: block

}

.dropdown-header {

  display: block;

  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);

  margin-bottom: 0;

  font-size: .875rem;

  color: var(--bs-dropdown-header-color);

  white-space: nowrap

}

.dropdown-item-text {

  display: block;

  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);

  color: var(--bs-dropdown-link-color)

}

.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: rgba(255, 255, 255, 0.15);

  --bs-dropdown-link-active-color: #fff;

  --bs-dropdown-link-active-bg: #0d6efd;

  --bs-dropdown-link-disabled-color: #adb5bd;

  --bs-dropdown-header-color: #adb5bd

}

.btn-group,

.btn-group-vertical {

  position: relative;

  display: inline-flex;

  vertical-align: middle

}

.btn-group > .btn,

.btn-group-vertical > .btn {

  position: relative;

  flex: 1 1 auto

}

.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,

.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 {

  z-index: 1

}

.btn-toolbar {

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start

}

.btn-toolbar .input-group {

  width: auto

}

.btn-group {

  border-radius: var(--bs-border-radius)

}

.btn-group > .btn-group:not(:first-child),

.btn-group > :not(.btn-check:first-child) + .btn {

  margin-left: calc(-1 * var(--bs-border-width))

}

.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-top-right-radius: 0;

  border-bottom-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-top-left-radius: 0;

  border-bottom-left-radius: 0

}

.dropdown-toggle-split {

  padding-right: .5625rem;

  padding-left: .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-right: .375rem;

  padding-left: .375rem

}

.btn-group-lg > .btn + .dropdown-toggle-split,

.btn-lg + .dropdown-toggle-split {

  padding-right: .75rem;

  padding-left: .75rem

}

.btn-group-vertical {

  flex-direction: column;

  align-items: flex-start;

  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(-1 * var(--bs-border-width))

}

.btn-group-vertical > .btn-group:not(:last-child) > .btn,

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0

}

.btn-group-vertical > .btn-group:not(:first-child) > .btn,

.btn-group-vertical > .btn:nth-child(n+3),

.btn-group-vertical > :not(.btn-check) + .btn {

  border-top-left-radius: 0;

  border-top-right-radius: 0

}

.nav {

  --bs-nav-link-padding-x: 1rem;

  --bs-nav-link-padding-y: 0.5rem;

  --bs-nav-link-font-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;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none

}

.nav-link {

  display: block;

  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);

  font-size: var(--bs-nav-link-font-size);

  font-weight: var(--bs-nav-link-font-weight);

  color: var(--bs-nav-link-color);

  text-decoration: none;

  background: 0 0;

  border: 0;

  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .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 {

  outline: 0;

  box-shadow: rgba(13,110,253,.25) 0 0 0 .25rem

}

.nav-link.disabled,

.nav-link:disabled {

  color: var(--bs-nav-link-disabled-color);

  pointer-events: none;

  cursor: default

}

.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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' 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;

  position: relative;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)

}

.navbar > .container,

.navbar > .container-fluid {

  display: flex;

  flex-wrap: inherit;

  align-items: center;

  justify-content: space-between

}

.navbar-brand {

  padding-top: var(--bs-navbar-brand-padding-y);

  padding-bottom: var(--bs-navbar-brand-padding-y);

  margin-right: var(--bs-navbar-brand-margin-end);

  font-size: var(--bs-navbar-brand-font-size);

  color: var(--bs-navbar-brand-color);

  text-decoration: none;

  white-space: nowrap

}

.navbar-brand:focus,

.navbar-brand:hover {

  color: var(--bs-navbar-brand-hover-color)

}

.navbar-nav {

  --bs-nav-link-padding-x: 0;

  --bs-nav-link-padding-y: 0.5rem;

  --bs-nav-link-font-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;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none

}

.navbar-nav .nav-link.active,

.navbar-nav .nav-link.show {

  color: var(--bs-navbar-active-color)

}

.navbar-nav .dropdown-menu {

  position: static

}

.navbar-collapse {

  flex-grow: 1;

  flex-basis: 100%;

  align-items: center

}

@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-right: var(--bs-navbar-nav-link-padding-x);

    padding-left: var(--bs-navbar-nav-link-padding-x)

  }

  .navbar-expand-lg .navbar-collapse {

    display: flex!important;

    flex-basis: auto

  }

  .navbar-expand-lg .offcanvas {

    position: static;

    z-index: auto;

    flex-grow: 1;

    transition: none;

    width: auto!important;

    height: auto!important;

    visibility: visible!important;

    background-color: transparent!important;

    border: 0!important;

    transform: none!important

  }

  .navbar-expand-lg .offcanvas .offcanvas-header {

    display: none

  }

  .navbar-expand-lg .offcanvas .offcanvas-body {

    display: flex;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible

  }

}

.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: var(--bs-border-width);

  --bs-card-border-color: var(--bs-border-color-translucent);

  --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: rgba(var(--bs-body-color-rgb), 0.03);

  --bs-card-cap-color:  ;

  --bs-card-height:  ;

  --bs-card-color:  ;

  --bs-card-bg: var(--bs-body-bg);

  --bs-card-img-overlay-padding: 1rem;

  --bs-card-group-margin: 0.75rem;

  position: relative;

  display: flex;

  flex-direction: column;

  min-width: 0;

  height: var(--bs-card-height);

  color: var(--bs-body-color);

  overflow-wrap: break-word;

  background-color: var(--bs-card-bg);

  background-clip: border-box;

  border: var(--bs-card-border-width) solid var(--bs-card-border-color);

  border-radius: var(--bs-card-border-radius)

}

.card > hr {

  margin-right: 0;

  margin-left: 0

}

.card > .list-group {

  border-top: inherit;

  border-bottom: inherit

}

.card > .list-group:first-child {

  border-top-width: 0;

  border-top-left-radius: var(--bs-card-inner-border-radius);

  border-top-right-radius: var(--bs-card-inner-border-radius)

}

.card > .list-group:last-child {

  border-bottom-width: 0;

  border-bottom-right-radius: var(--bs-card-inner-border-radius);

  border-bottom-left-radius: var(--bs-card-inner-border-radius)

}

.card-body {

  flex: 1 1 auto;

  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);

  color: var(--bs-card-color)

}

.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: var(--bs-border-width);

  --bs-accordion-border-radius: var(--bs-border-radius);

  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));

  --bs-accordion-btn-padding-x: 1.25rem;

  --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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

  --bs-accordion-btn-icon-width: 1.25rem;

  --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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);

  --bs-accordion-body-padding-x: 1.25rem;

  --bs-accordion-body-padding-y: 1rem;

  --bs-accordion-active-color: var(--bs-primary-text-emphasis);

  --bs-accordion-active-bg: var(--bs-primary-bg-subtle)

}

.accordion-button {

  position: relative;

  display: flex;

  align-items: center;

  width: 100%;

  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);

  font-size: 1rem;

  color: var(--bs-accordion-btn-color);

  text-align: left;

  background-color: var(--bs-accordion-btn-bg);

  border: 0;

  border-radius: 0;

  overflow-anchor: none;

  transition: var(--bs-accordion-transition)

}

.accordion-button:not(.collapsed) {

  color: var(--bs-accordion-active-color);

  background-color: var(--bs-accordion-active-bg);

  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)

}

.accordion-button:not(.collapsed)::after {

  background-image: var(--bs-accordion-btn-active-icon);

  transform: var(--bs-accordion-btn-icon-transform)

}

.accordion-button::after {

  flex-shrink: 0;

  width: var(--bs-accordion-btn-icon-width);

  height: var(--bs-accordion-btn-icon-width);

  margin-left: auto;

  content: "";

  background-image: var(--bs-accordion-btn-icon);

  background-repeat: no-repeat;

  background-size: var(--bs-accordion-btn-icon-width);

  transition: var(--bs-accordion-btn-icon-transition)

}

@media (prefers-reduced-motion:reduce) {

  .accordion-button,

  .accordion-button::after {

    transition: none

  }

}

.accordion-button:hover {

  z-index: 2

}

.accordion-button:focus {

  z-index: 3;

  outline: 0;

  box-shadow: var(--bs-accordion-btn-focus-box-shadow)

}

.accordion-header {

  margin-bottom: 0

}

.accordion-item {

  color: var(--bs-accordion-color);

  background-color: var(--bs-accordion-bg);

  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-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-right-radius: var(--bs-accordion-border-radius);

  border-bottom-left-radius: var(--bs-accordion-border-radius)

}

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {

  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);

  border-bottom-left-radius: var(--bs-accordion-inner-border-radius)

}

.accordion-item:last-of-type > .accordion-collapse {

  border-bottom-right-radius: var(--bs-accordion-border-radius);

  border-bottom-left-radius: var(--bs-accordion-border-radius)

}

.accordion-body {

  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)

}

[data-bs-theme=dark] .accordion-button::after {

  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")

}

.breadcrumb {

  --bs-breadcrumb-padding-x: 0;

  --bs-breadcrumb-padding-y: 0;

  --bs-breadcrumb-margin-bottom: 1rem;

  --bs-breadcrumb-bg:  ;

  --bs-breadcrumb-border-radius:  ;

  --bs-breadcrumb-divider-color: var(--bs-secondary-color);

  --bs-breadcrumb-item-padding-x: 0.5rem;

  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);

  display: flex;

  flex-wrap: wrap;

  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);

  margin-bottom: var(--bs-breadcrumb-margin-bottom);

  font-size: var(--bs-breadcrumb-font-size);

  list-style: none;

  background-color: var(--bs-breadcrumb-bg);

  border-radius: var(--bs-breadcrumb-border-radius)

}

.breadcrumb-item + .breadcrumb-item {

  padding-left: var(--bs-breadcrumb-item-padding-x)

}

.breadcrumb-item + .breadcrumb-item::before {

  float: left;

  padding-right: var(--bs-breadcrumb-item-padding-x);

  color: var(--bs-breadcrumb-divider-color);

  content: var(--bs-breadcrumb-divider, "/")

}

.breadcrumb-item.active {

  color: var(--bs-breadcrumb-item-active-color)

}

.pagination {

  --bs-pagination-padding-x: 0.75rem;

  --bs-pagination-padding-y: 0.375rem;

  --bs-pagination-font-size: 1rem;

  --bs-pagination-color: var(--bs-link-color);

  --bs-pagination-bg: var(--bs-body-bg);

  --bs-pagination-border-width: var(--bs-border-width);

  --bs-pagination-border-color: var(--bs-border-color);

  --bs-pagination-border-radius: var(--bs-border-radius);

  --bs-pagination-hover-color: var(--bs-link-hover-color);

  --bs-pagination-hover-bg: var(--bs-tertiary-bg);

  --bs-pagination-hover-border-color: var(--bs-border-color);

  --bs-pagination-focus-color: var(--bs-link-hover-color);

  --bs-pagination-focus-bg: var(--bs-secondary-bg);

  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);

  --bs-pagination-active-color: #fff;

  --bs-pagination-active-bg: #0d6efd;

  --bs-pagination-active-border-color: #0d6efd;

  --bs-pagination-disabled-color: var(--bs-secondary-color);

  --bs-pagination-disabled-bg: var(--bs-secondary-bg);

  --bs-pagination-disabled-border-color: var(--bs-border-color);

  display: flex;

  padding-left: 0;

  list-style: none

}

.page-link {

  position: relative;

  display: block;

  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);

  font-size: var(--bs-pagination-font-size);

  color: var(--bs-pagination-color);

  text-decoration: none;

  background-color: var(--bs-pagination-bg);

  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);

  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out

}

.page-link:hover {

  z-index: 2;

  color: var(--bs-pagination-hover-color);

  background-color: var(--bs-pagination-hover-bg);

  border-color: var(--bs-pagination-hover-border-color)

}

.page-link:focus {

  z-index: 3;

  color: var(--bs-pagination-focus-color);

  background-color: var(--bs-pagination-focus-bg);

  outline: 0;

  box-shadow: var(--bs-pagination-focus-box-shadow)

}

.active > .page-link,

.page-link.active {

  z-index: 3;

  color: var(--bs-pagination-active-color);

  background-color: var(--bs-pagination-active-bg);

  border-color: var(--bs-pagination-active-border-color)

}

.disabled > .page-link,

.page-link.disabled {

  color: var(--bs-pagination-disabled-color);

  pointer-events: none;

  background-color: var(--bs-pagination-disabled-bg);

  border-color: var(--bs-pagination-disabled-border-color)

}

.page-item:not(:first-child) .page-link {

  margin-left: calc(-1 * var(--bs-border-width))

}

.page-item:first-child .page-link {

  border-top-left-radius: var(--bs-pagination-border-radius);

  border-bottom-left-radius: var(--bs-pagination-border-radius)

}

.page-item:last-child .page-link {

  border-top-right-radius: var(--bs-pagination-border-radius);

  border-bottom-right-radius: var(--bs-pagination-border-radius)

}

.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;

  position: relative;

  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);

  margin-bottom: var(--bs-alert-margin-bottom);

  color: var(--bs-alert-color);

  background-color: var(--bs-alert-bg);

  border: var(--bs-alert-border);

  border-radius: var(--bs-alert-border-radius)

}

.alert-heading {

  color: inherit

}

.alert-link {

  font-weight: 700;

  color: var(--bs-alert-link-color)

}

.alert-dismissible {

  padding-right: 3rem

}

.alert-dismissible .btn-close {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 2;

  padding: 1.25rem 1rem

}

.alert-primary {

  --bs-alert-color: var(--bs-primary-text-emphasis);

  --bs-alert-bg: var(--bs-primary-bg-subtle);

  --bs-alert-border-color: var(--bs-primary-border-subtle);

  --bs-alert-link-color: var(--bs-primary-text-emphasis)

}

.alert-secondary {

  --bs-alert-color: var(--bs-secondary-text-emphasis);

  --bs-alert-bg: var(--bs-secondary-bg-subtle);

  --bs-alert-border-color: var(--bs-secondary-border-subtle);

  --bs-alert-link-color: var(--bs-secondary-text-emphasis)

}

.alert-success {

  --bs-alert-color: var(--bs-success-text-emphasis);

  --bs-alert-bg: var(--bs-success-bg-subtle);

  --bs-alert-border-color: var(--bs-success-border-subtle);

  --bs-alert-link-color: var(--bs-success-text-emphasis)

}

.alert-info {

  --bs-alert-color: var(--bs-info-text-emphasis);

  --bs-alert-bg: var(--bs-info-bg-subtle);

  --bs-alert-border-color: var(--bs-info-border-subtle);

  --bs-alert-link-color: var(--bs-info-text-emphasis)

}

.alert-warning {

  --bs-alert-color: var(--bs-warning-text-emphasis);

  --bs-alert-bg: var(--bs-warning-bg-subtle);

  --bs-alert-border-color: var(--bs-warning-border-subtle);

  --bs-alert-link-color: var(--bs-warning-text-emphasis)

}

.alert-danger {

  --bs-alert-color: var(--bs-danger-text-emphasis);

  --bs-alert-bg: var(--bs-danger-bg-subtle);

  --bs-alert-border-color: var(--bs-danger-border-subtle);

  --bs-alert-link-color: var(--bs-danger-text-emphasis)

}

.alert-light {

  --bs-alert-color: var(--bs-light-text-emphasis);

  --bs-alert-bg: var(--bs-light-bg-subtle);

  --bs-alert-border-color: var(--bs-light-border-subtle);

  --bs-alert-link-color: var(--bs-light-text-emphasis)

}

.alert-dark {

  --bs-alert-color: var(--bs-dark-text-emphasis);

  --bs-alert-bg: var(--bs-dark-bg-subtle);

  --bs-alert-border-color: var(--bs-dark-border-subtle);

  --bs-alert-link-color: var(--bs-dark-text-emphasis)

}

@keyframes progress-bar-stripes {

  0% {

    background-position-x: var(--bs-progress-height)

  }

}

.progress {

  --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: #0d6efd;

  --bs-progress-bar-transition: width 0.6s ease;

  display: flex;

  height: var(--bs-progress-height);

  overflow: hidden;

  font-size: var(--bs-progress-font-size);

  background-color: var(--bs-progress-bg);

  border-radius: var(--bs-progress-border-radius)

}

.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: #0d6efd;

  --bs-list-group-active-border-color: #0d6efd;

  display: flex;

  flex-direction: column;

  padding-left: 0;

  margin-bottom: 0;

  border-radius: var(--bs-list-group-border-radius)

}

.list-group-item {

  position: relative;

  display: block;

  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);

  color: var(--bs-list-group-color);

  text-decoration: none;

  background-color: var(--bs-list-group-bg);

  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)

}

.list-group-item:first-child {

  border-top-left-radius: inherit;

  border-top-right-radius: inherit

}

.list-group-item:last-child {

  border-bottom-right-radius: inherit;

  border-bottom-left-radius: inherit

}

.list-group-item.disabled,

.list-group-item:disabled {

  color: var(--bs-list-group-disabled-color);

  pointer-events: none;

  background-color: var(--bs-list-group-disabled-bg)

}

.list-group-item.active {

  z-index: 2;

  color: var(--bs-list-group-active-color);

  background-color: var(--bs-list-group-active-bg);

  border-color: var(--bs-list-group-active-border-color)

}

.list-group-item + .list-group-item {

  border-top-width: 0

}

.list-group-item + .list-group-item.active {

  margin-top: calc(-1 * var(--bs-list-group-border-width));

  border-top-width: var(--bs-list-group-border-width)

}

.list-group-item-action {

  width: 100%;

  color: var(--bs-list-group-action-color);

  text-align: inherit

}

.list-group-item-action:not(.active):focus,

.list-group-item-action:not(.active):hover {

  z-index: 1;

  color: var(--bs-list-group-action-hover-color);

  text-decoration: none;

  background-color: var(--bs-list-group-action-hover-bg)

}

.list-group-item-action:not(.active):active {

  color: var(--bs-list-group-action-active-color);

  background-color: var(--bs-list-group-action-active-bg)

}

.btn-close {

  --bs-btn-close-color: #000;

  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");

  --bs-btn-close-opacity: 0.5;

  --bs-btn-close-hover-opacity: 0.75;

  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);

  --bs-btn-close-focus-opacity: 1;

  --bs-btn-close-disabled-opacity: 0.25;

  box-sizing: content-box;

  width: 1em;

  height: 1em;

  padding: .25em;

  color: var(--bs-btn-close-color);

  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;

  filter: var(--bs-btn-close-filter);

  border: 0;

  border-radius: .375rem;

  opacity: var(--bs-btn-close-opacity)

}

.btn-close:hover {

  color: var(--bs-btn-close-color);

  text-decoration: none;

  opacity: var(--bs-btn-close-hover-opacity)

}

.btn-close:focus {

  outline: 0;

  box-shadow: var(--bs-btn-close-focus-shadow);

  opacity: var(--bs-btn-close-focus-opacity)

}

.btn-close.disabled,

.btn-close:disabled {

  pointer-events: none;

  user-select: none;

  opacity: var(--bs-btn-close-disabled-opacity)

}

.btn-close-white {

  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)

}

:root,

[data-bs-theme=light] {

  --bs-btn-close-filter:  ;

  --bs-carousel-indicator-active-bg: #fff;

  --bs-carousel-caption-color: #fff;

  --bs-carousel-control-icon-filter:  

}

.toast {

  --bs-toast-zindex: 1090;

  --bs-toast-padding-x: 0.75rem;

  --bs-toast-padding-y: 0.5rem;

  --bs-toast-spacing: 1.5rem;

  --bs-toast-max-width: 350px;

  --bs-toast-font-size: 0.875rem;

  --bs-toast-color:  ;

  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);

  --bs-toast-border-width: 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);

  width: var(--bs-toast-max-width);

  max-width: 100%;

  font-size: var(--bs-toast-font-size);

  color: var(--bs-toast-color);

  pointer-events: auto;

  background-color: var(--bs-toast-bg);

  background-clip: padding-box;

  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);

  box-shadow: var(--bs-toast-box-shadow);

  border-radius: var(--bs-toast-border-radius)

}

.toast.showing {

  opacity: 0

}

.toast:not(.show) {

  display: none

}

.modal {

  --bs-modal-zindex: 1055;

  --bs-modal-width: 500px;

  --bs-modal-padding: 1rem;

  --bs-modal-margin: 0.5rem;

  --bs-modal-color: var(--bs-body-color);

  --bs-modal-bg: var(--bs-body-bg);

  --bs-modal-border-color: var(--bs-border-color-translucent);

  --bs-modal-border-width: var(--bs-border-width);

  --bs-modal-border-radius: var(--bs-border-radius-lg);

  --bs-modal-box-shadow: var(--bs-box-shadow-sm);

  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));

  --bs-modal-header-padding-x: 1rem;

  --bs-modal-header-padding-y: 1rem;

  --bs-modal-header-padding: 1rem 1rem;

  --bs-modal-header-border-color: var(--bs-border-color);

  --bs-modal-header-border-width: var(--bs-border-width);

  --bs-modal-title-line-height: 1.5;

  --bs-modal-footer-gap: 0.5rem;

  --bs-modal-footer-bg:  ;

  --bs-modal-footer-border-color: var(--bs-border-color);

  --bs-modal-footer-border-width: var(--bs-border-width);

  position: fixed;

  top: 0;

  left: 0;

  z-index: var(--bs-modal-zindex);

  display: none;

  width: 100%;

  height: 100%;

  overflow: hidden auto;

  outline: 0

}

.modal-dialog {

  position: relative;

  width: auto;

  margin: var(--bs-modal-margin);

  pointer-events: none

}

.modal.fade .modal-dialog {

  transform: translate(0,-50px);

  transition: transform .3s ease-out

}

@media (prefers-reduced-motion:reduce) {

  .modal.fade .modal-dialog,

  .page-link {

    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 {

  display: flex;

  align-items: center;

  min-height: calc(100% - var(--bs-modal-margin) * 2)

}

.modal-content {

  position: relative;

  display: flex;

  flex-direction: column;

  width: 100%;

  color: var(--bs-modal-color);

  pointer-events: auto;

  background-color: var(--bs-modal-bg);

  background-clip: padding-box;

  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);

  border-radius: var(--bs-modal-border-radius);

  outline: 0

}

.modal-backdrop {

  --bs-backdrop-zindex: 1050;

  --bs-backdrop-bg: #000;

  --bs-backdrop-opacity: 0.5;

  position: fixed;

  top: 0;

  left: 0;

  z-index: var(--bs-backdrop-zindex);

  width: 100vw;

  height: 100vh;

  background-color: var(--bs-backdrop-bg)

}

.modal-backdrop.fade {

  opacity: 0

}

.modal-backdrop.show {

  opacity: var(--bs-backdrop-opacity)

}

.modal-header {

  display: flex;

  flex-shrink: 0;

  align-items: center;

  padding: var(--bs-modal-header-padding);

  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)

}

.modal-header .btn-close {

  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);

  margin-top: calc(-.5 * var(--bs-modal-header-padding-y));

  margin-right: calc(-.5 * var(--bs-modal-header-padding-x));

  margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));

  margin-left: auto

}

.modal-title {

  margin-bottom: 0;

  line-height: var(--bs-modal-title-line-height)

}

.modal-body {

  position: relative;

  flex: 1 1 auto;

  padding: var(--bs-modal-padding)

}

.modal-footer {

  display: flex;

  flex-shrink: 0;

  flex-wrap: wrap;

  align-items: center;

  justify-content: flex-end;

  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);

  background-color: var(--bs-modal-footer-bg);

  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);

  border-bottom-right-radius: var(--bs-modal-inner-border-radius);

  border-bottom-left-radius: var(--bs-modal-inner-border-radius)

}

.modal-footer > * {

  margin: calc(var(--bs-modal-footer-gap) * .5)

}

@media (min-width:576px) {

  .modal {

    --bs-modal-margin: 1.75rem;

    --bs-modal-box-shadow: var(--bs-box-shadow)

  }

  .modal-dialog {

    max-width: var(--bs-modal-width);

    margin-right: auto;

    margin-left: auto

  }

  .modal-sm {

    --bs-modal-width: 300px

  }

}

.modal-fullscreen {

  width: 100vw;

  max-width: none;

  height: 100%;

  margin: 0

}

.modal-fullscreen .modal-content {

  height: 100%;

  border: 0;

  border-radius: 0

}

.modal-fullscreen .modal-footer,

.modal-fullscreen .modal-header {

  border-radius: 0

}

.modal-fullscreen .modal-body {

  overflow-y: auto

}

@media (max-width:575.98px) {

  .modal-fullscreen-sm-down {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .modal-fullscreen-sm-down .modal-content {

    height: 100%;

    border: 0;

    border-radius: 0

  }

  .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 {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .modal-fullscreen-md-down .modal-content {

    height: 100%;

    border: 0;

    border-radius: 0

  }

  .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 {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .modal-fullscreen-lg-down .modal-content {

    height: 100%;

    border: 0;

    border-radius: 0

  }

  .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 {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .modal-fullscreen-xl-down .modal-content {

    height: 100%;

    border: 0;

    border-radius: 0

  }

  .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 {

    width: 100vw;

    max-width: none;

    height: 100%;

    margin: 0

  }

  .modal-fullscreen-xxl-down .modal-content {

    height: 100%;

    border: 0;

    border-radius: 0

  }

  .modal-fullscreen-xxl-down .modal-footer,

  .modal-fullscreen-xxl-down .modal-header {

    border-radius: 0

  }

  .modal-fullscreen-xxl-down .modal-body {

    overflow-y: auto

  }

}

.tooltip {

  --bs-tooltip-zindex: 1080;

  --bs-tooltip-max-width: 200px;

  --bs-tooltip-padding-x: 0.5rem;

  --bs-tooltip-padding-y: 0.25rem;

  --bs-tooltip-margin:  ;

  --bs-tooltip-font-size: 0.875rem;

  --bs-tooltip-color: var(--bs-body-bg);

  --bs-tooltip-bg: var(--bs-emphasis-color);

  --bs-tooltip-border-radius: var(--bs-border-radius);

  --bs-tooltip-opacity: 0.9;

  --bs-tooltip-arrow-width: 0.8rem;

  --bs-tooltip-arrow-height: 0.4rem;

  z-index: var(--bs-tooltip-zindex);

  display: block;

  margin: var(--bs-tooltip-margin);

  font-family: var(--bs-font-sans-serif);

  font-style: normal;

  font-weight: 400;

  line-height: 1.5;

  text-align: start;

  text-decoration: none;

  text-shadow: none;

  text-transform: none;

  letter-spacing: normal;

  word-break: normal;

  white-space: normal;

  word-spacing: normal;

  line-break: auto;

  font-size: var(--bs-tooltip-font-size);

  overflow-wrap: break-word;

  opacity: 0

}

.tooltip.show {

  opacity: var(--bs-tooltip-opacity)

}

.tooltip .tooltip-arrow {

  display: block;

  width: var(--bs-tooltip-arrow-width);

  height: var(--bs-tooltip-arrow-height)

}

.tooltip .tooltip-arrow::before {

  position: absolute;

  content: "";

  border-color: transparent;

  border-style: solid

}

.tooltip-inner {

  max-width: var(--bs-tooltip-max-width);

  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);

  color: var(--bs-tooltip-color);

  text-align: center;

  background-color: var(--bs-tooltip-bg);

  border-radius: var(--bs-tooltip-border-radius)

}

.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);

  z-index: var(--bs-popover-zindex);

  display: block;

  max-width: var(--bs-popover-max-width);

  font-family: var(--bs-font-sans-serif);

  font-style: normal;

  font-weight: 400;

  line-height: 1.5;

  text-align: start;

  text-decoration: none;

  text-shadow: none;

  text-transform: none;

  letter-spacing: normal;

  word-break: normal;

  white-space: normal;

  word-spacing: normal;

  line-break: auto;

  font-size: var(--bs-popover-font-size);

  overflow-wrap: break-word;

  background-color: var(--bs-popover-bg);

  background-clip: padding-box;

  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);

  border-radius: var(--bs-popover-border-radius)

}

.popover .popover-arrow {

  display: block;

  width: var(--bs-popover-arrow-width);

  height: var(--bs-popover-arrow-height)

}

.popover .popover-arrow::after,

.popover .popover-arrow::before {

  position: absolute;

  display: block;

  content: "";

  border: 0 solid transparent

}

.popover-header {

  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);

  margin-bottom: 0;

  font-size: var(--bs-popover-header-font-size);

  color: var(--bs-popover-header-color);

  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)

}

.popover-header:empty {

  display: none

}

.popover-body {

  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);

  color: var(--bs-popover-body-color)

}

.carousel {

  position: relative

}

.carousel-item {

  backface-visibility: hidden;

  position: relative;

  display: none;

  float: left;

  width: 100%;

  margin-right: -100%;

  backface-visibility: hidden;

  transition: transform .6s ease-in-out

}

.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-indicators {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 2;

  display: flex;

  justify-content: center;

  padding: 0;

  margin-right: 15%;

  margin-bottom: 1rem;

  margin-left: 15%

}

.carousel-indicators [data-bs-target] {

  box-sizing: content-box;

  flex: 0 1 auto;

  width: 30px;

  height: 3px;

  padding: 0;

  margin-right: 3px;

  margin-left: 3px;

  text-indent: -999px;

  cursor: pointer;

  background-color: var(--bs-carousel-indicator-active-bg);

  background-clip: padding-box;

  border-width: 10px 0;

  border-style: solid none;

  border-color: transparent currentcolor;

  border-image: initial;

  opacity: .5;

  transition: opacity .6s

}

@media (prefers-reduced-motion:reduce) {

  .carousel-indicators [data-bs-target],

  .carousel-item {

    transition: none

  }

}

.carousel-indicators .active {

  opacity: 1

}

@keyframes spinner-border {

  100% {

    transform: rotate(360deg)

  }

}

@keyframes spinner-grow {

  0% {

    transform: scale(0)

  }

  50% {

    opacity: 1;

    transform: none

  }

}

.offcanvas,

.offcanvas-lg,

.offcanvas-md,

.offcanvas-sm,

.offcanvas-xl,

.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:575.98px) {

  .offcanvas-sm {

    position: fixed;

    bottom: 0;

    z-index: var(--bs-offcanvas-zindex);

    display: flex;

    flex-direction: column;

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    background-clip: padding-box;

    outline: 0;

    transition: var(--bs-offcanvas-transition)

  }

  .offcanvas-sm.offcanvas-start {

    top: 0;

    left: 0;

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateX(-100%)

  }

  .offcanvas-sm.offcanvas-end {

    top: 0;

    right: 0;

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateX(100%)

  }

  .offcanvas-sm.offcanvas-top {

    top: 0;

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateY(-100%)

  }

  .offcanvas-sm.offcanvas-bottom {

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    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 (max-width:575.98px) and (prefers-reduced-motion:reduce) {

  .offcanvas-sm {

    transition: none

  }

}

@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 {

    display: flex;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible;

    background-color: transparent!important

  }

}

@media (max-width:767.98px) {

  .offcanvas-md {

    position: fixed;

    bottom: 0;

    z-index: var(--bs-offcanvas-zindex);

    display: flex;

    flex-direction: column;

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    background-clip: padding-box;

    outline: 0;

    transition: var(--bs-offcanvas-transition)

  }

  .offcanvas-md.offcanvas-start {

    top: 0;

    left: 0;

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateX(-100%)

  }

  .offcanvas-md.offcanvas-end {

    top: 0;

    right: 0;

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateX(100%)

  }

  .offcanvas-md.offcanvas-top {

    top: 0;

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateY(-100%)

  }

  .offcanvas-md.offcanvas-bottom {

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    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 (max-width:767.98px) and (prefers-reduced-motion:reduce) {

  .offcanvas-md {

    transition: none

  }

}

@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 {

    display: flex;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible;

    background-color: transparent!important

  }

}

@media (max-width:991.98px) {

  .offcanvas-lg {

    position: fixed;

    bottom: 0;

    z-index: var(--bs-offcanvas-zindex);

    display: flex;

    flex-direction: column;

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    background-clip: padding-box;

    outline: 0;

    transition: var(--bs-offcanvas-transition)

  }

  .offcanvas-lg.offcanvas-start {

    top: 0;

    left: 0;

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateX(-100%)

  }

  .offcanvas-lg.offcanvas-end {

    top: 0;

    right: 0;

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateX(100%)

  }

  .offcanvas-lg.offcanvas-top {

    top: 0;

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateY(-100%)

  }

  .offcanvas-lg.offcanvas-bottom {

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    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 (max-width:991.98px) and (prefers-reduced-motion:reduce) {

  .offcanvas-lg {

    transition: none

  }

}

@media (min-width:992px) {

  .modal-lg,

  .modal-xl {

    --bs-modal-width: 800px

  }

  .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 {

    display: flex;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible;

    background-color: transparent!important

  }

}

@media (max-width:1199.98px) {

  .offcanvas-xl {

    position: fixed;

    bottom: 0;

    z-index: var(--bs-offcanvas-zindex);

    display: flex;

    flex-direction: column;

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    background-clip: padding-box;

    outline: 0;

    transition: var(--bs-offcanvas-transition)

  }

  .offcanvas-xl.offcanvas-start {

    top: 0;

    left: 0;

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateX(-100%)

  }

  .offcanvas-xl.offcanvas-end {

    top: 0;

    right: 0;

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateX(100%)

  }

  .offcanvas-xl.offcanvas-top {

    top: 0;

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateY(-100%)

  }

  .offcanvas-xl.offcanvas-bottom {

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    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 (max-width:1199.98px) and (prefers-reduced-motion:reduce) {

  .offcanvas-xl {

    transition: none

  }

}

@media (min-width:1200px) {

  .modal-xl {

    --bs-modal-width: 1140px

  }

  .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 {

    display: flex;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible;

    background-color: transparent!important

  }

}

@media (max-width:1399.98px) {

  .offcanvas-xxl {

    position: fixed;

    bottom: 0;

    z-index: var(--bs-offcanvas-zindex);

    display: flex;

    flex-direction: column;

    max-width: 100%;

    color: var(--bs-offcanvas-color);

    visibility: hidden;

    background-color: var(--bs-offcanvas-bg);

    background-clip: padding-box;

    outline: 0;

    transition: var(--bs-offcanvas-transition)

  }

  .offcanvas-xxl.offcanvas-start {

    top: 0;

    left: 0;

    width: var(--bs-offcanvas-width);

    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateX(-100%)

  }

  .offcanvas-xxl.offcanvas-end {

    top: 0;

    right: 0;

    width: var(--bs-offcanvas-width);

    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateX(100%)

  }

  .offcanvas-xxl.offcanvas-top {

    top: 0;

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

    transform: translateY(-100%)

  }

  .offcanvas-xxl.offcanvas-bottom {

    right: 0;

    left: 0;

    height: var(--bs-offcanvas-height);

    max-height: 100%;

    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 (max-width:1399.98px) and (prefers-reduced-motion:reduce) {

  .offcanvas-xxl {

    transition: none

  }

}

@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 {

    display: flex;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible;

    background-color: transparent!important

  }

}

.offcanvas {

  position: fixed;

  bottom: 0;

  z-index: var(--bs-offcanvas-zindex);

  display: flex;

  flex-direction: column;

  max-width: 100%;

  color: var(--bs-offcanvas-color);

  visibility: hidden;

  background-color: var(--bs-offcanvas-bg);

  background-clip: padding-box;

  outline: 0;

  transition: var(--bs-offcanvas-transition)

}

@media (prefers-reduced-motion:reduce) {

  .offcanvas {

    transition: none

  }

}

.offcanvas.offcanvas-start {

  top: 0;

  left: 0;

  width: var(--bs-offcanvas-width);

  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

  transform: translateX(-100%)

}

.offcanvas.offcanvas-end {

  top: 0;

  right: 0;

  width: var(--bs-offcanvas-width);

  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

  transform: translateX(100%)

}

.offcanvas.offcanvas-top {

  top: 0;

  right: 0;

  left: 0;

  height: var(--bs-offcanvas-height);

  max-height: 100%;

  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

  transform: translateY(-100%)

}

.offcanvas.offcanvas-bottom {

  right: 0;

  left: 0;

  height: var(--bs-offcanvas-height);

  max-height: 100%;

  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 {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1040;

  width: 100vw;

  height: 100vh;

  background-color: #000

}

.offcanvas-backdrop.fade {

  opacity: 0

}

.offcanvas-backdrop.show {

  opacity: .5

}

.offcanvas-header {

  display: flex;

  align-items: center;

  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)

}

.offcanvas-header .btn-close {

  padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);

  margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));

  margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));

  margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y));

  margin-left: auto

}

.offcanvas-title {

  margin-bottom: 0;

  line-height: var(--bs-offcanvas-title-line-height)

}

.offcanvas-body {

  flex-grow: 1;

  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);

  overflow-y: auto

}

.placeholder {

  display: inline-block;

  min-height: 1em;

  vertical-align: middle;

  cursor: wait;

  background-color: currentcolor;

  opacity: .5

}

.placeholder.btn::before {

  display: inline-block;

  content: ""

}

@keyframes placeholder-glow {

  50% {

    opacity: .2

  }

}

@keyframes placeholder-wave {

  100% {

    mask-position: -200% 0px;

    mask-position: -200% 0%

  }

}

.clearfix::after {

  display: block;

  clear: both;

  content: ""

}

.ratio {

  position: relative;

  width: 100%

}

.ratio::before {

  display: block;

  padding-top: var(--bs-aspect-ratio);

  content: ""

}

.ratio > * {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%

}

.visually-hidden {

  width: 1px!important;

  height: 1px!important;

  padding: 0!important;

  margin: -1px!important;

  overflow: hidden!important;

  clip: rect(0,0,0,0)!important;

  white-space: nowrap!important;

  border: 0!important

}

.visually-hidden:not(caption) {

  position: absolute!important

}

.visually-hidden * {

  overflow: hidden!important

}

.vr {

  display: inline-block;

  align-self: stretch;

  width: var(--bs-border-width);

  min-height: 1em;

  background-color: currentcolor;

  opacity: .25

}

.align-middle {

  vertical-align: middle!important

}

.float-start {

  float: left!important

}

.float-end {

  float: right!important

}

.overflow-hidden {

  overflow: hidden!important

}

.d-block {

  display: block!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

}

.border {

  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important

}

.border-top {

  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important

}

.w-100 {

  width: 100%!important

}

.h-100 {

  height: 100%!important

}

.flex-column {

  flex-direction: column!important

}

.flex-wrap {

  flex-wrap: wrap!important

}

.justify-content-center {

  justify-content: center!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-stretch {

  align-items: stretch!important

}

.order-1 {

  order: 1!important

}

.order-2 {

  order: 2!important

}

.mx-auto {

  margin-right: auto!important;

  margin-left: auto!important

}

.mt-1 {

  margin-top: .25rem!important

}

.mt-2 {

  margin-top: .5rem!important

}

.mt-3 {

  margin-top: 1rem!important

}

.mt-4 {

  margin-top: 1.5rem!important

}

.mt-auto {

  margin-top: auto!important

}

.me-2 {

  margin-right: .5rem!important

}

.mb-0 {

  margin-bottom: 0!important

}

.mb-1 {

  margin-bottom: .25rem!important

}

.mb-2 {

  margin-bottom: .5rem!important

}

.mb-3 {

  margin-bottom: 1rem!important

}

.mb-4 {

  margin-bottom: 1.5rem!important

}

.mb-5 {

  margin-bottom: 3rem!important

}

.ms-0 {

  margin-left: 0!important

}

.p-0 {

  padding: 0!important

}

.p-4 {

  padding: 1.5rem!important

}

.px-0 {

  padding-right: 0!important;

  padding-left: 0!important

}

.px-3 {

  padding-right: 1rem!important;

  padding-left: 1rem!important

}

.py-2 {

  padding-top: .5rem!important;

  padding-bottom: .5rem!important

}

.py-5 {

  padding-top: 3rem!important;

  padding-bottom: 3rem!important

}

.pt-0 {

  padding-top: 0!important

}

.pt-3 {

  padding-top: 1rem!important

}

.pe-2 {

  padding-right: .5rem!important

}

.gap-2 {

  gap: .5rem!important

}

.gap-3 {

  gap: 1rem!important

}

.fw-bold {

  font-weight: 700!important

}

.text-center {

  text-align: center!important

}

.text-decoration-none {

  text-decoration: none!important

}

.text-muted {

  --bs-text-opacity: 1;

  color: var(--bs-secondary-color)!important

}

.visible {

  visibility: visible!important

}

@media (min-width:576px) {

  .flex-sm-row {

    flex-direction: row!important

  }

}

@media (min-width:992px) {

  .d-lg-block {

    display: block!important

  }

  .flex-lg-nowrap {

    flex-wrap: nowrap!important

  }

  .order-lg-1 {

    order: 1!important

  }

  .order-lg-2 {

    order: 2!important

  }

  .text-lg-end {

    text-align: right!important

  }

}

@font-face {

  font-family: swiper-icons;

  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");

  font-weight: 400;

  font-style: normal

}

:host {

  position: relative;

  display: block;

  margin-left: auto;

  margin-right: auto;

  z-index: 1

}

.swiper {

  margin-left: auto;

  margin-right: auto;

  position: relative;

  overflow: hidden;

  list-style: none;

  padding: 0;

  z-index: 1;

  display: block

}

.swiper-vertical > .swiper-wrapper {

  flex-direction: column

}

.swiper-wrapper {

  position: relative;

  width: 100%;

  height: 100%;

  z-index: 1;

  display: flex;

  transition-property: transform;

  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);

  box-sizing: content-box

}

.swiper-android .swiper-slide,

.swiper-ios .swiper-slide,

.swiper-wrapper {

  transform: translate3d(0,0,0)

}

.swiper-horizontal {

  touch-action: pan-y

}

.swiper-vertical {

  touch-action: pan-x

}

.swiper-slide {

  flex-shrink: 0;

  width: 100%;

  height: 100%;

  position: relative;

  transition-property: transform;

  display: block

}

.swiper-slide-invisible-blank {

  visibility: hidden

}

.swiper-autoheight,

.swiper-autoheight .swiper-slide {

  height: auto

}

.swiper-autoheight .swiper-wrapper {

  align-items: flex-start;

  transition-property: transform,height

}

.swiper-backface-hidden .swiper-slide {

  transform: translateZ(0);

  backface-visibility: hidden

}

.swiper-3d.swiper-css-mode .swiper-wrapper {

  perspective: 1200px

}

.swiper-3d .swiper-wrapper {

  transform-style: preserve-3d

}

.swiper-3d {

  perspective: 1200px

}

.swiper-3d .swiper-cube-shadow,

.swiper-3d .swiper-slide {

  transform-style: preserve-3d

}

.swiper-css-mode > .swiper-wrapper {

  overflow: auto;

  scrollbar-width: none

}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {

  display: none

}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {

  scroll-snap-align: start

}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {

  scroll-snap-type: x mandatory

}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {

  scroll-snap-type: y mandatory

}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {

  scroll-snap-type: none

}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {

  scroll-snap-align: none

}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {

  content: "";

  flex-shrink: 0;

  order: 9999

}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {

  scroll-snap-align: center;

  scroll-snap-stop: always

}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {

  margin-inline-start: var(--swiper-centered-offset-before)

}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {

  height: 100%;

  min-height: 1px;

  width: var(--swiper-centered-offset-after)

}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {

  margin-block-start: var(--swiper-centered-offset-before)

}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {

  width: 100%;

  min-width: 1px;

  height: var(--swiper-centered-offset-after)

}

.swiper-3d .swiper-slide-shadow,

.swiper-3d .swiper-slide-shadow-bottom,

.swiper-3d .swiper-slide-shadow-left,

.swiper-3d .swiper-slide-shadow-right,

.swiper-3d .swiper-slide-shadow-top {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  z-index: 10

}

.swiper-3d .swiper-slide-shadow {

  background: rgba(0,0,0,.15)

}

.swiper-3d .swiper-slide-shadow-left {

  background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))

}

.swiper-3d .swiper-slide-shadow-right {

  background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))

}

.swiper-3d .swiper-slide-shadow-top {

  background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))

}

.swiper-3d .swiper-slide-shadow-bottom {

  background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,0))

}

.swiper-lazy-preloader {

  width: 42px;

  height: 42px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -21px;

  margin-top: -21px;

  z-index: 10;

  transform-origin: 50% center;

  box-sizing: border-box;

  border-radius: 50%;

  border-top-color: transparent

}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {

  animation: 1s linear infinite swiper-preloader-spin

}

.swiper-lazy-preloader-white {

  --swiper-preloader-color: #fff

}

.swiper-lazy-preloader-black {

  --swiper-preloader-color: #000

}

@keyframes swiper-preloader-spin {

  0% {

    transform: rotate(0)

  }

  100% {

    transform: rotate(360deg)

  }

}

.swiper-virtual .swiper-slide {

  backface-visibility: hidden;

  transform: translateZ(0)

}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  pointer-events: none

}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {

  height: 1px;

  width: var(--swiper-virtual-size)

}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {

  width: 1px;

  height: var(--swiper-virtual-size)

}

.swiper-button-next,

.swiper-button-prev {

  position: absolute;

  top: var(--swiper-navigation-top-offset,50%);

  width: calc(var(--swiper-navigation-size)/ 44 * 27);

  height: var(--swiper-navigation-size);

  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));

  z-index: 10;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--swiper-navigation-color,var(--swiper-theme-color))

}

.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled {

  opacity: .35;

  cursor: auto;

  pointer-events: none

}

.swiper-button-next.swiper-button-hidden,

.swiper-button-prev.swiper-button-hidden {

  opacity: 0;

  cursor: auto;

  pointer-events: none

}

.swiper-navigation-disabled .swiper-button-next,

.swiper-navigation-disabled .swiper-button-prev {

  display: none!important

}

.swiper-button-next svg,

.swiper-button-prev svg {

  width: 100%;

  height: 100%;

  object-fit: contain;

  transform-origin: center center

}

.swiper-rtl .swiper-button-next svg,

.swiper-rtl .swiper-button-prev svg {

  transform: rotate(180deg)

}

.swiper-button-prev,

.swiper-rtl .swiper-button-next {

  left: var(--swiper-navigation-sides-offset,10px);

  right: auto

}

.swiper-button-lock {

  display: none

}

.swiper-button-next::after,

.swiper-button-prev::after {

  font-family: swiper-icons;

  font-size: var(--swiper-navigation-size);

  letter-spacing: 0;

  font-variant: initial;

  line-height: 1;

  text-transform: none!important

}

.swiper-button-prev::after,

.swiper-rtl .swiper-button-next::after {

  content: "prev"

}

.swiper-button-next,

.swiper-rtl .swiper-button-prev {

  right: var(--swiper-navigation-sides-offset,10px);

  left: auto

}

.swiper-button-next::after,

.swiper-rtl .swiper-button-prev::after {

  content: "next"

}

.swiper-pagination {

  position: absolute;

  text-align: center;

  transition: opacity .3s;

  transform: translate3d(0,0,0);

  z-index: 10

}

.swiper-pagination.swiper-pagination-hidden {

  opacity: 0

}

.swiper-pagination-disabled > .swiper-pagination,

.swiper-pagination.swiper-pagination-disabled {

  display: none!important

}

.swiper-horizontal > .swiper-pagination-bullets,

.swiper-pagination-bullets.swiper-pagination-horizontal,

.swiper-pagination-custom,

.swiper-pagination-fraction {

  bottom: var(--swiper-pagination-bottom,8px);

  top: var(--swiper-pagination-top,auto);

  left: 0;

  width: 100%

}

.swiper-pagination-bullets-dynamic {

  overflow: hidden;

  font-size: 0px

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  transform: scale(.33);

  position: relative

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

  transform: scale(1)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

  transform: scale(.66)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

  transform: scale(.33)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

  transform: scale(.66)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

  transform: scale(.33)

}

.swiper-pagination-bullet {

  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));

  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));

  display: inline-block;

  border-radius: var(--swiper-pagination-bullet-border-radius,50%);

  background: var(--swiper-pagination-bullet-inactive-color,#000);

  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)

}

button.swiper-pagination-bullet {

  border: currentcolor;

  border-image: initial;

  margin: 0;

  padding: 0;

  box-shadow: none;

  appearance: none

}

.swiper-pagination-clickable .swiper-pagination-bullet {

  cursor: pointer

}

.swiper-pagination-bullet:only-child {

  display: none!important

}

.swiper-pagination-bullet-active {

  opacity: var(--swiper-pagination-bullet-opacity, 1);

  background: var(--swiper-pagination-color,var(--swiper-theme-color))

}

.swiper-pagination-vertical.swiper-pagination-bullets,

.swiper-vertical > .swiper-pagination-bullets {

  right: var(--swiper-pagination-right,8px);

  left: var(--swiper-pagination-left,auto);

  top: 50%;

  transform: translate3d(0,-50%,0)

}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {

  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;

  display: block

}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

  top: 50%;

  transform: translateY(-50%);

  width: 8px

}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  display: inline-block;

  transition: transform .2s,top .2s

}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)

}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,

.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

  left: 50%;

  transform: translateX(-50%);

  white-space: nowrap

}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,

.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  transition: transform .2s,left .2s

}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  transition: transform .2s,right .2s

}

.swiper-pagination-fraction {

  color: var(--swiper-pagination-fraction-color,inherit)

}

.swiper-pagination-progressbar {

  background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));

  position: absolute

}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

  background: var(--swiper-pagination-color,var(--swiper-theme-color));

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  transform: scale(0);

  transform-origin: left top

}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

  transform-origin: right top

}

.swiper-horizontal > .swiper-pagination-progressbar,

.swiper-pagination-progressbar.swiper-pagination-horizontal,

.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,

.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

  width: 100%;

  height: var(--swiper-pagination-progressbar-size,4px);

  left: 0;

  top: 0

}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,

.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,

.swiper-pagination-progressbar.swiper-pagination-vertical,

.swiper-vertical > .swiper-pagination-progressbar {

  width: var(--swiper-pagination-progressbar-size,4px);

  height: 100%;

  left: 0;

  top: 0

}

.swiper-pagination-lock {

  display: none

}

.swiper-scrollbar {

  border-radius: var(--swiper-scrollbar-border-radius,10px);

  position: relative;

  touch-action: none;

  background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))

}

.swiper-scrollbar-disabled > .swiper-scrollbar,

.swiper-scrollbar.swiper-scrollbar-disabled {

  display: none!important

}

.swiper-horizontal > .swiper-scrollbar,

.swiper-scrollbar.swiper-scrollbar-horizontal {

  position: absolute;

  left: var(--swiper-scrollbar-sides-offset,1%);

  bottom: var(--swiper-scrollbar-bottom,4px);

  top: var(--swiper-scrollbar-top,auto);

  z-index: 50;

  height: var(--swiper-scrollbar-size,4px);

  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))

}

.swiper-scrollbar.swiper-scrollbar-vertical,

.swiper-vertical > .swiper-scrollbar {

  position: absolute;

  left: var(--swiper-scrollbar-left,auto);

  right: var(--swiper-scrollbar-right,4px);

  top: var(--swiper-scrollbar-sides-offset,1%);

  z-index: 50;

  width: var(--swiper-scrollbar-size,4px);

  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))

}

.swiper-scrollbar-drag {

  height: 100%;

  width: 100%;

  position: relative;

  background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));

  border-radius: var(--swiper-scrollbar-border-radius,10px);

  left: 0;

  top: 0

}

.swiper-scrollbar-cursor-drag {

  cursor: move

}

.swiper-scrollbar-lock {

  display: none

}

.swiper-zoom-container {

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center

}

.swiper-zoom-container > canvas,

.swiper-zoom-container > img,

.swiper-zoom-container > svg {

  max-width: 100%;

  max-height: 100%;

  object-fit: contain

}

.swiper-slide-zoomed {

  cursor: move;

  touch-action: none

}

.swiper .swiper-notification {

  position: absolute;

  left: 0;

  top: 0;

  pointer-events: none;

  opacity: 0;

  z-index: -1000

}

.swiper-free-mode > .swiper-wrapper {

  transition-timing-function: ease-out;

  margin: 0 auto

}

.swiper-grid > .swiper-wrapper {

  flex-wrap: wrap

}

.swiper-grid-column > .swiper-wrapper {

  flex-flow: column wrap

}

.swiper-fade.swiper-free-mode .swiper-slide {

  transition-timing-function: ease-out

}

.swiper-fade .swiper-slide {

  pointer-events: none;

  transition-property: opacity

}

.swiper-fade .swiper-slide .swiper-slide {

  pointer-events: none

}

.swiper-fade .swiper-slide-active,

.swiper-fade .swiper-slide-active .swiper-slide-active {

  pointer-events: auto

}

.swiper.swiper-cube {

  overflow: visible

}

.swiper-cube .swiper-slide {

  pointer-events: none;

  backface-visibility: hidden;

  z-index: 1;

  visibility: hidden;

  transform-origin: 0px 0px;

  width: 100%;

  height: 100%

}

.swiper-cube .swiper-slide .swiper-slide {

  pointer-events: none

}

.swiper-cube.swiper-rtl .swiper-slide {

  transform-origin: 100% 0px

}

.swiper-cube .swiper-slide-active,

.swiper-cube .swiper-slide-active .swiper-slide-active {

  pointer-events: auto

}

.swiper-cube .swiper-slide-active,

.swiper-cube .swiper-slide-next,

.swiper-cube .swiper-slide-prev {

  pointer-events: auto;

  visibility: visible

}

.swiper-cube .swiper-cube-shadow {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: .6;

  z-index: 0

}

.swiper-cube .swiper-cube-shadow::before {

  content: "";

  background: #000;

  position: absolute;

  inset: 0px;

  filter: blur(50px)

}

.swiper-cube .swiper-slide-next + .swiper-slide {

  pointer-events: auto;

  visibility: visible

}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {

  z-index: 0;

  backface-visibility: hidden

}

.swiper.swiper-flip {

  overflow: visible

}

.swiper-flip .swiper-slide {

  pointer-events: none;

  backface-visibility: hidden;

  z-index: 1

}

.swiper-flip .swiper-slide .swiper-slide {

  pointer-events: none

}

.swiper-flip .swiper-slide-active,

.swiper-flip .swiper-slide-active .swiper-slide-active {

  pointer-events: auto

}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {

  z-index: 0;

  backface-visibility: hidden

}

.swiper-creative .swiper-slide {

  backface-visibility: hidden;

  overflow: hidden;

  transition-property: transform,opacity,height

}

.swiper.swiper-cards {

  overflow: visible

}

.swiper-cards .swiper-slide {

  transform-origin: center bottom;

  backface-visibility: hidden;

  overflow: hidden

}

.mfp-bg,

.mfp-container,

.mfp-wrap {

  left: 0;

  top: 0;

  width: 100%;

  height: 100%

}

.mfp-container::before {

  display: inline-block;

  vertical-align: middle;

  content: "";

  height: 100%

}

.mfp-bg {

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: .8

}

.mfp-wrap {

  z-index: 1043;

  position: fixed;

  backface-visibility: hidden;

  outline: 0!important

}

.mfp-container {

  text-align: center;

  position: absolute;

  padding: 0 8px;

  box-sizing: border-box

}

.mfp-align-top .mfp-container::before,

.mfp-loading.mfp-figure {

  display: none

}

.mfp-ajax-cur {

  cursor: progress

}

.mfp-zoom-out-cur {

  cursor: zoom-out

}

.mfp-arrow,

.mfp-close,

.mfp-counter {

  user-select: none

}

.mfp-close {

  color: #fff;

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: .65;

  padding: 0 0 18px 10px;

  font-style: normal;

  font-size: 28px;

  font-family: Arial,Baskerville,monospace

}

button.mfp-arrow,

button.mfp-close {

  overflow: visible;

  cursor: pointer;

  background: 0 0;

  border: 0;

  appearance: none;

  display: block;

  outline: 0;

  padding: 0;

  z-index: 1046;

  box-shadow: none;

  touch-action: manipulation

}

.mfp-figure::after,

.mfp-iframe-scaler iframe {

  box-shadow: rgba(0,0,0,.6) 0 0 8px;

  position: absolute;

  left: 0

}

.mfp-arrow:focus,

.mfp-arrow:hover,

.mfp-close:focus,

.mfp-close:hover {

  opacity: 1

}

.mfp-close:active {

  top: 1px

}

.mfp-close-btn-in .mfp-close {

  color: #333

}

.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #ccc;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap

}

.mfp-figure,

img.mfp-img {

  line-height: 0

}

.mfp-arrow {

  position: absolute;

  opacity: .65;

  margin: -55px 0 0;

  top: 50%;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: transparent

}

.mfp-arrow:active {

  margin-top: -54px

}

.mfp-arrow::after,

.mfp-arrow::before {

  content: "";

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  left: 0;

  top: 0;

  margin-top: 35px;

  margin-left: 35px;

  border: inset transparent

}

.mfp-arrow::after {

  border-top-width: 13px;

  border-bottom-width: 13px;

  top: 8px

}

.mfp-arrow::before {

  border-top-width: 21px;

  border-bottom-width: 21px;

  opacity: .7

}

img.mfp-img {

  max-width: 100%;

  box-sizing: border-box;

  padding: 40px 0;

  margin: 0 auto

}

.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%

}

.mfp-iframe-scaler iframe {

  display: block;

  top: 0;

  width: 100%;

  height: 100%;

  background: #000

}

.mfp-figure::after,

img.mfp-img {

  width: auto;

  height: auto;

  display: block

}

.mfp-figure::after {

  content: "";

  top: 40px;

  bottom: 40px;

  right: 0;

  z-index: -1;

  background: #444

}

.mfp-figure small {

  color: #bdbdbd;

  display: block;

  font-size: 12px;

  line-height: 14px

}

.mfp-figure figure {

  margin: 0

}

.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto

}

.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #f3f3f3;

  overflow-wrap: break-word;

  padding-right: 36px

}

@media (max-width:900px) {

  .mfp-arrow {

    transform: scale(.75)

  }

  .mfp-container {

    padding-left: 6px;

    padding-right: 6px

  }

}

.slicknav_btn,

.slicknav_nav .slicknav_item {

  cursor: pointer

}

.slicknav_menu,

.slicknav_menu * {

  box-sizing: border-box

}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {

  margin-top: .188em

}

.slicknav_menu .slicknav_menutxt {

  display: block;

  line-height: 1.188em;

  float: left;

  color: #fff;

  font-weight: 700;

  text-shadow: #000 0 1px 3px

}

.slicknav_menu .slicknav_icon {

  float: left;

  width: 1.125em;

  height: .875em;

  margin: .188em 0 0 .438em

}

.slicknav_menu .slicknav_icon::before {

  background: 0 0;

  width: 1.125em;

  height: .875em;

  display: block;

  content: "";

  position: absolute

}

.slicknav_menu .slicknav_no-text {

  margin: 0

}

.slicknav_menu .slicknav_icon-bar {

  display: block;

  width: 1.125em;

  height: .125em;

  border-radius: 1px;

  box-shadow: rgba(0,0,0,.25) 0 1px 0;

  background-color: #fff

}

.slicknav_menu::after,

.slicknav_menu::before {

  content: " ";

  display: table

}

.slicknav_menu::after {

  clear: both

}

.slicknav_nav li,

.slicknav_nav ul {

  display: block

}

.slicknav_nav .slicknav_arrow {

  font-size: .8em;

  margin: 0 0 0 .4em

}

.slicknav_nav .slicknav_item a {

  display: inline

}

.slicknav_nav .slicknav_parent-link a {

  display: inline

}

.slicknav_menu {

  font-size: 16px;

  background: #4c4c4c

}

.slicknav_nav,

.slicknav_nav ul {

  list-style: none;

  overflow: hidden;

  padding: 0

}

.slicknav_btn {

  position: relative;

  display: block;

  vertical-align: middle;

  float: right;

  line-height: 1.125em;

  text-decoration: none;

  text-shadow: rgba(255,255,255,.75) 0 1px 1px;

  background-color: #222

}

.slicknav_nav {

  clear: both;

  color: #fff;

  margin: 0;

  font-size: .875em

}

.slicknav_nav ul {

  margin: 0 0 0 20px

}

.slicknav_nav .slicknav_row,

.slicknav_nav a {

  display: block;

  padding: 5px 10px;

  margin: 2px 5px

}

.slicknav_nav .slicknav_row:hover {

  border-radius: 6px;

  background: #ccc;

  color: #fff

}

.slicknav_nav a {

  text-decoration: none;

  color: #fff

}

.slicknav_nav a:hover {

  border-radius: 6px;

  background: #ccc;

  color: #222

}

.slicknav_nav .slicknav_txtnode {

  margin-left: 15px

}

.slicknav_nav .slicknav_item a,

.slicknav_nav .slicknav_parent-link a {

  padding: 0;

  margin: 0

}

.slicknav_brand {

  float: left;

  color: #fff;

  font-size: 18px;

  line-height: 30px;

  padding: 7px 12px;

  height: 44px

}

.breadcrumb {

  background-position: center center;

  background-size: auto;

  padding: 100px 0

}

.main-menu ul li span {

  color: var(--primary-color);

  font-size: 16px;

  font-weight: 500;

  transition: .3s ease-in-out;

  padding: 14px 0!important

}

.slicknav_nav .slicknav_item span {

  display: inline;

  padding: 0;

  margin: 0

}

dd {

  margin-bottom: .5rem;

  margin-left: 0;

  font-size: .9rem

}

.post-content img {

  border-radius: 1.5rem;

  padding: 1rem

}

#system-message-container:empty {

  display: none;

  margin-top: 0

}

#system-message-container joomla-alert {

  background-color: #fff;

  border: 1px solid var(--alert-accent-color,transparent);

  border-radius: .25rem;

  color: var(--gray-dark);

  display: flex;

  margin-bottom: 0;

  min-width: 16rem;

  padding: 0;

  position: relative;

  transition: opacity .15s linear;

  width: 100%

}

#system-message-container joomla-alert + * {

  margin-top: 1rem

}

#system-message-container joomla-alert .alert-heading {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-box-pack: center;

  place-content: center;

  background: var(--alert-accent-color,transparent);

  color: var(--alert-heading-text);

  display: flex;

  flex-direction: column;

  padding: .8rem

}

#system-message-container joomla-alert .alert-heading .message::before,

#system-message-container joomla-alert .alert-heading .success::before {

  background-image: url("data:image/svg+xml;utf8,<svg width=\"1792\" height=\"1792\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"rgba(255, 255, 255, .95)\" d=\"M1299 813l-422 422q-19 19-45 19t-45-19l-294-294q-19-19-19-45t19-45l102-102q19-19 45-19t45 19l147 147 275-275q19-19 45-19t45 19l102 102q19 19 19 45t-19 45zm141 83q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z\"/></svg>");

  background-size: 100%;

  content: "";

  display: inline-block;

  height: 1em;

  width: 1em

}

#system-message-container joomla-alert .alert-heading .info::before,

#system-message-container joomla-alert .alert-heading .notice::before {

  background-image: url("data:image/svg+xml;utf8,<svg width=\"1792\" height=\"1792\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"rgba(255, 255, 255, .95)\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"/></svg>");

  background-size: 100%;

  content: "";

  display: inline-block;

  height: 1em;

  width: 1em

}

#system-message-container joomla-alert .alert-heading .warning::before {

  background-image: url("data:image/svg+xml;utf8,<svg width=\"1792\" height=\"1792\" viewBox=\"0 0 1792 1792\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"rgba(255, 255, 255, .95)\" d=\"M1024 1375v-190q0-14-9.5-23.5t-22.5-9.5h-192q-13 0-22.5 9.5t-9.5 23.5v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19-13-11-24-11h-220q-11 0-24 11-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126-17 29-46.5 46t-63.5 17h-1536q-34 0-63.5-17t-46.5-46q-37-63-2-126l768-1408q17-31 47-49t65-18 65 18 47 49z\"/></svg>");

  background-size: 100%;

  content: "";

  display: inline-block;

  height: 1em;

  width: 1em

}

#system-message-container joomla-alert .alert-heading .danger::before,

#system-message-container joomla-alert .alert-heading .error::before {

  background-image: url("data:image/svg+xml;utf8,<svg width=\"1792\" height=\"1792\" viewBox=\"0 0 512 512\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"rgba(255, 255, 255, .95)\" d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z\"/></svg>");

  background-size: 100%;

  content: "";

  display: inline-block;

  height: 1em;

  width: 1em

}

#system-message-container joomla-alert .alert-wrapper {

  width: 100%

}

#system-message-container joomla-alert .alert-link {

  color: var(--success,inherit)

}

#system-message-container joomla-alert[type=message],

#system-message-container joomla-alert[type=success] {

  --alert-accent-color: var(--success);

  --alert-heading-text: hsla(0,0%,100%,.95);

  --alert-close-button: var(--success);

  background-color: #fff

}

#system-message-container joomla-alert[type=info],

#system-message-container joomla-alert[type=notice] {

  --alert-accent-color: var(--info);

  --alert-heading-text: hsla(0,0%,100%,.95);

  --alert-close-button: var(--info);

  background-color: #fff

}

#system-message-container joomla-alert[type=warning] {

  --alert-accent-color: var(--warning);

  --alert-heading-text: hsla(0,0%,100%,.95);

  --alert-close-button: var(--warning);

  background-color: #fff

}

#system-message-container joomla-alert[type=danger],

#system-message-container joomla-alert[type=error] {

  --alert-accent-color: var(--danger);

  --alert-heading-text: hsla(0,0%,100%,.95);

  --alert-close-button: var(--danger);

  background-color: #fff

}

#system-message-container joomla-alert .joomla-alert--close,

#system-message-container joomla-alert .joomla-alert-button--close {

  background: 0 0;

  border: 0;

  color: var(--alert-close-button);

  font-size: 2rem;

  opacity: 1;

  padding: .2rem .8rem;

  position: absolute;

  right: 0;

  top: 0

}

#system-message-container joomla-alert .joomla-alert--close:focus,

#system-message-container joomla-alert .joomla-alert--close:hover,

#system-message-container joomla-alert .joomla-alert-button--close:focus,

#system-message-container joomla-alert .joomla-alert-button--close:hover {

  cursor: pointer;

  opacity: .75;

  text-decoration: none

}

[dir=rtl] #system-message-container joomla-alert .joomla-alert--close,

[dir=rtl] #system-message-container joomla-alert .joomla-alert-button--close {

  left: 0;

  padding: .2rem .6rem;

  right: auto

}

#system-message-container joomla-alert div {

  font-size: 1rem

}

#system-message-container joomla-alert div .alert-message {

  margin: .5rem;

  padding: .3rem 2rem .3rem .3rem

}

[dir=rtl] #system-message-container joomla-alert div .alert-message {

  padding: .3rem .3rem .3rem 2rem

}

#system-message-container joomla-alert div .alert-message:not(:first-of-type) {

  border-top: 1px solid var(--alert-accent-color)

}

body.com_content.view-category.layout-blog.itemid-480 .blog-item .post-featured-image,

body.com_content.view-category.layout-blog.itemid-480 .blog-item .post-featured-image > a,

body.com_content.view-category.layout-blog.itemid-480 .blog-item figure.item-image {

  height: auto!important;

  max-height: none!important

}

body.com_content.view-category.layout-blog.itemid-480 .blog-item figure.item-image {

  width: 100%;

  margin: 0;

  overflow: hidden

}

body.com_content.view-category.layout-blog.itemid-480 .blog-item figure.item-image img {

  display: block;

  max-width: 100%;

  object-position: center center;

  width: 100%!important;

  height: auto!important;

  max-height: none!important;

  aspect-ratio: auto!important;

  object-fit: contain!important

}

body.com_content.view-article.layout-blog.itemid-480 .page-single-post .post-image {

  width: 100%;

  margin: 0 0 clamp(1.5rem,4vw,3rem);

  overflow: visible

}

body.com_content.view-article.layout-blog.itemid-480 .page-single-post .post-image > figure,

body.com_content.view-article.layout-blog.itemid-480 .page-single-post .post-image > figure.reveal {

  position: relative;

  display: block;

  float: none;

  width: 100%;

  height: auto;

  margin: 0;

  overflow: hidden;

  border-radius: clamp(.9rem,2vw,1.5rem);

  visibility: visible!important;

  opacity: 1!important;

  transform: none!important

}

body.com_content.view-article.layout-blog.itemid-480 .page-single-post .post-image img {

  display: block;

  width: 100%;

  max-width: 100%;

  object-fit: contain;

  height: auto!important;

  visibility: visible!important;

  opacity: 1!important;

  transform: none!important

}

body.com_content.view-article.layout-blog.itemid-480 .page-single-post .post-content img {

  max-width: 100%;

  height: auto

}

body.itemid-480 .wd-blog-search {

  display: grid;

  grid-template-columns: minmax(15rem,0.8fr) minmax(20rem,1.2fr);

  align-items: center;

  gap: clamp(1.5rem,4vw,3.5rem);

  margin: clamp(2rem,4vw,3.25rem) 0 1.75rem;

  padding: clamp(1.5rem,3vw,2.5rem);

  border: 1px solid rgba(47,47,47,.08);

  border-radius: 1.5rem;

  background: linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,245,255,.96));

  box-shadow: rgba(47,47,47,.1) 0 22px 60px

}

body.itemid-480 .wd-blog-search__eyebrow {

  display: block;

  margin-bottom: .45rem;

  color: #78bd00;

  font-size: .78rem;

  font-weight: 800;

  letter-spacing: .11em;

  text-transform: uppercase

}

body.itemid-480 .wd-blog-search__copy h2 {

  margin: 0 0 .7rem;

  color: #2f2f2f;

  font-size: clamp(1.55rem, 2.8vw, 2.25rem);

  line-height: 1.12;

  letter-spacing: -.025em

}

body.itemid-480 .wd-blog-search__copy p {

  margin: 0;

  color: #625e69;

  font-size: 1rem;

  line-height: 1.65

}

body.itemid-480 .wd-blog-search__form .moduletable > h3 {

  display: none

}

body.itemid-480 .wd-blog-search__form .mod-finder {

  position: relative;

  width: 100%;

  margin: 0;

  display: flex!important

}

body.itemid-480 .wd-blog-search__form .mod-finder > label {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0,0,0,0);

  white-space: nowrap;

  border: 0

}

body.itemid-480 .wd-blog-search__form .awesomplete {

  display: block;

  width: 100%

}

body.itemid-480 .wd-blog-search__form .awesomplete::after {

  content: "⌕";

  position: absolute;

  top: 50%;

  right: .55rem;

  display: grid;

  place-items: center;

  width: 2.8rem;

  height: 2.8rem;

  border-radius: 50%;

  background: #8467ff;

  color: #fff;

  font-size: 1.45rem;

  line-height: 1;

  transform: translateY(-50%);

  pointer-events: none

}

body.itemid-480 .wd-blog-search__form input.form-control {

  width: 100%;

  min-height: 4rem;

  padding: .9rem 4.25rem .9rem 1.25rem;

  border: 2px solid rgba(255,255,255,0);

  border-radius: 999px;

  background: #fff;

  color: #2f2f2f;

  font-size: 1.05rem;

  box-shadow: rgba(47,47,47,.09) 0 10px 30px

}

body.itemid-480 .wd-blog-search__form input.form-control:focus {

  border-color: #8467ff;

  outline: 0;

  box-shadow: rgba(132,103,255,.15) 0 0 0 .25rem,rgba(47,47,47,.1) 0 14px 34px

}

body.itemid-480 .wd-blog-search__form .awesomplete > ul {

  z-index: 20;

  width: 100%;

  margin-top: .5rem;

  overflow: hidden;

  border: 1px solid #e4dff2;

  border-radius: 1rem;

  background: #fff;

  box-shadow: rgba(47,47,47,.13) 0 18px 45px

}

body.itemid-480 .wd-blog-intro__topics {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: .65rem

}

body.itemid-480 .wd-blog-intro__topics > a {

  display: inline-flex;

  align-items: center;

  min-height: 2.5rem;

  padding: .55rem 1rem;

  border: 1px solid rgba(132,103,255,.28);

  border-radius: 999px;

  background: rgba(255,255,255,.78);

  color: #534b67;

  font-weight: 700;

  text-decoration: none;

  transition: background .2s,color .2s,border-color .2s,transform .2s

}

body.itemid-480 .wd-blog-intro__topics > a::before {

  content: "#";

  margin-right: .2rem;

  color: #8467ff

}

body.itemid-480 .wd-blog-intro__topics > a:focus-visible,

body.itemid-480 .wd-blog-intro__topics > a:hover {

  border-color: #8467ff;

  background: #8467ff;

  color: #fff;

  transform: translateY(-1px)

}

body.itemid-480 .wd-blog-intro__topics > a:focus-visible::before,

body.itemid-480 .wd-blog-intro__topics > a:hover::before {

  color: #fff

}

@media (max-width:767.98px) {

  body.itemid-480 .wd-blog-search {

    grid-template-columns: 1fr;

    gap: 1.25rem;

    margin-top: 1.75rem;

    padding: 1.25rem;

    border-radius: 1.25rem

  }

  body.itemid-480 .wd-blog-search__form input.form-control {

    min-height: 3.65rem;

    font-size: 1rem

  }

  body.itemid-480 .wd-blog-intro__topics {

    gap: .5rem

  }

  body.itemid-480 .wd-blog-intro__topics > a {

    min-height: 2.25rem;

    padding: .45rem .8rem;

    font-size: .9rem

  }

}

body.com_tags.view-tag main {

  min-height: 48vh;

  padding: clamp(3rem,7vw,6.5rem) 0;

  background: radial-gradient(circle at 12% 5%,rgba(145,230,0,.13),transparent 28rem),radial-gradient(circle at 90% 15%,rgba(132,103,255,.12),transparent 30rem),#fafafa

}

body.com_tags.view-tag .com-tags-tag {

  width: min(1120px,100% - 2rem);

  margin-inline: auto

}

body.com_tags.view-tag .com-tags-tag::before {

  content: "Články podle tématu";

  display: block;

  margin-bottom: clamp(1.5rem,3vw,2.5rem);

  color: #2f2f2f;

  font-size: clamp(2rem, 4vw, 3.5rem);

  font-weight: 800;

  line-height: 1.08;

  letter-spacing: -.035em

}

body.com_tags.view-tag .com-tags__items > form {

  display: grid;

  grid-template-columns: minmax(0px,1fr) auto;

  align-items: center;

  gap: 1rem;

  margin: 0 0 2rem;

  padding: 1.25rem;

  border: 1px solid rgba(47,47,47,.08);

  border-radius: 1.25rem;

  background: rgba(255,255,255,.94);

  box-shadow: rgba(47,47,47,.08) 0 18px 50px

}

body.com_tags.view-tag .com-tags-tags__filter {

  display: grid;

  grid-template-columns: minmax(12rem,1fr) auto auto;

  gap: .65rem

}

body.com_tags.view-tag .com-tags__items input.inputbox,

body.com_tags.view-tag .com-tags__items select.form-select {

  min-height: 3.25rem;

  border: 1px solid #ddd9e8;

  border-radius: .9rem;

  background-color: #fff;

  box-shadow: none

}

body.com_tags.view-tag .com-tags__items input.inputbox {

  width: 100%;

  padding: .75rem 1rem

}

body.com_tags.view-tag .com-tags__items input.inputbox:focus,

body.com_tags.view-tag .com-tags__items select.form-select:focus {

  border-color: #8467ff;

  box-shadow: rgba(132,103,255,.16) 0 0 0 .2rem;

  outline: 0

}

body.com_tags.view-tag .com-tags__items .btn {

  min-height: 3.25rem;

  padding: .7rem 1.1rem;

  border: 0;

  border-radius: .9rem;

  font-weight: 700

}

body.com_tags.view-tag .com-tags__items .btn-primary {

  color: #242424;

  background: #91e600

}

body.com_tags.view-tag .com-tags__items .btn-primary:hover {

  color: #fff;

  background: #8467ff

}

body.com_tags.view-tag .com-tags__items .btn-secondary {

  color: #fff;

  background: #353535

}

body.com_tags.view-tag .com-tags__items .btn-secondary:hover {

  background: #8467ff

}

body.com_tags.view-tag .com-tags-tag__category {

  display: grid;

  gap: 1.25rem;

  margin: 0;

  padding: 0

}

body.com_tags.view-tag .com-tags-tag__category .list-group-item {

  padding: clamp(1.5rem,3vw,2.25rem);

  overflow: hidden;

  border-width: 1px 1px 1px .35rem;

  border-style: solid;

  border-color: rgba(47,47,47,.08) rgba(47,47,47,.08) rgba(47,47,47,.08) #91e600;

  border-image: initial;

  border-radius: 1.25rem;

  background: #fff;

  box-shadow: rgba(47,47,47,.09) 0 18px 50px;

  transition: transform .2s,box-shadow .2s,border-color .2s

}

body.com_tags.view-tag .com-tags-tag__category .list-group-item:hover {

  transform: translateY(-3px);

  border-left-color: #8467ff;

  box-shadow: rgba(47,47,47,.13) 0 24px 60px

}

body.com_tags.view-tag .com-tags-tag__category h3 {

  margin: 0;

  font-size: clamp(1.25rem, 2.3vw, 1.75rem);

  line-height: 1.4

}

body.com_tags.view-tag .com-tags-tag__category h3 a {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 1.5rem;

  color: #2f2f2f;

  text-decoration: none

}

body.com_tags.view-tag .com-tags-tag__category h3 a::after {

  content: "↗";

  flex: 0 0 auto;

  color: #8467ff;

  font-size: 1.35em;

  font-weight: 500

}

body.com_tags.view-tag .com-tags-tag__category h3 a:hover {

  color: #8467ff

}

@media only screen and (max-width:991px) {

  footer.main-footer {

    background-size: 100%;

    padding: 50px 0 0

  }

  .navbar-toggle,

  .responsive-menu,

  .slicknav_nav li,

  .slicknav_nav ul {

    display: block

  }

  .error-page,

  .page-blog,

  .page-book-appointment,

  .page-faqs,

  .page-service-single,

  .page-single-post,

  .page-techonology {

    padding: 0

  }

  .hero-slider-layout .swiper-pagination {

    bottom: 40px

  }

  .page-faqs .accordion-header .accordion-button {

    font-size: 18px

  }

  .post-item-body h2 {

    margin-bottom: 15px

  }

  .page-contact,

  .page-team-single {

    padding: 50px 0 25px

  }

  .blog-item .post-featured-image,

  .post-image {

    margin-bottom: 20px

  }

  .post-item-footer a.read-more-btn {

    padding-right: 30px

  }

  .post-item-footer a.read-more-btn::after {

    top: 0;

    background-size: 8px;

    width: 20px;

    height: 20px

  }

  .footer-copyright {

    margin-top: 40px;

    padding: 20px 0

  }

  .page-header {

    background-size: contain;

    padding: 50px 0

  }

  .page-header-box h1 {

    font-size: 44px;

    margin-bottom: 10px

  }

  .page-services,

  .page-team,

  .page-testimonials {

    padding: 50px 0 20px

  }

  .page-blog .blog-item {

    height: calc(100% - 30px);

    margin-bottom: 30px

  }

  .post-pagination {

    margin-top: 10px

  }

  .post-single-meta ol li i {

    font-size: 20px

  }

  .page-team-single .row {

    border-radius: 40px 40px 30px 30px

  }

}

.list-unstyled li.current.active a,

.main-menu ul li.current.active a,

.slicknav_nav li.current.active a {

  color: #6b56d3

}

.wd-eyebrow {

  background: var(--wd-purple-soft);

  color: #6350c4!important

}

.wd-btn--primary {

  background: var(--wd-turquoise);

  border-color: var(--wd-turquoise);

  color: #000!important

}

@media (max-width:767.98px) {

  body.com_tags.view-tag main {

    padding: 2.25rem 0 3.5rem

  }

  body.com_tags.view-tag .com-tags__items > form {

    grid-template-columns: 1fr;

    padding: 1rem

  }

  body.com_tags.view-tag .com-tags-tags__filter {

    grid-template-columns: 1fr 1fr

  }

  body.com_tags.view-tag .com-tags-tags__filter input {

    grid-column: 1/-1

  }

  body.com_tags.view-tag .com-tags__items .float-end {

    float: none!important;

    width: 100%

  }

  body.com_tags.view-tag .com-tags__items select.form-select {

    width: 100%

  }

  body.com_tags.view-tag .com-tags-tag__category h3 a {

    align-items: flex-start;

    gap: 1rem

  }

  .wd-section {

    padding: 4rem 0

  }

  .wd-whitening h1 {

    font-size: 2.7rem

  }

  .wd-whitening h2 {

    font-size: 1.9rem!important

  }

  .wd-hero__visual {

    min-height: 420px

  }

  .wd-hero__visual img {

    border-radius: 28px

  }

  .wd-hero__badge {

    right: 14px;

    bottom: 18px;

    width: 118px;

    height: 118px

  }

  .wd-benefits .row > div:nth-child(3n) .wd-benefit {

    border-right: 1px solid var(--wd-line)

  }

  .wd-benefits .row > div:nth-child(2n) .wd-benefit {

    border-right: 0px

  }

  .wd-benefits .row > div:nth-last-child(-n+2) .wd-benefit {

    border-bottom: 0

  }

  .wd-section--why {

    padding-top: 5.5rem

  }

}

@media (max-width:575.98px) {

  .wd-whitening h1 {

    font-size: 2.1rem!important

  }

  .wd-btn {

    width: 100%

  }

  .wd-hero__visual {

    min-height: 340px

  }

  .wd-benefit {

    border-right: 0px!important

  }

  .wd-benefits .row > div:not(:last-child) .wd-benefit {

    border-bottom: 1px solid var(--wd-line)

  }

  .wd-eyebrow {

    padding: .5rem!important

  }

  .page-single-post {

    padding: 0!important

  }

}

@media (max-width:991.98px) {

  .responsive-menu .slicknav_menu {

    background: 0 0!important;

    padding: 0!important

  }

  .responsive-menu .slicknav_nav {

    max-height: calc(-118px + 100dvh);

    overflow-y: auto;

    margin-top: 14px!important;

    padding: 18px!important;

    border: 1px solid rgba(36,34,44,.1)!important;

    border-radius: 22px!important;

    background: #fff!important;

    box-shadow: rgba(38,31,66,.14) 0 20px 48px!important

  }

  .responsive-menu .slicknav_nav > li.nav-item {

    border-bottom: 1px solid rgba(36,34,44,.09)!important

  }

  .responsive-menu .slicknav_nav > li.nav-item > a.nav-link,

  .responsive-menu .slicknav_nav > li.slicknav_parent > .slicknav_item,

  .responsive-menu .slicknav_nav > li.slicknav_parent > .slicknav_item > a.nav-link {

    min-height: 48px!important;

    margin: 0!important;

    padding: 13px 10px!important;

    background: 0 0!important;

    color: #17151d!important;

    font-weight: 400!important;

    line-height: 1.35!important;

    visibility: visible!important;

    opacity: 1!important

  }

  .responsive-menu .slicknav_nav > li.active > a.nav-link,

  .responsive-menu .slicknav_nav > li.current > a.nav-link {

    color: #78bd00!important

  }

  .responsive-menu .slicknav_nav > li.nav-item > a.nav-link:focus-visible,

  .responsive-menu .slicknav_nav > li.nav-item > a.nav-link:hover,

  .responsive-menu .slicknav_nav > li.slicknav_parent > .slicknav_item:focus-visible > a.nav-link,

  .responsive-menu .slicknav_nav > li.slicknav_parent > .slicknav_item:hover > a.nav-link {

    color: #765ee8!important

  }

  .responsive-menu .slicknav_nav ul {

    margin: 4px 0 10px!important;

    padding: 8px!important;

    border-radius: 13px!important;

    background: #f7f5ff!important

  }

  .responsive-menu .slicknav_nav ul a {

    padding: 10px 12px!important;

    border-radius: 9px!important;

    color: #3b3744!important;

    font-size: 14px!important

  }

  .responsive-menu .slicknav_nav ul a:focus-visible,

  .responsive-menu .slicknav_nav ul a:hover {

    background: rgba(138,116,255,.11)!important;

    color: #765ee8!important

  }

  .responsive-menu .slicknav_arrow {

    position: relative!important;

    display: inline-grid!important;

    place-items: center!important;

    width: 28px!important;

    height: 28px!important;

    margin-left: 12px!important;

    background: 0 0!important;

    color: transparent!important;

    font-size: 0px!important;

    line-height: 0!important

  }

  .responsive-menu .slicknav_arrow::before {

    content: none!important;

    display: none!important

  }

  .responsive-menu .slicknav_arrow::after {

    content: "⌄"!important;

    position: static!important;

    display: block!important;

    color: #765ee8!important;

    background: 0 0!important;

    font-family: inherit!important;

    font-size: 18px!important;

    font-weight: 800!important;

    line-height: 1!important;

    transform: translateY(-2px)!important

  }

  .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

    transform: rotate(180deg)!important

  }

  .responsive-menu .slicknav_open > .slicknav_item,

  .responsive-menu .slicknav_open > .slicknav_item:hover {

    background: 0 0!important

  }

  .responsive-menu .mobile-call-cta {

    display: block!important;

    margin: 0 0 14px!important;

    padding: 0 0 16px!important;

    border-bottom: 1px solid rgba(36,34,44,.11)!important;

    background: 0 0!important

  }

  .responsive-menu .mobile-call-cta > a.mobile-call-link {

    display: flex!important;

    align-items: center!important;

    justify-content: center!important;

    gap: 12px!important;

    width: 100%!important;

    min-height: 54px!important;

    padding: 14px 20px!important;

    border: 0!important;

    border-radius: 99px!important;

    background: #8a74ff!important;

    color: #fff!important;

    font-weight: 800!important;

    line-height: 1.3!important;

    text-decoration: none!important;

    box-shadow: rgba(138,116,255,.22) 0 8px 20px!important

  }

  .responsive-menu .mobile-call-cta > a.mobile-call-link span {

    color: #fff!important

  }

  .responsive-menu .mobile-call-cta > a.mobile-call-link:focus-visible,

  .responsive-menu .mobile-call-cta > a.mobile-call-link:hover {

    background: #725bdc!important;

    color: #fff!important

  }

  .responsive-menu .mobile-contact-cta {

    display: block!important;

    margin: 14px 0 0!important;

    padding: 16px 0 0!important;

    border-top: 1px solid rgba(36,34,44,.11)!important;

    border-bottom: 0!important;

    background: 0 0!important

  }

  .responsive-menu .mobile-contact-cta > a {

    display: flex!important;

    align-items: center!important;

    justify-content: space-between!important;

    gap: 16px!important;

    width: 100%!important;

    min-height: 52px!important;

    padding: 14px 20px!important;

    border-radius: 99px!important;

    background: #a7e800!important;

    color: #000!important;

    font-weight: 800!important;

    text-decoration: none!important

  }

  .responsive-menu .mobile-contact-cta > a span {

    color: #000!important

  }

}

.wd-social-links a {

  display: inline-flex;

  align-items: center;

  justify-content: center

}

.footer-links ul li:hover a,

.main-menu ul li a:focus,

.main-menu ul li a:hover,

.page-header-box ol .breadcrumb-item + .breadcrumb-item::before {

  color: var(--accent-color)

}

@media (max-width:991.8px) {

  .post-content img {

    height: 100%

  }

}

.wd-whitening .wd-kicker {

  color: #6350c4!important

}

@media (max-width:991.98px) {

  .responsive-menu .slicknav_menu {

    background: rgba(255,255,255,0);

    padding: 0

  }

  .responsive-menu .slicknav_nav {

    margin-top: 14px;

    padding: 18px;

    overflow-y: auto;

    max-height: calc(-118px + 100dvh);

    border: 1px solid rgba(138,116,255,.22);

    border-radius: 22px;

    box-shadow: rgba(29,24,47,.28) 0 22px 55px

  }

  .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

    border-bottom: 1px solid rgba(255,255,255,.075)

  }

  .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta):last-child {

    border-bottom: 0

  }

  .responsive-menu .slicknav_nav > li > .slicknav_item,

  .responsive-menu .slicknav_nav > li > a.nav-link {

    min-height: 48px;

    margin: 0;

    padding: 13px 10px;

    border-radius: 12px;

    font-weight: 650;

    line-height: 1.35

  }

  .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

  .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

  .responsive-menu .slicknav_nav > li > a.nav-link:hover {

    background: rgba(138,116,255,.13);

    color: #fff

  }

  .responsive-menu .slicknav_arrow {

    display: inline-grid;

    place-items: center;

    float: right;

    margin: -4px 0 -4px 12px;

    transition: transform .2s,background-color .2s

  }

  .responsive-menu .slicknav_arrow::before {

    content: "⌄";

    font-size: 18px;

    line-height: 1;

    transform: translateY(-2px);

    content: none!important;

    display: none!important

  }

  .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

    color: #99e000;

    background: rgba(120,189,0,.12)!important;

    transform: rotate(180deg)!important

  }

  .responsive-menu .slicknav_nav ul {

    margin: 4px 0 10px;

    padding: 8px;

    border-radius: 13px;

    background: #f7f5ff

  }

  .responsive-menu .slicknav_nav ul a {

    padding: 10px 12px;

    border-radius: 9px;

    font-size: 14px;

    color: #3b3744

  }

  .responsive-menu .mobile-contact-cta {

    margin: 0 0 14px;

    padding: 0 0 16px;

    border-bottom: 1px solid rgba(255,255,255,.12)

  }

  .responsive-menu .mobile-contact-cta > a {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

    width: 100%;

    min-height: 52px;

    border: 0;

    font-weight: 800;

    text-decoration: none;

    box-shadow: rgba(135,214,0,.22) 0 10px 26px;

    transition: transform .2s,box-shadow .2s,filter .2s;

    border-radius: 99px;

    background: #a7e800;

    color: #000;

    box-shadow: none;

    padding: 14px 20px

  }

  .responsive-menu .mobile-contact-cta > a:focus-visible {

    outline: rgba(138,116,255,.5) solid 3px;

    outline-offset: 3px

  }

  .responsive-menu .slicknav_nav {

    border-color: rgba(36,34,44,.1);

    background: #fff;

    box-shadow: rgba(38,31,66,.14) 0 20px 48px

  }

  .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

    border-bottom-color: rgba(36,34,44,.09)

  }

  .responsive-menu .slicknav_nav > li > .slicknav_item,

  .responsive-menu .slicknav_nav > li > .slicknav_item > a.nav-link,

  .responsive-menu .slicknav_nav > li > a.nav-link {

    color: #17151d

  }

  .responsive-menu .slicknav_nav > li > .slicknav_item:focus-visible > a.nav-link,

  .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

  .responsive-menu .slicknav_nav > li > .slicknav_item:hover > a.nav-link,

  .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

  .responsive-menu .slicknav_nav > li > a.nav-link:hover {

    background: rgba(138,116,255,.09);

    color: #765ee8

  }

  .responsive-menu .slicknav_nav > li.active > .slicknav_item > a,

  .responsive-menu .slicknav_nav > li.active > a,

  .responsive-menu .slicknav_nav > li.current > .slicknav_item > a,

  .responsive-menu .slicknav_nav > li.current > a {

    color: #78bd00

  }

  .responsive-menu .slicknav_nav ul a:focus-visible,

  .responsive-menu .slicknav_nav ul a:hover {

    background: rgba(138,116,255,.11);

    color: #765ee8

  }

  .responsive-menu .mobile-contact-cta {

    border-bottom-color: rgba(36,34,44,.11)

  }

  .responsive-menu .mobile-contact-cta > a:focus-visible,

  .responsive-menu .mobile-contact-cta > a:hover {

    filter: brightness(1.04);

    transform: translateY(-1px);

    box-shadow: rgba(135,214,0,.3) 0 14px 30px;

    background: #8a74ff;

    color: #fff;

    filter: none;

    box-shadow: none

  }

  .responsive-menu .slicknav_arrow {

    position: relative!important;

    display: inline-grid!important;

    place-items: center!important;

    width: 28px!important;

    height: 28px!important;

    margin-left: 12px!important;

    border-radius: 50%!important;

    background: rgba(138,116,255,.1)!important;

    color: transparent!important;

    font-size: 0px!important;

    line-height: 0!important

  }

  .responsive-menu .slicknav_arrow::after {

    content: "⌄"!important;

    position: static!important;

    display: block!important;

    width: auto!important;

    height: auto!important;

    background: 0 0!important;

    color: #765ee8!important;

    font-family: inherit!important;

    font-size: 18px!important;

    font-weight: 800!important;

    line-height: 1!important;

    transform: translateY(-2px)!important

  }

  .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow::after {

    color: #78bd00!important

  }

}

@media (max-width:991.98px) {

  .responsive-menu .slicknav_nav > li.item-436 > a.nav-link,

  .responsive-menu .slicknav_nav > li.item-481 > a.nav-link {

    font-weight: 400

  }

  .responsive-menu .slicknav_arrow,

  .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

    background: 0 0!important

  }

  .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item,

  .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item > a.nav-link,

  .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:focus-visible,

  .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:hover {

    background: 0 0!important

  }

}

.wd-social-links {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 10px;

  margin-top: 24px

}

.wd-social-links a {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  border: 2px solid #8a74ff;

  border-radius: 50%;

  background: #8a74ff;

  font-family: Arial,sans-serif;

  font-size: 20px;

  font-weight: 800;

  line-height: 1;

  box-shadow: rgba(138,116,255,.22) 0 8px 20px;

  transition: transform .2s,background-color .2s,border-color .2s,color .2s;

  color: #fff!important;

  text-decoration: none!important

}

.wd-social-links a:focus-visible,

.wd-social-links a:hover {

  border-color: #a7e800;

  background: #a7e800;

  transform: translateY(-2px);

  color: #222!important

}

.wd-social-links a:focus-visible {

  outline: rgba(138,116,255,.35) solid 3px;

  outline-offset: 3px

}

.wd-social-links .wd-social-youtube {

  font-size: 15px;

  transform: translateX(1px)

}

.wd-social-links .wd-social-linkedin {

  font-size: 15px;

  letter-spacing: -1px

}

.wd-social-links .wd-social-x {

  font-size: 16px;

  font-weight: 700

}

@media (prefers-reduced-motion:reduce) {

  .responsive-menu .mobile-contact-cta>a,

  .responsive-menu .slicknav_arrow,

  .wd-social-links a {

    transition: none

  }

  .wd-social-links a:hover {

    transform: none

  }

}

.btn-default,

.image-anime,

.reveal {

  position: relative;

  overflow: hidden

}

.page-faqs .accordion-body p,

.post-item-body p,

.slicknav_menu ul ul,

figure {

  margin: 0

}

a,

a:focus,

a:hover {

  text-decoration: none

}

body {

  font-family: var(--lbox-font-family-body);

  font-size: 16px;

  font-weight: 400;

  line-height: 1.6em;

  color: #527282;

  background-color: #fff

}

.btn-default.btn-highlighted:hover,

.main-menu ul li a,

.page-header-box h1 span,

.post-item-footer a.read-more-btn:hover,

h1,

h2,

h3,

h4,

h5,

h6 {

  color: var(--primary-color)

}

p {

  margin-top: 0;

  line-height: 1.8em;

  margin-bottom: 1.6em

}

h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0;

  font-weight: 700;

  line-height: 1.2em

}

img {

  max-width: 100%

}

a:focus,

a:hover {

  outline: 0

}

body,

html {

  width: 100%;

  overflow-x: clip

}

.container {

  max-width: 1300px

}

.container,

.container-fluid,

.row > * {

  padding-right: 15px;

  padding-left: 15px

}

.image-anime::after {

  content: "";

  position: absolute;

  width: 200%;

  height: 0%;

  left: 50%;

  top: 50%;

  background-color: rgba(255,255,255,.3);

  transform: translate(-50%,-50%) rotate(-45deg);

  z-index: 1

}

.btn-default:hover,

.image-anime:hover::after {

  background-color: rgba(255,255,255,0)

}

.image-anime:hover::after {

  height: 250%;

  transition: .6s linear

}

.reveal {

  display: inline-flex;

  visibility: hidden

}

.btn-default {

  background: #a7e800;

  display: inline-block;

  line-height: 1.5em;

  font-size: 14px;

  font-weight: 600;

  padding: 14px 50px 14px 20px;

  border-radius: 99px;

  border: currentcolor;

  border-image: initial;

  transition: .5s ease-in-out;

  z-index: 1

}

.reveal img {

  height: 100%;

  width: 100%;

  object-fit: cover;

  transform-origin: left center

}

.row {

  margin-right: -15px;

  margin-left: -15px

}

.btn-default.btn-highlighted:hover::before,

.main-menu ul ul,

.testimonial-slider .testimonial-button-next:hover,

.testimonial-slider .testimonial-button-prev:hover {

  background-color: var(--primary-color)

}

.btn-default::before {

  content: "";

  position: absolute;

  top: 50%;

  right: 0;

  bottom: 0;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background-color: #fff;

  background-image: url("../images/arrow-blue.svg");

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 10px;

  transform: translate(-10px,-50%);

  transition: .4s ease-in-out

}

.btn-default:hover::before {

  transform: translate(-10px,-50%) rotate(45deg);

  background-size: 10px

}

.btn-default::after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  width: 0;

  height: 100%;

  border-radius: 99px;

  background: var(--primary-color);

  transition: .4s ease-in-out;

  z-index: -1

}

.btn-default:hover::after {

  width: 100%

}

.footer-links ul li:hover a,

.main-menu ul li a:focus,

.main-menu ul li a:hover,

.page-header-box ol .breadcrumb-item + .breadcrumb-item::before {

  color: #715de2!important

}

.btn-default.btn-highlighted::after {

  background-color: #fff

}

.preloader {

  position: fixed;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: 1000;

  background-color: var(--accent-color);

  display: flex;

  align-items: center;

  justify-content: center

}

.slicknav_btn,

.slicknav_menu {

  background: var(--primary-color)

}

.loading {

  height: 100px;

  position: relative;

  width: 100px;

  border-radius: 100%;

  border-width: 1px;

  border-style: solid;

  border-image: initial;

  border-color: rgba(255,255,255,0) #fff;

  animation: 1.5s linear infinite rotate-loading;

  transform-origin: 50% 50%

}

header.main-header,

header.main-header .header-sticky.active {

  border-bottom: 1px solid rgba(14,56,76,.1)

}

@keyframes rotate-loading {

  0% {

    transform: rotate(0)

  }

  100% {

    transform: rotate(360deg)

  }

}

header.main-header {

  background-color: var(--secondary-color);

  position: relative;

  z-index: 100

}

header.main-header .header-sticky {

  position: relative;

  top: 0;

  z-index: 100

}

header.main-header .header-sticky.hide {

  transform: translateY(-100%);

  transition: transform .3s ease-in-out;

  border-radius: 0

}

header.main-header .header-sticky.active {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  border-radius: 0;

  transform: translateY(0);

  background: var(--secondary-color);

  backdrop-filter: blur(30px)

}

.navbar {

  padding: 30px 0;

  align-items: center

}

.navbar-brand {

  padding: 0;

  margin: 0

}

.main-menu .nav-menu-wrapper {

  flex: 1 1 0%;

  text-align: center

}

.main-menu .nav-menu-wrapper > ul {

  align-items: center;

  display: inline-flex

}

.main-menu ul li {

  margin: 0 9px;

  position: relative

}

.main-menu ul li a {

  font-size: 18px;

  font-weight: 500;

  transition: .3s ease-in-out;

  padding: 14px 10px!important

}

.main-menu ul li.submenu > a::after {

  content: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 900;

  font-size: 14px;

  margin-left: 8px

}

.main-menu ul ul {

  visibility: hidden;

  opacity: 0;

  transform: scaleY(.8);

  transform-origin: center top;

  padding: 0;

  margin: 0;

  list-style: none;

  width: 240px;

  border-radius: 20px;

  position: absolute;

  left: 0;

  top: 100%;

  transition: .3s ease-in-out;

  text-align: left

}

.main-menu ul li.submenu:first-child ul {

  width: 250px

}

.main-menu ul ul ul {

  left: 100%;

  top: 0;

  text-align: left

}

.main-menu ul li:hover > ul {

  visibility: visible;

  opacity: 1;

  transform: scaleY(1);

  padding: 5px 0

}

.main-menu ul li.submenu ul li.submenu > a::after {

  content: "";

  float: right

}

.main-menu ul ul li {

  margin: 0;

  padding: 0

}

.main-menu ul ul li a {

  color: #fff;

  transition: .3s ease-in-out;

  padding: 8px 20px!important

}

.main-menu ul ul li a:focus,

.main-menu ul ul li a:hover {

  color: var(--accent-color);

  background-color: rgba(255,255,255,0);

  padding: 8px 20px 8px 23px!important

}

.navbar-toggle,

.responsive-menu {

  display: none

}

.responsive-menu {

  top: 0;

  position: relative

}

.slicknav_btn {

  padding: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 38px;

  height: 38px;

  margin: 0;

  border-radius: 8px

}

.slicknav_icon .slicknav_icon-bar {

  display: block;

  height: 3px;

  width: 22px;

  background-color: #fff;

  border-radius: 6px;

  transition: .1s ease-in-out;

  margin: 4px auto!important

}

.slicknav_icon .slicknav_icon-bar:first-child {

  margin-top: 0!important

}

.slicknav_icon .slicknav_icon-bar:last-child {

  margin-bottom: 0!important

}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:first-child {

  transform: rotate(-45deg) translate(-5px,5px)

}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {

  opacity: 0

}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {

  transform: rotate(45deg) translate(-5px,-5px)

}

.slicknav_menu {

  position: absolute;

  width: 100%;

  padding: 0

}

.slicknav_menu ul {

  margin: 5px 0

}

.slicknav_nav .slicknav_row,

.slicknav_nav li a {

  position: relative;

  font-size: 16px;

  font-weight: 500;

  padding: 10px 20px;

  color: #fff;

  line-height: normal;

  margin: 0;

  transition: .3s ease-in-out;

  border-radius: 0!important

}

.slicknav_nav .slicknav_row:hover,

.slicknav_nav a:focus,

.slicknav_nav a:hover {

  background-color: rgba(255,255,255,0);

  color: var(--accent-color)

}

.slicknav_menu ul ul li a {

  padding: 10px 20px 10px 30px

}

.slicknav_arrow {

  font-size: 0px!important

}

.slicknav_arrow::after {

  content: "";

  font-family: "Font Awesome 6 Free";

  font-weight: 900;

  font-size: 12px;

  margin-left: 8px;

  color: #fff;

  position: absolute;

  right: 15px;

  top: 15px;

  transition: .3s ease-out

}

.slicknav_open > a .slicknav_arrow::after {

  transform: rotate(-180deg);

  color: var(--accent-color)

}

.read-more-btn {

  position: relative;

  z-index: 1

}

@keyframes zoom {

  0%,

  100% {

    transform: scale(1)

  }

  50% {

    transform: scale(.8)

  }

}

@keyframes exportmoveobject {

  50% {

    left: 50px

  }

}

.error-page,

.page-blog,

.page-book-appointment,

.page-faqs,

.page-service-single,

.page-single-post,

.page-techonology {

  padding: 100px 0

}

.post-item-footer a.read-more-btn::after,

.read-more-btn a::after {

  background-image: url("../images/arrow-white.svg");

  width: 24px;

  height: 24px

}

.hero-slider-layout .swiper-pagination {

  bottom: 80px

}

.hero-slider-layout .swiper-pagination .swiper-pagination-bullet {

  width: 15px;

  height: 15px;

  background: #fff;

  opacity: 1;

  transition: .3s ease-in-out;

  margin: 0 5px

}

.hero-slider-layout .swiper-pagination .swiper-pagination-bullet-active,

.read-more-btn a::after {

  background-color: var(--accent-color)

}

.footer-copyright-text p {

  margin: 0

}

.post-image figure {

  display: block

}

@keyframes rotate {

  0% {

    transform: rotate(0)

  }

  100% {

    transform: rotate(360deg)

  }

}

.read-more-btn a::after {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 10px;

  border-radius: 50%;

  transition: .4s ease-in-out

}

.read-more-btn a {

  font-size: 14px;

  color: var(--accent-color);

  font-weight: 600;

  transition: .5s ease-in-out;

  display: inline-block;

  position: relative;

  padding-right: 35px

}

.read-more-btn a:hover::after {

  background-size: 10px;

  transform: rotate(45deg)

}

.footer-links ul li:last-child {

  margin-bottom: 0

}

.blog-item {

  position: relative;

  height: calc(100% - 30px);

  margin-bottom: 30px;

  z-index: 1

}

.blog-item:hover .post-featured-image img {

  transform: scale(1.1)

}

.footer-links h3,

.post-item-body h2,

.post-item-footer a.read-more-btn {

  font-weight: 600

}

.testimonial-slider .testimonial-button-next,

.testimonial-slider .testimonial-button-prev {

  position: relative;

  width: 40px;

  height: 40px;

  background-color: var(--accent-color);

  border-radius: 6px;

  transition: .4s ease-in-out

}

.testimonial-slider .testimonial-button-next {

  margin-left: 20px

}

.testimonial-slider .testimonial-button-next::before,

.testimonial-slider .testimonial-button-prev::before {

  content: "";

  position: absolute;

  inset: 0px;

  background: url("../images/arrow-white.svg") center center/12px no-repeat;

  transform: rotate(45deg);

  display: flex;

  align-items: center;

  justify-content: center;

  transition: .4s ease-in-out

}

.post-item-footer a.read-more-btn::after {

  background-repeat: no-repeat;

  background-position: center center;

  content: "";

  position: absolute;

  top: -2px;

  right: 0;

  bottom: 0;

  background-size: 10px;

  background-color: var(--accent-color);

  border-radius: 50%;

  transition: .4s ease-in-out

}

.testimonial-slider .testimonial-button-prev::before {

  transform: rotate(225deg)

}

.blog-item .post-featured-image {

  border-radius: 30px;

  overflow: hidden;

  margin-bottom: 30px

}

.blog-item .post-featured-image a {

  max-height: 300px;

  display: block

}

.blog-item .post-featured-image img {

  border-radius: 30px;

  aspect-ratio: 1/0.66;

  object-fit: cover;

  transition: .5s ease-in-out;

  max-height: 300px

}

.post-item-body {

  margin-bottom: 15px

}

.post-item-body h2 {

  color: var(--primary-color);

  font-size: 20px;

  line-height: 1.5em;

  margin-bottom: 20px

}

.page-header-box ol li.breadcrumb-item a,

.post-item-body h2 a {

  color: inherit

}

.post-item-footer a.read-more-btn {

  position: relative;

  color: var(--accent-color);

  font-size: 14px;

  padding-right: 35px;

  transition: .5s ease-in-out

}

.post-item-footer a.read-more-btn:hover::after {

  transform: rotate(45deg);

  background-color: var(--primary-color)

}

footer.main-footer {

  padding: 100px 0 0;

  background: var(--primary-color)

}

.footer-links h3 {

  color: #fff;

  font-size: 20px;

  margin-bottom: 20px

}

.footer-links ul {

  list-style: none;

  margin: 0;

  padding: 0

}

.footer-links ul li {

  margin-bottom: 10px

}

.footer-links ul li a {

  color: #fff;

  transition: .3s ease-in-out

}

.footer-copyright {

  border-top: 1px solid rgba(255,255,255,.12);

  padding: 30px 0;

  text-align: center;

  margin-top: 60px

}

.page-header-box h1 {

  font-size: 54px;

  font-weight: 700;

  text-align: center;

  color: var(--accent-color);

  margin-bottom: 20px

}

.page-header-box ol {

  margin: 0;

  padding: 0;

  justify-content: center

}

.page-header-box ol li.breadcrumb-item {

  font-size: 16px;

  font-weight: 500;

  color: var(--primary-color)

}

.com-finder.finder,

.page-services,

.page-team {

  padding: 100px 0 70px

}

.page-faqs .accordion-header .accordion-button {

  font-size: 20px;

  font-weight: 600;

  line-height: 1.2em;

  padding: 15px 50px 15px 20px

}

.page-faqs .accordion-body {

  padding: 0 20px 20px

}

.page-blog .blog-item {

  height: calc(100% - 40px);

  margin-bottom: 40px

}

.post-pagination {

  margin-top: 30px;

  text-align: center

}

.post-pagination ul {

  justify-content: center;

  padding: 0;

  margin: 0

}

.post-pagination ul li a,

.post-pagination ul li span {

  display: flex;

  text-decoration: none;

  justify-content: center;

  align-items: center;

  background: var(--secondary-color);

  color: var(--primary-color);

  border-radius: 6px;

  width: 40px;

  height: 40px;

  margin: 0 5px;

  font-weight: 700;

  line-height: 1em;

  transition: .3s ease-in-out

}

.post-pagination ul li a:hover,

.post-pagination ul li.active a {

  background: var(--accent-color);

  color: #fff

}

.post-single-meta ol li.breadcrumb-item {

  font-size: 18px

}

.post-single-meta ol li i {

  font-size: 18px;

  color: var(--accent-color);

  margin-right: 5px

}

.post-image {

  position: relative;

  margin-bottom: 30px

}

.post-image figure,

.post-image img {

  aspect-ratio: 1/0.5;

  object-fit: cover;

  border-radius: 40px

}

.post-content {

  width: 100%;

  margin: 0 auto

}

.page-team-single {

  padding: 0 0 100px

}

.page-team-single .row {

  background-color: var(--primary-color);

  border-radius: 35px 30px 30px 35px

}

@media only screen and (max-width:1024px) {

  .navbar {

    padding: 20px 0

  }

  .main-menu ul li {

    margin: 0

  }

}

@media only screen and (max-width:991px) {

  footer.main-footer {

    background-size: 100%;

    padding: 50px 0 0

  }

  .navbar-toggle,

  .responsive-menu,

  .slicknav_nav li,

  .slicknav_nav ul {

    display: block

  }

  .error-page,

  .page-blog,

  .page-book-appointment,

  .page-faqs,

  .page-service-single,

  .page-single-post,

  .page-techonology {

    padding: 50px 0

  }

  .hero-slider-layout .swiper-pagination {

    bottom: 40px

  }

  .page-faqs .accordion-header .accordion-button {

    font-size: 18px

  }

  .post-item-body h2 {

    margin-bottom: 15px

  }

  .page-contact,

  .page-team-single {

    padding: 50px 0 25px

  }

  .blog-item .post-featured-image,

  .post-image {

    margin-bottom: 20px

  }

  .post-item-footer a.read-more-btn {

    padding-right: 30px

  }

  .post-item-footer a.read-more-btn::after {

    top: 0;

    background-size: 8px;

    width: 20px;

    height: 20px

  }

  .footer-copyright {

    margin-top: 40px;

    padding: 20px 0

  }

  .page-header {

    background-size: contain;

    padding: 50px 0

  }

  .page-header-box h1 {

    font-size: 44px;

    margin-bottom: 10px

  }

  .page-services,

  .page-team,

  .page-testimonials {

    padding: 50px 0 20px

  }

  .page-blog .blog-item {

    height: calc(100% - 30px);

    margin-bottom: 30px

  }

  .post-pagination {

    margin-top: 10px

  }

  .post-single-meta ol li i {

    font-size: 20px

  }

  .page-team-single .row {

    border-radius: 40px 40px 30px 30px

  }

}

@media only screen and (max-width:767px) {

  .page-header-box h1 {

    font-size: 34px

  }

  .hero-slider-layout .swiper-pagination {

    bottom: 30px

  }

  .post-item-body h2 {

    font-size: 18px;

    margin-bottom: 10px

  }

  .post-single-meta ol li i {

    font-size: 18px

  }

  .post-item-body {

    margin-bottom: 10px

  }

  .footer-links h3 {

    margin-bottom: 15px

  }

  .footer-copyright {

    padding: 10px 0

  }

  .page-faqs .accordion-header .accordion-button {

    font-size: 16px;

    padding: 10px 40px 10px 10px

  }

  .page-faqs .accordion-body {

    padding: 0 10px 10px

  }

  .post-image figure,

  .post-image img {

    aspect-ratio: 1/0.7

  }

}

.view-article .page-header {

  padding: 0

}

ul.result__taxonomy {

  font-size: .9rem;

  margin: 1rem 0;

  padding: .5rem;

  background: #eee;

  border-radius: .4rem

}

.view-category.layout-blog .post-item-body h2 {

  min-height: 3em;

  display: flex;

  align-items: flex-start;

  margin-bottom: 1rem

}

.page-single-post {

  padding: 50px 0

}

.view-category.layout-blog .post-item-body h2 a {

  display: block;

  width: 100%

}

[data-rlta-element=button] {

  margin-top: 2rem;

  display: block;

  background: 0 0!important;

  border: currentcolor!important;

  border-image: initial!important;

  padding: 0!important;

  outline: 0!important

}

[data-rlta-element=button] [data-rlta-element=heading] {

  display: inline-block;

  position: relative;

  overflow: hidden;

  z-index: 1;

  font-weight: 600;

  font-size: 14px;

  line-height: 1.5em;

  color: #fff;

  padding: 14px 50px 14px 20px;

  border-radius: 99px;

  margin: 0;

  cursor: pointer;

  transition: .5s ease-in-out;

  background: var(--accent-color)

}

[data-rlta-element=button] [data-rlta-element=heading]::before {

  content: "";

  position: absolute;

  top: 50%;

  right: 10px;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background-color: #fff;

  background-image: url("../images/arrow-blue.svg");

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 10px;

  transform: translateY(-50%);

  transition: .4s ease-in-out;

  z-index: 2

}

[data-rlta-element=button] [data-rlta-element=heading]::after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  width: 0;

  height: 100%;

  border-radius: 99px;

  background: var(--primary-color);

  transition: .4s ease-in-out;

  z-index: -1

}

[data-rlta-element=button]:hover [data-rlta-element=heading]::after {

  width: 100%

}

[data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading] {

  background: var(--primary-color)

}

[data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading]::before {

  transform: translateY(-50%) rotate(180deg)

}

.view-category [data-rlta-element=panel] {

  height: auto;

  font-size: .9rem;

  padding: .5rem 1rem;

  background: #eee;

  border-radius: .4rem

}

a {

  color: var(--primary-color);

  color: #8776ff

}

footer,

footer a {

  color: #fff

}

.btn-primary {

  background-color: var(--accent-color);

  border-color: var(--accent-color)

}

.btn-primary:hover {

  background: var(--primary-color)

}

.list-unstyled li.current.active a,

.main-menu ul li.current.active a,

.slicknav_nav li.current.active a {

  color: var(--accent-color)

}

footer .nav {

  display: block

}

.nav-item > a.btn-default {

  font-size: 14px;

  width: 160px;

  color: #fff!important;

  padding-right: 30px!important

}

@media (max-width:991.8px) {

  .nav-item > a.btn-default {

    width: 100%

  }

}

a:hover {

  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);

  color: #0be7e0

}

.h1,

h1 {

  font-size: 2rem;

  padding-bottom: 15px;

  color: #8776ff

}

.h2,

h2 {

  font-size: 1.5rem;

  padding-bottom: 15px;

  color: #333

}

.h3,

h3 {

  font-size: 1.2rem;

  padding-bottom: 15px;

  color: #8776ff

}

h3.velky {

  font-size: 1.5rem

}

h2.FAQ {

  font-size: 19px;

  border-bottom: 1px solid #e8e8e8;

  margin-bottom: 20px

}

h4 {

  font-size: 1.1em;

  padding-bottom: 15px

}

.wf-columns .wf-column {

  max-width: 100%;

  box-sizing: border-box;

  flex: 1 1 0%

}

.wf-columns-stack-large,

.wf-columns-stack-medium,

.wf-columns-stack-small,

.wf-columns-stack-xlarge {

  flex-wrap: wrap

}

.wf-columns {

  display: flex;

  gap: 3rem!important

}

.wd-whitening {

  --wd-purple: #8a74ff;

  --wd-purple-soft: #f2efff;

  --wd-turquoise: #13d4d4;

  --wd-turquoise-dark: #09bcbc;

  --wd-ink: #171c2a;

  --wd-text: #49677a;

  --wd-line: #dce8ee;

  --wd-soft: #f7fafb;

  --wd-shadow: 0 18px 48px rgba(33, 66, 83, .10);

  color: var(--wd-text);

  overflow: hidden

}

.wd-whitening h1,

.wd-whitening h2,

.wd-whitening h3 {

  color: var(--wd-ink);

  line-height: 1.32

}

.wd-whitening h1 {

  letter-spacing: -.045em

}

.wd-whitening h1 span {

  color: #a7e800

}

.wd-whitening p {

  line-height: 1.75

}

.wd-section {

  padding: 5.25rem 0

}

.wd-heading-center {

  max-width: 760px;

  margin-bottom: 2.625rem

}

.wd-eyebrow,

.wd-kicker {

  display: inline-block;

  margin-bottom: .875rem;

  font-size: .8125rem;

  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase

}

.wd-eyebrow {

  padding: .5rem .75rem;

  color: var(--wd-purple);

  background: var(--wd-purple-soft);

  border-radius: 999px

}

.wd-hero__lead {

  max-width: 590px;

  font-size: 1.1875rem

}

.wd-btn {

  min-height: 52px;

  padding: 0 1.5rem;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: .75rem;

  border-width: 2px;

  border-radius: 999px;

  font-weight: 800;

  transition: transform .2s,box-shadow .2s,background-color .2s,border-color .2s

}

.wd-btn:hover {

  transform: translateY(-2px)

}

.wd-btn--primary {

  background: var(--wd-turquoise);

  border-color: var(--wd-turquoise);

  box-shadow: rgba(19,212,212,.25) 0 12px 26px

}

.wd-btn--primary:focus,

.wd-btn--primary:hover {

  color: #fff;

  background: #a7e800;

  border-color: #a7e800

}

.wd-btn--primary span {

  display: grid;

  width: 25px;

  height: 25px;

  place-items: center;

  color: #a7e800;

  background: #fff;

  border-radius: 50%

}

.wd-btn--outline {

  color: var(--wd-ink);

  background: rgba(255,255,255,.86);

  border-color: #b9d6df

}

.wd-btn--outline:focus,

.wd-btn--outline:hover {

  color: var(--wd-purple);

  background: #fff;

  border-color: var(--wd-purple)

}

.wd-hero {

  background: radial-gradient(circle at 91% 22%,rgba(19,212,212,.24),transparent 31%),linear-gradient(#fff 0,#fbfeff 100%)

}

.wd-hero__visual {

  position: relative;

  height: 600px;

  min-height: 600px;

  overflow: hidden;

  border-radius: 0 0 0 70px

}

.wd-hero__visual img {

  display: block;

  width: 100%;

  max-width: none;

  object-fit: cover;

  object-position: 68% center;

  border-radius: 0;

  height: 100%!important

}

.wd-hero__visual::after,

.wd-hero__visual::before {

  position: absolute;

  content: "";

  border: 1px solid rgba(19,212,212,.42);

  border-radius: 50%

}

.wd-hero__visual::before {

  width: 180px;

  height: 180px;

  left: -70px;

  top: 240px

}

.wd-hero__visual::after {

  width: 260px;

  height: 260px;

  right: -100px;

  bottom: 60px

}

.wd-hero__badge {

  position: absolute;

  right: 28px;

  bottom: 68px;

  z-index: 2;

  display: grid;

  width: 142px;

  height: 142px;

  place-content: center;

  text-align: center;

  color: var(--wd-ink);

  background: #fff;

  border-radius: 50%;

  box-shadow: var(--wd-shadow)

}

.wd-hero__badge span {

  color: var(--wd-turquoise);

  font-size: 2.125rem

}

.wd-hero__badge small {

  display: block

}

.wd-proof {

  display: flex;

  align-items: center;

  gap: .5rem;

  color: var(--wd-ink);

  font-size: .875rem;

  font-weight: 700

}

.wd-proof span {

  color: var(--wd-turquoise);

  font-size: 1.5rem

}

.wd-benefits {

  overflow: hidden;

  background: #fff;

  border: 1px solid rgba(185,214,223,.65);

  border-radius: 22px;

  box-shadow: var(--wd-shadow)

}

.wd-benefit {

  min-height: 142px;

  padding: 1.5rem .875rem;

  text-align: center;

  color: var(--wd-ink);

  border-right: 1px solid var(--wd-line)

}

div.clear {

  clear: both;

  margin-bottom: 50px

}

.wd-benefits .row > div:last-child .wd-benefit {

  border-right: 0px

}

.wd-icon {

  display: block;

  margin-bottom: .625rem;

  color: var(--wd-turquoise);

  font-size: 2.25rem;

  line-height: 1

}

.wd-benefit strong {

  font-size: .875rem;

  line-height: 1.4

}

.wd-section--why {

  padding-top: 7rem

}

.wd-checklist {

  display: grid;

  gap: .625rem

}

.wd-checklist li {

  color: var(--wd-ink)

}

.wd-checklist li::before {

  content: "âś“";

  display: grid;

  place-items: center;

  background: var(--wd-purple)

}

.wd-media-card {

  overflow: hidden;

  padding: .875rem;

  background: #fff;

  border-radius: 22px;

  box-shadow: var(--wd-shadow)

}

.wd-section--results {

  background: var(--wd-soft)

}

.wd-result-card {

  position: relative;

  overflow: hidden;

  background: #fff;

  border-radius: 18px;

  box-shadow: var(--wd-shadow)

}

.wd-result-label {

  position: absolute;

  z-index: 2;

  left: .875rem;

  top: .875rem;

  padding: .4375rem .75rem;

  color: #fff;

  background: var(--wd-purple);

  border-radius: 999px;

  font-size: .75rem;

  font-weight: 800;

  text-transform: uppercase

}

.wd-note {

  font-size: .8125rem

}

.wd-step {

  position: relative;

  text-align: center

}

.wd-step__number {

  position: absolute;

  z-index: 3;

  left: calc(50% - 48px);

  top: -4px;

  display: grid;

  width: 46px;

  height: 46px;

  place-items: center;

  color: #fff;

  background: var(--wd-purple);

  border-radius: 50%;

  font-size: .75rem;

  font-weight: 800

}

.wd-step__icon {

  display: grid;

  width: 94px;

  height: 94px;

  margin: 0 auto 1.125rem;

  place-items: center;

  color: var(--wd-turquoise);

  background: #fff;

  border: 1px solid var(--wd-line);

  border-radius: 50%;

  box-shadow: rgba(33,66,83,.07) 0 10px 26px;

  font-size: 2.375rem

}

.wd-step p {

  margin-bottom: 0;

  font-size: .9375rem

}

.wd-compare,

.wd-info-card {

  padding: 1.75rem;

  border-radius: 18px

}

.wd-info-card--green {

  background: rgba(19,212,212,.1)

}

.wd-info-card--red {

  background: rgba(218,255,127,.2)

}

.wd-info-card__sub {

  margin-top: -.25rem;

  font-size: .75rem;

  font-weight: 800;

  text-transform: uppercase

}

.wd-info-card ul {

  display: grid;

  gap: .5625rem;

  padding-left: 1.25rem

}

.wd-info-card li {

  font-size: .875rem

}

.wd-compare {

  background: #f2f6ff

}

.wd-compare .table,

.wd-info-card .table {

  min-width: 450px;

  margin-bottom: 0;

  color: var(--wd-ink);

  background: rgba(255,255,255,.68);

  font-size: .95rem

}

.wd-compare .table > :not(caption) > * > *,

.wd-info-card .table > :not(caption) > * > * {

  padding: .75rem;

  color: var(--wd-ink);

  background: rgba(255,255,255,0);

  border-color: #dfe7f4;

  vertical-align: middle

}

.wd-compare .table th,

.wd-info-card .table th {

  font-size: .95rem;

  font-weight: 600;

  line-height: 1.45

}

.wd-compare .table td,

.wd-info-card .table td {

  font-size: .95rem;

  line-height: 1.45

}

.wd-compare .table td:last-child,

.wd-info-card .table td:last-child {

  color: var(--wd-purple);

  font-weight: 800;

  white-space: nowrap;

  text-align: right

}

.wd-compare .table td:last-child strong,

.wd-info-card .table td:last-child strong {

  color: inherit;

  font-size: inherit;

  font-weight: inherit

}

.wd-occasion {

  display: grid;

  min-height: 130px;

  padding: 1.375rem;

  place-content: center;

  text-align: center;

  color: var(--wd-ink);

  background: #fff;

  border: 1px solid var(--wd-line);

  border-radius: 16px;

  transition: transform .2s,box-shadow .2s

}

.wd-occasion:hover {

  transform: translateY(-4px);

  box-shadow: var(--wd-shadow)

}

.wd-occasion span {

  margin-bottom: .625rem;

  color: var(--wd-turquoise);

  font-size: 2.1875rem

}

.wd-section--faq {

  background: radial-gradient(circle at 80% 20%,rgba(19,212,212,.12),transparent 28%),#f3fbfc

}

.wd-accordion .accordion-item {

  margin-bottom: .75rem;

  overflow: hidden;

  background: #fff;

  border: 1px solid var(--wd-line);

  border-radius: 12px

}

.wd-accordion .accordion-button {

  color: var(--wd-ink);

  background: #fff;

  font-weight: 800;

  box-shadow: none

}

.wd-accordion .accordion-button:not(.collapsed) {

  color: var(--wd-purple);

  background: var(--wd-purple-soft)

}

.wd-accordion .accordion-button:focus {

  border-color: var(--wd-purple);

  box-shadow: rgba(138,116,255,.15) 0 0 0 .25rem

}

.wd-contact-card {

  overflow: hidden;

  background: #fff;

  border-radius: 18px;

  box-shadow: var(--wd-shadow)

}

.wd-contact-card img {

  aspect-ratio: 16/10;

  object-fit: cover

}

.wd-contact-card__body {

  padding: 1.625rem

}

.wd-contact-card__body a {

  color: var(--wd-purple);

  font-weight: 800

}

.wd-cta {

  background: radial-gradient(circle at 88% 40%,rgba(138,116,255,.12),transparent 25%),linear-gradient(90deg,#e9fbfc,#fff)

}

.wd-cta__image {

  max-height: 410px;

  object-fit: contain;

  object-position: center bottom

}

@media (max-width:991.98px) {

  .wd-hero__visual {

    min-height: 520px

  }

  .wd-benefit {

    border-bottom: 1px solid var(--wd-line)

  }

  .wd-benefits .row > div:nth-child(3n) .wd-benefit {

    border-right: 0px

  }

  .wd-benefits .row > div:nth-last-child(-n+3) .wd-benefit {

    border-bottom: 0

  }

}

@media (max-width:767.98px) {

  .wd-section {

    padding: 4rem 0

  }

  .wd-whitening h1 {

    font-size: 2.7rem

  }

  .wd-whitening h2 {

    font-size: 2.05rem

  }

  .wd-hero__visual {

    min-height: 420px

  }

  .wd-hero__visual img {

    border-radius: 28px

  }

  .wd-hero__badge {

    right: 14px;

    bottom: 18px;

    width: 118px;

    height: 118px

  }

  .wd-benefits .row > div:nth-child(3n) .wd-benefit {

    border-right: 1px solid var(--wd-line)

  }

  .wd-benefits .row > div:nth-child(2n) .wd-benefit {

    border-right: 0px

  }

  .wd-benefits .row > div:nth-last-child(-n+2) .wd-benefit {

    border-bottom: 0

  }

  .wd-section--why {

    padding-top: 5.5rem

  }

}

@media (max-width:575.98px) {

  .wd-whitening h1 {

    font-size: 2.25rem

  }

  .wd-btn {

    width: 100%

  }

  .wd-hero__visual {

    min-height: 340px

  }

  .wd-benefit {

    border-right: 0px!important

  }

  .wd-benefits .row > div:not(:last-child) .wd-benefit {

    border-bottom: 1px solid var(--wd-line)

  }

}

@media (min-width:992px) {

  .wd-hero .wd-btn {

    white-space: nowrap;

    flex: 0 0 auto

  }

}

@media (max-width:991.98px) {

  .wd-hero__visual {

    height: 520px;

    min-height: 520px;

    border-radius: 28px

  }

  .wd-hero__visual img {

    object-position: 68% center

  }

}

@media (max-width:767.98px) {

  .wd-hero__visual {

    height: 440px;

    min-height: 440px

  }

}

@media (max-width:575.98px) {

  .wd-hero__visual {

    height: 360px;

    min-height: 360px

  }

}

@media (min-width:1200px) {

  .display-3 {

    font-size: 2.7rem!important

  }

}

.wd-contact-icon {

  display: inline-flex;

  flex: 0 0 30px;

  width: 30px;

  height: 30px;

  align-items: center;

  justify-content: center;

  margin-top: 1px;

  color: #fff;

  background: #13d4d4;

  border-radius: 50%;

  font-size: 16px;

  line-height: 1

}

.wd-info-card a {

  color: #171c2a

}

.wd-info-card a:hover {

  color: #8a74ff

}

.wd-home-info-strip {

  background: #fff

}

.wd-insurance-item {

  height: 100%;

  padding: 12px 15px;

  color: var(--wd-ink);

  background: rgba(255,255,255,.75);

  border: 1px solid var(--wd-line);

  border-radius: 12px

}

.wd-insurance-item strong {

  color: var(--wd-purple)

}

.wd-home-info-strip .wd-contact-icon {

  width: 42px;

  height: 42px;

  flex-basis: 42px;

  font-size: 21px

}

@media (max-width:767.98px) {

  .wd-home-info-strip {

    padding-top: 20px!important;

    padding-bottom: 20px!important

  }

}

.wd-checklist {

  list-style: none;

  margin: 0;

  padding: 0

}

.wd-checklist li {

  position: relative;

  padding-left: 38px;

  margin-bottom: 14px;

  line-height: 1.6

}

.wd-checklist li::before {

  content: "✓";

  position: absolute;

  left: 0;

  top: 2px;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 24px;

  height: 24px;

  border-radius: 50%;

  background: #19d3d1;

  color: #fff;

  font-size: 14px;

  font-weight: 700

}

.wd-contact-card .btn,

.wd-contact-card .btn-primary,

.wd-contact-card button[type=submit],

.wd-contact-card input[type=submit] {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background: #13d4d4;

  border: 2px solid #13d4d4;

  color: #fff;

  font-size: 1rem;

  font-weight: 700;

  padding: .9rem 1.8rem;

  border-radius: 999px;

  text-decoration: none;

  transition: .25s;

  box-shadow: rgba(57,181,74,.18) 0 12px 30px

}

.wd-contact-card .btn-primary:hover,

.wd-contact-card .btn:hover,

.wd-contact-card button[type=submit]:hover,

.wd-contact-card input[type=submit]:hover {

  background: #13d4d4;

  border-color: #13d4d4;

  color: #fff;

  transform: translateY(-2px);

  box-shadow: rgba(57,181,74,.28) 0 16px 36px

}

.wd-contact-card button[type=submit]:focus,

.wd-contact-card input[type=submit]:focus {

  outline: 0;

  box-shadow: rgba(57,181,74,.18) 0 0 0 4px

}

@media (min-width:1200px) {

  .display-6 {

    font-size: 2rem!important

  }

}

p.display-6.fw-bold {

  margin-bottom: 0

}

.blog-item:hover .post-featured-image img {

  transform: none

}

.sta-eshop-cenik {

  --wd-green: #a1d600;

  --wd-purple: #8a74ff;

  --wd-cyan: #20c8c8;

  --wd-ink: #121827;

  --wd-muted: #637381;

  --wd-soft: #f6f7fb;

  color: var(--wd-ink)

}

.sta-eshop-cenik .wd-hero {

  position: relative;

  overflow: hidden;

  background: radial-gradient(circle at 82% 20%,rgba(138,116,255,.16),transparent 30%),linear-gradient(#fff,#fbfbff)

}

.sta-eshop-cenik .wd-eyebrow,

.sta-eshop-cenik .wd-kicker {

  display: inline-block;

  margin-bottom: 16px;

  padding: 8px 13px;

  border-radius: 999px;

  background: #f0edff;

  color: #6652df;

  font-size: .78rem;

  font-weight: 900;

  letter-spacing: .07em;

  text-transform: uppercase

}

.sta-eshop-cenik h1,

.sta-eshop-cenik h2,

.sta-eshop-cenik h3 {

  letter-spacing: -.035em

}

.sta-eshop-cenik h1 span {

  color: var(--wd-green)

}

.sta-eshop-cenik .wd-heading-center p,

.sta-eshop-cenik .wd-hero__lead {

  color: var(--wd-muted);

  font-size: 1.13rem;

  line-height: 1.7

}

.sta-eshop-cenik .wd-btn {

  border-radius: 13px;

  padding: 13px 20px;

  font-weight: 850;

  transition: .2s

}

.sta-eshop-cenik .wd-btn:hover {

  transform: translateY(-2px)

}

.sta-eshop-cenik .wd-btn--primary {

  background: var(--wd-green);

  border-color: var(--wd-green);

  color: #182000

}

.sta-eshop-cenik .wd-btn--outline {

  background: #fff;

  border: 2px solid #dfe2e7;

  color: var(--wd-ink)

}

.sta-eshop-cenik .wd-proof {

  color: #677480;

  font-size: .93rem

}

.sta-eshop-cenik .wd-proof span {

  color: var(--wd-purple);

  font-size: 1.25rem

}

.sta-eshop-cenik .wd-hero__visual {

  position: relative

}

.sta-eshop-cenik .wd-hero__badge {

  position: absolute;

  right: -12px;

  bottom: -18px;

  display: grid;

  grid-template-columns: auto 1fr;

  gap: 0 10px;

  max-width: 270px;

  padding: 15px 18px;

  border-radius: 18px;

  background: #fff;

  box-shadow: rgba(35,29,76,.18) 0 18px 50px

}

.sta-eshop-cenik .wd-hero__badge > span {

  grid-row: 1/3;

  align-self: center;

  display: grid;

  place-items: center;

  width: 48px;

  height: 48px;

  border-radius: 50%;

  background: var(--wd-green);

  font-weight: 900

}

.sta-eshop-cenik .wd-hero__badge strong {

  font-size: .95rem

}

.sta-eshop-cenik .wd-hero__badge small {

  color: var(--wd-muted);

  line-height: 1.3

}

.sta-shop-browser {

  overflow: hidden;

  border: 10px solid #fff;

  border-radius: 32px;

  background: #fff;

  box-shadow: rgba(45,37,96,.18) 0 30px 80px;

  transform: rotate(1.5deg)

}

.sta-shop-browser__bar {

  display: flex;

  align-items: center;

  gap: 7px;

  padding: 14px 16px;

  background: #181c2a;

  color: #fff

}

.sta-shop-browser__bar i {

  width: 9px;

  height: 9px;

  border-radius: 50%;

  background: var(--wd-green)

}

.sta-shop-browser__bar i:nth-child(2) {

  background: var(--wd-purple)

}

.sta-shop-browser__bar i:nth-child(3) {

  background: var(--wd-cyan)

}

.sta-shop-browser__bar span {

  margin-left: auto;

  font-size: .72rem;

  opacity: .65

}

.sta-shop-browser__body {

  min-height: 360px;

  display: grid;

  grid-template-columns: 1.25fr 0.75fr;

  gap: 18px;

  align-items: center;

  padding: 32px;

  background: linear-gradient(145deg,#f7f9fb,#eeebff)

}

.sta-shop-product {

  display: flex;

  flex-direction: column;

  gap: 8px

}

.sta-shop-product > span {

  align-self: flex-start;

  padding: 5px 9px;

  border-radius: 999px;

  background: var(--wd-green);

  font-size: .68rem;

  font-weight: 900;

  text-transform: uppercase

}

.sta-shop-product__image {

  display: grid;

  place-items: center;

  min-height: 150px;

  border-radius: 24px;

  background: #fff;

  color: var(--wd-purple);

  font-size: 4rem;

  box-shadow: rgba(40,34,76,.1) 0 12px 35px

}

.sta-shop-product strong {

  font-size: 1.15rem

}

.sta-shop-product small {

  color: var(--wd-muted)

}

.sta-shop-cart {

  display: flex;

  flex-direction: column;

  gap: 12px;

  padding: 22px;

  border-radius: 22px;

  background: #fff;

  box-shadow: rgba(40,34,76,.1) 0 12px 35px

}

.sta-shop-cart span {

  color: var(--wd-muted)

}

.sta-shop-cart strong {

  padding: 10px;

  border-radius: 10px;

  background: var(--wd-purple);

  color: #fff;

  text-align: center

}

.sta-eshop-cenik .wd-benefits {

  overflow: hidden;

  border: 1px solid #e7e9ef;

  border-radius: 22px;

  background: #fff;

  box-shadow: rgba(33,39,60,.07) 0 12px 38px

}

.sta-eshop-cenik .wd-benefit {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  padding: 20px;

  border-right: 1px solid #e7e9ef

}

.sta-eshop-cenik .wd-icon {

  color: var(--wd-purple);

  font-size: 1.5rem

}

.sta-eshop-cenik .wd-section {

  padding: 90px 0

}

.sta-eshop-cenik .wd-section--why {

  background: #fff

}

.sta-eshop-cenik .wd-section--results {

  background: var(--wd-soft)

}

.sta-eshop-cenik .wd-section--advice {

  background: #fff

}

.sta-eshop-cenik .wd-section--faq {

  background: linear-gradient(#f7f8fc,#fff)

}

.sta-eshop-cenik .wd-heading-center {

  max-width: 760px;

  margin-bottom: 45px

}

.sta-eshop-cenik .wd-occasion {

  display: flex;

  align-items: center;

  gap: 14px;

  padding: 20px;

  border: 1px solid #e6e8ee;

  border-radius: 18px;

  background: #fff;

  box-shadow: rgba(31,37,56,.06) 0 8px 25px

}

.sta-eshop-cenik .wd-occasion span {

  display: grid;

  place-items: center;

  flex: 0 0 42px;

  height: 42px;

  border-radius: 50%;

  background: #f0edff;

  color: var(--wd-purple);

  font-weight: 900

}

.sta-eshop-cenik .wd-compare,

.sta-eshop-cenik .wd-info-card {

  position: relative;

  padding: 30px;

  border: 1px solid #e2e5eb;

  border-radius: 26px;

  background: #fff;

  box-shadow: rgba(35,40,58,.08) 0 14px 42px

}

.sta-eshop-cenik .wd-info-card--green {

  border-top: 5px solid var(--wd-green)

}

.sta-eshop-cenik .wd-info-card--purple {

  border-top: 5px solid var(--wd-purple)

}

.sta-eshop-cenik .wd-card-icon {

  display: grid;

  place-items: center;

  width: 52px;

  height: 52px;

  margin-bottom: 18px;

  border-radius: 16px;

  background: #eff5df;

  color: #4a6100;

  font-weight: 900

}

.sta-eshop-cenik .wd-info-card--purple .wd-card-icon {

  background: #f0edff;

  color: var(--wd-purple)

}

.sta-price-card {

  display: flex;

  flex-direction: column

}

.sta-price-card > p,

.sta-price-card li {

  color: var(--wd-muted)

}

.sta-price {

  font-size: 2.05rem;

  font-weight: 900;

  letter-spacing: -.04em;

  margin: 4px 0 18px!important;

  color: var(--wd-ink)!important

}

.sta-price small {

  font-size: .85rem;

  color: var(--wd-muted)

}

.sta-price-card--featured {

  transform: translateY(-10px);

  box-shadow: rgba(91,72,190,.18) 0 25px 65px!important

}

.sta-ribbon {

  position: absolute;

  top: 20px;

  right: -8px;

  padding: 7px 13px;

  border-radius: 9px 0 0 9px;

  background: var(--wd-purple);

  color: #fff;

  font-size: .72rem;

  font-weight: 900;

  text-transform: uppercase

}

.sta-ribbon::after {

  content: "";

  position: absolute;

  right: 0;

  bottom: -7px;

  border-width: 7px 8px 0 0;

  border-style: solid;

  border-color: #5140b4 rgba(255,255,255,0) rgba(255,255,255,0)

}

.sta-eshop-cenik .wd-checklist {

  list-style: none;

  padding: 0;

  margin: 20px 0 26px

}

.sta-eshop-cenik .wd-checklist li {

  position: relative;

  padding: 6px 0 6px 27px

}

.sta-eshop-cenik .wd-checklist li::before {

  content: "✓";

  position: absolute;

  left: 0;

  color: var(--wd-green);

  font-weight: 950

}

.sta-eshop-cenik .wd-info-card--purple .wd-checklist li::before {

  color: var(--wd-purple)

}

.sta-eshop-cenik .table {

  min-width: 760px

}

.sta-eshop-cenik .table th {

  padding: 18px;

  background: #171c2a;

  color: #fff;

  border: 0

}

.sta-eshop-cenik .table td {

  padding: 16px 18px;

  border-color: #e6e8ee

}

.sta-eshop-cenik .table tbody tr:nth-child(2n) {

  background: #f8f9fb

}

.sta-eshop-cenik .table th:first-child {

  border-radius: 12px 0 0

}

.sta-eshop-cenik .table th:last-child {

  border-radius: 0 12px 0 0

}

.sta-compare-table td:not(:first-child),

.sta-compare-table th:not(:first-child) {

  text-align: center

}

.sta-notes {

  display: grid;

  gap: 13px

}

.sta-notes article {

  display: flex;

  gap: 18px;

  padding: 20px;

  border: 1px solid #e6e8ee;

  border-radius: 18px;

  background: #fff

}

.sta-notes article > span {

  flex: 0 0 48px;

  color: var(--wd-purple);

  font-weight: 950;

  font-size: 1.25rem

}

.sta-notes h3 {

  font-size: 1.05rem

}

.sta-notes p {

  margin: 0;

  color: var(--wd-muted)

}

.sta-eshop-cenik .wd-step {

  position: relative;

  padding: 28px;

  border: 1px solid #e4e7ec;

  border-radius: 22px;

  background: #fff

}

.sta-eshop-cenik .wd-step__number {

  position: absolute;

  right: 18px;

  top: 12px;

  color: #edf0f3;

  font-size: 3rem;

  font-weight: 950

}

.sta-eshop-cenik .wd-step__icon {

  display: grid;

  place-items: center;

  width: 50px;

  height: 50px;

  margin-bottom: 18px;

  border-radius: 16px;

  background: #f0edff;

  color: var(--wd-purple);

  font-size: 1.4rem

}

.sta-eshop-cenik .wd-step h3 {

  font-size: 1.15rem

}

.sta-eshop-cenik .wd-step p {

  margin: 0;

  color: var(--wd-muted)

}

.sta-eshop-cenik .accordion-item {

  overflow: hidden;

  margin-bottom: 12px;

  border: 1px solid #e3e6eb!important;

  border-radius: 15px!important

}

.sta-eshop-cenik .accordion-button {

  font-weight: 850

}

.sta-eshop-cenik .accordion-button:not(.collapsed) {

  background: #f0edff;

  color: #4d3eba;

  box-shadow: none

}

.sta-eshop-cenik .accordion-button:focus {

  border-color: var(--wd-purple);

  box-shadow: rgba(138,116,255,.18) 0 0 0 .2rem

}

.sta-contact-simple {

  overflow: hidden;

  border: 0;

  border-radius: 25px;

  background: #171c2a;

  color: #fff;

  box-shadow: rgba(26,31,45,.2) 0 20px 55px

}

.sta-contact-simple .wd-contact-card__body {

  padding: 30px

}

.sta-contact-simple p {

  color: #c8ced8

}

.sta-contact-simple a {

  color: var(--wd-green);

  font-weight: 850;

  text-decoration: none

}

.sta-contact-simple .wd-card-icon {

  background: var(--wd-green);

  color: #182000

}

.sta-eshop-cenik .wd-cta {

  overflow: hidden;

  background: linear-gradient(120deg,#171c2a,#33285d);

  color: #fff

}

.sta-eshop-cenik .wd-cta p {

  color: #d4d8e2;

  font-size: 1.1rem

}

.sta-cta-cart {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  width: 280px;

  height: 230px;

  margin: auto;

  border-radius: 45px;

  background: var(--wd-purple);

  transform: rotate(-5deg);

  box-shadow: rgba(0,0,0,.25) 0 22px 60px

}

.sta-cta-cart::before {

  content: "";

  position: absolute;

  width: 125px;

  height: 85px;

  top: -46px;

  border-bottom: 0;

  border-radius: 70px 70px 0 0

}

.sta-cta-cart span {

  display: grid;

  place-items: center;

  width: 58px;

  height: 58px;

  border-radius: 50%;

  background: var(--wd-green);

  color: #182000;

  font-size: 1.7rem;

  font-weight: 950

}

.sta-cta-cart strong {

  margin-top: 16px;

  font-size: 1.5rem

}

.sta-cta-cart small {

  opacity: .8

}

@media (max-width:991.98px) {

  .sta-eshop-cenik .wd-section {

    padding: 65px 0

  }

  .sta-price-card--featured {

    transform: none

  }

  .sta-eshop-cenik .wd-benefit {

    justify-content: flex-start

  }

  .sta-shop-browser__body {

    min-height: 310px

  }

  .sta-eshop-cenik .wd-hero__badge {

    right: 8px

  }

}

@media (max-width:575.98px) {

  .sta-eshop-cenik .wd-section {

    padding: 50px 0

  }

  .sta-eshop-cenik .wd-benefit {

    padding: 14px 10px;

    font-size: .85rem

  }

  .sta-eshop-cenik .wd-icon {

    font-size: 1.1rem

  }

  .sta-shop-browser__body {

    grid-template-columns: 1fr;

    padding: 20px

  }

  .sta-shop-cart {

    display: none

  }

  .sta-eshop-cenik .wd-hero__badge {

    position: relative;

    right: auto;

    bottom: auto;

    margin: -12px 12px 0

  }

  .sta-eshop-cenik .wd-compare,

  .sta-eshop-cenik .wd-info-card {

    padding: 24px

  }

  .sta-ribbon {

    right: 0

  }

}

.wd-blog-intro {

  --blog-green: #a1d600;

  --blog-purple: #8a74ff;

  --blog-ink: #121827;

  --blog-muted: #637381;

  padding: 50px 0 36px

}

.wd-blog-intro__inner {

  position: relative;

  overflow: hidden;

  margin: 0 auto;

  padding: clamp(28px,5vw,55px);

  border: 1px solid #e8e9f1;

  border-radius: 30px;

  background: radial-gradient(circle at 92% 12%,rgba(138,116,255,.16),transparent 28%),linear-gradient(135deg,#fff 0,#fbfbff 100%);

  box-shadow: rgba(37,41,61,.08) 0 18px 55px

}

.wd-blog-intro__inner::after {

  content: "";

  position: absolute;

  right: -45px;

  bottom: -80px;

  width: 260px;

  height: 130px;

  border-top: 0;

  border-radius: 0 0 50% 50%;

  opacity: .12;

  transform: rotate(-8deg);

  pointer-events: none

}

.wd-blog-intro__eyebrow {

  display: inline-block;

  margin-bottom: 15px;

  padding: 7px 12px;

  border-radius: 999px;

  background: #f0edff;

  color: #6652df;

  font-size: .76rem;

  font-weight: 900;

  letter-spacing: .08em;

  text-transform: uppercase

}

.wd-blog-intro h1 {

  max-width: 820px;

  margin: 0 0 18px;

  color: var(--blog-ink);

  font-size: clamp(2rem, 5vw, 3.8rem);

  font-weight: 900;

  line-height: 1.06;

  letter-spacing: -.05em

}

.wd-blog-intro h1 span {

  color: var(--blog-green)

}

.wd-blog-intro p {

  max-width: 840px;

  margin: 0;

  color: var(--blog-muted);

  font-size: clamp(1rem, 1.5vw, 1.13rem);

  line-height: 1.7

}

.wd-blog-intro__topics {

  display: flex;

  flex-wrap: wrap;

  gap: 9px;

  margin-top: 24px

}

.wd-blog-intro__topics span {

  padding: 8px 13px;

  border: 1px solid #e2e4eb;

  border-radius: 999px;

  background: #fff;

  color: var(--blog-ink);

  font-size: .85rem;

  font-weight: 800

}

.wd-blog-intro__topics span:nth-child(2n) {

  border-color: rgba(138,116,255,.35)

}

@media (max-width:575.98px) {

  .wd-blog-intro {

    padding: 30px 0 24px

  }

  .wd-blog-intro__inner {

    border-radius: 22px

  }

}

.page-blog {

  padding: 10px 0

}

.page-blog .blog-item ul.tags {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 8px;

  margin: 8px 0 18px;

  padding: 0;

  list-style: none

}

.page-blog .blog-item ul.tags > li.list-inline-item {

  margin: 0;

  padding: 0

}

.page-blog .blog-item ul.tags a.btn,

.page-blog .blog-item ul.tags a.btn-info {

  display: inline-flex;

  align-items: center;

  gap: 4px;

  min-height: 32px;

  padding: 6px 12px;

  border: 1px solid rgba(138,116,255,.28);

  border-radius: 999px;

  background: rgba(138,116,255,.1);

  color: #6652df;

  font-size: 13px;

  font-weight: 750;

  line-height: 1.25;

  text-decoration: none;

  box-shadow: none;

  transition: color .2s,background-color .2s,border-color .2s,transform .2s

}

.page-blog .blog-item ul.tags a.btn::before {

  content: "#";

  color: #8a74ff;

  font-weight: 900

}

.page-blog .blog-item ul.tags a.btn:focus-visible,

.page-blog .blog-item ul.tags a.btn:hover {

  border-color: #8a74ff;

  background: #8a74ff;

  color: #fff;

  transform: translateY(-1px)

}

.page-blog .blog-item ul.tags a.btn:focus-visible::before,

.page-blog .blog-item ul.tags a.btn:hover::before {

  color: #fff

}

.page-blog .blog-item ul.tags a.btn:focus-visible {

  outline: rgba(138,116,255,.24) solid 3px;

  outline-offset: 2px

}

@media (prefers-reduced-motion:reduce) {

  .page-blog .blog-item ul.tags a.btn {

    transition: none

  }

  .page-blog .blog-item ul.tags a.btn:focus-visible,

  .page-blog .blog-item ul.tags a.btn:hover {

    transform: none

  }

}

.btn-default {

  color: #000

}

@media (max-width:991.98px) {

  .responsive-menu .slicknav_menu {

    overflow: hidden

  }

  @media (max-width:991.98px) {

    & .responsive-menu .slicknav_menu {

      background: rgba(255,255,255,0);

      padding: 0

    }

    & .responsive-menu .slicknav_nav {

      margin-top: 14px;

      padding: 18px;

      overflow-y: auto;

      max-height: calc(-118px + 100dvh);

      border: 1px solid rgba(138,116,255,.22);

      border-radius: 22px;

      box-shadow: rgba(29,24,47,.28) 0 22px 55px

    }

    & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

      border-bottom: 1px solid rgba(255,255,255,.075)

    }

    & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta):last-child {

      border-bottom: 0

    }

    & .responsive-menu .slicknav_nav > li > .slicknav_item,

    & .responsive-menu .slicknav_nav > li > a.nav-link {

      min-height: 48px;

      margin: 0;

      padding: 13px 10px;

      border-radius: 12px;

      font-weight: 650;

      line-height: 1.35

    }

    & .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

    & .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

    & .responsive-menu .slicknav_nav > li > a.nav-link:hover {

      background: rgba(138,116,255,.13);

      color: #fff

    }

    & .responsive-menu .slicknav_arrow {

      display: inline-grid;

      place-items: center;

      float: right;

      margin: -4px 0 -4px 12px;

      transition: transform .2s,background-color .2s

    }

    & .responsive-menu .slicknav_arrow::before {

      content: "⌄";

      font-size: 18px;

      line-height: 1;

      transform: translateY(-2px);

      content: none!important;

      display: none!important

    }

    & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

      color: #99e000;

      background: rgba(120,189,0,.12)!important;

      transform: rotate(180deg)!important

    }

    & .responsive-menu .slicknav_nav ul {

      margin: 4px 0 10px;

      padding: 8px;

      border-radius: 13px;

      background: #f7f5ff

    }

    & .responsive-menu .slicknav_nav ul a {

      padding: 10px 12px;

      border-radius: 9px;

      font-size: 14px;

      color: #3b3744

    }

    & .responsive-menu .mobile-contact-cta {

      margin: 0 0 14px;

      padding: 0 0 16px;

      border-bottom: 1px solid rgba(255,255,255,.12)

    }

    & .responsive-menu .mobile-contact-cta > a {

      display: flex;

      align-items: center;

      justify-content: space-between;

      gap: 16px;

      width: 100%;

      min-height: 52px;

      border: 0;

      font-weight: 800;

      text-decoration: none;

      box-shadow: rgba(135,214,0,.22) 0 10px 26px;

      transition: transform .2s,box-shadow .2s,filter .2s;

      border-radius: 99px;

      background: #a7e800;

      color: #000;

      box-shadow: none;

      padding: 14px 20px

    }

    & .responsive-menu .mobile-contact-cta > a:focus-visible {

      outline: rgba(138,116,255,.5) solid 3px;

      outline-offset: 3px

    }

    & .responsive-menu .slicknav_nav {

      border-color: rgba(36,34,44,.1);

      background: #fff;

      box-shadow: rgba(38,31,66,.14) 0 20px 48px

    }

    & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

      border-bottom-color: rgba(36,34,44,.09)

    }

    & .responsive-menu .slicknav_nav > li > .slicknav_item,

    & .responsive-menu .slicknav_nav > li > .slicknav_item > a.nav-link,

    & .responsive-menu .slicknav_nav > li > a.nav-link {

      color: #17151d

    }

    & .responsive-menu .slicknav_nav > li > .slicknav_item:focus-visible > a.nav-link,

    & .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

    & .responsive-menu .slicknav_nav > li > .slicknav_item:hover > a.nav-link,

    & .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

    & .responsive-menu .slicknav_nav > li > a.nav-link:hover {

      background: rgba(138,116,255,.09);

      color: #765ee8

    }

    & .responsive-menu .slicknav_nav > li.active > .slicknav_item > a,

    & .responsive-menu .slicknav_nav > li.active > a,

    & .responsive-menu .slicknav_nav > li.current > .slicknav_item > a,

    & .responsive-menu .slicknav_nav > li.current > a {

      color: #78bd00

    }

    & .responsive-menu .slicknav_nav ul a:focus-visible,

    & .responsive-menu .slicknav_nav ul a:hover {

      background: rgba(138,116,255,.11);

      color: #765ee8

    }

    & .responsive-menu .mobile-contact-cta {

      border-bottom-color: rgba(36,34,44,.11)

    }

    & .responsive-menu .mobile-contact-cta > a:focus-visible,

    & .responsive-menu .mobile-contact-cta > a:hover {

      filter: brightness(1.04);

      transform: translateY(-1px);

      box-shadow: rgba(135,214,0,.3) 0 14px 30px;

      background: #8a74ff;

      color: #fff;

      filter: none;

      box-shadow: none

    }

    & .responsive-menu .slicknav_arrow {

      position: relative!important;

      display: inline-grid!important;

      place-items: center!important;

      width: 28px!important;

      height: 28px!important;

      margin-left: 12px!important;

      border-radius: 50%!important;

      background: rgba(138,116,255,.1)!important;

      color: transparent!important;

      font-size: 0px!important;

      line-height: 0!important

    }

    & .responsive-menu .slicknav_arrow::after {

      content: "⌄"!important;

      position: static!important;

      display: block!important;

      width: auto!important;

      height: auto!important;

      background: 0 0!important;

      color: #765ee8!important;

      font-family: inherit!important;

      font-size: 18px!important;

      font-weight: 800!important;

      line-height: 1!important;

      transform: translateY(-2px)!important

    }

    & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow::after {

      color: #78bd00!important

    }

  }

  @media (max-width:991.98px) {

    & .responsive-menu .slicknav_nav > li.item-436 > a.nav-link,

    & .responsive-menu .slicknav_nav > li.item-481 > a.nav-link {

      font-weight: 400

    }

    & .responsive-menu .slicknav_arrow,

    & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

      background: 0 0!important

    }

    & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item,

    & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item > a.nav-link,

    & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:focus-visible,

    & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:hover {

      background: 0 0!important

    }

  }

  & .wd-social-links {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 24px

  }

  & .wd-social-links a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 40px;

    height: 40px;

    border: 2px solid #8a74ff;

    border-radius: 50%;

    background: #8a74ff;

    font-family: Arial,sans-serif;

    font-size: 20px;

    font-weight: 800;

    line-height: 1;

    box-shadow: rgba(138,116,255,.22) 0 8px 20px;

    transition: transform .2s,background-color .2s,border-color .2s,color .2s;

    color: #fff!important;

    text-decoration: none!important

  }

  & .wd-social-links a:focus-visible,

  & .wd-social-links a:hover {

    border-color: #a7e800;

    background: #a7e800;

    transform: translateY(-2px);

    color: #222!important

  }

  & .wd-social-links a:focus-visible {

    outline: rgba(138,116,255,.35) solid 3px;

    outline-offset: 3px

  }

  & .wd-social-links .wd-social-youtube {

    font-size: 15px;

    transform: translateX(1px)

  }

  & .wd-social-links .wd-social-linkedin {

    font-size: 15px;

    letter-spacing: -1px

  }

  & .wd-social-links .wd-social-x {

    font-size: 16px;

    font-weight: 700

  }

  @media (prefers-reduced-motion:reduce) {

    & .responsive-menu .mobile-contact-cta>a,

    & .responsive-menu .slicknav_arrow,

    & .wd-social-links a {

      transition: none

    }

    & .wd-social-links a:hover {

      transform: none

    }

  }

  & .btn-default,

  & .image-anime,

  & .reveal {

    position: relative;

    overflow: hidden

  }

  & .page-faqs .accordion-body p,

  & .post-item-body p,

  & .slicknav_menu ul ul,

  & figure {

    margin: 0

  }

  & a,

  & a:focus,

  & a:hover {

    text-decoration: none

  }

  & body {

    font-family: var(--lbox-font-family-body);

    font-size: 16px;

    font-weight: 400;

    line-height: 1.6em;

    color: #527282;

    background-color: #fff

  }

  & .btn-default.btn-highlighted:hover,

  & .main-menu ul li a,

  & .page-header-box h1 span,

  & .post-item-footer a.read-more-btn:hover,

  & h1,

  & h2,

  & h3,

  & h4,

  & h5,

  & h6 {

    color: var(--primary-color)

  }

  & p {

    line-height: 1.8em;

    margin-bottom: 1.6em

  }

  & h1,

  & h2,

  & h3,

  & h4,

  & h5,

  & h6 {

    margin: 0;

    font-weight: 700;

    line-height: 1.2em

  }

  & img {

    max-width: 100%

  }

  & a:focus,

  & a:hover {

    outline: 0

  }

  & body,

  & html {

    width: 100%;

    overflow-x: clip

  }

  & .container {

    max-width: 1300px

  }

  & .container,

  & .container-fluid,

  & .row > * {

    padding-right: 15px;

    padding-left: 15px

  }

  & .image-anime::after {

    content: "";

    position: absolute;

    width: 200%;

    height: 0%;

    left: 50%;

    top: 50%;

    background-color: rgba(255,255,255,.3);

    transform: translate(-50%,-50%) rotate(-45deg);

    z-index: 1

  }

  & .btn-default:hover,

  & .image-anime:hover::after {

    background-color: rgba(255,255,255,0)

  }

  & .image-anime:hover::after {

    height: 250%;

    transition: .6s linear

  }

  & .reveal {

    display: inline-flex;

    visibility: hidden

  }

  & .btn-default {

    background: #a7e800;

    display: inline-block;

    line-height: 1.5em;

    font-size: 14px;

    font-weight: 600;

    padding: 14px 50px 14px 20px;

    border-radius: 99px;

    border: currentcolor;

    border-image: initial;

    transition: .5s ease-in-out;

    z-index: 1

  }

  & .reveal img {

    height: 100%;

    width: 100%;

    object-fit: cover;

    transform-origin: left center

  }

  & .row {

    margin-right: -15px;

    margin-left: -15px

  }

  & .btn-default.btn-highlighted:hover::before,

  & .main-menu ul ul,

  & .testimonial-slider .testimonial-button-next:hover,

  & .testimonial-slider .testimonial-button-prev:hover {

    background-color: var(--primary-color)

  }

  & .btn-default::before {

    content: "";

    position: absolute;

    top: 50%;

    right: 0;

    bottom: 0;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background-color: #fff;

    background-image: url("../images/arrow-blue.svg");

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 10px;

    transform: translate(-10px,-50%);

    transition: .4s ease-in-out

  }

  & .btn-default:hover::before {

    transform: translate(-10px,-50%) rotate(45deg);

    background-size: 10px

  }

  & .btn-default::after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 0;

    height: 100%;

    border-radius: 99px;

    background: var(--primary-color);

    transition: .4s ease-in-out;

    z-index: -1

  }

  & .btn-default:hover::after {

    width: 100%

  }

  & .footer-links ul li:hover a,

  & .main-menu ul li a:focus,

  & .main-menu ul li a:hover,

  & .page-header-box ol .breadcrumb-item + .breadcrumb-item::before {

    color: var(--accent-color)

  }

  & .btn-default.btn-highlighted::after {

    background-color: #fff

  }

  & .preloader {

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 1000;

    background-color: var(--accent-color);

    display: flex;

    align-items: center;

    justify-content: center

  }

  & .slicknav_btn,

  & .slicknav_menu {

    background: var(--primary-color)

  }

  & .loading {

    height: 100px;

    position: relative;

    width: 100px;

    border-radius: 100%;

    border-width: 1px;

    border-style: solid;

    border-image: initial;

    border-color: rgba(255,255,255,0) #fff;

    animation: 1.5s linear infinite rotate-loading;

    transform-origin: 50% 50%

  }

  & header.main-header,

  & header.main-header .header-sticky.active {

    border-bottom: 1px solid rgba(14,56,76,.1)

  }

  & header.main-header {

    background-color: var(--secondary-color);

    position: relative;

    z-index: 100

  }

  & header.main-header .header-sticky {

    position: relative;

    top: 0;

    z-index: 100

  }

  & header.main-header .header-sticky.hide {

    transform: translateY(-100%);

    transition: transform .3s ease-in-out;

    border-radius: 0

  }

  & header.main-header .header-sticky.active {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    border-radius: 0;

    transform: translateY(0);

    background: var(--secondary-color);

    backdrop-filter: blur(30px)

  }

  & .navbar {

    padding: 30px 0;

    align-items: center

  }

  & .navbar-brand {

    padding: 0;

    margin: 0

  }

  & .main-menu .nav-menu-wrapper {

    flex: 1 1 0%;

    text-align: center

  }

  & .main-menu .nav-menu-wrapper > ul {

    align-items: center;

    display: inline-flex

  }

  & .main-menu ul li {

    margin: 0 9px;

    position: relative

  }

  & .main-menu ul li a {

    font-size: 18px;

    font-weight: 500;

    transition: .3s ease-in-out;

    padding: 14px 10px!important

  }

  & .main-menu ul li.submenu > a::after {

    content: "";

    font-family: "Font Awesome 6 Free";

    font-weight: 900;

    font-size: 14px;

    margin-left: 8px

  }

  & .main-menu ul ul {

    visibility: hidden;

    opacity: 0;

    transform: scaleY(.8);

    transform-origin: center top;

    padding: 0;

    margin: 0;

    list-style: none;

    width: 240px;

    border-radius: 20px;

    position: absolute;

    left: 0;

    top: 100%;

    transition: .3s ease-in-out;

    text-align: left

  }

  & .main-menu ul li.submenu:first-child ul {

    width: 250px

  }

  & .main-menu ul ul ul {

    left: 100%;

    top: 0;

    text-align: left

  }

  & .main-menu ul li:hover > ul {

    visibility: visible;

    opacity: 1;

    transform: scaleY(1);

    padding: 5px 0

  }

  & .main-menu ul li.submenu ul li.submenu > a::after {

    content: "";

    float: right

  }

  & .main-menu ul ul li {

    margin: 0;

    padding: 0

  }

  & .main-menu ul ul li a {

    color: #fff;

    transition: .3s ease-in-out;

    padding: 8px 20px!important

  }

  & .main-menu ul ul li a:focus,

  & .main-menu ul ul li a:hover {

    color: var(--accent-color);

    background-color: rgba(255,255,255,0);

    padding: 8px 20px 8px 23px!important

  }

  & .navbar-toggle,

  & .responsive-menu {

    display: none

  }

  & .responsive-menu {

    top: 0;

    position: relative

  }

  & .slicknav_btn {

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 38px;

    height: 38px;

    margin: 0;

    border-radius: 8px

  }

  & .slicknav_icon .slicknav_icon-bar {

    display: block;

    height: 3px;

    width: 22px;

    background-color: #fff;

    border-radius: 6px;

    transition: .1s ease-in-out;

    margin: 4px auto!important

  }

  & .slicknav_icon .slicknav_icon-bar:first-child {

    margin-top: 0!important

  }

  & .slicknav_icon .slicknav_icon-bar:last-child {

    margin-bottom: 0!important

  }

  & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:first-child {

    transform: rotate(-45deg) translate(-5px,5px)

  }

  & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {

    opacity: 0

  }

  & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {

    transform: rotate(45deg) translate(-5px,-5px)

  }

  & .slicknav_menu {

    position: absolute;

    width: 100%;

    padding: 0

  }

  & .slicknav_menu ul {

    margin: 5px 0

  }

  & .slicknav_nav .slicknav_row,

  & .slicknav_nav li a {

    position: relative;

    font-size: 16px;

    font-weight: 500;

    padding: 10px 20px;

    color: #fff;

    line-height: normal;

    margin: 0;

    transition: .3s ease-in-out;

    border-radius: 0!important

  }

  & .slicknav_nav .slicknav_row:hover,

  & .slicknav_nav a:focus,

  & .slicknav_nav a:hover {

    background-color: rgba(255,255,255,0);

    color: var(--accent-color)

  }

  & .slicknav_menu ul ul li a {

    padding: 10px 20px 10px 30px

  }

  & .slicknav_arrow {

    font-size: 0px!important

  }

  & .slicknav_arrow::after {

    content: "";

    font-family: "Font Awesome 6 Free";

    font-weight: 900;

    font-size: 12px;

    margin-left: 8px;

    color: #fff;

    position: absolute;

    right: 15px;

    top: 15px;

    transition: .3s ease-out

  }

  & .slicknav_open > a .slicknav_arrow::after {

    transform: rotate(-180deg);

    color: var(--accent-color)

  }

  & .read-more-btn {

    position: relative;

    z-index: 1

  }

  & .error-page,

  & .page-blog,

  & .page-book-appointment,

  & .page-faqs,

  & .page-service-single,

  & .page-single-post,

  & .page-techonology {

    padding: 100px 0

  }

  & .post-item-footer a.read-more-btn::after,

  & .read-more-btn a::after {

    background-image: url("../images/arrow-white.svg");

    width: 24px;

    height: 24px

  }

  & .hero-slider-layout .swiper-pagination {

    bottom: 80px

  }

  & .hero-slider-layout .swiper-pagination .swiper-pagination-bullet {

    width: 15px;

    height: 15px;

    background: #fff;

    opacity: 1;

    transition: .3s ease-in-out;

    margin: 0 5px

  }

  & .hero-slider-layout .swiper-pagination .swiper-pagination-bullet-active,

  & .read-more-btn a::after {

    background-color: var(--accent-color)

  }

  & .footer-copyright-text p {

    margin: 0

  }

  & .post-image figure {

    display: block

  }

  & .read-more-btn a::after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 10px;

    border-radius: 50%;

    transition: .4s ease-in-out

  }

  & .read-more-btn a {

    font-size: 14px;

    color: var(--accent-color);

    font-weight: 600;

    transition: .5s ease-in-out;

    display: inline-block;

    position: relative;

    padding-right: 35px

  }

  & .read-more-btn a:hover::after {

    background-size: 10px;

    transform: rotate(45deg)

  }

  & .footer-links ul li:last-child {

    margin-bottom: 0

  }

  & .blog-item {

    position: relative;

    height: calc(100% - 30px);

    margin-bottom: 30px;

    z-index: 1

  }

  & .blog-item:hover .post-featured-image img {

    transform: scale(1.1)

  }

  & .footer-links h3,

  & .post-item-body h2,

  & .post-item-footer a.read-more-btn {

    font-weight: 600

  }

  & .testimonial-slider .testimonial-button-next,

  & .testimonial-slider .testimonial-button-prev {

    position: relative;

    width: 40px;

    height: 40px;

    background-color: var(--accent-color);

    border-radius: 6px;

    transition: .4s ease-in-out

  }

  & .testimonial-slider .testimonial-button-next {

    margin-left: 20px

  }

  & .testimonial-slider .testimonial-button-next::before,

  & .testimonial-slider .testimonial-button-prev::before {

    content: "";

    position: absolute;

    inset: 0px;

    background: url("../images/arrow-white.svg") center center/12px no-repeat;

    transform: rotate(45deg);

    display: flex;

    align-items: center;

    justify-content: center;

    transition: .4s ease-in-out

  }

  & .post-item-footer a.read-more-btn::after {

    background-repeat: no-repeat;

    background-position: center center;

    content: "";

    position: absolute;

    top: -2px;

    right: 0;

    bottom: 0;

    background-size: 10px;

    background-color: var(--accent-color);

    border-radius: 50%;

    transition: .4s ease-in-out

  }

  & .testimonial-slider .testimonial-button-prev::before {

    transform: rotate(225deg)

  }

  & .blog-item .post-featured-image {

    border-radius: 30px;

    overflow: hidden;

    margin-bottom: 30px

  }

  & .blog-item .post-featured-image a {

    display: block

  }

  & .blog-item .post-featured-image img {

    border-radius: 30px;

    aspect-ratio: 1/0.66;

    object-fit: cover;

    transition: .5s ease-in-out;

    max-height: 300px

  }

  & .post-item-body {

    margin-bottom: 15px

  }

  & .post-item-body h2 {

    color: var(--primary-color);

    font-size: 20px;

    line-height: 1.5em;

    margin-bottom: 20px

  }

  & .page-header-box ol li.breadcrumb-item a,

  & .post-item-body h2 a {

    color: inherit

  }

  & .post-item-footer a.read-more-btn {

    position: relative;

    color: var(--accent-color);

    font-size: 14px;

    padding-right: 35px;

    transition: .5s ease-in-out

  }

  & .post-item-footer a.read-more-btn:hover::after {

    transform: rotate(45deg);

    background-color: var(--primary-color)

  }

  & footer.main-footer {

    padding: 100px 0 0;

    background: var(--primary-color)

  }

  & .footer-links h3 {

    color: #fff;

    font-size: 20px;

    margin-bottom: 20px

  }

  & .footer-links ul {

    list-style: none;

    margin: 0;

    padding: 0

  }

  & .footer-links ul li {

    margin-bottom: 10px

  }

  & .footer-links ul li a {

    color: #fff;

    transition: .3s ease-in-out

  }

  & .footer-copyright {

    border-top: 1px solid rgba(255,255,255,.12);

    padding: 30px 0;

    text-align: center;

    margin-top: 60px

  }

  & .page-header-box h1 {

    font-size: 54px;

    font-weight: 700;

    text-align: center;

    color: var(--accent-color);

    margin-bottom: 20px

  }

  & .page-header-box ol {

    margin: 0;

    padding: 0;

    justify-content: center

  }

  & .page-header-box ol li.breadcrumb-item {

    font-size: 16px;

    font-weight: 500;

    color: var(--primary-color)

  }

  & .com-finder.finder,

  & .page-services,

  & .page-team {

    padding: 100px 0 70px

  }

  & .page-faqs .accordion-header .accordion-button {

    font-size: 20px;

    font-weight: 600;

    line-height: 1.2em;

    padding: 15px 50px 15px 20px

  }

  & .page-faqs .accordion-body {

    padding: 0 20px 20px

  }

  & .page-blog .blog-item {

    height: calc(100% - 40px);

    margin-bottom: 40px

  }

  & .post-pagination {

    margin-top: 30px;

    text-align: center

  }

  & .post-pagination ul {

    justify-content: center;

    padding: 0;

    margin: 0

  }

  & .post-pagination ul li a,

  & .post-pagination ul li span {

    display: flex;

    text-decoration: none;

    justify-content: center;

    align-items: center;

    background: var(--secondary-color);

    color: var(--primary-color);

    border-radius: 6px;

    width: 40px;

    height: 40px;

    margin: 0 5px;

    font-weight: 700;

    line-height: 1em;

    transition: .3s ease-in-out

  }

  & .post-pagination ul li a:hover,

  & .post-pagination ul li.active a {

    background: var(--accent-color);

    color: #fff

  }

  & .post-single-meta ol li.breadcrumb-item {

    font-size: 18px

  }

  & .post-single-meta ol li i {

    font-size: 18px;

    color: var(--accent-color);

    margin-right: 5px

  }

  & .post-image {

    position: relative;

    margin-bottom: 30px

  }

  & .post-image figure,

  & .post-image img {

    aspect-ratio: 1/0.5;

    object-fit: cover;

    border-radius: 40px

  }

  & .post-content {

    width: 100%;

    margin: 0 auto

  }

  & .page-team-single {

    padding: 0 0 100px

  }

  & .page-team-single .row {

    background-color: var(--primary-color);

    border-radius: 35px 30px 30px 35px

  }

  @media only screen and (max-width:1024px) {

    & .navbar {

      padding: 20px 0

    }

    & .main-menu ul li {

      margin: 0

    }

  }

  @media only screen and (max-width:991px) {

    & footer.main-footer {

      background-size: 100%;

      padding: 50px 0 0

    }

    & .navbar-toggle,

    & .responsive-menu,

    & .slicknav_nav li,

    & .slicknav_nav ul {

      display: block

    }

    & .error-page,

    & .page-blog,

    & .page-book-appointment,

    & .page-faqs,

    & .page-service-single,

    & .page-single-post,

    & .page-techonology {

      padding: 50px 0

    }

    & .hero-slider-layout .swiper-pagination {

      bottom: 40px

    }

    & .page-faqs .accordion-header .accordion-button {

      font-size: 18px

    }

    & .post-item-body h2 {

      margin-bottom: 15px

    }

    & .page-contact,

    & .page-team-single {

      padding: 50px 0 25px

    }

    & .blog-item .post-featured-image,

    & .post-image {

      margin-bottom: 20px

    }

    & .post-item-footer a.read-more-btn {

      padding-right: 30px

    }

    & .post-item-footer a.read-more-btn::after {

      top: 0;

      background-size: 8px;

      width: 20px;

      height: 20px

    }

    & .footer-copyright {

      margin-top: 40px;

      padding: 20px 0

    }

    & .page-header {

      background-size: contain;

      padding: 50px 0

    }

    & .page-header-box h1 {

      font-size: 44px;

      margin-bottom: 10px

    }

    & .page-services,

    & .page-team,

    & .page-testimonials {

      padding: 50px 0 20px

    }

    & .page-blog .blog-item {

      height: calc(100% - 30px);

      margin-bottom: 30px

    }

    & .post-pagination {

      margin-top: 10px

    }

    & .post-single-meta ol li i {

      font-size: 20px

    }

    & .page-team-single .row {

      border-radius: 40px 40px 30px 30px

    }

  }

  @media only screen and (max-width:767px) {

    & .page-header-box h1 {

      font-size: 34px

    }

    & .hero-slider-layout .swiper-pagination {

      bottom: 30px

    }

    & .post-item-body h2 {

      font-size: 18px;

      margin-bottom: 10px

    }

    & .post-single-meta ol li i {

      font-size: 18px

    }

    & .post-item-body {

      margin-bottom: 10px

    }

    & .footer-links h3 {

      margin-bottom: 15px

    }

    & .footer-copyright {

      padding: 10px 0

    }

    & .page-faqs .accordion-header .accordion-button {

      font-size: 16px;

      padding: 10px 40px 10px 10px

    }

    & .page-faqs .accordion-body {

      padding: 0 10px 10px

    }

    & .post-image figure,

    & .post-image img {

      aspect-ratio: 1/0.7

    }

  }

  & .view-article .page-header {

    padding: 0

  }

  & ul.result__taxonomy {

    font-size: .9rem;

    margin: 1rem 0;

    padding: .5rem;

    background: #eee;

    border-radius: .4rem

  }

  & .view-category.layout-blog .post-item-body h2 {

    min-height: 3em;

    display: flex;

    align-items: flex-start;

    margin-bottom: 1rem

  }

  & .page-single-post {

    padding: 50px 0

  }

  & .view-category.layout-blog .post-item-body h2 a {

    display: block;

    width: 100%

  }

  & [data-rlta-element=button] {

    margin-top: 2rem;

    display: block;

    background: 0 0!important;

    border: currentcolor!important;

    border-image: initial!important;

    padding: 0!important;

    outline: 0!important

  }

  & [data-rlta-element=button] [data-rlta-element=heading] {

    display: inline-block;

    position: relative;

    overflow: hidden;

    z-index: 1;

    font-weight: 600;

    font-size: 14px;

    line-height: 1.5em;

    color: #fff;

    padding: 14px 50px 14px 20px;

    border-radius: 99px;

    margin: 0;

    cursor: pointer;

    transition: .5s ease-in-out;

    background: var(--accent-color)

  }

  & [data-rlta-element=button] [data-rlta-element=heading]::before {

    content: "";

    position: absolute;

    top: 50%;

    right: 10px;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background-color: #fff;

    background-image: url("../images/arrow-blue.svg");

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 10px;

    transform: translateY(-50%);

    transition: .4s ease-in-out;

    z-index: 2

  }

  & [data-rlta-element=button] [data-rlta-element=heading]::after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 0;

    height: 100%;

    border-radius: 99px;

    background: var(--primary-color);

    transition: .4s ease-in-out;

    z-index: -1

  }

  & [data-rlta-element=button]:hover [data-rlta-element=heading]::after {

    width: 100%

  }

  & [data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading] {

    background: var(--primary-color)

  }

  & [data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading]::before {

    transform: translateY(-50%) rotate(180deg)

  }

  & .view-category [data-rlta-element=panel] {

    height: auto;

    font-size: .9rem;

    padding: .5rem 1rem;

    background: #eee;

    border-radius: .4rem

  }

  & a {

    color: var(--primary-color);

    color: #8776ff

  }

  & footer,

  & footer a {

    color: #fff

  }

  & .btn-primary {

    background-color: var(--accent-color);

    border-color: var(--accent-color)

  }

  & .btn-primary:hover {

    background: var(--primary-color)

  }

  & .list-unstyled li.current.active a,

  & .main-menu ul li.current.active a,

  & .slicknav_nav li.current.active a {

    color: var(--accent-color)

  }

  & footer .nav {

    display: block

  }

  & .nav-item > a.btn-default {

    font-size: 14px;

    width: 160px;

    color: #fff!important;

    padding-right: 30px!important

  }

  @media (max-width:991.8px) {

    & .nav-item > a.btn-default {

      width: 100%

    }

  }

  & a:hover {

    color: #0be7e0

  }

  & .h1,

  & h1 {

    font-size: 2rem;

    padding-bottom: 15px;

    color: #8776ff

  }

  & .h2,

  & h2 {

    font-size: 1.5rem;

    padding-bottom: 15px;

    color: #333

  }

  & .h3,

  & h3 {

    font-size: 1.2rem;

    padding-bottom: 15px;

    color: #8776ff

  }

  & h3.velky {

    font-size: 1.5rem

  }

  & h2.FAQ {

    font-size: 19px;

    border-bottom: 1px solid #e8e8e8;

    margin-bottom: 20px

  }

  & h4 {

    font-size: 1.1em;

    padding-bottom: 15px

  }

  & .wf-columns .wf-column {

    max-width: 100%;

    box-sizing: border-box;

    flex: 1 1 0%

  }

  & .wf-columns-stack-large,

  & .wf-columns-stack-medium,

  & .wf-columns-stack-small,

  & .wf-columns-stack-xlarge {

    flex-wrap: wrap

  }

  & .wf-columns {

    display: flex;

    gap: 3rem!important

  }

  & .wd-whitening {

    --wd-purple: #8a74ff;

    --wd-purple-soft: #f2efff;

    --wd-turquoise: #13d4d4;

    --wd-turquoise-dark: #09bcbc;

    --wd-ink: #171c2a;

    --wd-text: #49677a;

    --wd-line: #dce8ee;

    --wd-soft: #f7fafb;

    --wd-shadow: 0 18px 48px rgba(33, 66, 83, .10);

    color: var(--wd-text);

    overflow: hidden

  }

  & .wd-whitening h1,

  & .wd-whitening h2,

  & .wd-whitening h3 {

    color: var(--wd-ink);

    line-height: 1.32

  }

  & .wd-whitening h1 {

    letter-spacing: -.045em

  }

  & .wd-whitening h1 span {

    color: #a7e800

  }

  & .wd-whitening .wd-kicker {

    color: #8776ff

  }

  & .wd-whitening p {

    line-height: 1.75

  }

  & .wd-section {

    padding: 5.25rem 0

  }

  & .wd-heading-center {

    max-width: 760px;

    margin-bottom: 2.625rem

  }

  & .wd-eyebrow,

  & .wd-kicker {

    display: inline-block;

    margin-bottom: .875rem;

    font-size: .8125rem;

    font-weight: 800;

    letter-spacing: .08em;

    text-transform: uppercase

  }

  & .wd-eyebrow {

    padding: .5rem .75rem;

    color: var(--wd-purple);

    background: var(--wd-purple-soft);

    border-radius: 999px

  }

  & .wd-hero__lead {

    max-width: 590px;

    font-size: 1.1875rem

  }

  & .wd-btn {

    min-height: 52px;

    padding: 0 1.5rem;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: .75rem;

    border-width: 2px;

    border-radius: 999px;

    font-weight: 800;

    transition: transform .2s,box-shadow .2s,background-color .2s,border-color .2s

  }

  & .wd-btn:hover {

    transform: translateY(-2px)

  }

  & .wd-btn--primary {

    color: #fff;

    background: var(--wd-turquoise);

    border-color: var(--wd-turquoise);

    box-shadow: rgba(19,212,212,.25) 0 12px 26px

  }

  & .wd-btn--primary:focus,

  & .wd-btn--primary:hover {

    color: #fff;

    background: #a7e800;

    border-color: #a7e800

  }

  & .wd-btn--primary span {

    display: grid;

    width: 25px;

    height: 25px;

    place-items: center;

    color: #a7e800;

    background: #fff;

    border-radius: 50%

  }

  & .wd-btn--outline {

    color: var(--wd-ink);

    background: rgba(255,255,255,.86);

    border-color: #b9d6df

  }

  & .wd-btn--outline:focus,

  & .wd-btn--outline:hover {

    color: var(--wd-purple);

    background: #fff;

    border-color: var(--wd-purple)

  }

  & .wd-hero {

    background: radial-gradient(circle at 91% 22%,rgba(19,212,212,.24),transparent 31%),linear-gradient(#fff 0,#fbfeff 100%)

  }

  & .wd-hero__visual {

    position: relative;

    height: 600px;

    min-height: 600px;

    overflow: hidden;

    border-radius: 0 0 0 70px

  }

  & .wd-hero__visual img {

    display: block;

    width: 100%;

    max-width: none;

    object-fit: cover;

    object-position: 68% center;

    border-radius: 0;

    height: 100%!important

  }

  & .wd-hero__visual::after,

  & .wd-hero__visual::before {

    position: absolute;

    content: "";

    border: 1px solid rgba(19,212,212,.42);

    border-radius: 50%

  }

  & .wd-hero__visual::before {

    width: 180px;

    height: 180px;

    left: -70px;

    top: 240px

  }

  & .wd-hero__visual::after {

    width: 260px;

    height: 260px;

    right: -100px;

    bottom: 60px

  }

  & .wd-hero__badge {

    position: absolute;

    right: 28px;

    bottom: 68px;

    z-index: 2;

    display: grid;

    width: 142px;

    height: 142px;

    place-content: center;

    text-align: center;

    color: var(--wd-ink);

    background: #fff;

    border-radius: 50%;

    box-shadow: var(--wd-shadow)

  }

  & .wd-hero__badge span {

    color: var(--wd-turquoise);

    font-size: 2.125rem

  }

  & .wd-hero__badge small {

    display: block

  }

  & .wd-proof {

    display: flex;

    align-items: center;

    gap: .5rem;

    color: var(--wd-ink);

    font-size: .875rem;

    font-weight: 700

  }

  & .wd-proof span {

    color: var(--wd-turquoise);

    font-size: 1.5rem

  }

  & .wd-benefits {

    overflow: hidden;

    background: #fff;

    border: 1px solid rgba(185,214,223,.65);

    border-radius: 22px;

    box-shadow: var(--wd-shadow)

  }

  & .wd-benefit {

    min-height: 142px;

    padding: 1.5rem .875rem;

    text-align: center;

    color: var(--wd-ink);

    border-right: 1px solid var(--wd-line)

  }

  & div.clear {

    clear: both;

    margin-bottom: 50px

  }

  & .wd-benefits .row > div:last-child .wd-benefit {

    border-right: 0px

  }

  & .wd-icon {

    display: block;

    margin-bottom: .625rem;

    color: var(--wd-turquoise);

    font-size: 2.25rem;

    line-height: 1

  }

  & .wd-benefit strong {

    font-size: .875rem;

    line-height: 1.4

  }

  & .wd-section--why {

    padding-top: 7rem

  }

  & .wd-checklist {

    display: grid;

    gap: .625rem

  }

  & .wd-checklist li {

    color: var(--wd-ink)

  }

  & .wd-checklist li::before {

    content: "âś“";

    display: grid;

    place-items: center;

    background: var(--wd-purple)

  }

  & .wd-media-card {

    overflow: hidden;

    padding: .875rem;

    background: #fff;

    border-radius: 22px;

    box-shadow: var(--wd-shadow)

  }

  & .wd-section--results {

    background: var(--wd-soft)

  }

  & .wd-result-card {

    position: relative;

    overflow: hidden;

    background: #fff;

    border-radius: 18px;

    box-shadow: var(--wd-shadow)

  }

  & .wd-result-label {

    position: absolute;

    z-index: 2;

    left: .875rem;

    top: .875rem;

    padding: .4375rem .75rem;

    color: #fff;

    background: var(--wd-purple);

    border-radius: 999px;

    font-size: .75rem;

    font-weight: 800;

    text-transform: uppercase

  }

  & .wd-note {

    font-size: .8125rem

  }

  & .wd-step {

    position: relative;

    text-align: center

  }

  & .wd-step__number {

    position: absolute;

    z-index: 3;

    left: calc(50% - 48px);

    top: -4px;

    display: grid;

    width: 46px;

    height: 46px;

    place-items: center;

    color: #fff;

    background: var(--wd-purple);

    border-radius: 50%;

    font-size: .75rem;

    font-weight: 800

  }

  & .wd-step__icon {

    display: grid;

    width: 94px;

    height: 94px;

    margin: 0 auto 1.125rem;

    place-items: center;

    color: var(--wd-turquoise);

    background: #fff;

    border: 1px solid var(--wd-line);

    border-radius: 50%;

    box-shadow: rgba(33,66,83,.07) 0 10px 26px;

    font-size: 2.375rem

  }

  & .wd-step p {

    margin-bottom: 0;

    font-size: .9375rem

  }

  & .wd-compare,

  & .wd-info-card {

    padding: 1.75rem;

    border-radius: 18px

  }

  & .wd-info-card--green {

    background: rgba(19,212,212,.1)

  }

  & .wd-info-card--red {

    background: rgba(218,255,127,.2)

  }

  & .wd-info-card__sub {

    margin-top: -.25rem;

    font-size: .75rem;

    font-weight: 800;

    text-transform: uppercase

  }

  & .wd-info-card ul {

    display: grid;

    gap: .5625rem;

    padding-left: 1.25rem

  }

  & .wd-info-card li {

    font-size: .875rem

  }

  & .wd-compare {

    background: #f2f6ff

  }

  & .wd-compare .table,

  & .wd-info-card .table {

    min-width: 450px;

    margin-bottom: 0;

    color: var(--wd-ink);

    background: rgba(255,255,255,.68);

    font-size: .95rem

  }

  & .wd-compare .table > :not(caption) > * > *,

  & .wd-info-card .table > :not(caption) > * > * {

    padding: .75rem;

    color: var(--wd-ink);

    background: rgba(255,255,255,0);

    border-color: #dfe7f4;

    vertical-align: middle

  }

  & .wd-compare .table th,

  & .wd-info-card .table th {

    font-size: .95rem;

    font-weight: 600;

    line-height: 1.45

  }

  & .wd-compare .table td,

  & .wd-info-card .table td {

    font-size: .95rem;

    line-height: 1.45

  }

  & .wd-compare .table td:last-child,

  & .wd-info-card .table td:last-child {

    color: var(--wd-purple);

    font-weight: 800;

    white-space: nowrap;

    text-align: right

  }

  & .wd-compare .table td:last-child strong,

  & .wd-info-card .table td:last-child strong {

    color: inherit;

    font-size: inherit;

    font-weight: inherit

  }

  & .wd-occasion {

    display: grid;

    min-height: 130px;

    padding: 1.375rem;

    place-content: center;

    text-align: center;

    color: var(--wd-ink);

    background: #fff;

    border: 1px solid var(--wd-line);

    border-radius: 16px;

    transition: transform .2s,box-shadow .2s

  }

  & .wd-occasion:hover {

    transform: translateY(-4px);

    box-shadow: var(--wd-shadow)

  }

  & .wd-occasion span {

    margin-bottom: .625rem;

    color: var(--wd-turquoise);

    font-size: 2.1875rem

  }

  & .wd-section--faq {

    background: radial-gradient(circle at 80% 20%,rgba(19,212,212,.12),transparent 28%),#f3fbfc

  }

  & .wd-accordion .accordion-item {

    margin-bottom: .75rem;

    overflow: hidden;

    background: #fff;

    border: 1px solid var(--wd-line);

    border-radius: 12px

  }

  & .wd-accordion .accordion-button {

    color: var(--wd-ink);

    background: #fff;

    font-weight: 800;

    box-shadow: none

  }

  & .wd-accordion .accordion-button:not(.collapsed) {

    color: var(--wd-purple);

    background: var(--wd-purple-soft)

  }

  & .wd-accordion .accordion-button:focus {

    border-color: var(--wd-purple);

    box-shadow: rgba(138,116,255,.15) 0 0 0 .25rem

  }

  & .wd-contact-card {

    overflow: hidden;

    background: #fff;

    border-radius: 18px;

    box-shadow: var(--wd-shadow)

  }

  & .wd-contact-card img {

    aspect-ratio: 16/10;

    object-fit: cover

  }

  & .wd-contact-card__body {

    padding: 1.625rem

  }

  & .wd-contact-card__body a {

    color: var(--wd-purple);

    font-weight: 800

  }

  & .wd-cta {

    background: radial-gradient(circle at 88% 40%,rgba(138,116,255,.12),transparent 25%),linear-gradient(90deg,#e9fbfc,#fff)

  }

  & .wd-cta__image {

    max-height: 410px;

    object-fit: contain;

    object-position: center bottom

  }

  @media (max-width:991.98px) {

    & .wd-hero__visual {

      min-height: 520px

    }

    & .wd-benefit {

      border-bottom: 1px solid var(--wd-line)

    }

    & .wd-benefits .row > div:nth-child(3n) .wd-benefit {

      border-right: 0px

    }

    & .wd-benefits .row > div:nth-last-child(-n+3) .wd-benefit {

      border-bottom: 0

    }

  }

  @media (max-width:767.98px) {

    & .wd-section {

      padding: 4rem 0

    }

    & .wd-whitening h1 {

      font-size: 2.7rem

    }

    & .wd-whitening h2 {

      font-size: 2.05rem

    }

    & .wd-hero__visual {

      min-height: 420px

    }

    & .wd-hero__visual img {

      border-radius: 28px

    }

    & .wd-hero__badge {

      right: 14px;

      bottom: 18px;

      width: 118px;

      height: 118px

    }

    & .wd-benefits .row > div:nth-child(3n) .wd-benefit {

      border-right: 1px solid var(--wd-line)

    }

    & .wd-benefits .row > div:nth-child(2n) .wd-benefit {

      border-right: 0px

    }

    & .wd-benefits .row > div:nth-last-child(-n+2) .wd-benefit {

      border-bottom: 0

    }

    & .wd-section--why {

      padding-top: 5.5rem

    }

  }

  @media (max-width:575.98px) {

    & .wd-whitening h1 {

      font-size: 2.25rem

    }

    & .wd-btn {

      width: 100%

    }

    & .wd-hero__visual {

      min-height: 340px

    }

    & .wd-benefit {

      border-right: 0px!important

    }

    & .wd-benefits .row > div:not(:last-child) .wd-benefit {

      border-bottom: 1px solid var(--wd-line)

    }

  }

  @media (min-width:992px) {

    & .wd-hero .wd-btn {

      white-space: nowrap;

      flex: 0 0 auto

    }

  }

  @media (max-width:991.98px) {

    & .wd-hero__visual {

      height: 520px;

      min-height: 520px;

      border-radius: 28px

    }

    & .wd-hero__visual img {

      object-position: 68% center

    }

  }

  @media (max-width:767.98px) {

    & .wd-hero__visual {

      height: 440px;

      min-height: 440px

    }

  }

  @media (max-width:575.98px) {

    & .wd-hero__visual {

      height: 360px;

      min-height: 360px

    }

  }

  @media (min-width:1200px) {

    & .display-3 {

      font-size: 2.7rem!important

    }

  }

  & .wd-contact-icon {

    display: inline-flex;

    flex: 0 0 30px;

    width: 30px;

    height: 30px;

    align-items: center;

    justify-content: center;

    margin-top: 1px;

    color: #fff;

    background: #13d4d4;

    border-radius: 50%;

    font-size: 16px;

    line-height: 1

  }

  & .wd-info-card a {

    color: #171c2a

  }

  & .wd-info-card a:hover {

    color: #8a74ff

  }

  & .wd-home-info-strip {

    background: #fff

  }

  & .wd-insurance-item {

    height: 100%;

    padding: 12px 15px;

    color: var(--wd-ink);

    background: rgba(255,255,255,.75);

    border: 1px solid var(--wd-line);

    border-radius: 12px

  }

  & .wd-insurance-item strong {

    color: var(--wd-purple)

  }

  & .wd-home-info-strip .wd-contact-icon {

    width: 42px;

    height: 42px;

    flex-basis: 42px;

    font-size: 21px

  }

  @media (max-width:767.98px) {

    & .wd-home-info-strip {

      padding-top: 20px!important;

      padding-bottom: 20px!important

    }

  }

  & .wd-checklist {

    list-style: none;

    margin: 0;

    padding: 0

  }

  & .wd-checklist li {

    position: relative;

    padding-left: 38px;

    margin-bottom: 14px;

    line-height: 1.6

  }

  & .wd-checklist li::before {

    content: "✓";

    position: absolute;

    left: 0;

    top: 2px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background: #19d3d1;

    color: #fff;

    font-size: 14px;

    font-weight: 700

  }

  & .wd-contact-card .btn,

  & .wd-contact-card .btn-primary,

  & .wd-contact-card button[type=submit],

  & .wd-contact-card input[type=submit] {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #13d4d4;

    border: 2px solid #13d4d4;

    color: #fff;

    font-size: 1rem;

    font-weight: 700;

    padding: .9rem 1.8rem;

    border-radius: 999px;

    text-decoration: none;

    transition: .25s;

    box-shadow: rgba(57,181,74,.18) 0 12px 30px

  }

  & .wd-contact-card .btn-primary:hover,

  & .wd-contact-card .btn:hover,

  & .wd-contact-card button[type=submit]:hover,

  & .wd-contact-card input[type=submit]:hover {

    background: #13d4d4;

    border-color: #13d4d4;

    color: #fff;

    transform: translateY(-2px);

    box-shadow: rgba(57,181,74,.28) 0 16px 36px

  }

  & .wd-contact-card button[type=submit]:focus,

  & .wd-contact-card input[type=submit]:focus {

    outline: 0;

    box-shadow: rgba(57,181,74,.18) 0 0 0 4px

  }

  @media (min-width:1200px) {

    & .display-6 {

      font-size: 2rem!important

    }

  }

  & p.display-6.fw-bold {

    margin-bottom: 0

  }

  & .blog-item:hover .post-featured-image img {

    transform: none

  }

  & .sta-eshop-cenik {

    --wd-green: #a1d600;

    --wd-purple: #8a74ff;

    --wd-cyan: #20c8c8;

    --wd-ink: #121827;

    --wd-muted: #637381;

    --wd-soft: #f6f7fb;

    color: var(--wd-ink)

  }

  & .sta-eshop-cenik .wd-hero {

    position: relative;

    overflow: hidden;

    background: radial-gradient(circle at 82% 20%,rgba(138,116,255,.16),transparent 30%),linear-gradient(#fff,#fbfbff)

  }

  & .sta-eshop-cenik .wd-eyebrow,

  & .sta-eshop-cenik .wd-kicker {

    display: inline-block;

    margin-bottom: 16px;

    padding: 8px 13px;

    border-radius: 999px;

    background: #f0edff;

    color: #6652df;

    font-size: .78rem;

    font-weight: 900;

    letter-spacing: .07em;

    text-transform: uppercase

  }

  & .sta-eshop-cenik h1,

  & .sta-eshop-cenik h2,

  & .sta-eshop-cenik h3 {

    letter-spacing: -.035em

  }

  & .sta-eshop-cenik h1 span {

    color: var(--wd-green)

  }

  & .sta-eshop-cenik .wd-heading-center p,

  & .sta-eshop-cenik .wd-hero__lead {

    color: var(--wd-muted);

    font-size: 1.13rem;

    line-height: 1.7

  }

  & .sta-eshop-cenik .wd-btn {

    border-radius: 13px;

    padding: 13px 20px;

    font-weight: 850;

    transition: .2s

  }

  & .sta-eshop-cenik .wd-btn:hover {

    transform: translateY(-2px)

  }

  & .sta-eshop-cenik .wd-btn--primary {

    background: var(--wd-green);

    border-color: var(--wd-green);

    color: #182000

  }

  & .sta-eshop-cenik .wd-btn--outline {

    background: #fff;

    border: 2px solid #dfe2e7;

    color: var(--wd-ink)

  }

  & .sta-eshop-cenik .wd-proof {

    color: #677480;

    font-size: .93rem

  }

  & .sta-eshop-cenik .wd-proof span {

    color: var(--wd-purple);

    font-size: 1.25rem

  }

  & .sta-eshop-cenik .wd-hero__visual {

    position: relative

  }

  & .sta-eshop-cenik .wd-hero__badge {

    position: absolute;

    right: -12px;

    bottom: -18px;

    display: grid;

    grid-template-columns: auto 1fr;

    gap: 0 10px;

    max-width: 270px;

    padding: 15px 18px;

    border-radius: 18px;

    background: #fff;

    box-shadow: rgba(35,29,76,.18) 0 18px 50px

  }

  & .sta-eshop-cenik .wd-hero__badge > span {

    grid-row: 1/3;

    align-self: center;

    display: grid;

    place-items: center;

    width: 48px;

    height: 48px;

    border-radius: 50%;

    background: var(--wd-green);

    font-weight: 900

  }

  & .sta-eshop-cenik .wd-hero__badge strong {

    font-size: .95rem

  }

  & .sta-eshop-cenik .wd-hero__badge small {

    color: var(--wd-muted);

    line-height: 1.3

  }

  & .sta-shop-browser {

    overflow: hidden;

    border: 10px solid #fff;

    border-radius: 32px;

    background: #fff;

    box-shadow: rgba(45,37,96,.18) 0 30px 80px;

    transform: rotate(1.5deg)

  }

  & .sta-shop-browser__bar {

    display: flex;

    align-items: center;

    gap: 7px;

    padding: 14px 16px;

    background: #181c2a;

    color: #fff

  }

  & .sta-shop-browser__bar i {

    width: 9px;

    height: 9px;

    border-radius: 50%;

    background: var(--wd-green)

  }

  & .sta-shop-browser__bar i:nth-child(2) {

    background: var(--wd-purple)

  }

  & .sta-shop-browser__bar i:nth-child(3) {

    background: var(--wd-cyan)

  }

  & .sta-shop-browser__bar span {

    margin-left: auto;

    font-size: .72rem;

    opacity: .65

  }

  & .sta-shop-browser__body {

    min-height: 360px;

    display: grid;

    grid-template-columns: 1.25fr 0.75fr;

    gap: 18px;

    align-items: center;

    padding: 32px;

    background: linear-gradient(145deg,#f7f9fb,#eeebff)

  }

  & .sta-shop-product {

    display: flex;

    flex-direction: column;

    gap: 8px

  }

  & .sta-shop-product > span {

    align-self: flex-start;

    padding: 5px 9px;

    border-radius: 999px;

    background: var(--wd-green);

    font-size: .68rem;

    font-weight: 900;

    text-transform: uppercase

  }

  & .sta-shop-product__image {

    display: grid;

    place-items: center;

    min-height: 150px;

    border-radius: 24px;

    background: #fff;

    color: var(--wd-purple);

    font-size: 4rem;

    box-shadow: rgba(40,34,76,.1) 0 12px 35px

  }

  & .sta-shop-product strong {

    font-size: 1.15rem

  }

  & .sta-shop-product small {

    color: var(--wd-muted)

  }

  & .sta-shop-cart {

    display: flex;

    flex-direction: column;

    gap: 12px;

    padding: 22px;

    border-radius: 22px;

    background: #fff;

    box-shadow: rgba(40,34,76,.1) 0 12px 35px

  }

  & .sta-shop-cart span {

    color: var(--wd-muted)

  }

  & .sta-shop-cart strong {

    padding: 10px;

    border-radius: 10px;

    background: var(--wd-purple);

    color: #fff;

    text-align: center

  }

  & .sta-eshop-cenik .wd-benefits {

    overflow: hidden;

    border: 1px solid #e7e9ef;

    border-radius: 22px;

    background: #fff;

    box-shadow: rgba(33,39,60,.07) 0 12px 38px

  }

  & .sta-eshop-cenik .wd-benefit {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    padding: 20px;

    border-right: 1px solid #e7e9ef

  }

  & .sta-eshop-cenik .wd-icon {

    color: var(--wd-purple);

    font-size: 1.5rem

  }

  & .sta-eshop-cenik .wd-section {

    padding: 90px 0

  }

  & .sta-eshop-cenik .wd-section--why {

    background: #fff

  }

  & .sta-eshop-cenik .wd-section--results {

    background: var(--wd-soft)

  }

  & .sta-eshop-cenik .wd-section--advice {

    background: #fff

  }

  & .sta-eshop-cenik .wd-section--faq {

    background: linear-gradient(#f7f8fc,#fff)

  }

  & .sta-eshop-cenik .wd-heading-center {

    max-width: 760px;

    margin-bottom: 45px

  }

  & .sta-eshop-cenik .wd-occasion {

    display: flex;

    align-items: center;

    gap: 14px;

    padding: 20px;

    border: 1px solid #e6e8ee;

    border-radius: 18px;

    background: #fff;

    box-shadow: rgba(31,37,56,.06) 0 8px 25px

  }

  & .sta-eshop-cenik .wd-occasion span {

    display: grid;

    place-items: center;

    flex: 0 0 42px;

    height: 42px;

    border-radius: 50%;

    background: #f0edff;

    color: var(--wd-purple);

    font-weight: 900

  }

  & .sta-eshop-cenik .wd-compare,

  & .sta-eshop-cenik .wd-info-card {

    position: relative;

    padding: 30px;

    border: 1px solid #e2e5eb;

    border-radius: 26px;

    background: #fff;

    box-shadow: rgba(35,40,58,.08) 0 14px 42px

  }

  & .sta-eshop-cenik .wd-info-card--green {

    border-top: 5px solid var(--wd-green)

  }

  & .sta-eshop-cenik .wd-info-card--purple {

    border-top: 5px solid var(--wd-purple)

  }

  & .sta-eshop-cenik .wd-card-icon {

    display: grid;

    place-items: center;

    width: 52px;

    height: 52px;

    margin-bottom: 18px;

    border-radius: 16px;

    background: #eff5df;

    color: #4a6100;

    font-weight: 900

  }

  & .sta-eshop-cenik .wd-info-card--purple .wd-card-icon {

    background: #f0edff;

    color: var(--wd-purple)

  }

  & .sta-price-card {

    display: flex;

    flex-direction: column

  }

  & .sta-price-card > p,

  & .sta-price-card li {

    color: var(--wd-muted)

  }

  & .sta-price {

    font-size: 2.05rem;

    font-weight: 900;

    letter-spacing: -.04em;

    margin: 4px 0 18px!important;

    color: var(--wd-ink)!important

  }

  & .sta-price small {

    font-size: .85rem;

    color: var(--wd-muted)

  }

  & .sta-price-card--featured {

    transform: translateY(-10px);

    box-shadow: rgba(91,72,190,.18) 0 25px 65px!important

  }

  & .sta-ribbon {

    position: absolute;

    top: 20px;

    right: -8px;

    padding: 7px 13px;

    border-radius: 9px 0 0 9px;

    background: var(--wd-purple);

    color: #fff;

    font-size: .72rem;

    font-weight: 900;

    text-transform: uppercase

  }

  & .sta-ribbon::after {

    content: "";

    position: absolute;

    right: 0;

    bottom: -7px;

    border-width: 7px 8px 0 0;

    border-style: solid;

    border-color: #5140b4 rgba(255,255,255,0) rgba(255,255,255,0)

  }

  & .sta-eshop-cenik .wd-checklist {

    list-style: none;

    padding: 0;

    margin: 20px 0 26px

  }

  & .sta-eshop-cenik .wd-checklist li {

    position: relative;

    padding: 6px 0 6px 27px

  }

  & .sta-eshop-cenik .wd-checklist li::before {

    content: "✓";

    position: absolute;

    left: 0;

    color: var(--wd-green);

    font-weight: 950

  }

  & .sta-eshop-cenik .wd-info-card--purple .wd-checklist li::before {

    color: var(--wd-purple)

  }

  & .sta-eshop-cenik .table {

    min-width: 760px

  }

  & .sta-eshop-cenik .table th {

    padding: 18px;

    background: #171c2a;

    color: #fff;

    border: 0

  }

  & .sta-eshop-cenik .table td {

    padding: 16px 18px;

    border-color: #e6e8ee

  }

  & .sta-eshop-cenik .table tbody tr:nth-child(2n) {

    background: #f8f9fb

  }

  & .sta-eshop-cenik .table th:first-child {

    border-radius: 12px 0 0

  }

  & .sta-eshop-cenik .table th:last-child {

    border-radius: 0 12px 0 0

  }

  & .sta-compare-table td:not(:first-child),

  & .sta-compare-table th:not(:first-child) {

    text-align: center

  }

  & .sta-notes {

    display: grid;

    gap: 13px

  }

  & .sta-notes article {

    display: flex;

    gap: 18px;

    padding: 20px;

    border: 1px solid #e6e8ee;

    border-radius: 18px;

    background: #fff

  }

  & .sta-notes article > span {

    flex: 0 0 48px;

    color: var(--wd-purple);

    font-weight: 950;

    font-size: 1.25rem

  }

  & .sta-notes h3 {

    font-size: 1.05rem

  }

  & .sta-notes p {

    margin: 0;

    color: var(--wd-muted)

  }

  & .sta-eshop-cenik .wd-step {

    position: relative;

    padding: 28px;

    border: 1px solid #e4e7ec;

    border-radius: 22px;

    background: #fff

  }

  & .sta-eshop-cenik .wd-step__number {

    position: absolute;

    right: 18px;

    top: 12px;

    color: #edf0f3;

    font-size: 3rem;

    font-weight: 950

  }

  & .sta-eshop-cenik .wd-step__icon {

    display: grid;

    place-items: center;

    width: 50px;

    height: 50px;

    margin-bottom: 18px;

    border-radius: 16px;

    background: #f0edff;

    color: var(--wd-purple);

    font-size: 1.4rem

  }

  & .sta-eshop-cenik .wd-step h3 {

    font-size: 1.15rem

  }

  & .sta-eshop-cenik .wd-step p {

    margin: 0;

    color: var(--wd-muted)

  }

  & .sta-eshop-cenik .accordion-item {

    overflow: hidden;

    margin-bottom: 12px;

    border: 1px solid #e3e6eb!important;

    border-radius: 15px!important

  }

  & .sta-eshop-cenik .accordion-button {

    font-weight: 850

  }

  & .sta-eshop-cenik .accordion-button:not(.collapsed) {

    background: #f0edff;

    color: #4d3eba;

    box-shadow: none

  }

  & .sta-eshop-cenik .accordion-button:focus {

    border-color: var(--wd-purple);

    box-shadow: rgba(138,116,255,.18) 0 0 0 .2rem

  }

  & .sta-contact-simple {

    overflow: hidden;

    border: 0;

    border-radius: 25px;

    background: #171c2a;

    color: #fff;

    box-shadow: rgba(26,31,45,.2) 0 20px 55px

  }

  & .sta-contact-simple .wd-contact-card__body {

    padding: 30px

  }

  & .sta-contact-simple p {

    color: #c8ced8

  }

  & .sta-contact-simple a {

    color: var(--wd-green);

    font-weight: 850;

    text-decoration: none

  }

  & .sta-contact-simple .wd-card-icon {

    background: var(--wd-green);

    color: #182000

  }

  & .sta-eshop-cenik .wd-cta {

    overflow: hidden;

    background: linear-gradient(120deg,#171c2a,#33285d);

    color: #fff

  }

  & .sta-eshop-cenik .wd-cta p {

    color: #d4d8e2;

    font-size: 1.1rem

  }

  & .sta-cta-cart {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 280px;

    height: 230px;

    margin: auto;

    border-radius: 45px;

    background: var(--wd-purple);

    transform: rotate(-5deg);

    box-shadow: rgba(0,0,0,.25) 0 22px 60px

  }

  & .sta-cta-cart::before {

    content: "";

    position: absolute;

    width: 125px;

    height: 85px;

    top: -46px;

    border-bottom: 0;

    border-radius: 70px 70px 0 0

  }

  & .sta-cta-cart span {

    display: grid;

    place-items: center;

    width: 58px;

    height: 58px;

    border-radius: 50%;

    background: var(--wd-green);

    color: #182000;

    font-size: 1.7rem;

    font-weight: 950

  }

  & .sta-cta-cart strong {

    margin-top: 16px;

    font-size: 1.5rem

  }

  & .sta-cta-cart small {

    opacity: .8

  }

  @media (max-width:991.98px) {

    & .sta-eshop-cenik .wd-section {

      padding: 65px 0

    }

    & .sta-price-card--featured {

      transform: none

    }

    & .sta-eshop-cenik .wd-benefit {

      justify-content: flex-start

    }

    & .sta-shop-browser__body {

      min-height: 310px

    }

    & .sta-eshop-cenik .wd-hero__badge {

      right: 8px

    }

  }

  @media (max-width:575.98px) {

    & .sta-eshop-cenik .wd-section {

      padding: 50px 0

    }

    & .sta-eshop-cenik .wd-benefit {

      padding: 14px 10px;

      font-size: .85rem

    }

    & .sta-eshop-cenik .wd-icon {

      font-size: 1.1rem

    }

    & .sta-shop-browser__body {

      grid-template-columns: 1fr;

      padding: 20px

    }

    & .sta-shop-cart {

      display: none

    }

    & .sta-eshop-cenik .wd-hero__badge {

      position: relative;

      right: auto;

      bottom: auto;

      margin: -12px 12px 0

    }

    & .sta-eshop-cenik .wd-compare,

    & .sta-eshop-cenik .wd-info-card {

      padding: 24px

    }

    & .sta-ribbon {

      right: 0

    }

  }

  & .wd-blog-intro {

    --blog-green: #a1d600;

    --blog-purple: #8a74ff;

    --blog-ink: #121827;

    --blog-muted: #637381;

    padding: 50px 0 36px

  }

  & .wd-blog-intro__inner {

    position: relative;

    overflow: hidden;

    margin: 0 auto;

    padding: clamp(28px,5vw,55px);

    border: 1px solid #e8e9f1;

    border-radius: 30px;

    background: radial-gradient(circle at 92% 12%,rgba(138,116,255,.16),transparent 28%),linear-gradient(135deg,#fff 0,#fbfbff 100%);

    box-shadow: rgba(37,41,61,.08) 0 18px 55px

  }

  & .wd-blog-intro__inner::after {

    content: "";

    position: absolute;

    right: -45px;

    bottom: -80px;

    width: 260px;

    height: 130px;

    border-top: 0;

    border-radius: 0 0 50% 50%;

    opacity: .12;

    transform: rotate(-8deg);

    pointer-events: none

  }

  & .wd-blog-intro__eyebrow {

    display: inline-block;

    margin-bottom: 15px;

    padding: 7px 12px;

    border-radius: 999px;

    background: #f0edff;

    color: #6652df;

    font-size: .76rem;

    font-weight: 900;

    letter-spacing: .08em;

    text-transform: uppercase

  }

  & .wd-blog-intro h1 {

    max-width: 820px;

    margin: 0 0 18px;

    color: var(--blog-ink);

    font-size: clamp(2rem, 5vw, 3.8rem);

    font-weight: 900;

    line-height: 1.06;

    letter-spacing: -.05em

  }

  & .wd-blog-intro h1 span {

    color: var(--blog-green)

  }

  & .wd-blog-intro p {

    max-width: 840px;

    margin: 0;

    color: var(--blog-muted);

    font-size: clamp(1rem, 1.5vw, 1.13rem);

    line-height: 1.7

  }

  & .wd-blog-intro__topics {

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 24px

  }

  & .wd-blog-intro__topics span {

    padding: 8px 13px;

    border: 1px solid #e2e4eb;

    border-radius: 999px;

    background: #fff;

    color: var(--blog-ink);

    font-size: .85rem;

    font-weight: 800

  }

  & .wd-blog-intro__topics span:nth-child(2n) {

    border-color: rgba(138,116,255,.35)

  }

  @media (max-width:575.98px) {

    & .wd-blog-intro {

      padding: 30px 0 24px

    }

    & .wd-blog-intro__inner {

      border-radius: 22px

    }

  }

  & .page-blog {

    padding: 10px 0

  }

  & .page-blog .blog-item ul.tags {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 8px;

    margin: 8px 0 18px;

    padding: 0;

    list-style: none

  }

  & .page-blog .blog-item ul.tags > li.list-inline-item {

    margin: 0;

    padding: 0

  }

  & .page-blog .blog-item ul.tags a.btn,

  & .page-blog .blog-item ul.tags a.btn-info {

    display: inline-flex;

    align-items: center;

    gap: 4px;

    min-height: 32px;

    padding: 6px 12px;

    border: 1px solid rgba(138,116,255,.28);

    border-radius: 999px;

    background: rgba(138,116,255,.1);

    color: #6652df;

    font-size: 13px;

    font-weight: 750;

    line-height: 1.25;

    text-decoration: none;

    box-shadow: none;

    transition: color .2s,background-color .2s,border-color .2s,transform .2s

  }

  & .page-blog .blog-item ul.tags a.btn::before {

    content: "#";

    color: #8a74ff;

    font-weight: 900

  }

  & .page-blog .blog-item ul.tags a.btn:focus-visible,

  & .page-blog .blog-item ul.tags a.btn:hover {

    border-color: #8a74ff;

    background: #8a74ff;

    color: #fff;

    transform: translateY(-1px)

  }

  & .page-blog .blog-item ul.tags a.btn:focus-visible::before,

  & .page-blog .blog-item ul.tags a.btn:hover::before {

    color: #fff

  }

  & .page-blog .blog-item ul.tags a.btn:focus-visible {

    outline: rgba(138,116,255,.24) solid 3px;

    outline-offset: 2px

  }

  @media (prefers-reduced-motion:reduce) {

    & .page-blog .blog-item ul.tags a.btn {

      transition: none

    }

    & .page-blog .blog-item ul.tags a.btn:focus-visible,

    & .page-blog .blog-item ul.tags a.btn:hover {

      transform: none

    }

  }

  & .btn-default {

    color: #000

  }

  @media (max-width:991.98px) {

    & .responsive-menu .slicknav_menu {

      overflow: hidden

    }

    @media (max-width:991.98px) {

      & .responsive-menu .slicknav_menu {

        background: rgba(255,255,255,0);

        padding: 0

      }

      & .responsive-menu .slicknav_nav {

        margin-top: 14px;

        padding: 18px;

        overflow-y: auto;

        max-height: calc(-118px + 100dvh);

        border: 1px solid rgba(138,116,255,.22);

        border-radius: 22px;

        box-shadow: rgba(29,24,47,.28) 0 22px 55px

      }

      & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

        border-bottom: 1px solid rgba(255,255,255,.075)

      }

      & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta):last-child {

        border-bottom: 0

      }

      & .responsive-menu .slicknav_nav > li > .slicknav_item,

      & .responsive-menu .slicknav_nav > li > a.nav-link {

        min-height: 48px;

        margin: 0;

        padding: 13px 10px;

        border-radius: 12px;

        font-weight: 650;

        line-height: 1.35

      }

      & .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

      & .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

      & .responsive-menu .slicknav_nav > li > a.nav-link:hover {

        background: rgba(138,116,255,.13);

        color: #fff

      }

      & .responsive-menu .slicknav_arrow {

        display: inline-grid;

        place-items: center;

        float: right;

        margin: -4px 0 -4px 12px;

        transition: transform .2s,background-color .2s

      }

      & .responsive-menu .slicknav_arrow::before {

        content: "⌄";

        font-size: 18px;

        line-height: 1;

        transform: translateY(-2px);

        content: none!important;

        display: none!important

      }

      & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

        color: #99e000;

        background: rgba(120,189,0,.12)!important;

        transform: rotate(180deg)!important

      }

      & .responsive-menu .slicknav_nav ul {

        margin: 4px 0 10px;

        padding: 8px;

        border-radius: 13px;

        background: #f7f5ff

      }

      & .responsive-menu .slicknav_nav ul a {

        padding: 10px 12px;

        border-radius: 9px;

        font-size: 14px;

        color: #3b3744

      }

      & .responsive-menu .mobile-contact-cta {

        margin: 0 0 14px;

        padding: 0 0 16px;

        border-bottom: 1px solid rgba(255,255,255,.12)

      }

      & .responsive-menu .mobile-contact-cta > a {

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 16px;

        width: 100%;

        min-height: 52px;

        border: 0;

        font-weight: 800;

        text-decoration: none;

        box-shadow: rgba(135,214,0,.22) 0 10px 26px;

        transition: transform .2s,box-shadow .2s,filter .2s;

        border-radius: 99px;

        background: #a7e800;

        color: #000;

        box-shadow: none;

        padding: 14px 20px

      }

      & .responsive-menu .mobile-contact-cta > a:focus-visible {

        outline: rgba(138,116,255,.5) solid 3px;

        outline-offset: 3px

      }

      & .responsive-menu .slicknav_nav {

        border-color: rgba(36,34,44,.1);

        background: #fff;

        box-shadow: rgba(38,31,66,.14) 0 20px 48px

      }

      & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

        border-bottom-color: rgba(36,34,44,.09)

      }

      & .responsive-menu .slicknav_nav > li > .slicknav_item,

      & .responsive-menu .slicknav_nav > li > .slicknav_item > a.nav-link,

      & .responsive-menu .slicknav_nav > li > a.nav-link {

        color: #17151d

      }

      & .responsive-menu .slicknav_nav > li > .slicknav_item:focus-visible > a.nav-link,

      & .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

      & .responsive-menu .slicknav_nav > li > .slicknav_item:hover > a.nav-link,

      & .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

      & .responsive-menu .slicknav_nav > li > a.nav-link:hover {

        background: rgba(138,116,255,.09);

        color: #765ee8

      }

      & .responsive-menu .slicknav_nav > li.active > .slicknav_item > a,

      & .responsive-menu .slicknav_nav > li.active > a,

      & .responsive-menu .slicknav_nav > li.current > .slicknav_item > a,

      & .responsive-menu .slicknav_nav > li.current > a {

        color: #78bd00

      }

      & .responsive-menu .slicknav_nav ul a:focus-visible,

      & .responsive-menu .slicknav_nav ul a:hover {

        background: rgba(138,116,255,.11);

        color: #765ee8

      }

      & .responsive-menu .mobile-contact-cta {

        border-bottom-color: rgba(36,34,44,.11)

      }

      & .responsive-menu .mobile-contact-cta > a:focus-visible,

      & .responsive-menu .mobile-contact-cta > a:hover {

        filter: brightness(1.04);

        transform: translateY(-1px);

        box-shadow: rgba(135,214,0,.3) 0 14px 30px;

        background: #8a74ff;

        color: #fff;

        filter: none;

        box-shadow: none

      }

      & .responsive-menu .slicknav_arrow {

        position: relative!important;

        display: inline-grid!important;

        place-items: center!important;

        width: 28px!important;

        height: 28px!important;

        margin-left: 12px!important;

        border-radius: 50%!important;

        background: rgba(138,116,255,.1)!important;

        color: transparent!important;

        font-size: 0px!important;

        line-height: 0!important

      }

      & .responsive-menu .slicknav_arrow::after {

        content: "⌄"!important;

        position: static!important;

        display: block!important;

        width: auto!important;

        height: auto!important;

        background: 0 0!important;

        color: #765ee8!important;

        font-family: inherit!important;

        font-size: 18px!important;

        font-weight: 800!important;

        line-height: 1!important;

        transform: translateY(-2px)!important

      }

      & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow::after {

        color: #78bd00!important

      }

    }

    @media (max-width:991.98px) {

      & .responsive-menu .slicknav_nav > li.item-436 > a.nav-link,

      & .responsive-menu .slicknav_nav > li.item-481 > a.nav-link {

        font-weight: 400

      }

      & .responsive-menu .slicknav_arrow,

      & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

        background: 0 0!important

      }

      & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item,

      & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item > a.nav-link,

      & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:focus-visible,

      & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:hover {

        background: 0 0!important

      }

    }

    & .wd-social-links {

      display: flex;

      align-items: center;

      flex-wrap: wrap;

      gap: 10px;

      margin-top: 24px

    }

    & .wd-social-links a {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      width: 40px;

      height: 40px;

      border: 2px solid #8a74ff;

      border-radius: 50%;

      background: #8a74ff;

      font-family: Arial,sans-serif;

      font-size: 20px;

      font-weight: 800;

      line-height: 1;

      box-shadow: rgba(138,116,255,.22) 0 8px 20px;

      transition: transform .2s,background-color .2s,border-color .2s,color .2s;

      color: #fff!important;

      text-decoration: none!important

    }

    & .wd-social-links a:focus-visible,

    & .wd-social-links a:hover {

      border-color: #a7e800;

      background: #a7e800;

      transform: translateY(-2px);

      color: #222!important

    }

    & .wd-social-links a:focus-visible {

      outline: rgba(138,116,255,.35) solid 3px;

      outline-offset: 3px

    }

    & .wd-social-links .wd-social-youtube {

      font-size: 15px;

      transform: translateX(1px)

    }

    & .wd-social-links .wd-social-linkedin {

      font-size: 15px;

      letter-spacing: -1px

    }

    & .wd-social-links .wd-social-x {

      font-size: 16px;

      font-weight: 700

    }

    @media (prefers-reduced-motion:reduce) {

      & .responsive-menu .mobile-contact-cta>a,

      & .responsive-menu .slicknav_arrow,

      & .wd-social-links a {

        transition: none

      }

      & .wd-social-links a:hover {

        transform: none

      }

    }

    & .btn-default,

    & .image-anime,

    & .reveal {

      position: relative;

      overflow: hidden

    }

    & .page-faqs .accordion-body p,

    & .post-item-body p,

    & .slicknav_menu ul ul,

    & figure {

      margin: 0

    }

    & a,

    & a:focus,

    & a:hover {

      text-decoration: none

    }

    & body {

      font-family: var(--lbox-font-family-body);

      font-size: 16px;

      font-weight: 400;

      line-height: 1.6em;

      color: #527282;

      background-color: #fff

    }

    & .btn-default.btn-highlighted:hover,

    & .main-menu ul li a,

    & .page-header-box h1 span,

    & .post-item-footer a.read-more-btn:hover,

    & h1,

    & h2,

    & h3,

    & h4,

    & h5,

    & h6 {

      color: var(--primary-color)

    }

    & p {

      line-height: 1.8em;

      margin-bottom: 1.6em

    }

    & h1,

    & h2,

    & h3,

    & h4,

    & h5,

    & h6 {

      margin: 0;

      font-weight: 700;

      line-height: 1.2em

    }

    & img {

      max-width: 100%

    }

    & a:focus,

    & a:hover {

      outline: 0

    }

    & body,

    & html {

      width: 100%;

      overflow-x: clip

    }

    & .container {

      max-width: 1300px

    }

    & .container,

    & .container-fluid,

    & .row > * {

      padding-right: 15px;

      padding-left: 15px

    }

    & .image-anime::after {

      content: "";

      position: absolute;

      width: 200%;

      height: 0%;

      left: 50%;

      top: 50%;

      background-color: rgba(255,255,255,.3);

      transform: translate(-50%,-50%) rotate(-45deg);

      z-index: 1

    }

    & .btn-default:hover,

    & .image-anime:hover::after {

      background-color: rgba(255,255,255,0)

    }

    & .image-anime:hover::after {

      height: 250%;

      transition: .6s linear

    }

    & .reveal {

      display: inline-flex;

      visibility: hidden

    }

    & .btn-default {

      background: #a7e800;

      display: inline-block;

      line-height: 1.5em;

      font-size: 14px;

      font-weight: 600;

      padding: 14px 50px 14px 20px;

      border-radius: 99px;

      border: currentcolor;

      border-image: initial;

      transition: .5s ease-in-out;

      z-index: 1

    }

    & .reveal img {

      height: 100%;

      width: 100%;

      object-fit: cover;

      transform-origin: left center

    }

    & .row {

      margin-right: -15px;

      margin-left: -15px

    }

    & .btn-default.btn-highlighted:hover::before,

    & .main-menu ul ul,

    & .testimonial-slider .testimonial-button-next:hover,

    & .testimonial-slider .testimonial-button-prev:hover {

      background-color: var(--primary-color)

    }

    & .btn-default::before {

      content: "";

      position: absolute;

      top: 50%;

      right: 0;

      bottom: 0;

      width: 30px;

      height: 30px;

      border-radius: 50%;

      background-color: #fff;

      background-image: url("../images/arrow-blue.svg");

      background-repeat: no-repeat;

      background-position: center center;

      background-size: 10px;

      transform: translate(-10px,-50%);

      transition: .4s ease-in-out

    }

    & .btn-default:hover::before {

      transform: translate(-10px,-50%) rotate(45deg);

      background-size: 10px

    }

    & .btn-default::after {

      content: "";

      display: block;

      position: absolute;

      top: 0;

      left: 0;

      bottom: 0;

      width: 0;

      height: 100%;

      border-radius: 99px;

      background: var(--primary-color);

      transition: .4s ease-in-out;

      z-index: -1

    }

    & .btn-default:hover::after {

      width: 100%

    }

    & .footer-links ul li:hover a,

    & .main-menu ul li a:focus,

    & .main-menu ul li a:hover,

    & .page-header-box ol .breadcrumb-item + .breadcrumb-item::before {

      color: var(--accent-color)

    }

    & .btn-default.btn-highlighted::after {

      background-color: #fff

    }

    & .preloader {

      position: fixed;

      left: 0;

      top: 0;

      right: 0;

      bottom: 0;

      z-index: 1000;

      background-color: var(--accent-color);

      display: flex;

      align-items: center;

      justify-content: center

    }

    & .slicknav_btn,

    & .slicknav_menu {

      background: var(--primary-color)

    }

    & .loading {

      height: 100px;

      position: relative;

      width: 100px;

      border-radius: 100%;

      border-width: 1px;

      border-style: solid;

      border-image: initial;

      border-color: rgba(255,255,255,0) #fff;

      animation: 1.5s linear infinite rotate-loading;

      transform-origin: 50% 50%

    }

    & header.main-header,

    & header.main-header .header-sticky.active {

      border-bottom: 1px solid rgba(14,56,76,.1)

    }

    & header.main-header {

      background-color: var(--secondary-color);

      position: relative;

      z-index: 100

    }

    & header.main-header .header-sticky {

      position: relative;

      top: 0;

      z-index: 100

    }

    & header.main-header .header-sticky.hide {

      transform: translateY(-100%);

      transition: transform .3s ease-in-out;

      border-radius: 0

    }

    & header.main-header .header-sticky.active {

      position: fixed;

      top: 0;

      left: 0;

      right: 0;

      border-radius: 0;

      transform: translateY(0);

      background: var(--secondary-color);

      backdrop-filter: blur(30px)

    }

    & .navbar {

      padding: 30px 0;

      align-items: center

    }

    & .navbar-brand {

      padding: 0;

      margin: 0

    }

    & .main-menu .nav-menu-wrapper {

      flex: 1 1 0%;

      text-align: center

    }

    & .main-menu .nav-menu-wrapper > ul {

      align-items: center;

      display: inline-flex

    }

    & .main-menu ul li {

      margin: 0 9px;

      position: relative

    }

    & .main-menu ul li a {

      font-size: 18px;

      font-weight: 500;

      transition: .3s ease-in-out;

      padding: 14px 10px!important

    }

    & .main-menu ul li.submenu > a::after {

      content: "";

      font-family: "Font Awesome 6 Free";

      font-weight: 900;

      font-size: 14px;

      margin-left: 8px

    }

    & .main-menu ul ul {

      visibility: hidden;

      opacity: 0;

      transform: scaleY(.8);

      transform-origin: center top;

      padding: 0;

      margin: 0;

      list-style: none;

      width: 240px;

      border-radius: 20px;

      position: absolute;

      left: 0;

      top: 100%;

      transition: .3s ease-in-out;

      text-align: left

    }

    & .main-menu ul li.submenu:first-child ul {

      width: 250px

    }

    & .main-menu ul ul ul {

      left: 100%;

      top: 0;

      text-align: left

    }

    & .main-menu ul li:hover > ul {

      visibility: visible;

      opacity: 1;

      transform: scaleY(1);

      padding: 5px 0

    }

    & .main-menu ul li.submenu ul li.submenu > a::after {

      content: "";

      float: right

    }

    & .main-menu ul ul li {

      margin: 0;

      padding: 0

    }

    & .main-menu ul ul li a {

      color: #fff;

      transition: .3s ease-in-out;

      padding: 8px 20px!important

    }

    & .main-menu ul ul li a:focus,

    & .main-menu ul ul li a:hover {

      color: var(--accent-color);

      background-color: rgba(255,255,255,0);

      padding: 8px 20px 8px 23px!important

    }

    & .navbar-toggle,

    & .responsive-menu {

      display: none

    }

    & .responsive-menu {

      top: 0;

      position: relative

    }

    & .slicknav_btn {

      padding: 0;

      display: flex;

      align-items: center;

      justify-content: center;

      width: 38px;

      height: 38px;

      margin: 0;

      border-radius: 8px

    }

    & .slicknav_icon .slicknav_icon-bar {

      display: block;

      height: 3px;

      width: 22px;

      background-color: #fff;

      border-radius: 6px;

      transition: .1s ease-in-out;

      margin: 4px auto!important

    }

    & .slicknav_icon .slicknav_icon-bar:first-child {

      margin-top: 0!important

    }

    & .slicknav_icon .slicknav_icon-bar:last-child {

      margin-bottom: 0!important

    }

    & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:first-child {

      transform: rotate(-45deg) translate(-5px,5px)

    }

    & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {

      opacity: 0

    }

    & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {

      transform: rotate(45deg) translate(-5px,-5px)

    }

    & .slicknav_menu {

      position: absolute;

      width: 100%;

      padding: 0

    }

    & .slicknav_menu ul {

      margin: 5px 0

    }

    & .slicknav_nav .slicknav_row,

    & .slicknav_nav li a {

      position: relative;

      font-size: 16px;

      font-weight: 500;

      padding: 10px 20px;

      color: #fff;

      line-height: normal;

      margin: 0;

      transition: .3s ease-in-out;

      border-radius: 0!important

    }

    & .slicknav_nav .slicknav_row:hover,

    & .slicknav_nav a:focus,

    & .slicknav_nav a:hover {

      background-color: rgba(255,255,255,0);

      color: var(--accent-color)

    }

    & .slicknav_menu ul ul li a {

      padding: 10px 20px 10px 30px

    }

    & .slicknav_arrow {

      font-size: 0px!important

    }

    & .slicknav_arrow::after {

      content: "";

      font-family: "Font Awesome 6 Free";

      font-weight: 900;

      font-size: 12px;

      margin-left: 8px;

      color: #fff;

      position: absolute;

      right: 15px;

      top: 15px;

      transition: .3s ease-out

    }

    & .slicknav_open > a .slicknav_arrow::after {

      transform: rotate(-180deg);

      color: var(--accent-color)

    }

    & .read-more-btn {

      position: relative;

      z-index: 1

    }

    & .error-page,

    & .page-blog,

    & .page-book-appointment,

    & .page-faqs,

    & .page-service-single,

    & .page-single-post,

    & .page-techonology {

      padding: 100px 0

    }

    & .post-item-footer a.read-more-btn::after,

    & .read-more-btn a::after {

      background-image: url("../images/arrow-white.svg");

      width: 24px;

      height: 24px

    }

    & .hero-slider-layout .swiper-pagination {

      bottom: 80px

    }

    & .hero-slider-layout .swiper-pagination .swiper-pagination-bullet {

      width: 15px;

      height: 15px;

      background: #fff;

      opacity: 1;

      transition: .3s ease-in-out;

      margin: 0 5px

    }

    & .hero-slider-layout .swiper-pagination .swiper-pagination-bullet-active,

    & .read-more-btn a::after {

      background-color: var(--accent-color)

    }

    & .footer-copyright-text p {

      margin: 0

    }

    & .post-image figure {

      display: block

    }

    & .read-more-btn a::after {

      content: "";

      position: absolute;

      top: 0;

      bottom: 0;

      right: 0;

      background-repeat: no-repeat;

      background-position: center center;

      background-size: 10px;

      border-radius: 50%;

      transition: .4s ease-in-out

    }

    & .read-more-btn a {

      font-size: 14px;

      color: var(--accent-color);

      font-weight: 600;

      transition: .5s ease-in-out;

      display: inline-block;

      position: relative;

      padding-right: 35px

    }

    & .read-more-btn a:hover::after {

      background-size: 10px;

      transform: rotate(45deg)

    }

    & .footer-links ul li:last-child {

      margin-bottom: 0

    }

    & .blog-item {

      position: relative;

      height: calc(100% - 30px);

      margin-bottom: 30px;

      z-index: 1

    }

    & .blog-item:hover .post-featured-image img {

      transform: scale(1.1)

    }

    & .footer-links h3,

    & .post-item-body h2,

    & .post-item-footer a.read-more-btn {

      font-weight: 600

    }

    & .testimonial-slider .testimonial-button-next,

    & .testimonial-slider .testimonial-button-prev {

      position: relative;

      width: 40px;

      height: 40px;

      background-color: var(--accent-color);

      border-radius: 6px;

      transition: .4s ease-in-out

    }

    & .testimonial-slider .testimonial-button-next {

      margin-left: 20px

    }

    & .testimonial-slider .testimonial-button-next::before,

    & .testimonial-slider .testimonial-button-prev::before {

      content: "";

      position: absolute;

      inset: 0px;

      background: url("../images/arrow-white.svg") center center/12px no-repeat;

      transform: rotate(45deg);

      display: flex;

      align-items: center;

      justify-content: center;

      transition: .4s ease-in-out

    }

    & .post-item-footer a.read-more-btn::after {

      background-repeat: no-repeat;

      background-position: center center;

      content: "";

      position: absolute;

      top: -2px;

      right: 0;

      bottom: 0;

      background-size: 10px;

      background-color: var(--accent-color);

      border-radius: 50%;

      transition: .4s ease-in-out

    }

    & .testimonial-slider .testimonial-button-prev::before {

      transform: rotate(225deg)

    }

    & .blog-item .post-featured-image {

      border-radius: 30px;

      overflow: hidden;

      margin-bottom: 30px

    }

    & .blog-item .post-featured-image a {

      display: block

    }

    & .blog-item .post-featured-image img {

      border-radius: 30px;

      aspect-ratio: 1/0.66;

      object-fit: cover;

      transition: .5s ease-in-out;

      max-height: 300px

    }

    & .post-item-body {

      margin-bottom: 15px

    }

    & .post-item-body h2 {

      color: var(--primary-color);

      font-size: 20px;

      line-height: 1.5em;

      margin-bottom: 20px

    }

    & .page-header-box ol li.breadcrumb-item a,

    & .post-item-body h2 a {

      color: inherit

    }

    & .post-item-footer a.read-more-btn {

      position: relative;

      color: var(--accent-color);

      font-size: 14px;

      padding-right: 35px;

      transition: .5s ease-in-out

    }

    & .post-item-footer a.read-more-btn:hover::after {

      transform: rotate(45deg);

      background-color: var(--primary-color)

    }

    & footer.main-footer {

      padding: 100px 0 0;

      background: var(--primary-color)

    }

    & .footer-links h3 {

      color: #fff;

      font-size: 20px;

      margin-bottom: 20px

    }

    & .footer-links ul {

      list-style: none;

      margin: 0;

      padding: 0

    }

    & .footer-links ul li {

      margin-bottom: 10px

    }

    & .footer-links ul li a {

      color: #fff;

      transition: .3s ease-in-out

    }

    & .footer-copyright {

      border-top: 1px solid rgba(255,255,255,.12);

      padding: 30px 0;

      text-align: center;

      margin-top: 60px

    }

    & .page-header-box h1 {

      font-size: 54px;

      font-weight: 700;

      text-align: center;

      color: var(--accent-color);

      margin-bottom: 20px

    }

    & .page-header-box ol {

      margin: 0;

      padding: 0;

      justify-content: center

    }

    & .page-header-box ol li.breadcrumb-item {

      font-size: 16px;

      font-weight: 500;

      color: var(--primary-color)

    }

    & .com-finder.finder,

    & .page-services,

    & .page-team {

      padding: 100px 0 70px

    }

    & .page-faqs .accordion-header .accordion-button {

      font-size: 20px;

      font-weight: 600;

      line-height: 1.2em;

      padding: 15px 50px 15px 20px

    }

    & .page-faqs .accordion-body {

      padding: 0 20px 20px

    }

    & .page-blog .blog-item {

      height: calc(100% - 40px);

      margin-bottom: 40px

    }

    & .post-pagination {

      margin-top: 30px;

      text-align: center

    }

    & .post-pagination ul {

      justify-content: center;

      padding: 0;

      margin: 0

    }

    & .post-pagination ul li a,

    & .post-pagination ul li span {

      display: flex;

      text-decoration: none;

      justify-content: center;

      align-items: center;

      background: var(--secondary-color);

      color: var(--primary-color);

      border-radius: 6px;

      width: 40px;

      height: 40px;

      margin: 0 5px;

      font-weight: 700;

      line-height: 1em;

      transition: .3s ease-in-out

    }

    & .post-pagination ul li a:hover,

    & .post-pagination ul li.active a {

      background: var(--accent-color);

      color: #fff

    }

    & .post-single-meta ol li.breadcrumb-item {

      font-size: 18px

    }

    & .post-single-meta ol li i {

      font-size: 18px;

      color: var(--accent-color);

      margin-right: 5px

    }

    & .post-image {

      position: relative;

      margin-bottom: 30px

    }

    & .post-image figure,

    & .post-image img {

      aspect-ratio: 1/0.5;

      object-fit: cover;

      border-radius: 40px

    }

    & .post-content {

      width: 100%;

      margin: 0 auto

    }

    & .page-team-single {

      padding: 0 0 100px

    }

    & .page-team-single .row {

      background-color: var(--primary-color);

      border-radius: 35px 30px 30px 35px

    }

    @media only screen and (max-width:1024px) {

      & .navbar {

        padding: 20px 0

      }

      & .main-menu ul li {

        margin: 0

      }

    }

    @media only screen and (max-width:991px) {

      & footer.main-footer {

        background-size: 100%;

        padding: 50px 0 0

      }

      & .navbar-toggle,

      & .responsive-menu,

      & .slicknav_nav li,

      & .slicknav_nav ul {

        display: block

      }

      & .error-page,

      & .page-blog,

      & .page-book-appointment,

      & .page-faqs,

      & .page-service-single,

      & .page-single-post,

      & .page-techonology {

        padding: 50px 0

      }

      & .hero-slider-layout .swiper-pagination {

        bottom: 40px

      }

      & .page-faqs .accordion-header .accordion-button {

        font-size: 18px

      }

      & .post-item-body h2 {

        margin-bottom: 15px

      }

      & .page-contact,

      & .page-team-single {

        padding: 50px 0 25px

      }

      & .blog-item .post-featured-image,

      & .post-image {

        margin-bottom: 20px

      }

      & .post-item-footer a.read-more-btn {

        padding-right: 30px

      }

      & .post-item-footer a.read-more-btn::after {

        top: 0;

        background-size: 8px;

        width: 20px;

        height: 20px

      }

      & .footer-copyright {

        margin-top: 40px;

        padding: 20px 0

      }

      & .page-header {

        background-size: contain;

        padding: 50px 0

      }

      & .page-header-box h1 {

        font-size: 44px;

        margin-bottom: 10px

      }

      & .page-services,

      & .page-team,

      & .page-testimonials {

        padding: 50px 0 20px

      }

      & .page-blog .blog-item {

        height: calc(100% - 30px);

        margin-bottom: 30px

      }

      & .post-pagination {

        margin-top: 10px

      }

      & .post-single-meta ol li i {

        font-size: 20px

      }

      & .page-team-single .row {

        border-radius: 40px 40px 30px 30px

      }

    }

    @media only screen and (max-width:767px) {

      & .page-header-box h1 {

        font-size: 34px

      }

      & .hero-slider-layout .swiper-pagination {

        bottom: 30px

      }

      & .post-item-body h2 {

        font-size: 18px;

        margin-bottom: 10px

      }

      & .post-single-meta ol li i {

        font-size: 18px

      }

      & .post-item-body {

        margin-bottom: 10px

      }

      & .footer-links h3 {

        margin-bottom: 15px

      }

      & .footer-copyright {

        padding: 10px 0

      }

      & .page-faqs .accordion-header .accordion-button {

        font-size: 16px;

        padding: 10px 40px 10px 10px

      }

      & .page-faqs .accordion-body {

        padding: 0 10px 10px

      }

      & .post-image figure,

      & .post-image img {

        aspect-ratio: 1/0.7

      }

    }

    & .view-article .page-header {

      padding: 0

    }

    & ul.result__taxonomy {

      font-size: .9rem;

      margin: 1rem 0;

      padding: .5rem;

      background: #eee;

      border-radius: .4rem

    }

    & .view-category.layout-blog .post-item-body h2 {

      min-height: 3em;

      display: flex;

      align-items: flex-start;

      margin-bottom: 1rem

    }

    & .page-single-post {

      padding: 50px 0

    }

    & .view-category.layout-blog .post-item-body h2 a {

      display: block;

      width: 100%

    }

    & [data-rlta-element=button] {

      margin-top: 2rem;

      display: block;

      background: 0 0!important;

      border: currentcolor!important;

      border-image: initial!important;

      padding: 0!important;

      outline: 0!important

    }

    & [data-rlta-element=button] [data-rlta-element=heading] {

      display: inline-block;

      position: relative;

      overflow: hidden;

      z-index: 1;

      font-weight: 600;

      font-size: 14px;

      line-height: 1.5em;

      color: #fff;

      padding: 14px 50px 14px 20px;

      border-radius: 99px;

      margin: 0;

      cursor: pointer;

      transition: .5s ease-in-out;

      background: var(--accent-color)

    }

    & [data-rlta-element=button] [data-rlta-element=heading]::before {

      content: "";

      position: absolute;

      top: 50%;

      right: 10px;

      width: 30px;

      height: 30px;

      border-radius: 50%;

      background-color: #fff;

      background-image: url("../images/arrow-blue.svg");

      background-repeat: no-repeat;

      background-position: center center;

      background-size: 10px;

      transform: translateY(-50%);

      transition: .4s ease-in-out;

      z-index: 2

    }

    & [data-rlta-element=button] [data-rlta-element=heading]::after {

      content: "";

      display: block;

      position: absolute;

      top: 0;

      left: 0;

      bottom: 0;

      width: 0;

      height: 100%;

      border-radius: 99px;

      background: var(--primary-color);

      transition: .4s ease-in-out;

      z-index: -1

    }

    & [data-rlta-element=button]:hover [data-rlta-element=heading]::after {

      width: 100%

    }

    & [data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading] {

      background: var(--primary-color)

    }

    & [data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading]::before {

      transform: translateY(-50%) rotate(180deg)

    }

    & .view-category [data-rlta-element=panel] {

      height: auto;

      font-size: .9rem;

      padding: .5rem 1rem;

      background: #eee;

      border-radius: .4rem

    }

    & a {

      color: var(--primary-color);

      color: #8776ff

    }

    & footer,

    & footer a {

      color: #fff

    }

    & .btn-primary {

      background-color: var(--accent-color);

      border-color: var(--accent-color)

    }

    & .btn-primary:hover {

      background: var(--primary-color)

    }

    & .list-unstyled li.current.active a,

    & .main-menu ul li.current.active a,

    & .slicknav_nav li.current.active a {

      color: var(--accent-color)

    }

    & footer .nav {

      display: block

    }

    & .nav-item > a.btn-default {

      font-size: 14px;

      width: 160px;

      color: #fff!important;

      padding-right: 30px!important

    }

    @media (max-width:991.8px) {

      & .nav-item > a.btn-default {

        width: 100%

      }

    }

    & a:hover {

      color: #0be7e0

    }

    & .h1,

    & h1 {

      font-size: 2rem;

      padding-bottom: 15px;

      color: #8776ff

    }

    & .h2,

    & h2 {

      font-size: 1.5rem;

      padding-bottom: 15px;

      color: #333

    }

    & .h3,

    & h3 {

      font-size: 1.2rem;

      padding-bottom: 15px;

      color: #8776ff

    }

    & h3.velky {

      font-size: 1.5rem

    }

    & h2.FAQ {

      font-size: 19px;

      border-bottom: 1px solid #e8e8e8;

      margin-bottom: 20px

    }

    & h4 {

      font-size: 1.1em;

      padding-bottom: 15px

    }

    & .wf-columns .wf-column {

      max-width: 100%;

      box-sizing: border-box;

      flex: 1 1 0%

    }

    & .wf-columns-stack-large,

    & .wf-columns-stack-medium,

    & .wf-columns-stack-small,

    & .wf-columns-stack-xlarge {

      flex-wrap: wrap

    }

    & .wf-columns {

      display: flex;

      gap: 3rem!important

    }

    & .wd-whitening {

      --wd-purple: #8a74ff;

      --wd-purple-soft: #f2efff;

      --wd-turquoise: #13d4d4;

      --wd-turquoise-dark: #09bcbc;

      --wd-ink: #171c2a;

      --wd-text: #49677a;

      --wd-line: #dce8ee;

      --wd-soft: #f7fafb;

      --wd-shadow: 0 18px 48px rgba(33, 66, 83, .10);

      color: var(--wd-text);

      overflow: hidden

    }

    & .wd-whitening h1,

    & .wd-whitening h2,

    & .wd-whitening h3 {

      color: var(--wd-ink);

      line-height: 1.32

    }

    & .wd-whitening h1 {

      letter-spacing: -.045em

    }

    & .wd-whitening h1 span {

      color: #a7e800

    }

    & .wd-whitening .wd-kicker {

      color: #8776ff

    }

    & .wd-whitening p {

      line-height: 1.75

    }

    & .wd-section {

      padding: 5.25rem 0

    }

    & .wd-heading-center {

      max-width: 760px;

      margin-bottom: 2.625rem

    }

    & .wd-eyebrow,

    & .wd-kicker {

      display: inline-block;

      margin-bottom: .875rem;

      font-size: .8125rem;

      font-weight: 800;

      letter-spacing: .08em;

      text-transform: uppercase

    }

    & .wd-eyebrow {

      padding: .5rem .75rem;

      color: var(--wd-purple);

      background: var(--wd-purple-soft);

      border-radius: 999px

    }

    & .wd-hero__lead {

      max-width: 590px;

      font-size: 1.1875rem

    }

    & .wd-btn {

      min-height: 52px;

      padding: 0 1.5rem;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      gap: .75rem;

      border-width: 2px;

      border-radius: 999px;

      font-weight: 800;

      transition: transform .2s,box-shadow .2s,background-color .2s,border-color .2s

    }

    & .wd-btn:hover {

      transform: translateY(-2px)

    }

    & .wd-btn--primary {

      color: #fff;

      background: var(--wd-turquoise);

      border-color: var(--wd-turquoise);

      box-shadow: rgba(19,212,212,.25) 0 12px 26px

    }

    & .wd-btn--primary:focus,

    & .wd-btn--primary:hover {

      color: #fff;

      background: #a7e800;

      border-color: #a7e800

    }

    & .wd-btn--primary span {

      display: grid;

      width: 25px;

      height: 25px;

      place-items: center;

      color: #a7e800;

      background: #fff;

      border-radius: 50%

    }

    & .wd-btn--outline {

      color: var(--wd-ink);

      background: rgba(255,255,255,.86);

      border-color: #b9d6df

    }

    & .wd-btn--outline:focus,

    & .wd-btn--outline:hover {

      color: var(--wd-purple);

      background: #fff;

      border-color: var(--wd-purple)

    }

    & .wd-hero {

      background: radial-gradient(circle at 91% 22%,rgba(19,212,212,.24),transparent 31%),linear-gradient(#fff 0,#fbfeff 100%)

    }

    & .wd-hero__visual {

      position: relative;

      height: 600px;

      min-height: 600px;

      overflow: hidden;

      border-radius: 0 0 0 70px

    }

    & .wd-hero__visual img {

      display: block;

      width: 100%;

      max-width: none;

      object-fit: cover;

      object-position: 68% center;

      border-radius: 0;

      height: 100%!important

    }

    & .wd-hero__visual::after,

    & .wd-hero__visual::before {

      position: absolute;

      content: "";

      border: 1px solid rgba(19,212,212,.42);

      border-radius: 50%

    }

    & .wd-hero__visual::before {

      width: 180px;

      height: 180px;

      left: -70px;

      top: 240px

    }

    & .wd-hero__visual::after {

      width: 260px;

      height: 260px;

      right: -100px;

      bottom: 60px

    }

    & .wd-hero__badge {

      position: absolute;

      right: 28px;

      bottom: 68px;

      z-index: 2;

      display: grid;

      width: 142px;

      height: 142px;

      place-content: center;

      text-align: center;

      color: var(--wd-ink);

      background: #fff;

      border-radius: 50%;

      box-shadow: var(--wd-shadow)

    }

    & .wd-hero__badge span {

      color: var(--wd-turquoise);

      font-size: 2.125rem

    }

    & .wd-hero__badge small {

      display: block

    }

    & .wd-proof {

      display: flex;

      align-items: center;

      gap: .5rem;

      color: var(--wd-ink);

      font-size: .875rem;

      font-weight: 700

    }

    & .wd-proof span {

      color: var(--wd-turquoise);

      font-size: 1.5rem

    }

    & .wd-benefits {

      overflow: hidden;

      background: #fff;

      border: 1px solid rgba(185,214,223,.65);

      border-radius: 22px;

      box-shadow: var(--wd-shadow)

    }

    & .wd-benefit {

      min-height: 142px;

      padding: 1.5rem .875rem;

      text-align: center;

      color: var(--wd-ink);

      border-right: 1px solid var(--wd-line)

    }

    & div.clear {

      clear: both;

      margin-bottom: 50px

    }

    & .wd-benefits .row > div:last-child .wd-benefit {

      border-right: 0px

    }

    & .wd-icon {

      display: block;

      margin-bottom: .625rem;

      color: var(--wd-turquoise);

      font-size: 2.25rem;

      line-height: 1

    }

    & .wd-benefit strong {

      font-size: .875rem;

      line-height: 1.4

    }

    & .wd-section--why {

      padding-top: 7rem

    }

    & .wd-checklist {

      display: grid;

      gap: .625rem

    }

    & .wd-checklist li {

      color: var(--wd-ink)

    }

    & .wd-checklist li::before {

      content: "âś“";

      display: grid;

      place-items: center;

      background: var(--wd-purple)

    }

    & .wd-media-card {

      overflow: hidden;

      padding: .875rem;

      background: #fff;

      border-radius: 22px;

      box-shadow: var(--wd-shadow)

    }

    & .wd-section--results {

      background: var(--wd-soft)

    }

    & .wd-result-card {

      position: relative;

      overflow: hidden;

      background: #fff;

      border-radius: 18px;

      box-shadow: var(--wd-shadow)

    }

    & .wd-result-label {

      position: absolute;

      z-index: 2;

      left: .875rem;

      top: .875rem;

      padding: .4375rem .75rem;

      color: #fff;

      background: var(--wd-purple);

      border-radius: 999px;

      font-size: .75rem;

      font-weight: 800;

      text-transform: uppercase

    }

    & .wd-note {

      font-size: .8125rem

    }

    & .wd-step {

      position: relative;

      text-align: center

    }

    & .wd-step__number {

      position: absolute;

      z-index: 3;

      left: calc(50% - 48px);

      top: -4px;

      display: grid;

      width: 46px;

      height: 46px;

      place-items: center;

      color: #fff;

      background: var(--wd-purple);

      border-radius: 50%;

      font-size: .75rem;

      font-weight: 800

    }

    & .wd-step__icon {

      display: grid;

      width: 94px;

      height: 94px;

      margin: 0 auto 1.125rem;

      place-items: center;

      color: var(--wd-turquoise);

      background: #fff;

      border: 1px solid var(--wd-line);

      border-radius: 50%;

      box-shadow: rgba(33,66,83,.07) 0 10px 26px;

      font-size: 2.375rem

    }

    & .wd-step p {

      margin-bottom: 0;

      font-size: .9375rem

    }

    & .wd-compare,

    & .wd-info-card {

      padding: 1.75rem;

      border-radius: 18px

    }

    & .wd-info-card--green {

      background: rgba(19,212,212,.1)

    }

    & .wd-info-card--red {

      background: rgba(218,255,127,.2)

    }

    & .wd-info-card__sub {

      margin-top: -.25rem;

      font-size: .75rem;

      font-weight: 800;

      text-transform: uppercase

    }

    & .wd-info-card ul {

      display: grid;

      gap: .5625rem;

      padding-left: 1.25rem

    }

    & .wd-info-card li {

      font-size: .875rem

    }

    & .wd-compare {

      background: #f2f6ff

    }

    & .wd-compare .table,

    & .wd-info-card .table {

      min-width: 450px;

      margin-bottom: 0;

      color: var(--wd-ink);

      background: rgba(255,255,255,.68);

      font-size: .95rem

    }

    & .wd-compare .table > :not(caption) > * > *,

    & .wd-info-card .table > :not(caption) > * > * {

      padding: .75rem;

      color: var(--wd-ink);

      background: rgba(255,255,255,0);

      border-color: #dfe7f4;

      vertical-align: middle

    }

    & .wd-compare .table th,

    & .wd-info-card .table th {

      font-size: .95rem;

      font-weight: 600;

      line-height: 1.45

    }

    & .wd-compare .table td,

    & .wd-info-card .table td {

      font-size: .95rem;

      line-height: 1.45

    }

    & .wd-compare .table td:last-child,

    & .wd-info-card .table td:last-child {

      color: var(--wd-purple);

      font-weight: 800;

      white-space: nowrap;

      text-align: right

    }

    & .wd-compare .table td:last-child strong,

    & .wd-info-card .table td:last-child strong {

      color: inherit;

      font-size: inherit;

      font-weight: inherit

    }

    & .wd-occasion {

      display: grid;

      min-height: 130px;

      padding: 1.375rem;

      place-content: center;

      text-align: center;

      color: var(--wd-ink);

      background: #fff;

      border: 1px solid var(--wd-line);

      border-radius: 16px;

      transition: transform .2s,box-shadow .2s

    }

    & .wd-occasion:hover {

      transform: translateY(-4px);

      box-shadow: var(--wd-shadow)

    }

    & .wd-occasion span {

      margin-bottom: .625rem;

      color: var(--wd-turquoise);

      font-size: 2.1875rem

    }

    & .wd-section--faq {

      background: radial-gradient(circle at 80% 20%,rgba(19,212,212,.12),transparent 28%),#f3fbfc

    }

    & .wd-accordion .accordion-item {

      margin-bottom: .75rem;

      overflow: hidden;

      background: #fff;

      border: 1px solid var(--wd-line);

      border-radius: 12px

    }

    & .wd-accordion .accordion-button {

      color: var(--wd-ink);

      background: #fff;

      font-weight: 800;

      box-shadow: none

    }

    & .wd-accordion .accordion-button:not(.collapsed) {

      color: var(--wd-purple);

      background: var(--wd-purple-soft)

    }

    & .wd-accordion .accordion-button:focus {

      border-color: var(--wd-purple);

      box-shadow: rgba(138,116,255,.15) 0 0 0 .25rem

    }

    & .wd-contact-card {

      overflow: hidden;

      background: #fff;

      border-radius: 18px;

      box-shadow: var(--wd-shadow)

    }

    & .wd-contact-card img {

      aspect-ratio: 16/10;

      object-fit: cover

    }

    & .wd-contact-card__body {

      padding: 1.625rem

    }

    & .wd-contact-card__body a {

      color: var(--wd-purple);

      font-weight: 800

    }

    & .wd-cta {

      background: radial-gradient(circle at 88% 40%,rgba(138,116,255,.12),transparent 25%),linear-gradient(90deg,#e9fbfc,#fff)

    }

    & .wd-cta__image {

      max-height: 410px;

      object-fit: contain;

      object-position: center bottom

    }

    @media (max-width:991.98px) {

      & .wd-hero__visual {

        min-height: 520px

      }

      & .wd-benefit {

        border-bottom: 1px solid var(--wd-line)

      }

      & .wd-benefits .row > div:nth-child(3n) .wd-benefit {

        border-right: 0px

      }

      & .wd-benefits .row > div:nth-last-child(-n+3) .wd-benefit {

        border-bottom: 0

      }

    }

    @media (max-width:767.98px) {

      & .wd-section {

        padding: 4rem 0

      }

      & .wd-whitening h1 {

        font-size: 2.7rem

      }

      & .wd-whitening h2 {

        font-size: 2.05rem

      }

      & .wd-hero__visual {

        min-height: 420px

      }

      & .wd-hero__visual img {

        border-radius: 28px

      }

      & .wd-hero__badge {

        right: 14px;

        bottom: 18px;

        width: 118px;

        height: 118px

      }

      & .wd-benefits .row > div:nth-child(3n) .wd-benefit {

        border-right: 1px solid var(--wd-line)

      }

      & .wd-benefits .row > div:nth-child(2n) .wd-benefit {

        border-right: 0px

      }

      & .wd-benefits .row > div:nth-last-child(-n+2) .wd-benefit {

        border-bottom: 0

      }

      & .wd-section--why {

        padding-top: 5.5rem

      }

    }

    @media (max-width:575.98px) {

      & .wd-whitening h1 {

        font-size: 2.25rem

      }

      & .wd-btn {

        width: 100%

      }

      & .wd-hero__visual {

        min-height: 340px

      }

      & .wd-benefit {

        border-right: 0px!important

      }

      & .wd-benefits .row > div:not(:last-child) .wd-benefit {

        border-bottom: 1px solid var(--wd-line)

      }

    }

    @media (min-width:992px) {

      & .wd-hero .wd-btn {

        white-space: nowrap;

        flex: 0 0 auto

      }

    }

    @media (max-width:991.98px) {

      & .wd-hero__visual {

        height: 520px;

        min-height: 520px;

        border-radius: 28px

      }

      & .wd-hero__visual img {

        object-position: 68% center

      }

    }

    @media (max-width:767.98px) {

      & .wd-hero__visual {

        height: 440px;

        min-height: 440px

      }

    }

    @media (max-width:575.98px) {

      & .wd-hero__visual {

        height: 360px;

        min-height: 360px

      }

    }

    @media (min-width:1200px) {

      & .display-3 {

        font-size: 2.7rem!important

      }

    }

    & .wd-contact-icon {

      display: inline-flex;

      flex: 0 0 30px;

      width: 30px;

      height: 30px;

      align-items: center;

      justify-content: center;

      margin-top: 1px;

      color: #fff;

      background: #13d4d4;

      border-radius: 50%;

      font-size: 16px;

      line-height: 1

    }

    & .wd-info-card a {

      color: #171c2a

    }

    & .wd-info-card a:hover {

      color: #8a74ff

    }

    & .wd-home-info-strip {

      background: #fff

    }

    & .wd-insurance-item {

      height: 100%;

      padding: 12px 15px;

      color: var(--wd-ink);

      background: rgba(255,255,255,.75);

      border: 1px solid var(--wd-line);

      border-radius: 12px

    }

    & .wd-insurance-item strong {

      color: var(--wd-purple)

    }

    & .wd-home-info-strip .wd-contact-icon {

      width: 42px;

      height: 42px;

      flex-basis: 42px;

      font-size: 21px

    }

    @media (max-width:767.98px) {

      & .wd-home-info-strip {

        padding-top: 20px!important;

        padding-bottom: 20px!important

      }

    }

    & .wd-checklist {

      list-style: none;

      margin: 0;

      padding: 0

    }

    & .wd-checklist li {

      position: relative;

      padding-left: 38px;

      margin-bottom: 14px;

      line-height: 1.6

    }

    & .wd-checklist li::before {

      content: "✓";

      position: absolute;

      left: 0;

      top: 2px;

      display: flex;

      align-items: center;

      justify-content: center;

      width: 24px;

      height: 24px;

      border-radius: 50%;

      background: #19d3d1;

      color: #fff;

      font-size: 14px;

      font-weight: 700

    }

    & .wd-contact-card .btn,

    & .wd-contact-card .btn-primary,

    & .wd-contact-card button[type=submit],

    & .wd-contact-card input[type=submit] {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      background: #13d4d4;

      border: 2px solid #13d4d4;

      color: #fff;

      font-size: 1rem;

      font-weight: 700;

      padding: .9rem 1.8rem;

      border-radius: 999px;

      text-decoration: none;

      transition: .25s;

      box-shadow: rgba(57,181,74,.18) 0 12px 30px

    }

    & .wd-contact-card .btn-primary:hover,

    & .wd-contact-card .btn:hover,

    & .wd-contact-card button[type=submit]:hover,

    & .wd-contact-card input[type=submit]:hover {

      background: #13d4d4;

      border-color: #13d4d4;

      color: #fff;

      transform: translateY(-2px);

      box-shadow: rgba(57,181,74,.28) 0 16px 36px

    }

    & .wd-contact-card button[type=submit]:focus,

    & .wd-contact-card input[type=submit]:focus {

      outline: 0;

      box-shadow: rgba(57,181,74,.18) 0 0 0 4px

    }

    @media (min-width:1200px) {

      & .display-6 {

        font-size: 2rem!important

      }

    }

    & p.display-6.fw-bold {

      margin-bottom: 0

    }

    & .blog-item:hover .post-featured-image img {

      transform: none

    }

    & .sta-eshop-cenik {

      --wd-green: #a1d600;

      --wd-purple: #8a74ff;

      --wd-cyan: #20c8c8;

      --wd-ink: #121827;

      --wd-muted: #637381;

      --wd-soft: #f6f7fb;

      color: var(--wd-ink)

    }

    & .sta-eshop-cenik .wd-hero {

      position: relative;

      overflow: hidden;

      background: radial-gradient(circle at 82% 20%,rgba(138,116,255,.16),transparent 30%),linear-gradient(#fff,#fbfbff)

    }

    & .sta-eshop-cenik .wd-eyebrow,

    & .sta-eshop-cenik .wd-kicker {

      display: inline-block;

      margin-bottom: 16px;

      padding: 8px 13px;

      border-radius: 999px;

      background: #f0edff;

      color: #6652df;

      font-size: .78rem;

      font-weight: 900;

      letter-spacing: .07em;

      text-transform: uppercase

    }

    & .sta-eshop-cenik h1,

    & .sta-eshop-cenik h2,

    & .sta-eshop-cenik h3 {

      letter-spacing: -.035em

    }

    & .sta-eshop-cenik h1 span {

      color: var(--wd-green)

    }

    & .sta-eshop-cenik .wd-heading-center p,

    & .sta-eshop-cenik .wd-hero__lead {

      color: var(--wd-muted);

      font-size: 1.13rem;

      line-height: 1.7

    }

    & .sta-eshop-cenik .wd-btn {

      border-radius: 13px;

      padding: 13px 20px;

      font-weight: 850;

      transition: .2s

    }

    & .sta-eshop-cenik .wd-btn:hover {

      transform: translateY(-2px)

    }

    & .sta-eshop-cenik .wd-btn--primary {

      background: var(--wd-green);

      border-color: var(--wd-green);

      color: #182000

    }

    & .sta-eshop-cenik .wd-btn--outline {

      background: #fff;

      border: 2px solid #dfe2e7;

      color: var(--wd-ink)

    }

    & .sta-eshop-cenik .wd-proof {

      color: #677480;

      font-size: .93rem

    }

    & .sta-eshop-cenik .wd-proof span {

      color: var(--wd-purple);

      font-size: 1.25rem

    }

    & .sta-eshop-cenik .wd-hero__visual {

      position: relative

    }

    & .sta-eshop-cenik .wd-hero__badge {

      position: absolute;

      right: -12px;

      bottom: -18px;

      display: grid;

      grid-template-columns: auto 1fr;

      gap: 0 10px;

      max-width: 270px;

      padding: 15px 18px;

      border-radius: 18px;

      background: #fff;

      box-shadow: rgba(35,29,76,.18) 0 18px 50px

    }

    & .sta-eshop-cenik .wd-hero__badge > span {

      grid-row: 1/3;

      align-self: center;

      display: grid;

      place-items: center;

      width: 48px;

      height: 48px;

      border-radius: 50%;

      background: var(--wd-green);

      font-weight: 900

    }

    & .sta-eshop-cenik .wd-hero__badge strong {

      font-size: .95rem

    }

    & .sta-eshop-cenik .wd-hero__badge small {

      color: var(--wd-muted);

      line-height: 1.3

    }

    & .sta-shop-browser {

      overflow: hidden;

      border: 10px solid #fff;

      border-radius: 32px;

      background: #fff;

      box-shadow: rgba(45,37,96,.18) 0 30px 80px;

      transform: rotate(1.5deg)

    }

    & .sta-shop-browser__bar {

      display: flex;

      align-items: center;

      gap: 7px;

      padding: 14px 16px;

      background: #181c2a;

      color: #fff

    }

    & .sta-shop-browser__bar i {

      width: 9px;

      height: 9px;

      border-radius: 50%;

      background: var(--wd-green)

    }

    & .sta-shop-browser__bar i:nth-child(2) {

      background: var(--wd-purple)

    }

    & .sta-shop-browser__bar i:nth-child(3) {

      background: var(--wd-cyan)

    }

    & .sta-shop-browser__bar span {

      margin-left: auto;

      font-size: .72rem;

      opacity: .65

    }

    & .sta-shop-browser__body {

      min-height: 360px;

      display: grid;

      grid-template-columns: 1.25fr 0.75fr;

      gap: 18px;

      align-items: center;

      padding: 32px;

      background: linear-gradient(145deg,#f7f9fb,#eeebff)

    }

    & .sta-shop-product {

      display: flex;

      flex-direction: column;

      gap: 8px

    }

    & .sta-shop-product > span {

      align-self: flex-start;

      padding: 5px 9px;

      border-radius: 999px;

      background: var(--wd-green);

      font-size: .68rem;

      font-weight: 900;

      text-transform: uppercase

    }

    & .sta-shop-product__image {

      display: grid;

      place-items: center;

      min-height: 150px;

      border-radius: 24px;

      background: #fff;

      color: var(--wd-purple);

      font-size: 4rem;

      box-shadow: rgba(40,34,76,.1) 0 12px 35px

    }

    & .sta-shop-product strong {

      font-size: 1.15rem

    }

    & .sta-shop-product small {

      color: var(--wd-muted)

    }

    & .sta-shop-cart {

      display: flex;

      flex-direction: column;

      gap: 12px;

      padding: 22px;

      border-radius: 22px;

      background: #fff;

      box-shadow: rgba(40,34,76,.1) 0 12px 35px

    }

    & .sta-shop-cart span {

      color: var(--wd-muted)

    }

    & .sta-shop-cart strong {

      padding: 10px;

      border-radius: 10px;

      background: var(--wd-purple);

      color: #fff;

      text-align: center

    }

    & .sta-eshop-cenik .wd-benefits {

      overflow: hidden;

      border: 1px solid #e7e9ef;

      border-radius: 22px;

      background: #fff;

      box-shadow: rgba(33,39,60,.07) 0 12px 38px

    }

    & .sta-eshop-cenik .wd-benefit {

      display: flex;

      align-items: center;

      justify-content: center;

      gap: 12px;

      padding: 20px;

      border-right: 1px solid #e7e9ef

    }

    & .sta-eshop-cenik .wd-icon {

      color: var(--wd-purple);

      font-size: 1.5rem

    }

    & .sta-eshop-cenik .wd-section {

      padding: 90px 0

    }

    & .sta-eshop-cenik .wd-section--why {

      background: #fff

    }

    & .sta-eshop-cenik .wd-section--results {

      background: var(--wd-soft)

    }

    & .sta-eshop-cenik .wd-section--advice {

      background: #fff

    }

    & .sta-eshop-cenik .wd-section--faq {

      background: linear-gradient(#f7f8fc,#fff)

    }

    & .sta-eshop-cenik .wd-heading-center {

      max-width: 760px;

      margin-bottom: 45px

    }

    & .sta-eshop-cenik .wd-occasion {

      display: flex;

      align-items: center;

      gap: 14px;

      padding: 20px;

      border: 1px solid #e6e8ee;

      border-radius: 18px;

      background: #fff;

      box-shadow: rgba(31,37,56,.06) 0 8px 25px

    }

    & .sta-eshop-cenik .wd-occasion span {

      display: grid;

      place-items: center;

      flex: 0 0 42px;

      height: 42px;

      border-radius: 50%;

      background: #f0edff;

      color: var(--wd-purple);

      font-weight: 900

    }

    & .sta-eshop-cenik .wd-compare,

    & .sta-eshop-cenik .wd-info-card {

      position: relative;

      padding: 30px;

      border: 1px solid #e2e5eb;

      border-radius: 26px;

      background: #fff;

      box-shadow: rgba(35,40,58,.08) 0 14px 42px

    }

    & .sta-eshop-cenik .wd-info-card--green {

      border-top: 5px solid var(--wd-green)

    }

    & .sta-eshop-cenik .wd-info-card--purple {

      border-top: 5px solid var(--wd-purple)

    }

    & .sta-eshop-cenik .wd-card-icon {

      display: grid;

      place-items: center;

      width: 52px;

      height: 52px;

      margin-bottom: 18px;

      border-radius: 16px;

      background: #eff5df;

      color: #4a6100;

      font-weight: 900

    }

    & .sta-eshop-cenik .wd-info-card--purple .wd-card-icon {

      background: #f0edff;

      color: var(--wd-purple)

    }

    & .sta-price-card {

      display: flex;

      flex-direction: column

    }

    & .sta-price-card > p,

    & .sta-price-card li {

      color: var(--wd-muted)

    }

    & .sta-price {

      font-size: 2.05rem;

      font-weight: 900;

      letter-spacing: -.04em;

      margin: 4px 0 18px!important;

      color: var(--wd-ink)!important

    }

    & .sta-price small {

      font-size: .85rem;

      color: var(--wd-muted)

    }

    & .sta-price-card--featured {

      transform: translateY(-10px);

      box-shadow: rgba(91,72,190,.18) 0 25px 65px!important

    }

    & .sta-ribbon {

      position: absolute;

      top: 20px;

      right: -8px;

      padding: 7px 13px;

      border-radius: 9px 0 0 9px;

      background: var(--wd-purple);

      color: #fff;

      font-size: .72rem;

      font-weight: 900;

      text-transform: uppercase

    }

    & .sta-ribbon::after {

      content: "";

      position: absolute;

      right: 0;

      bottom: -7px;

      border-width: 7px 8px 0 0;

      border-style: solid;

      border-color: #5140b4 rgba(255,255,255,0) rgba(255,255,255,0)

    }

    & .sta-eshop-cenik .wd-checklist {

      list-style: none;

      padding: 0;

      margin: 20px 0 26px

    }

    & .sta-eshop-cenik .wd-checklist li {

      position: relative;

      padding: 6px 0 6px 27px

    }

    & .sta-eshop-cenik .wd-checklist li::before {

      content: "✓";

      position: absolute;

      left: 0;

      color: var(--wd-green);

      font-weight: 950

    }

    & .sta-eshop-cenik .wd-info-card--purple .wd-checklist li::before {

      color: var(--wd-purple)

    }

    & .sta-eshop-cenik .table {

      min-width: 760px

    }

    & .sta-eshop-cenik .table th {

      padding: 18px;

      background: #171c2a;

      color: #fff;

      border: 0

    }

    & .sta-eshop-cenik .table td {

      padding: 16px 18px;

      border-color: #e6e8ee

    }

    & .sta-eshop-cenik .table tbody tr:nth-child(2n) {

      background: #f8f9fb

    }

    & .sta-eshop-cenik .table th:first-child {

      border-radius: 12px 0 0

    }

    & .sta-eshop-cenik .table th:last-child {

      border-radius: 0 12px 0 0

    }

    & .sta-compare-table td:not(:first-child),

    & .sta-compare-table th:not(:first-child) {

      text-align: center

    }

    & .sta-notes {

      display: grid;

      gap: 13px

    }

    & .sta-notes article {

      display: flex;

      gap: 18px;

      padding: 20px;

      border: 1px solid #e6e8ee;

      border-radius: 18px;

      background: #fff

    }

    & .sta-notes article > span {

      flex: 0 0 48px;

      color: var(--wd-purple);

      font-weight: 950;

      font-size: 1.25rem

    }

    & .sta-notes h3 {

      font-size: 1.05rem

    }

    & .sta-notes p {

      margin: 0;

      color: var(--wd-muted)

    }

    & .sta-eshop-cenik .wd-step {

      position: relative;

      padding: 28px;

      border: 1px solid #e4e7ec;

      border-radius: 22px;

      background: #fff

    }

    & .sta-eshop-cenik .wd-step__number {

      position: absolute;

      right: 18px;

      top: 12px;

      color: #edf0f3;

      font-size: 3rem;

      font-weight: 950

    }

    & .sta-eshop-cenik .wd-step__icon {

      display: grid;

      place-items: center;

      width: 50px;

      height: 50px;

      margin-bottom: 18px;

      border-radius: 16px;

      background: #f0edff;

      color: var(--wd-purple);

      font-size: 1.4rem

    }

    & .sta-eshop-cenik .wd-step h3 {

      font-size: 1.15rem

    }

    & .sta-eshop-cenik .wd-step p {

      margin: 0;

      color: var(--wd-muted)

    }

    & .sta-eshop-cenik .accordion-item {

      overflow: hidden;

      margin-bottom: 12px;

      border: 1px solid #e3e6eb!important;

      border-radius: 15px!important

    }

    & .sta-eshop-cenik .accordion-button {

      font-weight: 850

    }

    & .sta-eshop-cenik .accordion-button:not(.collapsed) {

      background: #f0edff;

      color: #4d3eba;

      box-shadow: none

    }

    & .sta-eshop-cenik .accordion-button:focus {

      border-color: var(--wd-purple);

      box-shadow: rgba(138,116,255,.18) 0 0 0 .2rem

    }

    & .sta-contact-simple {

      overflow: hidden;

      border: 0;

      border-radius: 25px;

      background: #171c2a;

      color: #fff;

      box-shadow: rgba(26,31,45,.2) 0 20px 55px

    }

    & .sta-contact-simple .wd-contact-card__body {

      padding: 30px

    }

    & .sta-contact-simple p {

      color: #c8ced8

    }

    & .sta-contact-simple a {

      color: var(--wd-green);

      font-weight: 850;

      text-decoration: none

    }

    & .sta-contact-simple .wd-card-icon {

      background: var(--wd-green);

      color: #182000

    }

    & .sta-eshop-cenik .wd-cta {

      overflow: hidden;

      background: linear-gradient(120deg,#171c2a,#33285d);

      color: #fff

    }

    & .sta-eshop-cenik .wd-cta p {

      color: #d4d8e2;

      font-size: 1.1rem

    }

    & .sta-cta-cart {

      position: relative;

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      width: 280px;

      height: 230px;

      margin: auto;

      border-radius: 45px;

      background: var(--wd-purple);

      transform: rotate(-5deg);

      box-shadow: rgba(0,0,0,.25) 0 22px 60px

    }

    & .sta-cta-cart::before {

      content: "";

      position: absolute;

      width: 125px;

      height: 85px;

      top: -46px;

      border-bottom: 0;

      border-radius: 70px 70px 0 0

    }

    & .sta-cta-cart span {

      display: grid;

      place-items: center;

      width: 58px;

      height: 58px;

      border-radius: 50%;

      background: var(--wd-green);

      color: #182000;

      font-size: 1.7rem;

      font-weight: 950

    }

    & .sta-cta-cart strong {

      margin-top: 16px;

      font-size: 1.5rem

    }

    & .sta-cta-cart small {

      opacity: .8

    }

    @media (max-width:991.98px) {

      & .sta-eshop-cenik .wd-section {

        padding: 65px 0

      }

      & .sta-price-card--featured {

        transform: none

      }

      & .sta-eshop-cenik .wd-benefit {

        justify-content: flex-start

      }

      & .sta-shop-browser__body {

        min-height: 310px

      }

      & .sta-eshop-cenik .wd-hero__badge {

        right: 8px

      }

    }

    @media (max-width:575.98px) {

      & .sta-eshop-cenik .wd-section {

        padding: 50px 0

      }

      & .sta-eshop-cenik .wd-benefit {

        padding: 14px 10px;

        font-size: .85rem

      }

      & .sta-eshop-cenik .wd-icon {

        font-size: 1.1rem

      }

      & .sta-shop-browser__body {

        grid-template-columns: 1fr;

        padding: 20px

      }

      & .sta-shop-cart {

        display: none

      }

      & .sta-eshop-cenik .wd-hero__badge {

        position: relative;

        right: auto;

        bottom: auto;

        margin: -12px 12px 0

      }

      & .sta-eshop-cenik .wd-compare,

      & .sta-eshop-cenik .wd-info-card {

        padding: 24px

      }

      & .sta-ribbon {

        right: 0

      }

    }

    & .wd-blog-intro {

      --blog-green: #a1d600;

      --blog-purple: #8a74ff;

      --blog-ink: #121827;

      --blog-muted: #637381;

      padding: 50px 0 36px

    }

    & .wd-blog-intro__inner {

      position: relative;

      overflow: hidden;

      margin: 0 auto;

      padding: clamp(28px,5vw,55px);

      border: 1px solid #e8e9f1;

      border-radius: 30px;

      background: radial-gradient(circle at 92% 12%,rgba(138,116,255,.16),transparent 28%),linear-gradient(135deg,#fff 0,#fbfbff 100%);

      box-shadow: rgba(37,41,61,.08) 0 18px 55px

    }

    & .wd-blog-intro__inner::after {

      content: "";

      position: absolute;

      right: -45px;

      bottom: -80px;

      width: 260px;

      height: 130px;

      border-top: 0;

      border-radius: 0 0 50% 50%;

      opacity: .12;

      transform: rotate(-8deg);

      pointer-events: none

    }

    & .wd-blog-intro__eyebrow {

      display: inline-block;

      margin-bottom: 15px;

      padding: 7px 12px;

      border-radius: 999px;

      background: #f0edff;

      color: #6652df;

      font-size: .76rem;

      font-weight: 900;

      letter-spacing: .08em;

      text-transform: uppercase

    }

    & .wd-blog-intro h1 {

      max-width: 820px;

      margin: 0 0 18px;

      color: var(--blog-ink);

      font-size: clamp(2rem, 5vw, 3.8rem);

      font-weight: 900;

      line-height: 1.06;

      letter-spacing: -.05em

    }

    & .wd-blog-intro h1 span {

      color: var(--blog-green)

    }

    & .wd-blog-intro p {

      max-width: 840px;

      margin: 0;

      color: var(--blog-muted);

      font-size: clamp(1rem, 1.5vw, 1.13rem);

      line-height: 1.7

    }

    & .wd-blog-intro__topics {

      display: flex;

      flex-wrap: wrap;

      gap: 9px;

      margin-top: 24px

    }

    & .wd-blog-intro__topics span {

      padding: 8px 13px;

      border: 1px solid #e2e4eb;

      border-radius: 999px;

      background: #fff;

      color: var(--blog-ink);

      font-size: .85rem;

      font-weight: 800

    }

    & .wd-blog-intro__topics span:nth-child(2n) {

      border-color: rgba(138,116,255,.35)

    }

    @media (max-width:575.98px) {

      & .wd-blog-intro {

        padding: 30px 0 24px

      }

      & .wd-blog-intro__inner {

        border-radius: 22px

      }

    }

    & .page-blog {

      padding: 10px 0

    }

    & .page-blog .blog-item ul.tags {

      display: flex;

      flex-wrap: wrap;

      align-items: center;

      gap: 8px;

      margin: 8px 0 18px;

      padding: 0;

      list-style: none

    }

    & .page-blog .blog-item ul.tags > li.list-inline-item {

      margin: 0;

      padding: 0

    }

    & .page-blog .blog-item ul.tags a.btn,

    & .page-blog .blog-item ul.tags a.btn-info {

      display: inline-flex;

      align-items: center;

      gap: 4px;

      min-height: 32px;

      padding: 6px 12px;

      border: 1px solid rgba(138,116,255,.28);

      border-radius: 999px;

      background: rgba(138,116,255,.1);

      color: #6652df;

      font-size: 13px;

      font-weight: 750;

      line-height: 1.25;

      text-decoration: none;

      box-shadow: none;

      transition: color .2s,background-color .2s,border-color .2s,transform .2s

    }

    & .page-blog .blog-item ul.tags a.btn::before {

      content: "#";

      color: #8a74ff;

      font-weight: 900

    }

    & .page-blog .blog-item ul.tags a.btn:focus-visible,

    & .page-blog .blog-item ul.tags a.btn:hover {

      border-color: #8a74ff;

      background: #8a74ff;

      color: #fff;

      transform: translateY(-1px)

    }

    & .page-blog .blog-item ul.tags a.btn:focus-visible::before,

    & .page-blog .blog-item ul.tags a.btn:hover::before {

      color: #fff

    }

    & .page-blog .blog-item ul.tags a.btn:focus-visible {

      outline: rgba(138,116,255,.24) solid 3px;

      outline-offset: 2px

    }

    @media (prefers-reduced-motion:reduce) {

      & .page-blog .blog-item ul.tags a.btn {

        transition: none

      }

      & .page-blog .blog-item ul.tags a.btn:focus-visible,

      & .page-blog .blog-item ul.tags a.btn:hover {

        transform: none

      }

    }

    & .btn-default {

      color: #000

    }

    @media (max-width:991.98px) {

      & .responsive-menu .slicknav_menu {

        overflow: hidden

      }

      @media (max-width:991.98px) {

        & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item,

        & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item > a.nav-link,

        & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:focus-visible,

        & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:hover {

          background: 0 0!important

        }

      }

      & .wd-social-links {

        display: flex;

        align-items: center;

        flex-wrap: wrap;

        gap: 10px;

        margin-top: 24px

      }

      & .wd-social-links a {

        display: inline-flex;

        align-items: center;

        justify-content: center;

        width: 40px;

        height: 40px;

        border: 2px solid #8a74ff;

        border-radius: 50%;

        background: #8a74ff;

        font-family: Arial,sans-serif;

        font-size: 20px;

        font-weight: 800;

        line-height: 1;

        box-shadow: rgba(138,116,255,.22) 0 8px 20px;

        transition: transform .2s,background-color .2s,border-color .2s,color .2s;

        color: #fff!important;

        text-decoration: none!important

      }

      & .wd-social-links a:focus-visible,

      & .wd-social-links a:hover {

        border-color: #a7e800;

        background: #a7e800;

        transform: translateY(-2px);

        color: #222!important

      }

      & .wd-social-links a:focus-visible {

        outline: rgba(138,116,255,.35) solid 3px;

        outline-offset: 3px

      }

      & .wd-social-links .wd-social-youtube {

        font-size: 15px;

        transform: translateX(1px)

      }

      & .wd-social-links .wd-social-linkedin {

        font-size: 15px;

        letter-spacing: -1px

      }

      & .wd-social-links .wd-social-x {

        font-size: 16px;

        font-weight: 700

      }

      @media (prefers-reduced-motion:reduce) {

        & .wd-social-links a {

          transition: none

        }

        & .wd-social-links a:hover {

          transform: none

        }

      }

      & .btn-default,

      & .image-anime,

      & .reveal {

        position: relative;

        overflow: hidden

      }

      & .page-faqs .accordion-body p,

      & .post-item-body p,

      & .slicknav_menu ul ul,

      & figure {

        margin: 0

      }

      & a,

      & a:focus,

      & a:hover {

        text-decoration: none

      }

      & body {

        font-family: var(--lbox-font-family-body);

        font-size: 16px;

        font-weight: 400;

        line-height: 1.6em;

        color: #527282;

        background-color: #fff

      }

      & .btn-default.btn-highlighted:hover,

      & .main-menu ul li a,

      & .page-header-box h1 span,

      & .post-item-footer a.read-more-btn:hover,

      & h1,

      & h2,

      & h3,

      & h4,

      & h5,

      & h6 {

        color: var(--primary-color)

      }

      & p {

        line-height: 1.8em;

        margin-bottom: 1.6em

      }

      & h1,

      & h2,

      & h3,

      & h4,

      & h5,

      & h6 {

        margin: 0;

        font-weight: 700;

        line-height: 1.2em

      }

      & img {

        max-width: 100%

      }

      & a:focus,

      & a:hover {

        outline: 0

      }

      & body,

      & html {

        width: 100%;

        overflow-x: clip

      }

      & .container {

        max-width: 1300px

      }

      & .container,

      & .container-fluid,

      & .row > * {

        padding-right: 15px;

        padding-left: 15px

      }

      & .image-anime::after {

        content: "";

        position: absolute;

        width: 200%;

        height: 0%;

        left: 50%;

        top: 50%;

        background-color: rgba(255,255,255,.3);

        transform: translate(-50%,-50%) rotate(-45deg);

        z-index: 1

      }

      & .btn-default:hover,

      & .image-anime:hover::after {

        background-color: rgba(255,255,255,0)

      }

      & .image-anime:hover::after {

        height: 250%;

        transition: .6s linear

      }

      & .reveal {

        display: inline-flex;

        visibility: hidden

      }

      & .btn-default {

        background: #a7e800;

        display: inline-block;

        line-height: 1.5em;

        font-size: 14px;

        font-weight: 600;

        padding: 14px 50px 14px 20px;

        border-radius: 99px;

        border: currentcolor;

        border-image: initial;

        transition: .5s ease-in-out;

        z-index: 1

      }

      & .reveal img {

        height: 100%;

        width: 100%;

        object-fit: cover;

        transform-origin: left center

      }

      & .row {

        margin-right: -15px;

        margin-left: -15px

      }

      & .btn-default.btn-highlighted:hover::before,

      & .main-menu ul ul,

      & .testimonial-slider .testimonial-button-next:hover,

      & .testimonial-slider .testimonial-button-prev:hover {

        background-color: var(--primary-color)

      }

      & .btn-default::before {

        content: "";

        position: absolute;

        top: 50%;

        right: 0;

        bottom: 0;

        width: 30px;

        height: 30px;

        border-radius: 50%;

        background-color: #fff;

        background-image: url("../images/arrow-blue.svg");

        background-repeat: no-repeat;

        background-position: center center;

        background-size: 10px;

        transform: translate(-10px,-50%);

        transition: .4s ease-in-out

      }

      & .btn-default:hover::before {

        transform: translate(-10px,-50%) rotate(45deg);

        background-size: 10px

      }

      & .btn-default::after {

        content: "";

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        bottom: 0;

        width: 0;

        height: 100%;

        border-radius: 99px;

        background: var(--primary-color);

        transition: .4s ease-in-out;

        z-index: -1

      }

      & .btn-default:hover::after {

        width: 100%

      }

      & .footer-links ul li:hover a,

      & .main-menu ul li a:focus,

      & .main-menu ul li a:hover,

      & .page-header-box ol .breadcrumb-item + .breadcrumb-item::before {

        color: var(--accent-color)

      }

      & .btn-default.btn-highlighted::after {

        background-color: #fff

      }

      & .preloader {

        position: fixed;

        left: 0;

        top: 0;

        right: 0;

        bottom: 0;

        z-index: 1000;

        background-color: var(--accent-color);

        display: flex;

        align-items: center;

        justify-content: center

      }

      & .slicknav_btn,

      & .slicknav_menu {

        background: var(--primary-color)

      }

      & .loading {

        height: 100px;

        position: relative;

        width: 100px;

        border-radius: 100%;

        border-width: 1px;

        border-style: solid;

        border-image: initial;

        border-color: rgba(255,255,255,0) #fff;

        animation: 1.5s linear infinite rotate-loading;

        transform-origin: 50% 50%

      }

      & header.main-header,

      & header.main-header .header-sticky.active {

        border-bottom: 1px solid rgba(14,56,76,.1)

      }

      & header.main-header {

        background-color: var(--secondary-color);

        position: relative;

        z-index: 100

      }

      & header.main-header .header-sticky {

        position: relative;

        top: 0;

        z-index: 100

      }

      & header.main-header .header-sticky.hide {

        transform: translateY(-100%);

        transition: transform .3s ease-in-out;

        border-radius: 0

      }

      & header.main-header .header-sticky.active {

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        border-radius: 0;

        transform: translateY(0);

        background: var(--secondary-color);

        backdrop-filter: blur(30px)

      }

      & .navbar {

        padding: 30px 0;

        align-items: center

      }

      & .navbar-brand {

        padding: 0;

        margin: 0

      }

      & .main-menu .nav-menu-wrapper {

        flex: 1 1 0%;

        text-align: center

      }

      & .main-menu .nav-menu-wrapper > ul {

        align-items: center;

        display: inline-flex

      }

      & .main-menu ul li {

        margin: 0 9px;

        position: relative

      }

      & .main-menu ul li a {

        font-size: 18px;

        font-weight: 500;

        transition: .3s ease-in-out;

        padding: 14px 10px!important

      }

      & .main-menu ul li.submenu > a::after {

        content: "";

        font-family: "Font Awesome 6 Free";

        font-weight: 900;

        font-size: 14px;

        margin-left: 8px

      }

      & .main-menu ul ul {

        visibility: hidden;

        opacity: 0;

        transform: scaleY(.8);

        transform-origin: center top;

        padding: 0;

        margin: 0;

        list-style: none;

        width: 240px;

        border-radius: 20px;

        position: absolute;

        left: 0;

        top: 100%;

        transition: .3s ease-in-out;

        text-align: left

      }

      & .main-menu ul li.submenu:first-child ul {

        width: 250px

      }

      & .main-menu ul ul ul {

        left: 100%;

        top: 0;

        text-align: left

      }

      & .main-menu ul li:hover > ul {

        visibility: visible;

        opacity: 1;

        transform: scaleY(1);

        padding: 5px 0

      }

      & .main-menu ul li.submenu ul li.submenu > a::after {

        content: "";

        float: right

      }

      & .main-menu ul ul li {

        margin: 0;

        padding: 0

      }

      & .main-menu ul ul li a {

        color: #fff;

        transition: .3s ease-in-out;

        padding: 8px 20px!important

      }

      & .main-menu ul ul li a:focus,

      & .main-menu ul ul li a:hover {

        color: var(--accent-color);

        background-color: rgba(255,255,255,0);

        padding: 8px 20px 8px 23px!important

      }

      & .navbar-toggle,

      & .responsive-menu {

        display: none

      }

      & .responsive-menu {

        top: 0;

        position: relative

      }

      & .slicknav_btn {

        padding: 0;

        display: flex;

        align-items: center;

        justify-content: center;

        width: 38px;

        height: 38px;

        margin: 0;

        border-radius: 8px

      }

      & .slicknav_icon .slicknav_icon-bar {

        display: block;

        height: 3px;

        width: 22px;

        background-color: #fff;

        border-radius: 6px;

        transition: .1s ease-in-out;

        margin: 4px auto!important

      }

      & .slicknav_icon .slicknav_icon-bar:first-child {

        margin-top: 0!important

      }

      & .slicknav_icon .slicknav_icon-bar:last-child {

        margin-bottom: 0!important

      }

      & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:first-child {

        transform: rotate(-45deg) translate(-5px,5px)

      }

      & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {

        opacity: 0

      }

      & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {

        transform: rotate(45deg) translate(-5px,-5px)

      }

      & .slicknav_menu {

        position: absolute;

        width: 100%;

        padding: 0

      }

      & .slicknav_menu ul {

        margin: 5px 0

      }

      & .slicknav_nav .slicknav_row,

      & .slicknav_nav li a {

        position: relative;

        font-size: 16px;

        font-weight: 500;

        padding: 10px 20px;

        color: #fff;

        line-height: normal;

        margin: 0;

        transition: .3s ease-in-out;

        border-radius: 0!important

      }

      & .slicknav_nav .slicknav_row:hover,

      & .slicknav_nav a:focus,

      & .slicknav_nav a:hover {

        background-color: rgba(255,255,255,0);

        color: var(--accent-color)

      }

      & .slicknav_menu ul ul li a {

        padding: 10px 20px 10px 30px

      }

      & .slicknav_arrow {

        font-size: 0px!important

      }

      & .slicknav_arrow::after {

        content: "";

        font-family: "Font Awesome 6 Free";

        font-weight: 900;

        font-size: 12px;

        margin-left: 8px;

        color: #fff;

        position: absolute;

        right: 15px;

        top: 15px;

        transition: .3s ease-out

      }

      & .slicknav_open > a .slicknav_arrow::after {

        transform: rotate(-180deg);

        color: var(--accent-color)

      }

      & .read-more-btn {

        position: relative;

        z-index: 1

      }

      & .error-page,

      & .page-blog,

      & .page-book-appointment,

      & .page-faqs,

      & .page-service-single,

      & .page-single-post,

      & .page-techonology {

        padding: 100px 0

      }

      & .post-item-footer a.read-more-btn::after,

      & .read-more-btn a::after {

        background-image: url("../images/arrow-white.svg");

        width: 24px;

        height: 24px

      }

      & .hero-slider-layout .swiper-pagination {

        bottom: 80px

      }

      & .hero-slider-layout .swiper-pagination .swiper-pagination-bullet {

        width: 15px;

        height: 15px;

        background: #fff;

        opacity: 1;

        transition: .3s ease-in-out;

        margin: 0 5px

      }

      & .hero-slider-layout .swiper-pagination .swiper-pagination-bullet-active,

      & .read-more-btn a::after {

        background-color: var(--accent-color)

      }

      & .footer-copyright-text p {

        margin: 0

      }

      & .post-image figure {

        display: block

      }

      & .read-more-btn a::after {

        content: "";

        position: absolute;

        top: 0;

        bottom: 0;

        right: 0;

        background-repeat: no-repeat;

        background-position: center center;

        background-size: 10px;

        border-radius: 50%;

        transition: .4s ease-in-out

      }

      & .read-more-btn a {

        font-size: 14px;

        color: var(--accent-color);

        font-weight: 600;

        transition: .5s ease-in-out;

        display: inline-block;

        position: relative;

        padding-right: 35px

      }

      & .read-more-btn a:hover::after {

        background-size: 10px;

        transform: rotate(45deg)

      }

      & .footer-links ul li:last-child {

        margin-bottom: 0

      }

      & .blog-item {

        position: relative;

        height: calc(100% - 30px);

        margin-bottom: 30px;

        z-index: 1

      }

      & .blog-item:hover .post-featured-image img {

        transform: scale(1.1)

      }

      & .footer-links h3,

      & .post-item-body h2,

      & .post-item-footer a.read-more-btn {

        font-weight: 600

      }

      & .testimonial-slider .testimonial-button-next,

      & .testimonial-slider .testimonial-button-prev {

        position: relative;

        width: 40px;

        height: 40px;

        background-color: var(--accent-color);

        border-radius: 6px;

        transition: .4s ease-in-out

      }

      & .testimonial-slider .testimonial-button-next {

        margin-left: 20px

      }

      & .testimonial-slider .testimonial-button-next::before,

      & .testimonial-slider .testimonial-button-prev::before {

        content: "";

        position: absolute;

        inset: 0px;

        background: url("../images/arrow-white.svg") center center/12px no-repeat;

        transform: rotate(45deg);

        display: flex;

        align-items: center;

        justify-content: center;

        transition: .4s ease-in-out

      }

      & .post-item-footer a.read-more-btn::after {

        background-repeat: no-repeat;

        background-position: center center;

        content: "";

        position: absolute;

        top: -2px;

        right: 0;

        bottom: 0;

        background-size: 10px;

        background-color: var(--accent-color);

        border-radius: 50%;

        transition: .4s ease-in-out

      }

      & .testimonial-slider .testimonial-button-prev::before {

        transform: rotate(225deg)

      }

      & .blog-item .post-featured-image {

        border-radius: 30px;

        overflow: hidden;

        margin-bottom: 30px

      }

      & .blog-item .post-featured-image a {

        display: block

      }

      & .blog-item .post-featured-image img {

        border-radius: 30px;

        aspect-ratio: 1/0.66;

        object-fit: cover;

        transition: .5s ease-in-out;

        max-height: 300px

      }

      & .post-item-body {

        margin-bottom: 15px

      }

      & .post-item-body h2 {

        color: var(--primary-color);

        font-size: 20px;

        line-height: 1.5em;

        margin-bottom: 20px

      }

      & .page-header-box ol li.breadcrumb-item a,

      & .post-item-body h2 a {

        color: inherit

      }

      & .post-item-footer a.read-more-btn {

        position: relative;

        color: var(--accent-color);

        font-size: 14px;

        padding-right: 35px;

        transition: .5s ease-in-out

      }

      & .post-item-footer a.read-more-btn:hover::after {

        transform: rotate(45deg);

        background-color: var(--primary-color)

      }

      & footer.main-footer {

        padding: 100px 0 0;

        background: var(--primary-color)

      }

      & .footer-links h3 {

        color: #fff;

        font-size: 20px;

        margin-bottom: 20px

      }

      & .footer-links ul {

        list-style: none;

        margin: 0;

        padding: 0

      }

      & .footer-links ul li {

        margin-bottom: 10px

      }

      & .footer-links ul li a {

        color: #fff;

        transition: .3s ease-in-out

      }

      & .footer-copyright {

        border-top: 1px solid rgba(255,255,255,.12);

        padding: 30px 0;

        text-align: center;

        margin-top: 60px

      }

      & .page-header-box h1 {

        font-size: 54px;

        font-weight: 700;

        text-align: center;

        color: var(--accent-color);

        margin-bottom: 20px

      }

      & .page-header-box ol {

        margin: 0;

        padding: 0;

        justify-content: center

      }

      & .page-header-box ol li.breadcrumb-item {

        font-size: 16px;

        font-weight: 500;

        color: var(--primary-color)

      }

      & .com-finder.finder,

      & .page-services,

      & .page-team {

        padding: 100px 0 70px

      }

      & .page-faqs .accordion-header .accordion-button {

        font-size: 20px;

        font-weight: 600;

        line-height: 1.2em;

        padding: 15px 50px 15px 20px

      }

      & .page-faqs .accordion-body {

        padding: 0 20px 20px

      }

      & .page-blog .blog-item {

        height: calc(100% - 40px);

        margin-bottom: 40px

      }

      & .post-pagination {

        margin-top: 30px;

        text-align: center

      }

      & .post-pagination ul {

        justify-content: center;

        padding: 0;

        margin: 0

      }

      & .post-pagination ul li a,

      & .post-pagination ul li span {

        display: flex;

        text-decoration: none;

        justify-content: center;

        align-items: center;

        background: var(--secondary-color);

        color: var(--primary-color);

        border-radius: 6px;

        width: 40px;

        height: 40px;

        margin: 0 5px;

        font-weight: 700;

        line-height: 1em;

        transition: .3s ease-in-out

      }

      & .post-pagination ul li a:hover,

      & .post-pagination ul li.active a {

        background: var(--accent-color);

        color: #fff

      }

      & .post-single-meta ol li.breadcrumb-item {

        font-size: 18px

      }

      & .post-single-meta ol li i {

        font-size: 18px;

        color: var(--accent-color);

        margin-right: 5px

      }

      & .post-image {

        position: relative;

        margin-bottom: 30px

      }

      & .post-image figure,

      & .post-image img {

        aspect-ratio: 1/0.5;

        object-fit: cover;

        border-radius: 40px

      }

      & .post-content {

        width: 100%;

        margin: 0 auto

      }

      & .page-team-single {

        padding: 0 0 100px

      }

      & .page-team-single .row {

        background-color: var(--primary-color);

        border-radius: 35px 30px 30px 35px

      }

      @media only screen and (max-width:1024px) {

        & .navbar {

          padding: 20px 0

        }

        & .main-menu ul li {

          margin: 0

        }

      }

      @media only screen and (max-width:991px) {

        & footer.main-footer {

          background-size: 100%;

          padding: 50px 0 0

        }

        & .navbar-toggle,

        & .responsive-menu,

        & .slicknav_nav li,

        & .slicknav_nav ul {

          display: block

        }

        & .error-page,

        & .page-blog,

        & .page-book-appointment,

        & .page-faqs,

        & .page-service-single,

        & .page-single-post,

        & .page-techonology {

          padding: 50px 0

        }

        & .hero-slider-layout .swiper-pagination {

          bottom: 40px

        }

        & .page-faqs .accordion-header .accordion-button {

          font-size: 18px

        }

        & .post-item-body h2 {

          margin-bottom: 15px

        }

        & .page-contact,

        & .page-team-single {

          padding: 50px 0 25px

        }

        & .blog-item .post-featured-image,

        & .post-image {

          margin-bottom: 20px

        }

        & .post-item-footer a.read-more-btn {

          padding-right: 30px

        }

        & .post-item-footer a.read-more-btn::after {

          top: 0;

          background-size: 8px;

          width: 20px;

          height: 20px

        }

        & .footer-copyright {

          margin-top: 40px;

          padding: 20px 0

        }

        & .page-header {

          background-size: contain;

          padding: 50px 0

        }

        & .page-header-box h1 {

          font-size: 44px;

          margin-bottom: 10px

        }

        & .page-services,

        & .page-team,

        & .page-testimonials {

          padding: 50px 0 20px

        }

        & .page-blog .blog-item {

          height: calc(100% - 30px);

          margin-bottom: 30px

        }

        & .post-pagination {

          margin-top: 10px

        }

        & .post-single-meta ol li i {

          font-size: 20px

        }

        & .page-team-single .row {

          border-radius: 40px 40px 30px 30px

        }

      }

      @media only screen and (max-width:767px) {

        & .page-header-box h1 {

          font-size: 34px

        }

        & .hero-slider-layout .swiper-pagination {

          bottom: 30px

        }

        & .post-item-body h2 {

          font-size: 18px;

          margin-bottom: 10px

        }

        & .post-single-meta ol li i {

          font-size: 18px

        }

        & .post-item-body {

          margin-bottom: 10px

        }

        & .footer-links h3 {

          margin-bottom: 15px

        }

        & .footer-copyright {

          padding: 10px 0

        }

        & .page-faqs .accordion-header .accordion-button {

          font-size: 16px;

          padding: 10px 40px 10px 10px

        }

        & .page-faqs .accordion-body {

          padding: 0 10px 10px

        }

        & .post-image figure,

        & .post-image img {

          aspect-ratio: 1/0.7

        }

      }

      & .view-article .page-header {

        padding: 0

      }

      & ul.result__taxonomy {

        font-size: .9rem;

        margin: 1rem 0;

        padding: .5rem;

        background: #eee;

        border-radius: .4rem

      }

      & .view-category.layout-blog .post-item-body h2 {

        min-height: 3em;

        display: flex;

        align-items: flex-start;

        margin-bottom: 1rem

      }

      & .page-single-post {

        padding: 50px 0

      }

      & .view-category.layout-blog .post-item-body h2 a {

        display: block;

        width: 100%

      }

      & [data-rlta-element=button] {

        margin-top: 2rem;

        display: block;

        background: 0 0!important;

        border: currentcolor!important;

        border-image: initial!important;

        padding: 0!important;

        outline: 0!important

      }

      & [data-rlta-element=button] [data-rlta-element=heading] {

        display: inline-block;

        position: relative;

        overflow: hidden;

        z-index: 1;

        font-weight: 600;

        font-size: 14px;

        line-height: 1.5em;

        color: #fff;

        padding: 14px 50px 14px 20px;

        border-radius: 99px;

        margin: 0;

        cursor: pointer;

        transition: .5s ease-in-out;

        background: var(--accent-color)

      }

      & [data-rlta-element=button] [data-rlta-element=heading]::before {

        content: "";

        position: absolute;

        top: 50%;

        right: 10px;

        width: 30px;

        height: 30px;

        border-radius: 50%;

        background-color: #fff;

        background-image: url("../images/arrow-blue.svg");

        background-repeat: no-repeat;

        background-position: center center;

        background-size: 10px;

        transform: translateY(-50%);

        transition: .4s ease-in-out;

        z-index: 2

      }

      & [data-rlta-element=button] [data-rlta-element=heading]::after {

        content: "";

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        bottom: 0;

        width: 0;

        height: 100%;

        border-radius: 99px;

        background: var(--primary-color);

        transition: .4s ease-in-out;

        z-index: -1

      }

      & [data-rlta-element=button]:hover [data-rlta-element=heading]::after {

        width: 100%

      }

      & [data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading] {

        background: var(--primary-color)

      }

      & [data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading]::before {

        transform: translateY(-50%) rotate(180deg)

      }

      & .view-category [data-rlta-element=panel] {

        height: auto;

        font-size: .9rem;

        padding: .5rem 1rem;

        background: #eee;

        border-radius: .4rem

      }

      & a {

        color: var(--primary-color);

        color: #8776ff

      }

      & footer,

      & footer a {

        color: #fff

      }

      & .btn-primary {

        background-color: var(--accent-color);

        border-color: var(--accent-color)

      }

      & .btn-primary:hover {

        background: var(--primary-color)

      }

      & .list-unstyled li.current.active a,

      & .main-menu ul li.current.active a,

      & .slicknav_nav li.current.active a {

        color: var(--accent-color)

      }

      & footer .nav {

        display: block

      }

      & .nav-item > a.btn-default {

        font-size: 14px;

        width: 160px;

        color: #fff!important;

        padding-right: 30px!important

      }

      @media (max-width:991.8px) {

        & .nav-item > a.btn-default {

          width: 100%

        }

      }

      & a:hover {

        color: #0be7e0

      }

      & .h1,

      & h1 {

        font-size: 2rem;

        padding-bottom: 15px;

        color: #8776ff

      }

      & .h2,

      & h2 {

        font-size: 1.5rem;

        padding-bottom: 15px;

        color: #333

      }

      & .h3,

      & h3 {

        font-size: 1.2rem;

        padding-bottom: 15px;

        color: #8776ff

      }

      & h3.velky {

        font-size: 1.5rem

      }

      & h2.FAQ {

        font-size: 19px;

        border-bottom: 1px solid #e8e8e8;

        margin-bottom: 20px

      }

      & h4 {

        font-size: 1.1em;

        padding-bottom: 15px

      }

      & .wf-columns .wf-column {

        max-width: 100%;

        box-sizing: border-box;

        flex: 1 1 0%

      }

      & .wf-columns-stack-large,

      & .wf-columns-stack-medium,

      & .wf-columns-stack-small,

      & .wf-columns-stack-xlarge {

        flex-wrap: wrap

      }

      & .wf-columns {

        display: flex;

        gap: 3rem!important

      }

      & .wd-whitening {

        --wd-purple: #8a74ff;

        --wd-purple-soft: #f2efff;

        --wd-turquoise: #13d4d4;

        --wd-turquoise-dark: #09bcbc;

        --wd-ink: #171c2a;

        --wd-text: #49677a;

        --wd-line: #dce8ee;

        --wd-soft: #f7fafb;

        --wd-shadow: 0 18px 48px rgba(33, 66, 83, .10);

        color: var(--wd-text);

        overflow: hidden

      }

      & .wd-whitening h1,

      & .wd-whitening h2,

      & .wd-whitening h3 {

        color: var(--wd-ink);

        line-height: 1.32

      }

      & .wd-whitening h1 {

        letter-spacing: -.045em

      }

      & .wd-whitening h1 span {

        color: #a7e800

      }

      & .wd-whitening .wd-kicker {

        color: #8776ff

      }

      & .wd-whitening p {

        line-height: 1.75

      }

      & .wd-section {

        padding: 5.25rem 0

      }

      & .wd-heading-center {

        max-width: 760px;

        margin-bottom: 2.625rem

      }

      & .wd-eyebrow,

      & .wd-kicker {

        display: inline-block;

        margin-bottom: .875rem;

        font-size: .8125rem;

        font-weight: 800;

        letter-spacing: .08em;

        text-transform: uppercase

      }

      & .wd-eyebrow {

        padding: .5rem .75rem;

        color: var(--wd-purple);

        background: var(--wd-purple-soft);

        border-radius: 999px

      }

      & .wd-hero__lead {

        max-width: 590px;

        font-size: 1.1875rem

      }

      & .wd-btn {

        min-height: 52px;

        padding: 0 1.5rem;

        display: inline-flex;

        align-items: center;

        justify-content: center;

        gap: .75rem;

        border-width: 2px;

        border-radius: 999px;

        font-weight: 800;

        transition: transform .2s,box-shadow .2s,background-color .2s,border-color .2s

      }

      & .wd-btn:hover {

        transform: translateY(-2px)

      }

      & .wd-btn--primary {

        color: #fff;

        background: var(--wd-turquoise);

        border-color: var(--wd-turquoise);

        box-shadow: rgba(19,212,212,.25) 0 12px 26px

      }

      & .wd-btn--primary:focus,

      & .wd-btn--primary:hover {

        color: #fff;

        background: #a7e800;

        border-color: #a7e800

      }

      & .wd-btn--primary span {

        display: grid;

        width: 25px;

        height: 25px;

        place-items: center;

        color: #a7e800;

        background: #fff;

        border-radius: 50%

      }

      & .wd-btn--outline {

        color: var(--wd-ink);

        background: rgba(255,255,255,.86);

        border-color: #b9d6df

      }

      & .wd-btn--outline:focus,

      & .wd-btn--outline:hover {

        color: var(--wd-purple);

        background: #fff;

        border-color: var(--wd-purple)

      }

      & .wd-hero {

        background: radial-gradient(circle at 91% 22%,rgba(19,212,212,.24),transparent 31%),linear-gradient(#fff 0,#fbfeff 100%)

      }

      & .wd-hero__visual {

        position: relative;

        height: 600px;

        min-height: 600px;

        overflow: hidden;

        border-radius: 0 0 0 70px

      }

      & .wd-hero__visual img {

        display: block;

        width: 100%;

        max-width: none;

        object-fit: cover;

        object-position: 68% center;

        border-radius: 0;

        height: 100%!important

      }

      & .wd-hero__visual::after,

      & .wd-hero__visual::before {

        position: absolute;

        content: "";

        border: 1px solid rgba(19,212,212,.42);

        border-radius: 50%

      }

      & .wd-hero__visual::before {

        width: 180px;

        height: 180px;

        left: -70px;

        top: 240px

      }

      & .wd-hero__visual::after {

        width: 260px;

        height: 260px;

        right: -100px;

        bottom: 60px

      }

      & .wd-hero__badge {

        position: absolute;

        right: 28px;

        bottom: 68px;

        z-index: 2;

        display: grid;

        width: 142px;

        height: 142px;

        place-content: center;

        text-align: center;

        color: var(--wd-ink);

        background: #fff;

        border-radius: 50%;

        box-shadow: var(--wd-shadow)

      }

      & .wd-hero__badge span {

        color: var(--wd-turquoise);

        font-size: 2.125rem

      }

      & .wd-hero__badge small {

        display: block

      }

      & .wd-proof {

        display: flex;

        align-items: center;

        gap: .5rem;

        color: var(--wd-ink);

        font-size: .875rem;

        font-weight: 700

      }

      & .wd-proof span {

        color: var(--wd-turquoise);

        font-size: 1.5rem

      }

      & .wd-benefits {

        overflow: hidden;

        background: #fff;

        border: 1px solid rgba(185,214,223,.65);

        border-radius: 22px;

        box-shadow: var(--wd-shadow)

      }

      & .wd-benefit {

        min-height: 142px;

        padding: 1.5rem .875rem;

        text-align: center;

        color: var(--wd-ink);

        border-right: 1px solid var(--wd-line)

      }

      & div.clear {

        clear: both;

        margin-bottom: 50px

      }

      & .wd-benefits .row > div:last-child .wd-benefit {

        border-right: 0px

      }

      & .wd-icon {

        display: block;

        margin-bottom: .625rem;

        color: var(--wd-turquoise);

        font-size: 2.25rem;

        line-height: 1

      }

      & .wd-benefit strong {

        font-size: .875rem;

        line-height: 1.4

      }

      & .wd-section--why {

        padding-top: 7rem

      }

      & .wd-checklist {

        display: grid;

        gap: .625rem

      }

      & .wd-checklist li {

        color: var(--wd-ink)

      }

      & .wd-checklist li::before {

        content: "âś“";

        display: grid;

        place-items: center;

        background: var(--wd-purple)

      }

      & .wd-media-card {

        overflow: hidden;

        padding: .875rem;

        background: #fff;

        border-radius: 22px;

        box-shadow: var(--wd-shadow)

      }

      & .wd-section--results {

        background: var(--wd-soft)

      }

      & .wd-result-card {

        position: relative;

        overflow: hidden;

        background: #fff;

        border-radius: 18px;

        box-shadow: var(--wd-shadow)

      }

      & .wd-result-label {

        position: absolute;

        z-index: 2;

        left: .875rem;

        top: .875rem;

        padding: .4375rem .75rem;

        color: #fff;

        background: var(--wd-purple);

        border-radius: 999px;

        font-size: .75rem;

        font-weight: 800;

        text-transform: uppercase

      }

      & .wd-note {

        font-size: .8125rem

      }

      & .wd-step {

        position: relative;

        text-align: center

      }

      & .wd-step__number {

        position: absolute;

        z-index: 3;

        left: calc(50% - 48px);

        top: -4px;

        display: grid;

        width: 46px;

        height: 46px;

        place-items: center;

        color: #fff;

        background: var(--wd-purple);

        border-radius: 50%;

        font-size: .75rem;

        font-weight: 800

      }

      & .wd-step__icon {

        display: grid;

        width: 94px;

        height: 94px;

        margin: 0 auto 1.125rem;

        place-items: center;

        color: var(--wd-turquoise);

        background: #fff;

        border: 1px solid var(--wd-line);

        border-radius: 50%;

        box-shadow: rgba(33,66,83,.07) 0 10px 26px;

        font-size: 2.375rem

      }

      & .wd-step p {

        margin-bottom: 0;

        font-size: .9375rem

      }

      & .wd-compare,

      & .wd-info-card {

        padding: 1.75rem;

        border-radius: 18px

      }

      & .wd-info-card--green {

        background: rgba(19,212,212,.1)

      }

      & .wd-info-card--red {

        background: rgba(218,255,127,.2)

      }

      & .wd-info-card__sub {

        margin-top: -.25rem;

        font-size: .75rem;

        font-weight: 800;

        text-transform: uppercase

      }

      & .wd-info-card ul {

        display: grid;

        gap: .5625rem;

        padding-left: 1.25rem

      }

      & .wd-info-card li {

        font-size: .875rem

      }

      & .wd-compare {

        background: #f2f6ff

      }

      & .wd-compare .table,

      & .wd-info-card .table {

        min-width: 450px;

        margin-bottom: 0;

        color: var(--wd-ink);

        background: rgba(255,255,255,.68);

        font-size: .95rem

      }

      & .wd-compare .table > :not(caption) > * > *,

      & .wd-info-card .table > :not(caption) > * > * {

        padding: .75rem;

        color: var(--wd-ink);

        background: rgba(255,255,255,0);

        border-color: #dfe7f4;

        vertical-align: middle

      }

      & .wd-compare .table th,

      & .wd-info-card .table th {

        font-size: .95rem;

        font-weight: 600;

        line-height: 1.45

      }

      & .wd-compare .table td,

      & .wd-info-card .table td {

        font-size: .95rem;

        line-height: 1.45

      }

      & .wd-compare .table td:last-child,

      & .wd-info-card .table td:last-child {

        color: var(--wd-purple);

        font-weight: 800;

        white-space: nowrap;

        text-align: right

      }

      & .wd-compare .table td:last-child strong,

      & .wd-info-card .table td:last-child strong {

        color: inherit;

        font-size: inherit;

        font-weight: inherit

      }

      & .wd-occasion {

        display: grid;

        min-height: 130px;

        padding: 1.375rem;

        place-content: center;

        text-align: center;

        color: var(--wd-ink);

        background: #fff;

        border: 1px solid var(--wd-line);

        border-radius: 16px;

        transition: transform .2s,box-shadow .2s

      }

      & .wd-occasion:hover {

        transform: translateY(-4px);

        box-shadow: var(--wd-shadow)

      }

      & .wd-occasion span {

        margin-bottom: .625rem;

        color: var(--wd-turquoise);

        font-size: 2.1875rem

      }

      & .wd-section--faq {

        background: radial-gradient(circle at 80% 20%,rgba(19,212,212,.12),transparent 28%),#f3fbfc

      }

      & .wd-accordion .accordion-item {

        margin-bottom: .75rem;

        overflow: hidden;

        background: #fff;

        border: 1px solid var(--wd-line);

        border-radius: 12px

      }

      & .wd-accordion .accordion-button {

        color: var(--wd-ink);

        background: #fff;

        font-weight: 800;

        box-shadow: none

      }

      & .wd-accordion .accordion-button:not(.collapsed) {

        color: var(--wd-purple);

        background: var(--wd-purple-soft)

      }

      & .wd-accordion .accordion-button:focus {

        border-color: var(--wd-purple);

        box-shadow: rgba(138,116,255,.15) 0 0 0 .25rem

      }

      & .wd-contact-card {

        overflow: hidden;

        background: #fff;

        border-radius: 18px;

        box-shadow: var(--wd-shadow)

      }

      & .wd-contact-card img {

        aspect-ratio: 16/10;

        object-fit: cover

      }

      & .wd-contact-card__body {

        padding: 1.625rem

      }

      & .wd-contact-card__body a {

        color: var(--wd-purple);

        font-weight: 800

      }

      & .wd-cta {

        background: radial-gradient(circle at 88% 40%,rgba(138,116,255,.12),transparent 25%),linear-gradient(90deg,#e9fbfc,#fff)

      }

      & .wd-cta__image {

        max-height: 410px;

        object-fit: contain;

        object-position: center bottom

      }

      @media (max-width:991.98px) {

        & .wd-hero__visual {

          min-height: 520px

        }

        & .wd-benefit {

          border-bottom: 1px solid var(--wd-line)

        }

        & .wd-benefits .row > div:nth-child(3n) .wd-benefit {

          border-right: 0px

        }

        & .wd-benefits .row > div:nth-last-child(-n+3) .wd-benefit {

          border-bottom: 0

        }

      }

      @media (max-width:767.98px) {

        & .wd-section {

          padding: 4rem 0

        }

        & .wd-whitening h1 {

          font-size: 2.7rem

        }

        & .wd-whitening h2 {

          font-size: 2.05rem

        }

        & .wd-hero__visual {

          min-height: 420px

        }

        & .wd-hero__visual img {

          border-radius: 28px

        }

        & .wd-hero__badge {

          right: 14px;

          bottom: 18px;

          width: 118px;

          height: 118px

        }

        & .wd-benefits .row > div:nth-child(3n) .wd-benefit {

          border-right: 1px solid var(--wd-line)

        }

        & .wd-benefits .row > div:nth-child(2n) .wd-benefit {

          border-right: 0px

        }

        & .wd-benefits .row > div:nth-last-child(-n+2) .wd-benefit {

          border-bottom: 0

        }

        & .wd-section--why {

          padding-top: 5.5rem

        }

      }

      @media (max-width:575.98px) {

        & .wd-whitening h1 {

          font-size: 2.25rem

        }

        & .wd-btn {

          width: 100%

        }

        & .wd-hero__visual {

          min-height: 340px

        }

        & .wd-benefit {

          border-right: 0px!important

        }

        & .wd-benefits .row > div:not(:last-child) .wd-benefit {

          border-bottom: 1px solid var(--wd-line)

        }

      }

      @media (min-width:992px) {

        & .wd-hero .wd-btn {

          white-space: nowrap;

          flex: 0 0 auto

        }

      }

      @media (max-width:991.98px) {

        & .wd-hero__visual {

          height: 520px;

          min-height: 520px;

          border-radius: 28px

        }

        & .wd-hero__visual img {

          object-position: 68% center

        }

      }

      @media (max-width:767.98px) {

        & .wd-hero__visual {

          height: 440px;

          min-height: 440px

        }

      }

      @media (max-width:575.98px) {

        & .wd-hero__visual {

          height: 360px;

          min-height: 360px

        }

      }

      @media (min-width:1200px) {

        & .display-3 {

          font-size: 2.7rem!important

        }

      }

      & .wd-contact-icon {

        display: inline-flex;

        flex: 0 0 30px;

        width: 30px;

        height: 30px;

        align-items: center;

        justify-content: center;

        margin-top: 1px;

        color: #fff;

        background: #13d4d4;

        border-radius: 50%;

        font-size: 16px;

        line-height: 1

      }

      & .wd-info-card a {

        color: #171c2a

      }

      & .wd-info-card a:hover {

        color: #8a74ff

      }

      & .wd-home-info-strip {

        background: #fff

      }

      & .wd-insurance-item {

        height: 100%;

        padding: 12px 15px;

        color: var(--wd-ink);

        background: rgba(255,255,255,.75);

        border: 1px solid var(--wd-line);

        border-radius: 12px

      }

      & .wd-insurance-item strong {

        color: var(--wd-purple)

      }

      & .wd-home-info-strip .wd-contact-icon {

        width: 42px;

        height: 42px;

        flex-basis: 42px;

        font-size: 21px

      }

      @media (max-width:767.98px) {

        & .wd-home-info-strip {

          padding-top: 20px!important;

          padding-bottom: 20px!important

        }

      }

      & .wd-checklist {

        list-style: none;

        margin: 0;

        padding: 0

      }

      & .wd-checklist li {

        position: relative;

        padding-left: 38px;

        margin-bottom: 14px;

        line-height: 1.6

      }

      & .wd-checklist li::before {

        content: "✓";

        position: absolute;

        left: 0;

        top: 2px;

        display: flex;

        align-items: center;

        justify-content: center;

        width: 24px;

        height: 24px;

        border-radius: 50%;

        background: #19d3d1;

        color: #fff;

        font-size: 14px;

        font-weight: 700

      }

      & .wd-contact-card .btn,

      & .wd-contact-card .btn-primary,

      & .wd-contact-card button[type=submit],

      & .wd-contact-card input[type=submit] {

        display: inline-flex;

        align-items: center;

        justify-content: center;

        background: #13d4d4;

        border: 2px solid #13d4d4;

        color: #fff;

        font-size: 1rem;

        font-weight: 700;

        padding: .9rem 1.8rem;

        border-radius: 999px;

        text-decoration: none;

        transition: .25s;

        box-shadow: rgba(57,181,74,.18) 0 12px 30px

      }

      & .wd-contact-card .btn-primary:hover,

      & .wd-contact-card .btn:hover,

      & .wd-contact-card button[type=submit]:hover,

      & .wd-contact-card input[type=submit]:hover {

        background: #13d4d4;

        border-color: #13d4d4;

        color: #fff;

        transform: translateY(-2px);

        box-shadow: rgba(57,181,74,.28) 0 16px 36px

      }

      & .wd-contact-card button[type=submit]:focus,

      & .wd-contact-card input[type=submit]:focus {

        outline: 0;

        box-shadow: rgba(57,181,74,.18) 0 0 0 4px

      }

      @media (min-width:1200px) {

        & .display-6 {

          font-size: 2rem!important

        }

      }

      & p.display-6.fw-bold {

        margin-bottom: 0

      }

      & .blog-item:hover .post-featured-image img {

        transform: none

      }

      & .sta-eshop-cenik {

        --wd-green: #a1d600;

        --wd-purple: #8a74ff;

        --wd-cyan: #20c8c8;

        --wd-ink: #121827;

        --wd-muted: #637381;

        --wd-soft: #f6f7fb;

        color: var(--wd-ink)

      }

      & .sta-eshop-cenik .wd-hero {

        position: relative;

        overflow: hidden;

        background: radial-gradient(circle at 82% 20%,rgba(138,116,255,.16),transparent 30%),linear-gradient(#fff,#fbfbff)

      }

      & .sta-eshop-cenik .wd-eyebrow,

      & .sta-eshop-cenik .wd-kicker {

        display: inline-block;

        margin-bottom: 16px;

        padding: 8px 13px;

        border-radius: 999px;

        background: #f0edff;

        color: #6652df;

        font-size: .78rem;

        font-weight: 900;

        letter-spacing: .07em;

        text-transform: uppercase

      }

      & .sta-eshop-cenik h1,

      & .sta-eshop-cenik h2,

      & .sta-eshop-cenik h3 {

        letter-spacing: -.035em

      }

      & .sta-eshop-cenik h1 span {

        color: var(--wd-green)

      }

      & .sta-eshop-cenik .wd-heading-center p,

      & .sta-eshop-cenik .wd-hero__lead {

        color: var(--wd-muted);

        font-size: 1.13rem;

        line-height: 1.7

      }

      & .sta-eshop-cenik .wd-btn {

        border-radius: 13px;

        padding: 13px 20px;

        font-weight: 850;

        transition: .2s

      }

      & .sta-eshop-cenik .wd-btn:hover {

        transform: translateY(-2px)

      }

      & .sta-eshop-cenik .wd-btn--primary {

        background: var(--wd-green);

        border-color: var(--wd-green);

        color: #182000

      }

      & .sta-eshop-cenik .wd-btn--outline {

        background: #fff;

        border: 2px solid #dfe2e7;

        color: var(--wd-ink)

      }

      & .sta-eshop-cenik .wd-proof {

        color: #677480;

        font-size: .93rem

      }

      & .sta-eshop-cenik .wd-proof span {

        color: var(--wd-purple);

        font-size: 1.25rem

      }

      & .sta-eshop-cenik .wd-hero__visual {

        position: relative

      }

      & .sta-eshop-cenik .wd-hero__badge {

        position: absolute;

        right: -12px;

        bottom: -18px;

        display: grid;

        grid-template-columns: auto 1fr;

        gap: 0 10px;

        max-width: 270px;

        padding: 15px 18px;

        border-radius: 18px;

        background: #fff;

        box-shadow: rgba(35,29,76,.18) 0 18px 50px

      }

      & .sta-eshop-cenik .wd-hero__badge > span {

        grid-row: 1/3;

        align-self: center;

        display: grid;

        place-items: center;

        width: 48px;

        height: 48px;

        border-radius: 50%;

        background: var(--wd-green);

        font-weight: 900

      }

      & .sta-eshop-cenik .wd-hero__badge strong {

        font-size: .95rem

      }

      & .sta-eshop-cenik .wd-hero__badge small {

        color: var(--wd-muted);

        line-height: 1.3

      }

      & .sta-shop-browser {

        overflow: hidden;

        border: 10px solid #fff;

        border-radius: 32px;

        background: #fff;

        box-shadow: rgba(45,37,96,.18) 0 30px 80px;

        transform: rotate(1.5deg)

      }

      & .sta-shop-browser__bar {

        display: flex;

        align-items: center;

        gap: 7px;

        padding: 14px 16px;

        background: #181c2a;

        color: #fff

      }

      & .sta-shop-browser__bar i {

        width: 9px;

        height: 9px;

        border-radius: 50%;

        background: var(--wd-green)

      }

      & .sta-shop-browser__bar i:nth-child(2) {

        background: var(--wd-purple)

      }

      & .sta-shop-browser__bar i:nth-child(3) {

        background: var(--wd-cyan)

      }

      & .sta-shop-browser__bar span {

        margin-left: auto;

        font-size: .72rem;

        opacity: .65

      }

      & .sta-shop-browser__body {

        min-height: 360px;

        display: grid;

        grid-template-columns: 1.25fr 0.75fr;

        gap: 18px;

        align-items: center;

        padding: 32px;

        background: linear-gradient(145deg,#f7f9fb,#eeebff)

      }

      & .sta-shop-product {

        display: flex;

        flex-direction: column;

        gap: 8px

      }

      & .sta-shop-product > span {

        align-self: flex-start;

        padding: 5px 9px;

        border-radius: 999px;

        background: var(--wd-green);

        font-size: .68rem;

        font-weight: 900;

        text-transform: uppercase

      }

      & .sta-shop-product__image {

        display: grid;

        place-items: center;

        min-height: 150px;

        border-radius: 24px;

        background: #fff;

        color: var(--wd-purple);

        font-size: 4rem;

        box-shadow: rgba(40,34,76,.1) 0 12px 35px

      }

      & .sta-shop-product strong {

        font-size: 1.15rem

      }

      & .sta-shop-product small {

        color: var(--wd-muted)

      }

      & .sta-shop-cart {

        display: flex;

        flex-direction: column;

        gap: 12px;

        padding: 22px;

        border-radius: 22px;

        background: #fff;

        box-shadow: rgba(40,34,76,.1) 0 12px 35px

      }

      & .sta-shop-cart span {

        color: var(--wd-muted)

      }

      & .sta-shop-cart strong {

        padding: 10px;

        border-radius: 10px;

        background: var(--wd-purple);

        color: #fff;

        text-align: center

      }

      & .sta-eshop-cenik .wd-benefits {

        overflow: hidden;

        border: 1px solid #e7e9ef;

        border-radius: 22px;

        background: #fff;

        box-shadow: rgba(33,39,60,.07) 0 12px 38px

      }

      & .sta-eshop-cenik .wd-benefit {

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 12px;

        padding: 20px;

        border-right: 1px solid #e7e9ef

      }

      & .sta-eshop-cenik .wd-icon {

        color: var(--wd-purple);

        font-size: 1.5rem

      }

      & .sta-eshop-cenik .wd-section {

        padding: 90px 0

      }

      & .sta-eshop-cenik .wd-section--why {

        background: #fff

      }

      & .sta-eshop-cenik .wd-section--results {

        background: var(--wd-soft)

      }

      & .sta-eshop-cenik .wd-section--advice {

        background: #fff

      }

      & .sta-eshop-cenik .wd-section--faq {

        background: linear-gradient(#f7f8fc,#fff)

      }

      & .sta-eshop-cenik .wd-heading-center {

        max-width: 760px;

        margin-bottom: 45px

      }

      & .sta-eshop-cenik .wd-occasion {

        display: flex;

        align-items: center;

        gap: 14px;

        padding: 20px;

        border: 1px solid #e6e8ee;

        border-radius: 18px;

        background: #fff;

        box-shadow: rgba(31,37,56,.06) 0 8px 25px

      }

      & .sta-eshop-cenik .wd-occasion span {

        display: grid;

        place-items: center;

        flex: 0 0 42px;

        height: 42px;

        border-radius: 50%;

        background: #f0edff;

        color: var(--wd-purple);

        font-weight: 900

      }

      & .sta-eshop-cenik .wd-compare,

      & .sta-eshop-cenik .wd-info-card {

        position: relative;

        padding: 30px;

        border: 1px solid #e2e5eb;

        border-radius: 26px;

        background: #fff;

        box-shadow: rgba(35,40,58,.08) 0 14px 42px

      }

      & .sta-eshop-cenik .wd-info-card--green {

        border-top: 5px solid var(--wd-green)

      }

      & .sta-eshop-cenik .wd-info-card--purple {

        border-top: 5px solid var(--wd-purple)

      }

      & .sta-eshop-cenik .wd-card-icon {

        display: grid;

        place-items: center;

        width: 52px;

        height: 52px;

        margin-bottom: 18px;

        border-radius: 16px;

        background: #eff5df;

        color: #4a6100;

        font-weight: 900

      }

      & .sta-eshop-cenik .wd-info-card--purple .wd-card-icon {

        background: #f0edff;

        color: var(--wd-purple)

      }

      & .sta-price-card {

        display: flex;

        flex-direction: column

      }

      & .sta-price-card > p,

      & .sta-price-card li {

        color: var(--wd-muted)

      }

      & .sta-price {

        font-size: 2.05rem;

        font-weight: 900;

        letter-spacing: -.04em;

        margin: 4px 0 18px!important;

        color: var(--wd-ink)!important

      }

      & .sta-price small {

        font-size: .85rem;

        color: var(--wd-muted)

      }

      & .sta-price-card--featured {

        transform: translateY(-10px);

        box-shadow: rgba(91,72,190,.18) 0 25px 65px!important

      }

      & .sta-ribbon {

        position: absolute;

        top: 20px;

        right: -8px;

        padding: 7px 13px;

        border-radius: 9px 0 0 9px;

        background: var(--wd-purple);

        color: #fff;

        font-size: .72rem;

        font-weight: 900;

        text-transform: uppercase

      }

      & .sta-ribbon::after {

        content: "";

        position: absolute;

        right: 0;

        bottom: -7px;

        border-width: 7px 8px 0 0;

        border-style: solid;

        border-color: #5140b4 rgba(255,255,255,0) rgba(255,255,255,0)

      }

      & .sta-eshop-cenik .wd-checklist {

        list-style: none;

        padding: 0;

        margin: 20px 0 26px

      }

      & .sta-eshop-cenik .wd-checklist li {

        position: relative;

        padding: 6px 0 6px 27px

      }

      & .sta-eshop-cenik .wd-checklist li::before {

        content: "✓";

        position: absolute;

        left: 0;

        color: var(--wd-green);

        font-weight: 950

      }

      & .sta-eshop-cenik .wd-info-card--purple .wd-checklist li::before {

        color: var(--wd-purple)

      }

      & .sta-eshop-cenik .table {

        min-width: 760px

      }

      & .sta-eshop-cenik .table th {

        padding: 18px;

        background: #171c2a;

        color: #fff;

        border: 0

      }

      & .sta-eshop-cenik .table td {

        padding: 16px 18px;

        border-color: #e6e8ee

      }

      & .sta-eshop-cenik .table tbody tr:nth-child(2n) {

        background: #f8f9fb

      }

      & .sta-eshop-cenik .table th:first-child {

        border-radius: 12px 0 0

      }

      & .sta-eshop-cenik .table th:last-child {

        border-radius: 0 12px 0 0

      }

      & .sta-compare-table td:not(:first-child),

      & .sta-compare-table th:not(:first-child) {

        text-align: center

      }

      & .sta-notes {

        display: grid;

        gap: 13px

      }

      & .sta-notes article {

        display: flex;

        gap: 18px;

        padding: 20px;

        border: 1px solid #e6e8ee;

        border-radius: 18px;

        background: #fff

      }

      & .sta-notes article > span {

        flex: 0 0 48px;

        color: var(--wd-purple);

        font-weight: 950;

        font-size: 1.25rem

      }

      & .sta-notes h3 {

        font-size: 1.05rem

      }

      & .sta-notes p {

        margin: 0;

        color: var(--wd-muted)

      }

      & .sta-eshop-cenik .wd-step {

        position: relative;

        padding: 28px;

        border: 1px solid #e4e7ec;

        border-radius: 22px;

        background: #fff

      }

      & .sta-eshop-cenik .wd-step__number {

        position: absolute;

        right: 18px;

        top: 12px;

        color: #edf0f3;

        font-size: 3rem;

        font-weight: 950

      }

      & .sta-eshop-cenik .wd-step__icon {

        display: grid;

        place-items: center;

        width: 50px;

        height: 50px;

        margin-bottom: 18px;

        border-radius: 16px;

        background: #f0edff;

        color: var(--wd-purple);

        font-size: 1.4rem

      }

      & .sta-eshop-cenik .wd-step h3 {

        font-size: 1.15rem

      }

      & .sta-eshop-cenik .wd-step p {

        margin: 0;

        color: var(--wd-muted)

      }

      & .sta-eshop-cenik .accordion-item {

        overflow: hidden;

        margin-bottom: 12px;

        border: 1px solid #e3e6eb!important;

        border-radius: 15px!important

      }

      & .sta-eshop-cenik .accordion-button {

        font-weight: 850

      }

      & .sta-eshop-cenik .accordion-button:not(.collapsed) {

        background: #f0edff;

        color: #4d3eba;

        box-shadow: none

      }

      & .sta-eshop-cenik .accordion-button:focus {

        border-color: var(--wd-purple);

        box-shadow: rgba(138,116,255,.18) 0 0 0 .2rem

      }

      & .sta-contact-simple {

        overflow: hidden;

        border: 0;

        border-radius: 25px;

        background: #171c2a;

        color: #fff;

        box-shadow: rgba(26,31,45,.2) 0 20px 55px

      }

      & .sta-contact-simple .wd-contact-card__body {

        padding: 30px

      }

      & .sta-contact-simple p {

        color: #c8ced8

      }

      & .sta-contact-simple a {

        color: var(--wd-green);

        font-weight: 850;

        text-decoration: none

      }

      & .sta-contact-simple .wd-card-icon {

        background: var(--wd-green);

        color: #182000

      }

      & .sta-eshop-cenik .wd-cta {

        overflow: hidden;

        background: linear-gradient(120deg,#171c2a,#33285d);

        color: #fff

      }

      & .sta-eshop-cenik .wd-cta p {

        color: #d4d8e2;

        font-size: 1.1rem

      }

      & .sta-cta-cart {

        position: relative;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        width: 280px;

        height: 230px;

        margin: auto;

        border-radius: 45px;

        background: var(--wd-purple);

        transform: rotate(-5deg);

        box-shadow: rgba(0,0,0,.25) 0 22px 60px

      }

      & .sta-cta-cart::before {

        content: "";

        position: absolute;

        width: 125px;

        height: 85px;

        top: -46px;

        border-bottom: 0;

        border-radius: 70px 70px 0 0

      }

      & .sta-cta-cart span {

        display: grid;

        place-items: center;

        width: 58px;

        height: 58px;

        border-radius: 50%;

        background: var(--wd-green);

        color: #182000;

        font-size: 1.7rem;

        font-weight: 950

      }

      & .sta-cta-cart strong {

        margin-top: 16px;

        font-size: 1.5rem

      }

      & .sta-cta-cart small {

        opacity: .8

      }

      @media (max-width:991.98px) {

        & .sta-eshop-cenik .wd-section {

          padding: 65px 0

        }

        & .sta-price-card--featured {

          transform: none

        }

        & .sta-eshop-cenik .wd-benefit {

          justify-content: flex-start

        }

        & .sta-shop-browser__body {

          min-height: 310px

        }

        & .sta-eshop-cenik .wd-hero__badge {

          right: 8px

        }

      }

      @media (max-width:575.98px) {

        & .sta-eshop-cenik .wd-section {

          padding: 50px 0

        }

        & .sta-eshop-cenik .wd-benefit {

          padding: 14px 10px;

          font-size: .85rem

        }

        & .sta-eshop-cenik .wd-icon {

          font-size: 1.1rem

        }

        & .sta-shop-browser__body {

          grid-template-columns: 1fr;

          padding: 20px

        }

        & .sta-shop-cart {

          display: none

        }

        & .sta-eshop-cenik .wd-hero__badge {

          position: relative;

          right: auto;

          bottom: auto;

          margin: -12px 12px 0

        }

        & .sta-eshop-cenik .wd-compare,

        & .sta-eshop-cenik .wd-info-card {

          padding: 24px

        }

        & .sta-ribbon {

          right: 0

        }

      }

      & .wd-blog-intro {

        --blog-green: #a1d600;

        --blog-purple: #8a74ff;

        --blog-ink: #121827;

        --blog-muted: #637381;

        padding: 50px 0 36px

      }

      & .wd-blog-intro__inner {

        position: relative;

        overflow: hidden;

        margin: 0 auto;

        padding: clamp(28px,5vw,55px);

        border: 1px solid #e8e9f1;

        border-radius: 30px;

        background: radial-gradient(circle at 92% 12%,rgba(138,116,255,.16),transparent 28%),linear-gradient(135deg,#fff 0,#fbfbff 100%);

        box-shadow: rgba(37,41,61,.08) 0 18px 55px

      }

      & .wd-blog-intro__inner::after {

        content: "";

        position: absolute;

        right: -45px;

        bottom: -80px;

        width: 260px;

        height: 130px;

        border-top: 0;

        border-radius: 0 0 50% 50%;

        opacity: .12;

        transform: rotate(-8deg);

        pointer-events: none

      }

      & .wd-blog-intro__eyebrow {

        display: inline-block;

        margin-bottom: 15px;

        padding: 7px 12px;

        border-radius: 999px;

        background: #f0edff;

        color: #6652df;

        font-size: .76rem;

        font-weight: 900;

        letter-spacing: .08em;

        text-transform: uppercase

      }

      & .wd-blog-intro h1 {

        max-width: 820px;

        margin: 0 0 18px;

        color: var(--blog-ink);

        font-size: clamp(2rem, 5vw, 3.8rem);

        font-weight: 900;

        line-height: 1.06;

        letter-spacing: -.05em

      }

      & .wd-blog-intro h1 span {

        color: var(--blog-green)

      }

      & .wd-blog-intro p {

        max-width: 840px;

        margin: 0;

        color: var(--blog-muted);

        font-size: clamp(1rem, 1.5vw, 1.13rem);

        line-height: 1.7

      }

      & .wd-blog-intro__topics {

        display: flex;

        flex-wrap: wrap;

        gap: 9px;

        margin-top: 24px

      }

      & .wd-blog-intro__topics span {

        padding: 8px 13px;

        border: 1px solid #e2e4eb;

        border-radius: 999px;

        background: #fff;

        color: var(--blog-ink);

        font-size: .85rem;

        font-weight: 800

      }

      & .wd-blog-intro__topics span:nth-child(2n) {

        border-color: rgba(138,116,255,.35)

      }

      @media (max-width:575.98px) {

        & .wd-blog-intro {

          padding: 30px 0 24px

        }

        & .wd-blog-intro__inner {

          border-radius: 22px

        }

      }

      & .page-blog {

        padding: 10px 0

      }

      & .page-blog .blog-item ul.tags {

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        gap: 8px;

        margin: 8px 0 18px;

        padding: 0;

        list-style: none

      }

      & .page-blog .blog-item ul.tags > li.list-inline-item {

        margin: 0;

        padding: 0

      }

      & .page-blog .blog-item ul.tags a.btn,

      & .page-blog .blog-item ul.tags a.btn-info {

        display: inline-flex;

        align-items: center;

        gap: 4px;

        min-height: 32px;

        padding: 6px 12px;

        border: 1px solid rgba(138,116,255,.28);

        border-radius: 999px;

        background: rgba(138,116,255,.1);

        color: #6652df;

        font-size: 13px;

        font-weight: 750;

        line-height: 1.25;

        text-decoration: none;

        box-shadow: none;

        transition: color .2s,background-color .2s,border-color .2s,transform .2s

      }

      & .page-blog .blog-item ul.tags a.btn::before {

        content: "#";

        color: #8a74ff;

        font-weight: 900

      }

      & .page-blog .blog-item ul.tags a.btn:focus-visible,

      & .page-blog .blog-item ul.tags a.btn:hover {

        border-color: #8a74ff;

        background: #8a74ff;

        color: #fff;

        transform: translateY(-1px)

      }

      & .page-blog .blog-item ul.tags a.btn:focus-visible::before,

      & .page-blog .blog-item ul.tags a.btn:hover::before {

        color: #fff

      }

      & .page-blog .blog-item ul.tags a.btn:focus-visible {

        outline: rgba(138,116,255,.24) solid 3px;

        outline-offset: 2px

      }

      & .btn-default {

        color: #000

      }

      @media (max-width:991.98px) {

        & .responsive-menu .slicknav_menu {

          background: rgba(255,255,255,0);

          padding: 0

        }

        & .responsive-menu .slicknav_nav {

          margin-top: 14px;

          padding: 18px;

          overflow-y: auto;

          max-height: calc(-118px + 100dvh);

          border: 1px solid rgba(138,116,255,.22);

          border-radius: 22px;

          box-shadow: rgba(29,24,47,.28) 0 22px 55px

        }

        & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

          border-bottom: 1px solid rgba(255,255,255,.075)

        }

        & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta):last-child {

          border-bottom: 0

        }

        & .responsive-menu .slicknav_nav > li > .slicknav_item,

        & .responsive-menu .slicknav_nav > li > a.nav-link {

          min-height: 48px;

          margin: 0;

          padding: 13px 10px;

          border-radius: 12px;

          font-weight: 650;

          line-height: 1.35

        }

        & .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

        & .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

        & .responsive-menu .slicknav_nav > li > a.nav-link:hover {

          background: rgba(138,116,255,.13);

          color: #fff

        }

        & .responsive-menu .slicknav_arrow {

          display: inline-grid;

          place-items: center;

          float: right;

          margin: -4px 0 -4px 12px;

          transition: transform .2s,background-color .2s

        }

        & .responsive-menu .slicknav_arrow::before {

          content: "⌄";

          font-size: 18px;

          line-height: 1;

          transform: translateY(-2px);

          content: none!important;

          display: none!important

        }

        & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

          color: #99e000;

          background: rgba(120,189,0,.12)!important;

          transform: rotate(180deg)!important

        }

        & .responsive-menu .slicknav_nav ul {

          margin: 4px 0 10px;

          padding: 8px;

          border-radius: 13px;

          background: #f7f5ff

        }

        & .responsive-menu .slicknav_nav ul a {

          padding: 10px 12px;

          border-radius: 9px;

          font-size: 14px;

          color: #3b3744

        }

        & .responsive-menu .mobile-contact-cta {

          margin: 0 0 14px;

          padding: 0 0 16px;

          border-bottom: 1px solid rgba(255,255,255,.12)

        }

        & .responsive-menu .mobile-contact-cta > a {

          display: flex;

          align-items: center;

          justify-content: space-between;

          gap: 16px;

          width: 100%;

          min-height: 52px;

          border: 0;

          font-weight: 800;

          text-decoration: none;

          box-shadow: rgba(135,214,0,.22) 0 10px 26px;

          transition: transform .2s,box-shadow .2s,filter .2s;

          border-radius: 99px;

          background: #a7e800;

          color: #000;

          box-shadow: none;

          padding: 14px 20px

        }

        & .responsive-menu .mobile-contact-cta > a:focus-visible {

          outline: rgba(138,116,255,.5) solid 3px;

          outline-offset: 3px

        }

        & .responsive-menu .slicknav_nav {

          border-color: rgba(36,34,44,.1);

          background: #fff;

          box-shadow: rgba(38,31,66,.14) 0 20px 48px

        }

        & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

          border-bottom-color: rgba(36,34,44,.09)

        }

        & .responsive-menu .slicknav_nav > li > .slicknav_item,

        & .responsive-menu .slicknav_nav > li > .slicknav_item > a.nav-link,

        & .responsive-menu .slicknav_nav > li > a.nav-link {

          color: #17151d

        }

        & .responsive-menu .slicknav_nav > li > .slicknav_item:focus-visible > a.nav-link,

        & .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

        & .responsive-menu .slicknav_nav > li > .slicknav_item:hover > a.nav-link,

        & .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

        & .responsive-menu .slicknav_nav > li > a.nav-link:hover {

          background: rgba(138,116,255,.09);

          color: #765ee8

        }

        & .responsive-menu .slicknav_nav > li.active > .slicknav_item > a,

        & .responsive-menu .slicknav_nav > li.active > a,

        & .responsive-menu .slicknav_nav > li.current > .slicknav_item > a,

        & .responsive-menu .slicknav_nav > li.current > a {

          color: #78bd00

        }

        & .responsive-menu .slicknav_nav ul a:focus-visible,

        & .responsive-menu .slicknav_nav ul a:hover {

          background: rgba(138,116,255,.11);

          color: #765ee8

        }

        & .responsive-menu .mobile-contact-cta {

          border-bottom-color: rgba(36,34,44,.11)

        }

        & .responsive-menu .mobile-contact-cta > a:focus-visible,

        & .responsive-menu .mobile-contact-cta > a:hover {

          filter: brightness(1.04);

          transform: translateY(-1px);

          box-shadow: rgba(135,214,0,.3) 0 14px 30px;

          background: #8a74ff;

          color: #fff;

          filter: none;

          box-shadow: none

        }

        & .responsive-menu .slicknav_arrow {

          position: relative!important;

          display: inline-grid!important;

          place-items: center!important;

          width: 28px!important;

          height: 28px!important;

          margin-left: 12px!important;

          border-radius: 50%!important;

          background: rgba(138,116,255,.1)!important;

          color: transparent!important;

          font-size: 0px!important;

          line-height: 0!important

        }

        & .responsive-menu .slicknav_arrow::after {

          content: "⌄"!important;

          position: static!important;

          display: block!important;

          width: auto!important;

          height: auto!important;

          background: 0 0!important;

          color: #765ee8!important;

          font-family: inherit!important;

          font-size: 18px!important;

          font-weight: 800!important;

          line-height: 1!important;

          transform: translateY(-2px)!important

        }

        & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow::after {

          color: #78bd00!important

        }

      }

      @media (prefers-reduced-motion:reduce) {

        & .page-blog .blog-item ul.tags a.btn {

          transition: none

        }

        & .page-blog .blog-item ul.tags a.btn:focus-visible,

        & .page-blog .blog-item ul.tags a.btn:hover {

          transform: none

        }

        & .responsive-menu .mobile-contact-cta > a,

        & .responsive-menu .slicknav_arrow {

          transition: none

        }

      }

      @media (max-width:991.98px) {

        & .responsive-menu .slicknav_nav > li.item-436 > a.nav-link,

        & .responsive-menu .slicknav_nav > li.item-481 > a.nav-link {

          font-weight: 400

        }

        & .responsive-menu .slicknav_arrow,

        & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

          background: 0 0!important

        }

        & .responsive-menu .body.com_content.view-category.layout-blog.itemid-480 .blog-item .post-featured-image,

        & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item,

        & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:focus-visible,

        & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:hover,

        & body.com_content.view-category.layout-blog.itemid-480 .blog-item .post-featured-image > a,

        & body.com_content.view-category.layout-blog.itemid-480 .blog-item figure.item-image {

          height: auto!important;

          max-height: none!important

        }

        & body.com_content.view-category.layout-blog.itemid-480 .blog-item figure.item-image {

          width: 100%;

          margin: 0;

          overflow: hidden

        }

        & body.com_content.view-category.layout-blog.itemid-480 .blog-item figure.item-image img {

          display: block;

          max-width: 100%;

          object-position: center center;

          width: 100%!important;

          height: auto!important;

          max-height: none!important;

          aspect-ratio: auto!important;

          object-fit: contain!important

        }

        & body.com_content.view-article.layout-blog.itemid-480 .page-single-post .post-image {

          width: 100%;

          margin: 0 0 clamp(1.5rem,4vw,3rem);

          overflow: visible

        }

        & body.com_content.view-article.layout-blog.itemid-480 .page-single-post .post-image > figure,

        & body.com_content.view-article.layout-blog.itemid-480 .page-single-post .post-image > figure.reveal {

          position: relative;

          display: block;

          float: none;

          width: 100%;

          height: auto;

          margin: 0;

          overflow: hidden;

          border-radius: clamp(.9rem,2vw,1.5rem);

          visibility: visible!important;

          opacity: 1!important;

          transform: none!important

        }

        & body.com_content.view-article.layout-blog.itemid-480 .page-single-post .post-image img {

          display: block;

          width: 100%;

          max-width: 100%;

          object-fit: contain;

          height: auto!important;

          visibility: visible!important;

          opacity: 1!important;

          transform: none!important

        }

        & body.com_content.view-article.layout-blog.itemid-480 .page-single-post .post-content img {

          max-width: 100%;

          height: auto

        }

        & body.itemid-480 .wd-blog-search {

          display: grid;

          grid-template-columns: minmax(15rem,0.8fr) minmax(20rem,1.2fr);

          align-items: center;

          gap: clamp(1.5rem,4vw,3.5rem);

          margin: clamp(2rem,4vw,3.25rem) 0 1.75rem;

          padding: clamp(1.5rem,3vw,2.5rem);

          border: 1px solid rgba(47,47,47,.08);

          border-radius: 1.5rem;

          background: linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,245,255,.96));

          box-shadow: rgba(47,47,47,.1) 0 22px 60px

        }

        & body.itemid-480 .wd-blog-search__eyebrow {

          display: block;

          margin-bottom: .45rem;

          color: #78bd00;

          font-size: .78rem;

          font-weight: 800;

          letter-spacing: .11em;

          text-transform: uppercase

        }

        & body.itemid-480 .wd-blog-search__copy h2 {

          margin: 0 0 .7rem;

          color: #2f2f2f;

          font-size: clamp(1.55rem, 2.8vw, 2.25rem);

          line-height: 1.12;

          letter-spacing: -.025em

        }

        & body.itemid-480 .wd-blog-search__copy p {

          margin: 0;

          color: #625e69;

          font-size: 1rem;

          line-height: 1.65

        }

        & body.itemid-480 .wd-blog-search__form .moduletable > h3 {

          display: none

        }

        & body.itemid-480 .wd-blog-search__form .mod-finder {

          position: relative;

          width: 100%;

          margin: 0;

          display: flex!important

        }

        & body.itemid-480 .wd-blog-search__form .mod-finder > label {

          position: absolute;

          width: 1px;

          height: 1px;

          padding: 0;

          overflow: hidden;

          clip: rect(0,0,0,0);

          white-space: nowrap;

          border: 0

        }

        & body.itemid-480 .wd-blog-search__form .awesomplete {

          display: block;

          width: 100%

        }

        & body.itemid-480 .wd-blog-search__form .awesomplete::after {

          content: "⌕";

          position: absolute;

          top: 50%;

          right: .55rem;

          display: grid;

          place-items: center;

          width: 2.8rem;

          height: 2.8rem;

          border-radius: 50%;

          background: #8467ff;

          color: #fff;

          font-size: 1.45rem;

          line-height: 1;

          transform: translateY(-50%);

          pointer-events: none

        }

        & body.itemid-480 .wd-blog-search__form input.form-control {

          width: 100%;

          min-height: 4rem;

          padding: .9rem 4.25rem .9rem 1.25rem;

          border: 2px solid rgba(255,255,255,0);

          border-radius: 999px;

          background: #fff;

          color: #2f2f2f;

          font-size: 1.05rem;

          box-shadow: rgba(47,47,47,.09) 0 10px 30px

        }

        & body.itemid-480 .wd-blog-search__form input.form-control:focus {

          border-color: #8467ff;

          outline: 0;

          box-shadow: rgba(132,103,255,.15) 0 0 0 .25rem,rgba(47,47,47,.1) 0 14px 34px

        }

        & body.itemid-480 .wd-blog-search__form .awesomplete > ul {

          z-index: 20;

          width: 100%;

          margin-top: .5rem;

          overflow: hidden;

          border: 1px solid #e4dff2;

          border-radius: 1rem;

          background: #fff;

          box-shadow: rgba(47,47,47,.13) 0 18px 45px

        }

        & body.itemid-480 .wd-blog-intro__topics {

          display: flex;

          flex-wrap: wrap;

          align-items: center;

          gap: .65rem

        }

        & body.itemid-480 .wd-blog-intro__topics > a {

          display: inline-flex;

          align-items: center;

          min-height: 2.5rem;

          padding: .55rem 1rem;

          border: 1px solid rgba(132,103,255,.28);

          border-radius: 999px;

          background: rgba(255,255,255,.78);

          color: #534b67;

          font-weight: 700;

          text-decoration: none;

          transition: background .2s,color .2s,border-color .2s,transform .2s

        }

        & body.itemid-480 .wd-blog-intro__topics > a::before {

          content: "#";

          margin-right: .2rem;

          color: #8467ff

        }

        & body.itemid-480 .wd-blog-intro__topics > a:focus-visible,

        & body.itemid-480 .wd-blog-intro__topics > a:hover {

          border-color: #8467ff;

          background: #8467ff;

          color: #fff;

          transform: translateY(-1px)

        }

        & body.itemid-480 .wd-blog-intro__topics > a:focus-visible::before,

        & body.itemid-480 .wd-blog-intro__topics > a:hover::before {

          color: #fff

        }

        @media (max-width:767.98px) {

          & body.itemid-480 .wd-blog-search {

            grid-template-columns: 1fr;

            gap: 1.25rem;

            margin-top: 1.75rem;

            padding: 1.25rem;

            border-radius: 1.25rem

          }

          & body.itemid-480 .wd-blog-search__form input.form-control {

            min-height: 3.65rem;

            font-size: 1rem

          }

          & body.itemid-480 .wd-blog-intro__topics {

            gap: .5rem

          }

          & body.itemid-480 .wd-blog-intro__topics > a {

            min-height: 2.25rem;

            padding: .45rem .8rem;

            font-size: .9rem

          }

        }

        & body.com_tags.view-tag main {

          min-height: 48vh;

          padding: clamp(3rem,7vw,6.5rem) 0;

          background: radial-gradient(circle at 12% 5%,rgba(145,230,0,.13),transparent 28rem),radial-gradient(circle at 90% 15%,rgba(132,103,255,.12),transparent 30rem),#fafafa

        }

        & body.com_tags.view-tag .com-tags-tag {

          width: min(1120px,100% - 2rem);

          margin-inline: auto

        }

        & body.com_tags.view-tag .com-tags-tag::before {

          content: "Články podle tématu";

          display: block;

          margin-bottom: clamp(1.5rem,3vw,2.5rem);

          color: #2f2f2f;

          font-size: clamp(2rem, 4vw, 3.5rem);

          font-weight: 800;

          line-height: 1.08;

          letter-spacing: -.035em

        }

        & body.com_tags.view-tag .com-tags__items > form {

          display: grid;

          grid-template-columns: minmax(0px,1fr) auto;

          align-items: center;

          gap: 1rem;

          margin: 0 0 2rem;

          padding: 1.25rem;

          border: 1px solid rgba(47,47,47,.08);

          border-radius: 1.25rem;

          background: rgba(255,255,255,.94);

          box-shadow: rgba(47,47,47,.08) 0 18px 50px

        }

        & body.com_tags.view-tag .com-tags-tags__filter {

          display: grid;

          grid-template-columns: minmax(12rem,1fr) auto auto;

          gap: .65rem

        }

        & body.com_tags.view-tag .com-tags__items input.inputbox,

        & body.com_tags.view-tag .com-tags__items select.form-select {

          min-height: 3.25rem;

          border: 1px solid #ddd9e8;

          border-radius: .9rem;

          background-color: #fff;

          box-shadow: none

        }

        & body.com_tags.view-tag .com-tags__items input.inputbox {

          width: 100%;

          padding: .75rem 1rem

        }

        & body.com_tags.view-tag .com-tags__items input.inputbox:focus,

        & body.com_tags.view-tag .com-tags__items select.form-select:focus {

          border-color: #8467ff;

          box-shadow: rgba(132,103,255,.16) 0 0 0 .2rem;

          outline: 0

        }

        & body.com_tags.view-tag .com-tags__items .btn {

          min-height: 3.25rem;

          padding: .7rem 1.1rem;

          border: 0;

          border-radius: .9rem;

          font-weight: 700

        }

        & body.com_tags.view-tag .com-tags__items .btn-primary {

          color: #242424;

          background: #91e600

        }

        & body.com_tags.view-tag .com-tags__items .btn-primary:hover {

          color: #fff;

          background: #8467ff

        }

        & body.com_tags.view-tag .com-tags__items .btn-secondary {

          color: #fff;

          background: #353535

        }

        & body.com_tags.view-tag .com-tags__items .btn-secondary:hover {

          background: #8467ff

        }

        & body.com_tags.view-tag .com-tags-tag__category {

          display: grid;

          gap: 1.25rem;

          margin: 0;

          padding: 0

        }

        & body.com_tags.view-tag .com-tags-tag__category .list-group-item {

          padding: clamp(1.5rem,3vw,2.25rem);

          overflow: hidden;

          border-width: 1px 1px 1px .35rem;

          border-style: solid;

          border-color: rgba(47,47,47,.08) rgba(47,47,47,.08) rgba(47,47,47,.08) #91e600;

          border-image: initial;

          border-radius: 1.25rem;

          background: #fff;

          box-shadow: rgba(47,47,47,.09) 0 18px 50px;

          transition: transform .2s,box-shadow .2s,border-color .2s

        }

        & body.com_tags.view-tag .com-tags-tag__category .list-group-item:hover {

          transform: translateY(-3px);

          border-left-color: #8467ff;

          box-shadow: rgba(47,47,47,.13) 0 24px 60px

        }

        & body.com_tags.view-tag .com-tags-tag__category h3 {

          margin: 0;

          font-size: clamp(1.25rem, 2.3vw, 1.75rem);

          line-height: 1.4

        }

        & body.com_tags.view-tag .com-tags-tag__category h3 a {

          display: flex;

          align-items: center;

          justify-content: space-between;

          gap: 1.5rem;

          color: #2f2f2f;

          text-decoration: none

        }

        & body.com_tags.view-tag .com-tags-tag__category h3 a::after {

          content: "↗";

          flex: 0 0 auto;

          color: #8467ff;

          font-size: 1.35em;

          font-weight: 500

        }

        & body.com_tags.view-tag .com-tags-tag__category h3 a:hover {

          color: #8467ff

        }

        @media (max-width:767.98px) {

          & body.com_tags.view-tag main {

            padding: 2.25rem 0 3.5rem

          }

          & body.com_tags.view-tag .com-tags__items > form {

            grid-template-columns: 1fr;

            padding: 1rem

          }

          & body.com_tags.view-tag .com-tags-tags__filter {

            grid-template-columns: 1fr 1fr

          }

          & body.com_tags.view-tag .com-tags-tags__filter input {

            grid-column: 1/-1

          }

          & body.com_tags.view-tag .com-tags__items .float-end {

            float: none!important;

            width: 100%

          }

          & body.com_tags.view-tag .com-tags__items select.form-select {

            width: 100%

          }

          & body.com_tags.view-tag .com-tags-tag__category h3 a {

            align-items: flex-start;

            gap: 1rem

          }

        }

        @media (max-width:991.98px) {

          & .responsive-menu .slicknav_menu {

            background: 0 0!important;

            padding: 0!important

          }

          & .responsive-menu .slicknav_nav {

            margin-top: 14px!important;

            padding: 18px!important;

            border: 1px solid rgba(36,34,44,.1)!important;

            border-radius: 22px!important;

            background: #fff!important;

            box-shadow: rgba(38,31,66,.14) 0 20px 48px!important

          }

          & .responsive-menu .slicknav_nav > li.nav-item {

            border-bottom: 1px solid rgba(36,34,44,.09)!important

          }

          & .responsive-menu .slicknav_nav > li.nav-item > a.nav-link,

          & .responsive-menu .slicknav_nav > li.slicknav_parent > .slicknav_item,

          & .responsive-menu .slicknav_nav > li.slicknav_parent > .slicknav_item > a.nav-link {

            min-height: 48px!important;

            margin: 0!important;

            padding: 13px 10px!important;

            background: 0 0!important;

            color: #17151d!important;

            font-weight: 400!important;

            line-height: 1.35!important;

            visibility: visible!important;

            opacity: 1!important

          }

          & .responsive-menu .slicknav_nav > li.active > a.nav-link,

          & .responsive-menu .slicknav_nav > li.current > a.nav-link {

            color: #78bd00!important

          }

          & .responsive-menu .slicknav_nav > li.nav-item > a.nav-link:focus-visible,

          & .responsive-menu .slicknav_nav > li.nav-item > a.nav-link:hover,

          & .responsive-menu .slicknav_nav > li.slicknav_parent > .slicknav_item:focus-visible > a.nav-link,

          & .responsive-menu .slicknav_nav > li.slicknav_parent > .slicknav_item:hover > a.nav-link {

            color: #765ee8!important

          }

          & .responsive-menu .slicknav_nav ul {

            margin: 4px 0 10px!important;

            padding: 8px!important;

            border-radius: 13px!important;

            background: #f7f5ff!important

          }

          & .responsive-menu .slicknav_nav ul a {

            padding: 10px 12px!important;

            border-radius: 9px!important;

            color: #3b3744!important;

            font-size: 14px!important

          }

          & .responsive-menu .slicknav_nav ul a:focus-visible,

          & .responsive-menu .slicknav_nav ul a:hover {

            background: rgba(138,116,255,.11)!important;

            color: #765ee8!important

          }

          & .responsive-menu .slicknav_arrow {

            display: inline-grid!important;

            place-items: center!important

          }

          & .responsive-menu .slicknav_arrow::after {

            content: "⌄"!important;

            font-family: inherit!important

          }

          & .responsive-menu .slicknav_open > .slicknav_item,

          & .responsive-menu .slicknav_open > .slicknav_item:hover {

            background: 0 0!important

          }

          & .responsive-menu .mobile-call-cta {

            display: block!important;

            margin: 0 0 14px!important;

            padding: 0 0 16px!important;

            border-bottom: 1px solid rgba(36,34,44,.11)!important;

            background: 0 0!important

          }

          & .responsive-menu .mobile-call-cta > a.mobile-call-link {

            display: flex!important;

            align-items: center!important;

            justify-content: center!important;

            gap: 12px!important;

            width: 100%!important;

            min-height: 54px!important;

            padding: 14px 20px!important;

            border: 0!important;

            border-radius: 99px!important;

            background: #8a74ff!important;

            color: #fff!important;

            font-weight: 800!important;

            line-height: 1.3!important;

            text-decoration: none!important;

            box-shadow: rgba(138,116,255,.22) 0 8px 20px!important

          }

          & .responsive-menu .mobile-call-cta > a.mobile-call-link span {

            color: #fff!important

          }

          & .responsive-menu .mobile-call-cta > a.mobile-call-link:focus-visible,

          & .responsive-menu .mobile-call-cta > a.mobile-call-link:hover {

            background: #725bdc!important;

            color: #fff!important

          }

          & .responsive-menu .mobile-contact-cta {

            display: block!important;

            margin: 14px 0 0!important;

            padding: 16px 0 0!important;

            border-top: 1px solid rgba(36,34,44,.11)!important;

            border-bottom: 0!important;

            background: 0 0!important

          }

          & .responsive-menu .mobile-contact-cta > a span {

            color: #000!important

          }

          & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

            border-bottom: 1px solid rgba(255,255,255,.075)

          }

          & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta):last-child {

            border-bottom: 0

          }

          & .responsive-menu .slicknav_nav > li > .slicknav_item,

          & .responsive-menu .slicknav_nav > li > a.nav-link {

            min-height: 48px;

            margin: 0;

            padding: 13px 10px;

            border-radius: 12px;

            font-weight: 650;

            line-height: 1.35

          }

          & .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

          & .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

          & .responsive-menu .slicknav_nav > li > a.nav-link:hover {

            background: rgba(138,116,255,.13);

            color: #fff

          }

          & .responsive-menu .slicknav_arrow::before {

            content: "⌄";

            font-size: 18px;

            line-height: 1;

            transform: translateY(-2px);

            content: none!important;

            display: none!important

          }

          & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

            color: #99e000;

            transform: rotate(180deg)!important

          }

          & .responsive-menu .mobile-contact-cta > a {

            display: flex!important;

            align-items: center!important;

            justify-content: space-between!important;

            gap: 16px!important;

            width: 100%!important;

            min-height: 52px!important;

            padding: 14px 20px!important;

            border-radius: 99px!important;

            background: #a7e800!important;

            color: #000!important;

            font-weight: 800!important;

            text-decoration: none!important;

            display: flex;

            align-items: center;

            justify-content: space-between;

            border: 0;

            box-shadow: rgba(135,214,0,.22) 0 10px 26px;

            transition: transform .2s,box-shadow .2s,filter .2s;

            box-shadow: none

          }

          & .responsive-menu .mobile-contact-cta > a:focus-visible {

            outline: rgba(138,116,255,.5) solid 3px;

            outline-offset: 3px

          }

          & .responsive-menu .slicknav_nav {

            overflow-y: auto;

            max-height: calc(-118px + 100dvh);

            box-shadow: rgba(29,24,47,.28) 0 22px 55px;

            border-color: rgba(36,34,44,.1)

          }

          & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

            border-bottom-color: rgba(36,34,44,.09)

          }

          & .responsive-menu .slicknav_nav > li > .slicknav_item,

          & .responsive-menu .slicknav_nav > li > .slicknav_item > a.nav-link,

          & .responsive-menu .slicknav_nav > li > a.nav-link {

            color: #17151d

          }

          & .responsive-menu .slicknav_nav > li > .slicknav_item:focus-visible > a.nav-link,

          & .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

          & .responsive-menu .slicknav_nav > li > .slicknav_item:hover > a.nav-link,

          & .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

          & .responsive-menu .slicknav_nav > li > a.nav-link:hover {

            background: rgba(138,116,255,.09);

            color: #765ee8

          }

          & .responsive-menu .slicknav_nav > li.active > .slicknav_item > a,

          & .responsive-menu .slicknav_nav > li.active > a,

          & .responsive-menu .slicknav_nav > li.current > .slicknav_item > a,

          & .responsive-menu .slicknav_nav > li.current > a {

            color: #78bd00

          }

          & .responsive-menu .mobile-contact-cta {

            border-bottom-color: rgba(36,34,44,.11)

          }

          & .responsive-menu .mobile-contact-cta > a:focus-visible,

          & .responsive-menu .mobile-contact-cta > a:hover {

            filter: brightness(1.04);

            transform: translateY(-1px);

            box-shadow: rgba(135,214,0,.3) 0 14px 30px;

            background: #8a74ff;

            color: #fff;

            filter: none;

            box-shadow: none

          }

          & .responsive-menu .slicknav_arrow {

            display: inline-grid;

            place-items: center;

            float: right;

            margin: -4px 0 -4px 12px;

            transition: transform .2s,background-color .2s;

            position: relative!important;

            display: inline-grid!important;

            place-items: center!important;

            width: 28px!important;

            height: 28px!important;

            margin-left: 12px!important;

            border-radius: 50%!important;

            color: transparent!important;

            font-size: 0px!important;

            line-height: 0!important

          }

          & .responsive-menu .slicknav_arrow::after {

            content: "⌄"!important;

            position: static!important;

            display: block!important;

            width: auto!important;

            height: auto!important;

            background: 0 0!important;

            color: #765ee8!important;

            font-family: inherit!important;

            font-size: 18px!important;

            font-weight: 800!important;

            line-height: 1!important;

            transform: translateY(-2px)!important

          }

          & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow::after {

            color: #78bd00!important

          }

          & .responsive-menu .slicknav_nav > li.item-436 > a.nav-link,

          & .responsive-menu .slicknav_nav > li.item-481 > a.nav-link {

            font-weight: 400

          }

          & .responsive-menu .slicknav_arrow,

          & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

            background: 0 0!important

          }

          & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item,

          & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item > a.nav-link,

          & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:focus-visible,

          & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:hover {

            background: 0 0!important

          }

        }

        & .wd-social-links {

          display: flex;

          align-items: center;

          flex-wrap: wrap;

          gap: 10px;

          margin-top: 24px

        }

        & .wd-social-links a {

          display: inline-flex;

          align-items: center;

          justify-content: center;

          width: 40px;

          height: 40px;

          border: 2px solid #8a74ff;

          border-radius: 50%;

          background: #8a74ff;

          font-family: Arial,sans-serif;

          font-size: 20px;

          font-weight: 800;

          line-height: 1;

          box-shadow: rgba(138,116,255,.22) 0 8px 20px;

          transition: transform .2s,background-color .2s,border-color .2s,color .2s;

          color: #fff!important;

          text-decoration: none!important

        }

        & .wd-social-links a:focus-visible,

        & .wd-social-links a:hover {

          border-color: #a7e800;

          background: #a7e800;

          transform: translateY(-2px);

          color: #222!important

        }

        & .wd-social-links a:focus-visible {

          outline: rgba(138,116,255,.35) solid 3px;

          outline-offset: 3px

        }

        & .wd-social-links .wd-social-youtube {

          font-size: 15px;

          transform: translateX(1px)

        }

        & .wd-social-links .wd-social-linkedin {

          font-size: 15px;

          letter-spacing: -1px

        }

        & .wd-social-links .wd-social-x {

          font-size: 16px;

          font-weight: 700

        }

        @media (prefers-reduced-motion:reduce) {

          & .responsive-menu .mobile-contact-cta>a,

          & .responsive-menu .slicknav_arrow,

          & .wd-social-links a {

            transition: none

          }

          & .wd-social-links a:hover {

            transform: none

          }

        }

        & .btn-default,

        & .image-anime,

        & .reveal {

          position: relative;

          overflow: hidden

        }

        & .page-faqs .accordion-body p,

        & .post-item-body p,

        & .slicknav_menu ul ul,

        & figure {

          margin: 0

        }

        & a,

        & a:focus,

        & a:hover {

          text-decoration: none

        }

        & body {

          font-family: var(--lbox-font-family-body);

          font-size: 16px;

          font-weight: 400;

          line-height: 1.6em;

          color: #527282;

          background-color: #fff

        }

        & .btn-default.btn-highlighted:hover,

        & .main-menu ul li a,

        & .page-header-box h1 span,

        & .post-item-footer a.read-more-btn:hover,

        & h1,

        & h2,

        & h3,

        & h4,

        & h5,

        & h6 {

          color: var(--primary-color)

        }

        & p {

          line-height: 1.8em;

          margin-bottom: 1.6em

        }

        & h1,

        & h2,

        & h3,

        & h4,

        & h5,

        & h6 {

          margin: 0;

          font-weight: 700;

          line-height: 1.2em

        }

        & img {

          max-width: 100%

        }

        & a:focus,

        & a:hover {

          outline: 0

        }

        & body,

        & html {

          width: 100%;

          overflow-x: clip

        }

        & .container {

          max-width: 1300px

        }

        & .container,

        & .container-fluid,

        & .row > * {

          padding-right: 15px;

          padding-left: 15px

        }

        & .image-anime::after {

          content: "";

          position: absolute;

          width: 200%;

          height: 0%;

          left: 50%;

          top: 50%;

          background-color: rgba(255,255,255,.3);

          transform: translate(-50%,-50%) rotate(-45deg);

          z-index: 1

        }

        & .btn-default:hover,

        & .image-anime:hover::after {

          background-color: rgba(255,255,255,0)

        }

        & .image-anime:hover::after {

          height: 250%;

          transition: .6s linear

        }

        & .reveal {

          display: inline-flex;

          visibility: hidden

        }

        & .btn-default {

          background: #a7e800;

          display: inline-block;

          line-height: 1.5em;

          font-size: 14px;

          font-weight: 600;

          padding: 14px 50px 14px 20px;

          border-radius: 99px;

          border: currentcolor;

          border-image: initial;

          transition: .5s ease-in-out;

          z-index: 1

        }

        & .reveal img {

          height: 100%;

          width: 100%;

          object-fit: cover;

          transform-origin: left center

        }

        & .row {

          margin-right: -15px;

          margin-left: -15px

        }

        & .btn-default.btn-highlighted:hover::before,

        & .main-menu ul ul,

        & .testimonial-slider .testimonial-button-next:hover,

        & .testimonial-slider .testimonial-button-prev:hover {

          background-color: var(--primary-color)

        }

        & .btn-default::before {

          content: "";

          position: absolute;

          top: 50%;

          right: 0;

          bottom: 0;

          width: 30px;

          height: 30px;

          border-radius: 50%;

          background-color: #fff;

          background-image: url("../images/arrow-blue.svg");

          background-repeat: no-repeat;

          background-position: center center;

          background-size: 10px;

          transform: translate(-10px,-50%);

          transition: .4s ease-in-out

        }

        & .btn-default:hover::before {

          transform: translate(-10px,-50%) rotate(45deg);

          background-size: 10px

        }

        & .btn-default::after {

          content: "";

          display: block;

          position: absolute;

          top: 0;

          left: 0;

          bottom: 0;

          width: 0;

          height: 100%;

          border-radius: 99px;

          background: var(--primary-color);

          transition: .4s ease-in-out;

          z-index: -1

        }

        & .btn-default:hover::after {

          width: 100%

        }

        & .footer-links ul li:hover a,

        & .main-menu ul li a:focus,

        & .main-menu ul li a:hover,

        & .page-header-box ol .breadcrumb-item + .breadcrumb-item::before {

          color: var(--accent-color)

        }

        & .btn-default.btn-highlighted::after {

          background-color: #fff

        }

        & .preloader {

          position: fixed;

          left: 0;

          top: 0;

          right: 0;

          bottom: 0;

          z-index: 1000;

          background-color: var(--accent-color);

          display: flex;

          align-items: center;

          justify-content: center

        }

        & .slicknav_btn,

        & .slicknav_menu {

          background: var(--primary-color)

        }

        & .loading {

          height: 100px;

          position: relative;

          width: 100px;

          border-radius: 100%;

          border-width: 1px;

          border-style: solid;

          border-image: initial;

          border-color: rgba(255,255,255,0) #fff;

          animation: 1.5s linear infinite rotate-loading;

          transform-origin: 50% 50%

        }

        & header.main-header,

        & header.main-header .header-sticky.active {

          border-bottom: 1px solid rgba(14,56,76,.1)

        }

        & header.main-header {

          background-color: var(--secondary-color);

          position: relative;

          z-index: 100

        }

        & header.main-header .header-sticky {

          position: relative;

          top: 0;

          z-index: 100

        }

        & header.main-header .header-sticky.hide {

          transform: translateY(-100%);

          transition: transform .3s ease-in-out;

          border-radius: 0

        }

        & header.main-header .header-sticky.active {

          position: fixed;

          top: 0;

          left: 0;

          right: 0;

          border-radius: 0;

          transform: translateY(0);

          background: var(--secondary-color);

          backdrop-filter: blur(30px)

        }

        & .navbar {

          padding: 30px 0;

          align-items: center

        }

        & .navbar-brand {

          padding: 0;

          margin: 0

        }

        & .main-menu .nav-menu-wrapper {

          flex: 1 1 0%;

          text-align: center

        }

        & .main-menu .nav-menu-wrapper > ul {

          align-items: center;

          display: inline-flex

        }

        & .main-menu ul li {

          margin: 0 9px;

          position: relative

        }

        & .main-menu ul li a {

          font-size: 18px;

          font-weight: 500;

          transition: .3s ease-in-out;

          padding: 14px 10px!important

        }

        & .main-menu ul li.submenu > a::after {

          content: "";

          font-family: "Font Awesome 6 Free";

          font-weight: 900;

          font-size: 14px;

          margin-left: 8px

        }

        & .main-menu ul ul {

          visibility: hidden;

          opacity: 0;

          transform: scaleY(.8);

          transform-origin: center top;

          padding: 0;

          margin: 0;

          list-style: none;

          width: 240px;

          border-radius: 20px;

          position: absolute;

          left: 0;

          top: 100%;

          transition: .3s ease-in-out;

          text-align: left

        }

        & .main-menu ul li.submenu:first-child ul {

          width: 250px

        }

        & .main-menu ul ul ul {

          left: 100%;

          top: 0;

          text-align: left

        }

        & .main-menu ul li:hover > ul {

          visibility: visible;

          opacity: 1;

          transform: scaleY(1);

          padding: 5px 0

        }

        & .main-menu ul li.submenu ul li.submenu > a::after {

          content: "";

          float: right

        }

        & .main-menu ul ul li {

          margin: 0;

          padding: 0

        }

        & .main-menu ul ul li a {

          color: #fff;

          transition: .3s ease-in-out;

          padding: 8px 20px!important

        }

        & .main-menu ul ul li a:focus,

        & .main-menu ul ul li a:hover {

          color: var(--accent-color);

          background-color: rgba(255,255,255,0);

          padding: 8px 20px 8px 23px!important

        }

        & .navbar-toggle,

        & .responsive-menu {

          display: none

        }

        & .responsive-menu {

          top: 0;

          position: relative

        }

        & .slicknav_btn {

          padding: 0;

          display: flex;

          align-items: center;

          justify-content: center;

          width: 38px;

          height: 38px;

          margin: 0;

          border-radius: 8px

        }

        & .slicknav_icon .slicknav_icon-bar {

          display: block;

          height: 3px;

          width: 22px;

          background-color: #fff;

          border-radius: 6px;

          transition: .1s ease-in-out;

          margin: 4px auto!important

        }

        & .slicknav_icon .slicknav_icon-bar:first-child {

          margin-top: 0!important

        }

        & .slicknav_icon .slicknav_icon-bar:last-child {

          margin-bottom: 0!important

        }

        & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:first-child {

          transform: rotate(-45deg) translate(-5px,5px)

        }

        & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {

          opacity: 0

        }

        & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {

          transform: rotate(45deg) translate(-5px,-5px)

        }

        & .slicknav_menu {

          position: absolute;

          width: 100%;

          padding: 0

        }

        & .slicknav_menu ul {

          margin: 5px 0

        }

        & .slicknav_nav .slicknav_row,

        & .slicknav_nav li a {

          position: relative;

          font-size: 16px;

          font-weight: 500;

          padding: 10px 20px;

          color: #fff;

          line-height: normal;

          margin: 0;

          transition: .3s ease-in-out;

          border-radius: 0!important

        }

        & .slicknav_nav .slicknav_row:hover,

        & .slicknav_nav a:focus,

        & .slicknav_nav a:hover {

          background-color: rgba(255,255,255,0);

          color: var(--accent-color)

        }

        & .slicknav_menu ul ul li a {

          padding: 10px 20px 10px 30px

        }

        & .slicknav_arrow {

          font-size: 0px!important

        }

        & .slicknav_arrow::after {

          content: "";

          font-family: "Font Awesome 6 Free";

          font-weight: 900;

          font-size: 12px;

          margin-left: 8px;

          color: #fff;

          position: absolute;

          right: 15px;

          top: 15px;

          transition: .3s ease-out

        }

        & .slicknav_open > a .slicknav_arrow::after {

          transform: rotate(-180deg);

          color: var(--accent-color)

        }

        & .read-more-btn {

          position: relative;

          z-index: 1

        }

        & .error-page,

        & .page-blog,

        & .page-book-appointment,

        & .page-faqs,

        & .page-service-single,

        & .page-single-post,

        & .page-techonology {

          padding: 100px 0

        }

        & .post-item-footer a.read-more-btn::after,

        & .read-more-btn a::after {

          background-image: url("../images/arrow-white.svg");

          width: 24px;

          height: 24px

        }

        & .hero-slider-layout .swiper-pagination {

          bottom: 80px

        }

        & .hero-slider-layout .swiper-pagination .swiper-pagination-bullet {

          width: 15px;

          height: 15px;

          background: #fff;

          opacity: 1;

          transition: .3s ease-in-out;

          margin: 0 5px

        }

        & .hero-slider-layout .swiper-pagination .swiper-pagination-bullet-active,

        & .read-more-btn a::after {

          background-color: var(--accent-color)

        }

        & .footer-copyright-text p {

          margin: 0

        }

        & .post-image figure {

          display: block

        }

        & .read-more-btn a::after {

          content: "";

          position: absolute;

          top: 0;

          bottom: 0;

          right: 0;

          background-repeat: no-repeat;

          background-position: center center;

          background-size: 10px;

          border-radius: 50%;

          transition: .4s ease-in-out

        }

        & .read-more-btn a {

          font-size: 14px;

          color: var(--accent-color);

          font-weight: 600;

          transition: .5s ease-in-out;

          display: inline-block;

          position: relative;

          padding-right: 35px

        }

        & .read-more-btn a:hover::after {

          background-size: 10px;

          transform: rotate(45deg)

        }

        & .footer-links ul li:last-child {

          margin-bottom: 0

        }

        & .blog-item {

          position: relative;

          height: calc(100% - 30px);

          margin-bottom: 30px;

          z-index: 1

        }

        & .blog-item:hover .post-featured-image img {

          transform: scale(1.1)

        }

        & .footer-links h3,

        & .post-item-body h2,

        & .post-item-footer a.read-more-btn {

          font-weight: 600

        }

        & .testimonial-slider .testimonial-button-next,

        & .testimonial-slider .testimonial-button-prev {

          position: relative;

          width: 40px;

          height: 40px;

          background-color: var(--accent-color);

          border-radius: 6px;

          transition: .4s ease-in-out

        }

        & .testimonial-slider .testimonial-button-next {

          margin-left: 20px

        }

        & .testimonial-slider .testimonial-button-next::before,

        & .testimonial-slider .testimonial-button-prev::before {

          content: "";

          position: absolute;

          inset: 0px;

          background: url("../images/arrow-white.svg") center center/12px no-repeat;

          transform: rotate(45deg);

          display: flex;

          align-items: center;

          justify-content: center;

          transition: .4s ease-in-out

        }

        & .post-item-footer a.read-more-btn::after {

          background-repeat: no-repeat;

          background-position: center center;

          content: "";

          position: absolute;

          top: -2px;

          right: 0;

          bottom: 0;

          background-size: 10px;

          background-color: var(--accent-color);

          border-radius: 50%;

          transition: .4s ease-in-out

        }

        & .testimonial-slider .testimonial-button-prev::before {

          transform: rotate(225deg)

        }

        & .blog-item .post-featured-image {

          border-radius: 30px;

          overflow: hidden;

          margin-bottom: 30px

        }

        & .blog-item .post-featured-image a {

          display: block

        }

        & .blog-item .post-featured-image img {

          border-radius: 30px;

          aspect-ratio: 1/0.66;

          object-fit: cover;

          transition: .5s ease-in-out;

          max-height: 300px

        }

        & .post-item-body {

          margin-bottom: 15px

        }

        & .post-item-body h2 {

          color: var(--primary-color);

          font-size: 20px;

          line-height: 1.5em;

          margin-bottom: 20px

        }

        & .page-header-box ol li.breadcrumb-item a,

        & .post-item-body h2 a {

          color: inherit

        }

        & .post-item-footer a.read-more-btn {

          position: relative;

          color: var(--accent-color);

          font-size: 14px;

          padding-right: 35px;

          transition: .5s ease-in-out

        }

        & .post-item-footer a.read-more-btn:hover::after {

          transform: rotate(45deg);

          background-color: var(--primary-color)

        }

        & footer.main-footer {

          padding: 100px 0 0;

          background: var(--primary-color)

        }

        & .footer-links h3 {

          color: #fff;

          font-size: 20px;

          margin-bottom: 20px

        }

        & .footer-links ul {

          list-style: none;

          margin: 0;

          padding: 0

        }

        & .footer-links ul li {

          margin-bottom: 10px

        }

        & .footer-links ul li a {

          color: #fff;

          transition: .3s ease-in-out

        }

        & .footer-copyright {

          border-top: 1px solid rgba(255,255,255,.12);

          padding: 30px 0;

          text-align: center;

          margin-top: 60px

        }

        & .page-header-box h1 {

          font-size: 54px;

          font-weight: 700;

          text-align: center;

          color: var(--accent-color);

          margin-bottom: 20px

        }

        & .page-header-box ol {

          margin: 0;

          padding: 0;

          justify-content: center

        }

        & .page-header-box ol li.breadcrumb-item {

          font-size: 16px;

          font-weight: 500;

          color: var(--primary-color)

        }

        & .com-finder.finder,

        & .page-services,

        & .page-team {

          padding: 100px 0 70px

        }

        & .page-faqs .accordion-header .accordion-button {

          font-size: 20px;

          font-weight: 600;

          line-height: 1.2em;

          padding: 15px 50px 15px 20px

        }

        & .page-faqs .accordion-body {

          padding: 0 20px 20px

        }

        & .page-blog .blog-item {

          height: calc(100% - 40px);

          margin-bottom: 40px

        }

        & .post-pagination {

          margin-top: 30px;

          text-align: center

        }

        & .post-pagination ul {

          justify-content: center;

          padding: 0;

          margin: 0

        }

        & .post-pagination ul li a,

        & .post-pagination ul li span {

          display: flex;

          text-decoration: none;

          justify-content: center;

          align-items: center;

          background: var(--secondary-color);

          color: var(--primary-color);

          border-radius: 6px;

          width: 40px;

          height: 40px;

          margin: 0 5px;

          font-weight: 700;

          line-height: 1em;

          transition: .3s ease-in-out

        }

        & .post-pagination ul li a:hover,

        & .post-pagination ul li.active a {

          background: var(--accent-color);

          color: #fff

        }

        & .post-single-meta ol li.breadcrumb-item {

          font-size: 18px

        }

        & .post-single-meta ol li i {

          font-size: 18px;

          color: var(--accent-color);

          margin-right: 5px

        }

        & .post-image {

          position: relative;

          margin-bottom: 30px

        }

        & .post-image figure,

        & .post-image img {

          aspect-ratio: 1/0.5;

          object-fit: cover;

          border-radius: 40px

        }

        & .post-content {

          width: 100%;

          margin: 0 auto

        }

        & .page-team-single {

          padding: 0 0 100px

        }

        & .page-team-single .row {

          background-color: var(--primary-color);

          border-radius: 35px 30px 30px 35px

        }

        @media only screen and (max-width:1024px) {

          & .navbar {

            padding: 20px 0

          }

          & .main-menu ul li {

            margin: 0

          }

        }

        @media only screen and (max-width:991px) {

          & footer.main-footer {

            background-size: 100%;

            padding: 50px 0 0

          }

          & .navbar-toggle,

          & .responsive-menu,

          & .slicknav_nav li,

          & .slicknav_nav ul {

            display: block

          }

          & .error-page,

          & .page-blog,

          & .page-book-appointment,

          & .page-faqs,

          & .page-service-single,

          & .page-single-post,

          & .page-techonology {

            padding: 50px 0

          }

          & .hero-slider-layout .swiper-pagination {

            bottom: 40px

          }

          & .page-faqs .accordion-header .accordion-button {

            font-size: 18px

          }

          & .post-item-body h2 {

            margin-bottom: 15px

          }

          & .page-contact,

          & .page-team-single {

            padding: 50px 0 25px

          }

          & .blog-item .post-featured-image,

          & .post-image {

            margin-bottom: 20px

          }

          & .post-item-footer a.read-more-btn {

            padding-right: 30px

          }

          & .post-item-footer a.read-more-btn::after {

            top: 0;

            background-size: 8px;

            width: 20px;

            height: 20px

          }

          & .footer-copyright {

            margin-top: 40px;

            padding: 20px 0

          }

          & .page-header {

            background-size: contain;

            padding: 50px 0

          }

          & .page-header-box h1 {

            font-size: 44px;

            margin-bottom: 10px

          }

          & .page-services,

          & .page-team,

          & .page-testimonials {

            padding: 50px 0 20px

          }

          & .page-blog .blog-item {

            height: calc(100% - 30px);

            margin-bottom: 30px

          }

          & .post-pagination {

            margin-top: 10px

          }

          & .post-single-meta ol li i {

            font-size: 20px

          }

          & .page-team-single .row {

            border-radius: 40px 40px 30px 30px

          }

        }

        @media only screen and (max-width:767px) {

          & .page-header-box h1 {

            font-size: 34px

          }

          & .hero-slider-layout .swiper-pagination {

            bottom: 30px

          }

          & .post-item-body h2 {

            font-size: 18px;

            margin-bottom: 10px

          }

          & .post-single-meta ol li i {

            font-size: 18px

          }

          & .post-item-body {

            margin-bottom: 10px

          }

          & .footer-links h3 {

            margin-bottom: 15px

          }

          & .footer-copyright {

            padding: 10px 0

          }

          & .page-faqs .accordion-header .accordion-button {

            font-size: 16px;

            padding: 10px 40px 10px 10px

          }

          & .page-faqs .accordion-body {

            padding: 0 10px 10px

          }

          & .post-image figure,

          & .post-image img {

            aspect-ratio: 1/0.7

          }

        }

        & .view-article .page-header {

          padding: 0

        }

        & ul.result__taxonomy {

          font-size: .9rem;

          margin: 1rem 0;

          padding: .5rem;

          background: #eee;

          border-radius: .4rem

        }

        & .view-category.layout-blog .post-item-body h2 {

          min-height: 3em;

          display: flex;

          align-items: flex-start;

          margin-bottom: 1rem

        }

        & .page-single-post {

          padding: 50px 0

        }

        & .view-category.layout-blog .post-item-body h2 a {

          display: block;

          width: 100%

        }

        & [data-rlta-element=button] {

          margin-top: 2rem;

          display: block;

          background: 0 0!important;

          border: currentcolor!important;

          border-image: initial!important;

          padding: 0!important;

          outline: 0!important

        }

        & [data-rlta-element=button] [data-rlta-element=heading] {

          display: inline-block;

          position: relative;

          overflow: hidden;

          z-index: 1;

          font-weight: 600;

          font-size: 14px;

          line-height: 1.5em;

          color: #fff;

          padding: 14px 50px 14px 20px;

          border-radius: 99px;

          margin: 0;

          cursor: pointer;

          transition: .5s ease-in-out;

          background: var(--accent-color)

        }

        & [data-rlta-element=button] [data-rlta-element=heading]::before {

          content: "";

          position: absolute;

          top: 50%;

          right: 10px;

          width: 30px;

          height: 30px;

          border-radius: 50%;

          background-color: #fff;

          background-image: url("../images/arrow-blue.svg");

          background-repeat: no-repeat;

          background-position: center center;

          background-size: 10px;

          transform: translateY(-50%);

          transition: .4s ease-in-out;

          z-index: 2

        }

        & [data-rlta-element=button] [data-rlta-element=heading]::after {

          content: "";

          display: block;

          position: absolute;

          top: 0;

          left: 0;

          bottom: 0;

          width: 0;

          height: 100%;

          border-radius: 99px;

          background: var(--primary-color);

          transition: .4s ease-in-out;

          z-index: -1

        }

        & [data-rlta-element=button]:hover [data-rlta-element=heading]::after {

          width: 100%

        }

        & [data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading] {

          background: var(--primary-color)

        }

        & [data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading]::before {

          transform: translateY(-50%) rotate(180deg)

        }

        & .view-category [data-rlta-element=panel] {

          height: auto;

          font-size: .9rem;

          padding: .5rem 1rem;

          background: #eee;

          border-radius: .4rem

        }

        & a {

          color: var(--primary-color);

          color: #8776ff

        }

        & footer,

        & footer a {

          color: #fff

        }

        & .btn-primary {

          background-color: var(--accent-color);

          border-color: var(--accent-color)

        }

        & .btn-primary:hover {

          background: var(--primary-color)

        }

        & .list-unstyled li.current.active a,

        & .main-menu ul li.current.active a,

        & .slicknav_nav li.current.active a {

          color: var(--accent-color)

        }

        & footer .nav {

          display: block

        }

        & .nav-item > a.btn-default {

          font-size: 14px;

          width: 160px;

          color: #fff!important;

          padding-right: 30px!important

        }

        @media (max-width:991.8px) {

          & .nav-item > a.btn-default {

            width: 100%

          }

        }

        & a:hover {

          color: #0be7e0

        }

        & .h1,

        & h1 {

          font-size: 2rem;

          padding-bottom: 15px;

          color: #8776ff

        }

        & .h2,

        & h2 {

          font-size: 1.5rem;

          padding-bottom: 15px;

          color: #333

        }

        & .h3,

        & h3 {

          font-size: 1.2rem;

          padding-bottom: 15px;

          color: #8776ff

        }

        & h3.velky {

          font-size: 1.5rem

        }

        & h2.FAQ {

          font-size: 19px;

          border-bottom: 1px solid #e8e8e8;

          margin-bottom: 20px

        }

        & h4 {

          font-size: 1.1em;

          padding-bottom: 15px

        }

        & .wf-columns .wf-column {

          max-width: 100%;

          box-sizing: border-box;

          flex: 1 1 0%

        }

        & .wf-columns-stack-large,

        & .wf-columns-stack-medium,

        & .wf-columns-stack-small,

        & .wf-columns-stack-xlarge {

          flex-wrap: wrap

        }

        & .wf-columns {

          display: flex;

          gap: 3rem!important

        }

        & .wd-whitening {

          --wd-purple: #8a74ff;

          --wd-purple-soft: #f2efff;

          --wd-turquoise: #13d4d4;

          --wd-turquoise-dark: #09bcbc;

          --wd-ink: #171c2a;

          --wd-text: #49677a;

          --wd-line: #dce8ee;

          --wd-soft: #f7fafb;

          --wd-shadow: 0 18px 48px rgba(33, 66, 83, .10);

          color: var(--wd-text);

          overflow: hidden

        }

        & .wd-whitening h1,

        & .wd-whitening h2,

        & .wd-whitening h3 {

          color: var(--wd-ink);

          line-height: 1.32

        }

        & .wd-whitening h1 {

          letter-spacing: -.045em

        }

        & .wd-whitening h1 span {

          color: #a7e800

        }

        & .wd-whitening .wd-kicker {

          color: #8776ff

        }

        & .wd-whitening p {

          line-height: 1.75

        }

        & .wd-section {

          padding: 5.25rem 0

        }

        & .wd-heading-center {

          max-width: 760px;

          margin-bottom: 2.625rem

        }

        & .wd-eyebrow,

        & .wd-kicker {

          display: inline-block;

          margin-bottom: .875rem;

          font-size: .8125rem;

          font-weight: 800;

          letter-spacing: .08em;

          text-transform: uppercase

        }

        & .wd-eyebrow {

          padding: .5rem .75rem;

          color: var(--wd-purple);

          background: var(--wd-purple-soft);

          border-radius: 999px

        }

        & .wd-hero__lead {

          max-width: 590px;

          font-size: 1.1875rem

        }

        & .wd-btn {

          min-height: 52px;

          padding: 0 1.5rem;

          display: inline-flex;

          align-items: center;

          justify-content: center;

          gap: .75rem;

          border-width: 2px;

          border-radius: 999px;

          font-weight: 800;

          transition: transform .2s,box-shadow .2s,background-color .2s,border-color .2s

        }

        & .wd-btn:hover {

          transform: translateY(-2px)

        }

        & .wd-btn--primary {

          color: #fff;

          background: var(--wd-turquoise);

          border-color: var(--wd-turquoise);

          box-shadow: rgba(19,212,212,.25) 0 12px 26px

        }

        & .wd-btn--primary:focus,

        & .wd-btn--primary:hover {

          color: #fff;

          background: #a7e800;

          border-color: #a7e800

        }

        & .wd-btn--primary span {

          display: grid;

          width: 25px;

          height: 25px;

          place-items: center;

          color: #a7e800;

          background: #fff;

          border-radius: 50%

        }

        & .wd-btn--outline {

          color: var(--wd-ink);

          background: rgba(255,255,255,.86);

          border-color: #b9d6df

        }

        & .wd-btn--outline:focus,

        & .wd-btn--outline:hover {

          color: var(--wd-purple);

          background: #fff;

          border-color: var(--wd-purple)

        }

        & .wd-hero {

          background: radial-gradient(circle at 91% 22%,rgba(19,212,212,.24),transparent 31%),linear-gradient(#fff 0,#fbfeff 100%)

        }

        & .wd-hero__visual {

          position: relative;

          height: 600px;

          min-height: 600px;

          overflow: hidden;

          border-radius: 0 0 0 70px

        }

        & .wd-hero__visual img {

          display: block;

          width: 100%;

          max-width: none;

          object-fit: cover;

          object-position: 68% center;

          border-radius: 0;

          height: 100%!important

        }

        & .wd-hero__visual::after,

        & .wd-hero__visual::before {

          position: absolute;

          content: "";

          border: 1px solid rgba(19,212,212,.42);

          border-radius: 50%

        }

        & .wd-hero__visual::before {

          width: 180px;

          height: 180px;

          left: -70px;

          top: 240px

        }

        & .wd-hero__visual::after {

          width: 260px;

          height: 260px;

          right: -100px;

          bottom: 60px

        }

        & .wd-hero__badge {

          position: absolute;

          right: 28px;

          bottom: 68px;

          z-index: 2;

          display: grid;

          width: 142px;

          height: 142px;

          place-content: center;

          text-align: center;

          color: var(--wd-ink);

          background: #fff;

          border-radius: 50%;

          box-shadow: var(--wd-shadow)

        }

        & .wd-hero__badge span {

          color: var(--wd-turquoise);

          font-size: 2.125rem

        }

        & .wd-hero__badge small {

          display: block

        }

        & .wd-proof {

          display: flex;

          align-items: center;

          gap: .5rem;

          color: var(--wd-ink);

          font-size: .875rem;

          font-weight: 700

        }

        & .wd-proof span {

          color: var(--wd-turquoise);

          font-size: 1.5rem

        }

        & .wd-benefits {

          overflow: hidden;

          background: #fff;

          border: 1px solid rgba(185,214,223,.65);

          border-radius: 22px;

          box-shadow: var(--wd-shadow)

        }

        & .wd-benefit {

          min-height: 142px;

          padding: 1.5rem .875rem;

          text-align: center;

          color: var(--wd-ink);

          border-right: 1px solid var(--wd-line)

        }

        & div.clear {

          clear: both;

          margin-bottom: 50px

        }

        & .wd-benefits .row > div:last-child .wd-benefit {

          border-right: 0px

        }

        & .wd-icon {

          display: block;

          margin-bottom: .625rem;

          color: var(--wd-turquoise);

          font-size: 2.25rem;

          line-height: 1

        }

        & .wd-benefit strong {

          font-size: .875rem;

          line-height: 1.4

        }

        & .wd-section--why {

          padding-top: 7rem

        }

        & .wd-checklist {

          display: grid;

          gap: .625rem

        }

        & .wd-checklist li {

          color: var(--wd-ink)

        }

        & .wd-checklist li::before {

          content: "âś“";

          display: grid;

          place-items: center;

          background: var(--wd-purple)

        }

        & .wd-media-card {

          overflow: hidden;

          padding: .875rem;

          background: #fff;

          border-radius: 22px;

          box-shadow: var(--wd-shadow)

        }

        & .wd-section--results {

          background: var(--wd-soft)

        }

        & .wd-result-card {

          position: relative;

          overflow: hidden;

          background: #fff;

          border-radius: 18px;

          box-shadow: var(--wd-shadow)

        }

        & .wd-result-label {

          position: absolute;

          z-index: 2;

          left: .875rem;

          top: .875rem;

          padding: .4375rem .75rem;

          color: #fff;

          background: var(--wd-purple);

          border-radius: 999px;

          font-size: .75rem;

          font-weight: 800;

          text-transform: uppercase

        }

        & .wd-note {

          font-size: .8125rem

        }

        & .wd-step {

          position: relative;

          text-align: center

        }

        & .wd-step__number {

          position: absolute;

          z-index: 3;

          left: calc(50% - 48px);

          top: -4px;

          display: grid;

          width: 46px;

          height: 46px;

          place-items: center;

          color: #fff;

          background: var(--wd-purple);

          border-radius: 50%;

          font-size: .75rem;

          font-weight: 800

        }

        & .wd-step__icon {

          display: grid;

          width: 94px;

          height: 94px;

          margin: 0 auto 1.125rem;

          place-items: center;

          color: var(--wd-turquoise);

          background: #fff;

          border: 1px solid var(--wd-line);

          border-radius: 50%;

          box-shadow: rgba(33,66,83,.07) 0 10px 26px;

          font-size: 2.375rem

        }

        & .wd-step p {

          margin-bottom: 0;

          font-size: .9375rem

        }

        & .wd-compare,

        & .wd-info-card {

          padding: 1.75rem;

          border-radius: 18px

        }

        & .wd-info-card--green {

          background: rgba(19,212,212,.1)

        }

        & .wd-info-card--red {

          background: rgba(218,255,127,.2)

        }

        & .wd-info-card__sub {

          margin-top: -.25rem;

          font-size: .75rem;

          font-weight: 800;

          text-transform: uppercase

        }

        & .wd-info-card ul {

          display: grid;

          gap: .5625rem;

          padding-left: 1.25rem

        }

        & .wd-info-card li {

          font-size: .875rem

        }

        & .wd-compare {

          background: #f2f6ff

        }

        & .wd-compare .table,

        & .wd-info-card .table {

          min-width: 450px;

          margin-bottom: 0;

          color: var(--wd-ink);

          background: rgba(255,255,255,.68);

          font-size: .95rem

        }

        & .wd-compare .table > :not(caption) > * > *,

        & .wd-info-card .table > :not(caption) > * > * {

          padding: .75rem;

          color: var(--wd-ink);

          background: rgba(255,255,255,0);

          border-color: #dfe7f4;

          vertical-align: middle

        }

        & .wd-compare .table th,

        & .wd-info-card .table th {

          font-size: .95rem;

          font-weight: 600;

          line-height: 1.45

        }

        & .wd-compare .table td,

        & .wd-info-card .table td {

          font-size: .95rem;

          line-height: 1.45

        }

        & .wd-compare .table td:last-child,

        & .wd-info-card .table td:last-child {

          color: var(--wd-purple);

          font-weight: 800;

          white-space: nowrap;

          text-align: right

        }

        & .wd-compare .table td:last-child strong,

        & .wd-info-card .table td:last-child strong {

          color: inherit;

          font-size: inherit;

          font-weight: inherit

        }

        & .wd-occasion {

          display: grid;

          min-height: 130px;

          padding: 1.375rem;

          place-content: center;

          text-align: center;

          color: var(--wd-ink);

          background: #fff;

          border: 1px solid var(--wd-line);

          border-radius: 16px;

          transition: transform .2s,box-shadow .2s

        }

        & .wd-occasion:hover {

          transform: translateY(-4px);

          box-shadow: var(--wd-shadow)

        }

        & .wd-occasion span {

          margin-bottom: .625rem;

          color: var(--wd-turquoise);

          font-size: 2.1875rem

        }

        & .wd-section--faq {

          background: radial-gradient(circle at 80% 20%,rgba(19,212,212,.12),transparent 28%),#f3fbfc

        }

        & .wd-accordion .accordion-item {

          margin-bottom: .75rem;

          overflow: hidden;

          background: #fff;

          border: 1px solid var(--wd-line);

          border-radius: 12px

        }

        & .wd-accordion .accordion-button {

          color: var(--wd-ink);

          background: #fff;

          font-weight: 800;

          box-shadow: none

        }

        & .wd-accordion .accordion-button:not(.collapsed) {

          color: var(--wd-purple);

          background: var(--wd-purple-soft)

        }

        & .wd-accordion .accordion-button:focus {

          border-color: var(--wd-purple);

          box-shadow: rgba(138,116,255,.15) 0 0 0 .25rem

        }

        & .wd-contact-card {

          overflow: hidden;

          background: #fff;

          border-radius: 18px;

          box-shadow: var(--wd-shadow)

        }

        & .wd-contact-card img {

          aspect-ratio: 16/10;

          object-fit: cover

        }

        & .wd-contact-card__body {

          padding: 1.625rem

        }

        & .wd-contact-card__body a {

          color: var(--wd-purple);

          font-weight: 800

        }

        & .wd-cta {

          background: radial-gradient(circle at 88% 40%,rgba(138,116,255,.12),transparent 25%),linear-gradient(90deg,#e9fbfc,#fff)

        }

        & .wd-cta__image {

          max-height: 410px;

          object-fit: contain;

          object-position: center bottom

        }

        @media (max-width:991.98px) {

          & .wd-hero__visual {

            min-height: 520px

          }

          & .wd-benefit {

            border-bottom: 1px solid var(--wd-line)

          }

          & .wd-benefits .row > div:nth-child(3n) .wd-benefit {

            border-right: 0px

          }

          & .wd-benefits .row > div:nth-last-child(-n+3) .wd-benefit {

            border-bottom: 0

          }

        }

        @media (max-width:767.98px) {

          & .wd-section {

            padding: 4rem 0

          }

          & .wd-whitening h1 {

            font-size: 2.7rem

          }

          & .wd-whitening h2 {

            font-size: 2.05rem

          }

          & .wd-hero__visual {

            min-height: 420px

          }

          & .wd-hero__visual img {

            border-radius: 28px

          }

          & .wd-hero__badge {

            right: 14px;

            bottom: 18px;

            width: 118px;

            height: 118px

          }

          & .wd-benefits .row > div:nth-child(3n) .wd-benefit {

            border-right: 1px solid var(--wd-line)

          }

          & .wd-benefits .row > div:nth-child(2n) .wd-benefit {

            border-right: 0px

          }

          & .wd-benefits .row > div:nth-last-child(-n+2) .wd-benefit {

            border-bottom: 0

          }

          & .wd-section--why {

            padding-top: 5.5rem

          }

        }

        @media (max-width:575.98px) {

          & .wd-whitening h1 {

            font-size: 2.25rem

          }

          & .wd-btn {

            width: 100%

          }

          & .wd-hero__visual {

            min-height: 340px

          }

          & .wd-benefit {

            border-right: 0px!important

          }

          & .wd-benefits .row > div:not(:last-child) .wd-benefit {

            border-bottom: 1px solid var(--wd-line)

          }

        }

        @media (min-width:992px) {

          & .wd-hero .wd-btn {

            white-space: nowrap;

            flex: 0 0 auto

          }

        }

        @media (max-width:991.98px) {

          & .wd-hero__visual {

            height: 520px;

            min-height: 520px;

            border-radius: 28px

          }

          & .wd-hero__visual img {

            object-position: 68% center

          }

        }

        @media (max-width:767.98px) {

          & .wd-hero__visual {

            height: 440px;

            min-height: 440px

          }

        }

        @media (max-width:575.98px) {

          & .wd-hero__visual {

            height: 360px;

            min-height: 360px

          }

        }

        @media (min-width:1200px) {

          & .display-3 {

            font-size: 2.7rem!important

          }

        }

        & .wd-contact-icon {

          display: inline-flex;

          flex: 0 0 30px;

          width: 30px;

          height: 30px;

          align-items: center;

          justify-content: center;

          margin-top: 1px;

          color: #fff;

          background: #13d4d4;

          border-radius: 50%;

          font-size: 16px;

          line-height: 1

        }

        & .wd-info-card a {

          color: #171c2a

        }

        & .wd-info-card a:hover {

          color: #8a74ff

        }

        & .wd-home-info-strip {

          background: #fff

        }

        & .wd-insurance-item {

          height: 100%;

          padding: 12px 15px;

          color: var(--wd-ink);

          background: rgba(255,255,255,.75);

          border: 1px solid var(--wd-line);

          border-radius: 12px

        }

        & .wd-insurance-item strong {

          color: var(--wd-purple)

        }

        & .wd-home-info-strip .wd-contact-icon {

          width: 42px;

          height: 42px;

          flex-basis: 42px;

          font-size: 21px

        }

        @media (max-width:767.98px) {

          & .wd-home-info-strip {

            padding-top: 20px!important;

            padding-bottom: 20px!important

          }

        }

        & .wd-checklist {

          list-style: none;

          margin: 0;

          padding: 0

        }

        & .wd-checklist li {

          position: relative;

          padding-left: 38px;

          margin-bottom: 14px;

          line-height: 1.6

        }

        & .wd-checklist li::before {

          content: "✓";

          position: absolute;

          left: 0;

          top: 2px;

          display: flex;

          align-items: center;

          justify-content: center;

          width: 24px;

          height: 24px;

          border-radius: 50%;

          background: #19d3d1;

          color: #fff;

          font-size: 14px;

          font-weight: 700

        }

        & .wd-contact-card .btn,

        & .wd-contact-card .btn-primary,

        & .wd-contact-card button[type=submit],

        & .wd-contact-card input[type=submit] {

          display: inline-flex;

          align-items: center;

          justify-content: center;

          background: #13d4d4;

          border: 2px solid #13d4d4;

          color: #fff;

          font-size: 1rem;

          font-weight: 700;

          padding: .9rem 1.8rem;

          border-radius: 999px;

          text-decoration: none;

          transition: .25s;

          box-shadow: rgba(57,181,74,.18) 0 12px 30px

        }

        & .wd-contact-card .btn-primary:hover,

        & .wd-contact-card .btn:hover,

        & .wd-contact-card button[type=submit]:hover,

        & .wd-contact-card input[type=submit]:hover {

          background: #13d4d4;

          border-color: #13d4d4;

          color: #fff;

          transform: translateY(-2px);

          box-shadow: rgba(57,181,74,.28) 0 16px 36px

        }

        & .wd-contact-card button[type=submit]:focus,

        & .wd-contact-card input[type=submit]:focus {

          outline: 0;

          box-shadow: rgba(57,181,74,.18) 0 0 0 4px

        }

        @media (min-width:1200px) {

          & .display-6 {

            font-size: 2rem!important

          }

        }

        & p.display-6.fw-bold {

          margin-bottom: 0

        }

        & .blog-item:hover .post-featured-image img {

          transform: none

        }

        & .sta-eshop-cenik {

          --wd-green: #a1d600;

          --wd-purple: #8a74ff;

          --wd-cyan: #20c8c8;

          --wd-ink: #121827;

          --wd-muted: #637381;

          --wd-soft: #f6f7fb;

          color: var(--wd-ink)

        }

        & .sta-eshop-cenik .wd-hero {

          position: relative;

          overflow: hidden;

          background: radial-gradient(circle at 82% 20%,rgba(138,116,255,.16),transparent 30%),linear-gradient(#fff,#fbfbff)

        }

        & .sta-eshop-cenik .wd-eyebrow,

        & .sta-eshop-cenik .wd-kicker {

          display: inline-block;

          margin-bottom: 16px;

          padding: 8px 13px;

          border-radius: 999px;

          background: #f0edff;

          color: #6652df;

          font-size: .78rem;

          font-weight: 900;

          letter-spacing: .07em;

          text-transform: uppercase

        }

        & .sta-eshop-cenik h1,

        & .sta-eshop-cenik h2,

        & .sta-eshop-cenik h3 {

          letter-spacing: -.035em

        }

        & .sta-eshop-cenik h1 span {

          color: var(--wd-green)

        }

        & .sta-eshop-cenik .wd-heading-center p,

        & .sta-eshop-cenik .wd-hero__lead {

          color: var(--wd-muted);

          font-size: 1.13rem;

          line-height: 1.7

        }

        & .sta-eshop-cenik .wd-btn {

          border-radius: 13px;

          padding: 13px 20px;

          font-weight: 850;

          transition: .2s

        }

        & .sta-eshop-cenik .wd-btn:hover {

          transform: translateY(-2px)

        }

        & .sta-eshop-cenik .wd-btn--primary {

          background: var(--wd-green);

          border-color: var(--wd-green);

          color: #182000

        }

        & .sta-eshop-cenik .wd-btn--outline {

          background: #fff;

          border: 2px solid #dfe2e7;

          color: var(--wd-ink)

        }

        & .sta-eshop-cenik .wd-proof {

          color: #677480;

          font-size: .93rem

        }

        & .sta-eshop-cenik .wd-proof span {

          color: var(--wd-purple);

          font-size: 1.25rem

        }

        & .sta-eshop-cenik .wd-hero__visual {

          position: relative

        }

        & .sta-eshop-cenik .wd-hero__badge {

          position: absolute;

          right: -12px;

          bottom: -18px;

          display: grid;

          grid-template-columns: auto 1fr;

          gap: 0 10px;

          max-width: 270px;

          padding: 15px 18px;

          border-radius: 18px;

          background: #fff;

          box-shadow: rgba(35,29,76,.18) 0 18px 50px

        }

        & .sta-eshop-cenik .wd-hero__badge > span {

          grid-row: 1/3;

          align-self: center;

          display: grid;

          place-items: center;

          width: 48px;

          height: 48px;

          border-radius: 50%;

          background: var(--wd-green);

          font-weight: 900

        }

        & .sta-eshop-cenik .wd-hero__badge strong {

          font-size: .95rem

        }

        & .sta-eshop-cenik .wd-hero__badge small {

          color: var(--wd-muted);

          line-height: 1.3

        }

        & .sta-shop-browser {

          overflow: hidden;

          border: 10px solid #fff;

          border-radius: 32px;

          background: #fff;

          box-shadow: rgba(45,37,96,.18) 0 30px 80px;

          transform: rotate(1.5deg)

        }

        & .sta-shop-browser__bar {

          display: flex;

          align-items: center;

          gap: 7px;

          padding: 14px 16px;

          background: #181c2a;

          color: #fff

        }

        & .sta-shop-browser__bar i {

          width: 9px;

          height: 9px;

          border-radius: 50%;

          background: var(--wd-green)

        }

        & .sta-shop-browser__bar i:nth-child(2) {

          background: var(--wd-purple)

        }

        & .sta-shop-browser__bar i:nth-child(3) {

          background: var(--wd-cyan)

        }

        & .sta-shop-browser__bar span {

          margin-left: auto;

          font-size: .72rem;

          opacity: .65

        }

        & .sta-shop-browser__body {

          min-height: 360px;

          display: grid;

          grid-template-columns: 1.25fr 0.75fr;

          gap: 18px;

          align-items: center;

          padding: 32px;

          background: linear-gradient(145deg,#f7f9fb,#eeebff)

        }

        & .sta-shop-product {

          display: flex;

          flex-direction: column;

          gap: 8px

        }

        & .sta-shop-product > span {

          align-self: flex-start;

          padding: 5px 9px;

          border-radius: 999px;

          background: var(--wd-green);

          font-size: .68rem;

          font-weight: 900;

          text-transform: uppercase

        }

        & .sta-shop-product__image {

          display: grid;

          place-items: center;

          min-height: 150px;

          border-radius: 24px;

          background: #fff;

          color: var(--wd-purple);

          font-size: 4rem;

          box-shadow: rgba(40,34,76,.1) 0 12px 35px

        }

        & .sta-shop-product strong {

          font-size: 1.15rem

        }

        & .sta-shop-product small {

          color: var(--wd-muted)

        }

        & .sta-shop-cart {

          display: flex;

          flex-direction: column;

          gap: 12px;

          padding: 22px;

          border-radius: 22px;

          background: #fff;

          box-shadow: rgba(40,34,76,.1) 0 12px 35px

        }

        & .sta-shop-cart span {

          color: var(--wd-muted)

        }

        & .sta-shop-cart strong {

          padding: 10px;

          border-radius: 10px;

          background: var(--wd-purple);

          color: #fff;

          text-align: center

        }

        & .sta-eshop-cenik .wd-benefits {

          overflow: hidden;

          border: 1px solid #e7e9ef;

          border-radius: 22px;

          background: #fff;

          box-shadow: rgba(33,39,60,.07) 0 12px 38px

        }

        & .sta-eshop-cenik .wd-benefit {

          display: flex;

          align-items: center;

          justify-content: center;

          gap: 12px;

          padding: 20px;

          border-right: 1px solid #e7e9ef

        }

        & .sta-eshop-cenik .wd-icon {

          color: var(--wd-purple);

          font-size: 1.5rem

        }

        & .sta-eshop-cenik .wd-section {

          padding: 90px 0

        }

        & .sta-eshop-cenik .wd-section--why {

          background: #fff

        }

        & .sta-eshop-cenik .wd-section--results {

          background: var(--wd-soft)

        }

        & .sta-eshop-cenik .wd-section--advice {

          background: #fff

        }

        & .sta-eshop-cenik .wd-section--faq {

          background: linear-gradient(#f7f8fc,#fff)

        }

        & .sta-eshop-cenik .wd-heading-center {

          max-width: 760px;

          margin-bottom: 45px

        }

        & .sta-eshop-cenik .wd-occasion {

          display: flex;

          align-items: center;

          gap: 14px;

          padding: 20px;

          border: 1px solid #e6e8ee;

          border-radius: 18px;

          background: #fff;

          box-shadow: rgba(31,37,56,.06) 0 8px 25px

        }

        & .sta-eshop-cenik .wd-occasion span {

          display: grid;

          place-items: center;

          flex: 0 0 42px;

          height: 42px;

          border-radius: 50%;

          background: #f0edff;

          color: var(--wd-purple);

          font-weight: 900

        }

        & .sta-eshop-cenik .wd-compare,

        & .sta-eshop-cenik .wd-info-card {

          position: relative;

          padding: 30px;

          border: 1px solid #e2e5eb;

          border-radius: 26px;

          background: #fff;

          box-shadow: rgba(35,40,58,.08) 0 14px 42px

        }

        & .sta-eshop-cenik .wd-info-card--green {

          border-top: 5px solid var(--wd-green)

        }

        & .sta-eshop-cenik .wd-info-card--purple {

          border-top: 5px solid var(--wd-purple)

        }

        & .sta-eshop-cenik .wd-card-icon {

          display: grid;

          place-items: center;

          width: 52px;

          height: 52px;

          margin-bottom: 18px;

          border-radius: 16px;

          background: #eff5df;

          color: #4a6100;

          font-weight: 900

        }

        & .sta-eshop-cenik .wd-info-card--purple .wd-card-icon {

          background: #f0edff;

          color: var(--wd-purple)

        }

        & .sta-price-card {

          display: flex;

          flex-direction: column

        }

        & .sta-price-card > p,

        & .sta-price-card li {

          color: var(--wd-muted)

        }

        & .sta-price {

          font-size: 2.05rem;

          font-weight: 900;

          letter-spacing: -.04em;

          margin: 4px 0 18px!important;

          color: var(--wd-ink)!important

        }

        & .sta-price small {

          font-size: .85rem;

          color: var(--wd-muted)

        }

        & .sta-price-card--featured {

          transform: translateY(-10px);

          box-shadow: rgba(91,72,190,.18) 0 25px 65px!important

        }

        & .sta-ribbon {

          position: absolute;

          top: 20px;

          right: -8px;

          padding: 7px 13px;

          border-radius: 9px 0 0 9px;

          background: var(--wd-purple);

          color: #fff;

          font-size: .72rem;

          font-weight: 900;

          text-transform: uppercase

        }

        & .sta-ribbon::after {

          content: "";

          position: absolute;

          right: 0;

          bottom: -7px;

          border-width: 7px 8px 0 0;

          border-style: solid;

          border-color: #5140b4 rgba(255,255,255,0) rgba(255,255,255,0)

        }

        & .sta-eshop-cenik .wd-checklist {

          list-style: none;

          padding: 0;

          margin: 20px 0 26px

        }

        & .sta-eshop-cenik .wd-checklist li {

          position: relative;

          padding: 6px 0 6px 27px

        }

        & .sta-eshop-cenik .wd-checklist li::before {

          content: "✓";

          position: absolute;

          left: 0;

          color: var(--wd-green);

          font-weight: 950

        }

        & .sta-eshop-cenik .wd-info-card--purple .wd-checklist li::before {

          color: var(--wd-purple)

        }

        & .sta-eshop-cenik .table {

          min-width: 760px

        }

        & .sta-eshop-cenik .table th {

          padding: 18px;

          background: #171c2a;

          color: #fff;

          border: 0

        }

        & .sta-eshop-cenik .table td {

          padding: 16px 18px;

          border-color: #e6e8ee

        }

        & .sta-eshop-cenik .table tbody tr:nth-child(2n) {

          background: #f8f9fb

        }

        & .sta-eshop-cenik .table th:first-child {

          border-radius: 12px 0 0

        }

        & .sta-eshop-cenik .table th:last-child {

          border-radius: 0 12px 0 0

        }

        & .sta-compare-table td:not(:first-child),

        & .sta-compare-table th:not(:first-child) {

          text-align: center

        }

        & .sta-notes {

          display: grid;

          gap: 13px

        }

        & .sta-notes article {

          display: flex;

          gap: 18px;

          padding: 20px;

          border: 1px solid #e6e8ee;

          border-radius: 18px;

          background: #fff

        }

        & .sta-notes article > span {

          flex: 0 0 48px;

          color: var(--wd-purple);

          font-weight: 950;

          font-size: 1.25rem

        }

        & .sta-notes h3 {

          font-size: 1.05rem

        }

        & .sta-notes p {

          margin: 0;

          color: var(--wd-muted)

        }

        & .sta-eshop-cenik .wd-step {

          position: relative;

          padding: 28px;

          border: 1px solid #e4e7ec;

          border-radius: 22px;

          background: #fff

        }

        & .sta-eshop-cenik .wd-step__number {

          position: absolute;

          right: 18px;

          top: 12px;

          color: #edf0f3;

          font-size: 3rem;

          font-weight: 950

        }

        & .sta-eshop-cenik .wd-step__icon {

          display: grid;

          place-items: center;

          width: 50px;

          height: 50px;

          margin-bottom: 18px;

          border-radius: 16px;

          background: #f0edff;

          color: var(--wd-purple);

          font-size: 1.4rem

        }

        & .sta-eshop-cenik .wd-step h3 {

          font-size: 1.15rem

        }

        & .sta-eshop-cenik .wd-step p {

          margin: 0;

          color: var(--wd-muted)

        }

        & .sta-eshop-cenik .accordion-item {

          overflow: hidden;

          margin-bottom: 12px;

          border: 1px solid #e3e6eb!important;

          border-radius: 15px!important

        }

        & .sta-eshop-cenik .accordion-button {

          font-weight: 850

        }

        & .sta-eshop-cenik .accordion-button:not(.collapsed) {

          background: #f0edff;

          color: #4d3eba;

          box-shadow: none

        }

        & .sta-eshop-cenik .accordion-button:focus {

          border-color: var(--wd-purple);

          box-shadow: rgba(138,116,255,.18) 0 0 0 .2rem

        }

        & .sta-contact-simple {

          overflow: hidden;

          border: 0;

          border-radius: 25px;

          background: #171c2a;

          color: #fff;

          box-shadow: rgba(26,31,45,.2) 0 20px 55px

        }

        & .sta-contact-simple .wd-contact-card__body {

          padding: 30px

        }

        & .sta-contact-simple p {

          color: #c8ced8

        }

        & .sta-contact-simple a {

          color: var(--wd-green);

          font-weight: 850;

          text-decoration: none

        }

        & .sta-contact-simple .wd-card-icon {

          background: var(--wd-green);

          color: #182000

        }

        & .sta-eshop-cenik .wd-cta {

          overflow: hidden;

          background: linear-gradient(120deg,#171c2a,#33285d);

          color: #fff

        }

        & .sta-eshop-cenik .wd-cta p {

          color: #d4d8e2;

          font-size: 1.1rem

        }

        & .sta-cta-cart {

          position: relative;

          display: flex;

          flex-direction: column;

          align-items: center;

          justify-content: center;

          width: 280px;

          height: 230px;

          margin: auto;

          border-radius: 45px;

          background: var(--wd-purple);

          transform: rotate(-5deg);

          box-shadow: rgba(0,0,0,.25) 0 22px 60px

        }

        & .sta-cta-cart::before {

          content: "";

          position: absolute;

          width: 125px;

          height: 85px;

          top: -46px;

          border-bottom: 0;

          border-radius: 70px 70px 0 0

        }

        & .sta-cta-cart span {

          display: grid;

          place-items: center;

          width: 58px;

          height: 58px;

          border-radius: 50%;

          background: var(--wd-green);

          color: #182000;

          font-size: 1.7rem;

          font-weight: 950

        }

        & .sta-cta-cart strong {

          margin-top: 16px;

          font-size: 1.5rem

        }

        & .sta-cta-cart small {

          opacity: .8

        }

        @media (max-width:991.98px) {

          & .sta-eshop-cenik .wd-section {

            padding: 65px 0

          }

          & .sta-price-card--featured {

            transform: none

          }

          & .sta-eshop-cenik .wd-benefit {

            justify-content: flex-start

          }

          & .sta-shop-browser__body {

            min-height: 310px

          }

          & .sta-eshop-cenik .wd-hero__badge {

            right: 8px

          }

        }

        @media (max-width:575.98px) {

          & .sta-eshop-cenik .wd-section {

            padding: 50px 0

          }

          & .sta-eshop-cenik .wd-benefit {

            padding: 14px 10px;

            font-size: .85rem

          }

          & .sta-eshop-cenik .wd-icon {

            font-size: 1.1rem

          }

          & .sta-shop-browser__body {

            grid-template-columns: 1fr;

            padding: 20px

          }

          & .sta-shop-cart {

            display: none

          }

          & .sta-eshop-cenik .wd-hero__badge {

            position: relative;

            right: auto;

            bottom: auto;

            margin: -12px 12px 0

          }

          & .sta-eshop-cenik .wd-compare,

          & .sta-eshop-cenik .wd-info-card {

            padding: 24px

          }

          & .sta-ribbon {

            right: 0

          }

        }

        & .wd-blog-intro {

          --blog-green: #a1d600;

          --blog-purple: #8a74ff;

          --blog-ink: #121827;

          --blog-muted: #637381;

          padding: 50px 0 36px

        }

        & .wd-blog-intro__inner {

          position: relative;

          overflow: hidden;

          margin: 0 auto;

          padding: clamp(28px,5vw,55px);

          border: 1px solid #e8e9f1;

          border-radius: 30px;

          background: radial-gradient(circle at 92% 12%,rgba(138,116,255,.16),transparent 28%),linear-gradient(135deg,#fff 0,#fbfbff 100%);

          box-shadow: rgba(37,41,61,.08) 0 18px 55px

        }

        & .wd-blog-intro__inner::after {

          content: "";

          position: absolute;

          right: -45px;

          bottom: -80px;

          width: 260px;

          height: 130px;

          border-top: 0;

          border-radius: 0 0 50% 50%;

          opacity: .12;

          transform: rotate(-8deg);

          pointer-events: none

        }

        & .wd-blog-intro__eyebrow {

          display: inline-block;

          margin-bottom: 15px;

          padding: 7px 12px;

          border-radius: 999px;

          background: #f0edff;

          color: #6652df;

          font-size: .76rem;

          font-weight: 900;

          letter-spacing: .08em;

          text-transform: uppercase

        }

        & .wd-blog-intro h1 {

          max-width: 820px;

          margin: 0 0 18px;

          color: var(--blog-ink);

          font-size: clamp(2rem, 5vw, 3.8rem);

          font-weight: 900;

          line-height: 1.06;

          letter-spacing: -.05em

        }

        & .wd-blog-intro h1 span {

          color: var(--blog-green)

        }

        & .wd-blog-intro p {

          max-width: 840px;

          margin: 0;

          color: var(--blog-muted);

          font-size: clamp(1rem, 1.5vw, 1.13rem);

          line-height: 1.7

        }

        & .wd-blog-intro__topics {

          display: flex;

          flex-wrap: wrap;

          gap: 9px;

          margin-top: 24px

        }

        & .wd-blog-intro__topics span {

          padding: 8px 13px;

          border: 1px solid #e2e4eb;

          border-radius: 999px;

          background: #fff;

          color: var(--blog-ink);

          font-size: .85rem;

          font-weight: 800

        }

        & .wd-blog-intro__topics span:nth-child(2n) {

          border-color: rgba(138,116,255,.35)

        }

        @media (max-width:575.98px) {

          & .wd-blog-intro {

            padding: 30px 0 24px

          }

          & .wd-blog-intro__inner {

            border-radius: 22px

          }

        }

        & .page-blog {

          padding: 10px 0

        }

        & .page-blog .blog-item ul.tags {

          display: flex;

          flex-wrap: wrap;

          align-items: center;

          gap: 8px;

          margin: 8px 0 18px;

          padding: 0;

          list-style: none

        }

        & .page-blog .blog-item ul.tags > li.list-inline-item {

          margin: 0;

          padding: 0

        }

        & .page-blog .blog-item ul.tags a.btn,

        & .page-blog .blog-item ul.tags a.btn-info {

          display: inline-flex;

          align-items: center;

          gap: 4px;

          min-height: 32px;

          padding: 6px 12px;

          border: 1px solid rgba(138,116,255,.28);

          border-radius: 999px;

          background: rgba(138,116,255,.1);

          color: #6652df;

          font-size: 13px;

          font-weight: 750;

          line-height: 1.25;

          text-decoration: none;

          box-shadow: none;

          transition: color .2s,background-color .2s,border-color .2s,transform .2s

        }

        & .page-blog .blog-item ul.tags a.btn::before {

          content: "#";

          color: #8a74ff;

          font-weight: 900

        }

        & .page-blog .blog-item ul.tags a.btn:focus-visible,

        & .page-blog .blog-item ul.tags a.btn:hover {

          border-color: #8a74ff;

          background: #8a74ff;

          color: #fff;

          transform: translateY(-1px)

        }

        & .page-blog .blog-item ul.tags a.btn:focus-visible::before,

        & .page-blog .blog-item ul.tags a.btn:hover::before {

          color: #fff

        }

        & .page-blog .blog-item ul.tags a.btn:focus-visible {

          outline: rgba(138,116,255,.24) solid 3px;

          outline-offset: 2px

        }

        @media (prefers-reduced-motion:reduce) {

          & .page-blog .blog-item ul.tags a.btn {

            transition: none

          }

          & .page-blog .blog-item ul.tags a.btn:focus-visible,

          & .page-blog .blog-item ul.tags a.btn:hover {

            transform: none

          }

        }

        & .btn-default {

          color: #000

        }

        @media (max-width:991.98px) {

          & .responsive-menu .slicknav_menu {

            overflow: hidden

          }

          @media (max-width:991.98px) {

            & .responsive-menu .slicknav_menu {

              background: rgba(255,255,255,0);

              padding: 0

            }

            & .responsive-menu .slicknav_nav {

              margin-top: 14px;

              padding: 18px;

              overflow-y: auto;

              max-height: calc(-118px + 100dvh);

              border: 1px solid rgba(138,116,255,.22);

              border-radius: 22px;

              box-shadow: rgba(29,24,47,.28) 0 22px 55px

            }

            & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

              border-bottom: 1px solid rgba(255,255,255,.075)

            }

            & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta):last-child {

              border-bottom: 0

            }

            & .responsive-menu .slicknav_nav > li > .slicknav_item,

            & .responsive-menu .slicknav_nav > li > a.nav-link {

              min-height: 48px;

              margin: 0;

              padding: 13px 10px;

              border-radius: 12px;

              font-weight: 650;

              line-height: 1.35

            }

            & .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

            & .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

            & .responsive-menu .slicknav_nav > li > a.nav-link:hover {

              background: rgba(138,116,255,.13);

              color: #fff

            }

            & .responsive-menu .slicknav_arrow {

              display: inline-grid;

              place-items: center;

              float: right;

              margin: -4px 0 -4px 12px;

              transition: transform .2s,background-color .2s

            }

            & .responsive-menu .slicknav_arrow::before {

              content: "⌄";

              font-size: 18px;

              line-height: 1;

              transform: translateY(-2px);

              content: none!important;

              display: none!important

            }

            & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

              color: #99e000;

              transform: rotate(180deg)!important

            }

            & .responsive-menu .slicknav_nav ul {

              margin: 4px 0 10px;

              padding: 8px;

              border-radius: 13px;

              background: #f7f5ff

            }

            & .responsive-menu .slicknav_nav ul a {

              padding: 10px 12px;

              border-radius: 9px;

              font-size: 14px;

              color: #3b3744

            }

            & .responsive-menu .mobile-contact-cta {

              margin: 0 0 14px;

              padding: 0 0 16px;

              border-bottom: 1px solid rgba(255,255,255,.12)

            }

            & .responsive-menu .mobile-contact-cta > a {

              display: flex;

              align-items: center;

              justify-content: space-between;

              gap: 16px;

              width: 100%;

              min-height: 52px;

              border: 0;

              font-weight: 800;

              text-decoration: none;

              box-shadow: rgba(135,214,0,.22) 0 10px 26px;

              transition: transform .2s,box-shadow .2s,filter .2s;

              border-radius: 99px;

              background: #a7e800;

              color: #000;

              box-shadow: none;

              padding: 14px 20px

            }

            & .responsive-menu .mobile-contact-cta > a:focus-visible {

              outline: rgba(138,116,255,.5) solid 3px;

              outline-offset: 3px

            }

            & .responsive-menu .slicknav_nav {

              border-color: rgba(36,34,44,.1);

              background: #fff;

              box-shadow: rgba(38,31,66,.14) 0 20px 48px

            }

            & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

              border-bottom-color: rgba(36,34,44,.09)

            }

            & .responsive-menu .slicknav_nav > li > .slicknav_item,

            & .responsive-menu .slicknav_nav > li > .slicknav_item > a.nav-link,

            & .responsive-menu .slicknav_nav > li > a.nav-link {

              color: #17151d

            }

            & .responsive-menu .slicknav_nav > li > .slicknav_item:focus-visible > a.nav-link,

            & .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

            & .responsive-menu .slicknav_nav > li > .slicknav_item:hover > a.nav-link,

            & .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

            & .responsive-menu .slicknav_nav > li > a.nav-link:hover {

              background: rgba(138,116,255,.09);

              color: #765ee8

            }

            & .responsive-menu .slicknav_nav > li.active > .slicknav_item > a,

            & .responsive-menu .slicknav_nav > li.active > a,

            & .responsive-menu .slicknav_nav > li.current > .slicknav_item > a,

            & .responsive-menu .slicknav_nav > li.current > a {

              color: #78bd00

            }

            & .responsive-menu .slicknav_nav ul a:focus-visible,

            & .responsive-menu .slicknav_nav ul a:hover {

              background: rgba(138,116,255,.11);

              color: #765ee8

            }

            & .responsive-menu .mobile-contact-cta {

              border-bottom-color: rgba(36,34,44,.11)

            }

            & .responsive-menu .mobile-contact-cta > a:focus-visible,

            & .responsive-menu .mobile-contact-cta > a:hover {

              filter: brightness(1.04);

              transform: translateY(-1px);

              box-shadow: rgba(135,214,0,.3) 0 14px 30px;

              background: #8a74ff;

              color: #fff;

              filter: none;

              box-shadow: none

            }

            & .responsive-menu .slicknav_arrow {

              position: relative!important;

              display: inline-grid!important;

              place-items: center!important;

              width: 28px!important;

              height: 28px!important;

              margin-left: 12px!important;

              border-radius: 50%!important;

              color: transparent!important;

              font-size: 0px!important;

              line-height: 0!important

            }

            & .responsive-menu .slicknav_arrow::after {

              content: "⌄"!important;

              position: static!important;

              display: block!important;

              width: auto!important;

              height: auto!important;

              background: 0 0!important;

              color: #765ee8!important;

              font-family: inherit!important;

              font-size: 18px!important;

              font-weight: 800!important;

              line-height: 1!important;

              transform: translateY(-2px)!important

            }

            & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow::after {

              color: #78bd00!important

            }

            & .responsive-menu .slicknav_nav > li.item-436 > a.nav-link,

            & .responsive-menu .slicknav_nav > li.item-481 > a.nav-link {

              font-weight: 400

            }

            & .responsive-menu .slicknav_arrow,

            & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

              background: 0 0!important

            }

            & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item,

            & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item > a.nav-link,

            & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:focus-visible,

            & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:hover {

              background: 0 0!important

            }

          }

          & .wd-social-links {

            display: flex;

            align-items: center;

            flex-wrap: wrap;

            gap: 10px;

            margin-top: 24px

          }

          & .wd-social-links a {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            width: 40px;

            height: 40px;

            border: 2px solid #8a74ff;

            border-radius: 50%;

            background: #8a74ff;

            font-family: Arial,sans-serif;

            font-size: 20px;

            font-weight: 800;

            line-height: 1;

            box-shadow: rgba(138,116,255,.22) 0 8px 20px;

            transition: transform .2s,background-color .2s,border-color .2s,color .2s;

            color: #fff!important;

            text-decoration: none!important

          }

          & .wd-social-links a:focus-visible,

          & .wd-social-links a:hover {

            border-color: #a7e800;

            background: #a7e800;

            transform: translateY(-2px);

            color: #222!important

          }

          & .wd-social-links a:focus-visible {

            outline: rgba(138,116,255,.35) solid 3px;

            outline-offset: 3px

          }

          & .wd-social-links .wd-social-youtube {

            font-size: 15px;

            transform: translateX(1px)

          }

          & .wd-social-links .wd-social-linkedin {

            font-size: 15px;

            letter-spacing: -1px

          }

          & .wd-social-links .wd-social-x {

            font-size: 16px;

            font-weight: 700

          }

          @media (prefers-reduced-motion:reduce) {

            & .responsive-menu .mobile-contact-cta>a,

            & .responsive-menu .slicknav_arrow,

            & .wd-social-links a {

              transition: none

            }

            & .wd-social-links a:hover {

              transform: none

            }

          }

          & .btn-default,

          & .image-anime,

          & .reveal {

            position: relative;

            overflow: hidden

          }

          & .page-faqs .accordion-body p,

          & .post-item-body p,

          & .slicknav_menu ul ul,

          & figure {

            margin: 0

          }

          & a,

          & a:focus,

          & a:hover {

            text-decoration: none

          }

          & body {

            font-family: var(--lbox-font-family-body);

            font-size: 16px;

            font-weight: 400;

            line-height: 1.6em;

            color: #527282;

            background-color: #fff

          }

          & .btn-default.btn-highlighted:hover,

          & .main-menu ul li a,

          & .page-header-box h1 span,

          & .post-item-footer a.read-more-btn:hover,

          & h1,

          & h2,

          & h3,

          & h4,

          & h5,

          & h6 {

            color: var(--primary-color)

          }

          & p {

            line-height: 1.8em;

            margin-bottom: 1.6em

          }

          & h1,

          & h2,

          & h3,

          & h4,

          & h5,

          & h6 {

            margin: 0;

            font-weight: 700;

            line-height: 1.2em

          }

          & img {

            max-width: 100%

          }

          & a:focus,

          & a:hover {

            outline: 0

          }

          & body,

          & html {

            width: 100%;

            overflow-x: clip

          }

          & .container {

            max-width: 1300px

          }

          & .container,

          & .container-fluid,

          & .row > * {

            padding-right: 15px;

            padding-left: 15px

          }

          & .image-anime::after {

            content: "";

            position: absolute;

            width: 200%;

            height: 0%;

            left: 50%;

            top: 50%;

            background-color: rgba(255,255,255,.3);

            transform: translate(-50%,-50%) rotate(-45deg);

            z-index: 1

          }

          & .btn-default:hover,

          & .image-anime:hover::after {

            background-color: rgba(255,255,255,0)

          }

          & .image-anime:hover::after {

            height: 250%;

            transition: .6s linear

          }

          & .reveal {

            display: inline-flex;

            visibility: hidden

          }

          & .btn-default {

            background: #a7e800;

            display: inline-block;

            line-height: 1.5em;

            font-size: 14px;

            font-weight: 600;

            padding: 14px 50px 14px 20px;

            border-radius: 99px;

            border: currentcolor;

            border-image: initial;

            transition: .5s ease-in-out;

            z-index: 1

          }

          & .reveal img {

            height: 100%;

            width: 100%;

            object-fit: cover;

            transform-origin: left center

          }

          & .row {

            margin-right: -15px;

            margin-left: -15px

          }

          & .btn-default.btn-highlighted:hover::before,

          & .main-menu ul ul,

          & .testimonial-slider .testimonial-button-next:hover,

          & .testimonial-slider .testimonial-button-prev:hover {

            background-color: var(--primary-color)

          }

          & .btn-default::before {

            content: "";

            position: absolute;

            top: 50%;

            right: 0;

            bottom: 0;

            width: 30px;

            height: 30px;

            border-radius: 50%;

            background-color: #fff;

            background-image: url("../images/arrow-blue.svg");

            background-repeat: no-repeat;

            background-position: center center;

            background-size: 10px;

            transform: translate(-10px,-50%);

            transition: .4s ease-in-out

          }

          & .btn-default:hover::before {

            transform: translate(-10px,-50%) rotate(45deg);

            background-size: 10px

          }

          & .btn-default::after {

            content: "";

            display: block;

            position: absolute;

            top: 0;

            left: 0;

            bottom: 0;

            width: 0;

            height: 100%;

            border-radius: 99px;

            background: var(--primary-color);

            transition: .4s ease-in-out;

            z-index: -1

          }

          & .btn-default:hover::after {

            width: 100%

          }

          & .footer-links ul li:hover a,

          & .main-menu ul li a:focus,

          & .main-menu ul li a:hover,

          & .page-header-box ol .breadcrumb-item + .breadcrumb-item::before {

            color: var(--accent-color)

          }

          & .btn-default.btn-highlighted::after {

            background-color: #fff

          }

          & .preloader {

            position: fixed;

            left: 0;

            top: 0;

            right: 0;

            bottom: 0;

            z-index: 1000;

            background-color: var(--accent-color);

            display: flex;

            align-items: center;

            justify-content: center

          }

          & .slicknav_btn,

          & .slicknav_menu {

            background: var(--primary-color)

          }

          & .loading {

            height: 100px;

            position: relative;

            width: 100px;

            border-radius: 100%;

            border-width: 1px;

            border-style: solid;

            border-image: initial;

            border-color: rgba(255,255,255,0) #fff;

            animation: 1.5s linear infinite rotate-loading;

            transform-origin: 50% 50%

          }

          & header.main-header,

          & header.main-header .header-sticky.active {

            border-bottom: 1px solid rgba(14,56,76,.1)

          }

          & header.main-header {

            background-color: var(--secondary-color);

            position: relative;

            z-index: 100

          }

          & header.main-header .header-sticky {

            position: relative;

            top: 0;

            z-index: 100

          }

          & header.main-header .header-sticky.hide {

            transform: translateY(-100%);

            transition: transform .3s ease-in-out;

            border-radius: 0

          }

          & header.main-header .header-sticky.active {

            position: fixed;

            top: 0;

            left: 0;

            right: 0;

            border-radius: 0;

            transform: translateY(0);

            background: var(--secondary-color);

            backdrop-filter: blur(30px)

          }

          & .navbar {

            padding: 30px 0;

            align-items: center

          }

          & .navbar-brand {

            padding: 0;

            margin: 0

          }

          & .main-menu .nav-menu-wrapper {

            flex: 1 1 0%;

            text-align: center

          }

          & .main-menu .nav-menu-wrapper > ul {

            align-items: center;

            display: inline-flex

          }

          & .main-menu ul li {

            margin: 0 9px;

            position: relative

          }

          & .main-menu ul li a {

            font-size: 18px;

            font-weight: 500;

            transition: .3s ease-in-out;

            padding: 14px 10px!important

          }

          & .main-menu ul li.submenu > a::after {

            content: "";

            font-family: "Font Awesome 6 Free";

            font-weight: 900;

            font-size: 14px;

            margin-left: 8px

          }

          & .main-menu ul ul {

            visibility: hidden;

            opacity: 0;

            transform: scaleY(.8);

            transform-origin: center top;

            padding: 0;

            margin: 0;

            list-style: none;

            width: 240px;

            border-radius: 20px;

            position: absolute;

            left: 0;

            top: 100%;

            transition: .3s ease-in-out;

            text-align: left

          }

          & .main-menu ul li.submenu:first-child ul {

            width: 250px

          }

          & .main-menu ul ul ul {

            left: 100%;

            top: 0;

            text-align: left

          }

          & .main-menu ul li:hover > ul {

            visibility: visible;

            opacity: 1;

            transform: scaleY(1);

            padding: 5px 0

          }

          & .main-menu ul li.submenu ul li.submenu > a::after {

            content: "";

            float: right

          }

          & .main-menu ul ul li {

            margin: 0;

            padding: 0

          }

          & .main-menu ul ul li a {

            color: #fff;

            transition: .3s ease-in-out;

            padding: 8px 20px!important

          }

          & .main-menu ul ul li a:focus,

          & .main-menu ul ul li a:hover {

            color: var(--accent-color);

            background-color: rgba(255,255,255,0);

            padding: 8px 20px 8px 23px!important

          }

          & .navbar-toggle,

          & .responsive-menu {

            display: none

          }

          & .responsive-menu {

            top: 0;

            position: relative

          }

          & .slicknav_btn {

            padding: 0;

            display: flex;

            align-items: center;

            justify-content: center;

            width: 38px;

            height: 38px;

            margin: 0;

            border-radius: 8px

          }

          & .slicknav_icon .slicknav_icon-bar {

            display: block;

            height: 3px;

            width: 22px;

            background-color: #fff;

            border-radius: 6px;

            transition: .1s ease-in-out;

            margin: 4px auto!important

          }

          & .slicknav_icon .slicknav_icon-bar:first-child {

            margin-top: 0!important

          }

          & .slicknav_icon .slicknav_icon-bar:last-child {

            margin-bottom: 0!important

          }

          & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:first-child {

            transform: rotate(-45deg) translate(-5px,5px)

          }

          & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {

            opacity: 0

          }

          & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {

            transform: rotate(45deg) translate(-5px,-5px)

          }

          & .slicknav_menu {

            position: absolute;

            width: 100%;

            padding: 0

          }

          & .slicknav_menu ul {

            margin: 5px 0

          }

          & .slicknav_nav .slicknav_row,

          & .slicknav_nav li a {

            position: relative;

            font-size: 16px;

            font-weight: 500;

            padding: 10px 20px;

            color: #fff;

            line-height: normal;

            margin: 0;

            transition: .3s ease-in-out;

            border-radius: 0!important

          }

          & .slicknav_nav .slicknav_row:hover,

          & .slicknav_nav a:focus,

          & .slicknav_nav a:hover {

            background-color: rgba(255,255,255,0);

            color: var(--accent-color)

          }

          & .slicknav_menu ul ul li a {

            padding: 10px 20px 10px 30px

          }

          & .slicknav_arrow {

            font-size: 0px!important

          }

          & .slicknav_arrow::after {

            content: "";

            font-family: "Font Awesome 6 Free";

            font-weight: 900;

            font-size: 12px;

            margin-left: 8px;

            color: #fff;

            position: absolute;

            right: 15px;

            top: 15px;

            transition: .3s ease-out

          }

          & .slicknav_open > a .slicknav_arrow::after {

            transform: rotate(-180deg);

            color: var(--accent-color)

          }

          & .read-more-btn {

            position: relative;

            z-index: 1

          }

          & .error-page,

          & .page-blog,

          & .page-book-appointment,

          & .page-faqs,

          & .page-service-single,

          & .page-single-post,

          & .page-techonology {

            padding: 100px 0

          }

          & .post-item-footer a.read-more-btn::after,

          & .read-more-btn a::after {

            background-image: url("../images/arrow-white.svg");

            width: 24px;

            height: 24px

          }

          & .hero-slider-layout .swiper-pagination {

            bottom: 80px

          }

          & .hero-slider-layout .swiper-pagination .swiper-pagination-bullet {

            width: 15px;

            height: 15px;

            background: #fff;

            opacity: 1;

            transition: .3s ease-in-out;

            margin: 0 5px

          }

          & .hero-slider-layout .swiper-pagination .swiper-pagination-bullet-active,

          & .read-more-btn a::after {

            background-color: var(--accent-color)

          }

          & .footer-copyright-text p {

            margin: 0

          }

          & .post-image figure {

            display: block

          }

          & .read-more-btn a::after {

            content: "";

            position: absolute;

            top: 0;

            bottom: 0;

            right: 0;

            background-repeat: no-repeat;

            background-position: center center;

            background-size: 10px;

            border-radius: 50%;

            transition: .4s ease-in-out

          }

          & .read-more-btn a {

            font-size: 14px;

            color: var(--accent-color);

            font-weight: 600;

            transition: .5s ease-in-out;

            display: inline-block;

            position: relative;

            padding-right: 35px

          }

          & .read-more-btn a:hover::after {

            background-size: 10px;

            transform: rotate(45deg)

          }

          & .footer-links ul li:last-child {

            margin-bottom: 0

          }

          & .blog-item {

            position: relative;

            height: calc(100% - 30px);

            margin-bottom: 30px;

            z-index: 1

          }

          & .blog-item:hover .post-featured-image img {

            transform: scale(1.1)

          }

          & .footer-links h3,

          & .post-item-body h2,

          & .post-item-footer a.read-more-btn {

            font-weight: 600

          }

          & .testimonial-slider .testimonial-button-next,

          & .testimonial-slider .testimonial-button-prev {

            position: relative;

            width: 40px;

            height: 40px;

            background-color: var(--accent-color);

            border-radius: 6px;

            transition: .4s ease-in-out

          }

          & .testimonial-slider .testimonial-button-next {

            margin-left: 20px

          }

          & .testimonial-slider .testimonial-button-next::before,

          & .testimonial-slider .testimonial-button-prev::before {

            content: "";

            position: absolute;

            inset: 0px;

            background: url("../images/arrow-white.svg") center center/12px no-repeat;

            transform: rotate(45deg);

            display: flex;

            align-items: center;

            justify-content: center;

            transition: .4s ease-in-out

          }

          & .post-item-footer a.read-more-btn::after {

            background-repeat: no-repeat;

            background-position: center center;

            content: "";

            position: absolute;

            top: -2px;

            right: 0;

            bottom: 0;

            background-size: 10px;

            background-color: var(--accent-color);

            border-radius: 50%;

            transition: .4s ease-in-out

          }

          & .testimonial-slider .testimonial-button-prev::before {

            transform: rotate(225deg)

          }

          & .blog-item .post-featured-image {

            border-radius: 30px;

            overflow: hidden;

            margin-bottom: 30px

          }

          & .blog-item .post-featured-image a {

            display: block

          }

          & .blog-item .post-featured-image img {

            border-radius: 30px;

            aspect-ratio: 1/0.66;

            object-fit: cover;

            transition: .5s ease-in-out;

            max-height: 300px

          }

          & .post-item-body {

            margin-bottom: 15px

          }

          & .post-item-body h2 {

            color: var(--primary-color);

            font-size: 20px;

            line-height: 1.5em;

            margin-bottom: 20px

          }

          & .page-header-box ol li.breadcrumb-item a,

          & .post-item-body h2 a {

            color: inherit

          }

          & .post-item-footer a.read-more-btn {

            position: relative;

            color: var(--accent-color);

            font-size: 14px;

            padding-right: 35px;

            transition: .5s ease-in-out

          }

          & .post-item-footer a.read-more-btn:hover::after {

            transform: rotate(45deg);

            background-color: var(--primary-color)

          }

          & footer.main-footer {

            padding: 100px 0 0;

            background: var(--primary-color)

          }

          & .footer-links h3 {

            color: #fff;

            font-size: 20px;

            margin-bottom: 20px

          }

          & .footer-links ul {

            list-style: none;

            margin: 0;

            padding: 0

          }

          & .footer-links ul li {

            margin-bottom: 10px

          }

          & .footer-links ul li a {

            color: #fff;

            transition: .3s ease-in-out

          }

          & .footer-copyright {

            border-top: 1px solid rgba(255,255,255,.12);

            padding: 30px 0;

            text-align: center;

            margin-top: 60px

          }

          & .page-header-box h1 {

            font-size: 54px;

            font-weight: 700;

            text-align: center;

            color: var(--accent-color);

            margin-bottom: 20px

          }

          & .page-header-box ol {

            margin: 0;

            padding: 0;

            justify-content: center

          }

          & .page-header-box ol li.breadcrumb-item {

            font-size: 16px;

            font-weight: 500;

            color: var(--primary-color)

          }

          & .com-finder.finder,

          & .page-services,

          & .page-team {

            padding: 100px 0 70px

          }

          & .page-faqs .accordion-header .accordion-button {

            font-size: 20px;

            font-weight: 600;

            line-height: 1.2em;

            padding: 15px 50px 15px 20px

          }

          & .page-faqs .accordion-body {

            padding: 0 20px 20px

          }

          & .page-blog .blog-item {

            height: calc(100% - 40px);

            margin-bottom: 40px

          }

          & .post-pagination {

            margin-top: 30px;

            text-align: center

          }

          & .post-pagination ul {

            justify-content: center;

            padding: 0;

            margin: 0

          }

          & .post-pagination ul li a,

          & .post-pagination ul li span {

            display: flex;

            text-decoration: none;

            justify-content: center;

            align-items: center;

            background: var(--secondary-color);

            color: var(--primary-color);

            border-radius: 6px;

            width: 40px;

            height: 40px;

            margin: 0 5px;

            font-weight: 700;

            line-height: 1em;

            transition: .3s ease-in-out

          }

          & .post-pagination ul li a:hover,

          & .post-pagination ul li.active a {

            background: var(--accent-color);

            color: #fff

          }

          & .post-single-meta ol li.breadcrumb-item {

            font-size: 18px

          }

          & .post-single-meta ol li i {

            font-size: 18px;

            color: var(--accent-color);

            margin-right: 5px

          }

          & .post-image {

            position: relative;

            margin-bottom: 30px

          }

          & .post-image figure,

          & .post-image img {

            aspect-ratio: 1/0.5;

            object-fit: cover;

            border-radius: 40px

          }

          & .post-content {

            width: 100%;

            margin: 0 auto

          }

          & .page-team-single {

            padding: 0 0 100px

          }

          & .page-team-single .row {

            background-color: var(--primary-color);

            border-radius: 35px 30px 30px 35px

          }

          @media only screen and (max-width:1024px) {

            & .navbar {

              padding: 20px 0

            }

            & .main-menu ul li {

              margin: 0

            }

          }

          @media only screen and (max-width:991px) {

            & footer.main-footer {

              background-size: 100%;

              padding: 50px 0 0

            }

            & .navbar-toggle,

            & .responsive-menu,

            & .slicknav_nav li,

            & .slicknav_nav ul {

              display: block

            }

            & .error-page,

            & .page-blog,

            & .page-book-appointment,

            & .page-faqs,

            & .page-service-single,

            & .page-single-post,

            & .page-techonology {

              padding: 50px 0

            }

            & .hero-slider-layout .swiper-pagination {

              bottom: 40px

            }

            & .page-faqs .accordion-header .accordion-button {

              font-size: 18px

            }

            & .post-item-body h2 {

              margin-bottom: 15px

            }

            & .page-contact,

            & .page-team-single {

              padding: 50px 0 25px

            }

            & .blog-item .post-featured-image,

            & .post-image {

              margin-bottom: 20px

            }

            & .post-item-footer a.read-more-btn {

              padding-right: 30px

            }

            & .post-item-footer a.read-more-btn::after {

              top: 0;

              background-size: 8px;

              width: 20px;

              height: 20px

            }

            & .footer-copyright {

              margin-top: 40px;

              padding: 20px 0

            }

            & .page-header {

              background-size: contain;

              padding: 50px 0

            }

            & .page-header-box h1 {

              font-size: 44px;

              margin-bottom: 10px

            }

            & .page-services,

            & .page-team,

            & .page-testimonials {

              padding: 50px 0 20px

            }

            & .page-blog .blog-item {

              height: calc(100% - 30px);

              margin-bottom: 30px

            }

            & .post-pagination {

              margin-top: 10px

            }

            & .post-single-meta ol li i {

              font-size: 20px

            }

            & .page-team-single .row {

              border-radius: 40px 40px 30px 30px

            }

          }

          @media only screen and (max-width:767px) {

            & .page-header-box h1 {

              font-size: 34px

            }

            & .hero-slider-layout .swiper-pagination {

              bottom: 30px

            }

            & .post-item-body h2 {

              font-size: 18px;

              margin-bottom: 10px

            }

            & .post-single-meta ol li i {

              font-size: 18px

            }

            & .post-item-body {

              margin-bottom: 10px

            }

            & .footer-links h3 {

              margin-bottom: 15px

            }

            & .footer-copyright {

              padding: 10px 0

            }

            & .page-faqs .accordion-header .accordion-button {

              font-size: 16px;

              padding: 10px 40px 10px 10px

            }

            & .page-faqs .accordion-body {

              padding: 0 10px 10px

            }

            & .post-image figure,

            & .post-image img {

              aspect-ratio: 1/0.7

            }

          }

          & .view-article .page-header {

            padding: 0

          }

          & ul.result__taxonomy {

            font-size: .9rem;

            margin: 1rem 0;

            padding: .5rem;

            background: #eee;

            border-radius: .4rem

          }

          & .view-category.layout-blog .post-item-body h2 {

            min-height: 3em;

            display: flex;

            align-items: flex-start;

            margin-bottom: 1rem

          }

          & .page-single-post {

            padding: 50px 0

          }

          & .view-category.layout-blog .post-item-body h2 a {

            display: block;

            width: 100%

          }

          & [data-rlta-element=button] {

            margin-top: 2rem;

            display: block;

            background: 0 0!important;

            border: currentcolor!important;

            border-image: initial!important;

            padding: 0!important;

            outline: 0!important

          }

          & [data-rlta-element=button] [data-rlta-element=heading] {

            display: inline-block;

            position: relative;

            overflow: hidden;

            z-index: 1;

            font-weight: 600;

            font-size: 14px;

            line-height: 1.5em;

            color: #fff;

            padding: 14px 50px 14px 20px;

            border-radius: 99px;

            margin: 0;

            cursor: pointer;

            transition: .5s ease-in-out;

            background: var(--accent-color)

          }

          & [data-rlta-element=button] [data-rlta-element=heading]::before {

            content: "";

            position: absolute;

            top: 50%;

            right: 10px;

            width: 30px;

            height: 30px;

            border-radius: 50%;

            background-color: #fff;

            background-image: url("../images/arrow-blue.svg");

            background-repeat: no-repeat;

            background-position: center center;

            background-size: 10px;

            transform: translateY(-50%);

            transition: .4s ease-in-out;

            z-index: 2

          }

          & [data-rlta-element=button] [data-rlta-element=heading]::after {

            content: "";

            display: block;

            position: absolute;

            top: 0;

            left: 0;

            bottom: 0;

            width: 0;

            height: 100%;

            border-radius: 99px;

            background: var(--primary-color);

            transition: .4s ease-in-out;

            z-index: -1

          }

          & [data-rlta-element=button]:hover [data-rlta-element=heading]::after {

            width: 100%

          }

          & [data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading] {

            background: var(--primary-color)

          }

          & [data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading]::before {

            transform: translateY(-50%) rotate(180deg)

          }

          & .view-category [data-rlta-element=panel] {

            height: auto;

            font-size: .9rem;

            padding: .5rem 1rem;

            background: #eee;

            border-radius: .4rem

          }

          & a {

            color: var(--primary-color);

            color: #8776ff

          }

          & footer,

          & footer a {

            color: #fff

          }

          & .btn-primary {

            background-color: var(--accent-color);

            border-color: var(--accent-color)

          }

          & .btn-primary:hover {

            background: var(--primary-color)

          }

          & .list-unstyled li.current.active a,

          & .main-menu ul li.current.active a,

          & .slicknav_nav li.current.active a {

            color: var(--accent-color)

          }

          & footer .nav {

            display: block

          }

          & .nav-item > a.btn-default {

            font-size: 14px;

            width: 160px;

            color: #fff!important;

            padding-right: 30px!important

          }

          @media (max-width:991.8px) {

            & .nav-item > a.btn-default {

              width: 100%

            }

          }

          & a:hover {

            color: #0be7e0

          }

          & .h1,

          & h1 {

            font-size: 2rem;

            padding-bottom: 15px;

            color: #8776ff

          }

          & .h2,

          & h2 {

            font-size: 1.5rem;

            padding-bottom: 15px;

            color: #333

          }

          & .h3,

          & h3 {

            font-size: 1.2rem;

            padding-bottom: 15px;

            color: #8776ff

          }

          & h3.velky {

            font-size: 1.5rem

          }

          & h2.FAQ {

            font-size: 19px;

            border-bottom: 1px solid #e8e8e8;

            margin-bottom: 20px

          }

          & h4 {

            font-size: 1.1em;

            padding-bottom: 15px

          }

          & .wf-columns .wf-column {

            max-width: 100%;

            box-sizing: border-box;

            flex: 1 1 0%

          }

          & .wf-columns-stack-large,

          & .wf-columns-stack-medium,

          & .wf-columns-stack-small,

          & .wf-columns-stack-xlarge {

            flex-wrap: wrap

          }

          & .wf-columns {

            display: flex;

            gap: 3rem!important

          }

          & .wd-whitening {

            --wd-purple: #8a74ff;

            --wd-purple-soft: #f2efff;

            --wd-turquoise: #13d4d4;

            --wd-turquoise-dark: #09bcbc;

            --wd-ink: #171c2a;

            --wd-text: #49677a;

            --wd-line: #dce8ee;

            --wd-soft: #f7fafb;

            --wd-shadow: 0 18px 48px rgba(33, 66, 83, .10);

            color: var(--wd-text);

            overflow: hidden

          }

          & .wd-whitening h1,

          & .wd-whitening h2,

          & .wd-whitening h3 {

            color: var(--wd-ink);

            line-height: 1.32

          }

          & .wd-whitening h1 {

            letter-spacing: -.045em

          }

          & .wd-whitening h1 span {

            color: #a7e800

          }

          & .wd-whitening .wd-kicker {

            color: #8776ff

          }

          & .wd-whitening p {

            line-height: 1.75

          }

          & .wd-section {

            padding: 5.25rem 0

          }

          & .wd-heading-center {

            max-width: 760px;

            margin-bottom: 2.625rem

          }

          & .wd-eyebrow,

          & .wd-kicker {

            display: inline-block;

            margin-bottom: .875rem;

            font-size: .8125rem;

            font-weight: 800;

            letter-spacing: .08em;

            text-transform: uppercase

          }

          & .wd-eyebrow {

            padding: .5rem .75rem;

            color: var(--wd-purple);

            background: var(--wd-purple-soft);

            border-radius: 999px

          }

          & .wd-hero__lead {

            max-width: 590px;

            font-size: 1.1875rem

          }

          & .wd-btn {

            min-height: 52px;

            padding: 0 1.5rem;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: .75rem;

            border-width: 2px;

            border-radius: 999px;

            font-weight: 800;

            transition: transform .2s,box-shadow .2s,background-color .2s,border-color .2s

          }

          & .wd-btn:hover {

            transform: translateY(-2px)

          }

          & .wd-btn--primary {

            color: #fff;

            background: var(--wd-turquoise);

            border-color: var(--wd-turquoise);

            box-shadow: rgba(19,212,212,.25) 0 12px 26px

          }

          & .wd-btn--primary:focus,

          & .wd-btn--primary:hover {

            color: #fff;

            background: #a7e800;

            border-color: #a7e800

          }

          & .wd-btn--primary span {

            display: grid;

            width: 25px;

            height: 25px;

            place-items: center;

            color: #a7e800;

            background: #fff;

            border-radius: 50%

          }

          & .wd-btn--outline {

            color: var(--wd-ink);

            background: rgba(255,255,255,.86);

            border-color: #b9d6df

          }

          & .wd-btn--outline:focus,

          & .wd-btn--outline:hover {

            color: var(--wd-purple);

            background: #fff;

            border-color: var(--wd-purple)

          }

          & .wd-hero {

            background: radial-gradient(circle at 91% 22%,rgba(19,212,212,.24),transparent 31%),linear-gradient(#fff 0,#fbfeff 100%)

          }

          & .wd-hero__visual {

            position: relative;

            height: 600px;

            min-height: 600px;

            overflow: hidden;

            border-radius: 0 0 0 70px

          }

          & .wd-hero__visual img {

            display: block;

            width: 100%;

            max-width: none;

            object-fit: cover;

            object-position: 68% center;

            border-radius: 0;

            height: 100%!important

          }

          & .wd-hero__visual::after,

          & .wd-hero__visual::before {

            position: absolute;

            content: "";

            border: 1px solid rgba(19,212,212,.42);

            border-radius: 50%

          }

          & .wd-hero__visual::before {

            width: 180px;

            height: 180px;

            left: -70px;

            top: 240px

          }

          & .wd-hero__visual::after {

            width: 260px;

            height: 260px;

            right: -100px;

            bottom: 60px

          }

          & .wd-hero__badge {

            position: absolute;

            right: 28px;

            bottom: 68px;

            z-index: 2;

            display: grid;

            width: 142px;

            height: 142px;

            place-content: center;

            text-align: center;

            color: var(--wd-ink);

            background: #fff;

            border-radius: 50%;

            box-shadow: var(--wd-shadow)

          }

          & .wd-hero__badge span {

            color: var(--wd-turquoise);

            font-size: 2.125rem

          }

          & .wd-hero__badge small {

            display: block

          }

          & .wd-proof {

            display: flex;

            align-items: center;

            gap: .5rem;

            color: var(--wd-ink);

            font-size: .875rem;

            font-weight: 700

          }

          & .wd-proof span {

            color: var(--wd-turquoise);

            font-size: 1.5rem

          }

          & .wd-benefits {

            overflow: hidden;

            background: #fff;

            border: 1px solid rgba(185,214,223,.65);

            border-radius: 22px;

            box-shadow: var(--wd-shadow)

          }

          & .wd-benefit {

            min-height: 142px;

            padding: 1.5rem .875rem;

            text-align: center;

            color: var(--wd-ink);

            border-right: 1px solid var(--wd-line)

          }

          & div.clear {

            clear: both;

            margin-bottom: 50px

          }

          & .wd-benefits .row > div:last-child .wd-benefit {

            border-right: 0px

          }

          & .wd-icon {

            display: block;

            margin-bottom: .625rem;

            color: var(--wd-turquoise);

            font-size: 2.25rem;

            line-height: 1

          }

          & .wd-benefit strong {

            font-size: .875rem;

            line-height: 1.4

          }

          & .wd-section--why {

            padding-top: 7rem

          }

          & .wd-checklist {

            display: grid;

            gap: .625rem

          }

          & .wd-checklist li {

            color: var(--wd-ink)

          }

          & .wd-checklist li::before {

            content: "âś“";

            display: grid;

            place-items: center;

            background: var(--wd-purple)

          }

          & .wd-media-card {

            overflow: hidden;

            padding: .875rem;

            background: #fff;

            border-radius: 22px;

            box-shadow: var(--wd-shadow)

          }

          & .wd-section--results {

            background: var(--wd-soft)

          }

          & .wd-result-card {

            position: relative;

            overflow: hidden;

            background: #fff;

            border-radius: 18px;

            box-shadow: var(--wd-shadow)

          }

          & .wd-result-label {

            position: absolute;

            z-index: 2;

            left: .875rem;

            top: .875rem;

            padding: .4375rem .75rem;

            color: #fff;

            background: var(--wd-purple);

            border-radius: 999px;

            font-size: .75rem;

            font-weight: 800;

            text-transform: uppercase

          }

          & .wd-note {

            font-size: .8125rem

          }

          & .wd-step {

            position: relative;

            text-align: center

          }

          & .wd-step__number {

            position: absolute;

            z-index: 3;

            left: calc(50% - 48px);

            top: -4px;

            display: grid;

            width: 46px;

            height: 46px;

            place-items: center;

            color: #fff;

            background: var(--wd-purple);

            border-radius: 50%;

            font-size: .75rem;

            font-weight: 800

          }

          & .wd-step__icon {

            display: grid;

            width: 94px;

            height: 94px;

            margin: 0 auto 1.125rem;

            place-items: center;

            color: var(--wd-turquoise);

            background: #fff;

            border: 1px solid var(--wd-line);

            border-radius: 50%;

            box-shadow: rgba(33,66,83,.07) 0 10px 26px;

            font-size: 2.375rem

          }

          & .wd-step p {

            margin-bottom: 0;

            font-size: .9375rem

          }

          & .wd-compare,

          & .wd-info-card {

            padding: 1.75rem;

            border-radius: 18px

          }

          & .wd-info-card--green {

            background: rgba(19,212,212,.1)

          }

          & .wd-info-card--red {

            background: rgba(218,255,127,.2)

          }

          & .wd-info-card__sub {

            margin-top: -.25rem;

            font-size: .75rem;

            font-weight: 800;

            text-transform: uppercase

          }

          & .wd-info-card ul {

            display: grid;

            gap: .5625rem;

            padding-left: 1.25rem

          }

          & .wd-info-card li {

            font-size: .875rem

          }

          & .wd-compare {

            background: #f2f6ff

          }

          & .wd-compare .table,

          & .wd-info-card .table {

            min-width: 450px;

            margin-bottom: 0;

            color: var(--wd-ink);

            background: rgba(255,255,255,.68);

            font-size: .95rem

          }

          & .wd-compare .table > :not(caption) > * > *,

          & .wd-info-card .table > :not(caption) > * > * {

            padding: .75rem;

            color: var(--wd-ink);

            background: rgba(255,255,255,0);

            border-color: #dfe7f4;

            vertical-align: middle

          }

          & .wd-compare .table th,

          & .wd-info-card .table th {

            font-size: .95rem;

            font-weight: 600;

            line-height: 1.45

          }

          & .wd-compare .table td,

          & .wd-info-card .table td {

            font-size: .95rem;

            line-height: 1.45

          }

          & .wd-compare .table td:last-child,

          & .wd-info-card .table td:last-child {

            color: var(--wd-purple);

            font-weight: 800;

            white-space: nowrap;

            text-align: right

          }

          & .wd-compare .table td:last-child strong,

          & .wd-info-card .table td:last-child strong {

            color: inherit;

            font-size: inherit;

            font-weight: inherit

          }

          & .wd-occasion {

            display: grid;

            min-height: 130px;

            padding: 1.375rem;

            place-content: center;

            text-align: center;

            color: var(--wd-ink);

            background: #fff;

            border: 1px solid var(--wd-line);

            border-radius: 16px;

            transition: transform .2s,box-shadow .2s

          }

          & .wd-occasion:hover {

            transform: translateY(-4px);

            box-shadow: var(--wd-shadow)

          }

          & .wd-occasion span {

            margin-bottom: .625rem;

            color: var(--wd-turquoise);

            font-size: 2.1875rem

          }

          & .wd-section--faq {

            background: radial-gradient(circle at 80% 20%,rgba(19,212,212,.12),transparent 28%),#f3fbfc

          }

          & .wd-accordion .accordion-item {

            margin-bottom: .75rem;

            overflow: hidden;

            background: #fff;

            border: 1px solid var(--wd-line);

            border-radius: 12px

          }

          & .wd-accordion .accordion-button {

            color: var(--wd-ink);

            background: #fff;

            font-weight: 800;

            box-shadow: none

          }

          & .wd-accordion .accordion-button:not(.collapsed) {

            color: var(--wd-purple);

            background: var(--wd-purple-soft)

          }

          & .wd-accordion .accordion-button:focus {

            border-color: var(--wd-purple);

            box-shadow: rgba(138,116,255,.15) 0 0 0 .25rem

          }

          & .wd-contact-card {

            overflow: hidden;

            background: #fff;

            border-radius: 18px;

            box-shadow: var(--wd-shadow)

          }

          & .wd-contact-card img {

            aspect-ratio: 16/10;

            object-fit: cover

          }

          & .wd-contact-card__body {

            padding: 1.625rem

          }

          & .wd-contact-card__body a {

            color: var(--wd-purple);

            font-weight: 800

          }

          & .wd-cta {

            background: radial-gradient(circle at 88% 40%,rgba(138,116,255,.12),transparent 25%),linear-gradient(90deg,#e9fbfc,#fff)

          }

          & .wd-cta__image {

            max-height: 410px;

            object-fit: contain;

            object-position: center bottom

          }

          @media (max-width:991.98px) {

            & .wd-hero__visual {

              min-height: 520px

            }

            & .wd-benefit {

              border-bottom: 1px solid var(--wd-line)

            }

            & .wd-benefits .row > div:nth-child(3n) .wd-benefit {

              border-right: 0px

            }

            & .wd-benefits .row > div:nth-last-child(-n+3) .wd-benefit {

              border-bottom: 0

            }

          }

          @media (max-width:767.98px) {

            & .wd-section {

              padding: 4rem 0

            }

            & .wd-whitening h1 {

              font-size: 2.7rem

            }

            & .wd-whitening h2 {

              font-size: 2.05rem

            }

            & .wd-hero__visual {

              min-height: 420px

            }

            & .wd-hero__visual img {

              border-radius: 28px

            }

            & .wd-hero__badge {

              right: 14px;

              bottom: 18px;

              width: 118px;

              height: 118px

            }

            & .wd-benefits .row > div:nth-child(3n) .wd-benefit {

              border-right: 1px solid var(--wd-line)

            }

            & .wd-benefits .row > div:nth-child(2n) .wd-benefit {

              border-right: 0px

            }

            & .wd-benefits .row > div:nth-last-child(-n+2) .wd-benefit {

              border-bottom: 0

            }

            & .wd-section--why {

              padding-top: 5.5rem

            }

          }

          @media (max-width:575.98px) {

            & .wd-whitening h1 {

              font-size: 2.25rem

            }

            & .wd-btn {

              width: 100%

            }

            & .wd-hero__visual {

              min-height: 340px

            }

            & .wd-benefit {

              border-right: 0px!important

            }

            & .wd-benefits .row > div:not(:last-child) .wd-benefit {

              border-bottom: 1px solid var(--wd-line)

            }

          }

          @media (min-width:992px) {

            & .wd-hero .wd-btn {

              white-space: nowrap;

              flex: 0 0 auto

            }

          }

          @media (max-width:991.98px) {

            & .wd-hero__visual {

              height: 520px;

              min-height: 520px;

              border-radius: 28px

            }

            & .wd-hero__visual img {

              object-position: 68% center

            }

          }

          @media (max-width:767.98px) {

            & .wd-hero__visual {

              height: 440px;

              min-height: 440px

            }

          }

          @media (max-width:575.98px) {

            & .wd-hero__visual {

              height: 360px;

              min-height: 360px

            }

          }

          @media (min-width:1200px) {

            & .display-3 {

              font-size: 2.7rem!important

            }

          }

          & .wd-contact-icon {

            display: inline-flex;

            flex: 0 0 30px;

            width: 30px;

            height: 30px;

            align-items: center;

            justify-content: center;

            margin-top: 1px;

            color: #fff;

            background: #13d4d4;

            border-radius: 50%;

            font-size: 16px;

            line-height: 1

          }

          & .wd-info-card a {

            color: #171c2a

          }

          & .wd-info-card a:hover {

            color: #8a74ff

          }

          & .wd-home-info-strip {

            background: #fff

          }

          & .wd-insurance-item {

            height: 100%;

            padding: 12px 15px;

            color: var(--wd-ink);

            background: rgba(255,255,255,.75);

            border: 1px solid var(--wd-line);

            border-radius: 12px

          }

          & .wd-insurance-item strong {

            color: var(--wd-purple)

          }

          & .wd-home-info-strip .wd-contact-icon {

            width: 42px;

            height: 42px;

            flex-basis: 42px;

            font-size: 21px

          }

          @media (max-width:767.98px) {

            & .wd-home-info-strip {

              padding-top: 20px!important;

              padding-bottom: 20px!important

            }

          }

          & .wd-checklist {

            list-style: none;

            margin: 0;

            padding: 0

          }

          & .wd-checklist li {

            position: relative;

            padding-left: 38px;

            margin-bottom: 14px;

            line-height: 1.6

          }

          & .wd-checklist li::before {

            content: "✓";

            position: absolute;

            left: 0;

            top: 2px;

            display: flex;

            align-items: center;

            justify-content: center;

            width: 24px;

            height: 24px;

            border-radius: 50%;

            background: #19d3d1;

            color: #fff;

            font-size: 14px;

            font-weight: 700

          }

          & .wd-contact-card .btn,

          & .wd-contact-card .btn-primary,

          & .wd-contact-card button[type=submit],

          & .wd-contact-card input[type=submit] {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            background: #13d4d4;

            border: 2px solid #13d4d4;

            color: #fff;

            font-size: 1rem;

            font-weight: 700;

            padding: .9rem 1.8rem;

            border-radius: 999px;

            text-decoration: none;

            transition: .25s;

            box-shadow: rgba(57,181,74,.18) 0 12px 30px

          }

          & .wd-contact-card .btn-primary:hover,

          & .wd-contact-card .btn:hover,

          & .wd-contact-card button[type=submit]:hover,

          & .wd-contact-card input[type=submit]:hover {

            background: #13d4d4;

            border-color: #13d4d4;

            color: #fff;

            transform: translateY(-2px);

            box-shadow: rgba(57,181,74,.28) 0 16px 36px

          }

          & .wd-contact-card button[type=submit]:focus,

          & .wd-contact-card input[type=submit]:focus {

            outline: 0;

            box-shadow: rgba(57,181,74,.18) 0 0 0 4px

          }

          @media (min-width:1200px) {

            & .display-6 {

              font-size: 2rem!important

            }

          }

          & p.display-6.fw-bold {

            margin-bottom: 0

          }

          & .blog-item:hover .post-featured-image img {

            transform: none

          }

          & .sta-eshop-cenik {

            --wd-green: #a1d600;

            --wd-purple: #8a74ff;

            --wd-cyan: #20c8c8;

            --wd-ink: #121827;

            --wd-muted: #637381;

            --wd-soft: #f6f7fb;

            color: var(--wd-ink)

          }

          & .sta-eshop-cenik .wd-hero {

            position: relative;

            overflow: hidden;

            background: radial-gradient(circle at 82% 20%,rgba(138,116,255,.16),transparent 30%),linear-gradient(#fff,#fbfbff)

          }

          & .sta-eshop-cenik .wd-eyebrow,

          & .sta-eshop-cenik .wd-kicker {

            display: inline-block;

            margin-bottom: 16px;

            padding: 8px 13px;

            border-radius: 999px;

            background: #f0edff;

            color: #6652df;

            font-size: .78rem;

            font-weight: 900;

            letter-spacing: .07em;

            text-transform: uppercase

          }

          & .sta-eshop-cenik h1,

          & .sta-eshop-cenik h2,

          & .sta-eshop-cenik h3 {

            letter-spacing: -.035em

          }

          & .sta-eshop-cenik h1 span {

            color: var(--wd-green)

          }

          & .sta-eshop-cenik .wd-heading-center p,

          & .sta-eshop-cenik .wd-hero__lead {

            color: var(--wd-muted);

            font-size: 1.13rem;

            line-height: 1.7

          }

          & .sta-eshop-cenik .wd-btn {

            border-radius: 13px;

            padding: 13px 20px;

            font-weight: 850;

            transition: .2s

          }

          & .sta-eshop-cenik .wd-btn:hover {

            transform: translateY(-2px)

          }

          & .sta-eshop-cenik .wd-btn--primary {

            background: var(--wd-green);

            border-color: var(--wd-green);

            color: #182000

          }

          & .sta-eshop-cenik .wd-btn--outline {

            background: #fff;

            border: 2px solid #dfe2e7;

            color: var(--wd-ink)

          }

          & .sta-eshop-cenik .wd-proof {

            color: #677480;

            font-size: .93rem

          }

          & .sta-eshop-cenik .wd-proof span {

            color: var(--wd-purple);

            font-size: 1.25rem

          }

          & .sta-eshop-cenik .wd-hero__visual {

            position: relative

          }

          & .sta-eshop-cenik .wd-hero__badge {

            position: absolute;

            right: -12px;

            bottom: -18px;

            display: grid;

            grid-template-columns: auto 1fr;

            gap: 0 10px;

            max-width: 270px;

            padding: 15px 18px;

            border-radius: 18px;

            background: #fff;

            box-shadow: rgba(35,29,76,.18) 0 18px 50px

          }

          & .sta-eshop-cenik .wd-hero__badge > span {

            grid-row: 1/3;

            align-self: center;

            display: grid;

            place-items: center;

            width: 48px;

            height: 48px;

            border-radius: 50%;

            background: var(--wd-green);

            font-weight: 900

          }

          & .sta-eshop-cenik .wd-hero__badge strong {

            font-size: .95rem

          }

          & .sta-eshop-cenik .wd-hero__badge small {

            color: var(--wd-muted);

            line-height: 1.3

          }

          & .sta-shop-browser {

            overflow: hidden;

            border: 10px solid #fff;

            border-radius: 32px;

            background: #fff;

            box-shadow: rgba(45,37,96,.18) 0 30px 80px;

            transform: rotate(1.5deg)

          }

          & .sta-shop-browser__bar {

            display: flex;

            align-items: center;

            gap: 7px;

            padding: 14px 16px;

            background: #181c2a;

            color: #fff

          }

          & .sta-shop-browser__bar i {

            width: 9px;

            height: 9px;

            border-radius: 50%;

            background: var(--wd-green)

          }

          & .sta-shop-browser__bar i:nth-child(2) {

            background: var(--wd-purple)

          }

          & .sta-shop-browser__bar i:nth-child(3) {

            background: var(--wd-cyan)

          }

          & .sta-shop-browser__bar span {

            margin-left: auto;

            font-size: .72rem;

            opacity: .65

          }

          & .sta-shop-browser__body {

            min-height: 360px;

            display: grid;

            grid-template-columns: 1.25fr 0.75fr;

            gap: 18px;

            align-items: center;

            padding: 32px;

            background: linear-gradient(145deg,#f7f9fb,#eeebff)

          }

          & .sta-shop-product {

            display: flex;

            flex-direction: column;

            gap: 8px

          }

          & .sta-shop-product > span {

            align-self: flex-start;

            padding: 5px 9px;

            border-radius: 999px;

            background: var(--wd-green);

            font-size: .68rem;

            font-weight: 900;

            text-transform: uppercase

          }

          & .sta-shop-product__image {

            display: grid;

            place-items: center;

            min-height: 150px;

            border-radius: 24px;

            background: #fff;

            color: var(--wd-purple);

            font-size: 4rem;

            box-shadow: rgba(40,34,76,.1) 0 12px 35px

          }

          & .sta-shop-product strong {

            font-size: 1.15rem

          }

          & .sta-shop-product small {

            color: var(--wd-muted)

          }

          & .sta-shop-cart {

            display: flex;

            flex-direction: column;

            gap: 12px;

            padding: 22px;

            border-radius: 22px;

            background: #fff;

            box-shadow: rgba(40,34,76,.1) 0 12px 35px

          }

          & .sta-shop-cart span {

            color: var(--wd-muted)

          }

          & .sta-shop-cart strong {

            padding: 10px;

            border-radius: 10px;

            background: var(--wd-purple);

            color: #fff;

            text-align: center

          }

          & .sta-eshop-cenik .wd-benefits {

            overflow: hidden;

            border: 1px solid #e7e9ef;

            border-radius: 22px;

            background: #fff;

            box-shadow: rgba(33,39,60,.07) 0 12px 38px

          }

          & .sta-eshop-cenik .wd-benefit {

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 12px;

            padding: 20px;

            border-right: 1px solid #e7e9ef

          }

          & .sta-eshop-cenik .wd-icon {

            color: var(--wd-purple);

            font-size: 1.5rem

          }

          & .sta-eshop-cenik .wd-section {

            padding: 90px 0

          }

          & .sta-eshop-cenik .wd-section--why {

            background: #fff

          }

          & .sta-eshop-cenik .wd-section--results {

            background: var(--wd-soft)

          }

          & .sta-eshop-cenik .wd-section--advice {

            background: #fff

          }

          & .sta-eshop-cenik .wd-section--faq {

            background: linear-gradient(#f7f8fc,#fff)

          }

          & .sta-eshop-cenik .wd-heading-center {

            max-width: 760px;

            margin-bottom: 45px

          }

          & .sta-eshop-cenik .wd-occasion {

            display: flex;

            align-items: center;

            gap: 14px;

            padding: 20px;

            border: 1px solid #e6e8ee;

            border-radius: 18px;

            background: #fff;

            box-shadow: rgba(31,37,56,.06) 0 8px 25px

          }

          & .sta-eshop-cenik .wd-occasion span {

            display: grid;

            place-items: center;

            flex: 0 0 42px;

            height: 42px;

            border-radius: 50%;

            background: #f0edff;

            color: var(--wd-purple);

            font-weight: 900

          }

          & .sta-eshop-cenik .wd-compare,

          & .sta-eshop-cenik .wd-info-card {

            position: relative;

            padding: 30px;

            border: 1px solid #e2e5eb;

            border-radius: 26px;

            background: #fff;

            box-shadow: rgba(35,40,58,.08) 0 14px 42px

          }

          & .sta-eshop-cenik .wd-info-card--green {

            border-top: 5px solid var(--wd-green)

          }

          & .sta-eshop-cenik .wd-info-card--purple {

            border-top: 5px solid var(--wd-purple)

          }

          & .sta-eshop-cenik .wd-card-icon {

            display: grid;

            place-items: center;

            width: 52px;

            height: 52px;

            margin-bottom: 18px;

            border-radius: 16px;

            background: #eff5df;

            color: #4a6100;

            font-weight: 900

          }

          & .sta-eshop-cenik .wd-info-card--purple .wd-card-icon {

            background: #f0edff;

            color: var(--wd-purple)

          }

          & .sta-price-card {

            display: flex;

            flex-direction: column

          }

          & .sta-price-card > p,

          & .sta-price-card li {

            color: var(--wd-muted)

          }

          & .sta-price {

            font-size: 2.05rem;

            font-weight: 900;

            letter-spacing: -.04em;

            margin: 4px 0 18px!important;

            color: var(--wd-ink)!important

          }

          & .sta-price small {

            font-size: .85rem;

            color: var(--wd-muted)

          }

          & .sta-price-card--featured {

            transform: translateY(-10px);

            box-shadow: rgba(91,72,190,.18) 0 25px 65px!important

          }

          & .sta-ribbon {

            position: absolute;

            top: 20px;

            right: -8px;

            padding: 7px 13px;

            border-radius: 9px 0 0 9px;

            background: var(--wd-purple);

            color: #fff;

            font-size: .72rem;

            font-weight: 900;

            text-transform: uppercase

          }

          & .sta-ribbon::after {

            content: "";

            position: absolute;

            right: 0;

            bottom: -7px;

            border-width: 7px 8px 0 0;

            border-style: solid;

            border-color: #5140b4 rgba(255,255,255,0) rgba(255,255,255,0)

          }

          & .sta-eshop-cenik .wd-checklist {

            list-style: none;

            padding: 0;

            margin: 20px 0 26px

          }

          & .sta-eshop-cenik .wd-checklist li {

            position: relative;

            padding: 6px 0 6px 27px

          }

          & .sta-eshop-cenik .wd-checklist li::before {

            content: "✓";

            position: absolute;

            left: 0;

            color: var(--wd-green);

            font-weight: 950

          }

          & .sta-eshop-cenik .wd-info-card--purple .wd-checklist li::before {

            color: var(--wd-purple)

          }

          & .sta-eshop-cenik .table {

            min-width: 760px

          }

          & .sta-eshop-cenik .table th {

            padding: 18px;

            background: #171c2a;

            color: #fff;

            border: 0

          }

          & .sta-eshop-cenik .table td {

            padding: 16px 18px;

            border-color: #e6e8ee

          }

          & .sta-eshop-cenik .table tbody tr:nth-child(2n) {

            background: #f8f9fb

          }

          & .sta-eshop-cenik .table th:first-child {

            border-radius: 12px 0 0

          }

          & .sta-eshop-cenik .table th:last-child {

            border-radius: 0 12px 0 0

          }

          & .sta-compare-table td:not(:first-child),

          & .sta-compare-table th:not(:first-child) {

            text-align: center

          }

          & .sta-notes {

            display: grid;

            gap: 13px

          }

          & .sta-notes article {

            display: flex;

            gap: 18px;

            padding: 20px;

            border: 1px solid #e6e8ee;

            border-radius: 18px;

            background: #fff

          }

          & .sta-notes article > span {

            flex: 0 0 48px;

            color: var(--wd-purple);

            font-weight: 950;

            font-size: 1.25rem

          }

          & .sta-notes h3 {

            font-size: 1.05rem

          }

          & .sta-notes p {

            margin: 0;

            color: var(--wd-muted)

          }

          & .sta-eshop-cenik .wd-step {

            position: relative;

            padding: 28px;

            border: 1px solid #e4e7ec;

            border-radius: 22px;

            background: #fff

          }

          & .sta-eshop-cenik .wd-step__number {

            position: absolute;

            right: 18px;

            top: 12px;

            color: #edf0f3;

            font-size: 3rem;

            font-weight: 950

          }

          & .sta-eshop-cenik .wd-step__icon {

            display: grid;

            place-items: center;

            width: 50px;

            height: 50px;

            margin-bottom: 18px;

            border-radius: 16px;

            background: #f0edff;

            color: var(--wd-purple);

            font-size: 1.4rem

          }

          & .sta-eshop-cenik .wd-step h3 {

            font-size: 1.15rem

          }

          & .sta-eshop-cenik .wd-step p {

            margin: 0;

            color: var(--wd-muted)

          }

          & .sta-eshop-cenik .accordion-item {

            overflow: hidden;

            margin-bottom: 12px;

            border: 1px solid #e3e6eb!important;

            border-radius: 15px!important

          }

          & .sta-eshop-cenik .accordion-button {

            font-weight: 850

          }

          & .sta-eshop-cenik .accordion-button:not(.collapsed) {

            background: #f0edff;

            color: #4d3eba;

            box-shadow: none

          }

          & .sta-eshop-cenik .accordion-button:focus {

            border-color: var(--wd-purple);

            box-shadow: rgba(138,116,255,.18) 0 0 0 .2rem

          }

          & .sta-contact-simple {

            overflow: hidden;

            border: 0;

            border-radius: 25px;

            background: #171c2a;

            color: #fff;

            box-shadow: rgba(26,31,45,.2) 0 20px 55px

          }

          & .sta-contact-simple .wd-contact-card__body {

            padding: 30px

          }

          & .sta-contact-simple p {

            color: #c8ced8

          }

          & .sta-contact-simple a {

            color: var(--wd-green);

            font-weight: 850;

            text-decoration: none

          }

          & .sta-contact-simple .wd-card-icon {

            background: var(--wd-green);

            color: #182000

          }

          & .sta-eshop-cenik .wd-cta {

            overflow: hidden;

            background: linear-gradient(120deg,#171c2a,#33285d);

            color: #fff

          }

          & .sta-eshop-cenik .wd-cta p {

            color: #d4d8e2;

            font-size: 1.1rem

          }

          & .sta-cta-cart {

            position: relative;

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            width: 280px;

            height: 230px;

            margin: auto;

            border-radius: 45px;

            background: var(--wd-purple);

            transform: rotate(-5deg);

            box-shadow: rgba(0,0,0,.25) 0 22px 60px

          }

          & .sta-cta-cart::before {

            content: "";

            position: absolute;

            width: 125px;

            height: 85px;

            top: -46px;

            border-bottom: 0;

            border-radius: 70px 70px 0 0

          }

          & .sta-cta-cart span {

            display: grid;

            place-items: center;

            width: 58px;

            height: 58px;

            border-radius: 50%;

            background: var(--wd-green);

            color: #182000;

            font-size: 1.7rem;

            font-weight: 950

          }

          & .sta-cta-cart strong {

            margin-top: 16px;

            font-size: 1.5rem

          }

          & .sta-cta-cart small {

            opacity: .8

          }

          @media (max-width:991.98px) {

            & .sta-eshop-cenik .wd-section {

              padding: 65px 0

            }

            & .sta-price-card--featured {

              transform: none

            }

            & .sta-eshop-cenik .wd-benefit {

              justify-content: flex-start

            }

            & .sta-shop-browser__body {

              min-height: 310px

            }

            & .sta-eshop-cenik .wd-hero__badge {

              right: 8px

            }

          }

          @media (max-width:575.98px) {

            & .sta-eshop-cenik .wd-section {

              padding: 50px 0

            }

            & .sta-eshop-cenik .wd-benefit {

              padding: 14px 10px;

              font-size: .85rem

            }

            & .sta-eshop-cenik .wd-icon {

              font-size: 1.1rem

            }

            & .sta-shop-browser__body {

              grid-template-columns: 1fr;

              padding: 20px

            }

            & .sta-shop-cart {

              display: none

            }

            & .sta-eshop-cenik .wd-hero__badge {

              position: relative;

              right: auto;

              bottom: auto;

              margin: -12px 12px 0

            }

            & .sta-eshop-cenik .wd-compare,

            & .sta-eshop-cenik .wd-info-card {

              padding: 24px

            }

            & .sta-ribbon {

              right: 0

            }

          }

          & .wd-blog-intro {

            --blog-green: #a1d600;

            --blog-purple: #8a74ff;

            --blog-ink: #121827;

            --blog-muted: #637381;

            padding: 50px 0 36px

          }

          & .wd-blog-intro__inner {

            position: relative;

            overflow: hidden;

            margin: 0 auto;

            padding: clamp(28px,5vw,55px);

            border: 1px solid #e8e9f1;

            border-radius: 30px;

            background: radial-gradient(circle at 92% 12%,rgba(138,116,255,.16),transparent 28%),linear-gradient(135deg,#fff 0,#fbfbff 100%);

            box-shadow: rgba(37,41,61,.08) 0 18px 55px

          }

          & .wd-blog-intro__inner::after {

            content: "";

            position: absolute;

            right: -45px;

            bottom: -80px;

            width: 260px;

            height: 130px;

            border-top: 0;

            border-radius: 0 0 50% 50%;

            opacity: .12;

            transform: rotate(-8deg);

            pointer-events: none

          }

          & .wd-blog-intro__eyebrow {

            display: inline-block;

            margin-bottom: 15px;

            padding: 7px 12px;

            border-radius: 999px;

            background: #f0edff;

            color: #6652df;

            font-size: .76rem;

            font-weight: 900;

            letter-spacing: .08em;

            text-transform: uppercase

          }

          & .wd-blog-intro h1 {

            max-width: 820px;

            margin: 0 0 18px;

            color: var(--blog-ink);

            font-size: clamp(2rem, 5vw, 3.8rem);

            font-weight: 900;

            line-height: 1.06;

            letter-spacing: -.05em

          }

          & .wd-blog-intro h1 span {

            color: var(--blog-green)

          }

          & .wd-blog-intro p {

            max-width: 840px;

            margin: 0;

            color: var(--blog-muted);

            font-size: clamp(1rem, 1.5vw, 1.13rem);

            line-height: 1.7

          }

          & .wd-blog-intro__topics {

            display: flex;

            flex-wrap: wrap;

            gap: 9px;

            margin-top: 24px

          }

          & .wd-blog-intro__topics span {

            padding: 8px 13px;

            border: 1px solid #e2e4eb;

            border-radius: 999px;

            background: #fff;

            color: var(--blog-ink);

            font-size: .85rem;

            font-weight: 800

          }

          & .wd-blog-intro__topics span:nth-child(2n) {

            border-color: rgba(138,116,255,.35)

          }

          @media (max-width:575.98px) {

            & .wd-blog-intro {

              padding: 30px 0 24px

            }

            & .wd-blog-intro__inner {

              border-radius: 22px

            }

          }

          & .page-blog {

            padding: 10px 0

          }

          & .page-blog .blog-item ul.tags {

            display: flex;

            flex-wrap: wrap;

            align-items: center;

            gap: 8px;

            margin: 8px 0 18px;

            padding: 0;

            list-style: none

          }

          & .page-blog .blog-item ul.tags > li.list-inline-item {

            margin: 0;

            padding: 0

          }

          & .page-blog .blog-item ul.tags a.btn,

          & .page-blog .blog-item ul.tags a.btn-info {

            display: inline-flex;

            align-items: center;

            gap: 4px;

            min-height: 32px;

            padding: 6px 12px;

            border: 1px solid rgba(138,116,255,.28);

            border-radius: 999px;

            background: rgba(138,116,255,.1);

            color: #6652df;

            font-size: 13px;

            font-weight: 750;

            line-height: 1.25;

            text-decoration: none;

            box-shadow: none;

            transition: color .2s,background-color .2s,border-color .2s,transform .2s

          }

          & .page-blog .blog-item ul.tags a.btn::before {

            content: "#";

            color: #8a74ff;

            font-weight: 900

          }

          & .page-blog .blog-item ul.tags a.btn:focus-visible,

          & .page-blog .blog-item ul.tags a.btn:hover {

            border-color: #8a74ff;

            background: #8a74ff;

            color: #fff;

            transform: translateY(-1px)

          }

          & .page-blog .blog-item ul.tags a.btn:focus-visible::before,

          & .page-blog .blog-item ul.tags a.btn:hover::before {

            color: #fff

          }

          & .page-blog .blog-item ul.tags a.btn:focus-visible {

            outline: rgba(138,116,255,.24) solid 3px;

            outline-offset: 2px

          }

          @media (prefers-reduced-motion:reduce) {

            & .page-blog .blog-item ul.tags a.btn {

              transition: none

            }

            & .page-blog .blog-item ul.tags a.btn:focus-visible,

            & .page-blog .blog-item ul.tags a.btn:hover {

              transform: none

            }

          }

          & .btn-default {

            color: #000

          }

          @media (max-width:991.98px) {

            & .responsive-menu .slicknav_menu {

              overflow: hidden

            }

            @media (max-width:991.98px) {

              & .responsive-menu .slicknav_menu {

                background: rgba(255,255,255,0);

                padding: 0

              }

              & .responsive-menu .slicknav_nav {

                margin-top: 14px;

                padding: 18px;

                overflow-y: auto;

                max-height: calc(-118px + 100dvh);

                border: 1px solid rgba(138,116,255,.22);

                border-radius: 22px;

                box-shadow: rgba(29,24,47,.28) 0 22px 55px

              }

              & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

                border-bottom: 1px solid rgba(255,255,255,.075)

              }

              & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta):last-child {

                border-bottom: 0

              }

              & .responsive-menu .slicknav_nav > li > .slicknav_item,

              & .responsive-menu .slicknav_nav > li > a.nav-link {

                min-height: 48px;

                margin: 0;

                padding: 13px 10px;

                border-radius: 12px;

                font-weight: 650;

                line-height: 1.35

              }

              & .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

              & .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

              & .responsive-menu .slicknav_nav > li > a.nav-link:hover {

                background: rgba(138,116,255,.13);

                color: #fff

              }

              & .responsive-menu .slicknav_arrow {

                display: inline-grid;

                place-items: center;

                float: right;

                margin: -4px 0 -4px 12px;

                transition: transform .2s,background-color .2s

              }

              & .responsive-menu .slicknav_arrow::before {

                content: "⌄";

                font-size: 18px;

                line-height: 1;

                transform: translateY(-2px);

                content: none!important;

                display: none!important

              }

              & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

                color: #99e000;

                transform: rotate(180deg)!important

              }

              & .responsive-menu .slicknav_nav ul {

                margin: 4px 0 10px;

                padding: 8px;

                border-radius: 13px;

                background: #f7f5ff

              }

              & .responsive-menu .slicknav_nav ul a {

                padding: 10px 12px;

                border-radius: 9px;

                font-size: 14px;

                color: #3b3744

              }

              & .responsive-menu .mobile-contact-cta {

                margin: 0 0 14px;

                padding: 0 0 16px;

                border-bottom: 1px solid rgba(255,255,255,.12)

              }

              & .responsive-menu .mobile-contact-cta > a {

                display: flex;

                align-items: center;

                justify-content: space-between;

                gap: 16px;

                width: 100%;

                min-height: 52px;

                border: 0;

                font-weight: 800;

                text-decoration: none;

                box-shadow: rgba(135,214,0,.22) 0 10px 26px;

                transition: transform .2s,box-shadow .2s,filter .2s;

                border-radius: 99px;

                background: #a7e800;

                color: #000;

                box-shadow: none;

                padding: 14px 20px

              }

              & .responsive-menu .mobile-contact-cta > a:focus-visible {

                outline: rgba(138,116,255,.5) solid 3px;

                outline-offset: 3px

              }

              & .responsive-menu .slicknav_nav {

                border-color: rgba(36,34,44,.1);

                background: #fff;

                box-shadow: rgba(38,31,66,.14) 0 20px 48px

              }

              & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

                border-bottom-color: rgba(36,34,44,.09)

              }

              & .responsive-menu .slicknav_nav > li > .slicknav_item,

              & .responsive-menu .slicknav_nav > li > .slicknav_item > a.nav-link,

              & .responsive-menu .slicknav_nav > li > a.nav-link {

                color: #17151d

              }

              & .responsive-menu .slicknav_nav > li > .slicknav_item:focus-visible > a.nav-link,

              & .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

              & .responsive-menu .slicknav_nav > li > .slicknav_item:hover > a.nav-link,

              & .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

              & .responsive-menu .slicknav_nav > li > a.nav-link:hover {

                background: rgba(138,116,255,.09);

                color: #765ee8

              }

              & .responsive-menu .slicknav_nav > li.active > .slicknav_item > a,

              & .responsive-menu .slicknav_nav > li.active > a,

              & .responsive-menu .slicknav_nav > li.current > .slicknav_item > a,

              & .responsive-menu .slicknav_nav > li.current > a {

                color: #78bd00

              }

              & .responsive-menu .slicknav_nav ul a:focus-visible,

              & .responsive-menu .slicknav_nav ul a:hover {

                background: rgba(138,116,255,.11);

                color: #765ee8

              }

              & .responsive-menu .mobile-contact-cta {

                border-bottom-color: rgba(36,34,44,.11)

              }

              & .responsive-menu .mobile-contact-cta > a:focus-visible,

              & .responsive-menu .mobile-contact-cta > a:hover {

                filter: brightness(1.04);

                transform: translateY(-1px);

                box-shadow: rgba(135,214,0,.3) 0 14px 30px;

                background: #8a74ff;

                color: #fff;

                filter: none;

                box-shadow: none

              }

              & .responsive-menu .slicknav_arrow {

                position: relative!important;

                display: inline-grid!important;

                place-items: center!important;

                width: 28px!important;

                height: 28px!important;

                margin-left: 12px!important;

                border-radius: 50%!important;

                color: transparent!important;

                font-size: 0px!important;

                line-height: 0!important

              }

              & .responsive-menu .slicknav_arrow::after {

                content: "⌄"!important;

                position: static!important;

                display: block!important;

                width: auto!important;

                height: auto!important;

                background: 0 0!important;

                color: #765ee8!important;

                font-family: inherit!important;

                font-size: 18px!important;

                font-weight: 800!important;

                line-height: 1!important;

                transform: translateY(-2px)!important

              }

              & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow::after {

                color: #78bd00!important

              }

              & .responsive-menu .slicknav_nav > li.item-436 > a.nav-link,

              & .responsive-menu .slicknav_nav > li.item-481 > a.nav-link {

                font-weight: 400

              }

              & .responsive-menu .slicknav_arrow,

              & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

                background: 0 0!important

              }

              & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item,

              & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item > a.nav-link,

              & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:focus-visible,

              & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:hover {

                background: 0 0!important

              }

            }

            & .wd-social-links {

              display: flex;

              align-items: center;

              flex-wrap: wrap;

              gap: 10px;

              margin-top: 24px

            }

            & .wd-social-links a {

              display: inline-flex;

              align-items: center;

              justify-content: center;

              width: 40px;

              height: 40px;

              border: 2px solid #8a74ff;

              border-radius: 50%;

              background: #8a74ff;

              font-family: Arial,sans-serif;

              font-size: 20px;

              font-weight: 800;

              line-height: 1;

              box-shadow: rgba(138,116,255,.22) 0 8px 20px;

              transition: transform .2s,background-color .2s,border-color .2s,color .2s;

              color: #fff!important;

              text-decoration: none!important

            }

            & .wd-social-links a:focus-visible,

            & .wd-social-links a:hover {

              border-color: #a7e800;

              background: #a7e800;

              transform: translateY(-2px);

              color: #222!important

            }

            & .wd-social-links a:focus-visible {

              outline: rgba(138,116,255,.35) solid 3px;

              outline-offset: 3px

            }

            & .wd-social-links .wd-social-youtube {

              font-size: 15px;

              transform: translateX(1px)

            }

            & .wd-social-links .wd-social-linkedin {

              font-size: 15px;

              letter-spacing: -1px

            }

            & .wd-social-links .wd-social-x {

              font-size: 16px;

              font-weight: 700

            }

            @media (prefers-reduced-motion:reduce) {

              & .responsive-menu .mobile-contact-cta>a,

              & .responsive-menu .slicknav_arrow,

              & .wd-social-links a {

                transition: none

              }

              & .wd-social-links a:hover {

                transform: none

              }

            }

            & .btn-default,

            & .image-anime,

            & .reveal {

              position: relative;

              overflow: hidden

            }

            & .page-faqs .accordion-body p,

            & .post-item-body p,

            & .slicknav_menu ul ul,

            & figure {

              margin: 0

            }

            & a,

            & a:focus,

            & a:hover {

              text-decoration: none

            }

            & body {

              font-family: var(--lbox-font-family-body);

              font-size: 16px;

              font-weight: 400;

              line-height: 1.6em;

              color: #527282;

              background-color: #fff

            }

            & .btn-default.btn-highlighted:hover,

            & .main-menu ul li a,

            & .page-header-box h1 span,

            & .post-item-footer a.read-more-btn:hover,

            & h1,

            & h2,

            & h3,

            & h4,

            & h5,

            & h6 {

              color: var(--primary-color)

            }

            & p {

              line-height: 1.8em;

              margin-bottom: 1.6em

            }

            & h1,

            & h2,

            & h3,

            & h4,

            & h5,

            & h6 {

              margin: 0;

              font-weight: 700;

              line-height: 1.2em

            }

            & img {

              max-width: 100%

            }

            & a:focus,

            & a:hover {

              outline: 0

            }

            & body,

            & html {

              width: 100%;

              overflow-x: clip

            }

            & .container {

              max-width: 1300px

            }

            & .container,

            & .container-fluid,

            & .row > * {

              padding-right: 15px;

              padding-left: 15px

            }

            & .image-anime::after {

              content: "";

              position: absolute;

              width: 200%;

              height: 0%;

              left: 50%;

              top: 50%;

              background-color: rgba(255,255,255,.3);

              transform: translate(-50%,-50%) rotate(-45deg);

              z-index: 1

            }

            & .btn-default:hover,

            & .image-anime:hover::after {

              background-color: rgba(255,255,255,0)

            }

            & .image-anime:hover::after {

              height: 250%;

              transition: .6s linear

            }

            & .reveal {

              display: inline-flex;

              visibility: hidden

            }

            & .btn-default {

              background: #a7e800;

              display: inline-block;

              line-height: 1.5em;

              font-size: 14px;

              font-weight: 600;

              padding: 14px 50px 14px 20px;

              border-radius: 99px;

              border: currentcolor;

              border-image: initial;

              transition: .5s ease-in-out;

              z-index: 1

            }

            & .reveal img {

              height: 100%;

              width: 100%;

              object-fit: cover;

              transform-origin: left center

            }

            & .row {

              margin-right: -15px;

              margin-left: -15px

            }

            & .btn-default.btn-highlighted:hover::before,

            & .main-menu ul ul,

            & .testimonial-slider .testimonial-button-next:hover,

            & .testimonial-slider .testimonial-button-prev:hover {

              background-color: var(--primary-color)

            }

            & .btn-default::before {

              content: "";

              position: absolute;

              top: 50%;

              right: 0;

              bottom: 0;

              width: 30px;

              height: 30px;

              border-radius: 50%;

              background-color: #fff;

              background-image: url("../images/arrow-blue.svg");

              background-repeat: no-repeat;

              background-position: center center;

              background-size: 10px;

              transform: translate(-10px,-50%);

              transition: .4s ease-in-out

            }

            & .btn-default:hover::before {

              transform: translate(-10px,-50%) rotate(45deg);

              background-size: 10px

            }

            & .btn-default::after {

              content: "";

              display: block;

              position: absolute;

              top: 0;

              left: 0;

              bottom: 0;

              width: 0;

              height: 100%;

              border-radius: 99px;

              background: var(--primary-color);

              transition: .4s ease-in-out;

              z-index: -1

            }

            & .btn-default:hover::after {

              width: 100%

            }

            & .footer-links ul li:hover a,

            & .main-menu ul li a:focus,

            & .main-menu ul li a:hover,

            & .page-header-box ol .breadcrumb-item + .breadcrumb-item::before {

              color: var(--accent-color)

            }

            & .btn-default.btn-highlighted::after {

              background-color: #fff

            }

            & .preloader {

              position: fixed;

              left: 0;

              top: 0;

              right: 0;

              bottom: 0;

              z-index: 1000;

              background-color: var(--accent-color);

              display: flex;

              align-items: center;

              justify-content: center

            }

            & .slicknav_btn,

            & .slicknav_menu {

              background: var(--primary-color)

            }

            & .loading {

              height: 100px;

              position: relative;

              width: 100px;

              border-radius: 100%;

              border-width: 1px;

              border-style: solid;

              border-image: initial;

              border-color: rgba(255,255,255,0) #fff;

              animation: 1.5s linear infinite rotate-loading;

              transform-origin: 50% 50%

            }

            & header.main-header,

            & header.main-header .header-sticky.active {

              border-bottom: 1px solid rgba(14,56,76,.1)

            }

            & header.main-header {

              background-color: var(--secondary-color);

              position: relative;

              z-index: 100

            }

            & header.main-header .header-sticky {

              position: relative;

              top: 0;

              z-index: 100

            }

            & header.main-header .header-sticky.hide {

              transform: translateY(-100%);

              transition: transform .3s ease-in-out;

              border-radius: 0

            }

            & header.main-header .header-sticky.active {

              position: fixed;

              top: 0;

              left: 0;

              right: 0;

              border-radius: 0;

              transform: translateY(0);

              background: var(--secondary-color);

              backdrop-filter: blur(30px)

            }

            & .navbar {

              padding: 30px 0;

              align-items: center

            }

            & .navbar-brand {

              padding: 0;

              margin: 0

            }

            & .main-menu .nav-menu-wrapper {

              flex: 1 1 0%;

              text-align: center

            }

            & .main-menu .nav-menu-wrapper > ul {

              align-items: center;

              display: inline-flex

            }

            & .main-menu ul li {

              margin: 0 9px;

              position: relative

            }

            & .main-menu ul li a {

              font-size: 18px;

              font-weight: 500;

              transition: .3s ease-in-out;

              padding: 14px 10px!important

            }

            & .main-menu ul li.submenu > a::after {

              content: "";

              font-family: "Font Awesome 6 Free";

              font-weight: 900;

              font-size: 14px;

              margin-left: 8px

            }

            & .main-menu ul ul {

              visibility: hidden;

              opacity: 0;

              transform: scaleY(.8);

              transform-origin: center top;

              padding: 0;

              margin: 0;

              list-style: none;

              width: 240px;

              border-radius: 20px;

              position: absolute;

              left: 0;

              top: 100%;

              transition: .3s ease-in-out;

              text-align: left

            }

            & .main-menu ul li.submenu:first-child ul {

              width: 250px

            }

            & .main-menu ul ul ul {

              left: 100%;

              top: 0;

              text-align: left

            }

            & .main-menu ul li:hover > ul {

              visibility: visible;

              opacity: 1;

              transform: scaleY(1);

              padding: 5px 0

            }

            & .main-menu ul li.submenu ul li.submenu > a::after {

              content: "";

              float: right

            }

            & .main-menu ul ul li {

              margin: 0;

              padding: 0

            }

            & .main-menu ul ul li a {

              color: #fff;

              transition: .3s ease-in-out;

              padding: 8px 20px!important

            }

            & .main-menu ul ul li a:focus,

            & .main-menu ul ul li a:hover {

              color: var(--accent-color);

              background-color: rgba(255,255,255,0);

              padding: 8px 20px 8px 23px!important

            }

            & .navbar-toggle,

            & .responsive-menu {

              display: none

            }

            & .responsive-menu {

              top: 0;

              position: relative

            }

            & .slicknav_btn {

              padding: 0;

              display: flex;

              align-items: center;

              justify-content: center;

              width: 38px;

              height: 38px;

              margin: 0;

              border-radius: 8px

            }

            & .slicknav_icon .slicknav_icon-bar {

              display: block;

              height: 3px;

              width: 22px;

              background-color: #fff;

              border-radius: 6px;

              transition: .1s ease-in-out;

              margin: 4px auto!important

            }

            & .slicknav_icon .slicknav_icon-bar:first-child {

              margin-top: 0!important

            }

            & .slicknav_icon .slicknav_icon-bar:last-child {

              margin-bottom: 0!important

            }

            & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:first-child {

              transform: rotate(-45deg) translate(-5px,5px)

            }

            & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {

              opacity: 0

            }

            & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {

              transform: rotate(45deg) translate(-5px,-5px)

            }

            & .slicknav_menu {

              position: absolute;

              width: 100%;

              padding: 0

            }

            & .slicknav_menu ul {

              margin: 5px 0

            }

            & .slicknav_nav .slicknav_row,

            & .slicknav_nav li a {

              position: relative;

              font-size: 16px;

              font-weight: 500;

              padding: 10px 20px;

              color: #fff;

              line-height: normal;

              margin: 0;

              transition: .3s ease-in-out;

              border-radius: 0!important

            }

            & .slicknav_nav .slicknav_row:hover,

            & .slicknav_nav a:focus,

            & .slicknav_nav a:hover {

              background-color: rgba(255,255,255,0);

              color: var(--accent-color)

            }

            & .slicknav_menu ul ul li a {

              padding: 10px 20px 10px 30px

            }

            & .slicknav_arrow {

              font-size: 0px!important

            }

            & .slicknav_arrow::after {

              content: "";

              font-family: "Font Awesome 6 Free";

              font-weight: 900;

              font-size: 12px;

              margin-left: 8px;

              color: #fff;

              position: absolute;

              right: 15px;

              top: 15px;

              transition: .3s ease-out

            }

            & .slicknav_open > a .slicknav_arrow::after {

              transform: rotate(-180deg);

              color: var(--accent-color)

            }

            & .read-more-btn {

              position: relative;

              z-index: 1

            }

            & .error-page,

            & .page-blog,

            & .page-book-appointment,

            & .page-faqs,

            & .page-service-single,

            & .page-single-post,

            & .page-techonology {

              padding: 100px 0

            }

            & .post-item-footer a.read-more-btn::after,

            & .read-more-btn a::after {

              background-image: url("../images/arrow-white.svg");

              width: 24px;

              height: 24px

            }

            & .hero-slider-layout .swiper-pagination {

              bottom: 80px

            }

            & .hero-slider-layout .swiper-pagination .swiper-pagination-bullet {

              width: 15px;

              height: 15px;

              background: #fff;

              opacity: 1;

              transition: .3s ease-in-out;

              margin: 0 5px

            }

            & .hero-slider-layout .swiper-pagination .swiper-pagination-bullet-active,

            & .read-more-btn a::after {

              background-color: var(--accent-color)

            }

            & .footer-copyright-text p {

              margin: 0

            }

            & .post-image figure {

              display: block

            }

            & .read-more-btn a::after {

              content: "";

              position: absolute;

              top: 0;

              bottom: 0;

              right: 0;

              background-repeat: no-repeat;

              background-position: center center;

              background-size: 10px;

              border-radius: 50%;

              transition: .4s ease-in-out

            }

            & .read-more-btn a {

              font-size: 14px;

              color: var(--accent-color);

              font-weight: 600;

              transition: .5s ease-in-out;

              display: inline-block;

              position: relative;

              padding-right: 35px

            }

            & .read-more-btn a:hover::after {

              background-size: 10px;

              transform: rotate(45deg)

            }

            & .footer-links ul li:last-child {

              margin-bottom: 0

            }

            & .blog-item {

              position: relative;

              height: calc(100% - 30px);

              margin-bottom: 30px;

              z-index: 1

            }

            & .blog-item:hover .post-featured-image img {

              transform: scale(1.1)

            }

            & .footer-links h3,

            & .post-item-body h2,

            & .post-item-footer a.read-more-btn {

              font-weight: 600

            }

            & .testimonial-slider .testimonial-button-next,

            & .testimonial-slider .testimonial-button-prev {

              position: relative;

              width: 40px;

              height: 40px;

              background-color: var(--accent-color);

              border-radius: 6px;

              transition: .4s ease-in-out

            }

            & .testimonial-slider .testimonial-button-next {

              margin-left: 20px

            }

            & .testimonial-slider .testimonial-button-next::before,

            & .testimonial-slider .testimonial-button-prev::before {

              content: "";

              position: absolute;

              inset: 0px;

              background: url("../images/arrow-white.svg") center center/12px no-repeat;

              transform: rotate(45deg);

              display: flex;

              align-items: center;

              justify-content: center;

              transition: .4s ease-in-out

            }

            & .post-item-footer a.read-more-btn::after {

              background-repeat: no-repeat;

              background-position: center center;

              content: "";

              position: absolute;

              top: -2px;

              right: 0;

              bottom: 0;

              background-size: 10px;

              background-color: var(--accent-color);

              border-radius: 50%;

              transition: .4s ease-in-out

            }

            & .testimonial-slider .testimonial-button-prev::before {

              transform: rotate(225deg)

            }

            & .blog-item .post-featured-image {

              border-radius: 30px;

              overflow: hidden;

              margin-bottom: 30px

            }

            & .blog-item .post-featured-image a {

              display: block

            }

            & .blog-item .post-featured-image img {

              border-radius: 30px;

              aspect-ratio: 1/0.66;

              object-fit: cover;

              transition: .5s ease-in-out;

              max-height: 300px

            }

            & .post-item-body {

              margin-bottom: 15px

            }

            & .post-item-body h2 {

              color: var(--primary-color);

              font-size: 20px;

              line-height: 1.5em;

              margin-bottom: 20px

            }

            & .page-header-box ol li.breadcrumb-item a,

            & .post-item-body h2 a {

              color: inherit

            }

            & .post-item-footer a.read-more-btn {

              position: relative;

              color: var(--accent-color);

              font-size: 14px;

              padding-right: 35px;

              transition: .5s ease-in-out

            }

            & .post-item-footer a.read-more-btn:hover::after {

              transform: rotate(45deg);

              background-color: var(--primary-color)

            }

            & footer.main-footer {

              padding: 100px 0 0;

              background: var(--primary-color)

            }

            & .footer-links h3 {

              color: #fff;

              font-size: 20px;

              margin-bottom: 20px

            }

            & .footer-links ul {

              list-style: none;

              margin: 0;

              padding: 0

            }

            & .footer-links ul li {

              margin-bottom: 10px

            }

            & .footer-links ul li a {

              color: #fff;

              transition: .3s ease-in-out

            }

            & .footer-copyright {

              border-top: 1px solid rgba(255,255,255,.12);

              padding: 30px 0;

              text-align: center;

              margin-top: 60px

            }

            & .page-header-box h1 {

              font-size: 54px;

              font-weight: 700;

              text-align: center;

              color: var(--accent-color);

              margin-bottom: 20px

            }

            & .page-header-box ol {

              margin: 0;

              padding: 0;

              justify-content: center

            }

            & .page-header-box ol li.breadcrumb-item {

              font-size: 16px;

              font-weight: 500;

              color: var(--primary-color)

            }

            & .com-finder.finder,

            & .page-services,

            & .page-team {

              padding: 100px 0 70px

            }

            & .page-faqs .accordion-header .accordion-button {

              font-size: 20px;

              font-weight: 600;

              line-height: 1.2em;

              padding: 15px 50px 15px 20px

            }

            & .page-faqs .accordion-body {

              padding: 0 20px 20px

            }

            & .page-blog .blog-item {

              height: calc(100% - 40px);

              margin-bottom: 40px

            }

            & .post-pagination {

              margin-top: 30px;

              text-align: center

            }

            & .post-pagination ul {

              justify-content: center;

              padding: 0;

              margin: 0

            }

            & .post-pagination ul li a,

            & .post-pagination ul li span {

              display: flex;

              text-decoration: none;

              justify-content: center;

              align-items: center;

              background: var(--secondary-color);

              color: var(--primary-color);

              border-radius: 6px;

              width: 40px;

              height: 40px;

              margin: 0 5px;

              font-weight: 700;

              line-height: 1em;

              transition: .3s ease-in-out

            }

            & .post-pagination ul li a:hover,

            & .post-pagination ul li.active a {

              background: var(--accent-color);

              color: #fff

            }

            & .post-single-meta ol li.breadcrumb-item {

              font-size: 18px

            }

            & .post-single-meta ol li i {

              font-size: 18px;

              color: var(--accent-color);

              margin-right: 5px

            }

            & .post-image {

              position: relative;

              margin-bottom: 30px

            }

            & .post-image figure,

            & .post-image img {

              aspect-ratio: 1/0.5;

              object-fit: cover;

              border-radius: 40px

            }

            & .post-content {

              width: 100%;

              margin: 0 auto

            }

            & .page-team-single {

              padding: 0 0 100px

            }

            & .page-team-single .row {

              background-color: var(--primary-color);

              border-radius: 35px 30px 30px 35px

            }

            @media only screen and (max-width:1024px) {

              & .navbar {

                padding: 20px 0

              }

              & .main-menu ul li {

                margin: 0

              }

            }

            @media only screen and (max-width:991px) {

              & footer.main-footer {

                background-size: 100%;

                padding: 50px 0 0

              }

              & .navbar-toggle,

              & .responsive-menu,

              & .slicknav_nav li,

              & .slicknav_nav ul {

                display: block

              }

              & .error-page,

              & .page-blog,

              & .page-book-appointment,

              & .page-faqs,

              & .page-service-single,

              & .page-single-post,

              & .page-techonology {

                padding: 50px 0

              }

              & .hero-slider-layout .swiper-pagination {

                bottom: 40px

              }

              & .page-faqs .accordion-header .accordion-button {

                font-size: 18px

              }

              & .post-item-body h2 {

                margin-bottom: 15px

              }

              & .page-contact,

              & .page-team-single {

                padding: 50px 0 25px

              }

              & .blog-item .post-featured-image,

              & .post-image {

                margin-bottom: 20px

              }

              & .post-item-footer a.read-more-btn {

                padding-right: 30px

              }

              & .post-item-footer a.read-more-btn::after {

                top: 0;

                background-size: 8px;

                width: 20px;

                height: 20px

              }

              & .footer-copyright {

                margin-top: 40px;

                padding: 20px 0

              }

              & .page-header {

                background-size: contain;

                padding: 50px 0

              }

              & .page-header-box h1 {

                font-size: 44px;

                margin-bottom: 10px

              }

              & .page-services,

              & .page-team,

              & .page-testimonials {

                padding: 50px 0 20px

              }

              & .page-blog .blog-item {

                height: calc(100% - 30px);

                margin-bottom: 30px

              }

              & .post-pagination {

                margin-top: 10px

              }

              & .post-single-meta ol li i {

                font-size: 20px

              }

              & .page-team-single .row {

                border-radius: 40px 40px 30px 30px

              }

            }

            @media only screen and (max-width:767px) {

              & .page-header-box h1 {

                font-size: 34px

              }

              & .hero-slider-layout .swiper-pagination {

                bottom: 30px

              }

              & .post-item-body h2 {

                font-size: 18px;

                margin-bottom: 10px

              }

              & .post-single-meta ol li i {

                font-size: 18px

              }

              & .post-item-body {

                margin-bottom: 10px

              }

              & .footer-links h3 {

                margin-bottom: 15px

              }

              & .footer-copyright {

                padding: 10px 0

              }

              & .page-faqs .accordion-header .accordion-button {

                font-size: 16px;

                padding: 10px 40px 10px 10px

              }

              & .page-faqs .accordion-body {

                padding: 0 10px 10px

              }

              & .post-image figure,

              & .post-image img {

                aspect-ratio: 1/0.7

              }

            }

            & .view-article .page-header {

              padding: 0

            }

            & ul.result__taxonomy {

              font-size: .9rem;

              margin: 1rem 0;

              padding: .5rem;

              background: #eee;

              border-radius: .4rem

            }

            & .view-category.layout-blog .post-item-body h2 {

              min-height: 3em;

              display: flex;

              align-items: flex-start;

              margin-bottom: 1rem

            }

            & .page-single-post {

              padding: 50px 0

            }

            & .view-category.layout-blog .post-item-body h2 a {

              display: block;

              width: 100%

            }

            & [data-rlta-element=button] {

              margin-top: 2rem;

              display: block;

              background: 0 0!important;

              border: currentcolor!important;

              border-image: initial!important;

              padding: 0!important;

              outline: 0!important

            }

            & [data-rlta-element=button] [data-rlta-element=heading] {

              display: inline-block;

              position: relative;

              overflow: hidden;

              z-index: 1;

              font-weight: 600;

              font-size: 14px;

              line-height: 1.5em;

              color: #fff;

              padding: 14px 50px 14px 20px;

              border-radius: 99px;

              margin: 0;

              cursor: pointer;

              transition: .5s ease-in-out;

              background: var(--accent-color)

            }

            & [data-rlta-element=button] [data-rlta-element=heading]::before {

              content: "";

              position: absolute;

              top: 50%;

              right: 10px;

              width: 30px;

              height: 30px;

              border-radius: 50%;

              background-color: #fff;

              background-image: url("../images/arrow-blue.svg");

              background-repeat: no-repeat;

              background-position: center center;

              background-size: 10px;

              transform: translateY(-50%);

              transition: .4s ease-in-out;

              z-index: 2

            }

            & [data-rlta-element=button] [data-rlta-element=heading]::after {

              content: "";

              display: block;

              position: absolute;

              top: 0;

              left: 0;

              bottom: 0;

              width: 0;

              height: 100%;

              border-radius: 99px;

              background: var(--primary-color);

              transition: .4s ease-in-out;

              z-index: -1

            }

            & [data-rlta-element=button]:hover [data-rlta-element=heading]::after {

              width: 100%

            }

            & [data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading] {

              background: var(--primary-color)

            }

            & [data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading]::before {

              transform: translateY(-50%) rotate(180deg)

            }

            & .view-category [data-rlta-element=panel] {

              height: auto;

              font-size: .9rem;

              padding: .5rem 1rem;

              background: #eee;

              border-radius: .4rem

            }

            & a {

              color: var(--primary-color);

              color: #8776ff

            }

            & footer,

            & footer a {

              color: #fff

            }

            & .btn-primary {

              background-color: var(--accent-color);

              border-color: var(--accent-color)

            }

            & .btn-primary:hover {

              background: var(--primary-color)

            }

            & .list-unstyled li.current.active a,

            & .main-menu ul li.current.active a,

            & .slicknav_nav li.current.active a {

              color: var(--accent-color)

            }

            & footer .nav {

              display: block

            }

            & .nav-item > a.btn-default {

              font-size: 14px;

              width: 160px;

              color: #fff!important;

              padding-right: 30px!important

            }

            @media (max-width:991.8px) {

              & .nav-item > a.btn-default {

                width: 100%

              }

            }

            & a:hover {

              color: #0be7e0

            }

            & .h1,

            & h1 {

              font-size: 2rem;

              padding-bottom: 15px;

              color: #8776ff

            }

            & .h2,

            & h2 {

              font-size: 1.5rem;

              padding-bottom: 15px;

              color: #333

            }

            & .h3,

            & h3 {

              font-size: 1.2rem;

              padding-bottom: 15px;

              color: #8776ff

            }

            & h3.velky {

              font-size: 1.5rem

            }

            & h2.FAQ {

              font-size: 19px;

              border-bottom: 1px solid #e8e8e8;

              margin-bottom: 20px

            }

            & h4 {

              font-size: 1.1em;

              padding-bottom: 15px

            }

            & .wf-columns .wf-column {

              max-width: 100%;

              box-sizing: border-box;

              flex: 1 1 0%

            }

            & .wf-columns-stack-large,

            & .wf-columns-stack-medium,

            & .wf-columns-stack-small,

            & .wf-columns-stack-xlarge {

              flex-wrap: wrap

            }

            & .wf-columns {

              display: flex;

              gap: 3rem!important

            }

            & .wd-whitening {

              --wd-purple: #8a74ff;

              --wd-purple-soft: #f2efff;

              --wd-turquoise: #13d4d4;

              --wd-turquoise-dark: #09bcbc;

              --wd-ink: #171c2a;

              --wd-text: #49677a;

              --wd-line: #dce8ee;

              --wd-soft: #f7fafb;

              --wd-shadow: 0 18px 48px rgba(33, 66, 83, .10);

              color: var(--wd-text);

              overflow: hidden

            }

            & .wd-whitening h1,

            & .wd-whitening h2,

            & .wd-whitening h3 {

              color: var(--wd-ink);

              line-height: 1.32

            }

            & .wd-whitening h1 {

              letter-spacing: -.045em

            }

            & .wd-whitening h1 span {

              color: #a7e800

            }

            & .wd-whitening .wd-kicker {

              color: #8776ff

            }

            & .wd-whitening p {

              line-height: 1.75

            }

            & .wd-section {

              padding: 5.25rem 0

            }

            & .wd-heading-center {

              max-width: 760px;

              margin-bottom: 2.625rem

            }

            & .wd-eyebrow,

            & .wd-kicker {

              display: inline-block;

              margin-bottom: .875rem;

              font-size: .8125rem;

              font-weight: 800;

              letter-spacing: .08em;

              text-transform: uppercase

            }

            & .wd-eyebrow {

              padding: .5rem .75rem;

              color: var(--wd-purple);

              background: var(--wd-purple-soft);

              border-radius: 999px

            }

            & .wd-hero__lead {

              max-width: 590px;

              font-size: 1.1875rem

            }

            & .wd-btn {

              min-height: 52px;

              padding: 0 1.5rem;

              display: inline-flex;

              align-items: center;

              justify-content: center;

              gap: .75rem;

              border-width: 2px;

              border-radius: 999px;

              font-weight: 800;

              transition: transform .2s,box-shadow .2s,background-color .2s,border-color .2s

            }

            & .wd-btn:hover {

              transform: translateY(-2px)

            }

            & .wd-btn--primary {

              color: #fff;

              background: var(--wd-turquoise);

              border-color: var(--wd-turquoise);

              box-shadow: rgba(19,212,212,.25) 0 12px 26px

            }

            & .wd-btn--primary:focus,

            & .wd-btn--primary:hover {

              color: #fff;

              background: #a7e800;

              border-color: #a7e800

            }

            & .wd-btn--primary span {

              display: grid;

              width: 25px;

              height: 25px;

              place-items: center;

              color: #a7e800;

              background: #fff;

              border-radius: 50%

            }

            & .wd-btn--outline {

              color: var(--wd-ink);

              background: rgba(255,255,255,.86);

              border-color: #b9d6df

            }

            & .wd-btn--outline:focus,

            & .wd-btn--outline:hover {

              color: var(--wd-purple);

              background: #fff;

              border-color: var(--wd-purple)

            }

            & .wd-hero {

              background: radial-gradient(circle at 91% 22%,rgba(19,212,212,.24),transparent 31%),linear-gradient(#fff 0,#fbfeff 100%)

            }

            & .wd-hero__visual {

              position: relative;

              height: 600px;

              min-height: 600px;

              overflow: hidden;

              border-radius: 0 0 0 70px

            }

            & .wd-hero__visual img {

              display: block;

              width: 100%;

              max-width: none;

              object-fit: cover;

              object-position: 68% center;

              border-radius: 0;

              height: 100%!important

            }

            & .wd-hero__visual::after,

            & .wd-hero__visual::before {

              position: absolute;

              content: "";

              border: 1px solid rgba(19,212,212,.42);

              border-radius: 50%

            }

            & .wd-hero__visual::before {

              width: 180px;

              height: 180px;

              left: -70px;

              top: 240px

            }

            & .wd-hero__visual::after {

              width: 260px;

              height: 260px;

              right: -100px;

              bottom: 60px

            }

            & .wd-hero__badge {

              position: absolute;

              right: 28px;

              bottom: 68px;

              z-index: 2;

              display: grid;

              width: 142px;

              height: 142px;

              place-content: center;

              text-align: center;

              color: var(--wd-ink);

              background: #fff;

              border-radius: 50%;

              box-shadow: var(--wd-shadow)

            }

            & .wd-hero__badge span {

              color: var(--wd-turquoise);

              font-size: 2.125rem

            }

            & .wd-hero__badge small {

              display: block

            }

            & .wd-proof {

              display: flex;

              align-items: center;

              gap: .5rem;

              color: var(--wd-ink);

              font-size: .875rem;

              font-weight: 700

            }

            & .wd-proof span {

              color: var(--wd-turquoise);

              font-size: 1.5rem

            }

            & .wd-benefits {

              overflow: hidden;

              background: #fff;

              border: 1px solid rgba(185,214,223,.65);

              border-radius: 22px;

              box-shadow: var(--wd-shadow)

            }

            & .wd-benefit {

              min-height: 142px;

              padding: 1.5rem .875rem;

              text-align: center;

              color: var(--wd-ink);

              border-right: 1px solid var(--wd-line)

            }

            & div.clear {

              clear: both;

              margin-bottom: 50px

            }

            & .wd-benefits .row > div:last-child .wd-benefit {

              border-right: 0px

            }

            & .wd-icon {

              display: block;

              margin-bottom: .625rem;

              color: var(--wd-turquoise);

              font-size: 2.25rem;

              line-height: 1

            }

            & .wd-benefit strong {

              font-size: .875rem;

              line-height: 1.4

            }

            & .wd-section--why {

              padding-top: 7rem

            }

            & .wd-checklist {

              display: grid;

              gap: .625rem

            }

            & .wd-checklist li {

              color: var(--wd-ink)

            }

            & .wd-checklist li::before {

              content: "âś“";

              display: grid;

              place-items: center;

              background: var(--wd-purple)

            }

            & .wd-media-card {

              overflow: hidden;

              padding: .875rem;

              background: #fff;

              border-radius: 22px;

              box-shadow: var(--wd-shadow)

            }

            & .wd-section--results {

              background: var(--wd-soft)

            }

            & .wd-result-card {

              position: relative;

              overflow: hidden;

              background: #fff;

              border-radius: 18px;

              box-shadow: var(--wd-shadow)

            }

            & .wd-result-label {

              position: absolute;

              z-index: 2;

              left: .875rem;

              top: .875rem;

              padding: .4375rem .75rem;

              color: #fff;

              background: var(--wd-purple);

              border-radius: 999px;

              font-size: .75rem;

              font-weight: 800;

              text-transform: uppercase

            }

            & .wd-note {

              font-size: .8125rem

            }

            & .wd-step {

              position: relative;

              text-align: center

            }

            & .wd-step__number {

              position: absolute;

              z-index: 3;

              left: calc(50% - 48px);

              top: -4px;

              display: grid;

              width: 46px;

              height: 46px;

              place-items: center;

              color: #fff;

              background: var(--wd-purple);

              border-radius: 50%;

              font-size: .75rem;

              font-weight: 800

            }

            & .wd-step__icon {

              display: grid;

              width: 94px;

              height: 94px;

              margin: 0 auto 1.125rem;

              place-items: center;

              color: var(--wd-turquoise);

              background: #fff;

              border: 1px solid var(--wd-line);

              border-radius: 50%;

              box-shadow: rgba(33,66,83,.07) 0 10px 26px;

              font-size: 2.375rem

            }

            & .wd-step p {

              margin-bottom: 0;

              font-size: .9375rem

            }

            & .wd-compare,

            & .wd-info-card {

              padding: 1.75rem;

              border-radius: 18px

            }

            & .wd-info-card--green {

              background: rgba(19,212,212,.1)

            }

            & .wd-info-card--red {

              background: rgba(218,255,127,.2)

            }

            & .wd-info-card__sub {

              margin-top: -.25rem;

              font-size: .75rem;

              font-weight: 800;

              text-transform: uppercase

            }

            & .wd-info-card ul {

              display: grid;

              gap: .5625rem;

              padding-left: 1.25rem

            }

            & .wd-info-card li {

              font-size: .875rem

            }

            & .wd-compare {

              background: #f2f6ff

            }

            & .wd-compare .table,

            & .wd-info-card .table {

              min-width: 450px;

              margin-bottom: 0;

              color: var(--wd-ink);

              background: rgba(255,255,255,.68);

              font-size: .95rem

            }

            & .wd-compare .table > :not(caption) > * > *,

            & .wd-info-card .table > :not(caption) > * > * {

              padding: .75rem;

              color: var(--wd-ink);

              background: rgba(255,255,255,0);

              border-color: #dfe7f4;

              vertical-align: middle

            }

            & .wd-compare .table th,

            & .wd-info-card .table th {

              font-size: .95rem;

              font-weight: 600;

              line-height: 1.45

            }

            & .wd-compare .table td,

            & .wd-info-card .table td {

              font-size: .95rem;

              line-height: 1.45

            }

            & .wd-compare .table td:last-child,

            & .wd-info-card .table td:last-child {

              color: var(--wd-purple);

              font-weight: 800;

              white-space: nowrap;

              text-align: right

            }

            & .wd-compare .table td:last-child strong,

            & .wd-info-card .table td:last-child strong {

              color: inherit;

              font-size: inherit;

              font-weight: inherit

            }

            & .wd-occasion {

              display: grid;

              min-height: 130px;

              padding: 1.375rem;

              place-content: center;

              text-align: center;

              color: var(--wd-ink);

              background: #fff;

              border: 1px solid var(--wd-line);

              border-radius: 16px;

              transition: transform .2s,box-shadow .2s

            }

            & .wd-occasion:hover {

              transform: translateY(-4px);

              box-shadow: var(--wd-shadow)

            }

            & .wd-occasion span {

              margin-bottom: .625rem;

              color: var(--wd-turquoise);

              font-size: 2.1875rem

            }

            & .wd-section--faq {

              background: radial-gradient(circle at 80% 20%,rgba(19,212,212,.12),transparent 28%),#f3fbfc

            }

            & .wd-accordion .accordion-item {

              margin-bottom: .75rem;

              overflow: hidden;

              background: #fff;

              border: 1px solid var(--wd-line);

              border-radius: 12px

            }

            & .wd-accordion .accordion-button {

              color: var(--wd-ink);

              background: #fff;

              font-weight: 800;

              box-shadow: none

            }

            & .wd-accordion .accordion-button:not(.collapsed) {

              color: var(--wd-purple);

              background: var(--wd-purple-soft)

            }

            & .wd-accordion .accordion-button:focus {

              border-color: var(--wd-purple);

              box-shadow: rgba(138,116,255,.15) 0 0 0 .25rem

            }

            & .wd-contact-card {

              overflow: hidden;

              background: #fff;

              border-radius: 18px;

              box-shadow: var(--wd-shadow)

            }

            & .wd-contact-card img {

              aspect-ratio: 16/10;

              object-fit: cover

            }

            & .wd-contact-card__body {

              padding: 1.625rem

            }

            & .wd-contact-card__body a {

              color: var(--wd-purple);

              font-weight: 800

            }

            & .wd-cta {

              background: radial-gradient(circle at 88% 40%,rgba(138,116,255,.12),transparent 25%),linear-gradient(90deg,#e9fbfc,#fff)

            }

            & .wd-cta__image {

              max-height: 410px;

              object-fit: contain;

              object-position: center bottom

            }

            @media (max-width:991.98px) {

              & .wd-hero__visual {

                min-height: 520px

              }

              & .wd-benefit {

                border-bottom: 1px solid var(--wd-line)

              }

              & .wd-benefits .row > div:nth-child(3n) .wd-benefit {

                border-right: 0px

              }

              & .wd-benefits .row > div:nth-last-child(-n+3) .wd-benefit {

                border-bottom: 0

              }

            }

            @media (max-width:767.98px) {

              & .wd-section {

                padding: 4rem 0

              }

              & .wd-whitening h1 {

                font-size: 2.7rem

              }

              & .wd-whitening h2 {

                font-size: 2.05rem

              }

              & .wd-hero__visual {

                min-height: 420px

              }

              & .wd-hero__visual img {

                border-radius: 28px

              }

              & .wd-hero__badge {

                right: 14px;

                bottom: 18px;

                width: 118px;

                height: 118px

              }

              & .wd-benefits .row > div:nth-child(3n) .wd-benefit {

                border-right: 1px solid var(--wd-line)

              }

              & .wd-benefits .row > div:nth-child(2n) .wd-benefit {

                border-right: 0px

              }

              & .wd-benefits .row > div:nth-last-child(-n+2) .wd-benefit {

                border-bottom: 0

              }

              & .wd-section--why {

                padding-top: 5.5rem

              }

            }

            @media (max-width:575.98px) {

              & .wd-whitening h1 {

                font-size: 2.25rem

              }

              & .wd-btn {

                width: 100%

              }

              & .wd-hero__visual {

                min-height: 340px

              }

              & .wd-benefit {

                border-right: 0px!important

              }

              & .wd-benefits .row > div:not(:last-child) .wd-benefit {

                border-bottom: 1px solid var(--wd-line)

              }

            }

            @media (min-width:992px) {

              & .wd-hero .wd-btn {

                white-space: nowrap;

                flex: 0 0 auto

              }

            }

            @media (max-width:991.98px) {

              & .wd-hero__visual {

                height: 520px;

                min-height: 520px;

                border-radius: 28px

              }

              & .wd-hero__visual img {

                object-position: 68% center

              }

            }

            @media (max-width:767.98px) {

              & .wd-hero__visual {

                height: 440px;

                min-height: 440px

              }

            }

            @media (max-width:575.98px) {

              & .wd-hero__visual {

                height: 360px;

                min-height: 360px

              }

            }

            @media (min-width:1200px) {

              & .display-3 {

                font-size: 2.7rem!important

              }

            }

            & .wd-contact-icon {

              display: inline-flex;

              flex: 0 0 30px;

              width: 30px;

              height: 30px;

              align-items: center;

              justify-content: center;

              margin-top: 1px;

              color: #fff;

              background: #13d4d4;

              border-radius: 50%;

              font-size: 16px;

              line-height: 1

            }

            & .wd-info-card a {

              color: #171c2a

            }

            & .wd-info-card a:hover {

              color: #8a74ff

            }

            & .wd-home-info-strip {

              background: #fff

            }

            & .wd-insurance-item {

              height: 100%;

              padding: 12px 15px;

              color: var(--wd-ink);

              background: rgba(255,255,255,.75);

              border: 1px solid var(--wd-line);

              border-radius: 12px

            }

            & .wd-insurance-item strong {

              color: var(--wd-purple)

            }

            & .wd-home-info-strip .wd-contact-icon {

              width: 42px;

              height: 42px;

              flex-basis: 42px;

              font-size: 21px

            }

            @media (max-width:767.98px) {

              & .wd-home-info-strip {

                padding-top: 20px!important;

                padding-bottom: 20px!important

              }

            }

            & .wd-checklist {

              list-style: none;

              margin: 0;

              padding: 0

            }

            & .wd-checklist li {

              position: relative;

              padding-left: 38px;

              margin-bottom: 14px;

              line-height: 1.6

            }

            & .wd-checklist li::before {

              content: "✓";

              position: absolute;

              left: 0;

              top: 2px;

              display: flex;

              align-items: center;

              justify-content: center;

              width: 24px;

              height: 24px;

              border-radius: 50%;

              background: #19d3d1;

              color: #fff;

              font-size: 14px;

              font-weight: 700

            }

            & .wd-contact-card .btn,

            & .wd-contact-card .btn-primary,

            & .wd-contact-card button[type=submit],

            & .wd-contact-card input[type=submit] {

              display: inline-flex;

              align-items: center;

              justify-content: center;

              background: #13d4d4;

              border: 2px solid #13d4d4;

              color: #fff;

              font-size: 1rem;

              font-weight: 700;

              padding: .9rem 1.8rem;

              border-radius: 999px;

              text-decoration: none;

              transition: .25s;

              box-shadow: rgba(57,181,74,.18) 0 12px 30px

            }

            & .wd-contact-card .btn-primary:hover,

            & .wd-contact-card .btn:hover,

            & .wd-contact-card button[type=submit]:hover,

            & .wd-contact-card input[type=submit]:hover {

              background: #13d4d4;

              border-color: #13d4d4;

              color: #fff;

              transform: translateY(-2px);

              box-shadow: rgba(57,181,74,.28) 0 16px 36px

            }

            & .wd-contact-card button[type=submit]:focus,

            & .wd-contact-card input[type=submit]:focus {

              outline: 0;

              box-shadow: rgba(57,181,74,.18) 0 0 0 4px

            }

            @media (min-width:1200px) {

              & .display-6 {

                font-size: 2rem!important

              }

            }

            & p.display-6.fw-bold {

              margin-bottom: 0

            }

            & .blog-item:hover .post-featured-image img {

              transform: none

            }

            & .sta-eshop-cenik {

              --wd-green: #a1d600;

              --wd-purple: #8a74ff;

              --wd-cyan: #20c8c8;

              --wd-ink: #121827;

              --wd-muted: #637381;

              --wd-soft: #f6f7fb;

              color: var(--wd-ink)

            }

            & .sta-eshop-cenik .wd-hero {

              position: relative;

              overflow: hidden;

              background: radial-gradient(circle at 82% 20%,rgba(138,116,255,.16),transparent 30%),linear-gradient(#fff,#fbfbff)

            }

            & .sta-eshop-cenik .wd-eyebrow,

            & .sta-eshop-cenik .wd-kicker {

              display: inline-block;

              margin-bottom: 16px;

              padding: 8px 13px;

              border-radius: 999px;

              background: #f0edff;

              color: #6652df;

              font-size: .78rem;

              font-weight: 900;

              letter-spacing: .07em;

              text-transform: uppercase

            }

            & .sta-eshop-cenik h1,

            & .sta-eshop-cenik h2,

            & .sta-eshop-cenik h3 {

              letter-spacing: -.035em

            }

            & .sta-eshop-cenik h1 span {

              color: var(--wd-green)

            }

            & .sta-eshop-cenik .wd-heading-center p,

            & .sta-eshop-cenik .wd-hero__lead {

              color: var(--wd-muted);

              font-size: 1.13rem;

              line-height: 1.7

            }

            & .sta-eshop-cenik .wd-btn {

              border-radius: 13px;

              padding: 13px 20px;

              font-weight: 850;

              transition: .2s

            }

            & .sta-eshop-cenik .wd-btn:hover {

              transform: translateY(-2px)

            }

            & .sta-eshop-cenik .wd-btn--primary {

              background: var(--wd-green);

              border-color: var(--wd-green);

              color: #182000

            }

            & .sta-eshop-cenik .wd-btn--outline {

              background: #fff;

              border: 2px solid #dfe2e7;

              color: var(--wd-ink)

            }

            & .sta-eshop-cenik .wd-proof {

              color: #677480;

              font-size: .93rem

            }

            & .sta-eshop-cenik .wd-proof span {

              color: var(--wd-purple);

              font-size: 1.25rem

            }

            & .sta-eshop-cenik .wd-hero__visual {

              position: relative

            }

            & .sta-eshop-cenik .wd-hero__badge {

              position: absolute;

              right: -12px;

              bottom: -18px;

              display: grid;

              grid-template-columns: auto 1fr;

              gap: 0 10px;

              max-width: 270px;

              padding: 15px 18px;

              border-radius: 18px;

              background: #fff;

              box-shadow: rgba(35,29,76,.18) 0 18px 50px

            }

            & .sta-eshop-cenik .wd-hero__badge > span {

              grid-row: 1/3;

              align-self: center;

              display: grid;

              place-items: center;

              width: 48px;

              height: 48px;

              border-radius: 50%;

              background: var(--wd-green);

              font-weight: 900

            }

            & .sta-eshop-cenik .wd-hero__badge strong {

              font-size: .95rem

            }

            & .sta-eshop-cenik .wd-hero__badge small {

              color: var(--wd-muted);

              line-height: 1.3

            }

            & .sta-shop-browser {

              overflow: hidden;

              border: 10px solid #fff;

              border-radius: 32px;

              background: #fff;

              box-shadow: rgba(45,37,96,.18) 0 30px 80px;

              transform: rotate(1.5deg)

            }

            & .sta-shop-browser__bar {

              display: flex;

              align-items: center;

              gap: 7px;

              padding: 14px 16px;

              background: #181c2a;

              color: #fff

            }

            & .sta-shop-browser__bar i {

              width: 9px;

              height: 9px;

              border-radius: 50%;

              background: var(--wd-green)

            }

            & .sta-shop-browser__bar i:nth-child(2) {

              background: var(--wd-purple)

            }

            & .sta-shop-browser__bar i:nth-child(3) {

              background: var(--wd-cyan)

            }

            & .sta-shop-browser__bar span {

              margin-left: auto;

              font-size: .72rem;

              opacity: .65

            }

            & .sta-shop-browser__body {

              min-height: 360px;

              display: grid;

              grid-template-columns: 1.25fr 0.75fr;

              gap: 18px;

              align-items: center;

              padding: 32px;

              background: linear-gradient(145deg,#f7f9fb,#eeebff)

            }

            & .sta-shop-product {

              display: flex;

              flex-direction: column;

              gap: 8px

            }

            & .sta-shop-product > span {

              align-self: flex-start;

              padding: 5px 9px;

              border-radius: 999px;

              background: var(--wd-green);

              font-size: .68rem;

              font-weight: 900;

              text-transform: uppercase

            }

            & .sta-shop-product__image {

              display: grid;

              place-items: center;

              min-height: 150px;

              border-radius: 24px;

              background: #fff;

              color: var(--wd-purple);

              font-size: 4rem;

              box-shadow: rgba(40,34,76,.1) 0 12px 35px

            }

            & .sta-shop-product strong {

              font-size: 1.15rem

            }

            & .sta-shop-product small {

              color: var(--wd-muted)

            }

            & .sta-shop-cart {

              display: flex;

              flex-direction: column;

              gap: 12px;

              padding: 22px;

              border-radius: 22px;

              background: #fff;

              box-shadow: rgba(40,34,76,.1) 0 12px 35px

            }

            & .sta-shop-cart span {

              color: var(--wd-muted)

            }

            & .sta-shop-cart strong {

              padding: 10px;

              border-radius: 10px;

              background: var(--wd-purple);

              color: #fff;

              text-align: center

            }

            & .sta-eshop-cenik .wd-benefits {

              overflow: hidden;

              border: 1px solid #e7e9ef;

              border-radius: 22px;

              background: #fff;

              box-shadow: rgba(33,39,60,.07) 0 12px 38px

            }

            & .sta-eshop-cenik .wd-benefit {

              display: flex;

              align-items: center;

              justify-content: center;

              gap: 12px;

              padding: 20px;

              border-right: 1px solid #e7e9ef

            }

            & .sta-eshop-cenik .wd-icon {

              color: var(--wd-purple);

              font-size: 1.5rem

            }

            & .sta-eshop-cenik .wd-section {

              padding: 90px 0

            }

            & .sta-eshop-cenik .wd-section--why {

              background: #fff

            }

            & .sta-eshop-cenik .wd-section--results {

              background: var(--wd-soft)

            }

            & .sta-eshop-cenik .wd-section--advice {

              background: #fff

            }

            & .sta-eshop-cenik .wd-section--faq {

              background: linear-gradient(#f7f8fc,#fff)

            }

            & .sta-eshop-cenik .wd-heading-center {

              max-width: 760px;

              margin-bottom: 45px

            }

            & .sta-eshop-cenik .wd-occasion {

              display: flex;

              align-items: center;

              gap: 14px;

              padding: 20px;

              border: 1px solid #e6e8ee;

              border-radius: 18px;

              background: #fff;

              box-shadow: rgba(31,37,56,.06) 0 8px 25px

            }

            & .sta-eshop-cenik .wd-occasion span {

              display: grid;

              place-items: center;

              flex: 0 0 42px;

              height: 42px;

              border-radius: 50%;

              background: #f0edff;

              color: var(--wd-purple);

              font-weight: 900

            }

            & .sta-eshop-cenik .wd-compare,

            & .sta-eshop-cenik .wd-info-card {

              position: relative;

              padding: 30px;

              border: 1px solid #e2e5eb;

              border-radius: 26px;

              background: #fff;

              box-shadow: rgba(35,40,58,.08) 0 14px 42px

            }

            & .sta-eshop-cenik .wd-info-card--green {

              border-top: 5px solid var(--wd-green)

            }

            & .sta-eshop-cenik .wd-info-card--purple {

              border-top: 5px solid var(--wd-purple)

            }

            & .sta-eshop-cenik .wd-card-icon {

              display: grid;

              place-items: center;

              width: 52px;

              height: 52px;

              margin-bottom: 18px;

              border-radius: 16px;

              background: #eff5df;

              color: #4a6100;

              font-weight: 900

            }

            & .sta-eshop-cenik .wd-info-card--purple .wd-card-icon {

              background: #f0edff;

              color: var(--wd-purple)

            }

            & .sta-price-card {

              display: flex;

              flex-direction: column

            }

            & .sta-price-card > p,

            & .sta-price-card li {

              color: var(--wd-muted)

            }

            & .sta-price {

              font-size: 2.05rem;

              font-weight: 900;

              letter-spacing: -.04em;

              margin: 4px 0 18px!important;

              color: var(--wd-ink)!important

            }

            & .sta-price small {

              font-size: .85rem;

              color: var(--wd-muted)

            }

            & .sta-price-card--featured {

              transform: translateY(-10px);

              box-shadow: rgba(91,72,190,.18) 0 25px 65px!important

            }

            & .sta-ribbon {

              position: absolute;

              top: 20px;

              right: -8px;

              padding: 7px 13px;

              border-radius: 9px 0 0 9px;

              background: var(--wd-purple);

              color: #fff;

              font-size: .72rem;

              font-weight: 900;

              text-transform: uppercase

            }

            & .sta-ribbon::after {

              content: "";

              position: absolute;

              right: 0;

              bottom: -7px;

              border-width: 7px 8px 0 0;

              border-style: solid;

              border-color: #5140b4 rgba(255,255,255,0) rgba(255,255,255,0)

            }

            & .sta-eshop-cenik .wd-checklist {

              list-style: none;

              padding: 0;

              margin: 20px 0 26px

            }

            & .sta-eshop-cenik .wd-checklist li {

              position: relative;

              padding: 6px 0 6px 27px

            }

            & .sta-eshop-cenik .wd-checklist li::before {

              content: "✓";

              position: absolute;

              left: 0;

              color: var(--wd-green);

              font-weight: 950

            }

            & .sta-eshop-cenik .wd-info-card--purple .wd-checklist li::before {

              color: var(--wd-purple)

            }

            & .sta-eshop-cenik .table {

              min-width: 760px

            }

            & .sta-eshop-cenik .table th {

              padding: 18px;

              background: #171c2a;

              color: #fff;

              border: 0

            }

            & .sta-eshop-cenik .table td {

              padding: 16px 18px;

              border-color: #e6e8ee

            }

            & .sta-eshop-cenik .table tbody tr:nth-child(2n) {

              background: #f8f9fb

            }

            & .sta-eshop-cenik .table th:first-child {

              border-radius: 12px 0 0

            }

            & .sta-eshop-cenik .table th:last-child {

              border-radius: 0 12px 0 0

            }

            & .sta-compare-table td:not(:first-child),

            & .sta-compare-table th:not(:first-child) {

              text-align: center

            }

            & .sta-notes {

              display: grid;

              gap: 13px

            }

            & .sta-notes article {

              display: flex;

              gap: 18px;

              padding: 20px;

              border: 1px solid #e6e8ee;

              border-radius: 18px;

              background: #fff

            }

            & .sta-notes article > span {

              flex: 0 0 48px;

              color: var(--wd-purple);

              font-weight: 950;

              font-size: 1.25rem

            }

            & .sta-notes h3 {

              font-size: 1.05rem

            }

            & .sta-notes p {

              margin: 0;

              color: var(--wd-muted)

            }

            & .sta-eshop-cenik .wd-step {

              position: relative;

              padding: 28px;

              border: 1px solid #e4e7ec;

              border-radius: 22px;

              background: #fff

            }

            & .sta-eshop-cenik .wd-step__number {

              position: absolute;

              right: 18px;

              top: 12px;

              color: #edf0f3;

              font-size: 3rem;

              font-weight: 950

            }

            & .sta-eshop-cenik .wd-step__icon {

              display: grid;

              place-items: center;

              width: 50px;

              height: 50px;

              margin-bottom: 18px;

              border-radius: 16px;

              background: #f0edff;

              color: var(--wd-purple);

              font-size: 1.4rem

            }

            & .sta-eshop-cenik .wd-step h3 {

              font-size: 1.15rem

            }

            & .sta-eshop-cenik .wd-step p {

              margin: 0;

              color: var(--wd-muted)

            }

            & .sta-eshop-cenik .accordion-item {

              overflow: hidden;

              margin-bottom: 12px;

              border: 1px solid #e3e6eb!important;

              border-radius: 15px!important

            }

            & .sta-eshop-cenik .accordion-button {

              font-weight: 850

            }

            & .sta-eshop-cenik .accordion-button:not(.collapsed) {

              background: #f0edff;

              color: #4d3eba;

              box-shadow: none

            }

            & .sta-eshop-cenik .accordion-button:focus {

              border-color: var(--wd-purple);

              box-shadow: rgba(138,116,255,.18) 0 0 0 .2rem

            }

            & .sta-contact-simple {

              overflow: hidden;

              border: 0;

              border-radius: 25px;

              background: #171c2a;

              color: #fff;

              box-shadow: rgba(26,31,45,.2) 0 20px 55px

            }

            & .sta-contact-simple .wd-contact-card__body {

              padding: 30px

            }

            & .sta-contact-simple p {

              color: #c8ced8

            }

            & .sta-contact-simple a {

              color: var(--wd-green);

              font-weight: 850;

              text-decoration: none

            }

            & .sta-contact-simple .wd-card-icon {

              background: var(--wd-green);

              color: #182000

            }

            & .sta-eshop-cenik .wd-cta {

              overflow: hidden;

              background: linear-gradient(120deg,#171c2a,#33285d);

              color: #fff

            }

            & .sta-eshop-cenik .wd-cta p {

              color: #d4d8e2;

              font-size: 1.1rem

            }

            & .sta-cta-cart {

              position: relative;

              display: flex;

              flex-direction: column;

              align-items: center;

              justify-content: center;

              width: 280px;

              height: 230px;

              margin: auto;

              border-radius: 45px;

              background: var(--wd-purple);

              transform: rotate(-5deg);

              box-shadow: rgba(0,0,0,.25) 0 22px 60px

            }

            & .sta-cta-cart::before {

              content: "";

              position: absolute;

              width: 125px;

              height: 85px;

              top: -46px;

              border-bottom: 0;

              border-radius: 70px 70px 0 0

            }

            & .sta-cta-cart span {

              display: grid;

              place-items: center;

              width: 58px;

              height: 58px;

              border-radius: 50%;

              background: var(--wd-green);

              color: #182000;

              font-size: 1.7rem;

              font-weight: 950

            }

            & .sta-cta-cart strong {

              margin-top: 16px;

              font-size: 1.5rem

            }

            & .sta-cta-cart small {

              opacity: .8

            }

            @media (max-width:991.98px) {

              & .sta-eshop-cenik .wd-section {

                padding: 65px 0

              }

              & .sta-price-card--featured {

                transform: none

              }

              & .sta-eshop-cenik .wd-benefit {

                justify-content: flex-start

              }

              & .sta-shop-browser__body {

                min-height: 310px

              }

              & .sta-eshop-cenik .wd-hero__badge {

                right: 8px

              }

            }

            @media (max-width:575.98px) {

              & .sta-eshop-cenik .wd-section {

                padding: 50px 0

              }

              & .sta-eshop-cenik .wd-benefit {

                padding: 14px 10px;

                font-size: .85rem

              }

              & .sta-eshop-cenik .wd-icon {

                font-size: 1.1rem

              }

              & .sta-shop-browser__body {

                grid-template-columns: 1fr;

                padding: 20px

              }

              & .sta-shop-cart {

                display: none

              }

              & .sta-eshop-cenik .wd-hero__badge {

                position: relative;

                right: auto;

                bottom: auto;

                margin: -12px 12px 0

              }

              & .sta-eshop-cenik .wd-compare,

              & .sta-eshop-cenik .wd-info-card {

                padding: 24px

              }

              & .sta-ribbon {

                right: 0

              }

            }

            & .wd-blog-intro {

              --blog-green: #a1d600;

              --blog-purple: #8a74ff;

              --blog-ink: #121827;

              --blog-muted: #637381;

              padding: 50px 0 36px

            }

            & .wd-blog-intro__inner {

              position: relative;

              overflow: hidden;

              margin: 0 auto;

              padding: clamp(28px,5vw,55px);

              border: 1px solid #e8e9f1;

              border-radius: 30px;

              background: radial-gradient(circle at 92% 12%,rgba(138,116,255,.16),transparent 28%),linear-gradient(135deg,#fff 0,#fbfbff 100%);

              box-shadow: rgba(37,41,61,.08) 0 18px 55px

            }

            & .wd-blog-intro__inner::after {

              content: "";

              position: absolute;

              right: -45px;

              bottom: -80px;

              width: 260px;

              height: 130px;

              border-top: 0;

              border-radius: 0 0 50% 50%;

              opacity: .12;

              transform: rotate(-8deg);

              pointer-events: none

            }

            & .wd-blog-intro__eyebrow {

              display: inline-block;

              margin-bottom: 15px;

              padding: 7px 12px;

              border-radius: 999px;

              background: #f0edff;

              color: #6652df;

              font-size: .76rem;

              font-weight: 900;

              letter-spacing: .08em;

              text-transform: uppercase

            }

            & .wd-blog-intro h1 {

              max-width: 820px;

              margin: 0 0 18px;

              color: var(--blog-ink);

              font-size: clamp(2rem, 5vw, 3.8rem);

              font-weight: 900;

              line-height: 1.06;

              letter-spacing: -.05em

            }

            & .wd-blog-intro h1 span {

              color: var(--blog-green)

            }

            & .wd-blog-intro p {

              max-width: 840px;

              margin: 0;

              color: var(--blog-muted);

              font-size: clamp(1rem, 1.5vw, 1.13rem);

              line-height: 1.7

            }

            & .wd-blog-intro__topics {

              display: flex;

              flex-wrap: wrap;

              gap: 9px;

              margin-top: 24px

            }

            & .wd-blog-intro__topics span {

              padding: 8px 13px;

              border: 1px solid #e2e4eb;

              border-radius: 999px;

              background: #fff;

              color: var(--blog-ink);

              font-size: .85rem;

              font-weight: 800

            }

            & .wd-blog-intro__topics span:nth-child(2n) {

              border-color: rgba(138,116,255,.35)

            }

            @media (max-width:575.98px) {

              & .wd-blog-intro {

                padding: 30px 0 24px

              }

              & .wd-blog-intro__inner {

                border-radius: 22px

              }

            }

            & .page-blog {

              padding: 10px 0

            }

            & .page-blog .blog-item ul.tags {

              display: flex;

              flex-wrap: wrap;

              align-items: center;

              gap: 8px;

              margin: 8px 0 18px;

              padding: 0;

              list-style: none

            }

            & .page-blog .blog-item ul.tags > li.list-inline-item {

              margin: 0;

              padding: 0

            }

            & .page-blog .blog-item ul.tags a.btn,

            & .page-blog .blog-item ul.tags a.btn-info {

              display: inline-flex;

              align-items: center;

              gap: 4px;

              min-height: 32px;

              padding: 6px 12px;

              border: 1px solid rgba(138,116,255,.28);

              border-radius: 999px;

              background: rgba(138,116,255,.1);

              color: #6652df;

              font-size: 13px;

              font-weight: 750;

              line-height: 1.25;

              text-decoration: none;

              box-shadow: none;

              transition: color .2s,background-color .2s,border-color .2s,transform .2s

            }

            & .page-blog .blog-item ul.tags a.btn::before {

              content: "#";

              color: #8a74ff;

              font-weight: 900

            }

            & .page-blog .blog-item ul.tags a.btn:focus-visible,

            & .page-blog .blog-item ul.tags a.btn:hover {

              border-color: #8a74ff;

              background: #8a74ff;

              color: #fff;

              transform: translateY(-1px)

            }

            & .page-blog .blog-item ul.tags a.btn:focus-visible::before,

            & .page-blog .blog-item ul.tags a.btn:hover::before {

              color: #fff

            }

            & .page-blog .blog-item ul.tags a.btn:focus-visible {

              outline: rgba(138,116,255,.24) solid 3px;

              outline-offset: 2px

            }

            @media (prefers-reduced-motion:reduce) {

              & .page-blog .blog-item ul.tags a.btn {

                transition: none

              }

              & .page-blog .blog-item ul.tags a.btn:focus-visible,

              & .page-blog .blog-item ul.tags a.btn:hover {

                transform: none

              }

            }

            & .btn-default {

              color: #000

            }

            @media (max-width:991.98px) {

              & .responsive-menu .slicknav_menu {

                overflow: hidden

              }

              @media (max-width:767.98px) {

                & .wd-home-info-strip {

                  padding-top: 20px!important;

                  padding-bottom: 20px!important

                }

              }

              @media (max-width:575.98px) {

                & .wd-blog-intro {

                  padding: 30px 0 24px

                }

                & .wd-blog-intro__inner {

                  border-radius: 22px

                }

              }

              & .wd-social-links {

                display: flex;

                align-items: center;

                flex-wrap: wrap;

                gap: 10px;

                margin-top: 24px

              }

              & .wd-social-links a {

                display: inline-flex;

                align-items: center;

                justify-content: center;

                width: 40px;

                height: 40px;

                border: 2px solid #8a74ff;

                border-radius: 50%;

                background: #8a74ff;

                font-family: Arial,sans-serif;

                font-size: 20px;

                font-weight: 800;

                line-height: 1;

                box-shadow: rgba(138,116,255,.22) 0 8px 20px;

                transition: transform .2s,background-color .2s,border-color .2s,color .2s;

                color: #fff!important;

                text-decoration: none!important

              }

              & .wd-social-links a:focus-visible,

              & .wd-social-links a:hover {

                border-color: #a7e800;

                background: #a7e800;

                transform: translateY(-2px);

                color: #222!important

              }

              & .wd-social-links a:focus-visible {

                outline: rgba(138,116,255,.35) solid 3px;

                outline-offset: 3px

              }

              & .wd-social-links .wd-social-youtube {

                font-size: 15px;

                transform: translateX(1px)

              }

              & .wd-social-links .wd-social-linkedin {

                font-size: 15px;

                letter-spacing: -1px

              }

              & .wd-social-links .wd-social-x {

                font-size: 16px;

                font-weight: 700

              }

              @media (prefers-reduced-motion:reduce) {

                & .wd-social-links a {

                  transition: none

                }

                & .wd-social-links a:hover {

                  transform: none

                }

              }

              & .btn-default,

              & .image-anime,

              & .reveal {

                position: relative;

                overflow: hidden

              }

              & .page-faqs .accordion-body p,

              & .post-item-body p,

              & .slicknav_menu ul ul,

              & figure {

                margin: 0

              }

              & a,

              & a:focus,

              & a:hover {

                text-decoration: none

              }

              & body {

                font-family: var(--lbox-font-family-body);

                font-size: 16px;

                font-weight: 400;

                line-height: 1.6em;

                color: #527282;

                background-color: #fff

              }

              & .btn-default.btn-highlighted:hover,

              & .main-menu ul li a,

              & .page-header-box h1 span,

              & .post-item-footer a.read-more-btn:hover,

              & h1,

              & h2,

              & h3,

              & h4,

              & h5,

              & h6 {

                color: var(--primary-color)

              }

              & p {

                line-height: 1.8em;

                margin-bottom: 1.6em

              }

              & h1,

              & h2,

              & h3,

              & h4,

              & h5,

              & h6 {

                margin: 0;

                font-weight: 700;

                line-height: 1.2em

              }

              & img {

                max-width: 100%

              }

              & a:focus,

              & a:hover {

                outline: 0

              }

              & body,

              & html {

                width: 100%;

                overflow-x: clip

              }

              & .container {

                max-width: 1300px

              }

              & .container,

              & .container-fluid,

              & .row > * {

                padding-right: 15px;

                padding-left: 15px

              }

              & .image-anime::after {

                content: "";

                position: absolute;

                width: 200%;

                height: 0%;

                left: 50%;

                top: 50%;

                background-color: rgba(255,255,255,.3);

                transform: translate(-50%,-50%) rotate(-45deg);

                z-index: 1

              }

              & .btn-default:hover,

              & .image-anime:hover::after {

                background-color: rgba(255,255,255,0)

              }

              & .image-anime:hover::after {

                height: 250%;

                transition: .6s linear

              }

              & .reveal {

                display: inline-flex;

                visibility: hidden

              }

              & .btn-default {

                background: #a7e800;

                display: inline-block;

                line-height: 1.5em;

                font-size: 14px;

                font-weight: 600;

                padding: 14px 50px 14px 20px;

                border-radius: 99px;

                border: currentcolor;

                border-image: initial;

                transition: .5s ease-in-out;

                z-index: 1

              }

              & .reveal img {

                height: 100%;

                width: 100%;

                object-fit: cover;

                transform-origin: left center

              }

              & .row {

                margin-right: -15px;

                margin-left: -15px

              }

              & .btn-default.btn-highlighted:hover::before,

              & .main-menu ul ul,

              & .testimonial-slider .testimonial-button-next:hover,

              & .testimonial-slider .testimonial-button-prev:hover {

                background-color: var(--primary-color)

              }

              & .btn-default::before {

                content: "";

                position: absolute;

                top: 50%;

                right: 0;

                bottom: 0;

                width: 30px;

                height: 30px;

                border-radius: 50%;

                background-color: #fff;

                background-image: url("../images/arrow-blue.svg");

                background-repeat: no-repeat;

                background-position: center center;

                background-size: 10px;

                transform: translate(-10px,-50%);

                transition: .4s ease-in-out

              }

              & .btn-default:hover::before {

                transform: translate(-10px,-50%) rotate(45deg);

                background-size: 10px

              }

              & .btn-default::after {

                content: "";

                display: block;

                position: absolute;

                top: 0;

                left: 0;

                bottom: 0;

                width: 0;

                height: 100%;

                border-radius: 99px;

                background: var(--primary-color);

                transition: .4s ease-in-out;

                z-index: -1

              }

              & .btn-default:hover::after {

                width: 100%

              }

              & .footer-links ul li:hover a,

              & .main-menu ul li a:focus,

              & .main-menu ul li a:hover,

              & .page-header-box ol .breadcrumb-item + .breadcrumb-item::before {

                color: var(--accent-color)

              }

              & .btn-default.btn-highlighted::after {

                background-color: #fff

              }

              & .preloader {

                position: fixed;

                left: 0;

                top: 0;

                right: 0;

                bottom: 0;

                z-index: 1000;

                background-color: var(--accent-color);

                display: flex;

                align-items: center;

                justify-content: center

              }

              & .slicknav_btn,

              & .slicknav_menu {

                background: var(--primary-color)

              }

              & .loading {

                height: 100px;

                position: relative;

                width: 100px;

                border-radius: 100%;

                border-width: 1px;

                border-style: solid;

                border-image: initial;

                border-color: rgba(255,255,255,0) #fff;

                animation: 1.5s linear infinite rotate-loading;

                transform-origin: 50% 50%

              }

              & header.main-header,

              & header.main-header .header-sticky.active {

                border-bottom: 1px solid rgba(14,56,76,.1)

              }

              & header.main-header {

                background-color: var(--secondary-color);

                position: relative;

                z-index: 100

              }

              & header.main-header .header-sticky {

                position: relative;

                top: 0;

                z-index: 100

              }

              & header.main-header .header-sticky.hide {

                transform: translateY(-100%);

                transition: transform .3s ease-in-out;

                border-radius: 0

              }

              & header.main-header .header-sticky.active {

                position: fixed;

                top: 0;

                left: 0;

                right: 0;

                border-radius: 0;

                transform: translateY(0);

                background: var(--secondary-color);

                backdrop-filter: blur(30px)

              }

              & .navbar {

                padding: 30px 0;

                align-items: center

              }

              & .navbar-brand {

                padding: 0;

                margin: 0

              }

              & .main-menu .nav-menu-wrapper {

                flex: 1 1 0%;

                text-align: center

              }

              & .main-menu .nav-menu-wrapper > ul {

                align-items: center;

                display: inline-flex

              }

              & .main-menu ul li {

                margin: 0 9px;

                position: relative

              }

              & .main-menu ul li a {

                font-size: 18px;

                font-weight: 500;

                transition: .3s ease-in-out;

                padding: 14px 10px!important

              }

              & .main-menu ul li.submenu > a::after {

                content: "";

                font-family: "Font Awesome 6 Free";

                font-weight: 900;

                font-size: 14px;

                margin-left: 8px

              }

              & .main-menu ul ul {

                visibility: hidden;

                opacity: 0;

                transform: scaleY(.8);

                transform-origin: center top;

                padding: 0;

                margin: 0;

                list-style: none;

                width: 240px;

                border-radius: 20px;

                position: absolute;

                left: 0;

                top: 100%;

                transition: .3s ease-in-out;

                text-align: left

              }

              & .main-menu ul li.submenu:first-child ul {

                width: 250px

              }

              & .main-menu ul ul ul {

                left: 100%;

                top: 0;

                text-align: left

              }

              & .main-menu ul li:hover > ul {

                visibility: visible;

                opacity: 1;

                transform: scaleY(1);

                padding: 5px 0

              }

              & .main-menu ul li.submenu ul li.submenu > a::after {

                content: "";

                float: right

              }

              & .main-menu ul ul li {

                margin: 0;

                padding: 0

              }

              & .main-menu ul ul li a {

                color: #fff;

                transition: .3s ease-in-out;

                padding: 8px 20px!important

              }

              & .main-menu ul ul li a:focus,

              & .main-menu ul ul li a:hover {

                color: var(--accent-color);

                background-color: rgba(255,255,255,0);

                padding: 8px 20px 8px 23px!important

              }

              & .navbar-toggle,

              & .responsive-menu {

                display: none

              }

              & .responsive-menu {

                top: 0;

                position: relative

              }

              & .slicknav_btn {

                padding: 0;

                display: flex;

                align-items: center;

                justify-content: center;

                width: 38px;

                height: 38px;

                margin: 0;

                border-radius: 8px

              }

              & .slicknav_icon .slicknav_icon-bar {

                display: block;

                height: 3px;

                width: 22px;

                background-color: #fff;

                border-radius: 6px;

                transition: .1s ease-in-out;

                margin: 4px auto!important

              }

              & .slicknav_icon .slicknav_icon-bar:first-child {

                margin-top: 0!important

              }

              & .slicknav_icon .slicknav_icon-bar:last-child {

                margin-bottom: 0!important

              }

              & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:first-child {

                transform: rotate(-45deg) translate(-5px,5px)

              }

              & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {

                opacity: 0

              }

              & .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {

                transform: rotate(45deg) translate(-5px,-5px)

              }

              & .slicknav_menu {

                position: absolute;

                width: 100%;

                padding: 0

              }

              & .slicknav_menu ul {

                margin: 5px 0

              }

              & .slicknav_nav .slicknav_row,

              & .slicknav_nav li a {

                position: relative;

                font-size: 16px;

                font-weight: 500;

                padding: 10px 20px;

                color: #fff;

                line-height: normal;

                margin: 0;

                transition: .3s ease-in-out;

                border-radius: 0!important

              }

              & .slicknav_nav .slicknav_row:hover,

              & .slicknav_nav a:focus,

              & .slicknav_nav a:hover {

                background-color: rgba(255,255,255,0);

                color: var(--accent-color)

              }

              & .slicknav_menu ul ul li a {

                padding: 10px 20px 10px 30px

              }

              & .slicknav_arrow {

                font-size: 0px!important

              }

              & .slicknav_arrow::after {

                content: "";

                font-family: "Font Awesome 6 Free";

                font-weight: 900;

                font-size: 12px;

                margin-left: 8px;

                color: #fff;

                position: absolute;

                right: 15px;

                top: 15px;

                transition: .3s ease-out

              }

              & .slicknav_open > a .slicknav_arrow::after {

                transform: rotate(-180deg);

                color: var(--accent-color)

              }

              & .read-more-btn {

                position: relative;

                z-index: 1

              }

              & .error-page,

              & .page-blog,

              & .page-book-appointment,

              & .page-faqs,

              & .page-service-single,

              & .page-single-post,

              & .page-techonology {

                padding: 100px 0

              }

              & .post-item-footer a.read-more-btn::after,

              & .read-more-btn a::after {

                background-image: url("../images/arrow-white.svg");

                width: 24px;

                height: 24px

              }

              & .hero-slider-layout .swiper-pagination {

                bottom: 80px

              }

              & .hero-slider-layout .swiper-pagination .swiper-pagination-bullet {

                width: 15px;

                height: 15px;

                background: #fff;

                opacity: 1;

                transition: .3s ease-in-out;

                margin: 0 5px

              }

              & .hero-slider-layout .swiper-pagination .swiper-pagination-bullet-active,

              & .read-more-btn a::after {

                background-color: var(--accent-color)

              }

              & .footer-copyright-text p {

                margin: 0

              }

              & .post-image figure {

                display: block

              }

              & .read-more-btn a::after {

                content: "";

                position: absolute;

                top: 0;

                bottom: 0;

                right: 0;

                background-repeat: no-repeat;

                background-position: center center;

                background-size: 10px;

                border-radius: 50%;

                transition: .4s ease-in-out

              }

              & .read-more-btn a {

                font-size: 14px;

                color: var(--accent-color);

                font-weight: 600;

                transition: .5s ease-in-out;

                display: inline-block;

                position: relative;

                padding-right: 35px

              }

              & .read-more-btn a:hover::after {

                background-size: 10px;

                transform: rotate(45deg)

              }

              & .footer-links ul li:last-child {

                margin-bottom: 0

              }

              & .blog-item {

                position: relative;

                height: calc(100% - 30px);

                margin-bottom: 30px;

                z-index: 1

              }

              & .blog-item:hover .post-featured-image img {

                transform: scale(1.1)

              }

              & .footer-links h3,

              & .post-item-body h2,

              & .post-item-footer a.read-more-btn {

                font-weight: 600

              }

              & .testimonial-slider .testimonial-button-next,

              & .testimonial-slider .testimonial-button-prev {

                position: relative;

                width: 40px;

                height: 40px;

                background-color: var(--accent-color);

                border-radius: 6px;

                transition: .4s ease-in-out

              }

              & .testimonial-slider .testimonial-button-next {

                margin-left: 20px

              }

              & .testimonial-slider .testimonial-button-next::before,

              & .testimonial-slider .testimonial-button-prev::before {

                content: "";

                position: absolute;

                inset: 0px;

                background: url("../images/arrow-white.svg") center center/12px no-repeat;

                transform: rotate(45deg);

                display: flex;

                align-items: center;

                justify-content: center;

                transition: .4s ease-in-out

              }

              & .post-item-footer a.read-more-btn::after {

                background-repeat: no-repeat;

                background-position: center center;

                content: "";

                position: absolute;

                top: -2px;

                right: 0;

                bottom: 0;

                background-size: 10px;

                background-color: var(--accent-color);

                border-radius: 50%;

                transition: .4s ease-in-out

              }

              & .testimonial-slider .testimonial-button-prev::before {

                transform: rotate(225deg)

              }

              & .blog-item .post-featured-image {

                border-radius: 30px;

                overflow: hidden;

                margin-bottom: 30px

              }

              & .blog-item .post-featured-image a {

                display: block

              }

              & .blog-item .post-featured-image img {

                border-radius: 30px;

                aspect-ratio: 1/0.66;

                object-fit: cover;

                transition: .5s ease-in-out;

                max-height: 300px

              }

              & .post-item-body {

                margin-bottom: 15px

              }

              & .post-item-body h2 {

                color: var(--primary-color);

                font-size: 20px;

                line-height: 1.5em;

                margin-bottom: 20px

              }

              & .page-header-box ol li.breadcrumb-item a,

              & .post-item-body h2 a {

                color: inherit

              }

              & .post-item-footer a.read-more-btn {

                position: relative;

                color: var(--accent-color);

                font-size: 14px;

                padding-right: 35px;

                transition: .5s ease-in-out

              }

              & .post-item-footer a.read-more-btn:hover::after {

                transform: rotate(45deg);

                background-color: var(--primary-color)

              }

              & footer.main-footer {

                padding: 100px 0 0;

                background: var(--primary-color)

              }

              & .footer-links h3 {

                color: #fff;

                font-size: 20px;

                margin-bottom: 20px

              }

              & .footer-links ul {

                list-style: none;

                margin: 0;

                padding: 0

              }

              & .footer-links ul li {

                margin-bottom: 10px

              }

              & .footer-links ul li a {

                color: #fff;

                transition: .3s ease-in-out

              }

              & .footer-copyright {

                border-top: 1px solid rgba(255,255,255,.12);

                padding: 30px 0;

                text-align: center;

                margin-top: 60px

              }

              & .page-header-box h1 {

                font-size: 54px;

                font-weight: 700;

                text-align: center;

                color: var(--accent-color);

                margin-bottom: 20px

              }

              & .page-header-box ol {

                margin: 0;

                padding: 0;

                justify-content: center

              }

              & .page-header-box ol li.breadcrumb-item {

                font-size: 16px;

                font-weight: 500;

                color: var(--primary-color)

              }

              & .com-finder.finder,

              & .page-services,

              & .page-team {

                padding: 100px 0 70px

              }

              & .page-faqs .accordion-header .accordion-button {

                font-size: 20px;

                font-weight: 600;

                line-height: 1.2em;

                padding: 15px 50px 15px 20px

              }

              & .page-faqs .accordion-body {

                padding: 0 20px 20px

              }

              & .page-blog .blog-item {

                height: calc(100% - 40px);

                margin-bottom: 40px

              }

              & .post-pagination {

                margin-top: 30px;

                text-align: center

              }

              & .post-pagination ul {

                justify-content: center;

                padding: 0;

                margin: 0

              }

              & .post-pagination ul li a,

              & .post-pagination ul li span {

                display: flex;

                text-decoration: none;

                justify-content: center;

                align-items: center;

                background: var(--secondary-color);

                color: var(--primary-color);

                border-radius: 6px;

                width: 40px;

                height: 40px;

                margin: 0 5px;

                font-weight: 700;

                line-height: 1em;

                transition: .3s ease-in-out

              }

              & .post-pagination ul li a:hover,

              & .post-pagination ul li.active a {

                background: var(--accent-color);

                color: #fff

              }

              & .post-single-meta ol li.breadcrumb-item {

                font-size: 18px

              }

              & .post-single-meta ol li i {

                font-size: 18px;

                color: var(--accent-color);

                margin-right: 5px

              }

              & .post-image {

                position: relative;

                margin-bottom: 30px

              }

              & .post-image figure,

              & .post-image img {

                aspect-ratio: 1/0.5;

                object-fit: cover;

                border-radius: 40px

              }

              & .post-content {

                width: 100%;

                margin: 0 auto

              }

              & .page-team-single {

                padding: 0 0 100px

              }

              & .page-team-single .row {

                background-color: var(--primary-color);

                border-radius: 35px 30px 30px 35px

              }

              @media only screen and (max-width:1024px) {

                & .navbar {

                  padding: 20px 0

                }

                & .main-menu ul li {

                  margin: 0

                }

              }

              @media only screen and (max-width:991px) {

                & footer.main-footer {

                  background-size: 100%;

                  padding: 50px 0 0

                }

                & .navbar-toggle,

                & .responsive-menu,

                & .slicknav_nav li,

                & .slicknav_nav ul {

                  display: block

                }

                & .error-page,

                & .page-blog,

                & .page-book-appointment,

                & .page-faqs,

                & .page-service-single,

                & .page-single-post,

                & .page-techonology {

                  padding: 50px 0

                }

                & .hero-slider-layout .swiper-pagination {

                  bottom: 40px

                }

                & .page-faqs .accordion-header .accordion-button {

                  font-size: 18px

                }

                & .post-item-body h2 {

                  margin-bottom: 15px

                }

                & .page-contact,

                & .page-team-single {

                  padding: 50px 0 25px

                }

                & .blog-item .post-featured-image,

                & .post-image {

                  margin-bottom: 20px

                }

                & .post-item-footer a.read-more-btn {

                  padding-right: 30px

                }

                & .post-item-footer a.read-more-btn::after {

                  top: 0;

                  background-size: 8px;

                  width: 20px;

                  height: 20px

                }

                & .footer-copyright {

                  margin-top: 40px;

                  padding: 20px 0

                }

                & .page-header {

                  background-size: contain;

                  padding: 50px 0

                }

                & .page-header-box h1 {

                  font-size: 44px;

                  margin-bottom: 10px

                }

                & .page-services,

                & .page-team,

                & .page-testimonials {

                  padding: 50px 0 20px

                }

                & .page-blog .blog-item {

                  height: calc(100% - 30px);

                  margin-bottom: 30px

                }

                & .post-pagination {

                  margin-top: 10px

                }

                & .post-single-meta ol li i {

                  font-size: 20px

                }

                & .page-team-single .row {

                  border-radius: 40px 40px 30px 30px

                }

              }

              @media only screen and (max-width:767px) {

                & .page-header-box h1 {

                  font-size: 34px

                }

                & .hero-slider-layout .swiper-pagination {

                  bottom: 30px

                }

                & .post-item-body h2 {

                  font-size: 18px;

                  margin-bottom: 10px

                }

                & .post-single-meta ol li i {

                  font-size: 18px

                }

                & .post-item-body {

                  margin-bottom: 10px

                }

                & .footer-links h3 {

                  margin-bottom: 15px

                }

                & .footer-copyright {

                  padding: 10px 0

                }

                & .page-faqs .accordion-header .accordion-button {

                  font-size: 16px;

                  padding: 10px 40px 10px 10px

                }

                & .page-faqs .accordion-body {

                  padding: 0 10px 10px

                }

                & .post-image figure,

                & .post-image img {

                  aspect-ratio: 1/0.7

                }

              }

              & .view-article .page-header {

                padding: 0

              }

              & ul.result__taxonomy {

                font-size: .9rem;

                margin: 1rem 0;

                padding: .5rem;

                background: #eee;

                border-radius: .4rem

              }

              & .view-category.layout-blog .post-item-body h2 {

                min-height: 3em;

                display: flex;

                align-items: flex-start;

                margin-bottom: 1rem

              }

              & .page-single-post {

                padding: 50px 0

              }

              & .view-category.layout-blog .post-item-body h2 a {

                display: block;

                width: 100%

              }

              & [data-rlta-element=button] {

                margin-top: 2rem;

                display: block;

                background: 0 0!important;

                border: currentcolor!important;

                border-image: initial!important;

                padding: 0!important;

                outline: 0!important

              }

              & [data-rlta-element=button] [data-rlta-element=heading] {

                display: inline-block;

                position: relative;

                overflow: hidden;

                z-index: 1;

                font-weight: 600;

                font-size: 14px;

                line-height: 1.5em;

                color: #fff;

                padding: 14px 50px 14px 20px;

                border-radius: 99px;

                margin: 0;

                cursor: pointer;

                transition: .5s ease-in-out;

                background: var(--accent-color)

              }

              & [data-rlta-element=button] [data-rlta-element=heading]::before {

                content: "";

                position: absolute;

                top: 50%;

                right: 10px;

                width: 30px;

                height: 30px;

                border-radius: 50%;

                background-color: #fff;

                background-image: url("../images/arrow-blue.svg");

                background-repeat: no-repeat;

                background-position: center center;

                background-size: 10px;

                transform: translateY(-50%);

                transition: .4s ease-in-out;

                z-index: 2

              }

              & [data-rlta-element=button] [data-rlta-element=heading]::after {

                content: "";

                display: block;

                position: absolute;

                top: 0;

                left: 0;

                bottom: 0;

                width: 0;

                height: 100%;

                border-radius: 99px;

                background: var(--primary-color);

                transition: .4s ease-in-out;

                z-index: -1

              }

              & [data-rlta-element=button]:hover [data-rlta-element=heading]::after {

                width: 100%

              }

              & [data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading] {

                background: var(--primary-color)

              }

              & [data-rlta-element=button][aria-expanded=true] [data-rlta-element=heading]::before {

                transform: translateY(-50%) rotate(180deg)

              }

              & .view-category [data-rlta-element=panel] {

                height: auto;

                font-size: .9rem;

                padding: .5rem 1rem;

                background: #eee;

                border-radius: .4rem

              }

              & a {

                color: var(--primary-color);

                color: #8776ff

              }

              & footer,

              & footer a {

                color: #fff

              }

              & .btn-primary {

                background-color: var(--accent-color);

                border-color: var(--accent-color)

              }

              & .btn-primary:hover {

                background: var(--primary-color)

              }

              & .list-unstyled li.current.active a,

              & .main-menu ul li.current.active a,

              & .slicknav_nav li.current.active a {

                color: var(--accent-color)

              }

              & footer .nav {

                display: block

              }

              & .nav-item > a.btn-default {

                font-size: 14px;

                width: 160px;

                color: #fff!important;

                padding-right: 30px!important

              }

              @media (max-width:991.8px) {

                & .nav-item > a.btn-default {

                  width: 100%

                }

              }

              & a:hover {

                color: #0be7e0

              }

              & .h1,

              & h1 {

                font-size: 2rem;

                padding-bottom: 15px;

                color: #8776ff

              }

              & .h2,

              & h2 {

                font-size: 1.5rem;

                padding-bottom: 15px;

                color: #333

              }

              & .h3,

              & h3 {

                font-size: 1.2rem;

                padding-bottom: 15px;

                color: #8776ff

              }

              & h3.velky {

                font-size: 1.5rem

              }

              & h2.FAQ {

                font-size: 19px;

                border-bottom: 1px solid #e8e8e8;

                margin-bottom: 20px

              }

              & h4 {

                font-size: 1.1em;

                padding-bottom: 15px

              }

              & .wf-columns .wf-column {

                max-width: 100%;

                box-sizing: border-box;

                flex: 1 1 0%

              }

              & .wf-columns-stack-large,

              & .wf-columns-stack-medium,

              & .wf-columns-stack-small,

              & .wf-columns-stack-xlarge {

                flex-wrap: wrap

              }

              & .wf-columns {

                display: flex;

                gap: 3rem!important

              }

              & .wd-whitening {

                --wd-purple: #8a74ff;

                --wd-purple-soft: #f2efff;

                --wd-turquoise: #13d4d4;

                --wd-turquoise-dark: #09bcbc;

                --wd-ink: #171c2a;

                --wd-text: #49677a;

                --wd-line: #dce8ee;

                --wd-soft: #f7fafb;

                --wd-shadow: 0 18px 48px rgba(33, 66, 83, .10);

                color: var(--wd-text);

                overflow: hidden

              }

              & .wd-whitening h1,

              & .wd-whitening h2,

              & .wd-whitening h3 {

                color: var(--wd-ink);

                line-height: 1.32

              }

              & .wd-whitening h1 {

                letter-spacing: -.045em

              }

              & .wd-whitening h1 span {

                color: #a7e800

              }

              & .wd-whitening .wd-kicker {

                color: #8776ff

              }

              & .wd-whitening p {

                line-height: 1.75

              }

              & .wd-section {

                padding: 5.25rem 0

              }

              & .wd-heading-center {

                max-width: 760px;

                margin-bottom: 2.625rem

              }

              & .wd-eyebrow,

              & .wd-kicker {

                display: inline-block;

                margin-bottom: .875rem;

                font-size: .8125rem;

                font-weight: 800;

                letter-spacing: .08em;

                text-transform: uppercase

              }

              & .wd-eyebrow {

                padding: .5rem .75rem;

                color: var(--wd-purple);

                background: var(--wd-purple-soft);

                border-radius: 999px

              }

              & .wd-hero__lead {

                max-width: 590px;

                font-size: 1.1875rem

              }

              & .wd-btn {

                min-height: 52px;

                padding: 0 1.5rem;

                display: inline-flex;

                align-items: center;

                justify-content: center;

                gap: .75rem;

                border-width: 2px;

                border-radius: 999px;

                font-weight: 800;

                transition: transform .2s,box-shadow .2s,background-color .2s,border-color .2s

              }

              & .wd-btn:hover {

                transform: translateY(-2px)

              }

              & .wd-btn--primary {

                color: #fff;

                background: var(--wd-turquoise);

                border-color: var(--wd-turquoise);

                box-shadow: rgba(19,212,212,.25) 0 12px 26px

              }

              & .wd-btn--primary:focus,

              & .wd-btn--primary:hover {

                color: #fff;

                background: #a7e800;

                border-color: #a7e800

              }

              & .wd-btn--primary span {

                display: grid;

                width: 25px;

                height: 25px;

                place-items: center;

                color: #a7e800;

                background: #fff;

                border-radius: 50%

              }

              & .wd-btn--outline {

                color: var(--wd-ink);

                background: rgba(255,255,255,.86);

                border-color: #b9d6df

              }

              & .wd-btn--outline:focus,

              & .wd-btn--outline:hover {

                color: var(--wd-purple);

                background: #fff;

                border-color: var(--wd-purple)

              }

              & .wd-hero {

                background: radial-gradient(circle at 91% 22%,rgba(19,212,212,.24),transparent 31%),linear-gradient(#fff 0,#fbfeff 100%)

              }

              & .wd-hero__visual {

                position: relative;

                height: 600px;

                min-height: 600px;

                overflow: hidden;

                border-radius: 0 0 0 70px

              }

              & .wd-hero__visual img {

                display: block;

                width: 100%;

                max-width: none;

                object-fit: cover;

                object-position: 68% center;

                border-radius: 0;

                height: 100%!important

              }

              & .wd-hero__visual::after,

              & .wd-hero__visual::before {

                position: absolute;

                content: "";

                border: 1px solid rgba(19,212,212,.42);

                border-radius: 50%

              }

              & .wd-hero__visual::before {

                width: 180px;

                height: 180px;

                left: -70px;

                top: 240px

              }

              & .wd-hero__visual::after {

                width: 260px;

                height: 260px;

                right: -100px;

                bottom: 60px

              }

              & .wd-hero__badge {

                position: absolute;

                right: 28px;

                bottom: 68px;

                z-index: 2;

                display: grid;

                width: 142px;

                height: 142px;

                place-content: center;

                text-align: center;

                color: var(--wd-ink);

                background: #fff;

                border-radius: 50%;

                box-shadow: var(--wd-shadow)

              }

              & .wd-hero__badge span {

                color: var(--wd-turquoise);

                font-size: 2.125rem

              }

              & .wd-hero__badge small {

                display: block

              }

              & .wd-proof {

                display: flex;

                align-items: center;

                gap: .5rem;

                color: var(--wd-ink);

                font-size: .875rem;

                font-weight: 700

              }

              & .wd-proof span {

                color: var(--wd-turquoise);

                font-size: 1.5rem

              }

              & .wd-benefits {

                overflow: hidden;

                background: #fff;

                border: 1px solid rgba(185,214,223,.65);

                border-radius: 22px;

                box-shadow: var(--wd-shadow)

              }

              & .wd-benefit {

                min-height: 142px;

                padding: 1.5rem .875rem;

                text-align: center;

                color: var(--wd-ink);

                border-right: 1px solid var(--wd-line)

              }

              & div.clear {

                clear: both;

                margin-bottom: 50px

              }

              & .wd-benefits .row > div:last-child .wd-benefit {

                border-right: 0px

              }

              & .wd-icon {

                display: block;

                margin-bottom: .625rem;

                color: var(--wd-turquoise);

                font-size: 2.25rem;

                line-height: 1

              }

              & .wd-benefit strong {

                font-size: .875rem;

                line-height: 1.4

              }

              & .wd-section--why {

                padding-top: 7rem

              }

              & .wd-checklist {

                display: grid;

                gap: .625rem

              }

              & .wd-checklist li {

                color: var(--wd-ink)

              }

              & .wd-checklist li::before {

                content: "âś“";

                display: grid;

                place-items: center;

                background: var(--wd-purple)

              }

              & .wd-media-card {

                overflow: hidden;

                padding: .875rem;

                background: #fff;

                border-radius: 22px;

                box-shadow: var(--wd-shadow)

              }

              & .wd-section--results {

                background: var(--wd-soft)

              }

              & .wd-result-card {

                position: relative;

                overflow: hidden;

                background: #fff;

                border-radius: 18px;

                box-shadow: var(--wd-shadow)

              }

              & .wd-result-label {

                position: absolute;

                z-index: 2;

                left: .875rem;

                top: .875rem;

                padding: .4375rem .75rem;

                color: #fff;

                background: var(--wd-purple);

                border-radius: 999px;

                font-size: .75rem;

                font-weight: 800;

                text-transform: uppercase

              }

              & .wd-note {

                font-size: .8125rem

              }

              & .wd-step {

                position: relative;

                text-align: center

              }

              & .wd-step__number {

                position: absolute;

                z-index: 3;

                left: calc(50% - 48px);

                top: -4px;

                display: grid;

                width: 46px;

                height: 46px;

                place-items: center;

                color: #fff;

                background: var(--wd-purple);

                border-radius: 50%;

                font-size: .75rem;

                font-weight: 800

              }

              & .wd-step__icon {

                display: grid;

                width: 94px;

                height: 94px;

                margin: 0 auto 1.125rem;

                place-items: center;

                color: var(--wd-turquoise);

                background: #fff;

                border: 1px solid var(--wd-line);

                border-radius: 50%;

                box-shadow: rgba(33,66,83,.07) 0 10px 26px;

                font-size: 2.375rem

              }

              & .wd-step p {

                margin-bottom: 0;

                font-size: .9375rem

              }

              & .wd-compare,

              & .wd-info-card {

                padding: 1.75rem;

                border-radius: 18px

              }

              & .wd-info-card--green {

                background: rgba(19,212,212,.1)

              }

              & .wd-info-card--red {

                background: rgba(218,255,127,.2)

              }

              & .wd-info-card__sub {

                margin-top: -.25rem;

                font-size: .75rem;

                font-weight: 800;

                text-transform: uppercase

              }

              & .wd-info-card ul {

                display: grid;

                gap: .5625rem;

                padding-left: 1.25rem

              }

              & .wd-info-card li {

                font-size: .875rem

              }

              & .wd-compare {

                background: #f2f6ff

              }

              & .wd-compare .table,

              & .wd-info-card .table {

                min-width: 450px;

                margin-bottom: 0;

                color: var(--wd-ink);

                background: rgba(255,255,255,.68);

                font-size: .95rem

              }

              & .wd-compare .table > :not(caption) > * > *,

              & .wd-info-card .table > :not(caption) > * > * {

                padding: .75rem;

                color: var(--wd-ink);

                background: rgba(255,255,255,0);

                border-color: #dfe7f4;

                vertical-align: middle

              }

              & .wd-compare .table th,

              & .wd-info-card .table th {

                font-size: .95rem;

                font-weight: 600;

                line-height: 1.45

              }

              & .wd-compare .table td,

              & .wd-info-card .table td {

                font-size: .95rem;

                line-height: 1.45

              }

              & .wd-compare .table td:last-child,

              & .wd-info-card .table td:last-child {

                color: var(--wd-purple);

                font-weight: 800;

                white-space: nowrap;

                text-align: right

              }

              & .wd-compare .table td:last-child strong,

              & .wd-info-card .table td:last-child strong {

                color: inherit;

                font-size: inherit;

                font-weight: inherit

              }

              & .wd-occasion {

                display: grid;

                min-height: 130px;

                padding: 1.375rem;

                place-content: center;

                text-align: center;

                color: var(--wd-ink);

                background: #fff;

                border: 1px solid var(--wd-line);

                border-radius: 16px;

                transition: transform .2s,box-shadow .2s

              }

              & .wd-occasion:hover {

                transform: translateY(-4px);

                box-shadow: var(--wd-shadow)

              }

              & .wd-occasion span {

                margin-bottom: .625rem;

                color: var(--wd-turquoise);

                font-size: 2.1875rem

              }

              & .wd-section--faq {

                background: radial-gradient(circle at 80% 20%,rgba(19,212,212,.12),transparent 28%),#f3fbfc

              }

              & .wd-accordion .accordion-item {

                margin-bottom: .75rem;

                overflow: hidden;

                background: #fff;

                border: 1px solid var(--wd-line);

                border-radius: 12px

              }

              & .wd-accordion .accordion-button {

                color: var(--wd-ink);

                background: #fff;

                font-weight: 800;

                box-shadow: none

              }

              & .wd-accordion .accordion-button:not(.collapsed) {

                color: var(--wd-purple);

                background: var(--wd-purple-soft)

              }

              & .wd-accordion .accordion-button:focus {

                border-color: var(--wd-purple);

                box-shadow: rgba(138,116,255,.15) 0 0 0 .25rem

              }

              & .wd-contact-card {

                overflow: hidden;

                background: #fff;

                border-radius: 18px;

                box-shadow: var(--wd-shadow)

              }

              & .wd-contact-card img {

                aspect-ratio: 16/10;

                object-fit: cover

              }

              & .wd-contact-card__body {

                padding: 1.625rem

              }

              & .wd-contact-card__body a {

                color: var(--wd-purple);

                font-weight: 800

              }

              & .wd-cta {

                background: radial-gradient(circle at 88% 40%,rgba(138,116,255,.12),transparent 25%),linear-gradient(90deg,#e9fbfc,#fff)

              }

              & .wd-cta__image {

                max-height: 410px;

                object-fit: contain;

                object-position: center bottom

              }

              @media (max-width:991.98px) {

                & .wd-hero__visual {

                  min-height: 520px

                }

                & .wd-benefit {

                  border-bottom: 1px solid var(--wd-line)

                }

                & .wd-benefits .row > div:nth-child(3n) .wd-benefit {

                  border-right: 0px

                }

                & .wd-benefits .row > div:nth-last-child(-n+3) .wd-benefit {

                  border-bottom: 0

                }

              }

              @media (max-width:767.98px) {

                & .wd-section {

                  padding: 4rem 0

                }

                & .wd-whitening h1 {

                  font-size: 2.7rem

                }

                & .wd-whitening h2 {

                  font-size: 2.05rem

                }

                & .wd-hero__visual {

                  min-height: 420px

                }

                & .wd-hero__visual img {

                  border-radius: 28px

                }

                & .wd-hero__badge {

                  right: 14px;

                  bottom: 18px;

                  width: 118px;

                  height: 118px

                }

                & .wd-benefits .row > div:nth-child(3n) .wd-benefit {

                  border-right: 1px solid var(--wd-line)

                }

                & .wd-benefits .row > div:nth-child(2n) .wd-benefit {

                  border-right: 0px

                }

                & .wd-benefits .row > div:nth-last-child(-n+2) .wd-benefit {

                  border-bottom: 0

                }

                & .wd-section--why {

                  padding-top: 5.5rem

                }

              }

              @media (max-width:575.98px) {

                & .wd-whitening h1 {

                  font-size: 2.25rem

                }

                & .wd-btn {

                  width: 100%

                }

                & .wd-hero__visual {

                  min-height: 340px

                }

                & .wd-benefit {

                  border-right: 0px!important

                }

                & .wd-benefits .row > div:not(:last-child) .wd-benefit {

                  border-bottom: 1px solid var(--wd-line)

                }

              }

              @media (min-width:992px) {

                & .wd-hero .wd-btn {

                  white-space: nowrap;

                  flex: 0 0 auto

                }

              }

              @media (max-width:991.98px) {

                & .wd-hero__visual {

                  height: 520px;

                  min-height: 520px;

                  border-radius: 28px

                }

                & .wd-hero__visual img {

                  object-position: 68% center

                }

              }

              @media (max-width:767.98px) {

                & .wd-hero__visual {

                  height: 440px;

                  min-height: 440px

                }

              }

              @media (max-width:575.98px) {

                & .wd-hero__visual {

                  height: 360px;

                  min-height: 360px

                }

              }

              @media (min-width:1200px) {

                & .display-3 {

                  font-size: 2.7rem!important

                }

              }

              & .wd-contact-icon {

                display: inline-flex;

                flex: 0 0 30px;

                width: 30px;

                height: 30px;

                align-items: center;

                justify-content: center;

                margin-top: 1px;

                color: #fff;

                background: #13d4d4;

                border-radius: 50%;

                font-size: 16px;

                line-height: 1

              }

              & .wd-info-card a {

                color: #171c2a

              }

              & .wd-info-card a:hover {

                color: #8a74ff

              }

              & .wd-home-info-strip {

                background: #fff

              }

              & .wd-insurance-item {

                height: 100%;

                padding: 12px 15px;

                color: var(--wd-ink);

                background: rgba(255,255,255,.75);

                border: 1px solid var(--wd-line);

                border-radius: 12px

              }

              & .wd-insurance-item strong {

                color: var(--wd-purple)

              }

              & .wd-home-info-strip .wd-contact-icon {

                width: 42px;

                height: 42px;

                flex-basis: 42px;

                font-size: 21px

              }

              @media (max-width:767.98px) {

                & div.col-lg-4.col-12.footer-links {

                  margin-left: 30px

                }

                & .wd-home-info-strip {

                  padding-top: 20px!important;

                  padding-bottom: 20px!important

                }

              }

              & .wd-checklist {

                list-style: none;

                margin: 0;

                padding: 0

              }

              & .wd-checklist li {

                position: relative;

                padding-left: 38px;

                margin-bottom: 14px;

                line-height: 1.6

              }

              & .wd-checklist li::before {

                content: "✓";

                position: absolute;

                left: 0;

                top: 2px;

                display: flex;

                align-items: center;

                justify-content: center;

                width: 24px;

                height: 24px;

                border-radius: 50%;

                background: #19d3d1;

                color: #fff;

                font-size: 14px;

                font-weight: 700

              }

              & .wd-contact-card .btn,

              & .wd-contact-card .btn-primary,

              & .wd-contact-card button[type=submit],

              & .wd-contact-card input[type=submit] {

                display: inline-flex;

                align-items: center;

                justify-content: center;

                background: #13d4d4;

                border: 2px solid #13d4d4;

                color: #fff;

                font-size: 1rem;

                font-weight: 700;

                padding: .9rem 1.8rem;

                border-radius: 999px;

                text-decoration: none;

                transition: .25s;

                box-shadow: rgba(57,181,74,.18) 0 12px 30px

              }

              & .wd-contact-card .btn-primary:hover,

              & .wd-contact-card .btn:hover,

              & .wd-contact-card button[type=submit]:hover,

              & .wd-contact-card input[type=submit]:hover {

                background: #13d4d4;

                border-color: #13d4d4;

                color: #fff;

                transform: translateY(-2px);

                box-shadow: rgba(57,181,74,.28) 0 16px 36px

              }

              & .wd-contact-card button[type=submit]:focus,

              & .wd-contact-card input[type=submit]:focus {

                outline: 0;

                box-shadow: rgba(57,181,74,.18) 0 0 0 4px

              }

              @media (min-width:1200px) {

                & .display-6 {

                  font-size: 2rem!important

                }

              }

              & p.display-6.fw-bold {

                margin-bottom: 0

              }

              & .blog-item:hover .post-featured-image img {

                transform: none

              }

              & .sta-eshop-cenik {

                --wd-green: #a1d600;

                --wd-purple: #8a74ff;

                --wd-cyan: #20c8c8;

                --wd-ink: #121827;

                --wd-muted: #637381;

                --wd-soft: #f6f7fb;

                color: var(--wd-ink)

              }

              & .sta-eshop-cenik .wd-hero {

                position: relative;

                overflow: hidden;

                background: radial-gradient(circle at 82% 20%,rgba(138,116,255,.16),transparent 30%),linear-gradient(#fff,#fbfbff)

              }

              & .sta-eshop-cenik .wd-eyebrow,

              & .sta-eshop-cenik .wd-kicker {

                display: inline-block;

                margin-bottom: 16px;

                padding: 8px 13px;

                border-radius: 999px;

                background: #f0edff;

                color: #6652df;

                font-size: .78rem;

                font-weight: 900;

                letter-spacing: .07em;

                text-transform: uppercase

              }

              & .sta-eshop-cenik h1,

              & .sta-eshop-cenik h2,

              & .sta-eshop-cenik h3 {

                letter-spacing: -.035em

              }

              & .sta-eshop-cenik h1 span {

                color: var(--wd-green)

              }

              & .sta-eshop-cenik .wd-heading-center p,

              & .sta-eshop-cenik .wd-hero__lead {

                color: var(--wd-muted);

                font-size: 1.13rem;

                line-height: 1.7

              }

              & .sta-eshop-cenik .wd-btn {

                border-radius: 13px;

                padding: 13px 20px;

                font-weight: 850;

                transition: .2s

              }

              & .sta-eshop-cenik .wd-btn:hover {

                transform: translateY(-2px)

              }

              & .sta-eshop-cenik .wd-btn--primary {

                background: var(--wd-green);

                border-color: var(--wd-green);

                color: #182000

              }

              & .sta-eshop-cenik .wd-btn--outline {

                background: #fff;

                border: 2px solid #dfe2e7;

                color: var(--wd-ink)

              }

              & .sta-eshop-cenik .wd-proof {

                color: #677480;

                font-size: .93rem

              }

              & .sta-eshop-cenik .wd-proof span {

                color: var(--wd-purple);

                font-size: 1.25rem

              }

              & .sta-eshop-cenik .wd-hero__visual {

                position: relative

              }

              & .sta-eshop-cenik .wd-hero__badge {

                position: absolute;

                right: -12px;

                bottom: -18px;

                display: grid;

                grid-template-columns: auto 1fr;

                gap: 0 10px;

                max-width: 270px;

                padding: 15px 18px;

                border-radius: 18px;

                background: #fff;

                box-shadow: rgba(35,29,76,.18) 0 18px 50px

              }

              & .sta-eshop-cenik .wd-hero__badge > span {

                grid-row: 1/3;

                align-self: center;

                display: grid;

                place-items: center;

                width: 48px;

                height: 48px;

                border-radius: 50%;

                background: var(--wd-green);

                font-weight: 900

              }

              & .sta-eshop-cenik .wd-hero__badge strong {

                font-size: .95rem

              }

              & .sta-eshop-cenik .wd-hero__badge small {

                color: var(--wd-muted);

                line-height: 1.3

              }

              & .sta-shop-browser {

                overflow: hidden;

                border: 10px solid #fff;

                border-radius: 32px;

                background: #fff;

                box-shadow: rgba(45,37,96,.18) 0 30px 80px;

                transform: rotate(1.5deg)

              }

              & .sta-shop-browser__bar {

                display: flex;

                align-items: center;

                gap: 7px;

                padding: 14px 16px;

                background: #181c2a;

                color: #fff

              }

              & .sta-shop-browser__bar i {

                width: 9px;

                height: 9px;

                border-radius: 50%;

                background: var(--wd-green)

              }

              & .sta-shop-browser__bar i:nth-child(2) {

                background: var(--wd-purple)

              }

              & .sta-shop-browser__bar i:nth-child(3) {

                background: var(--wd-cyan)

              }

              & .sta-shop-browser__bar span {

                margin-left: auto;

                font-size: .72rem;

                opacity: .65

              }

              & .sta-shop-browser__body {

                min-height: 360px;

                display: grid;

                grid-template-columns: 1.25fr 0.75fr;

                gap: 18px;

                align-items: center;

                padding: 32px;

                background: linear-gradient(145deg,#f7f9fb,#eeebff)

              }

              & .sta-shop-product {

                display: flex;

                flex-direction: column;

                gap: 8px

              }

              & .sta-shop-product > span {

                align-self: flex-start;

                padding: 5px 9px;

                border-radius: 999px;

                background: var(--wd-green);

                font-size: .68rem;

                font-weight: 900;

                text-transform: uppercase

              }

              & .sta-shop-product__image {

                display: grid;

                place-items: center;

                min-height: 150px;

                border-radius: 24px;

                background: #fff;

                color: var(--wd-purple);

                font-size: 4rem;

                box-shadow: rgba(40,34,76,.1) 0 12px 35px

              }

              & .sta-shop-product strong {

                font-size: 1.15rem

              }

              & .sta-shop-product small {

                color: var(--wd-muted)

              }

              & .sta-shop-cart {

                display: flex;

                flex-direction: column;

                gap: 12px;

                padding: 22px;

                border-radius: 22px;

                background: #fff;

                box-shadow: rgba(40,34,76,.1) 0 12px 35px

              }

              & .sta-shop-cart span {

                color: var(--wd-muted)

              }

              & .sta-shop-cart strong {

                padding: 10px;

                border-radius: 10px;

                background: var(--wd-purple);

                color: #fff;

                text-align: center

              }

              & .sta-eshop-cenik .wd-benefits {

                overflow: hidden;

                border: 1px solid #e7e9ef;

                border-radius: 22px;

                background: #fff;

                box-shadow: rgba(33,39,60,.07) 0 12px 38px

              }

              & .sta-eshop-cenik .wd-benefit {

                display: flex;

                align-items: center;

                justify-content: center;

                gap: 12px;

                padding: 20px;

                border-right: 1px solid #e7e9ef

              }

              & .sta-eshop-cenik .wd-icon {

                color: var(--wd-purple);

                font-size: 1.5rem

              }

              & .sta-eshop-cenik .wd-section {

                padding: 90px 0

              }

              & .sta-eshop-cenik .wd-section--why {

                background: #fff

              }

              & .sta-eshop-cenik .wd-section--results {

                background: var(--wd-soft)

              }

              & .sta-eshop-cenik .wd-section--advice {

                background: #fff

              }

              & .sta-eshop-cenik .wd-section--faq {

                background: linear-gradient(#f7f8fc,#fff)

              }

              & .sta-eshop-cenik .wd-heading-center {

                max-width: 760px;

                margin-bottom: 45px

              }

              & .sta-eshop-cenik .wd-occasion {

                display: flex;

                align-items: center;

                gap: 14px;

                padding: 20px;

                border: 1px solid #e6e8ee;

                border-radius: 18px;

                background: #fff;

                box-shadow: rgba(31,37,56,.06) 0 8px 25px

              }

              & .sta-eshop-cenik .wd-occasion span {

                display: grid;

                place-items: center;

                flex: 0 0 42px;

                height: 42px;

                border-radius: 50%;

                background: #f0edff;

                color: var(--wd-purple);

                font-weight: 900

              }

              & .sta-eshop-cenik .wd-compare,

              & .sta-eshop-cenik .wd-info-card {

                position: relative;

                padding: 30px;

                border: 1px solid #e2e5eb;

                border-radius: 26px;

                background: #fff;

                box-shadow: rgba(35,40,58,.08) 0 14px 42px

              }

              & .sta-eshop-cenik .wd-info-card--green {

                border-top: 5px solid var(--wd-green)

              }

              & .sta-eshop-cenik .wd-info-card--purple {

                border-top: 5px solid var(--wd-purple)

              }

              & .sta-eshop-cenik .wd-card-icon {

                display: grid;

                place-items: center;

                width: 52px;

                height: 52px;

                margin-bottom: 18px;

                border-radius: 16px;

                background: #eff5df;

                color: #4a6100;

                font-weight: 900

              }

              & .sta-eshop-cenik .wd-info-card--purple .wd-card-icon {

                background: #f0edff;

                color: var(--wd-purple)

              }

              & .sta-price-card {

                display: flex;

                flex-direction: column

              }

              & .sta-price-card > p,

              & .sta-price-card li {

                color: var(--wd-muted)

              }

              & .sta-price {

                font-size: 2.05rem;

                font-weight: 900;

                letter-spacing: -.04em;

                margin: 4px 0 18px!important;

                color: var(--wd-ink)!important

              }

              & .sta-price small {

                font-size: .85rem;

                color: var(--wd-muted)

              }

              & .sta-price-card--featured {

                transform: translateY(-10px);

                box-shadow: rgba(91,72,190,.18) 0 25px 65px!important

              }

              & .sta-ribbon {

                position: absolute;

                top: 20px;

                right: -8px;

                padding: 7px 13px;

                border-radius: 9px 0 0 9px;

                background: var(--wd-purple);

                color: #fff;

                font-size: .72rem;

                font-weight: 900;

                text-transform: uppercase

              }

              & .sta-ribbon::after {

                content: "";

                position: absolute;

                right: 0;

                bottom: -7px;

                border-width: 7px 8px 0 0;

                border-style: solid;

                border-color: #5140b4 rgba(255,255,255,0) rgba(255,255,255,0)

              }

              & .sta-eshop-cenik .wd-checklist {

                list-style: none;

                padding: 0;

                margin: 20px 0 26px

              }

              & .sta-eshop-cenik .wd-checklist li {

                position: relative;

                padding: 6px 0 6px 27px

              }

              & .sta-eshop-cenik .wd-checklist li::before {

                content: "✓";

                position: absolute;

                left: 0;

                color: var(--wd-green);

                font-weight: 950

              }

              & .sta-eshop-cenik .wd-info-card--purple .wd-checklist li::before {

                color: var(--wd-purple)

              }

              & .sta-eshop-cenik .table {

                min-width: 760px

              }

              & .sta-eshop-cenik .table th {

                padding: 18px;

                background: #171c2a;

                color: #fff;

                border: 0

              }

              & .sta-eshop-cenik .table td {

                padding: 16px 18px;

                border-color: #e6e8ee

              }

              & .sta-eshop-cenik .table tbody tr:nth-child(2n) {

                background: #f8f9fb

              }

              & .sta-eshop-cenik .table th:first-child {

                border-radius: 12px 0 0

              }

              & .sta-eshop-cenik .table th:last-child {

                border-radius: 0 12px 0 0

              }

              & .sta-compare-table td:not(:first-child),

              & .sta-compare-table th:not(:first-child) {

                text-align: center

              }

              & .sta-notes {

                display: grid;

                gap: 13px

              }

              & .sta-notes article {

                display: flex;

                gap: 18px;

                padding: 20px;

                border: 1px solid #e6e8ee;

                border-radius: 18px;

                background: #fff

              }

              & .sta-notes article > span {

                flex: 0 0 48px;

                color: var(--wd-purple);

                font-weight: 950;

                font-size: 1.25rem

              }

              & .sta-notes h3 {

                font-size: 1.05rem

              }

              & .sta-notes p {

                margin: 0;

                color: var(--wd-muted)

              }

              & .sta-eshop-cenik .wd-step {

                position: relative;

                padding: 28px;

                border: 1px solid #e4e7ec;

                border-radius: 22px;

                background: #fff

              }

              & .sta-eshop-cenik .wd-step__number {

                position: absolute;

                right: 18px;

                top: 12px;

                color: #edf0f3;

                font-size: 3rem;

                font-weight: 950

              }

              & .sta-eshop-cenik .wd-step__icon {

                display: grid;

                place-items: center;

                width: 50px;

                height: 50px;

                margin-bottom: 18px;

                border-radius: 16px;

                background: #f0edff;

                color: var(--wd-purple);

                font-size: 1.4rem

              }

              & .sta-eshop-cenik .wd-step h3 {

                font-size: 1.15rem

              }

              & .sta-eshop-cenik .wd-step p {

                margin: 0;

                color: var(--wd-muted)

              }

              & .sta-eshop-cenik .accordion-item {

                overflow: hidden;

                margin-bottom: 12px;

                border: 1px solid #e3e6eb!important;

                border-radius: 15px!important

              }

              & .sta-eshop-cenik .accordion-button {

                font-weight: 850

              }

              & .sta-eshop-cenik .accordion-button:not(.collapsed) {

                background: #f0edff;

                color: #4d3eba;

                box-shadow: none

              }

              & .sta-eshop-cenik .accordion-button:focus {

                border-color: var(--wd-purple);

                box-shadow: rgba(138,116,255,.18) 0 0 0 .2rem

              }

              & .sta-contact-simple {

                overflow: hidden;

                border: 0;

                border-radius: 25px;

                background: #171c2a;

                color: #fff;

                box-shadow: rgba(26,31,45,.2) 0 20px 55px

              }

              & .sta-contact-simple .wd-contact-card__body {

                padding: 30px

              }

              & .sta-contact-simple p {

                color: #c8ced8

              }

              & .sta-contact-simple a {

                color: var(--wd-green);

                font-weight: 850;

                text-decoration: none

              }

              & .sta-contact-simple .wd-card-icon {

                background: var(--wd-green);

                color: #182000

              }

              & .sta-eshop-cenik .wd-cta {

                overflow: hidden;

                background: linear-gradient(120deg,#171c2a,#33285d);

                color: #fff

              }

              & .sta-eshop-cenik .wd-cta p {

                color: #d4d8e2;

                font-size: 1.1rem

              }

              & .sta-cta-cart {

                position: relative;

                display: flex;

                flex-direction: column;

                align-items: center;

                justify-content: center;

                width: 280px;

                height: 230px;

                margin: auto;

                border-radius: 45px;

                background: var(--wd-purple);

                transform: rotate(-5deg);

                box-shadow: rgba(0,0,0,.25) 0 22px 60px

              }

              & .sta-cta-cart::before {

                content: "";

                position: absolute;

                width: 125px;

                height: 85px;

                top: -46px;

                border-bottom: 0;

                border-radius: 70px 70px 0 0

              }

              & .sta-cta-cart span {

                display: grid;

                place-items: center;

                width: 58px;

                height: 58px;

                border-radius: 50%;

                background: var(--wd-green);

                color: #182000;

                font-size: 1.7rem;

                font-weight: 950

              }

              & .sta-cta-cart strong {

                margin-top: 16px;

                font-size: 1.5rem

              }

              & .sta-cta-cart small {

                opacity: .8

              }

              @media (max-width:991.98px) {

                & .sta-eshop-cenik .wd-section {

                  padding: 65px 0

                }

                & .sta-price-card--featured {

                  transform: none

                }

                & .sta-eshop-cenik .wd-benefit {

                  justify-content: flex-start

                }

                & .sta-shop-browser__body {

                  min-height: 310px

                }

                & .sta-eshop-cenik .wd-hero__badge {

                  right: 8px

                }

              }

              @media (max-width:575.98px) {

                & .sta-eshop-cenik .wd-section {

                  padding: 50px 0

                }

                & .sta-eshop-cenik .wd-benefit {

                  padding: 14px 10px;

                  font-size: .85rem

                }

                & .sta-eshop-cenik .wd-icon {

                  font-size: 1.1rem

                }

                & .sta-shop-browser__body {

                  grid-template-columns: 1fr;

                  padding: 20px

                }

                & .sta-shop-cart {

                  display: none

                }

                & .sta-eshop-cenik .wd-hero__badge {

                  position: relative;

                  right: auto;

                  bottom: auto;

                  margin: -12px 12px 0

                }

                & .sta-eshop-cenik .wd-compare,

                & .sta-eshop-cenik .wd-info-card {

                  padding: 24px

                }

                & .sta-ribbon {

                  right: 0

                }

              }

              & .wd-blog-intro {

                --blog-green: #a1d600;

                --blog-purple: #8a74ff;

                --blog-ink: #121827;

                --blog-muted: #637381;

                padding: 50px 0 36px

              }

              & .wd-blog-intro__inner {

                position: relative;

                overflow: hidden;

                margin: 0 auto;

                padding: clamp(28px,5vw,55px);

                border: 1px solid #e8e9f1;

                border-radius: 30px;

                background: radial-gradient(circle at 92% 12%,rgba(138,116,255,.16),transparent 28%),linear-gradient(135deg,#fff 0,#fbfbff 100%);

                box-shadow: rgba(37,41,61,.08) 0 18px 55px

              }

              & .wd-blog-intro__inner::after {

                content: "";

                position: absolute;

                right: -45px;

                bottom: -80px;

                width: 260px;

                height: 130px;

                border-top: 0;

                border-radius: 0 0 50% 50%;

                opacity: .12;

                transform: rotate(-8deg);

                pointer-events: none

              }

              & .wd-blog-intro__eyebrow {

                display: inline-block;

                margin-bottom: 15px;

                padding: 7px 12px;

                border-radius: 999px;

                background: #f0edff;

                color: #6652df;

                font-size: .76rem;

                font-weight: 900;

                letter-spacing: .08em;

                text-transform: uppercase

              }

              & .wd-blog-intro h1 {

                max-width: 820px;

                margin: 0 0 18px;

                color: var(--blog-ink);

                font-size: clamp(2rem, 5vw, 3.8rem);

                font-weight: 900;

                line-height: 1.06;

                letter-spacing: -.05em

              }

              & .wd-blog-intro h1 span {

                color: var(--blog-green)

              }

              & .wd-blog-intro p {

                max-width: 840px;

                margin: 0;

                color: var(--blog-muted);

                font-size: clamp(1rem, 1.5vw, 1.13rem);

                line-height: 1.7

              }

              & .wd-blog-intro__topics {

                display: flex;

                flex-wrap: wrap;

                gap: 9px;

                margin-top: 24px

              }

              & .wd-blog-intro__topics span {

                padding: 8px 13px;

                border: 1px solid #e2e4eb;

                border-radius: 999px;

                background: #fff;

                color: var(--blog-ink);

                font-size: .85rem;

                font-weight: 800

              }

              & .wd-blog-intro__topics span:nth-child(2n) {

                border-color: rgba(138,116,255,.35)

              }

              @media (max-width:575.98px) {

                & div.col-lg-4.col-12.footer-links {

                  margin-left: 30px

                }

                & .wd-blog-intro {

                  padding: 30px 0 24px

                }

                & .wd-blog-intro__inner {

                  border-radius: 22px

                }

              }

              & .page-blog {

                padding: 10px 0

              }

              & .page-blog .blog-item ul.tags {

                display: flex;

                flex-wrap: wrap;

                align-items: center;

                gap: 8px;

                margin: 8px 0 18px;

                padding: 0;

                list-style: none

              }

              & .page-blog .blog-item ul.tags > li.list-inline-item {

                margin: 0;

                padding: 0

              }

              & .page-blog .blog-item ul.tags a.btn,

              & .page-blog .blog-item ul.tags a.btn-info {

                display: inline-flex;

                align-items: center;

                gap: 4px;

                min-height: 32px;

                padding: 6px 12px;

                border: 1px solid rgba(138,116,255,.28);

                border-radius: 999px;

                background: rgba(138,116,255,.1);

                color: #6652df;

                font-size: 13px;

                font-weight: 750;

                line-height: 1.25;

                text-decoration: none;

                box-shadow: none;

                transition: color .2s,background-color .2s,border-color .2s,transform .2s

              }

              & .page-blog .blog-item ul.tags a.btn::before {

                content: "#";

                color: #8a74ff;

                font-weight: 900

              }

              & .page-blog .blog-item ul.tags a.btn:focus-visible,

              & .page-blog .blog-item ul.tags a.btn:hover {

                border-color: #8a74ff;

                background: #8a74ff;

                color: #fff;

                transform: translateY(-1px)

              }

              & .page-blog .blog-item ul.tags a.btn:focus-visible::before,

              & .page-blog .blog-item ul.tags a.btn:hover::before {

                color: #fff

              }

              & .page-blog .blog-item ul.tags a.btn:focus-visible {

                outline: rgba(138,116,255,.24) solid 3px;

                outline-offset: 2px

              }

              & .btn-default {

                color: #000

              }

              @media (max-width:991.98px) {

                & .responsive-menu .slicknav_menu {

                  background: rgba(255,255,255,0);

                  padding: 0

                }

                & .responsive-menu .slicknav_nav {

                  margin-top: 14px;

                  padding: 18px;

                  overflow-y: auto;

                  max-height: calc(-118px + 100dvh);

                  border: 1px solid rgba(138,116,255,.22);

                  border-radius: 22px;

                  box-shadow: rgba(29,24,47,.28) 0 22px 55px

                }

                & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

                  border-bottom: 1px solid rgba(255,255,255,.075)

                }

                & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta):last-child {

                  border-bottom: 0

                }

                & .responsive-menu .slicknav_nav > li > .slicknav_item,

                & .responsive-menu .slicknav_nav > li > a.nav-link {

                  min-height: 48px;

                  margin: 0;

                  padding: 13px 10px;

                  border-radius: 12px;

                  font-weight: 650;

                  line-height: 1.35

                }

                & .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

                & .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

                & .responsive-menu .slicknav_nav > li > a.nav-link:hover {

                  background: rgba(138,116,255,.13);

                  color: #fff

                }

                & .responsive-menu .slicknav_arrow {

                  display: inline-grid;

                  place-items: center;

                  float: right;

                  margin: -4px 0 -4px 12px;

                  transition: transform .2s,background-color .2s

                }

                & .responsive-menu .slicknav_arrow::before {

                  content: "⌄";

                  font-size: 18px;

                  line-height: 1;

                  transform: translateY(-2px);

                  content: none!important;

                  display: none!important

                }

                & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

                  color: #99e000;

                  transform: rotate(180deg)!important

                }

                & .responsive-menu .slicknav_nav ul {

                  margin: 4px 0 10px;

                  padding: 8px;

                  border-radius: 13px;

                  background: #f7f5ff

                }

                & .responsive-menu .slicknav_nav ul a {

                  padding: 10px 12px;

                  border-radius: 9px;

                  font-size: 14px;

                  color: #3b3744

                }

                & .responsive-menu .mobile-contact-cta {

                  margin: 0 0 14px;

                  padding: 0 0 16px;

                  border-bottom: 1px solid rgba(255,255,255,.12)

                }

                & .responsive-menu .mobile-contact-cta > a {

                  display: flex;

                  align-items: center;

                  justify-content: space-between;

                  gap: 16px;

                  width: 100%;

                  min-height: 52px;

                  border: 0;

                  font-weight: 800;

                  text-decoration: none;

                  box-shadow: rgba(135,214,0,.22) 0 10px 26px;

                  transition: transform .2s,box-shadow .2s,filter .2s;

                  border-radius: 99px;

                  background: #a7e800;

                  color: #000;

                  box-shadow: none;

                  padding: 14px 20px

                }

                & .responsive-menu .mobile-contact-cta > a:focus-visible {

                  outline: rgba(138,116,255,.5) solid 3px;

                  outline-offset: 3px

                }

                & .responsive-menu .slicknav_nav {

                  border-color: rgba(36,34,44,.1);

                  background: #fff;

                  box-shadow: rgba(38,31,66,.14) 0 20px 48px

                }

                & .responsive-menu .slicknav_nav > li:not(.mobile-contact-cta) {

                  border-bottom-color: rgba(36,34,44,.09)

                }

                & .responsive-menu .slicknav_nav > li > .slicknav_item,

                & .responsive-menu .slicknav_nav > li > .slicknav_item > a.nav-link,

                & .responsive-menu .slicknav_nav > li > a.nav-link {

                  color: #17151d

                }

                & .responsive-menu .slicknav_nav > li > .slicknav_item:focus-visible > a.nav-link,

                & .responsive-menu .slicknav_nav > li > .slicknav_item:hover,

                & .responsive-menu .slicknav_nav > li > .slicknav_item:hover > a.nav-link,

                & .responsive-menu .slicknav_nav > li > a.nav-link:focus-visible,

                & .responsive-menu .slicknav_nav > li > a.nav-link:hover {

                  background: rgba(138,116,255,.09);

                  color: #765ee8

                }

                & .responsive-menu .slicknav_nav > li.active > .slicknav_item > a,

                & .responsive-menu .slicknav_nav > li.active > a,

                & .responsive-menu .slicknav_nav > li.current > .slicknav_item > a,

                & .responsive-menu .slicknav_nav > li.current > a {

                  color: #78bd00

                }

                & .responsive-menu .slicknav_nav ul a:focus-visible,

                & .responsive-menu .slicknav_nav ul a:hover {

                  background: rgba(138,116,255,.11);

                  color: #765ee8

                }

                & .responsive-menu .mobile-contact-cta {

                  border-bottom-color: rgba(36,34,44,.11)

                }

                & .responsive-menu .mobile-contact-cta > a:focus-visible,

                & .responsive-menu .mobile-contact-cta > a:hover {

                  filter: brightness(1.04);

                  transform: translateY(-1px);

                  box-shadow: rgba(135,214,0,.3) 0 14px 30px;

                  background: #8a74ff;

                  color: #fff;

                  filter: none;

                  box-shadow: none

                }

                & .responsive-menu .slicknav_arrow {

                  position: relative!important;

                  display: inline-grid!important;

                  place-items: center!important;

                  width: 28px!important;

                  height: 28px!important;

                  margin-left: 12px!important;

                  border-radius: 50%!important;

                  color: transparent!important;

                  font-size: 0px!important;

                  line-height: 0!important

                }

                & .responsive-menu .slicknav_arrow::after {

                  content: "⌄"!important;

                  position: static!important;

                  display: block!important;

                  width: auto!important;

                  height: auto!important;

                  background: 0 0!important;

                  color: #765ee8!important;

                  font-family: inherit!important;

                  font-size: 18px!important;

                  font-weight: 800!important;

                  line-height: 1!important;

                  transform: translateY(-2px)!important

                }

                & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow::after {

                  color: #78bd00!important

                }

                & .responsive-menu .slicknav_nav > li.item-436 > a.nav-link,

                & .responsive-menu .slicknav_nav > li.item-481 > a.nav-link {

                  font-weight: 400

                }

                & .responsive-menu .slicknav_arrow,

                & .responsive-menu .slicknav_open > .slicknav_item .slicknav_arrow {

                  background: 0 0!important

                }

                & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item,

                & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item > a.nav-link,

                & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:focus-visible,

                & .responsive-menu .slicknav_nav > li.slicknav_open > .slicknav_item:hover {

                  background: 0 0!important

                }

              }

              @media (prefers-reduced-motion:reduce) {

                & .page-blog .blog-item ul.tags a.btn {

                  transition: none

                }

                & .page-blog .blog-item ul.tags a.btn:focus-visible,

                & .page-blog .blog-item ul.tags a.btn:hover {

                  transform: none

                }

                & .responsive-menu .mobile-contact-cta > a,

                & .responsive-menu .slicknav_arrow {

                  transition: none

                }

              }

              & slicknav_nav > li.slicknav_open > .slicknav_item > a.nav-link {

                background: 0 0!important

              }

            }

            & .table-responsive {

              overflow-x: auto

            }

            & .table-responsive::-webkit-scrollbar {

              height: 8px;

              display: block!important

            }

            & .table-responsive::-webkit-scrollbar-track {

              background: #f1f1f1;

              border-radius: 4px

            }

            & .table-responsive::-webkit-scrollbar-thumb {

              background: #888;

              border-radius: 4px

            }

            & .table-responsive::-webkit-scrollbar-thumb:hover {

              background: #555

            }

          }

        }

      }

    }

  }

}

100% {

  transform: scale(1)

}

50% {

  transform: scale3d(1.1,1.1,1)

}

.rsfp-visually-hidden {

  display: none!important

}

.rsfp-fieldset {

  padding: 0!important;

  margin: 0!important;

  border: 0!important

}

.rsform-error-message {

  padding: 1rem;

  background-color: #edd2d1;

  border: 1px solid #dba5a2;

  border-radius: 4px;

  color: #420c09;

  margin-bottom: 1rem

}

.rsform-error-message-count {

  padding: .35em .65em;

  border-radius: 50rem;

  font-size: .75em;

  font-weight: 700;

  color: #000;

  background-color: #f8f9fa;

  text-align: center;

  display: inline-block;

  line-height: 1

}

.formError {

  color: #cf4d4d;

  font-weight: 700

}

.formNoError {

  display: none

}

strong.formRequired {

  margin-left: 3px

}

.rsfp-image-container {

  margin-top: 4px

}

.rsfp-image-polaroid {

  padding: 4px;

  background-color: #fff;

  border: 1px solid rgba(0,0,0,.2);

  box-shadow: rgba(0,0,0,.1) 0 1px 3px;

  width: 200px;

  border-radius: 5px;

  cursor: pointer;

  transition: .3s

}

.rsfp-image-polaroid:hover {

  opacity: .7

}

.rsfp-modal {

  display: none;

  position: fixed;

  z-index: 9999;

  padding-top: 100px;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: rgba(0,0,0,.9)

}

.rsfp-modal-close-button {

  position: absolute;

  top: 15px;

  right: 35px;

  color: #f1f1f1;

  font-size: 40px;

  font-weight: 700;

  transition: .3s

}

.rsfp-modal-close-button:focus,

.rsfp-modal-close-button:hover {

  color: #bbb;

  text-decoration: none;

  cursor: pointer

}

.rsfp-modal-caption,

.rsfp-modal-image {

  margin: auto;

  display: block;

  width: 80%;

  max-width: 700px;

  animation-name: rsfp-modal-zoom;

  animation-duration: .6s

}

.rsfp-modal-caption {

  text-align: center;

  color: #ccc;

  padding: 10px 0;

  height: 150px

}

@media only screen and (max-width:700px) {

  .rsfp-modal-image {

    width: 100%

  }

}

body.rsfp_popup_activated {

  overflow-y: hidden

}

.rsfp_thankyou_popup_outer {

  height: 100%;

  left: 0;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 99999;

  background: rgba(0,0,0,.6)

}

.rsfp_thankyou_popup_inner {

  background: #fff;

  width: 40%;

  padding: 20px;

  margin: 0 auto;

  position: relative

}

.rsfp_thankou_popup_close_btn {

  position: absolute;

  top: 5px;

  right: 5px;

  font-size: 28px;

  cursor: pointer

}

@media (max-width:767px) {

  .rsfp_thankyou_popup_inner {

    width: 90%

  }

}

[data-rsfp-hashcash] {

  border: 1px solid #e0e0e0;

  background-color: #fafafa;

  cursor: pointer;

  padding: 1%;

  background-position: center center;

  transition: background .8s

}

[data-rsfp-hashcash]:hover {

  background: radial-gradient(circle,transparent 1%,#efefef 1%) center center/15000% #efefef

}

[data-rsfp-hashcash]:active {

  background-color: #fff;

  background-size: 100%;

  transition: background

}

.sw-pow-article {

  --sw-green: #a7e800;

  --sw-purple: #8a74ff;

  --sw-dark: #23252a;

  --sw-text: #35383e;

  --sw-muted: #68707a;

  --sw-soft: #f4f5f7;

  --sw-border: #dfe3e8;

  --sw-white: #fff;

  --sw-warning: #fff8df;

  --sw-danger: #fff0f1;

  max-width: 1120px;

  margin: 0 auto;

  color: var(--sw-text);

  font-size: 17px;

  line-height: 1.72;

}



.sw-pow-article *,

.sw-pow-article *::before,

.sw-pow-article *::after {

  box-sizing: border-box;

}



.sw-pow-article h1,

.sw-pow-article h2,

.sw-pow-article h3 {

  color: var(--sw-dark);

  line-height: 1.2;

  letter-spacing: -0.02em;

}



.sw-pow-article h1 {

  margin: 0 0 22px;

  font-size: clamp(2.25rem, 5vw, 4.25rem);

}



.sw-pow-article h2 {

  margin: 52px 0 20px;

  padding-bottom: 11px;

  border-bottom: 3px solid var(--sw-green);

  font-size: clamp(1.65rem, 3vw, 2.35rem);

}



.sw-pow-article h3 {

  margin: 30px 0 12px;

  font-size: 1.3rem;

}



.sw-pow-article p {

  margin: 0 0 19px;

}



.sw-pow-article a {

  color: #6955dc;

  text-decoration-thickness: 2px;

  text-underline-offset: 3px;

}



.sw-pow-article strong {

  color: var(--sw-dark);

}



.sw-pow-article__hero {

  position: relative;

  overflow: hidden;

  margin-bottom: 42px;

  padding: clamp(34px, 7vw, 76px);

  border-radius: 26px;

  color: var(--sw-white);

  background:

    radial-gradient(circle at 87% 12%, rgba(167,232,0,.25), transparent 26%),

    radial-gradient(circle at 77% 85%, rgba(138,116,255,.35), transparent 30%),

    var(--sw-dark);

}



.sw-pow-article__hero::after {

  content: "";

  position: absolute;

  right: -70px;

  bottom: -105px;

  width: 280px;

  height: 280px;

  border: 34px solid rgba(255,255,255,.06);

  border-radius: 50%;

}



.sw-pow-article__hero h1,

.sw-pow-article__hero strong {

  color: var(--sw-white);

}



.sw-pow-article__eyebrow {

  display: inline-flex;

  margin-bottom: 20px;

  padding: 7px 13px;

  border-radius: 999px;

  color: var(--sw-dark);

  background: var(--sw-green);

  font-size: .82rem;

  font-weight: 800;

  letter-spacing: .08em;

  text-transform: uppercase;

}



.sw-pow-article__lead {

  max-width: 850px;

  margin: 0;

  color: rgba(255,255,255,.86);

  font-size: clamp(1.1rem, 2vw, 1.3rem);

}



.sw-pow-article__summary {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 16px;

  margin: 30px 0 8px;

}



.sw-pow-article__summary > div {

  padding: 22px;

  border: 1px solid var(--sw-border);

  border-radius: 18px;

  background: var(--sw-white);

  box-shadow: 0 10px 30px rgba(32,37,44,.05);

}



.sw-pow-article__summary strong {

  display: block;

  margin-bottom: 5px;

  font-size: 1.05rem;

}



.sw-pow-article__summary span {

  color: var(--sw-muted);

  font-size: .94rem;

}



.sw-pow-article__toc {

  margin: 34px 0 42px;

  padding: 26px 28px;

  border-left: 6px solid var(--sw-purple);

  border-radius: 0 18px 18px 0;

  background: var(--sw-soft);

}



.sw-pow-article__toc strong {

  display: block;

  margin-bottom: 10px;

  font-size: 1.08rem;

}



.sw-pow-article__toc ol {

  margin: 0;

  padding-left: 22px;

}



.sw-pow-article__toc li {

  margin: 5px 0;

}



.sw-pow-article__note,

.sw-pow-article__warning,

.sw-pow-article__success {

  margin: 28px 0;

  padding: 24px 26px;

  border-radius: 16px;

}



.sw-pow-article__note {

  border-left: 6px solid var(--sw-purple);

  background: #f1eeff;

}



.sw-pow-article__warning {

  border-left: 6px solid #e6a000;

  background: var(--sw-warning);

}



.sw-pow-article__success {

  border-left: 6px solid var(--sw-green);

  background: #f4ffe1;

}



.sw-pow-article__note > :last-child,

.sw-pow-article__warning > :last-child,

.sw-pow-article__success > :last-child {

  margin-bottom: 0;

}



.sw-pow-article__steps {

  counter-reset: sw-step;

  display: grid;

  gap: 18px;

  margin: 28px 0;

}



.sw-pow-article__step {

  position: relative;

  min-height: 92px;

  padding: 24px 26px 24px 92px;

  border: 1px solid var(--sw-border);

  border-radius: 18px;

  background: var(--sw-white);

  box-shadow: 0 8px 24px rgba(32,37,44,.04);

}



.sw-pow-article__step::before {

  counter-increment: sw-step;

  content: counter(sw-step);

  position: absolute;

  top: 22px;

  left: 24px;

  display: grid;

  width: 48px;

  height: 48px;

  place-items: center;

  border-radius: 14px;

  color: var(--sw-dark);

  background: var(--sw-green);

  font-weight: 900;

  font-size: 1.15rem;

}



.sw-pow-article__step h3 {

  margin-top: 0;

}



.sw-pow-article__step > :last-child {

  margin-bottom: 0;

}



.sw-pow-article pre {

  overflow-x: auto;

  margin: 18px 0 25px;

  padding: 20px 22px;

  border-radius: 14px;

  color: #f6f7f8;

  background: #1d2025;

  font-size: .95rem;

  line-height: 1.55;

}



.sw-pow-article code {

  font-family: Consolas, Monaco, "Courier New", monospace;

}



.sw-pow-article :not(pre) > code {

  padding: 2px 7px;

  border-radius: 6px;

  color: #3e2e91;

  background: #eeebff;

  font-size: .92em;

}



.sw-pow-article__compare {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 18px;

  margin: 26px 0;

}



.sw-pow-article__compare > section {

  padding: 24px;

  border-radius: 18px;

}



.sw-pow-article__compare h3 {

  margin-top: 0;

}



.sw-pow-article__compare--bad {

  border: 1px solid #f2c9cc;

  background: var(--sw-danger);

}



.sw-pow-article__compare--good {

  border: 1px solid #d4e9a9;

  background: #f5ffe6;

}



.sw-pow-article ul,

.sw-pow-article ol {

  margin-top: 12px;

  margin-bottom: 24px;

}



.sw-pow-article li {

  margin: 7px 0;

}



.sw-pow-article__checklist {

  list-style: none;

  padding: 0;

}



.sw-pow-article__checklist li {

  position: relative;

  padding-left: 34px;

}



.sw-pow-article__checklist li::before {

  content: "✓";

  position: absolute;

  top: 0;

  left: 0;

  color: #79aa00;

  font-size: 1.25rem;

  font-weight: 900;

}



.sw-pow-article__faq {

  margin-top: 24px;

}



.sw-pow-article__faq details {

  margin: 12px 0;

  border: 1px solid var(--sw-border);

  border-radius: 14px;

  background: var(--sw-white);

}



.sw-pow-article__faq summary {

  position: relative;

  cursor: pointer;

  padding: 19px 54px 19px 21px;

  color: var(--sw-dark);

  font-weight: 800;

  list-style: none;

}



.sw-pow-article__faq summary::-webkit-details-marker {

  display: none;

}



.sw-pow-article__faq summary::after {

  content: "+";

  position: absolute;

  top: 14px;

  right: 20px;

  color: var(--sw-purple);

  font-size: 1.7rem;

  font-weight: 500;

}



.sw-pow-article__faq details[open] summary::after {

  content: "−";

}



.sw-pow-article__faq div {

  padding: 0 21px 20px;

}



.sw-pow-article__sources {

  margin-top: 50px;

  padding: 25px;

  border-radius: 18px;

  background: var(--sw-soft);

  font-size: .94rem;

}



.sw-pow-article__sources h2 {

  margin-top: 0;

  font-size: 1.35rem;

}



@media (max-width: 780px) {

  .sw-pow-article__summary,

  .sw-pow-article__compare {

    grid-template-columns: 1fr;

  }



  .sw-pow-article__step {

    padding: 82px 22px 22px;

  }



  .sw-pow-article__step::before {

    top: 20px;

    left: 22px;

  }

}

/* Blog: skutečné tlačítko vyhledávání místo dekorativní lupy */

body.itemid-480 .wd-blog-search__form .awesomplete::after { content: none !important; display: none !important; }

body.itemid-480 .wd-blog-search__form .mod-finder > button.btn { position: absolute !important; top: 50%; right: .55rem; z-index: 3; display: grid !important; place-items: center; width: 2.8rem; min-width: 2.8rem; height: 2.8rem; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #8467ff !important; color: #fff !important; box-shadow: none !important; transform: translateY(-50%); cursor: pointer; }

body.itemid-480 .wd-blog-search__form .mod-finder > button.btn:hover { background: #7456ee !important; }

body.itemid-480 .wd-blog-search__form .mod-finder > button.btn:focus-visible { outline: 3px solid rgba(132,103,255,.3); outline-offset: 3px; }

body.itemid-480 .wd-blog-search__form .mod-finder > button.btn .icon-search { color: #fff !important; font-size: 1rem; line-height: 1; }



/* Blog: umístění skutečného tlačítka uvnitř input-group */

body.itemid-480 .wd-blog-search__form .mod-finder .mod-finder__search > button.btn { position: absolute !important; top: 50%; right: .55rem; z-index: 3; display: grid !important; place-items: center; width: 2.8rem; min-width: 2.8rem; height: 2.8rem; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #8467ff !important; color: #fff !important; box-shadow: none !important; transform: translateY(-50%); cursor: pointer; }

body.itemid-480 .wd-blog-search__form .mod-finder .mod-finder__search > button.btn:hover { background: #7456ee !important; }

body.itemid-480 .wd-blog-search__form .mod-finder .mod-finder__search > button.btn:focus-visible { outline: 3px solid rgba(132,103,255,.3); outline-offset: 3px; }

body.itemid-480 .wd-blog-search__form .mod-finder .mod-finder__search > button.btn .icon-search { color: #fff !important; font-size: 1rem; line-height: 1; }



/* StaWEBnice: moderní stránka výsledků vyhledávání */

body.com_finder.view-search main{background:linear-gradient(180deg,#fff 0%,#fbfaff 52%,#fff 100%)}

body.com_finder.view-search .com-finder{max-width:1300px;margin:0 auto;padding:clamp(2.75rem,6vw,5.5rem) 15px clamp(3.5rem,7vw,6rem)}

body.com_finder.view-search .com-finder__form{margin-bottom:clamp(1.75rem,4vw,3rem);padding:clamp(1.25rem,3vw,2.25rem);border:1px solid rgba(47,47,47,.08);border-radius:1.75rem;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,245,255,.96));box-shadow:0 22px 60px rgba(47,47,47,.1)}

body.com_finder.view-search .com-finder__search{margin:0!important}

body.com_finder.view-search .com-finder__search .form-inline>label{display:block;margin:0 0 .65rem!important;color:#625e69;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

body.com_finder.view-search .com-finder__search .input-group{display:flex;align-items:center;flex-wrap:wrap;width:100%;gap:0}

body.com_finder.view-search .com-finder__search .awesomplete{position:relative;display:block;flex:1 1 30rem;min-width:0}

body.com_finder.view-search .com-finder__search input.form-control{width:100%;min-height:4rem;padding:.9rem 4.35rem .9rem 1.35rem;border:2px solid transparent!important;border-radius:999px!important;background:#fff;color:#2f2f2f;font-size:1.05rem;box-shadow:0 10px 30px rgba(47,47,47,.09)!important}

body.com_finder.view-search .com-finder__search input.form-control:focus{border-color:#8467ff!important;outline:0;box-shadow:0 0 0 .25rem rgba(132,103,255,.15),0 14px 34px rgba(47,47,47,.1)!important}

body.com_finder.view-search .com-finder__search .btn-primary{position:relative;z-index:3;display:grid!important;place-items:center;flex:0 0 2.8rem;width:2.8rem;height:2.8rem;min-width:2.8rem;margin-left:-3.35rem!important;margin-right:.55rem!important;padding:0!important;border:0!important;border-radius:50%!important;background:#8467ff!important;color:#fff!important;font-size:0!important;line-height:1;box-shadow:none!important;cursor:pointer}

body.com_finder.view-search .com-finder__search .btn-primary:hover{background:#7456ee!important;transform:none!important}

body.com_finder.view-search .com-finder__search .btn-primary:focus-visible{outline:3px solid rgba(132,103,255,.3);outline-offset:3px}

body.com_finder.view-search .com-finder__search .btn-primary .icon-search{color:#fff!important;font-size:1rem;line-height:1}

body.com_finder.view-search .com-finder__search .btn-secondary{min-height:3rem;margin-left:.8rem!important;padding:.65rem 1.15rem!important;border:1px solid #d9d2f2!important;border-radius:999px!important;background:#fff!important;color:#625e69!important;font-size:.92rem;font-weight:700;box-shadow:none!important}

body.com_finder.view-search .com-finder__search .btn-secondary:hover{border-color:#8467ff!important;background:#f3f0ff!important;color:#7456ee!important}

body.com_finder.view-search .com-finder__advanced{margin-top:1.25rem}

body.com_finder.view-search .com-finder__advanced .card,body.com_finder.view-search .com-finder__filter{border:1px solid #e4dff2;border-radius:1.25rem;background:#fff;box-shadow:0 14px 38px rgba(47,47,47,.07)}

body.com_finder.view-search .com-finder__filter{padding:1.25rem}

body.com_finder.view-search .com-finder__explained{margin:0 0 1.75rem;padding:1rem 1.25rem;border:1px solid #e4dff2;border-radius:1.15rem;background:#f7f5ff;color:#625e69}

body.com_finder.view-search .com-finder__explained p{margin:0;line-height:1.65}

body.com_finder.view-search .com-finder__explained a{color:#7456ee;font-weight:800;text-decoration:none}

body.com_finder.view-search .com-finder__results .page-blog>.com-finder__results-list>.container{max-width:none;padding:0}

body.com_finder.view-search .com-finder__results-list .row{align-items:stretch}

body.com_finder.view-search .com-finder__results-list [class*=col-]{display:flex;margin-bottom:1.5rem}

body.com_finder.view-search .com-finder__results-list .blog-item{display:flex;flex-direction:column;width:100%;height:100%;padding:1.5rem;border:1px solid rgba(47,47,47,.09);border-radius:1.4rem;background:#fff;box-shadow:0 14px 38px rgba(47,47,47,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}

body.com_finder.view-search .com-finder__results-list .blog-item:hover{border-color:rgba(132,103,255,.28);box-shadow:0 20px 48px rgba(47,47,47,.12);transform:translateY(-3px)}

body.com_finder.view-search .result__title-link{display:block;color:#2f2f2f!important;text-decoration:none!important}

body.com_finder.view-search .result__title-text{margin:0 0 .7rem;color:#17151d!important;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.25;letter-spacing:-.02em}

body.com_finder.view-search .result__title-url{display:block;overflow:hidden;margin-bottom:1rem;color:#8467ff;font-size:.78rem;font-style:normal;line-height:1.45;overflow-wrap:anywhere}

body.com_finder.view-search .result__description{flex:1;margin:0 0 1.1rem;color:#625e69;font-size:.96rem;line-height:1.7}

body.com_finder.view-search .result__date{display:inline-block;margin:0 .35rem .55rem 0;padding:.28rem .6rem;border-radius:999px;background:#f0edff;color:#7456ee;font-size:.76rem;font-weight:800}

body.com_finder.view-search .result__taxonomy{display:flex;flex-wrap:wrap;gap:.45rem;margin:auto 0 0;padding:0;list-style:none}

body.com_finder.view-search .result__taxonomy-item{padding:.32rem .58rem;border-radius:999px;background:#f5f5f6;color:#625e69;font-size:.75rem;line-height:1.35}

body.com_finder.view-search .result__taxonomy-item span{font-weight:800;color:#2f2f2f}

body.com_finder.view-search mark{padding:.05em .18em;border-radius:.22em;background:#efffc7;color:inherit}

body.com_finder.view-search .pagination__wrapper{display:flex;justify-content:center;margin-top:1.5rem}

body.com_finder.view-search .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}

body.com_finder.view-search .pagination .page-item>a,body.com_finder.view-search .pagination .page-item>span{display:grid;place-items:center;min-width:2.55rem;height:2.55rem;padding:.35rem;border:1px solid #e4dff2;border-radius:50%;background:#fff;color:#625e69;text-decoration:none}

body.com_finder.view-search .pagination .page-item.active>a{border-color:#8467ff;background:#8467ff;color:#fff}

body.com_finder.view-search .pagination .page-item:not(.disabled)>a:hover{border-color:#8467ff;background:#f3f0ff;color:#7456ee}

body.com_finder.view-search .search-pages-counter{text-align:center;color:#625e69}

@media(max-width:767.98px){body.com_finder.view-search .com-finder{padding-top:2rem}body.com_finder.view-search .com-finder__form{padding:1.15rem;border-radius:1.3rem}body.com_finder.view-search .com-finder__search .awesomplete{flex-basis:calc(100% - 3.35rem)}body.com_finder.view-search .com-finder__search .btn-secondary{flex:0 0 100%;margin:.75rem 0 0!important}body.com_finder.view-search .com-finder__results-list .blog-item{padding:1.2rem;border-radius:1.2rem}}





/* Desktopové dvousloupcové submenu Služby */

@media (min-width: 992px) {

  #menu > li.item-466 > ul.mod-menu__sub {

    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    width: 760px;

    max-width: calc(100vw - 32px);

    column-gap: 20px;

  }

  #menu > li.item-466 > ul.mod-menu__sub > li {

    min-width: 0;

  }

  #menu > li.item-466 > ul.mod-menu__sub > li.item-467 { grid-area: 1 / 1; }

  #menu > li.item-466 > ul.mod-menu__sub > li.item-468 { grid-area: 2 / 1; }

  #menu > li.item-466 > ul.mod-menu__sub > li.item-501 { grid-area: 3 / 1; }

  #menu > li.item-466 > ul.mod-menu__sub > li.item-502 { grid-area: 4 / 1; }

  #menu > li.item-466 > ul.mod-menu__sub > li.item-474 { grid-area: 1 / 2; }

  #menu > li.item-466 > ul.mod-menu__sub > li.item-475 { grid-area: 2 / 2; }

  #menu > li.item-466 > ul.mod-menu__sub > li.item-478 { grid-area: 3 / 2; }

  #menu > li.item-466 > ul.mod-menu__sub > li.item-489 { grid-area: 4 / 2; }

  #menu > li.item-466 > ul.mod-menu__sub > li.item-479 { grid-area: 5 / 2; }

}



@media (min-width: 992px) {

  #menu > li.item-466 > ul.mod-menu__sub { left: -330px; }

}





/* StaWEBnice: souvisejici clanky - pozice dalsi */

.sta-related-articles{margin:2.5rem 0;padding:1.75rem 2rem;border:1px solid #e8e2ff;border-radius:1.35rem;background:linear-gradient(135deg,#faf9ff 0%,#f3f0ff 100%);box-shadow:0 18px 45px rgba(67,49,116,.08)}

.sta-related-articles>h3,.sta-related-articles .mod-title{margin:0 0 1.15rem;color:#8467ff!important}

.sta-related-articles ul{margin:0;padding:0;list-style:none}

.sta-related-articles li{position:relative;margin:.65rem 0;padding-left:2rem}

.sta-related-articles li::before{content:"↗";position:absolute;left:0;top:.08em;display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:#8467ff;color:#fff;font-size:.72rem;font-weight:800;line-height:1}

.sta-related-articles a{color:#17151d!important;text-decoration:none!important;transition:color .2s ease}

.sta-related-articles a:hover,.sta-related-articles a:focus-visible{color:#7456ee!important;text-decoration:underline!important;text-underline-offset:.18em}

@media (max-width:767.98px){.sta-related-articles{padding:1.35rem 1.2rem;border-radius:1.1rem}}

/* KOBERCIUM MENU / Rugvista reference — 2026-09-04

   All new rules live in all.css + all.min.css. Scoped ID overrides later legacy CSS. */

#kobercium-header {

  --kb-line: #e1e3e7;

  --kb-muted: #686868;

  --kb-cream: #f4efe8;

  position: relative;

  z-index: 100;

  background: #fff;

  color: #111;

  border: 0;

  font: 16px/1.5 Arial, Helvetica, sans-serif;

}

#kobercium-header .kb-main {

  width: calc(100% - 112px);

  max-width: 1680px;

  min-height: 64px;

  border-bottom: 1px solid var(--kb-line);

}

#kobercium-header .kb-brand {

  font: 700 23px/1.2 Arial, Helvetica, sans-serif;

  letter-spacing: 2px;

  padding: 17px 0;

  color: #111;

}

#kobercium-header .kb-actions { gap: 12px; }

#kobercium-header .kb-disclosure > summary {

  background: transparent;

  width: 44px;

  height: 44px;

  padding: 11px;

  color: #111;

}

#kobercium-header svg { width: 22px; height: 22px; stroke-width: 1.35; }

#kobercium-header .kb-desktop-menu {

  width: calc(100% - 112px);

  max-width: 1680px;

  margin: 0 auto;

  border-bottom: 1px solid var(--kb-line);

}

#kobercium-header .kb-menu-list {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  gap: 24px;

  min-height: 42px;

  margin: 0;

  padding: 0;

}

#kobercium-header .kb-menu-list > li { margin: 0; padding: 0; list-style: none; }

#kobercium-header .kb-menu-list > li > a,

#kobercium-header .kb-menu-list > li > span,

#kobercium-header .kb-submenu > summary {

  display: block;

  margin: 0;

  padding: 10px 0;

  border: 0;

  border-radius: 0;

  background: transparent;

  color: var(--kb-muted);

  font: 400 16px/22px Arial, Helvetica, sans-serif;

  letter-spacing: 0;

  text-transform: none;

  text-decoration: none;

  white-space: nowrap;

  box-shadow: none;

  list-style: none;

}

#kobercium-header .kb-submenu > summary { cursor: pointer; }

#kobercium-header .kb-submenu > summary::marker { content: ""; }

#kobercium-header .kb-submenu > summary::-webkit-details-marker { display: none; }

#kobercium-header .kb-menu-list > li:first-child > a,

#kobercium-header .kb-menu-list > li > a:hover,

#kobercium-header .kb-menu-list a[aria-current="page"],

#kobercium-header .kb-submenu[open] > summary { color: #111; }

#kobercium-header .kb-submenu[open] > summary { font-weight: 700; box-shadow: none; }

#kobercium-header a:hover { box-shadow: none; }

#kobercium-header :focus-visible { outline: 2px solid #111; outline-offset: 4px; }

#kobercium-header .kb-submenu-panel {

  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  width: 100%;

  padding: 24px max(56px, calc((100% - 1680px)/2)) 40px;

  background: #fff;

  border: 0;

  box-shadow: 0 16px 24px #0000000d;

  max-height: calc(100dvh - 120px);

  overflow-y: auto;

  overscroll-behavior: contain;

  text-align: left;

}

#kobercium-header .kb-submenu-all {

  display: inline-block;

  margin: 0 0 22px;

  padding: 0;

  color: #111;

  font: 400 14px/22px Arial, Helvetica, sans-serif;

  text-decoration: underline;

  text-underline-offset: 4px;

  white-space: normal;

}

#kobercium-header .kb-submenu-list { display: block; columns: auto; list-style: none; margin: 0; padding: 0; }

#kobercium-header .kb-submenu-panel > .kb-submenu-list {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  column-gap: 64px;

  row-gap: 0;

  max-width: 1120px;

}

#kobercium-header .kb-submenu-list li { margin: 0; padding: 0; list-style: none; min-width: 0; }

#kobercium-header .kb-submenu-list a,

#kobercium-header .kb-submenu-list .kb-group-title {

  display: block;

  margin: 0;

  padding: 8px 0;

  border: 0;

  border-bottom: 1px solid var(--kb-line);

  color: var(--kb-muted);

  background: transparent;

  font: 400 16px/22px Arial, Helvetica, sans-serif;

  white-space: normal;

  text-transform: none;

  letter-spacing: 0;

  box-shadow: none;

}

#kobercium-header .kb-submenu-list a:hover { color: #111; background: #faf8f5; box-shadow: none; }

#kobercium-header .kb-submenu-list li:has(> .kb-submenu-list) > a,

#kobercium-header .kb-submenu-list .kb-group-title {

  font-size: 13px;

  font-weight: 700;

  color: #111;

  border: 0;

  padding: 0 0 12px;

}

#kobercium-header .kb-submenu-panel > .kb-submenu-list > li:has(> ul) { margin-bottom: 24px; }

#kobercium-header .kb-submenu-panel > .kb-submenu-list > li:has(> ul) + li:has(> ul) {

  border-left: 1px solid var(--kb-line);

  padding-left: 32px;

  margin-left: -32px;

}

#kobercium-header .kb-submenu-list .kb-submenu-list { padding: 0; }

#kobercium-header .kb-submenu-list a[href*="/barvy/"] { display: flex; align-items: center; gap: 16px; }

#kobercium-header .kb-submenu-list a[href*="/barvy/"]::before {

  content: "";

  display: block;

  flex: 0 0 24px;

  width: 24px;

  height: 24px;

  border-radius: 50%;

  background: var(--kb-swatch, #eee);

}

#kobercium-header a[href*="/barvy/bezove"] { --kb-swatch: #e8d9c8; }

#kobercium-header a[href*="/barvy/modre"] { --kb-swatch: #375e91; }

#kobercium-header a[href*="/barvy/vicebarevne"] { --kb-swatch: linear-gradient(#d67b70, #628fcc); }

#kobercium-header a[href*="/barvy/sede"] { --kb-swatch: #c1c2c2; }

#kobercium-header a[href*="/barvy/bile"] { --kb-swatch: #f2f2f2; }

#kobercium-header a[href*="/barvy/ruzove"] { --kb-swatch: #d35d98; }

#kobercium-header a[href*="/barvy/cervene"] { --kb-swatch: #bf4d35; }

#kobercium-header a[href*="/barvy/zlute"] { --kb-swatch: #f5bf32; }

#kobercium-header a[href*="/barvy/zelene"] { --kb-swatch: #649e47; }

#kobercium-header a[href*="/barvy/hnede"] { --kb-swatch: #845921; }

#kobercium-header .kb-panel {

  border: 1px solid var(--kb-line);

  background: #fff;

  box-shadow: 0 14px 28px #00000012;

}

#kobercium-header .kb-search-panel { padding: 30px max(24px, calc((100% - 880px)/2)); }

#kobercium-header input[type="search"] { background: #fff; border-color: #b8b8b8; }

#kobercium-header .kb-button { background: #111; border-color: #111; border-radius: 0; }

#kobercium-header .kb-button:hover { background: #333; color: #fff; }

#kobercium-header .kb-topbar { background: var(--kb-cream); }

#kobercium-header .kb-topbar > div:nth-child(2) { background: #9d235e; }

@media (min-width: 1280px) {

  #kobercium-header .kb-submenu-panel:has(a[href*="/barvy/"]) > .kb-submenu-list { max-width: 1680px; }

  #kobercium-header .kb-submenu-panel:has(a[href*="/barvy/"]) .kb-submenu-list .kb-submenu-list {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: 24px;

  }

}

@media (min-width: 1280px) and (max-width: 1439px) {

  #kobercium-header .kb-main, #kobercium-header .kb-desktop-menu { width: calc(100% - 64px); }

  #kobercium-header .kb-menu-list { gap: 18px; }

  #kobercium-header .kb-menu-list > li > a,

  #kobercium-header .kb-menu-list > li > span,

  #kobercium-header .kb-submenu > summary { font-size: 14px; }

}

@media (max-width: 1279px) {

  #kobercium-header .kb-main { width: calc(100% - 32px); min-height: 68px; border: 0; }

  #kobercium-header .kb-brand { font-size: 22px; padding: 15px 0; }

  #kobercium-header .kb-desktop-menu { display: none; }

  #kobercium-header .kb-actions { gap: 4px; }

  #kobercium-header .kb-mobile-panel { padding: 20px 24px 32px; width: min(440px, 100%); }

  #kobercium-header .kb-mobile-panel .kb-menu-list { display: block; }

  #kobercium-header .kb-menu-list > li > a,

  #kobercium-header .kb-menu-list > li > span,

  #kobercium-header .kb-submenu > summary {

    padding: 13px 0;

    font-size: 16px;

    border-bottom: 1px solid var(--kb-line);

    white-space: normal;

  }

  #kobercium-header .kb-submenu > summary::after { content: "+"; float: right; }

  #kobercium-header .kb-submenu[open] > summary::after { content: "−"; }

  #kobercium-header .kb-submenu-panel {

    position: static; width: auto; padding: 16px 0 16px 12px;

    max-height: none; overflow: visible; border: 0; box-shadow: none;

  }

  #kobercium-header .kb-submenu-panel > .kb-submenu-list { display: block; }

  #kobercium-header .kb-submenu-panel > .kb-submenu-list > li:has(> ul) + li:has(> ul) {

    border: 0; padding-left: 0; margin-left: 0;

  }

  #kobercium-header .kb-submenu-list a { font-size: 15px; padding: 10px 0; }

  #kobercium-header .kb-submenu-list .kb-submenu-list { padding-left: 10px; }

  #kobercium-header .kb-submenu-all { font-size: 14px; margin-bottom: 18px; }

}

@media (max-width: 440px) {

  #kobercium-header .kb-main { width: calc(100% - 20px); min-height: 64px; }

  #kobercium-header .kb-brand { font-size: 18px; letter-spacing: 1px; }

  #kobercium-header .kb-disclosure > summary { width: 36px; padding: 7px; }

  #kobercium-header .kb-actions { gap: 0; }

  #kobercium-header .kb-search-panel { padding: 22px 16px; }

}

/* Hide the duplicated sidebar Main Menu module; header navigation remains available. */

.sidebar .service-sidebar > .moduletable:has(> #menu),

.sidebar .service-sidebar > .moduletable:has(#menu) { display: none !important; }

/* Kobercium minicart — off-canvas treatment inspired by the supplied Neoteric package. */

#kobercium-header .kb-cart[open]::before {

  content: "";

  position: fixed;

  inset: 0;

  z-index: 998;

  background: rgba(20, 24, 27, .46);

}

#kobercium-header .kb-cart-panel {

  position: fixed;

  z-index: 999;

  inset: 0 0 0 auto;

  width: min(440px, 100vw);

  max-width: 100vw;

  height: 100vh;

  height: 100dvh;

  max-height: none;

  padding: 0;

  border: 0;

  border-left: 1px solid #dedede;

  background: #fff;

  box-shadow: -18px 0 48px rgba(0, 0, 0, .16);

  overflow: hidden;

  display: flex;

  flex-direction: column;

  animation: kb-cart-in .24s ease-out;

}

#kobercium-header .kb-cart-panel .kb-panel-title {

  flex: 0 0 auto;

  min-height: 72px;

  margin: 0;

  padding: 15px 20px 15px 24px;

  border-bottom: 1px solid #dedede;

  color: #111;

  font-size: 20px;

  font-weight: 700;

}

#kobercium-header .kb-cart-panel .kb-close {

  width: 42px;

  height: 42px;

  font-size: 30px;

  line-height: 1;

}

#kobercium-header .kb-cart-content {

  flex: 1 1 auto;

  min-height: 0;

  overflow-y: auto;

  overscroll-behavior: contain;

  padding: 0;

  color: #333;

}

#kobercium-header .kb-cart-content .vmCartModule {

  display: flex;

  flex-direction: column;

  min-height: 100%;

  font-size: 15px;

  line-height: 1.45;

}

#kobercium-header .kb-cart-content .hiddencontainer,

#kobercium-header .kb-cart-content noscript,

#kobercium-header .kb-cart-content .payments-signin-button { display: none !important; }

#kobercium-header .kb-cart-content .vm_cart_products { flex: 1 1 auto; }

#kobercium-header .kb-cart-content .product_row {

  position: relative;

  display: grid;

  grid-template-columns: auto minmax(0, 1fr) auto;

  align-items: start;

  gap: 8px;

  margin: 0;

  padding: 18px 24px;

  border-bottom: 1px solid #dedede;

  background: #fff;

}

#kobercium-header .kb-cart-content .product_row:last-child { border-bottom: 0; }

#kobercium-header .kb-cart-content .quantity {

  min-width: 24px;

  color: #777;

  font-weight: 400;

}

#kobercium-header .kb-cart-content .product_name,

#kobercium-header .kb-cart-content .product_name a {

  min-width: 0;

  color: #222;

  font-weight: 700;

  text-decoration: none;

  white-space: normal;

}

#kobercium-header .kb-cart-content .product_name a:hover { text-decoration: underline; text-underline-offset: 3px; }

#kobercium-header .kb-cart-content .subtotal_with_tax {

  float: none !important;

  color: #9d235e;

  font-weight: 700;

  white-space: nowrap;

}

#kobercium-header .kb-cart-content .customProductData {

  grid-column: 2 / -1;

  color: #777;

  font-size: 13px;

}

#kobercium-header .kb-cart-content .total {

  float: none !important;

  order: 2;

  min-height: 58px;

  padding: 18px 24px;

  border-top: 1px solid #dedede;

  border-bottom: 1px solid #dedede;

  color: #111;

  font-size: 18px;

  font-weight: 700;

  text-align: right;

}

#kobercium-header .kb-cart-content .total:empty { display: none; }

#kobercium-header .kb-cart-content .total_products {

  order: 1;

  padding: 10px 24px;

  color: #777;

  font-size: 13px;

  text-align: right;

}

#kobercium-header .kb-cart-content .vm_cart_products:has(.vmcontainer:empty) ~ .total_products {

  margin: auto 0;

  padding: 48px 24px;

  color: #222;

  font-size: 16px;

  font-weight: 700;

  text-align: center;

}

#kobercium-header .kb-cart-content .vm_cart_products:has(.vmcontainer:empty) ~ .total_products::before {

  content: "\f07a";

  display: block;

  margin: 0 0 20px;

  color: #ddd;

  font-family: "Font Awesome 6 Free";

  font-size: 80px;

  font-weight: 900;

  line-height: 1;

}

#kobercium-header .kb-cart-content .show_cart { order: 3; padding: 20px 24px 8px; }

#kobercium-header .kb-cart-content .show_cart a {

  display: flex;

  justify-content: center;

  align-items: center;

  min-height: 50px;

  padding: 12px 20px;

  background: #111;

  border: 1px solid #111;

  color: #fff;

  font-weight: 700;

  text-decoration: none;

}

#kobercium-header .kb-cart-content .show_cart a:hover { background: #333; color: #fff; }

#kobercium-header .kb-cart-panel > .kb-button {

  flex: 0 0 auto;

  width: auto;

  min-height: 52px;

  margin: 16px 24px 24px;

  border-radius: 0;

  font-weight: 700;

}

@keyframes kb-cart-in {

  from { transform: translateX(100%); }

  to { transform: translateX(0); }

}

@media (max-width: 480px) {

  #kobercium-header .kb-cart-panel { width: 100vw; }

  #kobercium-header .kb-cart-panel .kb-panel-title { min-height: 64px; padding: 11px 14px 11px 18px; }

  #kobercium-header .kb-cart-content .product_row { padding: 16px 18px; }

  #kobercium-header .kb-cart-panel > .kb-button { margin: 14px 18px 18px; }

}

@media (prefers-reduced-motion: reduce) {

  #kobercium-header .kb-cart-panel { animation: none; }

}

/* Kobercium VirtueMart category listing — Rugvista-inspired, scoped to category pages. */

body.com_virtuemart.view-category {

  background: #fff;

  color: #111;

}

body.com_virtuemart.view-category .wrapper-site > .breadcrumb {

  margin: 0;

  padding: 28px 0 18px;

  background: #fff;

  border: 0;

}

body.com_virtuemart.view-category .wrapper-site > .breadcrumb > .container {

  width: calc(100% - 64px);

  max-width: 1680px;

  margin: 0 auto;

  padding: 0;

}

body.com_virtuemart.view-category .wrapper-site > .breadcrumb .page-header-box {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  text-align: left;

}

body.com_virtuemart.view-category .wrapper-site > .breadcrumb .breadcrumbs {

  order: -1;

  margin: 0 0 20px;

}

body.com_virtuemart.view-category .wrapper-site > .breadcrumb h1 {

  margin: 0;

  color: #111;

  font: 400 clamp(36px, 3vw, 52px)/1.15 Georgia, "Times New Roman", serif;

  letter-spacing: -.02em;

}

body.com_virtuemart.view-category .wrapper-site > .breadcrumb .breadcrumb {

  margin: 0;

  padding: 0;

  background: transparent;

  font: 14px/1.5 Arial, Helvetica, sans-serif;

}

body.com_virtuemart.view-category .wrapper-site > .breadcrumb .breadcrumb-item,

body.com_virtuemart.view-category .wrapper-site > .breadcrumb .breadcrumb-item a {

  color: #333;

}

body.com_virtuemart.view-category .wrapper.component > .container {

  width: calc(100% - 64px);

  max-width: 1680px;

  margin: 0 auto;

  padding: 0;

}

body.com_virtuemart.view-category .wrapper.component > .container > .row {

  display: block;

  margin: 0;

}

body.com_virtuemart.view-category .container-component {

  width: 100%;

  max-width: none;

  padding: 0 0 64px !important;

}

body.com_virtuemart.view-category .wrapper.component .sidebar { display: none !important; }

body.com_virtuemart.view-category .vm-category-title { display: none; }

body.com_virtuemart.view-category .category-view,

body.com_virtuemart.view-category .browse-view { margin: 0 !important; }

body.com_virtuemart.view-category .orderby-displaynumber {

  margin: 0 0 24px !important;

  padding: 10px 0 !important;

  border-top: 1px solid #dedede !important;

  border-bottom: 1px solid #dedede !important;

  background: #fff;

}

body.com_virtuemart.view-category .orderby-displaynumber .vm-order-list {

  align-items: center !important;

  margin: 0;

}

body.com_virtuemart.view-category .orderby-displaynumber label {

  margin: 0 10px 0 0 !important;

  color: #111;

  font: 14px/1.4 Arial, Helvetica, sans-serif;

}

body.com_virtuemart.view-category .orderby-displaynumber .col-6:first-child {

  display: flex;

  align-items: center;

  width: auto;

  min-width: 260px;

}

body.com_virtuemart.view-category .orderby-displaynumber .input-group { width: auto; }

body.com_virtuemart.view-category .orderby-displaynumber select {

  min-width: 190px;

  height: 42px;

  padding: 8px 38px 8px 12px;

  border: 1px solid #cfcfcf;

  border-radius: 0;

  background-color: #fff;

  color: #111;

  font-size: 14px;

  box-shadow: none;

}

body.com_virtuemart.view-category .orderby-displaynumber .display-number {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 10px;

  width: auto;

  margin-left: auto !important;

}

body.com_virtuemart.view-category .orderby-displaynumber .display-number select {

  min-width: 72px;

}

body.com_virtuemart.view-category .orderby-displaynumber .btn-link {

  color: #111 !important;

  box-shadow: none;

}

body.com_virtuemart.view-category .vm-pagination-top { display: none !important; }

body.com_virtuemart.view-category .vm-product-grid.container {

  width: 100%;

  max-width: none;

  margin: 0 !important;

  padding: 0;

}

body.com_virtuemart.view-category .vm-product-grid > .row {

  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 40px 32px;

  margin: 0;

}

body.com_virtuemart.view-category .vm-product-grid .product {

  width: auto;

  max-width: none;

  margin: 0;

  padding: 0;

}

body.com_virtuemart.view-category .vm-product-grid .product-container {

  min-width: 0;

  color: #111;

}

body.com_virtuemart.view-category .vm-product-media-container {

  position: relative;

  min-height: 0 !important;

  aspect-ratio: 3 / 4;

  padding: 20px;

  overflow: hidden;

  background: #f5f5f5;

}

body.com_virtuemart.view-category .vm-product-media-container > a {

  display: flex;

  width: 100%;

  height: 100%;

  align-items: center;

  justify-content: center;

}

body.com_virtuemart.view-category .vm-product-media-container .browseProductImage {

  display: block;

  width: 100%;

  height: 100%;

  max-height: none;

  object-fit: contain;

  transition: transform .25s ease;

}

body.com_virtuemart.view-category .product-container:hover .browseProductImage {

  transform: scale(1.025);

}

body.com_virtuemart.view-category .vm-product-rating-container { display: none !important; }

body.com_virtuemart.view-category .vm-product-title {

  margin: 10px 0 2px !important;

  padding: 0 !important;

  text-align: left !important;

  font: 400 15px/1.4 Arial, Helvetica, sans-serif;

}

body.com_virtuemart.view-category .vm-product-title a {

  color: #111;

  text-decoration: none;

}

body.com_virtuemart.view-category .vm-product-title a:hover {

  text-decoration: underline;

  text-underline-offset: 3px;

}

body.com_virtuemart.view-category .vm-product-s-desc { display: none !important; }

body.com_virtuemart.view-category .product-price {

  margin: 0 !important;

  padding: 0 !important;

  color: #111;

  text-align: left;

  font: 600 14px/1.5 Arial, Helvetica, sans-serif;

}

body.com_virtuemart.view-category .product-price .vm-price-value { margin: 0; }

body.com_virtuemart.view-category .product-container > .btn {

  display: none !important;

}

body.com_virtuemart.view-category .vm-pagination-bottom {

  display: flex;

  flex-direction: column;

  align-items: center;

  margin-top: 48px;

  padding: 20px 0;

  border-top: 1px solid #dedede;

  background: #fff !important;

  text-align: center;

}

body.com_virtuemart.view-category .pagination {

  width: 100%;

  margin-right: auto;

  margin-left: auto;

  justify-content: center !important;

  gap: 6px;

}

body.com_virtuemart.view-category .pagination .pagenav {

  display: grid;

  min-width: 38px;

  min-height: 38px;

  place-items: center;

  padding: 7px 10px;

  border: 1px solid #d8d8d8;

  color: #111;

  text-decoration: none;

}

body.com_virtuemart.view-category .pagination a.pagenav:hover {

  border-color: #111;

  background: #111;

  color: #fff;

}

@media (min-width: 1700px) {

  body.com_virtuemart.view-category .vm-product-grid > .row {

    grid-template-columns: repeat(5, minmax(0, 1fr));

  }

}

@media (max-width: 991px) {

  body.com_virtuemart.view-category .wrapper-site > .breadcrumb,

  body.com_virtuemart.view-category .wrapper.component > .container {

    width: auto;

  }

  body.com_virtuemart.view-category .wrapper-site > .breadcrumb > .container,

  body.com_virtuemart.view-category .wrapper.component > .container {

    width: calc(100% - 32px);

  }

  body.com_virtuemart.view-category .vm-product-grid > .row {

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 32px 20px;

  }

}

@media (max-width: 767px) {

  body.com_virtuemart.view-category .wrapper-site > .breadcrumb {

    padding: 22px 0 16px;

  }

  body.com_virtuemart.view-category .wrapper-site > .breadcrumb h1 {

    font-size: 34px;

  }

  body.com_virtuemart.view-category .orderby-displaynumber .vm-order-list {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

  }

  body.com_virtuemart.view-category .orderby-displaynumber .col-6:first-child,

  body.com_virtuemart.view-category .orderby-displaynumber .display-number {

    width: 100%;

    justify-content: space-between;

  }

  body.com_virtuemart.view-category .orderby-displaynumber select {

    min-width: 0;

    width: 100%;

  }

  body.com_virtuemart.view-category .vm-product-grid > .row {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 28px 14px;

  }

  body.com_virtuemart.view-category .vm-product-media-container {

    padding: 10px;

  }

  body.com_virtuemart.view-category .vm-product-title {

    font-size: 14px;

  }

}



/* KOBERCIUM CART / Trove reference — 2026-09-07 */

body.com_virtuemart.view-cart {

  color: #202020;

  background: #fff;

}

body.com_virtuemart.view-cart .wrapper-site > .breadcrumb {

  margin: 0;

  padding: 42px 0 22px;

  background: #fff;

}

body.com_virtuemart.view-cart .wrapper-site > .breadcrumb > .container,

body.com_virtuemart.view-cart .wrapper.component > .container {

  width: min(1320px, calc(100% - 64px));

  max-width: none;

}

body.com_virtuemart.view-cart .wrapper-site > .breadcrumb .page-header-box {

  align-items: flex-start;

  text-align: left;

}

body.com_virtuemart.view-cart .wrapper-site > .breadcrumb h1 {

  margin: 0 0 16px;

  color: #111;

  font: 600 clamp(36px, 4vw, 56px)/1.08 Arial, Helvetica, sans-serif;

  letter-spacing: -.035em;

}

body.com_virtuemart.view-cart .wrapper-site > .breadcrumb .breadcrumbs {

  margin: 0;

}

body.com_virtuemart.view-cart .wrapper-site > .breadcrumb .breadcrumb {

  margin: 0;

  padding: 0 !important;

  background: transparent;

  color: #6d6d6d;

  font: 400 13px/1.5 Arial, Helvetica, sans-serif;

}

body.com_virtuemart.view-cart .wrapper.component > .container > .row {

  display: block;

  margin: 0;

}

body.com_virtuemart.view-cart .wrapper.component .sidebar {

  display: none !important;

}

body.com_virtuemart.view-cart .container-component {

  width: 100%;

  max-width: none;

  padding: 20px 0 90px !important;

}

body.com_virtuemart.view-cart .vm-cart-header-container,

body.com_virtuemart.view-cart .vm-cart-header {

  margin: 0;

  padding: 0;

}

body.com_virtuemart.view-cart .cart-view > h1,

body.com_virtuemart.view-cart .vm-cart-header h1 {

  display: none;

}

body.com_virtuemart.view-cart #checkoutForm {

  display: grid;

  grid-template-columns: minmax(0, 1.18fr) minmax(380px, .82fr);

  gap: clamp(42px, 6vw, 88px);

  margin: 0;

}

body.com_virtuemart.view-cart #checkoutForm > .col-lg-6 {

  width: auto;

  max-width: none;

  margin: 0;

  padding: 0 !important;

  border: 0 !important;

}

body.com_virtuemart.view-cart #checkoutForm > .col-lg-6:first-child {

  padding-right: clamp(4px, 2vw, 24px) !important;

}

body.com_virtuemart.view-cart #checkoutForm > .col-lg-6:last-of-type {

  position: sticky !important;

  top: 24px;

  align-self: start;

  padding: 28px !important;

  background: #f6f5f1;

}

body.com_virtuemart.view-cart legend.userfields_info,

body.com_virtuemart.view-cart .vm-checkout-shipping-userfields h2,

body.com_virtuemart.view-cart .vm-checkout-shipping h2,

body.com_virtuemart.view-cart .vm-checkout-payment h2 {

  margin: 0 0 24px !important;

  padding: 0 0 14px !important;

  border-bottom: 1px solid #dedede !important;

  color: #202020;

  font: 500 22px/1.25 Arial, Helvetica, sans-serif;

}

body.com_virtuemart.view-cart .vm-checkout-register-userfields fieldset.pb-3 {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px 22px;

}

body.com_virtuemart.view-cart .vm-checkout-register-userfields fieldset.pb-3 > legend {

  grid-column: 1 / -1;

}

body.com_virtuemart.view-cart .vm-checkout-register-userfields fieldset.pb-3 > .mb-3 {

  margin: 0 !important;

}

body.com_virtuemart.view-cart .vm-checkout-register-userfields fieldset.pb-3 > .mb-3:has(> label.company),

body.com_virtuemart.view-cart .vm-checkout-register-userfields fieldset.pb-3 > .mb-3:has(> label.address_1),

body.com_virtuemart.view-cart .vm-checkout-register-userfields fieldset.pb-3 > .mb-3:has(> label.email) {

  grid-column: 1 / -1;

}

body.com_virtuemart.view-cart .form-label {

  margin-bottom: 7px;

  color: #4b4b4b;

  font: 600 13px/1.4 Arial, Helvetica, sans-serif;

}

body.com_virtuemart.view-cart .form-control,

body.com_virtuemart.view-cart .form-select,

body.com_virtuemart.view-cart .chosen-container .chosen-single {

  min-height: 48px;

  padding: 11px 13px;

  border: 1px solid #cfcfcf;

  border-radius: 0;

  background: #fff;

  color: #222;

  box-shadow: none;

}

body.com_virtuemart.view-cart .chosen-container .chosen-single > div {

  top: 12px;

}

body.com_virtuemart.view-cart .form-control:focus,

body.com_virtuemart.view-cart .form-select:focus,

body.com_virtuemart.view-cart .chosen-container-active .chosen-single {

  border-color: #111;

  outline: 0;

  box-shadow: 0 0 0 2px rgba(17,17,17,.08);

}

body.com_virtuemart.view-cart .vm-checkout-shipping-userfields,

body.com_virtuemart.view-cart .vm-checkout-shipping,

body.com_virtuemart.view-cart .vm-checkout-payment {

  margin-top: 42px;

}

body.com_virtuemart.view-cart .vm-fieldset-pricelist,

body.com_virtuemart.view-cart .vm-fieldset-customer-note,

body.com_virtuemart.view-cart .vm-fieldset-tos {

  margin: 0;

  padding: 0;

  border: 0;

}

body.com_virtuemart.view-cart .vm-checkout-products > .row {

  align-items: start !important;

  margin: 0 0 26px !important;

  padding: 0 0 24px;

  border-bottom: 1px solid #d8d8d8;

}

body.com_virtuemart.view-cart .cart-images {

  overflow: hidden;

  background: #ecebea;

}

body.com_virtuemart.view-cart .cart-images img {

  display: block;

  width: 100%;

  aspect-ratio: 3 / 4;

  padding: 0;

  border: 0;

  border-radius: 0;

  object-fit: cover;

}

body.com_virtuemart.view-cart .vm-cart-item-name a {

  color: #202020;

  font: 600 15px/1.4 Arial, Helvetica, sans-serif;

  text-decoration: none;

}

body.com_virtuemart.view-cart .vm-cart-item-name a:hover {

  text-decoration: underline;

  text-underline-offset: 3px;

}

body.com_virtuemart.view-cart .vm-cart-item-quantity .input-group {

  height: 38px;

  border: 1px solid #aaa;

  background: #fff;

}

body.com_virtuemart.view-cart .vm-cart-item-quantity .btn,

body.com_virtuemart.view-cart .vm-cart-item-quantity .form-control {

  min-width: 0;

  min-height: 36px;

  height: 36px;

  padding: 4px !important;

  border: 0;

  background: transparent;

  color: #111;

  box-shadow: none;

}

body.com_virtuemart.view-cart .vm-cart-item-basicprice,

body.com_virtuemart.view-cart .vm-checkout-subtotals .PricebillTotal {

  color: #111;

  font-weight: 700;

}

body.com_virtuemart.view-cart .vm2-remove_from_cart {

  padding: 0;

  border: 0;

  background: transparent;

  color: #555;

  font-size: 12px;

  text-decoration: underline;

  text-underline-offset: 3px;

}

body.com_virtuemart.view-cart .vm-checkout-coupon {

  margin: 24px 0 30px !important;

}

body.com_virtuemart.view-cart .vm-coupon-container {

  gap: 10px;

}

body.com_virtuemart.view-cart .vm-coupon-container .btn {

  width: auto !important;

  min-width: 92px;

  margin: 0 !important;

  border: 1px solid #222;

  border-radius: 0;

  background: #fff;

  color: #222;

  font-weight: 600;

}

body.com_virtuemart.view-cart .vm-checkout-subtotals {

  margin: 0 0 26px !important;

  padding: 22px 0 !important;

  border-top: 1px solid #d8d8d8;

  border-bottom: 1px solid #d8d8d8;

  background: transparent !important;

}

body.com_virtuemart.view-cart .vm-checkout-subtotals > .row:last-of-type {

  margin-top: 14px;

  padding-top: 16px;

  border-top: 1px solid #d8d8d8;

  font-size: 19px;

}

body.com_virtuemart.view-cart .vm-fieldset-customer-note textarea {

  min-height: 110px;

}

body.com_virtuemart.view-cart .vm-fieldset-tos {

  margin: 22px 0 !important;

  font-size: 13px;

}

body.com_virtuemart.view-cart #checkoutFormSubmit {

  min-height: 58px;

  border: 1px solid #111 !important;

  border-radius: 999px !important;

  background: #111 !important;

  color: #fff !important;

  font: 700 16px/1.2 Arial, Helvetica, sans-serif;

  box-shadow: none !important;

}

body.com_virtuemart.view-cart #checkoutFormSubmit:hover,

body.com_virtuemart.view-cart #checkoutFormSubmit:focus {

  border-color: #333 !important;

  background: #333 !important;

}

@media (max-width: 991px) {

  body.com_virtuemart.view-cart #checkoutForm {

    grid-template-columns: minmax(0, 1fr) minmax(330px, .85fr);

    gap: 30px;

  }

  body.com_virtuemart.view-cart .vm-checkout-register-userfields fieldset.pb-3 {

    grid-template-columns: 1fr;

  }

  body.com_virtuemart.view-cart .vm-checkout-register-userfields fieldset.pb-3 > .mb-3 {

    grid-column: auto !important;

  }

}

@media (max-width: 767px) {

  body.com_virtuemart.view-cart .wrapper-site > .breadcrumb {

    padding: 26px 0 14px;

  }

  body.com_virtuemart.view-cart .wrapper-site > .breadcrumb > .container,

  body.com_virtuemart.view-cart .wrapper.component > .container {

    width: calc(100% - 28px);

  }

  body.com_virtuemart.view-cart .wrapper-site > .breadcrumb h1 {

    font-size: 36px;

  }

  body.com_virtuemart.view-cart .container-component {

    padding-top: 12px !important;

    padding-bottom: 54px !important;

  }

  body.com_virtuemart.view-cart #checkoutForm {

    display: flex;

    flex-direction: column;

    gap: 36px;

  }

  body.com_virtuemart.view-cart #checkoutForm > .col-lg-6:first-child {

    padding: 0 !important;

  }

  body.com_virtuemart.view-cart #checkoutForm > .col-lg-6:last-of-type {

    position: static !important;

    padding: 20px !important;

  }

  body.com_virtuemart.view-cart .vm-checkout-products > .row {

    row-gap: 12px;

  }

  body.com_virtuemart.view-cart .cart-images img {

    aspect-ratio: 1 / 1.25;

  }

}

@media (max-width: 380px) {

  body.com_virtuemart.view-category .wrapper-site > .breadcrumb > .container,

  body.com_virtuemart.view-category .wrapper.component > .container {

    width: calc(100% - 20px);

  }

}

@media (prefers-reduced-motion: reduce) {

  body.com_virtuemart.view-category .vm-product-media-container .browseProductImage {

    transition: none;

  }

}



/* KOBERCIUM PRODUCT DETAIL / Rugvista reference — 2026-09-04 */

body.com_virtuemart.view-productdetails {

  color: #111;

  background: #fff;

}

body.com_virtuemart.view-productdetails .wrapper-site > .breadcrumb {

  padding: 18px 0 12px;

  background: #fff;

}

body.com_virtuemart.view-productdetails .wrapper-site > .breadcrumb > .container,

body.com_virtuemart.view-productdetails .wrapper.component > .container {

  width: min(1680px, calc(100% - 64px));

  max-width: none;

}

body.com_virtuemart.view-productdetails .page-header-box > h1 {

  display: none;

}

body.com_virtuemart.view-productdetails .breadcrumbs .breadcrumb {

  margin: 0;

  padding: 0 !important;

  background: transparent;

  color: #666;

  font: 400 13px/1.5 Arial, Helvetica, sans-serif;

}

body.com_virtuemart.view-productdetails .breadcrumbs a {

  color: #444;

  text-decoration: none;

}

body.com_virtuemart.view-productdetails .breadcrumbs a:hover {

  color: #111;

  text-decoration: underline;

  text-underline-offset: 3px;

}

body.com_virtuemart.view-productdetails .wrapper.component > .container > .row {

  display: block;

}

body.com_virtuemart.view-productdetails .container-component {

  width: 100%;

  max-width: none;

  padding-top: 18px !important;

  padding-bottom: 80px !important;

}

body.com_virtuemart.view-productdetails .productdetails-view > .row {

  display: grid;

  grid-template-columns: minmax(0, 1.52fr) minmax(360px, .86fr);

  gap: clamp(44px, 5vw, 96px);

  align-items: start;

  margin: 0 0 64px;

}

body.com_virtuemart.view-productdetails .vm-product-media-container,

body.com_virtuemart.view-productdetails .vm-product-details-container {

  width: auto;

  max-width: none;

  margin: 0;

  padding: 0;

}

body.com_virtuemart.view-productdetails .vm-product-media-container {

  position: static !important;

}

body.com_virtuemart.view-productdetails .main-image {

  min-height: clamp(520px, 62vw, 790px);

  padding: clamp(24px, 4vw, 64px);

  overflow: hidden;

  background: #f5f5f3;

}

body.com_virtuemart.view-productdetails .main-image > a {

  display: flex;

  width: 100%;

  height: 100%;

  align-items: center;

  justify-content: center;

}

body.com_virtuemart.view-productdetails .main-image img {

  display: block;

  width: 100%;

  max-width: 660px;

  height: clamp(470px, 56vw, 700px);

  object-fit: contain;

}

body.com_virtuemart.view-productdetails .main-image .vm-img-desc {

  display: none;

}

body.com_virtuemart.view-productdetails .main-image .vm-btn-expand {

  right: 18px;

  bottom: 18px;

  width: 44px;

  height: 44px;

  border: 1px solid #d8d8d8;

  border-radius: 0;

  background: #fff;

  color: #111;

}

body.com_virtuemart.view-productdetails .additional-images {

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  margin: 14px 0 0 !important;

}

body.com_virtuemart.view-productdetails .additional-images > [class*="col-"] {

  flex: 0 0 86px;

  width: 86px;

  padding: 0;

}

body.com_virtuemart.view-productdetails .additional-images .product-image.img-thumbnail {

  display: block;

  width: 86px;

  height: 104px;

  padding: 5px;

  border: 1px solid #d7d7d7;

  border-radius: 0;

  background: #f5f5f3;

  object-fit: contain;

}

body.com_virtuemart.view-productdetails .additional-images .product-image.img-thumbnail:hover {

  border-color: #111;

}

body.com_virtuemart.view-productdetails .vm-product-details-container {

  position: sticky !important;

  top: 28px;

  padding-top: 8px;

}

body.com_virtuemart.view-productdetails .vm-page-title {

  margin: 0 0 18px !important;

  padding: 0 0 20px !important;

  border-color: #dcdcdc !important;

  color: #111;

  font-family: Georgia, 'Times New Roman', serif;

  font-size: clamp(34px, 3vw, 50px);

  font-weight: 400;

  line-height: 1.08;

  letter-spacing: -.025em;

}

body.com_virtuemart.view-productdetails .manufacturer {

  color: #777;

  font: 400 13px/1.5 Arial, Helvetica, sans-serif;

}

body.com_virtuemart.view-productdetails .vm-ratingbox-unrated {

  color: #777;

}

body.com_virtuemart.view-productdetails .product-short-description {

  margin: 20px 0 24px !important;

  color: #444 !important;

  font: 400 15px/1.65 Arial, Helvetica, sans-serif;

}

body.com_virtuemart.view-productdetails .product-price {

  margin: 0 0 20px !important;

  padding: 0 !important;

  color: #111;

}

body.com_virtuemart.view-productdetails .product-price .PricesalesPrice {

  color: #111;

  font: 700 clamp(24px, 2vw, 31px)/1.2 Arial, Helvetica, sans-serif;

}

body.com_virtuemart.view-productdetails .addtocart-area {

  margin-top: 8px;

}

body.com_virtuemart.view-productdetails .addtocart-bar > .row {

  display: grid;

  grid-template-columns: 112px minmax(0, 1fr);

  gap: 10px;

}

body.com_virtuemart.view-productdetails .quantity-box {

  height: 54px;

  border: 1px solid #aaa;

  background: #fff;

}

body.com_virtuemart.view-productdetails .quantity-box .btn,

body.com_virtuemart.view-productdetails .quantity-box .form-control {

  min-width: 0;

  height: 52px;

  border: 0;

  border-radius: 0;

  background: transparent;

  color: #111;

  box-shadow: none;

}

body.com_virtuemart.view-productdetails .addtocart-button {

  min-height: 54px;

  border: 1px solid #111 !important;

  border-radius: 0 !important;

  background: #111 !important;

  color: #fff !important;

  font: 700 16px/1.2 Arial, Helvetica, sans-serif;

  letter-spacing: .01em;

  box-shadow: none !important;

}

body.com_virtuemart.view-productdetails .addtocart-button:hover,

body.com_virtuemart.view-productdetails .addtocart-button:focus {

  border-color: #333 !important;

  background: #333 !important;

}

body.com_virtuemart.view-productdetails .vm-modal-buttons {

  margin-top: 24px !important;

  padding-top: 16px !important;

  border-color: #dcdcdc !important;

}

body.com_virtuemart.view-productdetails .vm-modal-buttons a {

  color: #111;

  font: 500 14px/1.5 Arial, Helvetica, sans-serif;

  text-decoration: underline;

  text-underline-offset: 3px;

}

body.com_virtuemart.view-productdetails .product-description,

body.com_virtuemart.view-productdetails .customer-reviews,

body.com_virtuemart.view-productdetails .vm-product-details-container + * {

  font-family: Arial, Helvetica, sans-serif;

}

body.com_virtuemart.view-productdetails .product-description {

  max-width: 1040px;

  margin: 0 auto;

  color: #333;

  font-size: 16px;

  line-height: 1.75;

}

body.com_virtuemart.view-productdetails .product-description h2,

body.com_virtuemart.view-productdetails .customer-reviews h2 {

  margin: 0 0 24px;

  padding-bottom: 18px;

  border-bottom: 1px solid #dcdcdc;

  color: #111;

  font-family: Georgia, 'Times New Roman', serif;

  font-size: 34px;

  font-weight: 400;

}

@media (max-width: 991px) {

  body.com_virtuemart.view-productdetails .wrapper-site > .breadcrumb > .container,

  body.com_virtuemart.view-productdetails .wrapper.component > .container {

    width: calc(100% - 32px);

  }

  body.com_virtuemart.view-productdetails .productdetails-view > .row {

    grid-template-columns: minmax(0, 1.08fr) minmax(310px, .92fr);

    gap: 30px;

  }

  body.com_virtuemart.view-productdetails .main-image {

    min-height: 500px;

    padding: 28px;

  }

  body.com_virtuemart.view-productdetails .main-image img {

    height: 450px;

  }

}

@media (max-width: 767px) {

  body.com_virtuemart.view-productdetails .wrapper-site > .breadcrumb {

    padding: 12px 0 6px;

  }

  body.com_virtuemart.view-productdetails .breadcrumbs .breadcrumb {

    flex-wrap: nowrap;

    overflow-x: auto;

    white-space: nowrap;

  }

  body.com_virtuemart.view-productdetails .container-component {

    padding-top: 10px !important;

    padding-bottom: 48px !important;

  }

  body.com_virtuemart.view-productdetails .productdetails-view > .row {

    display: flex;

    flex-direction: column;

    gap: 28px;

    margin-bottom: 44px;

  }

  body.com_virtuemart.view-productdetails .vm-product-media-container,

  body.com_virtuemart.view-productdetails .vm-product-details-container {

    width: 100%;

  }

  body.com_virtuemart.view-productdetails .vm-product-details-container {

    position: static !important;

    padding-top: 0;

  }

  body.com_virtuemart.view-productdetails .main-image {

    min-height: min(116vw, 590px);

    padding: 20px;

  }

  body.com_virtuemart.view-productdetails .main-image img {

    height: min(105vw, 540px);

  }

  body.com_virtuemart.view-productdetails .additional-images > [class*="col-"] {

    flex-basis: 72px;

    width: 72px;

  }

  body.com_virtuemart.view-productdetails .additional-images .product-image.img-thumbnail {

    width: 72px;

    height: 88px;

  }

  body.com_virtuemart.view-productdetails .vm-page-title {

    font-size: clamp(32px, 10vw, 43px);

  }

  body.com_virtuemart.view-productdetails .product-description h2,

  body.com_virtuemart.view-productdetails .customer-reviews h2 {

    font-size: 29px;

  }

}

@media (max-width: 420px) {

  body.com_virtuemart.view-productdetails .wrapper-site > .breadcrumb > .container,

  body.com_virtuemart.view-productdetails .wrapper.component > .container {

    width: calc(100% - 20px);

  }

  body.com_virtuemart.view-productdetails .addtocart-bar > .row {

    grid-template-columns: 98px minmax(0, 1fr);

  }

}

body.com_virtuemart.view-productdetails .product-price { text-align: left !important; }



/* KOBERCIUM PRODUCT DETAIL / Trove reference — 2026-09-05 */

body.com_virtuemart.view-productdetails .wrapper-site > .breadcrumb {

  padding: 22px 0 16px;

}

body.com_virtuemart.view-productdetails .wrapper-site > .breadcrumb > .container,

body.com_virtuemart.view-productdetails .wrapper.component > .container {

  width: min(1320px, calc(100% - 64px));

}

body.com_virtuemart.view-productdetails .container-component {

  padding-top: 26px !important;

}

body.com_virtuemart.view-productdetails .productdetails-view > .row {

  grid-template-columns: minmax(560px, 1.2fr) minmax(370px, .8fr);

  gap: clamp(44px, 5vw, 78px);

  margin-bottom: 72px;

}

body.com_virtuemart.view-productdetails .vm-product-media-container {

  display: grid;

  grid-template-columns: 88px minmax(0, 1fr);

  grid-template-rows: auto;

  gap: 18px;

  align-items: start;

}

body.com_virtuemart.view-productdetails .main-image {

  grid-column: 2;

  grid-row: 1;

  min-height: 600px;

  padding: 36px;

  background: #f6f6f6;

}

body.com_virtuemart.view-productdetails .main-image img {

  max-width: 100%;

  height: 528px;

}

body.com_virtuemart.view-productdetails .additional-images {

  grid-column: 1;

  grid-row: 1;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  gap: 14px;

  margin: 0 !important;

}

body.com_virtuemart.view-productdetails .additional-images > [class*="col-"] {

  flex: 0 0 auto;

  width: 88px;

}

body.com_virtuemart.view-productdetails .additional-images .product-image.img-thumbnail {

  width: 88px;

  height: 102px;

  padding: 6px;

  border-color: transparent;

  background: #f6f6f6;

}

body.com_virtuemart.view-productdetails .additional-images > [class*="col-"]:first-child .product-image.img-thumbnail {

  border-color: #222;

}

body.com_virtuemart.view-productdetails .vm-product-details-container {

  top: 24px;

  padding: 2px 0 0;

}

body.com_virtuemart.view-productdetails .vm-page-title {

  margin-bottom: 14px !important;

  padding-bottom: 0 !important;

  border: 0 !important;

  font-family: Arial, Helvetica, sans-serif;

  font-size: clamp(26px, 2.2vw, 36px);

  font-weight: 500;

  line-height: 1.28;

  letter-spacing: .12em;

}

body.com_virtuemart.view-productdetails .vm-product-details-container > .row.mb-3 {

  margin: 0 0 14px !important;

}

body.com_virtuemart.view-productdetails .manufacturer:empty,

body.com_virtuemart.view-productdetails .manufacturer:not(:has(a[href])) {

  display: none;

}

body.com_virtuemart.view-productdetails .vm-ratingbox-unrated {

  color: #111;

}

body.com_virtuemart.view-productdetails .product-short-description {

  margin: 12px 0 18px !important;

  color: #555 !important;

  font-size: 14px;

  line-height: 1.55;

}

body.com_virtuemart.view-productdetails .product-price {

  margin: 4px 0 26px !important;

  text-align: center !important;

}

body.com_virtuemart.view-productdetails .product-price .PricesalesPrice {

  font-size: clamp(26px, 2.3vw, 34px);

  font-weight: 600;

}

body.com_virtuemart.view-productdetails .addtocart-bar > .row {

  display: flex;

  flex-direction: column;

  gap: 34px;

}

body.com_virtuemart.view-productdetails .addtocart-bar > .row > .col-auto {

  width: 150px;

}

body.com_virtuemart.view-productdetails .quantity-box {

  width: 150px;

  height: 48px;

  border-color: #777;

}

body.com_virtuemart.view-productdetails .quantity-box .btn,

body.com_virtuemart.view-productdetails .quantity-box .form-control {

  height: 46px;

}

body.com_virtuemart.view-productdetails .vm-addtocart-button-col {

  width: 260px;

  max-width: 100%;

}

body.com_virtuemart.view-productdetails .addtocart-button {

  min-height: 58px;

  border-radius: 999px !important;

  text-transform: none;

}

body.com_virtuemart.view-productdetails .vm-modal-buttons {

  width: 260px;

  max-width: 100%;

  margin-top: 20px !important;

  padding-top: 14px !important;

}

body.com_virtuemart.view-productdetails .product-description,

body.com_virtuemart.view-productdetails .customer-reviews {

  max-width: none;

  margin: 0 !important;

  padding: 0;

  color: #657078;

  font-size: 14px;

  line-height: 1.65;

}

body.com_virtuemart.view-productdetails .product-description h2,

body.com_virtuemart.view-productdetails .customer-reviews h2 {

  display: inline-block;

  margin: 0 58px 28px 0;

  padding: 0 0 12px;

  border: 0;

  border-bottom: 4px solid #111;

  color: #222;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 20px;

  font-weight: 500;

}

body.com_virtuemart.view-productdetails .product-description {

  padding-top: 0;

  border-top: 1px solid #e2e2e2;

}

body.com_virtuemart.view-productdetails .product-description h2 {

  transform: translateY(-1px);

}

body.com_virtuemart.view-productdetails .product-description > :not(h2) {

  max-width: 660px;

}

body.com_virtuemart.view-productdetails .customer-reviews {

  margin-top: 44px !important;

  padding-top: 28px;

  border-top: 1px solid #e2e2e2;

}

body.com_virtuemart.view-productdetails .back-to-category {

  margin-top: 28px;

}

@media (max-width: 991px) {

  body.com_virtuemart.view-productdetails .productdetails-view > .row {

    grid-template-columns: minmax(400px, 1.05fr) minmax(300px, .95fr);

    gap: 30px;

  }

  body.com_virtuemart.view-productdetails .vm-product-media-container {

    grid-template-columns: 70px minmax(0, 1fr);

    gap: 12px;

  }

  body.com_virtuemart.view-productdetails .additional-images > [class*="col-"] {

    width: 70px;

  }

  body.com_virtuemart.view-productdetails .additional-images .product-image.img-thumbnail {

    width: 70px;

    height: 84px;

  }

  body.com_virtuemart.view-productdetails .main-image {

    min-height: 500px;

    padding: 24px;

  }

  body.com_virtuemart.view-productdetails .main-image img {

    height: 452px;

  }

}

@media (max-width: 767px) {

  body.com_virtuemart.view-productdetails .wrapper-site > .breadcrumb > .container,

  body.com_virtuemart.view-productdetails .wrapper.component > .container {

    width: calc(100% - 28px);

  }

  body.com_virtuemart.view-productdetails .productdetails-view > .row {

    gap: 34px;

  }

  body.com_virtuemart.view-productdetails .vm-product-media-container {

    display: flex;

    flex-direction: column;

  }

  body.com_virtuemart.view-productdetails .main-image {

    order: 1;

    width: 100%;

    min-height: min(112vw, 590px);

  }

  body.com_virtuemart.view-productdetails .main-image img {

    height: min(100vw, 530px);

  }

  body.com_virtuemart.view-productdetails .additional-images {

    order: 2;

    flex-direction: row;

    flex-wrap: wrap;

    gap: 10px;

  }

  body.com_virtuemart.view-productdetails .vm-page-title {

    font-size: clamp(25px, 8vw, 34px);

    letter-spacing: .07em;

  }

  body.com_virtuemart.view-productdetails .product-price {

    text-align: left !important;

  }

  body.com_virtuemart.view-productdetails .addtocart-bar > .row {

    gap: 20px;

  }

  body.com_virtuemart.view-productdetails .vm-addtocart-button-col,

  body.com_virtuemart.view-productdetails .vm-modal-buttons {

    width: 100%;

  }

}



/* KOBERCIUM CART / clean white checkout final overrides — 2026-09-07 */

body.com_virtuemart.view-cart .wrapper-site > .breadcrumb{padding:32px 0 18px}

body.com_virtuemart.view-cart .wrapper-site > .breadcrumb h1{margin-bottom:10px;font-size:clamp(32px,3vw,46px);font-weight:500;letter-spacing:-.025em}

body.com_virtuemart.view-cart .container-component{padding-top:12px!important}

body.com_virtuemart.view-cart #checkoutForm{grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:clamp(34px,4.5vw,68px)}

body.com_virtuemart.view-cart #checkoutForm>.col-lg-6:first-child,body.com_virtuemart.view-cart #checkoutForm>.col-lg-6:last-of-type{padding:30px!important;border:1px solid #e3e3e3!important;background:#fff}

body.com_virtuemart.view-cart legend.userfields_info,body.com_virtuemart.view-cart .vm-checkout-shipping-userfields h2,body.com_virtuemart.view-cart .vm-checkout-shipping h2,body.com_virtuemart.view-cart .vm-checkout-payment h2{margin-bottom:20px!important;padding-bottom:12px!important;border-color:#e5e5e5!important;font-size:20px;font-weight:600}

body.com_virtuemart.view-cart .form-label{color:#222;font-weight:500}

body.com_virtuemart.view-cart .form-control,body.com_virtuemart.view-cart .form-select,body.com_virtuemart.view-cart .chosen-container .chosen-single{min-height:46px;border-color:#d7d7d7;background:#fff}

body.com_virtuemart.view-cart .vm-checkout-products::before{display:block;margin:0 0 22px;padding:0 0 12px;border-bottom:1px solid #e5e5e5;color:#111;content:"Shrnutí objednávky";font:600 20px/1.25 Arial,Helvetica,sans-serif}

body.com_virtuemart.view-cart .vm-checkout-products>.row{margin-bottom:20px!important;padding-bottom:20px;border-color:#e5e5e5}

body.com_virtuemart.view-cart .cart-images{background:#f7f7f7}

body.com_virtuemart.view-cart .cart-images img{aspect-ratio:1/1;object-fit:contain}

body.com_virtuemart.view-cart .vm-cart-item-name a{font-size:14px;font-weight:600}

body.com_virtuemart.view-cart .vm-checkout-subtotals{margin-bottom:22px!important;padding:18px 0!important;border-top:1px solid #dedede;border-bottom:1px solid #dedede;background:#fff!important}

body.com_virtuemart.view-cart .vm-checkout-subtotals .PricebillTotal{font-size:20px}

body.com_virtuemart.view-cart #checkoutFormSubmit{min-height:54px;border-radius:0!important;background:#111!important;font-size:15px;letter-spacing:.02em}

body.com_virtuemart.view-cart #checkoutFormSubmit:hover,body.com_virtuemart.view-cart #checkoutFormSubmit:focus{background:#333!important}

@media(max-width:991px){body.com_virtuemart.view-cart #checkoutForm>.col-lg-6:first-child,body.com_virtuemart.view-cart #checkoutForm>.col-lg-6:last-of-type{padding:24px!important}}

@media(max-width:575px){body.com_virtuemart.view-cart #checkoutForm>.col-lg-6:first-child,body.com_virtuemart.view-cart #checkoutForm>.col-lg-6:last-of-type{padding:18px!important}body.com_virtuemart.view-cart .vm-checkout-register-userfields fieldset.pb-3{grid-template-columns:1fr}}



/* KOBERCIUM HEADER DRAWERS / COP behaviour, monochrome skin — 2026-09-07 */

#kobercium-header .kb-cart[open]::before,

#kobercium-header .kb-user[open]::before{background:rgba(0,0,0,.18)}

#kobercium-header .kb-cart-panel,

#kobercium-header .kb-user-panel{width:min(400px,100vw);border-left:1px solid #ddd;background:#fff;box-shadow:-12px 0 36px rgba(0,0,0,.14)}

#kobercium-header .kb-cart-panel .kb-panel-title,

#kobercium-header .kb-user-panel .kb-panel-title{min-height:70px;padding:0 58px 0 20px;border-bottom:1px solid #ddd;font-size:18px;font-weight:700}

#kobercium-header .kb-cart-panel .kb-close,

#kobercium-header .kb-user-panel .kb-close{top:14px;right:14px;width:42px;height:42px;border:0;border-radius:0;background:#fff;color:#666;font-size:27px}

#kobercium-header .kb-cart-content .product_row{grid-template-columns:24px 14px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 4px;min-height:0;padding:20px 14px}

#kobercium-header .kb-cart-content .quantity{grid-area:1/1;padding-top:2px;color:#666;font-variant-numeric:tabular-nums}

#kobercium-header .kb-cart-content .product_name{grid-area:1/3;padding-right:12px;line-height:1.42;overflow-wrap:anywhere}

#kobercium-header .kb-cart-content .product_name a{color:#171717;font-weight:700}

#kobercium-header .kb-cart-content .subtotal_with_tax{grid-area:1/4;padding-top:2px;color:#171717;font-variant-numeric:tabular-nums}

#kobercium-header .kb-cart-content .customProductData{grid-area:2/3/auto/5;color:#666;font-size:13px;line-height:1.5}

#kobercium-header .kb-cart-content .total{display:flex;justify-content:space-between;align-items:center;padding:18px 14px;border-color:#ddd;font-size:17px;text-align:left}

#kobercium-header .kb-cart-content .total_products{padding:10px 14px;color:#666}

#kobercium-header .kb-cart-content .show_cart{padding:20px 14px 8px}

#kobercium-header .kb-cart-content .show_cart a,

#kobercium-header .kb-cart-panel>.kb-button{min-height:50px;border:1px solid #111;border-radius:0;background:#111;color:#fff;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.04em}

#kobercium-header .kb-user-content{flex:1 1 auto;min-height:0;padding:24px 20px;overflow-y:auto}

#kobercium-header .kb-user-content .mod-login__username,

#kobercium-header .kb-user-content .mod-login__password{display:block;margin:0 0 18px}

#kobercium-header .kb-user-content label{display:block;margin:0 0 8px;color:#555;font-size:13px;font-weight:400}

#kobercium-header .kb-user-content input[type=text],

#kobercium-header .kb-user-content input[type=password]{width:100%;height:46px;padding:10px 12px;border:1px solid #cfd5dc;border-radius:0;background:#fff;color:#111;box-shadow:none}

#kobercium-header .kb-user-content button[type=submit]{width:100%;min-height:50px;margin-top:8px;border:1px solid #111;border-radius:0;background:#111;color:#fff;text-transform:uppercase;font-weight:700}

#kobercium-header .kb-user-content ul{margin:18px 0 0;padding:0;list-style:none}

#kobercium-header .kb-user-content a{color:#222;text-decoration:underline;text-underline-offset:3px}

#kobercium-header .kb-user-panel{position:fixed;z-index:999;inset:0 0 0 auto;height:100dvh;max-height:none;padding:0;display:flex;flex-direction:column;overflow:hidden;animation:kb-cart-in .24s ease-out}

#kobercium-header .kb-user[open]::before{content:"";position:fixed;inset:0;z-index:998}

body:has(#kobercium-header .kb-user[open]),body:has(#kobercium-header .kb-cart[open]){overflow:hidden}

#kobercium-header .kb-user-content .mod-login__remember label{display:inline-flex;align-items:center;gap:8px}

#kobercium-header .kb-user-content .mod-login__remember input{width:auto}

@media(prefers-reduced-motion:reduce){#kobercium-header .kb-user-panel{animation:none}}

@media(max-width:560px){#kobercium-header .kb-cart-panel,#kobercium-header .kb-user-panel{width:100vw}#kobercium-header .kb-cart-panel>.kb-button{margin:14px 14px 18px}}



/* KOBERCIUM HOMEPAGE + BLOG CARDS — 2026-09-07 */

.kb-home .kb-eyebrow,.kb-blog-article .kb-eyebrow{margin:0 0 10px;color:#666;font-size:12px;font-weight:700;letter-spacing:.12em}

.kb-home .kb-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}

.kb-home .kb-image-card{position:relative;display:block;min-height:430px;overflow:hidden;background:#eee;color:#fff;text-decoration:none}

.kb-home .kb-image-card img{width:100%;height:100%;min-height:430px;object-fit:cover;transition:transform .45s ease}

.kb-home .kb-image-card::after{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.68));content:""}

.kb-home .kb-image-card>span{position:absolute;z-index:1;right:24px;bottom:24px;left:24px;display:flex;flex-direction:column;gap:6px}

.kb-home .kb-image-card strong{font-size:clamp(22px,2vw,30px);line-height:1.1}

.kb-home .kb-image-card small{font-size:14px}

.kb-home .kb-image-card:hover img,.kb-home .kb-image-card:focus img{transform:scale(1.025)}

.kb-home .kb-story-card{border:1px solid #e2e2e2;background:#fff}

.kb-home .kb-story-card>a{display:block;overflow:hidden}

.kb-home .kb-story-card img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .4s ease}

.kb-home .kb-story-card:hover img{transform:scale(1.025)}

.kb-home .kb-story-card>div{padding:24px}

.kb-home .kb-story-card h3{margin:0 0 12px;font-size:22px;line-height:1.25}

.kb-home .kb-story-card h3 a,.kb-home .kb-text-link{color:#111;text-decoration:none}

.kb-home .kb-text-link{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}

.kb-blog-article{max-width:900px;margin:0 auto;padding-bottom:60px;color:#222;font-size:17px;line-height:1.75}

.kb-blog-article .kb-article-lead{margin-bottom:30px;font-size:21px;line-height:1.55}

.kb-blog-article .kb-article-hero{display:block;width:100%;height:auto;margin:0 0 42px;aspect-ratio:3/2;object-fit:cover}

.kb-blog-article h2{margin:42px 0 14px;font-size:30px;line-height:1.2}

.kb-blog-article li+li{margin-top:8px}

@media(max-width:900px){.kb-home .kb-image-card{min-height:330px}.kb-home .kb-image-card img{min-height:330px}}

@media(max-width:767px){.kb-home .kb-card-grid{grid-template-columns:1fr;gap:18px}.kb-home .kb-image-card{min-height:360px}.kb-home .kb-image-card img{min-height:360px}.kb-blog-article{font-size:16px}.kb-blog-article .kb-article-lead{font-size:19px}.kb-blog-article h2{font-size:26px}}

@media(prefers-reduced-motion:reduce){.kb-home .kb-image-card img,.kb-home .kb-story-card img{transition:none}}



/* Product detail: filters belong on category listings only. */

body.com_virtuemart.view-productdetails .service-sidebar{display:none!important}



/* KOBERCIUM TRUST STRIP + MINIMAL BREADCRUMBS — 2026-09-07 */

#kobercium-header .kb-topbar{display:block;grid-template-columns:none;background:#f4f0e9;color:#111;border-bottom:1px solid #ebe7e1}

#kobercium-header .kb-topbar>div{padding:0!important;background:transparent!important;color:inherit!important}

#kobercium-header .kb-topbar>div:empty{display:none}

#kobercium-header .kb-trust-strip{width:min(920px,100%);min-height:40px;margin:0 auto;padding:8px 24px;display:grid;grid-template-columns:repeat(3,auto);justify-content:center;align-items:center;gap:clamp(32px,6vw,86px)}

#kobercium-header .kb-trust-item{display:flex;align-items:center;justify-content:center;gap:9px;color:#111;font:400 13px/1.2 Arial,Helvetica,sans-serif;white-space:nowrap}

#kobercium-header .kb-trust-item svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}

#kobercium-header .kb-trust-item:before{content:"";width:20px;height:20px;flex:0 0 20px;background-position:center;background-repeat:no-repeat;background-size:contain}

#kobercium-header .kb-trust-item:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3zM14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='7' cy='18' r='1.7'/%3E%3Ccircle cx='18' cy='18' r='1.7'/%3E%3C/svg%3E")}

#kobercium-header .kb-trust-item:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16v12H4zM8 7V4h8v3M9 12h6'/%3E%3C/svg%3E")}

#kobercium-header .kb-trust-item:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v5c0 5 3.4 8.2 8 10 4.6-1.8 8-5 8-10V6z'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E")}

.wrapper-site>.breadcrumb .mod-breadcrumbs__here{display:none!important}

.wrapper-site>.breadcrumb .breadcrumbs .breadcrumb{min-height:24px;margin:0!important;padding:0!important;display:flex;align-items:center;justify-content:flex-start!important;flex-wrap:wrap;gap:0;background:transparent;color:#111;font:400 13px/1.5 Arial,Helvetica,sans-serif}

.wrapper-site>.breadcrumb .breadcrumbs .breadcrumb-item{padding:0!important;color:#111}

.wrapper-site>.breadcrumb .breadcrumbs .breadcrumb-item+.breadcrumb-item:before{content:"›"!important;float:none;padding:0 10px;color:#8a8a8a}

.wrapper-site>.breadcrumb .breadcrumbs .breadcrumb-item a{color:#111;text-decoration:none}

.wrapper-site>.breadcrumb .breadcrumbs .breadcrumb-item a:hover{text-decoration:underline;text-underline-offset:3px}

.wrapper-site>.breadcrumb .breadcrumbs .mod-breadcrumbs__here+.mod-breadcrumbs__item a span{font-size:0}

.wrapper-site>.breadcrumb .breadcrumbs .mod-breadcrumbs__here+.mod-breadcrumbs__item a:after{content:"Domů";font-size:13px}

body.com_virtuemart.view-productdetails .wrapper-site>.breadcrumb{padding:14px 0 12px}

@media(max-width:620px){#kobercium-header .kb-trust-strip{width:100%;padding:7px 10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}#kobercium-header .kb-trust-item{gap:5px;font-size:10.5px;line-height:1.1;white-space:normal;text-align:center}#kobercium-header .kb-trust-item svg,#kobercium-header .kb-trust-item:before{width:17px;height:17px;flex-basis:17px}.wrapper-site>.breadcrumb .breadcrumbs .breadcrumb{font-size:12px}.wrapper-site>.breadcrumb .breadcrumbs .mod-breadcrumbs__here+.mod-breadcrumbs__item a:after{font-size:12px}.wrapper-site>.breadcrumb .breadcrumbs .breadcrumb-item+.breadcrumb-item:before{padding:0 7px}}



/* KOBERCIUM SITE FOOTER — 2026-09-07 */

#footer.main-footer{margin:70px 0 0;background:#f1f1f1!important;color:#222!important;border:0}

#footer.main-footer .footer-inner{padding:0!important;background:transparent!important}

#footer.main-footer .container,#footer.main-footer .container-fluid{max-width:none!important;padding:0!important}

#footer.main-footer .row{margin:0!important}

#footer.main-footer .footer-links{padding:0!important;margin:0!important}

#footer.main-footer .footer-links>div,#footer.main-footer .footer-links .mod-custom{margin:0!important;padding:0!important}

#footer.main-footer .kb-site-footer{max-width:1440px;margin:0 auto;padding:38px 42px 44px;color:#222;font:400 15px/1.55 Arial,Helvetica,sans-serif}

#footer.main-footer .kb-footer-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1fr .8fr;gap:clamp(34px,6vw,100px)}

#footer.main-footer .kb-footer-column h2{position:relative;margin:0 0 18px;padding:0 0 8px;color:#666!important;font:700 19px/1.2 Arial,Helvetica,sans-serif}

#footer.main-footer .kb-footer-column h2:after{position:absolute;left:0;bottom:0;width:40px;height:2px;background:#bdbdbd;content:""}

#footer.main-footer .kb-footer-column p{margin:0 0 10px;color:#222}

#footer.main-footer .kb-footer-company{font-weight:700;letter-spacing:.04em}

#footer.main-footer .kb-footer-contact strong{font-weight:700}

#footer.main-footer .kb-footer-nav{margin:0;padding:0;list-style:none}

#footer.main-footer .kb-footer-nav li+li{margin-top:5px}

#footer.main-footer .kb-footer-account li{position:relative;padding-left:15px}

#footer.main-footer .kb-footer-account li:before{position:absolute;left:1px;top:.68em;width:4px;height:4px;background:#222;content:""}

#footer.main-footer .kb-site-footer a{color:#666!important;text-decoration:none}

#footer.main-footer .kb-site-footer a:hover{color:#111!important;text-decoration:underline;text-underline-offset:3px}

#footer.main-footer .kb-footer-contact a{color:#a00!important}

#footer.main-footer .kb-instagram{display:inline-flex;align-items:center;gap:8px;font-weight:600}

#footer.main-footer .kb-instagram:before{display:grid;width:26px;height:26px;place-items:center;border:2px solid #222;border-radius:7px;color:#222;font:700 19px/1 Arial,Helvetica,sans-serif;content:"◎"}

#footer.main-footer .footer-copyright{display:none!important}

@media(max-width:900px){#footer.main-footer .kb-site-footer{padding:34px 28px 40px}#footer.main-footer .kb-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 50px}}

@media(max-width:560px){#footer.main-footer{margin-top:48px}#footer.main-footer .kb-site-footer{padding:30px 22px 36px}#footer.main-footer .kb-footer-grid{grid-template-columns:1fr;gap:30px}#footer.main-footer .kb-footer-column h2{margin-bottom:14px}}



/* KOBERCIUM HOMEPAGE HERO — 2026-09-07 */

body.kb-homepage .page-header-box,body.kb-homepage .wrapper-site>.breadcrumb{display:none!important}

body.kb-homepage .wrapper-site{padding-top:0!important}

body.kb-homepage .bd_results{margin-top:0!important;padding-top:0!important}

body.kb-homepage .kb-home:first-child{max-width:none;margin:0}

.kb-home .kb-home-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);min-height:560px;margin:0 0 18px;background:#f4f0e9;overflow:hidden}

.kb-home .kb-home-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(44px,7vw,96px)}

.kb-home .kb-home-hero .kb-eyebrow{margin:0 0 18px;color:#555;font:700 12px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.12em}

.kb-home .kb-home-hero h1{max-width:640px;margin:0;color:#111;font:500 clamp(42px,5vw,72px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.025em}

.kb-home .kb-home-hero-lead{max-width:590px;margin:24px 0 0;color:#444;font-size:18px;line-height:1.65}

.kb-home .kb-home-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:30px}

.kb-home .kb-home-hero-actions a{display:inline-flex;min-height:48px;padding:12px 23px;align-items:center;justify-content:center;border:1px solid #111;color:#111;text-decoration:none;font-size:14px;font-weight:700;transition:background .2s,color .2s}

.kb-home .kb-home-hero-actions .kb-primary-link{background:#111;color:#fff}

.kb-home .kb-home-hero-actions .kb-primary-link:hover{background:#333;border-color:#333}

.kb-home .kb-home-hero-actions .kb-secondary-link:hover{background:#fff}

.kb-home .kb-home-hero-points{display:flex;flex-wrap:wrap;gap:10px 24px;margin:25px 0 0;padding:0;list-style:none;color:#555;font-size:13px}

.kb-home .kb-home-hero-points li:before{margin-right:7px;color:#111;content:'✓'}

.kb-home .kb-home-hero-media{position:relative;display:block;min-height:560px;overflow:hidden;background:#ddd;color:#fff;text-decoration:none}

.kb-home .kb-home-hero-media:after{position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.62));content:''}

.kb-home .kb-home-hero-media img{display:block;width:100%;height:100%;min-height:560px;object-fit:cover;transition:transform .6s ease}

.kb-home .kb-home-hero-media:hover img{transform:scale(1.02)}

.kb-home .kb-home-hero-media>span{position:absolute;z-index:1;right:34px;bottom:32px;left:34px;display:flex;flex-direction:column;gap:4px;color:#fff}

.kb-home .kb-home-hero-media strong{font:500 28px/1.15 Georgia,'Times New Roman',serif}

.kb-home .kb-home-hero-media small{font:400 14px/1.4 Arial,Helvetica,sans-serif}

.kb-home .kb-home-hero+.kb-home-categories{padding-top:46px!important}

@media(max-width:980px){.kb-home .kb-home-hero{grid-template-columns:1fr 1fr;min-height:500px}.kb-home .kb-home-hero-copy{padding:48px 36px}.kb-home .kb-home-hero-media,.kb-home .kb-home-hero-media img{min-height:500px}}

@media(max-width:767px){.kb-home .kb-home-hero{grid-template-columns:1fr;min-height:0}.kb-home .kb-home-hero-copy{padding:42px 24px}.kb-home .kb-home-hero h1{font-size:42px}.kb-home .kb-home-hero-lead{font-size:16px}.kb-home .kb-home-hero-media,.kb-home .kb-home-hero-media img{min-height:360px}.kb-home .kb-home-hero-media>span{right:22px;bottom:22px;left:22px}.kb-home .kb-home-hero+.kb-home-categories{padding-top:34px!important}}

@media(prefers-reduced-motion:reduce){.kb-home .kb-home-hero-media img{transition:none}}



/* KOBERCIUM HOMEPAGE EDITORIAL SECTIONS + UNIQUE BLOG IMAGES — 2026-09-07 */

body.kb-homepage .kb-home:first-child>section:nth-of-type(3),body.kb-homepage .kb-home:first-child>section:nth-of-type(4),body.kb-homepage .kb-home:first-child>section:nth-of-type(5){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:520px;margin:0 auto!important;padding:0!important;overflow:hidden}body.kb-homepage .kb-home:first-child>section:nth-of-type(3){background:#f4f0e9}body.kb-homepage .kb-home:first-child>section:nth-of-type(4){background:#ece5db}body.kb-homepage .kb-home:first-child>section:nth-of-type(5){background:#f7f3ed}body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.container,body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.container,body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>.container{width:100%;max-width:720px;margin:0!important;padding:clamp(48px,6vw,92px)!important;align-self:center}body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.container,body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>.container{grid-column:1;justify-self:end}body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.container{grid-column:2;justify-self:start}body.kb-homepage .kb-home:first-child>section:nth-of-type(3):after,body.kb-homepage .kb-home:first-child>section:nth-of-type(5):after,body.kb-homepage .kb-home:first-child>section:nth-of-type(4):before{content:"";display:block;min-height:520px;background-position:center;background-repeat:no-repeat;background-size:cover}body.kb-homepage .kb-home:first-child>section:nth-of-type(3):after{grid-column:2;grid-row:1;background-image:url('/images/kobercium/homepage/loznice.webp')}body.kb-homepage .kb-home:first-child>section:nth-of-type(4):before{grid-column:1;grid-row:1;background-image:url('/images/kobercium/homepage/jidelna.webp')}body.kb-homepage .kb-home:first-child>section:nth-of-type(5):after{grid-column:2;grid-row:1;background-image:url('/images/kobercium/homepage/obyvaci-pokoj.webp')}body.kb-homepage .kb-home:first-child>section:nth-of-type(n+3) h2{margin-top:0;color:#171512;font:500 clamp(34px,3.6vw,52px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.02em}body.kb-homepage .kb-home:first-child>section:nth-of-type(n+3) h3{color:#24211d}body.kb-homepage .kb-home:first-child>section:nth-of-type(n+3) p,body.kb-homepage .kb-home:first-child>section:nth-of-type(n+3) li{color:#57514a;line-height:1.7}body.kb-homepage .kb-home:first-child>section:nth-of-type(6){margin:0!important;padding:72px 24px!important;background:#f4f0e9;border:0!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>.container{max-width:1200px}body.kb-homepage .kb-home:first-child>section:nth-of-type(6) .row{row-gap:22px}body.kb-homepage .kb-home:first-child>section:nth-of-type(6) [class*='col-']{padding:24px;background:#fff;border:10px solid #f4f0e9}body.kb-homepage .kb-home:first-child>section:nth-of-type(7){margin:0!important;padding:72px 24px!important;background:#fff;border:0!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>.container{max-width:960px}body.kb-homepage .kb-home:first-child>section:nth-of-type(7) h3{margin-top:28px;padding-top:24px;border-top:1px solid #ded8cf;font:500 24px/1.3 Georgia,'Times New Roman',serif}body.kb-homepage .kb-home:first-child>section:nth-of-type(8){margin:0!important;padding:78px 24px!important;background:#ece5db;border:0!important;text-align:center}body.kb-homepage .kb-home:first-child>section:nth-of-type(8)>.container{max-width:900px}body.kb-homepage .kb-home-added .kb-home-blog{padding-top:72px!important;padding-bottom:72px!important;background:#fbfaf8}body.kb-homepage .kb-home-blog .kb-card-grid>.kb-story-card:nth-child(1) img{content:url('/images/kobercium/homepage/blog-obyvaci-pokoj.webp')}body.kb-homepage .kb-home-blog .kb-card-grid>.kb-story-card:nth-child(2) img{content:url('/images/kobercium/homepage/blog-velikost-koberce.webp')}body.kb-homepage .kb-home-blog .kb-card-grid>.kb-story-card:nth-child(3) img{content:url('/images/kobercium/homepage/blog-pece-o-koberec.webp')}body.kb-homepage .kb-home-blog .kb-story-card img{aspect-ratio:3/4;object-position:center;object-fit:cover}@media(max-width:767px){body.kb-homepage .kb-home:first-child>section:nth-of-type(3),body.kb-homepage .kb-home:first-child>section:nth-of-type(4),body.kb-homepage .kb-home:first-child>section:nth-of-type(5){grid-template-columns:1fr;min-height:0}body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.container,body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.container,body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>.container{grid-column:1;grid-row:auto;max-width:none;padding:44px 24px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(3):after,body.kb-homepage .kb-home:first-child>section:nth-of-type(4):before,body.kb-homepage .kb-home:first-child>section:nth-of-type(5):after{grid-column:1;grid-row:auto;min-height:330px}body.kb-homepage .kb-home:first-child>section:nth-of-type(4):before{order:2}body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.container{order:1}body.kb-homepage .kb-home:first-child>section:nth-of-type(6),body.kb-homepage .kb-home:first-child>section:nth-of-type(7),body.kb-homepage .kb-home:first-child>section:nth-of-type(8){padding:52px 18px!important}body.kb-homepage .kb-home-added .kb-home-blog{padding-top:52px!important;padding-bottom:52px!important}body.kb-homepage .kb-home-blog .kb-story-card img{aspect-ratio:4/5}}



/* KOBERCIUM FOOTER COMPACT SPACING + MONOCHROME LINKS — 2026-09-07 */

#footer.main-footer{margin-top:24px!important}#footer.main-footer .kb-site-footer{padding-top:28px!important;padding-bottom:34px!important}#footer.main-footer .kb-site-footer a,#footer.main-footer .kb-footer-contact a{color:#111!important}#footer.main-footer .kb-site-footer a:hover{color:#000!important}@media(max-width:560px){#footer.main-footer{margin-top:18px!important}#footer.main-footer .kb-site-footer{padding-top:25px!important;padding-bottom:30px!important}}



/* KOBERCIUM SMOOTH SIDE DRAWERS — 2026-09-07 */

html{scrollbar-gutter:stable}

#kobercium-header .kb-cart-panel,#kobercium-header .kb-user-panel,.kb-filter-drawer[open]>.kb-filter-panel{animation:kb-drawer-smooth-in .44s cubic-bezier(.22,1,.36,1) both!important;backface-visibility:hidden;will-change:transform,opacity}

#kobercium-header .kb-cart[open]::before,#kobercium-header .kb-user[open]::before,.kb-filter-drawer[open]>.kb-filter-overlay{animation:kb-drawer-overlay-in .34s ease-out both!important}

@keyframes kb-drawer-smooth-in{from{opacity:.72;transform:translate3d(102%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}

@keyframes kb-drawer-overlay-in{from{opacity:0}to{opacity:1}}

@media(prefers-reduced-motion:reduce){#kobercium-header .kb-cart-panel,#kobercium-header .kb-user-panel,.kb-filter-drawer[open]>.kb-filter-panel,#kobercium-header .kb-cart[open]::before,#kobercium-header .kb-user[open]::before,.kb-filter-drawer[open]>.kb-filter-overlay{animation:none!important}}



/* KOBERCIUM LEFT FILTER DRAWER + SORT ROW ALIGNMENT — 2026-09-07 */

body.com_virtuemart.view-category .orderby-displaynumber .vm-order-list.row{align-items:flex-end!important}

body.com_virtuemart.view-category .kb-filter-drawer{align-self:flex-end!important;margin:0 0 0 12px!important}

body.com_virtuemart.view-category .kb-filter-drawer>summary{height:42px!important;min-height:42px!important;padding-top:7px!important;padding-bottom:7px!important}

.kb-filter-panel{right:auto!important;left:0!important;border-right:1px solid #ddd;border-left:0;box-shadow:14px 0 38px rgba(0,0,0,.17)!important}

.kb-filter-drawer[open]>.kb-filter-panel{animation:kb-filter-smooth-in .44s cubic-bezier(.22,1,.36,1) both!important}

@keyframes kb-filter-smooth-in{from{opacity:.72;transform:translate3d(-102%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}



/* KOBERCIUM COMPACT HOMEPAGE HERO SLIDER — 2026-09-08 */

body.kb-homepage .kb-home .kb-home-hero{height:clamp(430px,42vw,560px);min-height:0}body.kb-homepage .kb-home .kb-home-hero-copy{min-width:0;padding:clamp(32px,4vw,56px)}body.kb-homepage .kb-home .kb-home-hero h1{font-size:clamp(38px,4.2vw,58px);line-height:1.02}body.kb-homepage .kb-home .kb-home-hero-lead{margin-top:17px;font-size:16px;line-height:1.52}body.kb-homepage .kb-home .kb-home-hero-actions{margin-top:22px}body.kb-homepage .kb-home .kb-home-hero-points{margin-top:18px}.kb-home-hero-slider{position:relative;min-width:0;height:100%;min-height:0;overflow:hidden;background:#d9d5ce}.kb-hero-slides{position:absolute;inset:0}.kb-hero-slide{position:absolute;inset:0;display:block;overflow:hidden;color:#fff;text-decoration:none;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.015);transition:opacity .68s ease,visibility 0s linear .68s,transform 5.8s ease-out}.kb-hero-slide.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition:opacity .68s ease,visibility 0s,transform 5.8s ease-out}.kb-hero-slide:after{position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.68));content:''}.kb-hero-slide img{display:block;width:100%;height:100%;object-fit:cover}.kb-hero-slide>span{position:absolute;z-index:2;right:32px;bottom:29px;left:32px;display:flex;flex-direction:column;gap:4px;padding-right:150px}.kb-hero-slide strong{font:500 28px/1.12 Georgia,'Times New Roman',serif}.kb-hero-slide small{font:400 14px/1.4 Arial,Helvetica,sans-serif}.kb-hero-controls{position:absolute;z-index:3;right:25px;bottom:25px;display:flex;align-items:center;gap:9px}.kb-hero-prev,.kb-hero-next{display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(255,255,255,.94);color:#111;font:300 25px/1 Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}.kb-hero-prev:hover,.kb-hero-next:hover{border-color:#fff;background:#fff}.kb-hero-dots{display:flex;align-items:center;gap:6px}.kb-hero-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.52);cursor:pointer;transition:width .25s,background .25s}.kb-hero-dot.is-active{width:22px;border-radius:8px;background:#fff}@media(max-width:980px){body.kb-homepage .kb-home .kb-home-hero{height:500px}body.kb-homepage .kb-home .kb-home-hero-copy{padding:34px 30px}}@media(max-width:767px){body.kb-homepage .kb-home .kb-home-hero{height:auto}body.kb-homepage .kb-home .kb-home-hero-copy{padding:34px 24px}body.kb-homepage .kb-home .kb-home-hero h1{font-size:38px}.kb-home-hero-slider{height:min(68vw,390px);min-height:330px}.kb-hero-slide>span{right:20px;bottom:68px;left:20px;padding-right:0}.kb-hero-controls{right:auto;bottom:20px;left:20px}}@media(prefers-reduced-motion:reduce){.kb-hero-slide,.kb-hero-slide.is-active{transform:none;transition:opacity .2s ease,visibility 0s}}



/* KOBERCIUM PRODUCT GALLERY CAROUSEL + TAX/DISCOUNT PRICES — 2026-09-07 */

body.com_virtuemart.view-productdetails .vm-product-media-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:14px}

body.com_virtuemart.view-productdetails .main-image{grid-column:1;grid-row:1;width:100%}

body.com_virtuemart.view-productdetails .kb-thumb-carousel{grid-column:1;grid-row:2;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:center;width:100%;margin-top:2px}

body.com_virtuemart.view-productdetails .kb-thumb-viewport{min-width:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}

body.com_virtuemart.view-productdetails .kb-thumb-viewport::-webkit-scrollbar{display:none}

body.com_virtuemart.view-productdetails .kb-thumb-viewport .additional-images{display:flex!important;grid-column:auto;grid-row:auto;width:max-content;max-width:none;margin:0!important;gap:10px;flex-flow:row nowrap!important}

body.com_virtuemart.view-productdetails .kb-thumb-viewport .additional-images>[class*='col-']{flex:0 0 88px;width:88px;padding:0;scroll-snap-align:start}

body.com_virtuemart.view-productdetails .kb-thumb-viewport .additional-images .product-image.img-thumbnail{width:88px;height:104px;padding:6px;border:1px solid transparent;background:#f6f6f6;object-fit:contain}

body.com_virtuemart.view-productdetails .kb-thumb-viewport .additional-images>[class*='col-']:first-child .product-image.img-thumbnail{border-color:#222}

body.com_virtuemart.view-productdetails .kb-thumb-arrow{display:grid;width:42px;height:50px;padding:0;place-items:center;border:1px solid #d7d7d7;background:#fff;color:#111;font:300 30px/1 Arial,sans-serif;cursor:pointer}

body.com_virtuemart.view-productdetails .kb-thumb-arrow:hover:not(:disabled){border-color:#111}

body.com_virtuemart.view-productdetails .kb-thumb-arrow:disabled{opacity:.25;cursor:default}

body.com_virtuemart.view-productdetails .vm-product-media-container:not(:has(.additional-images)) .main-image{grid-column:1;width:100%}

body.com_virtuemart.view-productdetails .kb-product-prices{display:flex!important;flex-direction:column;align-items:flex-start;gap:9px;margin:6px 0 25px!important;text-align:left!important}

body.com_virtuemart.view-productdetails .kb-price-saving{display:flex;align-items:center;gap:12px;margin-bottom:1px}

body.com_virtuemart.view-productdetails .kb-price-old{color:#777;font-size:16px;font-weight:400;text-decoration:line-through;text-decoration-thickness:1px}

body.com_virtuemart.view-productdetails .kb-price-discount{display:inline-flex;min-height:27px;padding:4px 9px;align-items:center;background:#111;color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em}

body.com_virtuemart.view-productdetails .kb-price-line{display:grid;grid-template-columns:112px auto;gap:12px;align-items:baseline}

body.com_virtuemart.view-productdetails .kb-price-label{color:#555;font-size:13px;font-weight:400}

body.com_virtuemart.view-productdetails .kb-price-line-gross strong.PricesalesPrice{color:#111;font:700 clamp(27px,2.3vw,35px)/1.1 Arial,Helvetica,sans-serif}

body.com_virtuemart.view-productdetails .kb-price-line-net strong.PricepriceWithoutTax{color:#555;font:500 17px/1.2 Arial,Helvetica,sans-serif}

@media(max-width:767px){body.com_virtuemart.view-productdetails .kb-thumb-carousel{grid-template-columns:36px minmax(0,1fr) 36px;gap:6px}body.com_virtuemart.view-productdetails .kb-thumb-arrow{width:36px;height:46px}body.com_virtuemart.view-productdetails .kb-thumb-viewport .additional-images>[class*='col-']{flex-basis:72px;width:72px}body.com_virtuemart.view-productdetails .kb-thumb-viewport .additional-images .product-image.img-thumbnail{width:72px;height:88px}body.com_virtuemart.view-productdetails .kb-price-line{grid-template-columns:104px auto}}

@media(prefers-reduced-motion:reduce){body.com_virtuemart.view-productdetails .kb-thumb-viewport{scroll-behavior:auto}}



/* KOBERCIUM HOMEPAGE ROOM GUIDE ALIGNMENT — 2026-09-08 */

body.kb-homepage .kb-home:first-child>section:nth-of-type(3){display:grid!important;grid-template-columns:minmax(320px,.82fr) minmax(480px,1.18fr)!important;grid-template-rows:auto auto auto!important;min-height:0!important;margin:0 auto!important;padding:0!important;align-items:stretch;background:#f4f0e9}

body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>h2{grid-column:1;grid-row:1;align-self:end;margin:0!important;padding:clamp(54px,6vw,86px) clamp(38px,5vw,74px) 16px!important;color:#171512;font:500 clamp(40px,3.7vw,58px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.025em}

body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>p{grid-column:1;grid-row:2;align-self:start;max-width:680px;margin:0!important;padding:0 clamp(38px,5vw,74px) clamp(54px,6vw,82px)!important;color:#57514a;font-size:17px;line-height:1.65}

body.kb-homepage .kb-home:first-child>section:nth-of-type(3):after{grid-column:2!important;grid-row:1/3!important;min-height:430px!important;background-image:url('/images/kobercium/homepage/mistnosti-mozaika.webp?v=2')!important;background-position:center!important;background-size:cover!important}

body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row{grid-column:1/-1;grid-row:3;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:0!important;margin:0!important;border-top:1px solid #ded7cd;background:#faf8f4}

body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row>[class*='col-']{width:auto!important;max-width:none!important;margin-top:0!important;padding:30px clamp(26px,3vw,44px)!important;border-right:1px solid #e2dcd3;border-bottom:1px solid #e2dcd3;background:transparent}

body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row>[class*='col-']:nth-child(3n){border-right:0}

body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row>div:nth-last-child(-n+3){border-bottom:0}

body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row h3{margin:0 0 10px!important;color:#171512;font:600 19px/1.25 Arial,Helvetica,sans-serif}

body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row h3 a{color:#171512!important;text-decoration:none}

body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row h3 a:hover{text-decoration:underline;text-underline-offset:4px}

body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row p{margin:0!important;color:#615b53;font-size:15px;line-height:1.58}

@media(max-width:980px){body.kb-homepage .kb-home:first-child>section:nth-of-type(3){grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>h2{grid-column:1;grid-row:1;padding:48px 32px 14px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>p{grid-column:1;grid-row:2;padding:0 32px 42px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(3):after{grid-column:1!important;grid-row:3!important;min-height:420px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row{grid-column:1;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr))}body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row>[class*='col-']:nth-child(3n){border-right:1px solid #e2dcd3}body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row>[class*='col-']:nth-child(2n){border-right:0}body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row>div:nth-last-child(-n+3){border-bottom:1px solid #e2dcd3}body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row>div:nth-last-child(-n+2){border-bottom:0}}

@media(max-width:600px){body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>h2{padding:42px 22px 12px!important;font-size:38px}body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>p{padding:0 22px 34px!important;font-size:16px}body.kb-homepage .kb-home:first-child>section:nth-of-type(3):after{min-height:310px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row{grid-template-columns:1fr}body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row>[class*='col-']{padding:24px 22px!important;border-right:0!important;border-bottom:1px solid #e2dcd3!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(3)>.row>[class*='col-']:last-child{border-bottom:0!important}}



/* KOBERCIUM COMPACT PRODUCT QUANTITY CONTROL — 2026-09-08 */

body.com_virtuemart.view-productdetails .addtocart-bar>.row>.col-auto{width:126px!important;max-width:126px!important;flex:0 0 126px!important}

body.com_virtuemart.view-productdetails .quantity-box{width:126px!important;max-width:126px!important;height:46px!important}

body.com_virtuemart.view-productdetails .quantity-box .quantity-controls{width:43px!important;max-width:43px!important;height:44px!important;flex:0 0 43px!important;padding:0!important}

body.com_virtuemart.view-productdetails .quantity-box .quantity-controls svg{width:20px;height:20px}

body.com_virtuemart.view-productdetails .quantity-box .quantity-input{width:38px!important;max-width:38px!important;height:44px!important;flex:0 0 38px!important;padding:0!important}



/* KOBERCIUM HOMEPAGE SIZE GUIDE ALIGNMENT — 2026-09-08 */

body.kb-homepage .kb-home:first-child>section:nth-of-type(4){display:grid!important;grid-template-columns:minmax(480px,1.18fr) minmax(320px,.82fr)!important;grid-template-rows:auto auto auto!important;min-height:0!important;margin:0 auto!important;padding:0!important;align-items:stretch;border:0!important;background:#ece5db}

body.kb-homepage .kb-home:first-child>section:nth-of-type(4):before{grid-column:1!important;grid-row:1/3!important;min-height:430px!important;background-image:url('/images/kobercium/homepage/jidelna.webp')!important;background-position:center!important;background-size:cover!important}

body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>h2{grid-column:2;grid-row:1;align-self:end;margin:0!important;padding:clamp(54px,6vw,86px) clamp(38px,5vw,74px) 16px!important;color:#171512;font:500 clamp(40px,3.7vw,58px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.025em}

body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>p{grid-column:2;grid-row:2;align-self:start;max-width:680px;margin:0!important;padding:0 clamp(38px,5vw,74px) clamp(54px,6vw,82px)!important;color:#57514a;font-size:17px;line-height:1.65}

body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.row{grid-column:1/-1;grid-row:3;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:0!important;margin:0!important;border-top:1px solid #d8d0c4;background:#f6f2ec}

body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.row>[class*='col-']{width:auto!important;max-width:none!important;margin-top:0!important;padding:32px clamp(28px,4vw,54px)!important;border-right:1px solid #ded6cb;background:transparent}

body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.row>[class*='col-']:last-child{border-right:0}

body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.row h3{margin:0 0 10px!important;color:#171512;font:600 19px/1.25 Arial,Helvetica,sans-serif}

body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.row h3 a{color:#171512!important;text-decoration:none}

body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.row h3 a:hover{text-decoration:underline;text-underline-offset:4px}

body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.row p{margin:0!important;color:#615b53;font-size:15px;line-height:1.58}

@media(max-width:980px){body.kb-homepage .kb-home:first-child>section:nth-of-type(4){grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>h2{grid-column:1;grid-row:1;padding:48px 32px 14px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>p{grid-column:1;grid-row:2;padding:0 32px 42px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(4):before{grid-column:1!important;grid-row:3!important;min-height:420px!important;order:initial!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.row{grid-column:1;grid-row:4;grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:700px){body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>h2{padding:42px 22px 12px!important;font-size:38px}body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>p{padding:0 22px 34px!important;font-size:16px}body.kb-homepage .kb-home:first-child>section:nth-of-type(4):before{min-height:310px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.row{grid-template-columns:1fr}body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.row>[class*='col-']{padding:24px 22px!important;border-right:0!important;border-bottom:1px solid #ded6cb}body.kb-homepage .kb-home:first-child>section:nth-of-type(4)>.row>[class*='col-']:last-child{border-bottom:0}}



/* KOBERCIUM HOMEPAGE COLOUR GUIDE ALIGNMENT — 2026-09-08 */

body.kb-homepage .kb-home:first-child>section:nth-of-type(5){position:relative!important;display:block!important;min-height:520px!important;margin:0 auto!important;padding:clamp(58px,6vw,88px) calc(50% + clamp(38px,5vw,72px)) clamp(54px,6vw,82px) clamp(38px,5vw,72px)!important;overflow:hidden;border:0!important;background:#f7f3ed}

body.kb-homepage .kb-home:first-child>section:nth-of-type(5):after{position:absolute;inset:0 0 0 50%;display:block!important;min-height:0!important;width:50%;height:100%;background-image:url('/images/kobercium/homepage/obyvaci-pokoj.webp')!important;background-position:center!important;background-size:cover!important}

body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>h2{position:relative;z-index:1;max-width:640px;margin:0 0 24px!important;color:#171512;font:500 clamp(40px,3.7vw,58px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.025em}

body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>p{position:relative;z-index:1;max-width:610px;margin:0 0 24px!important;color:#57514a;font-size:17px;line-height:1.65}

body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>p:last-of-type{margin-top:28px!important;padding-top:24px;border-top:1px solid #d8d0c4}

body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>p:nth-of-type(2){max-width:630px;margin:3px 0 8px!important;line-height:1.2}

body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>p:nth-of-type(2)>a{display:inline-block;margin:0 6px 8px 0;padding:9px 14px;border:1px solid #cfc6ba;border-radius:999px;background:#fff;color:#171512!important;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none!important;transition:background-color .2s ease,color .2s ease,border-color .2s ease}

body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>p:nth-of-type(2)>a:hover{border-color:#171512;background:#171512;color:#fff!important}

@media(max-width:980px){body.kb-homepage .kb-home:first-child>section:nth-of-type(5){display:flex!important;min-height:0!important;padding:0!important;flex-direction:column;background:#f7f3ed}body.kb-homepage .kb-home:first-child>section:nth-of-type(5):after{position:relative;inset:auto;order:1;width:100%;height:auto;min-height:420px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>h2{order:2;max-width:none;margin:0!important;padding:46px 32px 18px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>p{order:3;max-width:none;margin:0!important;padding:0 32px 24px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>p:nth-of-type(2){order:4;margin:0!important;padding-bottom:0!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>p:last-of-type{order:5;margin:22px 32px 0!important;padding:28px 0 42px!important}}

@media(max-width:700px){body.kb-homepage .kb-home:first-child>section:nth-of-type(5):after{min-height:310px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>h2{padding:40px 22px 16px!important;font-size:38px}body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>p{padding-right:22px!important;padding-left:22px!important;font-size:16px}body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>p:last-of-type{margin-right:22px!important;margin-left:22px!important;padding-right:0!important;padding-left:0!important}}



/* KOBERCIUM HOMEPAGE BUYING GUIDE + FAQ — 2026-09-08 */

body.kb-homepage .kb-home:first-child>section:nth-of-type(5)>p:nth-of-type(2){font-size:0!important}

body.kb-homepage .kb-home:first-child>section:nth-of-type(6){margin:0 auto!important;padding:clamp(62px,7vw,96px) clamp(32px,6vw,86px)!important;border:0!important;background:#ece5db}

body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>h2{max-width:880px;margin:0 0 42px!important;color:#171512;font:500 clamp(38px,3.5vw,54px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.025em}

body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 34px!important;padding:1px!important;list-style:none;counter-reset:kb-guide;background:#d4cabc}

body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>ol>li{position:relative;min-height:245px;margin:0!important;padding:78px 28px 30px!important;counter-increment:kb-guide;background:#f8f5f0;color:#57514a;font-size:15px;line-height:1.62}

body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>ol>li:before{content:'0' counter(kb-guide);position:absolute;top:24px;left:28px;color:#9b8d7d;font:500 30px/1 Georgia,'Times New Roman',serif}

body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>ol>li strong{display:block;margin-bottom:10px;color:#171512;font-size:17px;line-height:1.3}

body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>p{margin:0!important;font-size:0;line-height:1}

body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>p>a{display:inline-block;margin:0 10px 8px 0;padding:13px 19px;border:1px solid #171512;background:transparent;color:#171512!important;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none!important;transition:background-color .2s ease,color .2s ease}

body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>p>a:first-child,body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>p>a:hover{background:#171512;color:#fff!important}

body.kb-homepage .kb-home:first-child>section:nth-of-type(7){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0 auto!important;padding:clamp(62px,7vw,96px) clamp(32px,6vw,86px)!important;border:0!important;background:#fff}

body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>h2{grid-column:1/-1;margin:0 0 42px!important;color:#171512;font:500 clamp(38px,3.5vw,54px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.025em}

body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>h3{margin:0!important;padding:28px 30px 12px!important;border:1px solid #ddd6cc;border-bottom:0;background:#faf8f4;color:#171512;font:500 23px/1.25 Georgia,'Times New Roman',serif}

body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>p{margin:0!important;padding:0 30px 30px!important;border:1px solid #ddd6cc;border-top:0;background:#faf8f4;color:#5f5952;font-size:15px;line-height:1.65}

body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>h3:nth-of-type(1){grid-column:1;grid-row:2}body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>p:nth-of-type(1){grid-column:1;grid-row:3}

body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>h3:nth-of-type(2){grid-column:2;grid-row:2}body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>p:nth-of-type(2){grid-column:2;grid-row:3}

body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>h3:nth-of-type(3){grid-column:1;grid-row:4;margin-top:24px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>p:nth-of-type(3){grid-column:1;grid-row:5}

body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>h3:nth-of-type(4){grid-column:2;grid-row:4;margin-top:24px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>p:nth-of-type(4){grid-column:2;grid-row:5}

@media(max-width:980px){body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>ol{grid-template-columns:repeat(2,minmax(0,1fr))}body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>ol>li{min-height:220px}}

@media(max-width:700px){body.kb-homepage .kb-home:first-child>section:nth-of-type(6),body.kb-homepage .kb-home:first-child>section:nth-of-type(7){padding:52px 22px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>h2,body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>h2{margin-bottom:30px!important;font-size:38px}body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>ol{grid-template-columns:1fr}body.kb-homepage .kb-home:first-child>section:nth-of-type(6)>ol>li{min-height:0;padding:70px 24px 26px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(7){display:block}body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>h3{margin-top:18px!important;padding:24px 22px 10px!important}body.kb-homepage .kb-home:first-child>section:nth-of-type(7)>p{padding:0 22px 25px!important}}



/* KOBERCIUM HOMEPAGE EDITORIAL CARDS — 2026-09-08 */

body.kb-homepage .kb-home-added .kb-home-blog{margin:0 auto!important;padding:clamp(64px,7vw,96px) clamp(32px,6vw,86px)!important;border:0!important;background:#f7f3ed}

body.kb-homepage .kb-home-added .kb-home-blog>.kb-eyebrow{margin:0 0 12px!important;color:#756b60;font-size:12px;font-weight:700;letter-spacing:.15em}

body.kb-homepage .kb-home-added .kb-home-blog>h2{max-width:760px;margin:0 0 14px!important;color:#171512;font:500 clamp(40px,3.7vw,56px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.025em}

body.kb-homepage .kb-home-added .kb-home-blog>h2+P{max-width:650px;margin:0!important;color:#625b54;font-size:17px;line-height:1.6}

body.kb-homepage .kb-home-added .kb-home-blog .kb-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}

body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid #dcd4ca;background:#fff;transition:transform .25s ease,box-shadow .25s ease}

body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(40,31,23,.09)}

body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card>a{display:block;overflow:hidden;background:#e9e3da}

body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center!important;transition:transform .45s ease}

body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card:hover img{transform:scale(1.025)}

body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card>div{display:flex;min-height:245px;padding:27px 28px 29px!important;flex:1;flex-direction:column}

body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card .kb-eyebrow{margin:0 0 12px!important;color:#756b60;font-size:11px;font-weight:700;letter-spacing:.14em}

body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card h3{margin:0 0 14px!important;font:600 23px/1.22 Arial,Helvetica,sans-serif}

body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card h3 a{color:#171512!important;text-decoration:none}

body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card h3+p{margin:0 0 24px!important;color:#625b54;font-size:15px;line-height:1.6}

body.kb-homepage .kb-home-added .kb-home-blog .kb-text-link{display:inline-flex;margin-top:auto;color:#171512!important;font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none!important;text-transform:uppercase}

body.kb-homepage .kb-home-added .kb-home-blog .kb-text-link:hover{text-decoration:underline!important;text-underline-offset:5px}

@media(max-width:900px){body.kb-homepage .kb-home-added .kb-home-blog .kb-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card:last-child>a,body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card:last-child img{height:100%!important}}

@media(max-width:650px){body.kb-homepage .kb-home-added .kb-home-blog{padding:52px 22px!important}body.kb-homepage .kb-home-added .kb-home-blog>h2{font-size:38px}body.kb-homepage .kb-home-added .kb-home-blog .kb-card-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card:last-child{grid-column:auto;display:flex}body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card:last-child img{height:auto!important}body.kb-homepage .kb-home-added .kb-home-blog .kb-story-card>div{min-height:0;padding:24px 22px 26px!important}}



/* KOBERCIUM CATEGORY FILTER DRAWER — 2026-09-07 */

body.com_virtuemart.view-category .orderby-displaynumber .vm-order-list{align-items:center!important}.kb-filter-drawer{position:static;flex:0 0 auto;margin:0 0 0 12px}.kb-filter-drawer>summary{display:flex;min-height:46px;padding:9px 2px 9px 18px;align-items:center;gap:9px;border-left:1px solid #dedede;color:#111;cursor:pointer;font-size:15px;list-style:none;white-space:nowrap}.kb-filter-drawer>summary::-webkit-details-marker{display:none}.kb-filter-drawer>summary svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.kb-filter-badge{display:grid;min-width:23px;height:23px;padding:0 6px;place-items:center;border-radius:20px;background:#111;color:#fff;font-size:12px;font-weight:700}.kb-filter-badge[hidden]{display:none}.kb-filter-overlay{position:fixed;z-index:1198;inset:0;display:none;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.28);cursor:default}.kb-filter-panel{position:fixed;z-index:1199;top:0;right:0;bottom:0;display:none;width:min(430px,100vw);grid-template-rows:auto minmax(0,1fr) auto;background:#fff;box-shadow:-14px 0 38px rgba(0,0,0,.17);color:#111}.kb-filter-drawer[open]>.kb-filter-overlay{display:block}.kb-filter-drawer[open]>.kb-filter-panel{display:grid;animation:kb-filter-in .24s ease-out}body.kb-filter-open{overflow:hidden}@keyframes kb-filter-in{from{transform:translateX(100%)}to{transform:translateX(0)}}.kb-filter-head{display:grid;grid-template-columns:36px 1fr auto;min-height:68px;padding:0 20px;align-items:center;border-bottom:1px solid #e1e1e1;background:#fff}.kb-filter-head strong{font-size:17px}.kb-filter-close{display:grid;width:36px;height:36px;padding:0;place-items:center;border:0;background:transparent;color:#111;font:300 30px/1 Arial,sans-serif;cursor:pointer}.kb-filter-clear{color:#111!important;font-size:14px;text-decoration:none}.kb-filter-clear:hover{text-decoration:underline;text-underline-offset:3px}.kb-filter-content{min-height:0;padding:0 22px 28px;overflow-y:auto;overscroll-behavior:contain}.kb-filter-content>.moduletable>h3{display:none!important}.kb-filter-content .cf_wrapp_all,.kb-filter-content .cf_form{margin:0!important;padding:0!important}.kb-filter-content .cf_flt_wrapper{margin:0!important;padding:0!important;border-bottom:1px solid #e5e5e5;background:#fff!important}.kb-filter-content .cf_flt_header{position:relative;min-height:62px;margin:0!important;padding:20px 36px 18px 0!important;display:flex;align-items:center;background:#fff!important;color:#111!important;cursor:pointer;font-size:16px;font-weight:500}.kb-filter-content .cf_flt_header:after{position:absolute;right:5px;top:50%;content:'›';font:300 27px/1 Arial,sans-serif;transform:translateY(-50%) rotate(90deg);transition:transform .18s ease}.kb-filter-content .cf_flt_header[aria-expanded='true']:after{transform:translateY(-50%) rotate(-90deg)}.kb-filter-content .cf_flt_header .headexpand{display:none!important}.kb-filter-content .cf_wrapper_inner{padding:0 0 20px!important;background:#fff!important}.kb-filter-content .cf_filters_list{margin:0!important;padding:0!important;list-style:none}.kb-filter-content .cf_filters_list_li{min-height:36px;margin:0!important;padding:6px 2px!important;border:0!important;color:#333}.kb-filter-content .cf_filters_list_li.cf_li_clear{display:none!important}.kb-filter-content .cf_filters_list_li a,.kb-filter-content .cf_filters_list_li label{color:#222!important;text-decoration:none;font-size:14px;line-height:1.5}.kb-filter-content .cf_flt_counter{float:right;color:#777;font-size:12px}.kb-filter-content input[type=checkbox]{accent-color:#111}.kb-filter-content .cf_filtering_slide_container{margin:12px 8px 18px!important}.kb-filter-content input[type=text],.kb-filter-content input[type=number],.kb-filter-content select{border:1px solid #cfcfcf!important;border-radius:0!important;background:#fff!important;color:#111!important;box-shadow:none!important}.kb-filter-footer{padding:12px 16px 14px;border-top:1px solid #ddd;background:#fff;box-shadow:0 -5px 15px rgba(0,0,0,.05)}.kb-filter-show{width:100%;min-height:50px;padding:12px 18px;border:1px solid #111;border-radius:0;background:#111;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.kb-filter-show:hover{background:#333}@media(max-width:767px){.kb-filter-drawer{margin-left:auto}.kb-filter-drawer>summary{padding-left:12px}.kb-filter-drawer>summary span:not(.kb-filter-badge){display:none}.kb-filter-panel{width:100vw}.kb-filter-content{padding-right:18px;padding-left:18px}}@media(prefers-reduced-motion:reduce){.kb-filter-drawer[open]>.kb-filter-panel{animation:none}}



/* KOBERCIUM BLOG IMAGE CACHE BUST — 2026-09-08 */

body.kb-homepage .kb-home-blog .kb-card-grid>.kb-story-card:nth-child(1) img{content:url('/images/kobercium/homepage/blog-obyvaci-pokoj.webp?v=20260908')}

body.kb-homepage .kb-home-blog .kb-card-grid>.kb-story-card:nth-child(2) img{content:url('/images/kobercium/homepage/blog-velikost-koberce.webp?v=20260908')}

body.kb-homepage .kb-home-blog .kb-card-grid>.kb-story-card:nth-child(3) img{content:url('/images/kobercium/homepage/blog-pece-o-koberec.webp?v=20260908')}



/* KOBERCIUM CENTERED DESKTOP NAVIGATION — 2026-09-08 */

@media(min-width:901px){#kobercium-header .kb-desktop-menu>.kb-menu-list{justify-content:center}}





/* KOBERCIUM ERROR PAGE — 2026-09-08 */

body.kb-error-body{margin:0;background:#f4efe7;color:#171512;font-family:Arial,Helvetica,sans-serif}

body.kb-error-body *{box-sizing:border-box}

body.kb-error-body a{color:inherit}

.kb-error-page{min-height:100vh;display:flex;flex-direction:column}

.kb-error-topbar{min-height:42px;padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:clamp(28px,7vw,100px);background:#eee8de;border-bottom:1px solid #e2d9cc;color:#171512;font-size:13px}

.kb-error-topbar span{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}

.kb-error-topbar span:before{content:"";width:6px;height:6px;border:1px solid currentColor;border-radius:50%}

.kb-error-header{width:min(1600px,calc(100% - 64px));min-height:88px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedbd6}

.kb-error-brand{font-size:25px;font-weight:700;letter-spacing:.09em;text-decoration:none}

.kb-error-home{font-size:14px;text-decoration:none;border-bottom:1px solid #171512;padding:4px 0}

.kb-error-main{width:min(1420px,calc(100% - 64px));margin:42px auto 0}

.kb-error-intro{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);align-items:center;min-height:390px;background:#eae1d4;overflow:hidden}

.kb-error-code{margin:0;padding:25px 7vw;color:#c7b39a;font:400 clamp(150px,20vw,310px)/.8 Georgia,"Times New Roman",serif;letter-spacing:-.09em}

.kb-error-copy{max-width:720px;padding:55px 72px 55px 20px}

.kb-error-eyebrow,.kb-error-section-heading>p{margin:0 0 14px;color:#746a5f;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}

.kb-error-copy h1{margin:0 0 22px;color:#171512;font:400 clamp(42px,5vw,72px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.035em}

.kb-error-copy>p:not(.kb-error-eyebrow){max-width:630px;margin:0;color:#5e574f;font-size:17px;line-height:1.65}

.kb-error-search{position:relative;max-width:620px;margin-top:30px;display:grid;grid-template-columns:minmax(0,1fr) auto;background:#fff;border:1px solid #d3cbc0}

.kb-error-search .kb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.kb-error-search input{min-width:0;height:58px;padding:0 20px;border:0;background:transparent;color:#171512;font:inherit;font-size:16px;outline:0}

.kb-error-search input:focus{box-shadow:inset 0 0 0 2px #171512}

.kb-error-search button{min-width:120px;border:0;background:#111;color:#fff;font:700 13px/1 Arial,Helvetica,sans-serif;cursor:pointer}

.kb-error-search button:hover,.kb-error-search button:focus-visible{background:#3a342e}

.kb-error-directory{margin-top:68px;padding:0 0 54px}

.kb-error-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}

.kb-error-section-heading h2{max-width:850px;margin:0;color:#171512;font:400 clamp(38px,4vw,58px)/1.05 Georgia,"Times New Roman",serif}

.kb-error-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d9d3ca;border-left:1px solid #d9d3ca}

.kb-error-card{position:relative;min-height:176px;padding:28px 68px 28px 30px;display:flex;flex-direction:column;border-right:1px solid #d9d3ca;border-bottom:1px solid #d9d3ca;background:#fff;text-decoration:none;transition:background-color .25s ease,color .25s ease}

.kb-error-card:hover,.kb-error-card:focus-visible{background:#171512;color:#fff}

.kb-error-card-title{font:600 23px/1.2 Georgia,"Times New Roman",serif}

.kb-error-card-text{max-width:300px;margin-top:14px;color:#665f57;font-size:14px;line-height:1.55}

.kb-error-card:hover .kb-error-card-text,.kb-error-card:focus-visible .kb-error-card-text{color:#ded8cf}

.kb-error-card-arrow{position:absolute;right:28px;top:27px;font-size:25px;transition:transform .25s ease}

.kb-error-card:hover .kb-error-card-arrow,.kb-error-card:focus-visible .kb-error-card-arrow{transform:translateX(5px)}

.kb-error-quick{padding:24px 0 40px;display:flex;flex-wrap:wrap;gap:12px 26px;border-top:1px solid #d9d3ca;font-size:14px}

.kb-error-quick span{color:#746a5f}

.kb-error-quick a{text-decoration:underline;text-underline-offset:4px}

.kb-error-footer{margin-top:auto;padding:25px max(32px,calc((100vw - 1420px)/2));display:flex;flex-wrap:wrap;gap:12px 28px;background:#171512;color:#fff;font-size:13px}

.kb-error-footer span{margin-right:auto}

.kb-error-footer a{text-decoration:none}

@media(max-width:900px){.kb-error-topbar{gap:25px}.kb-error-header,.kb-error-main{width:min(100% - 40px,1420px)}.kb-error-intro{grid-template-columns:1fr}.kb-error-code{padding:45px 45px 0;font-size:150px}.kb-error-copy{padding:15px 45px 50px}.kb-error-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:620px){.kb-error-topbar{justify-content:flex-start;overflow-x:auto}.kb-error-header{min-height:72px}.kb-error-brand{font-size:21px}.kb-error-main{width:100%;margin-top:20px}.kb-error-intro{min-height:0}.kb-error-code{padding:35px 24px 0;font-size:118px}.kb-error-copy{padding:8px 24px 38px}.kb-error-copy h1{font-size:40px}.kb-error-search{grid-template-columns:1fr}.kb-error-search button{height:50px}.kb-error-directory{padding:0 20px 38px;margin-top:46px}.kb-error-section-heading{display:block}.kb-error-grid{grid-template-columns:1fr}.kb-error-card{min-height:145px}.kb-error-quick{margin:0 20px}.kb-error-footer{padding:24px 20px}.kb-error-footer span{width:100%;margin:0}}



/* KOBERCIUM ADD-TO-CART POPUP — 2026-09-08 */

.fancybox-skin:has(.kb-cart-popup),.fancybox-inner:has(.kb-cart-popup),#fancybox-content:has(.kb-cart-popup){width:min(920px,calc(100vw - 32px))!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:0 24px 70px rgba(25,20,15,.22)!important}.kb-cart-popup{width:100%;max-height:min(86vh,820px);padding:38px 42px 36px;overflow:auto;background:#fff;color:#171512;font-family:Arial,Helvetica,sans-serif}.kb-cart-popup *{box-sizing:border-box}.kb-cart-popup-head{display:flex;align-items:center;gap:18px;padding-bottom:22px;border-bottom:1px solid #ded8cf}.kb-cart-popup-check{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:50%;background:#171512;color:#fff;font-size:23px}.kb-cart-popup-eyebrow{margin:0 0 5px!important;color:#756b60;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.kb-cart-popup-head h2{margin:0!important;color:#171512;font:400 clamp(27px,3vw,38px)/1.05 Georgia,'Times New Roman',serif}.kb-cart-popup-message{padding:20px 0 4px;color:#4f4942;font-size:16px;line-height:1.55}.kb-cart-popup-message p,.kb-cart-popup-errors p{margin:0 0 8px}.kb-cart-popup-errors{margin:18px 0 0;padding:14px 16px;border-left:3px solid #8d3027;background:#f7ecea;color:#68241d}.kb-cart-popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.kb-cart-popup-actions .btn,.kb-cart-popup-actions .vm-btn{display:flex;min-height:52px;padding:14px 22px;align-items:center;justify-content:center;border:1px solid #171512!important;border-radius:0!important;box-shadow:none!important;font-size:14px;font-weight:700;text-decoration:none!important;transition:background-color .2s ease,color .2s ease}.kb-cart-popup-continue{background:#fff!important;color:#171512!important}.kb-cart-popup-cart{background:#171512!important;color:#fff!important}.kb-cart-popup-continue:hover,.kb-cart-popup-continue:focus-visible{background:#f1ece5!important}.kb-cart-popup-cart:hover,.kb-cart-popup-cart:focus-visible{background:#3a342e!important}.kb-popup-related{margin-top:34px;padding-top:30px;border-top:1px solid #ded8cf}.kb-popup-related-heading p{margin:0 0 7px;color:#756b60;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.kb-popup-related-heading h3{margin:0 0 22px!important;color:#171512;font:400 clamp(27px,3vw,36px)/1.1 Georgia,'Times New Roman',serif}.kb-popup-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kb-popup-related-item{min-width:0;padding:0!important;border:1px solid #e0d9cf;background:#faf8f4}.kb-popup-related-item .product-field-display{height:100%}.kb-popup-related-item .product-field-display>a{display:block;color:#171512!important;font-size:14px;font-weight:600;line-height:1.35;text-decoration:none!important}.kb-popup-related-item img{display:block;width:100%!important;height:190px!important;margin:0 0 14px!important;padding:0!important;object-fit:contain;background:#f2eee8}.kb-popup-related-item .product-price{margin:10px 14px!important;color:#171512;font-weight:700}.kb-popup-related-item .product_s_desc{display:none}.kb-popup-related-item .vm3pr-related,.kb-popup-related-item .addtocart-area{display:none!important}.kb-popup-related-item .product-field-display>a:not(:has(img)){display:block;padding:0 14px 14px}.kb-cart-popup::-webkit-scrollbar{width:8px}.kb-cart-popup::-webkit-scrollbar-thumb{background:#cfc5b8}.kb-cart-popup::-webkit-scrollbar-track{background:#f5f1eb}@media(max-width:720px){.kb-cart-popup{padding:28px 22px 24px}.kb-cart-popup-actions{grid-template-columns:1fr}.kb-popup-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-popup-related-item img{height:160px!important}}@media(max-width:460px){.kb-cart-popup-head{align-items:flex-start}.kb-cart-popup-check{width:40px;height:40px;flex-basis:40px}.kb-popup-related-grid{grid-template-columns:1fr}.kb-popup-related-item img{height:210px!important}}



/* KOBERCIUM CATEGORY CARD INFO, HOVER FIELDS + SALE PRICES — 2026-09-08 */

.com_virtuemart.view-category .vm-product-grid .product-container{position:relative;padding-bottom:2px}.com_virtuemart.view-category .vm-product-title{min-height:44px;margin-top:13px!important;line-height:1.42}.com_virtuemart.view-category .kb-card-customfields{max-height:0;margin:0;overflow:hidden;opacity:0;transform:translateY(-5px);transition:max-height .32s cubic-bezier(.22,1,.36,1),margin .25s ease,opacity .2s ease,transform .32s cubic-bezier(.22,1,.36,1)}.com_virtuemart.view-category .product-container:hover .kb-card-customfields,.com_virtuemart.view-category .product-container:focus-within .kb-card-customfields{max-height:168px;margin:7px 0 3px;opacity:1;transform:translateY(0)}.com_virtuemart.view-category .kb-card-customfields .cf-position-normal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;max-height:156px;margin:0!important;padding:9px 0 4px!important;overflow:auto;border-top:1px solid #dedad4;scrollbar-width:thin}.com_virtuemart.view-category .kb-card-customfields .cf-position-normal>li{display:block!important;min-width:0;margin:0!important;padding:0!important;border:0!important;color:#514b45;font:400 11px/1.35 Arial,Helvetica,sans-serif}.com_virtuemart.view-category .kb-card-customfields .product-fields-title,.com_virtuemart.view-category .kb-card-customfields .product-field-display{display:inline;padding:0!important}.com_virtuemart.view-category .kb-card-customfields .product-fields-title{color:#777069}.com_virtuemart.view-category .kb-card-customfields .product-field-display{color:#171512;font-weight:600}.com_virtuemart.view-category .kb-card-customfields .product-field-desc,.com_virtuemart.view-category .kb-card-customfields [data-bs-toggle=tooltip]{display:none!important}.com_virtuemart.view-category .product-price.kb-card-prices{display:flex!important;min-height:56px;margin:auto 0 0!important;padding:11px 0 0!important;flex-direction:column;justify-content:flex-end;gap:5px;border-top:1px solid transparent;text-align:left!important}.com_virtuemart.view-category .kb-card-price-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.com_virtuemart.view-category .kb-card-price-old{color:#716b65;font-size:12px;font-weight:400;text-decoration:line-through;text-decoration-thickness:1px}.com_virtuemart.view-category .kb-card-discount{display:inline-flex;min-height:21px;padding:2px 6px;align-items:center;background:#171512;color:#fff;font-size:11px;font-weight:700}.com_virtuemart.view-category .kb-card-price-current{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.com_virtuemart.view-category .kb-card-price-label{color:#716b65;font-size:11px;font-weight:400}.com_virtuemart.view-category .kb-card-price-current strong.PricesalesPrice{margin-left:auto;color:#111;font:700 16px/1.25 Arial,Helvetica,sans-serif;white-space:nowrap}.com_virtuemart.view-category .kb-card-prices--sale .kb-card-price-current strong.PricesalesPrice{font-size:18px}@media(max-width:767px){.com_virtuemart.view-category .vm-product-title{min-height:42px}.com_virtuemart.view-category .kb-card-customfields{display:none}.com_virtuemart.view-category .product-price.kb-card-prices{min-height:54px}.com_virtuemart.view-category .kb-card-price-current{display:block}.com_virtuemart.view-category .kb-card-price-current strong.PricesalesPrice{display:block;margin-top:2px}}@media(prefers-reduced-motion:reduce){.com_virtuemart.view-category .kb-card-customfields{transition:none}}



/* KOBERCIUM CENTERED CATEGORY PRICES — 2026-09-08 */

.com_virtuemart.view-category .product-price.kb-card-prices{align-items:center!important;text-align:center!important}.com_virtuemart.view-category .kb-card-price-meta{justify-content:center!important;gap:8px}.com_virtuemart.view-category .kb-card-price-old{font-size:13px}.com_virtuemart.view-category .kb-card-price-current{display:flex;width:100%;align-items:center;justify-content:center!important}.com_virtuemart.view-category .kb-card-price-current strong.PricesalesPrice{margin:0!important;font-size:18px!important;line-height:1.25;text-align:center}.com_virtuemart.view-category .kb-card-prices--sale .kb-card-price-current strong.PricesalesPrice{font-size:21px!important}



/* KOBERCIUM CATEGORY CARD OVERLAY + CART CTA — 2026-09-08 */

.com_virtuemart.view-category .vm-product-grid .product-container{overflow:hidden;padding:0 0 18px;background:#fff;transition:box-shadow .28s ease,transform .28s ease}.com_virtuemart.view-category .vm-product-grid .product-container:hover{box-shadow:0 14px 34px rgba(32,25,18,.09);transform:translateY(-2px)}.com_virtuemart.view-category .vm-product-media-container{position:relative;overflow:hidden;background:#f3f1ed}.com_virtuemart.view-category .vm-product-media-container>a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.com_virtuemart.view-category .vm-product-media-container .browseProductImage{transition:transform .5s cubic-bezier(.22,1,.36,1)}.com_virtuemart.view-category .product-container:hover .browseProductImage,.com_virtuemart.view-category .product-container:focus-within .browseProductImage{transform:scale(1.025)}.com_virtuemart.view-category .kb-card-hover-overlay{position:absolute;z-index:3;inset:0;display:flex;padding:22px;align-items:flex-end;background:linear-gradient(180deg,rgba(18,16,13,.04) 15%,rgba(18,16,13,.88) 100%);color:#fff;opacity:0;transform:translateY(7px);pointer-events:none;transition:opacity .28s ease,transform .38s cubic-bezier(.22,1,.36,1)}.com_virtuemart.view-category .product-container:hover .kb-card-hover-overlay,.com_virtuemart.view-category .product-container:focus-within .kb-card-hover-overlay{opacity:1;transform:translateY(0)}.com_virtuemart.view-category .kb-card-hover-content{width:100%;text-align:left}.com_virtuemart.view-category .kb-card-hover-desc{margin:0!important;color:#fff;font-size:14px;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.22)}.com_virtuemart.view-category .kb-card-overlay-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 13px;margin:15px 0 0!important;padding:14px 0 0!important;border-top:1px solid rgba(255,255,255,.45)}.com_virtuemart.view-category .kb-card-overlay-fields li{min-width:0;margin:0!important;color:#fff;font-size:11px;line-height:1.35}.com_virtuemart.view-category .kb-card-overlay-fields span,.com_virtuemart.view-category .kb-card-overlay-fields strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.com_virtuemart.view-category .kb-card-overlay-fields span{margin-bottom:2px;color:rgba(255,255,255,.72)}.com_virtuemart.view-category .kb-card-overlay-fields strong{color:#fff;font-weight:700}.com_virtuemart.view-category .product-price.kb-card-prices{box-sizing:border-box;min-height:78px!important;margin:auto 16px 0!important;padding:12px 0 4px!important;justify-content:center!important;gap:6px}.com_virtuemart.view-category .addtocart-area{display:block!important;width:auto!important;margin:10px 16px 0!important;padding:0!important}.com_virtuemart.view-category .addtocart-area form,.com_virtuemart.view-category .addtocart-area .addtocart-bar{width:100%!important;margin:0!important;padding:0!important}.com_virtuemart.view-category .addtocart-area .quantity-box,.com_virtuemart.view-category .addtocart-area .quantity-controls,.com_virtuemart.view-category .addtocart-area label,.com_virtuemart.view-category .addtocart-area .product-fields{display:none!important}.com_virtuemart.view-category .addtocart-area .addtocart-button{display:block!important;width:100%!important;margin:0!important}.com_virtuemart.view-category .addtocart-area input.addtocart-button,.com_virtuemart.view-category .addtocart-area button.addtocart-button,.com_virtuemart.view-category .addtocart-area .addtocart-button input{display:flex!important;width:100%!important;min-height:46px!important;margin:0!important;padding:12px 18px!important;align-items:center;justify-content:center;border:1px solid #171512!important;border-radius:0!important;background:#171512!important;color:#fff!important;box-shadow:none!important;font:700 13px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.02em;text-align:center;cursor:pointer;transition:background-color .2s ease,color .2s ease}.com_virtuemart.view-category .addtocart-area input.addtocart-button:hover,.com_virtuemart.view-category .addtocart-area button.addtocart-button:hover,.com_virtuemart.view-category .addtocart-area .addtocart-button input:hover{background:#fff!important;color:#171512!important}.com_virtuemart.view-category .product-container>.btn.btn-secondary{display:flex!important;min-height:46px;margin:10px 16px 0!important;align-items:center;justify-content:center;border:1px solid #171512!important;border-radius:0;background:#171512;color:#fff;font-size:13px;font-weight:700}@media(max-width:767px){.com_virtuemart.view-category .vm-product-grid .product-container{padding-bottom:13px}.com_virtuemart.view-category .kb-card-hover-overlay{display:none}.com_virtuemart.view-category .product-price.kb-card-prices{min-height:72px!important;margin-right:9px!important;margin-left:9px!important}.com_virtuemart.view-category .addtocart-area{margin-right:9px!important;margin-left:9px!important}.com_virtuemart.view-category .addtocart-area input.addtocart-button,.com_virtuemart.view-category .addtocart-area button.addtocart-button,.com_virtuemart.view-category .addtocart-area .addtocart-button input{min-height:43px!important;padding:10px 8px!important;font-size:12px!important}}@media(prefers-reduced-motion:reduce){.com_virtuemart.view-category .vm-product-grid .product-container,.com_virtuemart.view-category .browseProductImage,.com_virtuemart.view-category .kb-card-hover-overlay{transition:none}}

/* KOBERCIUM EDITORIAL CART POPUP — 2026-09-08 */

.fancybox-wrap:has(.kb-cart-popup){width:min(940px,calc(100vw - 32px))!important}.fancybox-skin:has(.kb-cart-popup),.fancybox-inner:has(.kb-cart-popup),#fancybox-content:has(.kb-cart-popup){width:100%!important;max-width:940px!important;background:#f7f3ed!important;box-shadow:0 28px 80px rgba(29,23,17,.24)!important}.fancybox-skin:has(.kb-cart-popup){padding:0!important}.fancybox-wrap:has(.kb-cart-popup) .fancybox-close{top:17px!important;right:17px!important;width:38px!important;height:38px!important;border:1px solid rgba(23,21,18,.22);border-radius:50%;background:#fff!important;color:#171512!important}.kb-cart-popup{max-height:min(88vh,850px);padding:0!important;background:#f7f3ed!important}.kb-cart-popup-top{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(0,1.55fr);min-height:360px}.kb-cart-popup-accent{display:flex;padding:48px 34px 40px;align-items:center;justify-content:center;flex-direction:column;background:#e8dfd2;color:#171512;text-align:center}.kb-cart-popup-accent:before{content:'K';display:block;margin-bottom:30px;color:#b4a18a;font:400 54px/1 Georgia,'Times New Roman',serif}.kb-cart-popup-check{display:grid;width:78px!important;height:78px!important;flex:0 0 78px!important;place-items:center;border:1px solid #171512!important;border-radius:50%!important;background:transparent!important;color:#171512!important;font:400 34px/1 Georgia,'Times New Roman',serif!important}.kb-cart-popup-accent small{margin-top:18px;color:#6d645b;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.kb-cart-popup-summary{display:flex;padding:56px 62px 48px;justify-content:center;flex-direction:column;background:#fff}.kb-cart-popup-head{display:block;padding:0!important;border:0!important}.kb-cart-popup-eyebrow{margin:0 0 14px!important;color:#756b60!important;font-size:11px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase}.kb-cart-popup-head h2{max-width:520px;margin:0!important;color:#171512!important;font:400 clamp(38px,4.4vw,58px)/1 Georgia,'Times New Roman',serif!important;letter-spacing:-.035em}.kb-cart-popup-message{max-width:540px;padding:23px 0 0!important;color:#514b45!important;font-size:16px!important;line-height:1.65!important}.kb-cart-popup-message p{margin:0!important}.kb-cart-popup-errors{margin:22px 0 0!important;padding:14px 17px!important;border-left:3px solid #8d3027!important;background:#f7ecea!important}.kb-cart-popup-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin-top:34px!important;border:1px solid #171512}.kb-cart-popup-actions .btn,.kb-cart-popup-actions .vm-btn{min-height:54px!important;margin:0!important;padding:15px 18px!important;border:0!important;border-radius:0!important;font-size:13px!important;letter-spacing:.02em}.kb-cart-popup-actions>a+a{border-left:1px solid #171512!important}.kb-cart-popup-continue{background:#fff!important;color:#171512!important}.kb-cart-popup-cart{background:#171512!important;color:#fff!important}.kb-cart-popup-continue:hover,.kb-cart-popup-continue:focus-visible{background:#eee7dd!important}.kb-cart-popup-cart:hover,.kb-cart-popup-cart:focus-visible{background:#3b352f!important}.kb-popup-related{margin:0!important;padding:46px 52px 52px!important;border-top:1px solid #d8cfc3!important;background:#f7f3ed}.kb-popup-related-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;margin-bottom:24px}.kb-popup-related-heading p{grid-column:1;margin:0 0 9px!important;color:#756b60!important;font-size:10px!important;letter-spacing:.17em!important}.kb-popup-related-heading h3{grid-column:1;margin:0!important;color:#171512!important;font:400 clamp(31px,3.2vw,43px)/1.05 Georgia,'Times New Roman',serif!important;letter-spacing:-.025em}.kb-popup-related-grid{gap:16px!important}.kb-popup-related-item{border:1px solid #dcd3c7!important;background:#fff!important;transition:transform .25s ease,box-shadow .25s ease}.kb-popup-related-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(39,31,24,.08)}.kb-popup-related-item img{height:210px!important;margin:0 0 16px!important;background:#eee9e1!important;object-fit:contain!important}.kb-popup-related-item .product-price{color:#171512!important}@media(max-width:720px){.fancybox-wrap:has(.kb-cart-popup){width:calc(100vw - 20px)!important}.kb-cart-popup-top{grid-template-columns:1fr;min-height:0}.kb-cart-popup-accent{padding:24px;flex-direction:row;gap:14px}.kb-cart-popup-accent:before{display:none}.kb-cart-popup-check{width:48px!important;height:48px!important;flex-basis:48px!important;font-size:24px!important}.kb-cart-popup-accent small{margin:0}.kb-cart-popup-summary{padding:38px 26px 30px}.kb-cart-popup-head h2{font-size:39px!important}.kb-cart-popup-actions{grid-template-columns:1fr!important}.kb-cart-popup-actions>a+a{border-top:1px solid #171512!important;border-left:0!important}.kb-popup-related{padding:34px 24px 38px!important}}@media(max-width:460px){.kb-cart-popup-summary{padding:34px 21px 25px}.kb-cart-popup-head h2{font-size:34px!important}.kb-cart-popup-message{font-size:15px!important}.kb-popup-related{padding-right:18px!important;padding-left:18px!important}}

#fancybox-wrap:has(.kb-cart-popup){left:50%!important;width:min(940px,calc(100vw - 32px))!important;transform:translateX(-50%)}#fancybox-outer:has(.kb-cart-popup),#fancybox-content:has(.kb-cart-popup){box-sizing:border-box!important;width:100%!important;height:auto!important}#fancybox-wrap:has(.kb-cart-popup) #fancybox-close{top:19px!important;right:19px!important}@media(max-width:720px){#fancybox-wrap:has(.kb-cart-popup){width:calc(100vw - 20px)!important}}

body.com_virtuemart.view-cart{background:#fff;color:#171512}body.com_virtuemart.view-cart .page-header-box{max-width:1280px;margin:0 auto;padding:34px 24px 20px}body.com_virtuemart.view-cart .page-header-box>h1{margin:0 0 14px;color:#171512;font:400 clamp(38px,4.5vw,62px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.035em}body.com_virtuemart.view-cart .page-header-box .breadcrumbs{margin:0!important}body.com_virtuemart.view-cart .page-header-box .breadcrumb{margin:0!important;padding:0!important;background:transparent!important;color:#756d64;font-size:13px}body.com_virtuemart.view-cart #vmMainPageOPC{box-sizing:border-box;width:min(1280px,calc(100% - 48px));margin:0 auto 70px;padding:0;color:#2a2723;font-family:Arial,Helvetica,sans-serif}body.com_virtuemart.view-cart #vmMainPageOPC *{box-sizing:border-box}body.com_virtuemart.view-cart #opc_unlogged_wrapper>div:first-child{float:none!important;width:100%!important}body.com_virtuemart.view-cart #opc_basket{margin:0 0 22px}body.com_virtuemart.view-cart #basket_container{margin:0;border:1px solid #ded8cf;background:#fff}body.com_virtuemart.view-cart #basket_container .inside{padding:0!important}body.com_virtuemart.view-cart #basket_container .black-basket{background:#fff!important;color:#171512!important}body.com_virtuemart.view-cart #basket_container .module-title{margin:0!important;padding:28px 32px 22px;border-bottom:1px solid #ded8cf;background:#f5f1eb;color:#171512;font:400 32px/1.1 Georgia,'Times New Roman',serif}body.com_virtuemart.view-cart #basket_container .module-title span{color:inherit!important}body.com_virtuemart.view-cart #basket_container .col-module_fix,body.com_virtuemart.view-cart #basket_container .col-module_content{padding:0!important}body.com_virtuemart.view-cart #basket_container .op_basket_row{float:none!important;clear:both!important;width:100%!important}body.com_virtuemart.view-cart #basket_container .op_basket_header,body.com_virtuemart.view-cart #basket_container .op_basket_rows{display:grid!important;grid-template-columns:minmax(260px,1fr) 130px 150px 140px;align-items:center}body.com_virtuemart.view-cart #basket_container .op_basket_header{min-height:48px;padding:0 28px;border-bottom:1px solid #e8e2da;background:#fff;color:#776f66;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}body.com_virtuemart.view-cart #basket_container .op_basket_rows{min-height:150px;padding:22px 28px;border-bottom:1px solid #e5dfd7}body.com_virtuemart.view-cart #basket_container .op_col1,body.com_virtuemart.view-cart #basket_container .op_col3,body.com_virtuemart.view-cart #basket_container .op_col4{display:none!important}body.com_virtuemart.view-cart #basket_container .op_col2,body.com_virtuemart.view-cart #basket_container .op_col5,body.com_virtuemart.view-cart #basket_container .op_col6,body.com_virtuemart.view-cart #basket_container .op_col7{float:none!important;width:auto!important;height:auto!important;min-width:0;padding:0 12px!important;border:0!important}body.com_virtuemart.view-cart #basket_container .op_col2{display:grid!important;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:20px;padding-left:0!important}body.com_virtuemart.view-cart #basket_container .op_col2>div:first-child{width:112px!important;height:112px!important;margin:0!important;background:#f1eee9}body.com_virtuemart.view-cart #basket_container .op_col2>div:first-child>div{display:none!important}body.com_virtuemart.view-cart #basket_container .op_col2>div:first-child>div:last-child{display:block!important;float:none!important;width:112px!important;height:112px!important}body.com_virtuemart.view-cart #basket_container .op_col2 img{width:100%!important;height:100%!important;object-fit:contain}body.com_virtuemart.view-cart #basket_container .cart-title{grid-column:2;margin:0!important}body.com_virtuemart.view-cart #basket_container .opc_product_name{color:#171512!important;font-size:17px;font-weight:600;line-height:1.35;text-decoration:none}body.com_virtuemart.view-cart #basket_container .opc_product_name:hover{text-decoration:underline;text-underline-offset:4px}body.com_virtuemart.view-cart #basket_container .op_col5,body.com_virtuemart.view-cart #basket_container .op_col7{color:#171512;font-size:16px;font-weight:700;text-align:center}body.com_virtuemart.view-cart #basket_container .mobile_unit_price{display:none!important}body.com_virtuemart.view-cart #basket_container .op_col6 form{display:flex!important;align-items:center;justify-content:center;gap:7px}body.com_virtuemart.view-cart #basket_container .inputbox_update{width:48px!important;height:42px!important;margin:0!important;padding:0!important;border:1px solid #cfc7bd!important;border-radius:0!important;background:#fff!important;color:#171512!important;text-align:center}body.com_virtuemart.view-cart #basket_container .deletebtn,body.com_virtuemart.view-cart #basket_container .updatebtn{display:grid!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;place-items:center;border:1px solid #171512!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;cursor:pointer}body.com_virtuemart.view-cart #basket_container .deletebtn:before{content:'\00d7';color:#171512;font-size:22px;line-height:1}body.com_virtuemart.view-cart #basket_container .updatebtn{background:#171512!important}body.com_virtuemart.view-cart #basket_container .updatebtn:after{content:'\21bb';color:#fff;font-size:17px}body.com_virtuemart.view-cart #basket_container .custom_chec{display:grid!important;grid-template-columns:1fr minmax(140px,auto);min-height:38px;padding:7px 28px;align-items:center;border:0!important;background:#faf8f4;color:#5e574f;font-size:14px}body.com_virtuemart.view-cart #basket_container .custom_chec[style*='display: none'],body.com_virtuemart.view-cart #basket_container .custom_chec[style*='display:none']{display:none!important}body.com_virtuemart.view-cart #basket_container .op_col1_4,body.com_virtuemart.view-cart #basket_container .op_col5_3{float:none!important;width:auto!important;padding:0!important;text-align:right!important}body.com_virtuemart.view-cart #basket_container .total_total{min-height:64px;padding-top:13px;padding-bottom:13px;border-top:1px solid #d8d0c6!important;background:#eee7dd!important;color:#171512;font-size:18px;font-weight:700}body.com_virtuemart.view-cart #basket_container .total_total .op_col5_3{font:700 24px/1.15 Arial,Helvetica,sans-serif}body.com_virtuemart.view-cart .coupon_right{float:none!important;width:100%!important;margin:0 0 28px}body.com_virtuemart.view-cart #couponcode_field{float:none!important;width:100%!important}body.com_virtuemart.view-cart .coupon_wrapper{display:flex;max-width:520px;margin-left:auto}body.com_virtuemart.view-cart .coupon_in{flex:1}body.com_virtuemart.view-cart .coupon_input{width:100%!important;height:46px!important;padding:0 15px!important;border:1px solid #cfc7bd!important;border-right:0!important;border-radius:0!important;background:#fff!important;color:#171512!important}body.com_virtuemart.view-cart #submit_coupon_button{height:46px!important;min-width:112px;margin:0!important;padding:0 20px!important;border:1px solid #171512!important;border-radius:0!important;background:#171512!important;color:#fff!important;font-weight:700}body.com_virtuemart.view-cart #checkout-advertise-box{display:none!important}body.com_virtuemart.view-cart #adminForm{clear:both;margin:0!important}body.com_virtuemart.view-cart #onepage_main_div{display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:26px;align-items:start}body.com_virtuemart.view-cart #onepage_main_div>.left_checkout:first-child{display:none!important}body.com_virtuemart.view-cart #onepage_main_div>.left_checkout+ .left_checkout{float:none!important;width:auto!important;grid-column:1;margin:0!important}body.com_virtuemart.view-cart #onepage_main_div>.right_checkout{float:none!important;width:auto!important;grid-column:2;margin:0!important;padding:28px 30px 30px;border:1px solid #ded8cf;background:#f7f3ed}body.com_virtuemart.view-cart #onepage_main_div>#onepage_info_above_button{grid-column:1/-1;margin:0!important;padding:28px 30px;border:1px solid #d9d2c9;background:#fff}body.com_virtuemart.view-cart #onepage_main_div>.left_checkout+ .left_checkout>.tabcontent3{margin:0!important;padding:28px 30px 30px;border:1px solid #ded8cf;background:#fff}body.com_virtuemart.view-cart #onepage_main_div h3{margin:0 0 22px!important;padding:0 0 13px!important;border-bottom:1px solid #d7cfc5;color:#171512;font:400 28px/1.15 Georgia,'Times New Roman',serif}body.com_virtuemart.view-cart #onepage_main_div .right_checkout h3:not(:first-child){margin-top:28px!important}body.com_virtuemart.view-cart #onepage_main_div fieldset{min-width:0;margin:0!important;padding:0!important;border:0!important;background:transparent!important}body.com_virtuemart.view-cart #edit_address_bt_section>.all_fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px;width:100%!important}body.com_virtuemart.view-cart #edit_address_bt_section .field_wrapper{float:none!important;clear:none!important;width:100%!important;margin:0!important;padding:0!important}body.com_virtuemart.view-cart #edit_address_bt_section .field_wrapper:has(#company_field),body.com_virtuemart.view-cart #edit_address_bt_section .field_wrapper:has(#address_1_field),body.com_virtuemart.view-cart #edit_address_bt_section .field_wrapper:has(#email_field){grid-column:1/-1}body.com_virtuemart.view-cart #onepage_main_div .vr2{display:block!important;width:100%!important}body.com_virtuemart.view-cart #onepage_main_div .formLabel,body.com_virtuemart.view-cart #onepage_main_div .formField{float:none!important;clear:none!important;width:100%!important;margin:0!important;padding:0!important;text-align:left!important}body.com_virtuemart.view-cart #onepage_main_div .formLabel label{display:block;margin:0 0 7px;color:#4f4942;font-size:12px;font-weight:700;letter-spacing:.035em}body.com_virtuemart.view-cart #onepage_main_div .formLabel label span{color:#8d3027}body.com_virtuemart.view-cart #onepage_main_div input[type='text'],body.com_virtuemart.view-cart #onepage_main_div input[type='email'],body.com_virtuemart.view-cart #onepage_main_div select,body.com_virtuemart.view-cart #onepage_main_div textarea{width:100%!important;max-width:none!important;min-height:46px!important;margin:0!important;padding:10px 13px!important;border:1px solid #cfc7bd!important;border-radius:0!important;background:#fff!important;color:#171512!important;box-shadow:none!important;font:400 14px/1.3 Arial,Helvetica,sans-serif}body.com_virtuemart.view-cart #onepage_main_div input:focus,body.com_virtuemart.view-cart #onepage_main_div select:focus,body.com_virtuemart.view-cart #onepage_main_div textarea:focus{outline:1px solid #171512!important;outline-offset:0;border-color:#171512!important}body.com_virtuemart.view-cart #onepage_main_div textarea{min-height:118px!important;resize:vertical}body.com_virtuemart.view-cart #ship_to_wrapper>label{display:flex;gap:10px;align-items:center;color:#171512;font-weight:600;cursor:pointer}body.com_virtuemart.view-cart #ship_to_wrapper input[type='checkbox'],body.com_virtuemart.view-cart #agreed_div input[type='checkbox']{width:18px!important;height:18px!important;accent-color:#171512}body.com_virtuemart.view-cart #ajaxshipping,body.com_virtuemart.view-cart #payment_html{min-height:58px!important;padding:16px 18px;border:1px solid #d8d0c6;background:#fff;color:#5f574e;font-size:14px;line-height:1.55}body.com_virtuemart.view-cart #ajaxshipping br,body.com_virtuemart.view-cart #payment_html br{display:none}body.com_virtuemart.view-cart #onepage_total_inc_sh{display:none!important}body.com_virtuemart.view-cart #agreed_div{display:flex!important;align-items:center;gap:10px;margin:0 0 22px!important;padding:0!important}body.com_virtuemart.view-cart #agreed_div .checkbox_label_opc{color:#3f3a35;font-size:14px;line-height:1.5}body.com_virtuemart.view-cart #agreed_div a{color:#171512!important;text-decoration:underline;text-underline-offset:3px}body.com_virtuemart.view-cart #onepage_submit_section{display:flex!important;align-items:center;justify-content:flex-end;gap:20px;margin:0!important;padding:0!important}body.com_virtuemart.view-cart #confirmbtn{width:auto!important;min-width:260px!important;min-height:54px!important;margin:0!important;padding:15px 28px!important;border:1px solid #171512!important;border-radius:0!important;background:#171512!important;color:#fff!important;box-shadow:none!important;font:700 14px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.025em;cursor:pointer;transition:background-color .2s ease,color .2s ease}body.com_virtuemart.view-cart #confirmbtn:hover,body.com_virtuemart.view-cart #confirmbtn:focus{background:#fff!important;color:#171512!important}body.com_virtuemart.view-cart #vmMainPageOPC .empty_text{margin:0!important;padding:70px 28px 20px!important;color:#554f48;font:400 19px/1.55 Arial,Helvetica,sans-serif;text-align:center}body.com_virtuemart.view-cart #vmMainPageOPC .empty_text:before{content:'K';display:grid;width:74px;height:74px;margin:0 auto 24px;place-items:center;border:1px solid #bcae9d;border-radius:50%;color:#a18f7b;font:400 38px/1 Georgia,'Times New Roman',serif}body.com_virtuemart.view-cart #vmMainPageOPC .continue_link{display:flex;width:max-content;min-height:48px;margin:18px auto 66px;padding:13px 25px;align-items:center;justify-content:center;border:1px solid #171512;background:#171512;color:#fff!important;font-size:13px;font-weight:700;text-decoration:none!important}body.com_virtuemart.view-cart #vmMainPageOPC .continue_link:hover{background:#fff;color:#171512!important}@media(max-width:900px){body.com_virtuemart.view-cart #onepage_main_div{grid-template-columns:1fr}body.com_virtuemart.view-cart #onepage_main_div>.left_checkout+ .left_checkout,body.com_virtuemart.view-cart #onepage_main_div>.right_checkout{grid-column:1}body.com_virtuemart.view-cart #basket_container .op_basket_header,body.com_virtuemart.view-cart #basket_container .op_basket_rows{grid-template-columns:minmax(220px,1fr) 105px 135px 115px;padding-right:18px;padding-left:18px}}@media(max-width:650px){body.com_virtuemart.view-cart .page-header-box{padding:24px 18px 14px}body.com_virtuemart.view-cart .page-header-box>h1{font-size:40px}body.com_virtuemart.view-cart #vmMainPageOPC{width:calc(100% - 28px);margin-bottom:44px}body.com_virtuemart.view-cart #basket_container .module-title{padding:22px 19px 18px;font-size:28px}body.com_virtuemart.view-cart #basket_container .op_basket_header{display:none!important}body.com_virtuemart.view-cart #basket_container .op_basket_rows{grid-template-columns:1fr 1fr;gap:14px 10px;padding:18px}body.com_virtuemart.view-cart #basket_container .op_col2{grid-column:1/-1;grid-template-columns:86px minmax(0,1fr);gap:14px}body.com_virtuemart.view-cart #basket_container .op_col2>div:first-child,body.com_virtuemart.view-cart #basket_container .op_col2>div:first-child>div:last-child{width:86px!important;height:86px!important}body.com_virtuemart.view-cart #basket_container .op_col5{grid-column:1;text-align:left}body.com_virtuemart.view-cart #basket_container .op_col6{grid-column:2;grid-row:2}body.com_virtuemart.view-cart #basket_container .op_col7{grid-column:1/-1;padding-top:13px!important;border-top:1px solid #e4ddd5!important;text-align:right}body.com_virtuemart.view-cart #basket_container .custom_chec{padding-right:18px;padding-left:18px}body.com_virtuemart.view-cart .coupon_wrapper{max-width:none}body.com_virtuemart.view-cart #onepage_main_div>.left_checkout+ .left_checkout>.tabcontent3,body.com_virtuemart.view-cart #onepage_main_div>.right_checkout,body.com_virtuemart.view-cart #onepage_main_div>#onepage_info_above_button{padding:23px 19px 24px}body.com_virtuemart.view-cart #edit_address_bt_section>.all_fields{grid-template-columns:1fr}body.com_virtuemart.view-cart #edit_address_bt_section .field_wrapper:has(#company_field),body.com_virtuemart.view-cart #edit_address_bt_section .field_wrapper:has(#address_1_field),body.com_virtuemart.view-cart #edit_address_bt_section .field_wrapper:has(#email_field){grid-column:1}body.com_virtuemart.view-cart #onepage_submit_section{display:block!important}body.com_virtuemart.view-cart #confirmbtn{width:100%!important;min-width:0!important}}@media(prefers-reduced-motion:reduce){body.com_virtuemart.view-cart #confirmbtn{transition:none}}