@media (min-width: 768px) {
    .circle {
        animation: Pulsation 1.333s ease-in infinite;
    }
}

@media (max-width: 767px) {
    .circle {
        animation: PulsationMin 1.333s ease-in infinite;
    }
}

.fade {
    animation: Fade5 200ms ease-in;
}
.fade1 {
    animation: Fade1 300ms ease-in-out;
}

.showSec {
    transition: margin-left 444ms ease-in-out;
}

.searchHelper.active {
    animation: ShowFromTop 100ms ease-in;
}

header.headshow {
    animation: hShow 555ms ease-in forwards;
}

header.headhide {
    animation: hHide 555ms ease-in forwards;
}
.arrow_up {
    transform: rotate(180deg);
}
.bluebutton {

}
@media (hover: hover) and (pointer: fine) {
    .bluebutton:hover {
        color: #022FA4;

    }
    .bluebutton:hover p{
        color: #022FA4;

    }
    .bluebutton:hover svg path{
        stroke: #022FA4;

    }
}
@keyframes Pulsation {
    0% {
        border: 12px solid #FFEBC6;
    }
    50% {
        border: 6px solid #FFEBC6;
    }
    100% {
        border: 12px solid #FFEBC6;
    }
}

@keyframes PulsationMin {
    0% {
        border: 7px solid #FFEBC6;
    }
    50% {
        border: 3px solid #FFEBC6;
    }
    100% {
        border: 7px solid #FFEBC6;
    }
}

@keyframes Fade5 {
    0% {
        color: #1E63CA;
    }
    100% {
        color: #fff;
    }
}
@keyframes Fade1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes ShowFromTop {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 100;
    }
}

@keyframes hShow {
    0% {
        margin-top: -90px;
    }
    100% {
        margin-top: 0;
    }
}

@keyframes hHide {
    0% {
        margin-top: 0;
    }
    100% {
        margin-top: -90px;
    }
}

.removeDis {
    display: none !important;
}

.changeHeader p:hover {
    border-bottom: 2px solid #A7BDF5 !important;
}

.head:hover  p{
    color: #A7BDF5 !important;
}

*:focus-visible {
    outline: 2px solid #f845fc;
    border-radius: 3px;
}

.product_button:focus-visible {
    outline: 2px solid #f845fc;
    border-radius: 30px;
}
