@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("fonts/poppins/Poppins-Regular.ttf") format("woff2");
}


.social-icons li:hover.social-icons-linkedin a {
    background: #0a66c2 !important;
}

#WAButton {
    border: none;
}


.WAButton * {
    margin-bottom: 10px !important;
}

.main-section-pic {
    background-image: url(../imagens/empresa/frente_sorodiesel_firefly.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    animation-duration: 7s;
    animation-fill-mode: forwards;
    background-position-x: 40px;
}


@media (min-width: 992px) {
    button.owl-next {
        right: -20px !important;
    }

    button.owl-prev {
        left: -50px !important;
    }
}

@media (max-width: 992px) {

    button.owl-next {
        right: -50px !important;
    }

    button.owl-prev {
        left: -50px !important;
    }
}

.owl-carousel.nav-font-size-lg .owl-nav button.owl-next:before {
    left: -30px !important;
}


@media (min-width: 1700px) {
    .main-section-pic {
        background-position-x: 80px !important;
    }
}

/* Ken Burns To Right */
@keyframes kenBurnsToRightSorodiesel {
    from {
        transform: scale(1.10);
        transform-origin: top right;
    }

    to {
        transform: scale(1.00);
        transform-origin: bottom right;
    }
}

.kenBurnsToRightSorodiesel {
    animation-name: kenBurnsToRightSorodiesel;
    animation-timing-function: ease-in-out;
}

.card-body-servicos {
    background-color: rgba(0, 0, 0, 0.035) !important;
}

.custom-svg-1 {
    position: absolute;
    left: 0px;
    top: -100px;
    width: 580px !important;
}

@media (min-width: 1600px) {
    .img-logo-header {
        width: auto !important;
        height: 81px !important;
    }
}

@media (max-width: 401px) {
    .img-logo-header {
        width: auto !important;
        height: 70px !important;
    }
}

@media (max-width: 401px) {
    .img-logo-bosch-header {
        width: auto !important;
        height: 60px !important;
    }
}

@media (min-width: 200px) {
    .img-loja-index {
        width: auto !important;
        max-width: 150px !important;
        height: auto !important;
    }
}

@media (min-width: 500px) {
    .img-loja-index {
        width: auto !important;
        max-width: 250px !important;
        height: auto !important;
    }
}

.div-product-index {
    margin: 2px 2px 2px 2px !important;
}

@media (min-width: 200px) {
    .div-product-index {
        margin: 0 !important;
        margin-bottom: 10px !important;
    }
}


.parallax-background {
    padding: 5px !important;
    background-size: auto 100% !important; /* Completely neutralizes the 'cover' over-zoom */

    background-repeat: no-repeat !important;
    background-position: center !important;
}

.box-fale-conosco {
    padding: 15px;
    border: 1px dashed #333333;
    border-radius: 12px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
}


.icone-whatsapp-barra {
    font-size: 25px !important;
}

.icone-whatsapp-fale-conosco {
    font-size: 44px !important;
}

.icone-nossos-servicos {
    font-size: 25px !important;
}

.icone-nossos-produtos {
    font-size: 25px !important;
}

.text-whatsapp-no-shadow {
    color: #25D366;
}

.text-whatsapp {
    color: #25D366;
    text-shadow: 0 0 10px #00ffcc, 0 0 20px #00ffcc;
}

.increase-on-hover {
    /* Smoothly animates the size change over 0.3 seconds */
    transition: transform 0.3s ease;
}

.increase-on-hover:hover {
    transform: scale(1.15);
}

.increase-on-hover10 {
    /* Smoothly animates the size change over 0.3 seconds */
    transition: transform 0.5s ease;
}

.increase-on-hover10:hover {
    transform: scale(1.10);
}

.subtle-white-shadow {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    filter: drop-shadow(0px 4px 12px rgba(255, 255, 255, 0.4));
}

.whatsapp {
    color: #25d366;
}

.whatsapp-icon {
    font-size: 18px;
}

.section-subtle-gradient-secondary {
    /* Soft transition that adds depth without screaming for attention */
    background-image: linear-gradient(135deg, rgba(38, 66, 141, 1) 0%, rgba(81, 104, 164, 1) 100%) !important;
}

.heartbeat-whatsapp-fale-conosco {
    /* Applies the 'beat' animation over 1.2 seconds, infinitely */
    animation: beat-larger 2s infinite linear;

    /* Ensures the scaling effect expands evenly from the center */
    transform-origin: center;

    z-index: 9999;
}

/* Heartbeat Animation Sequence */
@keyframes beat-larger {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(1.3);
    }

    75% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}


.whatsapp-heartbeat {
    /* Applies the 'beat' animation over 1.2 seconds, infinitely */
    animation: beat 3s infinite linear;

    /* Ensures the scaling effect expands evenly from the center */
    transform-origin: center;

    position: absolute;
    z-index: 9999;
}

.heartbeat {
    display: inline-block;
    font-size: 50px; /* Adjust size as needed */

    /* Applies the 'beat' animation over 1.2 seconds, infinitely */
    animation: beat 4s infinite linear;

    /* Ensures the scaling effect expands evenly from the center */
    transform-origin: center;
}


/* Heartbeat Animation Sequence */
@keyframes beat {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.050);
    }

    50% {
        transform: scale(1.075);
    }

    75% {
        transform: scale(1.050);
    }

    100% {
        transform: scale(1);
    }
}

a {
    color: var(--primary);
}

a:hover {
    color: black !important;
}

.text-color-hover-primary:hover, .text-hover-primary:hover {
    color: var(--secondary-100) !important;
}

.text-color-hover-secondary:hover, .text-hover-secondary:hover {
    color: var(--primary) !important;
}

.on-hover-yellow:hover {
    color: var(--primary) !important;
    font-weight: bold !important;
    font-style: italic !important;;
}

.social-icons.social-icons-icon-primary li a {
    color: var(--primary) !important;
}

.social-icons.social-icons-icon-primary li:hover a {
    color: var(--primary) !important;
    font-weight: bold !important;;
}

.btn-sorodiesel-on-hover {
    box-shadow: 10px 5px 5px var(--quaternary);
}

.btn-sorodiesel-on-hover:hover {
    color: var(--primary) !important;
    background-color: var(--secondary) !important;
    font-weight: bold;
    border-color: var(--primary) !important;
}

.btn-sorodiesel-on-hover:hover svg polygon {
    fill: var(--primary) !important;
    stroke: var(--primary) !important;
    stroke-width: 0.6 !important;
}


.btn-sorodiesel-on-hover:hover svg polygon {
    fill: var(--primary) !important;
    stroke: var(--primary) !important;
    stroke-width: 0.6 !important;
}

.bg-nossos-produtos-e-servicos {
    background-color: rgba(0, 0, 0, 0.10) !important;
}

@media (min-width: 1600px) {
    .margin-nossos-servicos-e-produtos {
        margin-left: 450px !important;
        margin-right: 450px !important;
    }

    .owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-prev {
        font-size: 42px !important;
    }
}

.img-nossos-servicos {
    top: 0;
    transition: transform 1000ms ease-out;
    transform: translate3d(0px, 2.18083%, 0px);
}

.animationDelay1450 {
    animation-delay: 1450ms;
"
}

.animationDelay1200 {
    animation-delay: 1200ms;
}

.animationDelay1900 {
    animation-delay: 1900ms;
}

.animationDelay600 {
    animation-delay: 600ms;
}

.animationDelay300 {
    animation-delay: 300ms;
}

.animationDelay200 {
    animation-delay: 200ms;
}

.animationDuration5s {
    animation-duration: 5s;
}

.text-sorodiesel-gray {
    color: rgba(255, 255, 255, 0.75) !important;
    line-height: 1.3 !important;
}

.social-icons-large li a {
    height: 56px !important;
    line-height: 56px !important;
    width: 56px !important;
    font-size: 24px !important;
}

.loja-produto {
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    border: 3px dashed var(--secondary) !important;; /* Required for border-image */
    padding: 15px !important;
    border-radius: 10px !important;
}

.img-loja-produto {
    padding: 5px !important;
}

.loja-nome-produto {
    font-style: normal;
    font-weight: bold !important;
}