body, html {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #333;
}
.entry-content.single-page h2:nth-of-type(1)::before {
    content: "1";
}
.entry-content.single-page h2 {
    color: #ec4400;
}
 .entry-content.single-page h2:nth-of-type(1)::before,.entry-content.single-page h2:nth-of-type(2)::before,.entry-content.single-page h2:nth-of-type(3)::before,.entry-content.single-page h2:nth-of-type(4)::before,.entry-content.single-page h2:nth-of-type(5)::before,.entry-content.single-page h2:nth-of-type(6)::before,.entry-content.single-page h2:nth-of-type(7)::before,.entry-content.single-page h2:nth-of-type(8)::before,.entry-content.single-page h2:nth-of-type(9)::before,.entry-content.single-page h2:nth-of-type(10)::before {
                content: attr(data-counter);
                line-height: 36px;
                display: inline-block;
                min-width: 36px;
                margin: 0 6px 0 0;
                padding: 0 5px;
                text-align: center;
                vertical-align: 0px;
                color: #fff;
                border-radius: 13px;
                background: #4098d7;
                background: linear-gradient(45deg, #b08450 0%, #f44600 100%);
                -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
                font-size: 20px;
            }

            .entry-content.single-page h2:nth-of-type(1)::before {
                content: "1";
            }

            .entry-content.single-page h2:nth-of-type(2)::before {
                content: "2";
            }

            .entry-content.single-page h2:nth-of-type(3)::before {
                content: "3";
            }

            .entry-content.single-page h2:nth-of-type(4)::before {
                content: "4";
            }

            .entry-content.single-page h2:nth-of-type(5)::before {
                content: "5";
            }

            .entry-content.single-page h2:nth-of-type(6)::before {
                content: "6";
            }

            .entry-content.single-page h2:nth-of-type(7)::before {
                content: "7";
            }

            .entry-content.single-page h2:nth-of-type(8)::before {
                content: "8";
            }

            .entry-content.single-page h2:nth-of-type(9)::before {
                content: "9";
            }

            .entry-content.single-page h2:nth-of-type(10)::before {
                content: "10";
            }
.p.almendra-top {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 0px;
    color: #ccabff;
}
p.almendr-main {
    font-size: 3em;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #ccabff;
}
p.almendra-bottom {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.3em;
    color: #ccabff;
    margin-bottom: 10px;
}
#stars {position:fixed; inset:0; pointer-events:none; z-index:0;}
.star {
  position:absolute;
  width:2px; height:2px;
  border-radius:50%;
  background:#fff;
  animation: twinkle 2s infinite alternate;
}
.shooting-star {
  position:fixed;
  width:2px; height:2px;
  background:linear-gradient(90deg,#fff,transparent);
  animation: shooting 2.5s linear forwards;
}
@keyframes twinkle {
  from {opacity:0.3;}
  to   {opacity:1;}
}
@keyframes shooting {
  from {transform:translate3d(0,0,0);}
  to   {transform:translate3d(300px,-300px,0);opacity:0;}
}

@keyframes cardRotate {
            0% {
                transform: rotate(-13deg);
            }

            50% {
                transform: rotate(13deg);
            }

            100% {
                transform: rotate(-13deg);
            }
        }

        @keyframes cardRotateZ {
            0% {
                transform: rotateY(0deg);
            }

            50% {
                transform: rotateY(180deg);
            }

            100% {
                transform: rotateY(360deg);
            }
        }

        @keyframes rotateIt {
            0% {
                transform: rotate(0deg)
            }

            100% {
                transform: rotate(360deg)
            }
        }

        .home-page-tarot .welcome__card-loader {
            width: 12vw;
            height: 12vh;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 3.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 2.1s ease-in;
            transform: scale(0.5);
            opacity: 0;
            z-index: 3;
            position: relative;
        }

        .home-page-tarot .welcome__card-loader {
            transform: scale(1);
            opacity: 1;
        }

        .home-page-tarot .welcome__card-loader .welcome__card-container {
            animation-name: cardRotate;
            animation-duration: 8s;
            animation-iteration-count: infinite;
            animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
        }

        .home-page-tarot .welcome__card-loader .the-card {
            animation-name: cardRotateZ;
            animation-duration: 8s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            position: relative;
            transform-style: preserve-3d;
        }

        .home-page-tarot .welcome__card-container .the-card__front {
            position: absolute;
            transform: rotateX(0) rotateY(180deg) scale(1) translateZ(0px);
            width: 100%;
            height: 100%;
            background-color: #f5f5f5;
            border-radius: 0.35rem;
            overflow: hidden;
            padding: 4.68% 4.68%;
            box-sizing: border-box;
        }

        .home-page-tarot .welcome__card-container .the-card__front video {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 0.5rem;
            overflow: hidden;
            transform: translateZ(0);
        }

        .home-page-tarot .welcome__card-container .the-card__front .glare {
            position: absolute;
            top: -10%;
            left: -10%;
            width: 120%;
            height: 120%;
            background-image: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.5019607843) 50%, rgba(245, 245, 245, 0) 100%);
            animation-name: cardGlare;
            animation-duration: 8s;
            animation-delay: -6.3s;
            animation-iteration-count: infinite;
            animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
        }

        .home-page-tarot .welcome__card-container .the-card__back {
            position: relative;
            background-color: #1e1131;
            transform: rotateX(0) rotateY(0deg) scale(1) translateZ(2.1px);
            border-radius: 0.35rem;
            overflow: hidden;
        }

        .home-page-tarot .welcome__card-container .the-card__back .glare {
            position: absolute;
            top: -10%;
            left: 0%;
            width: 100%;
            height: 120%;
            background-image: linear-gradient(to right, rgba(123, 71, 201, 0) 0%, rgba(123, 71, 201, 0.5019607843) 50%, rgba(123, 71, 201, 0) 100%);
            animation-name: cardGlareBack;
            animation-duration: 8s;
            animation-delay: -6.3s;
            animation-iteration-count: infinite;
            animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
        }

        /* // light */

        .home-page-tarot .welcome__lights-container {
            position: absolute;
            z-index: 3;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            pointer-events: none;
        }

        .home-page-tarot .welcome__lights-container .lights {
            width: 100%;
            position: relative;
            animation-name: lightsP;
            animation-duration: 9s;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
        }

        .home-page-tarot .welcome__lights-container .lights-a {
            transform: rotate(0deg);
            animation-name: rotateIt;
            animation-duration: 21s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        .home-page-tarot .welcome__lights-container .lights-a::before {
            content: "";
            display: block;
            width: 100%;
            padding-bottom: 100%;
            background: url(http://boitarot.com.vn/wp-content/uploads/2025/09/lights-1.png.webp) no-repeat scroll rgba(0, 0, 0, 0);
            background-size: cover;
            background-position: center;
            animation-name: lightsOp;
            animation-duration: 1.8s;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
        }

        .home-page-tarot .welcome__lights-container .lights-b {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transform: rotate(0deg);
            animation-name: rotateIt;
            animation-duration: 33s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-direction: reverse;
        }

        .home-page-tarot .welcome__lights-container .lights-b::before {
            content: "";
            display: block;
            width: 100%;
            padding-bottom: 100%;
            background: url(http://boitarot.com.vn/wp-content/uploads/2025/09/lights-2.png.webp) no-repeat scroll rgba(0, 0, 0, 0);
            background-size: cover;
            background-position: center;
            animation-name: lightsOp;
            animation-duration: 1.5s;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
        }

        .home-page-tarot .welcome__lights-container::after {
            content: "";
            display: block;
            position: absolute;
            top: auto;
            right: auto;
            bottom: auto;
            left: auto;
            width: 24%;
            padding: 12% 0;
            border-radius: 50%;
            background-image: radial-gradient(circle at 50% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0.98) 4%, rgba(254, 254, 254, 0.95) 8%, rgba(254, 254, 254, 0.88) 12%, rgba(253, 253, 253, 0.8) 15%, rgba(252, 252, 252, 0.71) 19%, rgba(251, 251, 251, 0.61) 22%, rgba(250, 250, 250, 0.5) 25%, rgba(249, 249, 249, 0.39) 28%, rgba(248, 248, 248, 0.29) 31%, rgba(247, 247, 247, 0.2) 35%, rgba(246, 246, 246, 0.12) 38%, rgba(246, 246, 246, 0.05) 42%, rgba(245, 245, 245, 0.02) 46%, rgba(245, 245, 245, 0) 50%);
 }
    
 .vert-move img {
    -webkit-animation: mover 1s infinite alternate;
     animation: mover 1s infinite alternate;
     padding: 10px; 
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
          transform: translateY(-10px);
    }
  }
@media only screen and (min-width: 1300px)
.container-width,.container, .row {
    max-width: 1320px !important;
}