.header-logo img {
    width: 250px;
    height: auto;
}
.header-layout1 .header-logo {
    padding: 0;
}
.header-layout1 .header-logo {
    height: auto;
}
.counter-space {
    padding-bottom: 200px;
}
.sub-title {
    color: #f0a819;
}
.hero-inst {
    padding: 80px 0;
}
.sub-hero {
    color: #6dcac5;
}
.eye-feature-wrap {
    grid-template-columns: repeat(4, 1fr);
}
.oferta {
    background: #fd1d1d;
    background: linear-gradient(90deg, rgba(253, 29, 29, 1) 0%, rgba(252, 176, 69, 1) 100%);
    color: #fff;
    font-size: 15px;
    padding: 10px;
    display: inline-block;
    border-radius: 20px;
    font-weight: bold;
}
.oferta-promo {
    color: #fff;
    background: #71b542;
    background: linear-gradient(90deg, rgba(113, 181, 66, 1) 0%, rgba(47, 115, 8, 1) 100%);
    color: #fff;
    font-size: 26px;
    padding: 10px;
    display: inline-block;
    border-radius: 20px;
    font-weight: bold;
}
.sub-oferta {
    color: #71b542;
}
.oferta-detalhes {
    color: #333;
    font-size: 14px;
    margin-top: 10px;
}
.anima-pulse {
    box-shadow: 0 0 0 0 rgba(125, 218, 122, 0.9);
    animation: anima-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.animated {
    animation-duration: 0.8s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    will-change: transform, opacity, filter;
    transform: translateZ(0);
}
.whats {
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:7;
    animation: shakeX 2s infinite;
}
.whats a {
    background-color:#00bf49;
    color:#fff;
    padding:10px 15px;
    border-radius: 40px;
    display: block;
}
.whats a:hover {
    background-color:#13d45d;
}
.modal-backdrop.show {
    backdrop-filter: blur(4px);
}
.btn-oferta-close {
    position:absolute;
    top:-10px;
    right:-10px;
    padding:2px 10px;
    background-color:#fd1d1d;
    color:#fff;
    border-radius: 30px;
    border:0;
    font-size:12px;
}
@keyframes anima-pulse {
    to {
        box-shadow: 0 0 0 20px rgba(220,220,220,0)
    }
}
@media (max-width: 575px) {
    .eye-feature-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (min-width: 768px) {
    .eye-feature-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}