/* Add custom CSS styles below */ 

:root {
        --main-color: #1a4b9a;
        --second-color: #fbba17;
        --third-color: white;
      }
.faded-sq .banner-square .text-wrapper {
    bottom: -29.5px;
    top: auto;
    z-index: 1;
    --tw-translate-x: -50%;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    overflow: hidden;
}
.s-product-card-entry {
    
    box-shadow: 2px 2px 4px #9d9d9d;
}
.store-footer__inner {
    border-color: currentColor;
    border-color: initial;
    padding: 1rem;
    margin: 1rem;
    border-radius: 5rem;
    border: 3px solid #1a4b9a;
    }
    .store-footer .footer-container .logo-footer .foo {
    margin-bottom: .5rem;
    width: auto;
    height: 7rem !important;
}
.faded-sq .banner-square .text-wrapper h3 {
    visibility: visible;
    opacity: 1;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    will-change: transform;
    color: #244a9a;
    font-size: 16px;
    margin-top: .375rem;
}

.s-block--banners .banner-square h3 {
    margin-top: .375rem;
    color: #1a4b9a;
}

.banner--fixed img
{   
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--main-color)), color-stop(50%, transparent)), 
                -webkit-gradient(linear, left top, right top, color-stop(50%, var(--main-color)), color-stop(50%, transparent)), 
                -webkit-gradient(linear, left bottom, left top, color-stop(50%, var(--main-color)), color-stop(50%, transparent)), 
                -webkit-gradient(linear, left bottom, left top, color-stop(50%, var(--main-color)), color-stop(50%, transparent));
   
    background: -o-linear-gradient(left, var(--main-color) 50%, transparent 50%), 
                -o-linear-gradient(left, var(--main-color) 50%, transparent 50%), 
                -o-linear-gradient(bottom, var(--main-color) 50%, transparent 50%), 
                -o-linear-gradient(bottom, var(--main-color) 50%, transparent 50%);
   
    background: linear-gradient(90deg, var(--main-color) 50%, transparent 50%), 
                linear-gradient(90deg, var(--main-color) 50%, transparent 50%), 
                linear-gradient(0deg, var(--main-color) 50%, transparent 50%), 
                linear-gradient(0deg, var(--main-color) 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 16px 2px, 16px 2px, 2px 16px, 2px 16px;
    background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
    border-radius: 5px;
    padding: 7px;
    -webkit-animation: dash 35s linear infinite;
    animation: dash 35s linear infinite;
}

@-webkit-keyframes dash
{
    to
    {
        background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
    }
}

@keyframes dash
{
    to
    {
        background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
    }
}


.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled,
.s-button-element:not(:disabled):not([loading])
{
    color: #fff !important;
    padding: 10px 10px;
    text-align: center;
    border-radius: 12px;
    border: ridge 2px var(--second-color);
    background: linear-gradient(15deg,var(--main-color) 0%,#0752df 50%,var(--main-color) 100%);
    background-size: 250%;   
    animation: shine 1s alternate infinite;
}
@keyframes shine
{
  100%
  {
      background-position: 250% center;
  }
  
  .lazy__bg.lazy_menu {
    position: relative;
    height: 2.5rem;
    width: 2.5rem;
    
}


.s-product-card-entry {
 
    box-shadow: 2px 2px 4px #1a4b9a;
}
.h-16 {
    height: 5rem;
}
.p-4 {
    padding: 0rem;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    display: none;
}
@media (min-width: 768px) {
    .min--10 {
        width: 10%;
        max-width: 14%;
    }
}
@media screen and (max-width: 600px) {
.faded-sq .banner-square .text-wrapper h3 {
    visibility: visible;
    opacity: 1;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    will-change: transform;
    color: white !important;
    font-size: 16px;
    
}
}