@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:wght@300..700&display=swap');

:root {
  /*----- Font family -----*/
  --bs-body-font-family: "Mona Sans", sans-serif;
  --in-heading-font-family: "Mona Sans", sans-serif;

  /*----- Border -----*/
  --in-item-border: 1px solid rgba(var(--bs-body-color-rgb), 0.1);
  --in-input-border: 1px solid rgba(var(--bs-body-color-rgb), 0.1);

  /*----- Border radius -----*/
  --in-item-border-radius: 12px;
  --in-btn-border-radius: 6px;
  --in-input-border-radius: 6px;

  /*----- Box shadow -----*/
  --in-item-box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.03), 0 2px 4px -2px rgb(0 0 0 / 0.03); 

  /*----- Text color -----*/
  --in-body-color: color-mix(in hsl, var(--bs-body-color), var(--bs-body-bg) 35%);

  /*----- Background color -----*/
  --in-item-bg-color: var(--bs-body-bg);
  --in-input-bg-color: rgba(var(--bs-body-color-rgb), 0.02);
  --in-body-bg-color: rgba(var(--bs-black-rgb), 0.02);

  /*----- Background image -----*/
  --in-input-bg-img: linear-gradient(rgba(var(--bs-body-color-rgb), 0.02), rgba(var(--bs-body-color-rgb), 0.02)), linear-gradient(var(--bs-body-bg), var(--bs-body-bg));
  --in-item-bg-img: linear-gradient(rgba(var(--bs-white-rgb), 0.08), rgba(var(--bs-white-rgb), 0.08)), linear-gradient(var(--bs-body-bg), var(--bs-body-bg));

  --in-item-category-img-margin: -16px 1rem -16px -16px;
  --in-item-img-margin: -16px -16px 0 -16px;
  --in-item-padding: 1rem;
}



.copy-toolbar {
  height: 8rem;
  background-color: rgba(0, 0, 0, 0.03);
  border: var(--in-item-border);
  border-width: 1px 0;
  /*box-shadow:
  inset 0 0.25em 0.75em rgba(0, 0, 0, 0.03),
  inset 0 0.25em 0.75em rgba(0, 0, 0, 0.03);*/
}

/*----------------------------------*/
.service-card {
  perspective: 1000px;
  height: 400px;
}

.service-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  cursor: pointer;
}

.service-card:hover .service-card-inner {
  transform: rotateY(180deg);
}

.service-card-front,
.service-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 15px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
  overflow: hidden;
}

.service-card-front {
  background: linear-gradient(45deg, #6366f1, #8b5cf6);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 2rem;
}

.service-card-back {
  background: white;
  color: #1f2937;
  transform: rotateY(180deg);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.icon-wrapper {
  width: 80px;
  height: 80px;
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.feature-list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #e5e7eb;
}

.feature-list li:last-child {
  border-bottom: none;
}

.hover-lift {
  transition: transform 0.2s;
}

.hover-lift:hover {
  transform: translateY(-5px);
}

/*----------------------------------*/
.logo-cloud {
  background-color: #f8f9fa;
}

.logo-item {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

.logo-item i {
  font-size: 2.5rem;
  color: #6c757d;
  transition: all 0.3s ease;
}

.logo-item:hover i {
  color:var(--bs-primary);
}

/*----------------------------------*/
.nav-tabs .nav-link, .nav-tabs .section-tabs .item a, .nav-tabs .section-tabs .item .eshop-menu__link--button, .section-tabs .item .nav-tabs a, .section-tabs .item .nav-tabs .eshop-menu__link--button, .nav-tabs .section-tabs .item button.navbar__menu-link, .section-tabs .item .nav-tabs button.navbar__menu-link {
  margin-bottom: 0;
  color: rgba(var(--bs-body-color-rgb), 0.6);
  background-color: var(--in-item-bg-color);
  background-image: var(--in-item-bg-img);
  border: var(--in-item-border);
  border-radius: var(--in-btn-border-radius);
  font-weight: 500;
  font-size: 16px;
  padding: 10px 16px;
}

.section-tabs .nav-link.active, .section-tabs .item a.active, .section-tabs .item .active.eshop-menu__link--button, .section-tabs .item button.active.navbar__menu-link, .section--tabs .nav-link.active {
  color: var(--bs-body-bg);
  background-color: var(--bs-primary);
  background-image: var(--bs-primary);
  border: 0;
}

.nav-tabs .nav-link:not(.active):hover, .nav-tabs .section-tabs .item a:not(.active):hover, .section-tabs .item .nav-tabs a:not(.active):hover, .nav-tabs .section-tabs .item button.navbar__menu-link:not(.active):hover, .section-tabs .item .nav-tabs button.navbar__menu-link:not(.active):hover, .nav-tabs .section-tabs .item .eshop-menu__link--button:not(.active):hover, .section-tabs .item .nav-tabs .eshop-menu__link--button:not(.active):hover {
  color: rgba(var(--bs-body-color-rgb), 1);
  border: 1px solid rgba(var(--bs-body-color-rgb), 0.4);
  /*background-color: rgba(var(--bs-body-color-rgb), 0.005);
  background-image: rgba(var(--bs-body-color-rgb), 0.005);*/
}

.section-tabs .nav {
  gap: 6px;
}

.nav-tabs {
  border-bottom: var(--in-item-border);
  padding-bottom: 1rem;
}

.card.card-background.card-background-mask-dark:after {
  background-image: linear-gradient(310deg, #27272a, #18181b);
  opacity: .85;
}

.card.card-background:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  display: block;
  content: "";
  background: rgba(0, 0, 0, .4);
  border-radius: .75rem;
}


.container--article .col-text, .container--article .section--header, .container--article .section--text, .container--article .section-blank, .container--article .section-title, .container--article .section-header, .container--article .section-cta, .container--article .col-text.section-bg-light>*, .container--article .col-text.section-bg>*, .container--article .section--header.section-bg-light>*, .container--article .section--header.section-bg>*, .container--article .section--text.section-bg-light>*, .container--article .section--text.section-bg>*, .container--article .section-blank.section-bg-light>*, .container--article .section-blank.section-bg>*, .container--article .section-title.section-bg-light>*, .container--article .section-title.section-bg>*, .container--article .section-header.section-bg-light>*, .container--article .section-header.section-bg>*, .container--article .section-cta.section-bg-light>*, .container--article .section-cta.section-bg>* {
  max-width: 40rem;
}



body, .table tbody, .table-striped>tbody>tr:nth-of-type(odd)>* {
  color: var(--in-body-color);
}

b, strong {
  font-weight: 600;
}

#main, .breadcrumb {
  background-color: var(--in-body-bg-color);
}

.article-detail .container--article .section-container:not(.section-dynamic) img:not(.img-circle):not(.img-square), #index .container--article .section-container:not(.section-dynamic) img:not(.img-circle):not(.img-square) {
  border-radius: var(--in-item-border-radius);
}

/* MAIN PADDING & MARGIN
===========================================*/
#main {
  padding-bottom: 0;
  padding-top: 0;
}

.article-detail .main>.container:first-child, .article-detail .main>.motive__motto:first-child, .article-detail .container--article, .article-detail #main {
  padding-bottom: 0;
}

.main>.container:first-child, .main>.motive__motto:first-child, .container--article {
  padding-bottom: clamp(4rem, 7vw, 8rem);
  padding-top: 0;
}

#index .main,
#index .container--article,
#index .main>.container:first-child {
  padding-bottom: 0;
}

#galleries #main {
  padding-top: clamp(4rem, 7vw, 8rem);
}

/* TYPOGRAPHY
===========================================*/
h6, .h6, h5, .h5, h4, .cart-form__title, .account-form__title, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: var(--in-heading-font-family);
  color: var(--bs-body-color);
  margin-top: 0;
  margin-bottom: .5em;
  font-weight: 600;
  line-height: 1.3;
  text-wrap: balance;
}

h1, .h1, .section--header h1, .section--header .h1, .section-title h1, .section-title .h1 {
  font-size: 2.5rem;
}

@media (min-width: 1200px) {
  h1, .h1, .section--header h1, .section--header .h1, .section-title h1, .section-title .h1 {
    font-size: 3.5rem;
  }
}

.container--article h1+p, .container--article .h1+p {
  margin-top: clamp(1rem, 4vw, 2rem);
}

h2, .h2 {
  font-size: 2rem;
}

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

h3, .h3 {
  font-size: 1.5rem;
}

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

.section-3-col-bottom-text h3,
.section-3-col-bottom-text .h3,
.section-3-col-top-text h3,
.section-3-col-top-text .h3 {
  font-size: 1.5rem;
  font-weight: 600;
}

h4, .cart-form__title, .account-form__title, .h4 {
  font-size: 1.25rem;
}

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

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

h6,.h6 {
  font-size: 1.125rem;
}

@media(min-width: 768px) {
  .font-size-fluid,.col-text,.section--header,.section--text,.section-blank,.section-title,.section-header,.section-cta,.section-2-col-right-text,.section-2-col-left-text {
    font-size: var(--bs-body-font-size);
    line-height: var(--bs-body-line-height);
  }
}

.container--article p+h2, .container--article p+.h2, .container--article ol+h2, .container--article ol+.h2, .container--article ul+h2, .container--article ul+.h2  {
  margin-top: clamp(2rem, 4vw, 3rem);
}

.container--article p+h3, .container--article p+.h3, .container--article ol+h3, .container--article ol+.h3, .container--article ul+h3, .container--article ul+.h3 {
  margin-top: clamp(1.75rem, 4vw, 2.5rem);
}

.container--article p+h4, .container--article p+.h4, .container--article ol+h4, .container--article ol+.h4, .container--article ul+h4, .container--article ul+.h4 {
  margin-top: clamp(1.5rem, 4vw, 2rem);
}

.container--article p+h5, .container--article p+.h5, .container--article ol+h5, .container--article ol+.h5, .container--article ul+h5, .container--article ul+.h5 {
  margin-top: clamp(1.25rem, 4vw, 1.75rem);
}

.container--article p+h6, .container--article p+.h6, .container--article ol+h6, .container--article ol+.h6, .container--article ul+h6, .container--article ul+.h6 {
  margin-top: clamp(1.15rem, 4vw, 1.5rem);
}

ol, ul {
  padding-left: 1.25rem;
}

/* BUTTONS
===========================================*/
.btn-primary, .comment__reply:hover, .add-comment__button--submit, .product-page__cart-button, .cart-button, .promo-code__submit, .account-button, .minicart__button-cart, .search-form__search-button, .locked__submit, .motto__button-link, .btn-default {
  padding: 8px 24px;
  font-size: 16px;
  border-radius: var(--in-btn-border-radius);
  font-weight: 600;
  letter-spacing: 0.2px;
}

.btn-sm, .btn-group-sm>.btn, .btn-group-sm>.cookies__button, .btn-group-sm>.comment__reply, .btn-group-sm>.comment__hide, .btn-group-sm>.add-comment__button--close, .btn-group-sm>.add-comment__button--submit, .btn-group-sm>.product-page__cart-button, .btn-group-sm>.product-item__cart-button, .btn-group-sm>.cart-button, .btn-group-sm>.promo-code__submit, .btn-group-sm>.account-button, .btn-group-sm>.minicart__button-cart, .btn-group-sm>.minicart__button-close, .btn-group-sm>.search-form__search-button, .btn-group-sm>.locked__submit, .btn-group-sm>.eshop-filters__submit, .btn-group-sm>.motto__button-link, .btn-group-sm>.navbar__search-button {
  padding: 6px 20px;
  font-size: 14px;
  border-radius: var(--in-btn-border-radius);
}

.btn-lg, .btn-group-lg>.btn, .btn-group-lg>.cookies__button, .btn-group-lg>.comment__reply, .btn-group-lg>.comment__hide, .btn-group-lg>.add-comment__button--close, .btn-group-lg>.add-comment__button--submit, .btn-group-lg>.product-page__cart-button, .btn-group-lg>.product-item__cart-button, .btn-group-lg>.cart-button, .btn-group-lg>.promo-code__submit, .btn-group-lg>.account-button, .btn-group-lg>.minicart__button-cart, .btn-group-lg>.minicart__button-close, .btn-group-lg>.search-form__search-button, .btn-group-lg>.locked__submit, .btn-group-lg>.eshop-filters__submit, .btn-group-lg>.motto__button-link, .btn-group-lg>.navbar__search-button {
  padding: 12px 30px;
  font-size: 18px;
  border-radius: var(--in-btn-border-radius);
}

/* HEADER
===========================================*/
.header {
  box-shadow: 0px 3px 10px #0000000d;
  border-bottom: 1px solid rgba(var(--bs-body-color-rgb), 0.1);
  background-color: var(--in-item-bg-color);
  background-image: var(--in-item-bg-img);
}

/*----- contactus -----*/
.contactus-wrap {
  background-color: var(--in-input-bg-color);
  background-image: var(--in-input-bg-img);
  border-bottom: 1px solid rgba(var(--bs-body-color-rgb), 0.02);
}

.contactus__phone, .contactus__email {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.contactus__phone-icon, .contactus__email-icon {
  font-size: 14px;
  color: var(--bs-primary);
}

.contactus__phone-link, .contactus__email-link {
  font-size: 14px;
  color: var(--bs-body-color);
  font-weight: 400;
}

@media (max-width: 991.98px) {
  .contactus::after {
    background-color: transparent;
  }
}

/*----- navbar -----*/
.navbar__menu-item.active .navbar__menu-item.active {
  background-color: rgba(var(--bs-primary-rgb), 0.015);
}

@media (min-width: 992px) {
  .navbar__menu-item--has-childs .navbar__menu-list {
    border: var(--in-item-border);
    border-radius: var(--in-input-border-radius);
  }
}

/* MOTIV
===========================================*/
body:not(#index) .motive, body:not(#index) .motive.fullscreen {
  display: none;
}

/* SECTION HEADER - PEREX
===========================================*/
.section.section--header {
  padding-bottom: 0;
}

.section--header h1, .section--header .h1, .section-title h1, .section-title .h1 {
  text-align: left;
}

@media (min-width: 768px) {
  .section--header, .section--text {
    padding-left: 0;
    padding-right: 0;
  }
}

.section--header~.perex, .section--header~.section-perex {
  margin-top: 0;
  margin-bottom: 2.5rem;
}

.perex__text-wrapper, .section-perex__text-wrapper {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  text-wrap: balance;
}

.perex, .section-perex {
  max-width: 40rem;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0
}

/* SECTIONS
===========================================*/
section, .section {
  padding-top: clamp(4rem, 7vw, 8rem);
  padding-bottom: clamp(4rem, 7vw, 8rem);
}

.section-container:not(.section-bg)+p+.section-container:not(.section-bg) {
  padding-top: 4rem;
}

.container--article .section-blank, .container--article .section-blank.section-bg>* {
  max-width: unset;
}

.container--article .section-blank.section-bg>* {
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 576px) {
  .section-2-col-right-text>.row, .section-2-col-left-text>.row {
    --bs-gutter-x: 4rem;
  }
}

@media (max-width: 575.98px) {
  .section-2-col-right-text > .row,
  .section-2-col-left-text > .row {
    flex-direction: column-reverse;
    --bs-gutter-y: 2rem;
  }
}

/*----- section 3 col -----*/
.section-3-col-bottom-text h3, .section-3-col-bottom-text .h3, .section-3-col-bottom-text p, .section-3-col-top-text h3, .section-3-col-top-text .h3, .section-3-col-top-text p {
  max-width: unset;
  margin-left: unset;
  margin-right: unset;
}

.section-3-col-bottom-text img {
  margin-bottom: 0;
}

.section-3-col-bottom-text .section-cell-img {
  margin-bottom: 1.5rem;
}

.section-3-col-bottom-text.cell-borders .section-cell-item, .section-3-col-top-text.cell-borders .section-cell-item {
  --section-item-margin: 15px;
  padding: 1.5rem;
  background-color: var(--in-item-bg-color);
  background-image: var(--in-item-bg-img);
  border-radius: var(--in-item-border-radius);
  border: var(--in-item-border);
  box-shadow: var(--in-item-box-shadow);
}

.section-3-col-bottom-text.cell-img-borders .section-cell-item {
  --section-item-margin: 15px;
  overflow: unset;
  padding: 1.5rem;
  background-color: var(--in-item-bg-color);
  background-image: var(--in-item-bg-img);
  border-radius: var(--in-item-border-radius);
  border: var(--in-item-border);
  box-shadow: var(--in-item-box-shadow);
  margin-top: 100px;
}

.section-3-col-bottom-text.cell-img-borders .section-cell-img {
  outline: 1px solid rgba(var(--bs-body-color-rgb), 0.2);
  width: 120px;
  height: 70px;
  border: 0;
  background-color: var(--bs-primary);
  margin-top: -55px;
  border-radius: var(--in-item-border-radius);
  margin-bottom: 2rem;
}

.section-3-col-bottom-text .row {
  --bs-gutter-x: 2rem;
}

/*.section-container.section-3-col-bottom-text.cell-borders .section-cell-img {
text-align: left;
}
.section-container.section-3-col-bottom-text.cell-borders {
align-items: stretch;
}*/

/*----- services -----*/
.section-services li, .section--services li {
  background-color: var(--in-item-bg-color);
  background-image: var(--in-item-bg-img);
  border: var(--in-item-border);
  border-radius: var(--in-input-border-radius);
  box-shadow: var(--in-item-box-shadow);
  border-left: 4px solid var(--bs-primary);
}

/*----- accordion -----*/
.accordion {
  border-radius: var(--in-item-border-radius);
  box-shadow: var(--in-item-box-shadow);
}

.accordion-button {
  font-weight: 500;
  padding: 1.5rem;
}
.accordion-body {
  padding: 0 1.5rem 1rem 1.5rem;
}

.accordion-button, .accordion-button:not(.collapsed) {
  background-color: var(--in-item-bg-color);
  background-image: var(--in-item-bg-img);
}

.accordion-item {
  background-color: var(--in-item-bg-color);
  background-image: var(--in-item-bg-img);
}

.accordion-item:first-of-type .accordion-button, .accordion-item:first-of-type {
  border-top-left-radius: var(--in-item-border-radius);
  border-top-right-radius: var(--in-item-border-radius);
}

.accordion-item:last-of-type .accordion-button.collapsed, .accordion-item:last-of-type {
  border-bottom-right-radius: var(--in-item-border-radius);
  border-bottom-left-radius: var(--in-item-border-radius);
}

/*----- accordion base -----*/
.accordion-base .accordion {
  border-radius: 0;
  box-shadow: unset;
}
.accordion-base .accordion-button { 
  padding: 1.5rem 0;
}
.accordion-base .accordion-body {
  padding: 0 0 1rem 0;
}
.accordion-base .accordion-button, .accordion-base .accordion-button:not(.collapsed) {
  background-color: transparent;
  background-image: unset;
}
.accordion-base .accordion-item {
  background-color: transparent;
  background-image: unset;
  border: 0;
  border-bottom: var(--in-item-border);
}
.accordion-base .accordion-item:last-of-type {
  border-bottom: 0;
}


/* CATEGORY - ARTICLE - ITEMS - GALLERY
===========================================*/
@media (min-width: 1400px) {
  .categories.categories--root .category-wrapper, .article-item-wrapper, .file-item-wrapper, .comment-item-wrapper {
    width: 25%;
  }
}

/* ARTICLE ITEM
===========================================*/
.article-item {
  background-color: var(--in-item-bg-color);
  background-image: var(--in-item-bg-img);
  border-radius: var(--in-item-border-radius);
  border: var(--in-item-border);
  box-shadow: var(--in-item-box-shadow);
  padding: var(--in-item-padding);
  padding-bottom: 1.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.article-item__title {
  margin-top: 1rem;
  padding: 4px 0;
  font-size: 1.25rem;
}

.article-item__details, .comment__details {
  order: 1;
  /*padding: 0 1.25rem;*/
}

.article-item__perex {
  /*padding: 0 1.25rem;*/
  margin-top: 0;
  font-size: 16px;
}

/*----- article img -----*/
.article-item__thumbnail {
  overflow: hidden;
  margin: var(--in-item-img-margin);
  /*border-radius: 1rem;*/
}

.article-item__img-wrapper {
  transition: all 0.5s ease 0s;
  transform: scale(1);
}

.article-item:hover .article-item__img-wrapper {
  transform: scale(1.1);
}

/* CATEGORY
===========================================*/
/*----- category -----*/
.category {
  background-color: var(--in-item-bg-color);
  background-image: var(--in-item-bg-img);
  border: var(--in-item-border);
  border-radius: var(--in-item-border-radius);
  box-shadow: var(--in-item-box-shadow);
  overflow: hidden;
  padding: var(--in-item-padding);
}

.category__thumbnail {
  margin: var(--in-item-category-img-margin);
  /*border-radius: 1rem;
  overflow: hidden;*/
}

/*----- categories root -----*/
.categories--root .category {
  padding: var(--in-item-padding);
  padding-bottom: 1.5rem;
}

.categories--root .category__thumbnail {
  margin: var(--in-item-img-margin);
  /*border-radius: 1rem;*/
  /*overflow: hidden;*/
}

.categories--root .category__thumbnail .category__img-wrapper {
  padding-bottom: 80%;
}

.categories--root .category__info {
  margin-top: 0.5rem;
}

/* FILE
===========================================*/
.file-item {
  padding: 1.25rem; 
  background-color: var(--in-item-bg-color);
  background-image: var(--in-item-bg-img);
  border: var(--in-item-border);
  border-radius: var(--in-item-border-radius);
  box-shadow: var(--in-item-box-shadow);
}

.file-item__header {
  margin-bottom: 1rem;
}

.file-item__title {
  font-size: 16px;
}

.file-item__details {
  font-size: 14px;
}

/* GALLERY
===========================================*/
/*----- gallery img -----*/
.gallery__item-link {
  border-radius: var(--in-item-border-radius);
}

.gallery__item .gallery__item-img {
  -webkit-filter: unset;
  filter: unset;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}

.gallery__item-link:hover .gallery__item-img {
  transform: scale(1.1) !important;
}

/* FORM
===========================================*/
/*----- user form -----*/
.user-form {
  background-color: var(--in-item-bg-color);
  background-image: var(--in-item-bg-img);
  border: var(--in-item-border);
  border-radius: var(--in-item-border-radius);
  box-shadow: var(--in-item-box-shadow);
}

/*----- search form -----*/
.search-form-wrapper { 
  background-color: var(--in-item-bg-color);
  background-image: var(--in-item-bg-img);
  border: var(--in-item-border);
  border-radius: var(--in-item-border-radius);
  box-shadow: var(--in-item-box-shadow);
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .search-form-wrapper {
    padding: 1.25rem;
    max-width: fit-content;
  }
}

/* INPUT
===========================================*/
.form-control, .add-comment__input, .cart-form__input, .promo-code__input, .account-form__input, .search-form__input, .user-form__input, .locked__input, .navbar__search-input {
  background-color: var(--in-input-bg-color);
  background-image: var(--in-input-bg-img);
  border: var(--in-input-border);
  border-radius: var(--in-input-border-radius);
}

.navbar__search-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* TABLE
===========================================*/
.table {
  --bs-table-striped-bg: rgba(var(--bs-body-color-rgb), 0.025);
}

/* FOOTER
===========================================*/
.footer {
  padding-top: 0;
}

.footer .section-container {
  background-color: var(--in-item-bg-color);
  background-image: var(--in-item-bg-img);
  border-top: var(--in-item-border);
}

.footer p {
  margin: 0;
}

.footer .h6 {
  color: var(--bs-body-color);
  font-weight: 600;
}

.footer, .footer a {
  color: rgba(var(--bs-body-color-rgb), 0.6);
  font-size: 15px;
}

.footer a:hover {
  color: var(--bs-body-color);
  text-decoration: underline;
  text-decoration-color: var(--bs-primary);
  text-underline-offset: 3px;
}

.footer .social-icons > li > a > img {
  filter: saturate(0%) brightness(0%) invert(100%) opacity(0.6);
  transition: all 100ms ease-in;
}

.footer .social-icons > li > a:hover > img {
  filter: saturate(0%) brightness(0%) invert(100%) opacity(1);
}

/* SITEMAP
===========================================*/
.sitemap {
  max-width: 40rem;
  margin-left: unset;
  margin-right: unset;
  background-color: var(--in-item-bg-color);
  background-image: var(--in-item-bg-img);
  border: var(--in-item-border);
  border-radius: var(--in-item-border-radius);
  box-shadow: var(--in-item-box-shadow);
}

/* UTILS
===========================================*/
.border-item {
  border: var(--in-item-border);
}

.border-item-primary {
  border: 1px solid rgba(var(--bs-primary-rgb), 0.125)
}

.rounded-item {
  border-radius: var(--in-item-border-radius);
}

.rounded-btn {
  border-radius: var(--in-btn-border-radius);
}

.rounded-input {
  border-radius: var(--in-input-border-radius);
}

.shadow-item {
  box-shadow: var(--in-item-box-shadow);
}

.bg-color-item {
  background-color: var(--in-item-bg-color);
}

.bg-img-item {
  background-image: var(--in-item-bg-img);
}

.p-item {
  padding: 2rem;
}

.shadow-md {
  -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, .175) !important;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, .175) !important;
}

.text-body-color {
  color: var(--in-body-color);
}

.bg-body-color {
  background-color: rgba(var(--bs-body-color-rgb), var(--bs-bg-opacity)) !important;
}

.border-base {
  border-color: rgba(var(--bs-body-color-rgb), 0.10) !important;
}

.bg-opacity-5 {
  --bs-bg-opacity: 0.05;
}

.bg-opacity-4 {
  --bs-bg-opacity: 0.04;
}

.bg-opacity-3 {
  --bs-bg-opacity: 0.03;
}

.bg-opacity-2 {
  --bs-bg-opacity: 0.02;
}

.bg-opacity-1 {
  --bs-bg-opacity: 0.01;
}

.text-balance {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}

.rounded-4 {
  border-radius: 0.5rem !important;
}

.rounded-5 {
  border-radius: 1rem !important;
}

.fw-medium {
  font-weight: 500;
}

.fw-bolder {
  font-weight: 600 !important;
}

.fs-18 {
  font-size: 18px; 
}

/*.p-5 {
padding: 2rem !important;
}
.p-6 {
padding: 2.5rem !important;
}
.p-7 {
padding: 3rem !important;
}
.pb-5, .py-5 {
padding-bottom: 2rem !important;
}

.pb-6, .py-6 {
padding-bottom: 2.5rem !important;
}

.pb-7, .py-7 {
padding-bottom: 3rem !important;
}

.pt-5, .py-5 {
padding-bottom: 2rem !important;
}

.pt-6, .py-6 {
padding-bottom: 2.5rem !important;
}

.pt-7, .py-7 {
padding-bottom: 3rem !important;
}*/

.section-custom {
  padding-top: 0;
  padding-bottom: 0;
}

/*----- Logo clouds -----*/
.marquee-track {
  display: flex;
  align-items: center;
  gap: 60px;
  white-space: nowrap;
  will-change: transform;
}

.brand-item {
  flex: 0 0 auto;
}

.brand-item img {
  height: 40px;
  width: auto;
  object-fit: contain;
  transition: all .3s ease;
  opacity: .7;
}

.brand-item img:hover {
  opacity: 1;
  transform: scale(1.05);
}

@media (max-width:768px) {
  .brand-item img {
    height: 40px;
  }
}

/*---- animace obrazku ------------------------*/
.hand-mockup {
  position: relative;
  z-index: 1;
  animation: float 16s ease-in-out infinite;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0) translateX(0) rotate(0);
  }

  50% {
    transform: translateY(100px) translateX(150px) rotate(-16deg);
  }
}