@charset "UTF-8";
/* 
 Theme Name: App mobile
 Theme URI: https://www.webemo.pl
 Author: Webemo Sp. z.o.o
 Author URI: https://www.webemo.pl
 Description: Szablon dla aplikacji mobilnej
 Version: 0.1
*/
/* Włącz cross-document view transitions */
@view-transition {
  navigation: auto;
}
/* Ustawienia dla całego przejścia */
::view-transition-group(root) {
  animation-duration: 0.5s; /* Długość animacji */
}

/* Definicje animacji */
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Stary widok (wychodzący) */
::view-transition-old(root) {
  animation: 0.4s ease-in both fade-out;
}

/* Nowy widok (wchodzący) */
::view-transition-new(root) {
  animation: 0.4s ease-in both fade-in;
}

:root .container, :root .container-fluid {
  --bs-gutter-x: 1.876rem !important;
}
:root .offcanvas {
  --bs-offcanvas-border-width: 0;
  --bs-offcanvas-border-color: transparent;
  --bs-offcanvas-box-shadow: none;
  --bs-offcanvas-padding-y: 0;
  --bs-offcanvas-padding-x: 0;
}

/* Dostosowane style dla trybu jasnego */
html[data-bs-theme=light] {
  --bs-body-bg: #ffffff;
  --bs-body-color: #252728;
}
html[data-bs-theme=light] a {
  color: var(--bs-body-color) !important;
}
html[data-bs-theme=light] section.section-desktop div p {
  color: #252728;
}
html[data-bs-theme=light] section.section-desktop div svg .white {
  fill: #000000;
}
html[data-bs-theme=light] section.section-desktop div svg .green {
  fill: #99CC33;
}
html[data-bs-theme=light] section.section-intro .intro .white {
  fill: #000000;
}
html[data-bs-theme=light] section.section-intro .intro .green {
  fill: #99CC33;
}
html[data-bs-theme=light] section.section-brand .container-fluid .theme-toggle .toggle-icon path {
  stroke: #61646b;
}
html[data-bs-theme=light] section.section-brand .container-fluid .brand-logo .white {
  fill: #000000;
}
html[data-bs-theme=light] section.section-brand .container-fluid .brand-logo .green {
  fill: #99CC33;
}
html[data-bs-theme=light] section.section-nav-bottom .card-container {
  background: #99CC33;
  color: #ffffff;
}
html[data-bs-theme=light] section.section-nav-bottom .nav-container {
  background: #ffffff;
  border-top: 1px solid #efeff0;
}
html[data-bs-theme=light] section.section-nav-bottom .nav-container .nav-btn {
  color: #61646B !important;
}
html[data-bs-theme=light] section.section-nav-bottom .nav-container .nav-btn .nav-icon .white {
  fill: #000000;
}
html[data-bs-theme=light] section.section-nav-bottom .nav-container .nav-btn .nav-icon .green {
  fill: #99CC33;
}
html[data-bs-theme=light] section.section-nav-bottom .nav-container .nav-btn.active {
  color: #99CC33 !important;
}
html[data-bs-theme=light] section.section-nav-bottom .nav-container .nav-btn.active svg path {
  fill: #99CC33 !important;
}
html[data-bs-theme=light] section.section-promos-swiper .container-fluid .swiper-container .swiper-item {
  color: #252728;
}
html[data-bs-theme=light] section.section-promos-swiper .container-fluid .swiper-container .swiper-item .swiper-img {
  border: 2px solid #99CC33;
}
html[data-bs-theme=light] section.section-promos-swiper .container-fluid .swiper-container .swiper-item .swiper-img img {
  border: 1px solid #ffffff;
}
html[data-bs-theme=light] section.section-notifs {
  padding-top: 25px;
}
html[data-bs-theme=light] section.section-notifs .container .notifs-container {
  background: #efeff0;
}

/* Dostosowane style dla trybu ciemnego */
html[data-bs-theme=dark] {
  --bs-body-bg: #252728;
  --bs-body-color: #ffffff;
}
html[data-bs-theme=dark] a {
  color: var(--bs-body-color) !important;
}
html[data-bs-theme=dark] section.section-desktop div p {
  color: #ffffff;
}
html[data-bs-theme=dark] section.section-desktop div svg .white {
  fill: #ffffff;
}
html[data-bs-theme=dark] section.section-desktop div svg .green {
  fill: #99CC33;
}
html[data-bs-theme=dark] section.section-intro .intro .white {
  fill: #ffffff;
}
html[data-bs-theme=dark] section.section-intro .intro .green {
  fill: #99CC33;
}
html[data-bs-theme=dark] section.section-brand .container-fluid .theme-toggle .toggle-icon path {
  stroke: none;
  fill: #efeff0;
}
html[data-bs-theme=dark] section.section-brand .container-fluid .white {
  fill: #ffffff;
}
html[data-bs-theme=dark] section.section-brand .container-fluid .green {
  fill: #99CC33;
}
html[data-bs-theme=dark] section.section-nav-bottom .card-container {
  background: #99CC33;
  color: #ffffff;
}
html[data-bs-theme=dark] section.section-nav-bottom .nav-container {
  background: #252728;
  border-top: 1px solid #666666;
}
html[data-bs-theme=dark] section.section-nav-bottom .nav-container .nav-btn {
  color: #efeff0;
}
html[data-bs-theme=dark] section.section-nav-bottom .nav-container .nav-btn .nav-icon .white {
  fill: #ffffff;
}
html[data-bs-theme=dark] section.section-nav-bottom .nav-container .nav-btn .nav-icon .green {
  fill: #99CC33;
}
html[data-bs-theme=dark] section.section-nav-bottom .nav-container .nav-btn .nav-icon svg path {
  fill: #ffffff;
}
html[data-bs-theme=dark] section.section-nav-bottom .nav-container .nav-btn.active {
  color: #99CC33 !important;
}
html[data-bs-theme=dark] section.section-nav-bottom .nav-container .nav-btn.active .nav-icon svg path {
  fill: #99CC33;
}
html[data-bs-theme=dark] section.section-promos-swiper .container-fluid .swiper-container .swiper-item {
  color: #ffffff;
}
html[data-bs-theme=dark] section.section-promos-swiper .container-fluid .swiper-container .swiper-item .swiper-img {
  border: 2px solid #99CC33;
}
html[data-bs-theme=dark] section.section-promos-swiper .container-fluid .swiper-container .swiper-item .swiper-img img {
  border: 1px solid #252728;
}
html[data-bs-theme=dark] section.section-notifs {
  padding-top: 25px;
}
html[data-bs-theme=dark] section.section-notifs .container .notifs-container {
  background: #666666;
}
html[data-bs-theme=dark] section.section-notifs .container .notifs-container .notifs-icon svg path {
  fill: #ffffff;
}
html[data-bs-theme=dark] section.section-shops .container .shops-container .shop-item .item-content .content p {
  color: #ffffff;
}
html[data-bs-theme=dark] section.section-shops .container .shops-container .shop-item .item-content .add-fav label .unchecked-icon path {
  fill: #ffffff !important;
}
html[data-bs-theme=dark] section.section-shops .container .shops-container .shop-item .item-buttons .btn-call {
  background: #252728;
  color: #ffffff !important;
}
html[data-bs-theme=dark] .offcanvas .offcanvas-body .shop-container .shop-contact .contact-phone .phone-icon svg path {
  fill: #ffffff;
}

/* Main theme */
body {
  font-family: "PT Sans", sans-serif;
  font-style: normal;
  margin: 0;
  padding: 0;
}
body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body h1, body h2, body h3, body h4, body h5, body h6 {
  margin: 0;
  line-height: 100%;
}
body p {
  padding: 0;
  margin: 0;
}

section.section-intro {
  background: var(--bs-body-bg);
  z-index: 10000;
}
section.section-intro .intro {
  opacity: 0;
  animation: fadeIn 1s ease-in-out 0.5s forwards;
}

section.section-desktop {
  background: var(--bs-body-bg);
}
section.section-desktop .container div svg .white {
  fill: #ffffff;
}
section.section-desktop .container div svg .green {
  fill: #99CC33;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
section.section-brand {
  height: 70px;
}
section.section-brand .container-fluid .white-space {
  width: 24px;
}
section.section-brand .container-fluid .brand-logo {
  width: 100%;
  max-width: 160px;
  height: auto;
}
section.section-brand .container-fluid .theme-toggle {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
}

section.section-card {
  bottom: 0;
}
section.section-card .card-btn {
  width: fit-content;
  color: #ffffff;
  text-decoration: none;
  font-size: 0.813rem;
  font-weight: 700;
  line-height: 1.063rem;
  background: #99CC33;
  border-radius: 4px;
  outline: none;
  border: 0;
  margin-bottom: 80px;
  padding: 7px 10px;
  column-gap: 10px;
}
section.section-card .card-btn .card-icon {
  width: 22px;
  height: 22px;
}

section.section-nav-bottom {
  bottom: 0;
  left: 0;
  z-index: 9999;
}
section.section-nav-bottom .nav-container {
  background: #ffffff;
  border-top: 1px solid #efeff0;
  height: 75px;
}
section.section-nav-bottom .nav-container .nav-btn {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  text-decoration: none;
  letter-spacing: 0px;
  gap: 6px;
}
section.section-nav-bottom .nav-container .nav-btn .nav-icon {
  width: 28px;
  height: 28px;
}
section.section-nav-bottom .nav-container .nav-btn.active {
  font-weight: 700;
}

section.section-promos-swiper {
  padding-top: 15px;
}
section.section-promos-swiper .container-fluid {
  padding: 0;
}
section.section-promos-swiper .container-fluid .swiper-header {
  margin-left: calc(var(--bs-gutter-x) * 0.5);
}
section.section-promos-swiper .container-fluid .swiper-header h2 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.438rem;
}
section.section-promos-swiper .container-fluid .swiper {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  gap: 12px;
  padding-top: 15px;
}
section.section-promos-swiper .container-fluid .swiper .swiper-item {
  max-width: 70px;
  row-gap: 5px;
  font-size: 0.75rem;
  font-weight: 400;
  text-decoration: none;
  scroll-behavior: smooth;
  scroll-snap-align: center;
}
section.section-promos-swiper .container-fluid .swiper .swiper-item .swiper-img {
  overflow: hidden;
  width: 70px;
  height: 70px;
  border: 2px solid #99CC33;
  border-radius: 50px;
}
section.section-promos-swiper .container-fluid .swiper .swiper-item .swiper-img img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  border-radius: 50px;
}
section.section-promos-swiper .container-fluid .swiper .swiper-item .swiper-text p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}
section.section-promos-swiper .container-fluid .swiper .swiper-item:first-of-type {
  margin-left: calc(var(--bs-gutter-x) * 0.5);
}
section.section-promos-swiper .container-fluid .swiper .swiper-item:last-of-type {
  margin-right: calc(var(--bs-gutter-x) * 0.5);
}

section.section-notifs {
  padding-top: 25px;
}
section.section-notifs .container .notifs-container {
  padding: 10px;
  gap: 10px;
  border-radius: 12px;
}
section.section-notifs .container .notifs-container .notifs-icon {
  width: 28px;
  height: 28px;
}
section.section-notifs .container .notifs-container .notifs-text {
  gap: 3px;
}
section.section-notifs .container .notifs-container .notifs-text p {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}
section.section-notifs .container .notifs-container .notifs-text p span {
  color: #99CC33;
  font-weight: 700;
}

section.section-promos {
  padding-top: 25px;
}
section.section-promos .container .promos-header h2 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.438rem;
}
section.section-promos .container .promos-container {
  padding-top: 15px;
  gap: 24px;
}
section.section-promos .container .promos-container .promos-item {
  text-decoration: none;
  color: #252728;
  font-size: 0.875rem;
  gap: 12px;
}
section.section-promos .container .promos-container .promos-item .promos-img {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
section.section-promos .container .promos-container .promos-item .promos-img img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
section.section-promos .container .promos-container .promos-item .promos-img .promos-date {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 0.625rem;
  line-height: 0.813rem;
  background: #d8decc;
  padding: 5px 10px;
  border-radius: 7px;
  color: #252728;
}
section.section-promos .container .promos-container .promos-item .promos-img .promos-discount {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 0.875rem;
  line-height: 1.125rem;
  background: #FF8701;
  padding: 5px 10px;
  border-radius: 7px;
  color: #ffffff;
  font-weight: 700;
}
section.section-promos .container .promos-container .promos-item .promos-txt p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
section.section-promos .container .promos-container .promos-item:last-of-type {
  margin-bottom: 130px;
}

section.section-shops {
  padding-top: 15px;
}
section.section-shops .container .shops-container {
  gap: 24px;
}
section.section-shops .container .shops-container .shop-item {
  text-decoration: none;
  color: #252728;
  font-size: 0.875rem;
  gap: 12px;
}
section.section-shops .container .shops-container .shop-item .item-img {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
section.section-shops .container .shops-container .shop-item .item-img img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
section.section-shops .container .shops-container .shop-item .item-content .content {
  gap: 6px;
}
section.section-shops .container .shops-container .shop-item .item-content .content p {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
section.section-shops .container .shops-container .shop-item .item-content .add-fav {
  width: 24px;
  height: 24px;
}
section.section-shops .container .shops-container .shop-item .item-content .add-fav label input.fav-checkbox {
  display: none;
}
section.section-shops .container .shops-container .shop-item .item-content .add-fav label input.fav-checkbox + .unchecked-icon {
  display: block;
}
section.section-shops .container .shops-container .shop-item .item-content .add-fav label input.fav-checkbox + .unchecked-icon + .checked-icon {
  display: none;
}
section.section-shops .container .shops-container .shop-item .item-content .add-fav label input.fav-checkbox:checked + .unchecked-icon {
  display: none;
}
section.section-shops .container .shops-container .shop-item .item-content .add-fav label input.fav-checkbox:checked + .unchecked-icon + .checked-icon {
  display: block;
}
section.section-shops .container .shops-container .shop-item .item-buttons .btn-detail {
  width: fit-content;
  min-width: 30%;
  background: #99CC33;
  color: #ffffff !important;
  font-size: 0.813rem;
  font-weight: 700;
  line-height: 1.063rem;
  text-decoration: none;
  text-align: center;
  padding: 9px 18px;
  border-radius: 100px;
}
section.section-shops .container .shops-container .shop-item .item-buttons .btn-tour {
  width: fit-content;
  min-width: 30%;
  background: #d8decc;
  color: #252728 !important;
  font-size: 0.813rem;
  font-weight: 700;
  line-height: 1.063rem;
  text-decoration: none;
  text-align: center;
  padding: 9px 18px;
  border-radius: 100px;
}
section.section-shops .container .shops-container .shop-item .item-buttons .btn-call {
  width: fit-content;
  min-width: 30%;
  background: #ffffff;
  color: #252728 !important;
  font-size: 0.813rem;
  font-weight: 700;
  line-height: 1.063rem;
  text-decoration: none;
  text-align: center;
  padding: 9px 18px;
  border-radius: 100px;
  border: 1px solid #99CC33;
}
section.section-shops .container .shops-container .shop-item:last-of-type {
  margin-bottom: 130px;
}

section.section-contact {
  padding-top: 15px;
}
section.section-contact .container .contact-container {
  gap: 45px;
}
section.section-contact .container .contact-container .contact-social .social-header {
  padding-bottom: 15px;
}
section.section-contact .container .contact-container .contact-social .social-header h3 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.438rem;
}
section.section-contact .container .contact-container .contact-social .social-buttons {
  column-gap: 20px;
}
section.section-contact .container .contact-container .contact-links .links-header {
  padding-bottom: 15px;
}
section.section-contact .container .contact-container .contact-links .links-header h3 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.438rem;
}
section.section-contact .container .contact-container .contact-links .links-buttons .btn-link {
  width: fit-content;
  background: #d8decc;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  text-decoration: none;
  color: #252728 !important;
  padding: 5px 10px;
  border-radius: 7px;
  gap: 10px;
}
section.section-contact .container .contact-container .contact-links .links-buttons .btn-link .link-icon {
  width: 18px;
  height: 18px;
}

section.section-policy .container .policy-container {
  margin-bottom: 130px;
}

.offcanvas .close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  background: #d8decc;
  border: 0;
  border-radius: 7px;
}
.offcanvas .close-btn .close-icon {
  position: absolute;
  width: 22px;
  height: 22px;
  background: #d8decc;
  border: 2px solid #252728;
  border-radius: 7px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.offcanvas .close-btn .close-icon:before {
  position: absolute;
  content: " ";
  height: 10px;
  width: 2px;
  background: #252728;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.offcanvas .close-btn .close-icon:after {
  position: absolute;
  content: " ";
  height: 10px;
  width: 2px;
  background: #252728;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.offcanvas .promo-container {
  margin-bottom: 130px;
}
.offcanvas .promo-container .promo-img {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.offcanvas .promo-container .promo-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 16/10;
}
.offcanvas .promo-container .promo-img .promo-date {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  background: #d8decc;
  padding: 5px 10px;
  border-radius: 7px;
  color: #252728;
  max-height: 28px;
}
.offcanvas .promo-container .promo-img .promo-discount {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.938rem;
  background: #FF8701;
  padding: 5px 10px;
  border-radius: 7px;
  color: #ffffff;
  max-height: 40px;
}
.offcanvas .promo-container .promo-content {
  gap: 24px;
  margin-top: 24px;
}
.offcanvas .promo-container .promo-content .content-txt {
  gap: 10px;
}
.offcanvas .promo-container .promo-content .content-txt h3 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.438rem;
}
.offcanvas .promo-container .promo-content .content-txt p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.offcanvas .promo-container .promo-content .content-btn .btn-lnk {
  font-size: 0.938rem;
  font-weight: 700;
  line-height: 1.188rem;
  text-decoration: none;
  width: fit-content;
  padding: 15px 30px;
  background: #99CC33;
  border-radius: 100px;
  color: #ffffff !important;
}
.offcanvas .shop-container {
  gap: 24px;
  margin-bottom: 130px;
}
.offcanvas .shop-container .shop-img {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.offcanvas .shop-container .shop-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 16/10;
}
.offcanvas .shop-container .shop-header {
  gap: 24px;
}
.offcanvas .shop-container .shop-header .header {
  gap: 10px;
}
.offcanvas .shop-container .shop-header .header h3 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.438rem;
}
.offcanvas .shop-container .shop-header .header p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.offcanvas .shop-container .shop-header .btn-tour {
  width: 100%;
  background: #d8decc;
  color: #252728 !important;
  font-size: 0.813rem;
  font-weight: 700;
  line-height: 1.063rem;
  text-decoration: none;
  padding: 9px 18px;
  border-radius: 100px;
}
.offcanvas .shop-container .shop-content {
  row-gap: 10px;
}
.offcanvas .shop-container .shop-content .row .col-8 p,
.offcanvas .shop-container .shop-content .row .col-4 p {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.offcanvas .shop-container .shop-contact {
  gap: 10px;
}
.offcanvas .shop-container .shop-contact .contact-phone {
  gap: 10px;
}
.offcanvas .shop-container .shop-contact .contact-phone .phone-icon {
  width: 24px;
  height: 24px;
}
.offcanvas .shop-container .shop-contact .contact-phone p {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.438rem;
}
.offcanvas .shop-container .shop-contact .contact-call {
  width: 100%;
  padding: 15px 30px;
  background: #99CC33;
  text-decoration: none;
  text-align: center;
  font-size: 0.938rem;
  font-weight: 700;
  line-height: 1.188rem;
  color: #ffffff !important;
  border-radius: 100px;
}

.modal {
  background-color: rgba(0, 0, 0, 0.7);
}
.modal .modal-dialog {
  position: fixed;
  width: calc(100% - var(--bs-modal-margin) * 4);
  bottom: 80px;
}
.modal .modal-dialog .modal-content {
  position: relative;
  border-radius: 15px;
  box-shadow: none;
}
.modal .modal-dialog .modal-content .close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  background: #d8decc;
  border: 0;
  border-radius: 7px;
}
.modal .modal-dialog .modal-content .close-btn .close-icon {
  position: absolute;
  width: 22px;
  height: 22px;
  background: #d8decc;
  border: 2px solid #252728;
  border-radius: 7px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.modal .modal-dialog .modal-content .close-btn .close-icon:before {
  position: absolute;
  content: " ";
  height: 10px;
  width: 2px;
  background: #252728;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal .modal-dialog .modal-content .close-btn .close-icon:after {
  position: absolute;
  content: " ";
  height: 10px;
  width: 2px;
  background: #252728;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 30px;
  gap: 15px;
}
.modal .modal-dialog .modal-content .modal-body p {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.438rem;
  text-align: center;
}
.modal .modal-dialog .modal-content .modal-body p span {
  color: #99CC33;
}
.modal .modal-dialog .modal-content .modal-body img {
  aspect-ratio: 1/1;
}
.modal.fade:not(.show) {
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}

@media only screen and (min-width: 900px) {
  section.section-desktop {
    display: block !important;
    z-index: 10000;
  }
  section.section-desktop div .animation-img {
    max-width: 100px;
    max-height: 100%;
  }
  section.section-desktop div .animation-img img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
  }
  section.section-desktop div p span {
    color: #99CC33;
  }
}
@media only screen and (max-width: 899.99px) and (min-width: 767px) {
  .container {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 766.99px) and (min-width: 576px) {
  .container {
    max-width: 100% !important;
  }
}
/*# sourceMappingURL=maps/css/style.css.map */