/* Add custom CSS styles below */ 

.navbar-brand img,.main-nav-container.fixed-pinned .navbar-brand img,
.store-footer__inner .container div:nth-child(2) a img {
    max-height: 3rem;
    width: auto;
    animation: scale 1.3s linear infinite
}

.s-block--square-links div ul li img {
    -o-object-fit: contain;
    object-fit: contain;
}


.s-block--square-links.square-links-3 div ul li img {
    -o-object-fit: cover;
    object-fit: cover;
}


.s-block--about img {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 20px;
    border-bottom-left-radius: 0;
}

.s-block--about a.btn {
    border-radius: 10px !important;
    border: 1px solid #535353;
    background: #FFF;
    color: #000000;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

}

/*FAQ*/
.single-faq {
  background-color: #535353;
}

.single-faq .faq-content p,
.faq-btn p {
  color: #FFFFFF;
  font-size: 18px;
}
.faq-btn i {
  color: #192a49;
}
.faq-btn i {
  background-color: #FFFFFF;
}
/*FAQ*/

.s-block--enhanced-features .s-block--enhanced-features__item {
  border: 1px solid #535353;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.s-block--enhanced-features__item:hover {
  border: 0;
  background-color: #535353;
  transition: .3s;
}

.s-block--enhanced-features__item:hover h2,
.s-block--enhanced-features__item:hover p{
  color: #FFF;
}

.s-block--enhanced-features__item .feature-icon img {
    border-radius: 50%;
}

@media(min-width: 768px) {

.s-block--stats .container div {
    padding: 10px;
    margin: 10px;
    border-radius: 10px !important;
}

.s-block--stats .container > div {
  border: 0px !important;
}


.s-block--stats .container div > div.flex {
    margin: 0px auto !important;
    margin-bottom: 40px !important;
}


.s-block--stats .container div:nth-child(even) {
  background-color: #535353;
  color: #FFFFFF;
  position: relative;
  top: -30px;
}

.s-block--stats .container div:nth-child(odd) {
  position: relative;
  top: 30px;
  border: 1px solid #535353;
}

#best-offers-8-slider .swiper-wrapper {
    justify-content: center;
}

.s-block--stats .container div:nth-child(even) h6,
.s-block--stats .container div:nth-child(even) p {
  color: #FFFFFF !important;
}

}

@media (max-width: 767px) {

.s-block--stats .container div.flex div:nth-child(1),
.s-block--stats .container div.flex div:nth-child(4) {
  background-color: #535353;
}


.s-block--stats .container div.flex > div{
  padding: 5px;
}

.s-block--stats .container div.flex div:nth-child(2),
.s-block--stats .container div.flex div:nth-child(3) {
  border: 1px solid #535353 !important;
}

.s-block--stats .container div.flex > div {
   width: 48%
}

.s-block--stats .container div {
    margin: 10px auto;
    border-radius: 10px !important;
}
.single-faq .faq-content p,
.faq-btn p {
  font-size: .8rem;
}

.s-block--stats .container div.flex > div:nth-child(1) h6,
.s-block--stats .container div.flex > div:nth-child(1) p,
.s-block--stats .container div.flex > div:nth-child(4) p {
  color: #FFFFFF !important;
}

.s-block--stats .container div.flex > div:nth-child(2) h6,
.s-block--stats .container div.flex > div:nth-child(3) p {
  color: #535353 !important;
}

.s-block--stats .container div.flex > div:nth-child(1),
.s-block--stats .container div.flex div:nth-child(3) {
  position: relative;
  top: -30px;
}
.s-block--square-links .auto-fit-grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
.s-block--about {
padding-top: 0;
}
}

@keyframes scale {
    0%,100% {
        transform: scale(1);
        opacity: 1
    }

    50% {
        transform: scale(.9);
        opacity: .7
    }
}