/*****************
    ANIMATIONS
 ****************/
.animation {
    opacity: 0;
    filter: blur(0);
    transform: translateY(50%);
    transition: all .9s ease-in-out;
}

.animation[animation="true"] {
    opacity: 1;
    transform: translateX(0);
}

.animation-2 {
    opacity: 0;
    filter: blur(0);
    transform: translateY(50%);
    transition: all 1.2s ease-in-out;
}

.animation-2[animation="true"] {
    opacity: 1;
    transform: translateX(0);
}

.line-bottom {
    height: 1px;
    background-color: 1A463D;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 680px;
}

.d-none-price {
    display: none !important;
}

.d-none-free {
    display: none !important;
}

.animation-3 {
    filter: blur(0);
    transition: all ease-in-out 1.5s;
    height: 1px;
    background-color: #1A463D;
    position: absolute;
    left: 100%;
    width: 680px;
    opacity: 0;
}

.animation-3[animation="true"] {
    opacity: 1;
    left: 0;
    height: 1px;
    background-color: #1A463D;
}

.animation-4 {
    opacity: 0;
    filter: blur(0);
    transform: translateY(50%);
    transition: all 0.8s ease-in-out;
}

.animation-4[animation="true"] {
    opacity: 1;
    transform: translateX(0);
}

.animation-5 {
    opacity: 0;
    filter: blur(0);
    transform: translateY(50%);
    transition: all 1.7s ease-in-out;
}

.animation-5[animation="true"] {
    opacity: 1;
    transform: translateX(0);
}

.animation-6 {
    opacity: 0;
    filter: blur(0);
    transform: translateX(50%);
    transition: all 1.7s ease-in-out;
}

.animation-6[animation="true"] {
    opacity: 1;
    transform: translateY(0);
}

.animation-7 {
    opacity: 0;
    filter: blur(0);
    transform: translateX(50%);
    transition: all 1.7s ease-in-out;
}

.animation-7[animation="true"] {
    opacity: 1;
    transform: translateY(0);
}