/* Add custom CSS styles below */
.advanced-slider__caption__inner--right {
    max-width: 60%;
}
.advanced-slider__caption__inner__content h2 {
    color: #fff;
    font-size: 44px;
}
.advanced-slider__caption__inner__content p {
    color: #fff;
}
a.advanced-slider__caption__inner__content__button {
    border-radius: 8px;
    padding: 10px 45px;
}
.advanced-slider__caption__inner__content__button:before {
    border-radius: 8px;
}
section#about-2 h2 {
    color: #0A0A0A;
}
a.btn.group.bg-primary.text-primary-reverse.h-12.\!px-6.mt-8.gap-2.\!rounded-none {
    background-color: #1A1A1A;
    color: #fff;
    border-radius: 8px !important;
}
section#about-2 p {
    max-width: 75%;
}
a.offer-countdown-button {
    background-color: #9c9da1ab !important;
    padding: 10px !important;
}
.lg\:grid-cols-5 {
    grid-template-columns: repeat(6,minmax(0,1fr));
}
section.s-block.s-block--square-links .aspect-\[14\/13\] {
    aspect-ratio: 19/13;
    object-fit: contain;
}

.product-card--vertical {
    background-color: #F9F9F9;
    border-radius: 24px;
}
.s-button-outline {
    border-radius: 24px;
}
.main-nav-container.fixed-pinned .inner {
    background-color: #000000;
}
.main-menu li>a {
    color: #fff !important;
}
@media (max-width: 767px) {
  .advanced-slider__caption__inner__content h2 {
    font-size: 33px;
}
  .advanced-slider__caption__inner--right {
    max-width: 100%;
    padding: 0 !important;
}
.advanced-slider__caption {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 4rem;
}
.lg\:grid-cols-5 {
    grid-template-columns: repeat(2,minmax(0,1fr));
}
  footer.store-footer.s-block--animate {
    text-align: center;
}
  .navbar-brand img {
    max-width: 229px;
}
}